@thunderid/react 0.3.0 → 0.3.3

package/dist/components/presentation/auth/SignIn/v1/options/UsernamePassword.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UsernamePassword.js","names":["UsernamePassword: FC<BaseSignInOptionProps>","useTheme","useTranslation","useFlow","formFields: any","Button"],"sources":["../../../../../../../src/components/presentation/auth/SignIn/v1/options/UsernamePassword.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 * Username Password Sign-In Option Component.\n * Handles traditional username and password authentication.\n */\nconst UsernamePassword: 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 =\n    authenticator!.metadata?.params\n      ?.sort((a: any, b: any) => a.order - b.order)\n      ?.filter((param: any) => param.param !== 'totp') || []; // Exclude TOTP fields for username/password\n\n  useEffect(() => {\n    setTitle(t('username.password.heading'));\n    setSubtitle(t('username.password.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        data-testid=\"thunderid-signin-submit\"\n        style={{marginBottom: `calc(${theme.vars.spacing.unit} * 2)`}}\n      >\n        {t('username.password.buttons.submit.text')}\n      </Button>\n    </>\n  );\n};\n\nexport default UsernamePassword;\n"],"mappings":";;;;;;;;;;;;;;AAgCA,MAAMA,oBAA+C,EACnD,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,aACJ,cAAe,UAAU,QACrB,MAAM,GAAQ,MAAW,EAAE,QAAQ,EAAE,MAAM,EAC3C,QAAQ,UAAe,MAAM,UAAU,OAAO,IAAI,EAAE;AAE1D,iBAAgB;AACd,WAAS,EAAE,4BAA4B,CAAC;AACxC,cAAY,EAAE,+BAA+B,CAAC;IAC7C;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,eAAY;EACZ,OAAO,EAAC,cAAc,QAAQ,MAAM,KAAK,QAAQ,KAAK,QAAO;YAE5D,EAAE,wCAAwC;GACpC,IACR;;AAIP,+BAAe"}

package/dist/components/presentation/auth/SignIn/v1/types.d.ts

