npm - @thunderid/react - Versions diffs - 0.1.0 → 0.2.0 - Mend

@thunderid/react 0.1.0 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (930) hide show

package/dist/components/presentation/auth/SignIn/v1/BaseSignIn.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"BaseSignIn.js","names":["logger: ReturnType<typeof createPackageComponentLogger>","HIDDEN_AUTHENTICATORS: string[]","BaseSignInContent: FC<BaseSignInProps>","useTheme","useTranslation","useFlow","styles: ReturnType<typeof useStyles>","useStyles","isLoading: boolean","reRenderCheckRef: RefObject<boolean>","setupFormFields: any","initialValues: Record<string, string>","responseAuthenticator: any","redirectUrl: string","popup: Window | null","messageHandler: any","popupMonitor: any","expectedOrigin: string","popupUrl: string","url: URL","code: string | null","state: string | null","submitResponse: any","response: any","nextStepResponse: any","nextAuthenticator: any","challengeData: any","tokenResponse: any","errorMessage: string","formResponse: any","hasMultipleOptions: any","getAvailableAuthenticators: any","containerClasses: string","inputClasses: string","buttonClasses: string","errorClasses: string","messageClasses: string","authenticator: any","CardPrimitive","Spinner","Typography","availableAuthenticators: EmbeddedSignInFlowAuthenticator[]","userPromptAuthenticators: any[]","optionAuthenticators: any[]","AlertPrimitive","messageVariant: AlertVariant","lowerType: string","Divider","formData: Record<string, string>","BaseSignIn: FC<BaseSignInProps>","Logo","FlowProvider"],"sources":["../../../../../../src/components/presentation/auth/SignIn/v1/BaseSignIn.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 EmbeddedSignInFlowAuthenticator,\n EmbeddedSignInFlowInitiateResponse,\n EmbeddedSignInFlowHandleResponse,\n EmbeddedSignInFlowStepType,\n EmbeddedSignInFlowStatus,\n EmbeddedSignInFlowAuthenticatorPromptType,\n ApplicationNativeAuthenticationConstants,\n ThunderIDAPIError,\n withVendorCSSClassPrefix,\n EmbeddedSignInFlowHandleRequestPayload,\n EmbeddedFlowExecuteRequestConfig,\n handleWebAuthnAuthentication,\n createPackageComponentLogger,\n} from '@thunderid/browser';\nimport {FC, FormEvent, RefObject, useEffect, useState, useCallback, useRef, ReactElement} from 'react';\nimport {createSignInOptionFromAuthenticator} from './options/SignInOptionFactory';\nimport FlowProvider from '../../../../../contexts/Flow/FlowProvider';\nimport useFlow from '../../../../../contexts/Flow/useFlow';\nimport useTheme from '../../../../../contexts/Theme/useTheme';\nimport {useForm, FormField} from '../../../../../hooks/useForm';\nimport useTranslation from '../../../../../hooks/useTranslation';\nimport AlertPrimitive, {AlertVariant} from '../../../../primitives/Alert/Alert';\nimport CardPrimitive, {CardProps} from '../../../../primitives/Card/Card';\nimport Divider from '../../../../primitives/Divider/Divider';\nimport Logo from '../../../../primitives/Logo/Logo';\nimport Spinner from '../../../../primitives/Spinner/Spinner';\nimport Typography from '../../../../primitives/Typography/Typography';\nimport useStyles from '../BaseSignIn.styles';\n\nconst logger: ReturnType<typeof createPackageComponentLogger> = createPackageComponentLogger(\n '@thunderid/react',\n 'BaseSignIn',\n);\n\n/**\n * Check if the authenticator is a passkey/FIDO authenticator\n */\nconst isPasskeyAuthenticator = (authenticator: EmbeddedSignInFlowAuthenticator): boolean =>\n authenticator.authenticatorId === ApplicationNativeAuthenticationConstants.SupportedAuthenticators.Passkey &&\n authenticator.metadata?.promptType === EmbeddedSignInFlowAuthenticatorPromptType.InternalPrompt &&\n (authenticator.metadata as any)?.additionalData?.challengeData;\n\n/**\n * Props for the BaseSignIn component.\n */\nexport interface BaseSignInProps {\n afterSignInUrl?: string;\n\n /**\n * Custom CSS class name for the submit button.\n */\n buttonClassName?: string;\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 /**\n * Flag to determine the component is ready to be rendered.\n */\n isLoading?: boolean;\n\n /**\n * Custom CSS class name for info messages.\n */\n messageClassName?: string;\n\n /**\n * Callback function called when authentication fails.\n * @param error - The error that occurred during authentication.\n */\n onError?: (error: Error) => void;\n\n /**\n * Callback function called when authentication flow status changes.\n * @param response - The current authentication response.\n */\n onFlowChange?: (response: EmbeddedSignInFlowInitiateResponse | EmbeddedSignInFlowHandleResponse) => void;\n\n /**\n * Function to initialize authentication flow.\n * @returns Promise resolving to the initial authentication response.\n */\n onInitialize?: () => Promise<EmbeddedSignInFlowInitiateResponse>;\n\n /**\n * Function to handle authentication steps.\n * @param payload - The authentication payload.\n * @returns Promise resolving to the authentication response.\n */\n onSubmit?: (\n payload: EmbeddedSignInFlowHandleRequestPayload,\n request: EmbeddedFlowExecuteRequestConfig,\n ) => Promise<EmbeddedSignInFlowHandleResponse>;\n\n /**\n * Callback function called when authentication is successful.\n * @param authData - The authentication data returned upon successful completion.\n */\n onSuccess?: (authData: Record<string, any>) => void;\n\n /**\n * Whether to show the logo.\n */\n showLogo?: boolean;\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 * `T3JnYW5pemF0aW9uQXV0aGVudGljYXRvcjpTU08` - OrganizationSSO\n * Currently, `App-Native Authentication` doesn't support organization SSO.\n * Tracker: TODO: Create `product-is` issue for this.\n */\nconst HIDDEN_AUTHENTICATORS: string[] = ['T3JnYW5pemF0aW9uQXV0aGVudGljYXRvcjpTU08'];\n\n/**\n * Internal component that consumes FlowContext and renders the sign-in UI.\n */\nconst BaseSignInContent: FC<BaseSignInProps> = ({\n afterSignInUrl,\n onInitialize,\n isLoading: externalIsLoading,\n onSubmit,\n onSuccess,\n onError,\n onFlowChange,\n className = '',\n inputClassName = '',\n buttonClassName = '',\n errorClassName = '',\n messageClassName = '',\n size = 'medium',\n variant = 'outlined',\n showTitle = true,\n showSubtitle = true,\n}: BaseSignInProps): ReactElement => {\n const {theme} = useTheme();\n const {t} = useTranslation();\n const {subtitle: flowSubtitle, title: flowTitle, messages: flowMessages} = useFlow();\n const styles: ReturnType<typeof useStyles> = useStyles(theme, theme.vars.colors.text.primary);\n\n const [isSignInInitializationRequestLoading, setIsSignInInitializationRequestLoading] = useState(false);\n const [isInitialized, setIsInitialized] = useState(false);\n const [currentFlow, setCurrentFlow] = useState<EmbeddedSignInFlowInitiateResponse | null>(null);\n const [currentAuthenticator, setCurrentAuthenticator] = useState<EmbeddedSignInFlowAuthenticator | null>(null);\n const [error, setError] = useState<string | null>(null);\n const [messages, setMessages] = useState<{message: string; type: string}[]>([]);\n\n const isLoading: boolean = externalIsLoading || isSignInInitializationRequestLoading;\n\n const reRenderCheckRef: RefObject<boolean> = useRef<boolean>(false);\n\n const formFields: FormField[] =\n currentAuthenticator?.metadata?.params?.map((param: any) => ({\n initialValue: '',\n name: param.param,\n required: currentAuthenticator.requiredParams.includes(param.param),\n validator: (value: string): string | null => {\n if (currentAuthenticator.requiredParams.includes(param.param) && (!value || value.trim() === '')) {\n return t('validations.required.field.error');\n }\n return null;\n },\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 setValue: setFormValue,\n setTouched: setFormTouched,\n validateForm,\n touchAllFields,\n reset: resetForm,\n } = form;\n\n /**\n * Setup form fields based on the current authenticator.\n */\n const setupFormFields: any = useCallback(\n (authenticator: EmbeddedSignInFlowAuthenticator): void => {\n const initialValues: Record<string, string> = {};\n authenticator.metadata?.params?.forEach((param: any) => {\n initialValues[param.param] = '';\n });\n\n // Reset form with new values\n resetForm();\n\n // Set initial values for all fields\n Object.keys(initialValues).forEach((key: string) => {\n setFormValue(key, initialValues[key]);\n });\n },\n [resetForm, setFormValue],\n );\n\n /**\n * Check if the response contains a redirection URL and perform the redirect if necessary.\n * @param response - The authentication response\n * @returns true if a redirect was performed, false otherwise\n */\n const handleRedirectionIfNeeded = (response: EmbeddedSignInFlowHandleResponse): boolean => {\n if (\n response &&\n 'nextStep' in response &&\n response.nextStep &&\n (response.nextStep as any).stepType === EmbeddedSignInFlowStepType.AuthenticatorPrompt &&\n (response.nextStep as any).authenticators?.length === 1\n ) {\n const responseAuthenticator: any = (response.nextStep as any).authenticators[0];\n if (\n responseAuthenticator.metadata?.promptType === EmbeddedSignInFlowAuthenticatorPromptType.RedirectionPrompt &&\n responseAuthenticator.metadata?.additionalData?.redirectUrl\n ) {\n /**\n * Open a popup window to handle redirection prompts\n */\n const redirectUrl: string = responseAuthenticator.metadata?.additionalData?.redirectUrl;\n const popup: Window | null = window.open(\n redirectUrl,\n 'oauth_popup',\n 'width=500,height=600,scrollbars=yes,resizable=yes',\n );\n\n if (!popup) {\n logger.error('Failed to open popup window');\n return false;\n }\n\n /**\n * Forward declarations for mutually referencing variables.\n * `messageHandler`, `cleanup`, and `popupMonitor` reference each other,\n * so they are declared with `let` first and assigned below.\n */\n let messageHandler: any;\n let popupMonitor: any;\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 // Don't log every message rejection to reduce noise\n if (event.source !== window && event.source !== window.parent) {\n // TODO: Add logs\n }\n return;\n }\n\n /**\n * Check the origin of the message to ensure it's from a trusted source\n */\n const expectedOrigin: string = afterSignInUrl ? new URL(afterSignInUrl).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: EmbeddedSignInFlowHandleRequestPayload = {\n flowId: currentFlow!.flowId,\n selectedAuthenticator: {\n authenticatorId: responseAuthenticator.authenticatorId,\n params: {\n code,\n state,\n },\n },\n };\n\n await onSubmit!(payload, {\n method: currentFlow?.links[0].method,\n url: currentFlow?.links[0].href,\n });\n\n popup.close();\n cleanup();\n } else {\n // TODO: Add logs\n }\n };\n\n window.addEventListener('message', messageHandler);\n\n /**\n * Monitor popup for closure and URL changes\n */\n let hasProcessedCallback = false; // Prevent multiple processing\n popupMonitor = setInterval(async (): Promise<void> => {\n try {\n if (popup.closed) {\n cleanup();\n\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: string = 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: URL = new URL(popupUrl);\n const code: string | null = url.searchParams.get('code');\n const state: string | null = url.searchParams.get('state');\n const oauthError: string | null = url.searchParams.get('error');\n\n if (oauthError) {\n logger.error('OAuth error:');\n popup.close();\n cleanup();\n return;\n }\n\n if (code && state) {\n const payload: EmbeddedSignInFlowHandleRequestPayload = {\n flowId: currentFlow!.flowId,\n selectedAuthenticator: {\n authenticatorId: responseAuthenticator.authenticatorId,\n params: {\n code,\n state,\n },\n },\n };\n\n const submitResponse: any = await onSubmit!(payload, {\n method: currentFlow?.links[0].method,\n url: currentFlow?.links[0].href,\n });\n\n popup.close();\n\n onFlowChange?.(submitResponse);\n\n if (submitResponse?.flowStatus === EmbeddedSignInFlowStatus.SuccessCompleted) {\n onSuccess?.(submitResponse.authData);\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 form submission.\n */\n const handleSubmit = async (submittedValues: Record<string, string>): Promise<void> => {\n if (!currentFlow || !currentAuthenticator) {\n return;\n }\n\n // Mark all fields as touched before validation\n touchAllFields();\n\n const validation: any = validateForm();\n if (!validation.isValid) {\n return;\n }\n\n setIsSignInInitializationRequestLoading(true);\n setError(null);\n setMessages([]);\n\n try {\n const payload: EmbeddedSignInFlowHandleRequestPayload = {\n flowId: currentFlow.flowId,\n selectedAuthenticator: {\n authenticatorId: currentAuthenticator.authenticatorId,\n params: submittedValues,\n },\n };\n\n const response: any = await onSubmit!(payload, {\n method: currentFlow?.links[0].method,\n url: currentFlow?.links[0].href,\n });\n onFlowChange?.(response);\n\n if (response?.flowStatus === EmbeddedSignInFlowStatus.SuccessCompleted) {\n onSuccess?.(response.authData);\n return;\n }\n\n if (\n response?.flowStatus === EmbeddedSignInFlowStatus.FailCompleted ||\n response?.flowStatus === EmbeddedSignInFlowStatus.FailIncomplete\n ) {\n setError(t('errors.signin.flow.completion.failure'));\n return;\n }\n\n // Check if the response contains a redirection URL and redirect if needed\n if (handleRedirectionIfNeeded(response)) {\n return;\n }\n\n if (response && 'flowId' in response && 'nextStep' in response) {\n const nextStepResponse: any = response;\n setCurrentFlow(nextStepResponse);\n\n if (nextStepResponse.nextStep?.authenticators?.length > 0) {\n if (\n nextStepResponse.nextStep.stepType === EmbeddedSignInFlowStepType.MultiOptionsPrompt &&\n nextStepResponse.nextStep.authenticators.length > 1\n ) {\n setCurrentAuthenticator(null);\n } else {\n const nextAuthenticator: any = nextStepResponse.nextStep.authenticators[0];\n setCurrentAuthenticator(nextAuthenticator);\n setupFormFields(nextAuthenticator);\n }\n }\n\n if (nextStepResponse.nextStep?.messages) {\n setMessages(\n nextStepResponse.nextStep.messages.map((msg: any) => ({\n message: msg.message || '',\n type: msg.type || 'INFO',\n })),\n );\n }\n }\n } catch (err) {\n const errorMessage: string = err instanceof ThunderIDAPIError ? err.message : t('errors.signin.flow.failure');\n setError(errorMessage);\n onError?.(err as Error);\n } finally {\n setIsSignInInitializationRequestLoading(false);\n }\n };\n\n /**\n * Handle authenticator selection for multi-option prompts.\n */\n const handleAuthenticatorSelection = async (\n authenticator: EmbeddedSignInFlowAuthenticator,\n formData?: Record<string, string>,\n ): Promise<void> => {\n if (!currentFlow) {\n return;\n }\n\n // Mark all fields as touched if we have form data (i.e., this is a submission)\n if (formData) {\n touchAllFields();\n }\n\n setIsSignInInitializationRequestLoading(true);\n setError(null);\n setMessages([]);\n\n try {\n // Handle passkey/FIDO authentication\n if (isPasskeyAuthenticator(authenticator)) {\n try {\n const challengeData: any = (authenticator.metadata as any)?.additionalData?.challengeData;\n if (!challengeData) {\n throw new Error('Missing challenge data for passkey authentication');\n }\n\n const tokenResponse: any = await handleWebAuthnAuthentication(challengeData);\n\n const payload: EmbeddedSignInFlowHandleRequestPayload = {\n flowId: currentFlow.flowId,\n selectedAuthenticator: {\n authenticatorId: authenticator.authenticatorId,\n params: {\n tokenResponse,\n },\n },\n };\n\n const response: any = await onSubmit!(payload, {\n method: currentFlow?.links[0].method,\n url: currentFlow?.links[0].href,\n });\n onFlowChange?.(response);\n\n if (response?.flowStatus === EmbeddedSignInFlowStatus.SuccessCompleted) {\n onSuccess?.(response.authData);\n return;\n }\n\n if (\n response?.flowStatus === EmbeddedSignInFlowStatus.FailCompleted ||\n response?.flowStatus === EmbeddedSignInFlowStatus.FailIncomplete\n ) {\n setError(t('errors.signin.flow.passkeys.completion.failure'));\n return;\n }\n\n // Handle next step if authentication is not complete\n if (response && 'flowId' in response && 'nextStep' in response) {\n const nextStepResponse: any = response;\n setCurrentFlow(nextStepResponse);\n\n if (nextStepResponse.nextStep?.authenticators?.length > 0) {\n if (\n nextStepResponse.nextStep.stepType === EmbeddedSignInFlowStepType.MultiOptionsPrompt &&\n nextStepResponse.nextStep.authenticators.length > 1\n ) {\n setCurrentAuthenticator(null);\n } else {\n const nextAuthenticator: any = nextStepResponse.nextStep.authenticators[0];\n\n // Check if the next authenticator is also a passkey - if so, auto-trigger it\n if (isPasskeyAuthenticator(nextAuthenticator)) {\n // Recursively handle the passkey authenticator without showing UI\n handleAuthenticatorSelection(nextAuthenticator);\n return;\n }\n setCurrentAuthenticator(nextAuthenticator);\n setupFormFields(nextAuthenticator);\n }\n }\n\n if (nextStepResponse.nextStep?.messages) {\n setMessages(\n nextStepResponse.nextStep.messages.map((msg: any) => ({\n message: msg.message || '',\n type: msg.type || 'INFO',\n })),\n );\n }\n }\n } catch (passkeyError) {\n logger.error('Passkey authentication error:');\n\n // Provide more context for common errors\n let errorMessage: string =\n passkeyError instanceof Error ? passkeyError.message : t('errors.signin.flow.passkeys.failure');\n\n // Add additional context for security errors\n if (passkeyError instanceof Error && passkeyError.message.includes('security')) {\n errorMessage +=\n ' This may be due to browser security settings, an insecure connection, or device restrictions.';\n }\n\n setError(errorMessage);\n }\n } else if (authenticator.metadata?.promptType === EmbeddedSignInFlowAuthenticatorPromptType.RedirectionPrompt) {\n const payload: EmbeddedSignInFlowHandleRequestPayload = {\n flowId: currentFlow.flowId,\n selectedAuthenticator: {\n authenticatorId: authenticator.authenticatorId,\n params: {},\n },\n };\n\n const response: any = await onSubmit!(payload, {\n method: currentFlow?.links[0].method,\n url: currentFlow?.links[0].href,\n });\n onFlowChange?.(response);\n\n if (response?.flowStatus === EmbeddedSignInFlowStatus.SuccessCompleted) {\n onSuccess?.(response.authData);\n return;\n }\n\n // Check if the response contains a redirection URL and redirect if needed\n if (handleRedirectionIfNeeded(response)) {\n /* empty - redirect handled */\n }\n } else if (formData) {\n const validation: any = validateForm();\n if (!validation.isValid) {\n return;\n }\n\n const formPayload: EmbeddedSignInFlowHandleRequestPayload = {\n flowId: currentFlow.flowId,\n selectedAuthenticator: {\n authenticatorId: authenticator.authenticatorId,\n params: formData,\n },\n };\n\n const formResponse: any = await onSubmit!(formPayload, {\n method: currentFlow?.links[0].method,\n url: currentFlow?.links[0].href,\n });\n onFlowChange?.(formResponse);\n\n if (formResponse?.flowStatus === EmbeddedSignInFlowStatus.SuccessCompleted) {\n onSuccess?.(formResponse.authData);\n return;\n }\n\n if (\n formResponse?.flowStatus === EmbeddedSignInFlowStatus.FailCompleted ||\n formResponse?.flowStatus === EmbeddedSignInFlowStatus.FailIncomplete\n ) {\n setError('Authentication failed. Please check your credentials and try again.');\n return;\n }\n\n // Check if the response contains a redirection URL and redirect if needed\n if (handleRedirectionIfNeeded(formResponse)) {\n return;\n }\n\n if (formResponse && 'flowId' in formResponse && 'nextStep' in formResponse) {\n const nextStepResponse: any = formResponse;\n setCurrentFlow(nextStepResponse);\n\n if (nextStepResponse.nextStep?.authenticators?.length > 0) {\n if (\n nextStepResponse.nextStep.stepType === EmbeddedSignInFlowStepType.MultiOptionsPrompt &&\n nextStepResponse.nextStep.authenticators.length > 1\n ) {\n setCurrentAuthenticator(null);\n } else {\n const nextAuthenticator: any = nextStepResponse.nextStep.authenticators[0];\n\n // Check if the next authenticator is a passkey - if so, auto-trigger it\n if (isPasskeyAuthenticator(nextAuthenticator)) {\n // Recursively handle the passkey authenticator without showing UI\n handleAuthenticatorSelection(nextAuthenticator);\n return;\n }\n setCurrentAuthenticator(nextAuthenticator);\n setupFormFields(nextAuthenticator);\n }\n }\n\n if (nextStepResponse.nextStep?.messages) {\n setMessages(\n nextStepResponse.nextStep.messages.map((msg: any) => ({\n message: msg.message || '',\n type: msg.type || 'INFO',\n })),\n );\n }\n }\n } else {\n // Check if the authenticator requires user input\n const hasParams: boolean = authenticator.metadata?.params && authenticator.metadata.params.length > 0;\n\n if (!hasParams) {\n // If no parameters are required, directly authenticate\n const payload: EmbeddedSignInFlowHandleRequestPayload = {\n flowId: currentFlow.flowId,\n selectedAuthenticator: {\n authenticatorId: authenticator.authenticatorId,\n params: {},\n },\n };\n\n const response: any = await onSubmit!(payload, {\n method: currentFlow?.links[0].method,\n url: currentFlow?.links[0].href,\n });\n onFlowChange?.(response);\n\n if (response?.flowStatus === EmbeddedSignInFlowStatus.SuccessCompleted) {\n onSuccess?.(response.authData);\n return;\n }\n\n if (\n response?.flowStatus === EmbeddedSignInFlowStatus.FailCompleted ||\n response?.flowStatus === EmbeddedSignInFlowStatus.FailIncomplete\n ) {\n setError('Authentication failed. Please try again.');\n return;\n }\n\n // Check if the response contains a redirection URL and redirect if needed\n if (handleRedirectionIfNeeded(response)) {\n return;\n }\n\n if (response && 'flowId' in response && 'nextStep' in response) {\n const nextStepResponse: any = response;\n setCurrentFlow(nextStepResponse);\n\n if (nextStepResponse.nextStep?.authenticators?.length > 0) {\n if (\n nextStepResponse.nextStep.stepType === EmbeddedSignInFlowStepType.MultiOptionsPrompt &&\n nextStepResponse.nextStep.authenticators.length > 1\n ) {\n setCurrentAuthenticator(null);\n } else {\n const nextAuthenticator: any = nextStepResponse.nextStep.authenticators[0];\n\n // Check if the next authenticator is a passkey - if so, auto-trigger it\n if (isPasskeyAuthenticator(nextAuthenticator)) {\n // Recursively handle the passkey authenticator without showing UI\n handleAuthenticatorSelection(nextAuthenticator);\n return;\n }\n setCurrentAuthenticator(nextAuthenticator);\n setupFormFields(nextAuthenticator);\n }\n }\n\n if (nextStepResponse.nextStep?.messages) {\n setMessages(\n nextStepResponse.nextStep.messages.map((msg: any) => ({\n message: msg.message || '',\n type: msg.type || 'INFO',\n })),\n );\n }\n }\n } else {\n // If parameters are required, show the form\n setCurrentAuthenticator(authenticator);\n setupFormFields(authenticator);\n }\n }\n } catch (err) {\n const errorMessage: string = err instanceof ThunderIDAPIError ? err?.message : 'Authenticator selection failed';\n setError(errorMessage);\n onError?.(err as Error);\n } finally {\n setIsSignInInitializationRequestLoading(false);\n }\n };\n\n /**\n * Handle input value changes.\n */\n const handleInputChange = (param: string, value: string): void => {\n setFormValue(param, value);\n setFormTouched(param, true);\n };\n\n /**\n * Check if current flow has multiple authenticator options.\n */\n const hasMultipleOptions: any = useCallback(\n (): boolean =>\n !!(\n currentFlow &&\n 'nextStep' in currentFlow &&\n currentFlow.nextStep?.stepType === EmbeddedSignInFlowStepType.MultiOptionsPrompt &&\n currentFlow.nextStep?.authenticators &&\n currentFlow.nextStep.authenticators.length > 1\n ),\n [currentFlow],\n );\n\n /**\n * Get available authenticators for selection.\n */\n const getAvailableAuthenticators: any = useCallback((): EmbeddedSignInFlowAuthenticator[] => {\n if (!currentFlow || !('nextStep' in currentFlow) || !currentFlow.nextStep?.authenticators) {\n return [];\n }\n return currentFlow.nextStep.authenticators;\n }, [currentFlow]);\n\n // Generate CSS classes\n const containerClasses: string = cx(\n [\n withVendorCSSClassPrefix('signin'),\n withVendorCSSClassPrefix(`signin--${size}`),\n withVendorCSSClassPrefix(`signin--${variant}`),\n ],\n className,\n );\n\n const inputClasses: string = cx(\n [\n withVendorCSSClassPrefix('signin__input'),\n size === 'small' && withVendorCSSClassPrefix('signin__input--small'),\n size === 'large' && withVendorCSSClassPrefix('signin__input--large'),\n ],\n inputClassName,\n );\n\n const buttonClasses: string = cx(\n [\n withVendorCSSClassPrefix('signin__button'),\n size === 'small' && withVendorCSSClassPrefix('signin__button--small'),\n size === 'large' && withVendorCSSClassPrefix('signin__button--large'),\n ],\n buttonClassName,\n );\n\n const errorClasses: string = cx([withVendorCSSClassPrefix('signin__error')], errorClassName);\n\n const messageClasses: string = cx([withVendorCSSClassPrefix('signin__messages')], messageClassName); // Initialize the flow on component mount\n\n useEffect(() => {\n if (isLoading) {\n return;\n }\n\n // React 18.x Strict.Mode has a new check for `Ensuring reusable state` to facilitate an upcoming react feature.\n // https://reactjs.org/docs/strict-mode.html#ensuring-reusable-state\n // This will remount all the useEffects to ensure that there are no unexpected side effects.\n // When react remounts the SignIn, it will send two authorize requests.\n // https://github.com/reactwg/react-18/discussions/18#discussioncomment-795623\n if (reRenderCheckRef.current) {\n return;\n }\n\n reRenderCheckRef.current = true;\n\n (async (): Promise<void> => {\n setIsSignInInitializationRequestLoading(true);\n setError(null);\n\n try {\n const response: any = await onInitialize?.();\n\n setCurrentFlow(response);\n setIsInitialized(true);\n onFlowChange?.(response);\n\n if (response?.flowStatus === EmbeddedSignInFlowStatus.SuccessCompleted) {\n onSuccess?.(response.authData || {});\n return;\n }\n\n if (response?.nextStep?.authenticators?.length > 0) {\n if (\n response.nextStep.stepType === EmbeddedSignInFlowStepType.MultiOptionsPrompt &&\n response.nextStep.authenticators.length > 1\n ) {\n setCurrentAuthenticator(null);\n } else {\n const authenticator: any = response.nextStep.authenticators[0];\n setCurrentAuthenticator(authenticator);\n setupFormFields(authenticator);\n }\n }\n\n if (response && 'nextStep' in response && response.nextStep && 'messages' in response.nextStep) {\n const stepMessages: any[] = response.nextStep.messages || [];\n setMessages(\n stepMessages.map((msg: any) => ({\n message: msg.message || '',\n type: msg.type || 'INFO',\n })),\n );\n }\n } catch (err) {\n const errorMessage: string = err instanceof ThunderIDAPIError ? err.message : t('errors.signin.initialization');\n setError(errorMessage);\n onError?.(err as Error);\n } finally {\n setIsSignInInitializationRequestLoading(false);\n }\n })();\n }, [isLoading]);\n\n if (!isInitialized && isLoading) {\n return (\n <CardPrimitive className={cx(containerClasses, styles['card'])} data-testid=\"thunderid-signin\" variant={variant}>\n <CardPrimitive.Content>\n <div className={styles['loadingContainer']}>\n <Spinner size=\"medium\" />\n <Typography variant=\"body1\" className={styles['loadingText']}>\n {t('messages.loading.placeholder')}\n </Typography>\n </div>\n </CardPrimitive.Content>\n </CardPrimitive>\n );\n }\n\n if (hasMultipleOptions() && !currentAuthenticator) {\n const availableAuthenticators: EmbeddedSignInFlowAuthenticator[] = getAvailableAuthenticators();\n\n const userPromptAuthenticators: any[] = availableAuthenticators.filter(\n (auth: any) =>\n auth.metadata?.promptType === EmbeddedSignInFlowAuthenticatorPromptType.UserPrompt ||\n // Fallback: LOCAL authenticators with params are typically user prompts\n (auth.idp === 'LOCAL' && auth.metadata?.params && auth.metadata.params.length > 0),\n );\n\n const optionAuthenticators: any[] = availableAuthenticators\n .filter((auth: any) => !userPromptAuthenticators.includes(auth))\n .filter((authenticator: any) => !HIDDEN_AUTHENTICATORS.includes(authenticator.authenticatorId));\n\n return (\n <CardPrimitive className={cx(containerClasses, styles['card'])} data-testid=\"thunderid-signin\" variant={variant}>\n {(showTitle || showSubtitle) && (\n <CardPrimitive.Header className={styles['header']}>\n {showTitle && (\n <CardPrimitive.Title level={2} className={styles['title']}>\n {flowTitle || t('signin.heading')}\n </CardPrimitive.Title>\n )}\n {showSubtitle && (\n <Typography variant=\"body1\" className={styles['subtitle']}>\n {flowSubtitle || t('signin.subheading')}\n </Typography>\n )}\n </CardPrimitive.Header>\n )}\n <CardPrimitive.Content>\n {flowMessages && flowMessages.length > 0 && (\n <div className={styles['flowMessagesContainer']}>\n {flowMessages.map((flowMessage: any, index: number) => (\n <AlertPrimitive\n key={flowMessage.id || index}\n variant={flowMessage.type}\n className={cx(styles['flowMessageItem'], messageClasses)}\n >\n <AlertPrimitive.Description>{flowMessage.message}</AlertPrimitive.Description>\n </AlertPrimitive>\n ))}\n </div>\n )}\n {messages.length > 0 && (\n <div className={styles['messagesContainer']}>\n {messages.map((message: any, index: number) => {\n let messageVariant: AlertVariant;\n const lowerType: string = message.type.toLowerCase();\n if (lowerType === 'error') {\n messageVariant = 'error';\n } else if (lowerType === 'warning') {\n messageVariant = 'warning';\n } else if (lowerType === 'success') {\n messageVariant = 'success';\n } else {\n messageVariant = 'info';\n }\n\n return (\n <AlertPrimitive\n key={index}\n variant={messageVariant}\n className={cx(styles['messageItem'], messageClasses)}\n >\n <AlertPrimitive.Description>{message.message}</AlertPrimitive.Description>\n </AlertPrimitive>\n );\n })}\n </div>\n )}\n {error && (\n <AlertPrimitive variant=\"error\" className={cx(styles['errorContainer'], errorClasses)}>\n <AlertPrimitive.Title>Error</AlertPrimitive.Title>\n <AlertPrimitive.Description>{error}</AlertPrimitive.Description>\n </AlertPrimitive>\n )}\n\n <div className={styles['contentContainer']}>\n {/* Render USER_PROMPT authenticators as form fields */}\n {userPromptAuthenticators.map((authenticator: any, index: number) => (\n <div key={authenticator.authenticatorId} className={styles['authenticatorItem']}>\n {index > 0 && <Divider className={styles['divider']}>OR</Divider>}\n <form\n className={styles['form']}\n onSubmit={(e: FormEvent): void => {\n e.preventDefault();\n const formData: Record<string, string> = {};\n authenticator.metadata?.params?.forEach((param: any) => {\n formData[param.param] = formValues[param.param] || '';\n });\n handleAuthenticatorSelection(authenticator, formData);\n }}\n >\n {createSignInOptionFromAuthenticator(\n authenticator,\n formValues,\n touchedFields,\n isLoading,\n handleInputChange,\n (auth: any, formData: any) => handleAuthenticatorSelection(auth, formData),\n {\n buttonClassName: buttonClasses,\n error,\n inputClassName: inputClasses,\n },\n )}\n </form>\n </div>\n ))}\n\n {/* Add divider between user prompts and option authenticators if both exist */}\n {userPromptAuthenticators.length > 0 && optionAuthenticators.length > 0 && (\n <Divider className={styles['divider']}>OR</Divider>\n )}\n\n {/* Render all other authenticators (REDIRECTION_PROMPT, multi-option buttons, etc.) */}\n {optionAuthenticators.map((authenticator: any) => (\n <div key={authenticator.authenticatorId} className={styles['authenticatorItem']}>\n {createSignInOptionFromAuthenticator(\n authenticator,\n formValues,\n touchedFields,\n isLoading,\n handleInputChange,\n (auth: any, formData: any) => handleAuthenticatorSelection(auth, formData),\n {\n buttonClassName: buttonClasses,\n error,\n inputClassName: inputClasses,\n },\n )}\n </div>\n ))}\n </div>\n </CardPrimitive.Content>\n </CardPrimitive>\n );\n }\n\n if (!currentAuthenticator) {\n return (\n <CardPrimitive\n className={cx(containerClasses, styles['noAuthenticatorCard'])}\n data-testid=\"thunderid-signin\"\n variant={variant}\n >\n <CardPrimitive.Content>\n {error && (\n <AlertPrimitive variant=\"error\" className={styles['errorAlert']}>\n <AlertPrimitive.Title>{t('errors.heading') || 'Error'}</AlertPrimitive.Title>\n <AlertPrimitive.Description>{error}</AlertPrimitive.Description>\n </AlertPrimitive>\n )}\n </CardPrimitive.Content>\n </CardPrimitive>\n );\n }\n\n // If the current authenticator is a passkey, auto-trigger it instead of showing a form\n if (isPasskeyAuthenticator(currentAuthenticator) && !isLoading) {\n // Auto-trigger passkey authentication\n useEffect(() => {\n handleAuthenticatorSelection(currentAuthenticator);\n }, [currentAuthenticator]);\n\n // Show loading state while passkey authentication is in progress\n return (\n <CardPrimitive className={cx(containerClasses, styles['card'])} data-testid=\"thunderid-signin\" variant={variant}>\n <CardPrimitive.Content>\n <div className={styles['centeredContainer']}>\n <div className={styles['passkeyContainer']}>\n <Spinner size=\"large\" />\n </div>\n <Typography variant=\"body1\">{t('passkey.authenticating') || 'Authenticating with passkey...'}</Typography>\n <Typography variant=\"body2\" className={styles['passkeyText']}>\n {t('passkey.instruction') || 'Please use your fingerprint, face, or security key to authenticate.'}\n </Typography>\n </div>\n </CardPrimitive.Content>\n </CardPrimitive>\n );\n }\n\n return (\n <CardPrimitive className={cx(containerClasses, styles['card'])} data-testid=\"thunderid-signin\" variant={variant}>\n <CardPrimitive.Header className={styles['header']}>\n <CardPrimitive.Title level={2} className={styles['title']}>\n {flowTitle || t('signin.heading')}\n </CardPrimitive.Title>\n <Typography variant=\"body1\" className={styles['subtitle']}>\n {flowSubtitle || t('signin.subheading')}\n </Typography>\n {flowMessages && flowMessages.length > 0 && (\n <div className={styles['flowMessagesContainer']}>\n {flowMessages.map((flowMessage: any, index: number) => (\n <AlertPrimitive\n key={flowMessage.id || index}\n variant={flowMessage.type}\n className={cx(styles['flowMessageItem'], messageClasses)}\n >\n <AlertPrimitive.Description>{flowMessage.message}</AlertPrimitive.Description>\n </AlertPrimitive>\n ))}\n </div>\n )}\n {messages.length > 0 && (\n <div className={styles['messagesContainer']}>\n {messages.map((message: any, index: number) => {\n const messageTypeToVariant: Record<string, AlertVariant> = {\n error: 'error',\n success: 'success',\n warning: 'warning',\n };\n const alertVariant: AlertVariant = messageTypeToVariant[message.type.toLowerCase()] || 'info';\n\n return (\n <AlertPrimitive\n key={index}\n variant={alertVariant}\n className={cx(styles['messageItem'], messageClasses)}\n >\n <AlertPrimitive.Description>{message.message}</AlertPrimitive.Description>\n </AlertPrimitive>\n );\n })}\n </div>\n )}\n </CardPrimitive.Header>\n\n <CardPrimitive.Content>\n {error && (\n <AlertPrimitive variant=\"error\" className={cx(styles['errorContainer'], errorClasses)}>\n <AlertPrimitive.Title>{t('errors.heading')}</AlertPrimitive.Title>\n <AlertPrimitive.Description>{error}</AlertPrimitive.Description>\n </AlertPrimitive>\n )}\n\n <form\n className={styles['form']}\n onSubmit={(e: FormEvent<HTMLFormElement>): void => {\n e.preventDefault();\n const formData: Record<string, string> = {};\n currentAuthenticator.metadata?.params?.forEach((param: any) => {\n formData[param.param] = formValues[param.param] || '';\n });\n handleSubmit(formData);\n }}\n >\n {createSignInOptionFromAuthenticator(\n currentAuthenticator,\n formValues,\n touchedFields,\n isLoading,\n handleInputChange,\n (authenticator: any, formData: any) => handleSubmit(formData || formValues),\n {\n buttonClassName: buttonClasses,\n error,\n inputClassName: inputClasses,\n },\n )}\n </form>\n </CardPrimitive.Content>\n </CardPrimitive>\n );\n};\n\n/**\n * Base SignIn component that provides native authentication flow.\n * This component handles both the presentation layer and authentication flow logic.\n * It accepts API functions as props to maintain framework independence.\n *\n * @example\n * ```tsx\n * import { BaseSignIn } from '@thunderid/react';\n *\n * const MySignIn = () => {\n * return (\n * <BaseSignIn\n * onInitialize={async () => {\n * // Your API call to initialize authentication\n * return await initializeAuth();\n * }}\n * onSubmit={async (payload) => {\n * // Your API call to handle authentication\n * return await handleAuth(payload);\n * }}\n * onSuccess={(authData) => {\n * console.log('Success:', authData);\n * }}\n * onError={(error) => {\n * console.error('Error:', error);\n * }}\n * className=\"max-w-md mx-auto\"\n * />\n * );\n * };\n * ```\n */\nconst BaseSignIn: FC<BaseSignInProps> = ({showLogo = true, ...rest}: BaseSignInProps): ReactElement => {\n const {theme} = useTheme();\n const styles: ReturnType<typeof useStyles> = useStyles(theme, theme.vars.colors.text.primary);\n\n return (\n <div>\n {showLogo && (\n <div className={styles['logoContainer']}>\n <Logo size=\"large\" />\n </div>\n )}\n <FlowProvider>\n <BaseSignInContent showLogo={showLogo} {...rest} />\n </FlowProvider>\n </div>\n );\n};\n\nexport default BaseSignIn;\n"],"mappings":"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"}

