@explita/cloud-auth-client 0.0.1

package/dist/components/optional-otp.js

@@ -0,0 +1,70 @@
+"use client";
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OptionalOTPInner = OptionalOTPInner;
+const react_1 = __importStar(require("react"));
+let OTPDialog = null;
+let useOTP = null;
+try {
+    const module = require("@explita/cloud-otp-client");
+    if (module) {
+        OTPDialog = module.OTPDialog;
+        useOTP = module.useOTP;
+    }
+}
+catch (e) {
+    // Module not available
+    console.warn("@explita/cloud-otp-client is not available. OTP functionality will be disabled.");
+}
+function OptionalOTPInner({ user, onVerified, onCanceled }) {
+    if (!useOTP || !OTPDialog) {
+        console.warn("OTP functionality is not available. Please install @explita/cloud-otp-client to enable it.");
+        return null; // or a fallback UI
+    }
+    const otp = useOTP({
+        referenceId: user === null || user === void 0 ? void 0 : user.id,
+        onVerified,
+        onCanceled,
+        sentTo: user === null || user === void 0 ? void 0 : user.email,
+        channel: "email",
+    });
+    (0, react_1.useEffect)(() => {
+        if (user && otp) {
+            otp.open();
+        }
+    }, [user, otp]);
+    return react_1.default.createElement(OTPDialog, { use: otp });
+}

package/dist/components/reset-password.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { GeneralResponse, ResetPasswordWithToken } from "../types";
+type Props = {
+    className?: string;
+    onChangePassword: (data: ResetPasswordWithToken) => Promise<GeneralResponse>;
+};
+export declare function ResetPassword({ className, onChangePassword, ...props }: Props): React.JSX.Element;
+export {};

package/dist/components/reset-password.js

@@ -0,0 +1,118 @@
+"use client";
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResetPassword = ResetPassword;
+const react_1 = __importStar(require("react"));
+const utils_1 = require("../lib/utils");
+const button_1 = require("./ui/button");
+const card_1 = require("./ui/card");
+const input_1 = require("./ui/input");
+const label_1 = require("./ui/label");
+const message_1 = require("./message");
+const auth_provider_1 = require("../contexts/auth-provider");
+function ResetPassword({ className, onChangePassword, ...props }) {
+    var _a;
+    const { sendPasswordResetRequest, computedRouteContext } = (0, auth_provider_1.useAuth)();
+    const [token, setToken] = (0, react_1.useState)(null);
+    const { loginUrl } = computedRouteContext;
+    (0, react_1.useEffect)(() => {
+        const token = new URLSearchParams(window.location.search).get("token");
+        setToken(token);
+    }, []);
+    const [state, handleSubmit, isPending] = (0, react_1.useActionState)(async function (prevState, formData) {
+        try {
+            if (!token) {
+                const result = await sendPasswordResetRequest(formData.get("email"));
+                return { ...result, form: { email: formData.get("email") } };
+            }
+            if (typeof onChangePassword !== "function") {
+                return {
+                    message: "onChangePassword function is not defined. Please pass onChangePassword function to ResetPassword component.",
+                    status: "failure",
+                };
+            }
+            const result = await onChangePassword({
+                token,
+                password: formData.get("password"),
+                confirmPassword: formData.get("confirmPassword"),
+            });
+            return result;
+        }
+        catch (error) {
+            console.log(error);
+        }
+    }, undefined);
+    (0, react_1.useEffect)(() => {
+        let timer;
+        if ((state === null || state === void 0 ? void 0 : state.status) === "success") {
+            if (loginUrl) {
+                timer = setTimeout(() => {
+                    window.location.href = loginUrl;
+                }, 2000);
+            }
+        }
+        return () => {
+            clearTimeout(timer);
+        };
+    }, [state === null || state === void 0 ? void 0 : state.status]);
+    return (react_1.default.createElement("div", { className: (0, utils_1.cn)("ecpauth:flex ecpauth:flex-col ecpauth:gap-6 ecpauth:w-full ecpauth:max-w-sm", className), ...props },
+        react_1.default.createElement(card_1.Card, null,
+            react_1.default.createElement(card_1.CardHeader, null,
+                react_1.default.createElement(card_1.CardTitle, { className: "ecpauth:text-2xl" }, "Reset Password"),
+                react_1.default.createElement(card_1.CardDescription, null, "Provide your details to reset your password.")),
+            react_1.default.createElement(card_1.CardContent, null,
+                (state === null || state === void 0 ? void 0 : state.status) === "success" ? (react_1.default.createElement(message_1.Message, { message: state === null || state === void 0 ? void 0 : state.message, className: "ecpauth:mb-4 ecpauth:font-semibold ecpauth:text-base", variant: "success" })) : (react_1.default.createElement(message_1.Message, { message: state === null || state === void 0 ? void 0 : state.message, className: "ecpauth:mb-4" })),
+                !token ? (react_1.default.createElement("form", { action: handleSubmit },
+                    react_1.default.createElement("div", { className: "ecpauth:flex ecpauth:flex-col ecpauth:gap-6" },
+                        react_1.default.createElement("div", { className: "ecpauth:grid ecpauth:gap-2" },
+                            react_1.default.createElement(label_1.Label, { htmlFor: "email" }, "Email"),
+                            react_1.default.createElement(input_1.Input, { id: "email", type: "email", placeholder: "email@example.com", name: "email", defaultValue: 
+                                //@ts-ignore
+                                (_a = state === null || state === void 0 ? void 0 : state.form) === null || _a === void 0 ? void 0 : _a.email })),
+                        react_1.default.createElement(button_1.Button, { type: "submit", className: "ecpauth:w-full ecpauth:cursor-pointer", disabled: isPending }, "Send Reset Password Link")))) : (react_1.default.createElement("form", { action: handleSubmit },
+                    react_1.default.createElement("div", { className: "ecpauth:flex ecpauth:flex-col ecpauth:gap-6" },
+                        react_1.default.createElement("div", { className: "ecpauth:grid ecpauth:gap-2" },
+                            react_1.default.createElement(label_1.Label, { htmlFor: "password" }, "Password"),
+                            react_1.default.createElement(input_1.Input, { id: "password", type: "password", name: "password" })),
+                        react_1.default.createElement("div", { className: "ecpauth:grid ecpauth:gap-2" },
+                            react_1.default.createElement(label_1.Label, { htmlFor: "confirmPassword" }, "Confirm Password"),
+                            react_1.default.createElement(input_1.Input, { id: "confirmPassword", type: "password", name: "confirmPassword" })),
+                        react_1.default.createElement(button_1.Button, { type: "submit", className: "ecpauth:w-full ecpauth:cursor-pointer", disabled: isPending }, "Reset Password")))),
+                loginUrl && (react_1.default.createElement("div", { className: "ecpauth:mt-4 ecpauth:text-center ecpauth:text-sm" },
+                    "Back to",
+                    " ",
+                    react_1.default.createElement("a", { href: loginUrl, className: "ecpauth:underline ecpauth:underline-offset-4" }, "Login")))))));
+}

