@explita/cloud-auth-client 0.1.2 → 0.2.0

package/dist/components/change-password.js

@@ -66,8 +66,8 @@ function ChangePassword({ user, open, onOpenChange, onSubmit, onSuccess, }) {
                         user?.email)))),
             react_1.default.createElement("div", { className: "ecpauth:px-6 ecpauth:pb-8" },
                 state?.status === "success" ? (react_1.default.createElement("div", { className: "ecpauth:mb-6" },
-                    react_1.default.createElement(message_1.Message, { message: state?.message, className: "ecpauth:font-medium ecpauth:text-sm ecpauth:p-3 ecpauth:rounded-lg ecpauth:bg-green-50 ecpauth:dark:bg-green-900/10 ecpauth:border ecpauth:border-green-100 ecpauth:dark:border-green-800/30 ecpauth:text-green-700 ecpauth:dark:text-green-400", variant: "success" }))) : state?.message ? (react_1.default.createElement("div", { className: "ecpauth:mb-6" },
-                    react_1.default.createElement(message_1.Message, { message: state?.message, className: "ecpauth:font-medium ecpauth:text-sm ecpauth:p-3 ecpauth:rounded-lg ecpauth:bg-red-50 ecpauth:dark:bg-red-900/10 ecpauth:border ecpauth:border-red-100 ecpauth:dark:border-red-800/30 ecpauth:text-red-700 ecpauth:dark:text-red-400" }))) : null,
+                    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 }))) : null,
                 react_1.default.createElement("div", { className: "ecpauth:space-y-5" },
                     react_1.default.createElement("div", { className: "ecpauth:space-y-2" },
                         react_1.default.createElement(label_1.Label, { htmlFor: "password", className: "ecpauth:text-sm ecpauth:font-semibold ecpauth:text-gray-700 ecpauth:dark:text-gray-300 ecpauth:ml-0.5" }, "New Password"),

package/dist/components/login-form.js

@@ -77,7 +77,6 @@ function Login({ className, logo, ...props }) {
             setIsAuthenticated(true);
         }
         setIsPending(false);
-        // return { email: formData.get("email") as string };
     }
     return (react_1.default.createElement("div", { className: (0, utils_1.cn)("ecpauth:relative ecpauth:flex ecpauth:flex-col ecpauth:items-center ecpauth:justify-center ecpauth:w-full ecpauth:mx-auto ecpauth:px-4", className), ...props },
         isAuthenticated && react_1.default.createElement(loader_1.Loader, null),
@@ -91,18 +90,18 @@ function Login({ className, logo, ...props }) {
                     react_1.default.createElement(card_1.CardTitle, { className: "ecpauth:text-2xl ecpauth:font-black ecpauth:tracking-tight ecpauth:text-gray-900 ecpauth:dark:text-white" }, "Welcome Back"),
                     react_1.default.createElement(card_1.CardDescription, { className: "ecpauth:text-sm ecpauth:text-gray-500 ecpauth:dark:text-gray-400" }, "Enter your credentials to access the dashboard.")),
                 error?.message && (react_1.default.createElement("p", { className: "ecpauth:text-red-500 ecpauth:mt-3 ecpauth:text-sm ecpauth:font-medium" }, error.message))),
-            react_1.default.createElement(card_1.CardContent, { className: "ecpauth:space-y-6 ecpauth:p-8 ecpauth:px-12" },
+            react_1.default.createElement(card_1.CardContent, { className: "ecpauth:space-y-6 ecpauth:p-8 ecpauth:lg:px-12" },
                 react_1.default.createElement("form", { onSubmit: handleSubmit, className: "ecpauth:space-y-6" },
                     react_1.default.createElement("div", { className: "ecpauth:space-y-4" },
                         react_1.default.createElement("div", { className: "ecpauth:space-y-2" },
                             react_1.default.createElement(label_1.Label, { htmlFor: "email", className: "ecpauth:text-sm ecpauth:font-medium ecpauth:text-gray-700 ecpauth:dark:text-gray-300" }, "Email Address or Username"),
                             react_1.default.createElement(input_1.Input, { id: "email", type: "text", placeholder: "e.g. user@example.com", name: "email" }),
-                            react_1.default.createElement(message_1.Message, { message: error?.errors?.email, className: "ecpauth:mt-1 ecpauth:text-[11px] ecpauth:text-red-500" })),
+                            react_1.default.createElement(message_1.Message, { message: error?.errors?.email, className: "ecpauth:mt-1 ecpauth:text-[11px]" })),
                         react_1.default.createElement("div", { className: "ecpauth:space-y-2" },
                             react_1.default.createElement("div", { className: "ecpauth:flex ecpauth:items-center ecpauth:justify-between" },
                                 react_1.default.createElement(label_1.Label, { htmlFor: "password", className: "ecpauth:text-sm ecpauth:font-medium ecpauth:text-gray-700 ecpauth:dark:text-gray-300" }, "Password")),
                             react_1.default.createElement(input_1.Input, { id: "password", type: "password", name: "password", placeholder: "Enter your password" }),
-                            react_1.default.createElement(message_1.Message, { message: error?.errors?.password, className: "ecpauth:mt-1 ecpauth:text-[11px] ecpauth:text-red-500" }),
+                            react_1.default.createElement(message_1.Message, { message: error?.errors?.password, className: "ecpauth:mt-1 ecpauth:text-[11px]" }),
                             react_1.default.createElement("div", { className: "ecpauth:flex ecpauth:justify-end" }, resetPasswordUrl && (react_1.default.createElement("a", { href: resetPasswordUrl, className: "ecpauth:text-xs ecpauth:font-semibold ecpauth:text-blue-600 ecpauth:hover:text-blue-700 ecpauth:hover:underline" }, "Forgot Password?"))))),
                     react_1.default.createElement(button_1.Button, { type: "submit", className: "ecpauth:w-full ecpauth:h-11 ecpauth:bg-blue-600! ecpauth:hover:bg-blue-700! ecpauth:text-white! ecpauth:font-semibold ecpauth:text-base ecpauth:shadow-lg ecpauth:shadow-blue-600/20 ecpauth:rounded-lg ecpauth:transition-all ecpauth:active:scale-[0.98]", disabled: isPending || isAuthenticated }, isPending ? "Logging In..." : "Log In")),
                 signupUrl && (react_1.default.createElement("div", { className: "ecpauth:text-center ecpauth:text-sm ecpauth:text-gray-500 ecpauth:border-t ecpauth:border-gray-100 ecpauth:dark:border-gray-800 ecpauth:pt-6" },

package/dist/components/message.js

@@ -10,6 +10,6 @@ function Message({ message, variant = "error", className = "ecpauth:-mt-2", }) {
     if (!message)
         return null;
     return (react_1.default.createElement("div", { className: (0, utils_1.cn)("ecpauth:text-sm", variant === "success"
-            ? "ecpauth:text-green-500"
-            : "ecpauth:text-red-500", className) }, message));
+            ? "ecpauth:font-medium ecpauth:text-sm ecpauth:p-3 ecpauth:rounded-lg ecpauth:bg-green-50 ecpauth:dark:bg-green-900/10 ecpauth:border ecpauth:border-green-100 ecpauth:dark:border-green-800/30 ecpauth:text-green-700 ecpauth:dark:text-green-400"
+            : "ecpauth:font-medium ecpauth:text-sm ecpauth:p-3 ecpauth:rounded-lg ecpauth:bg-red-50 ecpauth:dark:bg-red-900/10 ecpauth:border ecpauth:border-red-100 ecpauth:dark:border-red-800/30 ecpauth:text-red-700 ecpauth:dark:text-red-400", className) }, message));
 }

package/dist/components/must-login.js

@@ -6,18 +6,30 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MustLogin = MustLogin;
 const react_1 = __importDefault(require("react"));
 const button_1 = require("./ui/button");
-const message_1 = require("./message");
 const dialog_1 = require("./ui/dialog");
 const utils_1 = require("../lib/utils");
+const lock_1 = require("./icons/lock");
+const auth_provider_1 = require("../contexts/auth-provider");
 function MustLogin({ onOpenChange, }) {
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(dialog_1.DialogHeader, null,
-            react_1.default.createElement(dialog_1.DialogTitle, null, "Authentication Error")),
-        react_1.default.createElement("div", { className: "ecpauth:flex ecpauth:items-center ecpauth:justify-center ecpauth:h-40" },
-            react_1.default.createElement(message_1.Message, { message: "User not found. Make sure you are logged in.", variant: "error" })),
-        react_1.default.createElement("div", { className: "ecpauth:flex ecpauth:justify-end ecpauth:gap-2" },
+    const { computedRouteContext } = (0, auth_provider_1.useAuth)();
+    const { loginUrl } = computedRouteContext;
+    return (react_1.default.createElement("div", { 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: "ecpauth:size-12 ecpauth:rounded-xl ecpauth:bg-blue-50 ecpauth:dark:bg-blue-900/20 ecpauth:text-blue-600 ecpauth:dark:text-blue-400 ecpauth:border ecpauth:border-blue-100 ecpauth:dark:border-blue-800/50 ecpauth:flex ecpauth:items-center ecpauth:justify-center ecpauth:mb-4 ecpauth:shadow-sm" },
+                    react_1.default.createElement(lock_1.LockIcon, { 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" }, "Session Required"),
+                    react_1.default.createElement(dialog_1.DialogDescription, { className: "ecpauth:text-gray-500 ecpauth:dark:text-gray-400 ecpauth:text-center" }, "Please log in to continue")))),
+        react_1.default.createElement("div", { className: "ecpauth:px-8 ecpauth:pb-6" },
+            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" }, "Your current session has expired or authentication is required for this action. Please sign in to your account."))),
+        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);
                     (0, utils_1.unstuckPointerEvents)();
-                } }, "Close"))));
+                }, 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" }, "Close"),
+            react_1.default.createElement(button_1.Button, { type: "button", onClick: () => {
+                    window.location.href = loginUrl;
+                }, className: "ecpauth:flex-1 ecpauth:h-11 ecpauth:rounded-xl ecpauth:font-bold ecpauth:text-white! ecpauth:bg-blue-600! ecpauth:hover:bg-blue-700! ecpauth:shadow-lg ecpauth:shadow-blue-600/20 ecpauth:transition-all ecpauth:active:scale-[0.98]" }, "Login Now"))));
 }

