@asgardeo/nextjs 0.0.2 → 0.1.0

package/dist/client/components/actions/SignInButton/SignInButton.js

@@ -17,11 +17,13 @@
  */
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import InternalAuthAPIRoutesConfig from '../../../../configs/InternalAuthAPIRoutesConfig';
-import { BaseSignInButton } from '@asgardeo/react';
+import { forwardRef, useState } from 'react';
+import { AsgardeoRuntimeError } from '@asgardeo/node';
+import { BaseSignInButton, useTranslation } from '@asgardeo/react';
+import useAsgardeo from '../../../../client/contexts/Asgardeo/useAsgardeo';
+import { useRouter } from 'next/navigation';
 /**
- * SignInButton component that supports both render props and traditional props patterns for Next.js.
+ * SignInButton component that uses server actions for authentication in Next.js.
  *
  * @example Using render props
  * ```tsx
@@ -40,12 +42,37 @@ import { BaseSignInButton } from '@asgardeo/react';
  * ```
  *
  * @remarks
- * In Next.js with server actions, the sign-in is handled via form submission.
+ * In Next.js with server actions, the sign-in is handled via the server action.
  * When using render props, the custom button should use `type="submit"` instead of `onClick={signIn}`.
  * The `signIn` function in render props is provided for API consistency but should not be used directly.
  */
