@thunderid/react 0.6.0 → 0.6.1

package/dist/cjs/components/presentation/UserProfile/BaseUserProfile.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BaseUserProfile.cjs","names":["fieldsToSkip: string[]","readonlyFields: string[]","BaseUserProfile: FC<BaseUserProfileProps>","useTheme","useTranslation","shouldShowField: any","toggleFieldEdit: any","getFieldPlaceholder: any","fieldLabel: any","formatLabel: any","styles: any","useStyles","ObjectDisplay: FC<{data: unknown}>","keys: any","current: any","i: any","key: any","handleFieldSave: any","fieldName: string","fieldValue: any","payload: Record<string, any>","WellKnownSchemaIds","handleFieldCancel: any","currentUser: any","currentUser","mergedMappings: Record<string, string | string[]>","label: any","displayValue: string","displayValue","hasValues: any","isEditable: any","isEditable","currentValue: any","fieldValues: string[]","MultiInput","Button","commonProps: any","field: ReactElement","TextField","DatePicker","Checkbox","hasValue: any","isFieldEditing: any","isReadonlyField: any","tempEditedUser: any","containerClasses: any","displayName: any","getDisplayName","profileEntries: any","Avatar","getMappedUserProfileValue","Typography","Divider","profileContent: any","CardPrimitive","AlertPrimitive","value: any","schemaWithValue: any","DialogPrimitive"],"sources":["../../../../../src/components/presentation/UserProfile/BaseUserProfile.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {cx} from '@emotion/css';\nimport {User, withVendorCSSClassPrefix, WellKnownSchemaIds, bem, Preferences} from '@thunderid/browser';\nimport {FC, ReactElement, useState, useCallback} from 'react';\nimport useStyles from './BaseUserProfile.styles';\nimport useTheme from '../../../contexts/Theme/useTheme';\nimport useTranslation from '../../../hooks/useTranslation';\nimport getDisplayName from '../../../utils/getDisplayName';\nimport getMappedUserProfileValue from '../../../utils/getMappedUserProfileValue';\nimport AlertPrimitive from '../../primitives/Alert/Alert';\nimport {Avatar} from '../../primitives/Avatar/Avatar';\nimport Button from '../../primitives/Button/Button';\nimport CardPrimitive from '../../primitives/Card/Card';\nimport Checkbox from '../../primitives/Checkbox/Checkbox';\nimport DatePicker from '../../primitives/DatePicker/DatePicker';\nimport DialogPrimitive from '../../primitives/Dialog/Dialog';\nimport Divider from '../../primitives/Divider/Divider';\nimport MultiInput from '../../primitives/MultiInput/MultiInput';\nimport TextField from '../../primitives/TextField/TextField';\nimport Typography from '../../primitives/Typography/Typography';\n\ninterface ExtendedFlatSchema {\n  path?: string;\n  schemaId?: string;\n}\n\ninterface Schema extends ExtendedFlatSchema {\n  caseExact?: boolean;\n  description?: string;\n  displayName?: string;\n  displayOrder?: string;\n  multiValued?: boolean;\n  mutability?: string;\n  name?: string;\n  required?: boolean;\n  returned?: string;\n  subAttributes?: Schema[];\n  type?: string;\n  uniqueness?: string;\n  value?: any;\n}\n\nexport interface BaseUserProfileProps {\n  attributeMapping?: {\n    [key: string]: string | string[] | undefined;\n    firstName?: string | string[];\n    lastName?: string | string[];\n    picture?: string | string[];\n    username?: string | string[];\n  };\n  cardLayout?: boolean;\n  className?: string;\n  displayNameAttributes?: string[];\n  editable?: boolean;\n  error?: string | null;\n  fallback?: ReactElement | null;\n  flattenedProfile?: User;\n  hideFields?: string[];\n  isLoading?: boolean;\n  mode?: 'inline' | 'popup';\n  onOpenChange?: (open: boolean) => void;\n  onUpdate?: (payload: any) => Promise<void>;\n  open?: boolean;\n  /**\n   * Component-level preferences to override global i18n and theme settings.\n   * Preferences are deep-merged with global ones, with component preferences\n   * taking precedence. Affects this component and all its descendants.\n   */\n  preferences?: Preferences;\n  profile?: User;\n  schemas?: Schema[];\n  showFields?: string[];\n\n  title?: string;\n}\n\n// Fields to skip based on schema.name\nconst fieldsToSkip: string[] = [\n  'roles.default',\n  'active',\n  'groups',\n  'accountLocked',\n  'accountDisabled',\n  'oneTimePassword',\n  'userSourceId',\n  'idpType',\n  'localCredentialExists',\n  'active',\n  'ResourceType',\n  'ExternalID',\n  'MetaData',\n  'verifiedMobileNumbers',\n  'verifiedEmailAddresses',\n  'phoneNumbers.mobile',\n  'emailAddresses',\n  'preferredMFAOption',\n];\n\n// Fields that should be readonly\nconst readonlyFields: string[] = ['username', 'userName', 'user_name'];\n\nconst BaseUserProfile: FC<BaseUserProfileProps> = ({\n  fallback = null,\n  className = '',\n  cardLayout = true,\n  profile,\n  schemas = [],\n  flattenedProfile,\n  mode = 'inline',\n  title,\n  attributeMapping = {},\n  editable = true,\n  onOpenChange,\n  onUpdate,\n  open = false,\n  error = null,\n  isLoading = false,\n  preferences,\n  showFields = [],\n  hideFields = [],\n  displayNameAttributes = [],\n}: BaseUserProfileProps): ReactElement | null => {\n  const {theme, colorScheme} = useTheme();\n  const [editedUser, setEditedUser] = useState(flattenedProfile || profile);\n  const [editingFields, setEditingFields] = useState<Record<string, boolean>>({});\n  const {t} = useTranslation(preferences?.i18n);\n\n  /**\n   * Determines if a field should be visible based on showFields, hideFields, and fieldsToSkip arrays.\n   * Priority order:\n   * 1. fieldsToSkip (always hidden) - highest priority\n   * 2. hideFields (explicitly hidden)\n   * 3. showFields (explicitly shown, if array is not empty)\n   * 4. Default behavior (show all fields not in fieldsToSkip)\n   */\n  const shouldShowField: any = useCallback(\n    (fieldName: string): boolean => {\n      // Always skip fields in the hardcoded fieldsToSkip array\n      if (fieldsToSkip.includes(fieldName)) {\n        return false;\n      }\n\n      // If hideFields is provided and contains this field, hide it\n      if (hideFields.length > 0 && hideFields.includes(fieldName)) {\n        return false;\n      }\n\n      // If showFields is provided and not empty, only show fields in that array\n      if (showFields.length > 0) {\n        return showFields.includes(fieldName);\n      }\n\n      return true;\n    },\n    [showFields, hideFields],\n  );\n\n  const PencilIcon = (): any => (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z\" />\n    </svg>\n  );\n\n  const toggleFieldEdit: any = useCallback((fieldName: string) => {\n    setEditingFields((prev: any) => ({\n      ...prev,\n      [fieldName]: !prev[fieldName],\n    }));\n  }, []);\n\n  const getFieldPlaceholder: any = useCallback((schema: Schema): string => {\n    const {type, displayName, description, name} = schema;\n\n    const fieldLabel: any = displayName || description || name || 'value';\n\n    switch (type) {\n      case 'DATE_TIME':\n        return `Enter your ${fieldLabel.toLowerCase()}`;\n      case 'BOOLEAN':\n        return `Select ${fieldLabel.toLowerCase()}`;\n      case 'COMPLEX':\n        return `Enter ${fieldLabel.toLowerCase()} details`;\n      default:\n        return `Enter your ${fieldLabel.toLowerCase()}`;\n    }\n  }, []);\n\n  const formatLabel: any = useCallback(\n    (key: string): string =>\n      key\n        .split(/(?=[A-Z])|_/)\n        .map((word: any) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())\n        .join(' '),\n    [],\n  );\n\n  const styles: any = useStyles(theme, colorScheme);\n\n  const ObjectDisplay: FC<{data: unknown}> = ({data}: {data: unknown}): ReactElement | null => {\n    if (!data || typeof data !== 'object') return null;\n\n    return (\n      <table className={styles.value}>\n        <tbody>\n          {Object.entries(data).map(([key, value]: any) => (\n            <tr key={key}>\n              <td className={styles.objectKey}>\n                <strong>{formatLabel(key)}:</strong>\n              </td>\n              <td className={styles.objectValue}>\n                {typeof value === 'object' ? <ObjectDisplay data={value} /> : String(value)}\n              </td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    );\n  };\n\n  function set(obj: Record<string, any>, path: string, value: any): void {\n    const keys: any = path.split('.');\n    let current: any = obj;\n\n    for (let i: any = 0; i < keys.length; i += 1) {\n      const key: any = keys[i];\n\n      if (i === keys.length - 1) {\n        current[key] = value;\n      } else {\n        if (!current[key] || typeof current[key] !== 'object') {\n          current[key] = {};\n        }\n        current = current[key];\n      }\n    }\n  }\n\n  const handleFieldSave: any = useCallback(\n    (schema: Schema): void => {\n      if (!onUpdate || !schema.name) return;\n\n      const fieldName: string = schema.name;\n      let fieldValue: any;\n      if (editedUser && fieldName && editedUser[fieldName] !== undefined) {\n        fieldValue = editedUser[fieldName];\n      } else if (flattenedProfile?.[fieldName] !== undefined) {\n        fieldValue = flattenedProfile[fieldName];\n      } else {\n        fieldValue = '';\n      }\n\n      if (Array.isArray(fieldValue)) {\n        fieldValue = fieldValue.filter((v: any) => v !== undefined && v !== null && v !== '');\n      }\n\n      let payload: Record<string, any> = {};\n\n      // SCIM Patch Operation Logic:\n      // - Fields from core schema (urn:ietf:params:scim:schemas:core:2.0:User)\n      //   should be sent directly: {\"name\":{\"givenName\":\"John\"}}\n      // - Fields from extension schemas (like urn:scim:wso2:schema)\n      //   should be nested under the schema namespace: {\"urn:scim:wso2:schema\":{\"country\":\"Sri Lanka\"}}\n      if (schema.schemaId && schema.schemaId !== WellKnownSchemaIds.User) {\n        // For non-core schemas, nest the field under the schema namespace\n        payload = {\n          [schema.schemaId]: {\n            [fieldName]: fieldValue,\n          },\n        };\n      } else {\n        // For core schema or fields without schemaId, use the field path directly\n        // This handles complex paths like \"name.givenName\" correctly\n        set(payload, fieldName, fieldValue);\n      }\n\n      onUpdate(payload);\n\n      toggleFieldEdit(fieldName);\n    },\n    [editedUser, flattenedProfile, onUpdate, toggleFieldEdit],\n  );\n\n  const handleFieldCancel: any = useCallback(\n    (fieldName: string) => {\n      const currentUser: any = flattenedProfile || profile;\n      setEditedUser((prev: any) => ({\n        ...prev,\n        [fieldName]: currentUser[fieldName],\n      }));\n      toggleFieldEdit(fieldName);\n    },\n    [flattenedProfile, profile, toggleFieldEdit],\n  );\n\n  const defaultAttributeMappings: Record<string, string | string[]> = {\n    email: ['emails', 'email'],\n    firstName: ['name.givenName', 'given_name'],\n    lastName: ['name.familyName', 'family_name'],\n    picture: ['profile', 'profileUrl', 'picture', 'URL'],\n    username: ['userName', 'username', 'user_name'],\n  };\n\n  const mergedMappings: Record<string, string | string[]> = Object.fromEntries(\n    Object.entries({...defaultAttributeMappings, ...attributeMapping}).filter(\n      (entry): entry is [string, string | string[]] => entry[1] !== undefined,\n    ),\n  );\n\n  const renderSchemaField = (\n    schema: Schema,\n    isEditing: boolean,\n    onEditValue?: (value: any) => void,\n    onStartEdit?: () => void,\n  ): ReactElement | null => {\n    if (!schema) return null;\n    const {value, displayName, description, name, type, required, mutability, subAttributes, multiValued} = schema;\n    const label: any = displayName || description || name || '';\n\n    if (subAttributes && Array.isArray(subAttributes)) {\n      return (\n        <>\n          {subAttributes.map((subAttr: any, index: any) => {\n            let displayValue: string;\n            if (Array.isArray(subAttr.value)) {\n              displayValue = subAttr.value\n                .map((item: any) => (typeof item === 'object' ? JSON.stringify(item) : String(item)))\n                .join(', ');\n            } else if (typeof subAttr.value === 'object') {\n              displayValue = JSON.stringify(subAttr.value);\n            } else {\n              displayValue = String(subAttr.value);\n            }\n\n            return (\n              <div key={index} className={styles.field}>\n                <span className={styles.label}>{subAttr.displayName || subAttr.description || ''}</span>\n                <div className={styles.value}>{displayValue}</div>\n              </div>\n            );\n          })}\n        </>\n      );\n    }\n\n    if (Array.isArray(value) || multiValued) {\n      const hasValues: any = Array.isArray(value)\n        ? value.length > 0\n        : value !== undefined && value !== null && value !== '';\n      const isEditable: any = editable && mutability !== 'READ_ONLY' && !readonlyFields.includes(name || '');\n\n      if (isEditing && onEditValue && isEditable) {\n        let currentValue: any;\n        if (editedUser && name && editedUser[name] !== undefined) {\n          currentValue = editedUser[name];\n        } else if (flattenedProfile && name && flattenedProfile[name] !== undefined) {\n          currentValue = flattenedProfile[name];\n        } else {\n          currentValue = value;\n        }\n\n        let fieldValues: string[];\n        if (Array.isArray(currentValue)) {\n          fieldValues = currentValue.map(String);\n        } else if (currentValue !== undefined && currentValue !== null && currentValue !== '') {\n          fieldValues = [String(currentValue)];\n        } else {\n          fieldValues = [];\n        }\n\n        return (\n          <>\n            <span className={styles.label}>{label}</span>\n            <div className={styles.value}>\n              <MultiInput\n                values={fieldValues}\n                onChange={(newValues: any): void => {\n                  if (multiValued || Array.isArray(currentValue)) {\n                    onEditValue(newValues);\n                  } else {\n                    onEditValue(newValues[0] || '');\n                  }\n                }}\n                placeholder={getFieldPlaceholder(schema)}\n                fieldType={type as 'STRING' | 'DATE_TIME' | 'BOOLEAN'}\n                type={type === 'DATE_TIME' ? 'date' : 'text'}\n                required={required}\n              />\n            </div>\n          </>\n        );\n      }\n\n      let displayValue: string;\n      if (hasValues) {\n        if (Array.isArray(value)) {\n          displayValue = value\n            .map((item: any) => (typeof item === 'object' ? JSON.stringify(item) : String(item)))\n            .join(', ');\n        } else {\n          displayValue = String(value);\n        }\n      } else if (isEditable) {\n        displayValue = getFieldPlaceholder(schema);\n      } else {\n        displayValue = '-';\n      }\n\n      return (\n        <>\n          <span className={styles.label}>{label}</span>\n          <div className={cx(styles.value, !hasValues ? styles.valuePlaceholder : '')}>\n            {!hasValues && isEditable && onStartEdit ? (\n              <Button\n                onClick={onStartEdit}\n                variant=\"text\"\n                color=\"secondary\"\n                size=\"small\"\n                title=\"Click to edit\"\n                className={styles.editButton}\n              >\n                {displayValue}\n              </Button>\n            ) : (\n              displayValue\n            )}\n          </div>\n        </>\n      );\n    }\n    if (type === 'COMPLEX' && typeof value === 'object') {\n      return <ObjectDisplay data={value} />;\n    }\n\n    if (isEditing && onEditValue && mutability !== 'READ_ONLY' && !readonlyFields.includes(name || '')) {\n      let fieldValue: any;\n      if (editedUser && name && editedUser[name] !== undefined) {\n        fieldValue = editedUser[name];\n      } else if (flattenedProfile && name && flattenedProfile[name] !== undefined) {\n        fieldValue = flattenedProfile[name];\n      } else {\n        fieldValue = value || '';\n      }\n\n      const commonProps: any = {\n        label: undefined,\n        onChange: (e: any) => onEditValue(e.target ? e.target.value : e),\n        placeholder: getFieldPlaceholder(schema),\n        required,\n        value: fieldValue,\n        // Removed inline style, use .styles.ts for marginBottom if needed\n      };\n      let field: ReactElement;\n      switch (type) {\n        case 'STRING':\n          field = <TextField {...commonProps} />;\n          break;\n        case 'DATE_TIME':\n          field = <DatePicker {...commonProps} />;\n          break;\n        case 'BOOLEAN':\n          field = (\n            <Checkbox\n              {...commonProps}\n              checked={!!fieldValue}\n              onChange={(e: any): void => {\n                onEditValue(e.target.checked);\n              }}\n            />\n          );\n          break;\n        case 'COMPLEX':\n          field = (\n            <textarea\n              value={fieldValue}\n              onChange={(e: any): void => onEditValue(e.target.value)}\n              placeholder={getFieldPlaceholder(schema)}\n              required={required}\n              className={styles.complexTextarea}\n            />\n          );\n          break;\n        default:\n          field = <TextField {...commonProps} />;\n      }\n      return (\n        <>\n          <span className={styles.label}>{label}</span>\n          <div className={styles.value}>{field}</div>\n        </>\n      );\n    }\n\n    const hasValue: any = value !== undefined && value !== null && value !== '';\n    const isEditable: any = editable && mutability !== 'READ_ONLY' && !readonlyFields.includes(name || '');\n\n    let displayValue: string;\n    if (hasValue) {\n      displayValue = String(value);\n    } else if (isEditable) {\n      displayValue = getFieldPlaceholder(schema);\n    } else {\n      displayValue = '-';\n    }\n\n    return (\n      <>\n        <span className={styles.label}>{label}</span>\n        <div className={cx(styles.value, !hasValue ? styles.valuePlaceholder : '')}>\n          {!hasValue && isEditable && onStartEdit ? (\n            <Button\n              onClick={onStartEdit}\n              variant=\"text\"\n              color=\"secondary\"\n              size=\"small\"\n              title=\"Click to edit\"\n              className={styles.editButton}\n            >\n              {displayValue}\n            </Button>\n          ) : (\n            displayValue\n          )}\n        </div>\n      </>\n    );\n  };\n\n  const renderUserInfo = (schema: Schema): any => {\n    if (!schema?.name) return null;\n\n    const hasValue: any = schema.value !== undefined && schema.value !== '' && schema.value !== null;\n    const isFieldEditing: any = editingFields[schema.name];\n    const isReadonlyField: any = readonlyFields.includes(schema.name);\n\n    const shouldShow: any = hasValue || isFieldEditing || (editable && schema.mutability === 'READ_WRITE');\n\n    if (!shouldShow) {\n      return null;\n    }\n\n    return (\n      <div className={styles.field}>\n        <div className={styles.fieldInner}>\n          {renderSchemaField(\n            schema,\n            isFieldEditing,\n            (value: any) => {\n              const tempEditedUser: any = {...editedUser};\n              tempEditedUser[schema.name!] = value;\n              setEditedUser(tempEditedUser);\n            },\n            () => toggleFieldEdit(schema.name),\n          )}\n        </div>\n        {editable && schema.mutability !== 'READ_ONLY' && !isReadonlyField && (\n          <div className={styles.fieldActions}>\n            {isFieldEditing && (\n              <>\n                <Button size=\"small\" color=\"primary\" variant=\"solid\" onClick={(): any => handleFieldSave(schema)}>\n                  Save\n                </Button>\n                <Button\n                  size=\"small\"\n                  color=\"secondary\"\n                  variant=\"solid\"\n                  onClick={(): any => handleFieldCancel(schema.name)}\n                >\n                  Cancel\n                </Button>\n              </>\n            )}\n            {!isFieldEditing && hasValue && (\n              <Button\n                size=\"small\"\n                color=\"tertiary\"\n                variant=\"icon\"\n                onClick={(): any => toggleFieldEdit(schema.name)}\n                title=\"Edit\"\n                className={styles.editButton}\n              >\n                <PencilIcon />\n              </Button>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  };\n\n  if (!profile && !flattenedProfile) {\n    return fallback;\n  }\n\n  const containerClasses: any = cx(\n    styles.root,\n    cardLayout ? styles.card : '',\n    withVendorCSSClassPrefix('user-profile'),\n    className,\n  );\n\n  const currentUser: any = flattenedProfile || profile;\n\n  const renderProfileWithoutSchemas = (): any => {\n    if (!currentUser) return null;\n\n    const displayName: any = getDisplayName(mergedMappings, profile!, displayNameAttributes);\n\n    const profileEntries: any = Object.entries(currentUser)\n      .filter(([key, value]: [string, any]) => {\n        if (!shouldShowField(key)) return false;\n\n        return value !== undefined && value !== '' && value !== null;\n      })\n      .sort(([a]: [string, ...any[]], [b]: [string, ...any[]]) => a.localeCompare(b));\n\n    return (\n      <>\n        <div className={styles.profileSummary}>\n          <Avatar\n            imageUrl={getMappedUserProfileValue('picture', mergedMappings, currentUser)}\n            name={displayName}\n            size={70}\n            alt={`${displayName}'s avatar`}\n            isLoading={isLoading}\n          />\n          <Typography variant=\"h3\" fontWeight=\"medium\">\n            {displayName}\n          </Typography>\n          {getMappedUserProfileValue('email', mergedMappings, currentUser) && (\n            <Typography variant=\"body2\" color=\"textSecondary\">\n              {getMappedUserProfileValue('email', mergedMappings, currentUser)}\n            </Typography>\n          )}\n        </div>\n        <Divider />\n        {profileEntries.map(([key, value]: any, index: any) => (\n          <div key={key}>\n            <div className={styles.sectionRow}>\n              <div className={styles.sectionLabel}>{formatLabel(key)}</div>\n              <div className={styles.sectionValue}>\n                {typeof value === 'object' ? <ObjectDisplay data={value} /> : String(value)}\n              </div>\n            </div>\n            {index < profileEntries.length - 1 && <Divider />}\n          </div>\n        ))}\n      </>\n    );\n  };\n\n  const profileContent: any = (\n    <CardPrimitive className={containerClasses}>\n      {error && (\n        <AlertPrimitive\n          variant=\"error\"\n          className={cx(withVendorCSSClassPrefix(bem('user-profile', 'alert')), styles.alert)}\n        >\n          <AlertPrimitive.Title>{t('errors.heading') || 'Error'}</AlertPrimitive.Title>\n          <AlertPrimitive.Description>{error}</AlertPrimitive.Description>\n        </AlertPrimitive>\n      )}\n      {schemas && schemas.length > 0 && (\n        <div className={styles.header}>\n          <Avatar\n            imageUrl={getMappedUserProfileValue('picture', mergedMappings, currentUser)}\n            name={getDisplayName(mergedMappings, profile!)}\n            size={80}\n            alt={`${getDisplayName(mergedMappings, profile!)}'s avatar`}\n            isLoading={isLoading}\n          />\n        </div>\n      )}\n      <div className={styles.infoContainer}>\n        {schemas && schemas.length > 0\n          ? schemas\n              .filter((schema: any) => {\n                if (!schema.name || !shouldShowField(schema.name)) return false;\n\n                if (!editable) {\n                  const value: any = flattenedProfile && schema.name ? flattenedProfile[schema.name] : undefined;\n                  return value !== undefined && value !== '' && value !== null;\n                }\n\n                return true;\n              })\n              .sort((a: any, b: any) => {\n                const orderA: any = a.displayOrder ? parseInt(a.displayOrder, 10) : 999;\n                const orderB: any = b.displayOrder ? parseInt(b.displayOrder, 10) : 999;\n                return orderA - orderB;\n              })\n              .map((schema: any, index: any) => {\n                const value: any = flattenedProfile && schema.name ? flattenedProfile[schema.name] : undefined;\n                const schemaWithValue: any = {\n                  ...schema,\n                  value,\n                };\n\n                return (\n                  <div key={schema.name || index} className={styles.info}>\n                    {renderUserInfo(schemaWithValue)}\n                  </div>\n                );\n              })\n          : renderProfileWithoutSchemas()}\n      </div>\n    </CardPrimitive>\n  );\n\n  if (mode === 'popup') {\n    return (\n      <DialogPrimitive open={open} onOpenChange={onOpenChange}>\n        <DialogPrimitive.Content>\n          <DialogPrimitive.Heading>{title ?? t('user.profile.heading')}</DialogPrimitive.Heading>\n          <div className={styles.popup}>{profileContent}</div>\n        </DialogPrimitive.Content>\n      </DialogPrimitive>\n    );\n  }\n\n  return profileContent;\n};\n\nexport default BaseUserProfile;\n"],"mappings":"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"}
+{"version":3,"file":"BaseUserProfile.cjs","names":["fieldsToSkip: string[]","readonlyFields: string[]","BaseUserProfile: FC<BaseUserProfileProps>","useTheme","useTranslation","shouldShowField: any","toggleFieldEdit: any","getFieldPlaceholder: any","fieldLabel: any","formatLabel: any","styles: any","useStyles","ObjectDisplay: FC<{data: unknown}>","keys: any","current: any","i: any","key: any","handleFieldSave: any","fieldName: string","fieldValue: any","payload: Record<string, any>","handleFieldCancel: any","currentUser: any","currentUser","mergedMappings: Record<string, string | string[]>","label: any","displayValue: string","displayValue","hasValues: any","isEditable: any","isEditable","currentValue: any","fieldValues: string[]","MultiInput","Button","commonProps: any","field: ReactElement","TextField","DatePicker","Checkbox","hasValue: any","isFieldEditing: any","isReadonlyField: any","tempEditedUser: any","containerClasses: any","displayName: any","getDisplayName","profileEntries: any","Avatar","getMappedUserProfileValue","Typography","Divider","schemaWithValue: any","profileContent: any","CardPrimitive","AlertPrimitive","DialogPrimitive"],"sources":["../../../../../src/components/presentation/UserProfile/BaseUserProfile.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {cx} from '@emotion/css';\nimport {User, withVendorCSSClassPrefix, bem, Preferences, startCase} from '@thunderid/browser';\nimport {FC, ReactElement, useState, useCallback, useEffect} from 'react';\nimport useStyles from './BaseUserProfile.styles';\nimport useTheme from '../../../contexts/Theme/useTheme';\nimport useTranslation from '../../../hooks/useTranslation';\nimport getDisplayName from '../../../utils/getDisplayName';\nimport getMappedUserProfileValue from '../../../utils/getMappedUserProfileValue';\nimport AlertPrimitive from '../../primitives/Alert/Alert';\nimport {Avatar} from '../../primitives/Avatar/Avatar';\nimport Button from '../../primitives/Button/Button';\nimport CardPrimitive from '../../primitives/Card/Card';\nimport Checkbox from '../../primitives/Checkbox/Checkbox';\nimport DatePicker from '../../primitives/DatePicker/DatePicker';\nimport DialogPrimitive from '../../primitives/Dialog/Dialog';\nimport Divider from '../../primitives/Divider/Divider';\nimport MultiInput from '../../primitives/MultiInput/MultiInput';\nimport TextField from '../../primitives/TextField/TextField';\nimport Typography from '../../primitives/Typography/Typography';\n\ninterface ExtendedFlatSchema {\n  path?: string;\n  schemaId?: string;\n}\n\ninterface Schema extends ExtendedFlatSchema {\n  caseExact?: boolean;\n  description?: string;\n  displayName?: string;\n  displayOrder?: string;\n  multiValued?: boolean;\n  mutability?: string;\n  name?: string;\n  required?: boolean;\n  returned?: string;\n  subAttributes?: Schema[];\n  type?: string;\n  uniqueness?: string;\n  value?: any;\n}\n\nexport interface BaseUserProfileProps {\n  attributeMapping?: {\n    [key: string]: string | string[] | undefined;\n    firstName?: string | string[];\n    lastName?: string | string[];\n    picture?: string | string[];\n    username?: string | string[];\n  };\n  cardLayout?: boolean;\n  className?: string;\n  displayNameAttributes?: string[];\n  editable?: boolean;\n  error?: string | null;\n  fallback?: ReactElement | null;\n  flattenedProfile?: User;\n  hideFields?: string[];\n  isLoading?: boolean;\n  mode?: 'inline' | 'popup';\n  onOpenChange?: (open: boolean) => void;\n  onUpdate?: (payload: any) => Promise<void>;\n  open?: boolean;\n  /**\n   * Component-level preferences to override global i18n and theme settings.\n   * Preferences are deep-merged with global ones, with component preferences\n   * taking precedence. Affects this component and all its descendants.\n   */\n  preferences?: Preferences;\n  profile?: User;\n  showFields?: string[];\n\n  title?: string;\n}\n\n// Fields to skip based on schema.name\nconst fieldsToSkip: string[] = [\n  'roles.default',\n  'active',\n  'groups',\n  'accountLocked',\n  'accountDisabled',\n  'oneTimePassword',\n  'userSourceId',\n  'idpType',\n  'localCredentialExists',\n  'active',\n  'ResourceType',\n  'ExternalID',\n  'MetaData',\n  'verifiedMobileNumbers',\n  'verifiedEmailAddresses',\n  'phoneNumbers.mobile',\n  'emailAddresses',\n  'preferredMFAOption',\n  'attributes',\n  'picture',\n  'isReadOnly',\n  'isReadonly',\n];\n\n// Fields that should be readonly\nconst readonlyFields: string[] = ['attributes', 'id', 'isReadOnly', 'ouId', 'username'];\n\nconst BaseUserProfile: FC<BaseUserProfileProps> = ({\n  fallback = null,\n  className = '',\n  cardLayout = true,\n  profile,\n  flattenedProfile,\n  mode = 'inline',\n  title,\n  attributeMapping = {},\n  editable = true,\n  onOpenChange,\n  onUpdate,\n  open = false,\n  error = null,\n  isLoading = false,\n  preferences,\n  showFields = [],\n  hideFields = [],\n  displayNameAttributes = [],\n}: BaseUserProfileProps): ReactElement | null => {\n  const {theme, colorScheme} = useTheme();\n  const [editedUser, setEditedUser] = useState(flattenedProfile || profile);\n  const [editingFields, setEditingFields] = useState<Record<string, boolean>>({});\n  const {t} = useTranslation(preferences?.i18n);\n\n  useEffect(() => {\n    const nextUser = flattenedProfile ?? profile;\n    if (!nextUser) return;\n\n    setEditedUser((prev: any) => {\n      if (!prev) return nextUser;\n\n      const updated = {...nextUser};\n      Object.keys(prev).forEach((key) => {\n        if (editingFields[key]) {\n          updated[key] = prev[key];\n        }\n      });\n      return updated;\n    });\n  }, [flattenedProfile, profile, editingFields]);\n\n  /**\n   * Determines if a field should be visible based on showFields, hideFields, and fieldsToSkip arrays.\n   * Priority order:\n   * 1. fieldsToSkip (always hidden) - highest priority\n   * 2. hideFields (explicitly hidden)\n   * 3. showFields (explicitly shown, if array is not empty)\n   * 4. Default behavior (show all fields not in fieldsToSkip)\n   */\n  const shouldShowField: any = useCallback(\n    (fieldName: string): boolean => {\n      // Always skip fields in the hardcoded fieldsToSkip array\n      if (fieldsToSkip.includes(fieldName)) {\n        return false;\n      }\n\n      // If hideFields is provided and contains this field, hide it\n      if (hideFields.length > 0 && hideFields.includes(fieldName)) {\n        return false;\n      }\n\n      // If showFields is provided and not empty, only show fields in that array\n      if (showFields.length > 0) {\n        return showFields.includes(fieldName);\n      }\n\n      return true;\n    },\n    [showFields, hideFields],\n  );\n\n  const PencilIcon = (): any => (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z\" />\n    </svg>\n  );\n\n  const toggleFieldEdit: any = useCallback((fieldName: string) => {\n    setEditingFields((prev: any) => ({\n      ...prev,\n      [fieldName]: !prev[fieldName],\n    }));\n  }, []);\n\n  const getFieldPlaceholder: any = useCallback((schema: Schema): string => {\n    const {type, displayName, description, name} = schema;\n\n    const fieldLabel: any = displayName || description || name || 'value';\n\n    switch (type) {\n      case 'DATE_TIME':\n        return `Enter your ${fieldLabel.toLowerCase()}`;\n      case 'BOOLEAN':\n        return `Select ${fieldLabel.toLowerCase()}`;\n      case 'COMPLEX':\n        return `Enter ${fieldLabel.toLowerCase()} details`;\n      default:\n        return `Enter your ${fieldLabel.toLowerCase()}`;\n    }\n  }, []);\n\n  const formatLabel: any = useCallback(\n    (key: string): string =>\n      key\n        .split(/(?=[A-Z])|_/)\n        .map((word: any) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())\n        .join(' '),\n    [],\n  );\n\n  const styles: any = useStyles(theme, colorScheme);\n\n  const ObjectDisplay: FC<{data: unknown}> = ({data}: {data: unknown}): ReactElement | null => {\n    if (!data || typeof data !== 'object') return null;\n\n    return (\n      <table className={styles.value}>\n        <tbody>\n          {Object.entries(data).map(([key, value]: any) => (\n            <tr key={key}>\n              <td className={styles.objectKey}>\n                <strong>{formatLabel(key)}:</strong>\n              </td>\n              <td className={styles.objectValue}>\n                {typeof value === 'object' ? <ObjectDisplay data={value} /> : String(value)}\n              </td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    );\n  };\n\n  function set(obj: Record<string, any>, path: string, value: any): void {\n    const keys: any = path.split('.');\n    let current: any = obj;\n\n    for (let i: any = 0; i < keys.length; i += 1) {\n      const key: any = keys[i];\n\n      if (i === keys.length - 1) {\n        current[key] = value;\n      } else {\n        if (!current[key] || typeof current[key] !== 'object') {\n          current[key] = {};\n        }\n        current = current[key];\n      }\n    }\n  }\n\n  const handleFieldSave: any = useCallback(\n    (schema: Schema): void => {\n      if (!onUpdate || !schema.name) return;\n\n      const fieldName: string = schema.name;\n      let fieldValue: any;\n      if (editedUser && fieldName && editedUser[fieldName] !== undefined) {\n        fieldValue = editedUser[fieldName];\n      } else if (flattenedProfile?.[fieldName] !== undefined) {\n        fieldValue = flattenedProfile[fieldName];\n      } else {\n        fieldValue = '';\n      }\n\n      if (Array.isArray(fieldValue)) {\n        fieldValue = fieldValue.filter((v: any) => v !== undefined && v !== null && v !== '');\n      }\n\n      let payload: Record<string, any> = {};\n      set(payload, fieldName, fieldValue);\n\n      onUpdate(payload);\n\n      toggleFieldEdit(fieldName);\n    },\n    [editedUser, flattenedProfile, onUpdate, toggleFieldEdit],\n  );\n\n  const handleFieldCancel: any = useCallback(\n    (fieldName: string) => {\n      const currentUser: any = flattenedProfile || profile;\n      setEditedUser((prev: any) => ({\n        ...prev,\n        [fieldName]: currentUser[fieldName],\n      }));\n      toggleFieldEdit(fieldName);\n    },\n    [flattenedProfile, profile, toggleFieldEdit],\n  );\n\n  const defaultAttributeMappings: Record<string, string | string[]> = {\n    email: ['emails', 'email'],\n    firstName: ['name.givenName', 'given_name'],\n    lastName: ['name.familyName', 'family_name'],\n    picture: ['profile', 'profileUrl', 'picture', 'URL'],\n    username: ['userName', 'username', 'user_name'],\n  };\n\n  const mergedMappings: Record<string, string | string[]> = Object.fromEntries(\n    Object.entries({...defaultAttributeMappings, ...attributeMapping}).filter(\n      (entry): entry is [string, string | string[]] => entry[1] !== undefined,\n    ),\n  );\n\n  const renderSchemaField = (\n    schema: Schema,\n    isEditing: boolean,\n    onEditValue?: (value: any) => void,\n    onStartEdit?: () => void,\n  ): ReactElement | null => {\n    if (!schema) return null;\n    const {value, displayName, description, name, type, required, mutability, subAttributes, multiValued} = schema;\n    const label: any = displayName || description || (name ? startCase(name) : '');\n\n    if (subAttributes && Array.isArray(subAttributes)) {\n      return (\n        <>\n          {subAttributes.map((subAttr: any, index: any) => {\n            let displayValue: string;\n            if (Array.isArray(subAttr.value)) {\n              displayValue = subAttr.value\n                .map((item: any) => (typeof item === 'object' ? JSON.stringify(item) : String(item)))\n                .join(', ');\n            } else if (typeof subAttr.value === 'object') {\n              displayValue = JSON.stringify(subAttr.value);\n            } else {\n              displayValue = String(subAttr.value);\n            }\n\n            return (\n              <div key={index} className={styles.field}>\n                <span className={styles.label}>{subAttr.displayName || subAttr.description || ''}</span>\n                <div className={styles.value}>{displayValue}</div>\n              </div>\n            );\n          })}\n        </>\n      );\n    }\n\n    if (Array.isArray(value) || multiValued) {\n      const hasValues: any = Array.isArray(value)\n        ? value.length > 0\n        : value !== undefined && value !== null && value !== '';\n      const isEditable: any = editable && mutability !== 'READ_ONLY' && !readonlyFields.includes(name || '');\n\n      if (isEditing && onEditValue && isEditable) {\n        let currentValue: any;\n        if (editedUser && name && editedUser[name] !== undefined) {\n          currentValue = editedUser[name];\n        } else if (flattenedProfile && name && flattenedProfile[name] !== undefined) {\n          currentValue = flattenedProfile[name];\n        } else {\n          currentValue = value;\n        }\n\n        let fieldValues: string[];\n        if (Array.isArray(currentValue)) {\n          fieldValues = currentValue.map(String);\n        } else if (currentValue !== undefined && currentValue !== null && currentValue !== '') {\n          fieldValues = [String(currentValue)];\n        } else {\n          fieldValues = [];\n        }\n\n        return (\n          <>\n            <span className={styles.label}>{label}</span>\n            <div className={styles.value}>\n              <MultiInput\n                values={fieldValues}\n                onChange={(newValues: any): void => {\n                  if (multiValued || Array.isArray(currentValue)) {\n                    onEditValue(newValues);\n                  } else {\n                    onEditValue(newValues[0] || '');\n                  }\n                }}\n                placeholder={getFieldPlaceholder(schema)}\n                fieldType={type as 'STRING' | 'DATE_TIME' | 'BOOLEAN'}\n                type={type === 'DATE_TIME' ? 'date' : 'text'}\n                required={required}\n              />\n            </div>\n          </>\n        );\n      }\n\n      let displayValue: string;\n      if (hasValues) {\n        if (Array.isArray(value)) {\n          displayValue = value\n            .map((item: any) => (typeof item === 'object' ? JSON.stringify(item) : String(item)))\n            .join(', ');\n        } else {\n          displayValue = String(value);\n        }\n      } else if (isEditable) {\n        displayValue = getFieldPlaceholder(schema);\n      } else {\n        displayValue = '-';\n      }\n\n      return (\n        <>\n          <span className={styles.label}>{label}</span>\n          <div className={cx(styles.value, !hasValues ? styles.valuePlaceholder : '')}>\n            {!hasValues && isEditable && onStartEdit ? (\n              <Button\n                onClick={onStartEdit}\n                variant=\"text\"\n                color=\"secondary\"\n                size=\"small\"\n                title=\"Click to edit\"\n                className={styles.editButton}\n              >\n                {displayValue}\n              </Button>\n            ) : (\n              displayValue\n            )}\n          </div>\n        </>\n      );\n    }\n    if (type === 'COMPLEX' && typeof value === 'object') {\n      return <ObjectDisplay data={value} />;\n    }\n\n    if (isEditing && onEditValue && mutability !== 'READ_ONLY' && !readonlyFields.includes(name || '')) {\n      let fieldValue: any;\n      if (editedUser && name && editedUser[name] !== undefined) {\n        fieldValue = editedUser[name];\n      } else if (flattenedProfile && name && flattenedProfile[name] !== undefined) {\n        fieldValue = flattenedProfile[name];\n      } else {\n        fieldValue = value || '';\n      }\n\n      const commonProps: any = {\n        label: undefined,\n        onChange: (e: any) => onEditValue(e.target ? e.target.value : e),\n        placeholder: getFieldPlaceholder(schema),\n        required,\n        value: fieldValue,\n        // Removed inline style, use .styles.ts for marginBottom if needed\n      };\n      let field: ReactElement;\n      switch (type) {\n        case 'STRING':\n          field = <TextField {...commonProps} />;\n          break;\n        case 'DATE_TIME':\n          field = <DatePicker {...commonProps} />;\n          break;\n        case 'BOOLEAN':\n          field = (\n            <Checkbox\n              {...commonProps}\n              checked={!!fieldValue}\n              onChange={(e: any): void => {\n                onEditValue(e.target.checked);\n              }}\n            />\n          );\n          break;\n        case 'COMPLEX':\n          field = (\n            <textarea\n              value={fieldValue}\n              onChange={(e: any): void => onEditValue(e.target.value)}\n              placeholder={getFieldPlaceholder(schema)}\n              required={required}\n              className={styles.complexTextarea}\n            />\n          );\n          break;\n        default:\n          field = <TextField {...commonProps} />;\n      }\n      return (\n        <>\n          <span className={styles.label}>{label}</span>\n          <div className={styles.value}>{field}</div>\n        </>\n      );\n    }\n\n    const hasValue: any = value !== undefined && value !== null && value !== '';\n    const isEditable: any = editable && mutability !== 'READ_ONLY' && !readonlyFields.includes(name || '');\n\n    let displayValue: string;\n    if (hasValue) {\n      displayValue = String(value);\n    } else if (isEditable) {\n      displayValue = getFieldPlaceholder(schema);\n    } else {\n      displayValue = '-';\n    }\n\n    return (\n      <>\n        <span className={styles.label}>{label}</span>\n        <div className={cx(styles.value, !hasValue ? styles.valuePlaceholder : '')}>\n          {!hasValue && isEditable && onStartEdit ? (\n            <Button\n              onClick={onStartEdit}\n              variant=\"text\"\n              color=\"secondary\"\n              size=\"small\"\n              title=\"Click to edit\"\n              className={styles.editButton}\n            >\n              {displayValue}\n            </Button>\n          ) : (\n            displayValue\n          )}\n        </div>\n      </>\n    );\n  };\n\n  const renderUserInfo = (schema: Schema): any => {\n    if (!schema?.name) return null;\n\n    const hasValue: any = schema.value !== undefined && schema.value !== '' && schema.value !== null;\n    const isFieldEditing: any = editingFields[schema.name];\n    const isReadonlyField: any = readonlyFields.includes(schema.name);\n\n    const shouldShow: any = hasValue || isFieldEditing || (editable && schema.mutability === 'READ_WRITE');\n\n    if (!shouldShow) {\n      return null;\n    }\n\n    return (\n      <div className={styles.field}>\n        <div className={styles.fieldInner}>\n          {renderSchemaField(\n            schema,\n            isFieldEditing,\n            (value: any) => {\n              const tempEditedUser: any = {...editedUser};\n              tempEditedUser[schema.name!] = value;\n              setEditedUser(tempEditedUser);\n            },\n            () => toggleFieldEdit(schema.name),\n          )}\n        </div>\n        {editable && schema.mutability !== 'READ_ONLY' && !isReadonlyField && (\n          <div className={styles.fieldActions}>\n            {isFieldEditing && (\n              <>\n                <Button size=\"small\" color=\"primary\" variant=\"solid\" onClick={(): any => handleFieldSave(schema)}>\n                  Save\n                </Button>\n                <Button\n                  size=\"small\"\n                  color=\"secondary\"\n                  variant=\"solid\"\n                  onClick={(): any => handleFieldCancel(schema.name)}\n                >\n                  Cancel\n                </Button>\n              </>\n            )}\n            {!isFieldEditing && hasValue && (\n              <Button\n                size=\"small\"\n                color=\"tertiary\"\n                variant=\"icon\"\n                onClick={(): any => toggleFieldEdit(schema.name)}\n                title=\"Edit\"\n                className={styles.editButton}\n              >\n                <PencilIcon />\n              </Button>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  };\n\n  if (!profile && !flattenedProfile) {\n    return fallback;\n  }\n\n  const containerClasses: any = cx(\n    styles.root,\n    cardLayout ? styles.card : '',\n    withVendorCSSClassPrefix('user-profile'),\n    className,\n  );\n\n  const currentUser: any = flattenedProfile || profile;\n\n  const renderProfileWithoutSchemas = (): any => {\n    if (!currentUser) return null;\n\n    const displayName: any = getDisplayName(mergedMappings, profile!, displayNameAttributes);\n\n    const profileEntries: any = Object.entries(currentUser)\n      .filter(([key, value]: [string, any]) => {\n        if (!shouldShowField(key)) return false;\n\n        return value !== undefined && value !== '' && value !== null;\n      })\n      .sort(([a]: [string, ...any[]], [b]: [string, ...any[]]) => a.localeCompare(b));\n\n    return (\n      <>\n        <div className={styles.profileSummary}>\n          <Avatar\n            imageUrl={getMappedUserProfileValue('picture', mergedMappings, currentUser)}\n            name={displayName}\n            size={70}\n            alt={`${displayName}'s avatar`}\n            isLoading={isLoading}\n          />\n          <Typography variant=\"h3\" fontWeight=\"medium\">\n            {displayName}\n          </Typography>\n          {getMappedUserProfileValue('email', mergedMappings, currentUser) && (\n            <Typography variant=\"body2\" color=\"textSecondary\">\n              {getMappedUserProfileValue('email', mergedMappings, currentUser)}\n            </Typography>\n          )}\n        </div>\n        <Divider />\n        {profileEntries.map(([key, value]: any) => {\n          const isReadonly = readonlyFields.includes(key);\n          const schema: Schema = {name: key, mutability: isReadonly ? 'READ_ONLY' : 'READ_WRITE'};\n          const schemaWithValue: any = {...schema, value};\n\n          return (\n            <div key={key} className={styles.info}>\n              {renderUserInfo(schemaWithValue)}\n            </div>\n          );\n        })}\n      </>\n    );\n  };\n\n  const profileContent: any = (\n    <CardPrimitive className={containerClasses}>\n      {error && (\n        <AlertPrimitive\n          variant=\"error\"\n          className={cx(withVendorCSSClassPrefix(bem('user-profile', 'alert')), styles.alert)}\n        >\n          <AlertPrimitive.Title>{t('errors.heading') || 'Error'}</AlertPrimitive.Title>\n          <AlertPrimitive.Description>{error}</AlertPrimitive.Description>\n        </AlertPrimitive>\n      )}\n      <div className={styles.infoContainer}>{renderProfileWithoutSchemas()}</div>\n    </CardPrimitive>\n  );\n\n  if (mode === 'popup') {\n    return (\n      <DialogPrimitive open={open} onOpenChange={onOpenChange}>\n        <DialogPrimitive.Content>\n          <DialogPrimitive.Heading>{title ?? t('user.profile.heading')}</DialogPrimitive.Heading>\n          <div className={styles.popup}>{profileContent}</div>\n        </DialogPrimitive.Content>\n      </DialogPrimitive>\n    );\n  }\n\n  return profileContent;\n};\n\nexport default BaseUserProfile;\n"],"mappings":"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"}