package/dist/components/reset-password.js

@@ -94,9 +94,9 @@ function ResetPassword({ className, onChangePassword, logo, ...props }) {
                         ? "Enter your new password below."
                         : "Provide your email to receive a reset link.")),
                 state?.status === "success" ? (react_1.default.createElement("div", { className: "ecpauth:mt-3" },
-                    react_1.default.createElement(message_1.Message, { message: state?.message, className: "ecpauth:font-medium ecpauth:text-sm ecpauth:p-3 ecpauth:rounded-lg ecpauth:bg-green-50 ecpauth:dark:bg-green-900/10 ecpauth:border ecpauth:border-green-100 ecpauth:dark:border-green-800/30 ecpauth:text-green-700 ecpauth:dark:text-green-400", variant: "success" }))) : state?.message ? (react_1.default.createElement("div", { className: "ecpauth:mt-3" },
-                    react_1.default.createElement(message_1.Message, { message: state?.message, className: "ecpauth:font-medium ecpauth:text-sm ecpauth:p-3 ecpauth:rounded-lg ecpauth:bg-red-50 ecpauth:dark:bg-red-900/10 ecpauth:border ecpauth:border-red-100 ecpauth:dark:border-red-800/30 ecpauth:text-red-700 ecpauth:dark:text-red-400" }))) : null),
-            react_1.default.createElement(card_1.CardContent, { className: "ecpauth:space-y-6 ecpauth:p-8 ecpauth:px-12" },
+                    react_1.default.createElement(message_1.Message, { message: state?.message, variant: "success" }))) : state?.message ? (react_1.default.createElement("div", { className: "ecpauth:mt-3" },
+                    react_1.default.createElement(message_1.Message, { message: state?.message }))) : null),
+            react_1.default.createElement(card_1.CardContent, { className: "ecpauth:space-y-6 ecpauth:p-8 ecpauth:lg:px-12" },
                 !token ? (react_1.default.createElement("form", { onSubmit: handleSubmit, className: "ecpauth:space-y-6" },
                     react_1.default.createElement("div", { className: "ecpauth:space-y-2" },
                         react_1.default.createElement(label_1.Label, { htmlFor: "email", className: "ecpauth:text-sm ecpauth:font-medium ecpauth:text-gray-700 ecpauth:dark:text-gray-300" }, "Email Address"),

package/dist/components/signup-form.js

@@ -106,9 +106,9 @@ function Signup({ className, onSubmit, groupId, metadata, acceptUsername = true,
                     react_1.default.createElement(card_1.CardTitle, { className: "ecpauth:text-2xl ecpauth:font-black ecpauth:tracking-tight ecpauth:text-gray-900 ecpauth:dark:text-white" }, "Create Account"),
                     react_1.default.createElement(card_1.CardDescription, { className: "ecpauth:text-sm ecpauth:text-gray-500 ecpauth:dark:text-gray-400" }, "Provide your details to sign up for your account.")),
                 state?.status === "success" ? (react_1.default.createElement("div", { className: "ecpauth:mt-3" },
-                    react_1.default.createElement(message_1.Message, { message: state?.message, className: "ecpauth:font-medium ecpauth:text-sm ecpauth:p-3 ecpauth:rounded-lg ecpauth:bg-green-50 ecpauth:dark:bg-green-900/10 ecpauth:border ecpauth:border-green-100 ecpauth:dark:border-green-800/30 ecpauth:text-green-700 ecpauth:dark:text-green-400", variant: "success" }))) : state?.message ? (react_1.default.createElement("div", { className: "ecpauth:mt-3" },
-                    react_1.default.createElement(message_1.Message, { message: state?.message, className: "ecpauth:font-medium ecpauth:text-sm ecpauth:p-3 ecpauth:rounded-lg ecpauth:bg-red-50 ecpauth:dark:bg-red-900/10 ecpauth:border ecpauth:border-red-100 ecpauth:dark:border-red-800/30 ecpauth:text-red-700 ecpauth:dark:text-red-400" }))) : null),
-            react_1.default.createElement(card_1.CardContent, { className: "ecpauth:space-y-6 ecpauth:p-8 ecpauth:px-12" },
+                    react_1.default.createElement(message_1.Message, { message: state?.message, variant: "success" }))) : state?.message ? (react_1.default.createElement("div", { className: "ecpauth:mt-3" },
+                    react_1.default.createElement(message_1.Message, { message: state?.message }))) : null),
+            react_1.default.createElement(card_1.CardContent, { className: "ecpauth:space-y-6 ecpauth:p-8 ecpauth:lg:px-12" },
                 react_1.default.createElement("form", { onSubmit: handleSubmit, className: "ecpauth:space-y-6" },
                     react_1.default.createElement("div", { className: "ecpauth:grid ecpauth:grid-cols-1 ecpauth:md:grid-cols-2 ecpauth:gap-4" },
                         react_1.default.createElement("div", { className: "ecpauth:space-y-2" },

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

@@ -75,7 +75,7 @@ function Toggle2FA({ onSubmit }) {
                 react_1.default.createElement(shield_1.ShieldIcon, { size: 18, className: "ecpauth:text-blue-600 ecpauth:dark:text-blue-400" }),
                 "Two-Factor Authentication"),
             react_1.default.createElement("p", { className: "ecpauth:text-sm ecpauth:text-gray-500 ecpauth:dark:text-gray-400" }, "Add an extra layer of security to your account by requiring a verification code.")),
-        state?.status === "success" ? (react_1.default.createElement(message_1.Message, { message: state?.message, className: "ecpauth:font-medium ecpauth:text-sm ecpauth:p-3 ecpauth:rounded-lg ecpauth:bg-green-50 ecpauth:dark:bg-green-900/10 ecpauth:border ecpauth:border-green-100 ecpauth:dark:border-green-800/30 ecpauth:text-green-700 ecpauth:dark:text-green-400", variant: "success" })) : state?.message ? (react_1.default.createElement(message_1.Message, { message: state?.message, className: "ecpauth:font-medium ecpauth:text-sm ecpauth:p-3 ecpauth:rounded-lg ecpauth:bg-red-50 ecpauth:dark:bg-red-900/10 ecpauth:border ecpauth:border-red-100 ecpauth:dark:border-red-800/30 ecpauth:text-red-700 ecpauth:dark:text-red-400" })) : null,
+        state?.status === "success" ? (react_1.default.createElement(message_1.Message, { message: state?.message, variant: "success" })) : state?.message ? (react_1.default.createElement(message_1.Message, { message: state?.message })) : null,
         react_1.default.createElement("div", { className: "ecpauth:group ecpauth:relative ecpauth:p-4 ecpauth:rounded-xl ecpauth:border ecpauth:border-gray-200 ecpauth:dark:border-gray-800 ecpauth:bg-gray-50/50 ecpauth:dark:bg-white/5 ecpauth:transition-all ecpauth:hover:border-blue-200 ecpauth:dark:hover:border-blue-900/30" },
             react_1.default.createElement("div", { className: "ecpauth:flex ecpauth:items-start ecpauth:justify-between ecpauth:gap-4" },
                 react_1.default.createElement("div", { className: "ecpauth:space-y-1" },

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

@@ -20,7 +20,8 @@ function ToggleAccountStatus({ user, open, onOpenChange, onSuccess, onSubmit, })
         //@ts-ignore
         status: "",
     });
-    async function handleSubmit() {
+    async function handleSubmit(e) {
+        e.preventDefault();
         if (!user) {
             return {
                 message: "Please provide a user to toggle account status.",
@@ -34,7 +35,7 @@ function ToggleAccountStatus({ user, open, onOpenChange, onSuccess, onSubmit, })
             };
         }
         setIsPending(true);
-        const result = await onSubmit(user.id);
+        const result = await onSubmit(user.subId);
         setIsPending(false);
         if (result.status !== "failure") {
             onSuccess?.();
@@ -64,8 +65,8 @@ function ToggleAccountStatus({ user, open, onOpenChange, onSuccess, onSubmit, })
                             " ",
                             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, className: "ecpauth:font-medium ecpauth:text-sm ecpauth:p-3 ecpauth:rounded-xl ecpauth:bg-green-50 ecpauth:dark:bg-green-900/10 ecpauth:border ecpauth:border-green-100 ecpauth:dark:border-green-800/30 ecpauth:text-green-700 ecpauth:dark:text-green-400", variant: "success" }))) : state?.message ? (react_1.default.createElement("div", { className: "ecpauth:mb-6" },
-                react_1.default.createElement(message_1.Message, { message: state?.message, className: "ecpauth:font-medium ecpauth:text-sm ecpauth:p-3 ecpauth:rounded-xl ecpauth:bg-red-50 ecpauth:dark:bg-red-900/10 ecpauth:border ecpauth:border-red-100 ecpauth:dark:border-red-800/30 ecpauth:text-red-700 ecpauth:dark:text-red-400" }))) : (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(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",
                     " ",

package/dist/contexts/auth-provider.js

@@ -49,8 +49,7 @@ function AuthProvider({ children, config }) {
     const [user, setUser] = (0, react_1.useState)(null);
     const [loading, setLoading] = (0, react_1.useState)(false);
     const [error, setError] = (0, react_1.useState)(null);
-    const [isAuthenticated, setIsAuthenticated] = (0, react_1.useState)(false);
-    const [transition, startTransition] = (0, react_1.useTransition)();
+    const [_, startTransition] = (0, react_1.useTransition)();
     const withFullObject = (0, utils_1.shouldPassFullUserObject)();
     const computedRouteContext = (0, utils_1.buildRouteContext)(config);
     const { loginUrl, resetPasswordUrl, dashboardUrl, returnPathRaw, isExcluded, } = computedRouteContext;
@@ -69,14 +68,6 @@ function AuthProvider({ children, config }) {
         if (!token)
             return;
         if (!navigator.onLine) {
-            try {
-                const payload = (0, utils_1.parseJwt)(token);
-                setUser(payload?.user);
-                setIsAuthenticated(true);
-            }
-            catch (e) {
-                console.warn("[ecp-auth] Invalid token format:", e);
-            }
             console.warn("[ecp-auth] Offline — skipping fetchCurrentUser()");
             return;
         }
@@ -84,10 +75,8 @@ function AuthProvider({ children, config }) {
         try {
             const res = await (0, api_1.apiFactory)("/me", { method: "GET" });
             setUser(res.user);
-            setIsAuthenticated(true);
         }
         catch (err) {
-            console.warn("[ecp-auth] Failed to fetch user:", err);
             await logout("server_unavailable");
         }
         finally {
@@ -97,7 +86,7 @@ function AuthProvider({ children, config }) {
     (0, react_1.useEffect)(() => {
         fetchCurrentUser();
     }, []);
-    async function login(credentials) {
+    const login = (0, react_1.useCallback)(async (credentials) => {
         setError(null);
         setLoading(true);
         try {
@@ -109,7 +98,6 @@ function AuthProvider({ children, config }) {
             });
             const { authToken, user, with2fa } = res;
             if (authToken && !with2fa) {
-                setIsAuthenticated(true);
                 await redirectAfterLogin(authToken, res.tempRefreshToken);
                 return null;
             }
@@ -126,8 +114,8 @@ function AuthProvider({ children, config }) {
         finally {
             setLoading(false);
         }
-    }
-    async function sendPasswordResetRequest(email) {
+    }, []);
+    const sendPasswordResetRequest = (0, react_1.useCallback)(async (email) => {
         try {
             const res = await (0, api_1.apiFactory)("/reset-password", {
                 body: { email, passwordResetLink: resetPasswordUrl },
@@ -140,8 +128,8 @@ function AuthProvider({ children, config }) {
             }
             return { message: err.message, status: "failure" };
         }
-    }
-    async function logout(reason = "", params) {
+    }, []);
+    const logout = (0, react_1.useCallback)(async (reason = "", params) => {
         let logoutSucceeded = false;
         try {
             await (0, api_1.apiFactory)("/logout");
@@ -151,7 +139,6 @@ function AuthProvider({ children, config }) {
             if ([401, 403].includes(err.status)) {
                 logoutSucceeded = true;
             }
-            console.error("Logout failed:", err);
         }
         const forceLogout = ["user_logout", "server_unavailable"].includes(reason);
         if (logoutSucceeded || forceLogout) {
@@ -168,42 +155,56 @@ function AuthProvider({ children, config }) {
                 window.location.href = `${loginUrl}?${fullParams}`;
             }
         }
-    }
+    }, [loginUrl, returnPathRaw, config]);
     (0, use_token_refresher_1.useTokenRefresher)({
         config,
         refreshTokenRequest: async () => {
-            const res = await (0, api_1.apiFactory)("/refresh", {
+            return await (0, api_1.apiFactory)("/refresh", {
                 body: {
                     withFullObject,
                 },
             });
-            return res;
         },
         onTokenRefreshed: (authToken, tempRefreshToken) => {
             localStorage.setItem(constants_1.AUTH_TOKEN_KEY, authToken);
             config?.cookieOverride?.(tempRefreshToken);
         },
-        revalidateUserWhenOnline: fetchCurrentUser,
+        // revalidateUserWhenOnline: fetchCurrentUser,
         onRefreshFailed: async () => await logout("session_expired"),
     });
+    const userLogout = (0, react_1.useCallback)((params) => logout("user_logout", params), [logout]);
+    const revalidate = (0, react_1.useCallback)(() => startTransition(fetchCurrentUser), [fetchCurrentUser]);
+    const contextValue = (0, react_1.useMemo)(() => {
+        return {
+            user,
+            isLoading: loading,
+            isAuthenticated: !!user,
+            error,
+            computedRouteContext,
+            login,
+            sendPasswordResetRequest,
+            logout: userLogout,
+            hasPermission: (permission) => (0, utils_1.hasPermission)(user, permission),
+            revalidate,
+            getToken: () => (0, utils_1.getClientToken)(),
+        };
+    }, [
+        user,
+        loading,
+        error,
+        computedRouteContext,
+        login,
+        sendPasswordResetRequest,
+        fetchCurrentUser,
+        userLogout,
+        revalidate,
+    ]);
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(optional_otp_wrapper_1.OptionalOTPWrapper, { user: twoFAData, onVerified: redirectAfterLogin, onCanceled: () => {
                 setTwoFAData(null);
             } }),
         !disableLoading && loading && react_1.default.createElement(loader_1.Loader, null),
-        react_1.default.createElement(AuthContext.Provider, { value: {
-                user,
-                isLoading: loading,
-                isAuthenticated,
-                error,
-                computedRouteContext,
-                login,
-                sendPasswordResetRequest,
-                logout: (params) => logout("user_logout", params),
-                hasPermission: (permission) => (0, utils_1.hasPermission)(user, permission),
-                revalidate: () => startTransition(fetchCurrentUser),
-                getToken: () => (0, utils_1.getClientToken)(),
-            } }, children)));
+        react_1.default.createElement(AuthContext.Provider, { value: contextValue }, children)));
 }
 function useAuth() {
     const ctx = (0, react_1.useContext)(AuthContext);

package/dist/lib/api-server.js

@@ -18,6 +18,7 @@ async function apiServer(apiPath, options) {
         headers: {
             "Content-Type": "application/json",
             Authorization: `Bearer ${token}`,
+            "x-server-to-server": "true",
             "x-api-key": apiKey,
             "x-api-version": version,
             "x-workspace-id": workspaceId,

package/dist/server/server-session.d.ts

@@ -1,8 +1,2 @@
-import { User } from "../types";
-export declare function getServerSession(): Promise<(User & {
-    meta: {
-        sessionId: string;
-        exp: number;
-        iat: number;
-    };
-}) | null>;
+import { ServerSession } from "../types";
+export declare const getServerSession: () => Promise<ServerSession | null>;

package/dist/server/server-session.js

@@ -1,36 +1,37 @@
 "use server";
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getServerSession = getServerSession;
+exports.getServerSession = void 0;
+const react_1 = require("react");
+const api_1 = require("../lib/api");
 const utils_1 = require("../lib/utils");
 const server_token_1 = require("./server-token");
-async function getServerSession() {
+exports.getServerSession = (0, react_1.cache)(async function () {
     try {
         const token = await (0, server_token_1.getServerToken)();
         if (!token)
             return null;
         const session = (0, utils_1.parseJwt)(token);
-        const expiresAt = session.exp * 1000;
-        const now = Date.now();
-        if (now > expiresAt) {
+        if (!session)
             return null;
-        }
+        const now = Date.now();
+        if (now > session.exp * 1000 - 1000)
+            return null; // 1s buffer
+        const res = await (0, api_1.apiFactory)("/me-server", {
+            method: "GET",
+            cache: "no-store",
+        });
         return {
-            ...session.user,
+            ...res.user,
             meta: {
                 sessionId: session.sessionId,
                 exp: session.exp,
                 iat: session.iat,
             },
         };
-        // const res = await apiFactory("/me-server", {
-        //   method: "GET",
-        //   cache: "no-store",
-        // });
-        // return res.user;
     }
-    catch (error) {
-        console.log(error);
+    catch (err) {
+        console.error("[getServerSession] Failed to fetch user:", err);
         return null;
     }
-}
+});

package/dist/styles.css

@@ -58,7 +58,6 @@
     --ecpauth-color-black: #000;
     --ecpauth-color-white: #fff;
     --ecpauth-spacing: 0.25rem;
-    --ecpauth-container-sm: 24rem;
     --ecpauth-container-md: 28rem;
     --ecpauth-container-lg: 32rem;
     --ecpauth-container-xl: 36rem;
@@ -313,9 +312,6 @@
   .ecpauth\:my-1 {
     margin-block: calc(var(--ecpauth-spacing) * 1);
   }
-  .ecpauth\:my-2 {
-    margin-block: calc(var(--ecpauth-spacing) * 2);
-  }
   .ecpauth\:-mt-2 {
     margin-top: calc(var(--ecpauth-spacing) * -2);
   }
@@ -328,9 +324,6 @@
   .ecpauth\:mt-3 {
     margin-top: calc(var(--ecpauth-spacing) * 3);
   }
-  .ecpauth\:mt-4 {
-    margin-top: calc(var(--ecpauth-spacing) * 4);
-  }
   .ecpauth\:mt-10 {
     margin-top: calc(var(--ecpauth-spacing) * 10);
   }
@@ -404,9 +397,6 @@
   .ecpauth\:h-24 {
     height: calc(var(--ecpauth-spacing) * 24);
   }
-  .ecpauth\:h-40 {
-    height: calc(var(--ecpauth-spacing) * 40);
-  }
   .ecpauth\:h-\[1\.15rem\] {
     height: 1.15rem;
   }
@@ -701,9 +691,6 @@
   .ecpauth\:bg-amber-50 {
     background-color: var(--ecpauth-color-amber-50);
   }
-  .ecpauth\:bg-amber-600 {
-    background-color: var(--ecpauth-color-amber-600);
-  }
   .ecpauth\:bg-amber-600\! {
     background-color: var(--ecpauth-color-amber-600) !important;
   }
@@ -722,9 +709,6 @@
   .ecpauth\:bg-blue-100 {
     background-color: var(--ecpauth-color-blue-100);
   }
-  .ecpauth\:bg-blue-600 {
-    background-color: var(--ecpauth-color-blue-600);
-  }
   .ecpauth\:bg-blue-600\! {
     background-color: var(--ecpauth-color-blue-600) !important;
   }
@@ -837,9 +821,6 @@
   .ecpauth\:px-8 {
     padding-inline: calc(var(--ecpauth-spacing) * 8);
   }
-  .ecpauth\:px-12 {
-    padding-inline: calc(var(--ecpauth-spacing) * 12);
-  }
   .ecpauth\:py-0\.5 {
     padding-block: calc(var(--ecpauth-spacing) * 0.5);
   }
@@ -990,9 +971,6 @@
   .ecpauth\:text-gray-900 {
     color: var(--ecpauth-color-gray-900);
   }
-  .ecpauth\:text-green-500 {
-    color: var(--ecpauth-color-green-500);
-  }
   .ecpauth\:text-green-700 {
     color: var(--ecpauth-color-green-700);
   }
@@ -1095,12 +1073,6 @@
       --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--ecpauth-color-amber-600) 20%, transparent) var(--tw-shadow-alpha), transparent);
     }
   }
-  .ecpauth\:shadow-blue-500\/20 {
-    --tw-shadow-color: var(--ecpauth-color-blue-500);
-    @supports (color: color-mix(in lab, red, red)) {
-      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--ecpauth-color-blue-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
-    }
-  }
   .ecpauth\:shadow-blue-600\/20 {
     --tw-shadow-color: var(--ecpauth-color-blue-600);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1258,13 +1230,6 @@
       }
     }
   }
-  .ecpauth\:hover\:bg-amber-700 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--ecpauth-color-amber-700);
-      }
-    }
-  }
   .ecpauth\:hover\:bg-amber-700\! {
     &:hover {
       @media (hover: hover) {
@@ -1272,13 +1237,6 @@
       }
     }
   }
-  .ecpauth\:hover\:bg-blue-700 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--ecpauth-color-blue-700);
-      }
-    }
-  }
   .ecpauth\:hover\:bg-blue-700\! {
     &:hover {
       @media (hover: hover) {
@@ -1670,6 +1628,11 @@
       line-height: var(--tw-leading, var(--ecpauth-text-sm--line-height));
     }
   }
+  .ecpauth\:lg\:px-12 {
+    @media (width >= 64rem) {
+      padding-inline: calc(var(--ecpauth-spacing) * 12);
+    }
+  }
   .ecpauth\:lg\:shadow-xl {
     @media (width >= 64rem) {
       --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
@@ -1901,11 +1864,6 @@
       color: var(--ecpauth-color-blue-400);
     }
   }
-  .ecpauth\:dark\:text-gray-50 {
-    &:is(.dark *) {
-      color: var(--ecpauth-color-gray-50);
-    }
-  }
   .ecpauth\:dark\:text-gray-200 {
     &:is(.dark *) {
       color: var(--ecpauth-color-gray-200);

package/dist/types.d.ts

@@ -225,6 +225,13 @@ export type UseTokenRefresherOptions = {
     revalidateUserWhenOnline?: () => void;
     config?: AuthConfig;
 };
+export type ServerSession = User & {
+    meta: {
+        sessionId: string;
+        iat: number;
+        exp: number;
+    };
+};
 export type QueryOpts = {
     groupIds?: (string | number | null)[];
 };

package/package.json

@@ -1,65 +1,66 @@
-{
-  "name": "@explita/cloud-auth-client",
-  "version": "0.1.2",
-  "author": "Explita",
-  "license": "MIT",
-  "description": "A simple authentication library for React",
-  "main": "./dist/index.js",
-  "types": "./dist/types.d.ts",
-  "exports": {
-    ".": {
-      "default": "./dist/index.js"
-    },
-    "./ui": {
-      "default": "./dist/ui/index.js"
-    },
-    "./server": {
-      "default": "./dist/server/index.js"
-    },
-    "./styles.css": "./dist/styles.css"
-  },
-  "scripts": {
-    "clean": "rimraf dist",
-    "build": "npm run clean && tsc",
-    "postbuild": "node src/misc/post-build.js",
-    "prepublishOnly": "npm run build",
-    "styles": "npx @tailwindcss/cli -i ./src/dev-styles.css -o ./src/styles.css --watch"
-  },
-  "keywords": [
-    "auth",
-    "authentication",
-    "react",
-    "session",
-    "token",
-    "otp"
-  ],
-  "devDependencies": {
-    "@tailwindcss/cli": "^4.1.12",
-    "@types/node": "^24.3.0",
-    "@types/react": "^19.1.10",
-    "@types/react-dom": "^19.1.7",
-    "fs-extra": "^11.3.1",
-    "rimraf": "^6.0.1",
-    "tailwindcss": "^4.1.12",
-    "typescript": "^5.9.2"
-  },
-  "dependencies": {
-    "class-variance-authority": "^0.7.1"
-  },
-  "optionalDependencies": {
-    "@explita/cloud-otp-client": "^0.1.1"
-  },
-  "peerDependencies": {
-    "@radix-ui/react-dialog": "^1",
-    "@radix-ui/react-dropdown-menu": "^2",
-    "@radix-ui/react-slot": "^1",
-    "@radix-ui/react-switch": "^1",
-    "react": "^19",
-    "react-dom": "^19"
-  },
-  "files": [
-    "dist",
-    "README.md",
-    "LICENSE"
-  ]
-}
+{
+  "name": "@explita/cloud-auth-client",
+  "version": "0.2.0",
+  "author": "Explita",
+  "license": "MIT",
+  "description": "A simple authentication library for React",
+  "main": "./dist/index.js",
+  "types": "./dist/types.d.ts",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "default": "./dist/index.js"
+    },
+    "./ui": {
+      "default": "./dist/ui/index.js"
+    },
+    "./server": {
+      "default": "./dist/server/index.js"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "scripts": {
+    "clean": "rimraf dist",
+    "build": "npm run clean && tsc",
+    "postbuild": "node src/misc/post-build.js",
+    "prepublishOnly": "npm run build",
+    "styles": "npx @tailwindcss/cli -i ./src/dev-styles.css -o ./src/styles.css --watch"
+  },
+  "keywords": [
+    "auth",
+    "authentication",
+    "react",
+    "session",
+    "token",
+    "otp"
+  ],
+  "devDependencies": {
+    "@tailwindcss/cli": "^4.1.12",
+    "@types/node": "^24.3.0",
+    "@types/react": "^19.1.10",
+    "@types/react-dom": "^19.1.7",
+    "fs-extra": "^11.3.1",
+    "rimraf": "^6.0.1",
+    "tailwindcss": "^4.1.12",
+    "typescript": "^5.9.2"
+  },
+  "dependencies": {
+    "class-variance-authority": "^0.7.1"
+  },
+  "optionalDependencies": {
+    "@explita/cloud-otp-client": "^0.1.1"
+  },
+  "peerDependencies": {
+    "@radix-ui/react-dialog": "^1",
+    "@radix-ui/react-dropdown-menu": "^2",
+    "@radix-ui/react-slot": "^1",
+    "@radix-ui/react-switch": "^1",
+    "react": "^19",
+    "react-dom": "^19"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ]
+}