package/dist/components/presentation/auth/SignIn/v1/options/EmailOtp.js ADDED Viewed

@@ -0,0 +1,64 @@
+import useFlow_default from "../../../../../../contexts/Flow/useFlow.js";
+import useTheme_default from "../../../../../../contexts/Theme/useTheme.js";
+import useTranslation_default from "../../../../../../hooks/useTranslation.js";
+import Button_default from "../../../../../primitives/Button/Button.js";
+import OtpField_default from "../../../../../primitives/OtpField/OtpField.js";
+import { createField } from "../../../../../factories/FieldFactory.js";
+import { EmbeddedSignInFlowAuthenticatorParamType, FieldType } from "@thunderid/browser";
+import { useEffect } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/presentation/auth/SignIn/v1/options/EmailOtp.tsx
+/**
+* Email OTP Sign-In Option Component.
+* Handles email-based OTP authentication.
+*/
+const EmailOtp = ({ authenticator, formValues, touchedFields, isLoading, onInputChange, inputClassName = "", buttonClassName = "", preferences }) => {
+	const { theme } = useTheme_default();
+	const { t } = useTranslation_default(preferences?.i18n);
+	const { setTitle, setSubtitle } = useFlow_default();
+	const formFields = authenticator.metadata?.params?.sort((a, b) => a.order - b.order) || [];
+	useEffect(() => {
+		setTitle(t("email.otp.heading"));
+		setSubtitle(t("email.otp.subheading"));
+	}, [
+		setTitle,
+		setSubtitle,
+		t
+	]);
+	const hasOtpField = formFields.some((param) => param.param.toLowerCase().includes("otp") || param.param.toLowerCase().includes("code"));
+	return /* @__PURE__ */ jsxs(Fragment, { children: [formFields.map((param) => {
+		return /* @__PURE__ */ jsx("div", { children: (param.param.toLowerCase().includes("otp") || param.param.toLowerCase().includes("code")) && hasOtpField ? /* @__PURE__ */ jsx(OtpField_default, {
+			length: 6,
+			value: formValues[param.param] || "",
+			onChange: (event) => onInputChange(param.param, event.target.value),
+			disabled: isLoading,
+			className: inputClassName
+		}) : createField({
+			className: inputClassName,
+			disabled: isLoading,
+			label: param.displayName,
+			name: param.param,
+			onChange: (value) => onInputChange(param.param, value),
+			required: authenticator.requiredParams.includes(param.param),
+			touched: touchedFields[param.param] || false,
+			type: param.type === EmbeddedSignInFlowAuthenticatorParamType.String && param.confidential ? FieldType.Password : FieldType.Text,
+			value: formValues[param.param] || ""
+		}) }, param.param);
+	}), /* @__PURE__ */ jsx(Button_default, {
+		fullWidth: true,
+		type: "submit",
+		color: "primary",
+		variant: "solid",
+		disabled: isLoading,
+		loading: isLoading,
+		className: buttonClassName,
+		style: { marginBottom: `calc(${theme.vars.spacing.unit} * 2)` },
+		children: t("email.otp.buttons.submit.text")
+	})] });
+};
+var EmailOtp_default = EmailOtp;
+//#endregion
+export { EmailOtp_default as default };
+//# sourceMappingURL=EmailOtp.js.map

