@explita/cloud-auth-client 0.1.1 → 0.1.3

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

@@ -1,49 +1,27 @@
 "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;
-    };
-})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToggleAccountStatus = ToggleAccountStatus;
-const react_1 = __importStar(require("react"));
+const react_1 = __importDefault(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");
 const utils_1 = require("../lib/utils");
+const alert_circle_1 = require("./icons/alert-circle");
 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 () {
+    const [isPending, setIsPending] = react_1.default.useState(false);
+    const [state, setState] = react_1.default.useState({
+        message: "",
+        //@ts-ignore
+        status: "",
+    });
+    async function handleSubmit(e) {
+        e.preventDefault();
         if (!user) {
             return {
                 message: "Please provide a user to toggle account status.",
@@ -56,43 +34,57 @@ function ToggleAccountStatus({ user, open, onOpenChange, onSuccess, onSubmit, })
                 status: "failure",
             };
         }
-        try {
-            const result = await onSubmit(user.id);
+        setIsPending(true);
+        const result = await onSubmit(user.subId);
+        setIsPending(false);
+        if (result.status !== "failure") {
             onSuccess?.();
-            return result;
-        }
-        catch (error) {
-            console.log(error);
         }
-    }, undefined);
+        setState(result);
+    }
+    const isSuspending = user?.isActive;
     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, !loggedInUser ? (react_1.default.createElement(must_login_1.MustLogin, { onOpenChange: (state) => {
+        react_1.default.createElement(dialog_1.DialogContent, { className: "ecpauth:p-0 ecpauth:overflow-hidden ecpauth:border-gray-200 ecpauth:dark:border-gray-800 ecpauth:shadow-2xl ecpauth:rounded-2xl ecpauth:max-w-md" }, !loggedInUser ? (react_1.default.createElement(must_login_1.MustLogin, { onOpenChange: (state) => {
                 onOpenChange(state);
                 (0, utils_1.unstuckPointerEvents)();
-            } })) : (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?.firstName,
-                    " ",
-                    user?.lastName,
-                    ")"),
-                state?.status === "success" ? (react_1.default.createElement(message_1.Message, { message: state?.message, className: "ecpauth:my-2 ecpauth:font-semibold ecpauth:text-base", variant: "success" })) : (react_1.default.createElement(message_1.Message, { message: 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("form", { onSubmit: handleSubmit, className: "ecpauth:flex ecpauth:flex-col" },
+            react_1.default.createElement("div", { className: "ecpauth:relative ecpauth:px-6 ecpauth:pt-8 ecpauth:pb-6 ecpauth:text-center" },
+                react_1.default.createElement("div", { className: "ecpauth:relative ecpauth:z-10 ecpauth:flex ecpauth:flex-col ecpauth:items-center ecpauth:justify-center" },
+                    react_1.default.createElement("div", { className: (0, utils_1.cn)("ecpauth:size-12 ecpauth:rounded-xl ecpauth:flex ecpauth:items-center ecpauth:justify-center ecpauth:mb-4 ecpauth:shadow-sm ecpauth:border", isSuspending
+                            ? "ecpauth:bg-amber-50 ecpauth:dark:bg-amber-900/20 ecpauth:text-amber-600 ecpauth:dark:text-amber-400 ecpauth:border-amber-100 ecpauth:dark:border-amber-800/50"
+                            : "ecpauth:bg-blue-50 ecpauth:dark:bg-blue-900/20 ecpauth:text-blue-600 ecpauth:dark:text-blue-400 ecpauth:border-blue-100 ecpauth:dark:border-blue-800/50") },
+                        react_1.default.createElement(alert_circle_1.AlertCircleIcon, { size: 24 })),
+                    react_1.default.createElement(dialog_1.DialogHeader, { className: "ecpauth:space-y-1" },
+                        react_1.default.createElement(dialog_1.DialogTitle, { className: "ecpauth:text-xl ecpauth:font-bold ecpauth:text-gray-900 ecpauth:dark:text-white ecpauth:text-center" }, isSuspending ? "Suspend Account" : "Unsuspend Account"),
+                        react_1.default.createElement(dialog_1.DialogDescription, { className: "ecpauth:text-gray-500 ecpauth:dark:text-gray-400 ecpauth:text-center" },
+                            "Manage status for ",
+                            user?.firstName,
+                            " ",
+                            user?.lastName)))),
+            react_1.default.createElement("div", { className: "ecpauth:px-8 ecpauth:pb-6" }, state?.status === "success" ? (react_1.default.createElement("div", { className: "ecpauth:mb-6" },
+                react_1.default.createElement(message_1.Message, { message: state?.message, variant: "success" }))) : state?.message ? (react_1.default.createElement("div", { className: "ecpauth:mb-6" },
+                react_1.default.createElement(message_1.Message, { message: state?.message }))) : (react_1.default.createElement("div", { className: "ecpauth:p-4 ecpauth:rounded-xl ecpauth:bg-gray-50 ecpauth:dark:bg-white/5 ecpauth:border ecpauth:border-gray-100 ecpauth:dark:border-white/10" },
+                react_1.default.createElement("p", { className: "ecpauth:text-sm ecpauth:leading-relaxed ecpauth:text-gray-600 ecpauth:dark:text-gray-300 ecpauth:text-center" },
+                    "Are you sure you want to",
                     " ",
-                    react_1.default.createElement("strong", null, user?.isActive ? "suspend" : "unsuspend"),
-                    " the user."),
-                react_1.default.createElement("span", null,
-                    "You can always",
+                    react_1.default.createElement("strong", null, isSuspending ? "suspend" : "unsuspend"),
                     " ",
-                    react_1.default.createElement("strong", null, 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?.isActive ? "Suspend" : "Unsuspend")))))));
+                    "this account?",
+                    isSuspending
+                        ? " The user will temporarily lose access to all platform features."
+                        : " The user will regain access to their account features.")))),
+            react_1.default.createElement(dialog_1.DialogFooter, { className: "ecpauth:p-6 ecpauth:pt-0 ecpauth:flex ecpauth:flex-row ecpauth:justify-center ecpauth:gap-3" },
+                react_1.default.createElement(button_1.Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), className: "ecpauth:flex-1 ecpauth:h-11 ecpauth:rounded-xl ecpauth:font-semibold ecpauth:border-gray-200 ecpauth:dark:border-gray-800 ecpauth:hover:bg-gray-50 ecpauth:dark:hover:bg-white/5 ecpauth:transition-all" }, "Cancel"),
+                react_1.default.createElement(button_1.Button, { disabled: isPending, type: "submit", className: (0, utils_1.cn)("ecpauth:flex-1 ecpauth:h-11 ecpauth:rounded-xl ecpauth:font-bold ecpauth:text-white! ecpauth:shadow-lg ecpauth:transition-all ecpauth:active:scale-[0.98]", isSuspending
+                        ? "ecpauth:bg-amber-600! ecpauth:hover:bg-amber-700! ecpauth:shadow-amber-600/20"
+                        : "ecpauth:bg-blue-600! ecpauth:hover:bg-blue-700! ecpauth:shadow-blue-600/20") }, isPending
+                    ? isSuspending
+                        ? "Suspending..."
+                        : "Unsuspending..."
+                    : isSuspending
+                        ? "Confirm Suspension"
+                        : "Confirm Unsuspension")))))));
 }

