@thunderid/react 0.1.0 → 0.3.0

package/dist/cjs/components/auth/Callback/TokenCallback.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenCallback.cjs","names":["TokenCallback: FC<TokenCallbackProps>","processingRef: any","useThunderID","url: URL","redirectUrlObj: URL","state: string","params: URLSearchParams","searchParams: URLSearchParams","executionId: string | null","token: string | null","applicationId: string | null","isRegistrationFlow: boolean","storageManager: any","response: any","EmbeddedSignInFlowTypeV2","redirectURL: string | undefined","nextExecutionId: string","nextExecutionId","EmbeddedSignInFlowStatusV2","redirectUrl: string | undefined","failureReason: string | undefined","error: Error"],"sources":["../../../../../src/components/auth/Callback/TokenCallback.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, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations\n * under the License.\n */\n\nimport {EmbeddedSignInFlowStatusV2, EmbeddedSignInFlowTypeV2, navigate as browserNavigate} from '@thunderid/browser';\nimport {FC, useEffect, useRef} from 'react';\nimport useThunderID from '../../../contexts/ThunderID/useThunderID';\n\nexport interface TokenCallbackProps {\n  /**\n   * Callback function called when an error occurs\n   */\n  onError?: (error: Error) => void;\n\n  /**\n   * Function to navigate to a different path.\n   * If not provided, falls back to the browser navigate utility (SPA navigation via History API for same-origin paths).\n   * Provide this prop to enable framework-specific navigation (e.g., from React Router).\n   */\n  onNavigate?: (path: string) => void;\n\n  /**\n   * Callback function called when authentication is successful\n   */\n  onSuccess?: (authData: Record<string, any>) => void;\n\n  /**\n   * Custom path for the sign-in page. Defaults to '/signin'\n   */\n  signInPath?: string;\n\n  /**\n   * Custom path for the sign-up page. Defaults to '/signup'\n   */\n  signUpPath?: string;\n}\n\nexport const TokenCallback: FC<TokenCallbackProps> = ({\n  onNavigate,\n  onError,\n  onSuccess,\n  signInPath = '/signin',\n  signUpPath = '/signup',\n}: TokenCallbackProps) => {\n  const processingRef: any = useRef(false);\n  const {isInitialized, isLoading, signIn, signUp, getStorageManager} = useThunderID();\n\n  const navigate = (path: string): void => {\n    if (onNavigate) {\n      onNavigate(path);\n    } else {\n      browserNavigate(path);\n    }\n  };\n\n  const clearTokenFromUrl = (): void => {\n    if (!window?.location?.href) {\n      return;\n    }\n\n    const url: URL = new URL(window.location.href);\n    url.searchParams.delete('token');\n    url.searchParams.delete('type');\n    window.history.replaceState({}, '', url.toString());\n  };\n\n  const initiateOAuthRedirect = (redirectURL: string, isRegistrationFlow?: boolean): void => {\n    const redirectUrlObj: URL = new URL(redirectURL);\n    const state: string = redirectUrlObj.searchParams.get('state') || crypto.randomUUID();\n\n    sessionStorage.setItem(\n      `thunderid_oauth_${state}`,\n      JSON.stringify({\n        path: isRegistrationFlow ? signUpPath : signInPath,\n        timestamp: Date.now(),\n      }),\n    );\n\n    browserNavigate(redirectUrlObj.toString());\n  };\n\n  const buildSignInPath = (\n    executionId?: string | null,\n    applicationId?: string | null,\n    isRegistrationFlow?: boolean,\n  ): string => {\n    const params: URLSearchParams = new URLSearchParams();\n    if (executionId) {\n      params.set('executionId', executionId);\n    }\n    if (applicationId) {\n      params.set('applicationId', applicationId);\n    }\n\n    const basePath = isRegistrationFlow ? signUpPath : signInPath;\n    return params.toString() ? `${basePath}?${params.toString()}` : basePath;\n  };\n\n  const redirectWithError = (error: Error, isRegistrationFlow?: boolean): void => {\n    sessionStorage.removeItem('thunderid_execution_id');\n\n    onError?.(error);\n\n    const params: URLSearchParams = new URLSearchParams();\n    params.set('error', 'token_verification_failed');\n    params.set('error_description', error.message);\n    const basePath = isRegistrationFlow ? signUpPath : signInPath;\n    navigate(`${basePath}?${params.toString()}`);\n  };\n\n  useEffect(() => {\n    if (!isInitialized || isLoading) {\n      return;\n    }\n\n    const processTokenCallback = async (): Promise<void> => {\n      if (processingRef.current) {\n        return;\n      }\n      processingRef.current = true;\n\n      // Read URL params before clearing them so they're accessible in both try and catch.\n      const searchParams: URLSearchParams = new URLSearchParams(window.location.search);\n      const executionId: string | null = searchParams.get('id') || searchParams.get('executionId');\n      const token: string | null = searchParams.get('token');\n      const applicationId: string | null = searchParams.get('applicationId');\n      const isRegistrationFlow: boolean = searchParams.get('type') === 'REGISTRATION';\n\n      clearTokenFromUrl();\n\n      try {\n        const storageManager: any = await getStorageManager();\n\n        if (!executionId || !token) {\n          const error: Error = new Error('Missing executionId or token in callback URL');\n          redirectWithError(error, isRegistrationFlow);\n          return;\n        }\n\n        let response: any;\n\n        if (isRegistrationFlow) {\n          response = await signUp({executionId, inputs: {token}});\n        } else {\n          response = await signIn({executionId, inputs: {token}});\n        }\n\n        if (response.type === EmbeddedSignInFlowTypeV2.Redirection) {\n          const redirectURL: string | undefined = (response.data as any)?.redirectURL || (response as any)?.redirectURL;\n          const nextExecutionId: string = response.executionId || executionId;\n          sessionStorage.setItem('thunderid_execution_id', nextExecutionId);\n\n          if (redirectURL) {\n            initiateOAuthRedirect(redirectURL, isRegistrationFlow);\n            return;\n          }\n        }\n\n        if (response.flowStatus === EmbeddedSignInFlowStatusV2.Complete) {\n          const redirectUrl: string | undefined = (response as any)?.redirectUrl || (response as any)?.redirect_uri;\n\n          sessionStorage.removeItem('thunderid_execution_id');\n          await storageManager.removeHybridDataParameter('authId');\n\n          onSuccess?.({\n            redirectUrl,\n            ...((response.data as Record<string, any>) || {}),\n          });\n\n          if (redirectUrl) {\n            window.location.href = redirectUrl;\n            return;\n          }\n\n          navigate(isRegistrationFlow ? signUpPath : signInPath);\n          return;\n        }\n\n        if (response.flowStatus === EmbeddedSignInFlowStatusV2.Error) {\n          const failureReason: string | undefined = (response as any)?.failureReason;\n          const error: Error = new Error(failureReason || 'Token validation failed. Please try again.');\n          await storageManager.removeHybridDataParameter('authId');\n          redirectWithError(error, isRegistrationFlow);\n          return;\n        }\n\n        const nextExecutionId: string = response.executionId || executionId;\n        sessionStorage.setItem('thunderid_execution_id', nextExecutionId);\n\n        if (response.challengeToken) {\n          await storageManager.setTemporaryDataParameter('challengeToken', response.challengeToken);\n        }\n\n        navigate(buildSignInPath(nextExecutionId, applicationId, isRegistrationFlow));\n      } catch (err) {\n        const error: Error = err instanceof Error ? err : new Error('Token callback processing failed');\n        // eslint-disable-next-line no-console\n        console.error('Token callback error:', err);\n        const storageManager: any = await getStorageManager();\n        if (storageManager) {\n          await storageManager.removeHybridDataParameter('authId');\n        }\n        redirectWithError(error, isRegistrationFlow);\n      }\n    };\n\n    processTokenCallback();\n  }, [\n    getStorageManager,\n    isInitialized,\n    isLoading,\n    onError,\n    onNavigate,\n    onSuccess,\n    signIn,\n    signUp,\n    signInPath,\n    signUpPath,\n  ]);\n\n  return null;\n};\n\nexport default TokenCallback;\n"],"mappings":"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"}

package/dist/cjs/components/control/Loading.cjs

@@ -0,0 +1,35 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_useThunderID = require('../../contexts/ThunderID/useThunderID.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/control/Loading.tsx
+/**
+* A component that only renders its children when the ThunderID is loading.
+*
+* @remarks This component is only supported in browser based React applications (CSR).
+*
+* @example
+* ```tsx
+* import { Loading } from '@thunderid/auth-react';
+*
+* const App = () => {
+*   return (
+*     <Loading fallback={<p>Finished Loading...</p>}>
+*       <p>Loading...</p>
+*     </Loading>
+*   );
+* }
+* ```
+*/
+const Loading = ({ children, fallback = null }) => {
+	const { isLoading } = require_useThunderID.default();
+	if (!isLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: fallback });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children });
+};
+Loading.displayName = "Loading";
+var Loading_default = Loading;
+
+//#endregion
+exports.default = Loading_default;
+//# sourceMappingURL=Loading.cjs.map

package/dist/cjs/components/control/Loading.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.cjs","names":["Loading: FC<PropsWithChildren<LoadingProps>>","useThunderID"],"sources":["../../../../src/components/control/Loading.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, ReactNode} from 'react';\nimport useThunderID from '../../contexts/ThunderID/useThunderID';\n\n/**\n * Props for the Loading component.\n */\nexport interface LoadingProps {\n  /**\n   * Content to show when the user is not signed in.\n   */\n  fallback?: ReactNode;\n}\n\n/**\n * A component that only renders its children when the ThunderID is loading.\n *\n * @remarks This component is only supported in browser based React applications (CSR).\n *\n * @example\n * ```tsx\n * import { Loading } from '@thunderid/auth-react';\n *\n * const App = () => {\n *   return (\n *     <Loading fallback={<p>Finished Loading...</p>}>\n *       <p>Loading...</p>\n *     </Loading>\n *   );\n * }\n * ```\n */\nconst Loading: FC<PropsWithChildren<LoadingProps>> = ({children, fallback = null}: PropsWithChildren<LoadingProps>) => {\n  const {isLoading} = useThunderID();\n\n  if (!isLoading) {\n    return <>{fallback}</>;\n  }\n\n  return <>{children}</>;\n};\n\nLoading.displayName = 'Loading';\n\nexport default Loading;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiDA,MAAMA,WAAgD,EAAC,UAAU,WAAW,WAA2C;CACrH,MAAM,EAAC,cAAaC,8BAAc;AAElC,KAAI,CAAC,UACH,QAAO,mFAAG,WAAY;AAGxB,QAAO,yEAAG,WAAY;;AAGxB,QAAQ,cAAc;AAEtB,sBAAe"}

package/dist/cjs/components/control/OrganizationContext/OrganizationContext.cjs

@@ -0,0 +1,34 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_useThunderID = require('../../../contexts/ThunderID/useThunderID.cjs');
+const require_ThunderIDProvider = require('../../../contexts/ThunderID/ThunderIDProvider.cjs');
+const require_OrganizationContextController = require('./OrganizationContextController.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(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 } = require_useThunderID.default();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ThunderIDProvider.default, {
+		instanceId,
+		baseUrl: baseUrl || sourceBaseUrl,
+		clientId: clientId || sourceClientId,
+		afterSignInUrl,
+		afterSignOutUrl,
+		scopes,
+		organizationChain: {
+			sourceInstanceId: sourceInstanceId || sourceInstanceIdFromContext,
+			targetOrganizationId
+		},
+		...rest,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_OrganizationContextController.default, {
+			targetOrganizationId,
+			isSourceSignedIn,
+			children
+		})
+	});
+};
+var OrganizationContext_default = OrganizationContext;
+
+//#endregion
+exports.default = OrganizationContext_default;
+//# sourceMappingURL=OrganizationContext.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationContext.cjs","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,8BAAc;AAElB,QACE,2CAACC;EACa;EACZ,SAAS,WAAW;EACpB,UAAU,YAAY;EACN;EACC;EACT;EACR,mBAAmB;GACjB,kBAAkB,oBAAoB;GACtC;GACD;EACD,GAAI;YAEJ,2CAACC;GAAoD;GAAwC;GAC1F;IAC6B;GACd;;AAIxB,kCAAe"}

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