package/dist/components/presentation/auth/SignIn/v1/options/EmailOtp.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"EmailOtp.js","names":["EmailOtp: FC<BaseSignInOptionProps>","useTheme","useTranslation","useFlow","formFields: any","hasOtpField: any","OtpField","Button"],"sources":["../../../../../../../src/components/presentation/auth/SignIn/v1/options/EmailOtp.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 {EmbeddedSignInFlowAuthenticatorParamType, FieldType} from '@thunderid/browser';\nimport {FC, ReactElement, useEffect} from 'react';\n// eslint-disable-next-line import/no-cycle\nimport {BaseSignInOptionProps} from './SignInOptionFactory';\nimport useFlow from '../../../../../../contexts/Flow/useFlow';\nimport useTheme from '../../../../../../contexts/Theme/useTheme';\nimport useTranslation from '../../../../../../hooks/useTranslation';\nimport {createField} from '../../../../../factories/FieldFactory';\nimport Button from '../../../../../primitives/Button/Button';\nimport OtpField from '../../../../../primitives/OtpField/OtpField';\n\n/**\n * Email OTP Sign-In Option Component.\n * Handles email-based OTP authentication.\n */\nconst EmailOtp: FC<BaseSignInOptionProps> = ({\n authenticator,\n formValues,\n touchedFields,\n isLoading,\n onInputChange,\n inputClassName = '',\n buttonClassName = '',\n preferences,\n}: BaseSignInOptionProps): ReactElement => {\n const {theme} = useTheme();\n const {t} = useTranslation(preferences?.i18n);\n const {setTitle, setSubtitle} = useFlow();\n\n const formFields: any = authenticator!.metadata?.params?.sort((a: any, b: any) => a.order - b.order) || [];\n\n useEffect(() => {\n setTitle(t('email.otp.heading'));\n setSubtitle(t('email.otp.subheading'));\n }, [setTitle, setSubtitle, t]);\n\n // Check if this is an OTP field (typically has 'otpCode' or similar parameter)\n const hasOtpField: any = formFields.some(\n (param: any) => param.param.toLowerCase().includes('otp') || param.param.toLowerCase().includes('code'),\n );\n\n return (\n <>\n {formFields.map((param: any) => {\n const isOtpParam: any = param.param.toLowerCase().includes('otp') || param.param.toLowerCase().includes('code');\n\n return (\n <div key={param.param}>\n {isOtpParam && hasOtpField ? (\n <OtpField\n length={6}\n value={formValues[param.param] || ''}\n onChange={(event: any): void => onInputChange(param.param, event.target.value)}\n disabled={isLoading}\n className={inputClassName}\n />\n ) : (\n createField({\n className: inputClassName,\n disabled: isLoading,\n label: param.displayName,\n name: param.param,\n onChange: (value: any) => onInputChange(param.param, value),\n required: authenticator!.requiredParams.includes(param.param),\n touched: touchedFields[param.param] || false,\n type:\n param.type === EmbeddedSignInFlowAuthenticatorParamType.String && param.confidential\n ? FieldType.Password\n : FieldType.Text,\n value: formValues[param.param] || '',\n })\n )}\n </div>\n );\n })}\n\n <Button\n fullWidth\n type=\"submit\"\n color=\"primary\"\n variant=\"solid\"\n disabled={isLoading}\n loading={isLoading}\n className={buttonClassName}\n style={{marginBottom: `calc(${theme.vars.spacing.unit} * 2)`}}\n >\n {t('email.otp.buttons.submit.text')}\n </Button>\n </>\n );\n};\n\nexport default EmailOtp;\n"],"mappings":";;;;;;;;;;;;;;;AAiCA,MAAMA,YAAuC,EAC3C,eACA,YACA,eACA,WACA,eACA,iBAAiB,IACjB,kBAAkB,IAClB,kBACyC;CACzC,MAAM,EAAC,UAASC,kBAAU;CAC1B,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAC7C,MAAM,EAAC,UAAU,gBAAeC,iBAAS;CAEzC,MAAMC,aAAkB,cAAe,UAAU,QAAQ,MAAM,GAAQ,MAAW,EAAE,QAAQ,EAAE,MAAM,IAAI,EAAE;AAE1G,iBAAgB;AACd,WAAS,EAAE,oBAAoB,CAAC;AAChC,cAAY,EAAE,uBAAuB,CAAC;IACrC;EAAC;EAAU;EAAa;EAAE,CAAC;CAG9B,MAAMC,cAAmB,WAAW,MACjC,UAAe,MAAM,MAAM,aAAa,CAAC,SAAS,MAAM,IAAI,MAAM,MAAM,aAAa,CAAC,SAAS,OAAO,CACxG;AAED,QACE,4CACG,WAAW,KAAK,UAAe;AAG9B,SACE,oBAAC,oBAHqB,MAAM,MAAM,aAAa,CAAC,SAAS,MAAM,IAAI,MAAM,MAAM,aAAa,CAAC,SAAS,OAAO,KAI5F,cACb,oBAACC;GACC,QAAQ;GACR,OAAO,WAAW,MAAM,UAAU;GAClC,WAAW,UAAqB,cAAc,MAAM,OAAO,MAAM,OAAO,MAAM;GAC9E,UAAU;GACV,WAAW;IACX,GAEF,YAAY;GACV,WAAW;GACX,UAAU;GACV,OAAO,MAAM;GACb,MAAM,MAAM;GACZ,WAAW,UAAe,cAAc,MAAM,OAAO,MAAM;GAC3D,UAAU,cAAe,eAAe,SAAS,MAAM,MAAM;GAC7D,SAAS,cAAc,MAAM,UAAU;GACvC,MACE,MAAM,SAAS,yCAAyC,UAAU,MAAM,eACpE,UAAU,WACV,UAAU;GAChB,OAAO,WAAW,MAAM,UAAU;GACnC,CAAC,IAvBI,MAAM,MAyBV;GAER,EAEF,oBAACC;EACC;EACA,MAAK;EACL,OAAM;EACN,SAAQ;EACR,UAAU;EACV,SAAS;EACT,WAAW;EACX,OAAO,EAAC,cAAc,QAAQ,MAAM,KAAK,QAAQ,KAAK,QAAO;YAE5D,EAAE,gCAAgC;GAC5B,IACR;;AAIP,uBAAe"}