package/dist/components/ui/input.js

@@ -37,5 +37,5 @@ exports.Input = Input;
 const React = __importStar(require("react"));
 const utils_1 = require("../../lib/utils");
 function Input({ className, type, ...props }) {
-    return (React.createElement("input", { type: type, "data-slot": "input", className: (0, utils_1.cn)("ecpauth:file:text-stone-950 ecpauth:placeholder:text-stone-500 ecpauth:selection:bg-stone-900 ecpauth:selection:text-stone-50 ecpauth:border-stone-200 ecpauth:flex ecpauth:h-9 ecpauth:w-full ecpauth:min-w-0 ecpauth:rounded-md ecpauth:border ecpauth:bg-transparent ecpauth:px-3 ecpauth:py-1 ecpauth:text-base ecpauth:shadow-xs ecpauth:transition-[color,box-shadow] ecpauth:outline-none ecpauth:file:inline-flex ecpauth:file:h-7 ecpauth:file:border-0 ecpauth:file:bg-transparent ecpauth:file:text-sm ecpauth:file:font-medium ecpauth:disabled:pointer-events-none ecpauth:disabled:cursor-not-allowed ecpauth:disabled:opacity-50 ecpauth:md:text-sm ecpauth:dark:file:text-stone-50 ecpauth:dark:placeholder:text-stone-400 ecpauth:dark:selection:bg-stone-50 ecpauth:dark:selection:text-stone-900 ecpauth:dark:bg-gray-700/50 ecpauth:dark:border-gray-600", "ecpauth:focus-visible:border-stone-950 ecpauth:focus-visible:ring-stone-950/50 ecpauth:focus-visible:ring-[3px] ecpauth:dark:focus-visible:border-stone-300 ecpauth:dark:focus-visible:ring-stone-300/50", "ecpauth:aria-invalid:ring-red-500/20 ecpauth:dark:aria-invalid:ring-red-500/40 ecpauth:aria-invalid:border-red-500 ecpauth:dark:dark:aria-invalid:ring-red-900/40 ecpauth:dark:aria-invalid:border-red-900 ecpauth:focus-visible:ring-2 ecpauth:focus-visible:ring-gray-500", className), ...props }));
+    return (React.createElement("input", { type: type, "data-slot": "input", className: (0, utils_1.cn)("ecpauth:file:text-stone-950 ecpauth:placeholder:text-stone-500 ecpauth:selection:bg-stone-900 ecpauth:selection:text-stone-50 ecpauth:border-stone-200 ecpauth:flex ecpauth:h-9 ecpauth:w-full ecpauth:min-w-0 ecpauth:rounded-md ecpauth:border ecpauth:bg-transparent ecpauth:px-3 ecpauth:py-1 ecpauth:text-base ecpauth:shadow-xs ecpauth:transition-[color,box-shadow] ecpauth:outline-none ecpauth:file:inline-flex ecpauth:file:h-7 ecpauth:file:border-0 ecpauth:file:bg-transparent ecpauth:file:text-sm ecpauth:file:font-medium ecpauth:disabled:pointer-events-none ecpauth:disabled:cursor-not-allowed ecpauth:disabled:opacity-50 ecpauth:md:text-sm ecpauth:dark:file:text-stone-50 ecpauth:dark:placeholder:text-stone-400 ecpauth:dark:selection:bg-stone-50 ecpauth:dark:selection:text-stone-900 ecpauth:dark:bg-gray-700/50 ecpauth:dark:border-gray-600", "ecpauth:focus-visible:border-stone-950 ecpauth:focus-visible:ring-stone-950/50 ecpauth:focus-visible:ring-[3px] ecpauth:dark:focus-visible:border-stone-300 ecpauth:dark:focus-visible:ring-stone-300/50", "ecpauth:aria-invalid:ring-red-500/20 ecpauth:dark:aria-invalid:ring-red-500/40 ecpauth:aria-invalid:border-red-500 ecpauth:dark:dark:aria-invalid:ring-red-900/40 ecpauth:dark:aria-invalid:border-red-900 ecpauth:focus-visible:ring-2 ecpauth:focus-visible:ring-gray-500", "ecpauth:h-11 ecpauth:border-blue-200! ecpauth:focus-visible:ring-blue-500! ecpauth:focus-visible:border-blue-500! ecpauth:placeholder:text-gray-400! ecpauth:rounded-2xl!", className), ...props }));
 }