package/dist/components/roles.d.ts

@@ -0,0 +1,6 @@
+import { Role } from "../types";
+import React from "react";
+export declare function Roles({ children, fallback, }: {
+    children: (role: Role, index: number) => React.ReactNode;
+    fallback?: React.ReactNode;
+}): string | number | bigint | true | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | React.ReactPortal | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element;

package/dist/components/roles.js

@@ -0,0 +1,54 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Roles = Roles;
+const api_1 = require("../lib/api");
+const react_1 = __importStar(require("react"));
+function Roles({ children, fallback, }) {
+    const [roles, setRoles] = (0, react_1.useState)([]);
+    const [loading, setLoading] = (0, react_1.useState)(true);
+    (0, react_1.useEffect)(() => {
+        const fetchRoles = async () => {
+            const response = await (0, api_1.apiFactory)("/roles", { method: "GET" });
+            setRoles(response.data);
+            setLoading(false);
+        };
+        fetchRoles();
+    }, []);
+    if (loading && fallback) {
+        return fallback;
+    }
+    return (react_1.default.createElement(react_1.default.Fragment, null, roles.map((role, index) => (react_1.default.createElement(react_1.default.Fragment, { key: index }, children(role, index))))));
+}

package/dist/components/settings.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { GeneralResponse } from "../types";
+type Props = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onToggle2FA?: () => Promise<GeneralResponse>;
+};
+export declare function Settings({ open, onOpenChange, onToggle2FA }: Props): React.JSX.Element;
+export {};

