@thunderid/react 0.2.0 → 0.3.3

package/dist/contexts/FlowMeta/FlowMetaProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlowMetaProvider.js","names":["FlowMetaProvider: FC<PropsWithChildren<FlowMetaProviderProps>>","useThunderID","i18nContext: I18nContextValue","useI18n","lastFetchedRef: RefObject<(() => Promise<void>) | null>","fetchFlowMeta: () => Promise<void>","err: unknown","switchLanguage: (language: string) => Promise<void>","result: FlowMetadataResponse","flatTranslations: Record<string, string>","value","bundle: I18nBundle","metaLanguage: string","bundlesToInject: Record<string, I18nBundle>","value: any","FlowMetaContext"],"sources":["../../../src/contexts/FlowMeta/FlowMetaProvider.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  FlowMetadataResponse,\n  FlowMetaType,\n  getFlowMetaV2,\n  Platform,\n  I18nBundle,\n  TranslationBundleConstants,\n} from '@thunderid/browser';\nimport {FC, PropsWithChildren, ReactElement, RefObject, useCallback, useEffect, useRef, useState} from 'react';\nimport FlowMetaContext from './FlowMetaContext';\nimport {I18nContextValue} from '../I18n/I18nContext';\nimport useI18n from '../I18n/useI18n';\nimport useThunderID from '../ThunderID/useThunderID';\n\nexport interface FlowMetaProviderProps {\n  /**\n   * When false the provider skips fetching and provides null meta.\n   * @default true\n   */\n  enabled?: boolean;\n}\n\n/**\n * FlowMetaProvider fetches flow metadata from the `GET /flow/meta` endpoint\n * (v2 API) and makes it available to child components through `FlowMetaContext`.\n *\n * It is designed to be used in v2 embedded-flow scenarios and integrates with\n * `ThemeProvider` so that theme settings (colors, direction, typography, …)\n * from the server-side design configuration are applied automatically.\n *\n * @example\n * ```tsx\n * <FlowMetaProvider\n *   config={{\n *     baseUrl: 'https://localhost:8090',\n *     type: FlowMetaType.App,\n *     id: 'your-app-id',\n *   }}\n * >\n *   <ThemeProvider>\n *     <App />\n *   </ThemeProvider>\n * </FlowMetaProvider>\n * ```\n */\nconst FlowMetaProvider: FC<PropsWithChildren<FlowMetaProviderProps>> = ({\n  children,\n  enabled = true,\n}: PropsWithChildren<FlowMetaProviderProps>): ReactElement => {\n  const {baseUrl, applicationId, platform, isInitialized} = useThunderID();\n  const i18nContext: I18nContextValue = useI18n();\n\n  const [meta, setMeta] = useState<FlowMetadataResponse | null>(null);\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [error, setError] = useState<Error | null>(null);\n  const [pendingLanguage, setPendingLanguage] = useState<string | null>(null);\n\n  // Track the last fetchFlowMeta reference that was actually dispatched.\n  // This prevents two classes of double-fetch:\n  //   1. React StrictMode simulates unmount+remount — the re-mount fires the\n  //      effect again with the same fetchFlowMeta reference; without this guard\n  //      the else-branch would issue a redundant second network request.\n  //   2. Rapid dependency changes (e.g. baseUrl stabilising) that produce two\n  //      effect firings before the first fetch completes.\n  const lastFetchedRef: RefObject<(() => Promise<void>) | null> = useRef<(() => Promise<void>) | null>(null);\n  const fetchFlowMeta: () => Promise<void> = useCallback(async (): Promise<void> => {\n    if (!enabled || platform !== Platform.ThunderID) {\n      setMeta(null);\n      setIsLoading(false);\n      return;\n    }\n\n    // Defer until ThunderID finishes initializing (e.g. loading applicationId\n    // from storage on refresh). Once initialized, proceed even if applicationId\n    // is absent — some flows (e.g. AcceptInvite) have no applicationId by design.\n    if (!isInitialized && !applicationId) {\n      return;\n    }\n\n    setIsLoading(true);\n    setError(null);\n\n    try {\n      const result: FlowMetadataResponse = await getFlowMetaV2({\n        baseUrl,\n        ...(applicationId ? {id: applicationId, type: FlowMetaType.App} : {}),\n        language: i18nContext?.currentLanguage,\n      });\n      setMeta(result);\n    } catch (err: unknown) {\n      setError(err instanceof Error ? err : new Error(String(err)));\n    } finally {\n      setIsLoading(false);\n    }\n  }, [enabled, platform, baseUrl, applicationId, isInitialized, i18nContext?.currentLanguage]);\n\n  const switchLanguage: (language: string) => Promise<void> = useCallback(\n    async (language: string): Promise<void> => {\n      if (!enabled || platform !== Platform.ThunderID) return;\n\n      setIsLoading(true);\n      setError(null);\n\n      try {\n        const result: FlowMetadataResponse = await getFlowMetaV2({\n          baseUrl,\n          ...(applicationId ? {id: applicationId, type: FlowMetaType.App} : {}),\n          language,\n        });\n\n        // Inject translations for the new language before switching\n        if (result.i18n?.translations && i18nContext?.injectBundles) {\n          const flatTranslations: Record<string, string> = {};\n          Object.entries(result.i18n.translations).forEach(([namespace, keys]: [string, Record<string, string>]) => {\n            Object.entries(keys).forEach(([key, value]: [string, string]) => {\n              flatTranslations[`${namespace}.${key}`] = value;\n            });\n          });\n          const bundle: I18nBundle = {translations: flatTranslations} as unknown as I18nBundle;\n          i18nContext.injectBundles({[language]: bundle});\n        }\n\n        // Defer setLanguage to the next effect cycle so injectBundles state\n        // is committed before I18nProvider's setLanguage checks mergedBundles.\n        setPendingLanguage(language);\n        setMeta(result);\n      } catch (err: unknown) {\n        setError(err instanceof Error ? err : new Error(String(err)));\n      } finally {\n        setIsLoading(false);\n      }\n    },\n    [enabled, platform, baseUrl, applicationId, i18nContext],\n  );\n\n  // After injectBundles + setPendingLanguage are batched and committed, this\n  // effect fires with the updated i18nContext (mergedBundles now includes the\n  // new language), so setLanguage succeeds on the first switch.\n  useEffect(() => {\n    if (pendingLanguage && i18nContext?.setLanguage) {\n      i18nContext.setLanguage(pendingLanguage);\n      setPendingLanguage(null);\n    }\n  }, [pendingLanguage, i18nContext?.setLanguage]);\n\n  useEffect(() => {\n    if (lastFetchedRef.current === fetchFlowMeta) {\n      // Same reference as the last dispatch — this is a StrictMode re-mount\n      // or an effect re-fire with unchanged deps. Skip to avoid a duplicate fetch.\n      return;\n    }\n\n    lastFetchedRef.current = fetchFlowMeta;\n    fetchFlowMeta();\n  }, [fetchFlowMeta]);\n\n  // When meta loads with i18n translations, inject them into the i18n system.\n  // Meta translations act as the base layer — prop-provided bundles still take precedence.\n  useEffect(() => {\n    if (!meta?.i18n?.translations || !i18nContext?.injectBundles) {\n      return;\n    }\n\n    const metaLanguage: string = meta.i18n.language || TranslationBundleConstants.FALLBACK_LOCALE;\n\n    // Flatten namespace-keyed translations to dot-path keys:\n    // { \"signin\": { \"heading\": \"Sign In\" } } → { \"signin.heading\": \"Sign In\" }\n    const flatTranslations: Record<string, string> = {};\n    Object.entries(meta.i18n.translations).forEach(([namespace, keys]: [string, Record<string, string>]) => {\n      Object.entries(keys).forEach(([key, value]: [string, string]) => {\n        flatTranslations[`${namespace}.${key}`] = value;\n      });\n    });\n\n    const bundle: I18nBundle = {translations: flatTranslations} as unknown as I18nBundle;\n\n    // Inject under the meta language code and the i18n current language so\n    // lookups succeed regardless of whether the system uses \"en\" or \"en-US\".\n    const bundlesToInject: Record<string, I18nBundle> = {[metaLanguage]: bundle};\n    if (i18nContext.currentLanguage && i18nContext.currentLanguage !== metaLanguage) {\n      bundlesToInject[i18nContext.currentLanguage] = bundle;\n    }\n    if (i18nContext.fallbackLanguage && i18nContext.fallbackLanguage !== metaLanguage) {\n      bundlesToInject[i18nContext.fallbackLanguage] = bundle;\n    }\n\n    i18nContext.injectBundles(bundlesToInject);\n  }, [meta?.i18n?.translations, i18nContext?.injectBundles]);\n\n  const value: any = {\n    error,\n    fetchFlowMeta,\n    isLoading,\n    meta,\n    switchLanguage,\n  };\n\n  return <FlowMetaContext.Provider value={value}>{children}</FlowMetaContext.Provider>;\n};\n\nexport default FlowMetaProvider;\n"],"mappings":"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"}
+{"version":3,"file":"FlowMetaProvider.js","names":["FlowMetaProvider: FC<PropsWithChildren<FlowMetaProviderProps>>","useThunderID","i18nContext: I18nContextValue","useI18n","lastFetchedRef: RefObject<(() => Promise<void>) | null>","fetchFlowMeta: () => Promise<void>","err: unknown","switchLanguage: (language: string) => Promise<void>","result: FlowMetadataResponse","flatTranslations: Record<string, string>","value","bundle: I18nBundle","metaLanguage: string","bundlesToInject: Record<string, I18nBundle>","value: any","FlowMetaContext"],"sources":["../../../src/contexts/FlowMeta/FlowMetaProvider.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  FlowMetadataResponse,\n  FlowMetaType,\n  getFlowMeta,\n  I18nBundle,\n  TranslationBundleConstants,\n} from '@thunderid/browser';\nimport {FC, PropsWithChildren, ReactElement, RefObject, useCallback, useEffect, useRef, useState} from 'react';\nimport FlowMetaContext from './FlowMetaContext';\nimport {I18nContextValue} from '../I18n/I18nContext';\nimport useI18n from '../I18n/useI18n';\nimport useThunderID from '../ThunderID/useThunderID';\n\nexport interface FlowMetaProviderProps {\n  /**\n   * When false the provider skips fetching and provides null meta.\n   * @default true\n   */\n  enabled?: boolean;\n}\n\n/**\n * FlowMetaProvider fetches flow metadata from the `GET /flow/meta` endpoint\n * (v2 API) and makes it available to child components through `FlowMetaContext`.\n *\n * It is designed to be used in v2 embedded-flow scenarios and integrates with\n * `ThemeProvider` so that theme settings (colors, direction, typography, …)\n * from the server-side design configuration are applied automatically.\n *\n * @example\n * ```tsx\n * <FlowMetaProvider\n *   config={{\n *     baseUrl: 'https://localhost:8090',\n *     type: FlowMetaType.App,\n *     id: 'your-app-id',\n *   }}\n * >\n *   <ThemeProvider>\n *     <App />\n *   </ThemeProvider>\n * </FlowMetaProvider>\n * ```\n */\nconst FlowMetaProvider: FC<PropsWithChildren<FlowMetaProviderProps>> = ({\n  children,\n  enabled = true,\n}: PropsWithChildren<FlowMetaProviderProps>): ReactElement => {\n  const {baseUrl, applicationId, isInitialized} = useThunderID();\n  const i18nContext: I18nContextValue = useI18n();\n\n  const [meta, setMeta] = useState<FlowMetadataResponse | null>(null);\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [error, setError] = useState<Error | null>(null);\n  const [pendingLanguage, setPendingLanguage] = useState<string | null>(null);\n\n  // Track the last fetchFlowMeta reference that was actually dispatched.\n  // This prevents two classes of double-fetch:\n  //   1. React StrictMode simulates unmount+remount — the re-mount fires the\n  //      effect again with the same fetchFlowMeta reference; without this guard\n  //      the else-branch would issue a redundant second network request.\n  //   2. Rapid dependency changes (e.g. baseUrl stabilising) that produce two\n  //      effect firings before the first fetch completes.\n  const lastFetchedRef: RefObject<(() => Promise<void>) | null> = useRef<(() => Promise<void>) | null>(null);\n  const fetchFlowMeta: () => Promise<void> = useCallback(async (): Promise<void> => {\n    if (!enabled) {\n      setMeta(null);\n      setIsLoading(false);\n      return;\n    }\n\n    // Defer until ThunderID finishes initializing (e.g. loading applicationId\n    // from storage on refresh). Once initialized, proceed even if applicationId\n    // is absent — some flows (e.g. AcceptInvite) have no applicationId by design.\n    if (!isInitialized && !applicationId) {\n      return;\n    }\n\n    setIsLoading(true);\n    setError(null);\n\n    try {\n      const result: FlowMetadataResponse = await getFlowMeta({\n        baseUrl,\n        ...(applicationId ? {id: applicationId, type: FlowMetaType.App} : {}),\n        language: i18nContext?.currentLanguage,\n      });\n      setMeta(result);\n    } catch (err: unknown) {\n      setError(err instanceof Error ? err : new Error(String(err)));\n    } finally {\n      setIsLoading(false);\n    }\n  }, [enabled, baseUrl, applicationId, isInitialized, i18nContext?.currentLanguage]);\n\n  const switchLanguage: (language: string) => Promise<void> = useCallback(\n    async (language: string): Promise<void> => {\n      if (!enabled) return;\n\n      setIsLoading(true);\n      setError(null);\n\n      try {\n        const result: FlowMetadataResponse = await getFlowMeta({\n          baseUrl,\n          ...(applicationId ? {id: applicationId, type: FlowMetaType.App} : {}),\n          language,\n        });\n\n        // Inject translations for the new language before switching\n        if (result.i18n?.translations && i18nContext?.injectBundles) {\n          const flatTranslations: Record<string, string> = {};\n          Object.entries(result.i18n.translations).forEach(([namespace, keys]: [string, Record<string, string>]) => {\n            Object.entries(keys).forEach(([key, value]: [string, string]) => {\n              flatTranslations[`${namespace}.${key}`] = value;\n            });\n          });\n          const bundle: I18nBundle = {translations: flatTranslations} as unknown as I18nBundle;\n          i18nContext.injectBundles({[language]: bundle});\n        }\n\n        // Defer setLanguage to the next effect cycle so injectBundles state\n        // is committed before I18nProvider's setLanguage checks mergedBundles.\n        setPendingLanguage(language);\n        setMeta(result);\n      } catch (err: unknown) {\n        setError(err instanceof Error ? err : new Error(String(err)));\n      } finally {\n        setIsLoading(false);\n      }\n    },\n    [enabled, baseUrl, applicationId, i18nContext],\n  );\n\n  // After injectBundles + setPendingLanguage are batched and committed, this\n  // effect fires with the updated i18nContext (mergedBundles now includes the\n  // new language), so setLanguage succeeds on the first switch.\n  useEffect(() => {\n    if (pendingLanguage && i18nContext?.setLanguage) {\n      i18nContext.setLanguage(pendingLanguage);\n      setPendingLanguage(null);\n    }\n  }, [pendingLanguage, i18nContext?.setLanguage]);\n\n  useEffect(() => {\n    if (lastFetchedRef.current === fetchFlowMeta) {\n      // Same reference as the last dispatch — this is a StrictMode re-mount\n      // or an effect re-fire with unchanged deps. Skip to avoid a duplicate fetch.\n      return;\n    }\n\n    lastFetchedRef.current = fetchFlowMeta;\n    fetchFlowMeta();\n  }, [fetchFlowMeta]);\n\n  // When meta loads with i18n translations, inject them into the i18n system.\n  // Meta translations act as the base layer — prop-provided bundles still take precedence.\n  useEffect(() => {\n    if (!meta?.i18n?.translations || !i18nContext?.injectBundles) {\n      return;\n    }\n\n    const metaLanguage: string = meta.i18n.language || TranslationBundleConstants.FALLBACK_LOCALE;\n\n    // Flatten namespace-keyed translations to dot-path keys:\n    // { \"signin\": { \"heading\": \"Sign In\" } } → { \"signin.heading\": \"Sign In\" }\n    const flatTranslations: Record<string, string> = {};\n    Object.entries(meta.i18n.translations).forEach(([namespace, keys]: [string, Record<string, string>]) => {\n      Object.entries(keys).forEach(([key, value]: [string, string]) => {\n        flatTranslations[`${namespace}.${key}`] = value;\n      });\n    });\n\n    const bundle: I18nBundle = {translations: flatTranslations} as unknown as I18nBundle;\n\n    // Inject under the meta language code and the i18n current language so\n    // lookups succeed regardless of whether the system uses \"en\" or \"en-US\".\n    const bundlesToInject: Record<string, I18nBundle> = {[metaLanguage]: bundle};\n    if (i18nContext.currentLanguage && i18nContext.currentLanguage !== metaLanguage) {\n      bundlesToInject[i18nContext.currentLanguage] = bundle;\n    }\n    if (i18nContext.fallbackLanguage && i18nContext.fallbackLanguage !== metaLanguage) {\n      bundlesToInject[i18nContext.fallbackLanguage] = bundle;\n    }\n\n    i18nContext.injectBundles(bundlesToInject);\n  }, [meta?.i18n?.translations, i18nContext?.injectBundles]);\n\n  const value: any = {\n    error,\n    fetchFlowMeta,\n    isLoading,\n    meta,\n    switchLanguage,\n  };\n\n  return <FlowMetaContext.Provider value={value}>{children}</FlowMetaContext.Provider>;\n};\n\nexport default FlowMetaProvider;\n"],"mappings":"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"}

package/dist/contexts/Theme/ThemeProvider.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
+ * Copyright (c) 2026, WSO2 LLC. (https://www.wso2.com).
  *
  * WSO2 LLC. licenses this file to you under the Apache License,
  * Version 2.0 (the "License"); you may not use this file except
@@ -15,68 +15,48 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { BrowserThemeDetection, RecursivePartial, ThemeConfig, ThemeMode, ThemePreferences } from '@thunderid/browser';
+import { ThemeConfig, ThemeMode, RecursivePartial } from '@thunderid/browser';
 import { FC, PropsWithChildren } from 'react';
 export interface ThemeProviderProps {
     /**
-     * Configuration for theme detection when using 'class' or 'system' mode.
+     * When true, seeds the theme from the nearest BrandingContext if no flow meta theme is available.
      */
-    detection?: BrowserThemeDetection;
+    inheritFromBranding?: boolean;
     /**
-     * Whether to inherit the theme from the ThunderID branding preference.
-     * @default true
+     * Initial color scheme override. Overrides the server default when provided.
      */
-    inheritFromBranding?: ThemePreferences['inheritFromBranding'];
+    mode?: ThemeMode;
     /**
-     * The theme mode to use for automatic detection.
-     * - `'light'` | `'dark'`: Fixed color scheme.
-     * - `'system'`: Follows the OS preference.
-     * - `'class'`: Detects theme from CSS classes on the `<html>` element.
-     * - `'branding'`: Follows the active theme from the branding preference.
-     */
-    mode?: ThemeMode | 'branding';
-    /**
-     * Optional partial theme overrides applied on top of the resolved theme.
-     * User-supplied values always take the highest precedence.
+     * Optional theme overrides merged on top of the server-side flow meta theme.
+     * User-supplied values take highest precedence.
      */
     theme?: RecursivePartial<ThemeConfig>;
 }
 /**
- * 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.
+ * ThemeProvider is the v2 drop-in replacement for `ThemeProvider`.
  *
- * **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.
+ * 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 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.
+ * 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
- * Auto-detection (recommended):
  * ```tsx
- * // v2 mode – FlowMetaProvider is present
  * <FlowMetaProvider config={{ baseUrl, type: FlowMetaType.App, id: appId }}>
  *   <ThemeProvider>
- *     <App />
+ *     <App />   {/* useTheme() works here as usual *\/}
  *   </ThemeProvider>
  * </FlowMetaProvider>
- *
- * // v1 mode – no FlowMetaProvider
- * <ThemeProvider>
- *   <App />
- * </ThemeProvider>
  * ```
  *
  * @example
- * Explicit version pinning:
+ * With user theme overrides (user values win over server values):
  * ```tsx
- * <ThemeProvider version="v2">
+ * <ThemeProvider theme={{ colors: { primary: { main: '#ff0000' } } }}>
  *   <App />
  * </ThemeProvider>
  * ```

package/dist/contexts/Theme/ThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/contexts/Theme/ThemeProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EACL,qBAAqB,EAErB,gBAAgB,EAChB,WAAW,EACX,SAAS,EACT,gBAAgB,EACjB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,EAAE,EAAE,iBAAiB,EAAe,MAAM,OAAO,CAAC;AAK1D,MAAM,WAAW,kBAAkB;IAEjC;;OAEG;IACH,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,gBAAgB,CAAC,qBAAqB,CAAC,CAAC;IAC9D;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAG9B;;;OAGG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;CACvC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAoB5D,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/contexts/Theme/ThemeProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAqB,WAAW,EAAE,SAAS,EAAE,gBAAgB,EAAgB,MAAM,oBAAoB,CAAC;AAC/G,OAAO,EAAC,EAAE,EAAE,iBAAiB,EAAsE,MAAM,OAAO,CAAC;AAOjH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;CACvC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAyF5D,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/contexts/Theme/ThemeProvider.js

@@ -1,66 +1,104 @@
-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 FlowMetaContext_default from "../FlowMeta/FlowMetaContext.js";
+import ThemeContext_default from "./ThemeContext.js";
+import applyThemeToDOM_default from "../../utils/applyThemeToDOM.js";
+import buildThemeConfigFromFlowMeta_default from "../../utils/buildThemeConfigFromFlowMeta.js";
+import normalizeThemeConfig_default from "../../utils/normalizeThemeConfig.js";
+import { createTheme } from "@thunderid/browser";
+import { useCallback, useContext, useEffect, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/contexts/Theme/ThemeProvider.tsx
 /**
-* ThemeProvider is the single entry-point for theme management in `@thunderid/react`.
+* ThemeProvider is the v2 drop-in replacement for `ThemeProvider`.
 *
-* It transparently switches between two internal implementations:
+* 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.
 *
-* **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.
+* 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
-* Auto-detection (recommended):
 * ```tsx
-* // v2 mode – FlowMetaProvider is present
 * <FlowMetaProvider config={{ baseUrl, type: FlowMetaType.App, id: appId }}>
 *   <ThemeProvider>
-*     <App />
+*     <App />   {/* useTheme() works here as usual *\/}
 *   </ThemeProvider>
 * </FlowMetaProvider>
-*
-* // v1 mode – no FlowMetaProvider
-* <ThemeProvider>
-*   <App />
-* </ThemeProvider>
 * ```
 *
 * @example
-* Explicit version pinning:
+* With user theme overrides (user values win over server values):
 * ```tsx
-* <ThemeProvider version="v2">
+* <ThemeProvider theme={{ colors: { primary: { main: '#ff0000' } } }}>
 *   <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,
+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$2 = ThemeProvider;
+var ThemeProvider_default = ThemeProvider;
 
 //#endregion
-export { ThemeProvider_default$2 as default };
+export { ThemeProvider_default as default };
 //# sourceMappingURL=ThemeProvider.js.map

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

@@ -1 +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"}
+{"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/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, ThemeMode, RecursivePartial, FlowMetaTheme} from '@thunderid/browser';\nimport {FC, PropsWithChildren, ReactElement, useCallback, useContext, useEffect, useMemo, useState} from 'react';\nimport ThemeContext from './ThemeContext';\nimport applyThemeToDOM from '../../utils/applyThemeToDOM';\nimport buildThemeConfigFromFlowMeta from '../../utils/buildThemeConfigFromFlowMeta';\nimport normalizeThemeConfig from '../../utils/normalizeThemeConfig';\nimport FlowMetaContext, {FlowMetaContextValue} from '../FlowMeta/FlowMetaContext';\n\nexport interface ThemeProviderProps {\n  /**\n   * When true, seeds the theme from the nearest BrandingContext if no flow meta theme is available.\n   */\n  inheritFromBranding?: boolean;\n\n  /**\n   * Initial color scheme override. Overrides the server default when provided.\n   */\n  mode?: ThemeMode;\n\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyEA,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

@@ -15,7 +15,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { FlowMetadataResponse, HttpRequestConfig, HttpResponse, IdToken, OIDCDiscoveryApiResponse, Organization, Platform, SignInOptions, TokenExchangeRequestConfig, TokenResponse } from '@thunderid/browser';
+import { FlowMetadataResponse, HttpRequestConfig, HttpResponse, IdToken, OIDCDiscoveryApiResponse, Organization, SignInOptions, TokenExchangeRequestConfig, TokenResponse } from '@thunderid/browser';
 import { Context } from 'react';
 import { ThunderIDReactConfig } from '../../models/config';
 import ThunderIDReactClient from '../../ThunderIDReactClient';
@@ -185,7 +185,6 @@ export type ThunderIDContextProps = {
     signUp: (...args: any[]) => Promise<any>;
     signUpUrl: string | undefined;
     user: any;
-    platform?: Platform;
 } & 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":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,YAAY,EACZ,OAAO,EACP,wBAAwB,EACxB,YAAY,EACZ,aAAa,EACb,0BAA0B,EAC1B,aAAa,EACd,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,OAAO,EAAgB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAC,oBAAoB,EAAC,MAAM,qBAAqB,CAAC;AACzD,OAAO,oBAAoB,MAAM,4BAA4B,CAAC;AAE9D;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC;IACtC;;OAEG;IACH,SAAS,EAAE;QACT;;;;WAIG;QACH,SAAS,EAAE,wBAAwB,GAAG,IAAI,CAAC;KAC5C,CAAC;IACF;;;;OAIG;IACH,aAAa,EAAE,CAAC,MAAM,EAAE,0BAA0B,KAAK,OAAO,CAAC,aAAa,GAAG,QAAQ,CAAC,CAAC;IACzF;;;;;OAKG;IACH,cAAc,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC;IACtC;;;;;;OAMG;IACH,iBAAiB,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1C;;;;;OAKG;IACH,UAAU,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC;IAClC;;OAEG;IACH,iBAAiB,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC;IACtC;;;;OAIG;IACH,IAAI,EAAE;QACJ;;;;WAIG;QACH,OAAO,EAAE,CAAC,aAAa,CAAC,EAAE,iBAAiB,KAAK,OAAO,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC;QAC3E;;;;WAIG;QACH,UAAU,EAAE,CAAC,cAAc,CAAC,EAAE,iBAAiB,EAAE,KAAK,OAAO,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;KACpF,CAAC;IACF;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,aAAa,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,UAAU,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,IAAI,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAElC,YAAY,EAAE,YAAY,CAAC;IAE3B,kBAAkB,EAAE,MAAM,GAAG,SAAS,CAAC;IAEvC;;;;;;;;OAQG;IACH,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,oBAAoB,CAAC,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAE1E;;OAEG;IACH,OAAO,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAE1C;;;;;;;;;;;OAWG;IACH,2BAA2B,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,MAAM,CAAC;IAElE;;;;OAIG;IACH,MAAM,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAEvC;;;;;;;;OAQG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B;;;;;OAKG;IACH,YAAY,CAAC,EAAE;QACb,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KAClC,CAAC;IAEF;;;OAGG;IACH,cAAc,EAAE,oBAAoB,CAAC,gBAAgB,CAAC,CAAC;IAEvD,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B;;;;OAIG;IACH,OAAO,EAAE,GAAG,CAAC;IAEb;;;OAGG;IACH,MAAM,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAEzC,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAE9B,IAAI,EAAE,GAAG,CAAC;CACX,GAAG,IAAI,CAAC,oBAAoB,EAAE,cAAc,GAAG,oBAAoB,CAAC,CAAC;AAEtE;;GAEG;AACH,QAAA,MAAM,gBAAgB,EAAE,OAAO,CAAC,qBAAqB,GAAG,IAAI,CAsC1D,CAAC;AAIH,eAAe,gBAAgB,CAAC"}

package/dist/contexts/ThunderID/ThunderIDContext.js

@@ -29,7 +29,6 @@ const ThunderIDContext = createContext({
 	meta: null,
 	organization: null,
 	organizationHandle: void 0,
-	platform: void 0,
 	reInitialize: null,
 	recover: () => Promise.resolve({}),
 	resolveFlowTemplateLiterals: (text) => text ?? "",

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

@@ -1 +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"}
+{"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  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} & 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  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":";;;;;;AA0NA,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,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,CAulBpE,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"ThunderIDProvider.d.ts","sourceRoot":"","sources":["../../../src/contexts/ThunderID/ThunderIDProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAoBH,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,CAolBpE,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/contexts/ThunderID/ThunderIDProvider.js

@@ -9,7 +9,7 @@ import I18nProvider_default from "../I18n/I18nProvider.js";
 import OrganizationProvider_default from "../Organization/OrganizationProvider.js";
 import ThemeProvider_default from "../Theme/ThemeProvider.js";
 import UserProvider_default from "../User/UserProvider.js";
-import { Platform, ThunderIDRuntimeError, createPackageComponentLogger, extractUserClaimsFromIdToken, generateFlattenedUserProfile, getActiveTheme, getBrandingPreference } from "@thunderid/browser";
+import { ThunderIDRuntimeError, createPackageComponentLogger, extractUserClaimsFromIdToken, generateFlattenedUserProfile, getBrandingPreference } from "@thunderid/browser";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 
@@ -306,7 +306,6 @@ const ThunderIDProvider = ({ afterSignInUrl, afterSignOutUrl, baseUrl: initialBa
 		organization: currentOrganization,
 		organizationChain,
 		organizationHandle: config?.organizationHandle,
-		platform: Platform.ThunderID,
 		reInitialize,
 		recover,
 		signIn,
@@ -369,12 +368,10 @@ const ThunderIDProvider = ({ afterSignInUrl, afterSignOutUrl, baseUrl: initialBa
 					enabled: preferences?.theme?.inheritFromBranding === true,
 					refetch: refetchBranding,
 					children: /* @__PURE__ */ jsx(ThemeProvider_default, {
-						inheritFromBranding: preferences?.theme?.inheritFromBranding,
 						theme: {
 							...preferences?.theme?.overrides,
 							direction: preferences?.theme?.direction
 						},
-						mode: getActiveTheme(preferences?.theme?.mode ?? "light"),
 						children: /* @__PURE__ */ jsx(FlowProvider_default, { children: /* @__PURE__ */ jsx(UserProvider_default, {
 							profile: userProfile,
 							onUpdateProfile: handleProfileUpdate,