package/dist/components/user-card.js

@@ -42,7 +42,10 @@ const settings_1 = require("./settings");
 const setting_1 = require("./icons/setting");
 const lock_1 = require("./icons/lock");
 const logout_1 = require("./icons/logout");
-function UserCard({ align = "start", onChangePassword, onToggle2FA, trigger, }) {
+// import type { SetupTOTPProps, SetupTOTPResponse } from "@explita/cloud-otp";
+const chevron_down_1 = require("./icons/chevron-down");
+const user_1 = require("./icons/user");
+function UserCard({ align = "end", onChangePassword, onToggle2FA, trigger, }) {
     const { logout, user } = (0, auth_provider_1.useAuth)();
     const [passwordOpen, setPasswordOpen] = (0, react_1.useState)(false);
     const [settingsOpen, setSettingsOpen] = (0, react_1.useState)(false);
@@ -50,31 +53,53 @@ function UserCard({ align = "start", onChangePassword, onToggle2FA, trigger, })
         react_1.default.createElement(change_password_1.ChangePassword, { open: passwordOpen, onOpenChange: setPasswordOpen, onSubmit: onChangePassword }),
         react_1.default.createElement(settings_1.Settings, { open: settingsOpen, onOpenChange: setSettingsOpen, onToggle2FA: onToggle2FA }),
         react_1.default.createElement(dropdown_menu_1.DropdownMenu, null,
-            trigger ? (react_1.default.createElement(dropdown_menu_1.DropdownMenuTrigger, null, trigger)) : (react_1.default.createElement(Trigger, null)),
-            react_1.default.createElement(dropdown_menu_1.DropdownMenuContent, { className: "ecpauth:w-56 ecpauth:border-gray-200 ecpauth:dark:border-gray-800", align: align },
-                react_1.default.createElement("div", { className: "ecpauth:flex ecpauth:flex-col ecpauth:items-center ecpauth:justify-center ecpauth:py-4" },
-                    react_1.default.createElement("h2", { className: "ecpauth:text-lg ecpauth:font-semibold" }, `${user?.fullName}`),
-                    react_1.default.createElement("p", { className: "ecpauth:text-sm ecpauth:text-muted-foreground" }, user?.role?.label ?? "-Global-")),
-                react_1.default.createElement(dropdown_menu_1.DropdownMenuSeparator, null),
-                react_1.default.createElement(dropdown_menu_1.DropdownMenuItem, { onClick: () => setSettingsOpen(true) },
-                    react_1.default.createElement(setting_1.SettingIcon, null),
-                    "Settings"),
-                react_1.default.createElement(dropdown_menu_1.DropdownMenuItem, { onClick: () => setPasswordOpen(true) },
-                    react_1.default.createElement(lock_1.LockIcon, null),
-                    "Change Password"),
-                react_1.default.createElement(dropdown_menu_1.DropdownMenuSeparator, null),
-                react_1.default.createElement(dropdown_menu_1.DropdownMenuItem, { onClick: () => logout() },
-                    react_1.default.createElement(logout_1.LogoutIcon, null),
-                    "Logout")))));
+            trigger ? (react_1.default.createElement(dropdown_menu_1.DropdownMenuTrigger, { asChild: true }, trigger)) : (react_1.default.createElement(Trigger, null)),
+            react_1.default.createElement(dropdown_menu_1.DropdownMenuContent, { className: "ecpauth:w-64 ecpauth:p-0! ecpauth:overflow-hidden ecpauth:border-gray-200 ecpauth:dark:border-gray-800 ecpauth:shadow-xl ecpauth:rounded-xl", align: align },
+                react_1.default.createElement("div", { className: "ecpauth:relative ecpauth:flex ecpauth:flex-col ecpauth:items-center ecpauth:pt-10 ecpauth:pb-6 ecpauth:px-4" },
+                    react_1.default.createElement("div", { className: "ecpauth:absolute ecpauth:top-0 ecpauth:left-0 ecpauth:right-0 ecpauth:h-20 ecpauth:bg-gradient-to-br ecpauth:from-blue-600 ecpauth:to-blue-400 ecpauth:opacity-10" }),
+                    react_1.default.createElement("div", { className: "ecpauth:relative ecpauth:z-10" },
+                        react_1.default.createElement(UserAvatar, { user: user, size: "lg" }),
+                        react_1.default.createElement("div", { className: "ecpauth:absolute ecpauth:bottom-0 ecpauth:right-0 ecpauth:size-4 ecpauth:bg-green-500 ecpauth:border-2 ecpauth:border-white ecpauth:dark:border-gray-900 ecpauth:rounded-full" })),
+                    react_1.default.createElement("div", { className: "ecpauth:mt-3 ecpauth:text-center ecpauth:z-10" },
+                        react_1.default.createElement("h2", { className: "ecpauth:text-base ecpauth:font-bold ecpauth:text-gray-900 ecpauth:dark:text-white ecpauth:leading-tight" }, user?.fullName),
+                        react_1.default.createElement("p", { className: "ecpauth:text-xs ecpauth:text-gray-500 ecpauth:dark:text-gray-400 ecpauth:mt-0.5" }, user?.email)),
+                    react_1.default.createElement("div", { className: "ecpauth:mt-3 ecpauth:px-2.5 ecpauth:py-0.5 ecpauth:bg-blue-100 ecpauth:dark:bg-blue-900/30 ecpauth:text-blue-600 ecpauth:dark:text-blue-400 ecpauth:rounded-full ecpauth:text-[10px] ecpauth:font-bold ecpauth:uppercase ecpauth:tracking-wider ecpauth:z-10" }, user?.role?.label ?? "-Global-")),
+                react_1.default.createElement(dropdown_menu_1.DropdownMenuSeparator, { className: "ecpauth:m-0" }),
+                react_1.default.createElement("div", { className: "ecpauth:p-1.5" },
+                    react_1.default.createElement(dropdown_menu_1.DropdownMenuItem, { onClick: () => setSettingsOpen(true), className: "ecpauth:flex ecpauth:items-center ecpauth:gap-2.5 ecpauth:px-3 ecpauth:py-2 ecpauth:rounded-lg ecpauth:transition-colors ecpauth:cursor-pointer ecpauth:text-sm ecpauth:font-medium ecpauth:text-gray-700 ecpauth:dark:text-gray-200 ecpauth:hover:bg-gray-100 ecpauth:dark:hover:bg-white/10" },
+                        react_1.default.createElement("div", { className: "ecpauth:size-8 ecpauth:rounded-md ecpauth:bg-gray-100 ecpauth:dark:bg-white/5 ecpauth:flex ecpauth:items-center ecpauth:justify-center" },
+                            react_1.default.createElement(setting_1.SettingIcon, { size: 18 })),
+                        "Settings"),
+                    react_1.default.createElement(dropdown_menu_1.DropdownMenuItem, { onClick: () => setPasswordOpen(true), className: "ecpauth:flex ecpauth:items-center ecpauth:gap-2.5 ecpauth:px-3 ecpauth:py-2 ecpauth:rounded-lg ecpauth:transition-colors ecpauth:cursor-pointer ecpauth:text-sm ecpauth:font-medium ecpauth:text-gray-700 ecpauth:dark:text-gray-200 ecpauth:hover:bg-gray-100 ecpauth:dark:hover:bg-white/10" },
+                        react_1.default.createElement("div", { className: "ecpauth:size-8 ecpauth:rounded-md ecpauth:bg-gray-100 ecpauth:dark:bg-white/5 ecpauth:flex ecpauth:items-center ecpauth:justify-center" },
+                            react_1.default.createElement(lock_1.LockIcon, { size: 18 })),
+                        "Change Password")),
+                react_1.default.createElement(dropdown_menu_1.DropdownMenuSeparator, { className: "ecpauth:mx-1.5" }),
+                react_1.default.createElement("div", { className: "ecpauth:p-1.5" },
+                    react_1.default.createElement(dropdown_menu_1.DropdownMenuItem, { onClick: () => logout(), className: "ecpauth:flex ecpauth:items-center ecpauth:gap-2.5 ecpauth:px-3 ecpauth:py-2 ecpauth:rounded-lg ecpauth:transition-colors ecpauth:cursor-pointer ecpauth:text-sm ecpauth:font-medium ecpauth:text-red-600 ecpauth:dark:text-red-400 ecpauth:hover:bg-red-50 ecpauth:dark:hover:bg-red-900/10" },
+                        react_1.default.createElement("div", { className: "ecpauth:size-8 ecpauth:rounded-md ecpauth:bg-red-50 ecpauth:dark:bg-red-900/10 ecpauth:flex ecpauth:items-center ecpauth:justify-center" },
+                            react_1.default.createElement(logout_1.LogoutIcon, { size: 18 })),
+                        "Logout"))))));
 }
 function Trigger() {
-    const { user, authLoading } = (0, auth_provider_1.useAuth)();
-    return (react_1.default.createElement(dropdown_menu_1.DropdownMenuTrigger, { className: "ecpauth:flex ecpauth:items-center ecpauth:gap-2 ecpauth:p-1 ecpauth:pe-4 ecpauth:rounded-lg ecpauth:border ecpauth:border-gray-200 ecpauth:dark:border-gray-800 ecpauth:cursor-pointer ecpauth:bg-white ecpauth:hover:bg-gray-100 ecpauth:dark:bg-gray-800 ecpauth:dark:hover:bg-gray-800/80 ecpauth:dark:hover:text-white ecpauth:outline-none ecpauth:focus:outline-none" }, authLoading ? ("Please wait...") : (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { className: "ecpauth:size-12 ecpauth:rounded-full ecpauth:bg-gray-200" }),
-        react_1.default.createElement("div", { className: "ecpauth:flex ecpauth:flex-col ecpauth:text-left" },
-            react_1.default.createElement("span", { className: "ecpauth:font-semibold ecpauth:text-stone-800 ecpauth:dark:text-stone-50" },
+    const { user, isLoading } = (0, auth_provider_1.useAuth)();
+    return (react_1.default.createElement(dropdown_menu_1.DropdownMenuTrigger, { className: "ecpauth:group ecpauth:flex ecpauth:items-center ecpauth:gap-3 ecpauth:p-1.5 ecpauth:pe-4 ecpauth:rounded-xl ecpauth:border ecpauth:border-gray-200 ecpauth:dark:border-gray-800 ecpauth:cursor-pointer ecpauth:bg-white ecpauth:hover:bg-gray-50 ecpauth:dark:bg-gray-900 ecpauth:dark:hover:bg-gray-800/50 ecpauth:transition-all ecpauth:duration-200 ecpauth:shadow-sm ecpauth:hover:shadow-md ecpauth:outline-none ecpauth:focus:ring-2 ecpauth:focus:ring-blue-500/20" }, isLoading ? (react_1.default.createElement("div", { className: "ecpauth:px-4 ecpauth:py-2 ecpauth:text-sm ecpauth:text-gray-500" }, "Loading profile...")) : (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(UserAvatar, { user: user, size: "md" }),
+        react_1.default.createElement("div", { className: "ecpauth:flex ecpauth:flex-col ecpauth:text-left ecpauth:min-w-0" },
+            react_1.default.createElement("span", { className: "ecpauth:font-bold ecpauth:text-gray-900 ecpauth:dark:text-white ecpauth:text-sm ecpauth:truncate" },
                 user?.firstName,
                 " ",
                 user?.lastName),
-            react_1.default.createElement("span", { className: "ecpauth:text-sm ecpauth:text-gray-500" }, user?.email))))));
+            react_1.default.createElement("span", { className: "ecpauth:text-xs ecpauth:text-gray-500 ecpauth:truncate" }, user?.email)),
+        react_1.default.createElement("div", { className: "ecpauth:ml-1 ecpauth:text-gray-400 ecpauth:group-hover:text-gray-600 ecpauth:dark:group-hover:text-gray-300 ecpauth:transition-colors" },
+            react_1.default.createElement(chevron_down_1.ChevronDownIcon, { size: 16 }))))));
+}
+function UserAvatar({ user, size = "md", }) {
+    const initials = `${user?.firstName?.[0] ?? ""}${user?.lastName?.[0] ?? ""}`.toUpperCase();
+    const sizeClasses = {
+        sm: "ecpauth:size-8 ecpauth:text-xs",
+        md: "ecpauth:size-10 ecpauth:text-sm",
+        lg: "ecpauth:size-16 ecpauth:text-xl",
+    };
+    return (react_1.default.createElement("div", { className: `ecpauth:relative ecpauth:flex ecpauth:items-center ecpauth:justify-center ecpauth:rounded-full ecpauth:bg-gradient-to-tr ecpauth:from-blue-600 ecpauth:to-blue-400 ecpauth:text-white ecpauth:font-bold ecpauth:shadow-inner ecpauth:border ecpauth:border-blue-700/10 ${sizeClasses[size]}` }, initials ? initials : react_1.default.createElement(user_1.UserIcon, { size: size === "lg" ? 32 : 20 })));
 }