@@ -0,0 +1,58 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_useThunderID = require('../../../contexts/ThunderID/useThunderID.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/control/OrganizationContext/OrganizationContextController.tsx
+const OrganizationContextController = ({ targetOrganizationId, isSourceSignedIn, children }) => {
+	const { isInitialized, isSignedIn, switchOrganization, isLoading } = require_useThunderID.default();
+	const hasAuthenticatedRef = (0, react.useRef)(false);
+	const isAuthenticatingRef = (0, react.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.
+	*/
+	(0, react.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__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children });
+};
+var OrganizationContextController_default = OrganizationContextController;
+
+//#endregion
+exports.default = OrganizationContextController_default;
+//# sourceMappingURL=OrganizationContextController.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationContextController.cjs","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,8BAAc;CACjF,MAAMC,wCAA8D,MAAM;CAC1E,MAAMC,wCAA8D,MAAM;;;;;;;AAQ1E,4BAAgB;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,yEAAG,WAAY;;AAGxB,4CAAe"}

package/dist/cjs/components/control/SignedIn.cjs

@@ -0,0 +1,35 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_useThunderID = require('../../contexts/ThunderID/useThunderID.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/control/SignedIn.tsx
+/**
+* A component that only renders its children when the user is signed in.
+*
+* @remarks This component is only supported in browser based React applications (CSR).
+*
+* @example
+* ```tsx
+* import { SignedIn } from '@thunderid/auth-react';
+*
+* const App = () => {
+*   return (
+*     <SignedIn fallback={<p>Please sign in to continue</p>}>
+*       <p>Welcome! You are signed in.</p>
+*     </SignedIn>
+*   );
+* }
+* ```
+*/
+const SignedIn = ({ children, fallback = null }) => {
+	const { isSignedIn } = require_useThunderID.default();
+	if (!isSignedIn) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: fallback });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children });
+};
+SignedIn.displayName = "SignedIn";
+var SignedIn_default = SignedIn;
+
+//#endregion
+exports.default = SignedIn_default;
+//# sourceMappingURL=SignedIn.cjs.map

