@thunderid/nextjs 0.2.1 → 0.2.2

package/dist/cjs/client/components/actions/SignUpButton/SignUpButton.cjs

@@ -0,0 +1,91 @@
+'use client';
+
+
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_useThunderID = require('../../../contexts/ThunderID/useThunderID.cjs');
+let __thunderid_node = require("@thunderid/node");
+__thunderid_node = require_rolldown_runtime.__toESM(__thunderid_node);
+let __thunderid_react = require("@thunderid/react");
+__thunderid_react = require_rolldown_runtime.__toESM(__thunderid_react);
+let next_navigation = require("next/navigation");
+next_navigation = require_rolldown_runtime.__toESM(next_navigation);
+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/client/components/actions/SignUpButton/SignUpButton.tsx
+/**
+* SignUpButton component that supports both render props and traditional props patterns.
+* It redirects the user to the ThunderID sign-up page configured for the application.
+*
+* @remarks This component is only supported in browser based React applications (CSR).
+*
+* @example Using render props pattern
+* ```tsx
+* <SignUpButton>
+*   {({ signUp, isLoading }) => (
+*     <button onClick={signUp} disabled={isLoading}>
+*       {isLoading ? 'Creating Account...' : 'Create Account'}
+*     </button>
+*   )}
+* </SignUpButton>
+* ```
+*
+* @example Using traditional props pattern
+* ```tsx
+* <SignUpButton className="custom-button">Create Account</SignUpButton>
+* ```
+*
+* @example Using component-level preferences
+* ```tsx
+* <SignUpButton
+*   preferences={{
+*     i18n: {
+*       bundles: {
+*         'en-US': {
+*           translations: {
+*             'buttons.signUp': 'Custom Sign Up Text'
+*           }
+*         }
+*       }
+*     }
+*   }}
+* >
+*   Custom Sign Up
+* </SignUpButton>
+* ```
+*/
+const SignUpButton = (0, react.forwardRef)(({ children, onClick, preferences,...rest }, ref) => {
+	const { signUp, signUpUrl } = require_useThunderID.default();
+	const router = (0, next_navigation.useRouter)();
+	const { t } = (0, __thunderid_react.useTranslation)(preferences?.i18n);
+	const [isLoading, setIsLoading] = (0, react.useState)(false);
+	const handleSignUp = async (e) => {
+		try {
+			setIsLoading(true);
+			if (signUpUrl) router.push(signUpUrl);
+			else if (signUp) await signUp();
+			if (onClick) onClick(e);
+		} catch (error) {
+			throw new __thunderid_node.ThunderIDRuntimeError(`Sign up failed: ${error instanceof Error ? error.message : String(error)}`, "SignUpButton-handleSignUp-RuntimeError-001", "nextjs", "Something went wrong while trying to sign up. Please try again later.");
+		} finally {
+			setIsLoading(false);
+		}
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__thunderid_react.BaseSignUpButton, {
+		ref,
+		onClick: handleSignUp,
+		isLoading,
+		signUp: handleSignUp,
+		preferences,
+		...rest,
+		children: children ?? t("elements.buttons.signup.text")
+	});
+});
+SignUpButton.displayName = "SignUpButton";
+var SignUpButton_default = SignUpButton;
+
+//#endregion
+exports.default = SignUpButton_default;
+//# sourceMappingURL=SignUpButton.cjs.map

