@thunderid/react 0.1.0 → 0.3.0

package/dist/cjs/components/presentation/auth/Recovery/v2/BaseRecovery.cjs

@@ -0,0 +1,378 @@
+const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.cjs');
+const require_ComponentRendererContext = require('../../../../../contexts/ComponentRenderer/ComponentRendererContext.cjs');
+const require_FlowProvider = require('../../../../../contexts/Flow/FlowProvider.cjs');
+const require_useThunderID = require('../../../../../contexts/ThunderID/useThunderID.cjs');
+const require_useFlow = require('../../../../../contexts/Flow/useFlow.cjs');
+const require_useTheme = require('../../../../../contexts/Theme/useTheme.cjs');
+const require_ComponentPreferencesContext = require('../../../../../contexts/I18n/ComponentPreferencesContext.cjs');
+const require_useTranslation = require('../../../../../hooks/useTranslation.cjs');
+const require_useForm = require('../../../../../hooks/useForm.cjs');
+const require_Spinner = require('../../../../primitives/Spinner/Spinner.cjs');
+const require_Typography = require('../../../../primitives/Typography/Typography.cjs');
+const require_Alert = require('../../../../primitives/Alert/Alert.cjs');
+const require_Card = require('../../../../primitives/Card/Card.cjs');
+const require_Logo = require('../../../../primitives/Logo/Logo.cjs');
+const require_flowTransformer = require('../../../../../utils/v2/flowTransformer.cjs');
+const require_AuthOptionFactory = require('../../AuthOptionFactory.cjs');
+const require_BaseSignUp_styles = require('../../SignUp/BaseSignUp.styles.cjs');
+const require_getAuthComponentHeadings = require('../../../../../utils/v2/getAuthComponentHeadings.cjs');
+let __thunderid_browser = require("@thunderid/browser");
+__thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+let __emotion_css = require("@emotion/css");
+__emotion_css = require_rolldown_runtime.__toESM(__emotion_css);
+
+//#region src/components/presentation/auth/Recovery/v2/BaseRecovery.tsx
+/**
+* Internal component that renders the V2 recovery UI and manages flow state.
+*
+* @internal
+*/
+const BaseRecoveryContent = ({ onInitialize, onSubmit, onError, onFlowChange, onComplete, error: externalError, className = "", inputClassName = "", buttonClassName = "", errorClassName = "", messageClassName = "", size = "medium", variant = "outlined", isInitialized, children, showTitle = true, showSubtitle = true }) => {
+	const { theme, colorScheme } = require_useTheme.default();
+	const customRenderers = (0, react.useContext)(require_ComponentRendererContext.default);
+	const { t } = require_useTranslation.default();
+	const { subtitle: flowSubtitle, title: flowTitle, messages: flowMessages, addMessage, clearMessages } = require_useFlow.default();
+	const { meta } = require_useThunderID.default();
+	const styles = require_BaseSignUp_styles.default(theme, colorScheme);
+	const [isLoading, setIsLoading] = (0, react.useState)(false);
+	const [isFlowInitialized, setIsFlowInitialized] = (0, react.useState)(false);
+	const [currentFlow, setCurrentFlow] = (0, react.useState)(null);
+	const [apiError, setApiError] = (0, react.useState)(null);
+	const initializationAttemptedRef = (0, react.useRef)(false);
+	const challengeTokenRef = (0, react.useRef)(null);
+	const handleError = (0, react.useCallback)((error) => {
+		const errorMessage = require_flowTransformer.extractErrorMessage(error, t);
+		setApiError(error instanceof Error ? error : new Error(errorMessage));
+		clearMessages();
+		addMessage({
+			message: errorMessage,
+			type: "error"
+		});
+	}, [
+		t,
+		addMessage,
+		clearMessages
+	]);
+	const normalizeFlowResponseLocal = (0, react.useCallback)((response) => {
+		if (response?.data?.components && Array.isArray(response.data.components)) return response;
+		if (response?.data) {
+			const { components } = require_flowTransformer.normalizeFlowResponse(response, t, {
+				defaultErrorKey: "components.recovery.errors.generic",
+				resolveTranslations: false
+			}, meta);
+			return {
+				...response,
+				data: {
+					...response.data,
+					components
+				}
+			};
+		}
+		return response;
+	}, [t, meta]);
+	const extractFormFields = (0, react.useCallback)((components) => {
+		const fields = [];
+		const processComponents = (comps) => {
+			comps.forEach((component) => {
+				if (component.type === __thunderid_browser.EmbeddedFlowComponentTypeV2.TextInput || component.type === __thunderid_browser.EmbeddedFlowComponentTypeV2.PasswordInput || component.type === __thunderid_browser.EmbeddedFlowComponentTypeV2.EmailInput || component.type === __thunderid_browser.EmbeddedFlowComponentTypeV2.Select) {
+					const fieldName = component.ref || component.id;
+					fields.push({
+						initialValue: "",
+						name: fieldName,
+						required: component.required || false,
+						validator: (value) => {
+							if (component.required && (!value || value.trim() === "")) return t("validations.required.field.error");
+							if ((component.type === __thunderid_browser.EmbeddedFlowComponentTypeV2.EmailInput || component.variant === "EMAIL") && value && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value)) return t("field.email.invalid");
+							return null;
+						}
+					});
+				}
+				if (component.components && Array.isArray(component.components)) processComponents(component.components);
+			});
+		};
+		processComponents(components);
+		return fields;
+	}, [t]);
+	const { values: formValues, touched: touchedFields, errors: formErrors, isValid: isFormValid, setValue: setFormValue, setTouched: setFormTouched, validateForm, touchAllFields, reset: resetForm } = require_useForm.useForm({
+		fields: currentFlow?.data?.components ? extractFormFields(currentFlow.data.components) : [],
+		initialValues: {},
+		requiredMessage: t("validations.required.field.error"),
+		validateOnBlur: true,
+		validateOnChange: false
+	});
+	const setupFormFields = (0, react.useCallback)((flowResponse) => {
+		const fields = extractFormFields(flowResponse.data?.components || []);
+		const initialValues = {};
+		fields.forEach((field) => {
+			initialValues[field.name] = field.initialValue || "";
+		});
+		resetForm();
+		Object.keys(initialValues).forEach((key) => setFormValue(key, initialValues[key]));
+	}, [
+		extractFormFields,
+		resetForm,
+		setFormValue
+	]);
+	const handleInputChange = (name, value) => {
+		setFormValue(name, value);
+	};
+	const handleInputBlur = (name) => {
+		setFormTouched(name, true);
+	};
+	const handleSubmit = async (component, data, skipValidation) => {
+		if (!currentFlow) return;
+		if (!skipValidation) {
+			touchAllFields();
+			if (!validateForm().isValid) return;
+		}
+		setIsLoading(true);
+		setApiError(null);
+		clearMessages();
+		try {
+			const filteredInputs = {};
+			if (data) Object.entries(data).forEach(([key, value]) => {
+				if (value !== null && value !== void 0 && value !== "") filteredInputs[key] = value;
+			});
+			const payload = {
+				...currentFlow.executionId && { executionId: currentFlow.executionId },
+				...component.id && { action: component.id },
+				...challengeTokenRef.current ? { challengeToken: challengeTokenRef.current } : {},
+				inputs: filteredInputs
+			};
+			const rawResponse = await onSubmit?.(payload);
+			if (!rawResponse) return;
+			const response = normalizeFlowResponseLocal(rawResponse);
+			onFlowChange?.(response);
+			if (response.challengeToken !== void 0) challengeTokenRef.current = response.challengeToken ?? null;
+			if (response.flowStatus === __thunderid_browser.EmbeddedRecoveryFlowStatusV2.Error) {
+				handleError(response);
+				onError?.(new Error(require_flowTransformer.extractErrorMessage(response, t)));
+				return;
+			}
+			if (response.flowStatus === __thunderid_browser.EmbeddedRecoveryFlowStatusV2.Complete) {
+				onComplete?.(response);
+				return;
+			}
+			if (response.flowStatus === __thunderid_browser.EmbeddedRecoveryFlowStatusV2.Incomplete) {
+				setCurrentFlow(response);
+				setupFormFields(response);
+				if (response?.error) handleError(response);
+			}
+		} catch (err) {
+			handleError(err);
+			onError?.(err);
+		} finally {
+			setIsLoading(false);
+		}
+	};
+	const containerClasses = (0, __emotion_css.cx)([
+		(0, __thunderid_browser.withVendorCSSClassPrefix)("recovery"),
+		(0, __thunderid_browser.withVendorCSSClassPrefix)(`recovery--${size}`),
+		(0, __thunderid_browser.withVendorCSSClassPrefix)(`recovery--${variant}`)
+	], className);
+	const inputClasses = (0, __emotion_css.cx)([
+		(0, __thunderid_browser.withVendorCSSClassPrefix)("recovery__input"),
+		size === "small" && (0, __thunderid_browser.withVendorCSSClassPrefix)("recovery__input--small"),
+		size === "large" && (0, __thunderid_browser.withVendorCSSClassPrefix)("recovery__input--large")
+	], inputClassName);
+	const buttonClasses = (0, __emotion_css.cx)([
+		(0, __thunderid_browser.withVendorCSSClassPrefix)("recovery__button"),
+		size === "small" && (0, __thunderid_browser.withVendorCSSClassPrefix)("recovery__button--small"),
+		size === "large" && (0, __thunderid_browser.withVendorCSSClassPrefix)("recovery__button--large")
+	], buttonClassName);
+	const errorClasses = (0, __emotion_css.cx)([(0, __thunderid_browser.withVendorCSSClassPrefix)("recovery__error")], errorClassName);
+	const messageClasses = (0, __emotion_css.cx)([(0, __thunderid_browser.withVendorCSSClassPrefix)("recovery__messages")], messageClassName);
+	const renderComponents = (0, react.useCallback)((components) => require_AuthOptionFactory.renderRecoveryComponents(components, formValues, touchedFields, formErrors, isLoading, isFormValid, handleInputChange, {
+		_customRenderers: customRenderers,
+		_theme: theme,
+		buttonClassName: buttonClasses,
+		inputClassName: inputClasses,
+		meta,
+		onInputBlur: handleInputBlur,
+		onSubmit: handleSubmit,
+		size,
+		variant
+	}), [
+		customRenderers,
+		buttonClasses,
+		formErrors,
+		formValues,
+		handleInputBlur,
+		handleSubmit,
+		inputClasses,
+		isFormValid,
+		meta,
+		isLoading,
+		size,
+		theme,
+		touchedFields,
+		variant
+	]);
+	(0, react.useEffect)(() => {
+		if (isInitialized && !isFlowInitialized && !initializationAttemptedRef.current) {
+			initializationAttemptedRef.current = true;
+			(async () => {
+				setIsLoading(true);
+				setApiError(null);
+				clearMessages();
+				try {
+					const rawResponse = await onInitialize?.();
+					if (!rawResponse) return;
+					const response = normalizeFlowResponseLocal(rawResponse);
+					if (response.challengeToken !== void 0) challengeTokenRef.current = response.challengeToken ?? null;
+					if (response.flowStatus === __thunderid_browser.EmbeddedRecoveryFlowStatusV2.Error) {
+						handleError(response);
+						onError?.(new Error(require_flowTransformer.extractErrorMessage(response, t)));
+					}
+					setCurrentFlow(response);
+					setIsFlowInitialized(true);
+					onFlowChange?.(response);
+					if (response.flowStatus === __thunderid_browser.EmbeddedRecoveryFlowStatusV2.Complete) {
+						onComplete?.(response);
+						return;
+					}
+					if (response.flowStatus === __thunderid_browser.EmbeddedRecoveryFlowStatusV2.Incomplete) {
+						setupFormFields(response);
+						if (response?.error) handleError(response);
+					}
+				} catch (err) {
+					handleError(err);
+					onError?.(err);
+				} finally {
+					setIsLoading(false);
+				}
+			})();
+		}
+	}, [
+		isFlowInitialized,
+		isInitialized,
+		normalizeFlowResponseLocal,
+		onComplete,
+		onError,
+		onFlowChange,
+		onInitialize,
+		setupFormFields,
+		t
+	]);
+	if (children) {
+		if (typeof children === "function") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: containerClasses,
+			children: children({
+				components: currentFlow?.data?.components || [],
+				error: apiError,
+				fieldErrors: formErrors,
+				handleInputChange,
+				handleSubmit,
+				isLoading,
+				isValid: isFormValid,
+				messages: flowMessages || [],
+				meta,
+				subtitle: flowSubtitle || t("recovery.subheading"),
+				title: flowTitle || t("recovery.heading"),
+				touched: touchedFields,
+				validateForm: () => {
+					const result = validateForm();
+					return {
+						fieldErrors: result.errors,
+						isValid: result.isValid
+					};
+				},
+				values: formValues
+			})
+		});
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: containerClasses,
+			children
+		});
+	}
+	if (!isFlowInitialized && isLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Card.default, {
+		className: (0, __emotion_css.cx)(containerClasses, styles.card),
+		variant,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Card.default.Content, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: styles.loadingContainer,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Spinner.default, { size: "medium" })
+		}) })
+	});
+	if (!currentFlow) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Card.default, {
+		className: (0, __emotion_css.cx)(containerClasses, styles.card),
+		variant,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Card.default.Content, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Alert.default, {
+			variant: "error",
+			className: errorClasses,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Alert.default.Title, { children: t("errors.heading") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Alert.default.Description, { children: t("errors.recovery.flow.initialization.failure") })]
+		}) })
+	});
+	const { title, subtitle, componentsWithoutHeadings } = require_getAuthComponentHeadings.default(currentFlow.data?.components || [], flowTitle, flowSubtitle, t("recovery.heading"), t("recovery.subheading"));
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Card.default, {
+		className: (0, __emotion_css.cx)(containerClasses, styles.card),
+		variant,
+		children: [(showTitle || showSubtitle) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Card.default.Header, {
+			className: styles.header,
+			children: [showTitle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Card.default.Title, {
+				level: 2,
+				className: styles.title,
+				children: title
+			}), showSubtitle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.default, {
+				variant: "body1",
+				className: styles.subtitle,
+				children: subtitle
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Card.default.Content, { children: [
+			externalError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: styles.flowMessagesContainer,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Alert.default, {
+					variant: "error",
+					className: (0, __emotion_css.cx)(styles.flowMessageItem, messageClasses),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Alert.default.Description, { children: externalError.message })
+				})
+			}),
+			flowMessages && flowMessages.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: styles.flowMessagesContainer,
+				children: flowMessages.map((message, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Alert.default, {
+					variant: message.type?.toLowerCase() === "error" ? "error" : "info",
+					className: (0, __emotion_css.cx)(styles.flowMessageItem, messageClasses),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Alert.default.Description, { children: message.message })
+				}, message.id || index))
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: styles.contentContainer,
+				children: componentsWithoutHeadings && componentsWithoutHeadings.length > 0 ? renderComponents(componentsWithoutHeadings) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Alert.default, {
+					variant: "warning",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.default, {
+						variant: "body1",
+						children: t("errors.recovery.components.not.available")
+					})
+				})
+			})
+		] })]
+	});
+};
+/**
+* BaseRecovery component for ThunderIDV2 that provides an embedded account/password recovery flow.
+* Accepts API functions as props to maintain framework independence.
+*/
+const BaseRecovery = ({ preferences, showLogo = true,...rest }) => {
+	const { theme, colorScheme } = require_useTheme.default();
+	const styles = require_BaseSignUp_styles.default(theme, colorScheme);
+	const content = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [showLogo && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: styles.logoContainer,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Logo.default, { size: "large" })
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FlowProvider.default, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BaseRecoveryContent, {
+		showLogo,
+		...rest
+	}) })] });
+	if (!preferences) return content;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ComponentPreferencesContext.default.Provider, {
+		value: preferences,
+		children: content
+	});
+};
+var BaseRecovery_default = BaseRecovery;
+
+//#endregion
+exports.default = BaseRecovery_default;
+//# sourceMappingURL=BaseRecovery.cjs.map