package/dist/cjs/components/control/SignedIn.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignedIn.cjs","names":["SignedIn: FC<PropsWithChildren<SignedInProps>>","useThunderID"],"sources":["../../../../src/components/control/SignedIn.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, ReactNode} from 'react';\nimport useThunderID from '../../contexts/ThunderID/useThunderID';\n\n/**\n * Props for the SignedIn component.\n */\nexport interface SignedInProps {\n  /**\n   * Content to show when the user is not signed in.\n   */\n  fallback?: ReactNode;\n}\n\n/**\n * A component that only renders its children when the user is signed in.\n *\n * @remarks This component is only supported in browser based React applications (CSR).\n *\n * @example\n * ```tsx\n * import { SignedIn } from '@thunderid/auth-react';\n *\n * const App = () => {\n *   return (\n *     <SignedIn fallback={<p>Please sign in to continue</p>}>\n *       <p>Welcome! You are signed in.</p>\n *     </SignedIn>\n *   );\n * }\n * ```\n */\nconst SignedIn: FC<PropsWithChildren<SignedInProps>> = ({\n  children,\n  fallback = null,\n}: PropsWithChildren<SignedInProps>) => {\n  const {isSignedIn} = useThunderID();\n\n  if (!isSignedIn) {\n    return <>{fallback}</>;\n  }\n\n  return <>{children}</>;\n};\n\nSignedIn.displayName = 'SignedIn';\n\nexport default SignedIn;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiDA,MAAMA,YAAkD,EACtD,UACA,WAAW,WAC2B;CACtC,MAAM,EAAC,eAAcC,8BAAc;AAEnC,KAAI,CAAC,WACH,QAAO,mFAAG,WAAY;AAGxB,QAAO,yEAAG,WAAY;;AAGxB,SAAS,cAAc;AAEvB,uBAAe"}