package/dist/components/settings.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Settings = Settings;
+const react_1 = __importDefault(require("react"));
+const dialog_1 = require("./ui/dialog");
+const auth_provider_1 = require("../contexts/auth-provider");
+const must_login_1 = require("./must-login");
+const toggle_2fa_1 = require("./toggle-2fa");
+const utils_1 = require("../lib/utils");
+function Settings({ open, onOpenChange, onToggle2FA }) {
+    const { user } = (0, auth_provider_1.useAuth)();
+    return (react_1.default.createElement(dialog_1.Dialog, { open: open, onOpenChange: (state) => {
+            onOpenChange(state);
+            (0, utils_1.unstuckPointerEvents)();
+        } },
+        react_1.default.createElement(dialog_1.DialogContent, null, !user ? (react_1.default.createElement(must_login_1.MustLogin, { onOpenChange: onOpenChange })) : (react_1.default.createElement("div", { className: "ecpauth:relative" },
+            react_1.default.createElement(dialog_1.DialogHeader, { className: "ecpauth:border-b ecpauth:border-gray-200 ecpauth:dark:border-gray-800 ecpauth:pb-2" },
+                react_1.default.createElement(dialog_1.DialogTitle, { className: "ecpauth:flex ecpauth:items-center ecpauth:justify-between" },
+                    react_1.default.createElement("span", { className: "ecpauth:text-stone-800 ecpauth:dark:text-stone-50" }, "Account Settings")),
+                react_1.default.createElement(dialog_1.DialogDescription, { className: "ecpauth:sr-only" }, "Manage your account settings here.")),
+            react_1.default.createElement("div", { className: "ecpauth:flex-1 ecpauth:flex ecpauth:flex-col ecpauth:gap-6 ecpauth:my-5 ecpauth:p-0 ecpauth:!max-h-[calc(100vh-12rem)] ecpauth:overflow-y-auto" },
+                react_1.default.createElement(toggle_2fa_1.Toggle2FA, { onSubmit: onToggle2FA })))))));
+}

package/dist/components/signup-form.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { Signup, FormResponse, User } from "../types";
+type Props = {
+    className?: string;
+    onSubmit: (data: Signup) => Promise<FormResponse<User>>;
+    groupId?: string;
+    metaData?: Record<string, string>;
+    acceptUsername?: boolean;
+};
+export declare function Signup({ className, onSubmit, groupId, metaData, acceptUsername, ...props }: Props): React.JSX.Element;
+export {};

package/dist/components/signup-form.js

