\n \n {fieldName.replace(/([A-Z])/g, ' $1').trim()}\n {isRequired && *}\n \n {inputElement}\n {fieldConfig.format && (\n

Format: {fieldConfig.format}

\n )}\n

\n );\n };\n\n return (\n

\n {isImport ? 'Import New Account' : `Edit Account ${account?.UID}`}\n

\n\n

\n {/* UID field for import */}\n {isImport && (\n

Account Identifier

\n \n UID (optional - will be generated if not provided)\n \n \n

\n )}\n\n {/* Profile Fields */}\n {schema?.profileSchema?.fields && (\n

Profile Information

\n {Object.entries(schema.profileSchema.fields).map(([fieldName, fieldConfig]) =>\n renderField(fieldName, fieldConfig, 'profile', account?.profile?.[fieldName])\n )}\n

\n )}\n\n {/* Common Profile Fields (if no schema) */}\n {!schema?.profileSchema?.fields && (\n

Profile Information

\n \n First Name\n \n \n

\n \n Last Name\n \n \n

\n \n Email\n \n \n

\n )}\n\n {/* Data Fields */}\n {schema?.dataSchema?.fields && (\n

Custom Data

\n {Object.entries(schema.dataSchema.fields).map(([fieldName, fieldConfig]) =>\n renderField(fieldName, fieldConfig, 'data', account?.data?.[fieldName])\n )}\n

\n )}\n\n {/* Custom Data Fields (if account has data but no schema) */}\n {!schema?.dataSchema?.fields && account?.data && Object.keys(account.data).length > 0 && (\n

Custom Data

\n {Object.entries(account.data).map(([fieldName, value]) => (\n

\n \n {fieldName}\n \n \n

\n ))}\n

\n )}\n\n {/* Add Custom Data Field */}\n

Add Custom Data Field

\n \n Field Name\n \n \n

\n \n Field Value (JSON format)\n \n \n

\n \n Add Field\n \n

\n\n {/* Form Actions */}\n

\n \n Cancel\n \n \n {isImport ? 'Import Account' : 'Update Account'}\n \n

\n\n {/* JavaScript for dynamic field addition and form submission */}\n