package/dist/cjs/components/control/SignedOut.cjs

@@ -0,0 +1,35 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_useThunderID = require('../../contexts/ThunderID/useThunderID.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/control/SignedOut.tsx
+/**
+* A component that only renders its children when the user is signed out.
+*
+* @remarks This component is only supported in browser based React applications (CSR).
+*
+* @example
+* ```tsx
+* import { SignedOut } from '@thunderid/auth-react';
+*
+* const App = () => {
+*   return (
+*     <SignedOut fallback={<p>You are already signed in</p>}>
+*       <p>Please sign in to continue</p>
+*     </SignedOut>
+*   );
+* }
+* ```
+*/
+const SignedOut = ({ children, fallback = null }) => {
+	const { isSignedIn } = require_useThunderID.default();
+	if (!isSignedIn) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: fallback });
+};
+SignedOut.displayName = "SignedOut";
+var SignedOut_default = SignedOut;
+
+//#endregion
+exports.default = SignedOut_default;
+//# sourceMappingURL=SignedOut.cjs.map

package/dist/cjs/components/control/SignedOut.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignedOut.cjs","names":["SignedOut: FC<PropsWithChildren<SignedOutProps>>","useThunderID"],"sources":["../../../../src/components/control/SignedOut.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, ReactNode} from 'react';\nimport useThunderID from '../../contexts/ThunderID/useThunderID';\n\n/**\n * Props for the SignedOut component.\n */\nexport interface SignedOutProps {\n  /**\n   * Content to show when the user is signed in.\n   */\n  fallback?: ReactNode;\n}\n\n/**\n * A component that only renders its children when the user is signed out.\n *\n * @remarks This component is only supported in browser based React applications (CSR).\n *\n * @example\n * ```tsx\n * import { SignedOut } from '@thunderid/auth-react';\n *\n * const App = () => {\n *   return (\n *     <SignedOut fallback={<p>You are already signed in</p>}>\n *       <p>Please sign in to continue</p>\n *     </SignedOut>\n *   );\n * }\n * ```\n */\nconst SignedOut: FC<PropsWithChildren<SignedOutProps>> = ({\n  children,\n  fallback = null,\n}: PropsWithChildren<SignedOutProps>) => {\n  const {isSignedIn} = useThunderID();\n\n  if (!isSignedIn) {\n    return <>{children}</>;\n  }\n\n  return <>{fallback}</>;\n};\n\nSignedOut.displayName = 'SignedOut';\n\nexport default SignedOut;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiDA,MAAMA,aAAoD,EACxD,UACA,WAAW,WAC4B;CACvC,MAAM,EAAC,eAAcC,8BAAc;AAEnC,KAAI,CAAC,WACH,QAAO,yEAAG,WAAY;AAGxB,QAAO,mFAAG,WAAY;;AAGxB,UAAU,cAAc;AAExB,wBAAe"}

package/dist/cjs/components/factories/FieldFactory.cjs