@@ -0,0 +1,138 @@
+"use client";
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Signup = Signup;
+const react_1 = __importStar(require("react"));
+const utils_1 = require("../lib/utils");
+const button_1 = require("./ui/button");
+const card_1 = require("./ui/card");
+const input_1 = require("./ui/input");
+const label_1 = require("./ui/label");
+const message_1 = require("./message");
+const auth_provider_1 = require("../contexts/auth-provider");
+function Signup({ className, onSubmit, groupId, metaData, acceptUsername = true, ...props }) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    const { computedRouteContext } = (0, auth_provider_1.useAuth)();
+    const { loginUrl } = computedRouteContext;
+    const [state, handleSubmit, isPending] = (0, react_1.useActionState)(async function (prevState, formData) {
+        const form = {
+            firstName: formData.get("firstName"),
+            lastName: formData.get("lastName"),
+            email: formData.get("email"),
+            username: (formData.get("username") || ""),
+            password: formData.get("password"),
+            confirmPassword: formData.get("confirmPassword"),
+            groupId,
+            metaData,
+        };
+        if (typeof onSubmit !== "function") {
+            return {
+                message: "onSubmit function is not defined. Please pass onSubmit function to SignupForm component.",
+                status: "failure",
+                form,
+                errors: undefined,
+                authToken: undefined,
+            };
+        }
+        const result = await onSubmit({ ...form });
+        return {
+            ...result,
+            form: result.status !== "success" ? form : undefined,
+            authToken: result.status === "success" ? result.authToken : undefined,
+        };
+    }, undefined);
+    (0, react_1.useEffect)(() => {
+        let timer;
+        if ((state === null || state === void 0 ? void 0 : state.status) === "success" && loginUrl) {
+            timer = setTimeout(() => {
+                window.location.href = `${loginUrl}?authToken=${state === null || state === void 0 ? void 0 : state.authToken}`;
+            }, 2000);
+        }
+        return () => {
+            clearTimeout(timer);
+        };
+    }, [state === null || state === void 0 ? void 0 : state.status, loginUrl]);
+    return (react_1.default.createElement("div", { className: (0, utils_1.cn)("ecpauth:flex ecpauth:flex-col ecpauth:gap-6 ecpauth:w-full ecpauth:max-w-sm", className), ...props },
+        react_1.default.createElement(card_1.Card, null,
+            react_1.default.createElement(card_1.CardHeader, null,
+                react_1.default.createElement(card_1.CardTitle, { className: "ecpauth:text-2xl" }, "Sign Up"),
+                react_1.default.createElement(card_1.CardDescription, null, "Provide your details to sign up from your account.")),
+            react_1.default.createElement(card_1.CardContent, null,
+                (state === null || state === void 0 ? void 0 : state.status) === "success" ? (react_1.default.createElement(message_1.Message, { message: state === null || state === void 0 ? void 0 : state.message, className: "ecpauth:mb-4 ecpauth:font-semibold ecpauth:text-lg", variant: "success" })) : (react_1.default.createElement(message_1.Message, { message: state === null || state === void 0 ? void 0 : state.message, className: "ecpauth:mb-4" })),
+                react_1.default.createElement("form", { action: handleSubmit },
+                    react_1.default.createElement("div", { className: "ecpauth:flex ecpauth:flex-col ecpauth:gap-6" },
+                        react_1.default.createElement("div", { className: "ecpauth:grid ecpauth:gap-2" },
+                            react_1.default.createElement(label_1.Label, { htmlFor: "firstName" }, "First Name"),
+                            react_1.default.createElement(input_1.Input, { id: "firstName", type: "text", placeholder: "First Name", name: "firstName", defaultValue: (_a = state === null || state === void 0 ? void 0 : state.form) === null || _a === void 0 ? void 0 : _a.firstName }),
+                            react_1.default.createElement(message_1.Message, { message: (state === null || state === void 0 ? void 0 : state.status) === "validation-error"
+                                    ? (_b = state === null || state === void 0 ? void 0 : state.errors) === null || _b === void 0 ? void 0 : _b.firstName
+                                    : "" })),
+                        react_1.default.createElement("div", { className: "ecpauth:grid ecpauth:gap-2" },
+                            react_1.default.createElement(label_1.Label, { htmlFor: "lastName" }, "Last Name"),
+                            react_1.default.createElement(input_1.Input, { id: "lastName", type: "text", placeholder: "Last Name", name: "lastName", defaultValue: (_c = state === null || state === void 0 ? void 0 : state.form) === null || _c === void 0 ? void 0 : _c.lastName }),
+                            react_1.default.createElement(message_1.Message, { message: (state === null || state === void 0 ? void 0 : state.status) === "validation-error"
+                                    ? (_d = state === null || state === void 0 ? void 0 : state.errors) === null || _d === void 0 ? void 0 : _d.lastName
+                                    : "" })),
+                        react_1.default.createElement("div", { className: "ecpauth:grid ecpauth:gap-2" },
+                            react_1.default.createElement(label_1.Label, { htmlFor: "email" }, "Email"),
+                            react_1.default.createElement(input_1.Input, { id: "email", type: "email", placeholder: "email@example.com", name: "email", defaultValue: (_e = state === null || state === void 0 ? void 0 : state.form) === null || _e === void 0 ? void 0 : _e.email }),
+                            react_1.default.createElement(message_1.Message, { message: (state === null || state === void 0 ? void 0 : state.status) === "validation-error"
+                                    ? (_f = state === null || state === void 0 ? void 0 : state.errors) === null || _f === void 0 ? void 0 : _f.email
+                                    : "" })),
+                        acceptUsername && (react_1.default.createElement("div", { className: "ecpauth:grid ecpauth:gap-2" },
+                            react_1.default.createElement(label_1.Label, { htmlFor: "username" }, "Username"),
+                            react_1.default.createElement(input_1.Input, { id: "username", type: "text", placeholder: "Username", name: "username", defaultValue: (_g = state === null || state === void 0 ? void 0 : state.form) === null || _g === void 0 ? void 0 : _g.username }),
+                            react_1.default.createElement(message_1.Message, { message: (state === null || state === void 0 ? void 0 : state.status) === "validation-error"
+                                    ? (_h = state === null || state === void 0 ? void 0 : state.errors) === null || _h === void 0 ? void 0 : _h.username
+                                    : "" }))),
+                        react_1.default.createElement("div", { className: "ecpauth:grid ecpauth:gap-2" },
+                            react_1.default.createElement(label_1.Label, { htmlFor: "password" }, "Password"),
+                            react_1.default.createElement(input_1.Input, { id: "password", type: "password", name: "password" }),
+                            react_1.default.createElement(message_1.Message, { message: (state === null || state === void 0 ? void 0 : state.status) === "validation-error"
+                                    ? (_j = state === null || state === void 0 ? void 0 : state.errors) === null || _j === void 0 ? void 0 : _j.password
+                                    : "" })),
+                        react_1.default.createElement("div", { className: "ecpauth:grid ecpauth:gap-2" },
+                            react_1.default.createElement(label_1.Label, { htmlFor: "confirmPassword" }, "Confirm Password"),
+                            react_1.default.createElement(input_1.Input, { id: "confirmPassword", type: "password", name: "confirmPassword" }),
+                            react_1.default.createElement(message_1.Message, { message: (state === null || state === void 0 ? void 0 : state.status) === "validation-error"
+                                    ? (_k = state === null || state === void 0 ? void 0 : state.errors) === null || _k === void 0 ? void 0 : _k.confirmPassword
+                                    : "" })),
+                        react_1.default.createElement(button_1.Button, { type: "submit", className: "ecpauth:w-full ecpauth:cursor-pointer", disabled: isPending }, isPending ? "Signing up..." : "Sign Up")),
+                    loginUrl && (react_1.default.createElement("div", { className: "ecpauth:mt-4 ecpauth:text-center ecpauth:text-sm" },
+                        "Already have an account?",
+                        " ",
+                        react_1.default.createElement("a", { href: loginUrl, className: "ecpauth:underline ecpauth:underline-offset-4" }, "Login"))))))));
+}

