@thunderid/react 0.3.3 → 0.3.4

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

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

package/dist/cjs/hooks/useBranding.cjs

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

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

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

package/dist/components/control/OrganizationContext/OrganizationContext.d.ts

@@ -1,40 +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 { FC, PropsWithChildren } from 'react';
-import { ThunderIDProviderProps } from '../../../contexts/ThunderID/ThunderIDProvider';
-export interface OrganizationContextProps extends Omit<ThunderIDProviderProps, 'organizationChain' | 'baseUrl'> {
-    /**
-     * Optional base URL for the organization context. If not provided, it will default to the source provider's base URL.
-     */
-    baseUrl?: string;
-    /**
-     * Instance ID for this organization context. Must be unique across the app if multiple contexts are used.
-     */
-    instanceId: number;
-    /**
-     * Optional source instance ID. If not provided, immediate parent provider is used as source.
-     */
-    sourceInstanceId?: number;
-    /**
-     * ID of the organization to authenticate with
-     */
-    targetOrganizationId: string;
-}
-declare const OrganizationContext: FC<PropsWithChildren<OrganizationContextProps>>;
-export default OrganizationContext;
-//# sourceMappingURL=OrganizationContext.d.ts.map

package/dist/components/control/OrganizationContext/OrganizationContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrganizationContext.d.ts","sourceRoot":"","sources":["../../../../src/components/control/OrganizationContext/OrganizationContext.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,EAAE,EAAE,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAE5C,OAA0B,EAAC,sBAAsB,EAAC,MAAM,+CAA+C,CAAC;AAGxG,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,sBAAsB,EAAE,mBAAmB,GAAG,SAAS,CAAC;IAC7G;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,oBAAoB,EAAE,MAAM,CAAC;CAC9B;AAED,QAAA,MAAM,mBAAmB,EAAE,EAAE,CAAC,iBAAiB,CAAC,wBAAwB,CAAC,CAuCxE,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/control/OrganizationContext/OrganizationContext.js

@@ -1,32 +0,0 @@
-import useThunderID_default from "../../../contexts/ThunderID/useThunderID.js";
-import ThunderIDProvider_default from "../../../contexts/ThunderID/ThunderIDProvider.js";
-import OrganizationContextController_default from "./OrganizationContextController.js";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/control/OrganizationContext/OrganizationContext.tsx
-const OrganizationContext = ({ instanceId, baseUrl, clientId, afterSignInUrl, afterSignOutUrl, targetOrganizationId, sourceInstanceId, scopes, children,...rest }) => {
-	const { isSignedIn: isSourceSignedIn, instanceId: sourceInstanceIdFromContext, baseUrl: sourceBaseUrl, clientId: sourceClientId } = useThunderID_default();
-	return /* @__PURE__ */ jsx(ThunderIDProvider_default, {
-		instanceId,
-		baseUrl: baseUrl || sourceBaseUrl,
-		clientId: clientId || sourceClientId,
-		afterSignInUrl,
-		afterSignOutUrl,
-		scopes,
-		organizationChain: {
-			sourceInstanceId: sourceInstanceId || sourceInstanceIdFromContext,
-			targetOrganizationId
-		},
-		...rest,
-		children: /* @__PURE__ */ jsx(OrganizationContextController_default, {
-			targetOrganizationId,
-			isSourceSignedIn,
-			children
-		})
-	});
-};
-var OrganizationContext_default = OrganizationContext;
-
-//#endregion
-export { OrganizationContext_default as default };
-//# sourceMappingURL=OrganizationContext.js.map