@@ -0,0 +1,142 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_Checkbox = require('../primitives/Checkbox/Checkbox.cjs');
+const require_DatePicker = require('../primitives/DatePicker/DatePicker.cjs');
+const require_OtpField = require('../primitives/OtpField/OtpField.cjs');
+const require_TextField = require('../primitives/TextField/TextField.cjs');
+const require_PasswordField = require('../primitives/PasswordField/PasswordField.cjs');
+const require_Select = require('../primitives/Select/Select.cjs');
+let __thunderid_browser = require("@thunderid/browser");
+__thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/components/factories/FieldFactory.tsx
+/**
+* Utility function to validate field values based on type
+*/
+const validateFieldValue = (value, type, required = false, touched = false) => {
+	if (required && touched && (!value || value.trim() === "")) return "This field is required";
+	if (!value || value.trim() === "") return null;
+	switch (type) {
+		case __thunderid_browser.FieldType.Number: {
+			const numValue = parseInt(value, 10);
+			if (Number.isNaN(numValue)) return "Please enter a valid number";
+			break;
+		}
+		default: break;
+	}
+	return null;
+};
+/**
+* Factory function to create form fields based on the EmbeddedSignInFlowAuthenticatorParamType.
+*
+* @param config - The field configuration
+* @returns The appropriate React component for the field type
+*
+* @example
+* ```tsx
+* const field = createField({
+*   param: 'username',
+*   type: EmbeddedSignInFlowAuthenticatorParamType.String,
+*   label: 'Username',
+*   confidential: false,
+*   required: true,
+*   value: '',
+*   onChange: (value) => console.log(value)
+* });
+* ```
+*/
+const createField = (config) => {
+	const { name, type, label, required, value, onChange, onBlur, disabled = false, error, className, options = [], touched = false, placeholder } = config;
+	const validationError = error || validateFieldValue(value, type, required, touched);
+	const commonProps = {
+		className,
+		"data-testid": `thunderid-signin-${name}`,
+		disabled,
+		error: validationError,
+		label,
+		name,
+		onBlur,
+		placeholder,
+		required,
+		value
+	};
+	switch (type) {
+		case __thunderid_browser.FieldType.Password: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PasswordField.default, {
+			...commonProps,
+			onChange
+		});
+		case __thunderid_browser.FieldType.Text: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TextField.default, {
+			...commonProps,
+			type: "text",
+			onChange: (e) => onChange(e.target.value),
+			autoComplete: "off"
+		});
+		case __thunderid_browser.FieldType.Email: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TextField.default, {
+			...commonProps,
+			type: "email",
+			onChange: (e) => onChange(e.target.value),
+			autoComplete: "email"
+		});
+		case __thunderid_browser.FieldType.Tel: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TextField.default, {
+			...commonProps,
+			type: "tel",
+			onChange: (e) => onChange(e.target.value),
+			autoComplete: "tel"
+		});
+		case __thunderid_browser.FieldType.Date: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DatePicker.default, {
+			...commonProps,
+			onChange: (e) => onChange(e.target.value)
+		});
+		case __thunderid_browser.FieldType.Checkbox: {
+			const isChecked = value === "true" || value === true;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Checkbox.default, {
+				...commonProps,
+				checked: isChecked,
+				onChange: (e) => onChange(e.target.checked.toString())
+			});
+		}
+		case __thunderid_browser.FieldType.Otp: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_OtpField.default, {
+			...commonProps,
+			onChange: (e) => onChange(e.target.value)
+		});
+		case __thunderid_browser.FieldType.Number: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TextField.default, {
+			...commonProps,
+			type: "number",
+			onChange: (e) => onChange(e.target.value),
+			helperText: "Enter a numeric value"
+		});
+		case __thunderid_browser.FieldType.Select: {
+			const fieldOptions = options.length > 0 ? options : [];
+			if (fieldOptions.length > 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Select.default, {
+				...commonProps,
+				options: fieldOptions,
+				onChange: (e) => onChange(e.target.value),
+				helperText: "Select from available options"
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TextField.default, {
+				...commonProps,
+				type: "text",
+				onChange: (e) => onChange(e.target.value),
+				helperText: "Enter multiple values separated by commas (e.g., value1, value2, value3)",
+				placeholder: "value1, value2, value3"
+			});
+		}
+		default: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TextField.default, {
+			...commonProps,
+			type: "text",
+			onChange: (e) => onChange(e.target.value),
+			helperText: "Unknown field type, treating as text"
+		});
+	}
+};
+/**
+* React component wrapper for the field factory.
+*/
+const FieldFactory = (props) => createField(props);
+
+//#endregion
+exports.FieldFactory = FieldFactory;
+exports.createField = createField;
+exports.validateFieldValue = validateFieldValue;
+//# sourceMappingURL=FieldFactory.cjs.map