package/dist/components/toggle-2fa.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { GeneralResponse } from "../types";
+type Props = {
+    onSubmit?: () => Promise<GeneralResponse>;
+};
+export declare function Toggle2FA({ onSubmit }: Props): React.JSX.Element;
+export {};

package/dist/components/toggle-2fa.js

@@ -0,0 +1,81 @@
+"use client";
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toggle2FA = Toggle2FA;
+const react_1 = __importStar(require("react"));
+const auth_provider_1 = require("../contexts/auth-provider");
+const switch_1 = require("./ui/switch");
+const loader_1 = require("./loader");
+const message_1 = require("./message");
+const utils_1 = require("../lib/utils");
+function Toggle2FA({ onSubmit }) {
+    const { user, revalidate } = (0, auth_provider_1.useAuth)();
+    const [_, startTransition] = (0, react_1.useTransition)();
+    const canUseOtp = (0, utils_1.isOtpAvailable)();
+    const [state, handleSubmit, isPending] = (0, react_1.useActionState)(async function () {
+        if (typeof onSubmit !== "function") {
+            return {
+                message: "Toggle 2FA function is not defined. Please pass onSubmit function to Settings component. If you are using UserCard component, please pass onToggle2FA function to it.",
+                status: "failure",
+            };
+        }
+        try {
+            const result = await onSubmit();
+            revalidate();
+            return result;
+        }
+        catch (error) {
+            console.log(error);
+        }
+    }, undefined);
+    return (react_1.default.createElement("div", { className: "ecpauth:text-stone-800 ecpauth:dark:text-stone-50" },
+        isPending && react_1.default.createElement(loader_1.Loader, null),
+        react_1.default.createElement("p", { className: "ecpauth:font-semibold ecpauth:text-lg ecpauth:mb-2" }, "Toggle Two Factor Authentication"),
+        (state === null || state === void 0 ? void 0 : state.status) === "success" ? (react_1.default.createElement(message_1.Message, { message: state === null || state === void 0 ? void 0 : state.message, className: "ecpauth:my-2 ecpauth:font-semibold ecpauth:text-base", variant: "success" })) : (react_1.default.createElement(message_1.Message, { message: state === null || state === void 0 ? void 0 : state.message, className: "ecpauth:my-2" })),
+        react_1.default.createElement("p", null,
+            "This action will enable or disable 2FA on your account. If enabled, you\u2019ll be asked for a code sent to ",
+            react_1.default.createElement("strong", null, user === null || user === void 0 ? void 0 : user.email),
+            " during login."),
+        react_1.default.createElement("div", { className: "ecpauth:flex ecpauth:items-center ecpauth:justify-between ecpauth:py-3 ecpauth:my-3 ecpauth:border-y ecpauth:border-gray-200 ecpauth:dark:border-gray-800" },
+            react_1.default.createElement("p", { className: "ecpauth:flex-1 ecpauth:mb-0" }, "You can enable or disable your Two Factor Authentication"),
+            react_1.default.createElement("div", { className: "ecpauth:w-40 ecpauth:flex ecpauth:justify-end ecpauth:pe-3" },
+                react_1.default.createElement(switch_1.Switch, { checked: !!(user === null || user === void 0 ? void 0 : user.with2fa), onCheckedChange: () => startTransition(handleSubmit), disabled: !canUseOtp }))),
+        !canUseOtp && (react_1.default.createElement("p", { className: "ecpauth:text-red-500 ecpauth:my-2 ecpauth:text-sm" },
+            "2FA is not available. Please install",
+            " ",
+            react_1.default.createElement("code", null, "@explita/cloud-otp-client"),
+            " to enable it."))));
+}