package/dist/components/presentation/auth/SignIn/v1/options/IdentifierFirst.js ADDED Viewed

@@ -0,0 +1,55 @@
+import useFlow_default from "../../../../../../contexts/Flow/useFlow.js";
+import useTheme_default from "../../../../../../contexts/Theme/useTheme.js";
+import useTranslation_default from "../../../../../../hooks/useTranslation.js";
+import Button_default from "../../../../../primitives/Button/Button.js";
+import { createField } from "../../../../../factories/FieldFactory.js";
+import { EmbeddedSignInFlowAuthenticatorParamType, FieldType } from "@thunderid/browser";
+import { useEffect } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/presentation/auth/SignIn/v1/options/IdentifierFirst.tsx
+/**
+* Identifier First Sign-In Option Component.
+* Handles identifier-first authentication flow (username first, then password).
+*/
+const IdentifierFirst = ({ authenticator, formValues, touchedFields, isLoading, onInputChange, inputClassName = "", buttonClassName = "", preferences }) => {
+	const { theme } = useTheme_default();
+	const { t } = useTranslation_default(preferences?.i18n);
+	const { setTitle, setSubtitle } = useFlow_default();
+	const formFields = authenticator.metadata?.params?.sort((a, b) => a.order - b.order) || [];
+	useEffect(() => {
+		setTitle(t("identifier.first.heading"));
+		setSubtitle(t("identifier.first.subheading"));
+	}, [
+		setTitle,
+		setSubtitle,
+		t
+	]);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [formFields.map((param) => /* @__PURE__ */ jsx("div", { children: createField({
+		className: inputClassName,
+		disabled: isLoading,
+		label: param.displayName,
+		name: param.param,
+		onChange: (value) => onInputChange(param.param, value),
+		placeholder: t(`elements.fields.generic.placeholder`, { field: (param.displayName || param.param).toLowerCase() }),
+		required: authenticator.requiredParams.includes(param.param),
+		touched: touchedFields[param.param] || false,
+		type: param.type === EmbeddedSignInFlowAuthenticatorParamType.String && param.confidential ? FieldType.Password : FieldType.Text,
+		value: formValues[param.param] || ""
+	}) }, param.param)), /* @__PURE__ */ jsx(Button_default, {
+		fullWidth: true,
+		type: "submit",
+		color: "primary",
+		variant: "solid",
+		disabled: isLoading,
+		loading: isLoading,
+		className: buttonClassName,
+		style: { marginBottom: `calc(${theme.vars.spacing.unit} * 2)` },
+		children: t("identifier.first.buttons.submit.text")
+	})] });
+};
+var IdentifierFirst_default = IdentifierFirst;
+//#endregion
+export { IdentifierFirst_default as default };
+//# sourceMappingURL=IdentifierFirst.js.map

