@thunderid/react 0.3.0 → 0.3.4

package/dist/components/presentation/auth/SignUp/v1/BaseSignUp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseSignUp.js","names":["logger: ReturnType<typeof createPackageComponentLogger>","BaseSignUpContent: FC<BaseSignUpProps>","useTheme","useTranslation","useFlow","styles: any","useStyles","handleError: any","errorMessage: string","errorResponse: any","initializationAttemptedRef: any","extractFormFields: any","fields: FormField[]","config: any","setupFormFields: any","fields: any","initialValues: Record<string, string>","redirectUrl: any","popup: any","hasProcessedCallback: any","popupMonitor: any","messageHandler: (event: MessageEvent) => Promise<void>","expectedOrigin: any","payload: EmbeddedFlowExecuteRequestPayload","continueResponse: any","popupUrl: any","url: any","code: any","state: any","filteredInputs: Record<string, any>","actionId: string","response: any","containerClasses: any","inputClasses: any","buttonClasses: any","errorClasses: any","messageClasses: any","renderComponents: any","CardPrimitive","Spinner","AlertPrimitive","Typography","BaseSignUp: FC<BaseSignUpProps>","Logo","FlowProvider"],"sources":["../../../../../../src/components/presentation/auth/SignUp/v1/BaseSignUp.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 {\n  EmbeddedFlowExecuteRequestPayload,\n  EmbeddedFlowExecuteResponse,\n  EmbeddedFlowStatus,\n  EmbeddedFlowComponentType,\n  EmbeddedFlowResponseType,\n  withVendorCSSClassPrefix,\n  createPackageComponentLogger,\n} from '@thunderid/browser';\nimport {FC, ReactElement, ReactNode, useEffect, useState, useCallback, useRef} from 'react';\nimport {renderSignUpComponents} from './SignUpOptionFactory';\nimport FlowProvider from '../../../../../contexts/Flow/FlowProvider';\nimport useFlow from '../../../../../contexts/Flow/useFlow';\nimport useTheme from '../../../../../contexts/Theme/useTheme';\nimport useThunderID from '../../../../../contexts/ThunderID/useThunderID';\nimport {useForm, FormField} from '../../../../../hooks/useForm';\nimport useTranslation from '../../../../../hooks/useTranslation';\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 useStyles from '../BaseSignUp.styles';\n\nconst logger: ReturnType<typeof createPackageComponentLogger> = createPackageComponentLogger(\n  '@thunderid/react',\n  'BaseSignUp',\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   * Form errors\n   */\n  errors: 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: () => {errors: 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   * Custom CSS class name for error messages.\n   */\n  errorClassName?: 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: EmbeddedFlowExecuteResponse) => 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: EmbeddedFlowExecuteResponse) => void;\n\n  /**\n   * Function to initialize sign-up flow.\n   * @returns Promise resolving to the initial sign-up response.\n   */\n  onInitialize?: (payload?: EmbeddedFlowExecuteRequestPayload) => Promise<EmbeddedFlowExecuteResponse>;\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: EmbeddedFlowExecuteRequestPayload) => Promise<EmbeddedFlowExecuteResponse>;\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 * Component that consumes FlowContext and renders the sign-up UI.\n *\n * @internal\n */\nconst BaseSignUpContent: FC<BaseSignUpProps> = ({\n  afterSignUpUrl,\n  onInitialize,\n  onSubmit,\n  onError,\n  onFlowChange,\n  onComplete,\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 {t} = useTranslation();\n  const {subtitle: flowSubtitle, title: flowTitle, messages: flowMessages, addMessage, clearMessages} = useFlow();\n  useThunderID();\n  const styles: any = useStyles(theme, colorScheme);\n\n  const handleError: any = useCallback(\n    (error: any) => {\n      let errorMessage: string = t('errors.signup.flow.failure');\n\n      if (error && typeof error === 'object') {\n        // Handle ThunderID error format with code and description/message\n        if (error.code && (error.message || error.description)) {\n          errorMessage = error.description || error.message;\n        } else if (error instanceof Error && error.name === 'ThunderIDAPIError') {\n          try {\n            const errorResponse: any = JSON.parse(error.message);\n            if (errorResponse.description) {\n              errorMessage = errorResponse.description;\n            } else if (errorResponse.message) {\n              errorMessage = errorResponse.message;\n            } else {\n              errorMessage = error.message;\n            }\n          } catch {\n            errorMessage = error.message;\n          }\n        } else if (error.message) {\n          errorMessage = error.message;\n        }\n      } else if (typeof error === 'string') {\n        errorMessage = error;\n      }\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  const [isLoading, setIsLoading] = useState(false);\n  const [isFlowInitialized, setIsFlowInitialized] = useState(false);\n  const [currentFlow, setCurrentFlow] = useState<EmbeddedFlowExecuteResponse | null>(null);\n\n  const initializationAttemptedRef: any = useRef(false);\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 (component.type === EmbeddedFlowComponentType.Input) {\n            const config: any = component.config || {};\n            fields.push({\n              initialValue: config.defaultValue || '',\n              name: config.name || component.id,\n              required: config.required || false,\n              validator: (value: string) => {\n                if (config.required && (!value || value.trim() === '')) {\n                  return t('validations.required.field.error');\n                }\n                // Add email validation if it's an email field\n                if (config.type === 'email' && value && !/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(value)) {\n                  return t('field.email.invalid');\n                }\n                // Add password strength validation if it's a password field\n                if (config.type === 'password' && value && value.length < 8) {\n                  return t('field.password.weak');\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 = currentFlow?.data?.components ? extractFormFields(currentFlow.data.components) : [];\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: true,\n  });\n\n  const {\n    values: formValues,\n    touched: touchedFields,\n    errors: formErrors,\n    isValid: isFormValid,\n    setValue: setFormValue,\n    setTouched: setFormTouched,\n    validateForm,\n    reset: resetForm,\n  } = form;\n\n  /**\n   * Setup form fields based on the current flow.\n   */\n  const setupFormFields: any = useCallback(\n    (flowResponse: EmbeddedFlowExecuteResponse) => {\n      const fields: any = extractFormFields(flowResponse.data?.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   * Handle input value changes.\n   */\n  const handleInputChange = (name: string, value: string): void => {\n    setFormValue(name, value);\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: EmbeddedFlowExecuteResponse): boolean => {\n    if (response?.type === EmbeddedFlowResponseType.Redirection && response?.data?.redirectURL) {\n      /**\n       * Open a popup window to handle redirection prompts for social sign-up\n       */\n      const redirectUrl: any = response.data.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      /**\n       * Use `let` for messageHandler and popupMonitor to resolve circular references:\n       * messageHandler <-> cleanup <-> popupMonitor.\n       * All are assigned before any of them can be invoked at runtime.\n       */\n      let hasProcessedCallback: any = false; // Prevent multiple processing\n      let popupMonitor: any;\n      let messageHandler: (event: MessageEvent) => Promise<void>;\n\n      const cleanup = (): void => {\n        window.removeEventListener('message', messageHandler);\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          const payload: EmbeddedFlowExecuteRequestPayload = {\n            ...(currentFlow!.flowId && {flowId: currentFlow!.flowId}),\n            actionId: '',\n            flowType: (currentFlow as any).flowType || 'REGISTRATION',\n            inputs: {\n              code,\n              state,\n            },\n          } as any;\n\n          try {\n            const continueResponse: any = await onSubmit!(payload);\n            onFlowChange?.(continueResponse);\n\n            if (continueResponse.flowStatus === EmbeddedFlowStatus.Complete) {\n              onComplete?.(continueResponse);\n            } else if (continueResponse.flowStatus === EmbeddedFlowStatus.Incomplete) {\n              setCurrentFlow(continueResponse);\n              setupFormFields(continueResponse);\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: EmbeddedFlowExecuteRequestPayload = {\n                  ...(currentFlow!.flowId && {flowId: currentFlow!.flowId}),\n                  actionId: '',\n                  flowType: (currentFlow as any).flowType || 'REGISTRATION',\n                  inputs: {\n                    code,\n                    state,\n                  },\n                } as any;\n\n                try {\n                  const continueResponse: any = await onSubmit!(payload);\n                  onFlowChange?.(continueResponse);\n\n                  if (continueResponse.flowStatus === EmbeddedFlowStatus.Complete) {\n                    onComplete?.(continueResponse);\n                  } else if (continueResponse.flowStatus === EmbeddedFlowStatus.Incomplete) {\n                    setCurrentFlow(continueResponse);\n                    setupFormFields(continueResponse);\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>): Promise<void> => {\n    if (!currentFlow) {\n      return;\n    }\n\n    setIsLoading(true);\n    clearMessages();\n\n    try {\n      // Filter out empty or undefined input values\n      const filteredInputs: Record<string, any> = {};\n      if (data) {\n        Object.entries(data).forEach(([key, value]: [string, any]) => {\n          if (value !== null && value !== undefined && value !== '') {\n            filteredInputs[key] = value;\n          }\n        });\n      }\n\n      const actionId: string = component.id;\n\n      const payload: EmbeddedFlowExecuteRequestPayload = {\n        ...(currentFlow.flowId && {flowId: currentFlow.flowId}),\n        flowType: (currentFlow as any).flowType || 'REGISTRATION',\n        inputs: filteredInputs,\n        ...(actionId && {actionId: actionId}),\n      } as any;\n\n      const response: any = await onSubmit!(payload);\n      onFlowChange?.(response);\n\n      if (response.flowStatus === EmbeddedFlowStatus.Complete) {\n        onComplete?.(response);\n        return;\n      }\n\n      if (response.flowStatus === EmbeddedFlowStatus.Incomplete) {\n        if (handleRedirectionIfNeeded(response)) {\n          return;\n        }\n\n        setCurrentFlow(response);\n        setupFormFields(response);\n      }\n    } catch (err) {\n      handleError(err);\n      onError?.(err as Error);\n    } finally {\n      setIsLoading(false);\n    }\n  };\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        handleInputChange,\n        {\n          buttonClassName: buttonClasses,\n          inputClassName: inputClasses,\n          onSubmit: handleSubmit,\n          size,\n          variant,\n        },\n      ),\n    [\n      formValues,\n      touchedFields,\n      formErrors,\n      isFormValid,\n      isLoading,\n      size,\n      variant,\n      inputClasses,\n      buttonClasses,\n      handleSubmit,\n    ],\n  );\n\n  // Initialize the flow on component mount\n  useEffect(() => {\n    if (isInitialized && !isFlowInitialized && !initializationAttemptedRef.current) {\n      initializationAttemptedRef.current = true;\n\n      (async (): Promise<void> => {\n        setIsLoading(true);\n        clearMessages();\n\n        try {\n          const response: any = await onInitialize?.();\n\n          setCurrentFlow(response);\n          setIsFlowInitialized(true);\n          onFlowChange?.(response);\n\n          if (response.flowStatus === EmbeddedFlowStatus.Complete) {\n            onComplete?.(response);\n            return;\n          }\n\n          if (response.flowStatus === EmbeddedFlowStatus.Incomplete) {\n            setupFormFields(response);\n          }\n        } catch (err) {\n          handleError(err);\n          onError?.(err as Error);\n        } finally {\n          setIsLoading(false);\n        }\n      })();\n    }\n  }, [\n    isInitialized,\n    isFlowInitialized,\n    onInitialize,\n    onComplete,\n    onError,\n    onFlowChange,\n    setupFormFields,\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?.components || [],\n      errors: 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      values: formValues,\n    };\n\n    return <div className={containerClasses}>{children(renderProps)}</div>;\n  }\n\n  if (!isFlowInitialized && isLoading) {\n    return (\n      <CardPrimitive 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 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  return (\n    <CardPrimitive 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              {flowTitle || t('signup.heading')}\n            </CardPrimitive.Title>\n          )}\n          {showSubtitle && (\n            <Typography variant=\"body1\" className={styles.subtitle}>\n              {flowSubtitle || t('signup.subheading')}\n            </Typography>\n          )}\n        </CardPrimitive.Header>\n      )}\n      <CardPrimitive.Content>\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          {currentFlow.data?.components && currentFlow.data.components.length > 0 ? (\n            renderComponents(currentFlow.data.components)\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 ThunderID.\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 *\n * @internal\n */\nconst BaseSignUp: FC<BaseSignUpProps> = ({showLogo = true, ...rest}: BaseSignUpProps): ReactElement => {\n  const {theme, colorScheme} = useTheme();\n  const styles: any = useStyles(theme, colorScheme);\n\n  return (\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\nexport default BaseSignUp;\n"],"mappings":"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"}

package/dist/components/presentation/auth/SignUp/v1/SignUp.d.ts

@@ -1,39 +0,0 @@
-/**
- * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
- *
- * WSO2 LLC. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-import { FC, ReactNode } from 'react';
-import { BaseSignUpProps, BaseSignUpRenderProps } from './BaseSignUp';
-/**
- * Render props function parameters (re-exported from BaseSignUp for convenience)
- */
-export type SignUpRenderProps = BaseSignUpRenderProps;
-/**
- * Props for the SignUp component.
- */
-export type SignUpProps = BaseSignUpProps & {
-    /**
-     * Render props function for custom UI
-     */
-    children?: (props: SignUpRenderProps) => ReactNode;
-};
-/**
- * A styled SignUp component for ThunderID platform that provides embedded sign-up flow with pre-built styling.
- * This component handles the API calls for sign-up and delegates UI logic to BaseSignUp.
- */
-declare const SignUp: FC<SignUpProps>;
-export default SignUp;
-//# sourceMappingURL=SignUp.d.ts.map

package/dist/components/presentation/auth/SignUp/v1/SignUp.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SignUp.d.ts","sourceRoot":"","sources":["../../../../../../src/components/presentation/auth/SignUp/v1/SignUp.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAQH,OAAO,EAAC,EAAE,EAAgB,SAAS,EAAC,MAAM,OAAO,CAAC;AAElD,OAAmB,EAAC,eAAe,EAAE,qBAAqB,EAAC,MAAM,cAAc,CAAC;AAGhF;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,CAAC;AAEtD;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG;IAC1C;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,SAAS,CAAC;CACpD,CAAC;AAEF;;;GAGG;AACH,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAwE3B,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/presentation/auth/SignUp/v1/SignUp.js

@@ -1,51 +0,0 @@
-import useThunderID_default from "../../../../../contexts/ThunderID/useThunderID.js";
-import BaseSignUp_default from "./BaseSignUp.js";
-import { EmbeddedFlowResponseType, EmbeddedFlowType } from "@thunderid/browser";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/presentation/auth/SignUp/v1/SignUp.tsx
-/**
-* A styled SignUp component for ThunderID platform that provides embedded sign-up flow with pre-built styling.
-* This component handles the API calls for sign-up and delegates UI logic to BaseSignUp.
-*/
-const SignUp = ({ className, size = "medium", afterSignUpUrl, onError, onComplete, shouldRedirectAfterSignUp = true, children,...rest }) => {
-	const { signUp, isInitialized } = useThunderID_default();
-	/**
-	* Initialize the sign-up flow.
-	*/
-	const handleInitialize = async (payload) => {
-		return await signUp(payload || { flowType: EmbeddedFlowType.Registration });
-	};
-	/**
-	* Handle sign-up steps.
-	*/
-	const handleOnSubmit = async (payload) => await signUp(payload);
-	/**
-	* Handle successful sign-up and redirect.
-	*/
-	const handleComplete = (response) => {
-		onComplete?.(response);
-		if (shouldRedirectAfterSignUp && response?.type !== EmbeddedFlowResponseType.Redirection && afterSignUpUrl) window.location.href = afterSignUpUrl;
-		if (shouldRedirectAfterSignUp && response?.type === EmbeddedFlowResponseType.Redirection && response?.data?.redirectURL && !response.data.redirectURL.includes("oauth") && !response.data.redirectURL.includes("auth")) window.location.href = response.data.redirectURL;
-	};
-	return /* @__PURE__ */ jsx(BaseSignUp_default, {
-		afterSignUpUrl,
-		onInitialize: handleInitialize,
-		onSubmit: handleOnSubmit,
-		onError,
-		onComplete: handleComplete,
-		className,
-		size,
-		isInitialized,
-		children,
-		showLogo: true,
-		showTitle: false,
-		showSubtitle: false,
-		...rest
-	});
-};
-var SignUp_default = SignUp;
-
-//#endregion
-export { SignUp_default as default };
-//# sourceMappingURL=SignUp.js.map

package/dist/components/presentation/auth/SignUp/v1/SignUp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SignUp.js","names":["SignUp: FC<SignUpProps>","useThunderID","BaseSignUp"],"sources":["../../../../../../src/components/presentation/auth/SignUp/v1/SignUp.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 {\n  EmbeddedFlowExecuteRequestPayload,\n  EmbeddedFlowExecuteResponse,\n  EmbeddedFlowResponseType,\n  EmbeddedFlowType,\n} from '@thunderid/browser';\nimport {FC, ReactElement, ReactNode} from 'react';\n// eslint-disable-next-line import/no-named-as-default\nimport BaseSignUp, {BaseSignUpProps, BaseSignUpRenderProps} from './BaseSignUp';\nimport useThunderID from '../../../../../contexts/ThunderID/useThunderID';\n\n/**\n * Render props function parameters (re-exported from BaseSignUp for convenience)\n */\nexport type SignUpRenderProps = BaseSignUpRenderProps;\n\n/**\n * Props for the SignUp component.\n */\nexport type SignUpProps = BaseSignUpProps & {\n  /**\n   * Render props function for custom UI\n   */\n  children?: (props: SignUpRenderProps) => ReactNode;\n};\n\n/**\n * A styled SignUp component for ThunderID platform that provides embedded sign-up flow with pre-built styling.\n * This component handles the API calls for sign-up and delegates UI logic to BaseSignUp.\n */\nconst SignUp: FC<SignUpProps> = ({\n  className,\n  size = 'medium',\n  afterSignUpUrl,\n  onError,\n  onComplete,\n  shouldRedirectAfterSignUp = true,\n  children,\n  ...rest\n}: SignUpProps): ReactElement => {\n  const {signUp, isInitialized} = useThunderID();\n\n  /**\n   * Initialize the sign-up flow.\n   */\n  const handleInitialize = async (\n    payload?: EmbeddedFlowExecuteRequestPayload,\n  ): Promise<EmbeddedFlowExecuteResponse> => {\n    // Uses simple initialization without applicationId\n    const initialPayload: any = payload || {\n      flowType: EmbeddedFlowType.Registration,\n    };\n\n    return (await signUp(initialPayload)) as EmbeddedFlowExecuteResponse;\n  };\n\n  /**\n   * Handle sign-up steps.\n   */\n  const handleOnSubmit = async (payload: EmbeddedFlowExecuteRequestPayload): Promise<EmbeddedFlowExecuteResponse> =>\n    (await signUp(payload)) as EmbeddedFlowExecuteResponse;\n\n  /**\n   * Handle successful sign-up and redirect.\n   */\n  const handleComplete = (response: EmbeddedFlowExecuteResponse): any => {\n    onComplete?.(response);\n\n    // For non-redirection responses (regular sign-up completion), handle redirect if configured\n    if (shouldRedirectAfterSignUp && response?.type !== EmbeddedFlowResponseType.Redirection && afterSignUpUrl) {\n      window.location.href = afterSignUpUrl;\n    }\n\n    // For redirection responses (social sign-up), handle direct redirect\n    if (\n      shouldRedirectAfterSignUp &&\n      response?.type === EmbeddedFlowResponseType.Redirection &&\n      response?.data?.redirectURL &&\n      !response.data.redirectURL.includes('oauth') && // Not a social provider redirect\n      !response.data.redirectURL.includes('auth') // Not an auth provider redirect\n    ) {\n      window.location.href = response.data.redirectURL;\n    }\n  };\n\n  return (\n    <BaseSignUp\n      afterSignUpUrl={afterSignUpUrl}\n      onInitialize={handleInitialize}\n      onSubmit={handleOnSubmit}\n      onError={onError}\n      onComplete={handleComplete}\n      className={className}\n      size={size}\n      isInitialized={isInitialized}\n      children={children}\n      showLogo={true}\n      showTitle={false}\n      showSubtitle={false}\n      {...rest}\n    />\n  );\n};\n\nexport default SignUp;\n"],"mappings":";;;;;;;;;;AAgDA,MAAMA,UAA2B,EAC/B,WACA,OAAO,UACP,gBACA,SACA,YACA,4BAA4B,MAC5B,SACA,GAAG,WAC4B;CAC/B,MAAM,EAAC,QAAQ,kBAAiBC,sBAAc;;;;CAK9C,MAAM,mBAAmB,OACvB,YACyC;AAMzC,SAAQ,MAAM,OAJc,WAAW,EACrC,UAAU,iBAAiB,cAC5B,CAEmC;;;;;CAMtC,MAAM,iBAAiB,OAAO,YAC3B,MAAM,OAAO,QAAQ;;;;CAKxB,MAAM,kBAAkB,aAA+C;AACrE,eAAa,SAAS;AAGtB,MAAI,6BAA6B,UAAU,SAAS,yBAAyB,eAAe,eAC1F,QAAO,SAAS,OAAO;AAIzB,MACE,6BACA,UAAU,SAAS,yBAAyB,eAC5C,UAAU,MAAM,eAChB,CAAC,SAAS,KAAK,YAAY,SAAS,QAAQ,IAC5C,CAAC,SAAS,KAAK,YAAY,SAAS,OAAO,CAE3C,QAAO,SAAS,OAAO,SAAS,KAAK;;AAIzC,QACE,oBAACC;EACiB;EAChB,cAAc;EACd,UAAU;EACD;EACT,YAAY;EACD;EACL;EACS;EACL;EACV,UAAU;EACV,WAAW;EACX,cAAc;EACd,GAAI;GACJ;;AAIN,qBAAe"}

package/dist/components/presentation/auth/SignUp/v1/SignUpOptionFactory.d.ts

@@ -1,46 +0,0 @@
-/**
- * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
- *
- * WSO2 LLC. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-import { EmbeddedFlowComponent } from '@thunderid/browser';
-import { ReactElement } from 'react';
-import { AdapterProps } from '../../../../../models/adapters';
-/**
- * Creates the appropriate sign-up component based on the component type.
- */
-export declare const createSignUpComponent: ({ component, onSubmit, ...rest }: AdapterProps) => ReactElement;
-/**
- * Convenience function that creates the appropriate sign-up component from flow component data.
- */
-export declare const createSignUpOptionFromComponent: (component: EmbeddedFlowComponent, formValues: Record<string, string>, touchedFields: Record<string, boolean>, formErrors: Record<string, string>, isLoading: boolean, isFormValid: boolean, onInputChange: (name: string, value: string) => void, options?: {
-    buttonClassName?: string;
-    inputClassName?: string;
-    key?: string | number;
-    onSubmit?: (component: EmbeddedFlowComponent, data?: Record<string, any>) => void;
-    size?: "small" | "medium" | "large";
-    variant?: any;
-}) => ReactElement;
-/**
- * Processes an array of components and renders them as React elements.
- */
-export declare const renderSignUpComponents: (components: EmbeddedFlowComponent[], formValues: Record<string, string>, touchedFields: Record<string, boolean>, formErrors: Record<string, string>, isLoading: boolean, isFormValid: boolean, onInputChange: (name: string, value: string) => void, options?: {
-    buttonClassName?: string;
-    inputClassName?: string;
-    onSubmit?: (component: EmbeddedFlowComponent, data?: Record<string, any>) => void;
-    size?: "small" | "medium" | "large";
-    variant?: any;
-}) => ReactElement[];
-//# sourceMappingURL=SignUpOptionFactory.d.ts.map

package/dist/components/presentation/auth/SignUp/v1/SignUpOptionFactory.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SignUpOptionFactory.d.ts","sourceRoot":"","sources":["../../../../../../src/components/presentation/auth/SignUp/v1/SignUpOptionFactory.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,qBAAqB,EAA4B,MAAM,oBAAoB,CAAC;AACpF,OAAO,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AACnC,OAAO,EAAC,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAsB5D;;GAEG;AACH,eAAO,MAAM,qBAAqB,GAAI,kCAAgC,YAAY,KAAG,YAgHpF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,+BAA+B,GAC1C,WAAW,qBAAqB,EAChC,YAAY,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAClC,eAAe,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACtC,YAAY,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAClC,WAAW,OAAO,EAClB,aAAa,OAAO,EACpB,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,EACpD,UAAU;IACR,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,qBAAqB,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAClF,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,OAAO,CAAC,EAAE,GAAG,CAAC;CACf,KACA,YAUC,CAAC;AAEL;;GAEG;AACH,eAAO,MAAM,sBAAsB,GACjC,YAAY,qBAAqB,EAAE,EACnC,YAAY,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAClC,eAAe,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACtC,YAAY,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAClC,WAAW,OAAO,EAClB,aAAa,OAAO,EACpB,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,EACpD,UAAU;IACR,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,qBAAqB,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAClF,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,OAAO,CAAC,EAAE,GAAG,CAAC;CACf,KACA,YAAY,EAkBK,CAAC"}

package/dist/components/presentation/auth/SignUp/v1/SignUpOptionFactory.js

@@ -1,160 +0,0 @@
-import FacebookButton_default from "../../../../adapters/FacebookButton.js";
-import GitHubButton_default from "../../../../adapters/GitHubButton.js";
-import GoogleButton_default from "../../../../adapters/GoogleButton.js";
-import LinkedInButton_default from "../../../../adapters/LinkedInButton.js";
-import MicrosoftButton_default from "../../../../adapters/MicrosoftButton.js";
-import SignInWithEthereumButton_default from "../../../../adapters/SignInWithEthereumButton.js";
-import ImageComponent_default from "../../../../adapters/ImageComponent.js";
-import CheckboxInput_default from "../../../../adapters/CheckboxInput.js";
-import DateInput_default from "../../../../adapters/DateInput.js";
-import DividerComponent_default from "../../../../adapters/DividerComponent.js";
-import EmailInput_default from "../../../../adapters/EmailInput.js";
-import FormContainer_default from "../../../../adapters/FormContainer.js";
-import NumberInput_default from "../../../../adapters/NumberInput.js";
-import PasswordInput_default from "../../../../adapters/PasswordInput.js";
-import SelectInput_default from "../../../../adapters/SelectInput.js";
-import SubmitButton_default from "../../../../adapters/SubmitButton.js";
-import TelephoneInput_default from "../../../../adapters/TelephoneInput.js";
-import TextInput_default from "../../../../adapters/TextInput.js";
-import Typography_default from "../../../../adapters/Typography.js";
-import { EmbeddedFlowComponentType } from "@thunderid/browser";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/presentation/auth/SignUp/v1/SignUpOptionFactory.tsx
-/**
-* Creates the appropriate sign-up component based on the component type.
-*/
-const createSignUpComponent = ({ component, onSubmit,...rest }) => {
-	switch (component.type) {
-		case EmbeddedFlowComponentType.Typography: return /* @__PURE__ */ jsx(Typography_default, {
-			component,
-			onSubmit,
-			...rest
-		});
-		case EmbeddedFlowComponentType.Input: {
-			const inputVariant = component.variant?.toUpperCase() ?? "";
-			const inputType = component.config["type"]?.toLowerCase() ?? "";
-			if (inputVariant === "EMAIL" || inputType === "email") return /* @__PURE__ */ jsx(EmailInput_default, {
-				component,
-				onSubmit,
-				...rest
-			});
-			if (inputVariant === "PASSWORD" || inputType === "password") return /* @__PURE__ */ jsx(PasswordInput_default, {
-				component,
-				onSubmit,
-				...rest
-			});
-			if (inputVariant === "TELEPHONE" || inputType === "tel") return /* @__PURE__ */ jsx(TelephoneInput_default, {
-				component,
-				onSubmit,
-				...rest
-			});
-			if (inputVariant === "NUMBER" || inputType === "number") return /* @__PURE__ */ jsx(NumberInput_default, {
-				component,
-				onSubmit,
-				...rest
-			});
-			if (inputVariant === "DATE" || inputType === "date") return /* @__PURE__ */ jsx(DateInput_default, {
-				component,
-				onSubmit,
-				...rest
-			});
-			if (inputVariant === "CHECKBOX" || inputType === "checkbox") return /* @__PURE__ */ jsx(CheckboxInput_default, {
-				component,
-				onSubmit,
-				...rest
-			});
-			return /* @__PURE__ */ jsx(TextInput_default, {
-				component,
-				onSubmit,
-				...rest
-			});
-		}
-		case EmbeddedFlowComponentType.Button: {
-			const buttonVariant = component.variant?.toUpperCase();
-			const buttonText = component.config["text"] || component.config["label"] || "";
-			if (buttonVariant === "SOCIAL") {
-				if (buttonText.toLowerCase().includes("google")) return /* @__PURE__ */ jsx(GoogleButton_default, {
-					onClick: () => onSubmit?.(component, {}),
-					...rest,
-					children: buttonText
-				});
-				if (buttonText.toLowerCase().includes("github")) return /* @__PURE__ */ jsx(GitHubButton_default, {
-					onClick: () => onSubmit?.(component, {}),
-					...rest,
-					children: buttonText
-				});
-				if (buttonText.toLowerCase().includes("microsoft")) return /* @__PURE__ */ jsx(MicrosoftButton_default, {
-					onClick: () => onSubmit?.(component, {}),
-					...rest,
-					children: buttonText
-				});
-				if (buttonText.toLowerCase().includes("facebook")) return /* @__PURE__ */ jsx(FacebookButton_default, {
-					onClick: () => onSubmit?.(component, {}),
-					...rest,
-					children: buttonText
-				});
-				if (buttonText.toLowerCase().includes("linkedin")) return /* @__PURE__ */ jsx(LinkedInButton_default, {
-					onClick: () => onSubmit?.(component, {}),
-					...rest,
-					children: buttonText
-				});
-				if (buttonText.toLowerCase().includes("ethereum")) return /* @__PURE__ */ jsx(SignInWithEthereumButton_default, {
-					onClick: () => onSubmit?.(component, {}),
-					...rest,
-					children: buttonText
-				});
-			}
-			return /* @__PURE__ */ jsx(SubmitButton_default, {
-				component,
-				onSubmit,
-				...rest
-			});
-		}
-		case EmbeddedFlowComponentType.Form: return /* @__PURE__ */ jsx(FormContainer_default, {
-			component,
-			onSubmit,
-			...rest
-		});
-		case EmbeddedFlowComponentType.Select: return /* @__PURE__ */ jsx(SelectInput_default, {
-			component,
-			onSubmit,
-			...rest
-		});
-		case EmbeddedFlowComponentType.Divider: return /* @__PURE__ */ jsx(DividerComponent_default, {
-			component,
-			onSubmit,
-			...rest
-		});
-		case EmbeddedFlowComponentType.Image: return /* @__PURE__ */ jsx(ImageComponent_default, {
-			component,
-			onSubmit,
-			...rest
-		});
-		default: return /* @__PURE__ */ jsx("div", {});
-	}
-};
-/**
-* Convenience function that creates the appropriate sign-up component from flow component data.
-*/
-const createSignUpOptionFromComponent = (component, formValues, touchedFields, formErrors, isLoading, isFormValid, onInputChange, options) => createSignUpComponent({
-	component,
-	formErrors,
-	formValues,
-	isFormValid,
-	isLoading,
-	onInputChange,
-	touchedFields,
-	...options
-});
-/**
-* Processes an array of components and renders them as React elements.
-*/
-const renderSignUpComponents = (components, formValues, touchedFields, formErrors, isLoading, isFormValid, onInputChange, options) => components.map((component, index) => createSignUpOptionFromComponent(component, formValues, touchedFields, formErrors, isLoading, isFormValid, onInputChange, {
-	...options,
-	key: component.id || index
-})).filter(Boolean);
-
-//#endregion
-export { createSignUpComponent, renderSignUpComponents };
-//# sourceMappingURL=SignUpOptionFactory.js.map

package/dist/components/presentation/auth/SignUp/v1/SignUpOptionFactory.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SignUpOptionFactory.js","names":["Typography","inputVariant: string","inputType: string","EmailInput","PasswordInput","TelephoneInput","NumberInput","DateInput","CheckboxInput","TextInput","buttonVariant: string | undefined","buttonText: string","GoogleButton","GitHubButton","MicrosoftButton","FacebookButton","LinkedInButton","SignInWithEthereumButton","ButtonComponent","FormContainer","SelectInput","DividerComponent","ImageComponent"],"sources":["../../../../../../src/components/presentation/auth/SignUp/v1/SignUpOptionFactory.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 {EmbeddedFlowComponent, EmbeddedFlowComponentType} from '@thunderid/browser';\nimport {ReactElement} from 'react';\nimport {AdapterProps} from '../../../../../models/adapters';\nimport CheckboxInput from '../../../../adapters/CheckboxInput';\nimport DateInput from '../../../../adapters/DateInput';\nimport DividerComponent from '../../../../adapters/DividerComponent';\nimport EmailInput from '../../../../adapters/EmailInput';\nimport FacebookButton from '../../../../adapters/FacebookButton';\n// eslint-disable-next-line import/no-cycle\nimport FormContainer from '../../../../adapters/FormContainer';\nimport GitHubButton from '../../../../adapters/GitHubButton';\nimport GoogleButton from '../../../../adapters/GoogleButton';\nimport ImageComponent from '../../../../adapters/ImageComponent';\nimport LinkedInButton from '../../../../adapters/LinkedInButton';\nimport MicrosoftButton from '../../../../adapters/MicrosoftButton';\nimport NumberInput from '../../../../adapters/NumberInput';\nimport PasswordInput from '../../../../adapters/PasswordInput';\nimport SelectInput from '../../../../adapters/SelectInput';\nimport SignInWithEthereumButton from '../../../../adapters/SignInWithEthereumButton';\nimport ButtonComponent from '../../../../adapters/SubmitButton';\nimport TelephoneInput from '../../../../adapters/TelephoneInput';\nimport TextInput from '../../../../adapters/TextInput';\nimport Typography from '../../../../adapters/Typography';\n\n/**\n * Creates the appropriate sign-up component based on the component type.\n */\nexport const createSignUpComponent = ({component, onSubmit, ...rest}: AdapterProps): ReactElement => {\n  switch (component.type) {\n    case EmbeddedFlowComponentType.Typography:\n      return <Typography component={component} onSubmit={onSubmit} {...rest} />;\n\n    case EmbeddedFlowComponentType.Input: {\n      // Determine input type based on variant or config\n      const inputVariant: string = component.variant?.toUpperCase() ?? '';\n      const inputType: string = (component.config['type'] as string)?.toLowerCase() ?? '';\n\n      if (inputVariant === 'EMAIL' || inputType === 'email') {\n        return <EmailInput component={component} onSubmit={onSubmit} {...rest} />;\n      }\n\n      if (inputVariant === 'PASSWORD' || inputType === 'password') {\n        return <PasswordInput component={component} onSubmit={onSubmit} {...rest} />;\n      }\n\n      if (inputVariant === 'TELEPHONE' || inputType === 'tel') {\n        return <TelephoneInput component={component} onSubmit={onSubmit} {...rest} />;\n      }\n\n      if (inputVariant === 'NUMBER' || inputType === 'number') {\n        return <NumberInput component={component} onSubmit={onSubmit} {...rest} />;\n      }\n\n      if (inputVariant === 'DATE' || inputType === 'date') {\n        return <DateInput component={component} onSubmit={onSubmit} {...rest} />;\n      }\n\n      if (inputVariant === 'CHECKBOX' || inputType === 'checkbox') {\n        return <CheckboxInput component={component} onSubmit={onSubmit} {...rest} />;\n      }\n\n      return <TextInput component={component} onSubmit={onSubmit} {...rest} />;\n    }\n\n    case EmbeddedFlowComponentType.Button: {\n      const buttonVariant: string | undefined = component.variant?.toUpperCase();\n      const buttonText: string = (component.config['text'] as string) || (component.config['label'] as string) || '';\n\n      // TODO: The connection type should come as metadata.\n      if (buttonVariant === 'SOCIAL') {\n        if (buttonText.toLowerCase().includes('google')) {\n          return (\n            <GoogleButton onClick={(): any => onSubmit?.(component, {})} {...rest}>\n              {buttonText}\n            </GoogleButton>\n          );\n        }\n\n        if (buttonText.toLowerCase().includes('github')) {\n          return (\n            <GitHubButton onClick={(): any => onSubmit?.(component, {})} {...rest}>\n              {buttonText}\n            </GitHubButton>\n          );\n        }\n\n        if (buttonText.toLowerCase().includes('microsoft')) {\n          return (\n            <MicrosoftButton onClick={(): any => onSubmit?.(component, {})} {...rest}>\n              {buttonText}\n            </MicrosoftButton>\n          );\n        }\n\n        if (buttonText.toLowerCase().includes('facebook')) {\n          return (\n            <FacebookButton onClick={(): any => onSubmit?.(component, {})} {...rest}>\n              {buttonText}\n            </FacebookButton>\n          );\n        }\n\n        if (buttonText.toLowerCase().includes('linkedin')) {\n          return (\n            <LinkedInButton onClick={(): any => onSubmit?.(component, {})} {...rest}>\n              {buttonText}\n            </LinkedInButton>\n          );\n        }\n\n        if (buttonText.toLowerCase().includes('ethereum')) {\n          return (\n            <SignInWithEthereumButton onClick={(): any => onSubmit?.(component, {})} {...rest}>\n              {buttonText}\n            </SignInWithEthereumButton>\n          );\n        }\n      }\n\n      // Use the generic ButtonComponent for all other button variants\n      // It will handle PRIMARY, SECONDARY, TEXT, SOCIAL mappings internally\n      return <ButtonComponent component={component} onSubmit={onSubmit} {...rest} />;\n    }\n\n    case EmbeddedFlowComponentType.Form:\n      return <FormContainer component={component} onSubmit={onSubmit} {...rest} />;\n\n    case EmbeddedFlowComponentType.Select:\n      return <SelectInput component={component} onSubmit={onSubmit} {...rest} />;\n\n    case EmbeddedFlowComponentType.Divider:\n      return <DividerComponent component={component} onSubmit={onSubmit} {...rest} />;\n\n    case EmbeddedFlowComponentType.Image:\n      return <ImageComponent component={component} onSubmit={onSubmit} {...rest} />;\n\n    default:\n      return <div />;\n  }\n};\n\n/**\n * Convenience function that creates the appropriate sign-up component from flow component data.\n */\nexport const createSignUpOptionFromComponent = (\n  component: EmbeddedFlowComponent,\n  formValues: Record<string, string>,\n  touchedFields: Record<string, boolean>,\n  formErrors: Record<string, string>,\n  isLoading: boolean,\n  isFormValid: boolean,\n  onInputChange: (name: string, value: string) => void,\n  options?: {\n    buttonClassName?: string;\n    inputClassName?: string;\n    key?: string | number;\n    onSubmit?: (component: EmbeddedFlowComponent, data?: Record<string, any>) => void;\n    size?: 'small' | 'medium' | 'large';\n    variant?: any;\n  },\n): ReactElement =>\n  createSignUpComponent({\n    component,\n    formErrors,\n    formValues,\n    isFormValid,\n    isLoading,\n    onInputChange,\n    touchedFields,\n    ...options,\n  });\n\n/**\n * Processes an array of components and renders them as React elements.\n */\nexport const renderSignUpComponents = (\n  components: EmbeddedFlowComponent[],\n  formValues: Record<string, string>,\n  touchedFields: Record<string, boolean>,\n  formErrors: Record<string, string>,\n  isLoading: boolean,\n  isFormValid: boolean,\n  onInputChange: (name: string, value: string) => void,\n  options?: {\n    buttonClassName?: string;\n    inputClassName?: string;\n    onSubmit?: (component: EmbeddedFlowComponent, data?: Record<string, any>) => void;\n    size?: 'small' | 'medium' | 'large';\n    variant?: any;\n  },\n): ReactElement[] =>\n  components\n    .map((component: any, index: any) =>\n      createSignUpOptionFromComponent(\n        component,\n        formValues,\n        touchedFields,\n        formErrors,\n        isLoading,\n        isFormValid,\n        onInputChange,\n        {\n          ...options,\n          // Use component id as key, fallback to index\n          key: component.id || index,\n        },\n      ),\n    )\n    .filter(Boolean);\n"],"mappings":"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"}

package/dist/components/presentation/auth/SignUp/v2/BaseSignUp.d.ts

@@ -1,186 +0,0 @@
-/**
- * Copyright (c) 2025-2026, WSO2 LLC. (https://www.wso2.com).
- *
- * WSO2 LLC. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-import { EmbeddedSignUpFlowRequestV2, EmbeddedSignUpFlowResponseV2, Preferences } from '@thunderid/browser';
-import { FC, ReactNode } from 'react';
-import { CardProps } from '../../../../primitives/Card/Card';
-/**
- * Render props for custom UI rendering
- */
-export interface BaseSignUpRenderProps {
-    /**
-     * Flow components
-     */
-    components: any[];
-    /**
-     * API error (if any)
-     */
-    error?: Error | null;
-    /**
-     * Field validation errors
-     */
-    fieldErrors: Record<string, string>;
-    /**
-     * Function to handle input changes
-     */
-    handleInputChange: (name: string, value: string) => void;
-    /**
-     * Function to handle form submission
-     */
-    handleSubmit: (component: any, data?: Record<string, any>) => Promise<void>;
-    /**
-     * Loading state
-     */
-    isLoading: boolean;
-    /**
-     * Whether the form is valid
-     */
-    isValid: boolean;
-    /**
-     * Flow messages
-     */
-    messages: {
-        message: string;
-        type: string;
-    }[];
-    /**
-     * Flow subtitle
-     */
-    subtitle: string;
-    /**
-     * Flow title
-     */
-    title: string;
-    /**
-     * Touched fields
-     */
-    touched: Record<string, boolean>;
-    /**
-     * Function to validate the form
-     */
-    validateForm: () => {
-        fieldErrors: Record<string, string>;
-        isValid: boolean;
-    };
-    /**
-     * Form values
-     */
-    values: Record<string, string>;
-}
-/**
- * Props for the BaseSignUp component.
- */
-export interface BaseSignUpProps {
-    /**
-     * URL to redirect after successful sign-up.
-     */
-    afterSignUpUrl?: string;
-    /**
-     * Custom CSS class name for the submit button.
-     */
-    buttonClassName?: string;
-    /**
-     * Render props function for custom UI
-     */
-    children?: (props: BaseSignUpRenderProps) => ReactNode;
-    /**
-     * Custom CSS class name for the form container.
-     */
-    className?: string;
-    /**
-     * Error object to display
-     */
-    error?: Error | null;
-    /**
-     * Custom CSS class name for error messages.
-     */
-    errorClassName?: string;
-    /**
-     * Custom CSS class name for form inputs.
-     */
-    inputClassName?: string;
-    isInitialized?: boolean;
-    /**
-     * Custom CSS class name for info messages.
-     */
-    messageClassName?: string;
-    /**
-     * Callback function called when the sign-up flow completes and requires redirection.
-     * This allows platform-specific handling of redirects (e.g., Next.js router.push).
-     * @param response - The response from the sign-up flow containing the redirect URL, etc.
-     */
-    onComplete?: (response: EmbeddedSignUpFlowResponseV2) => void;
-    /**
-     * Callback function called when sign-up fails.
-     * @param error - The error that occurred during sign-up.
-     */
-    onError?: (error: Error) => void;
-    /**
-     * Callback function called when sign-up flow status changes.
-     * @param response - The current sign-up response.
-     */
-    onFlowChange?: (response: EmbeddedSignUpFlowResponseV2) => void;
-    /**
-     * Function to initialize sign-up flow.
-     * @returns Promise resolving to the initial sign-up response.
-     */
-    onInitialize?: (payload?: EmbeddedSignUpFlowRequestV2) => Promise<EmbeddedSignUpFlowResponseV2>;
-    /**
-     * Function to handle sign-up steps.
-     * @param payload - The sign-up payload.
-     * @returns Promise resolving to the sign-up response.
-     */
-    onSubmit?: (payload: EmbeddedSignUpFlowRequestV2) => Promise<EmbeddedSignUpFlowResponseV2>;
-    /**
-     * Component-level preferences to override global i18n and theme settings.
-     * Preferences are deep-merged with global ones, with component preferences
-     * taking precedence. Affects this component and all its descendants.
-     */
-    preferences?: Preferences;
-    /**
-     *  Whether to redirect after sign-up.
-     */
-    shouldRedirectAfterSignUp?: boolean;
-    /**
-     * Whether to show the logo.
-     */
-    showLogo?: boolean;
-    /**
-     * Whether to show the subtitle.
-     */
-    showSubtitle?: boolean;
-    /**
-     * Whether to show the title.
-     */
-    showTitle?: boolean;
-    /**
-     * Size variant for the component.
-     */
-    size?: 'small' | 'medium' | 'large';
-    /**
-     * Theme variant for the component.
-     */
-    variant?: CardProps['variant'];
-}
-/**
- * BaseSignUp component that provides embedded sign-up flow for ThunderIDV2.
- * This component handles both the presentation layer and sign-up flow logic.
- * It accepts API functions as props to maintain framework independence.
- */
-declare const BaseSignUp: FC<BaseSignUpProps>;
-export default BaseSignUp;
-//# sourceMappingURL=BaseSignUp.d.ts.map

package/dist/components/presentation/auth/SignUp/v2/BaseSignUp.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseSignUp.d.ts","sourceRoot":"","sources":["../../../../../../src/components/presentation/auth/SignUp/v2/BaseSignUp.tsx"],"names":[],"mappings":"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"}