package/dist/cjs/components/presentation/auth/Recovery/v2/BaseRecovery.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseRecovery.cjs","names":["BaseRecoveryContent: FC<BaseRecoveryProps>","useTheme","customRenderers: ComponentRendererMap","ComponentRendererContext","useTranslation","useFlow","useThunderID","styles: any","useStyles","initializationAttemptedRef: any","challengeTokenRef: any","handleError: any","errorMessage: string","extractErrorMessage","normalizeFlowResponseLocal: any","normalizeFlowResponse","extractFormFields: any","fields: FormField[]","EmbeddedFlowComponentType","fieldName: any","useForm","setupFormFields: any","fields: any","initialValues: Record<string, string>","filteredInputs: Record<string, any>","payload: EmbeddedRecoveryFlowRequestV2","rawResponse: any","response: any","EmbeddedRecoveryFlowStatusV2","containerClasses: any","inputClasses: any","buttonClasses: any","errorClasses: any","messageClasses: any","renderComponents: any","renderRecoveryComponents","result: ReturnType<typeof validateForm>","CardPrimitive","Spinner","AlertPrimitive","getAuthComponentHeadings","Typography","BaseRecovery: FC<BaseRecoveryProps>","content: ReactElement","Logo","FlowProvider","ComponentPreferencesContext"],"sources":["../../../../../../../src/components/presentation/auth/Recovery/v2/BaseRecovery.tsx"],"sourcesContent":["/**\n * Copyright (c) 2026, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {cx} from '@emotion/css';\nimport {\n  EmbeddedRecoveryFlowRequestV2,\n  EmbeddedRecoveryFlowResponseV2,\n  EmbeddedRecoveryFlowStatusV2,\n  EmbeddedFlowComponentTypeV2 as EmbeddedFlowComponentType,\n  withVendorCSSClassPrefix,\n  Preferences,\n  FlowMetadataResponse,\n} from '@thunderid/browser';\nimport {FC, ReactElement, ReactNode, useContext, useEffect, useState, useCallback, useRef} from 'react';\nimport ComponentRendererContext, {\n  ComponentRendererMap,\n} from '../../../../../contexts/ComponentRenderer/ComponentRendererContext';\nimport FlowProvider from '../../../../../contexts/Flow/FlowProvider';\nimport useFlow from '../../../../../contexts/Flow/useFlow';\nimport ComponentPreferencesContext from '../../../../../contexts/I18n/ComponentPreferencesContext';\nimport useTheme from '../../../../../contexts/Theme/useTheme';\nimport useThunderID from '../../../../../contexts/ThunderID/useThunderID';\nimport {useForm, FormField} from '../../../../../hooks/useForm';\nimport useTranslation from '../../../../../hooks/useTranslation';\nimport {normalizeFlowResponse, extractErrorMessage} from '../../../../../utils/v2/flowTransformer';\nimport getAuthComponentHeadings from '../../../../../utils/v2/getAuthComponentHeadings';\nimport AlertPrimitive from '../../../../primitives/Alert/Alert';\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 {renderRecoveryComponents} from '../../AuthOptionFactory';\nimport useStyles from '../../SignUp/BaseSignUp.styles';\n\n/**\n * Render props for custom UI rendering.\n */\nexport interface BaseRecoveryRenderProps {\n  components: any[];\n  error?: Error | null;\n  fieldErrors: Record<string, string>;\n  handleInputChange: (name: string, value: string) => void;\n  handleSubmit: (component: any, data?: Record<string, any>) => Promise<void>;\n  isLoading: boolean;\n  isValid: boolean;\n  messages: {message: string; type: string}[];\n  meta: FlowMetadataResponse | null;\n  subtitle: string;\n  title: string;\n  touched: Record<string, boolean>;\n  validateForm: () => {fieldErrors: Record<string, string>; isValid: boolean};\n  values: Record<string, string>;\n}\n\n/**\n * Props for the BaseRecovery component.\n */\nexport interface BaseRecoveryProps {\n  afterRecoveryUrl?: string;\n  buttonClassName?: string;\n  /**\n   * Render props function for custom UI or static content\n   */\n  children?: ((props: BaseRecoveryRenderProps) => ReactNode) | ReactNode;\n  className?: string;\n  error?: Error | null;\n  errorClassName?: string;\n  inputClassName?: string;\n  isInitialized?: boolean;\n  messageClassName?: string;\n  onComplete?: (response: EmbeddedRecoveryFlowResponseV2) => void;\n  onError?: (error: Error) => void;\n  onFlowChange?: (response: EmbeddedRecoveryFlowResponseV2) => void;\n  onInitialize?: (payload?: EmbeddedRecoveryFlowRequestV2) => Promise<EmbeddedRecoveryFlowResponseV2>;\n  onSubmit?: (payload: EmbeddedRecoveryFlowRequestV2) => Promise<EmbeddedRecoveryFlowResponseV2>;\n  /**\n   * Component-level preferences to override global i18n and theme settings.\n   */\n  preferences?: Preferences;\n  showLogo?: boolean;\n  showSubtitle?: boolean;\n  showTitle?: boolean;\n  size?: 'small' | 'medium' | 'large';\n  variant?: CardProps['variant'];\n}\n\n/**\n * Internal component that renders the V2 recovery UI and manages flow state.\n *\n * @internal\n */\nconst BaseRecoveryContent: FC<BaseRecoveryProps> = ({\n  onInitialize,\n  onSubmit,\n  onError,\n  onFlowChange,\n  onComplete,\n  error: externalError,\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}: BaseRecoveryProps): ReactElement => {\n  const {theme, colorScheme} = useTheme();\n  const customRenderers: ComponentRendererMap = useContext(ComponentRendererContext);\n  const {t} = useTranslation();\n  const {subtitle: flowSubtitle, title: flowTitle, messages: flowMessages, addMessage, clearMessages} = useFlow();\n  const {meta} = useThunderID();\n  const styles: any = useStyles(theme, colorScheme);\n\n  const [isLoading, setIsLoading] = useState(false);\n  const [isFlowInitialized, setIsFlowInitialized] = useState(false);\n  const [currentFlow, setCurrentFlow] = useState<EmbeddedRecoveryFlowResponseV2 | null>(null);\n  const [apiError, setApiError] = useState<Error | null>(null);\n\n  const initializationAttemptedRef: any = useRef(false);\n  const challengeTokenRef: any = useRef<string | null>(null);\n\n  const handleError: any = useCallback(\n    (error: any) => {\n      const errorMessage: string = extractErrorMessage(error, t);\n      setApiError(error instanceof Error ? error : new Error(errorMessage));\n      clearMessages();\n      addMessage({message: errorMessage, type: 'error'});\n    },\n    [t, addMessage, clearMessages],\n  );\n\n  const normalizeFlowResponseLocal: any = useCallback(\n    (response: EmbeddedRecoveryFlowResponseV2): EmbeddedRecoveryFlowResponseV2 => {\n      if (response?.data?.components && Array.isArray(response.data.components)) {\n        return response;\n      }\n\n      if (response?.data) {\n        const {components} = normalizeFlowResponse(\n          response,\n          t,\n          {defaultErrorKey: 'components.recovery.errors.generic', resolveTranslations: false},\n          meta,\n        );\n\n        return {...response, data: {...response.data, components: components as any}};\n      }\n\n      return response;\n    },\n    [t, meta],\n  );\n\n  const extractFormFields: any = useCallback(\n    (components: any[]): FormField[] => {\n      const fields: FormField[] = [];\n\n      const processComponents = (comps: any[]): any => {\n        comps.forEach((component: any) => {\n          if (\n            component.type === EmbeddedFlowComponentType.TextInput ||\n            component.type === EmbeddedFlowComponentType.PasswordInput ||\n            component.type === EmbeddedFlowComponentType.EmailInput ||\n            component.type === EmbeddedFlowComponentType.Select\n          ) {\n            const fieldName: any = component.ref || component.id;\n            fields.push({\n              initialValue: '',\n              name: fieldName,\n              required: component.required || false,\n              validator: (value: string) => {\n                if (component.required && (!value || value.trim() === '')) {\n                  return t('validations.required.field.error');\n                }\n                if (\n                  (component.type === EmbeddedFlowComponentType.EmailInput || component.variant === 'EMAIL') &&\n                  value &&\n                  !/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(value)\n                ) {\n                  return t('field.email.invalid');\n                }\n                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: false,\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    touchAllFields,\n    reset: resetForm,\n  } = form;\n\n  const setupFormFields: any = useCallback(\n    (flowResponse: EmbeddedRecoveryFlowResponseV2) => {\n      const fields: any = extractFormFields(flowResponse.data?.components || []);\n      const initialValues: Record<string, string> = {};\n      fields.forEach((field: any) => {\n        initialValues[field.name] = field.initialValue || '';\n      });\n      resetForm();\n      Object.keys(initialValues).forEach((key: any) => setFormValue(key, initialValues[key]));\n    },\n    [extractFormFields, resetForm, setFormValue],\n  );\n\n  const handleInputChange = (name: string, value: string): void => {\n    setFormValue(name, value);\n  };\n\n  const handleInputBlur = (name: string): void => {\n    setFormTouched(name, true);\n  };\n\n  const handleSubmit = async (component: any, data?: Record<string, any>, skipValidation?: boolean): Promise<void> => {\n    if (!currentFlow) return;\n\n    if (!skipValidation) {\n      touchAllFields();\n      const validation: ReturnType<typeof validateForm> = validateForm();\n      if (!validation.isValid) return;\n    }\n\n    setIsLoading(true);\n    setApiError(null);\n    clearMessages();\n\n    try {\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 payload: EmbeddedRecoveryFlowRequestV2 = {\n        ...(currentFlow.executionId && {executionId: currentFlow.executionId}),\n        ...(component.id && {action: component.id}),\n        ...(challengeTokenRef.current ? {challengeToken: challengeTokenRef.current} : {}),\n        inputs: filteredInputs,\n      };\n\n      const rawResponse: any = await onSubmit?.(payload);\n      if (!rawResponse) return;\n      const response: any = normalizeFlowResponseLocal(rawResponse);\n      onFlowChange?.(response);\n\n      if (response.challengeToken !== undefined) {\n        challengeTokenRef.current = response.challengeToken ?? null;\n      }\n\n      if (response.flowStatus === EmbeddedRecoveryFlowStatusV2.Error) {\n        handleError(response);\n        onError?.(new Error(extractErrorMessage(response, t)));\n        return;\n      }\n\n      if (response.flowStatus === EmbeddedRecoveryFlowStatusV2.Complete) {\n        onComplete?.(response);\n        return;\n      }\n\n      if (response.flowStatus === EmbeddedRecoveryFlowStatusV2.Incomplete) {\n        setCurrentFlow(response);\n        setupFormFields(response);\n\n        // Display error from INCOMPLETE response\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n        if (response?.error) {\n          handleError(response);\n        }\n      }\n    } catch (err) {\n      handleError(err);\n      onError?.(err as Error);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  const containerClasses: any = cx(\n    [\n      withVendorCSSClassPrefix('recovery'),\n      withVendorCSSClassPrefix(`recovery--${size}`),\n      withVendorCSSClassPrefix(`recovery--${variant}`),\n    ],\n    className,\n  );\n\n  const inputClasses: any = cx(\n    [\n      withVendorCSSClassPrefix('recovery__input'),\n      size === 'small' && withVendorCSSClassPrefix('recovery__input--small'),\n      size === 'large' && withVendorCSSClassPrefix('recovery__input--large'),\n    ],\n    inputClassName,\n  );\n\n  const buttonClasses: any = cx(\n    [\n      withVendorCSSClassPrefix('recovery__button'),\n      size === 'small' && withVendorCSSClassPrefix('recovery__button--small'),\n      size === 'large' && withVendorCSSClassPrefix('recovery__button--large'),\n    ],\n    buttonClassName,\n  );\n\n  const errorClasses: any = cx([withVendorCSSClassPrefix('recovery__error')], errorClassName);\n  const messageClasses: any = cx([withVendorCSSClassPrefix('recovery__messages')], messageClassName);\n\n  const renderComponents: any = useCallback(\n    (components: any[]): ReactElement[] =>\n      renderRecoveryComponents(\n        components,\n        formValues,\n        touchedFields,\n        formErrors,\n        isLoading,\n        isFormValid,\n        handleInputChange,\n        {\n          _customRenderers: customRenderers,\n          _theme: theme,\n          buttonClassName: buttonClasses,\n          inputClassName: inputClasses,\n          meta,\n          onInputBlur: handleInputBlur,\n          onSubmit: handleSubmit,\n          size,\n          variant,\n        },\n      ),\n    [\n      customRenderers,\n      buttonClasses,\n      formErrors,\n      formValues,\n      handleInputBlur,\n      handleSubmit,\n      inputClasses,\n      isFormValid,\n      meta,\n      isLoading,\n      size,\n      theme,\n      touchedFields,\n      variant,\n    ],\n  );\n\n  useEffect(() => {\n    if (isInitialized && !isFlowInitialized && !initializationAttemptedRef.current) {\n      initializationAttemptedRef.current = true;\n\n      (async (): Promise<void> => {\n        setIsLoading(true);\n        setApiError(null);\n        clearMessages();\n\n        try {\n          const rawResponse: any = await onInitialize?.();\n          if (!rawResponse) return;\n          const response: any = normalizeFlowResponseLocal(rawResponse);\n\n          if (response.challengeToken !== undefined) {\n            challengeTokenRef.current = response.challengeToken ?? null;\n          }\n\n          if (response.flowStatus === EmbeddedRecoveryFlowStatusV2.Error) {\n            handleError(response);\n            onError?.(new Error(extractErrorMessage(response, t)));\n          }\n\n          setCurrentFlow(response);\n          setIsFlowInitialized(true);\n          onFlowChange?.(response);\n\n          if (response.flowStatus === EmbeddedRecoveryFlowStatusV2.Complete) {\n            onComplete?.(response);\n            return;\n          }\n\n          if (response.flowStatus === EmbeddedRecoveryFlowStatusV2.Incomplete) {\n            setupFormFields(response);\n\n            // Display error from INCOMPLETE response\n            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n            if (response?.error) {\n              handleError(response);\n            }\n          }\n        } catch (err) {\n          handleError(err);\n          onError?.(err as Error);\n        } finally {\n          setIsLoading(false);\n        }\n      })();\n    }\n  }, [\n    isFlowInitialized,\n    isInitialized,\n    normalizeFlowResponseLocal,\n    onComplete,\n    onError,\n    onFlowChange,\n    onInitialize,\n    setupFormFields,\n    t,\n  ]);\n\n  if (children) {\n    if (typeof children === 'function') {\n      const renderProps: BaseRecoveryRenderProps = {\n        components: currentFlow?.data?.components || [],\n        error: apiError,\n        fieldErrors: formErrors,\n        handleInputChange,\n        handleSubmit,\n        isLoading,\n        isValid: isFormValid,\n        messages: flowMessages || [],\n        meta,\n        subtitle: flowSubtitle || t('recovery.subheading'),\n        title: flowTitle || t('recovery.heading'),\n        touched: touchedFields,\n        validateForm: (): {fieldErrors: Record<string, string>; isValid: boolean} => {\n          const result: ReturnType<typeof validateForm> = validateForm();\n          return {fieldErrors: result.errors, isValid: result.isValid};\n        },\n        values: formValues,\n      };\n\n      return <div className={containerClasses}>{(children as any)(renderProps)}</div>;\n    }\n\n    return <div className={containerClasses}>{children}</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.recovery.flow.initialization.failure')}</AlertPrimitive.Description>\n          </AlertPrimitive>\n        </CardPrimitive.Content>\n      </CardPrimitive>\n    );\n  }\n\n  const componentsToRender: any = currentFlow.data?.components || [];\n  const {title, subtitle, componentsWithoutHeadings} = getAuthComponentHeadings(\n    componentsToRender,\n    flowTitle,\n    flowSubtitle,\n    t('recovery.heading'),\n    t('recovery.subheading'),\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              {title}\n            </CardPrimitive.Title>\n          )}\n          {showSubtitle && (\n            <Typography variant=\"body1\" className={styles.subtitle}>\n              {subtitle}\n            </Typography>\n          )}\n        </CardPrimitive.Header>\n      )}\n      <CardPrimitive.Content>\n        {externalError && (\n          <div className={styles.flowMessagesContainer}>\n            <AlertPrimitive variant=\"error\" className={cx(styles.flowMessageItem, messageClasses)}>\n              <AlertPrimitive.Description>{externalError.message}</AlertPrimitive.Description>\n            </AlertPrimitive>\n          </div>\n        )}\n        {flowMessages && flowMessages.length > 0 && (\n          <div className={styles.flowMessagesContainer}>\n            {flowMessages.map((message: any, index: number) => (\n              <AlertPrimitive\n                key={message.id || index}\n                variant={message.type?.toLowerCase() === 'error' ? 'error' : 'info'}\n                className={cx(styles.flowMessageItem, messageClasses)}\n              >\n                <AlertPrimitive.Description>{message.message}</AlertPrimitive.Description>\n              </AlertPrimitive>\n            ))}\n          </div>\n        )}\n        <div className={styles.contentContainer}>\n          {componentsWithoutHeadings && componentsWithoutHeadings.length > 0 ? (\n            renderComponents(componentsWithoutHeadings)\n          ) : (\n            <AlertPrimitive variant=\"warning\">\n              <Typography variant=\"body1\">{t('errors.recovery.components.not.available')}</Typography>\n            </AlertPrimitive>\n          )}\n        </div>\n      </CardPrimitive.Content>\n    </CardPrimitive>\n  );\n};\n\n/**\n * BaseRecovery component for ThunderIDV2 that provides an embedded account/password recovery flow.\n * Accepts API functions as props to maintain framework independence.\n */\nconst BaseRecovery: FC<BaseRecoveryProps> = ({\n  preferences,\n  showLogo = true,\n  ...rest\n}: BaseRecoveryProps): ReactElement => {\n  const {theme, colorScheme} = useTheme();\n  const styles: any = useStyles(theme, colorScheme);\n\n  const content: ReactElement = (\n    <div>\n      {showLogo && (\n        <div className={styles.logoContainer}>\n          <Logo size=\"large\" />\n        </div>\n      )}\n      <FlowProvider>\n        <BaseRecoveryContent showLogo={showLogo} {...rest} />\n      </FlowProvider>\n    </div>\n  );\n\n  if (!preferences) return content;\n\n  return <ComponentPreferencesContext.Provider value={preferences}>{content}</ComponentPreferencesContext.Provider>;\n};\n\nexport default BaseRecovery;\n"],"mappings":"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"}

package/dist/cjs/components/presentation/auth/Recovery/v2/Recovery.cjs

@@ -0,0 +1,78 @@
+const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.cjs');
+const require_useThunderID = require('../../../../../contexts/ThunderID/useThunderID.cjs');
+const require_BaseRecovery = require('./BaseRecovery.cjs');
+let __thunderid_browser = require("@thunderid/browser");
+__thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/presentation/auth/Recovery/v2/Recovery.tsx
+/**
+* Recovery component for ThunderIDV2 that provides an embedded account/password recovery flow.
+*
+* @example
+* ```tsx
+* // Default UI
+* <Recovery
+*   afterRecoveryUrl="/sign-in"
+*   onComplete={(response) => console.log('Recovery complete', response)}
+*   onError={(error) => console.error('Recovery failed', error)}
+* />
+*
+* // Custom UI with render props
+* <Recovery>
+*   {({ values, fieldErrors, handleInputChange, handleSubmit, isLoading, components }) => (
+*     <form onSubmit={(e) => { e.preventDefault(); handleSubmit(components[0], values); }}>
+*       ...
+*     </form>
+*   )}
+* </Recovery>
+* ```
+*/
+const Recovery = ({ className, size = "medium", afterRecoveryUrl, onError, onComplete, tokenUrlParam, children,...rest }) => {
+	const { recover, isInitialized, applicationId } = require_useThunderID.default();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BaseRecovery.default, {
+		afterRecoveryUrl,
+		onInitialize: (0, react.useCallback)(async (payload) => {
+			const urlParams = new URL(window.location.href).searchParams;
+			const applicationIdFromUrl = urlParams.get("applicationId");
+			const effectiveApplicationId = applicationId ?? applicationIdFromUrl;
+			if (tokenUrlParam) {
+				const executionId = urlParams.get("executionId");
+				const tokenValue = urlParams.get(tokenUrlParam);
+				if (executionId && tokenValue) return await recover({
+					executionId,
+					inputs: { [tokenUrlParam]: tokenValue }
+				});
+			}
+			return await recover(payload ?? {
+				flowType: __thunderid_browser.EmbeddedFlowType.Recovery,
+				...effectiveApplicationId && { applicationId: effectiveApplicationId }
+			});
+		}, [
+			applicationId,
+			tokenUrlParam,
+			recover
+		]),
+		onSubmit: (0, react.useCallback)(async (payload) => await recover(payload), [recover]),
+		onError,
+		onComplete: (0, react.useCallback)((response) => {
+			onComplete?.(response);
+			if (afterRecoveryUrl) window.location.href = afterRecoveryUrl;
+		}, [onComplete, afterRecoveryUrl]),
+		className,
+		size,
+		isInitialized,
+		showTitle: true,
+		showSubtitle: true,
+		children,
+		...rest
+	});
+};
+var Recovery_default = Recovery;
+
+//#endregion
+exports.default = Recovery_default;
+//# sourceMappingURL=Recovery.cjs.map

package/dist/cjs/components/presentation/auth/Recovery/v2/Recovery.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Recovery.cjs","names":["Recovery: FC<RecoveryProps>","useThunderID","BaseRecovery","urlParams: URLSearchParams","applicationIdFromUrl: string | null","effectiveApplicationId: string | null","executionId: string | null","tokenValue: string | null","EmbeddedFlowType"],"sources":["../../../../../../../src/components/presentation/auth/Recovery/v2/Recovery.tsx"],"sourcesContent":["/**\n * Copyright (c) 2026, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {EmbeddedRecoveryFlowRequestV2, EmbeddedRecoveryFlowResponseV2, EmbeddedFlowType} from '@thunderid/browser';\nimport {FC, PropsWithChildren, ReactElement, useCallback} from 'react';\nimport BaseRecovery, {BaseRecoveryProps} from './BaseRecovery';\nimport useThunderID from '../../../../../contexts/ThunderID/useThunderID';\n\nexport type RecoveryProps = PropsWithChildren<\n  BaseRecoveryProps & {\n    /**\n     * URL query parameter name that carries the recovery token when the user lands via a recovery link.\n     * When set and both `executionId` and this param are present in the URL, the component resumes the\n     * existing flow instead of starting a new one.\n     *\n     * @example\n     * // For a link like /recovery?executionId=xxx&recoveryToken=yyy\n     * <Recovery tokenUrlParam=\"recoveryToken\" />\n     */\n    tokenUrlParam?: string;\n  }\n>;\n\n/**\n * Recovery component for ThunderIDV2 that provides an embedded account/password recovery flow.\n *\n * @example\n * ```tsx\n * // Default UI\n * <Recovery\n *   afterRecoveryUrl=\"/sign-in\"\n *   onComplete={(response) => console.log('Recovery complete', response)}\n *   onError={(error) => console.error('Recovery failed', error)}\n * />\n *\n * // Custom UI with render props\n * <Recovery>\n *   {({ values, fieldErrors, handleInputChange, handleSubmit, isLoading, components }) => (\n *     <form onSubmit={(e) => { e.preventDefault(); handleSubmit(components[0], values); }}>\n *       ...\n *     </form>\n *   )}\n * </Recovery>\n * ```\n */\nconst Recovery: FC<RecoveryProps> = ({\n  className,\n  size = 'medium',\n  afterRecoveryUrl,\n  onError,\n  onComplete,\n  tokenUrlParam,\n  children,\n  ...rest\n}: RecoveryProps): ReactElement => {\n  const {recover, isInitialized, applicationId} = useThunderID();\n\n  const handleInitialize: (payload?: EmbeddedRecoveryFlowRequestV2) => Promise<EmbeddedRecoveryFlowResponseV2> =\n    useCallback(\n      async (payload?: EmbeddedRecoveryFlowRequestV2): Promise<EmbeddedRecoveryFlowResponseV2> => {\n        const urlParams: URLSearchParams = new URL(window.location.href).searchParams;\n        const applicationIdFromUrl: string | null = urlParams.get('applicationId');\n        const effectiveApplicationId: string | null = applicationId ?? applicationIdFromUrl;\n\n        if (tokenUrlParam) {\n          const executionId: string | null = urlParams.get('executionId');\n          const tokenValue: string | null = urlParams.get(tokenUrlParam);\n\n          if (executionId && tokenValue) {\n            const resumePayload: EmbeddedRecoveryFlowRequestV2 = {\n              executionId,\n              inputs: {[tokenUrlParam]: tokenValue},\n            };\n            return (await recover(resumePayload)) as EmbeddedRecoveryFlowResponseV2;\n          }\n        }\n\n        const initialPayload: EmbeddedRecoveryFlowRequestV2 = payload ?? {\n          flowType: EmbeddedFlowType.Recovery,\n          ...(effectiveApplicationId && {applicationId: effectiveApplicationId}),\n        };\n\n        return (await recover(initialPayload)) as EmbeddedRecoveryFlowResponseV2;\n      },\n      [applicationId, tokenUrlParam, recover],\n    );\n\n  const handleOnSubmit: (payload: EmbeddedRecoveryFlowRequestV2) => Promise<EmbeddedRecoveryFlowResponseV2> =\n    useCallback(\n      async (payload: EmbeddedRecoveryFlowRequestV2): Promise<EmbeddedRecoveryFlowResponseV2> =>\n        (await recover(payload)) as EmbeddedRecoveryFlowResponseV2,\n      [recover],\n    );\n\n  const handleComplete: (response: EmbeddedRecoveryFlowResponseV2) => void = useCallback(\n    (response: EmbeddedRecoveryFlowResponseV2): void => {\n      onComplete?.(response);\n\n      if (afterRecoveryUrl) {\n        window.location.href = afterRecoveryUrl;\n      }\n    },\n    [onComplete, afterRecoveryUrl],\n  );\n\n  return (\n    <BaseRecovery\n      afterRecoveryUrl={afterRecoveryUrl}\n      onInitialize={handleInitialize}\n      onSubmit={handleOnSubmit}\n      onError={onError}\n      onComplete={handleComplete}\n      className={className}\n      size={size}\n      isInitialized={isInitialized}\n      showTitle={true}\n      showSubtitle={true}\n      children={children}\n      {...rest}\n    />\n  );\n};\n\nexport default Recovery;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA,MAAMA,YAA+B,EACnC,WACA,OAAO,UACP,kBACA,SACA,YACA,eACA,SACA,GAAG,WAC8B;CACjC,MAAM,EAAC,SAAS,eAAe,kBAAiBC,8BAAc;AAkD9D,QACE,2CAACC;EACmB;EAClB,qCAjDA,OAAO,YAAqF;GAC1F,MAAMC,YAA6B,IAAI,IAAI,OAAO,SAAS,KAAK,CAAC;GACjE,MAAMC,uBAAsC,UAAU,IAAI,gBAAgB;GAC1E,MAAMC,yBAAwC,iBAAiB;AAE/D,OAAI,eAAe;IACjB,MAAMC,cAA6B,UAAU,IAAI,cAAc;IAC/D,MAAMC,aAA4B,UAAU,IAAI,cAAc;AAE9D,QAAI,eAAe,WAKjB,QAAQ,MAAM,QAJuC;KACnD;KACA,QAAQ,GAAE,gBAAgB,YAAW;KACtC,CACmC;;AASxC,UAAQ,MAAM,QALwC,WAAW;IAC/D,UAAUC,qCAAiB;IAC3B,GAAI,0BAA0B,EAAC,eAAe,wBAAuB;IACtE,CAEoC;KAEvC;GAAC;GAAe;GAAe;GAAQ,CACxC;EAwBC,iCApBA,OAAO,YACJ,MAAM,QAAQ,QAAQ,EACzB,CAAC,QAAQ,CACV;EAkBU;EACT,oCAhBD,aAAmD;AAClD,gBAAa,SAAS;AAEtB,OAAI,iBACF,QAAO,SAAS,OAAO;KAG3B,CAAC,YAAY,iBAAiB,CAC/B;EASc;EACL;EACS;EACf,WAAW;EACX,cAAc;EACJ;EACV,GAAI;GACJ;;AAIN,uBAAe"}

package/dist/cjs/components/presentation/auth/SignIn/BaseSignIn.cjs

@@ -0,0 +1,20 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_useThunderID = require('../../../../contexts/ThunderID/useThunderID.cjs');
+const require_BaseSignIn = require('./v1/BaseSignIn.cjs');
+const require_BaseSignIn$1 = require('./v2/BaseSignIn.cjs');
+let __thunderid_browser = require("@thunderid/browser");
+__thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/presentation/auth/SignIn/BaseSignIn.tsx
+const BaseSignIn = (props) => {
+	const { platform } = require_useThunderID.default();
+	if (platform === __thunderid_browser.Platform.ThunderID) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BaseSignIn$1.default, { ...props });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BaseSignIn.default, { ...props });
+};
+var BaseSignIn_default$2 = BaseSignIn;
+
+//#endregion
+exports.default = BaseSignIn_default$2;
+//# sourceMappingURL=BaseSignIn.cjs.map

package/dist/cjs/components/presentation/auth/SignIn/BaseSignIn.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseSignIn.cjs","names":["BaseSignIn: FC<BaseSignInProps>","useThunderID","Platform","BaseSignInV2","BaseSignInV1"],"sources":["../../../../../../src/components/presentation/auth/SignIn/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 {Platform} from '@thunderid/browser';\nimport {FC} from 'react';\nimport BaseSignInV1, {BaseSignInProps as BaseSignInV1Props} from './v1/BaseSignIn';\nimport BaseSignInV2, {BaseSignInProps as BaseSignInV2Props} from './v2/BaseSignIn';\nimport useThunderID from '../../../../contexts/ThunderID/useThunderID';\n\n/**\n * Props for the BaseSignIn component.\n * Extends BaseSignInV1Props & BaseSignInV2Props for full compatibility with both React BaseSignIn components.\n */\nexport type BaseSignInProps = BaseSignInV1Props | BaseSignInV2Props;\n\nconst BaseSignIn: FC<BaseSignInProps> = (props: BaseSignInProps) => {\n  const {platform} = useThunderID();\n\n  if (platform === Platform.ThunderID) {\n    return <BaseSignInV2 {...(props as BaseSignInV2Props)} />;\n  }\n\n  return <BaseSignInV1 {...(props as BaseSignInV1Props)} />;\n};\n\nexport default BaseSignIn;\n"],"mappings":";;;;;;;;;;AA8BA,MAAMA,cAAmC,UAA2B;CAClE,MAAM,EAAC,aAAYC,8BAAc;AAEjC,KAAI,aAAaC,6BAAS,UACxB,QAAO,2CAACC,gCAAa,GAAK,QAA+B;AAG3D,QAAO,2CAACC,8BAAa,GAAK,QAA+B;;AAG3D,2BAAe"}