@thunderid/react 0.0.5 → 0.2.0

package/dist/cjs/components/adapters/SignInWithEthereumButton.cjs

@@ -0,0 +1,38 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_useTranslation = require('../../hooks/useTranslation.cjs');
+const require_Button = require('../primitives/Button/Button.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/adapters/SignInWithEthereumButton.tsx
+/**
+* Sign In With Ethereum Button Component.
+* Handles authentication with Sign In With Ethereum identity provider.
+*/
+const SignInWithEthereumButton = ({ isLoading, preferences, children,...rest }) => {
+	const { t } = require_useTranslation.default(preferences?.i18n);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.default, {
+		...rest,
+		fullWidth: true,
+		type: "button",
+		color: "secondary",
+		variant: "solid",
+		disabled: isLoading,
+		startIcon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+			width: "18",
+			height: "18",
+			viewBox: "0 0 24 24",
+			xmlns: "http://www.w3.org/2000/svg",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				fill: "#627EEA",
+				d: "M11.944 17.97L4.58 13.62 11.943 24l7.37-10.38-7.372 4.35h.003zM12.056 0L4.69 12.223l7.365 4.354 7.365-4.35L12.056 0z"
+			})
+		}),
+		children: children ?? t("elements.buttons.ethereum.text")
+	});
+};
+var SignInWithEthereumButton_default = SignInWithEthereumButton;
+
+//#endregion
+exports.default = SignInWithEthereumButton_default;
+//# sourceMappingURL=SignInWithEthereumButton.cjs.map

package/dist/cjs/components/adapters/SignInWithEthereumButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignInWithEthereumButton.cjs","names":["SignInWithEthereumButton: FC<SignInWithEthereumButtonProps & HTMLAttributes<HTMLButtonElement>>","useTranslation","Button"],"sources":["../../../../src/components/adapters/SignInWithEthereumButton.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 {WithPreferences} from '@thunderid/browser';\nimport {FC, HTMLAttributes} from 'react';\nimport useTranslation from '../../hooks/useTranslation';\nimport Button from '../primitives/Button/Button';\n\nexport interface SignInWithEthereumButtonProps extends WithPreferences {\n  /**\n   * Whether the component is in loading state.\n   */\n  isLoading?: boolean;\n}\n\n/**\n * Sign In With Ethereum Button Component.\n * Handles authentication with Sign In With Ethereum identity provider.\n */\nconst SignInWithEthereumButton: FC<SignInWithEthereumButtonProps & HTMLAttributes<HTMLButtonElement>> = ({\n  isLoading,\n  preferences,\n  children,\n  ...rest\n}: SignInWithEthereumButtonProps & HTMLAttributes<HTMLButtonElement>) => {\n  const {t} = useTranslation(preferences?.i18n);\n\n  return (\n    <Button\n      {...rest}\n      fullWidth\n      type=\"button\"\n      color=\"secondary\"\n      variant=\"solid\"\n      disabled={isLoading}\n      startIcon={\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            fill=\"#627EEA\"\n            d=\"M11.944 17.97L4.58 13.62 11.943 24l7.37-10.38-7.372 4.35h.003zM12.056 0L4.69 12.223l7.365 4.354 7.365-4.35L12.056 0z\"\n          />\n        </svg>\n      }\n    >\n      {children ?? t('elements.buttons.ethereum.text')}\n    </Button>\n  );\n};\n\nexport default SignInWithEthereumButton;\n"],"mappings":";;;;;;;;;;;AAkCA,MAAMA,4BAAmG,EACvG,WACA,aACA,SACA,GAAG,WACoE;CACvE,MAAM,EAAC,MAAKC,+BAAe,aAAa,KAAK;AAE7C,QACE,2CAACC;EACC,GAAI;EACJ;EACA,MAAK;EACL,OAAM;EACN,SAAQ;EACR,UAAU;EACV,WACE,2CAAC;GAAI,OAAM;GAAK,QAAO;GAAK,SAAQ;GAAY,OAAM;aACpD,2CAAC;IACC,MAAK;IACL,GAAE;KACF;IACE;YAGP,YAAY,EAAE,iCAAiC;GACzC;;AAIb,uCAAe"}

package/dist/cjs/components/adapters/SmsOtpButton.cjs

@@ -0,0 +1,38 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_useTranslation = require('../../hooks/useTranslation.cjs');
+const require_Button = require('../primitives/Button/Button.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/adapters/SmsOtpButton.tsx
+/**
+* SMS OTP Sign-In Button Component.
+* Handles authentication with SMS OTP.
+*/
+const SmsOtpButton = ({ isLoading, preferences, children,...rest }) => {
+	const { t } = require_useTranslation.default(preferences?.i18n);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.default, {
+		...rest,
+		fullWidth: true,
+		type: "button",
+		color: "secondary",
+		variant: "solid",
+		disabled: isLoading,
+		startIcon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+			width: "18",
+			height: "18",
+			viewBox: "0 0 24 24",
+			xmlns: "http://www.w3.org/2000/svg",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.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"
+			})
+		}),
+		children: children ?? t("elements.buttons.smsotp.text")
+	});
+};
+var SmsOtpButton_default = SmsOtpButton;
+
+//#endregion
+exports.default = SmsOtpButton_default;
+//# sourceMappingURL=SmsOtpButton.cjs.map