@@ -1,125 +0,0 @@
-/**
- * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
- *
- * WSO2 LLC. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-import { EmbeddedSignInFlowAuthenticator, EmbeddedSignInFlowAuthenticatorParamType } from '@thunderid/browser';
-/**
- * Interface for form field state.
- */
-export interface FormField {
-    confidential: boolean;
-    displayName: string;
-    param: string;
-    required: boolean;
-    type: EmbeddedSignInFlowAuthenticatorParamType;
-    value: string;
-}
-/**
- * Base props that all authenticator components share.
- */
-export interface BaseAuthenticatorProps {
-    /**
-     * The authenticator configuration.
-     */
-    authenticator: EmbeddedSignInFlowAuthenticator;
-    /**
-     * Custom CSS class name for the submit button.
-     */
-    buttonClassName?: string;
-    /**
-     * Error message to display.
-     */
-    error?: string | null;
-    /**
-     * Current form values.
-     */
-    formValues: Record<string, string>;
-    /**
-     * Custom CSS class name for form inputs.
-     */
-    inputClassName?: string;
-    /**
-     * Whether the component is in loading state.
-     */
-    isLoading: boolean;
-    /**
-     * Callback function called when input values change.
-     */
-    onInputChange: (param: string, value: string) => void;
-    /**
-     * Callback function called when the authenticator is submitted.
-     */
-    onSubmit: (authenticator: EmbeddedSignInFlowAuthenticator, formData?: Record<string, string>) => void;
-    /**
-     * Text for the submit button.
-     */
-    submitButtonText?: string;
-}
-/**
- * Props for authenticator selector component.
- */
-export interface AuthenticatorSelectorProps {
-    /**
-     * Available authenticators for selection.
-     */
-    authenticators: EmbeddedSignInFlowAuthenticator[];
-    buttonClassName?: string;
-    /**
-     * Error message to display.
-     */
-    error?: string | null;
-    errorClassName?: string;
-    /**
-     * Current form values.
-     */
-    formValues: Record<string, string>;
-    /**
-     * Custom CSS class names.
-     */
-    inputClassName?: string;
-    /**
-     * Whether the component is in loading state.
-     */
-    isLoading: boolean;
-    messageClassName?: string;
-    /**
-     * Messages to display to the user.
-     */
-    messages: {
-        message: string;
-        type: string;
-    }[];
-    /**
-     * Callback function called when an authenticator is selected.
-     */
-    onAuthenticatorSelection: (authenticator: EmbeddedSignInFlowAuthenticator, formData?: Record<string, string>) => void;
-    /**
-     * Callback function called when input values change.
-     */
-    onInputChange: (param: string, value: string) => void;
-    /**
-     * Text for the submit button.
-     */
-    submitButtonText?: string;
-}
-/**
- * Style configuration for authenticators.
- */
-export interface AuthenticatorStyle {
-    color: string;
-    variant: 'solid' | 'outline';
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/components/presentation/auth/SignIn/v1/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/presentation/auth/SignIn/v1/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,+BAA+B,EAAE,wCAAwC,EAAC,MAAM,oBAAoB,CAAC;AAE7G;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,wCAAwC,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,aAAa,EAAE,+BAA+B,CAAC;IAE/C;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEtB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEnC;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtD;;OAEG;IACH,QAAQ,EAAE,CAAC,aAAa,EAAE,+BAA+B,EAAE,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAEtG;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC;;OAEG;IACH,cAAc,EAAE,+BAA+B,EAAE,CAAC;IAElD,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEtB,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEnC;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IAEnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,QAAQ,EAAE;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAC,EAAE,CAAC;IAC5C;;OAEG;IACH,wBAAwB,EAAE,CAAC,aAAa,EAAE,+BAA+B,EAAE,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IACtH;;OAEG;IACH,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtD;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;CAC9B"}

package/dist/components/presentation/auth/SignIn/v2/BaseSignIn.d.ts

@@ -1,222 +0,0 @@
-/**
- * Copyright (c) 2025-2026, WSO2 LLC. (https://www.wso2.com).
- *
- * WSO2 LLC. licenses this file to you under the Apache License,
- * Version 2.0 (the "License"); you may not use this file except
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-import { EmbeddedSignInFlowRequestV2 as EmbeddedSignInFlowRequest, EmbeddedFlowComponentV2 as EmbeddedFlowComponent, FlowMetadataResponse, Preferences } from '@thunderid/browser';
-import { FC, ReactNode } from 'react';
-import { CardProps } from '../../../../primitives/Card/Card';
-/**
- * Render props for custom UI rendering
- */
-export interface BaseSignInRenderProps {
-    /**
-     * Flow components
-     */
-    components: EmbeddedFlowComponent[];
-    /**
-     * API error (if any)
-     */
-    error?: Error | null;
-    /**
-     * Field validation errors
-     */
-    fieldErrors: Record<string, string>;
-    /**
-     * Function to handle input changes
-     */
-    handleInputChange: (name: string, value: string) => void;
-    /**
-     * Function to handle form submission
-     */
-    handleSubmit: (component: EmbeddedFlowComponent, data?: Record<string, any>) => Promise<void>;
-    /**
-     * Loading state
-     */
-    isLoading: boolean;
-    /**
-     * Flag indicating if the step timer has reached zero
-     */
-    isTimeoutDisabled?: boolean;
-    /**
-     * Whether the form is valid
-     */
-    isValid: boolean;
-    /**
-     * Flow messages
-     */
-    messages: {
-        message: string;
-        type: string;
-    }[];
-    /**
-     * Flow metadata returned by the platform (v2 only). `null` while loading or unavailable.
-     */
-    meta: FlowMetadataResponse | null;
-    /**
-     * Flow subtitle
-     */
-    subtitle: string;
-    /**
-     * Flow title
-     */
-    title: string;
-    /**
-     * Touched fields
-     */
-    touched: Record<string, boolean>;
-    /**
-     * Function to validate the form
-     */
-    validateForm: () => {
-        fieldErrors: Record<string, string>;
-        isValid: boolean;
-    };
-    /**
-     * Form values
-     */
-    values: Record<string, string>;
-}
-/**
- * Props for the BaseSignIn component.
- */
-export interface BaseSignInProps {
-    /**
-     * Additional data from the flow response.
-     */
-    additionalData?: Record<string, any>;
-    /**
-     * Custom CSS class name for the submit button.
-     */
-    buttonClassName?: string;
-    /**
-     * Render props function for custom UI
-     */
-    children?: (props: BaseSignInRenderProps) => ReactNode;
-    /**
-     * Custom CSS class name for the form container.
-     */
-    className?: string;
-    /**
-     * Array of flow components to render.
-     */
-    components?: EmbeddedFlowComponent[];
-    /**
-     * Error object to display
-     */
-    error?: Error | null;
-    /**
-     * Custom CSS class name for error messages.
-     */
-    errorClassName?: string;
-    /**
-     * Custom CSS class name for form inputs.
-     */
-    inputClassName?: string;
-    /**
-     * Flag to determine if the component is ready to be rendered.
-     */
-    isLoading?: boolean;
-    /**
-     * Timer flag disabling actions
-     */
-    isTimeoutDisabled?: boolean;
-    /**
-     * Custom CSS class name for info messages.
-     */
-    messageClassName?: string;
-    /**
-     * Callback function called when authentication fails.
-     * @param error - The error that occurred during authentication.
-     */
-    onError?: (error: Error) => void;
-    /**
-     * Function to handle form submission.
-     * @param payload - The form data to submit.
-     * @param component - The component that triggered the submission.
-     */
-    onSubmit?: (payload: EmbeddedSignInFlowRequest, component: EmbeddedFlowComponent) => Promise<void>;
-    /**
-     * Callback function called when authentication is successful.
-     * @param authData - The authentication data returned upon successful completion.
-     */
-    onSuccess?: (authData: Record<string, any>) => void;
-    /**
-     * Component-level preferences to override global i18n and theme settings.
-     * Preferences are deep-merged with global ones, with component preferences
-     * taking precedence. Affects this component and all its descendants.
-     */
-    preferences?: Preferences;
-    /**
-     * Size variant for the component.
-     */
-    size?: 'small' | 'medium' | 'large';
-    /**
-     * Theme variant for the component.
-     */
-    variant?: CardProps['variant'];
-}
-/**
- * Base SignIn component that provides generic authentication flow.
- * This component handles component-driven UI rendering and can transform input
- * structure to component-driven format automatically.
- *
- * @example
- * // Default UI
- * ```tsx
- * import { BaseSignIn } from '@thunderid/react';
- *
- * const MySignIn = () => {
- *   return (
- *     <BaseSignIn
- *       components={components}
- *       onSubmit={async (payload) => {
- *         return await handleAuth(payload);
- *       }}
- *       onSuccess={(authData) => {
- *         console.log('Success:', authData);
- *       }}
- *       className="max-w-md mx-auto"
- *     />
- *   );
- * };
- * ```
- *
- * @example
- * // Custom UI with render props
- * ```tsx
- * <BaseSignIn components={components} onSubmit={handleSubmit}>
- *   {({values, errors, handleInputChange, handleSubmit, isLoading, components}) => (
- *     <div className="custom-form">
- *       <input
- *         name="username"
- *         value={values.username || ''}
- *         onChange={(e) => handleInputChange('username', e.target.value)}
- *       />
- *       {errors.username && <span>{errors.username}</span>}
- *       <button
- *         onClick={() => handleSubmit(components[0], values)}
- *         disabled={isLoading}
- *       >
- *         Sign In
- *       </button>
- *     </div>
- *   )}
- * </BaseSignIn>
- * ```
- */
-declare const BaseSignIn: FC<BaseSignInProps>;
-export default BaseSignIn;
-//# sourceMappingURL=BaseSignIn.d.ts.map

package/dist/components/presentation/auth/SignIn/v2/BaseSignIn.d.ts.map

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

package/dist/components/presentation/auth/SignIn/v2/BaseSignIn.js

@@ -1,325 +0,0 @@
-import ComponentRendererContext_default from "../../../../../contexts/ComponentRenderer/ComponentRendererContext.js";
-import FlowProvider_default from "../../../../../contexts/Flow/FlowProvider.js";
-import useThunderID_default from "../../../../../contexts/ThunderID/useThunderID.js";
-import useFlow_default from "../../../../../contexts/Flow/useFlow.js";
-import useTheme_default from "../../../../../contexts/Theme/useTheme.js";
-import ComponentPreferencesContext_default from "../../../../../contexts/I18n/ComponentPreferencesContext.js";
-import useTranslation_default from "../../../../../hooks/useTranslation.js";
-import { useForm } from "../../../../../hooks/useForm.js";
-import Spinner_default from "../../../../primitives/Spinner/Spinner.js";
-import Typography_default from "../../../../primitives/Typography/Typography.js";
-import Alert_default from "../../../../primitives/Alert/Alert.js";
-import Card_default from "../../../../primitives/Card/Card.js";
-import BaseSignIn_styles_default from "../BaseSignIn.styles.js";
-import { extractErrorMessage } from "../../../../../utils/v2/flowTransformer.js";
-import { renderSignInComponents } from "../../AuthOptionFactory.js";
-import { withVendorCSSClassPrefix } from "@thunderid/browser";
-import { useCallback, useContext, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "@emotion/css";
-
-//#region src/components/presentation/auth/SignIn/v2/BaseSignIn.tsx
-/**
-* Internal component that consumes FlowContext and renders the sign-in UI.
-*/
-const BaseSignInContent = ({ components = [], onSubmit, onError, error: externalError, className = "", inputClassName = "", buttonClassName = "", messageClassName = "", size = "medium", variant = "outlined", isLoading: externalIsLoading, children, additionalData = {}, isTimeoutDisabled = false }) => {
-	const { meta } = useThunderID_default();
-	const { theme } = useTheme_default();
-	const customRenderers = useContext(ComponentRendererContext_default);
-	const { t } = useTranslation_default();
-	const { subtitle: flowSubtitle, title: flowTitle, messages: flowMessages, addMessage, clearMessages } = useFlow_default();
-	const styles = BaseSignIn_styles_default(theme, theme.vars.colors.text.primary);
-	const [isSubmitting, setIsSubmitting] = useState(false);
-	const [apiError, setApiError] = useState(null);
-	const isLoading = externalIsLoading || isSubmitting;
-	/**
-	* Handle error responses and extract meaningful error messages
-	* Uses the transformer's extractErrorMessage function for consistency
-	*/
-	const handleError = useCallback((error) => {
-		const errorMessage = extractErrorMessage(error, t);
-		setApiError(error instanceof Error ? error : new Error(errorMessage));
-		clearMessages();
-		addMessage({
-			message: errorMessage,
-			type: "error"
-		});
-	}, [
-		t,
-		addMessage,
-		clearMessages
-	]);
-	/**
-	* Extract form fields from flow components
-	*/
-	const extractFormFields = useCallback((flowComponents) => {
-		const fields = [];
-		const processComponents = (comps) => {
-			comps.forEach((component) => {
-				if (component.type === "TEXT_INPUT" || component.type === "PASSWORD_INPUT" || component.type === "EMAIL_INPUT" || component.type === "PHONE_INPUT" || component.type === "OTP_INPUT") {
-					const identifier = component.ref;
-					fields.push({
-						initialValue: "",
-						name: identifier,
-						required: component.required || false,
-						validator: (value) => {
-							if (component.required && (!value || value.trim() === "")) return t("validations.required.field.error");
-							if ((component.type === "EMAIL_INPUT" || component.variant === "EMAIL") && value && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value)) return t("field.email.invalid");
-							return null;
-						}
-					});
-				}
-				if (component.components) processComponents(component.components);
-			});
-		};
-		processComponents(flowComponents);
-		return fields;
-	}, [t]);
-	const { values: formValues, touched: touchedFields, errors: formErrors, isValid: isFormValid, setValue: setFormValue, setTouched: setFormTouched, validateForm, touchAllFields } = useForm({
-		fields: components ? extractFormFields(components) : [],
-		initialValues: {},
-		requiredMessage: t("validations.required.field.error"),
-		validateOnBlur: true,
-		validateOnChange: false
-	});
-	/**
-	* Handle input value changes.
-	* Only updates the value without marking as touched.
-	* Touched state is set on blur to avoid premature validation.
-	*/
-	const handleInputChange = (name, value) => {
-		setFormValue(name, value);
-	};
-	/**
-	* Handle input blur event.
-	* Marks the field as touched, which triggers validation.
-	*/
-	const handleInputBlur = (name) => {
-		setFormTouched(name, true);
-	};
-	/**
-	* Handle component submission (for buttons and actions).
-	*/
-	const handleSubmit = async (component, data, skipValidation) => {
-		if (!skipValidation) {
-			touchAllFields();
-			if (!validateForm().isValid) return;
-		}
-		setIsSubmitting(true);
-		setApiError(null);
-		clearMessages();
-		try {
-			const filteredInputs = {};
-			if (data) Object.keys(data).forEach((key) => {
-				if (data[key] !== void 0 && data[key] !== null && data[key] !== "") filteredInputs[key] = data[key];
-			});
-			let payload = {};
-			payload = {
-				...payload,
-				...component.id && { action: component.id },
-				inputs: filteredInputs
-			};
-			await onSubmit?.(payload, component);
-		} catch (err) {
-			handleError(err);
-			onError?.(err);
-		} finally {
-			setIsSubmitting(false);
-		}
-	};
-	const containerClasses = cx([
-		withVendorCSSClassPrefix("signin"),
-		withVendorCSSClassPrefix(`signin--${size}`),
-		withVendorCSSClassPrefix(`signin--${variant}`)
-	], className);
-	const inputClasses = cx([
-		withVendorCSSClassPrefix("signin__input"),
-		size === "small" && withVendorCSSClassPrefix("signin__input--small"),
-		size === "large" && withVendorCSSClassPrefix("signin__input--large")
-	], inputClassName);
-	const buttonClasses = cx([
-		withVendorCSSClassPrefix("signin__button"),
-		size === "small" && withVendorCSSClassPrefix("signin__button--small"),
-		size === "large" && withVendorCSSClassPrefix("signin__button--large")
-	], buttonClassName);
-	const messageClasses = cx([withVendorCSSClassPrefix("signin__messages")], messageClassName);
-	/**
-	* Render components based on flow data using the factory
-	*/
-	const renderComponents = useCallback((flowComponents) => renderSignInComponents(flowComponents, formValues, touchedFields, formErrors, isLoading, isFormValid, handleInputChange, {
-		_customRenderers: customRenderers,
-		_theme: theme,
-		additionalData,
-		buttonClassName: buttonClasses,
-		inputClassName: inputClasses,
-		isTimeoutDisabled,
-		meta,
-		onInputBlur: handleInputBlur,
-		onSubmit: handleSubmit,
-		size,
-		t,
-		variant
-	}), [
-		additionalData,
-		customRenderers,
-		formValues,
-		touchedFields,
-		formErrors,
-		isFormValid,
-		meta,
-		t,
-		theme,
-		isLoading,
-		size,
-		variant,
-		inputClasses,
-		buttonClasses,
-		handleInputBlur,
-		handleSubmit,
-		isTimeoutDisabled
-	]);
-	if (children) {
-		const renderProps = {
-			components,
-			error: apiError,
-			fieldErrors: formErrors,
-			handleInputChange,
-			handleSubmit,
-			isLoading,
-			isTimeoutDisabled,
-			isValid: isFormValid,
-			messages: flowMessages || [],
-			meta,
-			subtitle: flowSubtitle ?? "",
-			title: flowTitle || t("signin.heading"),
-			touched: touchedFields,
-			validateForm: () => {
-				const result = validateForm();
-				return {
-					fieldErrors: result.errors,
-					isValid: result.isValid
-				};
-			},
-			values: formValues
-		};
-		return /* @__PURE__ */ jsx("div", {
-			className: containerClasses,
-			"data-testid": "thunderid-signin",
-			children: children(renderProps)
-		});
-	}
-	if (isLoading) return /* @__PURE__ */ jsx(Card_default, {
-		className: cx(containerClasses, styles.card),
-		"data-testid": "thunderid-signin",
-		variant,
-		children: /* @__PURE__ */ jsx(Card_default.Content, { children: /* @__PURE__ */ jsx("div", {
-			style: {
-				display: "flex",
-				justifyContent: "center",
-				padding: "2rem"
-			},
-			children: /* @__PURE__ */ jsx(Spinner_default, {})
-		}) })
-	});
-	if (!components || components.length === 0) return /* @__PURE__ */ jsx(Card_default, {
-		className: cx(containerClasses, styles.card),
-		"data-testid": "thunderid-signin",
-		variant,
-		children: /* @__PURE__ */ jsx(Card_default.Content, { children: /* @__PURE__ */ jsx(Alert_default, {
-			variant: "warning",
-			children: /* @__PURE__ */ jsx(Typography_default, {
-				variant: "body1",
-				children: t("errors.signin.components.not.available")
-			})
-		}) })
-	});
-	return /* @__PURE__ */ jsx(Card_default, {
-		className: cx(containerClasses, styles.card),
-		"data-testid": "thunderid-signin",
-		variant,
-		children: /* @__PURE__ */ jsxs(Card_default.Content, { children: [
-			externalError && /* @__PURE__ */ jsx("div", {
-				className: styles.flowMessagesContainer,
-				children: /* @__PURE__ */ jsx(Alert_default, {
-					variant: "error",
-					className: cx(styles.flowMessageItem, messageClasses),
-					children: /* @__PURE__ */ jsx(Alert_default.Description, { children: externalError.message })
-				})
-			}),
-			flowMessages && flowMessages.length > 0 && /* @__PURE__ */ jsx("div", {
-				className: styles.flowMessagesContainer,
-				children: flowMessages.map((message, index) => /* @__PURE__ */ jsx(Alert_default, {
-					variant: message.type === "error" ? "error" : "info",
-					className: cx(styles.flowMessageItem, messageClasses),
-					children: /* @__PURE__ */ jsx(Alert_default.Description, { children: message.message })
-				}, index))
-			}),
-			/* @__PURE__ */ jsx("div", {
-				className: styles.contentContainer,
-				children: renderComponents(components)
-			})
-		] })
-	});
-};
-/**
-* Base SignIn component that provides generic authentication flow.
-* This component handles component-driven UI rendering and can transform input
-* structure to component-driven format automatically.
-*
-* @example
-* // Default UI
-* ```tsx
-* import { BaseSignIn } from '@thunderid/react';
-*
-* const MySignIn = () => {
-*   return (
-*     <BaseSignIn
-*       components={components}
-*       onSubmit={async (payload) => {
-*         return await handleAuth(payload);
-*       }}
-*       onSuccess={(authData) => {
-*         console.log('Success:', authData);
-*       }}
-*       className="max-w-md mx-auto"
-*     />
-*   );
-* };
-* ```
-*
-* @example
-* // Custom UI with render props
-* ```tsx
-* <BaseSignIn components={components} onSubmit={handleSubmit}>
-*   {({values, errors, handleInputChange, handleSubmit, isLoading, components}) => (
-*     <div className="custom-form">
-*       <input
-*         name="username"
-*         value={values.username || ''}
-*         onChange={(e) => handleInputChange('username', e.target.value)}
-*       />
-*       {errors.username && <span>{errors.username}</span>}
-*       <button
-*         onClick={() => handleSubmit(components[0], values)}
-*         disabled={isLoading}
-*       >
-*         Sign In
-*       </button>
-*     </div>
-*   )}
-* </BaseSignIn>
-* ```
-*/
-const BaseSignIn = ({ preferences,...rest }) => {
-	const content = /* @__PURE__ */ jsx(FlowProvider_default, { children: /* @__PURE__ */ jsx(BaseSignInContent, { ...rest }) });
-	if (!preferences) return content;
-	return /* @__PURE__ */ jsx(ComponentPreferencesContext_default.Provider, {
-		value: preferences,
-		children: content
-	});
-};
-var BaseSignIn_default = BaseSignIn;
-
-//#endregion
-export { BaseSignIn_default as default };
-//# sourceMappingURL=BaseSignIn.js.map