-const SignInButton = forwardRef(({ className, style, ...rest }, ref) => {
-    return (_jsx("form", { action: InternalAuthAPIRoutesConfig.signIn, children: _jsx(BaseSignInButton, { className: className, style: style, ref: ref, type: "submit", ...rest }) }));
+const SignInButton = forwardRef(({ className, style, children, preferences, onClick, ...rest }, ref) => {
+    const { signIn, signInUrl } = useAsgardeo();
+    const router = useRouter();
+    const { t } = useTranslation(preferences?.i18n);
+    const [isLoading, setIsLoading] = useState(false);
+    const handleOnClick = async (e) => {
+        try {
+            setIsLoading(true);
+            // If a custom `signInUrl` is provided, use it for navigation.
+            if (signInUrl) {
+                router.push(signInUrl);
+            }
+            else {
+                await signIn();
+            }
+            if (onClick) {
+                onClick(e);
+            }
+        }
+        catch (error) {
+            throw new AsgardeoRuntimeError(`Sign in failed: ${error instanceof Error ? error.message : String(error)}`, 'SignInButton-handleSignIn-RuntimeError-001', 'nextjs', 'Something went wrong while trying to sign in. Please try again later.');
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    return (_jsx(BaseSignInButton, { className: className, style: style, ref: ref, preferences: preferences, onClick: handleOnClick, ...rest, children: children ?? t('elements.buttons.signIn') }));
 });
 SignInButton.displayName = 'SignInButton';
 export default SignInButton;

package/dist/client/components/actions/SignInButton/SignInButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignInButton.js","sourceRoot":"","sources":["../../../../../src/client/components/actions/SignInButton/SignInButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,YAAY,CAAC;;AAEb,OAAO,EAAC,UAAU,EAA8D,MAAM,OAAO,CAAC;AAC9F,OAAO,2BAA2B,MAAM,iDAAiD,CAAC;AAC1F,OAAO,EAAC,gBAAgB,EAAwB,MAAM,iBAAiB,CAAC;AAOxE;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,YAAY,GAAG,UAAU,CAC7B,CAAC,EAAC,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAoB,EAAE,GAA2B,EAAgB,EAAE;IAC5F,OAAO,CACL,eAAM,MAAM,EAAE,2BAA2B,CAAC,MAAM,YAC9C,KAAC,gBAAgB,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,QAAQ,KAAK,IAAI,GAAI,GACrF,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,eAAe,YAAY,CAAC"}
+{"version":3,"file":"SignInButton.js","sourceRoot":"","sources":["../../../../../src/client/components/actions/SignInButton/SignInButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,YAAY,CAAC;;AAEb,OAAO,EAAC,UAAU,EAA+D,QAAQ,EAAa,MAAM,OAAO,CAAC;AACpH,OAAO,EAAC,oBAAoB,EAAC,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAC,gBAAgB,EAAyB,cAAc,EAAC,MAAM,iBAAiB,CAAC;AACxF,OAAO,WAAW,MAAM,kDAAkD,CAAC;AAC3E,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAO1C;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,YAAY,GAAG,UAAU,CAC7B,CACE,EAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,IAAI,EAAoB,EAC9E,GAA2B,EACb,EAAE;IAChB,MAAM,EAAC,MAAM,EAAE,SAAS,EAAC,GAAG,WAAW,EAAE,CAAC;IAC1C,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,EAAC,CAAC,EAAC,GAAG,cAAc,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;IAE9C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,aAAa,GAAG,KAAK,EAAE,CAAgC,EAAiB,EAAE;QAC9E,IAAI,CAAC;YACH,YAAY,CAAC,IAAI,CAAC,CAAC;YAEnB,8DAA8D;YAC9D,IAAI,SAAS,EAAE,CAAC;gBACd,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YACzB,CAAC;iBAAM,CAAC;gBACN,MAAM,MAAM,EAAE,CAAC;YACjB,CAAC;YAED,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,CAAC,CAAC,CAAC,CAAC;YACb,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,MAAM,IAAI,oBAAoB,CAC5B,mBAAmB,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,EAC3E,4CAA4C,EAC5C,QAAQ,EACR,uEAAuE,CACxE,CAAC;QACJ,CAAC;gBAAS,CAAC;YACT,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,gBAAgB,IACf,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,aAAa,KAClB,IAAI,YAEP,QAAQ,IAAI,CAAC,CAAC,yBAAyB,CAAC,GACxB,CACpB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,eAAe,YAAY,CAAC"}

package/dist/client/components/actions/SignOutButton/SignOutButton.d.ts

@@ -15,7 +15,6 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { FC, PropsWithChildren } from 'react';
 import { BaseSignOutButtonProps } from '@asgardeo/react';
 /**
  * Interface for SignInButton component props.
@@ -38,5 +37,5 @@ export type SignOutButtonProps = BaseSignOutButtonProps;
  * }
  * ```
  */
-declare const SignOutButton: FC<PropsWithChildren<SignOutButtonProps>>;
+declare const SignOutButton: import("react").ForwardRefExoticComponent<BaseSignOutButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 export default SignOutButton;

package/dist/client/components/actions/SignOutButton/SignOutButton.js

@@ -17,9 +17,10 @@
  */
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import InternalAuthAPIRoutesConfig from '../../../../configs/InternalAuthAPIRoutesConfig';
-import { BaseSignOutButton } from '@asgardeo/react';
+import { forwardRef, useState } from 'react';
+import { BaseSignOutButton, useTranslation } from '@asgardeo/react';
+import { AsgardeoRuntimeError } from '@asgardeo/node';
+import useAsgardeo from '../../../../client/contexts/Asgardeo/useAsgardeo';
 /**
  * SignInButton component. This button initiates the sign-in process when clicked.
  *
@@ -37,6 +38,26 @@ import { BaseSignOutButton } from '@asgardeo/react';
  * }
  * ```
  */
-const SignOutButton = forwardRef(({ className, style, ...rest }, ref) => (_jsx("form", { action: InternalAuthAPIRoutesConfig.signOut, children: _jsx(BaseSignOutButton, { className: className, style: style, ref: ref, type: "submit", ...rest }) })));
+const SignOutButton = forwardRef(({ className, style, preferences, onClick, children, ...rest }, ref) => {
+    const { signOut } = useAsgardeo();
+    const { t } = useTranslation(preferences?.i18n);
+    const [isLoading, setIsLoading] = useState(false);
+    const handleOnClick = async (e) => {
+        try {
+            setIsLoading(true);
+            await signOut();
+            if (onClick) {
+                onClick(e);
+            }
+        }
+        catch (error) {
+            throw new AsgardeoRuntimeError(`Sign out failed: ${error instanceof Error ? error.message : String(error)}`, 'SignOutButton-handleOnClick-RuntimeError-001', 'next', 'Something went wrong while trying to sign out. Please try again later.');
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    return (_jsx(BaseSignOutButton, { ref: ref, onClick: handleOnClick, isLoading: isLoading, preferences: preferences, ...rest, children: children ?? t('elements.buttons.signOut') }));
+});
 export default SignOutButton;
 //# sourceMappingURL=SignOutButton.js.map

package/dist/client/components/actions/SignOutButton/SignOutButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignOutButton.js","sourceRoot":"","sources":["../../../../../src/client/components/actions/SignOutButton/SignOutButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,YAAY,CAAC;;AAEb,OAAO,EAAK,UAAU,EAAuC,MAAM,OAAO,CAAC;AAC3E,OAAO,2BAA2B,MAAM,iDAAiD,CAAC;AAC1F,OAAO,EAAC,iBAAiB,EAAyB,MAAM,iBAAiB,CAAC;AAO1E;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,aAAa,GAA8C,UAAU,CAIzE,CAAC,EAAC,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAwC,EAAE,GAA2B,EAAgB,EAAE,CAAC,CACjH,eAAM,MAAM,EAAE,2BAA2B,CAAC,OAAO,YAC/C,KAAC,iBAAiB,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,QAAQ,KAAK,IAAI,GAAI,GACtF,CACR,CACF,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"SignOutButton.js","sourceRoot":"","sources":["../../../../../src/client/components/actions/SignOutButton/SignOutButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,YAAY,CAAC;;AAEb,OAAO,EAAK,UAAU,EAAwC,QAAQ,EAAa,MAAM,OAAO,CAAC;AACjG,OAAO,EAAC,iBAAiB,EAA0B,cAAc,EAAC,MAAM,iBAAiB,CAAC;AAC1F,OAAO,EAAC,oBAAoB,EAAC,MAAM,gBAAgB,CAAC;AACpD,OAAO,WAAW,MAAM,kDAAkD,CAAC;AAO3E;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,aAAa,GAAG,UAAU,CAC9B,CAAC,EAAC,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAqB,EAAE,GAA2B,EAAgB,EAAE;IAC7H,MAAM,EAAC,OAAO,EAAC,GAAG,WAAW,EAAE,CAAC;IAChC,MAAM,EAAC,CAAC,EAAC,GAAG,cAAc,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;IAE9C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,aAAa,GAAG,KAAK,EAAE,CAAgC,EAAiB,EAAE;QAC9E,IAAI,CAAC;YACH,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,MAAM,OAAO,EAAE,CAAC;YAEhB,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,CAAC,CAAC,CAAC,CAAC;YACb,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,MAAM,IAAI,oBAAoB,CAC5B,oBAAoB,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,EAC5E,8CAA8C,EAC9C,MAAM,EACN,wEAAwE,CACzE,CAAC;QACJ,CAAC;gBAAS,CAAC;YACT,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,iBAAiB,IAChB,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,KACpB,IAAI,YAEP,QAAQ,IAAI,CAAC,CAAC,0BAA0B,CAAC,GACxB,CACrB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/client/components/actions/SignUpButton/SignUpButton.d.ts

@@ -15,28 +15,52 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { FC, PropsWithChildren } from 'react';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 import { BaseSignUpButtonProps } from '@asgardeo/react';
 /**
- * Interface for SignInButton component props.
+ * Props interface of {@link SignUpButton}
  */
 export type SignUpButtonProps = BaseSignUpButtonProps;
 /**
- * SignInButton component. This button initiates the sign-in process when clicked.
+ * SignUpButton component that supports both render props and traditional props patterns.
+ * It redirects the user to the Asgardeo sign-up page configured for the application.
  *
- * @example
+ * @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
- * import { SignInButton } from '@asgardeo/auth-react';
+ * <SignUpButton className="custom-button">Create Account</SignUpButton>
+ * ```
  *
- * const App = () => {
- *   const buttonRef = useRef<HTMLButtonElement>(null);
- *   return (
- *     <SignInButton ref={buttonRef} className="custom-class" style={{ backgroundColor: 'blue' }}>
- *       Sign In
- *     </SignInButton>
- *   );
- * }
+ * @example Using component-level preferences
+ * ```tsx
+ * <SignUpButton
+ *   preferences={{
+ *     i18n: {
+ *       bundles: {
+ *         'en-US': {
+ *           translations: {
+ *             'buttons.signUp': 'Custom Sign Up Text'
+ *           }
+ *         }
+ *       }
+ *     }
+ *   }}
+ * >
+ *   Custom Sign Up
+ * </SignUpButton>
  * ```
  */
-declare const SignUpButton: FC<PropsWithChildren<SignUpButtonProps>>;
+declare const SignUpButton: ForwardRefExoticComponent<SignUpButtonProps & RefAttributes<HTMLButtonElement>>;
 export default SignUpButton;

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

@@ -17,26 +17,80 @@
  */
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import InternalAuthAPIRoutesConfig from '../../../../configs/InternalAuthAPIRoutesConfig';
-import { BaseSignUpButton } from '@asgardeo/react';
+import { AsgardeoRuntimeError } from '@asgardeo/node';
+import { forwardRef, useState } from 'react';
+import { BaseSignUpButton, useTranslation } from '@asgardeo/react';
+import useAsgardeo from '../../../contexts/Asgardeo/useAsgardeo';
+import { useRouter } from 'next/navigation';
 /**
- * SignInButton component. This button initiates the sign-in process when clicked.
+ * SignUpButton component that supports both render props and traditional props patterns.
+ * It redirects the user to the Asgardeo sign-up page configured for the application.
  *
- * @example
+ * @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
- * import { SignInButton } from '@asgardeo/auth-react';
+ * <SignUpButton className="custom-button">Create Account</SignUpButton>
+ * ```
  *
- * const App = () => {
- *   const buttonRef = useRef<HTMLButtonElement>(null);
- *   return (
- *     <SignInButton ref={buttonRef} className="custom-class" style={{ backgroundColor: 'blue' }}>
- *       Sign In
- *     </SignInButton>
- *   );
- * }
+ * @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 = forwardRef(({ className, style, ...rest }, ref) => (_jsx("form", { action: InternalAuthAPIRoutesConfig.signUp, children: _jsx(BaseSignUpButton, { className: className, style: style, ref: ref, type: "submit", ...rest }) })));
+const SignUpButton = forwardRef(({ children, onClick, preferences, ...rest }, ref) => {
+    const { signUp, signUpUrl } = useAsgardeo();
+    const router = useRouter();
+    const { t } = useTranslation(preferences?.i18n);
+    const [isLoading, setIsLoading] = useState(false);
+    const handleSignUp = async (e) => {
+        try {
+            setIsLoading(true);
+            // If a custom `signUpUrl` is provided, use it for navigation.
+            if (signUpUrl) {
+                router.push(signUpUrl);
+            }
+            else {
+                await signUp();
+            }
+            if (onClick) {
+                onClick(e);
+            }
+        }
+        catch (error) {
+            throw new AsgardeoRuntimeError(`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 (_jsx(BaseSignUpButton, { ref: ref, onClick: handleSignUp, isLoading: isLoading, signUp: handleSignUp, preferences: preferences, ...rest, children: children ?? t('elements.buttons.signUp') }));
+});
+SignUpButton.displayName = 'SignUpButton';
 export default SignUpButton;
 //# sourceMappingURL=SignUpButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SignUpButton.js","sourceRoot":"","sources":["../../../../../src/client/components/actions/SignUpButton/SignUpButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,YAAY,CAAC;;AAEb,OAAO,EAAK,UAAU,EAAuC,MAAM,OAAO,CAAC;AAC3E,OAAO,2BAA2B,MAAM,iDAAiD,CAAC;AAC1F,OAAO,EAAC,gBAAgB,EAAwB,MAAM,iBAAiB,CAAC;AAOxE;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,YAAY,GAA6C,UAAU,CAIvE,CAAC,EAAC,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAuC,EAAE,GAA2B,EAAgB,EAAE,CAAC,CAChH,eAAM,MAAM,EAAE,2BAA2B,CAAC,MAAM,YAC9C,KAAC,gBAAgB,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,QAAQ,KAAK,IAAI,GAAI,GACrF,CACR,CACF,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"SignUpButton.js","sourceRoot":"","sources":["../../../../../src/client/components/actions/SignUpButton/SignUpButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,YAAY,CAAC;;AAEb,OAAO,EAAC,oBAAoB,EAAC,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAC,UAAU,EAA2E,QAAQ,EAAC,MAAM,OAAO,CAAC;AACpH,OAAO,EAAC,gBAAgB,EAAyB,cAAc,EAAC,MAAM,iBAAiB,CAAC;AACxF,OAAO,WAAW,MAAM,wCAAwC,CAAC;AACjE,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAO1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,MAAM,YAAY,GAAoF,UAAU,CAG9G,CAAC,EAAC,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,IAAI,EAAoB,EAAE,GAA2B,EAAgB,EAAE;IAC5G,MAAM,EAAC,MAAM,EAAE,SAAS,EAAC,GAAG,WAAW,EAAE,CAAC;IAC1C,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,EAAC,CAAC,EAAC,GAAG,cAAc,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;IAE9C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,YAAY,GAAG,KAAK,EAAE,CAAiC,EAAiB,EAAE;QAC9E,IAAI,CAAC;YACH,YAAY,CAAC,IAAI,CAAC,CAAC;YAEnB,8DAA8D;YAC9D,IAAI,SAAS,EAAE,CAAC;gBACd,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YACzB,CAAC;iBAAM,CAAC;gBACN,MAAM,MAAM,EAAE,CAAC;YACjB,CAAC;YAED,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,CAAC,CAAkC,CAAC,CAAC;YAC9C,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,MAAM,IAAI,oBAAoB,CAC5B,mBAAmB,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,EAC3E,4CAA4C,EAC5C,QAAQ,EACR,uEAAuE,CACxE,CAAC;QACJ,CAAC;gBAAS,CAAC;YACT,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,gBAAgB,IACf,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,YAAY,EACrB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,YAAY,EACpB,WAAW,EAAE,WAAW,KACpB,IAAI,YAEP,QAAQ,IAAI,CAAC,CAAC,yBAAyB,CAAC,GACxB,CACpB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,eAAe,YAAY,CAAC"}

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

@@ -17,8 +17,7 @@
  */
 'use client';
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import isSignedIn from '../../../../server/actions/isSignedIn';
+import useAsgardeo from '../../../contexts/Asgardeo/useAsgardeo';
 /**
  * A component that only renders its children when the user is signed in.
  *
@@ -36,21 +35,8 @@ import isSignedIn from '../../../../server/actions/isSignedIn';
  * ```
  */
 const SignedIn = ({ children, fallback = null, }) => {
-    const [isSignedInSync, setIsSignedInSync] = useState(null);
-    useEffect(() => {
-        (async () => {
-            try {
-                const result = await isSignedIn();
-                setIsSignedInSync(result);
-            }
-            catch (error) {
-                setIsSignedInSync(false);
-            }
-        })();
-    }, []);
-    if (isSignedInSync === null)
-        return null;
-    return _jsx(_Fragment, { children: isSignedInSync ? children : fallback });
+    const { isSignedIn } = useAsgardeo();
+    return _jsx(_Fragment, { children: isSignedIn ? children : fallback });
 };
 export default SignedIn;
 //# sourceMappingURL=SignedIn.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SignedIn.js","sourceRoot":"","sources":["../../../../../src/client/components/control/SignedIn/SignedIn.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,YAAY,CAAC;;AAEb,OAAO,EAAmC,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC5E,OAAO,UAAU,MAAM,uCAAuC,CAAC;AAY/D;;;;;;;;;;;;;;;GAeG;AACH,MAAM,QAAQ,GAAyC,CAAC,EACtD,QAAQ,EACR,QAAQ,GAAG,IAAI,GACkB,EAAE,EAAE;IACrC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAiB,IAAI,CAAC,CAAC;IAE3E,SAAS,CAAC,GAAG,EAAE;QACb,CAAC,KAAK,IAAmB,EAAE;YACzB,IAAI,CAAC;gBACH,MAAM,MAAM,GAAY,MAAM,UAAU,EAAE,CAAC;gBAE3C,iBAAiB,CAAC,MAAM,CAAC,CAAC;YAC5B,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,iBAAiB,CAAC,KAAK,CAAC,CAAC;YAC3B,CAAC;QACH,CAAC,CAAC,EAAE,CAAC;IACP,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,cAAc,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IAEzC,OAAO,4BAAG,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,GAAI,CAAC;AACrD,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"SignedIn.js","sourceRoot":"","sources":["../../../../../src/client/components/control/SignedIn/SignedIn.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,YAAY,CAAC;;AAGb,OAAO,WAAW,MAAM,wCAAwC,CAAC;AAYjE;;;;;;;;;;;;;;;GAeG;AACH,MAAM,QAAQ,GAAyC,CAAC,EACtD,QAAQ,EACR,QAAQ,GAAG,IAAI,GACkB,EAAE,EAAE;IACrC,MAAM,EAAC,UAAU,EAAC,GAAG,WAAW,EAAE,CAAC;IAEnC,OAAO,4BAAG,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,GAAI,CAAC;AACjD,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -17,8 +17,7 @@
  */
 'use client';
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import isSignedIn from '../../../../server/actions/isSignedIn';
+import useAsgardeo from '../../../contexts/Asgardeo/useAsgardeo';
 /**
  * A component that only renders its children when the user is signed out.
  *
@@ -36,21 +35,8 @@ import isSignedIn from '../../../../server/actions/isSignedIn';
  * ```
  */
 const SignedOut = ({ children, fallback = null, }) => {
-    const [isSignedInSync, setIsSignedInSync] = useState(null);
-    useEffect(() => {
-        (async () => {
-            try {
-                const result = await isSignedIn();
-                setIsSignedInSync(result);
-            }
-            catch (error) {
-                setIsSignedInSync(false);
-            }
-        })();
-    }, []);
-    if (isSignedInSync === null)
-        return null;
-    return _jsx(_Fragment, { children: !isSignedInSync ? children : fallback });
+    const { isSignedIn } = useAsgardeo();
+    return _jsx(_Fragment, { children: !isSignedIn ? children : fallback });
 };
 export default SignedOut;
 //# sourceMappingURL=SignedOut.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SignedOut.js","sourceRoot":"","sources":["../../../../../src/client/components/control/SignedOut/SignedOut.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,YAAY,CAAC;;AAEb,OAAO,EAAmC,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC5E,OAAO,UAAU,MAAM,uCAAuC,CAAC;AAY/D;;;;;;;;;;;;;;;GAeG;AACH,MAAM,SAAS,GAA0C,CAAC,EACxD,QAAQ,EACR,QAAQ,GAAG,IAAI,GACmB,EAAE,EAAE;IACtC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAiB,IAAI,CAAC,CAAC;IAE3E,SAAS,CAAC,GAAG,EAAE;QACb,CAAC,KAAK,IAAmB,EAAE;YACzB,IAAI,CAAC;gBACH,MAAM,MAAM,GAAY,MAAM,UAAU,EAAE,CAAC;gBAE3C,iBAAiB,CAAC,MAAM,CAAC,CAAC;YAC5B,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,iBAAiB,CAAC,KAAK,CAAC,CAAC;YAC3B,CAAC;QACH,CAAC,CAAC,EAAE,CAAC;IACP,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,cAAc,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IAEzC,OAAO,4BAAG,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,GAAI,CAAC;AACtD,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"SignedOut.js","sourceRoot":"","sources":["../../../../../src/client/components/control/SignedOut/SignedOut.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,YAAY,CAAC;;AAGb,OAAO,WAAW,MAAM,wCAAwC,CAAC;AAYjE;;;;;;;;;;;;;;;GAeG;AACH,MAAM,SAAS,GAA0C,CAAC,EACxD,QAAQ,EACR,QAAQ,GAAG,IAAI,GACmB,EAAE,EAAE;IACtC,MAAM,EAAC,UAAU,EAAC,GAAG,WAAW,EAAE,CAAC;IAEnC,OAAO,4BAAG,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,GAAI,CAAC;AAClD,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/client/components/presentation/SignIn/SignIn.d.ts

@@ -0,0 +1,69 @@
+/**
+ * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { BaseSignInProps } from '@asgardeo/react';
+import { FC } from 'react';
+/**
+ * Props for the SignIn component.
+ * Extends BaseSignInProps for full compatibility with the React BaseSignIn component
+ */
+export type SignInProps = Pick<BaseSignInProps, 'className' | 'onSuccess' | 'onError' | 'variant' | 'size'>;
+/**
+ * A SignIn component for Next.js that provides native authentication flow.
+ * This component delegates to the BaseSignIn from @asgardeo/react and requires
+ * the API functions to be provided as props.
+ *
+ * @remarks This component requires the authentication API functions to be provided
+ * as props. For a complete working example, you'll need to implement the server-side
+ * authentication endpoints or use the traditional OAuth flow with SignInButton.
+ *
+ * @example
+ * ```tsx
+ * import { SignIn } from '@asgardeo/nextjs';
+ * import { executeEmbeddedSignInFlow } from '@asgardeo/browser';
+ *
+ * const LoginPage = () => {
+ *   const handleInitialize = async () => {
+ *     return await executeEmbeddedSignInFlow({
+ *       response_mode: 'direct',
+ *     });
+ *   };
+ *
+ *   const handleSubmit = async (flow) => {
+ *     return await executeEmbeddedSignInFlow({ flow });
+ *   };
+ *
+ *   return (
+ *     <SignIn
+ *       onInitialize={handleInitialize}
+ *       onSubmit={handleSubmit}
+ *       onSuccess={(authData) => {
+ *         console.log('Authentication successful:', authData);
+ *       }}
+ *       onError={(error) => {
+ *         console.error('Authentication failed:', error);
+ *       }}
+ *       size="medium"
+ *       variant="outlined"
+ *       afterSignInUrl="/dashboard"
+ *     />
+ *   );
+ * };
+ * ```
+ */
+declare const SignIn: FC<SignInProps>;
+export default SignIn;

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

@@ -0,0 +1,85 @@
+/**
+ * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BaseSignIn } from '@asgardeo/react';
+import useAsgardeo from '../../../contexts/Asgardeo/useAsgardeo';
+/**
+ * A SignIn component for Next.js that provides native authentication flow.
+ * This component delegates to the BaseSignIn from @asgardeo/react and requires
+ * the API functions to be provided as props.
+ *
+ * @remarks This component requires the authentication API functions to be provided
+ * as props. For a complete working example, you'll need to implement the server-side
+ * authentication endpoints or use the traditional OAuth flow with SignInButton.
+ *
+ * @example
+ * ```tsx
+ * import { SignIn } from '@asgardeo/nextjs';
+ * import { executeEmbeddedSignInFlow } from '@asgardeo/browser';
+ *
+ * const LoginPage = () => {
+ *   const handleInitialize = async () => {
+ *     return await executeEmbeddedSignInFlow({
+ *       response_mode: 'direct',
+ *     });
+ *   };
+ *
+ *   const handleSubmit = async (flow) => {
+ *     return await executeEmbeddedSignInFlow({ flow });
+ *   };
+ *
+ *   return (
+ *     <SignIn
+ *       onInitialize={handleInitialize}
+ *       onSubmit={handleSubmit}
+ *       onSuccess={(authData) => {
+ *         console.log('Authentication successful:', authData);
+ *       }}
+ *       onError={(error) => {
+ *         console.error('Authentication failed:', error);
+ *       }}
+ *       size="medium"
+ *       variant="outlined"
+ *       afterSignInUrl="/dashboard"
+ *     />
+ *   );
+ * };
+ * ```
+ */
+const SignIn = ({ size = 'medium', variant = 'outlined', ...rest }) => {
+    const { signIn, afterSignInUrl } = useAsgardeo();
+    const handleInitialize = async () => await signIn({
+        flowId: '',
+        selectedAuthenticator: {
+            authenticatorId: '',
+            params: {},
+        },
+    });
+    const handleOnSubmit = async (payload, request) => {
+        return await signIn(payload, request);
+    };
+    return (_jsx(BaseSignIn
+    // isLoading={isLoading || !isInitialized}
+    , { 
+        // isLoading={isLoading || !isInitialized}
+        afterSignInUrl: afterSignInUrl, onInitialize: handleInitialize, onSubmit: handleOnSubmit, size: size, variant: variant, ...rest }));
+};
+SignIn.displayName = 'SignIn';
+export default SignIn;
+//# sourceMappingURL=SignIn.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SignIn.js","sourceRoot":"","sources":["../../../../../src/client/components/presentation/SignIn/SignIn.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,YAAY,CAAC;;AAQb,OAAO,EAAC,UAAU,EAAkB,MAAM,iBAAiB,CAAC;AAE5D,OAAO,WAAW,MAAM,wCAAwC,CAAC;AAQjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,MAAM,MAAM,GAAoB,CAAC,EAAC,IAAI,GAAG,QAAQ,EAAE,OAAO,GAAG,UAAU,EAAE,GAAG,IAAI,EAAc,EAAE,EAAE;IAChG,MAAM,EAAC,MAAM,EAAE,cAAc,EAAC,GAAG,WAAW,EAAE,CAAC;IAE/C,MAAM,gBAAgB,GAAG,KAAK,IAAiD,EAAE,CAC/E,MAAM,MAAM,CAAC;QACX,MAAM,EAAE,EAAE;QACV,qBAAqB,EAAE;YACrB,eAAe,EAAE,EAAE;YACnB,MAAM,EAAE,EAAE;SACX;KACF,CAAC,CAAC;IAEL,MAAM,cAAc,GAAG,KAAK,EAC1B,OAA+C,EAC/C,OAAyC,EACE,EAAE;QAC7C,OAAO,MAAM,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,UAAU;IACT,0CAA0C;;QAA1C,0CAA0C;QAC1C,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,KACZ,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,eAAe,MAAM,CAAC"}

package/dist/client/components/presentation/SignUp/SignUp.d.ts

@@ -0,0 +1,55 @@
+/**
+ * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { FC } from 'react';
+import { BaseSignUpProps } from '@asgardeo/react';
+/**
+ * Props for the SignUp component.
+ */
+export type SignUpProps = BaseSignUpProps;
+/**
+ * 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 '@asgardeo/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"
+ *     />
+ *   );
+ * };
+ * ```
+ */
+declare const SignUp: FC<SignUpProps>;
+export default SignUp;