package/dist/components/control/OrganizationContext/OrganizationContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrganizationContext.js","names":["OrganizationContext: FC<PropsWithChildren<OrganizationContextProps>>","useThunderID","ThunderIDProvider","OrganizationContextController"],"sources":["../../../../src/components/control/OrganizationContext/OrganizationContext.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 {FC, PropsWithChildren} from 'react';\nimport OrganizationContextController from './OrganizationContextController';\nimport ThunderIDProvider, {ThunderIDProviderProps} from '../../../contexts/ThunderID/ThunderIDProvider';\nimport useThunderID from '../../../contexts/ThunderID/useThunderID';\n\nexport interface OrganizationContextProps extends Omit<ThunderIDProviderProps, 'organizationChain' | 'baseUrl'> {\n  /**\n   * Optional base URL for the organization context. If not provided, it will default to the source provider's base URL.\n   */\n  baseUrl?: string;\n  /**\n   * Instance ID for this organization context. Must be unique across the app if multiple contexts are used.\n   */\n  instanceId: number;\n  /**\n   * Optional source instance ID. If not provided, immediate parent provider is used as source.\n   */\n  sourceInstanceId?: number;\n  /**\n   * ID of the organization to authenticate with\n   */\n  targetOrganizationId: string;\n}\n\nconst OrganizationContext: FC<PropsWithChildren<OrganizationContextProps>> = ({\n  instanceId,\n  baseUrl,\n  clientId,\n  afterSignInUrl,\n  afterSignOutUrl,\n  targetOrganizationId,\n  sourceInstanceId,\n  scopes,\n  children,\n  ...rest\n}: PropsWithChildren<OrganizationContextProps>) => {\n  // Get the source provider's signed-in status\n  const {\n    isSignedIn: isSourceSignedIn,\n    instanceId: sourceInstanceIdFromContext,\n    baseUrl: sourceBaseUrl,\n    clientId: sourceClientId,\n  } = useThunderID();\n\n  return (\n    <ThunderIDProvider\n      instanceId={instanceId}\n      baseUrl={baseUrl || sourceBaseUrl}\n      clientId={clientId || sourceClientId}\n      afterSignInUrl={afterSignInUrl}\n      afterSignOutUrl={afterSignOutUrl}\n      scopes={scopes}\n      organizationChain={{\n        sourceInstanceId: sourceInstanceId || sourceInstanceIdFromContext,\n        targetOrganizationId,\n      }}\n      {...rest}\n    >\n      <OrganizationContextController targetOrganizationId={targetOrganizationId} isSourceSignedIn={isSourceSignedIn}>\n        {children}\n      </OrganizationContextController>\n    </ThunderIDProvider>\n  );\n};\n\nexport default OrganizationContext;\n"],"mappings":";;;;;;AA0CA,MAAMA,uBAAwE,EAC5E,YACA,SACA,UACA,gBACA,iBACA,sBACA,kBACA,QACA,SACA,GAAG,WAC8C;CAEjD,MAAM,EACJ,YAAY,kBACZ,YAAY,6BACZ,SAAS,eACT,UAAU,mBACRC,sBAAc;AAElB,QACE,oBAACC;EACa;EACZ,SAAS,WAAW;EACpB,UAAU,YAAY;EACN;EACC;EACT;EACR,mBAAmB;GACjB,kBAAkB,oBAAoB;GACtC;GACD;EACD,GAAI;YAEJ,oBAACC;GAAoD;GAAwC;GAC1F;IAC6B;GACd;;AAIxB,kCAAe"}

package/dist/components/control/OrganizationContext/OrganizationContextController.d.ts

@@ -1,35 +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 { FC } from 'react';
-interface OrganizationContextControllerProps {
-    /**
-     * Children to render
-     */
-    children: React.ReactNode;
-    /**
-     * Whether the source provider is signed in
-     */
-    isSourceSignedIn: boolean;
-    /**
-     * ID of the organization to authenticate with
-     */
-    targetOrganizationId: string;
-}
-declare const OrganizationContextController: FC<OrganizationContextControllerProps>;
-export default OrganizationContextController;
-//# sourceMappingURL=OrganizationContextController.d.ts.map

package/dist/components/control/OrganizationContext/OrganizationContextController.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrganizationContextController.d.ts","sourceRoot":"","sources":["../../../../src/components/control/OrganizationContext/OrganizationContextController.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,EAAC,EAAE,EAAoB,MAAM,OAAO,CAAC;AAG5C,UAAU,kCAAkC;IAC1C;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,gBAAgB,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,oBAAoB,EAAE,MAAM,CAAC;CAC9B;AAED,QAAA,MAAM,6BAA6B,EAAE,EAAE,CAAC,kCAAkC,CAkEzE,CAAC;AAEF,eAAe,6BAA6B,CAAC"}

package/dist/components/control/OrganizationContext/OrganizationContextController.js

@@ -1,55 +0,0 @@
-import useThunderID_default from "../../../contexts/ThunderID/useThunderID.js";
-import { useEffect, useRef } from "react";
-import { Fragment, jsx } from "react/jsx-runtime";
-
-//#region src/components/control/OrganizationContext/OrganizationContextController.tsx
-const OrganizationContextController = ({ targetOrganizationId, isSourceSignedIn, children }) => {
-	const { isInitialized, isSignedIn, switchOrganization, isLoading } = useThunderID_default();
-	const hasAuthenticatedRef = useRef(false);
-	const isAuthenticatingRef = useRef(false);
-	/**
-	* Handle the organization switch when:
-	* - Current instance is initialized and NOT signed in
-	* - Source provider IS signed in
-	* Uses the `switchOrganization` function from the ThunderID context.
-	*/
-	useEffect(() => {
-		const performOrganizationSwitch = async () => {
-			if (hasAuthenticatedRef.current || isAuthenticatingRef.current) return;
-			if (!isInitialized || isLoading) return;
-			if (isSignedIn) {
-				hasAuthenticatedRef.current = true;
-				return;
-			}
-			if (!isSourceSignedIn) return;
-			try {
-				isAuthenticatingRef.current = true;
-				hasAuthenticatedRef.current = true;
-				await switchOrganization({
-					id: targetOrganizationId,
-					name: "",
-					orgHandle: ""
-				});
-			} catch (error) {
-				console.error("Linked organization authentication failed:", error);
-				hasAuthenticatedRef.current = false;
-			} finally {
-				isAuthenticatingRef.current = false;
-			}
-		};
-		performOrganizationSwitch();
-	}, [
-		isInitialized,
-		isSignedIn,
-		isLoading,
-		isSourceSignedIn,
-		targetOrganizationId,
-		switchOrganization
-	]);
-	return /* @__PURE__ */ jsx(Fragment, { children });
-};
-var OrganizationContextController_default = OrganizationContextController;
-
-//#endregion
-export { OrganizationContextController_default as default };
-//# sourceMappingURL=OrganizationContextController.js.map

package/dist/components/control/OrganizationContext/OrganizationContextController.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrganizationContextController.js","names":["OrganizationContextController: FC<OrganizationContextControllerProps>","useThunderID","hasAuthenticatedRef: React.MutableRefObject<boolean>","isAuthenticatingRef: React.MutableRefObject<boolean>"],"sources":["../../../../src/components/control/OrganizationContext/OrganizationContextController.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 {Organization} from '@thunderid/browser';\nimport {FC, useEffect, useRef} from 'react';\nimport useThunderID from '../../../contexts/ThunderID/useThunderID';\n\ninterface OrganizationContextControllerProps {\n  /**\n   * Children to render\n   */\n  children: React.ReactNode;\n  /**\n   * Whether the source provider is signed in\n   */\n  isSourceSignedIn: boolean;\n  /**\n   * ID of the organization to authenticate with\n   */\n  targetOrganizationId: string;\n}\n\nconst OrganizationContextController: FC<OrganizationContextControllerProps> = ({\n  targetOrganizationId,\n  isSourceSignedIn,\n  children,\n}: OrganizationContextControllerProps) => {\n  const {isInitialized, isSignedIn, switchOrganization, isLoading} = useThunderID();\n  const hasAuthenticatedRef: React.MutableRefObject<boolean> = useRef(false);\n  const isAuthenticatingRef: React.MutableRefObject<boolean> = useRef(false);\n\n  /**\n   * Handle the organization switch when:\n   * - Current instance is initialized and NOT signed in\n   * - Source provider IS signed in\n   * Uses the `switchOrganization` function from the ThunderID context.\n   */\n  useEffect(() => {\n    const performOrganizationSwitch = async (): Promise<void> => {\n      // Prevent multiple authentication attempts\n      if (hasAuthenticatedRef.current || isAuthenticatingRef.current) {\n        return;\n      }\n\n      // Wait for initialization to complete\n      if (!isInitialized || isLoading) {\n        return;\n      }\n\n      // Only proceed if user is not already signed in to this instance\n      if (isSignedIn) {\n        hasAuthenticatedRef.current = true;\n        return;\n      }\n\n      // CRITICAL: Only proceed if source provider is signed in\n      if (!isSourceSignedIn) {\n        return;\n      }\n\n      try {\n        isAuthenticatingRef.current = true;\n        hasAuthenticatedRef.current = true;\n\n        // Build the organization object for authentication\n        const targetOrganization: Organization = {\n          id: targetOrganizationId,\n          name: '', // Name will be populated after authentication\n          orgHandle: '', // Will be populated after authentication\n        };\n\n        // Call the switchOrganization API from context (handles token exchange)\n        await switchOrganization(targetOrganization);\n      } catch (error) {\n        // eslint-disable-next-line no-console\n        console.error('Linked organization authentication failed:', error);\n\n        // Reset the flag to allow retry\n        hasAuthenticatedRef.current = false;\n      } finally {\n        isAuthenticatingRef.current = false;\n      }\n    };\n\n    performOrganizationSwitch();\n  }, [isInitialized, isSignedIn, isLoading, isSourceSignedIn, targetOrganizationId, switchOrganization]);\n\n  return <>{children}</>;\n};\n\nexport default OrganizationContextController;\n"],"mappings":";;;;;AAqCA,MAAMA,iCAAyE,EAC7E,sBACA,kBACA,eACwC;CACxC,MAAM,EAAC,eAAe,YAAY,oBAAoB,cAAaC,sBAAc;CACjF,MAAMC,sBAAuD,OAAO,MAAM;CAC1E,MAAMC,sBAAuD,OAAO,MAAM;;;;;;;AAQ1E,iBAAgB;EACd,MAAM,4BAA4B,YAA2B;AAE3D,OAAI,oBAAoB,WAAW,oBAAoB,QACrD;AAIF,OAAI,CAAC,iBAAiB,UACpB;AAIF,OAAI,YAAY;AACd,wBAAoB,UAAU;AAC9B;;AAIF,OAAI,CAAC,iBACH;AAGF,OAAI;AACF,wBAAoB,UAAU;AAC9B,wBAAoB,UAAU;AAU9B,UAAM,mBAPmC;KACvC,IAAI;KACJ,MAAM;KACN,WAAW;KACZ,CAG2C;YACrC,OAAO;AAEd,YAAQ,MAAM,8CAA8C,MAAM;AAGlE,wBAAoB,UAAU;aACtB;AACR,wBAAoB,UAAU;;;AAIlC,6BAA2B;IAC1B;EAAC;EAAe;EAAY;EAAW;EAAkB;EAAsB;EAAmB,CAAC;AAEtG,QAAO,gCAAG,WAAY;;AAGxB,4CAAe"}

package/dist/components/presentation/CreateOrganization/BaseCreateOrganization.d.ts

@@ -1,60 +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 { CreateOrganizationPayload, Preferences } from '@thunderid/browser';
-import { CSSProperties, FC, ReactNode } from 'react';
-/**
- * Interface for organization form data.
- */
-export interface OrganizationFormData {
-    description: string;
-    handle: string;
-    name: string;
-}
-/**
- * Props interface for the BaseCreateOrganization component.
- */
-export interface BaseCreateOrganizationProps {
-    cardLayout?: boolean;
-    className?: string;
-    defaultParentId?: string;
-    error?: string | null;
-    initialValues?: Partial<OrganizationFormData>;
-    loading?: boolean;
-    mode?: 'inline' | 'popup';
-    onCancel?: () => void;
-    onOpenChange?: (open: boolean) => void;
-    onSubmit?: (payload: CreateOrganizationPayload) => void | Promise<void>;
-    onSuccess?: (organization: any) => void;
-    open?: boolean;
-    /**
-     * Component-level preferences to override global i18n and theme settings.
-     * Preferences are deep-merged with global ones, with component preferences
-     * taking precedence. Affects this component and all its descendants.
-     */
-    preferences?: Preferences;
-    renderAdditionalFields?: () => ReactNode;
-    style?: CSSProperties;
-    title?: string;
-}
-/**
- * BaseCreateOrganization component provides the core functionality for creating organizations.
- * This component serves as the base for framework-specific implementations.
- */
-export declare const BaseCreateOrganization: FC<BaseCreateOrganizationProps>;
-export default BaseCreateOrganization;
-//# sourceMappingURL=BaseCreateOrganization.d.ts.map

package/dist/components/presentation/CreateOrganization/BaseCreateOrganization.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseCreateOrganization.d.ts","sourceRoot":"","sources":["../../../../src/components/presentation/CreateOrganization/BaseCreateOrganization.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,EAAC,yBAAyB,EAAgC,WAAW,EAAC,MAAM,oBAAoB,CAAC;AACxG,OAAO,EAAc,aAAa,EAAE,EAAE,EAA2B,SAAS,EAAW,MAAM,OAAO,CAAC;AAgBnG;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,MAAM,WAAW,2BAA2B;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,yBAAyB,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACxE,SAAS,CAAC,EAAE,CAAC,YAAY,EAAE,GAAG,KAAK,IAAI,CAAC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,sBAAsB,CAAC,EAAE,MAAM,SAAS,CAAC;IACzC,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAgBD;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CAyLlE,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/components/presentation/CreateOrganization/BaseCreateOrganization.js

@@ -1,178 +0,0 @@
-import useTheme_default from "../../../contexts/Theme/useTheme.js";
-import useTranslation_default from "../../../hooks/useTranslation.js";
-import Button_default from "../../primitives/Button/Button.js";
-import Alert_default from "../../primitives/Alert/Alert.js";
-import FormControl_default from "../../primitives/FormControl/FormControl.js";
-import InputLabel_default from "../../primitives/InputLabel/InputLabel.js";
-import TextField_default from "../../primitives/TextField/TextField.js";
-import Dialog_default from "../../primitives/Dialog/Dialog.js";
-import BaseCreateOrganization_styles_default from "./BaseCreateOrganization.styles.js";
-import { createPackageComponentLogger } from "@thunderid/browser";
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "@emotion/css";
-
-//#region src/components/presentation/CreateOrganization/BaseCreateOrganization.tsx
-const logger$1 = createPackageComponentLogger("@thunderid/react", "BaseCreateOrganization");
-/**
-* Removes special characters except space and hyphen from the organization name
-* and generates a valid handle.
-* @param name
-* @returns
-*/
-const generateHandleFromName = (name) => name.toLowerCase().replace(/[^a-z0-9\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
-/**
-* BaseCreateOrganization component provides the core functionality for creating organizations.
-* This component serves as the base for framework-specific implementations.
-*/
-const BaseCreateOrganization = ({ cardLayout = true, className = "", defaultParentId = "", error, initialValues = {}, loading = false, mode = "inline", onCancel, onOpenChange, onSubmit, onSuccess, open = false, preferences, renderAdditionalFields, style, title = "Create Organization" }) => {
-	const { theme, colorScheme } = useTheme_default();
-	const styles = BaseCreateOrganization_styles_default(theme, colorScheme);
-	const { t } = useTranslation_default(preferences?.i18n);
-	const [formData, setFormData] = useState({
-		description: "",
-		handle: "",
-		name: "",
-		...initialValues
-	});
-	const [formErrors, setFormErrors] = useState({});
-	const validateForm = () => {
-		const errors = {};
-		if (!formData.name.trim()) errors.name = "Organization name is required";
-		if (!formData.handle.trim()) errors.handle = "Organization handle is required";
-		else if (!/^[a-z0-9-]+$/.test(formData.handle)) errors.handle = "Handle can only contain lowercase letters, numbers, and hyphens";
-		if (!formData.description.trim()) errors.description = "Organization description is required";
-		setFormErrors(errors);
-		return Object.keys(errors).length === 0;
-	};
-	const handleInputChange = (field, value) => {
-		setFormData((prev) => ({
-			...prev,
-			[field]: value
-		}));
-		if (formErrors[field]) setFormErrors((prev) => ({
-			...prev,
-			[field]: void 0
-		}));
-	};
-	/**
-	* Handles changes to the organization name input.
-	* Automatically generates the organization handle based on the name if the handle is not set or matches
-	*
-	* @param value - The new value for the organization name.
-	*/
-	const handleNameChange = (value) => {
-		handleInputChange("name", value);
-		if (!formData.handle || formData.handle === generateHandleFromName(formData.name)) handleInputChange("handle", generateHandleFromName(value));
-	};
-	const handleSubmit = async (e) => {
-		e.preventDefault();
-		if (!validateForm() || loading) return;
-		const payload = {
-			description: formData.description.trim(),
-			name: formData.name.trim(),
-			orgHandle: formData.handle.trim(),
-			parentId: defaultParentId,
-			type: "TENANT"
-		};
-		try {
-			await onSubmit?.(payload);
-			if (onSuccess) onSuccess(payload);
-		} catch (submitError) {
-			logger$1.error("Form submission error:");
-		}
-	};
-	const createOrganizationContent = /* @__PURE__ */ jsx("div", {
-		className: cx(styles["root"], cardLayout && styles["card"], className),
-		style,
-		children: /* @__PURE__ */ jsxs("div", {
-			className: cx(styles["content"]),
-			children: [/* @__PURE__ */ jsxs("form", {
-				id: "create-organization-form",
-				className: cx(styles["form"]),
-				onSubmit: handleSubmit,
-				children: [
-					error && /* @__PURE__ */ jsxs(Alert_default, {
-						variant: "error",
-						className: styles["errorAlert"],
-						children: [/* @__PURE__ */ jsx(Alert_default.Title, { children: "Error" }), /* @__PURE__ */ jsx(Alert_default.Description, { children: error })]
-					}),
-					/* @__PURE__ */ jsx("div", {
-						className: cx(styles["fieldGroup"]),
-						children: /* @__PURE__ */ jsx(TextField_default, {
-							label: `${t("elements.fields.organization.name.label")}`,
-							placeholder: t("elements.fields.organization.name.placeholder"),
-							value: formData.name,
-							onChange: (e) => handleNameChange(e.target.value),
-							disabled: loading,
-							required: true,
-							error: formErrors.name,
-							className: cx(styles["input"])
-						})
-					}),
-					/* @__PURE__ */ jsx("div", {
-						className: cx(styles["fieldGroup"]),
-						children: /* @__PURE__ */ jsx(TextField_default, {
-							label: `${t("elements.fields.organization.handle.label") || "Organization Handle"}`,
-							placeholder: t("elements.fields.organization.handle.placeholder") || "my-organization",
-							value: formData.handle,
-							onChange: (e) => handleInputChange("handle", e.target.value),
-							disabled: loading,
-							required: true,
-							error: formErrors.handle,
-							helperText: "This will be your organization's unique identifier. Only lowercase letters, numbers, and hyphens are allowed.",
-							className: cx(styles["input"])
-						})
-					}),
-					/* @__PURE__ */ jsx("div", {
-						className: cx(styles["fieldGroup"]),
-						children: /* @__PURE__ */ jsxs(FormControl_default, {
-							error: formErrors.description,
-							children: [/* @__PURE__ */ jsx(InputLabel_default, {
-								required: true,
-								children: t("elements.fields.organization.description.label")
-							}), /* @__PURE__ */ jsx("textarea", {
-								className: cx(styles["textarea"], formErrors.description && styles["textareaError"]),
-								placeholder: t("organization.create.description.placeholder"),
-								value: formData.description,
-								onChange: (e) => handleInputChange("description", e.target.value),
-								disabled: loading,
-								required: true
-							})]
-						})
-					}),
-					renderAdditionalFields?.()
-				]
-			}), /* @__PURE__ */ jsxs("div", {
-				className: cx(styles["actions"]),
-				children: [onCancel && /* @__PURE__ */ jsx(Button_default, {
-					type: "button",
-					variant: "outline",
-					onClick: onCancel,
-					disabled: loading,
-					children: t("organization.create.buttons.cancel.text")
-				}), /* @__PURE__ */ jsx(Button_default, {
-					type: "submit",
-					variant: "solid",
-					color: "primary",
-					disabled: loading,
-					form: "create-organization-form",
-					children: loading ? t("organization.create.buttons.create_organization.loading.text") : t("organization.create.buttons.create_organization.text")
-				})]
-			})]
-		})
-	});
-	if (mode === "popup") return /* @__PURE__ */ jsx(Dialog_default, {
-		open,
-		onOpenChange,
-		children: /* @__PURE__ */ jsxs(Dialog_default.Content, { children: [/* @__PURE__ */ jsx(Dialog_default.Heading, { children: title }), /* @__PURE__ */ jsx("div", {
-			className: styles["popup"],
-			children: createOrganizationContent
-		})] })
-	});
-	return createOrganizationContent;
-};
-
-//#endregion
-export { BaseCreateOrganization };
-//# sourceMappingURL=BaseCreateOrganization.js.map

package/dist/components/presentation/CreateOrganization/BaseCreateOrganization.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseCreateOrganization.js","names":["logger: ReturnType<typeof createPackageComponentLogger>","BaseCreateOrganization: FC<BaseCreateOrganizationProps>","useTheme","styles: ReturnType<typeof useStyles>","useStyles","useTranslation","errors: Partial<OrganizationFormData>","payload: CreateOrganizationPayload","createOrganizationContent: ReactElement","AlertPrimitive","TextField","FormControl","InputLabel","Button","DialogPrimitive"],"sources":["../../../../src/components/presentation/CreateOrganization/BaseCreateOrganization.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 {cx} from '@emotion/css';\nimport {CreateOrganizationPayload, createPackageComponentLogger, Preferences} from '@thunderid/browser';\nimport {ChangeEvent, CSSProperties, FC, FormEvent, ReactElement, ReactNode, useState} from 'react';\nimport useStyles from './BaseCreateOrganization.styles';\nimport useTheme from '../../../contexts/Theme/useTheme';\nimport useTranslation from '../../../hooks/useTranslation';\nimport AlertPrimitive from '../../primitives/Alert/Alert';\nimport Button from '../../primitives/Button/Button';\nimport DialogPrimitive from '../../primitives/Dialog/Dialog';\nimport FormControl from '../../primitives/FormControl/FormControl';\nimport InputLabel from '../../primitives/InputLabel/InputLabel';\nimport TextField from '../../primitives/TextField/TextField';\n\nconst logger: ReturnType<typeof createPackageComponentLogger> = createPackageComponentLogger(\n  '@thunderid/react',\n  'BaseCreateOrganization',\n);\n\n/**\n * Interface for organization form data.\n */\nexport interface OrganizationFormData {\n  description: string;\n  handle: string;\n  name: string;\n}\n\n/**\n * Props interface for the BaseCreateOrganization component.\n */\nexport interface BaseCreateOrganizationProps {\n  cardLayout?: boolean;\n  className?: string;\n  defaultParentId?: string;\n  error?: string | null;\n  initialValues?: Partial<OrganizationFormData>;\n  loading?: boolean;\n  mode?: 'inline' | 'popup';\n  onCancel?: () => void;\n  onOpenChange?: (open: boolean) => void;\n  onSubmit?: (payload: CreateOrganizationPayload) => void | Promise<void>;\n  onSuccess?: (organization: any) => void;\n  open?: boolean;\n  /**\n   * Component-level preferences to override global i18n and theme settings.\n   * Preferences are deep-merged with global ones, with component preferences\n   * taking precedence. Affects this component and all its descendants.\n   */\n  preferences?: Preferences;\n  renderAdditionalFields?: () => ReactNode;\n  style?: CSSProperties;\n\n  title?: string;\n}\n\n/**\n * Removes special characters except space and hyphen from the organization name\n * and generates a valid handle.\n * @param name\n * @returns\n */\nconst generateHandleFromName = (name: string): string =>\n  name\n    .toLowerCase()\n    .replace(/[^a-z0-9\\s-]/g, '')\n    .replace(/\\s+/g, '-')\n    .replace(/-+/g, '-')\n    .replace(/^-|-$/g, '');\n\n/**\n * BaseCreateOrganization component provides the core functionality for creating organizations.\n * This component serves as the base for framework-specific implementations.\n */\nexport const BaseCreateOrganization: FC<BaseCreateOrganizationProps> = ({\n  cardLayout = true,\n  className = '',\n  defaultParentId = '',\n  error,\n  initialValues = {},\n  loading = false,\n  mode = 'inline',\n  onCancel,\n  onOpenChange,\n  onSubmit,\n  onSuccess,\n  open = false,\n  preferences,\n  renderAdditionalFields,\n  style,\n  title = 'Create Organization',\n}: BaseCreateOrganizationProps): ReactElement => {\n  const {theme, colorScheme} = useTheme();\n  const styles: ReturnType<typeof useStyles> = useStyles(theme, colorScheme);\n  const {t} = useTranslation(preferences?.i18n);\n  const [formData, setFormData] = useState<OrganizationFormData>({\n    description: '',\n    handle: '',\n    name: '',\n    ...initialValues,\n  });\n  const [formErrors, setFormErrors] = useState<Partial<OrganizationFormData> & {avatar?: string}>({});\n\n  const validateForm = (): boolean => {\n    const errors: Partial<OrganizationFormData> = {};\n\n    if (!formData.name.trim()) {\n      errors.name = 'Organization name is required';\n    }\n\n    if (!formData.handle.trim()) {\n      errors.handle = 'Organization handle is required';\n    } else if (!/^[a-z0-9-]+$/.test(formData.handle)) {\n      errors.handle = 'Handle can only contain lowercase letters, numbers, and hyphens';\n    }\n\n    if (!formData.description.trim()) {\n      errors.description = 'Organization description is required';\n    }\n\n    setFormErrors(errors);\n    return Object.keys(errors).length === 0;\n  };\n\n  const handleInputChange = (field: keyof OrganizationFormData, value: string): void => {\n    setFormData((prev: OrganizationFormData) => ({\n      ...prev,\n      [field]: value,\n    }));\n\n    if (formErrors[field]) {\n      setFormErrors((prev: Partial<OrganizationFormData> & {avatar?: string}) => ({\n        ...prev,\n        [field]: undefined,\n      }));\n    }\n  };\n\n  /**\n   * Handles changes to the organization name input.\n   * Automatically generates the organization handle based on the name if the handle is not set or matches\n   *\n   * @param value - The new value for the organization name.\n   */\n  const handleNameChange = (value: string): void => {\n    handleInputChange('name', value);\n\n    if (!formData.handle || formData.handle === generateHandleFromName(formData.name)) {\n      const newHandle: string = generateHandleFromName(value);\n      handleInputChange('handle', newHandle);\n    }\n  };\n\n  const handleSubmit = async (e: FormEvent): Promise<void> => {\n    e.preventDefault();\n\n    if (!validateForm() || loading) {\n      return;\n    }\n\n    const payload: CreateOrganizationPayload = {\n      description: formData.description.trim(),\n      name: formData.name.trim(),\n      orgHandle: formData.handle.trim(),\n      parentId: defaultParentId,\n      type: 'TENANT',\n    };\n\n    try {\n      await onSubmit?.(payload);\n      if (onSuccess) {\n        onSuccess(payload);\n      }\n    } catch (submitError) {\n      // Error handling is done by parent component\n      logger.error('Form submission error:');\n    }\n  };\n\n  const createOrganizationContent: ReactElement = (\n    <div className={cx(styles['root'], cardLayout && styles['card'], className)} style={style}>\n      <div className={cx(styles['content'])}>\n        <form id=\"create-organization-form\" className={cx(styles['form'])} onSubmit={handleSubmit}>\n          {error && (\n            <AlertPrimitive variant=\"error\" className={styles['errorAlert']}>\n              <AlertPrimitive.Title>Error</AlertPrimitive.Title>\n              <AlertPrimitive.Description>{error}</AlertPrimitive.Description>\n            </AlertPrimitive>\n          )}\n          <div className={cx(styles['fieldGroup'])}>\n            <TextField\n              label={`${t('elements.fields.organization.name.label')}`}\n              placeholder={t('elements.fields.organization.name.placeholder')}\n              value={formData.name}\n              onChange={(e: ChangeEvent<HTMLInputElement>): void => handleNameChange(e.target.value)}\n              disabled={loading}\n              required\n              error={formErrors.name}\n              className={cx(styles['input'])}\n            />\n          </div>\n          <div className={cx(styles['fieldGroup'])}>\n            <TextField\n              label={`${t('elements.fields.organization.handle.label') || 'Organization Handle'}`}\n              placeholder={t('elements.fields.organization.handle.placeholder') || 'my-organization'}\n              value={formData.handle}\n              onChange={(e: ChangeEvent<HTMLInputElement>): void => handleInputChange('handle', e.target.value)}\n              disabled={loading}\n              required\n              error={formErrors.handle}\n              helperText=\"This will be your organization's unique identifier. Only lowercase letters, numbers, and hyphens are allowed.\"\n              className={cx(styles['input'])}\n            />\n          </div>\n          <div className={cx(styles['fieldGroup'])}>\n            <FormControl error={formErrors.description}>\n              <InputLabel required>{t('elements.fields.organization.description.label')}</InputLabel>\n              <textarea\n                className={cx(styles['textarea'], formErrors.description && styles['textareaError'])}\n                placeholder={t('organization.create.description.placeholder')}\n                value={formData.description}\n                onChange={(e: ChangeEvent<HTMLTextAreaElement>): void =>\n                  handleInputChange('description', e.target.value)\n                }\n                disabled={loading}\n                required\n              />\n            </FormControl>\n          </div>\n          {renderAdditionalFields?.()}\n        </form>\n        <div className={cx(styles['actions'])}>\n          {onCancel && (\n            <Button type=\"button\" variant=\"outline\" onClick={onCancel} disabled={loading}>\n              {t('organization.create.buttons.cancel.text')}\n            </Button>\n          )}\n          <Button type=\"submit\" variant=\"solid\" color=\"primary\" disabled={loading} form=\"create-organization-form\">\n            {loading\n              ? t('organization.create.buttons.create_organization.loading.text')\n              : t('organization.create.buttons.create_organization.text')}\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n\n  if (mode === 'popup') {\n    return (\n      <DialogPrimitive open={open} onOpenChange={onOpenChange}>\n        <DialogPrimitive.Content>\n          <DialogPrimitive.Heading>{title}</DialogPrimitive.Heading>\n          <div className={styles['popup']}>{createOrganizationContent}</div>\n        </DialogPrimitive.Content>\n      </DialogPrimitive>\n    );\n  }\n\n  return createOrganizationContent;\n};\n\nexport default BaseCreateOrganization;\n"],"mappings":"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"}

package/dist/components/presentation/CreateOrganization/BaseCreateOrganization.styles.d.ts

@@ -1,27 +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 { Theme } from '@thunderid/browser';
-/**
- * Creates styles for the BaseCreateOrganization component using BEM methodology
- * @param theme - The theme object containing design tokens
- * @param colorScheme - The current color scheme (used for memoization)
- * @returns Object containing CSS class names for component styling
- */
-declare const useStyles: (theme: Theme, colorScheme: string) => Record<string, string>;
-export default useStyles;
-//# sourceMappingURL=BaseCreateOrganization.styles.d.ts.map

package/dist/components/presentation/CreateOrganization/BaseCreateOrganization.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseCreateOrganization.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/presentation/CreateOrganization/BaseCreateOrganization.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,EAAC,KAAK,EAAC,MAAM,oBAAoB,CAAC;AAGzC;;;;;GAKG;AACH,QAAA,MAAM,SAAS,GAAI,OAAO,KAAK,EAAE,aAAa,MAAM,KAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAqJxE,CAAC;AAEL,eAAe,SAAS,CAAC"}