package/dist/cjs/components/adapters/SmsOtpButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmsOtpButton.cjs","names":["SmsOtpButton: FC<SmsOtpButtonProps & HTMLAttributes<HTMLButtonElement>>","useTranslation","Button"],"sources":["../../../../src/components/adapters/SmsOtpButton.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 {WithPreferences} from '@thunderid/browser';\nimport {FC, HTMLAttributes} from 'react';\nimport useTranslation from '../../hooks/useTranslation';\nimport Button from '../primitives/Button/Button';\n\nexport interface SmsOtpButtonProps extends WithPreferences {\n  /**\n   * Whether the component is in loading state.\n   */\n  isLoading?: boolean;\n}\n\n/**\n * SMS OTP Sign-In Button Component.\n * Handles authentication with SMS OTP.\n */\nconst SmsOtpButton: FC<SmsOtpButtonProps & HTMLAttributes<HTMLButtonElement>> = ({\n  isLoading,\n  preferences,\n  children,\n  ...rest\n}: SmsOtpButtonProps & HTMLAttributes<HTMLButtonElement>) => {\n  const {t} = useTranslation(preferences?.i18n);\n\n  return (\n    <Button\n      {...rest}\n      fullWidth\n      type=\"button\"\n      color=\"secondary\"\n      variant=\"solid\"\n      disabled={isLoading}\n      startIcon={\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    >\n      {children ?? t('elements.buttons.smsotp.text')}\n    </Button>\n  );\n};\n\nexport default SmsOtpButton;\n"],"mappings":";;;;;;;;;;;AAkCA,MAAMA,gBAA2E,EAC/E,WACA,aACA,SACA,GAAG,WACwD;CAC3D,MAAM,EAAC,MAAKC,+BAAe,aAAa,KAAK;AAE7C,QACE,2CAACC;EACC,GAAI;EACJ;EACA,MAAK;EACL,OAAM;EACN,SAAQ;EACR,UAAU;EACV,WACE,2CAAC;GAAI,OAAM;GAAK,QAAO;GAAK,SAAQ;GAAY,OAAM;aACpD,2CAAC;IACC,MAAK;IACL,GAAE;KACF;IACE;YAGP,YAAY,EAAE,+BAA+B;GACvC;;AAIb,2BAAe"}

package/dist/cjs/components/adapters/SubmitButton.cjs

@@ -0,0 +1,61 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_Spinner = require('../primitives/Spinner/Spinner.cjs');
+const require_Button = require('../primitives/Button/Button.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/adapters/SubmitButton.tsx
+/**
+* Button component for sign-up forms that handles all button variants.
+*/
+const ButtonComponent = ({ component, isLoading, isFormValid, buttonClassName, onSubmit, size = "medium" }) => {
+	const config = component.config || {};
+	const buttonText = config["text"] || config["label"] || "Continue";
+	const buttonType = config["type"] || "submit";
+	const componentVariant = component.variant?.toUpperCase() || "PRIMARY";
+	const getButtonProps = () => {
+		switch (componentVariant) {
+			case "PRIMARY": return {
+				color: "primary",
+				variant: "solid"
+			};
+			case "SECONDARY": return {
+				color: "secondary",
+				variant: "solid"
+			};
+			case "TEXT": return {
+				color: "primary",
+				variant: "text"
+			};
+			case "SOCIAL":
+			case "OUTLINED": return {
+				color: "primary",
+				variant: "outline"
+			};
+			default: return {
+				color: "primary",
+				variant: "solid"
+			};
+		}
+	};
+	const { variant, color } = getButtonProps();
+	const handleClick = () => {
+		if (onSubmit && buttonType !== "submit") onSubmit(component);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.default, {
+		type: buttonType === "submit" ? "submit" : "button",
+		variant,
+		color,
+		size,
+		disabled: isLoading || buttonType === "submit" && !isFormValid,
+		onClick: buttonType !== "submit" ? handleClick : void 0,
+		className: buttonClassName,
+		style: { width: "100%" },
+		children: isLoading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Spinner.default, { size: "small" }) : buttonText
+	}, component.id);
+};
+var SubmitButton_default = ButtonComponent;
+
+//#endregion
+exports.default = SubmitButton_default;
+//# sourceMappingURL=SubmitButton.cjs.map

