@thunderid/react 0.0.5 → 0.2.0

package/dist/contexts/Theme/ThemeProvider.js

@@ -0,0 +1,66 @@
+import useThunderID_default from "../ThunderID/useThunderID.js";
+import ThemeProvider_default from "./v1/ThemeProvider.js";
+import ThemeProvider_default$1 from "./v2/ThemeProvider.js";
+import { Platform } from "@thunderid/browser";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/contexts/Theme/ThemeProvider.tsx
+/**
+* ThemeProvider is the single entry-point for theme management in `@thunderid/react`.
+*
+* It transparently switches between two internal implementations:
+*
+* **v1** (`ThemeProvider` classic): Sources colors from the ThunderID Branding API.
+* Used automatically when no `FlowMetaProvider` is present in the component tree.
+*
+* **v2** (`FlowMetaThemeProvider`): Sources colors from the `GET /flow/meta` endpoint
+* via `FlowMetaProvider`. Used automatically when a `FlowMetaProvider` is present
+* in the tree — or when `version="v2"` is set explicitly.
+*
+* The active version can also be pinned explicitly via the `version` prop.
+* All components that consume `useTheme()` continue to work regardless of which
+* version is active.
+*
+* @example
+* Auto-detection (recommended):
+* ```tsx
+* // v2 mode – FlowMetaProvider is present
+* <FlowMetaProvider config={{ baseUrl, type: FlowMetaType.App, id: appId }}>
+*   <ThemeProvider>
+*     <App />
+*   </ThemeProvider>
+* </FlowMetaProvider>
+*
+* // v1 mode – no FlowMetaProvider
+* <ThemeProvider>
+*   <App />
+* </ThemeProvider>
+* ```
+*
+* @example
+* Explicit version pinning:
+* ```tsx
+* <ThemeProvider version="v2">
+*   <App />
+* </ThemeProvider>
+* ```
+*/
+const ThemeProvider = ({ children, theme, detection, inheritFromBranding, mode }) => {
+	const { platform } = useThunderID_default();
+	if (platform === Platform.ThunderID) return /* @__PURE__ */ jsx(ThemeProvider_default$1, {
+		theme,
+		children
+	});
+	return /* @__PURE__ */ jsx(ThemeProvider_default, {
+		detection,
+		inheritFromBranding,
+		mode,
+		theme,
+		children
+	});
+};
+var ThemeProvider_default$2 = ThemeProvider;
+
+//#endregion
+export { ThemeProvider_default$2 as default };
+//# sourceMappingURL=ThemeProvider.js.map