package/dist/contexts/auth-provider.js

@@ -193,7 +193,7 @@ function AuthProvider({ children, config }) {
         !disableLoading && loading && react_1.default.createElement(loader_1.Loader, null),
         react_1.default.createElement(AuthContext.Provider, { value: {
                 user,
-                authLoading: loading,
+                isLoading: loading,
                 isAuthenticated,
                 error,
                 computedRouteContext,

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 export * from "./contexts/auth-provider";
 export * from "./components/message";
 export { buildRouteContext, getClientToken as getToken, hasPermission, } from "./lib/utils";
-export type { AuthConfig, User, Role, Status, NewRole, UpdateUser, GeneralResponse, FormResponse, VerifyUser, VerifyUserResponse, ResetPasswordWithToken, ResetPasswordWithUserId, CreateUser, Login, } from "./types";
+export type { AuthConfig, User, Role, Status, NewRole, UpdateUser, GeneralResponse, FormResponse, VerifyUser, VerifyUserResponse, ResetPasswordWithToken, ResetPasswordWithUserId, CreateUser, CreateServiceSub, Login, } from "./types";

package/dist/lib/utils.js

@@ -62,7 +62,13 @@ function buildRouteContext(config, currentPath = "") {
         console.warn("Invalid resetPasswordUrl:", e.message);
     }
     const normalizedCurrentPath = normalize(currentPath);
-    const isExcluded = excludedPaths.includes(normalizedCurrentPath);
+    // const isExcluded = excludedPaths.includes(normalizedCurrentPath);
+    const isExcluded = excludedPaths.some((item) => {
+        if (item.endsWith("*")) {
+            return normalizedCurrentPath.startsWith(item.slice(0, -1));
+        }
+        return item === normalizedCurrentPath;
+    });
     const returnPathRaw = typeof window !== "undefined"
         ? `${window.location.pathname}${window.location.search}`
         : currentPath;

package/dist/server/user.d.ts

@@ -1,8 +1,10 @@
-import { VerifyUser, VerifyUserResponse, CreateUser, UpdateUser, User, GeneralResponse, FormResponse, QueryOpts } from "../types";
+import { VerifyUser, VerifyUserResponse, CreateUser, UpdateUser, User, GeneralResponse, FormResponse, QueryOpts, CreateServiceSub } from "../types";
 export declare function verifyUser(data: VerifyUser): Promise<VerifyUserResponse>;
+export declare function validateUserData(data: Omit<CreateUser, "groupId">): Promise<FormResponse<Omit<CreateUser, "groupId">>>;
 export declare function createUser(data: CreateUser, options?: {
     isSuperAdmin?: boolean;
 }): Promise<FormResponse<User>>;
+export declare function createServiceSub(data: CreateServiceSub): Promise<FormResponse<User>>;
 export declare function updateUser(userId: string, data: UpdateUser): Promise<FormResponse<User>>;
 export declare function getUsers(options?: QueryOpts): Promise<User[]>;
 export declare function getUserById(userId: string): Promise<User | null>;

package/dist/server/user.js

@@ -2,7 +2,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.verifyUser = verifyUser;
+exports.validateUserData = validateUserData;
 exports.createUser = createUser;
+exports.createServiceSub = createServiceSub;
 exports.updateUser = updateUser;
 exports.getUsers = getUsers;
 exports.getUserById = getUserById;
@@ -23,6 +25,20 @@ async function verifyUser(data) {
         return error;
     }
 }
+async function validateUserData(data) {
+    try {
+        const res = await (0, api_1.apiFactory)("/users/validate", {
+            body: { ...data },
+        });
+        return res;
+    }
+    catch (error) {
+        if ((0, error_1.isAPIError)(error)) {
+            return error.data;
+        }
+        return { message: (0, utils_1.parseMessage)(error.message), status: "failure" };
+    }
+}
 async function createUser(data, options) {
     try {
         if (typeof window !== "undefined") {
@@ -43,6 +59,23 @@ async function createUser(data, options) {
         };
     }
 }
+async function createServiceSub(data) {
+    try {
+        const res = await (0, api_1.apiFactory)(`/service-sub/${data.userId}`, {
+            body: { ...data },
+        });
+        return res;
+    }
+    catch (error) {
+        if ((0, error_1.isAPIError)(error)) {
+            return error.data;
+        }
+        return {
+            message: (0, utils_1.parseMessage)(error.message),
+            status: "failure",
+        };
+    }
+}
 async function updateUser(userId, data) {
     try {
         if (typeof window !== "undefined") {