package/dist/cjs/components/presentation/UserProfile/UserProfile.cjs

@@ -45,18 +45,31 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 * />
 * ```
 */
-const UserProfile = ({ preferences,...rest }) => {
-	const { baseUrl, instanceId } = require_useThunderID.default();
-	const { profile, flattenedProfile, schemas, onUpdateProfile } = require_useUser.default();
-	const { t } = require_useTranslation.default(preferences?.i18n);
+const UserProfile = ({ preferences, editable = true,...rest }) => {
+	const { baseUrl, instanceId, preferences: contextPreferences } = require_useThunderID.default();
+	const { profile, flattenedProfile, onUpdateProfile } = require_useUser.default();
+	const resolvedPreferences = {
+		...contextPreferences,
+		...preferences,
+		user: {
+			...contextPreferences?.user,
+			...preferences?.user
+		}
+	};
+	const { t } = require_useTranslation.default(resolvedPreferences?.i18n);
+	const isEditableProfile = resolvedPreferences?.user?.fetchUserProfile === false ? false : editable;
 	const [error, setError] = (0, react.useState)(null);
 	const handleProfileUpdate = async (payload) => {
 		setError(null);
 		try {
+			const updatedAttributes = (0, __thunderid_browser.deepMerge)(profile?.["attributes"] ?? {}, payload);
+			Object.keys(updatedAttributes).forEach((key) => {
+				if (updatedAttributes[key] === void 0 || updatedAttributes[key] === null) delete updatedAttributes[key];
+			});
 			onUpdateProfile(await require_updateMeProfile.default({
 				baseUrl,
 				instanceId,
-				payload
+				payload: updatedAttributes
 			}));
 		} catch (caughtError) {
 			let message = t("user.profile.update.generic.error");
@@ -67,10 +80,10 @@ const UserProfile = ({ preferences,...rest }) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BaseUserProfile.default, {
 		profile: profile ?? void 0,
 		flattenedProfile: flattenedProfile ?? void 0,
-		schemas: schemas ?? void 0,
-		onUpdate: handleProfileUpdate,
+		editable: isEditableProfile,
+		onUpdate: isEditableProfile ? handleProfileUpdate : void 0,
 		error,
-		preferences,
+		preferences: resolvedPreferences,
 		...rest
 	});
 };

package/dist/cjs/components/presentation/UserProfile/UserProfile.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"UserProfile.cjs","names":["UserProfile: FC<UserProfileProps>","useThunderID","useUser","useTranslation","updateMeProfile","caughtError: unknown","message: string","ThunderIDError","BaseUserProfile"],"sources":["../../../../../src/components/presentation/UserProfile/UserProfile.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {ThunderIDError, User} from '@thunderid/browser';\nimport {FC, ReactElement, useState} from 'react';\n// eslint-disable-next-line import/no-named-as-default\nimport BaseUserProfile, {BaseUserProfileProps} from './BaseUserProfile';\nimport updateMeProfile from '../../../api/updateMeProfile';\nimport useThunderID from '../../../contexts/ThunderID/useThunderID';\nimport useUser from '../../../contexts/User/useUser';\nimport useTranslation from '../../../hooks/useTranslation';\n\n/**\n * Props for the UserProfile component.\n * Extends BaseUserProfileProps but makes the user prop optional since it will be obtained from useThunderID\n */\nexport type UserProfileProps = Omit<BaseUserProfileProps, 'user' | 'profile' | 'flattenedProfile' | 'schemas'>;\n\n/**\n * UserProfile component displays the authenticated user's profile information in a\n * structured and styled format. It shows user details such as display name, email,\n * username, and other available profile information from ThunderID.\n *\n * This component is the React-specific implementation that uses the BaseUserProfile\n * and automatically retrieves the user data from ThunderID context if not provided.\n *\n * @example\n * ```tsx\n * // Basic usage - will use user from ThunderID context\n * <UserProfile />\n *\n * // With explicit user data\n * <UserProfile user={specificUser} />\n *\n * // With card layout and custom fallback\n * <UserProfile\n *   cardLayout={true}\n *   fallback={<div>Please sign in to view your profile</div>}\n * />\n *\n * // With field filtering - only show specific fields\n * <UserProfile\n *   showFields={['name.givenName', 'name.familyName', 'emails']}\n * />\n *\n * // With field hiding - hide specific fields\n * <UserProfile\n *   hideFields={['phoneNumbers', 'addresses']}\n * />\n * ```\n */\nconst UserProfile: FC<UserProfileProps> = ({preferences, ...rest}: UserProfileProps): ReactElement => {\n  const {baseUrl, instanceId} = useThunderID();\n  const {profile, flattenedProfile, schemas, onUpdateProfile} = useUser();\n  const {t} = useTranslation(preferences?.i18n);\n\n  const [error, setError] = useState<string | null>(null);\n\n  const handleProfileUpdate = async (payload: any): Promise<void> => {\n    setError(null);\n\n    try {\n      const response: User = await updateMeProfile({baseUrl, instanceId, payload});\n      onUpdateProfile(response);\n    } catch (caughtError: unknown) {\n      let message: string = t('user.profile.update.generic.error');\n\n      if (caughtError instanceof ThunderIDError) {\n        message = caughtError?.message;\n      }\n\n      setError(message);\n    }\n  };\n\n  return (\n    <BaseUserProfile\n      profile={profile ?? undefined}\n      flattenedProfile={flattenedProfile ?? undefined}\n      schemas={schemas ?? undefined}\n      onUpdate={handleProfileUpdate}\n      error={error}\n      preferences={preferences}\n      {...rest}\n    />\n  );\n};\n\nexport default UserProfile;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,MAAMA,eAAqC,EAAC,YAAa,GAAG,WAA0C;CACpG,MAAM,EAAC,SAAS,eAAcC,8BAAc;CAC5C,MAAM,EAAC,SAAS,kBAAkB,SAAS,oBAAmBC,yBAAS;CACvE,MAAM,EAAC,MAAKC,+BAAe,aAAa,KAAK;CAE7C,MAAM,CAAC,OAAO,gCAAoC,KAAK;CAEvD,MAAM,sBAAsB,OAAO,YAAgC;AACjE,WAAS,KAAK;AAEd,MAAI;AAEF,mBADuB,MAAMC,gCAAgB;IAAC;IAAS;IAAY;IAAQ,CAAC,CACnD;WAClBC,aAAsB;GAC7B,IAAIC,UAAkB,EAAE,oCAAoC;AAE5D,OAAI,uBAAuBC,mCACzB,WAAU,aAAa;AAGzB,YAAS,QAAQ;;;AAIrB,QACE,2CAACC;EACC,SAAS,WAAW;EACpB,kBAAkB,oBAAoB;EACtC,SAAS,WAAW;EACpB,UAAU;EACH;EACM;EACb,GAAI;GACJ;;AAIN,0BAAe"}
+{"version":3,"file":"UserProfile.cjs","names":["UserProfile: FC<UserProfileProps>","useThunderID","useUser","useTranslation","isEditableProfile: boolean","updatedAttributes: Record<string, unknown>","updateMeProfile","caughtError: unknown","message: string","ThunderIDError","BaseUserProfile"],"sources":["../../../../../src/components/presentation/UserProfile/UserProfile.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {ThunderIDError, User, deepMerge} from '@thunderid/browser';\nimport {FC, ReactElement, useState} from 'react';\n// eslint-disable-next-line import/no-named-as-default\nimport BaseUserProfile, {BaseUserProfileProps} from './BaseUserProfile';\nimport updateMeProfile from '../../../api/updateMeProfile';\nimport useThunderID from '../../../contexts/ThunderID/useThunderID';\nimport useUser from '../../../contexts/User/useUser';\nimport useTranslation from '../../../hooks/useTranslation';\n\n/**\n * Props for the UserProfile component.\n * Extends BaseUserProfileProps but makes the user prop optional since it will be obtained from useThunderID\n */\nexport type UserProfileProps = Omit<BaseUserProfileProps, 'user' | 'profile' | 'flattenedProfile'>;\n\n/**\n * UserProfile component displays the authenticated user's profile information in a\n * structured and styled format. It shows user details such as display name, email,\n * username, and other available profile information from ThunderID.\n *\n * This component is the React-specific implementation that uses the BaseUserProfile\n * and automatically retrieves the user data from ThunderID context if not provided.\n *\n * @example\n * ```tsx\n * // Basic usage - will use user from ThunderID context\n * <UserProfile />\n *\n * // With explicit user data\n * <UserProfile user={specificUser} />\n *\n * // With card layout and custom fallback\n * <UserProfile\n *   cardLayout={true}\n *   fallback={<div>Please sign in to view your profile</div>}\n * />\n *\n * // With field filtering - only show specific fields\n * <UserProfile\n *   showFields={['name.givenName', 'name.familyName', 'emails']}\n * />\n *\n * // With field hiding - hide specific fields\n * <UserProfile\n *   hideFields={['phoneNumbers', 'addresses']}\n * />\n * ```\n */\nconst UserProfile: FC<UserProfileProps> = ({preferences, editable = true, ...rest}: UserProfileProps): ReactElement => {\n  const {baseUrl, instanceId, preferences: contextPreferences} = useThunderID();\n  const {profile, flattenedProfile, onUpdateProfile} = useUser();\n  const resolvedPreferences = {\n    ...contextPreferences,\n    ...preferences,\n    user: {\n      ...contextPreferences?.user,\n      ...preferences?.user,\n    },\n  };\n  const {t} = useTranslation(resolvedPreferences?.i18n);\n  const isEditableProfile: boolean = resolvedPreferences?.user?.fetchUserProfile === false ? false : editable;\n\n  const [error, setError] = useState<string | null>(null);\n\n  const handleProfileUpdate = async (payload: Record<string, unknown>): Promise<void> => {\n    setError(null);\n\n    try {\n      const updatedAttributes: Record<string, unknown> = deepMerge(\n        (profile?.['attributes'] as Record<string, unknown>) ?? {},\n        payload,\n      );\n\n      Object.keys(updatedAttributes).forEach((key) => {\n        if (updatedAttributes[key] === undefined || updatedAttributes[key] === null) {\n          delete updatedAttributes[key];\n        }\n      });\n\n      const response: User = await updateMeProfile({baseUrl, instanceId, payload: updatedAttributes});\n      onUpdateProfile(response);\n    } catch (caughtError: unknown) {\n      let message: string = t('user.profile.update.generic.error');\n\n      if (caughtError instanceof ThunderIDError) {\n        message = caughtError?.message;\n      }\n\n      setError(message);\n    }\n  };\n\n  return (\n    <BaseUserProfile\n      profile={profile ?? undefined}\n      flattenedProfile={flattenedProfile ?? undefined}\n      editable={isEditableProfile}\n      onUpdate={isEditableProfile ? handleProfileUpdate : undefined}\n      error={error}\n      preferences={resolvedPreferences}\n      {...rest}\n    />\n  );\n};\n\nexport default UserProfile;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,MAAMA,eAAqC,EAAC,aAAa,WAAW,KAAM,GAAG,WAA0C;CACrH,MAAM,EAAC,SAAS,YAAY,aAAa,uBAAsBC,8BAAc;CAC7E,MAAM,EAAC,SAAS,kBAAkB,oBAAmBC,yBAAS;CAC9D,MAAM,sBAAsB;EAC1B,GAAG;EACH,GAAG;EACH,MAAM;GACJ,GAAG,oBAAoB;GACvB,GAAG,aAAa;GACjB;EACF;CACD,MAAM,EAAC,MAAKC,+BAAe,qBAAqB,KAAK;CACrD,MAAMC,oBAA6B,qBAAqB,MAAM,qBAAqB,QAAQ,QAAQ;CAEnG,MAAM,CAAC,OAAO,gCAAoC,KAAK;CAEvD,MAAM,sBAAsB,OAAO,YAAoD;AACrF,WAAS,KAAK;AAEd,MAAI;GACF,MAAMC,uDACH,UAAU,iBAA6C,EAAE,EAC1D,QACD;AAED,UAAO,KAAK,kBAAkB,CAAC,SAAS,QAAQ;AAC9C,QAAI,kBAAkB,SAAS,UAAa,kBAAkB,SAAS,KACrE,QAAO,kBAAkB;KAE3B;AAGF,mBADuB,MAAMC,gCAAgB;IAAC;IAAS;IAAY,SAAS;IAAkB,CAAC,CACtE;WAClBC,aAAsB;GAC7B,IAAIC,UAAkB,EAAE,oCAAoC;AAE5D,OAAI,uBAAuBC,mCACzB,WAAU,aAAa;AAGzB,YAAS,QAAQ;;;AAIrB,QACE,2CAACC;EACC,SAAS,WAAW;EACpB,kBAAkB,oBAAoB;EACtC,UAAU;EACV,UAAU,oBAAoB,sBAAsB;EAC7C;EACP,aAAa;EACb,GAAI;GACJ;;AAIN,0BAAe"}

package/dist/cjs/components/presentation/auth/SignUp/BaseSignUp.cjs

@@ -283,6 +283,7 @@ const BaseSignUpContent = ({ afterSignUpUrl, onInitialize, onSubmit, onError, on
 					};
 					try {
 						const continueResponse = await onSubmit(payload);
+						await setChallengeToken(continueResponse.challengeToken ?? null);
 						onFlowChange?.(continueResponse);
 						if (continueResponse.flowStatus === __thunderid_browser.EmbeddedSignUpFlowStatus.Error) {
 							handleError(continueResponse);
@@ -339,6 +340,7 @@ const BaseSignUpContent = ({ afterSignUpUrl, onInitialize, onSubmit, onError, on
 								};
 								try {
 									const continueResponse = await onSubmit(payload);
+									await setChallengeToken(continueResponse.challengeToken ?? null);
 									onFlowChange?.(continueResponse);
 									if (continueResponse.flowStatus === __thunderid_browser.EmbeddedSignUpFlowStatus.Error) {
 										handleError(continueResponse);

package/dist/cjs/components/presentation/auth/SignUp/BaseSignUp.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BaseSignUp.cjs","names":["logger: ReturnType<typeof createPackageComponentLogger>","BaseSignUpContent: FC<BaseSignUpProps>","useTheme","customRenderers: ComponentRendererMap","ComponentRendererContext","useTranslation","useFlow","useThunderID","styles: any","useStyles","challengeTokenRef: any","initializationAttemptedRef: any","passkeyProcessedRef: any","tempData: any","storageManager: any","handleError: any","errorMessage: string","extractErrorMessage","normalizeFlowResponseLocal: any","normalizeFlowResponse","extractFormFields: any","fields: FormField[]","EmbeddedFlowComponentType","fieldName: any","useForm","responseFieldErrors: FieldError[] | undefined","errors: Record<string, string>","touched: Record<string, boolean>","setupFormFields: any","fields: any","initialValues: Record<string, string>","data: any","components: unknown[] | undefined","EmbeddedSignUpFlowStatus","normalized: any","EmbeddedSignUpFlowType","redirectUrl: any","popup: any","hasProcessedCallback: any","popupMonitor: ReturnType<typeof setInterval> | null","messageHandler: ((event: MessageEvent) => Promise<void>) | null","expectedOrigin: any","payload: EmbeddedSignUpFlowRequest","continueResponse: any","normalizedContinueResponse: any","popupUrl: any","url: any","code: any","state: any","composedData: Record<string, any> | undefined","composeAffixedInputs","filteredInputs: Record<string, any>","response: any","effectiveExecutionIdForPasskey: any","passkeyResponse: any","handlePasskeyRegistration","passkeyResponseObj: any","inputs: any","processedResponse: any","containerClasses: any","inputClasses: any","buttonClasses: any","errorClasses: any","messageClasses: any","renderComponents: any","renderSignUpComponents","urlParams: any","payload: any","url: URL","result: any","CardPrimitive","Spinner","AlertPrimitive","getAuthComponentHeadings","Typography","BaseSignUp: FC<BaseSignUpProps>","content: ReactElement","Logo","FlowProvider","ComponentPreferencesContext"],"sources":["../../../../../../src/components/presentation/auth/SignUp/BaseSignUp.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025-2026, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {cx} from '@emotion/css';\nimport {\n  EmbeddedSignUpFlowRequest,\n  EmbeddedSignUpFlowResponse,\n  EmbeddedSignUpFlowStatus,\n  EmbeddedSignUpFlowType,\n  withVendorCSSClassPrefix,\n  EmbeddedFlowComponentType,\n  FieldError,\n  createPackageComponentLogger,\n  buildValidatorFromRules,\n  Preferences,\n} from '@thunderid/browser';\nimport {FC, ReactElement, ReactNode, useCallback, useContext, useEffect, useMemo, useRef, useState} from 'react';\nimport useStyles from './BaseSignUp.styles';\nimport ComponentRendererContext, {\n  ComponentRendererMap,\n} from '../../../../contexts/ComponentRenderer/ComponentRendererContext';\nimport FlowProvider from '../../../../contexts/Flow/FlowProvider';\nimport useFlow from '../../../../contexts/Flow/useFlow';\nimport ComponentPreferencesContext from '../../../../contexts/I18n/ComponentPreferencesContext';\nimport useTheme from '../../../../contexts/Theme/useTheme';\nimport useThunderID from '../../../../contexts/ThunderID/useThunderID';\nimport {useForm, FormField} from '../../../../hooks/useForm';\nimport useTranslation from '../../../../hooks/useTranslation';\nimport composeAffixedInputs from '../../../../utils/composeAffixedInputs';\nimport {normalizeFlowResponse, extractErrorMessage} from '../../../../utils/flowTransformer';\nimport getAuthComponentHeadings from '../../../../utils/getAuthComponentHeadings';\nimport {handlePasskeyRegistration} from '../../../../utils/passkey';\nimport AlertPrimitive from '../../../primitives/Alert/Alert';\n// eslint-disable-next-line import/no-named-as-default\nimport CardPrimitive, {CardProps} from '../../../primitives/Card/Card';\nimport Logo from '../../../primitives/Logo/Logo';\nimport Spinner from '../../../primitives/Spinner/Spinner';\nimport Typography from '../../../primitives/Typography/Typography';\nimport {renderSignUpComponents} from '../AuthOptionFactory';\n\nconst logger: ReturnType<typeof createPackageComponentLogger> = createPackageComponentLogger(\n  '@thunderid/react',\n  'BaseSignUp',\n);\n\n/**\n * State for tracking passkey registration\n */\ninterface PasskeyState {\n  actionId: string | null;\n  creationOptions: string | null;\n  error: Error | null;\n  executionId: string | null;\n  isActive: boolean;\n}\n\n/**\n * Render props for custom UI rendering\n */\nexport interface BaseSignUpRenderProps {\n  /**\n   * Flow components\n   */\n  components: any[];\n\n  /**\n   * API error (if any)\n   */\n  error?: Error | null;\n\n  /**\n   * Field validation errors\n   */\n  fieldErrors: Record<string, string>;\n\n  /**\n   * Function to handle input changes\n   */\n  handleInputChange: (name: string, value: string) => void;\n\n  /**\n   * Function to handle form submission\n   */\n  handleSubmit: (component: any, data?: Record<string, any>) => Promise<void>;\n\n  /**\n   * Loading state\n   */\n  isLoading: boolean;\n\n  /**\n   * Whether the form is valid\n   */\n  isValid: boolean;\n\n  /**\n   * Flow messages\n   */\n  messages: {message: string; type: string}[];\n\n  /**\n   * Flow subtitle\n   */\n  subtitle: string;\n\n  /**\n   * Flow title\n   */\n  title: string;\n\n  /**\n   * Touched fields\n   */\n  touched: Record<string, boolean>;\n\n  /**\n   * Function to validate the form\n   */\n  validateForm: () => {fieldErrors: Record<string, string>; isValid: boolean};\n\n  /**\n   * Form values\n   */\n  values: Record<string, string>;\n}\n\n/**\n * Props for the BaseSignUp component.\n */\nexport interface BaseSignUpProps {\n  /**\n   * URL to redirect after successful sign-up.\n   */\n  afterSignUpUrl?: string;\n\n  /**\n   * Custom CSS class name for the submit button.\n   */\n  buttonClassName?: string;\n\n  /**\n   * Render props function for custom UI\n   */\n  children?: (props: BaseSignUpRenderProps) => ReactNode;\n\n  /**\n   * Custom CSS class name for the form container.\n   */\n  className?: string;\n\n  /**\n   * Error object to display\n   */\n  error?: Error | null;\n\n  /**\n   * Custom CSS class name for error messages.\n   */\n  errorClassName?: string;\n\n  /**\n   * HTML id attribute for the form container.\n   */\n  id?: string;\n\n  /**\n   * Custom CSS class name for form inputs.\n   */\n  inputClassName?: string;\n\n  isInitialized?: boolean;\n\n  /**\n   * Custom CSS class name for info messages.\n   */\n  messageClassName?: string;\n\n  /**\n   * Callback function called when the sign-up flow completes and requires redirection.\n   * This allows platform-specific handling of redirects (e.g., Next.js router.push).\n   * @param response - The response from the sign-up flow containing the redirect URL, etc.\n   */\n  onComplete?: (response: EmbeddedSignUpFlowResponse) => void;\n\n  /**\n   * Callback function called when sign-up fails.\n   * @param error - The error that occurred during sign-up.\n   */\n  onError?: (error: Error) => void;\n\n  /**\n   * Callback function called when sign-up flow status changes.\n   * @param response - The current sign-up response.\n   */\n  onFlowChange?: (response: EmbeddedSignUpFlowResponse) => void;\n\n  /**\n   * Function to initialize sign-up flow.\n   * @returns Promise resolving to the initial sign-up response.\n   */\n  onInitialize?: (payload?: EmbeddedSignUpFlowRequest) => Promise<EmbeddedSignUpFlowResponse>;\n\n  /**\n   * Function to handle sign-up steps.\n   * @param payload - The sign-up payload.\n   * @returns Promise resolving to the sign-up response.\n   */\n  onSubmit?: (payload: EmbeddedSignUpFlowRequest) => Promise<EmbeddedSignUpFlowResponse>;\n  /**\n   * Component-level preferences to override global i18n and theme settings.\n   * Preferences are deep-merged with global ones, with component preferences\n   * taking precedence. Affects this component and all its descendants.\n   */\n  preferences?: Preferences;\n\n  /**\n   *  Whether to redirect after sign-up.\n   */\n  shouldRedirectAfterSignUp?: boolean;\n\n  /**\n   * Whether to show the logo.\n   */\n  showLogo?: boolean;\n\n  /**\n   * Whether to show the subtitle.\n   */\n  showSubtitle?: boolean;\n\n  /**\n   * Whether to show the title.\n   */\n  showTitle?: boolean;\n\n  /**\n   * Size variant for the component.\n   */\n  size?: 'small' | 'medium' | 'large';\n\n  /**\n   * Theme variant for the component.\n   */\n  variant?: CardProps['variant'];\n}\n\n/**\n * Internal component that consumes FlowContext and renders the sign-up UI.\n */\nconst BaseSignUpContent: FC<BaseSignUpProps> = ({\n  afterSignUpUrl,\n  onInitialize,\n  onSubmit,\n  onError,\n  onFlowChange,\n  onComplete,\n  error: externalError,\n  id,\n  className = '',\n  inputClassName = '',\n  buttonClassName = '',\n  errorClassName = '',\n  messageClassName = '',\n  size = 'medium',\n  variant = 'outlined',\n  isInitialized,\n  children,\n  showTitle = true,\n  showSubtitle = true,\n}: BaseSignUpProps): ReactElement => {\n  const {theme, colorScheme} = useTheme();\n  const customRenderers: ComponentRendererMap = useContext(ComponentRendererContext);\n  const {t} = useTranslation();\n  const {subtitle: flowSubtitle, title: flowTitle, messages: flowMessages, addMessage, clearMessages} = useFlow();\n  const {meta, isInitialized: isSdkInitialized, getStorageManager, vendor} = useThunderID();\n  const styles: any = useStyles(theme, colorScheme);\n\n  const [isLoading, setIsLoading] = useState(false);\n  const [isFlowInitialized, setIsFlowInitialized] = useState(false);\n  const [currentFlow, setCurrentFlow] = useState<EmbeddedSignUpFlowResponse | null>(null);\n  const [apiError, setApiError] = useState<Error | null>(null);\n  const [isStorageReady, setIsStorageReady] = useState(false);\n  const [passkeyState, setPasskeyState] = useState<PasskeyState>({\n    actionId: null,\n    creationOptions: null,\n    error: null,\n    executionId: null,\n    isActive: false,\n  });\n  const challengeTokenRef: any = useRef<string | null>(null);\n\n  const initializationAttemptedRef: any = useRef(false);\n  const passkeyProcessedRef: any = useRef(false);\n\n  /**\n   * Restore any challenge token persisted before an OAuth redirect.\n   */\n  useEffect(() => {\n    if (!isSdkInitialized) return;\n\n    (async (): Promise<void> => {\n      try {\n        const storageManager: any = await getStorageManager();\n        const tempData: any = await storageManager?.getTemporaryData();\n        if (tempData?.challengeToken) {\n          challengeTokenRef.current = tempData.challengeToken as string;\n        }\n      } catch {\n        // StorageManager unavailable — continue without persisted token\n      } finally {\n        setIsStorageReady(true);\n      }\n    })();\n  }, [isSdkInitialized]);\n\n  /**\n   * Updates challengeTokenRef immediately (stale-closure safe) and persists via\n   * the provider's StorageManager so the token survives OAuth redirects.\n   */\n  const setChallengeToken = async (challengeToken: string | null): Promise<void> => {\n    challengeTokenRef.current = challengeToken;\n    try {\n      const storageManager: any = await getStorageManager();\n      if (storageManager) {\n        if (challengeToken) {\n          await storageManager.setTemporaryDataParameter('challengeToken', challengeToken);\n        } else {\n          await storageManager.removeTemporaryDataParameter('challengeToken');\n        }\n      }\n    } catch {\n      logger.warn('Failed to persist challenge token in storage.');\n    }\n  };\n\n  /**\n   * Handle error responses and extract meaningful error messages\n   * Uses the transformer's extractErrorMessage function.\n   */\n  const handleError: any = useCallback(\n    (error: any) => {\n      const errorMessage: string = extractErrorMessage(error, t);\n\n      // Set the API error state\n      setApiError(error instanceof Error ? error : new Error(errorMessage));\n\n      // Clear existing messages and add the error message\n      clearMessages();\n      addMessage({\n        message: errorMessage,\n        type: 'error',\n      });\n    },\n    [t, addMessage, clearMessages],\n  );\n\n  /**\n   * Normalize flow response to ensure component-driven format\n   * Uses normalizeFlowResponse for modern API format responses\n   */\n  const normalizeFlowResponseLocal: any = useCallback(\n    (response: EmbeddedSignUpFlowResponse): EmbeddedSignUpFlowResponse => {\n      if (response?.data) {\n        const {components} = normalizeFlowResponse(\n          response,\n          t,\n          {\n            defaultErrorKey: 'components.signUp.errors.generic',\n            resolveTranslations: false,\n          },\n          meta,\n        );\n\n        return {\n          ...response,\n          data: {\n            ...(response.data as any),\n            components,\n          },\n        } as EmbeddedSignUpFlowResponse;\n      }\n\n      return response;\n    },\n    [t, children],\n  );\n\n  /**\n   * Extract form fields from flow components\n   */\n  const extractFormFields: any = useCallback(\n    (components: any[]): FormField[] => {\n      const fields: FormField[] = [];\n\n      const processComponents = (comps: any[]): any => {\n        comps.forEach((component: any) => {\n          if (\n            component.type === EmbeddedFlowComponentType.TextInput ||\n            component.type === EmbeddedFlowComponentType.PasswordInput ||\n            component.type === EmbeddedFlowComponentType.EmailInput ||\n            component.type === EmbeddedFlowComponentType.Select ||\n            component.type === EmbeddedFlowComponentType.DateInput\n          ) {\n            // Use component.ref (mapped identifier) as the field name instead of component.id\n            // This ensures form field names match what the input components use\n            const fieldName: any = component.ref || component.id;\n            const ruleValidator = buildValidatorFromRules(component.validation);\n\n            fields.push({\n              initialValue: '',\n              name: fieldName,\n              required: component.required || false,\n              validator: (value: string) => {\n                if (component.required && (!value || value.trim() === '')) {\n                  return t('validations.required.field.error');\n                }\n                // Add email validation if it's an email field\n                if (\n                  (component.type === EmbeddedFlowComponentType.EmailInput || component.variant === 'EMAIL') &&\n                  value &&\n                  !/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(value)\n                ) {\n                  return t('field.email.invalid');\n                }\n                // Evaluate declarative validation rules from meta.components[].validation.\n                if (ruleValidator && value) {\n                  const ruleMessage = ruleValidator(value);\n                  if (ruleMessage) {\n                    return t(ruleMessage);\n                  }\n                }\n\n                return null;\n              },\n            });\n          }\n\n          if (component.components && Array.isArray(component.components)) {\n            processComponents(component.components);\n          }\n        });\n      };\n\n      processComponents(components);\n      return fields;\n    },\n    [t],\n  );\n\n  const formFields: any = useMemo(\n    () => ((currentFlow?.data as any)?.components ? extractFormFields((currentFlow!.data as any).components) : []),\n    [currentFlow, extractFormFields],\n  );\n\n  const form: any = useForm<Record<string, string>>({\n    fields: formFields,\n    initialValues: {},\n    requiredMessage: t('validations.required.field.error'),\n    validateOnBlur: true,\n    validateOnChange: false,\n  });\n\n  const {\n    values: formValues,\n    touched: touchedFields,\n    errors: formErrors,\n    isValid: isFormValid,\n    setValue: setFormValue,\n    setTouched: setFormTouched,\n    setTouchedFields,\n    setErrors: setFormErrors,\n    clearErrors: clearFormErrors,\n    validateForm,\n    touchAllFields,\n    reset: resetForm,\n  } = form;\n\n  // Project server-side fieldErrors from the flow response into form state.\n  // `setTouchedFields` avoids re-running client-side validation that would wipe\n  // server errors when the client rules happen to pass.\n  useEffect(() => {\n    clearFormErrors();\n    const responseFieldErrors: FieldError[] | undefined = (currentFlow?.data as any)?.fieldErrors;\n    if (!responseFieldErrors || responseFieldErrors.length === 0) {\n      return;\n    }\n    const errors: Record<string, string> = {};\n    const touched: Record<string, boolean> = {};\n    for (const fe of responseFieldErrors) {\n      if (!(fe.identifier in errors)) {\n        errors[fe.identifier] = fe.message;\n        touched[fe.identifier] = true;\n      }\n    }\n    setTouchedFields(touched);\n    setFormErrors(errors);\n  }, [currentFlow, setFormErrors, setTouchedFields, clearFormErrors]);\n\n  /**\n   * Setup form fields based on the current flow.\n   */\n  const setupFormFields: any = useCallback(\n    (flowResponse: EmbeddedSignUpFlowResponse) => {\n      const fields: any = extractFormFields((flowResponse.data as any)?.components || []);\n      const initialValues: Record<string, string> = {};\n\n      fields.forEach((field: any) => {\n        initialValues[field.name] = field.initialValue || '';\n      });\n\n      resetForm();\n\n      Object.keys(initialValues).forEach((key: any) => {\n        setFormValue(key, initialValues[key]);\n      });\n    },\n    [extractFormFields, resetForm, setFormValue],\n  );\n\n  /**\n   * Determine whether a completed flow finished on a display-only screen.\n   * Such a completion must be rendered, not redirected past.\n   */\n  const isDisplayOnlyCompletion = (response: EmbeddedSignUpFlowResponse): boolean => {\n    const data: any = response?.data;\n    const components: unknown[] | undefined = data?.components ?? data?.meta?.components;\n\n    return (\n      response?.flowStatus === EmbeddedSignUpFlowStatus.Complete &&\n      Array.isArray(components) &&\n      components.length > 0 &&\n      !(response as {assertion?: string})?.assertion &&\n      !data?.redirectURL &&\n      !(response as any)?.redirectUrl\n    );\n  };\n\n  /**\n   * Handle a completed flow. A flow can complete on a display-only screen; in\n   * that case render the screen and skip onComplete so the wrapper does not\n   * immediately redirect away from it. Otherwise hand off to onComplete.\n   */\n  const handleFlowCompletion = (response: EmbeddedSignUpFlowResponse): void => {\n    if (isDisplayOnlyCompletion(response)) {\n      const normalized: any = normalizeFlowResponseLocal(response);\n      setCurrentFlow(normalized);\n      setupFormFields(normalized);\n      return;\n    }\n\n    onComplete?.(response);\n  };\n\n  /**\n   * Handle input value changes.\n   * Only updates the value without marking as touched.\n   * Touched state is set on blur to avoid premature validation.\n   */\n  const handleInputChange = (name: string, value: string): void => {\n    setFormValue(name, value);\n  };\n\n  /**\n   * Handle input blur event.\n   * Marks the field as touched, which triggers validation.\n   */\n  const handleInputBlur = (name: string): void => {\n    setFormTouched(name, true);\n  };\n\n  /**\n   * Check if the response contains a redirection URL and perform the redirect if necessary.\n   * @param response - The sign-up response\n   * @returns true if a redirect was performed, false otherwise\n   */\n  const handleRedirectionIfNeeded = (response: EmbeddedSignUpFlowResponse): boolean => {\n    if (response?.type === EmbeddedSignUpFlowType.Redirection && (response?.data as any)?.redirectURL) {\n      /**\n       * Open a popup window to handle redirection prompts for social sign-up\n       */\n      const redirectUrl: any = (response.data as any).redirectURL;\n      const popup: any = window.open(redirectUrl, 'oauth_popup', 'width=500,height=600,scrollbars=yes,resizable=yes');\n\n      if (!popup) {\n        logger.error('Failed to open popup window');\n        return false;\n      }\n\n      let hasProcessedCallback: any = false; // Prevent multiple processing\n      let popupMonitor: ReturnType<typeof setInterval> | null = null;\n      let messageHandler: ((event: MessageEvent) => Promise<void>) | null = null;\n\n      /**\n       * Clean up event listener and popup monitor\n       */\n      const cleanup = (): void => {\n        if (messageHandler) {\n          window.removeEventListener('message', messageHandler);\n        }\n        if (popupMonitor) {\n          clearInterval(popupMonitor);\n        }\n      };\n\n      /**\n       * Add an event listener to the window to capture the message from the popup\n       */\n      messageHandler = async function messageEventHandler(event: MessageEvent): Promise<void> {\n        /**\n         * Check if the message is from our popup window\n         */\n        if (event.source !== popup) {\n          return;\n        }\n\n        /**\n         * Check the origin of the message to ensure it's from a trusted source\n         */\n        const expectedOrigin: any = afterSignUpUrl ? new URL(afterSignUpUrl).origin : window.location.origin;\n        if (event.origin !== expectedOrigin && event.origin !== window.location.origin) {\n          return;\n        }\n\n        const {code, state} = event.data;\n\n        if (code && state) {\n          hasProcessedCallback = true;\n\n          const payload: EmbeddedSignUpFlowRequest = {\n            ...(currentFlow?.executionId && {executionId: currentFlow.executionId}),\n            inputs: {\n              code,\n              state,\n            },\n            ...(challengeTokenRef.current ? {challengeToken: challengeTokenRef.current} : {}),\n          };\n\n          try {\n            const continueResponse: any = await onSubmit!(payload);\n            onFlowChange?.(continueResponse);\n\n            if (continueResponse.flowStatus === EmbeddedSignUpFlowStatus.Error) {\n              handleError(continueResponse);\n              onError?.(continueResponse);\n            } else if (continueResponse.flowStatus === EmbeddedSignUpFlowStatus.Complete) {\n              handleFlowCompletion(continueResponse as EmbeddedSignUpFlowResponse);\n            } else if (continueResponse.flowStatus === EmbeddedSignUpFlowStatus.Incomplete) {\n              const normalizedContinueResponse: any = normalizeFlowResponseLocal(continueResponse);\n              setCurrentFlow(normalizedContinueResponse);\n              setupFormFields(normalizedContinueResponse);\n\n              // Display error from INCOMPLETE response\n              if (normalizedContinueResponse?.error) {\n                handleError(normalizedContinueResponse);\n              }\n            }\n\n            popup.close();\n            cleanup();\n          } catch (err) {\n            handleError(err);\n            onError?.(err as Error);\n            popup.close();\n            cleanup();\n          }\n        }\n      };\n\n      window.addEventListener('message', messageHandler);\n\n      /**\n       * Monitor popup for closure and URL changes\n       */\n      popupMonitor = setInterval(async () => {\n        try {\n          if (popup.closed) {\n            cleanup();\n            return;\n          }\n\n          // Skip if we've already processed a callback\n          if (hasProcessedCallback) {\n            return;\n          }\n\n          // Try to access popup URL to check for callback\n          try {\n            const popupUrl: any = popup.location.href;\n\n            // Check if we've been redirected to the callback URL\n            if (popupUrl && (popupUrl.includes('code=') || popupUrl.includes('error='))) {\n              hasProcessedCallback = true; // Set flag to prevent multiple processing\n\n              // Parse the URL for OAuth parameters\n              const url: any = new URL(popupUrl);\n              const code: any = url.searchParams.get('code');\n              const state: any = url.searchParams.get('state');\n              const error: any = url.searchParams.get('error');\n\n              if (error) {\n                logger.error('OAuth error:');\n                popup.close();\n                cleanup();\n                return;\n              }\n\n              if (code && state) {\n                const payload: EmbeddedSignUpFlowRequest = {\n                  ...(currentFlow?.executionId && {executionId: currentFlow.executionId}),\n                  inputs: {\n                    code,\n                    state,\n                  },\n                  ...(challengeTokenRef.current ? {challengeToken: challengeTokenRef.current} : {}),\n                };\n\n                try {\n                  const continueResponse: any = await onSubmit!(payload);\n                  onFlowChange?.(continueResponse);\n\n                  if (continueResponse.flowStatus === EmbeddedSignUpFlowStatus.Error) {\n                    handleError(continueResponse);\n                    onError?.(continueResponse);\n                  } else if (continueResponse.flowStatus === EmbeddedSignUpFlowStatus.Complete) {\n                    handleFlowCompletion(continueResponse as EmbeddedSignUpFlowResponse);\n                  } else if (continueResponse.flowStatus === EmbeddedSignUpFlowStatus.Incomplete) {\n                    const normalizedContinueResponse: any = normalizeFlowResponseLocal(continueResponse);\n                    setCurrentFlow(normalizedContinueResponse);\n                    setupFormFields(normalizedContinueResponse);\n\n                    // Display error from INCOMPLETE response\n                    if (normalizedContinueResponse?.error) {\n                      handleError(normalizedContinueResponse);\n                    }\n                  }\n\n                  popup.close();\n                } catch (err) {\n                  handleError(err);\n                  onError?.(err as Error);\n                  popup.close();\n                }\n              }\n            }\n          } catch (e) {\n            // Cross-origin error is expected when popup navigates to OAuth provider\n            // This is normal and we can ignore it\n          }\n        } catch (e) {\n          logger.error('Error monitoring popup:');\n        }\n      }, 1000);\n\n      return true;\n    }\n\n    return false;\n  };\n\n  /**\n   * Handle component submission (for buttons outside forms).\n   */\n  const handleSubmit = async (component: any, data?: Record<string, any>, skipValidation?: boolean): Promise<void> => {\n    if (!currentFlow) {\n      return;\n    }\n\n    // Only validate for form submit actions, skip for social/trigger actions\n    if (!skipValidation) {\n      // Mark all fields as touched before validation\n      touchAllFields();\n\n      const validation: ReturnType<typeof validateForm> = validateForm();\n\n      if (!validation.isValid) {\n        return;\n      }\n    }\n\n    setIsLoading(true);\n    setApiError(null);\n    clearMessages();\n\n    try {\n      const composedData: Record<string, any> | undefined = data\n        ? composeAffixedInputs(data as Record<string, string>, vendor)\n        : undefined;\n\n      // Filter out empty or undefined input values\n      const filteredInputs: Record<string, any> = {};\n      if (composedData) {\n        Object.entries(composedData).forEach(([key, value]: [string, any]) => {\n          if (value !== null && value !== undefined && value !== '') {\n            filteredInputs[key] = value;\n          }\n        });\n      }\n\n      const payload: EmbeddedSignUpFlowRequest = {\n        ...(currentFlow.executionId && {executionId: currentFlow.executionId}),\n        ...(component.id && {action: component.id}),\n        ...(challengeTokenRef.current ? {challengeToken: challengeTokenRef.current} : {}),\n        inputs: filteredInputs,\n      };\n\n      const rawResponse: any = await onSubmit!(payload);\n      const response: any = normalizeFlowResponseLocal(rawResponse);\n      onFlowChange?.(response);\n\n      await setChallengeToken(response.challengeToken ?? null);\n\n      if (response.flowStatus === EmbeddedSignUpFlowStatus.Error) {\n        handleError(response);\n        onError?.(new Error(extractErrorMessage(response, t)));\n        return;\n      }\n\n      if (response.flowStatus === EmbeddedSignUpFlowStatus.Complete) {\n        handleFlowCompletion(response as EmbeddedSignUpFlowResponse);\n        return;\n      }\n\n      if (response.flowStatus === EmbeddedSignUpFlowStatus.Incomplete) {\n        if (handleRedirectionIfNeeded(response)) {\n          return;\n        }\n\n        if (response.data?.additionalData?.passkeyCreationOptions) {\n          const {passkeyCreationOptions}: any = response.data.additionalData;\n          const effectiveExecutionIdForPasskey: any = response.executionId ?? currentFlow?.executionId;\n\n          // Reset passkey processed ref to allow processing\n          passkeyProcessedRef.current = false;\n\n          // Set passkey state to trigger the passkey\n          setPasskeyState({\n            actionId: component.id || 'submit',\n            creationOptions: passkeyCreationOptions,\n            error: null,\n            executionId: effectiveExecutionIdForPasskey,\n            isActive: true,\n          });\n          setIsLoading(false);\n          return;\n        }\n        setCurrentFlow(response);\n        setupFormFields(response);\n\n        // Display error from INCOMPLETE response\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n        if (response?.error) {\n          handleError(response);\n        }\n      }\n    } catch (err) {\n      handleError(err);\n      onError?.(err as Error);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  /**\n   * Handle passkey registration when passkey state becomes active.\n   * This effect auto-triggers the browser passkey popup and submits the result.\n   */\n  useEffect(() => {\n    if (!passkeyState.isActive || !passkeyState.creationOptions || !passkeyState.executionId) {\n      return;\n    }\n\n    // Prevent re-processing\n    if (passkeyProcessedRef.current) {\n      return;\n    }\n    passkeyProcessedRef.current = true;\n\n    const performPasskeyRegistration = async (): Promise<void> => {\n      const passkeyResponse: any = await handlePasskeyRegistration(passkeyState.creationOptions!);\n      const passkeyResponseObj: any = JSON.parse(passkeyResponse);\n\n      const inputs: any = {\n        attestationObject: passkeyResponseObj.response.attestationObject,\n        clientDataJSON: passkeyResponseObj.response.clientDataJSON,\n        credentialId: passkeyResponseObj.id,\n      };\n\n      // After successful registration, submit the result to the server\n      const payload: EmbeddedSignUpFlowRequest = {\n        executionId: passkeyState.executionId ?? undefined,\n        inputs,\n        ...(challengeTokenRef.current ? {challengeToken: challengeTokenRef.current} : {}),\n      } as any;\n\n      const nextResponse: any = await onSubmit!(payload);\n      const processedResponse: any = normalizeFlowResponseLocal(nextResponse);\n      onFlowChange?.(processedResponse);\n\n      if (processedResponse.flowStatus === EmbeddedSignUpFlowStatus.Complete) {\n        handleFlowCompletion(processedResponse as EmbeddedSignUpFlowResponse);\n      } else {\n        setCurrentFlow(processedResponse);\n        setupFormFields(processedResponse);\n      }\n    };\n\n    performPasskeyRegistration()\n      .then(() => {\n        setPasskeyState({actionId: null, creationOptions: null, error: null, executionId: null, isActive: false});\n      })\n      .catch((error: any) => {\n        setPasskeyState((prev: any) => ({...prev, error: error as Error, isActive: false}));\n        handleError(error);\n        onError?.(error as Error);\n      });\n  }, [passkeyState.isActive, passkeyState.creationOptions, passkeyState.executionId]);\n\n  const containerClasses: any = cx(\n    [\n      withVendorCSSClassPrefix('signup'),\n      withVendorCSSClassPrefix(`signup--${size}`),\n      withVendorCSSClassPrefix(`signup--${variant}`),\n    ],\n    className,\n  );\n\n  const inputClasses: any = cx(\n    [\n      withVendorCSSClassPrefix('signup__input'),\n      size === 'small' && withVendorCSSClassPrefix('signup__input--small'),\n      size === 'large' && withVendorCSSClassPrefix('signup__input--large'),\n    ],\n    inputClassName,\n  );\n\n  const buttonClasses: any = cx(\n    [\n      withVendorCSSClassPrefix('signup__button'),\n      size === 'small' && withVendorCSSClassPrefix('signup__button--small'),\n      size === 'large' && withVendorCSSClassPrefix('signup__button--large'),\n    ],\n    buttonClassName,\n  );\n\n  const errorClasses: any = cx([withVendorCSSClassPrefix('signup__error')], errorClassName);\n\n  const messageClasses: any = cx([withVendorCSSClassPrefix('signup__messages')], messageClassName);\n\n  /**\n   * Render form components based on flow data using the factory\n   */\n  const renderComponents: any = useCallback(\n    (components: any[]): ReactElement[] =>\n      renderSignUpComponents(\n        components,\n        formValues,\n        touchedFields,\n        formErrors,\n        isLoading,\n        isFormValid,\n        resetForm,\n        handleInputChange,\n        {\n          _customRenderers: customRenderers,\n          _theme: theme,\n          buttonClassName: buttonClasses,\n          inputClassName: inputClasses,\n          onInputBlur: handleInputBlur,\n          onSubmit: handleSubmit,\n          size,\n          variant,\n          vendor,\n        },\n      ),\n    [\n      customRenderers,\n      formValues,\n      touchedFields,\n      formErrors,\n      isFormValid,\n      isLoading,\n      size,\n      theme,\n      variant,\n      vendor,\n      inputClasses,\n      buttonClasses,\n      handleSubmit,\n      handleInputBlur,\n    ],\n  );\n\n  /**\n   * Parse URL parameters to check for OAuth redirect state.\n   */\n  const getUrlParams = (): any => {\n    const urlParams: any = new URL(window?.location?.href ?? '').searchParams;\n    return {\n      code: urlParams.get('code'),\n      error: urlParams.get('error'),\n      state: urlParams.get('state'),\n    };\n  };\n\n  // Initialize the flow on component mount\n  useEffect(() => {\n    // Skip initialization if we're in an OAuth redirect state.\n    const urlParams: any = getUrlParams();\n    if (urlParams.code || urlParams.state) {\n      return;\n    }\n\n    if (isInitialized && isStorageReady && !isFlowInitialized && !initializationAttemptedRef.current) {\n      initializationAttemptedRef.current = true;\n\n      (async (): Promise<void> => {\n        setIsLoading(true);\n        setApiError(null);\n        clearMessages();\n\n        try {\n          const payload: any = challengeTokenRef.current ? {challengeToken: challengeTokenRef.current} : undefined;\n          const rawResponse: any = await onInitialize?.(payload);\n          const response: any = normalizeFlowResponseLocal(rawResponse);\n\n          await setChallengeToken(response.challengeToken ?? null);\n          setCurrentFlow(response);\n          setIsFlowInitialized(true);\n          onFlowChange?.(response);\n\n          // Clean up executionId and applicationId from URL after storing in state\n          if (window?.location?.href) {\n            const url: URL = new URL(window.location.href);\n            url.searchParams.delete('executionId');\n            url.searchParams.delete('applicationId');\n            window.history.replaceState({}, '', url.toString());\n          }\n\n          if (response.flowStatus === EmbeddedSignUpFlowStatus.Error) {\n            handleError(response);\n            onError?.(new Error(extractErrorMessage(response, t)));\n            return;\n          }\n\n          if (response.flowStatus === EmbeddedSignUpFlowStatus.Complete) {\n            handleFlowCompletion(response as EmbeddedSignUpFlowResponse);\n            return;\n          }\n\n          if (response.flowStatus === EmbeddedSignUpFlowStatus.Incomplete) {\n            setupFormFields(response);\n\n            // Display error from INCOMPLETE response\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n            if (response?.error) {\n              handleError(response);\n            }\n          }\n        } catch (err) {\n          handleError(err);\n          onError?.(err as Error);\n        } finally {\n          setIsLoading(false);\n        }\n      })();\n    }\n  }, [\n    isInitialized,\n    isStorageReady,\n    isFlowInitialized,\n    onInitialize,\n    onComplete,\n    onError,\n    onFlowChange,\n    setupFormFields,\n    normalizeFlowResponseLocal,\n    afterSignUpUrl,\n    t,\n  ]);\n\n  // If render props are provided, use them\n  if (children) {\n    const renderProps: BaseSignUpRenderProps = {\n      components: (currentFlow?.data as any)?.components || [],\n      error: apiError,\n      fieldErrors: formErrors,\n      handleInputChange,\n      handleSubmit,\n      isLoading,\n      isValid: isFormValid,\n      messages: flowMessages || [],\n      subtitle: flowSubtitle || t('signup.subheading'),\n      title: flowTitle || t('signup.heading'),\n      touched: touchedFields,\n      validateForm: () => {\n        const result: any = validateForm();\n        return {fieldErrors: result.errors, isValid: result.isValid};\n      },\n      values: formValues,\n    };\n\n    return (\n      <div id={id} className={containerClasses}>\n        {children(renderProps)}\n      </div>\n    );\n  }\n\n  if (!isFlowInitialized && isLoading) {\n    return (\n      <CardPrimitive id={id} className={cx(containerClasses, styles.card)} variant={variant}>\n        <CardPrimitive.Content>\n          <div className={styles.loadingContainer}>\n            <Spinner size=\"medium\" />\n          </div>\n        </CardPrimitive.Content>\n      </CardPrimitive>\n    );\n  }\n\n  if (!currentFlow) {\n    return (\n      <CardPrimitive id={id} className={cx(containerClasses, styles.card)} variant={variant}>\n        <CardPrimitive.Content>\n          <AlertPrimitive variant=\"error\" className={errorClasses}>\n            <AlertPrimitive.Title>{t('errors.heading')}</AlertPrimitive.Title>\n            <AlertPrimitive.Description>{t('errors.signup.flow.initialization.failure')}</AlertPrimitive.Description>\n          </AlertPrimitive>\n        </CardPrimitive.Content>\n      </CardPrimitive>\n    );\n  }\n\n  // Extract heading and subheading components and filter them from the main components\n  const componentsToRender: any = (currentFlow.data as any)?.components || [];\n  const {title, subtitle, componentsWithoutHeadings} = getAuthComponentHeadings(\n    componentsToRender,\n    flowTitle,\n    flowSubtitle,\n    t('signup.heading'),\n    t('signup.subheading'),\n  );\n\n  return (\n    <CardPrimitive id={id} className={cx(containerClasses, styles.card)} variant={variant}>\n      {(showTitle || showSubtitle) && (\n        <CardPrimitive.Header className={styles.header}>\n          {showTitle && (\n            <CardPrimitive.Title level={2} className={styles.title}>\n              {title}\n            </CardPrimitive.Title>\n          )}\n          {showSubtitle && (\n            <Typography variant=\"body1\" className={styles.subtitle}>\n              {subtitle}\n            </Typography>\n          )}\n        </CardPrimitive.Header>\n      )}\n      <CardPrimitive.Content>\n        {externalError && (\n          <div className={styles.flowMessagesContainer}>\n            <AlertPrimitive variant=\"error\" className={cx(styles.flowMessageItem, messageClasses)}>\n              <AlertPrimitive.Description>{externalError.message}</AlertPrimitive.Description>\n            </AlertPrimitive>\n          </div>\n        )}\n        {flowMessages && flowMessages.length > 0 && (\n          <div className={styles.flowMessagesContainer}>\n            {flowMessages.map((message: any, index: number) => (\n              <AlertPrimitive\n                key={message.id || index}\n                variant={message.type?.toLowerCase() === 'error' ? 'error' : 'info'}\n                className={cx(styles.flowMessageItem, messageClasses)}\n              >\n                <AlertPrimitive.Description>{message.message}</AlertPrimitive.Description>\n              </AlertPrimitive>\n            ))}\n          </div>\n        )}\n        <div className={styles.contentContainer}>\n          {componentsWithoutHeadings && componentsWithoutHeadings.length > 0 ? (\n            renderComponents(componentsWithoutHeadings)\n          ) : (\n            <AlertPrimitive variant=\"warning\">\n              <Typography variant=\"body1\">{t('errors.signup.components.not.available')}</Typography>\n            </AlertPrimitive>\n          )}\n        </div>\n      </CardPrimitive.Content>\n    </CardPrimitive>\n  );\n};\n\n/**\n * BaseSignUp component that provides embedded sign-up flow for ThunderIDV2.\n * This component handles both the presentation layer and sign-up flow logic.\n * It accepts API functions as props to maintain framework independence.\n */\nconst BaseSignUp: FC<BaseSignUpProps> = ({preferences, showLogo = true, ...rest}: BaseSignUpProps): ReactElement => {\n  const {theme, colorScheme} = useTheme();\n  const styles: any = useStyles(theme, colorScheme);\n\n  const content: ReactElement = (\n    <div>\n      {showLogo && (\n        <div className={styles.logoContainer}>\n          <Logo size=\"large\" />\n        </div>\n      )}\n      <FlowProvider>\n        <BaseSignUpContent showLogo={showLogo} {...rest} />\n      </FlowProvider>\n    </div>\n  );\n\n  if (!preferences) return content;\n\n  return <ComponentPreferencesContext.Provider value={preferences}>{content}</ComponentPreferencesContext.Provider>;\n};\n\nexport default BaseSignUp;\n"],"mappings":"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"}
+{"version":3,"file":"BaseSignUp.cjs","names":["logger: ReturnType<typeof createPackageComponentLogger>","BaseSignUpContent: FC<BaseSignUpProps>","useTheme","customRenderers: ComponentRendererMap","ComponentRendererContext","useTranslation","useFlow","useThunderID","styles: any","useStyles","challengeTokenRef: any","initializationAttemptedRef: any","passkeyProcessedRef: any","tempData: any","storageManager: any","handleError: any","errorMessage: string","extractErrorMessage","normalizeFlowResponseLocal: any","normalizeFlowResponse","extractFormFields: any","fields: FormField[]","EmbeddedFlowComponentType","fieldName: any","useForm","responseFieldErrors: FieldError[] | undefined","errors: Record<string, string>","touched: Record<string, boolean>","setupFormFields: any","fields: any","initialValues: Record<string, string>","data: any","components: unknown[] | undefined","EmbeddedSignUpFlowStatus","normalized: any","EmbeddedSignUpFlowType","redirectUrl: any","popup: any","hasProcessedCallback: any","popupMonitor: ReturnType<typeof setInterval> | null","messageHandler: ((event: MessageEvent) => Promise<void>) | null","expectedOrigin: any","payload: EmbeddedSignUpFlowRequest","continueResponse: any","normalizedContinueResponse: any","popupUrl: any","url: any","code: any","state: any","composedData: Record<string, any> | undefined","composeAffixedInputs","filteredInputs: Record<string, any>","response: any","effectiveExecutionIdForPasskey: any","passkeyResponse: any","handlePasskeyRegistration","passkeyResponseObj: any","inputs: any","processedResponse: any","containerClasses: any","inputClasses: any","buttonClasses: any","errorClasses: any","messageClasses: any","renderComponents: any","renderSignUpComponents","urlParams: any","payload: any","url: URL","result: any","CardPrimitive","Spinner","AlertPrimitive","getAuthComponentHeadings","Typography","BaseSignUp: FC<BaseSignUpProps>","content: ReactElement","Logo","FlowProvider","ComponentPreferencesContext"],"sources":["../../../../../../src/components/presentation/auth/SignUp/BaseSignUp.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025-2026, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {cx} from '@emotion/css';\nimport {\n  EmbeddedSignUpFlowRequest,\n  EmbeddedSignUpFlowResponse,\n  EmbeddedSignUpFlowStatus,\n  EmbeddedSignUpFlowType,\n  withVendorCSSClassPrefix,\n  EmbeddedFlowComponentType,\n  FieldError,\n  createPackageComponentLogger,\n  buildValidatorFromRules,\n  Preferences,\n} from '@thunderid/browser';\nimport {FC, ReactElement, ReactNode, useCallback, useContext, useEffect, useMemo, useRef, useState} from 'react';\nimport useStyles from './BaseSignUp.styles';\nimport ComponentRendererContext, {\n  ComponentRendererMap,\n} from '../../../../contexts/ComponentRenderer/ComponentRendererContext';\nimport FlowProvider from '../../../../contexts/Flow/FlowProvider';\nimport useFlow from '../../../../contexts/Flow/useFlow';\nimport ComponentPreferencesContext from '../../../../contexts/I18n/ComponentPreferencesContext';\nimport useTheme from '../../../../contexts/Theme/useTheme';\nimport useThunderID from '../../../../contexts/ThunderID/useThunderID';\nimport {useForm, FormField} from '../../../../hooks/useForm';\nimport useTranslation from '../../../../hooks/useTranslation';\nimport composeAffixedInputs from '../../../../utils/composeAffixedInputs';\nimport {normalizeFlowResponse, extractErrorMessage} from '../../../../utils/flowTransformer';\nimport getAuthComponentHeadings from '../../../../utils/getAuthComponentHeadings';\nimport {handlePasskeyRegistration} from '../../../../utils/passkey';\nimport AlertPrimitive from '../../../primitives/Alert/Alert';\n// eslint-disable-next-line import/no-named-as-default\nimport CardPrimitive, {CardProps} from '../../../primitives/Card/Card';\nimport Logo from '../../../primitives/Logo/Logo';\nimport Spinner from '../../../primitives/Spinner/Spinner';\nimport Typography from '../../../primitives/Typography/Typography';\nimport {renderSignUpComponents} from '../AuthOptionFactory';\n\nconst logger: ReturnType<typeof createPackageComponentLogger> = createPackageComponentLogger(\n  '@thunderid/react',\n  'BaseSignUp',\n);\n\n/**\n * State for tracking passkey registration\n */\ninterface PasskeyState {\n  actionId: string | null;\n  creationOptions: string | null;\n  error: Error | null;\n  executionId: string | null;\n  isActive: boolean;\n}\n\n/**\n * Render props for custom UI rendering\n */\nexport interface BaseSignUpRenderProps {\n  /**\n   * Flow components\n   */\n  components: any[];\n\n  /**\n   * API error (if any)\n   */\n  error?: Error | null;\n\n  /**\n   * Field validation errors\n   */\n  fieldErrors: Record<string, string>;\n\n  /**\n   * Function to handle input changes\n   */\n  handleInputChange: (name: string, value: string) => void;\n\n  /**\n   * Function to handle form submission\n   */\n  handleSubmit: (component: any, data?: Record<string, any>) => Promise<void>;\n\n  /**\n   * Loading state\n   */\n  isLoading: boolean;\n\n  /**\n   * Whether the form is valid\n   */\n  isValid: boolean;\n\n  /**\n   * Flow messages\n   */\n  messages: {message: string; type: string}[];\n\n  /**\n   * Flow subtitle\n   */\n  subtitle: string;\n\n  /**\n   * Flow title\n   */\n  title: string;\n\n  /**\n   * Touched fields\n   */\n  touched: Record<string, boolean>;\n\n  /**\n   * Function to validate the form\n   */\n  validateForm: () => {fieldErrors: Record<string, string>; isValid: boolean};\n\n  /**\n   * Form values\n   */\n  values: Record<string, string>;\n}\n\n/**\n * Props for the BaseSignUp component.\n */\nexport interface BaseSignUpProps {\n  /**\n   * URL to redirect after successful sign-up.\n   */\n  afterSignUpUrl?: string;\n\n  /**\n   * Custom CSS class name for the submit button.\n   */\n  buttonClassName?: string;\n\n  /**\n   * Render props function for custom UI\n   */\n  children?: (props: BaseSignUpRenderProps) => ReactNode;\n\n  /**\n   * Custom CSS class name for the form container.\n   */\n  className?: string;\n\n  /**\n   * Error object to display\n   */\n  error?: Error | null;\n\n  /**\n   * Custom CSS class name for error messages.\n   */\n  errorClassName?: string;\n\n  /**\n   * HTML id attribute for the form container.\n   */\n  id?: string;\n\n  /**\n   * Custom CSS class name for form inputs.\n   */\n  inputClassName?: string;\n\n  isInitialized?: boolean;\n\n  /**\n   * Custom CSS class name for info messages.\n   */\n  messageClassName?: string;\n\n  /**\n   * Callback function called when the sign-up flow completes and requires redirection.\n   * This allows platform-specific handling of redirects (e.g., Next.js router.push).\n   * @param response - The response from the sign-up flow containing the redirect URL, etc.\n   */\n  onComplete?: (response: EmbeddedSignUpFlowResponse) => void;\n\n  /**\n   * Callback function called when sign-up fails.\n   * @param error - The error that occurred during sign-up.\n   */\n  onError?: (error: Error) => void;\n\n  /**\n   * Callback function called when sign-up flow status changes.\n   * @param response - The current sign-up response.\n   */\n  onFlowChange?: (response: EmbeddedSignUpFlowResponse) => void;\n\n  /**\n   * Function to initialize sign-up flow.\n   * @returns Promise resolving to the initial sign-up response.\n   */\n  onInitialize?: (payload?: EmbeddedSignUpFlowRequest) => Promise<EmbeddedSignUpFlowResponse>;\n\n  /**\n   * Function to handle sign-up steps.\n   * @param payload - The sign-up payload.\n   * @returns Promise resolving to the sign-up response.\n   */\n  onSubmit?: (payload: EmbeddedSignUpFlowRequest) => Promise<EmbeddedSignUpFlowResponse>;\n  /**\n   * Component-level preferences to override global i18n and theme settings.\n   * Preferences are deep-merged with global ones, with component preferences\n   * taking precedence. Affects this component and all its descendants.\n   */\n  preferences?: Preferences;\n\n  /**\n   *  Whether to redirect after sign-up.\n   */\n  shouldRedirectAfterSignUp?: boolean;\n\n  /**\n   * Whether to show the logo.\n   */\n  showLogo?: boolean;\n\n  /**\n   * Whether to show the subtitle.\n   */\n  showSubtitle?: boolean;\n\n  /**\n   * Whether to show the title.\n   */\n  showTitle?: boolean;\n\n  /**\n   * Size variant for the component.\n   */\n  size?: 'small' | 'medium' | 'large';\n\n  /**\n   * Theme variant for the component.\n   */\n  variant?: CardProps['variant'];\n}\n\n/**\n * Internal component that consumes FlowContext and renders the sign-up UI.\n */\nconst BaseSignUpContent: FC<BaseSignUpProps> = ({\n  afterSignUpUrl,\n  onInitialize,\n  onSubmit,\n  onError,\n  onFlowChange,\n  onComplete,\n  error: externalError,\n  id,\n  className = '',\n  inputClassName = '',\n  buttonClassName = '',\n  errorClassName = '',\n  messageClassName = '',\n  size = 'medium',\n  variant = 'outlined',\n  isInitialized,\n  children,\n  showTitle = true,\n  showSubtitle = true,\n}: BaseSignUpProps): ReactElement => {\n  const {theme, colorScheme} = useTheme();\n  const customRenderers: ComponentRendererMap = useContext(ComponentRendererContext);\n  const {t} = useTranslation();\n  const {subtitle: flowSubtitle, title: flowTitle, messages: flowMessages, addMessage, clearMessages} = useFlow();\n  const {meta, isInitialized: isSdkInitialized, getStorageManager, vendor} = useThunderID();\n  const styles: any = useStyles(theme, colorScheme);\n\n  const [isLoading, setIsLoading] = useState(false);\n  const [isFlowInitialized, setIsFlowInitialized] = useState(false);\n  const [currentFlow, setCurrentFlow] = useState<EmbeddedSignUpFlowResponse | null>(null);\n  const [apiError, setApiError] = useState<Error | null>(null);\n  const [isStorageReady, setIsStorageReady] = useState(false);\n  const [passkeyState, setPasskeyState] = useState<PasskeyState>({\n    actionId: null,\n    creationOptions: null,\n    error: null,\n    executionId: null,\n    isActive: false,\n  });\n  const challengeTokenRef: any = useRef<string | null>(null);\n\n  const initializationAttemptedRef: any = useRef(false);\n  const passkeyProcessedRef: any = useRef(false);\n\n  /**\n   * Restore any challenge token persisted before an OAuth redirect.\n   */\n  useEffect(() => {\n    if (!isSdkInitialized) return;\n\n    (async (): Promise<void> => {\n      try {\n        const storageManager: any = await getStorageManager();\n        const tempData: any = await storageManager?.getTemporaryData();\n        if (tempData?.challengeToken) {\n          challengeTokenRef.current = tempData.challengeToken as string;\n        }\n      } catch {\n        // StorageManager unavailable — continue without persisted token\n      } finally {\n        setIsStorageReady(true);\n      }\n    })();\n  }, [isSdkInitialized]);\n\n  /**\n   * Updates challengeTokenRef immediately (stale-closure safe) and persists via\n   * the provider's StorageManager so the token survives OAuth redirects.\n   */\n  const setChallengeToken = async (challengeToken: string | null): Promise<void> => {\n    challengeTokenRef.current = challengeToken;\n    try {\n      const storageManager: any = await getStorageManager();\n      if (storageManager) {\n        if (challengeToken) {\n          await storageManager.setTemporaryDataParameter('challengeToken', challengeToken);\n        } else {\n          await storageManager.removeTemporaryDataParameter('challengeToken');\n        }\n      }\n    } catch {\n      logger.warn('Failed to persist challenge token in storage.');\n    }\n  };\n\n  /**\n   * Handle error responses and extract meaningful error messages\n   * Uses the transformer's extractErrorMessage function.\n   */\n  const handleError: any = useCallback(\n    (error: any) => {\n      const errorMessage: string = extractErrorMessage(error, t);\n\n      // Set the API error state\n      setApiError(error instanceof Error ? error : new Error(errorMessage));\n\n      // Clear existing messages and add the error message\n      clearMessages();\n      addMessage({\n        message: errorMessage,\n        type: 'error',\n      });\n    },\n    [t, addMessage, clearMessages],\n  );\n\n  /**\n   * Normalize flow response to ensure component-driven format\n   * Uses normalizeFlowResponse for modern API format responses\n   */\n  const normalizeFlowResponseLocal: any = useCallback(\n    (response: EmbeddedSignUpFlowResponse): EmbeddedSignUpFlowResponse => {\n      if (response?.data) {\n        const {components} = normalizeFlowResponse(\n          response,\n          t,\n          {\n            defaultErrorKey: 'components.signUp.errors.generic',\n            resolveTranslations: false,\n          },\n          meta,\n        );\n\n        return {\n          ...response,\n          data: {\n            ...(response.data as any),\n            components,\n          },\n        } as EmbeddedSignUpFlowResponse;\n      }\n\n      return response;\n    },\n    [t, children],\n  );\n\n  /**\n   * Extract form fields from flow components\n   */\n  const extractFormFields: any = useCallback(\n    (components: any[]): FormField[] => {\n      const fields: FormField[] = [];\n\n      const processComponents = (comps: any[]): any => {\n        comps.forEach((component: any) => {\n          if (\n            component.type === EmbeddedFlowComponentType.TextInput ||\n            component.type === EmbeddedFlowComponentType.PasswordInput ||\n            component.type === EmbeddedFlowComponentType.EmailInput ||\n            component.type === EmbeddedFlowComponentType.Select ||\n            component.type === EmbeddedFlowComponentType.DateInput\n          ) {\n            // Use component.ref (mapped identifier) as the field name instead of component.id\n            // This ensures form field names match what the input components use\n            const fieldName: any = component.ref || component.id;\n            const ruleValidator = buildValidatorFromRules(component.validation);\n\n            fields.push({\n              initialValue: '',\n              name: fieldName,\n              required: component.required || false,\n              validator: (value: string) => {\n                if (component.required && (!value || value.trim() === '')) {\n                  return t('validations.required.field.error');\n                }\n                // Add email validation if it's an email field\n                if (\n                  (component.type === EmbeddedFlowComponentType.EmailInput || component.variant === 'EMAIL') &&\n                  value &&\n                  !/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(value)\n                ) {\n                  return t('field.email.invalid');\n                }\n                // Evaluate declarative validation rules from meta.components[].validation.\n                if (ruleValidator && value) {\n                  const ruleMessage = ruleValidator(value);\n                  if (ruleMessage) {\n                    return t(ruleMessage);\n                  }\n                }\n\n                return null;\n              },\n            });\n          }\n\n          if (component.components && Array.isArray(component.components)) {\n            processComponents(component.components);\n          }\n        });\n      };\n\n      processComponents(components);\n      return fields;\n    },\n    [t],\n  );\n\n  const formFields: any = useMemo(\n    () => ((currentFlow?.data as any)?.components ? extractFormFields((currentFlow!.data as any).components) : []),\n    [currentFlow, extractFormFields],\n  );\n\n  const form: any = useForm<Record<string, string>>({\n    fields: formFields,\n    initialValues: {},\n    requiredMessage: t('validations.required.field.error'),\n    validateOnBlur: true,\n    validateOnChange: false,\n  });\n\n  const {\n    values: formValues,\n    touched: touchedFields,\n    errors: formErrors,\n    isValid: isFormValid,\n    setValue: setFormValue,\n    setTouched: setFormTouched,\n    setTouchedFields,\n    setErrors: setFormErrors,\n    clearErrors: clearFormErrors,\n    validateForm,\n    touchAllFields,\n    reset: resetForm,\n  } = form;\n\n  // Project server-side fieldErrors from the flow response into form state.\n  // `setTouchedFields` avoids re-running client-side validation that would wipe\n  // server errors when the client rules happen to pass.\n  useEffect(() => {\n    clearFormErrors();\n    const responseFieldErrors: FieldError[] | undefined = (currentFlow?.data as any)?.fieldErrors;\n    if (!responseFieldErrors || responseFieldErrors.length === 0) {\n      return;\n    }\n    const errors: Record<string, string> = {};\n    const touched: Record<string, boolean> = {};\n    for (const fe of responseFieldErrors) {\n      if (!(fe.identifier in errors)) {\n        errors[fe.identifier] = fe.message;\n        touched[fe.identifier] = true;\n      }\n    }\n    setTouchedFields(touched);\n    setFormErrors(errors);\n  }, [currentFlow, setFormErrors, setTouchedFields, clearFormErrors]);\n\n  /**\n   * Setup form fields based on the current flow.\n   */\n  const setupFormFields: any = useCallback(\n    (flowResponse: EmbeddedSignUpFlowResponse) => {\n      const fields: any = extractFormFields((flowResponse.data as any)?.components || []);\n      const initialValues: Record<string, string> = {};\n\n      fields.forEach((field: any) => {\n        initialValues[field.name] = field.initialValue || '';\n      });\n\n      resetForm();\n\n      Object.keys(initialValues).forEach((key: any) => {\n        setFormValue(key, initialValues[key]);\n      });\n    },\n    [extractFormFields, resetForm, setFormValue],\n  );\n\n  /**\n   * Determine whether a completed flow finished on a display-only screen.\n   * Such a completion must be rendered, not redirected past.\n   */\n  const isDisplayOnlyCompletion = (response: EmbeddedSignUpFlowResponse): boolean => {\n    const data: any = response?.data;\n    const components: unknown[] | undefined = data?.components ?? data?.meta?.components;\n\n    return (\n      response?.flowStatus === EmbeddedSignUpFlowStatus.Complete &&\n      Array.isArray(components) &&\n      components.length > 0 &&\n      !(response as {assertion?: string})?.assertion &&\n      !data?.redirectURL &&\n      !(response as any)?.redirectUrl\n    );\n  };\n\n  /**\n   * Handle a completed flow. A flow can complete on a display-only screen; in\n   * that case render the screen and skip onComplete so the wrapper does not\n   * immediately redirect away from it. Otherwise hand off to onComplete.\n   */\n  const handleFlowCompletion = (response: EmbeddedSignUpFlowResponse): void => {\n    if (isDisplayOnlyCompletion(response)) {\n      const normalized: any = normalizeFlowResponseLocal(response);\n      setCurrentFlow(normalized);\n      setupFormFields(normalized);\n      return;\n    }\n\n    onComplete?.(response);\n  };\n\n  /**\n   * Handle input value changes.\n   * Only updates the value without marking as touched.\n   * Touched state is set on blur to avoid premature validation.\n   */\n  const handleInputChange = (name: string, value: string): void => {\n    setFormValue(name, value);\n  };\n\n  /**\n   * Handle input blur event.\n   * Marks the field as touched, which triggers validation.\n   */\n  const handleInputBlur = (name: string): void => {\n    setFormTouched(name, true);\n  };\n\n  /**\n   * Check if the response contains a redirection URL and perform the redirect if necessary.\n   * @param response - The sign-up response\n   * @returns true if a redirect was performed, false otherwise\n   */\n  const handleRedirectionIfNeeded = (response: EmbeddedSignUpFlowResponse): boolean => {\n    if (response?.type === EmbeddedSignUpFlowType.Redirection && (response?.data as any)?.redirectURL) {\n      /**\n       * Open a popup window to handle redirection prompts for social sign-up\n       */\n      const redirectUrl: any = (response.data as any).redirectURL;\n      const popup: any = window.open(redirectUrl, 'oauth_popup', 'width=500,height=600,scrollbars=yes,resizable=yes');\n\n      if (!popup) {\n        logger.error('Failed to open popup window');\n        return false;\n      }\n\n      let hasProcessedCallback: any = false; // Prevent multiple processing\n      let popupMonitor: ReturnType<typeof setInterval> | null = null;\n      let messageHandler: ((event: MessageEvent) => Promise<void>) | null = null;\n\n      /**\n       * Clean up event listener and popup monitor\n       */\n      const cleanup = (): void => {\n        if (messageHandler) {\n          window.removeEventListener('message', messageHandler);\n        }\n        if (popupMonitor) {\n          clearInterval(popupMonitor);\n        }\n      };\n\n      /**\n       * Add an event listener to the window to capture the message from the popup\n       */\n      messageHandler = async function messageEventHandler(event: MessageEvent): Promise<void> {\n        /**\n         * Check if the message is from our popup window\n         */\n        if (event.source !== popup) {\n          return;\n        }\n\n        /**\n         * Check the origin of the message to ensure it's from a trusted source\n         */\n        const expectedOrigin: any = afterSignUpUrl ? new URL(afterSignUpUrl).origin : window.location.origin;\n        if (event.origin !== expectedOrigin && event.origin !== window.location.origin) {\n          return;\n        }\n\n        const {code, state} = event.data;\n\n        if (code && state) {\n          hasProcessedCallback = true;\n\n          const payload: EmbeddedSignUpFlowRequest = {\n            ...(currentFlow?.executionId && {executionId: currentFlow.executionId}),\n            inputs: {\n              code,\n              state,\n            },\n            ...(challengeTokenRef.current ? {challengeToken: challengeTokenRef.current} : {}),\n          };\n\n          try {\n            const continueResponse: any = await onSubmit!(payload);\n            await setChallengeToken(continueResponse.challengeToken ?? null);\n            onFlowChange?.(continueResponse);\n\n            if (continueResponse.flowStatus === EmbeddedSignUpFlowStatus.Error) {\n              handleError(continueResponse);\n              onError?.(continueResponse);\n            } else if (continueResponse.flowStatus === EmbeddedSignUpFlowStatus.Complete) {\n              handleFlowCompletion(continueResponse as EmbeddedSignUpFlowResponse);\n            } else if (continueResponse.flowStatus === EmbeddedSignUpFlowStatus.Incomplete) {\n              const normalizedContinueResponse: any = normalizeFlowResponseLocal(continueResponse);\n              setCurrentFlow(normalizedContinueResponse);\n              setupFormFields(normalizedContinueResponse);\n\n              // Display error from INCOMPLETE response\n              if (normalizedContinueResponse?.error) {\n                handleError(normalizedContinueResponse);\n              }\n            }\n\n            popup.close();\n            cleanup();\n          } catch (err) {\n            handleError(err);\n            onError?.(err as Error);\n            popup.close();\n            cleanup();\n          }\n        }\n      };\n\n      window.addEventListener('message', messageHandler);\n\n      /**\n       * Monitor popup for closure and URL changes\n       */\n      popupMonitor = setInterval(async () => {\n        try {\n          if (popup.closed) {\n            cleanup();\n            return;\n          }\n\n          // Skip if we've already processed a callback\n          if (hasProcessedCallback) {\n            return;\n          }\n\n          // Try to access popup URL to check for callback\n          try {\n            const popupUrl: any = popup.location.href;\n\n            // Check if we've been redirected to the callback URL\n            if (popupUrl && (popupUrl.includes('code=') || popupUrl.includes('error='))) {\n              hasProcessedCallback = true; // Set flag to prevent multiple processing\n\n              // Parse the URL for OAuth parameters\n              const url: any = new URL(popupUrl);\n              const code: any = url.searchParams.get('code');\n              const state: any = url.searchParams.get('state');\n              const error: any = url.searchParams.get('error');\n\n              if (error) {\n                logger.error('OAuth error:');\n                popup.close();\n                cleanup();\n                return;\n              }\n\n              if (code && state) {\n                const payload: EmbeddedSignUpFlowRequest = {\n                  ...(currentFlow?.executionId && {executionId: currentFlow.executionId}),\n                  inputs: {\n                    code,\n                    state,\n                  },\n                  ...(challengeTokenRef.current ? {challengeToken: challengeTokenRef.current} : {}),\n                };\n\n                try {\n                  const continueResponse: any = await onSubmit!(payload);\n                  await setChallengeToken(continueResponse.challengeToken ?? null);\n                  onFlowChange?.(continueResponse);\n\n                  if (continueResponse.flowStatus === EmbeddedSignUpFlowStatus.Error) {\n                    handleError(continueResponse);\n                    onError?.(continueResponse);\n                  } else if (continueResponse.flowStatus === EmbeddedSignUpFlowStatus.Complete) {\n                    handleFlowCompletion(continueResponse as EmbeddedSignUpFlowResponse);\n                  } else if (continueResponse.flowStatus === EmbeddedSignUpFlowStatus.Incomplete) {\n                    const normalizedContinueResponse: any = normalizeFlowResponseLocal(continueResponse);\n                    setCurrentFlow(normalizedContinueResponse);\n                    setupFormFields(normalizedContinueResponse);\n\n                    // Display error from INCOMPLETE response\n                    if (normalizedContinueResponse?.error) {\n                      handleError(normalizedContinueResponse);\n                    }\n                  }\n\n                  popup.close();\n                } catch (err) {\n                  handleError(err);\n                  onError?.(err as Error);\n                  popup.close();\n                }\n              }\n            }\n          } catch (e) {\n            // Cross-origin error is expected when popup navigates to OAuth provider\n            // This is normal and we can ignore it\n          }\n        } catch (e) {\n          logger.error('Error monitoring popup:');\n        }\n      }, 1000);\n\n      return true;\n    }\n\n    return false;\n  };\n\n  /**\n   * Handle component submission (for buttons outside forms).\n   */\n  const handleSubmit = async (component: any, data?: Record<string, any>, skipValidation?: boolean): Promise<void> => {\n    if (!currentFlow) {\n      return;\n    }\n\n    // Only validate for form submit actions, skip for social/trigger actions\n    if (!skipValidation) {\n      // Mark all fields as touched before validation\n      touchAllFields();\n\n      const validation: ReturnType<typeof validateForm> = validateForm();\n\n      if (!validation.isValid) {\n        return;\n      }\n    }\n\n    setIsLoading(true);\n    setApiError(null);\n    clearMessages();\n\n    try {\n      const composedData: Record<string, any> | undefined = data\n        ? composeAffixedInputs(data as Record<string, string>, vendor)\n        : undefined;\n\n      // Filter out empty or undefined input values\n      const filteredInputs: Record<string, any> = {};\n      if (composedData) {\n        Object.entries(composedData).forEach(([key, value]: [string, any]) => {\n          if (value !== null && value !== undefined && value !== '') {\n            filteredInputs[key] = value;\n          }\n        });\n      }\n\n      const payload: EmbeddedSignUpFlowRequest = {\n        ...(currentFlow.executionId && {executionId: currentFlow.executionId}),\n        ...(component.id && {action: component.id}),\n        ...(challengeTokenRef.current ? {challengeToken: challengeTokenRef.current} : {}),\n        inputs: filteredInputs,\n      };\n\n      const rawResponse: any = await onSubmit!(payload);\n      const response: any = normalizeFlowResponseLocal(rawResponse);\n      onFlowChange?.(response);\n\n      await setChallengeToken(response.challengeToken ?? null);\n\n      if (response.flowStatus === EmbeddedSignUpFlowStatus.Error) {\n        handleError(response);\n        onError?.(new Error(extractErrorMessage(response, t)));\n        return;\n      }\n\n      if (response.flowStatus === EmbeddedSignUpFlowStatus.Complete) {\n        handleFlowCompletion(response as EmbeddedSignUpFlowResponse);\n        return;\n      }\n\n      if (response.flowStatus === EmbeddedSignUpFlowStatus.Incomplete) {\n        if (handleRedirectionIfNeeded(response)) {\n          return;\n        }\n\n        if (response.data?.additionalData?.passkeyCreationOptions) {\n          const {passkeyCreationOptions}: any = response.data.additionalData;\n          const effectiveExecutionIdForPasskey: any = response.executionId ?? currentFlow?.executionId;\n\n          // Reset passkey processed ref to allow processing\n          passkeyProcessedRef.current = false;\n\n          // Set passkey state to trigger the passkey\n          setPasskeyState({\n            actionId: component.id || 'submit',\n            creationOptions: passkeyCreationOptions,\n            error: null,\n            executionId: effectiveExecutionIdForPasskey,\n            isActive: true,\n          });\n          setIsLoading(false);\n          return;\n        }\n        setCurrentFlow(response);\n        setupFormFields(response);\n\n        // Display error from INCOMPLETE response\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n        if (response?.error) {\n          handleError(response);\n        }\n      }\n    } catch (err) {\n      handleError(err);\n      onError?.(err as Error);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  /**\n   * Handle passkey registration when passkey state becomes active.\n   * This effect auto-triggers the browser passkey popup and submits the result.\n   */\n  useEffect(() => {\n    if (!passkeyState.isActive || !passkeyState.creationOptions || !passkeyState.executionId) {\n      return;\n    }\n\n    // Prevent re-processing\n    if (passkeyProcessedRef.current) {\n      return;\n    }\n    passkeyProcessedRef.current = true;\n\n    const performPasskeyRegistration = async (): Promise<void> => {\n      const passkeyResponse: any = await handlePasskeyRegistration(passkeyState.creationOptions!);\n      const passkeyResponseObj: any = JSON.parse(passkeyResponse);\n\n      const inputs: any = {\n        attestationObject: passkeyResponseObj.response.attestationObject,\n        clientDataJSON: passkeyResponseObj.response.clientDataJSON,\n        credentialId: passkeyResponseObj.id,\n      };\n\n      // After successful registration, submit the result to the server\n      const payload: EmbeddedSignUpFlowRequest = {\n        executionId: passkeyState.executionId ?? undefined,\n        inputs,\n        ...(challengeTokenRef.current ? {challengeToken: challengeTokenRef.current} : {}),\n      } as any;\n\n      const nextResponse: any = await onSubmit!(payload);\n      const processedResponse: any = normalizeFlowResponseLocal(nextResponse);\n      onFlowChange?.(processedResponse);\n\n      if (processedResponse.flowStatus === EmbeddedSignUpFlowStatus.Complete) {\n        handleFlowCompletion(processedResponse as EmbeddedSignUpFlowResponse);\n      } else {\n        setCurrentFlow(processedResponse);\n        setupFormFields(processedResponse);\n      }\n    };\n\n    performPasskeyRegistration()\n      .then(() => {\n        setPasskeyState({actionId: null, creationOptions: null, error: null, executionId: null, isActive: false});\n      })\n      .catch((error: any) => {\n        setPasskeyState((prev: any) => ({...prev, error: error as Error, isActive: false}));\n        handleError(error);\n        onError?.(error as Error);\n      });\n  }, [passkeyState.isActive, passkeyState.creationOptions, passkeyState.executionId]);\n\n  const containerClasses: any = cx(\n    [\n      withVendorCSSClassPrefix('signup'),\n      withVendorCSSClassPrefix(`signup--${size}`),\n      withVendorCSSClassPrefix(`signup--${variant}`),\n    ],\n    className,\n  );\n\n  const inputClasses: any = cx(\n    [\n      withVendorCSSClassPrefix('signup__input'),\n      size === 'small' && withVendorCSSClassPrefix('signup__input--small'),\n      size === 'large' && withVendorCSSClassPrefix('signup__input--large'),\n    ],\n    inputClassName,\n  );\n\n  const buttonClasses: any = cx(\n    [\n      withVendorCSSClassPrefix('signup__button'),\n      size === 'small' && withVendorCSSClassPrefix('signup__button--small'),\n      size === 'large' && withVendorCSSClassPrefix('signup__button--large'),\n    ],\n    buttonClassName,\n  );\n\n  const errorClasses: any = cx([withVendorCSSClassPrefix('signup__error')], errorClassName);\n\n  const messageClasses: any = cx([withVendorCSSClassPrefix('signup__messages')], messageClassName);\n\n  /**\n   * Render form components based on flow data using the factory\n   */\n  const renderComponents: any = useCallback(\n    (components: any[]): ReactElement[] =>\n      renderSignUpComponents(\n        components,\n        formValues,\n        touchedFields,\n        formErrors,\n        isLoading,\n        isFormValid,\n        resetForm,\n        handleInputChange,\n        {\n          _customRenderers: customRenderers,\n          _theme: theme,\n          buttonClassName: buttonClasses,\n          inputClassName: inputClasses,\n          onInputBlur: handleInputBlur,\n          onSubmit: handleSubmit,\n          size,\n          variant,\n          vendor,\n        },\n      ),\n    [\n      customRenderers,\n      formValues,\n      touchedFields,\n      formErrors,\n      isFormValid,\n      isLoading,\n      size,\n      theme,\n      variant,\n      vendor,\n      inputClasses,\n      buttonClasses,\n      handleSubmit,\n      handleInputBlur,\n    ],\n  );\n\n  /**\n   * Parse URL parameters to check for OAuth redirect state.\n   */\n  const getUrlParams = (): any => {\n    const urlParams: any = new URL(window?.location?.href ?? '').searchParams;\n    return {\n      code: urlParams.get('code'),\n      error: urlParams.get('error'),\n      state: urlParams.get('state'),\n    };\n  };\n\n  // Initialize the flow on component mount\n  useEffect(() => {\n    // Skip initialization if we're in an OAuth redirect state.\n    const urlParams: any = getUrlParams();\n    if (urlParams.code || urlParams.state) {\n      return;\n    }\n\n    if (isInitialized && isStorageReady && !isFlowInitialized && !initializationAttemptedRef.current) {\n      initializationAttemptedRef.current = true;\n\n      (async (): Promise<void> => {\n        setIsLoading(true);\n        setApiError(null);\n        clearMessages();\n\n        try {\n          const payload: any = challengeTokenRef.current ? {challengeToken: challengeTokenRef.current} : undefined;\n          const rawResponse: any = await onInitialize?.(payload);\n          const response: any = normalizeFlowResponseLocal(rawResponse);\n\n          await setChallengeToken(response.challengeToken ?? null);\n          setCurrentFlow(response);\n          setIsFlowInitialized(true);\n          onFlowChange?.(response);\n\n          // Clean up executionId and applicationId from URL after storing in state\n          if (window?.location?.href) {\n            const url: URL = new URL(window.location.href);\n            url.searchParams.delete('executionId');\n            url.searchParams.delete('applicationId');\n            window.history.replaceState({}, '', url.toString());\n          }\n\n          if (response.flowStatus === EmbeddedSignUpFlowStatus.Error) {\n            handleError(response);\n            onError?.(new Error(extractErrorMessage(response, t)));\n            return;\n          }\n\n          if (response.flowStatus === EmbeddedSignUpFlowStatus.Complete) {\n            handleFlowCompletion(response as EmbeddedSignUpFlowResponse);\n            return;\n          }\n\n          if (response.flowStatus === EmbeddedSignUpFlowStatus.Incomplete) {\n            setupFormFields(response);\n\n            // Display error from INCOMPLETE response\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n            if (response?.error) {\n              handleError(response);\n            }\n          }\n        } catch (err) {\n          handleError(err);\n          onError?.(err as Error);\n        } finally {\n          setIsLoading(false);\n        }\n      })();\n    }\n  }, [\n    isInitialized,\n    isStorageReady,\n    isFlowInitialized,\n    onInitialize,\n    onComplete,\n    onError,\n    onFlowChange,\n    setupFormFields,\n    normalizeFlowResponseLocal,\n    afterSignUpUrl,\n    t,\n  ]);\n\n  // If render props are provided, use them\n  if (children) {\n    const renderProps: BaseSignUpRenderProps = {\n      components: (currentFlow?.data as any)?.components || [],\n      error: apiError,\n      fieldErrors: formErrors,\n      handleInputChange,\n      handleSubmit,\n      isLoading,\n      isValid: isFormValid,\n      messages: flowMessages || [],\n      subtitle: flowSubtitle || t('signup.subheading'),\n      title: flowTitle || t('signup.heading'),\n      touched: touchedFields,\n      validateForm: () => {\n        const result: any = validateForm();\n        return {fieldErrors: result.errors, isValid: result.isValid};\n      },\n      values: formValues,\n    };\n\n    return (\n      <div id={id} className={containerClasses}>\n        {children(renderProps)}\n      </div>\n    );\n  }\n\n  if (!isFlowInitialized && isLoading) {\n    return (\n      <CardPrimitive id={id} className={cx(containerClasses, styles.card)} variant={variant}>\n        <CardPrimitive.Content>\n          <div className={styles.loadingContainer}>\n            <Spinner size=\"medium\" />\n          </div>\n        </CardPrimitive.Content>\n      </CardPrimitive>\n    );\n  }\n\n  if (!currentFlow) {\n    return (\n      <CardPrimitive id={id} className={cx(containerClasses, styles.card)} variant={variant}>\n        <CardPrimitive.Content>\n          <AlertPrimitive variant=\"error\" className={errorClasses}>\n            <AlertPrimitive.Title>{t('errors.heading')}</AlertPrimitive.Title>\n            <AlertPrimitive.Description>{t('errors.signup.flow.initialization.failure')}</AlertPrimitive.Description>\n          </AlertPrimitive>\n        </CardPrimitive.Content>\n      </CardPrimitive>\n    );\n  }\n\n  // Extract heading and subheading components and filter them from the main components\n  const componentsToRender: any = (currentFlow.data as any)?.components || [];\n  const {title, subtitle, componentsWithoutHeadings} = getAuthComponentHeadings(\n    componentsToRender,\n    flowTitle,\n    flowSubtitle,\n    t('signup.heading'),\n    t('signup.subheading'),\n  );\n\n  return (\n    <CardPrimitive id={id} className={cx(containerClasses, styles.card)} variant={variant}>\n      {(showTitle || showSubtitle) && (\n        <CardPrimitive.Header className={styles.header}>\n          {showTitle && (\n            <CardPrimitive.Title level={2} className={styles.title}>\n              {title}\n            </CardPrimitive.Title>\n          )}\n          {showSubtitle && (\n            <Typography variant=\"body1\" className={styles.subtitle}>\n              {subtitle}\n            </Typography>\n          )}\n        </CardPrimitive.Header>\n      )}\n      <CardPrimitive.Content>\n        {externalError && (\n          <div className={styles.flowMessagesContainer}>\n            <AlertPrimitive variant=\"error\" className={cx(styles.flowMessageItem, messageClasses)}>\n              <AlertPrimitive.Description>{externalError.message}</AlertPrimitive.Description>\n            </AlertPrimitive>\n          </div>\n        )}\n        {flowMessages && flowMessages.length > 0 && (\n          <div className={styles.flowMessagesContainer}>\n            {flowMessages.map((message: any, index: number) => (\n              <AlertPrimitive\n                key={message.id || index}\n                variant={message.type?.toLowerCase() === 'error' ? 'error' : 'info'}\n                className={cx(styles.flowMessageItem, messageClasses)}\n              >\n                <AlertPrimitive.Description>{message.message}</AlertPrimitive.Description>\n              </AlertPrimitive>\n            ))}\n          </div>\n        )}\n        <div className={styles.contentContainer}>\n          {componentsWithoutHeadings && componentsWithoutHeadings.length > 0 ? (\n            renderComponents(componentsWithoutHeadings)\n          ) : (\n            <AlertPrimitive variant=\"warning\">\n              <Typography variant=\"body1\">{t('errors.signup.components.not.available')}</Typography>\n            </AlertPrimitive>\n          )}\n        </div>\n      </CardPrimitive.Content>\n    </CardPrimitive>\n  );\n};\n\n/**\n * BaseSignUp component that provides embedded sign-up flow for ThunderIDV2.\n * This component handles both the presentation layer and sign-up flow logic.\n * It accepts API functions as props to maintain framework independence.\n */\nconst BaseSignUp: FC<BaseSignUpProps> = ({preferences, showLogo = true, ...rest}: BaseSignUpProps): ReactElement => {\n  const {theme, colorScheme} = useTheme();\n  const styles: any = useStyles(theme, colorScheme);\n\n  const content: ReactElement = (\n    <div>\n      {showLogo && (\n        <div className={styles.logoContainer}>\n          <Logo size=\"large\" />\n        </div>\n      )}\n      <FlowProvider>\n        <BaseSignUpContent showLogo={showLogo} {...rest} />\n      </FlowProvider>\n    </div>\n  );\n\n  if (!preferences) return content;\n\n  return <ComponentPreferencesContext.Provider value={preferences}>{content}</ComponentPreferencesContext.Provider>;\n};\n\nexport default BaseSignUp;\n"],"mappings":"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"}

package/dist/cjs/contexts/ThunderID/ThunderIDContext.cjs

@@ -14,6 +14,7 @@ const ThunderIDContext = (0, react.createContext)({
 	baseUrl: void 0,
 	clearSession: () => {},
 	clientId: void 0,
+	preferences: void 0,
 	scopes: void 0,
 	discovery: { wellKnown: null },
 	exchangeToken: null,