package/dist/components/presentation/auth/SignIn/v1/options/IdentifierFirst.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"IdentifierFirst.js","names":["IdentifierFirst: FC<BaseSignInOptionProps>","useTheme","useTranslation","useFlow","formFields: any","Button"],"sources":["../../../../../../../src/components/presentation/auth/SignIn/v1/options/IdentifierFirst.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 {EmbeddedSignInFlowAuthenticatorParamType, FieldType} from '@thunderid/browser';\nimport {FC, ReactElement, useEffect} from 'react';\n// eslint-disable-next-line import/no-cycle\nimport {BaseSignInOptionProps} from './SignInOptionFactory';\nimport useFlow from '../../../../../../contexts/Flow/useFlow';\nimport useTheme from '../../../../../../contexts/Theme/useTheme';\nimport useTranslation from '../../../../../../hooks/useTranslation';\nimport {createField} from '../../../../../factories/FieldFactory';\nimport Button from '../../../../../primitives/Button/Button';\n\n/**\n * Identifier First Sign-In Option Component.\n * Handles identifier-first authentication flow (username first, then password).\n */\nconst IdentifierFirst: FC<BaseSignInOptionProps> = ({\n authenticator,\n formValues,\n touchedFields,\n isLoading,\n onInputChange,\n inputClassName = '',\n buttonClassName = '',\n preferences,\n}: BaseSignInOptionProps): ReactElement => {\n const {theme} = useTheme();\n const {t} = useTranslation(preferences?.i18n);\n const {setTitle, setSubtitle} = useFlow();\n\n const formFields: any = authenticator!.metadata?.params?.sort((a: any, b: any) => a.order - b.order) || [];\n\n useEffect(() => {\n setTitle(t('identifier.first.heading'));\n setSubtitle(t('identifier.first.subheading'));\n }, [setTitle, setSubtitle, t]);\n\n return (\n <>\n {formFields.map((param: any) => (\n <div key={param.param}>\n {createField({\n className: inputClassName,\n disabled: isLoading,\n label: param.displayName,\n name: param.param,\n onChange: (value: any) => onInputChange(param.param, value),\n placeholder: t(`elements.fields.generic.placeholder`, {\n field: (param.displayName || param.param).toLowerCase(),\n }),\n required: authenticator!.requiredParams.includes(param.param),\n touched: touchedFields[param.param] || false,\n type:\n param.type === EmbeddedSignInFlowAuthenticatorParamType.String && param.confidential\n ? FieldType.Password\n : FieldType.Text,\n value: formValues[param.param] || '',\n })}\n </div>\n ))}\n\n <Button\n fullWidth\n type=\"submit\"\n color=\"primary\"\n variant=\"solid\"\n disabled={isLoading}\n loading={isLoading}\n className={buttonClassName}\n style={{marginBottom: `calc(${theme.vars.spacing.unit} * 2)`}}\n >\n {t('identifier.first.buttons.submit.text')}\n </Button>\n </>\n );\n};\n\nexport default IdentifierFirst;\n"],"mappings":";;;;;;;;;;;;;;AAgCA,MAAMA,mBAA8C,EAClD,eACA,YACA,eACA,WACA,eACA,iBAAiB,IACjB,kBAAkB,IAClB,kBACyC;CACzC,MAAM,EAAC,UAASC,kBAAU;CAC1B,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAC7C,MAAM,EAAC,UAAU,gBAAeC,iBAAS;CAEzC,MAAMC,aAAkB,cAAe,UAAU,QAAQ,MAAM,GAAQ,MAAW,EAAE,QAAQ,EAAE,MAAM,IAAI,EAAE;AAE1G,iBAAgB;AACd,WAAS,EAAE,2BAA2B,CAAC;AACvC,cAAY,EAAE,8BAA8B,CAAC;IAC5C;EAAC;EAAU;EAAa;EAAE,CAAC;AAE9B,QACE,4CACG,WAAW,KAAK,UACf,oBAAC,mBACE,YAAY;EACX,WAAW;EACX,UAAU;EACV,OAAO,MAAM;EACb,MAAM,MAAM;EACZ,WAAW,UAAe,cAAc,MAAM,OAAO,MAAM;EAC3D,aAAa,EAAE,uCAAuC,EACpD,QAAQ,MAAM,eAAe,MAAM,OAAO,aAAa,EACxD,CAAC;EACF,UAAU,cAAe,eAAe,SAAS,MAAM,MAAM;EAC7D,SAAS,cAAc,MAAM,UAAU;EACvC,MACE,MAAM,SAAS,yCAAyC,UAAU,MAAM,eACpE,UAAU,WACV,UAAU;EAChB,OAAO,WAAW,MAAM,UAAU;EACnC,CAAC,IAjBM,MAAM,MAkBV,CACN,EAEF,oBAACC;EACC;EACA,MAAK;EACL,OAAM;EACN,SAAQ;EACR,UAAU;EACV,SAAS;EACT,WAAW;EACX,OAAO,EAAC,cAAc,QAAQ,MAAM,KAAK,QAAQ,KAAK,QAAO;YAE5D,EAAE,uCAAuC;GACnC,IACR;;AAIP,8BAAe"}

