@thunderid/react 0.0.5 → 0.2.0

package/dist/utils/v2/getAuthComponentHeadings.js

@@ -0,0 +1,102 @@
+//#region src/utils/v2/getAuthComponentHeadings.ts
+/**
+* Extracts heading and subheading components from authentication flow components
+* and provides resolved title/subtitle text with fallback logic.
+*
+* This utility helps maintain consistent heading extraction across authentication
+* components (SignIn, SignUp, etc.) by identifying heading components within the
+* flow structure and providing clean fallback behavior.
+*
+* @param components - Array of flow components to search
+* @param flowTitle - Title from flow context (highest priority)
+* @param flowSubtitle - Subtitle from flow context (highest priority)
+* @param defaultTitle - Default title fallback (lowest priority)
+* @param defaultSubtitle - Default subtitle fallback (lowest priority)
+* @returns Object with resolved title and subtitle text, plus filtered components
+*
+* @example
+* ```typescript
+* const result = getAuthComponentHeadings(
+*   components,
+*   flowTitle,
+*   flowSubtitle,
+*   t('signin.heading'),
+*   t('signin.subheading')
+* );
+*
+* // Use resolved titles
+* <Card.Title>{result.title}</Card.Title>
+* <Typography>{result.subtitle}</Typography>
+*
+* // Render filtered components (without headings)
+* renderComponents(result.componentsWithoutHeadings);
+* ```
+*/
+const getAuthComponentHeadings = (components, flowTitle, flowSubtitle, defaultTitle, defaultSubtitle) => {
+	let heading = null;
+	let subheading = null;
+	/**
+	* Recursively search for heading components
+	*/
+	const findHeadings = (comps) => {
+		for (const component of comps) {
+			if (component.type === "TEXT" && component.variant?.startsWith("HEADING_")) {
+				if (!heading) heading = component;
+				else if (!subheading) {
+					subheading = component;
+					break;
+				}
+			}
+			if (component.components && component.components.length > 0) {
+				findHeadings(component.components);
+				if (heading && subheading) break;
+			}
+		}
+	};
+	/**
+	* Filter out heading components from the flow
+	*/
+	const filterComponents = (comps) => {
+		let foundHeadings = 0;
+		const maxHeadings = 2;
+		const filter = (items) => items.reduce((acc, component) => {
+			if (foundHeadings < maxHeadings && component.type === "TEXT" && component.variant?.startsWith("HEADING_")) {
+				foundHeadings += 1;
+				return acc;
+			}
+			if (component.components && component.components.length > 0) {
+				const filteredNestedComponents = filter(component.components);
+				if (filteredNestedComponents.length > 0) acc.push({
+					...component,
+					components: filteredNestedComponents
+				});
+			} else acc.push(component);
+			return acc;
+		}, []);
+		return filter(comps);
+	};
+	/**
+	* Extract text content from a component
+	*/
+	const getComponentText = (component) => {
+		if (!component) return "";
+		return component.label || "";
+	};
+	findHeadings(components);
+	const headingText = getComponentText(heading);
+	const subheadingText = getComponentText(subheading);
+	return {
+		componentsWithoutHeadings: filterComponents(components),
+		headingComponents: {
+			heading,
+			subheading
+		},
+		subtitle: flowSubtitle || subheadingText || defaultSubtitle || "",
+		title: flowTitle || headingText || defaultTitle || ""
+	};
+};
+var getAuthComponentHeadings_default = getAuthComponentHeadings;
+
+//#endregion
+export { getAuthComponentHeadings_default as default };
+//# sourceMappingURL=getAuthComponentHeadings.js.map