package/dist/components/toggle-account-status.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { GeneralResponse, User } from "../types";
+type Props = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onSubmit: (userId: string) => Promise<GeneralResponse>;
+    onSuccess?: () => void;
+    user: User | null;
+};
+export declare function ToggleAccountStatus({ user, open, onOpenChange, onSuccess, onSubmit, }: Props): React.JSX.Element;
+export {};

package/dist/components/toggle-account-status.js

@@ -0,0 +1,91 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToggleAccountStatus = ToggleAccountStatus;
+const react_1 = __importStar(require("react"));
+const dialog_1 = require("./ui/dialog");
+const button_1 = require("./ui/button");
+const auth_provider_1 = require("../contexts/auth-provider");
+const message_1 = require("./message");
+const must_login_1 = require("./must-login");
+function ToggleAccountStatus({ user, open, onOpenChange, onSuccess, onSubmit, }) {
+    const { user: loggedInUser } = (0, auth_provider_1.useAuth)();
+    const [state, handleSubmit, isPending] = (0, react_1.useActionState)(async function () {
+        if (!user) {
+            return {
+                message: "Please provide a user to toggle account status.",
+                status: "failure",
+            };
+        }
+        if (typeof onSubmit !== "function") {
+            return {
+                message: "Toggle account status function is not defined. Please pass onSubmit function to ToggleAccountStatus component.",
+                status: "failure",
+            };
+        }
+        try {
+            const result = await onSubmit(user.id);
+            onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
+            return result;
+        }
+        catch (error) {
+            console.log(error);
+        }
+    }, undefined);
+    return (react_1.default.createElement(dialog_1.Dialog, { open: open, onOpenChange: onOpenChange },
+        react_1.default.createElement(dialog_1.DialogContent, null, !loggedInUser ? (react_1.default.createElement(must_login_1.MustLogin, { onOpenChange: onOpenChange })) : (react_1.default.createElement("form", { action: handleSubmit },
+            react_1.default.createElement(dialog_1.DialogHeader, null,
+                react_1.default.createElement(dialog_1.DialogTitle, null,
+                    "Toggle account status (", user === null || user === void 0 ? void 0 :
+                    user.firstName,
+                    " ", user === null || user === void 0 ? void 0 :
+                    user.lastName,
+                    ")"),
+                (state === null || state === void 0 ? void 0 : state.status) === "success" ? (react_1.default.createElement(message_1.Message, { message: state === null || state === void 0 ? void 0 : state.message, className: "ecpauth:my-2 ecpauth:font-semibold ecpauth:text-base", variant: "success" })) : (react_1.default.createElement(message_1.Message, { message: state === null || state === void 0 ? void 0 : state.message, className: "ecpauth:my-2" }))),
+            react_1.default.createElement(dialog_1.DialogDescription, { className: "ecpauth:flex ecpauth:flex-col ecpauth:gap-2 ecpauth:text-gray-700 ecpauth:dark:text-gray-50 ecpauth:mt-4" },
+                react_1.default.createElement("span", null,
+                    "This action will",
+                    " ",
+                    react_1.default.createElement("strong", null, (user === null || user === void 0 ? void 0 : user.isActive) ? "suspend" : "unsuspend"),
+                    " the user."),
+                react_1.default.createElement("span", null,
+                    "You can always",
+                    " ",
+                    react_1.default.createElement("strong", null, (user === null || user === void 0 ? void 0 : user.isActive) ? "unsuspend" : "suspend"),
+                    " the user if you change your mind.")),
+            react_1.default.createElement(dialog_1.DialogFooter, { className: "ecpauth:flex ecpauth:justify-center ecpauth:gap-2 ecpauth:mt-4" },
+                react_1.default.createElement(button_1.Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false) }, "Cancel"),
+                react_1.default.createElement(button_1.Button, { disabled: isPending, type: "submit" }, (user === null || user === void 0 ? void 0 : user.isActive) ? "Suspend" : "Unsuspend")))))));
+}