package/dist/components/presentation/auth/SignIn/v1/options/MultiOptionButton.js ADDED Viewed

@@ -0,0 +1,136 @@
+import useTranslation_default from "../../../../../../hooks/useTranslation.js";
+import Button_default from "../../../../../primitives/Button/Button.js";
+import { ApplicationNativeAuthenticationConstants, EmbeddedSignInFlowAuthenticatorKnownIdPType } from "@thunderid/browser";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/presentation/auth/SignIn/v1/options/MultiOptionButton.tsx
+/**
+* Multi Option Button Component.
+* Renders authenticators as selectable buttons for multi-option prompts.
+* Used when authenticators don't require immediate user input but need to be selected first.
+*/
+const MultiOptionButton = ({ authenticator, isLoading, onSubmit, buttonClassName = "", preferences }) => {
+	const { t } = useTranslation_default(preferences?.i18n);
+	/**
+	* Get display name for the authenticator.
+	*/
+	const getDisplayName = () => {
+		let authenticatorName = authenticator.authenticator;
+		if (authenticator.idp !== EmbeddedSignInFlowAuthenticatorKnownIdPType.Local) authenticatorName = authenticator.idp;
+		switch (authenticatorName) {
+			default: return t("elements.buttons.multi.option.text", { connection: authenticatorName });
+		}
+	};
+	/**
+	* Get appropriate icon for the authenticator type.
+	*/
+	const getIcon = () => {
+		const { authenticatorId } = authenticator;
+		switch (authenticatorId) {
+			case ApplicationNativeAuthenticationConstants.SupportedAuthenticators.SmsOtp: return /* @__PURE__ */ jsx("svg", {
+				width: "18",
+				height: "18",
+				viewBox: "0 0 24 24",
+				xmlns: "http://www.w3.org/2000/svg",
+				children: /* @__PURE__ */ jsx("path", {
+					fill: "currentColor",
+					d: "M20 15.5c-1.25 0-2.45-.2-3.57-.57a1.02 1.02 0 0 0-1.02.24l-2.2 2.2a15.074 15.074 0 0 1-6.59-6.59l2.2-2.2c.27-.27.35-.67.24-1.02A11.36 11.36 0 0 1 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1M12 3v10l3-3h6V3z"
+				})
+			});
+			case ApplicationNativeAuthenticationConstants.SupportedAuthenticators.EmailOtp: return /* @__PURE__ */ jsx("svg", {
+				width: "18",
+				height: "18",
+				viewBox: "0 0 24 24",
+				xmlns: "http://www.w3.org/2000/svg",
+				children: /* @__PURE__ */ jsx("path", {
+					fill: "currentColor",
+					d: "M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2m0 4l-8 5l-8-5V6l8 5l8-5z"
+				})
+			});
+			case ApplicationNativeAuthenticationConstants.SupportedAuthenticators.Totp: return /* @__PURE__ */ jsx("svg", {
+				width: "18",
+				height: "18",
+				viewBox: "0 0 24 24",
+				xmlns: "http://www.w3.org/2000/svg",
+				children: /* @__PURE__ */ jsx("path", {
+					fill: "currentColor",
+					d: "M12 1L3 5v6c0 5.55 3.84 10.74 9 12c5.16-1.26 9-6.45 9-12V5z"
+				})
+			});
+			case ApplicationNativeAuthenticationConstants.SupportedAuthenticators.PushNotification: return /* @__PURE__ */ jsx("svg", {
+				width: "18",
+				height: "18",
+				viewBox: "0 0 24 24",
+				xmlns: "http://www.w3.org/2000/svg",
+				children: /* @__PURE__ */ jsx("path", {
+					fill: "currentColor",
+					d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8m1-13h-2v6h2zm0 8h-2v2h2z"
+				})
+			});
+			case ApplicationNativeAuthenticationConstants.SupportedAuthenticators.Passkey: return /* @__PURE__ */ jsxs("svg", {
+				fill: "currentColor",
+				width: "18",
+				height: "18",
+				viewBox: "0 0 32 32",
+				xmlns: "http://www.w3.org/2000/svg",
+				children: [
+					/* @__PURE__ */ jsx("g", {
+						id: "SVGRepo_bgCarrier",
+						strokeWidth: "0"
+					}),
+					/* @__PURE__ */ jsx("g", {
+						id: "SVGRepo_tracerCarrier",
+						strokeLinecap: "round",
+						strokeLinejoin: "round"
+					}),
+					/* @__PURE__ */ jsxs("g", {
+						id: "SVGRepo_iconCarrier",
+						children: [/* @__PURE__ */ jsx("path", { d: "M7.7 4.7C9.36 3.07 12.68 2 16.17 2S23 3.06 24.6 4.7A1 1 0 0 0 26 3.3C23.6.86 19.34 0 16.16 0S8.72.87 6.3 3.3a1 1 0 0 0 1.4 1.4zM29.2 12.55C26.38 6.88 22 4 16.17 4s-10.22 2.88-13 8.55a1 1 0 0 0 .44 1.34 1 1 0 0 0 1.35-.45C7.4 8.45 11.08 6 16.15 6s8.77 2.44 11.27 7.45a1 1 0 0 0 .9.55.87.87 0 0 0 .44-.1 1 1 0 0 0 .45-1.35zM19.4 28.08c-4.13-1.77-5.8-4.5-6-6.5a2.87 2.87 0 0 1 1.13-2.75c.85-.57 2.1.24 3.87 1.52s4.13 3 6.17 1.45c1.8-1.35 2.34-3.76 1.45-6.44A10.85 10.85 0 0 0 16.16 8C7.2 8 4 15.75 4 23a1 1 0 0 0 2 0c0-3 .73-13 10.16-13 3.9 0 7 3.1 8 6 .3.87.8 3-.75 4.2-.8.6-2-.2-3.8-1.47s-4.07-2.94-6.14-1.56a4.87 4.87 0 0 0-2 4.6c.24 2.56 2.24 6 7.18 8.15A1 1 0 0 0 19 30a1 1 0 0 0 .4-1.92zM10 19.24a7.06 7.06 0 0 1 5.2-4.65c2.24-.43 4.32.6 6 3a1 1 0 1 0 1.62-1.17c-2.9-4.07-6.27-4.12-8-3.8A9.1 9.1 0 0 0 8 18.77c-1 3.94.43 8.27 4.2 12.87a1 1 0 0 0 .8.37.94.94 0 0 0 .63-.23 1 1 0 0 0 .14-1.4c-3.34-4.1-4.62-7.83-3.77-11.13zM25.3 24.3a3 3 0 0 1-3.06.63c-2.4-.57-4.78-2.7-5.3-4.25a1 1 0 1 0-1.9.64c.8 2.33 3.87 4.88 6.74 5.56a6.84 6.84 0 0 0 1.52.18 4.7 4.7 0 0 0 3.4-1.35 1 1 0 0 0-1.4-1.4z" }), " "]
+					})
+				]
+			});
+			case ApplicationNativeAuthenticationConstants.SupportedAuthenticators.MagicLink: return /* @__PURE__ */ jsx("svg", {
+				width: "18",
+				height: "18",
+				viewBox: "0 0 24 24",
+				xmlns: "http://www.w3.org/2000/svg",
+				children: /* @__PURE__ */ jsx("path", {
+					fill: "currentColor",
+					d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8m1-13h-2v6h2zm0 8h-2v2h2z"
+				})
+			});
+			default: return /* @__PURE__ */ jsx("svg", {
+				width: "18",
+				height: "18",
+				viewBox: "0 0 24 24",
+				xmlns: "http://www.w3.org/2000/svg",
+				children: /* @__PURE__ */ jsx("path", {
+					fill: "currentColor",
+					d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m-2 15l-5-5l1.41-1.41L10 14.17l7.59-7.59L19 8z"
+				})
+			});
+		}
+	};
+	/**
+	* Handle button click.
+	*/
+	const handleClick = () => {
+		onSubmit(authenticator);
+	};
+	return /* @__PURE__ */ jsx(Button_default, {
+		fullWidth: true,
+		type: "button",
+		color: "secondary",
+		variant: "solid",
+		disabled: isLoading,
+		onClick: handleClick,
+		className: buttonClassName,
+		startIcon: getIcon(),
+		children: getDisplayName()
+	});
+};
+var MultiOptionButton_default = MultiOptionButton;
+//#endregion
+export { MultiOptionButton_default as default };
+//# sourceMappingURL=MultiOptionButton.js.map