package/dist/cjs/components/adapters/SubmitButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubmitButton.cjs","names":["ButtonComponent: FC<AdapterProps>","config: Record<string, unknown>","buttonText: string","buttonType: string","componentVariant: string","Button","Spinner"],"sources":["../../../../src/components/adapters/SubmitButton.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 {FC} from 'react';\nimport {AdapterProps} from '../../models/adapters';\nimport Button from '../primitives/Button/Button';\nimport Spinner from '../primitives/Spinner/Spinner';\n\n/**\n * Button component for sign-up forms that handles all button variants.\n */\nconst ButtonComponent: FC<AdapterProps> = ({\n  component,\n  isLoading,\n  isFormValid,\n  buttonClassName,\n  onSubmit,\n  size = 'medium',\n}: AdapterProps) => {\n  const config: Record<string, unknown> = component.config || {};\n  const buttonText: string = (config['text'] as string) || (config['label'] as string) || 'Continue';\n  const buttonType: string = (config['type'] as string) || 'submit';\n  const componentVariant: string = component.variant?.toUpperCase() || 'PRIMARY';\n\n  // Map component variants to Button primitive props\n  const getButtonProps = (): {color: 'primary' | 'secondary'; variant: 'solid' | 'text' | 'outline'} => {\n    switch (componentVariant) {\n      case 'PRIMARY':\n        return {color: 'primary' as const, variant: 'solid' as const};\n      case 'SECONDARY':\n        return {color: 'secondary' as const, variant: 'solid' as const};\n      case 'TEXT':\n        return {color: 'primary' as const, variant: 'text' as const};\n      case 'SOCIAL':\n      case 'OUTLINED':\n        return {color: 'primary' as const, variant: 'outline' as const};\n      default:\n        return {color: 'primary' as const, variant: 'solid' as const};\n    }\n  };\n\n  const {variant, color} = getButtonProps();\n\n  const handleClick = (): void => {\n    if (onSubmit && buttonType !== 'submit') {\n      onSubmit(component);\n    }\n  };\n\n  return (\n    <Button\n      key={component.id}\n      type={buttonType === 'submit' ? 'submit' : 'button'}\n      variant={variant}\n      color={color}\n      size={size}\n      disabled={isLoading || (buttonType === 'submit' && !isFormValid)}\n      onClick={buttonType !== 'submit' ? handleClick : undefined}\n      className={buttonClassName}\n      style={{width: '100%'}}\n    >\n      {isLoading ? <Spinner size=\"small\" /> : buttonText}\n    </Button>\n  );\n};\n\nexport default ButtonComponent;\n"],"mappings":";;;;;;;;;;AA0BA,MAAMA,mBAAqC,EACzC,WACA,WACA,aACA,iBACA,UACA,OAAO,eACW;CAClB,MAAMC,SAAkC,UAAU,UAAU,EAAE;CAC9D,MAAMC,aAAsB,OAAO,WAAuB,OAAO,YAAuB;CACxF,MAAMC,aAAsB,OAAO,WAAsB;CACzD,MAAMC,mBAA2B,UAAU,SAAS,aAAa,IAAI;CAGrE,MAAM,uBAAgG;AACpG,UAAQ,kBAAR;GACE,KAAK,UACH,QAAO;IAAC,OAAO;IAAoB,SAAS;IAAiB;GAC/D,KAAK,YACH,QAAO;IAAC,OAAO;IAAsB,SAAS;IAAiB;GACjE,KAAK,OACH,QAAO;IAAC,OAAO;IAAoB,SAAS;IAAgB;GAC9D,KAAK;GACL,KAAK,WACH,QAAO;IAAC,OAAO;IAAoB,SAAS;IAAmB;GACjE,QACE,QAAO;IAAC,OAAO;IAAoB,SAAS;IAAiB;;;CAInE,MAAM,EAAC,SAAS,UAAS,gBAAgB;CAEzC,MAAM,oBAA0B;AAC9B,MAAI,YAAY,eAAe,SAC7B,UAAS,UAAU;;AAIvB,QACE,2CAACC;EAEC,MAAM,eAAe,WAAW,WAAW;EAClC;EACF;EACD;EACN,UAAU,aAAc,eAAe,YAAY,CAAC;EACpD,SAAS,eAAe,WAAW,cAAc;EACjD,WAAW;EACX,OAAO,EAAC,OAAO,QAAO;YAErB,YAAY,2CAACC,2BAAQ,MAAK,UAAU,GAAG;IAVnC,UAAU,GAWR;;AAIb,2BAAe"}

package/dist/cjs/components/adapters/TelephoneInput.cjs

@@ -0,0 +1,32 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_TextField = require('../primitives/TextField/TextField.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/adapters/TelephoneInput.tsx
+/**
+* Telephone input component for sign-up forms.
+*/
+const TelephoneInput = ({ component, formValues, touchedFields, formErrors, onInputChange, inputClassName }) => {
+	const config = component.config || {};
+	const fieldName = config["identifier"] || config["name"] || component.id;
+	const value = formValues[fieldName] || "";
+	const error = touchedFields[fieldName] ? formErrors[fieldName] : void 0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TextField.default, {
+		name: fieldName,
+		type: "tel",
+		label: config["label"] || "",
+		placeholder: config["placeholder"] || "",
+		required: config["required"] || false,
+		value,
+		error,
+		onChange: (e) => onInputChange(fieldName, e.target.value),
+		className: inputClassName,
+		helperText: config["hint"] || ""
+	}, component.id);
+};
+var TelephoneInput_default = TelephoneInput;
+
+//#endregion
+exports.default = TelephoneInput_default;
+//# sourceMappingURL=TelephoneInput.cjs.map

package/dist/cjs/components/adapters/TelephoneInput.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TelephoneInput.cjs","names":["TelephoneInput: FC<AdapterProps>","config: Record<string, unknown>","fieldName: string","value: string","error: string | undefined","TextField"],"sources":["../../../../src/components/adapters/TelephoneInput.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 {ChangeEvent, FC} from 'react';\nimport {AdapterProps} from '../../models/adapters';\nimport TextField from '../primitives/TextField/TextField';\n\n/**\n * Telephone input component for sign-up forms.\n */\nconst TelephoneInput: FC<AdapterProps> = ({\n  component,\n  formValues,\n  touchedFields,\n  formErrors,\n  onInputChange,\n  inputClassName,\n}: AdapterProps) => {\n  const config: Record<string, unknown> = component.config || {};\n  const fieldName: string = (config['identifier'] as string) || (config['name'] as string) || component.id;\n  const value: string = formValues[fieldName] || '';\n  const error: string | undefined = touchedFields[fieldName] ? formErrors[fieldName] : undefined;\n\n  return (\n    <TextField\n      key={component.id}\n      name={fieldName}\n      type=\"tel\"\n      label={(config['label'] as string) || ''}\n      placeholder={(config['placeholder'] as string) || ''}\n      required={(config['required'] as boolean) || false}\n      value={value}\n      error={error}\n      onChange={(e: ChangeEvent<HTMLInputElement>): void => onInputChange(fieldName, e.target.value)}\n      className={inputClassName}\n      helperText={(config['hint'] as string) || ''}\n    />\n  );\n};\n\nexport default TelephoneInput;\n"],"mappings":";;;;;;;;;AAyBA,MAAMA,kBAAoC,EACxC,WACA,YACA,eACA,YACA,eACA,qBACkB;CAClB,MAAMC,SAAkC,UAAU,UAAU,EAAE;CAC9D,MAAMC,YAAqB,OAAO,iBAA6B,OAAO,WAAsB,UAAU;CACtG,MAAMC,QAAgB,WAAW,cAAc;CAC/C,MAAMC,QAA4B,cAAc,aAAa,WAAW,aAAa;AAErF,QACE,2CAACC;EAEC,MAAM;EACN,MAAK;EACL,OAAQ,OAAO,YAAuB;EACtC,aAAc,OAAO,kBAA6B;EAClD,UAAW,OAAO,eAA2B;EACtC;EACA;EACP,WAAW,MAA2C,cAAc,WAAW,EAAE,OAAO,MAAM;EAC9F,WAAW;EACX,YAAa,OAAO,WAAsB;IAVrC,UAAU,GAWf;;AAIN,6BAAe"}

package/dist/cjs/components/adapters/TextInput.cjs

@@ -0,0 +1,30 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_FieldFactory = require('../factories/FieldFactory.cjs');
+let __thunderid_browser = require("@thunderid/browser");
+__thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
+
+//#region src/components/adapters/TextInput.tsx
+/**
+* Text input component for sign-up forms.
+*/
+const TextInput = ({ component, formValues, touchedFields, formErrors, onInputChange, inputClassName }) => {
+	const config = component.config || {};
+	const fieldName = config["identifier"] || config["name"] || component.id;
+	const value = formValues[fieldName] || "";
+	return require_FieldFactory.createField({
+		className: inputClassName,
+		error: touchedFields[fieldName] ? formErrors[fieldName] : void 0,
+		label: config["label"] || "",
+		name: fieldName,
+		onChange: (newValue) => onInputChange(fieldName, newValue),
+		placeholder: config["placeholder"] || "",
+		required: config["required"] || false,
+		type: __thunderid_browser.FieldType.Text,
+		value
+	});
+};
+var TextInput_default = TextInput;
+
+//#endregion
+exports.default = TextInput_default;
+//# sourceMappingURL=TextInput.cjs.map

package/dist/cjs/components/adapters/TextInput.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.cjs","names":["TextInput: FC<AdapterProps>","config: Record<string, unknown>","fieldName: string","value: string","createField","FieldType"],"sources":["../../../../src/components/adapters/TextInput.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 {FieldType} from '@thunderid/browser';\nimport {FC} from 'react';\nimport {AdapterProps} from '../../models/adapters';\nimport {createField} from '../factories/FieldFactory';\n\n/**\n * Text input component for sign-up forms.\n */\nconst TextInput: FC<AdapterProps> = ({\n  component,\n  formValues,\n  touchedFields,\n  formErrors,\n  onInputChange,\n  inputClassName,\n}: AdapterProps) => {\n  const config: Record<string, unknown> = component.config || {};\n  const fieldName: string = (config['identifier'] as string) || (config['name'] as string) || component.id;\n  const value: string = formValues[fieldName] || '';\n  const error: string | undefined = touchedFields[fieldName] ? formErrors[fieldName] : undefined;\n\n  return createField({\n    className: inputClassName,\n    error,\n    label: (config['label'] as string) || '',\n    name: fieldName,\n    onChange: (newValue: string) => onInputChange(fieldName, newValue),\n    placeholder: (config['placeholder'] as string) || '',\n    required: (config['required'] as boolean) || false,\n    type: FieldType.Text,\n    value,\n  });\n};\n\nexport default TextInput;\n"],"mappings":";;;;;;;;;AA0BA,MAAMA,aAA+B,EACnC,WACA,YACA,eACA,YACA,eACA,qBACkB;CAClB,MAAMC,SAAkC,UAAU,UAAU,EAAE;CAC9D,MAAMC,YAAqB,OAAO,iBAA6B,OAAO,WAAsB,UAAU;CACtG,MAAMC,QAAgB,WAAW,cAAc;AAG/C,QAAOC,iCAAY;EACjB,WAAW;EACX,OAJgC,cAAc,aAAa,WAAW,aAAa;EAKnF,OAAQ,OAAO,YAAuB;EACtC,MAAM;EACN,WAAW,aAAqB,cAAc,WAAW,SAAS;EAClE,aAAc,OAAO,kBAA6B;EAClD,UAAW,OAAO,eAA2B;EAC7C,MAAMC,8BAAU;EAChB;EACD,CAAC;;AAGJ,wBAAe"}

package/dist/cjs/components/adapters/Typography.cjs

@@ -0,0 +1,60 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_useTheme = require('../../contexts/Theme/useTheme.cjs');
+const require_Typography = require('../primitives/Typography/Typography.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/adapters/Typography.tsx
+/**
+* Typography component for sign-up forms (titles, descriptions, etc.).
+*/
+const TypographyComponent = ({ component }) => {
+	const { theme } = require_useTheme.default();
+	const config = component.config || {};
+	const text = config["text"] || config["content"] || "";
+	const variant = component.variant?.toLowerCase() || "body1";
+	let typographyVariant = "body1";
+	switch (variant) {
+		case "h1":
+			typographyVariant = "h1";
+			break;
+		case "h2":
+			typographyVariant = "h2";
+			break;
+		case "h3":
+			typographyVariant = "h3";
+			break;
+		case "h4":
+			typographyVariant = "h4";
+			break;
+		case "h5":
+			typographyVariant = "h5";
+			break;
+		case "h6":
+			typographyVariant = "h6";
+			break;
+		case "subtitle1":
+			typographyVariant = "subtitle1";
+			break;
+		case "subtitle2":
+			typographyVariant = "subtitle2";
+			break;
+		case "body2":
+			typographyVariant = "body2";
+			break;
+		case "caption":
+			typographyVariant = "caption";
+			break;
+		default: typographyVariant = "body1";
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography.default, {
+		variant: typographyVariant,
+		style: { marginBottom: `calc(${theme.vars.spacing.unit} * 2)` },
+		children: text
+	}, component.id);
+};
+var Typography_default$1 = TypographyComponent;
+
+//#endregion
+exports.default = Typography_default$1;
+//# sourceMappingURL=Typography.cjs.map

package/dist/cjs/components/adapters/Typography.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.cjs","names":["TypographyComponent: FC<AdapterProps>","useTheme","config: Record<string, unknown>","text: string","variant: string","typographyVariant: any","Typography"],"sources":["../../../../src/components/adapters/Typography.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 {FC} from 'react';\nimport useTheme from '../../contexts/Theme/useTheme';\nimport {AdapterProps} from '../../models/adapters';\nimport Typography from '../primitives/Typography/Typography';\n\n/**\n * Typography component for sign-up forms (titles, descriptions, etc.).\n */\nconst TypographyComponent: FC<AdapterProps> = ({component}: AdapterProps) => {\n  const {theme} = useTheme();\n  const config: Record<string, unknown> = component.config || {};\n  const text: string = (config['text'] as string) || (config['content'] as string) || '';\n  const variant: string = component.variant?.toLowerCase() || 'body1';\n\n  // Map component variants to Typography variants\n  let typographyVariant: any = 'body1';\n\n  switch (variant) {\n    case 'h1':\n      typographyVariant = 'h1';\n      break;\n    case 'h2':\n      typographyVariant = 'h2';\n      break;\n    case 'h3':\n      typographyVariant = 'h3';\n      break;\n    case 'h4':\n      typographyVariant = 'h4';\n      break;\n    case 'h5':\n      typographyVariant = 'h5';\n      break;\n    case 'h6':\n      typographyVariant = 'h6';\n      break;\n    case 'subtitle1':\n      typographyVariant = 'subtitle1';\n      break;\n    case 'subtitle2':\n      typographyVariant = 'subtitle2';\n      break;\n    case 'body2':\n      typographyVariant = 'body2';\n      break;\n    case 'caption':\n      typographyVariant = 'caption';\n      break;\n    default:\n      typographyVariant = 'body1';\n  }\n\n  return (\n    <Typography\n      key={component.id}\n      variant={typographyVariant}\n      style={{marginBottom: `calc(${theme.vars.spacing.unit} * 2)`}}\n    >\n      {text}\n    </Typography>\n  );\n};\n\nexport default TypographyComponent;\n"],"mappings":";;;;;;;;;;AA0BA,MAAMA,uBAAyC,EAAC,gBAA6B;CAC3E,MAAM,EAAC,UAASC,0BAAU;CAC1B,MAAMC,SAAkC,UAAU,UAAU,EAAE;CAC9D,MAAMC,OAAgB,OAAO,WAAuB,OAAO,cAAyB;CACpF,MAAMC,UAAkB,UAAU,SAAS,aAAa,IAAI;CAG5D,IAAIC,oBAAyB;AAE7B,SAAQ,SAAR;EACE,KAAK;AACH,uBAAoB;AACpB;EACF,KAAK;AACH,uBAAoB;AACpB;EACF,KAAK;AACH,uBAAoB;AACpB;EACF,KAAK;AACH,uBAAoB;AACpB;EACF,KAAK;AACH,uBAAoB;AACpB;EACF,KAAK;AACH,uBAAoB;AACpB;EACF,KAAK;AACH,uBAAoB;AACpB;EACF,KAAK;AACH,uBAAoB;AACpB;EACF,KAAK;AACH,uBAAoB;AACpB;EACF,KAAK;AACH,uBAAoB;AACpB;EACF,QACE,qBAAoB;;AAGxB,QACE,2CAACC;EAEC,SAAS;EACT,OAAO,EAAC,cAAc,QAAQ,MAAM,KAAK,QAAQ,KAAK,QAAO;YAE5D;IAJI,UAAU,GAKJ;;AAIjB,2BAAe"}

package/dist/cjs/components/auth/Callback/Callback.cjs

@@ -0,0 +1,26 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_TokenCallback = require('./TokenCallback.cjs');
+const require_OAuthCallback = require('./OAuthCallback.cjs');
+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/auth/Callback/Callback.tsx
+/**
+* A unified Callback component that automatically routes to either OAuthCallback or TokenCallback
+* based on the presence of URL parameters ('code' for OAuth, 'token' for token-based flows).
+*/
+const Callback = (props) => {
+	const [flowType] = (0, react.useState)(() => {
+		if (typeof window === "undefined") return "oauth";
+		return new URLSearchParams(window.location.search).get("token") ? "token" : "oauth";
+	});
+	if (typeof window === "undefined") return null;
+	if (flowType === "token") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TokenCallback.TokenCallback, { ...props });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_OAuthCallback.OAuthCallback, { ...props });
+};
+
+//#endregion
+exports.Callback = Callback;
+//# sourceMappingURL=Callback.cjs.map

package/dist/cjs/components/auth/Callback/Callback.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Callback.cjs","names":["Callback: FC<CallbackProps>","TokenCallback","OAuthCallback"],"sources":["../../../../../src/components/auth/Callback/Callback.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 {FC, useState} from 'react';\nimport {TokenCallback, TokenCallbackProps} from './TokenCallback';\nimport {OAuthCallback, OAuthCallbackProps} from './OAuthCallback';\n\n/**\n * Props for the unified Callback component, combining properties for both Token and OAuth callbacks.\n */\nexport type CallbackProps = OAuthCallbackProps & TokenCallbackProps;\n\n/**\n * A unified Callback component that automatically routes to either OAuthCallback or TokenCallback\n * based on the presence of URL parameters ('code' for OAuth, 'token' for token-based flows).\n */\nexport const Callback: FC<CallbackProps> = (props: CallbackProps) => {\n  // Use state to lock the flow type on initial mount.\n  // This prevents the component from swapping to OAuthCallback if TokenCallback\n  // removes the '?token=' query parameter from the URL using window.history.\n  const [flowType] = useState<'token' | 'oauth'>(() => {\n    if (typeof window === 'undefined') {\n      return 'oauth';\n    }\n    const urlParams = new URLSearchParams(window.location.search);\n    return urlParams.get('token') ? 'token' : 'oauth';\n  });\n\n  if (typeof window === 'undefined') {\n    return null;\n  }\n\n  if (flowType === 'token') {\n    return <TokenCallback {...props} />;\n  }\n\n  return <OAuthCallback {...props} />;\n};\n\nexport default Callback;\n"],"mappings":";;;;;;;;;;;;;AA+BA,MAAaA,YAA+B,UAAyB;CAInE,MAAM,CAAC,sCAA8C;AACnD,MAAI,OAAO,WAAW,YACpB,QAAO;AAGT,SADkB,IAAI,gBAAgB,OAAO,SAAS,OAAO,CAC5C,IAAI,QAAQ,GAAG,UAAU;GAC1C;AAEF,KAAI,OAAO,WAAW,YACpB,QAAO;AAGT,KAAI,aAAa,QACf,QAAO,2CAACC,uCAAc,GAAI,QAAS;AAGrC,QAAO,2CAACC,uCAAc,GAAI,QAAS"}

package/dist/cjs/components/auth/Callback/OAuthCallback.cjs

@@ -0,0 +1,104 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.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);
+
+//#region src/components/auth/Callback/OAuthCallback.tsx
+/**
+* BaseCallback is a headless component that handles OAuth callback parameter forwarding.
+* This component extracts OAuth parameters (code, state, error) from the URL and forwards them
+* to the original component that initiated the OAuth flow.
+*
+* Works standalone using the browser navigate utility (History API) for navigation by default.
+* Pass an onNavigate prop to enable framework-specific navigation (e.g., via React Router).
+*
+* Flow: Extract OAuth parameters from URL -> Parse state parameter -> Redirect to original path with parameters
+*
+* The original component (SignIn/AcceptInvite) is responsible for:
+* - Processing the OAuth code via the SDK
+* - Calling /flow/execute
+* - Handling the assertion and auth/callback POST
+* - Managing the authenticated session
+*/
+const OAuthCallback = ({ onNavigate, onError }) => {
+	const processingRef = (0, react.useRef)(false);
+	const navigate = (path) => {
+		if (onNavigate) onNavigate(path);
+		else (0, __thunderid_browser.navigate)(path);
+	};
+	(0, react.useEffect)(() => {
+		const processOAuthCallback = () => {
+			if (processingRef.current) return;
+			processingRef.current = true;
+			let returnPath = "/";
+			try {
+				const urlParams = new URLSearchParams(window.location.search);
+				const code = urlParams.get("code");
+				const state = urlParams.get("state");
+				const nonce = urlParams.get("nonce");
+				const oauthError = urlParams.get("error");
+				const errorDescription = urlParams.get("error_description");
+				if (window.opener) {
+					window.opener.postMessage({
+						code,
+						error: oauthError,
+						errorDescription,
+						nonce,
+						state
+					}, window.location.origin);
+					return;
+				}
+				if (!state) throw new Error("Missing OAuth state parameter - possible security issue");
+				const storedData = sessionStorage.getItem(`thunderid_oauth_${state}`);
+				if (!storedData) {
+					if (oauthError) {
+						const errorMsg = errorDescription || oauthError || "OAuth authentication failed";
+						onError?.(new Error(errorMsg));
+						const params$1 = new URLSearchParams();
+						params$1.set("error", oauthError);
+						if (errorDescription) params$1.set("error_description", errorDescription);
+						navigate(`/?${params$1.toString()}`);
+						return;
+					}
+					throw new Error("Invalid OAuth state - possible CSRF attack");
+				}
+				const { path, timestamp } = JSON.parse(storedData);
+				returnPath = path || "/";
+				if (Date.now() - timestamp > 6e5) {
+					sessionStorage.removeItem(`thunderid_oauth_${state}`);
+					throw new Error("OAuth state expired - please try again");
+				}
+				sessionStorage.removeItem(`thunderid_oauth_${state}`);
+				if (oauthError) {
+					const errorMsg = errorDescription || oauthError || "OAuth authentication failed";
+					onError?.(new Error(errorMsg));
+					const params$1 = new URLSearchParams();
+					params$1.set("error", oauthError);
+					if (errorDescription) params$1.set("error_description", errorDescription);
+					navigate(`${returnPath}?${params$1.toString()}`);
+					return;
+				}
+				if (!code) throw new Error("Missing OAuth authorization code");
+				const params = new URLSearchParams();
+				params.set("code", code);
+				if (nonce) params.set("nonce", nonce);
+				navigate(`${returnPath}?${params.toString()}`);
+			} catch (err) {
+				const errorMessage = err instanceof Error ? err.message : "OAuth callback processing failed";
+				console.error("OAuth callback error:", err);
+				onError?.(err instanceof Error ? err : new Error(errorMessage));
+				const params = new URLSearchParams();
+				params.set("error", "callback_error");
+				params.set("error_description", errorMessage);
+				navigate(`${returnPath}?${params.toString()}`);
+			}
+		};
+		processOAuthCallback();
+	}, [onNavigate, onError]);
+	return null;
+};
+
+//#endregion
+exports.OAuthCallback = OAuthCallback;
+//# sourceMappingURL=OAuthCallback.cjs.map

package/dist/cjs/components/auth/Callback/OAuthCallback.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OAuthCallback.cjs","names":["OAuthCallback: FC<OAuthCallbackProps>","processingRef: any","urlParams: URLSearchParams","code: string | null","state: string | null","nonce: string | null","oauthError: string | null","errorDescription: string | null","storedData: string | null","errorMsg: string","params: URLSearchParams","params","errorMessage: string"],"sources":["../../../../../src/components/auth/Callback/OAuthCallback.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 {navigate as browserNavigate} from '@thunderid/browser';\nimport {FC, useEffect, useRef} from 'react';\n\n/**\n * Props for Callback component\n */\nexport interface OAuthCallbackProps {\n  /**\n   * Callback function called when an error occurs\n   */\n  onError?: (error: Error) => void;\n\n  /**\n   * Function to navigate to a different path.\n   * If not provided, falls back to the browser navigate utility (SPA navigation via History API for same-origin paths).\n   * Provide this prop to enable framework-specific navigation (e.g., from React Router).\n   */\n  onNavigate?: (path: string) => void;\n}\n\n/**\n * BaseCallback is a headless component that handles OAuth callback parameter forwarding.\n * This component extracts OAuth parameters (code, state, error) from the URL and forwards them\n * to the original component that initiated the OAuth flow.\n *\n * Works standalone using the browser navigate utility (History API) for navigation by default.\n * Pass an onNavigate prop to enable framework-specific navigation (e.g., via React Router).\n *\n * Flow: Extract OAuth parameters from URL -> Parse state parameter -> Redirect to original path with parameters\n *\n * The original component (SignIn/AcceptInvite) is responsible for:\n * - Processing the OAuth code via the SDK\n * - Calling /flow/execute\n * - Handling the assertion and auth/callback POST\n * - Managing the authenticated session\n */\nexport const OAuthCallback: FC<OAuthCallbackProps> = ({onNavigate, onError}: OAuthCallbackProps) => {\n  // Prevent double execution in React Strict Mode\n  const processingRef: any = useRef(false);\n\n  // Resolve navigation: use provided onNavigate (router-aware) or fall back to browser navigate utility\n  const navigate = (path: string): void => {\n    if (onNavigate) {\n      onNavigate(path);\n    } else {\n      browserNavigate(path);\n    }\n  };\n\n  useEffect(() => {\n    const processOAuthCallback = (): void => {\n      // Guard against double execution\n      if (processingRef.current) {\n        return;\n      }\n      processingRef.current = true;\n\n      // Declare variables outside try block for use in catch\n      let returnPath = '/';\n\n      try {\n        // 1. Extract OAuth parameters from URL\n        const urlParams: URLSearchParams = new URLSearchParams(window.location.search);\n        const code: string | null = urlParams.get('code');\n        const state: string | null = urlParams.get('state');\n        const nonce: string | null = urlParams.get('nonce');\n        const oauthError: string | null = urlParams.get('error');\n        const errorDescription: string | null = urlParams.get('error_description');\n\n        // 1a. If running inside a popup (e.g. social signup), send OAuth params\n        //     back to the opener via postMessage. The parent window's handler will\n        //     close this popup after processing the code.\n        if (window.opener) {\n          window.opener.postMessage({code, error: oauthError, errorDescription, nonce, state}, window.location.origin);\n          return;\n        }\n\n        // 2. Validate and retrieve OAuth state from sessionStorage\n        if (!state) {\n          throw new Error('Missing OAuth state parameter - possible security issue');\n        }\n\n        const storedData: string | null = sessionStorage.getItem(`thunderid_oauth_${state}`);\n        if (!storedData) {\n          // If state not found, might be an error callback - try to handle gracefully\n          if (oauthError) {\n            const errorMsg: string = errorDescription || oauthError || 'OAuth authentication failed';\n            const err: Error = new Error(errorMsg);\n            onError?.(err);\n\n            const params: URLSearchParams = new URLSearchParams();\n            params.set('error', oauthError);\n            if (errorDescription) {\n              params.set('error_description', errorDescription);\n            }\n\n            navigate(`/?${params.toString()}`);\n            return;\n          }\n          throw new Error('Invalid OAuth state - possible CSRF attack');\n        }\n\n        const {path, timestamp} = JSON.parse(storedData);\n        returnPath = path || '/';\n\n        // 3. Validate state freshness\n        const MAX_STATE_AGE = 600000; // 10 minutes\n        if (Date.now() - timestamp > MAX_STATE_AGE) {\n          sessionStorage.removeItem(`thunderid_oauth_${state}`);\n          throw new Error('OAuth state expired - please try again');\n        }\n\n        // 4. Clean up state\n        sessionStorage.removeItem(`thunderid_oauth_${state}`);\n\n        // 5. Handle OAuth error response\n        if (oauthError) {\n          const errorMsg: string = errorDescription || oauthError || 'OAuth authentication failed';\n          const err: Error = new Error(errorMsg);\n          onError?.(err);\n\n          const params: URLSearchParams = new URLSearchParams();\n          params.set('error', oauthError);\n          if (errorDescription) {\n            params.set('error_description', errorDescription);\n          }\n\n          navigate(`${returnPath}?${params.toString()}`);\n          return;\n        }\n\n        // 6. Validate required parameters\n        if (!code) {\n          throw new Error('Missing OAuth authorization code');\n        }\n\n        // 7. Forward OAuth code to original component\n        // The component (SignIn/AcceptInvite) will retrieve flowId/authId from sessionStorage\n        const params: URLSearchParams = new URLSearchParams();\n        params.set('code', code);\n        if (nonce) {\n          params.set('nonce', nonce);\n        }\n\n        navigate(`${returnPath}?${params.toString()}`);\n      } catch (err) {\n        const errorMessage: string = err instanceof Error ? err.message : 'OAuth callback processing failed';\n        // eslint-disable-next-line no-console\n        console.error('OAuth callback error:', err);\n\n        onError?.(err instanceof Error ? err : new Error(errorMessage));\n\n        // Redirect back with OAuth error format\n        const params: URLSearchParams = new URLSearchParams();\n        params.set('error', 'callback_error');\n        params.set('error_description', errorMessage);\n\n        navigate(`${returnPath}?${params.toString()}`);\n      }\n    };\n\n    processOAuthCallback();\n  }, [onNavigate, onError]);\n\n  // Headless component - no UI, just processing logic\n  return null;\n};\n\nexport default OAuthCallback;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAsDA,MAAaA,iBAAyC,EAAC,YAAY,cAAiC;CAElG,MAAMC,kCAA4B,MAAM;CAGxC,MAAM,YAAY,SAAuB;AACvC,MAAI,WACF,YAAW,KAAK;MAEhB,mCAAgB,KAAK;;AAIzB,4BAAgB;EACd,MAAM,6BAAmC;AAEvC,OAAI,cAAc,QAChB;AAEF,iBAAc,UAAU;GAGxB,IAAI,aAAa;AAEjB,OAAI;IAEF,MAAMC,YAA6B,IAAI,gBAAgB,OAAO,SAAS,OAAO;IAC9E,MAAMC,OAAsB,UAAU,IAAI,OAAO;IACjD,MAAMC,QAAuB,UAAU,IAAI,QAAQ;IACnD,MAAMC,QAAuB,UAAU,IAAI,QAAQ;IACnD,MAAMC,aAA4B,UAAU,IAAI,QAAQ;IACxD,MAAMC,mBAAkC,UAAU,IAAI,oBAAoB;AAK1E,QAAI,OAAO,QAAQ;AACjB,YAAO,OAAO,YAAY;MAAC;MAAM,OAAO;MAAY;MAAkB;MAAO;MAAM,EAAE,OAAO,SAAS,OAAO;AAC5G;;AAIF,QAAI,CAAC,MACH,OAAM,IAAI,MAAM,0DAA0D;IAG5E,MAAMC,aAA4B,eAAe,QAAQ,mBAAmB,QAAQ;AACpF,QAAI,CAAC,YAAY;AAEf,SAAI,YAAY;MACd,MAAMC,WAAmB,oBAAoB,cAAc;AAE3D,gBADmB,IAAI,MAAM,SAAS,CACxB;MAEd,MAAMC,WAA0B,IAAI,iBAAiB;AACrD,eAAO,IAAI,SAAS,WAAW;AAC/B,UAAI,iBACF,UAAO,IAAI,qBAAqB,iBAAiB;AAGnD,eAAS,KAAKC,SAAO,UAAU,GAAG;AAClC;;AAEF,WAAM,IAAI,MAAM,6CAA6C;;IAG/D,MAAM,EAAC,MAAM,cAAa,KAAK,MAAM,WAAW;AAChD,iBAAa,QAAQ;AAIrB,QAAI,KAAK,KAAK,GAAG,YADK,KACsB;AAC1C,oBAAe,WAAW,mBAAmB,QAAQ;AACrD,WAAM,IAAI,MAAM,yCAAyC;;AAI3D,mBAAe,WAAW,mBAAmB,QAAQ;AAGrD,QAAI,YAAY;KACd,MAAMF,WAAmB,oBAAoB,cAAc;AAE3D,eADmB,IAAI,MAAM,SAAS,CACxB;KAEd,MAAMC,WAA0B,IAAI,iBAAiB;AACrD,cAAO,IAAI,SAAS,WAAW;AAC/B,SAAI,iBACF,UAAO,IAAI,qBAAqB,iBAAiB;AAGnD,cAAS,GAAG,WAAW,GAAGC,SAAO,UAAU,GAAG;AAC9C;;AAIF,QAAI,CAAC,KACH,OAAM,IAAI,MAAM,mCAAmC;IAKrD,MAAMD,SAA0B,IAAI,iBAAiB;AACrD,WAAO,IAAI,QAAQ,KAAK;AACxB,QAAI,MACF,QAAO,IAAI,SAAS,MAAM;AAG5B,aAAS,GAAG,WAAW,GAAG,OAAO,UAAU,GAAG;YACvC,KAAK;IACZ,MAAME,eAAuB,eAAe,QAAQ,IAAI,UAAU;AAElE,YAAQ,MAAM,yBAAyB,IAAI;AAE3C,cAAU,eAAe,QAAQ,MAAM,IAAI,MAAM,aAAa,CAAC;IAG/D,MAAMF,SAA0B,IAAI,iBAAiB;AACrD,WAAO,IAAI,SAAS,iBAAiB;AACrC,WAAO,IAAI,qBAAqB,aAAa;AAE7C,aAAS,GAAG,WAAW,GAAG,OAAO,UAAU,GAAG;;;AAIlD,wBAAsB;IACrB,CAAC,YAAY,QAAQ,CAAC;AAGzB,QAAO"}

package/dist/cjs/components/auth/Callback/TokenCallback.cjs

@@ -0,0 +1,134 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_useThunderID = require('../../../contexts/ThunderID/useThunderID.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);
+
+//#region src/components/auth/Callback/TokenCallback.tsx
+const TokenCallback = ({ onNavigate, onError, onSuccess, signInPath = "/signin", signUpPath = "/signup" }) => {
+	const processingRef = (0, react.useRef)(false);
+	const { isInitialized, isLoading, signIn, signUp, getStorageManager } = require_useThunderID.default();
+	const navigate = (path) => {
+		if (onNavigate) onNavigate(path);
+		else (0, __thunderid_browser.navigate)(path);
+	};
+	const clearTokenFromUrl = () => {
+		if (!window?.location?.href) return;
+		const url = new URL(window.location.href);
+		url.searchParams.delete("token");
+		url.searchParams.delete("type");
+		window.history.replaceState({}, "", url.toString());
+	};
+	const initiateOAuthRedirect = (redirectURL, isRegistrationFlow) => {
+		const redirectUrlObj = new URL(redirectURL);
+		const state = redirectUrlObj.searchParams.get("state") || crypto.randomUUID();
+		sessionStorage.setItem(`thunderid_oauth_${state}`, JSON.stringify({
+			path: isRegistrationFlow ? signUpPath : signInPath,
+			timestamp: Date.now()
+		}));
+		(0, __thunderid_browser.navigate)(redirectUrlObj.toString());
+	};
+	const buildSignInPath = (executionId, applicationId, isRegistrationFlow) => {
+		const params = new URLSearchParams();
+		if (executionId) params.set("executionId", executionId);
+		if (applicationId) params.set("applicationId", applicationId);
+		const basePath = isRegistrationFlow ? signUpPath : signInPath;
+		return params.toString() ? `${basePath}?${params.toString()}` : basePath;
+	};
+	const redirectWithError = (error, isRegistrationFlow) => {
+		sessionStorage.removeItem("thunderid_execution_id");
+		onError?.(error);
+		const params = new URLSearchParams();
+		params.set("error", "token_verification_failed");
+		params.set("error_description", error.message);
+		navigate(`${isRegistrationFlow ? signUpPath : signInPath}?${params.toString()}`);
+	};
+	(0, react.useEffect)(() => {
+		if (!isInitialized || isLoading) return;
+		const processTokenCallback = async () => {
+			if (processingRef.current) return;
+			processingRef.current = true;
+			const searchParams = new URLSearchParams(window.location.search);
+			const executionId = searchParams.get("id") || searchParams.get("executionId");
+			const token = searchParams.get("token");
+			const applicationId = searchParams.get("applicationId");
+			const isRegistrationFlow = searchParams.get("type") === "REGISTRATION";
+			clearTokenFromUrl();
+			try {
+				const storageManager = await getStorageManager();
+				if (!executionId || !token) {
+					redirectWithError(/* @__PURE__ */ new Error("Missing executionId or token in callback URL"), isRegistrationFlow);
+					return;
+				}
+				let response;
+				if (isRegistrationFlow) response = await signUp({
+					executionId,
+					inputs: { token }
+				});
+				else response = await signIn({
+					executionId,
+					inputs: { token }
+				});
+				if (response.type === __thunderid_browser.EmbeddedSignInFlowTypeV2.Redirection) {
+					const redirectURL = response.data?.redirectURL || response?.redirectURL;
+					const nextExecutionId$1 = response.executionId || executionId;
+					sessionStorage.setItem("thunderid_execution_id", nextExecutionId$1);
+					if (redirectURL) {
+						initiateOAuthRedirect(redirectURL, isRegistrationFlow);
+						return;
+					}
+				}
+				if (response.flowStatus === __thunderid_browser.EmbeddedSignInFlowStatusV2.Complete) {
+					const redirectUrl = response?.redirectUrl || response?.redirect_uri;
+					sessionStorage.removeItem("thunderid_execution_id");
+					await storageManager.removeHybridDataParameter("authId");
+					onSuccess?.({
+						redirectUrl,
+						...response.data || {}
+					});
+					if (redirectUrl) {
+						window.location.href = redirectUrl;
+						return;
+					}
+					navigate(isRegistrationFlow ? signUpPath : signInPath);
+					return;
+				}
+				if (response.flowStatus === __thunderid_browser.EmbeddedSignInFlowStatusV2.Error) {
+					const failureReason = response?.failureReason;
+					const error = new Error(failureReason || "Token validation failed. Please try again.");
+					await storageManager.removeHybridDataParameter("authId");
+					redirectWithError(error, isRegistrationFlow);
+					return;
+				}
+				const nextExecutionId = response.executionId || executionId;
+				sessionStorage.setItem("thunderid_execution_id", nextExecutionId);
+				if (response.challengeToken) await storageManager.setTemporaryDataParameter("challengeToken", response.challengeToken);
+				navigate(buildSignInPath(nextExecutionId, applicationId, isRegistrationFlow));
+			} catch (err) {
+				const error = err instanceof Error ? err : /* @__PURE__ */ new Error("Token callback processing failed");
+				console.error("Token callback error:", err);
+				const storageManager = await getStorageManager();
+				if (storageManager) await storageManager.removeHybridDataParameter("authId");
+				redirectWithError(error, isRegistrationFlow);
+			}
+		};
+		processTokenCallback();
+	}, [
+		getStorageManager,
+		isInitialized,
+		isLoading,
+		onError,
+		onNavigate,
+		onSuccess,
+		signIn,
+		signUp,
+		signInPath,
+		signUpPath
+	]);
+	return null;
+};
+
+//#endregion
+exports.TokenCallback = TokenCallback;
+//# sourceMappingURL=TokenCallback.cjs.map