package/dist/utils/v2/getAuthComponentHeadings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getAuthComponentHeadings.js","names":["heading: EmbeddedFlowComponent | null","subheading: EmbeddedFlowComponent | null","filteredNestedComponents: EmbeddedFlowComponent[]","headingText: string","subheadingText: string"],"sources":["../../../src/utils/v2/getAuthComponentHeadings.ts"],"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 {EmbeddedFlowComponentV2 as EmbeddedFlowComponent} from '@thunderid/browser';\n\n/**\n * Result of heading extraction from flow components\n */\nexport interface HeadingExtractionResult {\n  heading: EmbeddedFlowComponent | null;\n  subheading: EmbeddedFlowComponent | null;\n}\n\n/**\n * Complete result of authentication component heading extraction\n */\nexport interface AuthComponentHeadingsResult {\n  componentsWithoutHeadings: EmbeddedFlowComponent[];\n  headingComponents: HeadingExtractionResult;\n  subtitle: string;\n  title: string;\n}\n\n/**\n * Extracts heading and subheading components from authentication flow components\n * and provides resolved title/subtitle text with fallback logic.\n *\n * This utility helps maintain consistent heading extraction across authentication\n * components (SignIn, SignUp, etc.) by identifying heading components within the\n * flow structure and providing clean fallback behavior.\n *\n * @param components - Array of flow components to search\n * @param flowTitle - Title from flow context (highest priority)\n * @param flowSubtitle - Subtitle from flow context (highest priority)\n * @param defaultTitle - Default title fallback (lowest priority)\n * @param defaultSubtitle - Default subtitle fallback (lowest priority)\n * @returns Object with resolved title and subtitle text, plus filtered components\n *\n * @example\n * ```typescript\n * const result = getAuthComponentHeadings(\n *   components,\n *   flowTitle,\n *   flowSubtitle,\n *   t('signin.heading'),\n *   t('signin.subheading')\n * );\n *\n * // Use resolved titles\n * <Card.Title>{result.title}</Card.Title>\n * <Typography>{result.subtitle}</Typography>\n *\n * // Render filtered components (without headings)\n * renderComponents(result.componentsWithoutHeadings);\n * ```\n */\nconst getAuthComponentHeadings = (\n  components: EmbeddedFlowComponent[],\n  flowTitle?: string,\n  flowSubtitle?: string,\n  defaultTitle?: string,\n  defaultSubtitle?: string,\n): AuthComponentHeadingsResult => {\n  let heading: EmbeddedFlowComponent | null = null;\n  let subheading: EmbeddedFlowComponent | null = null;\n\n  /**\n   * Recursively search for heading components\n   */\n  const findHeadings = (comps: EmbeddedFlowComponent[]): void => {\n    for (const component of comps) {\n      if (component.type === 'TEXT' && component.variant?.startsWith('HEADING_')) {\n        if (!heading) {\n          heading = component;\n        } else if (!subheading) {\n          subheading = component;\n          break; // We found both, no need to continue\n        }\n      }\n      if (component.components && component.components.length > 0) {\n        findHeadings(component.components);\n        if (heading && subheading) break; // Early exit if both found\n      }\n    }\n  };\n\n  /**\n   * Filter out heading components from the flow\n   */\n  const filterComponents = (comps: EmbeddedFlowComponent[]): EmbeddedFlowComponent[] => {\n    let foundHeadings = 0;\n    const maxHeadings = 2;\n\n    const filter = (items: EmbeddedFlowComponent[]): EmbeddedFlowComponent[] =>\n      items.reduce((acc: EmbeddedFlowComponent[], component: EmbeddedFlowComponent) => {\n        if (foundHeadings < maxHeadings && component.type === 'TEXT' && component.variant?.startsWith('HEADING_')) {\n          foundHeadings += 1;\n          return acc;\n        }\n\n        if (component.components && component.components.length > 0) {\n          const filteredNestedComponents: EmbeddedFlowComponent[] = filter(component.components);\n          if (filteredNestedComponents.length > 0) {\n            acc.push({\n              ...component,\n              components: filteredNestedComponents,\n            });\n          }\n        } else {\n          acc.push(component);\n        }\n\n        return acc;\n      }, []);\n\n    return filter(comps);\n  };\n\n  /**\n   * Extract text content from a component\n   */\n  const getComponentText = (component: EmbeddedFlowComponent | null): string => {\n    if (!component) return '';\n    return component.label || '';\n  };\n\n  findHeadings(components);\n\n  const headingText: string = getComponentText(heading);\n  const subheadingText: string = getComponentText(subheading);\n\n  const result: AuthComponentHeadingsResult = {\n    componentsWithoutHeadings: filterComponents(components),\n    headingComponents: {heading, subheading},\n    subtitle: flowSubtitle || subheadingText || defaultSubtitle || '',\n    title: flowTitle || headingText || defaultTitle || '',\n  };\n\n  return result;\n};\n\nexport default getAuthComponentHeadings;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA,MAAM,4BACJ,YACA,WACA,cACA,cACA,oBACgC;CAChC,IAAIA,UAAwC;CAC5C,IAAIC,aAA2C;;;;CAK/C,MAAM,gBAAgB,UAAyC;AAC7D,OAAK,MAAM,aAAa,OAAO;AAC7B,OAAI,UAAU,SAAS,UAAU,UAAU,SAAS,WAAW,WAAW,EACxE;QAAI,CAAC,QACH,WAAU;aACD,CAAC,YAAY;AACtB,kBAAa;AACb;;;AAGJ,OAAI,UAAU,cAAc,UAAU,WAAW,SAAS,GAAG;AAC3D,iBAAa,UAAU,WAAW;AAClC,QAAI,WAAW,WAAY;;;;;;;CAQjC,MAAM,oBAAoB,UAA4D;EACpF,IAAI,gBAAgB;EACpB,MAAM,cAAc;EAEpB,MAAM,UAAU,UACd,MAAM,QAAQ,KAA8B,cAAqC;AAC/E,OAAI,gBAAgB,eAAe,UAAU,SAAS,UAAU,UAAU,SAAS,WAAW,WAAW,EAAE;AACzG,qBAAiB;AACjB,WAAO;;AAGT,OAAI,UAAU,cAAc,UAAU,WAAW,SAAS,GAAG;IAC3D,MAAMC,2BAAoD,OAAO,UAAU,WAAW;AACtF,QAAI,yBAAyB,SAAS,EACpC,KAAI,KAAK;KACP,GAAG;KACH,YAAY;KACb,CAAC;SAGJ,KAAI,KAAK,UAAU;AAGrB,UAAO;KACN,EAAE,CAAC;AAER,SAAO,OAAO,MAAM;;;;;CAMtB,MAAM,oBAAoB,cAAoD;AAC5E,MAAI,CAAC,UAAW,QAAO;AACvB,SAAO,UAAU,SAAS;;AAG5B,cAAa,WAAW;CAExB,MAAMC,cAAsB,iBAAiB,QAAQ;CACrD,MAAMC,iBAAyB,iBAAiB,WAAW;AAS3D,QAP4C;EAC1C,2BAA2B,iBAAiB,WAAW;EACvD,mBAAmB;GAAC;GAAS;GAAW;EACxC,UAAU,gBAAgB,kBAAkB,mBAAmB;EAC/D,OAAO,aAAa,eAAe,gBAAgB;EACpD;;AAKH,uCAAe"}

package/dist/utils/v2/passkey.js

@@ -0,0 +1,90 @@
+import { ThunderIDRuntimeError, arrayBufferToBase64url, base64urlToArrayBuffer } from "@thunderid/browser";
+
+//#region src/utils/v2/passkey.ts
+/**
+* Handles WebAuthn/Passkey registration flow for browser environments.
+*
+* @param challengeData - JSON stringified challenge data containing WebAuthn creation options.
+* @returns Promise that resolves to a JSON string containing the WebAuthn registration response.
+*/
+const handlePasskeyRegistration = async (challengeData) => {
+	if (!window.navigator.credentials?.create) throw new ThunderIDRuntimeError("WebAuthn is not supported in this browser.", "browser-webauthn-not-supported", "browser", "WebAuthn/Passkey registration requires a browser that supports the Web Authentication API.");
+	try {
+		const creationOptions = JSON.parse(challengeData);
+		const publicKey = {
+			...creationOptions,
+			challenge: base64urlToArrayBuffer(creationOptions.challenge),
+			user: {
+				...creationOptions.user,
+				id: base64urlToArrayBuffer(creationOptions.user.id)
+			},
+			...creationOptions.excludeCredentials && { excludeCredentials: creationOptions.excludeCredentials.map((cred) => ({
+				...cred,
+				id: base64urlToArrayBuffer(cred.id)
+			})) }
+		};
+		const credential = await navigator.credentials.create({ publicKey });
+		if (!credential) throw new ThunderIDRuntimeError("No credential returned from WebAuthn registration.", "browser-webauthn-no-credential", "browser", "The WebAuthn registration ceremony completed but did not return a valid credential.");
+		const response = credential.response;
+		const registrationResponse = {
+			id: credential.id,
+			rawId: arrayBufferToBase64url(credential.rawId),
+			response: {
+				attestationObject: arrayBufferToBase64url(response.attestationObject),
+				clientDataJSON: arrayBufferToBase64url(response.clientDataJSON),
+				...response.getTransports && { transports: response.getTransports() }
+			},
+			type: credential.type,
+			...credential.authenticatorAttachment && { authenticatorAttachment: credential.authenticatorAttachment }
+		};
+		return JSON.stringify(registrationResponse);
+	} catch (error) {
+		if (error instanceof ThunderIDRuntimeError) throw error;
+		if (error instanceof Error) throw new ThunderIDRuntimeError(`Passkey registration failed: ${error.message}`, "browser-webauthn-registration-error", "browser", `WebAuthn registration failed with error: ${error.name}`);
+		throw new ThunderIDRuntimeError("Passkey registration failed due to an unexpected error.", "browser-webauthn-unexpected-error", "browser", "An unexpected error occurred during WebAuthn registration.");
+	}
+};
+/**
+* Handles WebAuthn/Passkey authentication flow for browser environments.
+*
+* @param challengeData - JSON stringified challenge data containing WebAuthn request options.
+* @returns Promise that resolves to a JSON string containing the WebAuthn authentication response.
+*/
+const handlePasskeyAuthentication = async (challengeData) => {
+	if (!window.navigator.credentials?.get) throw new ThunderIDRuntimeError("WebAuthn is not supported in this browser.", "browser-webauthn-not-supported", "browser", "WebAuthn/Passkey authentication requires a browser that supports the Web Authentication API.");
+	try {
+		const requestOptions = JSON.parse(challengeData);
+		const publicKey = {
+			...requestOptions,
+			challenge: base64urlToArrayBuffer(requestOptions.challenge),
+			...requestOptions.allowCredentials && { allowCredentials: requestOptions.allowCredentials.map((cred) => ({
+				...cred,
+				id: base64urlToArrayBuffer(cred.id)
+			})) }
+		};
+		const credential = await navigator.credentials.get({ publicKey });
+		if (!credential) throw new ThunderIDRuntimeError("No credential returned from WebAuthn authentication.", "browser-webauthn-no-credential", "browser", "The WebAuthn authentication ceremony completed but did not return a valid credential.");
+		const response = credential.response;
+		const authenticationResponse = {
+			id: credential.id,
+			rawId: arrayBufferToBase64url(credential.rawId),
+			response: {
+				authenticatorData: arrayBufferToBase64url(response.authenticatorData),
+				clientDataJSON: arrayBufferToBase64url(response.clientDataJSON),
+				signature: arrayBufferToBase64url(response.signature),
+				...response.userHandle && { userHandle: arrayBufferToBase64url(response.userHandle) }
+			},
+			type: credential.type,
+			...credential.authenticatorAttachment && { authenticatorAttachment: credential.authenticatorAttachment }
+		};
+		return JSON.stringify(authenticationResponse);
+	} catch (error) {
+		if (error instanceof ThunderIDRuntimeError) throw error;
+		if (error instanceof Error) throw new ThunderIDRuntimeError(`Passkey authentication failed: ${error.message}`, "browser-webauthn-authentication-error", "browser", `WebAuthn authentication failed with error: ${error.name}`);
+		throw new ThunderIDRuntimeError("Passkey authentication failed due to an unexpected error.", "browser-webauthn-unexpected-error", "browser", "An unexpected error occurred during WebAuthn authentication.");
+	}
+};
+
+//#endregion
+export { handlePasskeyAuthentication, handlePasskeyRegistration };
+//# sourceMappingURL=passkey.js.map

package/dist/utils/v2/passkey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"passkey.js","names":["creationOptions: any","publicKey: any","credential: PublicKeyCredential","response: AuthenticatorAttestationResponse","registrationResponse: any","requestOptions: any","response: AuthenticatorAssertionResponse","authenticationResponse: any"],"sources":["../../../src/utils/v2/passkey.ts"],"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 {ThunderIDRuntimeError, arrayBufferToBase64url, base64urlToArrayBuffer} from '@thunderid/browser';\n\n/**\n * Handles WebAuthn/Passkey registration flow for browser environments.\n *\n * @param challengeData - JSON stringified challenge data containing WebAuthn creation options.\n * @returns Promise that resolves to a JSON string containing the WebAuthn registration response.\n */\nexport const handlePasskeyRegistration = async (challengeData: string): Promise<string> => {\n  if (!window.navigator.credentials?.create) {\n    throw new ThunderIDRuntimeError(\n      'WebAuthn is not supported in this browser.',\n      'browser-webauthn-not-supported',\n      'browser',\n      'WebAuthn/Passkey registration requires a browser that supports the Web Authentication API.',\n    );\n  }\n\n  try {\n    const creationOptions: any = JSON.parse(challengeData);\n\n    // Decode challenge and user ID from base64url to BufferSource\n    const publicKey: any = {\n      ...creationOptions,\n      challenge: base64urlToArrayBuffer(creationOptions.challenge),\n      user: {\n        ...creationOptions.user,\n        id: base64urlToArrayBuffer(creationOptions.user.id),\n      },\n      ...(creationOptions.excludeCredentials && {\n        excludeCredentials: creationOptions.excludeCredentials.map((cred: any) => ({\n          ...cred,\n          id: base64urlToArrayBuffer(cred.id),\n        })),\n      }),\n    };\n\n    const credential: PublicKeyCredential = (await navigator.credentials.create({\n      publicKey,\n    })) as PublicKeyCredential;\n\n    if (!credential) {\n      throw new ThunderIDRuntimeError(\n        'No credential returned from WebAuthn registration.',\n        'browser-webauthn-no-credential',\n        'browser',\n        'The WebAuthn registration ceremony completed but did not return a valid credential.',\n      );\n    }\n\n    const response: AuthenticatorAttestationResponse = credential.response as AuthenticatorAttestationResponse;\n\n    // Encode response fields back to base64url\n    const registrationResponse: any = {\n      id: credential.id,\n      rawId: arrayBufferToBase64url(credential.rawId),\n      response: {\n        attestationObject: arrayBufferToBase64url(response.attestationObject),\n        clientDataJSON: arrayBufferToBase64url(response.clientDataJSON),\n        ...(response.getTransports && {\n          transports: response.getTransports(),\n        }),\n      },\n      type: credential.type,\n      ...(credential.authenticatorAttachment && {\n        authenticatorAttachment: credential.authenticatorAttachment,\n      }),\n    };\n\n    return JSON.stringify(registrationResponse);\n  } catch (error) {\n    if (error instanceof ThunderIDRuntimeError) {\n      throw error;\n    }\n\n    if (error instanceof Error) {\n      // Map specific WebAuthn errors to ThunderIDRuntimeError/friendly messages as needed\n      throw new ThunderIDRuntimeError(\n        `Passkey registration failed: ${error.message}`,\n        'browser-webauthn-registration-error',\n        'browser',\n        `WebAuthn registration failed with error: ${error.name}`,\n      );\n    }\n\n    throw new ThunderIDRuntimeError(\n      'Passkey registration failed due to an unexpected error.',\n      'browser-webauthn-unexpected-error',\n      'browser',\n      'An unexpected error occurred during WebAuthn registration.',\n    );\n  }\n};\n\n/**\n * Handles WebAuthn/Passkey authentication flow for browser environments.\n *\n * @param challengeData - JSON stringified challenge data containing WebAuthn request options.\n * @returns Promise that resolves to a JSON string containing the WebAuthn authentication response.\n */\nexport const handlePasskeyAuthentication = async (challengeData: string): Promise<string> => {\n  if (!window.navigator.credentials?.get) {\n    throw new ThunderIDRuntimeError(\n      'WebAuthn is not supported in this browser.',\n      'browser-webauthn-not-supported',\n      'browser',\n      'WebAuthn/Passkey authentication requires a browser that supports the Web Authentication API.',\n    );\n  }\n\n  try {\n    const requestOptions: any = JSON.parse(challengeData);\n\n    // Decode challenge and allowed credentials from base64url to BufferSource\n    const publicKey: any = {\n      ...requestOptions,\n      challenge: base64urlToArrayBuffer(requestOptions.challenge),\n      ...(requestOptions.allowCredentials && {\n        allowCredentials: requestOptions.allowCredentials.map((cred: any) => ({\n          ...cred,\n          id: base64urlToArrayBuffer(cred.id),\n        })),\n      }),\n    };\n\n    const credential: PublicKeyCredential = (await navigator.credentials.get({\n      publicKey,\n    })) as PublicKeyCredential;\n\n    if (!credential) {\n      throw new ThunderIDRuntimeError(\n        'No credential returned from WebAuthn authentication.',\n        'browser-webauthn-no-credential',\n        'browser',\n        'The WebAuthn authentication ceremony completed but did not return a valid credential.',\n      );\n    }\n\n    const response: AuthenticatorAssertionResponse = credential.response as AuthenticatorAssertionResponse;\n\n    // Encode response fields back to base64url\n    const authenticationResponse: any = {\n      id: credential.id,\n      rawId: arrayBufferToBase64url(credential.rawId),\n      response: {\n        authenticatorData: arrayBufferToBase64url(response.authenticatorData),\n        clientDataJSON: arrayBufferToBase64url(response.clientDataJSON),\n        signature: arrayBufferToBase64url(response.signature),\n        ...(response.userHandle && {\n          userHandle: arrayBufferToBase64url(response.userHandle),\n        }),\n      },\n      type: credential.type,\n      ...(credential.authenticatorAttachment && {\n        authenticatorAttachment: credential.authenticatorAttachment,\n      }),\n    };\n\n    return JSON.stringify(authenticationResponse);\n  } catch (error) {\n    if (error instanceof ThunderIDRuntimeError) {\n      throw error;\n    }\n\n    if (error instanceof Error) {\n      throw new ThunderIDRuntimeError(\n        `Passkey authentication failed: ${error.message}`,\n        'browser-webauthn-authentication-error',\n        'browser',\n        `WebAuthn authentication failed with error: ${error.name}`,\n      );\n    }\n\n    throw new ThunderIDRuntimeError(\n      'Passkey authentication failed due to an unexpected error.',\n      'browser-webauthn-unexpected-error',\n      'browser',\n      'An unexpected error occurred during WebAuthn authentication.',\n    );\n  }\n};\n"],"mappings":";;;;;;;;;AA0BA,MAAa,4BAA4B,OAAO,kBAA2C;AACzF,KAAI,CAAC,OAAO,UAAU,aAAa,OACjC,OAAM,IAAI,sBACR,8CACA,kCACA,WACA,6FACD;AAGH,KAAI;EACF,MAAMA,kBAAuB,KAAK,MAAM,cAAc;EAGtD,MAAMC,YAAiB;GACrB,GAAG;GACH,WAAW,uBAAuB,gBAAgB,UAAU;GAC5D,MAAM;IACJ,GAAG,gBAAgB;IACnB,IAAI,uBAAuB,gBAAgB,KAAK,GAAG;IACpD;GACD,GAAI,gBAAgB,sBAAsB,EACxC,oBAAoB,gBAAgB,mBAAmB,KAAK,UAAe;IACzE,GAAG;IACH,IAAI,uBAAuB,KAAK,GAAG;IACpC,EAAE,EACJ;GACF;EAED,MAAMC,aAAmC,MAAM,UAAU,YAAY,OAAO,EAC1E,WACD,CAAC;AAEF,MAAI,CAAC,WACH,OAAM,IAAI,sBACR,sDACA,kCACA,WACA,sFACD;EAGH,MAAMC,WAA6C,WAAW;EAG9D,MAAMC,uBAA4B;GAChC,IAAI,WAAW;GACf,OAAO,uBAAuB,WAAW,MAAM;GAC/C,UAAU;IACR,mBAAmB,uBAAuB,SAAS,kBAAkB;IACrE,gBAAgB,uBAAuB,SAAS,eAAe;IAC/D,GAAI,SAAS,iBAAiB,EAC5B,YAAY,SAAS,eAAe,EACrC;IACF;GACD,MAAM,WAAW;GACjB,GAAI,WAAW,2BAA2B,EACxC,yBAAyB,WAAW,yBACrC;GACF;AAED,SAAO,KAAK,UAAU,qBAAqB;UACpC,OAAO;AACd,MAAI,iBAAiB,sBACnB,OAAM;AAGR,MAAI,iBAAiB,MAEnB,OAAM,IAAI,sBACR,gCAAgC,MAAM,WACtC,uCACA,WACA,4CAA4C,MAAM,OACnD;AAGH,QAAM,IAAI,sBACR,2DACA,qCACA,WACA,6DACD;;;;;;;;;AAUL,MAAa,8BAA8B,OAAO,kBAA2C;AAC3F,KAAI,CAAC,OAAO,UAAU,aAAa,IACjC,OAAM,IAAI,sBACR,8CACA,kCACA,WACA,+FACD;AAGH,KAAI;EACF,MAAMC,iBAAsB,KAAK,MAAM,cAAc;EAGrD,MAAMJ,YAAiB;GACrB,GAAG;GACH,WAAW,uBAAuB,eAAe,UAAU;GAC3D,GAAI,eAAe,oBAAoB,EACrC,kBAAkB,eAAe,iBAAiB,KAAK,UAAe;IACpE,GAAG;IACH,IAAI,uBAAuB,KAAK,GAAG;IACpC,EAAE,EACJ;GACF;EAED,MAAMC,aAAmC,MAAM,UAAU,YAAY,IAAI,EACvE,WACD,CAAC;AAEF,MAAI,CAAC,WACH,OAAM,IAAI,sBACR,wDACA,kCACA,WACA,wFACD;EAGH,MAAMI,WAA2C,WAAW;EAG5D,MAAMC,yBAA8B;GAClC,IAAI,WAAW;GACf,OAAO,uBAAuB,WAAW,MAAM;GAC/C,UAAU;IACR,mBAAmB,uBAAuB,SAAS,kBAAkB;IACrE,gBAAgB,uBAAuB,SAAS,eAAe;IAC/D,WAAW,uBAAuB,SAAS,UAAU;IACrD,GAAI,SAAS,cAAc,EACzB,YAAY,uBAAuB,SAAS,WAAW,EACxD;IACF;GACD,MAAM,WAAW;GACjB,GAAI,WAAW,2BAA2B,EACxC,yBAAyB,WAAW,yBACrC;GACF;AAED,SAAO,KAAK,UAAU,uBAAuB;UACtC,OAAO;AACd,MAAI,iBAAiB,sBACnB,OAAM;AAGR,MAAI,iBAAiB,MACnB,OAAM,IAAI,sBACR,kCAAkC,MAAM,WACxC,yCACA,WACA,8CAA8C,MAAM,OACrD;AAGH,QAAM,IAAI,sBACR,6DACA,qCACA,WACA,+DACD"}

package/dist/utils/v2/resolveTranslationsInArray.js

@@ -0,0 +1,21 @@
+import { resolveTranslationsInObject } from "./resolveTranslationsInObject.js";
+
+//#region src/utils/v2/resolveTranslationsInArray.ts
+/**
+* Recursively resolves translation and meta template strings in an array of objects.
+* @param items - Array of objects to process
+* @param t - The translation function from useTranslation
+* @param properties - Array of property names to resolve (optional)
+* @param meta - Optional flow metadata for resolving meta() expressions
+* @returns A new array with resolved translations
+*/
+const resolveTranslationsInArray = (items, t, properties, meta) => items.map((item) => {
+	const resolved = resolveTranslationsInObject(item, t, properties, meta);
+	if (resolved["components"] && Array.isArray(resolved["components"])) resolved.components = resolveTranslationsInArray(resolved["components"], t, properties, meta);
+	return resolved;
+});
+var resolveTranslationsInArray_default = resolveTranslationsInArray;
+
+//#endregion
+export { resolveTranslationsInArray_default as default };
+//# sourceMappingURL=resolveTranslationsInArray.js.map

package/dist/utils/v2/resolveTranslationsInArray.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveTranslationsInArray.js","names":["resolved: T"],"sources":["../../../src/utils/v2/resolveTranslationsInArray.ts"],"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 {FlowMetadataResponse} from '@thunderid/browser';\nimport {resolveTranslationsInObject} from './resolveTranslationsInObject';\nimport {UseTranslation} from '../../hooks/useTranslation';\n\n/**\n * Recursively resolves translation and meta template strings in an array of objects.\n * @param items - Array of objects to process\n * @param t - The translation function from useTranslation\n * @param properties - Array of property names to resolve (optional)\n * @param meta - Optional flow metadata for resolving meta() expressions\n * @returns A new array with resolved translations\n */\nconst resolveTranslationsInArray = <T extends Record<string, any>>(\n  items: T[],\n  t: UseTranslation['t'],\n  properties?: string[],\n  meta?: FlowMetadataResponse | null,\n): T[] =>\n  items.map((item: T) => {\n    const resolved: T = resolveTranslationsInObject(item, t, properties, meta);\n\n    // If the item has nested components (like BLOCK or STACK type), resolve those too\n    if (resolved['components'] && Array.isArray(resolved['components'])) {\n      (resolved as any).components = resolveTranslationsInArray(resolved['components'], t, properties, meta);\n    }\n\n    return resolved;\n  });\n\nexport default resolveTranslationsInArray;\n"],"mappings":";;;;;;;;;;;AA8BA,MAAM,8BACJ,OACA,GACA,YACA,SAEA,MAAM,KAAK,SAAY;CACrB,MAAMA,WAAc,4BAA4B,MAAM,GAAG,YAAY,KAAK;AAG1E,KAAI,SAAS,iBAAiB,MAAM,QAAQ,SAAS,cAAc,CACjE,CAAC,SAAiB,aAAa,2BAA2B,SAAS,eAAe,GAAG,YAAY,KAAK;AAGxG,QAAO;EACP;AAEJ,yCAAe"}

package/dist/utils/v2/resolveTranslationsInObject.js

@@ -0,0 +1,31 @@
+import { resolveFlowTemplateLiterals } from "@thunderid/browser";
+
+//#region src/utils/v2/resolveTranslationsInObject.ts
+/**
+* Resolves all {{ t() }} and {{ meta() }} template expressions in an object's string properties.
+* @param obj - The object to process
+* @param t - The translation function from useTranslation
+* @param properties - Array of property names to resolve (optional, defaults to common properties)
+* @param meta - Optional flow metadata for resolving meta() expressions
+* @returns A new object with resolved template strings
+*/
+const resolveTranslationsInObject = (obj, t, properties = [
+	"label",
+	"placeholder",
+	"text",
+	"title",
+	"subtitle"
+], meta) => {
+	const resolved = { ...obj };
+	properties.forEach((prop) => {
+		if (resolved[prop] && typeof resolved[prop] === "string") resolved[prop] = resolveFlowTemplateLiterals(resolved[prop], {
+			meta,
+			t
+		});
+	});
+	return resolved;
+};
+
+//#endregion
+export { resolveTranslationsInObject };
+//# sourceMappingURL=resolveTranslationsInObject.js.map

package/dist/utils/v2/resolveTranslationsInObject.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveTranslationsInObject.js","names":["resolved: T"],"sources":["../../../src/utils/v2/resolveTranslationsInObject.ts"],"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 {FlowMetadataResponse, resolveFlowTemplateLiterals} from '@thunderid/browser';\nimport {UseTranslation} from '../../hooks/useTranslation';\n\n/**\n * Resolves all {{ t() }} and {{ meta() }} template expressions in an object's string properties.\n * @param obj - The object to process\n * @param t - The translation function from useTranslation\n * @param properties - Array of property names to resolve (optional, defaults to common properties)\n * @param meta - Optional flow metadata for resolving meta() expressions\n * @returns A new object with resolved template strings\n */\nexport const resolveTranslationsInObject = <T extends Record<string, any>>(\n  obj: T,\n  t: UseTranslation['t'],\n  properties: string[] = ['label', 'placeholder', 'text', 'title', 'subtitle'],\n  meta?: FlowMetadataResponse | null,\n): T => {\n  const resolved: T = {...obj};\n\n  properties.forEach((prop: string) => {\n    if (resolved[prop] && typeof resolved[prop] === 'string') {\n      (resolved as any)[prop] = resolveFlowTemplateLiterals(resolved[prop], {meta, t});\n    }\n  });\n\n  return resolved;\n};\n\nexport default resolveTranslationsInObject;\n"],"mappings":";;;;;;;;;;;AA6BA,MAAa,+BACX,KACA,GACA,aAAuB;CAAC;CAAS;CAAe;CAAQ;CAAS;CAAW,EAC5E,SACM;CACN,MAAMA,WAAc,EAAC,GAAG,KAAI;AAE5B,YAAW,SAAS,SAAiB;AACnC,MAAI,SAAS,SAAS,OAAO,SAAS,UAAU,SAC9C,CAAC,SAAiB,QAAQ,4BAA4B,SAAS,OAAO;GAAC;GAAM;GAAE,CAAC;GAElF;AAEF,QAAO"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thunderid/react",
-  "version": "0.0.5",
+  "version": "0.2.0",
   "description": "React SDK for ThunderID",
   "keywords": [
     "thunderid",
@@ -14,11 +14,12 @@
   "author": "WSO2",
   "license": "Apache-2.0",
   "type": "module",
-  "main": "dist/cjs/index.js",
+  "sideEffects": false,
+  "main": "dist/cjs/index.cjs",
   "module": "dist/index.js",
   "exports": {
     "import": "./dist/index.js",
-    "require": "./dist/cjs/index.js"
+    "require": "./dist/cjs/index.cjs"
   },
   "files": [
     "dist",
@@ -38,7 +39,7 @@
     "@types/node": "24.7.2",
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
-    "dompurify": "3.3.3",
+    "dompurify": "3.4.0",
     "eslint": "9.39.4",
     "prettier": "3.6.2",
     "react": "19.2.3",
@@ -46,9 +47,9 @@
     "rimraf": "6.1.3",
     "rolldown": "1.0.0-beta.45",
     "typescript": "5.9.3",
-    "vitest": "4.1.3",
-    "@thunderid/eslint-plugin": "^0.0.0",
-    "@thunderid/prettier-config": "^0.0.0"
+    "vitest": "4.1.6",
+    "@thunderid/prettier-config": "^0.0.0",
+    "@thunderid/eslint-plugin": "^0.0.0"
   },
   "peerDependencies": {
     "@types/react": ">=16.8.0",
@@ -56,15 +57,20 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
+    "@emotion/css": "11.13.5",
+    "@floating-ui/react": "0.27.12",
+    "dompurify": "3.4.0",
     "tslib": "2.8.1",
-    "@thunderid/browser": "^0.0.5"
+    "@thunderid/browser": "^0.2.0"
   },
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "build": "pnpm clean && node rolldown.config.js && tsc -p tsconfig.lib.json --emitDeclarationOnly --outDir dist",
-    "clean": "rimraf dist",
+    "build": "pnpm clean:dist &&  node rolldown.config.js && tsc -p tsconfig.lib.json --emitDeclarationOnly --outDir dist",
+    "clean": "pnpm clean:node_modules && pnpm clean:dist",
+    "clean:dist": "rimraf dist",
+    "clean:node_modules": "rimraf node_modules",
     "format:check": "prettier --check --cache .",
     "format:fix": "prettier --write --cache .",
     "lint": "eslint . --ext .js,.jsx,.ts,.tsx,.cjs,.mjs",