@thunderid/react 0.3.3 → 0.3.5

package/dist/contexts/Organization/OrganizationProvider.js

@@ -1,93 +0,0 @@
-import OrganizationContext_default from "./OrganizationContext.js";
-import { ThunderIDRuntimeError } from "@thunderid/browser";
-import { useCallback, useMemo, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/contexts/Organization/OrganizationProvider.tsx
-/**
-* OrganizationProvider component that manages organization data and provides it through OrganizationContext.
-*
-* This provider:
-* - Fetches organization data from the organizations endpoint
-* - Manages current organization state
-* - Provides functions for switching organizations and refreshing data
-* - Handles loading states and errors
-*
-* @example
-* ```tsx
-* // Basic usage with auto-fetch (uses internal API)
-* <OrganizationProvider>
-*   <App />
-* </OrganizationProvider>
-*
-* // With custom error handling
-* <OrganizationProvider onError={(error) => console.error('Organization error:', error)}>
-*   <App />
-* </OrganizationProvider>
-*
-* // With custom organization switch handler
-* <OrganizationProvider
-*   onOrganizationSwitch={(org) => console.log('Switched to:', org.name)}
-* >
-*   <App />
-* </OrganizationProvider>
-*
-* // Disable auto-fetch (fetch manually using revalidateMyOrganizations)
-* <OrganizationProvider autoFetch={false}>
-*   <App />
-* </OrganizationProvider>
-* ```
-*/
-const OrganizationProvider = ({ children, currentOrganization, onError, myOrganizations, onOrganizationSwitch, revalidateMyOrganizations, getAllOrganizations: getAllOrganizations$1, createOrganization: createOrganization$1 }) => {
-	const [isLoading, setIsLoading] = useState(false);
-	const [error, setError] = useState(null);
-	/**
-	* Switches to a different organization
-	*/
-	const switchOrganization = useCallback(async (organization) => {
-		if (!onOrganizationSwitch) throw new ThunderIDRuntimeError("onOrganizationSwitch callback is required", "OrganizationProvider-SwitchError-001", "react", "The onOrganizationSwitch callback must be provided to handle organization switching.");
-		setIsLoading(true);
-		setError(null);
-		try {
-			await onOrganizationSwitch(organization);
-		} catch (switchError) {
-			const errorMessage = switchError instanceof Error ? switchError.message : "Failed to switch organization";
-			setError(errorMessage);
-			if (onError) onError(errorMessage);
-			throw switchError;
-		} finally {
-			setIsLoading(false);
-		}
-	}, [onOrganizationSwitch, onError]);
-	const contextValue = useMemo(() => ({
-		createOrganization: createOrganization$1,
-		currentOrganization: currentOrganization ?? null,
-		error,
-		getAllOrganizations: getAllOrganizations$1 ?? (() => Promise.resolve({
-			count: 0,
-			organizations: []
-		})),
-		isLoading,
-		myOrganizations: myOrganizations ?? [],
-		revalidateMyOrganizations,
-		switchOrganization
-	}), [
-		currentOrganization,
-		error,
-		isLoading,
-		myOrganizations,
-		switchOrganization,
-		revalidateMyOrganizations,
-		getAllOrganizations$1,
-		createOrganization$1
-	]);
-	return /* @__PURE__ */ jsx(OrganizationContext_default.Provider, {
-		value: contextValue,
-		children
-	});
-};
-var OrganizationProvider_default = OrganizationProvider;
-
-//#endregion
-export { OrganizationProvider_default as default };
-//# sourceMappingURL=OrganizationProvider.js.map

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

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

package/dist/contexts/Organization/useOrganization.d.ts

@@ -1,105 +0,0 @@
-/**
- * Copyright (c) 2025, 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
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-import { OrganizationContextProps } from './OrganizationContext';
-/**
- * Hook to access the Organization context.
- *
- * This hook provides access to organization data including:
- * - List of organizations the user belongs to
- * - Current organization
- * - Functions to switch organizations and refresh data
- * - Function to fetch organizations programmatically
- * - Loading states and error handling
- *
- * @returns {OrganizationContextProps} The organization context value containing all organization-related data and functions
- * @throws {Error} Throws an error if used outside of OrganizationProvider
- *
- * @example
- * ```tsx
- * import {useOrganization} from '@thunderid/react';
- *
- * function OrganizationSelector() {
- *   const {
- *     organizations,
- *     currentOrganization,
- *     switchOrganization,
- *     revalidateMyOrganizations,
- *     getOrganizations,
- *     isLoading,
- *     error
- *   } = useOrganization();
- *
- *   if (isLoading) {
- *     return <div>Loading organizations...</div>;
- *   }
- *
- *   if (error) {
- *     return <div>Error: {error}</div>;
- *   }
- *
- *   return (
- *     <div>
- *       <h2>Current: {currentOrganization?.name}</h2>
- *       <select
- *         value={currentOrganization?.id || ''}
- *         onChange={(e) => {
- *           const org = organizations?.find(o => o.id === e.target.value);
- *           if (org) switchOrganization(org);
- *         }}
- *       >
- *         {organizations?.map(org => (
- *           <option key={org.id} value={org.id}>
- *             {org.name}
- *           </option>
- *         ))}
- *       </select>
- *       <button onClick={revalidateMyOrganizations}>
- *         Refresh Organizations
- *       </button>
- *       <button onClick={async () => {
- *         const fresh = await getOrganizations();
- *         console.log('Fresh organizations:', fresh);
- *       }}>
- *         Get Organizations Manually
- *       </button>
- *     </div>
- *   );
- * }
- *
- * // Switch to a specific organization
- * function SwitchOrgButton() {
- *   const {organizations, switchOrganization} = useOrganization();
- *
- *   const handleSwitch = (orgId: string) => {
- *     const org = organizations?.find(o => o.id === orgId);
- *     if (org) {
- *       switchOrganization(org);
- *     }
- *   };
- *
- *   return (
- *     <button onClick={() => handleSwitch('org-123')}>
- *       Switch to Organization
- *     </button>
- *   );
- * }
- * ```
- */
-declare const useOrganization: () => OrganizationContextProps;
-export default useOrganization;
-//# sourceMappingURL=useOrganization.d.ts.map

package/dist/contexts/Organization/useOrganization.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useOrganization.d.ts","sourceRoot":"","sources":["../../../src/contexts/Organization/useOrganization.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAA4B,EAAC,wBAAwB,EAAC,MAAM,uBAAuB,CAAC;AAEpF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmFG;AACH,QAAA,MAAM,eAAe,QAAO,wBAQ3B,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/contexts/Organization/useOrganization.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"useOrganization.js","names":["context: OrganizationContextProps | null","OrganizationContext"],"sources":["../../../src/contexts/Organization/useOrganization.ts"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {useContext} from 'react';\nimport OrganizationContext, {OrganizationContextProps} from './OrganizationContext';\n\n/**\n * Hook to access the Organization context.\n *\n * This hook provides access to organization data including:\n * - List of organizations the user belongs to\n * - Current organization\n * - Functions to switch organizations and refresh data\n * - Function to fetch organizations programmatically\n * - Loading states and error handling\n *\n * @returns {OrganizationContextProps} The organization context value containing all organization-related data and functions\n * @throws {Error} Throws an error if used outside of OrganizationProvider\n *\n * @example\n * ```tsx\n * import {useOrganization} from '@thunderid/react';\n *\n * function OrganizationSelector() {\n *   const {\n *     organizations,\n *     currentOrganization,\n *     switchOrganization,\n *     revalidateMyOrganizations,\n *     getOrganizations,\n *     isLoading,\n *     error\n *   } = useOrganization();\n *\n *   if (isLoading) {\n *     return <div>Loading organizations...</div>;\n *   }\n *\n *   if (error) {\n *     return <div>Error: {error}</div>;\n *   }\n *\n *   return (\n *     <div>\n *       <h2>Current: {currentOrganization?.name}</h2>\n *       <select\n *         value={currentOrganization?.id || ''}\n *         onChange={(e) => {\n *           const org = organizations?.find(o => o.id === e.target.value);\n *           if (org) switchOrganization(org);\n *         }}\n *       >\n *         {organizations?.map(org => (\n *           <option key={org.id} value={org.id}>\n *             {org.name}\n *           </option>\n *         ))}\n *       </select>\n *       <button onClick={revalidateMyOrganizations}>\n *         Refresh Organizations\n *       </button>\n *       <button onClick={async () => {\n *         const fresh = await getOrganizations();\n *         console.log('Fresh organizations:', fresh);\n *       }}>\n *         Get Organizations Manually\n *       </button>\n *     </div>\n *   );\n * }\n *\n * // Switch to a specific organization\n * function SwitchOrgButton() {\n *   const {organizations, switchOrganization} = useOrganization();\n *\n *   const handleSwitch = (orgId: string) => {\n *     const org = organizations?.find(o => o.id === orgId);\n *     if (org) {\n *       switchOrganization(org);\n *     }\n *   };\n *\n *   return (\n *     <button onClick={() => handleSwitch('org-123')}>\n *       Switch to Organization\n *     </button>\n *   );\n * }\n * ```\n */\nconst useOrganization = (): OrganizationContextProps => {\n  const context: OrganizationContextProps | null = useContext(OrganizationContext);\n\n  if (!context) {\n    throw new Error('useOrganization must be used within an OrganizationProvider');\n  }\n\n  return context;\n};\n\nexport default useOrganization;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyGA,MAAM,wBAAkD;CACtD,MAAMA,UAA2C,WAAWC,4BAAoB;AAEhF,KAAI,CAAC,QACH,OAAM,IAAI,MAAM,8DAA8D;AAGhF,QAAO;;AAGT,8BAAe"}

package/dist/hooks/useBranding.d.ts

@@ -1,128 +0,0 @@
-/**
- * Copyright (c) 2025, 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
- * in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-import { BrandingPreference, Theme } from '@thunderid/browser';
-/**
- * Configuration options for the useBranding hook
- * @deprecated Use BrandingProvider instead for better performance and consistency
- */
-export interface UseBrandingConfig {
-    /**
-     * @deprecated This configuration is now handled by BrandingProvider
-     */
-    autoFetch?: boolean;
-    /**
-     * @deprecated This configuration is now handled by BrandingProvider
-     */
-    fetcher?: (url: string, config: RequestInit) => Promise<Response>;
-    /**
-     * @deprecated This configuration is now handled by BrandingProvider
-     */
-    forceTheme?: 'light' | 'dark';
-    /**
-     * @deprecated This configuration is now handled by BrandingProvider
-     */
-    locale?: string;
-    /**
-     * @deprecated This configuration is now handled by BrandingProvider
-     */
-    name?: string;
-    /**
-     * @deprecated This configuration is now handled by BrandingProvider
-     */
-    type?: string;
-}
-/**
- * Return type of the useBranding hook
- */
-export interface UseBrandingReturn {
-    /**
-     * The active theme mode from branding preference ('light' | 'dark')
-     */
-    activeTheme: 'light' | 'dark' | null;
-    /**
-     * The raw branding preference data
-     */
-    brandingPreference: BrandingPreference | null;
-    /**
-     * Error state
-     */
-    error: Error | null;
-    /**
-     * Function to manually fetch branding preference
-     */
-    fetchBranding: () => Promise<void>;
-    /**
-     * Loading state
-     */
-    isLoading: boolean;
-    /**
-     * Function to refetch branding preference
-     * This bypasses the single-call restriction and forces a new API call
-     */
-    refetch: () => Promise<void>;
-    /**
-     * The transformed theme object
-     */
-    theme: Theme | null;
-}
-/**
- * React hook for accessing branding preferences from the BrandingProvider context.
- * This hook provides access to branding preferences, theme data, and loading states.
- *
- * @deprecated Consider using useBrandingContext directly for better performance.
- * This hook is maintained for backward compatibility.
- *
- * @param config - Configuration options (deprecated, use BrandingProvider props instead)
- * @returns Object containing branding preference data, theme, loading state, error, and refetch function
- *
- * @example
- * Basic usage:
- * ```tsx
- * function MyComponent() {
- *   const { theme, activeTheme, isLoading, error } = useBranding();
- *
- *   if (isLoading) return <div>Loading branding...</div>;
- *   if (error) return <div>Error: {error.message}</div>;
- *
- *   return (
- *     <div style={{ color: theme?.colors?.primary?.main }}>
- *       <p>Active theme mode: {activeTheme}</p>
- *       <p>Styled with ThunderID branding</p>
- *     </div>
- *   );
- * }
- * ```
- *
- * @example
- * For new implementations, use BrandingProvider with useBrandingContext:
- * ```tsx
- * // In your root component
- * <BrandingProvider baseUrl="https://localhost:8090">
- *   <App />
- * </BrandingProvider>
- *
- * // In your component
- * function MyComponent() {
- *   const { theme, activeTheme, isLoading, error } = useBrandingContext();
- *   // ... rest of your component
- * }
- * ```
- */
-export declare const useBranding: () => UseBrandingReturn;
-export default useBranding;
-//# sourceMappingURL=useBranding.d.ts.map

package/dist/hooks/useBranding.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useBranding.d.ts","sourceRoot":"","sources":["../../src/hooks/useBranding.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,kBAAkB,EAAE,KAAK,EAA+B,MAAM,oBAAoB,CAAC;AAQ3F;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,QAAQ,CAAC,CAAC;IAClE;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,WAAW,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC;IACrC;;OAEG;IACH,kBAAkB,EAAE,kBAAkB,GAAG,IAAI,CAAC;IAC9C;;OAEG;IACH,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB;;OAEG;IACH,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACnC;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B;;OAEG;IACH,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,eAAO,MAAM,WAAW,QAAO,iBAmB9B,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/hooks/useBranding.js

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

package/dist/hooks/useBranding.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useBranding.js","names":["logger: ReturnType<typeof createPackageComponentLogger>","useBrandingContext"],"sources":["../../src/hooks/useBranding.ts"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {BrandingPreference, Theme, createPackageComponentLogger} from '@thunderid/browser';\nimport useBrandingContext from '../contexts/Branding/useBrandingContext';\n\nconst logger: ReturnType<typeof createPackageComponentLogger> = createPackageComponentLogger(\n  '@thunderid/react',\n  'useBranding',\n);\n\n/**\n * Configuration options for the useBranding hook\n * @deprecated Use BrandingProvider instead for better performance and consistency\n */\nexport interface UseBrandingConfig {\n  /**\n   * @deprecated This configuration is now handled by BrandingProvider\n   */\n  autoFetch?: boolean;\n  /**\n   * @deprecated This configuration is now handled by BrandingProvider\n   */\n  fetcher?: (url: string, config: RequestInit) => Promise<Response>;\n  /**\n   * @deprecated This configuration is now handled by BrandingProvider\n   */\n  forceTheme?: 'light' | 'dark';\n  /**\n   * @deprecated This configuration is now handled by BrandingProvider\n   */\n  locale?: string;\n  /**\n   * @deprecated This configuration is now handled by BrandingProvider\n   */\n  name?: string;\n  /**\n   * @deprecated This configuration is now handled by BrandingProvider\n   */\n  type?: string;\n}\n\n/**\n * Return type of the useBranding hook\n */\nexport interface UseBrandingReturn {\n  /**\n   * The active theme mode from branding preference ('light' | 'dark')\n   */\n  activeTheme: 'light' | 'dark' | null;\n  /**\n   * The raw branding preference data\n   */\n  brandingPreference: BrandingPreference | null;\n  /**\n   * Error state\n   */\n  error: Error | null;\n  /**\n   * Function to manually fetch branding preference\n   */\n  fetchBranding: () => Promise<void>;\n  /**\n   * Loading state\n   */\n  isLoading: boolean;\n  /**\n   * Function to refetch branding preference\n   * This bypasses the single-call restriction and forces a new API call\n   */\n  refetch: () => Promise<void>;\n  /**\n   * The transformed theme object\n   */\n  theme: Theme | null;\n}\n\n/**\n * React hook for accessing branding preferences from the BrandingProvider context.\n * This hook provides access to branding preferences, theme data, and loading states.\n *\n * @deprecated Consider using useBrandingContext directly for better performance.\n * This hook is maintained for backward compatibility.\n *\n * @param config - Configuration options (deprecated, use BrandingProvider props instead)\n * @returns Object containing branding preference data, theme, loading state, error, and refetch function\n *\n * @example\n * Basic usage:\n * ```tsx\n * function MyComponent() {\n *   const { theme, activeTheme, isLoading, error } = useBranding();\n *\n *   if (isLoading) return <div>Loading branding...</div>;\n *   if (error) return <div>Error: {error.message}</div>;\n *\n *   return (\n *     <div style={{ color: theme?.colors?.primary?.main }}>\n *       <p>Active theme mode: {activeTheme}</p>\n *       <p>Styled with ThunderID branding</p>\n *     </div>\n *   );\n * }\n * ```\n *\n * @example\n * For new implementations, use BrandingProvider with useBrandingContext:\n * ```tsx\n * // In your root component\n * <BrandingProvider baseUrl=\"https://localhost:8090\">\n *   <App />\n * </BrandingProvider>\n *\n * // In your component\n * function MyComponent() {\n *   const { theme, activeTheme, isLoading, error } = useBrandingContext();\n *   // ... rest of your component\n * }\n * ```\n */\nexport const useBranding = (): UseBrandingReturn => {\n  try {\n    return useBrandingContext();\n  } catch (error) {\n    logger.warn(\n      'useBranding: BrandingProvider not available. ' +\n        'Make sure to wrap your app with BrandingProvider or ThunderIDProvider with branding preferences.',\n    );\n\n    return {\n      activeTheme: null,\n      brandingPreference: null,\n      error: new Error('BrandingProvider not available'),\n      fetchBranding: async (): Promise<void> => {},\n      isLoading: false,\n      refetch: async (): Promise<void> => {},\n      theme: null,\n    };\n  }\n};\n\nexport default useBranding;\n"],"mappings":";;;;AAqBA,MAAMA,WAA0D,6BAC9D,oBACA,cACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+GD,MAAa,oBAAuC;AAClD,KAAI;AACF,SAAOC,4BAAoB;UACpB,OAAO;AACd,WAAO,KACL,gJAED;AAED,SAAO;GACL,aAAa;GACb,oBAAoB;GACpB,uBAAO,IAAI,MAAM,iCAAiC;GAClD,eAAe,YAA2B;GAC1C,WAAW;GACX,SAAS,YAA2B;GACpC,OAAO;GACR;;;AAIL,0BAAe"}