package/dist/components/presentation/auth/SignIn/v1/options/MultiOptionButton.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MultiOptionButton.js","names":["MultiOptionButton: FC<BaseSignInOptionProps>","useTranslation","authenticatorName: any","Button"],"sources":["../../../../../../../src/components/presentation/auth/SignIn/v1/options/MultiOptionButton.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 ApplicationNativeAuthenticationConstants,\n EmbeddedSignInFlowAuthenticatorKnownIdPType,\n} from '@thunderid/browser';\nimport {FC, ReactElement} from 'react';\n// eslint-disable-next-line import/no-cycle\nimport {BaseSignInOptionProps} from './SignInOptionFactory';\nimport useTranslation from '../../../../../../hooks/useTranslation';\nimport Button from '../../../../../primitives/Button/Button';\n\n/**\n * Multi Option Button Component.\n * Renders authenticators as selectable buttons for multi-option prompts.\n * Used when authenticators don't require immediate user input but need to be selected first.\n */\nconst MultiOptionButton: FC<BaseSignInOptionProps> = ({\n authenticator,\n isLoading,\n onSubmit,\n buttonClassName = '',\n preferences,\n}: BaseSignInOptionProps): ReactElement => {\n const {t} = useTranslation(preferences?.i18n);\n\n /**\n * Get display name for the authenticator.\n */\n const getDisplayName = (): string => {\n let authenticatorName: any = authenticator!.authenticator;\n\n if (authenticator!.idp !== EmbeddedSignInFlowAuthenticatorKnownIdPType.Local) {\n authenticatorName = authenticator!.idp;\n }\n\n switch (authenticatorName) {\n default:\n return t('elements.buttons.multi.option.text', {connection: authenticatorName});\n }\n };\n\n /**\n * Get appropriate icon for the authenticator type.\n */\n const getIcon = (): ReactElement | null => {\n const {authenticatorId} = authenticator!;\n\n switch (authenticatorId) {\n case ApplicationNativeAuthenticationConstants.SupportedAuthenticators.SmsOtp:\n return (\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n fill=\"currentColor\"\n d=\"M20 15.5c-1.25 0-2.45-.2-3.57-.57a1.02 1.02 0 0 0-1.02.24l-2.2 2.2a15.074 15.074 0 0 1-6.59-6.59l2.2-2.2c.27-.27.35-.67.24-1.02A11.36 11.36 0 0 1 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1M12 3v10l3-3h6V3z\"\n />\n </svg>\n );\n case ApplicationNativeAuthenticationConstants.SupportedAuthenticators.EmailOtp:\n return (\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n fill=\"currentColor\"\n d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2m0 4l-8 5l-8-5V6l8 5l8-5z\"\n />\n </svg>\n );\n case ApplicationNativeAuthenticationConstants.SupportedAuthenticators.Totp:\n return (\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill=\"currentColor\" d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12c5.16-1.26 9-6.45 9-12V5z\" />\n </svg>\n );\n case ApplicationNativeAuthenticationConstants.SupportedAuthenticators.PushNotification:\n return (\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n fill=\"currentColor\"\n d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8m1-13h-2v6h2zm0 8h-2v2h2z\"\n />\n </svg>\n );\n case ApplicationNativeAuthenticationConstants.SupportedAuthenticators.Passkey:\n return (\n <svg fill=\"currentColor\" width=\"18\" height=\"18\" viewBox=\"0 0 32 32\" xmlns=\"http://www.w3.org/2000/svg\">\n <g id=\"SVGRepo_bgCarrier\" strokeWidth=\"0\"></g>\n <g id=\"SVGRepo_tracerCarrier\" strokeLinecap=\"round\" strokeLinejoin=\"round\"></g>\n <g id=\"SVGRepo_iconCarrier\">\n <path d=\"M7.7 4.7C9.36 3.07 12.68 2 16.17 2S23 3.06 24.6 4.7A1 1 0 0 0 26 3.3C23.6.86 19.34 0 16.16 0S8.72.87 6.3 3.3a1 1 0 0 0 1.4 1.4zM29.2 12.55C26.38 6.88 22 4 16.17 4s-10.22 2.88-13 8.55a1 1 0 0 0 .44 1.34 1 1 0 0 0 1.35-.45C7.4 8.45 11.08 6 16.15 6s8.77 2.44 11.27 7.45a1 1 0 0 0 .9.55.87.87 0 0 0 .44-.1 1 1 0 0 0 .45-1.35zM19.4 28.08c-4.13-1.77-5.8-4.5-6-6.5a2.87 2.87 0 0 1 1.13-2.75c.85-.57 2.1.24 3.87 1.52s4.13 3 6.17 1.45c1.8-1.35 2.34-3.76 1.45-6.44A10.85 10.85 0 0 0 16.16 8C7.2 8 4 15.75 4 23a1 1 0 0 0 2 0c0-3 .73-13 10.16-13 3.9 0 7 3.1 8 6 .3.87.8 3-.75 4.2-.8.6-2-.2-3.8-1.47s-4.07-2.94-6.14-1.56a4.87 4.87 0 0 0-2 4.6c.24 2.56 2.24 6 7.18 8.15A1 1 0 0 0 19 30a1 1 0 0 0 .4-1.92zM10 19.24a7.06 7.06 0 0 1 5.2-4.65c2.24-.43 4.32.6 6 3a1 1 0 1 0 1.62-1.17c-2.9-4.07-6.27-4.12-8-3.8A9.1 9.1 0 0 0 8 18.77c-1 3.94.43 8.27 4.2 12.87a1 1 0 0 0 .8.37.94.94 0 0 0 .63-.23 1 1 0 0 0 .14-1.4c-3.34-4.1-4.62-7.83-3.77-11.13zM25.3 24.3a3 3 0 0 1-3.06.63c-2.4-.57-4.78-2.7-5.3-4.25a1 1 0 1 0-1.9.64c.8 2.33 3.87 4.88 6.74 5.56a6.84 6.84 0 0 0 1.52.18 4.7 4.7 0 0 0 3.4-1.35 1 1 0 0 0-1.4-1.4z\"></path>{' '}\n </g>\n </svg>\n );\n case ApplicationNativeAuthenticationConstants.SupportedAuthenticators.MagicLink:\n return (\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n fill=\"currentColor\"\n d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8s8 3.59 8 8s-3.59 8-8 8m1-13h-2v6h2zm0 8h-2v2h2z\"\n />\n </svg>\n );\n default:\n return (\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n fill=\"currentColor\"\n d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2m-2 15l-5-5l1.41-1.41L10 14.17l7.59-7.59L19 8z\"\n />\n </svg>\n );\n }\n };\n\n /**\n * Handle button click.\n */\n const handleClick = (): any => {\n // For multi-option buttons, we call onSubmit without form data\n // This will trigger the authenticator selection and likely move to the next step\n onSubmit!(authenticator!);\n };\n\n return (\n <Button\n fullWidth\n type=\"button\"\n color=\"secondary\"\n variant=\"solid\"\n disabled={isLoading}\n onClick={handleClick}\n className={buttonClassName}\n startIcon={getIcon()}\n >\n {getDisplayName()}\n </Button>\n );\n};\n\nexport default MultiOptionButton;\n"],"mappings":";;;;;;;;;;;AAiCA,MAAMA,qBAAgD,EACpD,eACA,WACA,UACA,kBAAkB,IAClB,kBACyC;CACzC,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;;;;CAK7C,MAAM,uBAA+B;EACnC,IAAIC,oBAAyB,cAAe;AAE5C,MAAI,cAAe,QAAQ,4CAA4C,MACrE,qBAAoB,cAAe;AAGrC,UAAQ,mBAAR;GACE,QACE,QAAO,EAAE,sCAAsC,EAAC,YAAY,mBAAkB,CAAC;;;;;;CAOrF,MAAM,gBAAqC;EACzC,MAAM,EAAC,oBAAmB;AAE1B,UAAQ,iBAAR;GACE,KAAK,yCAAyC,wBAAwB,OACpE,QACE,oBAAC;IAAI,OAAM;IAAK,QAAO;IAAK,SAAQ;IAAY,OAAM;cACpD,oBAAC;KACC,MAAK;KACL,GAAE;MACF;KACE;GAEV,KAAK,yCAAyC,wBAAwB,SACpE,QACE,oBAAC;IAAI,OAAM;IAAK,QAAO;IAAK,SAAQ;IAAY,OAAM;cACpD,oBAAC;KACC,MAAK;KACL,GAAE;MACF;KACE;GAEV,KAAK,yCAAyC,wBAAwB,KACpE,QACE,oBAAC;IAAI,OAAM;IAAK,QAAO;IAAK,SAAQ;IAAY,OAAM;cACpD,oBAAC;KAAK,MAAK;KAAe,GAAE;MAAgE;KACxF;GAEV,KAAK,yCAAyC,wBAAwB,iBACpE,QACE,oBAAC;IAAI,OAAM;IAAK,QAAO;IAAK,SAAQ;IAAY,OAAM;cACpD,oBAAC;KACC,MAAK;KACL,GAAE;MACF;KACE;GAEV,KAAK,yCAAyC,wBAAwB,QACpE,QACE,qBAAC;IAAI,MAAK;IAAe,OAAM;IAAK,QAAO;IAAK,SAAQ;IAAY,OAAM;;KACxE,oBAAC;MAAE,IAAG;MAAoB,aAAY;OAAQ;KAC9C,oBAAC;MAAE,IAAG;MAAwB,eAAc;MAAQ,gBAAe;OAAY;KAC/E,qBAAC;MAAE,IAAG;iBACJ,oBAAC,UAAK,GAAE,ukCAA4kC,EAAC;OACnlC;;KACA;GAEV,KAAK,yCAAyC,wBAAwB,UACpE,QACE,oBAAC;IAAI,OAAM;IAAK,QAAO;IAAK,SAAQ;IAAY,OAAM;cACpD,oBAAC;KACC,MAAK;KACL,GAAE;MACF;KACE;GAEV,QACE,QACE,oBAAC;IAAI,OAAM;IAAK,QAAO;IAAK,SAAQ;IAAY,OAAM;cACpD,oBAAC;KACC,MAAK;KACL,GAAE;MACF;KACE;;;;;;CAQd,MAAM,oBAAyB;AAG7B,WAAU,cAAe;;AAG3B,QACE,oBAACC;EACC;EACA,MAAK;EACL,OAAM;EACN,SAAQ;EACR,UAAU;EACV,SAAS;EACT,WAAW;EACX,WAAW,SAAS;YAEnB,gBAAgB;GACV;;AAIb,gCAAe"}