package/dist/cjs/components/factories/FieldFactory.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldFactory.cjs","names":["FieldType","numValue: number","validationError: string | null","commonProps: Record<string, any>","PasswordField","TextField","DatePicker","isChecked: boolean","Checkbox","OtpField","fieldOptions: SelectOption[]","Select","FieldFactory: FC<FieldConfig>"],"sources":["../../../../src/components/factories/FieldFactory.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 {FieldType} from '@thunderid/browser';\nimport {ChangeEvent, FC, ReactElement} from 'react';\nimport Checkbox from '../primitives/Checkbox/Checkbox';\nimport DatePicker from '../primitives/DatePicker/DatePicker';\nimport OtpField from '../primitives/OtpField/OtpField';\nimport PasswordField from '../primitives/PasswordField/PasswordField';\nimport Select, {SelectOption} from '../primitives/Select/Select';\nimport TextField from '../primitives/TextField/TextField';\n\n/**\n * Interface for field configuration.\n */\nexport interface FieldConfig {\n  /**\n   * Additional CSS class name.\n   */\n  className?: string;\n  /**\n   * Whether the field is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Error message to display.\n   */\n  error?: string;\n  /**\n   * Display name for the field.\n   */\n  label: string;\n  /**\n   * The name of the field.\n   */\n  name: string;\n  /**\n   * Callback function when the field loses focus.\n   */\n  onBlur?: () => void;\n  /**\n   * Callback function when the field value changes.\n   */\n  onChange: (value: string) => void;\n  /**\n   * Additional options for multi-valued fields.\n   */\n  options?: SelectOption[];\n  /**\n   * Placeholder text for the field.\n   */\n  placeholder?: string;\n  /**\n   * Whether the field is required.\n   */\n  required: boolean;\n  /**\n   * Whether the field has been touched/interacted with by the user.\n   */\n  touched?: boolean;\n  /**\n   * The field type.\n   */\n  type: FieldType;\n  /**\n   * Current value of the field.\n   */\n  value: string;\n}\n\n/**\n * Utility function to validate field values based on type\n */\nexport const validateFieldValue = (\n  value: string,\n  type: FieldType,\n  required = false,\n  touched = false,\n): string | null => {\n  if (required && touched && (!value || value.trim() === '')) {\n    return 'This field is required';\n  }\n\n  if (!value || value.trim() === '') {\n    return null;\n  }\n\n  switch (type) {\n    case FieldType.Number: {\n      const numValue: number = parseInt(value, 10);\n      if (Number.isNaN(numValue)) {\n        return 'Please enter a valid number';\n      }\n      break;\n    }\n    default:\n      break;\n  }\n\n  return null;\n};\n\n/**\n * Factory function to create form fields based on the EmbeddedSignInFlowAuthenticatorParamType.\n *\n * @param config - The field configuration\n * @returns The appropriate React component for the field type\n *\n * @example\n * ```tsx\n * const field = createField({\n *   param: 'username',\n *   type: EmbeddedSignInFlowAuthenticatorParamType.String,\n *   label: 'Username',\n *   confidential: false,\n *   required: true,\n *   value: '',\n *   onChange: (value) => console.log(value)\n * });\n * ```\n */\nexport const createField = (config: FieldConfig): ReactElement => {\n  const {\n    name,\n    type,\n    label,\n    required,\n    value,\n    onChange,\n    onBlur,\n    disabled = false,\n    error,\n    className,\n    options = [],\n    touched = false,\n    placeholder,\n  } = config;\n\n  const validationError: string | null = error || validateFieldValue(value, type, required, touched);\n\n  const commonProps: Record<string, any> = {\n    className,\n    'data-testid': `thunderid-signin-${name}`,\n    disabled,\n    error: validationError,\n    label,\n    name,\n    onBlur,\n    placeholder,\n    required,\n    value,\n  };\n\n  switch (type) {\n    case FieldType.Password:\n      return <PasswordField {...commonProps} onChange={onChange} />;\n    case FieldType.Text:\n      return (\n        <TextField\n          {...commonProps}\n          type=\"text\"\n          onChange={(e: ChangeEvent<HTMLInputElement>): void => onChange(e.target.value)}\n          autoComplete=\"off\"\n        />\n      );\n    case FieldType.Email:\n      return (\n        <TextField\n          {...commonProps}\n          type=\"email\"\n          onChange={(e: ChangeEvent<HTMLInputElement>): void => onChange(e.target.value)}\n          autoComplete=\"email\"\n        />\n      );\n    case FieldType.Tel:\n      return (\n        <TextField\n          {...commonProps}\n          type=\"tel\"\n          onChange={(e: ChangeEvent<HTMLInputElement>): void => onChange(e.target.value)}\n          autoComplete=\"tel\"\n        />\n      );\n    case FieldType.Date:\n      return (\n        <DatePicker {...commonProps} onChange={(e: ChangeEvent<HTMLInputElement>): void => onChange(e.target.value)} />\n      );\n    case FieldType.Checkbox: {\n      const isChecked: boolean = value === 'true' || (value as any) === true;\n      return (\n        <Checkbox\n          {...commonProps}\n          checked={isChecked}\n          onChange={(e: ChangeEvent<HTMLInputElement>): void => onChange(e.target.checked.toString())}\n        />\n      );\n    }\n    case FieldType.Otp:\n      return (\n        <OtpField {...commonProps} onChange={(e: ChangeEvent<HTMLInputElement>): void => onChange(e.target.value)} />\n      );\n    case FieldType.Number:\n      return (\n        <TextField\n          {...commonProps}\n          type=\"number\"\n          onChange={(e: ChangeEvent<HTMLInputElement>): void => onChange(e.target.value)}\n          helperText=\"Enter a numeric value\"\n        />\n      );\n    case FieldType.Select: {\n      const fieldOptions: SelectOption[] = options.length > 0 ? options : [];\n\n      if (fieldOptions.length > 0) {\n        return (\n          <Select\n            {...commonProps}\n            options={fieldOptions}\n            onChange={(e: ChangeEvent<HTMLSelectElement>): void => onChange(e.target.value)}\n            helperText=\"Select from available options\"\n          />\n        );\n      }\n\n      return (\n        <TextField\n          {...commonProps}\n          type=\"text\"\n          onChange={(e: ChangeEvent<HTMLInputElement>): void => onChange(e.target.value)}\n          helperText=\"Enter multiple values separated by commas (e.g., value1, value2, value3)\"\n          placeholder=\"value1, value2, value3\"\n        />\n      );\n    }\n    default:\n      return (\n        <TextField\n          {...commonProps}\n          type=\"text\"\n          onChange={(e: ChangeEvent<HTMLInputElement>): void => onChange(e.target.value)}\n          helperText=\"Unknown field type, treating as text\"\n        />\n      );\n  }\n};\n\n/**\n * React component wrapper for the field factory.\n */\nexport const FieldFactory: FC<FieldConfig> = (props: FieldConfig): ReactElement => createField(props);\n\nexport default FieldFactory;\n"],"mappings":";;;;;;;;;;;;;;;;AAwFA,MAAa,sBACX,OACA,MACA,WAAW,OACX,UAAU,UACQ;AAClB,KAAI,YAAY,YAAY,CAAC,SAAS,MAAM,MAAM,KAAK,IACrD,QAAO;AAGT,KAAI,CAAC,SAAS,MAAM,MAAM,KAAK,GAC7B,QAAO;AAGT,SAAQ,MAAR;EACE,KAAKA,8BAAU,QAAQ;GACrB,MAAMC,WAAmB,SAAS,OAAO,GAAG;AAC5C,OAAI,OAAO,MAAM,SAAS,CACxB,QAAO;AAET;;EAEF,QACE;;AAGJ,QAAO;;;;;;;;;;;;;;;;;;;;;AAsBT,MAAa,eAAe,WAAsC;CAChE,MAAM,EACJ,MACA,MACA,OACA,UACA,OACA,UACA,QACA,WAAW,OACX,OACA,WACA,UAAU,EAAE,EACZ,UAAU,OACV,gBACE;CAEJ,MAAMC,kBAAiC,SAAS,mBAAmB,OAAO,MAAM,UAAU,QAAQ;CAElG,MAAMC,cAAmC;EACvC;EACA,eAAe,oBAAoB;EACnC;EACA,OAAO;EACP;EACA;EACA;EACA;EACA;EACA;EACD;AAED,SAAQ,MAAR;EACE,KAAKH,8BAAU,SACb,QAAO,2CAACI;GAAc,GAAI;GAAuB;IAAY;EAC/D,KAAKJ,8BAAU,KACb,QACE,2CAACK;GACC,GAAI;GACJ,MAAK;GACL,WAAW,MAA2C,SAAS,EAAE,OAAO,MAAM;GAC9E,cAAa;IACb;EAEN,KAAKL,8BAAU,MACb,QACE,2CAACK;GACC,GAAI;GACJ,MAAK;GACL,WAAW,MAA2C,SAAS,EAAE,OAAO,MAAM;GAC9E,cAAa;IACb;EAEN,KAAKL,8BAAU,IACb,QACE,2CAACK;GACC,GAAI;GACJ,MAAK;GACL,WAAW,MAA2C,SAAS,EAAE,OAAO,MAAM;GAC9E,cAAa;IACb;EAEN,KAAKL,8BAAU,KACb,QACE,2CAACM;GAAW,GAAI;GAAa,WAAW,MAA2C,SAAS,EAAE,OAAO,MAAM;IAAI;EAEnH,KAAKN,8BAAU,UAAU;GACvB,MAAMO,YAAqB,UAAU,UAAW,UAAkB;AAClE,UACE,2CAACC;IACC,GAAI;IACJ,SAAS;IACT,WAAW,MAA2C,SAAS,EAAE,OAAO,QAAQ,UAAU,CAAC;KAC3F;;EAGN,KAAKR,8BAAU,IACb,QACE,2CAACS;GAAS,GAAI;GAAa,WAAW,MAA2C,SAAS,EAAE,OAAO,MAAM;IAAI;EAEjH,KAAKT,8BAAU,OACb,QACE,2CAACK;GACC,GAAI;GACJ,MAAK;GACL,WAAW,MAA2C,SAAS,EAAE,OAAO,MAAM;GAC9E,YAAW;IACX;EAEN,KAAKL,8BAAU,QAAQ;GACrB,MAAMU,eAA+B,QAAQ,SAAS,IAAI,UAAU,EAAE;AAEtE,OAAI,aAAa,SAAS,EACxB,QACE,2CAACC;IACC,GAAI;IACJ,SAAS;IACT,WAAW,MAA4C,SAAS,EAAE,OAAO,MAAM;IAC/E,YAAW;KACX;AAIN,UACE,2CAACN;IACC,GAAI;IACJ,MAAK;IACL,WAAW,MAA2C,SAAS,EAAE,OAAO,MAAM;IAC9E,YAAW;IACX,aAAY;KACZ;;EAGN,QACE,QACE,2CAACA;GACC,GAAI;GACJ,MAAK;GACL,WAAW,MAA2C,SAAS,EAAE,OAAO,MAAM;GAC9E,YAAW;IACX;;;;;;AAQV,MAAaO,gBAAiC,UAAqC,YAAY,MAAM"}

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

@@ -0,0 +1,183 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_useTheme = require('../../../contexts/Theme/useTheme.cjs');
+const require_useTranslation = require('../../../hooks/useTranslation.cjs');
+const require_Button = require('../../primitives/Button/Button.cjs');
+const require_FormControl = require('../../primitives/FormControl/FormControl.cjs');
+const require_InputLabel = require('../../primitives/InputLabel/InputLabel.cjs');
+const require_TextField = require('../../primitives/TextField/TextField.cjs');
+const require_Alert = require('../../primitives/Alert/Alert.cjs');
+const require_Dialog = require('../../primitives/Dialog/Dialog.cjs');
+const require_BaseCreateOrganization_styles = require('./BaseCreateOrganization.styles.cjs');
+let __thunderid_browser = require("@thunderid/browser");
+__thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+let __emotion_css = require("@emotion/css");
+__emotion_css = require_rolldown_runtime.__toESM(__emotion_css);
+
+//#region src/components/presentation/CreateOrganization/BaseCreateOrganization.tsx
+const logger = (0, __thunderid_browser.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 } = require_useTheme.default();
+	const styles = require_BaseCreateOrganization_styles.default(theme, colorScheme);
+	const { t } = require_useTranslation.default(preferences?.i18n);
+	const [formData, setFormData] = (0, react.useState)({
+		description: "",
+		handle: "",
+		name: "",
+		...initialValues
+	});
+	const [formErrors, setFormErrors] = (0, react.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.error("Form submission error:");
+		}
+	};
+	const createOrganizationContent = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, __emotion_css.cx)(styles["root"], cardLayout && styles["card"], className),
+		style,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: (0, __emotion_css.cx)(styles["content"]),
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+				id: "create-organization-form",
+				className: (0, __emotion_css.cx)(styles["form"]),
+				onSubmit: handleSubmit,
+				children: [
+					error && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Alert.default, {
+						variant: "error",
+						className: styles["errorAlert"],
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Alert.default.Title, { children: "Error" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Alert.default.Description, { children: error })]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: (0, __emotion_css.cx)(styles["fieldGroup"]),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_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: (0, __emotion_css.cx)(styles["input"])
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: (0, __emotion_css.cx)(styles["fieldGroup"]),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_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: (0, __emotion_css.cx)(styles["input"])
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: (0, __emotion_css.cx)(styles["fieldGroup"]),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_FormControl.default, {
+							error: formErrors.description,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_InputLabel.default, {
+								required: true,
+								children: t("elements.fields.organization.description.label")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+								className: (0, __emotion_css.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__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: (0, __emotion_css.cx)(styles["actions"]),
+				children: [onCancel && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.default, {
+					type: "button",
+					variant: "outline",
+					onClick: onCancel,
+					disabled: loading,
+					children: t("organization.create.buttons.cancel.text")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_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__ */ (0, react_jsx_runtime.jsx)(require_Dialog.default, {
+		open,
+		onOpenChange,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Dialog.default.Content, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Dialog.default.Heading, { children: title }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: styles["popup"],
+			children: createOrganizationContent
+		})] })
+	});
+	return createOrganizationContent;
+};
+
+//#endregion
+exports.BaseCreateOrganization = BaseCreateOrganization;
+//# sourceMappingURL=BaseCreateOrganization.cjs.map