package/dist/contexts/Theme/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.js","names":["ThemeProvider: FC<PropsWithChildren<ThemeProviderProps>>","useThunderID","ThemeProviderV2","V1ThemeProvider"],"sources":["../../../src/contexts/Theme/ThemeProvider.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  BrowserThemeDetection,\n  Platform,\n  RecursivePartial,\n  ThemeConfig,\n  ThemeMode,\n  ThemePreferences,\n} from '@thunderid/browser';\nimport {FC, PropsWithChildren, ReactElement} from 'react';\nimport V1ThemeProvider from './v1/ThemeProvider';\nimport ThemeProviderV2, {ThemeProviderProps as ThemeProviderV2Props} from './v2/ThemeProvider';\nimport useThunderID from '../ThunderID/useThunderID';\n\nexport interface ThemeProviderProps {\n  // ─── v1 props (ignored in v2 mode) ──────────────────────────────────────────\n  /**\n   * Configuration for theme detection when using 'class' or 'system' mode.\n   */\n  detection?: BrowserThemeDetection;\n  /**\n   * Whether to inherit the theme from the ThunderID branding preference.\n   * @default true\n   */\n  inheritFromBranding?: ThemePreferences['inheritFromBranding'];\n  /**\n   * The theme mode to use for automatic detection.\n   * - `'light'` | `'dark'`: Fixed color scheme.\n   * - `'system'`: Follows the OS preference.\n   * - `'class'`: Detects theme from CSS classes on the `<html>` element.\n   * - `'branding'`: Follows the active theme from the branding preference.\n   */\n  mode?: ThemeMode | 'branding';\n\n  // ─── shared ──────────────────────────────────────────────────────────────────\n  /**\n   * Optional partial theme overrides applied on top of the resolved theme.\n   * User-supplied values always take the highest precedence.\n   */\n  theme?: RecursivePartial<ThemeConfig>;\n}\n\n/**\n * ThemeProvider is the single entry-point for theme management in `@thunderid/react`.\n *\n * It transparently switches between two internal implementations:\n *\n * **v1** (`ThemeProvider` classic): Sources colors from the ThunderID Branding API.\n * Used automatically when no `FlowMetaProvider` is present in the component tree.\n *\n * **v2** (`FlowMetaThemeProvider`): Sources colors from the `GET /flow/meta` endpoint\n * via `FlowMetaProvider`. Used automatically when a `FlowMetaProvider` is present\n * in the tree — or when `version=\"v2\"` is set explicitly.\n *\n * The active version can also be pinned explicitly via the `version` prop.\n * All components that consume `useTheme()` continue to work regardless of which\n * version is active.\n *\n * @example\n * Auto-detection (recommended):\n * ```tsx\n * // v2 mode – FlowMetaProvider is present\n * <FlowMetaProvider config={{ baseUrl, type: FlowMetaType.App, id: appId }}>\n *   <ThemeProvider>\n *     <App />\n *   </ThemeProvider>\n * </FlowMetaProvider>\n *\n * // v1 mode – no FlowMetaProvider\n * <ThemeProvider>\n *   <App />\n * </ThemeProvider>\n * ```\n *\n * @example\n * Explicit version pinning:\n * ```tsx\n * <ThemeProvider version=\"v2\">\n *   <App />\n * </ThemeProvider>\n * ```\n */\nconst ThemeProvider: FC<PropsWithChildren<ThemeProviderProps>> = ({\n  children,\n  theme,\n  detection,\n  inheritFromBranding,\n  mode,\n}: PropsWithChildren<ThemeProviderProps>): ReactElement => {\n  const {platform} = useThunderID();\n\n  if (platform === Platform.ThunderID) {\n    const v2Props: ThemeProviderV2Props = {theme};\n\n    return <ThemeProviderV2 {...v2Props}>{children}</ThemeProviderV2>;\n  }\n\n  return (\n    <V1ThemeProvider detection={detection} inheritFromBranding={inheritFromBranding} mode={mode} theme={theme}>\n      {children}\n    </V1ThemeProvider>\n  );\n};\n\nexport default ThemeProvider;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmGA,MAAMA,iBAA4D,EAChE,UACA,OACA,WACA,qBACA,WACyD;CACzD,MAAM,EAAC,aAAYC,sBAAc;AAEjC,KAAI,aAAa,SAAS,UAGxB,QAAO,oBAACC;EAF+B;EAED;GAA2B;AAGnE,QACE,oBAACC;EAA2B;EAAgC;EAA2B;EAAa;EACjG;GACe;;AAItB,8BAAe"}

package/dist/contexts/Theme/useTheme.js

@@ -0,0 +1,14 @@
+import ThemeContext_default from "./ThemeContext.js";
+import { useContext } from "react";
+
+//#region src/contexts/Theme/useTheme.ts
+const useTheme = () => {
+	const context = useContext(ThemeContext_default);
+	if (!context) throw new Error("useTheme must be used within a ThemeProvider");
+	return context;
+};
+var useTheme_default = useTheme;
+
+//#endregion
+export { useTheme_default as default };
+//# sourceMappingURL=useTheme.js.map

package/dist/contexts/Theme/useTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.js","names":["context: ThemeContextValue | null","ThemeContext"],"sources":["../../../src/contexts/Theme/useTheme.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 ThemeContext, {ThemeContextValue} from './ThemeContext';\n\nconst useTheme = (): ThemeContextValue => {\n  const context: ThemeContextValue | null = useContext(ThemeContext);\n  if (!context) {\n    throw new Error('useTheme must be used within a ThemeProvider');\n  }\n\n  return context;\n};\n\nexport default useTheme;\n"],"mappings":";;;;AAqBA,MAAM,iBAAoC;CACxC,MAAMA,UAAoC,WAAWC,qBAAa;AAClE,KAAI,CAAC,QACH,OAAM,IAAI,MAAM,+CAA+C;AAGjE,QAAO;;AAGT,uBAAe"}

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

@@ -0,0 +1,186 @@
+import applyThemeToDOM_default from "../../../utils/applyThemeToDOM.js";
+import normalizeThemeConfig_default from "../../../utils/normalizeThemeConfig.js";
+import useBrandingContext_default from "../../Branding/useBrandingContext.js";
+import ThemeContext_default from "../ThemeContext.js";
+import { DEFAULT_THEME, createClassObserver, createMediaQueryListener, createPackageComponentLogger, createTheme, detectThemeMode } from "@thunderid/browser";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/contexts/Theme/v1/ThemeProvider.tsx
+const logger$1 = 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 = DEFAULT_THEME, detection = {}, inheritFromBranding = true }) => {
+	const themeConfig = normalizeThemeConfig_default(themeConfigProp);
+	const [colorScheme, setColorScheme] = useState(() => {
+		if (mode === "light" || mode === "dark") return mode;
+		if (mode === "branding") return detectThemeMode("system", detection);
+		return detectThemeMode(mode, detection);
+	});
+	let brandingTheme = null;
+	let brandingActiveTheme = null;
+	let isBrandingLoading = false;
+	let brandingError = null;
+	try {
+		const brandingContext = useBrandingContext_default();
+		brandingTheme = brandingContext.theme;
+		brandingActiveTheme = brandingContext.activeTheme;
+		isBrandingLoading = brandingContext.isLoading;
+		brandingError = brandingContext.error;
+	} catch (error) {
+		if (inheritFromBranding) logger$1.warn("ThemeProvider: inheritFromBranding is enabled but BrandingProvider is not available. Make sure to wrap your app with BrandingProvider or ThunderIDProvider with branding preferences.");
+	}
+	useEffect(() => {
+		if (inheritFromBranding && brandingActiveTheme) {
+			if (mode === "branding") setColorScheme(brandingActiveTheme);
+			else if (mode === "system" && !isBrandingLoading) setColorScheme(brandingActiveTheme);
+		}
+	}, [
+		inheritFromBranding,
+		brandingActiveTheme,
+		mode,
+		isBrandingLoading
+	]);
+	const finalThemeConfig = 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 = useMemo(() => createTheme(finalThemeConfig, colorScheme === "dark"), [finalThemeConfig, colorScheme]);
+	const direction = finalThemeConfig?.direction || "ltr";
+	const handleThemeChange = useCallback((isDark) => {
+		setColorScheme(isDark ? "dark" : "light");
+	}, []);
+	const toggleTheme = useCallback(() => {
+		setColorScheme((prev) => prev === "light" ? "dark" : "light");
+	}, []);
+	useEffect(() => {
+		let observer = null;
+		let mediaQuery = null;
+		if (mode === "branding") return;
+		if (mode === "class") {
+			const targetElement = detection.targetElement || document.documentElement;
+			if (targetElement) observer = createClassObserver(targetElement, handleThemeChange, detection);
+		} else if (mode === "system") {
+			if (!inheritFromBranding || !brandingActiveTheme) mediaQuery = 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
+	]);
+	useEffect(() => {
+		applyThemeToDOM_default(theme);
+	}, [theme]);
+	useEffect(() => {
+		if (typeof document !== "undefined") document.documentElement.dir = direction;
+	}, [direction]);
+	const value = {
+		brandingError,
+		colorScheme,
+		direction,
+		inheritFromBranding,
+		isBrandingLoading,
+		theme,
+		toggleTheme
+	};
+	return /* @__PURE__ */ jsx(ThemeContext_default.Provider, {
+		value,
+		children
+	});
+};
+var ThemeProvider_default = ThemeProvider;
+
+//#endregion
+export { ThemeProvider_default as default };
+//# sourceMappingURL=ThemeProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.js","names":["logger: ReturnType<typeof createPackageComponentLogger>","ThemeProvider: FC<PropsWithChildren<ThemeProviderProps>>","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/contexts/Theme/v2/ThemeProvider.js

@@ -0,0 +1,104 @@
+import FlowMetaContext_default from "../../FlowMeta/FlowMetaContext.js";
+import applyThemeToDOM_default from "../../../utils/applyThemeToDOM.js";
+import normalizeThemeConfig_default from "../../../utils/normalizeThemeConfig.js";
+import ThemeContext_default from "../ThemeContext.js";
+import buildThemeConfigFromFlowMeta_default from "../../../utils/v2/buildThemeConfigFromFlowMeta.js";
+import { createTheme } from "@thunderid/browser";
+import { useCallback, useContext, useEffect, useMemo, useState } from "react";
+import { jsx } from "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 = normalizeThemeConfig_default(themeOverrideProp);
+	const flowMetaContext = useContext(FlowMetaContext_default);
+	const flowMetaTheme = flowMetaContext?.meta?.design?.theme ?? null;
+	const isLoading = flowMetaContext?.isLoading ?? false;
+	const error = flowMetaContext?.error ?? null;
+	const [colorScheme, setColorScheme] = useState(() => flowMetaTheme?.defaultColorScheme ?? "light");
+	useEffect(() => {
+		if (flowMetaTheme?.defaultColorScheme) setColorScheme(flowMetaTheme.defaultColorScheme);
+	}, [flowMetaTheme?.defaultColorScheme]);
+	const toggleTheme = useCallback(() => {
+		setColorScheme((prev) => prev === "light" ? "dark" : "light");
+	}, []);
+	const finalThemeConfig = useMemo(() => {
+		if (!flowMetaTheme) return themeOverride;
+		const metaConfig = 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 = useMemo(() => createTheme(finalThemeConfig, colorScheme === "dark"), [finalThemeConfig, colorScheme]);
+	const direction = flowMetaTheme?.direction ?? "ltr";
+	useEffect(() => {
+		applyThemeToDOM_default(theme);
+	}, [theme]);
+	useEffect(() => {
+		if (typeof document !== "undefined") document.documentElement.dir = direction;
+	}, [direction]);
+	const value = {
+		brandingError: error,
+		colorScheme,
+		direction,
+		inheritFromBranding: false,
+		isBrandingLoading: isLoading,
+		theme,
+		toggleTheme
+	};
+	return /* @__PURE__ */ jsx(ThemeContext_default.Provider, {
+		value,
+		children
+	});
+};
+var ThemeProvider_default = ThemeProvider;
+
+//#endregion
+export { ThemeProvider_default as default };
+//# sourceMappingURL=ThemeProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.js","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,6BAAqB,kBAAkB;CACxG,MAAMC,kBAA+C,WAAWC,wBAAgB;CAEhF,MAAMC,gBAAsC,iBAAiB,MAAM,QAAQ,SAAS;CACpF,MAAMC,YAAqB,iBAAiB,aAAa;CACzD,MAAMC,QAAsB,iBAAiB,SAAS;CAGtD,MAAM,CAAC,aAAa,kBAAkB,eAAiC,eAAe,sBAAsB,QAAQ;AAGpH,iBAAgB;AACd,MAAI,eAAe,mBACjB,gBAAe,cAAc,mBAAmB;IAEjD,CAAC,eAAe,mBAAmB,CAAC;CAEvC,MAAMC,cAA0B,kBAAkB;AAChD,kBAAgB,SAA4B,SAAS,UAAU,SAAS,QAAS;IAChF,EAAE,CAAC;CAGN,MAAMC,mBAA8D,cAAc;AAChF,MAAI,CAAC,cACH,QAAO;EAGT,MAAMC,aAA4CC,qCAA6B,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,QAAe,cACb,YAAY,kBAAkB,gBAAgB,OAAO,EAC3D,CAAC,kBAAkB,YAAY,CAChC;CAED,MAAMC,YAA2B,eAAe,aAAa;AAG7D,iBAAgB;AACd,0BAAgB,MAAM;IACrB,CAAC,MAAM,CAAC;AAGX,iBAAgB;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,oBAACC,qBAAa;EAAgB;EAAQ;GAAiC;;AAGhF,4BAAe"}

package/dist/contexts/ThunderID/ThunderIDContext.d.ts

@@ -27,6 +27,7 @@ export type ThunderIDContextProps = {
     applicationId: string | undefined;
     baseUrl: string | undefined;
     clientId: string | undefined;
+    scopes: string | string[] | undefined;
     /**
      * OIDC discovery data.
      */
@@ -155,7 +156,16 @@ export type ThunderIDContextProps = {
      * @example
      * signInOptions: { prompt: "login", fidp: "OrganizationSSO" }
      */
-    signInOptions: SignInOptions;
+    signInOptions?: SignInOptions;
+    /**
+     * Optional token request configuration. params are appended to the token endpoint POST body.
+     *
+     * @example
+     * tokenRequest: { params: { resource: "https://api.example.com" } }
+     */
+    tokenRequest?: {
+        params?: Record<string, unknown>;
+    };
     /**
      * Silent sign-in function to re-authenticate the user without user interaction.
      * @remark This is the programmatic version of the `SilentSignIn` component.
@@ -176,7 +186,7 @@ export type ThunderIDContextProps = {
     signUpUrl: string | undefined;
     user: any;
     platform?: Platform;
-} & Pick<ThunderIDReactConfig, 'storage'> & Pick<ThunderIDReactClient, 'clearSession' | 'switchOrganization'>;
+} & Pick<ThunderIDReactClient, 'clearSession' | 'switchOrganization'>;
 /**
  * Context object for managing the Authentication flow builder core context.
  */

package/dist/contexts/ThunderID/ThunderIDContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThunderIDContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/ThunderID/ThunderIDContext.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ThunderIDContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/ThunderID/ThunderIDContext.ts"],"names":[],"mappings":"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"}

package/dist/contexts/ThunderID/ThunderIDContext.js

@@ -0,0 +1,50 @@
+import { createContext } from "react";
+
+//#region src/contexts/ThunderID/ThunderIDContext.ts
+/**
+* Context object for managing the Authentication flow builder core context.
+*/
+const ThunderIDContext = createContext({
+	afterSignInUrl: void 0,
+	applicationId: void 0,
+	baseUrl: void 0,
+	clearSession: () => {},
+	clientId: void 0,
+	scopes: void 0,
+	discovery: { wellKnown: null },
+	exchangeToken: null,
+	getAccessToken: null,
+	getDecodedIdToken: null,
+	getIdToken: null,
+	getStorageManager: () => Promise.resolve(null),
+	http: {
+		request: () => null,
+		requestAll: () => null
+	},
+	instanceId: 0,
+	isInitialized: false,
+	isLoading: true,
+	isMetaLoading: false,
+	isSignedIn: false,
+	meta: null,
+	organization: null,
+	organizationHandle: void 0,
+	platform: void 0,
+	reInitialize: null,
+	recover: () => Promise.resolve({}),
+	resolveFlowTemplateLiterals: (text) => text ?? "",
+	signIn: () => Promise.resolve({}),
+	signInSilently: () => Promise.resolve({}),
+	signInUrl: void 0,
+	signOut: () => Promise.resolve({}),
+	signUp: () => Promise.resolve({}),
+	signUpUrl: void 0,
+	switchOrganization: null,
+	user: null
+});
+ThunderIDContext.displayName = "ThunderIDContext";
+var ThunderIDContext_default = ThunderIDContext;
+
+//#endregion
+export { ThunderIDContext_default as default };
+//# sourceMappingURL=ThunderIDContext.js.map

package/dist/contexts/ThunderID/ThunderIDContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThunderIDContext.js","names":["ThunderIDContext: Context<ThunderIDContextProps | null>"],"sources":["../../../src/contexts/ThunderID/ThunderIDContext.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 {\n  FlowMetadataResponse,\n  HttpRequestConfig,\n  HttpResponse,\n  IdToken,\n  OIDCDiscoveryApiResponse,\n  Organization,\n  Platform,\n  SignInOptions,\n  TokenExchangeRequestConfig,\n  TokenResponse,\n} from '@thunderid/browser';\nimport {Context, createContext} from 'react';\nimport {ThunderIDReactConfig} from '../../models/config';\nimport ThunderIDReactClient from '../../ThunderIDReactClient';\n\n/**\n * Props interface of {@link ThunderIDContext}\n */\nexport type ThunderIDContextProps = {\n  afterSignInUrl: string | undefined;\n  applicationId: string | undefined;\n  baseUrl: string | undefined;\n  clientId: string | undefined;\n  scopes: string | string[] | undefined;\n  /**\n   * OIDC discovery data.\n   */\n  discovery: {\n    /**\n     * The response from the `.well-known/openid-configuration` endpoint.\n     * Contains server capabilities, supported endpoints, and metadata.\n     * `null` while loading or when discovery has not been fetched.\n     */\n    wellKnown: OIDCDiscoveryApiResponse | null;\n  };\n  /**\n   * Swaps the current access token with a new one based on the provided configuration (with a grant type).\n   * @param config - Configuration for the token exchange request.\n   * @returns A promise that resolves to the token response or the raw response.\n   */\n  exchangeToken: (config: TokenExchangeRequestConfig) => Promise<TokenResponse | Response>;\n  /**\n   * Retrieves the access token stored in the storage.\n   * This function retrieves the access token and returns it.\n   * @remarks This does not work in the `webWorker` or any other worker environment.\n   * @returns A promise that resolves to the access token.\n   */\n  getAccessToken: () => Promise<string>;\n  /**\n   * Function to retrieve the decoded ID token.\n   * This function decodes the ID token and returns its payload.\n   * It can be used to access user claims and other information contained in the ID token.\n   *\n   * @returns A promise that resolves to the decoded ID token payload.\n   */\n  getDecodedIdToken: () => Promise<IdToken>;\n  /**\n   * Function to retrieve the ID token.\n   * This function retrieves the ID token and returns it.\n   *\n   * @returns A promise that resolves to the ID token.\n   */\n  getIdToken: () => Promise<string>;\n  /**\n   * Returns the underlying StorageManager instance for reading and writing SDK-managed storage.\n   */\n  getStorageManager: () => Promise<any>;\n  /**\n   * HTTP request function to make API calls.\n   * @param requestConfig - Configuration for the HTTP request.\n   * @returns A promise that resolves to the HTTP response.\n   */\n  http: {\n    /**\n     * Makes an HTTP request using the provided configuration.\n     * @param requestConfig - Configuration for the HTTP request.\n     * @returns A promise that resolves to the HTTP response.\n     */\n    request: (requestConfig?: HttpRequestConfig) => Promise<HttpResponse<any>>;\n    /**\n     * Makes multiple HTTP requests based on the provided configuration.\n     * @param requestConfigs - Set of configurations for the HTTP requests.\n     * @returns A promise that resolves to an array of HTTP responses.\n     */\n    requestAll: (requestConfigs?: HttpRequestConfig[]) => Promise<HttpResponse<any>[]>;\n  };\n  /**\n   * Instance ID for multi-instance support.\n   */\n  instanceId: number;\n  isInitialized: boolean;\n  /**\n   * Flag indicating whether the SDK is working in the background.\n   */\n  isLoading: boolean;\n  /**\n   * Flag indicating whether flow metadata is currently being fetched.\n   */\n  isMetaLoading: boolean;\n  /**\n   * Flag indicating whether the user is signed in or not.\n   */\n  isSignedIn: boolean;\n\n  /**\n   * Flow metadata returned by `GET /flow/meta` (v2 platform only).\n   * `null` while loading or when `resolveFromMeta` is disabled.\n   */\n  meta: FlowMetadataResponse | null;\n\n  organization: Organization;\n\n  organizationHandle: string | undefined;\n\n  /**\n   * Re-initializes the client with a new configuration.\n   *\n   * @remarks\n   * This can be partial configuration to update only specific fields.\n   *\n   * @param config - New configuration to re-initialize the client with.\n   * @returns Promise resolving to boolean indicating success.\n   */\n  reInitialize: (config: Partial<ThunderIDReactConfig>) => Promise<boolean>;\n\n  /**\n   * Recovery function to initiate the account/password recovery flow.\n   */\n  recover: (...args: any[]) => Promise<any>;\n\n  /**\n   * Resolves `{{ t(key) }}` and `{{ meta(path) }}` template expressions in a string,\n   * using the current i18n translation function and flow metadata from context.\n   *\n   * Useful in render-props patterns where consumers need to expand template strings\n   * that come from the server (e.g. component labels, placeholders, headings).\n   *\n   * @example\n   * const {resolveFlowTemplateLiterals} = useThunderID();\n   * resolveFlowTemplateLiterals('{{ t(signin.heading.label) }}') // → 'Sign In'\n   * resolveFlowTemplateLiterals('Login to {{ meta(application.name) }}') // → 'Login to My App'\n   */\n  resolveFlowTemplateLiterals: (text: string | undefined) => string;\n\n  /**\n   * Sign-in function to initiate the authentication process.\n   * @remark This is the programmatic version of the `SignInButton` component.\n   * TODO: Fix the types.\n   */\n  signIn: (...args: any) => Promise<any>;\n\n  /**\n   * Optional additional parameters to be sent in the sign-in request.\n   * This can include custom parameters that your authorization server supports.\n   * These parameters will be included in the authorization request sent to the server.\n   * If not provided, no additional parameters will be sent.\n   *\n   * @example\n   * signInOptions: { prompt: \"login\", fidp: \"OrganizationSSO\" }\n   */\n  signInOptions?: SignInOptions;\n\n  /**\n   * Optional token request configuration. params are appended to the token endpoint POST body.\n   *\n   * @example\n   * tokenRequest: { params: { resource: \"https://api.example.com\" } }\n   */\n  tokenRequest?: {\n    params?: Record<string, unknown>;\n  };\n\n  /**\n   * Silent sign-in function to re-authenticate the user without user interaction.\n   * @remark This is the programmatic version of the `SilentSignIn` component.\n   */\n  signInSilently: ThunderIDReactClient['signInSilently'];\n\n  signInUrl: string | undefined;\n  /**\n   * Sign-out function to terminate the authentication session.\n   * @remark This is the programmatic version of the `SignOutButton` component.\n   * FIXME: Fix the types.\n   */\n  signOut: any;\n\n  /**\n   * Sign-up function to initiate the registration process.\n   * @remark This is the programmatic version of the `SignUpButton` component.\n   */\n  signUp: (...args: any[]) => Promise<any>;\n\n  signUpUrl: string | undefined;\n\n  user: any;\n  platform?: Platform;\n} & Pick<ThunderIDReactClient, 'clearSession' | 'switchOrganization'>;\n\n/**\n * Context object for managing the Authentication flow builder core context.\n */\nconst ThunderIDContext: Context<ThunderIDContextProps | null> = createContext<null | ThunderIDContextProps>({\n  afterSignInUrl: undefined,\n  applicationId: undefined,\n  baseUrl: undefined,\n  clearSession: () => {},\n  clientId: undefined,\n  scopes: undefined,\n  discovery: {\n    wellKnown: null,\n  },\n  exchangeToken: null as unknown as ThunderIDContextProps['exchangeToken'],\n  getAccessToken: null as unknown as ThunderIDContextProps['getAccessToken'],\n  getDecodedIdToken: null as unknown as ThunderIDContextProps['getDecodedIdToken'],\n  getIdToken: null as unknown as ThunderIDContextProps['getIdToken'],\n  getStorageManager: () => Promise.resolve(null),\n  http: {\n    request: () => null as unknown as Promise<HttpResponse<any>>,\n    requestAll: () => null as unknown as Promise<HttpResponse<any>[]>,\n  },\n  instanceId: 0,\n  isInitialized: false,\n  isLoading: true,\n  isMetaLoading: false,\n  isSignedIn: false,\n  meta: null,\n  organization: null as unknown as Organization,\n  organizationHandle: undefined,\n  platform: undefined,\n  reInitialize: null as unknown as ThunderIDContextProps['reInitialize'],\n  recover: () => Promise.resolve({} as any),\n  resolveFlowTemplateLiterals: (text: string | undefined) => text ?? '',\n  signIn: () => Promise.resolve({} as any),\n  signInSilently: () => Promise.resolve({} as any),\n  signInUrl: undefined,\n  signOut: () => Promise.resolve({} as any),\n  signUp: () => Promise.resolve({} as any),\n  signUpUrl: undefined,\n  switchOrganization: null as unknown as ThunderIDContextProps['switchOrganization'],\n  user: null,\n});\n\nThunderIDContext.displayName = 'ThunderIDContext';\n\nexport default ThunderIDContext;\n"],"mappings":";;;;;;AA4NA,MAAMA,mBAA0D,cAA4C;CAC1G,gBAAgB;CAChB,eAAe;CACf,SAAS;CACT,oBAAoB;CACpB,UAAU;CACV,QAAQ;CACR,WAAW,EACT,WAAW,MACZ;CACD,eAAe;CACf,gBAAgB;CAChB,mBAAmB;CACnB,YAAY;CACZ,yBAAyB,QAAQ,QAAQ,KAAK;CAC9C,MAAM;EACJ,eAAe;EACf,kBAAkB;EACnB;CACD,YAAY;CACZ,eAAe;CACf,WAAW;CACX,eAAe;CACf,YAAY;CACZ,MAAM;CACN,cAAc;CACd,oBAAoB;CACpB,UAAU;CACV,cAAc;CACd,eAAe,QAAQ,QAAQ,EAAE,CAAQ;CACzC,8BAA8B,SAA6B,QAAQ;CACnE,cAAc,QAAQ,QAAQ,EAAE,CAAQ;CACxC,sBAAsB,QAAQ,QAAQ,EAAE,CAAQ;CAChD,WAAW;CACX,eAAe,QAAQ,QAAQ,EAAE,CAAQ;CACzC,cAAc,QAAQ,QAAQ,EAAE,CAAQ;CACxC,WAAW;CACX,oBAAoB;CACpB,MAAM;CACP,CAAC;AAEF,iBAAiB,cAAc;AAE/B,+BAAe"}

package/dist/contexts/ThunderID/ThunderIDProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThunderIDProvider.d.ts","sourceRoot":"","sources":["../../../src/contexts/ThunderID/ThunderIDProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAsBH,OAAO,EAAC,EAAE,EAAa,iBAAiB,EAAkE,MAAM,OAAO,CAAC;AAGxH,OAAO,EAAC,oBAAoB,EAAC,MAAM,qBAAqB,CAAC;AAgBzD;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG,oBAAoB,CAAC;AAE1D,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,iBAAiB,CAAC,sBAAsB,CAAC,CAklBpE,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"ThunderIDProvider.d.ts","sourceRoot":"","sources":["../../../src/contexts/ThunderID/ThunderIDProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAsBH,OAAO,EAAC,EAAE,EAAa,iBAAiB,EAAkE,MAAM,OAAO,CAAC;AAGxH,OAAO,EAAC,oBAAoB,EAAC,MAAM,qBAAqB,CAAC;AAgBzD;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG,oBAAoB,CAAC;AAE1D,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,iBAAiB,CAAC,sBAAsB,CAAC,CAulBpE,CAAC;AAEF,eAAe,iBAAiB,CAAC"}