package/dist/components/presentation/auth/SignIn/v1/options/SignInOptionFactory.js ADDED Viewed

@@ -0,0 +1,143 @@
+import EmailOtp_default from "./EmailOtp.js";
+import IdentifierFirst_default from "./IdentifierFirst.js";
+import MultiOptionButton_default from "./MultiOptionButton.js";
+import SmsOtp_default from "./SmsOtp.js";
+import SocialButton_default from "./SocialButton.js";
+import Totp_default from "./Totp.js";
+import UsernamePassword_default from "./UsernamePassword.js";
+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 { ApplicationNativeAuthenticationConstants, EmbeddedSignInFlowAuthenticatorKnownIdPType } from "@thunderid/browser";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/presentation/auth/SignIn/v1/options/SignInOptionFactory.tsx
+/**
+* Creates the appropriate sign-in option component based on the authenticator's ID.
+*/
+const createSignInOption = ({ authenticator, onSubmit, buttonClassName, preferences,...rest }) => {
+	const hasParams = authenticator.metadata?.params && authenticator.metadata.params.length > 0;
+	switch (authenticator.authenticatorId) {
+		case ApplicationNativeAuthenticationConstants.SupportedAuthenticators.UsernamePassword: return /* @__PURE__ */ jsx(UsernamePassword_default, {
+			authenticator,
+			preferences,
+			onSubmit,
+			...rest
+		});
+		case ApplicationNativeAuthenticationConstants.SupportedAuthenticators.IdentifierFirst: return /* @__PURE__ */ jsx(IdentifierFirst_default, {
+			authenticator,
+			preferences,
+			onSubmit,
+			...rest
+		});
+		case ApplicationNativeAuthenticationConstants.SupportedAuthenticators.Google: return /* @__PURE__ */ jsx(GoogleButton_default, {
+			className: buttonClassName,
+			onClick: () => onSubmit(authenticator),
+			preferences,
+			...rest
+		});
+		case ApplicationNativeAuthenticationConstants.SupportedAuthenticators.GitHub: return /* @__PURE__ */ jsx(GitHubButton_default, {
+			preferences,
+			className: buttonClassName,
+			onClick: () => onSubmit(authenticator),
+			...rest
+		});
+		case ApplicationNativeAuthenticationConstants.SupportedAuthenticators.Microsoft: return /* @__PURE__ */ jsx(MicrosoftButton_default, {
+			preferences,
+			className: buttonClassName,
+			onClick: () => onSubmit(authenticator),
+			...rest
+		});
+		case ApplicationNativeAuthenticationConstants.SupportedAuthenticators.Facebook: return /* @__PURE__ */ jsx(FacebookButton_default, {
+			preferences,
+			className: buttonClassName,
+			onClick: () => onSubmit(authenticator),
+			...rest
+		});
+		case ApplicationNativeAuthenticationConstants.SupportedAuthenticators.LinkedIn: return /* @__PURE__ */ jsx(LinkedInButton_default, {
+			preferences,
+			className: buttonClassName,
+			onClick: () => onSubmit(authenticator),
+			...rest
+		});
+		case ApplicationNativeAuthenticationConstants.SupportedAuthenticators.SignInWithEthereum: return /* @__PURE__ */ jsx(SignInWithEthereumButton_default, {
+			preferences,
+			className: buttonClassName,
+			onClick: () => onSubmit(authenticator),
+			...rest
+		});
+		case ApplicationNativeAuthenticationConstants.SupportedAuthenticators.EmailOtp: return hasParams ? /* @__PURE__ */ jsx(EmailOtp_default, {
+			authenticator,
+			preferences,
+			onSubmit,
+			...rest
+		}) : /* @__PURE__ */ jsx(MultiOptionButton_default, {
+			authenticator,
+			preferences,
+			onSubmit,
+			...rest
+		});
+		case ApplicationNativeAuthenticationConstants.SupportedAuthenticators.Totp: return hasParams ? /* @__PURE__ */ jsx(Totp_default, {
+			authenticator,
+			preferences,
+			onSubmit,
+			...rest
+		}) : /* @__PURE__ */ jsx(MultiOptionButton_default, {
+			authenticator,
+			preferences,
+			onSubmit,
+			...rest
+		});
+		case ApplicationNativeAuthenticationConstants.SupportedAuthenticators.SmsOtp: return hasParams ? /* @__PURE__ */ jsx(SmsOtp_default, {
+			authenticator,
+			preferences,
+			onSubmit,
+			...rest
+		}) : /* @__PURE__ */ jsx(MultiOptionButton_default, {
+			authenticator,
+			preferences,
+			onSubmit,
+			...rest
+		});
+		default:
+			if (authenticator.idp !== EmbeddedSignInFlowAuthenticatorKnownIdPType.Local) return /* @__PURE__ */ jsx(SocialButton_default, {
+				authenticator,
+				preferences,
+				className: buttonClassName,
+				onClick: () => onSubmit(authenticator),
+				...rest,
+				children: authenticator.idp
+			});
+			if (hasParams) return /* @__PURE__ */ jsx(UsernamePassword_default, {
+				authenticator,
+				preferences,
+				onSubmit,
+				...rest
+			});
+			return /* @__PURE__ */ jsx(MultiOptionButton_default, {
+				authenticator,
+				preferences,
+				onSubmit,
+				...rest
+			});
+	}
+};
+/**
+* Convenience function that creates the appropriate sign-in option component from an authenticator.
+*/
+const createSignInOptionFromAuthenticator = (authenticator, formValues, touchedFields, isLoading, onInputChange, onSubmit, options) => createSignInOption({
+	authenticator,
+	formValues,
+	isLoading,
+	onInputChange,
+	onSubmit,
+	touchedFields,
+	...options
+});
+//#endregion
+export { createSignInOption, createSignInOptionFromAuthenticator };
+//# sourceMappingURL=SignInOptionFactory.js.map