package/dist/cjs/client/components/actions/SignUpButton/SignUpButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignUpButton.cjs","names":["SignUpButton: ForwardRefExoticComponent<SignUpButtonProps & RefAttributes<HTMLButtonElement>>","useThunderID","router: AppRouterInstance","ThunderIDRuntimeError","BaseSignUpButton"],"sources":["../../../../../../src/client/components/actions/SignUpButton/SignUpButton.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\n'use client';\n\nimport {ThunderIDRuntimeError} from '@thunderid/node';\nimport {BaseSignUpButton, BaseSignUpButtonProps, useTranslation} from '@thunderid/react';\nimport {AppRouterInstance} from 'next/dist/shared/lib/app-router-context.shared-runtime';\nimport {useRouter} from 'next/navigation';\nimport {forwardRef, ForwardRefExoticComponent, MouseEvent, ReactElement, Ref, RefAttributes, useState} from 'react';\nimport useThunderID from '../../../contexts/ThunderID/useThunderID';\n\n/**\n * Props interface of {@link SignUpButton}\n */\nexport type SignUpButtonProps = BaseSignUpButtonProps;\n\n/**\n * SignUpButton component that supports both render props and traditional props patterns.\n * It redirects the user to the ThunderID sign-up page configured for the application.\n *\n * @remarks This component is only supported in browser based React applications (CSR).\n *\n * @example Using render props pattern\n * ```tsx\n * <SignUpButton>\n *   {({ signUp, isLoading }) => (\n *     <button onClick={signUp} disabled={isLoading}>\n *       {isLoading ? 'Creating Account...' : 'Create Account'}\n *     </button>\n *   )}\n * </SignUpButton>\n * ```\n *\n * @example Using traditional props pattern\n * ```tsx\n * <SignUpButton className=\"custom-button\">Create Account</SignUpButton>\n * ```\n *\n * @example Using component-level preferences\n * ```tsx\n * <SignUpButton\n *   preferences={{\n *     i18n: {\n *       bundles: {\n *         'en-US': {\n *           translations: {\n *             'buttons.signUp': 'Custom Sign Up Text'\n *           }\n *         }\n *       }\n *     }\n *   }}\n * >\n *   Custom Sign Up\n * </SignUpButton>\n * ```\n */\nconst SignUpButton: ForwardRefExoticComponent<SignUpButtonProps & RefAttributes<HTMLButtonElement>> = forwardRef<\n  HTMLButtonElement,\n  SignUpButtonProps\n>(({children, onClick, preferences, ...rest}: SignUpButtonProps, ref: Ref<HTMLButtonElement>): ReactElement => {\n  const {signUp, signUpUrl} = useThunderID();\n  const router: AppRouterInstance = useRouter();\n  const {t} = useTranslation(preferences?.i18n);\n\n  const [isLoading, setIsLoading] = useState(false);\n\n  const handleSignUp = async (e?: MouseEvent<HTMLButtonElement>): Promise<void> => {\n    try {\n      setIsLoading(true);\n\n      // If a custom `signUpUrl` is provided, use it for navigation.\n      if (signUpUrl) {\n        router.push(signUpUrl);\n      } else if (signUp) {\n        await signUp();\n      }\n\n      if (onClick) {\n        onClick(e!);\n      }\n    } catch (error) {\n      throw new ThunderIDRuntimeError(\n        `Sign up failed: ${error instanceof Error ? error.message : String(error)}`,\n        'SignUpButton-handleSignUp-RuntimeError-001',\n        'nextjs',\n        'Something went wrong while trying to sign up. Please try again later.',\n      );\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  return (\n    <BaseSignUpButton\n      ref={ref}\n      onClick={handleSignUp}\n      isLoading={isLoading}\n      signUp={handleSignUp}\n      preferences={preferences}\n      {...rest}\n    >\n      {children ?? t('elements.buttons.signup.text')}\n    </BaseSignUpButton>\n  );\n});\n\nSignUpButton.displayName = 'SignUpButton';\n\nexport default SignUpButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyEA,MAAMA,sCAGH,EAAC,UAAU,SAAS,YAAa,GAAG,QAA0B,QAA8C;CAC7G,MAAM,EAAC,QAAQ,cAAaC,8BAAc;CAC1C,MAAMC,yCAAuC;CAC7C,MAAM,EAAC,4CAAoB,aAAa,KAAK;CAE7C,MAAM,CAAC,WAAW,oCAAyB,MAAM;CAEjD,MAAM,eAAe,OAAO,MAAqD;AAC/E,MAAI;AACF,gBAAa,KAAK;AAGlB,OAAI,UACF,QAAO,KAAK,UAAU;YACb,OACT,OAAM,QAAQ;AAGhB,OAAI,QACF,SAAQ,EAAG;WAEN,OAAO;AACd,SAAM,IAAIC,uCACR,mBAAmB,iBAAiB,QAAQ,MAAM,UAAU,OAAO,MAAM,IACzE,8CACA,UACA,wEACD;YACO;AACR,gBAAa,MAAM;;;AAIvB,QACE,2CAACC;EACM;EACL,SAAS;EACE;EACX,QAAQ;EACK;EACb,GAAI;YAEH,YAAY,EAAE,+BAA+B;GAC7B;EAErB;AAEF,aAAa,cAAc;AAE3B,2BAAe"}

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

@@ -0,0 +1,34 @@
+'use client';
+
+
+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/client/components/control/SignedIn/SignedIn.tsx
+/**
+* A component that only renders its children when the user is signed in.
+*
+* @example
+* ```tsx
+* import { SignedIn } from '@thunderid/auth-next';
+*
+* 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();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: isSignedIn ? children : fallback });
+};
+var SignedIn_default = SignedIn;
+
+//#endregion
+exports.default = SignedIn_default;
+//# sourceMappingURL=SignedIn.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SignedIn.cjs","names":["SignedIn: FC<PropsWithChildren<SignedInProps>>","useThunderID"],"sources":["../../../../../../src/client/components/control/SignedIn/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\n'use client';\n\nimport {FC, PropsWithChildren, ReactNode} from 'react';\nimport useThunderID from '../../../contexts/ThunderID/useThunderID';\n\n/**\n * Props interface of {@link SignedIn}\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 * @example\n * ```tsx\n * import { SignedIn } from '@thunderid/auth-next';\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  return <>{isSignedIn ? children : fallback}</>;\n};\n\nexport default SignedIn;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,MAAMA,YAAkD,EACtD,UACA,WAAW,WAC2B;CACtC,MAAM,EAAC,eAAcC,8BAAc;AAEnC,QAAO,mFAAG,aAAa,WAAW,WAAY;;AAGhD,uBAAe"}

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

@@ -0,0 +1,34 @@
+'use client';
+
+
+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/client/components/control/SignedOut/SignedOut.tsx
+/**
+* A component that only renders its children when the user is signed out.
+*
+* @example
+* ```tsx
+* import { SignedOut } from '@thunderid/auth-next';
+*
+* const App = () => {
+*   return (
+*     <SignedOut fallback={<p>Please sign out to continue</p>}>
+*       <p>Welcome! You are signed out.</p>
+*     </SignedOut>
+*   );
+* }
+* ```
+*/
+const SignedOut = ({ children, fallback = null }) => {
+	const { isSignedIn } = require_useThunderID.default();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: !isSignedIn ? children : fallback });
+};
+var SignedOut_default = SignedOut;
+
+//#endregion
+exports.default = SignedOut_default;
+//# sourceMappingURL=SignedOut.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SignedOut.cjs","names":["SignedOut: FC<PropsWithChildren<SignedOutProps>>","useThunderID"],"sources":["../../../../../../src/client/components/control/SignedOut/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\n'use client';\n\nimport {FC, PropsWithChildren, ReactNode} from 'react';\nimport useThunderID from '../../../contexts/ThunderID/useThunderID';\n\n/**\n * Props interface of {@link SignedOut}\n */\nexport interface SignedOutProps {\n  /**\n   * Content to show when the user is not signed-out.\n   */\n  fallback?: ReactNode;\n}\n\n/**\n * A component that only renders its children when the user is signed out.\n *\n * @example\n * ```tsx\n * import { SignedOut } from '@thunderid/auth-next';\n *\n * const App = () => {\n *   return (\n *     <SignedOut fallback={<p>Please sign out to continue</p>}>\n *       <p>Welcome! You are signed out.</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  return <>{!isSignedIn ? children : fallback}</>;\n};\n\nexport default SignedOut;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,MAAMA,aAAoD,EACxD,UACA,WAAW,WAC4B;CACvC,MAAM,EAAC,eAAcC,8BAAc;AAEnC,QAAO,mFAAG,CAAC,aAAa,WAAW,WAAY;;AAGjD,wBAAe"}

package/dist/cjs/client/components/presentation/SignIn/SignIn.cjs

@@ -0,0 +1,37 @@
+'use client';
+
+
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_useThunderID = require('../../../contexts/ThunderID/useThunderID.cjs');
+let __thunderid_node = require("@thunderid/node");
+__thunderid_node = require_rolldown_runtime.__toESM(__thunderid_node);
+let __thunderid_react = require("@thunderid/react");
+__thunderid_react = require_rolldown_runtime.__toESM(__thunderid_react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/client/components/presentation/SignIn/SignIn.tsx
+/**
+* A SignIn component for Next.js that provides native authentication flow.
+* This component delegates to the BaseSignIn from @thunderid/react and requires
+* the API functions to be provided as props.
+*/
+const SignIn = ({ size = "medium", variant = "outlined",...rest }) => {
+	const { signIn } = require_useThunderID.default();
+	const handleOnSubmit = async (payload, request) => {
+		if (!signIn) throw new __thunderid_node.ThunderIDRuntimeError("`signIn` function is not available.", "SignIn-handleOnSubmit-RuntimeError-001", "nextjs");
+		await signIn(payload, request);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__thunderid_react.BaseSignIn, {
+		onSubmit: handleOnSubmit,
+		size,
+		variant,
+		...rest
+	});
+};
+SignIn.displayName = "SignIn";
+var SignIn_default = SignIn;
+
+//#endregion
+exports.default = SignIn_default;
+//# sourceMappingURL=SignIn.cjs.map

package/dist/cjs/client/components/presentation/SignIn/SignIn.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignIn.cjs","names":["SignIn: FC<SignInProps>","useThunderID","ThunderIDRuntimeError","BaseSignIn"],"sources":["../../../../../../src/client/components/presentation/SignIn/SignIn.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\n'use client';\n\nimport {ThunderIDRuntimeError} from '@thunderid/node';\nimport {BaseSignIn, BaseSignInProps} from '@thunderid/react';\nimport {FC} from 'react';\nimport useThunderID from '../../../contexts/ThunderID/useThunderID';\n\n/**\n * Props for the SignIn component.\n * Extends BaseSignInProps for full compatibility with the React BaseSignIn component\n */\nexport type SignInProps = Pick<BaseSignInProps, 'className' | 'onSuccess' | 'onError' | 'variant' | 'size'>;\n\n/**\n * A SignIn component for Next.js that provides native authentication flow.\n * This component delegates to the BaseSignIn from @thunderid/react and requires\n * the API functions to be provided as props.\n */\nconst SignIn: FC<SignInProps> = ({size = 'medium', variant = 'outlined', ...rest}: SignInProps) => {\n  const {signIn} = useThunderID();\n\n  const handleOnSubmit = async (payload: any, request: any): Promise<void> => {\n    if (!signIn) {\n      throw new ThunderIDRuntimeError(\n        '`signIn` function is not available.',\n        'SignIn-handleOnSubmit-RuntimeError-001',\n        'nextjs',\n      );\n    }\n\n    await signIn(payload, request);\n  };\n\n  return (\n    <BaseSignIn\n      // isLoading={isLoading || !isInitialized}\n      onSubmit={handleOnSubmit}\n      size={size}\n      variant={variant}\n      {...rest}\n    />\n  );\n};\n\nSignIn.displayName = 'SignIn';\n\nexport default SignIn;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAoCA,MAAMA,UAA2B,EAAC,OAAO,UAAU,UAAU,WAAY,GAAG,WAAuB;CACjG,MAAM,EAAC,WAAUC,8BAAc;CAE/B,MAAM,iBAAiB,OAAO,SAAc,YAAgC;AAC1E,MAAI,CAAC,OACH,OAAM,IAAIC,uCACR,uCACA,0CACA,SACD;AAGH,QAAM,OAAO,SAAS,QAAQ;;AAGhC,QACE,2CAACC;EAEC,UAAU;EACJ;EACG;EACT,GAAI;GACJ;;AAIN,OAAO,cAAc;AAErB,qBAAe"}

package/dist/cjs/client/components/presentation/SignUp/SignUp.cjs

@@ -0,0 +1,79 @@
+'use client';
+
+
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_useThunderID = require('../../../contexts/ThunderID/useThunderID.cjs');
+let __thunderid_node = require("@thunderid/node");
+__thunderid_node = require_rolldown_runtime.__toESM(__thunderid_node);
+let __thunderid_react = require("@thunderid/react");
+__thunderid_react = require_rolldown_runtime.__toESM(__thunderid_react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/client/components/presentation/SignUp/SignUp.tsx
+/**
+* A styled SignUp component that provides embedded sign-up flow with pre-built styling.
+* This component handles the API calls for sign-up and delegates UI logic to BaseSignUp.
+*
+* @example
+* ```tsx
+* import { SignUp } from '@thunderid/react';
+*
+* const App = () => {
+*   return (
+*     <SignUp
+*       onSuccess={(response) => {
+*         console.log('Sign-up successful:', response);
+*         // Handle successful sign-up (e.g., redirect, show confirmation)
+*       }}
+*       onError={(error) => {
+*         console.error('Sign-up failed:', error);
+*       }}
+*       onComplete={(redirectUrl) => {
+*         // Platform-specific redirect handling (e.g., Next.js router.push)
+*         router.push(redirectUrl); // or window.location.href = redirectUrl
+*       }}
+*       size="medium"
+*       variant="outlined"
+*       afterSignUpUrl="/welcome"
+*     />
+*   );
+* };
+* ```
+*/
+const SignUp = ({ className, size = "medium", variant = "outlined", afterSignUpUrl, onError }) => {
+	const { signUp, applicationId: contextApplicationId, scopes } = require_useThunderID.default();
+	/**
+	* Initialize the sign-up flow.
+	*/
+	const handleInitialize = async (payload) => {
+		if (!signUp) throw new __thunderid_node.ThunderIDRuntimeError("`signUp` function is not available.", "SignUp-handleInitialize-RuntimeError-001", "nextjs");
+		return await signUp(payload || {
+			flowType: __thunderid_node.EmbeddedFlowType.Registration,
+			...contextApplicationId && { applicationId: contextApplicationId },
+			...scopes && { scopes }
+		});
+	};
+	/**
+	* Handle sign-up steps.
+	*/
+	const handleOnSubmit = async (payload) => {
+		if (!signUp) throw new __thunderid_node.ThunderIDRuntimeError("`signUp` function is not available.", "SignUp-handleOnSubmit-RuntimeError-001", "nextjs");
+		return await signUp(payload);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__thunderid_react.BaseSignUp, {
+		afterSignUpUrl,
+		onInitialize: handleInitialize,
+		onSubmit: handleOnSubmit,
+		onError,
+		className,
+		size,
+		variant,
+		isInitialized: true
+	});
+};
+var SignUp_default = SignUp;
+
+//#endregion
+exports.default = SignUp_default;
+//# sourceMappingURL=SignUp.cjs.map

package/dist/cjs/client/components/presentation/SignUp/SignUp.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignUp.cjs","names":["SignUp: FC<SignUpProps>","useThunderID","ThunderIDRuntimeError","EmbeddedFlowType","BaseSignUp"],"sources":["../../../../../../src/client/components/presentation/SignUp/SignUp.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\n'use client';\n\nimport {ThunderIDRuntimeError, EmbeddedFlowType} from '@thunderid/node';\nimport {BaseSignUp, BaseSignUpProps} from '@thunderid/react';\nimport {FC} from 'react';\nimport useThunderID from '../../../contexts/ThunderID/useThunderID';\n\n/**\n * Props for the SignUp component.\n */\nexport type SignUpProps = BaseSignUpProps;\n\n/**\n * A styled SignUp component that provides embedded sign-up flow with pre-built styling.\n * This component handles the API calls for sign-up and delegates UI logic to BaseSignUp.\n *\n * @example\n * ```tsx\n * import { SignUp } from '@thunderid/react';\n *\n * const App = () => {\n *   return (\n *     <SignUp\n *       onSuccess={(response) => {\n *         console.log('Sign-up successful:', response);\n *         // Handle successful sign-up (e.g., redirect, show confirmation)\n *       }}\n *       onError={(error) => {\n *         console.error('Sign-up failed:', error);\n *       }}\n *       onComplete={(redirectUrl) => {\n *         // Platform-specific redirect handling (e.g., Next.js router.push)\n *         router.push(redirectUrl); // or window.location.href = redirectUrl\n *       }}\n *       size=\"medium\"\n *       variant=\"outlined\"\n *       afterSignUpUrl=\"/welcome\"\n *     />\n *   );\n * };\n * ```\n */\nconst SignUp: FC<SignUpProps> = ({\n  className,\n  size = 'medium',\n  variant = 'outlined',\n  afterSignUpUrl,\n  onError,\n}: SignUpProps) => {\n  const {signUp, applicationId: contextApplicationId, scopes} = useThunderID();\n\n  /**\n   * Initialize the sign-up flow.\n   */\n  const handleInitialize = async (payload?: any): Promise<any> => {\n    if (!signUp) {\n      throw new ThunderIDRuntimeError(\n        '`signUp` function is not available.',\n        'SignUp-handleInitialize-RuntimeError-001',\n        'nextjs',\n      );\n    }\n\n    return (await signUp(\n      payload || {\n        flowType: EmbeddedFlowType.Registration,\n        ...(contextApplicationId && {applicationId: contextApplicationId}),\n        ...(scopes && {scopes}),\n      },\n    )) as unknown as Promise<any>;\n  };\n\n  /**\n   * Handle sign-up steps.\n   */\n  const handleOnSubmit = async (payload: any): Promise<any> => {\n    if (!signUp) {\n      throw new ThunderIDRuntimeError(\n        '`signUp` function is not available.',\n        'SignUp-handleOnSubmit-RuntimeError-001',\n        'nextjs',\n      );\n    }\n\n    return (await signUp(payload)) as unknown as Promise<any>;\n  };\n\n  return (\n    <BaseSignUp\n      afterSignUpUrl={afterSignUpUrl}\n      onInitialize={handleInitialize}\n      onSubmit={handleOnSubmit}\n      onError={onError}\n      className={className}\n      size={size}\n      variant={variant}\n      isInitialized={true}\n    />\n  );\n};\n\nexport default SignUp;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA,MAAMA,UAA2B,EAC/B,WACA,OAAO,UACP,UAAU,YACV,gBACA,cACiB;CACjB,MAAM,EAAC,QAAQ,eAAe,sBAAsB,WAAUC,8BAAc;;;;CAK5E,MAAM,mBAAmB,OAAO,YAAgC;AAC9D,MAAI,CAAC,OACH,OAAM,IAAIC,uCACR,uCACA,4CACA,SACD;AAGH,SAAQ,MAAM,OACZ,WAAW;GACT,UAAUC,kCAAiB;GAC3B,GAAI,wBAAwB,EAAC,eAAe,sBAAqB;GACjE,GAAI,UAAU,EAAC,QAAO;GACvB,CACF;;;;;CAMH,MAAM,iBAAiB,OAAO,YAA+B;AAC3D,MAAI,CAAC,OACH,OAAM,IAAID,uCACR,uCACA,0CACA,SACD;AAGH,SAAQ,MAAM,OAAO,QAAQ;;AAG/B,QACE,2CAACE;EACiB;EAChB,cAAc;EACd,UAAU;EACD;EACE;EACL;EACG;EACT,eAAe;GACf;;AAIN,qBAAe"}

package/dist/cjs/client/components/presentation/User/User.cjs

@@ -0,0 +1,49 @@
+'use client';
+
+
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_useThunderID = require('../../../contexts/ThunderID/useThunderID.cjs');
+let __thunderid_react = require("@thunderid/react");
+__thunderid_react = require_rolldown_runtime.__toESM(__thunderid_react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/client/components/presentation/User/User.tsx
+/**
+* A component that uses render props to expose the authenticated user object.
+* This component automatically retrieves the user from ThunderID context.
+*
+* @remarks This component is only supported in browser based React applications (CSR).
+*
+* @example
+* ```tsx
+* import { User } from '@thunderid/auth-react';
+*
+* const App = () => {
+*   return (
+*     <User fallback={<p>Please sign in</p>}>
+*       {(user) => (
+*         <div>
+*           <h1>Welcome, {user.displayName}!</h1>
+*           <p>Email: {user.email}</p>
+*         </div>
+*       )}
+*     </User>
+*   );
+* }
+* ```
+*/
+const User = ({ children, fallback = null }) => {
+	const { user } = require_useThunderID.default();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__thunderid_react.BaseUser, {
+		user,
+		fallback,
+		children
+	});
+};
+User.displayName = "User";
+var User_default = User;
+
+//#endregion
+exports.default = User_default;
+//# sourceMappingURL=User.cjs.map

package/dist/cjs/client/components/presentation/User/User.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"User.cjs","names":["User: FC<UserProps>","useThunderID","BaseUser"],"sources":["../../../../../../src/client/components/presentation/User/User.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\n'use client';\n\nimport {BaseUser, BaseUserProps} from '@thunderid/react';\nimport {FC, ReactElement, ReactNode} from 'react';\nimport useThunderID from '../../../contexts/ThunderID/useThunderID';\n\n/**\n * Props for the User component.\n * Extends BaseUserProps but makes the user prop optional since it will be obtained from useThunderID\n */\nexport interface UserProps extends Omit<BaseUserProps, 'user'> {\n  /**\n   * Render prop that takes the user object and returns a ReactNode.\n   * @param user - The authenticated user object from ThunderID.\n   * @returns A ReactNode to render.\n   */\n  children: (user: any | null) => ReactNode;\n\n  /**\n   * Optional element to render when no user is signed in.\n   */\n  fallback?: ReactNode;\n}\n\n/**\n * A component that uses render props to expose the authenticated user object.\n * This component automatically retrieves the user from ThunderID context.\n *\n * @remarks This component is only supported in browser based React applications (CSR).\n *\n * @example\n * ```tsx\n * import { User } from '@thunderid/auth-react';\n *\n * const App = () => {\n *   return (\n *     <User fallback={<p>Please sign in</p>}>\n *       {(user) => (\n *         <div>\n *           <h1>Welcome, {user.displayName}!</h1>\n *           <p>Email: {user.email}</p>\n *         </div>\n *       )}\n *     </User>\n *   );\n * }\n * ```\n */\nconst User: FC<UserProps> = ({children, fallback = null}: UserProps): ReactElement => {\n  const {user} = useThunderID();\n\n  return (\n    <BaseUser user={user} fallback={fallback}>\n      {children}\n    </BaseUser>\n  );\n};\n\nUser.displayName = 'User';\n\nexport default User;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,MAAMA,QAAuB,EAAC,UAAU,WAAW,WAAmC;CACpF,MAAM,EAAC,SAAQC,8BAAc;AAE7B,QACE,2CAACC;EAAe;EAAgB;EAC7B;GACQ;;AAIf,KAAK,cAAc;AAEnB,mBAAe"}

package/dist/cjs/client/components/presentation/UserDropdown/UserDropdown.cjs

@@ -0,0 +1,114 @@
+'use client';
+
+
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_useThunderID = require('../../../contexts/ThunderID/useThunderID.cjs');
+const require_UserProfile = require('../UserProfile/UserProfile.cjs');
+let __thunderid_react = require("@thunderid/react");
+__thunderid_react = require_rolldown_runtime.__toESM(__thunderid_react);
+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/client/components/presentation/UserDropdown/UserDropdown.tsx
+/**
+* UserDropdown component displays a user avatar with a dropdown menu.
+* When clicked, it shows a popover with customizable menu items.
+* This component is the React-specific implementation that uses the BaseUserDropdown
+* and automatically retrieves the user data from ThunderID context.
+*
+* Supports render props for complete customization of the dropdown appearance and behavior.
+*
+* @example
+* ```tsx
+* // Basic usage - will use user from ThunderID context
+* <UserDropdown menuItems={[
+*   { label: 'Profile', onClick: () => {} },
+*   { label: 'Settings', href: '/settings' },
+*   { label: 'Sign Out', onClick: () => {} }
+* ]} />
+*
+* // With custom configuration
+* <UserDropdown
+*   showTriggerLabel={true}
+*   avatarSize={40}
+*   fallback={<div>Please sign in</div>}
+* />
+*
+* // Using render props for complete customization
+* <UserDropdown>
+*   {({ user, isLoading, openProfile, signOut }) => (
+*     <div>
+*       <button onClick={openProfile}>
+*         {user?.name || 'Loading...'}
+*       </button>
+*       <button onClick={signOut}>Logout</button>
+*     </div>
+*   )}
+* </UserDropdown>
+*
+* // Using partial render props
+* <UserDropdown
+*   renderTrigger={({ user, openProfile }) => (
+*     <button onClick={openProfile} className="custom-trigger">
+*       Welcome, {user?.name}!
+*     </button>
+*   )}
+* />
+* ```
+*/
+const UserDropdown = ({ children, renderTrigger, renderDropdown, onSignOut,...rest }) => {
+	const { user, isLoading, signOut } = require_useThunderID.default();
+	const [isProfileOpen, setIsProfileOpen] = (0, react.useState)(false);
+	const handleManageProfile = () => {
+		setIsProfileOpen(true);
+	};
+	const handleSignOut = () => {
+		signOut();
+		if (onSignOut) onSignOut();
+	};
+	const closeProfile = () => {
+		setIsProfileOpen(false);
+	};
+	const renderProps = {
+		closeProfile,
+		isLoading,
+		isProfileOpen,
+		openProfile: handleManageProfile,
+		signOut: handleSignOut,
+		user
+	};
+	if (children) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [children(renderProps), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_UserProfile.default, {
+		mode: "popup",
+		open: isProfileOpen,
+		onOpenChange: setIsProfileOpen
+	})] });
+	if (renderTrigger || renderDropdown) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [renderTrigger ? renderTrigger(renderProps) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__thunderid_react.BaseUserDropdown, {
+		user,
+		isLoading,
+		onManageProfile: handleManageProfile,
+		onSignOut: handleSignOut,
+		...rest
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_UserProfile.default, {
+		mode: "popup",
+		open: isProfileOpen,
+		onOpenChange: setIsProfileOpen
+	})] });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__thunderid_react.BaseUserDropdown, {
+		user,
+		isLoading,
+		onManageProfile: handleManageProfile,
+		onSignOut: handleSignOut,
+		...rest
+	}), isProfileOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_UserProfile.default, {
+		mode: "popup",
+		open: isProfileOpen,
+		onOpenChange: setIsProfileOpen
+	})] });
+};
+var UserDropdown_default = UserDropdown;
+
+//#endregion
+exports.default = UserDropdown_default;
+//# sourceMappingURL=UserDropdown.cjs.map

