@thunderid/react 0.3.0 → 0.3.4

package/dist/cjs/contexts/Organization/OrganizationProvider.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrganizationProvider.cjs","names":["OrganizationProvider: FC<PropsWithChildren<OrganizationProviderProps>>","switchOrganization: (organization: Organization) => Promise<void>","ThunderIDRuntimeError","errorMessage: string","contextValue: OrganizationContextProps","OrganizationContext"],"sources":["../../../../src/contexts/Organization/OrganizationProvider.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {\n  ThunderIDRuntimeError,\n  Organization,\n  AllOrganizationsApiResponse,\n  CreateOrganizationPayload,\n  TokenResponse,\n} from '@thunderid/browser';\nimport {FC, PropsWithChildren, ReactElement, useCallback, useMemo, useState} from 'react';\nimport OrganizationContext, {OrganizationContextProps} from './OrganizationContext';\n\n/**\n * Props interface of {@link OrganizationProvider}\n */\nexport interface OrganizationProviderProps {\n  /**\n   * Whether to automatically fetch organizations on mount\n   */\n  autoFetch?: boolean;\n  /**\n   * Function to create a new organization.\n   */\n  createOrganization?: (payload: CreateOrganizationPayload, sessionId: string) => Promise<Organization>;\n  /**\n   * Initial current organization\n   */\n  currentOrganization?: Organization | null;\n  /**\n   * Initial list of organizations\n   */\n  getAllOrganizations?: () => Promise<AllOrganizationsApiResponse>;\n  /**\n   * List of organizations the signed-in user belongs to.\n   */\n  myOrganizations?: Organization[];\n  /**\n   * Callback function called when an error occurs\n   */\n  onError?: (error: string) => void;\n  /**\n   * Callback function called when switching organizations\n   */\n  onOrganizationSwitch?: (organization: Organization) => Promise<TokenResponse | Response>;\n  /**\n   * Refetch the my organizations list.\n   * @returns\n   */\n  revalidateMyOrganizations: () => Promise<Organization[]>;\n}\n\n/**\n * OrganizationProvider component that manages organization data and provides it through OrganizationContext.\n *\n * This provider:\n * - Fetches organization data from the organizations endpoint\n * - Manages current organization state\n * - Provides functions for switching organizations and refreshing data\n * - Handles loading states and errors\n *\n * @example\n * ```tsx\n * // Basic usage with auto-fetch (uses internal API)\n * <OrganizationProvider>\n *   <App />\n * </OrganizationProvider>\n *\n * // With custom error handling\n * <OrganizationProvider onError={(error) => console.error('Organization error:', error)}>\n *   <App />\n * </OrganizationProvider>\n *\n * // With custom organization switch handler\n * <OrganizationProvider\n *   onOrganizationSwitch={(org) => console.log('Switched to:', org.name)}\n * >\n *   <App />\n * </OrganizationProvider>\n *\n * // Disable auto-fetch (fetch manually using revalidateMyOrganizations)\n * <OrganizationProvider autoFetch={false}>\n *   <App />\n * </OrganizationProvider>\n * ```\n */\nconst OrganizationProvider: FC<PropsWithChildren<OrganizationProviderProps>> = ({\n  children,\n  currentOrganization,\n  onError,\n  myOrganizations,\n  onOrganizationSwitch,\n  revalidateMyOrganizations,\n  getAllOrganizations,\n  createOrganization,\n}: PropsWithChildren<OrganizationProviderProps>): ReactElement => {\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n  const [error, setError] = useState<string | null>(null);\n\n  /**\n   * Switches to a different organization\n   */\n  const switchOrganization: (organization: Organization) => Promise<void> = useCallback(\n    async (organization: Organization): Promise<void> => {\n      if (!onOrganizationSwitch) {\n        throw new ThunderIDRuntimeError(\n          'onOrganizationSwitch callback is required',\n          'OrganizationProvider-SwitchError-001',\n          'react',\n          'The onOrganizationSwitch callback must be provided to handle organization switching.',\n        );\n      }\n\n      setIsLoading(true);\n      setError(null);\n\n      try {\n        await onOrganizationSwitch(organization);\n        // The organization state will be updated by the parent provider\n      } catch (switchError) {\n        const errorMessage: string =\n          switchError instanceof Error ? switchError.message : 'Failed to switch organization';\n        setError(errorMessage);\n        if (onError) {\n          onError(errorMessage);\n        }\n        throw switchError; // Re-throw so the UI can handle it\n      } finally {\n        setIsLoading(false);\n      }\n    },\n    [onOrganizationSwitch, onError],\n  );\n\n  const contextValue: OrganizationContextProps = useMemo(\n    () => ({\n      createOrganization,\n      currentOrganization: currentOrganization ?? null,\n      error,\n      getAllOrganizations:\n        getAllOrganizations ??\n        ((): Promise<AllOrganizationsApiResponse> => Promise.resolve({count: 0, organizations: []})),\n      isLoading,\n      myOrganizations: myOrganizations ?? [],\n      revalidateMyOrganizations,\n      switchOrganization,\n    }),\n    [\n      currentOrganization,\n      error,\n      isLoading,\n      myOrganizations,\n      switchOrganization,\n      revalidateMyOrganizations,\n      getAllOrganizations,\n      createOrganization,\n    ],\n  );\n\n  return <OrganizationContext.Provider value={contextValue}>{children}</OrganizationContext.Provider>;\n};\n\nexport default OrganizationProvider;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqGA,MAAMA,wBAA0E,EAC9E,UACA,qBACA,SACA,iBACA,sBACA,2BACA,qBACA,yBACgE;CAChE,MAAM,CAAC,WAAW,oCAAkC,MAAM;CAC1D,MAAM,CAAC,OAAO,gCAAoC,KAAK;;;;CAKvD,MAAMC,4CACJ,OAAO,iBAA8C;AACnD,MAAI,CAAC,qBACH,OAAM,IAAIC,0CACR,6CACA,wCACA,SACA,uFACD;AAGH,eAAa,KAAK;AAClB,WAAS,KAAK;AAEd,MAAI;AACF,SAAM,qBAAqB,aAAa;WAEjC,aAAa;GACpB,MAAMC,eACJ,uBAAuB,QAAQ,YAAY,UAAU;AACvD,YAAS,aAAa;AACtB,OAAI,QACF,SAAQ,aAAa;AAEvB,SAAM;YACE;AACR,gBAAa,MAAM;;IAGvB,CAAC,sBAAsB,QAAQ,CAChC;CAED,MAAMC,yCACG;EACL;EACA,qBAAqB,uBAAuB;EAC5C;EACA,qBACE,8BAC6C,QAAQ,QAAQ;GAAC,OAAO;GAAG,eAAe,EAAE;GAAC,CAAC;EAC7F;EACA,iBAAiB,mBAAmB,EAAE;EACtC;EACA;EACD,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AAED,QAAO,2CAACC,oCAAoB;EAAS,OAAO;EAAe;GAAwC;;AAGrG,mCAAe"}

package/dist/cjs/contexts/Organization/useOrganization.cjs

@@ -1,100 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_OrganizationContext = require('./OrganizationContext.cjs');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-
-//#region src/contexts/Organization/useOrganization.ts
-/**
-* Hook to access the Organization context.
-*
-* This hook provides access to organization data including:
-* - List of organizations the user belongs to
-* - Current organization
-* - Functions to switch organizations and refresh data
-* - Function to fetch organizations programmatically
-* - Loading states and error handling
-*
-* @returns {OrganizationContextProps} The organization context value containing all organization-related data and functions
-* @throws {Error} Throws an error if used outside of OrganizationProvider
-*
-* @example
-* ```tsx
-* import {useOrganization} from '@thunderid/react';
-*
-* function OrganizationSelector() {
-*   const {
-*     organizations,
-*     currentOrganization,
-*     switchOrganization,
-*     revalidateMyOrganizations,
-*     getOrganizations,
-*     isLoading,
-*     error
-*   } = useOrganization();
-*
-*   if (isLoading) {
-*     return <div>Loading organizations...</div>;
-*   }
-*
-*   if (error) {
-*     return <div>Error: {error}</div>;
-*   }
-*
-*   return (
-*     <div>
-*       <h2>Current: {currentOrganization?.name}</h2>
-*       <select
-*         value={currentOrganization?.id || ''}
-*         onChange={(e) => {
-*           const org = organizations?.find(o => o.id === e.target.value);
-*           if (org) switchOrganization(org);
-*         }}
-*       >
-*         {organizations?.map(org => (
-*           <option key={org.id} value={org.id}>
-*             {org.name}
-*           </option>
-*         ))}
-*       </select>
-*       <button onClick={revalidateMyOrganizations}>
-*         Refresh Organizations
-*       </button>
-*       <button onClick={async () => {
-*         const fresh = await getOrganizations();
-*         console.log('Fresh organizations:', fresh);
-*       }}>
-*         Get Organizations Manually
-*       </button>
-*     </div>
-*   );
-* }
-*
-* // Switch to a specific organization
-* function SwitchOrgButton() {
-*   const {organizations, switchOrganization} = useOrganization();
-*
-*   const handleSwitch = (orgId: string) => {
-*     const org = organizations?.find(o => o.id === orgId);
-*     if (org) {
-*       switchOrganization(org);
-*     }
-*   };
-*
-*   return (
-*     <button onClick={() => handleSwitch('org-123')}>
-*       Switch to Organization
-*     </button>
-*   );
-* }
-* ```
-*/
-const useOrganization = () => {
-	const context = (0, react.useContext)(require_OrganizationContext.default);
-	if (!context) throw new Error("useOrganization must be used within an OrganizationProvider");
-	return context;
-};
-var useOrganization_default = useOrganization;
-
-//#endregion
-exports.default = useOrganization_default;
-//# sourceMappingURL=useOrganization.cjs.map

package/dist/cjs/contexts/Organization/useOrganization.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useOrganization.cjs","names":["context: OrganizationContextProps | null","OrganizationContext"],"sources":["../../../../src/contexts/Organization/useOrganization.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 {useContext} from 'react';\nimport OrganizationContext, {OrganizationContextProps} from './OrganizationContext';\n\n/**\n * Hook to access the Organization context.\n *\n * This hook provides access to organization data including:\n * - List of organizations the user belongs to\n * - Current organization\n * - Functions to switch organizations and refresh data\n * - Function to fetch organizations programmatically\n * - Loading states and error handling\n *\n * @returns {OrganizationContextProps} The organization context value containing all organization-related data and functions\n * @throws {Error} Throws an error if used outside of OrganizationProvider\n *\n * @example\n * ```tsx\n * import {useOrganization} from '@thunderid/react';\n *\n * function OrganizationSelector() {\n *   const {\n *     organizations,\n *     currentOrganization,\n *     switchOrganization,\n *     revalidateMyOrganizations,\n *     getOrganizations,\n *     isLoading,\n *     error\n *   } = useOrganization();\n *\n *   if (isLoading) {\n *     return <div>Loading organizations...</div>;\n *   }\n *\n *   if (error) {\n *     return <div>Error: {error}</div>;\n *   }\n *\n *   return (\n *     <div>\n *       <h2>Current: {currentOrganization?.name}</h2>\n *       <select\n *         value={currentOrganization?.id || ''}\n *         onChange={(e) => {\n *           const org = organizations?.find(o => o.id === e.target.value);\n *           if (org) switchOrganization(org);\n *         }}\n *       >\n *         {organizations?.map(org => (\n *           <option key={org.id} value={org.id}>\n *             {org.name}\n *           </option>\n *         ))}\n *       </select>\n *       <button onClick={revalidateMyOrganizations}>\n *         Refresh Organizations\n *       </button>\n *       <button onClick={async () => {\n *         const fresh = await getOrganizations();\n *         console.log('Fresh organizations:', fresh);\n *       }}>\n *         Get Organizations Manually\n *       </button>\n *     </div>\n *   );\n * }\n *\n * // Switch to a specific organization\n * function SwitchOrgButton() {\n *   const {organizations, switchOrganization} = useOrganization();\n *\n *   const handleSwitch = (orgId: string) => {\n *     const org = organizations?.find(o => o.id === orgId);\n *     if (org) {\n *       switchOrganization(org);\n *     }\n *   };\n *\n *   return (\n *     <button onClick={() => handleSwitch('org-123')}>\n *       Switch to Organization\n *     </button>\n *   );\n * }\n * ```\n */\nconst useOrganization = (): OrganizationContextProps => {\n  const context: OrganizationContextProps | null = useContext(OrganizationContext);\n\n  if (!context) {\n    throw new Error('useOrganization must be used within an OrganizationProvider');\n  }\n\n  return context;\n};\n\nexport default useOrganization;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyGA,MAAM,wBAAkD;CACtD,MAAMA,gCAAsDC,oCAAoB;AAEhF,KAAI,CAAC,QACH,OAAM,IAAI,MAAM,8DAA8D;AAGhF,QAAO;;AAGT,8BAAe"}

package/dist/cjs/contexts/Theme/v1/ThemeProvider.cjs

@@ -1,190 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-const require_applyThemeToDOM = require('../../../utils/applyThemeToDOM.cjs');
-const require_normalizeThemeConfig = require('../../../utils/normalizeThemeConfig.cjs');
-const require_useBrandingContext = require('../../Branding/useBrandingContext.cjs');
-const require_ThemeContext = require('../ThemeContext.cjs');
-let __thunderid_browser = require("@thunderid/browser");
-__thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
-
-//#region src/contexts/Theme/v1/ThemeProvider.tsx
-const logger = (0, __thunderid_browser.createPackageComponentLogger)("@thunderid/react", "ThemeProvider");
-/**
-* ThemeProvider component that manages theme state and provides theme context to child components.
-*
-* This provider integrates with ThunderID branding preferences to automatically apply
-* organization-specific themes while allowing for custom theme overrides.
-*
-* Features:
-* - Automatic theme mode detection (light/dark/system/class)
-* - Integration with ThunderID branding API through useBranding hook
-* - Merging of branding themes with custom theme configurations
-* - CSS variable injection for easy styling
-* - Loading and error states for branding integration
-*
-* @example
-* Basic usage with branding integration:
-* ```tsx
-* <ThemeProvider inheritFromBranding={true}>
-*   <App />
-* </ThemeProvider>
-* ```
-*
-* @example
-* With custom theme overrides:
-* ```tsx
-* <ThemeProvider
-*   theme={{
-*     colors: {
-*       primary: { main: '#custom-color' }
-*     }
-*   }}
-*   inheritFromBranding={true}
-* >
-*   <App />
-* </ThemeProvider>
-* ```
-*
-* @example
-* With branding-driven theme mode:
-* ```tsx
-* <ThemeProvider
-*   mode="branding"
-*   inheritFromBranding={true}
-* >
-*   <App />
-* </ThemeProvider>
-* ```
-*/
-const ThemeProvider = ({ children, theme: themeConfigProp, mode = __thunderid_browser.DEFAULT_THEME, detection = {}, inheritFromBranding = true }) => {
-	const themeConfig = require_normalizeThemeConfig.default(themeConfigProp);
-	const [colorScheme, setColorScheme] = (0, react.useState)(() => {
-		if (mode === "light" || mode === "dark") return mode;
-		if (mode === "branding") return (0, __thunderid_browser.detectThemeMode)("system", detection);
-		return (0, __thunderid_browser.detectThemeMode)(mode, detection);
-	});
-	let brandingTheme = null;
-	let brandingActiveTheme = null;
-	let isBrandingLoading = false;
-	let brandingError = null;
-	try {
-		const brandingContext = require_useBrandingContext.default();
-		brandingTheme = brandingContext.theme;
-		brandingActiveTheme = brandingContext.activeTheme;
-		isBrandingLoading = brandingContext.isLoading;
-		brandingError = brandingContext.error;
-	} catch (error) {
-		if (inheritFromBranding) logger.warn("ThemeProvider: inheritFromBranding is enabled but BrandingProvider is not available. Make sure to wrap your app with BrandingProvider or ThunderIDProvider with branding preferences.");
-	}
-	(0, react.useEffect)(() => {
-		if (inheritFromBranding && brandingActiveTheme) {
-			if (mode === "branding") setColorScheme(brandingActiveTheme);
-			else if (mode === "system" && !isBrandingLoading) setColorScheme(brandingActiveTheme);
-		}
-	}, [
-		inheritFromBranding,
-		brandingActiveTheme,
-		mode,
-		isBrandingLoading
-	]);
-	const finalThemeConfig = (0, react.useMemo)(() => {
-		if (!inheritFromBranding || !brandingTheme) return themeConfig;
-		const brandingThemeConfig = {
-			borderRadius: brandingTheme.borderRadius,
-			colors: brandingTheme.colors,
-			components: brandingTheme.components,
-			images: brandingTheme.images,
-			shadows: brandingTheme.shadows,
-			spacing: brandingTheme.spacing
-		};
-		return {
-			...brandingThemeConfig,
-			...themeConfig,
-			borderRadius: {
-				...brandingThemeConfig.borderRadius,
-				...themeConfig?.borderRadius
-			},
-			colors: {
-				...brandingThemeConfig.colors,
-				...themeConfig?.colors
-			},
-			components: {
-				...brandingThemeConfig.components,
-				...themeConfig?.components
-			},
-			images: {
-				...brandingThemeConfig.images,
-				...themeConfig?.images
-			},
-			shadows: {
-				...brandingThemeConfig.shadows,
-				...themeConfig?.shadows
-			},
-			spacing: {
-				...brandingThemeConfig.spacing,
-				...themeConfig?.spacing
-			}
-		};
-	}, [
-		inheritFromBranding,
-		brandingTheme,
-		themeConfig
-	]);
-	const theme = (0, react.useMemo)(() => (0, __thunderid_browser.createTheme)(finalThemeConfig, colorScheme === "dark"), [finalThemeConfig, colorScheme]);
-	const direction = finalThemeConfig?.direction || "ltr";
-	const handleThemeChange = (0, react.useCallback)((isDark) => {
-		setColorScheme(isDark ? "dark" : "light");
-	}, []);
-	const toggleTheme = (0, react.useCallback)(() => {
-		setColorScheme((prev) => prev === "light" ? "dark" : "light");
-	}, []);
-	(0, react.useEffect)(() => {
-		let observer = null;
-		let mediaQuery = null;
-		if (mode === "branding") return;
-		if (mode === "class") {
-			const targetElement = detection.targetElement || document.documentElement;
-			if (targetElement) observer = (0, __thunderid_browser.createClassObserver)(targetElement, handleThemeChange, detection);
-		} else if (mode === "system") {
-			if (!inheritFromBranding || !brandingActiveTheme) mediaQuery = (0, __thunderid_browser.createMediaQueryListener)(handleThemeChange);
-		}
-		return () => {
-			if (observer) observer.disconnect();
-			if (mediaQuery) if (mediaQuery.removeEventListener) mediaQuery.removeEventListener("change", handleThemeChange);
-			else mediaQuery.removeListener(handleThemeChange);
-		};
-	}, [
-		mode,
-		detection,
-		handleThemeChange,
-		inheritFromBranding,
-		brandingActiveTheme
-	]);
-	(0, react.useEffect)(() => {
-		require_applyThemeToDOM.default(theme);
-	}, [theme]);
-	(0, react.useEffect)(() => {
-		if (typeof document !== "undefined") document.documentElement.dir = direction;
-	}, [direction]);
-	const value = {
-		brandingError,
-		colorScheme,
-		direction,
-		inheritFromBranding,
-		isBrandingLoading,
-		theme,
-		toggleTheme
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ThemeContext.default.Provider, {
-		value,
-		children
-	});
-};
-var ThemeProvider_default = ThemeProvider;
-
-//#endregion
-exports.default = ThemeProvider_default;
-//# sourceMappingURL=ThemeProvider.cjs.map

package/dist/cjs/contexts/Theme/v1/ThemeProvider.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeProvider.cjs","names":["logger: ReturnType<typeof createPackageComponentLogger>","ThemeProvider: FC<PropsWithChildren<ThemeProviderProps>>","DEFAULT_THEME","themeConfig: RecursivePartial<ThemeConfig> | undefined","normalizeThemeConfig","brandingTheme: Theme | null","brandingActiveTheme: 'light' | 'dark' | null","brandingError: Error | null","brandingContext: any","useBrandingContext","finalThemeConfig: RecursivePartial<ThemeConfig> | undefined","brandingThemeConfig: RecursivePartial<ThemeConfig>","theme: Theme","direction: string","handleThemeChange: (isDark: boolean) => void","toggleTheme: () => void","observer: MutationObserver | null","mediaQuery: MediaQueryList | null","targetElement: HTMLElement","value: any","ThemeContext"],"sources":["../../../../../src/contexts/Theme/v1/ThemeProvider.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 {\n  createTheme,\n  Theme,\n  ThemeConfig,\n  ThemeMode,\n  RecursivePartial,\n  detectThemeMode,\n  createClassObserver,\n  createMediaQueryListener,\n  BrowserThemeDetection,\n  ThemePreferences,\n  DEFAULT_THEME,\n  createPackageComponentLogger,\n} from '@thunderid/browser';\nimport {FC, PropsWithChildren, ReactElement, useEffect, useMemo, useState, useCallback} from 'react';\nimport applyThemeToDOM from '../../../utils/applyThemeToDOM';\nimport normalizeThemeConfig from '../../../utils/normalizeThemeConfig';\n\nimport useBrandingContext from '../../Branding/useBrandingContext';\nimport ThemeContext from '../ThemeContext';\n\nconst logger: ReturnType<typeof createPackageComponentLogger> = createPackageComponentLogger(\n  '@thunderid/react',\n  'ThemeProvider',\n);\n\nexport interface ThemeProviderProps {\n  /**\n   * Configuration for theme detection when using 'class' or 'system' mode\n   */\n  detection?: BrowserThemeDetection;\n  /**\n   * Configuration for branding integration\n   */\n  inheritFromBranding?: ThemePreferences['inheritFromBranding'];\n  /**\n   * The theme mode to use for automatic detection\n   * - 'light': Always use light theme\n   * - 'dark': Always use dark theme\n   * - 'system': Use system preference (prefers-color-scheme media query)\n   * - 'class': Detect theme based on CSS classes on HTML element\n   * - 'branding': Use active theme from branding preference (requires inheritFromBranding=true)\n   */\n  mode?: ThemeMode | 'branding';\n  theme?: RecursivePartial<ThemeConfig>;\n}\n\n/**\n * ThemeProvider component that manages theme state and provides theme context to child components.\n *\n * This provider integrates with ThunderID branding preferences to automatically apply\n * organization-specific themes while allowing for custom theme overrides.\n *\n * Features:\n * - Automatic theme mode detection (light/dark/system/class)\n * - Integration with ThunderID branding API through useBranding hook\n * - Merging of branding themes with custom theme configurations\n * - CSS variable injection for easy styling\n * - Loading and error states for branding integration\n *\n * @example\n * Basic usage with branding integration:\n * ```tsx\n * <ThemeProvider inheritFromBranding={true}>\n *   <App />\n * </ThemeProvider>\n * ```\n *\n * @example\n * With custom theme overrides:\n * ```tsx\n * <ThemeProvider\n *   theme={{\n *     colors: {\n *       primary: { main: '#custom-color' }\n *     }\n *   }}\n *   inheritFromBranding={true}\n * >\n *   <App />\n * </ThemeProvider>\n * ```\n *\n * @example\n * With branding-driven theme mode:\n * ```tsx\n * <ThemeProvider\n *   mode=\"branding\"\n *   inheritFromBranding={true}\n * >\n *   <App />\n * </ThemeProvider>\n * ```\n */\nconst ThemeProvider: FC<PropsWithChildren<ThemeProviderProps>> = ({\n  children,\n  theme: themeConfigProp,\n  mode = DEFAULT_THEME,\n  detection = {},\n  inheritFromBranding = true,\n}: PropsWithChildren<ThemeProviderProps>): ReactElement => {\n  const themeConfig: RecursivePartial<ThemeConfig> | undefined = normalizeThemeConfig(themeConfigProp);\n\n  const [colorScheme, setColorScheme] = useState<'light' | 'dark'>(() => {\n    // Initialize with detected theme mode or fallback to defaultMode\n    if (mode === 'light' || mode === 'dark') {\n      return mode;\n    }\n    // For 'branding' mode, start with system preference and update when branding loads\n    if (mode === 'branding') {\n      return detectThemeMode('system', detection);\n    }\n    return detectThemeMode(mode, detection);\n  });\n\n  // Use branding theme if inheritFromBranding is enabled\n  // Handle case where BrandingProvider might not be available\n  let brandingTheme: Theme | null = null;\n  let brandingActiveTheme: 'light' | 'dark' | null = null;\n  let isBrandingLoading = false;\n  let brandingError: Error | null = null;\n\n  try {\n    const brandingContext: any = useBrandingContext();\n    brandingTheme = brandingContext.theme;\n    brandingActiveTheme = brandingContext.activeTheme;\n    isBrandingLoading = brandingContext.isLoading;\n    brandingError = brandingContext.error;\n  } catch (error) {\n    // BrandingProvider not available, fall back to no branding\n    if (inheritFromBranding) {\n      logger.warn(\n        'ThemeProvider: inheritFromBranding is enabled but BrandingProvider is not available. ' +\n          'Make sure to wrap your app with BrandingProvider or ThunderIDProvider with branding preferences.',\n      );\n    }\n  }\n\n  // Update color scheme based on branding active theme when available\n  useEffect(() => {\n    if (inheritFromBranding && brandingActiveTheme) {\n      // Update color scheme based on mode preference\n      if (mode === 'branding') {\n        // Always follow branding active theme\n        setColorScheme(brandingActiveTheme);\n      } else if (mode === 'system' && !isBrandingLoading) {\n        // For system mode, prefer branding but allow system override if no branding\n        setColorScheme(brandingActiveTheme);\n      }\n    }\n  }, [inheritFromBranding, brandingActiveTheme, mode, isBrandingLoading]);\n\n  // Merge user-provided theme config with branding theme\n  const finalThemeConfig: RecursivePartial<ThemeConfig> | undefined = useMemo(() => {\n    if (!inheritFromBranding || !brandingTheme) {\n      return themeConfig;\n    }\n\n    // Convert branding theme to our theme config format\n    const brandingThemeConfig: RecursivePartial<ThemeConfig> = {\n      borderRadius: brandingTheme.borderRadius,\n      colors: brandingTheme.colors,\n      components: brandingTheme.components,\n      images: brandingTheme.images,\n      shadows: brandingTheme.shadows,\n      spacing: brandingTheme.spacing,\n    };\n\n    // Merge branding theme with user-provided theme config\n    // User-provided config takes precedence over branding\n    return {\n      ...brandingThemeConfig,\n      ...themeConfig,\n      borderRadius: {\n        ...brandingThemeConfig.borderRadius,\n        ...themeConfig?.borderRadius,\n      },\n      colors: {\n        ...brandingThemeConfig.colors,\n        ...themeConfig?.colors,\n      },\n      components: {\n        ...brandingThemeConfig.components,\n        ...themeConfig?.components,\n      },\n      images: {\n        ...brandingThemeConfig.images,\n        ...themeConfig?.images,\n      },\n      shadows: {\n        ...brandingThemeConfig.shadows,\n        ...themeConfig?.shadows,\n      },\n      spacing: {\n        ...brandingThemeConfig.spacing,\n        ...themeConfig?.spacing,\n      },\n    };\n  }, [inheritFromBranding, brandingTheme, themeConfig]);\n\n  const theme: Theme = useMemo(\n    () => createTheme(finalThemeConfig, colorScheme === 'dark'),\n    [finalThemeConfig, colorScheme],\n  );\n\n  // Get direction from theme config or default to 'ltr'\n  const direction: string = (finalThemeConfig as any)?.direction || 'ltr';\n\n  const handleThemeChange: (isDark: boolean) => void = useCallback((isDark: boolean) => {\n    setColorScheme(isDark ? 'dark' : 'light');\n  }, []);\n\n  const toggleTheme: () => void = useCallback(() => {\n    setColorScheme((prev: 'light' | 'dark') => (prev === 'light' ? 'dark' : 'light'));\n  }, []);\n\n  useEffect(() => {\n    let observer: MutationObserver | null = null;\n    let mediaQuery: MediaQueryList | null = null;\n\n    // Don't set up automatic theme detection for branding mode\n    if (mode === 'branding') {\n      return;\n    }\n\n    if (mode === 'class') {\n      const targetElement: HTMLElement = detection.targetElement || document.documentElement;\n      if (targetElement) {\n        observer = createClassObserver(targetElement, handleThemeChange, detection);\n      }\n    } else if (mode === 'system') {\n      // Only set up system listener if not using branding or branding hasn't loaded yet\n      if (!inheritFromBranding || !brandingActiveTheme) {\n        mediaQuery = createMediaQueryListener(handleThemeChange);\n      }\n    }\n\n    return () => {\n      if (observer) {\n        observer.disconnect();\n      }\n      if (mediaQuery) {\n        // Clean up media query listener\n        if (mediaQuery.removeEventListener) {\n          mediaQuery.removeEventListener('change', handleThemeChange as any);\n        } else {\n          // Fallback for older browsers\n          mediaQuery.removeListener(handleThemeChange as any);\n        }\n      }\n    };\n  }, [mode, detection, handleThemeChange, inheritFromBranding, brandingActiveTheme]);\n\n  useEffect(() => {\n    applyThemeToDOM(theme);\n  }, [theme]);\n\n  // Apply direction to document\n  useEffect(() => {\n    if (typeof document !== 'undefined') {\n      document.documentElement.dir = direction;\n    }\n  }, [direction]);\n\n  const value: any = {\n    brandingError,\n    colorScheme,\n    direction,\n    inheritFromBranding,\n    isBrandingLoading,\n    theme,\n    toggleTheme,\n  };\n\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\n};\n\nexport default ThemeProvider;\n"],"mappings":"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"}

package/dist/cjs/contexts/Theme/v2/ThemeProvider.cjs

@@ -1,108 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-const require_FlowMetaContext = require('../../FlowMeta/FlowMetaContext.cjs');
-const require_applyThemeToDOM = require('../../../utils/applyThemeToDOM.cjs');
-const require_normalizeThemeConfig = require('../../../utils/normalizeThemeConfig.cjs');
-const require_ThemeContext = require('../ThemeContext.cjs');
-const require_buildThemeConfigFromFlowMeta = require('../../../utils/v2/buildThemeConfigFromFlowMeta.cjs');
-let __thunderid_browser = require("@thunderid/browser");
-__thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
-
-//#region src/contexts/Theme/v2/ThemeProvider.tsx
-/**
-* ThemeProvider is the v2 drop-in replacement for `ThemeProvider`.
-*
-* It reads the design theme from the nearest `FlowMetaContext` (provided by
-* `FlowMetaProvider`) and publishes a resolved `Theme` object through the
-* **same** `ThemeContext` that `useTheme` consumes.  This means all existing
-* components that call `useTheme` continue to work without any changes.
-*
-* The `defaultColorScheme` field returned by the server is used to seed the
-* active color scheme; the user can still toggle it locally via the
-* `toggleTheme` value exposed in the context.
-*
-* @example
-* ```tsx
-* <FlowMetaProvider config={{ baseUrl, type: FlowMetaType.App, id: appId }}>
-*   <ThemeProvider>
-*     <App />   {/* useTheme() works here as usual *\/}
-*   </ThemeProvider>
-* </FlowMetaProvider>
-* ```
-*
-* @example
-* With user theme overrides (user values win over server values):
-* ```tsx
-* <ThemeProvider theme={{ colors: { primary: { main: '#ff0000' } } }}>
-*   <App />
-* </ThemeProvider>
-* ```
-*/
-const ThemeProvider = ({ children, theme: themeOverrideProp }) => {
-	const themeOverride = require_normalizeThemeConfig.default(themeOverrideProp);
-	const flowMetaContext = (0, react.useContext)(require_FlowMetaContext.default);
-	const flowMetaTheme = flowMetaContext?.meta?.design?.theme ?? null;
-	const isLoading = flowMetaContext?.isLoading ?? false;
-	const error = flowMetaContext?.error ?? null;
-	const [colorScheme, setColorScheme] = (0, react.useState)(() => flowMetaTheme?.defaultColorScheme ?? "light");
-	(0, react.useEffect)(() => {
-		if (flowMetaTheme?.defaultColorScheme) setColorScheme(flowMetaTheme.defaultColorScheme);
-	}, [flowMetaTheme?.defaultColorScheme]);
-	const toggleTheme = (0, react.useCallback)(() => {
-		setColorScheme((prev) => prev === "light" ? "dark" : "light");
-	}, []);
-	const finalThemeConfig = (0, react.useMemo)(() => {
-		if (!flowMetaTheme) return themeOverride;
-		const metaConfig = require_buildThemeConfigFromFlowMeta.default(flowMetaTheme, colorScheme);
-		if (!themeOverride) return metaConfig;
-		return {
-			...metaConfig,
-			...themeOverride,
-			borderRadius: {
-				...metaConfig.borderRadius,
-				...themeOverride.borderRadius
-			},
-			colors: {
-				...metaConfig.colors,
-				...themeOverride.colors
-			},
-			...metaConfig.typography || themeOverride.typography ? { typography: {
-				...metaConfig.typography,
-				...themeOverride.typography
-			} } : {}
-		};
-	}, [
-		flowMetaTheme,
-		colorScheme,
-		themeOverride
-	]);
-	const theme = (0, react.useMemo)(() => (0, __thunderid_browser.createTheme)(finalThemeConfig, colorScheme === "dark"), [finalThemeConfig, colorScheme]);
-	const direction = flowMetaTheme?.direction ?? "ltr";
-	(0, react.useEffect)(() => {
-		require_applyThemeToDOM.default(theme);
-	}, [theme]);
-	(0, react.useEffect)(() => {
-		if (typeof document !== "undefined") document.documentElement.dir = direction;
-	}, [direction]);
-	const value = {
-		brandingError: error,
-		colorScheme,
-		direction,
-		inheritFromBranding: false,
-		isBrandingLoading: isLoading,
-		theme,
-		toggleTheme
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ThemeContext.default.Provider, {
-		value,
-		children
-	});
-};
-var ThemeProvider_default = ThemeProvider;
-
-//#endregion
-exports.default = ThemeProvider_default;
-//# sourceMappingURL=ThemeProvider.cjs.map

package/dist/cjs/contexts/Theme/v2/ThemeProvider.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeProvider.cjs","names":["ThemeProvider: FC<PropsWithChildren<ThemeProviderProps>>","themeOverride: RecursivePartial<ThemeConfig> | undefined","normalizeThemeConfig","flowMetaContext: FlowMetaContextValue | null","FlowMetaContext","flowMetaTheme: FlowMetaTheme | null","isLoading: boolean","error: Error | null","toggleTheme: () => void","finalThemeConfig: RecursivePartial<ThemeConfig> | undefined","metaConfig: RecursivePartial<ThemeConfig>","buildThemeConfigFromFlowMeta","theme: Theme","direction: 'ltr' | 'rtl'","value: any","ThemeContext"],"sources":["../../../../../src/contexts/Theme/v2/ThemeProvider.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 {createTheme, Theme, ThemeConfig, RecursivePartial, FlowMetaTheme} from '@thunderid/browser';\nimport {FC, PropsWithChildren, ReactElement, useCallback, useContext, useEffect, useMemo, useState} from 'react';\nimport applyThemeToDOM from '../../../utils/applyThemeToDOM';\nimport normalizeThemeConfig from '../../../utils/normalizeThemeConfig';\nimport buildThemeConfigFromFlowMeta from '../../../utils/v2/buildThemeConfigFromFlowMeta';\nimport FlowMetaContext, {FlowMetaContextValue} from '../../FlowMeta/FlowMetaContext';\nimport ThemeContext from '../ThemeContext';\n\nexport interface ThemeProviderProps {\n  /**\n   * Optional theme overrides merged on top of the server-side flow meta theme.\n   * User-supplied values take highest precedence.\n   */\n  theme?: RecursivePartial<ThemeConfig>;\n}\n\n/**\n * ThemeProvider is the v2 drop-in replacement for `ThemeProvider`.\n *\n * It reads the design theme from the nearest `FlowMetaContext` (provided by\n * `FlowMetaProvider`) and publishes a resolved `Theme` object through the\n * **same** `ThemeContext` that `useTheme` consumes.  This means all existing\n * components that call `useTheme` continue to work without any changes.\n *\n * The `defaultColorScheme` field returned by the server is used to seed the\n * active color scheme; the user can still toggle it locally via the\n * `toggleTheme` value exposed in the context.\n *\n * @example\n * ```tsx\n * <FlowMetaProvider config={{ baseUrl, type: FlowMetaType.App, id: appId }}>\n *   <ThemeProvider>\n *     <App />   {/* useTheme() works here as usual *\\/}\n *   </ThemeProvider>\n * </FlowMetaProvider>\n * ```\n *\n * @example\n * With user theme overrides (user values win over server values):\n * ```tsx\n * <ThemeProvider theme={{ colors: { primary: { main: '#ff0000' } } }}>\n *   <App />\n * </ThemeProvider>\n * ```\n */\nconst ThemeProvider: FC<PropsWithChildren<ThemeProviderProps>> = ({\n  children,\n  theme: themeOverrideProp,\n}: PropsWithChildren<ThemeProviderProps>): ReactElement => {\n  const themeOverride: RecursivePartial<ThemeConfig> | undefined = normalizeThemeConfig(themeOverrideProp);\n  const flowMetaContext: FlowMetaContextValue | null = useContext(FlowMetaContext);\n\n  const flowMetaTheme: FlowMetaTheme | null = flowMetaContext?.meta?.design?.theme ?? null;\n  const isLoading: boolean = flowMetaContext?.isLoading ?? false;\n  const error: Error | null = flowMetaContext?.error ?? null;\n\n  // Seed the color scheme from the server's defaultColorScheme; allow local toggling.\n  const [colorScheme, setColorScheme] = useState<'light' | 'dark'>(() => flowMetaTheme?.defaultColorScheme ?? 'light');\n\n  // When meta finishes loading, sync the color scheme with the server default.\n  useEffect(() => {\n    if (flowMetaTheme?.defaultColorScheme) {\n      setColorScheme(flowMetaTheme.defaultColorScheme);\n    }\n  }, [flowMetaTheme?.defaultColorScheme]);\n\n  const toggleTheme: () => void = useCallback(() => {\n    setColorScheme((prev: 'light' | 'dark') => (prev === 'light' ? 'dark' : 'light'));\n  }, []);\n\n  // Build the resolved ThemeConfig: flow meta base → user overrides on top.\n  const finalThemeConfig: RecursivePartial<ThemeConfig> | undefined = useMemo(() => {\n    if (!flowMetaTheme) {\n      return themeOverride;\n    }\n\n    const metaConfig: RecursivePartial<ThemeConfig> = buildThemeConfigFromFlowMeta(flowMetaTheme, colorScheme);\n\n    if (!themeOverride) {\n      return metaConfig;\n    }\n\n    return {\n      ...metaConfig,\n      ...themeOverride,\n      borderRadius: {\n        ...metaConfig.borderRadius,\n        ...themeOverride.borderRadius,\n      },\n      colors: {\n        ...metaConfig.colors,\n        ...themeOverride.colors,\n      },\n      ...(metaConfig.typography || themeOverride.typography\n        ? {\n            typography: {\n              ...(metaConfig as any).typography,\n              ...themeOverride.typography,\n            },\n          }\n        : {}),\n    };\n  }, [flowMetaTheme, colorScheme, themeOverride]);\n\n  const theme: Theme = useMemo(\n    () => createTheme(finalThemeConfig, colorScheme === 'dark'),\n    [finalThemeConfig, colorScheme],\n  );\n\n  const direction: 'ltr' | 'rtl' = flowMetaTheme?.direction ?? 'ltr';\n\n  // Apply CSS variables to the document root.\n  useEffect(() => {\n    applyThemeToDOM(theme);\n  }, [theme]);\n\n  // Apply text direction to the document root.\n  useEffect(() => {\n    if (typeof document !== 'undefined') {\n      document.documentElement.dir = direction;\n    }\n  }, [direction]);\n\n  const value: any = {\n    brandingError: error,\n    colorScheme,\n    direction,\n    inheritFromBranding: false,\n    isBrandingLoading: isLoading,\n    theme,\n    toggleTheme,\n  };\n\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\n};\n\nexport default ThemeProvider;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+DA,MAAMA,iBAA4D,EAChE,UACA,OAAO,wBACkD;CACzD,MAAMC,gBAA2DC,qCAAqB,kBAAkB;CACxG,MAAMC,wCAA0DC,gCAAgB;CAEhF,MAAMC,gBAAsC,iBAAiB,MAAM,QAAQ,SAAS;CACpF,MAAMC,YAAqB,iBAAiB,aAAa;CACzD,MAAMC,QAAsB,iBAAiB,SAAS;CAGtD,MAAM,CAAC,aAAa,4CAAmD,eAAe,sBAAsB,QAAQ;AAGpH,4BAAgB;AACd,MAAI,eAAe,mBACjB,gBAAe,cAAc,mBAAmB;IAEjD,CAAC,eAAe,mBAAmB,CAAC;CAEvC,MAAMC,2CAA4C;AAChD,kBAAgB,SAA4B,SAAS,UAAU,SAAS,QAAS;IAChF,EAAE,CAAC;CAGN,MAAMC,4CAA4E;AAChF,MAAI,CAAC,cACH,QAAO;EAGT,MAAMC,aAA4CC,6CAA6B,eAAe,YAAY;AAE1G,MAAI,CAAC,cACH,QAAO;AAGT,SAAO;GACL,GAAG;GACH,GAAG;GACH,cAAc;IACZ,GAAG,WAAW;IACd,GAAG,cAAc;IAClB;GACD,QAAQ;IACN,GAAG,WAAW;IACd,GAAG,cAAc;IAClB;GACD,GAAI,WAAW,cAAc,cAAc,aACvC,EACE,YAAY;IACV,GAAI,WAAmB;IACvB,GAAG,cAAc;IAClB,EACF,GACD,EAAE;GACP;IACA;EAAC;EAAe;EAAa;EAAc,CAAC;CAE/C,MAAMC,sEACc,kBAAkB,gBAAgB,OAAO,EAC3D,CAAC,kBAAkB,YAAY,CAChC;CAED,MAAMC,YAA2B,eAAe,aAAa;AAG7D,4BAAgB;AACd,kCAAgB,MAAM;IACrB,CAAC,MAAM,CAAC;AAGX,4BAAgB;AACd,MAAI,OAAO,aAAa,YACtB,UAAS,gBAAgB,MAAM;IAEhC,CAAC,UAAU,CAAC;CAEf,MAAMC,QAAa;EACjB,eAAe;EACf;EACA;EACA,qBAAqB;EACrB,mBAAmB;EACnB;EACA;EACD;AAED,QAAO,2CAACC,6BAAa;EAAgB;EAAQ;GAAiC;;AAGhF,4BAAe"}

package/dist/cjs/hooks/useBranding.cjs

@@ -1,71 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_useBrandingContext = require('../contexts/Branding/useBrandingContext.cjs');
-let __thunderid_browser = require("@thunderid/browser");
-__thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
-
-//#region src/hooks/useBranding.ts
-const logger = (0, __thunderid_browser.createPackageComponentLogger)("@thunderid/react", "useBranding");
-/**
-* React hook for accessing branding preferences from the BrandingProvider context.
-* This hook provides access to branding preferences, theme data, and loading states.
-*
-* @deprecated Consider using useBrandingContext directly for better performance.
-* This hook is maintained for backward compatibility.
-*
-* @param config - Configuration options (deprecated, use BrandingProvider props instead)
-* @returns Object containing branding preference data, theme, loading state, error, and refetch function
-*
-* @example
-* Basic usage:
-* ```tsx
-* function MyComponent() {
-*   const { theme, activeTheme, isLoading, error } = useBranding();
-*
-*   if (isLoading) return <div>Loading branding...</div>;
-*   if (error) return <div>Error: {error.message}</div>;
-*
-*   return (
-*     <div style={{ color: theme?.colors?.primary?.main }}>
-*       <p>Active theme mode: {activeTheme}</p>
-*       <p>Styled with ThunderID branding</p>
-*     </div>
-*   );
-* }
-* ```
-*
-* @example
-* For new implementations, use BrandingProvider with useBrandingContext:
-* ```tsx
-* // In your root component
-* <BrandingProvider baseUrl="https://localhost:8090">
-*   <App />
-* </BrandingProvider>
-*
-* // In your component
-* function MyComponent() {
-*   const { theme, activeTheme, isLoading, error } = useBrandingContext();
-*   // ... rest of your component
-* }
-* ```
-*/
-const useBranding = () => {
-	try {
-		return require_useBrandingContext.default();
-	} catch (error) {
-		logger.warn("useBranding: BrandingProvider not available. Make sure to wrap your app with BrandingProvider or ThunderIDProvider with branding preferences.");
-		return {
-			activeTheme: null,
-			brandingPreference: null,
-			error: /* @__PURE__ */ new Error("BrandingProvider not available"),
-			fetchBranding: async () => {},
-			isLoading: false,
-			refetch: async () => {},
-			theme: null
-		};
-	}
-};
-var useBranding_default = useBranding;
-
-//#endregion
-exports.default = useBranding_default;
-//# sourceMappingURL=useBranding.cjs.map

package/dist/cjs/hooks/useBranding.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useBranding.cjs","names":["logger: ReturnType<typeof createPackageComponentLogger>","useBrandingContext"],"sources":["../../../src/hooks/useBranding.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 {BrandingPreference, Theme, createPackageComponentLogger} from '@thunderid/browser';\nimport useBrandingContext from '../contexts/Branding/useBrandingContext';\n\nconst logger: ReturnType<typeof createPackageComponentLogger> = createPackageComponentLogger(\n  '@thunderid/react',\n  'useBranding',\n);\n\n/**\n * Configuration options for the useBranding hook\n * @deprecated Use BrandingProvider instead for better performance and consistency\n */\nexport interface UseBrandingConfig {\n  /**\n   * @deprecated This configuration is now handled by BrandingProvider\n   */\n  autoFetch?: boolean;\n  /**\n   * @deprecated This configuration is now handled by BrandingProvider\n   */\n  fetcher?: (url: string, config: RequestInit) => Promise<Response>;\n  /**\n   * @deprecated This configuration is now handled by BrandingProvider\n   */\n  forceTheme?: 'light' | 'dark';\n  /**\n   * @deprecated This configuration is now handled by BrandingProvider\n   */\n  locale?: string;\n  /**\n   * @deprecated This configuration is now handled by BrandingProvider\n   */\n  name?: string;\n  /**\n   * @deprecated This configuration is now handled by BrandingProvider\n   */\n  type?: string;\n}\n\n/**\n * Return type of the useBranding hook\n */\nexport interface UseBrandingReturn {\n  /**\n   * The active theme mode from branding preference ('light' | 'dark')\n   */\n  activeTheme: 'light' | 'dark' | null;\n  /**\n   * The raw branding preference data\n   */\n  brandingPreference: BrandingPreference | null;\n  /**\n   * Error state\n   */\n  error: Error | null;\n  /**\n   * Function to manually fetch branding preference\n   */\n  fetchBranding: () => Promise<void>;\n  /**\n   * Loading state\n   */\n  isLoading: boolean;\n  /**\n   * Function to refetch branding preference\n   * This bypasses the single-call restriction and forces a new API call\n   */\n  refetch: () => Promise<void>;\n  /**\n   * The transformed theme object\n   */\n  theme: Theme | null;\n}\n\n/**\n * React hook for accessing branding preferences from the BrandingProvider context.\n * This hook provides access to branding preferences, theme data, and loading states.\n *\n * @deprecated Consider using useBrandingContext directly for better performance.\n * This hook is maintained for backward compatibility.\n *\n * @param config - Configuration options (deprecated, use BrandingProvider props instead)\n * @returns Object containing branding preference data, theme, loading state, error, and refetch function\n *\n * @example\n * Basic usage:\n * ```tsx\n * function MyComponent() {\n *   const { theme, activeTheme, isLoading, error } = useBranding();\n *\n *   if (isLoading) return <div>Loading branding...</div>;\n *   if (error) return <div>Error: {error.message}</div>;\n *\n *   return (\n *     <div style={{ color: theme?.colors?.primary?.main }}>\n *       <p>Active theme mode: {activeTheme}</p>\n *       <p>Styled with ThunderID branding</p>\n *     </div>\n *   );\n * }\n * ```\n *\n * @example\n * For new implementations, use BrandingProvider with useBrandingContext:\n * ```tsx\n * // In your root component\n * <BrandingProvider baseUrl=\"https://localhost:8090\">\n *   <App />\n * </BrandingProvider>\n *\n * // In your component\n * function MyComponent() {\n *   const { theme, activeTheme, isLoading, error } = useBrandingContext();\n *   // ... rest of your component\n * }\n * ```\n */\nexport const useBranding = (): UseBrandingReturn => {\n  try {\n    return useBrandingContext();\n  } catch (error) {\n    logger.warn(\n      'useBranding: BrandingProvider not available. ' +\n        'Make sure to wrap your app with BrandingProvider or ThunderIDProvider with branding preferences.',\n    );\n\n    return {\n      activeTheme: null,\n      brandingPreference: null,\n      error: new Error('BrandingProvider not available'),\n      fetchBranding: async (): Promise<void> => {},\n      isLoading: false,\n      refetch: async (): Promise<void> => {},\n      theme: null,\n    };\n  }\n};\n\nexport default useBranding;\n"],"mappings":";;;;;;AAqBA,MAAMA,+DACJ,oBACA,cACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+GD,MAAa,oBAAuC;AAClD,KAAI;AACF,SAAOC,oCAAoB;UACpB,OAAO;AACd,SAAO,KACL,gJAED;AAED,SAAO;GACL,aAAa;GACb,oBAAoB;GACpB,uBAAO,IAAI,MAAM,iCAAiC;GAClD,eAAe,YAA2B;GAC1C,WAAW;GACX,SAAS,YAA2B;GACpC,OAAO;GACR;;;AAIL,0BAAe"}

package/dist/cjs/hooks/v2/useOAuthCallback.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useOAuthCallback.cjs","names":["url: URL","internalRef: any","oauthCodeProcessedRef: any","urlParams: URLSearchParams","code: string | null","nonce: string | null","state: string | null","executionIdFromUrl: string | null","error: string | null","errorDescription: string | null","storedExecutionId: string | null","executionIdToUse: string | null","response: any"],"sources":["../../../../src/hooks/v2/useOAuthCallback.ts"],"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 {useEffect, useRef, type RefObject} from 'react';\n\nexport interface UseOAuthCallbackOptions {\n  /**\n   * Current executionId from component state\n   */\n  currentExecutionId: string | null;\n\n  /**\n   * SessionStorage key for executionId (defaults to 'thunderid_execution_id')\n   */\n  executionIdStorageKey?: string;\n\n  /**\n   * Whether the component is initialized and ready to process OAuth callback\n   */\n  isInitialized: boolean;\n\n  /**\n   * Whether a submission is currently in progress\n   */\n  isSubmitting?: boolean;\n\n  /**\n   * Callback when OAuth flow completes successfully\n   */\n  onComplete?: () => void;\n\n  /**\n   * Callback when OAuth flow encounters an error\n   */\n  onError?: (error: any) => void;\n\n  /**\n   * Function to handle flow response after submission\n   */\n  onFlowChange?: (response: any) => void;\n\n  /**\n   * Callback to set loading state at the start of OAuth processing\n   */\n  onProcessingStart?: () => void;\n\n  /**\n   * Function to submit OAuth code to the server\n   */\n  onSubmit: (payload: OAuthCallbackPayload) => Promise<any>;\n\n  /**\n   * Optional external ref to track processed state. If provided, the component\n   * manages the ref (allowing resets on flow clear/retry). Otherwise hook manages internally.\n   */\n  processedRef?: RefObject<boolean>;\n\n  /**\n   * Additional handler for setting state (e.g., setExecutionId)\n   */\n  setExecutionId?: (executionId: string) => void;\n\n  /**\n   * Ref to mark that token validation was attempted (prevents duplicate validation)\n   * Used in AcceptInvite to coordinate between OAuth callback and token validation\n   */\n  tokenValidationAttemptedRef?: RefObject<boolean>;\n}\n\nexport interface OAuthCallbackPayload {\n  executionId: string;\n  inputs: {\n    code: string;\n    nonce?: string;\n  };\n}\n\nfunction cleanupUrlParams(): void {\n  if (typeof window === 'undefined') return;\n\n  const url: URL = new URL(window.location.href);\n  url.searchParams.delete('code');\n  url.searchParams.delete('nonce');\n  url.searchParams.delete('state');\n  url.searchParams.delete('error');\n  url.searchParams.delete('error_description');\n\n  window.history.replaceState({}, '', url.toString());\n}\n\n/**\n * Processes OAuth callbacks by detecting auth code in URL, resolving executionId, and submitting to server.\n * Used by SignIn, SignUp, and AcceptInvite components.\n */\nexport function useOAuthCallback({\n  currentExecutionId,\n  executionIdStorageKey = 'thunderid_execution_id',\n  isInitialized,\n  isSubmitting = false,\n  onComplete,\n  onError,\n  onFlowChange,\n  onProcessingStart,\n  onSubmit,\n  processedRef,\n  setExecutionId: setExecExecutionId,\n  tokenValidationAttemptedRef,\n}: UseOAuthCallbackOptions): void {\n  const internalRef: any = useRef(false);\n  const oauthCodeProcessedRef: any = processedRef ?? internalRef;\n\n  useEffect(() => {\n    if (!isInitialized || isSubmitting) {\n      return;\n    }\n\n    const urlParams: URLSearchParams = new URLSearchParams(window.location.search);\n    const code: string | null = urlParams.get('code');\n    const nonce: string | null = urlParams.get('nonce');\n    const state: string | null = urlParams.get('state');\n    const executionIdFromUrl: string | null = urlParams.get('executionId');\n    const error: string | null = urlParams.get('error');\n    const errorDescription: string | null = urlParams.get('error_description');\n\n    if (error) {\n      oauthCodeProcessedRef.current = true;\n      if (tokenValidationAttemptedRef) {\n        tokenValidationAttemptedRef.current = true;\n      }\n      onError?.(new Error(errorDescription || error || 'OAuth authentication failed'));\n      cleanupUrlParams();\n      return;\n    }\n\n    if (!code || oauthCodeProcessedRef.current) {\n      return;\n    }\n\n    if (tokenValidationAttemptedRef?.current) {\n      return;\n    }\n\n    const storedExecutionId: string | null = sessionStorage.getItem(executionIdStorageKey);\n    const executionIdToUse: string | null =\n      currentExecutionId || storedExecutionId || executionIdFromUrl || state || null;\n\n    if (!executionIdToUse) {\n      oauthCodeProcessedRef.current = true;\n      onError?.(new Error('Invalid flow. Missing executionId.'));\n      cleanupUrlParams();\n      return;\n    }\n\n    oauthCodeProcessedRef.current = true;\n\n    if (tokenValidationAttemptedRef) {\n      tokenValidationAttemptedRef.current = true;\n    }\n\n    onProcessingStart?.();\n\n    if (!currentExecutionId && setExecExecutionId) {\n      setExecExecutionId(executionIdToUse);\n    }\n\n    (async (): Promise<void> => {\n      try {\n        const payload: OAuthCallbackPayload = {\n          executionId: executionIdToUse,\n          inputs: {\n            code,\n            ...(nonce && {nonce}),\n          },\n        };\n\n        const response: any = await onSubmit(payload);\n\n        onFlowChange?.(response);\n\n        if (response?.flowStatus === 'COMPLETE' || response?.status === 'COMPLETE') {\n          onComplete?.();\n        }\n\n        if (response?.flowStatus === 'ERROR' || response?.status === 'ERROR') {\n          onError?.(response);\n        }\n\n        cleanupUrlParams();\n      } catch (err) {\n        onError?.(err);\n        cleanupUrlParams();\n      }\n    })();\n  }, [\n    isInitialized,\n    currentExecutionId,\n    isSubmitting,\n    onSubmit,\n    onComplete,\n    onError,\n    onFlowChange,\n    setExecExecutionId,\n    executionIdStorageKey,\n  ]);\n}\n"],"mappings":";;;;;AA4FA,SAAS,mBAAyB;AAChC,KAAI,OAAO,WAAW,YAAa;CAEnC,MAAMA,MAAW,IAAI,IAAI,OAAO,SAAS,KAAK;AAC9C,KAAI,aAAa,OAAO,OAAO;AAC/B,KAAI,aAAa,OAAO,QAAQ;AAChC,KAAI,aAAa,OAAO,QAAQ;AAChC,KAAI,aAAa,OAAO,QAAQ;AAChC,KAAI,aAAa,OAAO,oBAAoB;AAE5C,QAAO,QAAQ,aAAa,EAAE,EAAE,IAAI,IAAI,UAAU,CAAC;;;;;;AAOrD,SAAgB,iBAAiB,EAC/B,oBACA,wBAAwB,0BACxB,eACA,eAAe,OACf,YACA,SACA,cACA,mBACA,UACA,cACA,gBAAgB,oBAChB,+BACgC;CAChC,MAAMC,gCAA0B,MAAM;CACtC,MAAMC,wBAA6B,gBAAgB;AAEnD,4BAAgB;AACd,MAAI,CAAC,iBAAiB,aACpB;EAGF,MAAMC,YAA6B,IAAI,gBAAgB,OAAO,SAAS,OAAO;EAC9E,MAAMC,OAAsB,UAAU,IAAI,OAAO;EACjD,MAAMC,QAAuB,UAAU,IAAI,QAAQ;EACnD,MAAMC,QAAuB,UAAU,IAAI,QAAQ;EACnD,MAAMC,qBAAoC,UAAU,IAAI,cAAc;EACtE,MAAMC,QAAuB,UAAU,IAAI,QAAQ;EACnD,MAAMC,mBAAkC,UAAU,IAAI,oBAAoB;AAE1E,MAAI,OAAO;AACT,yBAAsB,UAAU;AAChC,OAAI,4BACF,6BAA4B,UAAU;AAExC,aAAU,IAAI,MAAM,oBAAoB,SAAS,8BAA8B,CAAC;AAChF,qBAAkB;AAClB;;AAGF,MAAI,CAAC,QAAQ,sBAAsB,QACjC;AAGF,MAAI,6BAA6B,QAC/B;EAGF,MAAMC,oBAAmC,eAAe,QAAQ,sBAAsB;EACtF,MAAMC,mBACJ,sBAAsB,qBAAqB,sBAAsB,SAAS;AAE5E,MAAI,CAAC,kBAAkB;AACrB,yBAAsB,UAAU;AAChC,6BAAU,IAAI,MAAM,qCAAqC,CAAC;AAC1D,qBAAkB;AAClB;;AAGF,wBAAsB,UAAU;AAEhC,MAAI,4BACF,6BAA4B,UAAU;AAGxC,uBAAqB;AAErB,MAAI,CAAC,sBAAsB,mBACzB,oBAAmB,iBAAiB;AAGtC,GAAC,YAA2B;AAC1B,OAAI;IASF,MAAMC,WAAgB,MAAM,SARU;KACpC,aAAa;KACb,QAAQ;MACN;MACA,GAAI,SAAS,EAAC,OAAM;MACrB;KACF,CAE4C;AAE7C,mBAAe,SAAS;AAExB,QAAI,UAAU,eAAe,cAAc,UAAU,WAAW,WAC9D,eAAc;AAGhB,QAAI,UAAU,eAAe,WAAW,UAAU,WAAW,QAC3D,WAAU,SAAS;AAGrB,sBAAkB;YACX,KAAK;AACZ,cAAU,IAAI;AACd,sBAAkB;;MAElB;IACH;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC"}

package/dist/cjs/utils/v2/buildThemeConfigFromFlowMeta.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"buildThemeConfigFromFlowMeta.cjs","names":["scheme: FlowMetaThemeColorScheme | undefined","borderRadius: number | undefined","borderRadiusStr: string | undefined","colors: RecursivePartial<ThemeConfig['colors']> | undefined","bg: RecursivePartial<ThemeConfig['colors']['background']>"],"sources":["../../../../src/utils/v2/buildThemeConfigFromFlowMeta.ts"],"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 {FlowMetaTheme, FlowMetaThemeColorScheme, RecursivePartial, ThemeConfig} from '@thunderid/browser';\n\n/**\n * Converts a v2 `FlowMetaTheme` into a `RecursivePartial<ThemeConfig>` that\n * `createTheme` can consume.\n *\n * Only fields explicitly present in the FlowMeta response are included so that\n * `createTheme` can deep-merge them onto its base (light/dark) defaults without\n * accidentally dropping sibling keys that were not returned by the server.\n *\n * For example, when FlowMeta returns only `background.default` and\n * `background.paper`, only `body.main` and `surface` are set — the base\n * theme's `background.disabled` and `background.dark` are **not** overridden\n * and therefore keep their default CSS variable values.\n */\nconst buildThemeConfigFromFlowMeta = (\n  flowMetaTheme: FlowMetaTheme,\n  colorScheme: 'light' | 'dark',\n): RecursivePartial<ThemeConfig> => {\n  const scheme: FlowMetaThemeColorScheme | undefined = flowMetaTheme.colorSchemes?.[colorScheme];\n  const borderRadius: number | undefined = flowMetaTheme.shape?.borderRadius;\n  const borderRadiusStr: string | undefined = borderRadius !== undefined ? `${borderRadius}px` : undefined;\n\n  // Build only the colors that the server actually provided.\n  // Each nested object is constructed incrementally so that absent fields are\n  // simply omitted rather than set to `undefined`, which would shadow the\n  // base-theme defaults inside `createTheme`.\n  let colors: RecursivePartial<ThemeConfig['colors']> | undefined;\n\n  if (scheme?.palette) {\n    colors = {};\n\n    if (scheme.palette.primary) {\n      colors.primary = scheme.palette.primary;\n    }\n    if (scheme.palette.secondary) {\n      colors.secondary = scheme.palette.secondary;\n    }\n    if (scheme.palette.text) {\n      colors.text = scheme.palette.text;\n    }\n\n    // Build background incrementally to avoid replacing the full base object.\n    if (scheme.palette.background) {\n      const bg: RecursivePartial<ThemeConfig['colors']['background']> = {};\n\n      if (scheme.palette.background.default) {\n        bg.body = {main: scheme.palette.background.default};\n      }\n      if (scheme.palette.background.paper) {\n        bg.surface = scheme.palette.background.paper;\n      }\n\n      if (Object.keys(bg).length > 0) {\n        colors.background = bg;\n      }\n    }\n  }\n\n  return {\n    ...(flowMetaTheme.direction ? {direction: flowMetaTheme.direction} : {}),\n    ...(borderRadiusStr\n      ? {\n          borderRadius: {\n            large: borderRadiusStr,\n            medium: borderRadiusStr,\n            small: borderRadiusStr,\n          },\n        }\n      : {}),\n    ...(colors && Object.keys(colors).length > 0 ? {colors} : {}),\n    ...(flowMetaTheme.typography?.fontFamily ? {typography: {fontFamily: flowMetaTheme.typography.fontFamily}} : {}),\n  };\n};\n\nexport default buildThemeConfigFromFlowMeta;\n"],"mappings":";;;;;;;;;;;;;;;AAiCA,MAAM,gCACJ,eACA,gBACkC;CAClC,MAAMA,SAA+C,cAAc,eAAe;CAClF,MAAMC,eAAmC,cAAc,OAAO;CAC9D,MAAMC,kBAAsC,iBAAiB,SAAY,GAAG,aAAa,MAAM;CAM/F,IAAIC;AAEJ,KAAI,QAAQ,SAAS;AACnB,WAAS,EAAE;AAEX,MAAI,OAAO,QAAQ,QACjB,QAAO,UAAU,OAAO,QAAQ;AAElC,MAAI,OAAO,QAAQ,UACjB,QAAO,YAAY,OAAO,QAAQ;AAEpC,MAAI,OAAO,QAAQ,KACjB,QAAO,OAAO,OAAO,QAAQ;AAI/B,MAAI,OAAO,QAAQ,YAAY;GAC7B,MAAMC,KAA4D,EAAE;AAEpE,OAAI,OAAO,QAAQ,WAAW,QAC5B,IAAG,OAAO,EAAC,MAAM,OAAO,QAAQ,WAAW,SAAQ;AAErD,OAAI,OAAO,QAAQ,WAAW,MAC5B,IAAG,UAAU,OAAO,QAAQ,WAAW;AAGzC,OAAI,OAAO,KAAK,GAAG,CAAC,SAAS,EAC3B,QAAO,aAAa;;;AAK1B,QAAO;EACL,GAAI,cAAc,YAAY,EAAC,WAAW,cAAc,WAAU,GAAG,EAAE;EACvE,GAAI,kBACA,EACE,cAAc;GACZ,OAAO;GACP,QAAQ;GACR,OAAO;GACR,EACF,GACD,EAAE;EACN,GAAI,UAAU,OAAO,KAAK,OAAO,CAAC,SAAS,IAAI,EAAC,QAAO,GAAG,EAAE;EAC5D,GAAI,cAAc,YAAY,aAAa,EAAC,YAAY,EAAC,YAAY,cAAc,WAAW,YAAW,EAAC,GAAG,EAAE;EAChH;;AAGH,2CAAe"}

package/dist/cjs/utils/v2/flowTransformer.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"flowTransformer.cjs","names":["mapping: Map<string, string>","transformedComponent: any","inputData: any","value: string","refMapping: Map<string, string>","actionMapping: Map<string, string>","inputsData: any[]","resolveTranslationsInArray","flowError: FlowErrorResponse['error']","translated: string","systemTranslated: string","fallback: string | undefined","additionalData: Record<string, any>","parsed: any"],"sources":["../../../../src/utils/v2/flowTransformer.ts"],"sourcesContent":["/**\n * Copyright (c) 2025-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\n/**\n * @fileoverview Shared flow response transformer utilities for v2 embedded flows.\n *\n * This module provides reusable transformation functions for normalizing embedded flow\n * responses from ThunderID APIs. It handles both successful responses with component\n * extraction and error responses with proper error message extraction.\n *\n * Key features:\n * - Component extraction from flow meta structure\n * - Translation string resolution in components\n * - Error response detection and message extraction\n * - Configurable error handling (throw vs return errors)\n *\n * Usage:\n * ```typescript\n * import { normalizeFlowResponse } from '../../../utils/v2/flowTransformer';\n *\n * const { executionId, components } = normalizeFlowResponse(apiResponse, t, {\n *   defaultErrorKey: 'components.signIn.errors.generic'\n * });\n * ```\n *\n * This transformer is used by both SignIn and SignUp v2 components to ensure\n * consistent response handling across all embedded flows.\n */\n\nimport {EmbeddedFlowComponentV2 as EmbeddedFlowComponent, FlowMetadataResponse} from '@thunderid/browser';\nimport resolveTranslationsInArray from './resolveTranslationsInArray';\nimport {UseTranslation} from '../../hooks/useTranslation';\n\n/**\n * Generic flow error response interface that covers common error structure\n */\nexport interface FlowErrorResponse {\n  error?: {\n    code: string;\n    description: {key: string; defaultValue?: string};\n    message: {key: string; defaultValue?: string};\n  };\n  executionId: string;\n  flowStatus: 'ERROR';\n}\n\n/**\n * Configuration options for flow transformation\n */\nexport interface FlowTransformOptions {\n  /**\n   * Default error message key for translation fallback\n   * @default 'errors.flow.generic'\n   */\n  defaultErrorKey?: string;\n  /**\n   * Whether to resolve translation strings or keep them as i18n keys\n   * @default true\n   */\n  resolveTranslations?: boolean;\n  /**\n   * Whether to throw errors or return them as normalized response\n   * @default true\n   */\n  throwOnError?: boolean;\n}\n\n/**\n * Create a mapping from ref to identifier based on data.inputs array.\n * This handles cases where meta.components use 'ref' to reference inputs,\n * and data.inputs contain the actual 'identifier' field.\n *\n * @param response - The flow response object\n * @returns Map of ref to identifier\n */\nconst createInputRefMapping = (response: any): Map<string, string> => {\n  const mapping: Map<string, string> = new Map<string, string>();\n\n  if (response?.data?.inputs && Array.isArray(response.data.inputs)) {\n    response.data.inputs.forEach((input: any) => {\n      if (input.ref && input.identifier) {\n        mapping.set(input.ref, input.identifier);\n      }\n    });\n  }\n\n  return mapping;\n};\n\n/**\n * Create a mapping from action ref to nextNode based on data.actions array.\n * This handles cases where meta.components reference actions by ref,\n * and data.actions contain the actual nextNode field for routing.\n *\n * @param response - The flow response object\n * @returns Map of action ref to nextNode\n */\nconst createActionRefMapping = (response: any): Map<string, string> => {\n  const mapping: Map<string, string> = new Map<string, string>();\n\n  if (response?.data?.actions && Array.isArray(response.data.actions)) {\n    response.data.actions.forEach((action: any) => {\n      if (action.ref && action.nextNode) {\n        mapping.set(action.ref, action.nextNode);\n      }\n    });\n  }\n\n  return mapping;\n};\n\n/**\n * Apply input ref mapping to components recursively.\n * This ensures that component.ref values are mapped to the correct identifier\n * from data.inputs, enabling proper form submission.\n *\n * @param components - Array of components to transform\n * @param refMapping - Map of ref to identifier\n * @param actionMapping - Map of action ref to nextNode\n * @param inputsData - Array of input data for resolving SELECT options\n * @returns Transformed components with correct identifiers and action references\n */\nconst applyInputRefMapping = (\n  components: EmbeddedFlowComponent[],\n  refMapping: Map<string, string>,\n  actionMapping: Map<string, string>,\n  inputsData: any[] = [],\n): EmbeddedFlowComponent[] =>\n  components.map((component: EmbeddedFlowComponent) => {\n    const transformedComponent: any = {...component} as EmbeddedFlowComponent & {\n      actionRef?: string;\n      options?: {label: string; value: string}[];\n    };\n\n    // If this component has a ref that maps to an identifier, update it\n    if (transformedComponent.ref && refMapping.has(transformedComponent.ref)) {\n      transformedComponent.ref = refMapping.get(transformedComponent.ref);\n    }\n\n    // For SELECT components, copy options from data.inputs\n    // The component.id matches the input.ref in the data structure\n    if (transformedComponent.type === 'SELECT' && component.id) {\n      const inputData: any = inputsData.find((input: any) => input.ref === component.id);\n      if (inputData?.options) {\n        transformedComponent.options = inputData.options.map((opt: any) => {\n          if (typeof opt === 'string') {\n            return {label: opt, value: opt};\n          }\n          // Safely handle non-string values to prevent React key crashes\n          const value: string = typeof opt.value === 'object' ? JSON.stringify(opt.value) : String(opt.value || '');\n          const label: string = typeof opt.label === 'object' ? JSON.stringify(opt.label) : String(opt.label || value);\n\n          return {label, value};\n        });\n      }\n    }\n\n    // If this is an action component, map its id to the nextNode\n    // Store the nextNode reference as actionRef property for later use\n    if (\n      transformedComponent.type === 'ACTION' &&\n      transformedComponent.id &&\n      actionMapping.has(transformedComponent.id)\n    ) {\n      transformedComponent.actionRef = actionMapping.get(transformedComponent.id);\n    }\n\n    // Recursively apply to nested components\n    if (transformedComponent.components && Array.isArray(transformedComponent.components)) {\n      transformedComponent.components = applyInputRefMapping(\n        transformedComponent.components,\n        refMapping,\n        actionMapping,\n        inputsData,\n      );\n    }\n\n    return transformedComponent;\n  });\n\n/**\n * Transform and resolve translations in components from flow response.\n * This function extracts components from the response meta structure and optionally resolves\n * any translation strings within them. It also handles mapping of input refs to identifiers\n * and action refs to nextNode values.\n *\n * @param response - The flow response object containing components in meta structure\n * @param t - Translation function from useTranslation hook\n * @param resolveTranslations - Whether to resolve translation strings or keep them as i18n keys (default: true)\n * @returns Array of flow components with resolved or unresolved translations\n */\nexport const transformComponents = (\n  response: any,\n  t: UseTranslation['t'],\n  resolveTranslations = true,\n  meta?: FlowMetadataResponse | null,\n): EmbeddedFlowComponent[] => {\n  if (!response?.data?.meta?.components) {\n    return [];\n  }\n\n  let {components} = response.data.meta;\n\n  // Create mapping from ref to identifier based on data.inputs\n  const refMapping: Map<string, string> = createInputRefMapping(response);\n\n  // Create mapping from action ref to nextNode based on data.actions\n  const actionMapping: Map<string, string> = createActionRefMapping(response);\n\n  // Get inputs data for SELECT option resolution\n  const inputsData: any[] = response?.data?.inputs || [];\n\n  // Apply ref and action mapping if there are any mappings\n  if (refMapping.size > 0 || actionMapping.size > 0 || inputsData.length > 0) {\n    components = applyInputRefMapping(components, refMapping, actionMapping, inputsData);\n  }\n\n  return resolveTranslations ? resolveTranslationsInArray(components, t, undefined, meta) : components;\n};\n\n/**\n * Extract error message from flow error response.\n *\n * Resolution order:\n * 1. Structured `error` object: try i18n lookup via `t(error.message.key)`.\n * 2. Fallback to `defaultValue` from `message`, then `description`.\n * 3. Standard `Error.message`.\n * 4. Generic translated fallback via `defaultErrorKey`.\n */\nexport const extractErrorMessage = (\n  error: FlowErrorResponse | any,\n  t: UseTranslation['t'],\n  defaultErrorKey = 'errors.flow.generic',\n): string => {\n  if (error && typeof error === 'object' && error.error) {\n    const flowError: FlowErrorResponse['error'] = error.error;\n\n    // 1. Try i18n lookup on message.key first (preferred for user-facing errors)\n    if (flowError?.message?.key) {\n      const translated: string = t(flowError.message.key);\n      if (translated && translated !== flowError.message.key) {\n        return translated;\n      }\n\n      // If the key resolved to itself, retry under the 'system:' namespace\n      const systemKey = `system.${flowError.message.key}`;\n      const systemTranslated: string = t(systemKey);\n      if (systemTranslated && systemTranslated !== systemKey) {\n        return systemTranslated;\n      }\n    }\n\n    // 2. Fall back to defaultValue from message, then description\n    const fallback: string | undefined = flowError?.message?.defaultValue ?? flowError?.description?.defaultValue;\n    if (fallback) {\n      return fallback;\n    }\n  }\n\n  // Legacy backward compatibility\n  if (error && typeof error === 'object' && error.failureReason) {\n    return error.failureReason;\n  }\n\n  if (error instanceof Error && error.message) {\n    return error.message;\n  }\n\n  return t(defaultErrorKey);\n};\n\n/**\n * Check if a response is an error response and extract the error message.\n * This function identifies error responses by checking for ERROR status and failure reasons.\n *\n * @param response - The flow response to check\n * @param t - Translation function for error messages\n * @param defaultErrorKey - Default translation key for generic errors\n * @returns Error message string if response is an error, null otherwise\n */\nexport const checkForErrorResponse = (\n  response: any,\n  t: UseTranslation['t'],\n  defaultErrorKey = 'errors.flow.generic',\n): string | null => {\n  if (response?.flowStatus === 'ERROR') {\n    return extractErrorMessage(response, t, defaultErrorKey);\n  }\n\n  return null;\n};\n\n/**\n * Generic flow response normalizer that handles both success and error responses.\n * This is the main transformer function that should be used by all flow components.\n *\n * @param response - The raw flow response from the API\n * @param t - Translation function from useTranslation hook\n * @param options - Configuration options for transformation behavior\n * @returns Normalized flow response with executionId and transformed components\n * @throws {any} The original response if it's an error and throwOnError is true\n */\nexport const normalizeFlowResponse = (\n  response: any,\n  t: UseTranslation['t'],\n  options: FlowTransformOptions = {},\n  meta?: FlowMetadataResponse | null,\n): {\n  additionalData: Record<string, any>;\n  components: EmbeddedFlowComponent[];\n  executionId: string;\n} => {\n  const {throwOnError = true, defaultErrorKey = 'errors.flow.generic', resolveTranslations = true} = options;\n\n  // Check if this is an error response\n  const errorMessage: string | null = checkForErrorResponse(response, t, defaultErrorKey);\n\n  if (errorMessage && throwOnError) {\n    // Throw the original response so it can be caught by error handling\n    throw response;\n  }\n\n  const additionalData: Record<string, any> = (response?.data?.additionalData as Record<string, any>) ?? {};\n\n  // The consent prompt is serialized as a JSON string (array) by the backend.\n  // Parse it and wrap in the expected {purposes: [...]} structure.\n  if (typeof additionalData['consentPrompt'] === 'string') {\n    try {\n      const parsed: any = JSON.parse(additionalData['consentPrompt']);\n      additionalData['consentPrompt'] = {purposes: Array.isArray(parsed) ? parsed : []};\n    } catch {\n      // Leave unparseable value as-is\n    }\n  }\n\n  return {\n    additionalData,\n    components: transformComponents(response, t, resolveTranslations, meta),\n    executionId: response.executionId,\n  };\n};\n"],"mappings":";;;;;;;;;;;AA0FA,MAAM,yBAAyB,aAAuC;CACpE,MAAMA,0BAA+B,IAAI,KAAqB;AAE9D,KAAI,UAAU,MAAM,UAAU,MAAM,QAAQ,SAAS,KAAK,OAAO,CAC/D,UAAS,KAAK,OAAO,SAAS,UAAe;AAC3C,MAAI,MAAM,OAAO,MAAM,WACrB,SAAQ,IAAI,MAAM,KAAK,MAAM,WAAW;GAE1C;AAGJ,QAAO;;;;;;;;;;AAWT,MAAM,0BAA0B,aAAuC;CACrE,MAAMA,0BAA+B,IAAI,KAAqB;AAE9D,KAAI,UAAU,MAAM,WAAW,MAAM,QAAQ,SAAS,KAAK,QAAQ,CACjE,UAAS,KAAK,QAAQ,SAAS,WAAgB;AAC7C,MAAI,OAAO,OAAO,OAAO,SACvB,SAAQ,IAAI,OAAO,KAAK,OAAO,SAAS;GAE1C;AAGJ,QAAO;;;;;;;;;;;;;AAcT,MAAM,wBACJ,YACA,YACA,eACA,aAAoB,EAAE,KAEtB,WAAW,KAAK,cAAqC;CACnD,MAAMC,uBAA4B,EAAC,GAAG,WAAU;AAMhD,KAAI,qBAAqB,OAAO,WAAW,IAAI,qBAAqB,IAAI,CACtE,sBAAqB,MAAM,WAAW,IAAI,qBAAqB,IAAI;AAKrE,KAAI,qBAAqB,SAAS,YAAY,UAAU,IAAI;EAC1D,MAAMC,YAAiB,WAAW,MAAM,UAAe,MAAM,QAAQ,UAAU,GAAG;AAClF,MAAI,WAAW,QACb,sBAAqB,UAAU,UAAU,QAAQ,KAAK,QAAa;AACjE,OAAI,OAAO,QAAQ,SACjB,QAAO;IAAC,OAAO;IAAK,OAAO;IAAI;GAGjC,MAAMC,QAAgB,OAAO,IAAI,UAAU,WAAW,KAAK,UAAU,IAAI,MAAM,GAAG,OAAO,IAAI,SAAS,GAAG;AAGzG,UAAO;IAAC,OAFc,OAAO,IAAI,UAAU,WAAW,KAAK,UAAU,IAAI,MAAM,GAAG,OAAO,IAAI,SAAS,MAAM;IAE7F;IAAM;IACrB;;AAMN,KACE,qBAAqB,SAAS,YAC9B,qBAAqB,MACrB,cAAc,IAAI,qBAAqB,GAAG,CAE1C,sBAAqB,YAAY,cAAc,IAAI,qBAAqB,GAAG;AAI7E,KAAI,qBAAqB,cAAc,MAAM,QAAQ,qBAAqB,WAAW,CACnF,sBAAqB,aAAa,qBAChC,qBAAqB,YACrB,YACA,eACA,WACD;AAGH,QAAO;EACP;;;;;;;;;;;;AAaJ,MAAa,uBACX,UACA,GACA,sBAAsB,MACtB,SAC4B;AAC5B,KAAI,CAAC,UAAU,MAAM,MAAM,WACzB,QAAO,EAAE;CAGX,IAAI,EAAC,eAAc,SAAS,KAAK;CAGjC,MAAMC,aAAkC,sBAAsB,SAAS;CAGvE,MAAMC,gBAAqC,uBAAuB,SAAS;CAG3E,MAAMC,aAAoB,UAAU,MAAM,UAAU,EAAE;AAGtD,KAAI,WAAW,OAAO,KAAK,cAAc,OAAO,KAAK,WAAW,SAAS,EACvE,cAAa,qBAAqB,YAAY,YAAY,eAAe,WAAW;AAGtF,QAAO,sBAAsBC,2CAA2B,YAAY,GAAG,QAAW,KAAK,GAAG;;;;;;;;;;;AAY5F,MAAa,uBACX,OACA,GACA,kBAAkB,0BACP;AACX,KAAI,SAAS,OAAO,UAAU,YAAY,MAAM,OAAO;EACrD,MAAMC,YAAwC,MAAM;AAGpD,MAAI,WAAW,SAAS,KAAK;GAC3B,MAAMC,aAAqB,EAAE,UAAU,QAAQ,IAAI;AACnD,OAAI,cAAc,eAAe,UAAU,QAAQ,IACjD,QAAO;GAIT,MAAM,YAAY,UAAU,UAAU,QAAQ;GAC9C,MAAMC,mBAA2B,EAAE,UAAU;AAC7C,OAAI,oBAAoB,qBAAqB,UAC3C,QAAO;;EAKX,MAAMC,WAA+B,WAAW,SAAS,gBAAgB,WAAW,aAAa;AACjG,MAAI,SACF,QAAO;;AAKX,KAAI,SAAS,OAAO,UAAU,YAAY,MAAM,cAC9C,QAAO,MAAM;AAGf,KAAI,iBAAiB,SAAS,MAAM,QAClC,QAAO,MAAM;AAGf,QAAO,EAAE,gBAAgB;;;;;;;;;;;AAY3B,MAAa,yBACX,UACA,GACA,kBAAkB,0BACA;AAClB,KAAI,UAAU,eAAe,QAC3B,QAAO,oBAAoB,UAAU,GAAG,gBAAgB;AAG1D,QAAO;;;;;;;;;;;;AAaT,MAAa,yBACX,UACA,GACA,UAAgC,EAAE,EAClC,SAKG;CACH,MAAM,EAAC,eAAe,MAAM,kBAAkB,uBAAuB,sBAAsB,SAAQ;AAKnG,KAFoC,sBAAsB,UAAU,GAAG,gBAAgB,IAEnE,aAElB,OAAM;CAGR,MAAMC,iBAAuC,UAAU,MAAM,kBAA0C,EAAE;AAIzG,KAAI,OAAO,eAAe,qBAAqB,SAC7C,KAAI;EACF,MAAMC,SAAc,KAAK,MAAM,eAAe,iBAAiB;AAC/D,iBAAe,mBAAmB,EAAC,UAAU,MAAM,QAAQ,OAAO,GAAG,SAAS,EAAE,EAAC;SAC3E;AAKV,QAAO;EACL;EACA,YAAY,oBAAoB,UAAU,GAAG,qBAAqB,KAAK;EACvE,aAAa,SAAS;EACvB"}