package/dist/cjs/client/components/presentation/UserDropdown/UserDropdown.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserDropdown.cjs","names":["UserDropdown: FC<UserDropdownProps>","useThunderID","renderProps: UserDropdownRenderProps","UserProfile","BaseUserDropdown"],"sources":["../../../../../../src/client/components/presentation/UserDropdown/UserDropdown.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\n'use client';\n\nimport {BaseUserDropdown, BaseUserDropdownProps} from '@thunderid/react';\nimport {FC, ReactElement, ReactNode, useState} from 'react';\nimport useThunderID from '../../../contexts/ThunderID/useThunderID';\nimport UserProfile from '../UserProfile/UserProfile.js';\n\n/**\n * Render props data passed to the children function\n */\nexport interface UserDropdownRenderProps {\n  /** Function to close the profile dialog */\n  closeProfile: () => void;\n  /** Whether user data is currently loading */\n  isLoading: boolean;\n  /** Whether the profile dialog is currently open */\n  isProfileOpen: boolean;\n  /** Function to open the user profile dialog */\n  openProfile: () => void;\n  /** Function to sign out the user */\n  signOut: () => void;\n  /** The authenticated user object */\n  user: any;\n}\n\n/**\n * Props for the UserDropdown component.\n * Extends BaseUserDropdownProps but excludes user, onManageProfile, and onSignOut since they're handled internally\n */\nexport type UserDropdownProps = Omit<BaseUserDropdownProps, 'user' | 'onManageProfile'> & {\n  /**\n   * Render prop function that receives user state and actions.\n   * When provided, this completely replaces the default dropdown rendering.\n   */\n  children?: (props: UserDropdownRenderProps) => ReactNode;\n  /**\n   * Custom render function for the dropdown content.\n   * When provided, this replaces just the dropdown content while keeping the trigger.\n   */\n  renderDropdown?: (props: UserDropdownRenderProps) => ReactNode;\n  /**\n   * Custom render function for the trigger button.\n   * When provided, this replaces just the trigger button while keeping the dropdown.\n   */\n  renderTrigger?: (props: UserDropdownRenderProps) => ReactNode;\n};\n\n/**\n * UserDropdown component displays a user avatar with a dropdown menu.\n * When clicked, it shows a popover with customizable menu items.\n * This component is the React-specific implementation that uses the BaseUserDropdown\n * and automatically retrieves the user data from ThunderID context.\n *\n * Supports render props for complete customization of the dropdown appearance and behavior.\n *\n * @example\n * ```tsx\n * // Basic usage - will use user from ThunderID context\n * <UserDropdown menuItems={[\n *   { label: 'Profile', onClick: () => {} },\n *   { label: 'Settings', href: '/settings' },\n *   { label: 'Sign Out', onClick: () => {} }\n * ]} />\n *\n * // With custom configuration\n * <UserDropdown\n *   showTriggerLabel={true}\n *   avatarSize={40}\n *   fallback={<div>Please sign in</div>}\n * />\n *\n * // Using render props for complete customization\n * <UserDropdown>\n *   {({ user, isLoading, openProfile, signOut }) => (\n *     <div>\n *       <button onClick={openProfile}>\n *         {user?.name || 'Loading...'}\n *       </button>\n *       <button onClick={signOut}>Logout</button>\n *     </div>\n *   )}\n * </UserDropdown>\n *\n * // Using partial render props\n * <UserDropdown\n *   renderTrigger={({ user, openProfile }) => (\n *     <button onClick={openProfile} className=\"custom-trigger\">\n *       Welcome, {user?.name}!\n *     </button>\n *   )}\n * />\n * ```\n */\nconst UserDropdown: FC<UserDropdownProps> = ({\n  children,\n  renderTrigger,\n  renderDropdown,\n  onSignOut,\n  ...rest\n}: UserDropdownProps): ReactElement => {\n  const {user, isLoading, signOut} = useThunderID();\n  const [isProfileOpen, setIsProfileOpen] = useState(false);\n\n  const handleManageProfile = (): void => {\n    setIsProfileOpen(true);\n  };\n\n  const handleSignOut = (): void => {\n    signOut();\n    if (onSignOut) {\n      onSignOut();\n    }\n  };\n\n  const closeProfile = (): void => {\n    setIsProfileOpen(false);\n  };\n\n  // Prepare render props data\n  const renderProps: UserDropdownRenderProps = {\n    closeProfile,\n    isLoading: isLoading!,\n    isProfileOpen,\n    openProfile: handleManageProfile,\n    signOut: handleSignOut,\n    user,\n  };\n\n  // If children render prop is provided, use it for complete customization\n  if (children) {\n    return (\n      <>\n        {children(renderProps)}\n        <UserProfile mode=\"popup\" open={isProfileOpen} onOpenChange={setIsProfileOpen} />\n      </>\n    );\n  }\n\n  // If partial render props are provided, customize specific parts\n  if (renderTrigger || renderDropdown) {\n    // This would require significant changes to BaseUserDropdown to support partial customization\n    // For now, we'll provide a simple implementation that shows how it could work\n    return (\n      <>\n        {renderTrigger ? (\n          renderTrigger(renderProps)\n        ) : (\n          <BaseUserDropdown\n            user={user}\n            isLoading={isLoading}\n            onManageProfile={handleManageProfile}\n            onSignOut={handleSignOut}\n            {...rest}\n          />\n        )}\n        {/* Note: renderDropdown would need BaseUserDropdown modifications to implement properly */}\n        <UserProfile mode=\"popup\" open={isProfileOpen} onOpenChange={setIsProfileOpen} />\n      </>\n    );\n  }\n\n  // Default behavior - use BaseUserDropdown as before\n  return (\n    <>\n      <BaseUserDropdown\n        user={user}\n        isLoading={isLoading}\n        onManageProfile={handleManageProfile}\n        onSignOut={handleSignOut}\n        {...rest}\n      />\n      {isProfileOpen && <UserProfile mode=\"popup\" open={isProfileOpen} onOpenChange={setIsProfileOpen} />}\n    </>\n  );\n};\n\nexport default UserDropdown;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+GA,MAAMA,gBAAuC,EAC3C,UACA,eACA,gBACA,UACA,GAAG,WACkC;CACrC,MAAM,EAAC,MAAM,WAAW,YAAWC,8BAAc;CACjD,MAAM,CAAC,eAAe,wCAA6B,MAAM;CAEzD,MAAM,4BAAkC;AACtC,mBAAiB,KAAK;;CAGxB,MAAM,sBAA4B;AAChC,WAAS;AACT,MAAI,UACF,YAAW;;CAIf,MAAM,qBAA2B;AAC/B,mBAAiB,MAAM;;CAIzB,MAAMC,cAAuC;EAC3C;EACW;EACX;EACA,aAAa;EACb,SAAS;EACT;EACD;AAGD,KAAI,SACF,QACE,qFACG,SAAS,YAAY,EACtB,2CAACC;EAAY,MAAK;EAAQ,MAAM;EAAe,cAAc;GAAoB,IAChF;AAKP,KAAI,iBAAiB,eAGnB,QACE,qFACG,gBACC,cAAc,YAAY,GAE1B,2CAACC;EACO;EACK;EACX,iBAAiB;EACjB,WAAW;EACX,GAAI;GACJ,EAGJ,2CAACD;EAAY,MAAK;EAAQ,MAAM;EAAe,cAAc;GAAoB,IAChF;AAKP,QACE,qFACE,2CAACC;EACO;EACK;EACX,iBAAiB;EACjB,WAAW;EACX,GAAI;GACJ,EACD,iBAAiB,2CAACD;EAAY,MAAK;EAAQ,MAAM;EAAe,cAAc;GAAoB,IAClG;;AAIP,2BAAe"}

package/dist/cjs/client/components/presentation/UserProfile/UserProfile.cjs

@@ -0,0 +1,52 @@
+'use client';
+
+
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_getSessionId = require('../../../../server/actions/getSessionId.cjs');
+let __thunderid_react = require("@thunderid/react");
+__thunderid_react = require_rolldown_runtime.__toESM(__thunderid_react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/client/components/presentation/UserProfile/UserProfile.tsx
+/**
+* UserProfile component displays the authenticated user's profile information in a
+* structured and styled format. It shows user details such as display name, email,
+* username, and other available profile information from ThunderID.
+*
+* This component is the React-specific implementation that uses the BaseUserProfile
+* and automatically retrieves the user data from ThunderID context if not provided.
+*
+* @example
+* ```tsx
+* // Basic usage - will use user from ThunderID context
+* <UserProfile />
+*
+* // With explicit user data
+* <UserProfile user={specificUser} />
+*
+* // With card layout and custom fallback
+* <UserProfile
+*   cardLayout={true}
+*   fallback={<div>Please sign in to view your profile</div>}
+* />
+* ```
+*/
+const UserProfile = ({ ...rest }) => {
+	const { profile, flattenedProfile, schemas, onUpdateProfile, updateProfile } = (0, __thunderid_react.useUser)();
+	const handleProfileUpdate = async (payload) => {
+		onUpdateProfile((await updateProfile(payload, await require_getSessionId.default()))?.data?.user);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__thunderid_react.BaseUserProfile, {
+		profile,
+		flattenedProfile,
+		schemas,
+		onUpdate: handleProfileUpdate,
+		...rest
+	});
+};
+var UserProfile_default = UserProfile;
+
+//#endregion
+exports.default = UserProfile_default;
+//# sourceMappingURL=UserProfile.cjs.map

package/dist/cjs/client/components/presentation/UserProfile/UserProfile.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserProfile.cjs","names":["UserProfile: FC<UserProfileProps>","getSessionId","BaseUserProfile"],"sources":["../../../../../../src/client/components/presentation/UserProfile/UserProfile.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\n'use client';\n\nimport {Schema, User} from '@thunderid/node';\nimport {BaseUserProfile, BaseUserProfileProps, useUser} from '@thunderid/react';\nimport {FC, ReactElement} from 'react';\nimport getSessionId from '../../../../server/actions/getSessionId';\n\n/**\n * Props for the UserProfile component.\n * Extends BaseUserProfileProps but makes the user prop optional since it will be obtained from useThunderID\n */\nexport type UserProfileProps = Omit<BaseUserProfileProps, 'user' | 'profile' | 'flattenedProfile' | 'schemas'>;\n\n/**\n * UserProfile component displays the authenticated user's profile information in a\n * structured and styled format. It shows user details such as display name, email,\n * username, and other available profile information from ThunderID.\n *\n * This component is the React-specific implementation that uses the BaseUserProfile\n * and automatically retrieves the user data from ThunderID context if not provided.\n *\n * @example\n * ```tsx\n * // Basic usage - will use user from ThunderID context\n * <UserProfile />\n *\n * // With explicit user data\n * <UserProfile user={specificUser} />\n *\n * // With card layout and custom fallback\n * <UserProfile\n *   cardLayout={true}\n *   fallback={<div>Please sign in to view your profile</div>}\n * />\n * ```\n */\nconst UserProfile: FC<UserProfileProps> = ({...rest}: UserProfileProps): ReactElement => {\n  const {profile, flattenedProfile, schemas, onUpdateProfile, updateProfile} = useUser();\n\n  const handleProfileUpdate = async (payload: any): Promise<void> => {\n    const result: {data: {user: User}; error: string; success: boolean} = await updateProfile(\n      payload,\n      await getSessionId(),\n    );\n    onUpdateProfile(result?.data?.user);\n  };\n\n  return (\n    <BaseUserProfile\n      profile={profile!}\n      flattenedProfile={flattenedProfile!}\n      schemas={schemas!}\n      onUpdate={handleProfileUpdate}\n      {...rest}\n    />\n  );\n};\n\nexport default UserProfile;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDA,MAAMA,eAAqC,EAAC,GAAG,WAA0C;CACvF,MAAM,EAAC,SAAS,kBAAkB,SAAS,iBAAiB,kDAA0B;CAEtF,MAAM,sBAAsB,OAAO,YAAgC;AAKjE,mBAJsE,MAAM,cAC1E,SACA,MAAMC,8BAAc,CACrB,GACuB,MAAM,KAAK;;AAGrC,QACE,2CAACC;EACU;EACS;EACT;EACT,UAAU;EACV,GAAI;GACJ;;AAIN,0BAAe"}

package/dist/cjs/client/contexts/ThunderID/ThunderIDContext.cjs

@@ -0,0 +1,34 @@
+'use client';
+
+
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+
+//#region src/client/contexts/ThunderID/ThunderIDContext.ts
+/**
+* Context object for managing the Authentication flow builder core context.
+*/
+const ThunderIDContext = (0, react.createContext)({
+	afterSignInUrl: void 0,
+	applicationId: void 0,
+	baseUrl: void 0,
+	clearSession: () => Promise.resolve(),
+	isInitialized: false,
+	isLoading: true,
+	isSignedIn: false,
+	organizationHandle: void 0,
+	refreshToken: () => Promise.resolve({ expiresAt: 0 }),
+	signIn: () => Promise.resolve({}),
+	signInUrl: void 0,
+	signOut: () => Promise.resolve({}),
+	signUp: () => Promise.resolve({}),
+	signUpUrl: void 0,
+	user: null
+});
+ThunderIDContext.displayName = "ThunderIDContext";
+var ThunderIDContext_default = ThunderIDContext;
+
+//#endregion
+exports.default = ThunderIDContext_default;
+//# sourceMappingURL=ThunderIDContext.cjs.map

package/dist/cjs/client/contexts/ThunderID/ThunderIDContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThunderIDContext.cjs","names":["ThunderIDContext: Context<ThunderIDContextProps | null>"],"sources":["../../../../../src/client/contexts/ThunderID/ThunderIDContext.ts"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\n'use client';\n\nimport {ThunderIDContextProps as ReactContextProps} from '@thunderid/react';\nimport {Context, createContext} from 'react';\nimport {RefreshResult} from '../../../server/actions/refreshToken';\n\n/**\n * Props interface of {@link ThunderIDContext}\n */\nexport type ThunderIDContextProps = Partial<ReactContextProps> & {\n  clearSession?: () => Promise<void>;\n  refreshToken?: () => Promise<RefreshResult>;\n};\n\n/**\n * Context object for managing the Authentication flow builder core context.\n */\nconst ThunderIDContext: Context<ThunderIDContextProps | null> = createContext<null | ThunderIDContextProps>({\n  afterSignInUrl: undefined,\n  applicationId: undefined,\n  baseUrl: undefined,\n  clearSession: () => Promise.resolve(),\n  isInitialized: false,\n  isLoading: true,\n  isSignedIn: false,\n  organizationHandle: undefined,\n  refreshToken: () => Promise.resolve({expiresAt: 0}),\n  signIn: () => Promise.resolve({} as any),\n  signInUrl: undefined,\n  signOut: () => Promise.resolve({} as any),\n  signUp: () => Promise.resolve({} as any),\n  signUpUrl: undefined,\n  user: null,\n});\n\nThunderIDContext.displayName = 'ThunderIDContext';\n\nexport default ThunderIDContext;\n"],"mappings":";;;;;;;;;;;AAmCA,MAAMA,4CAAsG;CAC1G,gBAAgB;CAChB,eAAe;CACf,SAAS;CACT,oBAAoB,QAAQ,SAAS;CACrC,eAAe;CACf,WAAW;CACX,YAAY;CACZ,oBAAoB;CACpB,oBAAoB,QAAQ,QAAQ,EAAC,WAAW,GAAE,CAAC;CACnD,cAAc,QAAQ,QAAQ,EAAE,CAAQ;CACxC,WAAW;CACX,eAAe,QAAQ,QAAQ,EAAE,CAAQ;CACzC,cAAc,QAAQ,QAAQ,EAAE,CAAQ;CACxC,WAAW;CACX,MAAM;CACP,CAAC;AAEF,iBAAiB,cAAc;AAE/B,+BAAe"}