@sanvika/auth 1.0.20 → 1.0.22

package/dist/index.js

@@ -1,105 +1,23 @@
 "use client";
 
 // SanvikaAuthProvider.jsx
-import {
-  createContext,
-  useContext,
-  useEffect,
-  useState,
-  useCallback,
-  useRef
-} from "react";
+import { createContext, useContext, useEffect, useState } from "react";
 
 // constants.js
 var STORAGE_KEYS = {
   ACCESS_TOKEN: "sanvika_access_token",
-  USER: "sanvika_user",
-  STATE: "sanvika_oauth_state",
-  // CSRF state for OAuth flow
-  RETURN_PATH: "sanvika_return_path"
-  // Page to redirect back after login
+  USER: "sanvika_user"
 };
 var DEFAULT_AVATAR_SVG = `data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23e5e7eb'/%3E%3Ccircle cx='20' cy='15' r='7' fill='%23adb5bd'/%3E%3Cellipse cx='20' cy='35' rx='12' ry='8' fill='%23adb5bd'/%3E%3C/svg%3E`;
 
-// tokenRefreshUtils.js
-function decodeToken(token) {
-  try {
-    const base64Url = token.split(".")[1];
-    const base64 = base64Url.replace(/-/g, "+").replace(/_/g, "/");
-    const jsonPayload = decodeURIComponent(
-      atob(base64).split("").map((c) => "%" + ("00" + c.charCodeAt(0).toString(16)).slice(-2)).join("")
-    );
-    return JSON.parse(jsonPayload);
-  } catch {
-    return null;
-  }
-}
-async function ensureTokenFresh(token, thresholdSeconds = 300) {
-  if (!token) return null;
-  const decoded = decodeToken(token);
-  if (!decoded || !decoded.exp) return token;
-  const nowSeconds = Math.floor(Date.now() / 1e3);
-  const secondsUntilExpiry = decoded.exp - nowSeconds;
-  if (secondsUntilExpiry > thresholdSeconds) {
-    return token;
-  }
-  try {
-    const refreshRes = await fetch("/api/auth/refresh", {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      credentials: "include"
-      // Send httpOnly refresh token cookie (same domain)
-    });
-    if (!refreshRes.ok) {
-      console.warn("[TokenRefresh] Refresh failed:", refreshRes.status);
-      return token;
-    }
-    const data = await refreshRes.json();
-    if (data.success && data.accessToken) {
-      localStorage.setItem(STORAGE_KEYS.ACCESS_TOKEN, data.accessToken);
-      return data.accessToken;
-    }
-  } catch (err) {
-    console.warn("[TokenRefresh] Error refreshing token:", err.message);
-  }
-  return token;
-}
-function scheduleTokenRefresh(token, onRefresh) {
-  if (!token) return () => {
-  };
-  const decoded = decodeToken(token);
-  if (!decoded || !decoded.exp) return () => {
-  };
-  const nowSeconds = Math.floor(Date.now() / 1e3);
-  const secondsUntilExpiry = decoded.exp - nowSeconds;
-  const refreshAt = Math.max(60, Math.floor(secondsUntilExpiry * 0.75));
-  const timeoutId = setTimeout(async () => {
-    try {
-      const freshToken = await ensureTokenFresh(token, 0);
-      if (freshToken !== token && onRefresh) {
-        onRefresh(freshToken);
-      }
-    } catch (err) {
-      console.warn("[TokenRefresh] Auto-refresh failed:", err.message);
-    }
-  }, refreshAt * 1e3);
-  return () => clearTimeout(timeoutId);
-}
-
 // SanvikaAuthProvider.jsx
 import { jsx } from "react/jsx-runtime";
 var SA_URL = "https://accounts.sanvikaproduction.com";
 var SanvikaAuthContext = createContext(null);
-function SanvikaAuthProvider({
-  children,
-  clientId,
-  redirectUri,
-  dashboardPath = "/dashboard"
-}) {
+function SanvikaAuthProvider({ children }) {
   const [user, setUser] = useState(null);
   const [accessToken, setToken] = useState(null);
   const [loading, setLoading] = useState(true);
-  const refreshCleanupRef = useRef(null);
   useEffect(() => {
     try {
       const storedToken = localStorage.getItem(STORAGE_KEYS.ACCESS_TOKEN);
@@ -108,136 +26,69 @@ function SanvikaAuthProvider({
         setToken(storedToken);
         setUser(JSON.parse(storedUser));
       }
-    } catch {
-      localStorage.removeItem(STORAGE_KEYS.ACCESS_TOKEN);
-      localStorage.removeItem(STORAGE_KEYS.USER);
+    } catch (e) {
+      console.error("[SanvikaAuth] Failed to load from localStorage:", e);
     } finally {
       setLoading(false);
     }
   }, []);
-  useEffect(() => {
-    function onStorage(e) {
-      if (e.key === STORAGE_KEYS.ACCESS_TOKEN && !e.newValue) {
-        setUser(null);
-        setToken(null);
-      }
-      if (e.key === STORAGE_KEYS.ACCESS_TOKEN && e.newValue) {
-        try {
-          const u = localStorage.getItem(STORAGE_KEYS.USER);
-          if (u) setUser(JSON.parse(u));
-          setToken(e.newValue);
-        } catch {
-        }
-      }
-    }
-    window.addEventListener("storage", onStorage);
-    return () => window.removeEventListener("storage", onStorage);
-  }, []);
-  useEffect(() => {
-    if (!accessToken) {
-      if (refreshCleanupRef.current) {
-        refreshCleanupRef.current();
-        refreshCleanupRef.current = null;
-      }
-      return;
-    }
-    const cleanup = scheduleTokenRefresh(accessToken, (freshToken) => {
-      localStorage.setItem(STORAGE_KEYS.ACCESS_TOKEN, freshToken);
-      setToken(freshToken);
-      window.dispatchEvent(
-        new StorageEvent("storage", {
-          key: STORAGE_KEYS.ACCESS_TOKEN,
-          newValue: freshToken,
-          oldValue: accessToken
-        })
-      );
+  const login = async ({ mobile, password, deviceId, deviceName }) => {
+    const response = await fetch(`${SA_URL}/api/auth/login`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      credentials: "include",
+      body: JSON.stringify({
+        mobile,
+        password,
+        deviceId: deviceId || crypto.randomUUID(),
+        deviceName: deviceName || "Browser"
+      })
     });
-    refreshCleanupRef.current = cleanup;
-    return () => {
-      if (cleanup) cleanup();
-    };
-  }, [accessToken]);
-  const login = useCallback((token, userData) => {
-    localStorage.setItem(STORAGE_KEYS.ACCESS_TOKEN, token);
-    localStorage.setItem(STORAGE_KEYS.USER, JSON.stringify(userData));
-    setToken(token);
-    setUser(userData);
-  }, []);
-  const logout = useCallback(async () => {
-    const token = localStorage.getItem(STORAGE_KEYS.ACCESS_TOKEN);
-    if (token) {
-      fetch(`${SA_URL}/api/auth/logout`, {
+    const data = await response.json();
+    if (!data.success) throw new Error(data.error);
+    localStorage.setItem(STORAGE_KEYS.ACCESS_TOKEN, data.accessToken);
+    localStorage.setItem(STORAGE_KEYS.USER, JSON.stringify(data.user));
+    setToken(data.accessToken);
+    setUser(data.user);
+    return data;
+  };
+  const logout = async (logoutAll = false) => {
+    try {
+      await fetch(`${SA_URL}/api/auth/logout`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json",
-          Authorization: `Bearer ${token}`
+          Authorization: `Bearer ${accessToken}`
         },
-        body: JSON.stringify({ logout_all: false })
-      }).catch(() => {
+        credentials: "include",
+        body: JSON.stringify({ logout_all: logoutAll })
       });
+    } catch (e) {
+      console.error("[SanvikaAuth] Logout API error:", e);
+    } finally {
+      localStorage.removeItem(STORAGE_KEYS.ACCESS_TOKEN);
+      localStorage.removeItem(STORAGE_KEYS.USER);
+      setToken(null);
+      setUser(null);
     }
-    localStorage.removeItem(STORAGE_KEYS.ACCESS_TOKEN);
-    localStorage.removeItem(STORAGE_KEYS.USER);
-    setUser(null);
-    setToken(null);
-  }, []);
-  const updateUser = useCallback((partial) => {
-    setUser((prev) => {
-      if (!prev) return prev;
-      const merged = { ...prev, ...partial };
-      localStorage.setItem(STORAGE_KEYS.USER, JSON.stringify(merged));
-      return merged;
-    });
-  }, []);
-  const redirectToLogin = useCallback(
-    (returnPath) => {
-      if (returnPath) {
-        localStorage.setItem(STORAGE_KEYS.RETURN_PATH, returnPath);
-      }
-      const state = Math.random().toString(36).slice(2);
-      localStorage.setItem(STORAGE_KEYS.STATE, state);
-      const url = new URL(`${SA_URL}/authorize`);
-      url.searchParams.set("client_id", clientId);
-      url.searchParams.set("redirect_uri", redirectUri);
-      url.searchParams.set("response_type", "code");
-      url.searchParams.set("state", state);
-      const appTheme = localStorage.getItem("theme");
-      if (appTheme === "light" || appTheme === "dark") {
-        url.searchParams.set("theme", appTheme);
-      }
-      window.location.href = url.toString();
-    },
-    [clientId, redirectUri]
-  );
-  return /* @__PURE__ */ jsx(
-    SanvikaAuthContext.Provider,
-    {
-      value: {
-        user,
-        accessToken,
-        loading,
-        isLoggedIn: !!user,
-        login,
-        logout,
-        updateUser,
-        redirectToLogin,
-        clientId,
-        redirectUri,
-        dashboardPath
-      },
-      children
-    }
-  );
+  };
+  const value = {
+    user,
+    accessToken,
+    loading,
+    isAuthenticated: !!user,
+    login,
+    logout
+  };
+  return /* @__PURE__ */ jsx(SanvikaAuthContext.Provider, { value, children });
 }
 function useSanvikaAuth() {
   const ctx = useContext(SanvikaAuthContext);
-  if (!ctx)
-    throw new Error("useSanvikaAuth must be used inside <SanvikaAuthProvider>");
   return ctx;
 }
 
 // SanvikaAccountButton.jsx
-import { useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
+import { useEffect as useEffect2, useRef, useState as useState2, Component } from "react";
 
 // #style-inject:#style-inject
 function styleInject(css, { insertAt } = {}) {
@@ -266,6 +117,22 @@ styleInject("@keyframes snvk-shimmer {\n  0% {\n    background-position: 200% 0;
 
 // SanvikaAccountButton.jsx
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var SanvikaAccountButtonErrorBoundary = class extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true };
+  }
+  static displayName = "SanvikaAccountButtonErrorBoundary";
+  render() {
+    if (this.state.hasError) {
+      return /* @__PURE__ */ jsx2("div", { className: "snvk-skeleton", "aria-hidden": "true" });
+    }
+    return this.props.children;
+  }
+};
 function UserIcon({ size = 18 }) {
   return /* @__PURE__ */ jsxs(
     "svg",
@@ -324,48 +191,21 @@ function DashboardIcon() {
     }
   );
 }
-function SanvikaAccountButton({
-  text = "Account",
-  hideTextOnMobile = false,
+function SanvikaAccountButtonContent({
+  text,
+  hideTextOnMobile,
   onLoginClick,
   onProfileClick,
-  onboardingPath = null,
-  className = ""
+  onboardingPath,
+  className
 }) {
-  var _a;
-  const {
-    user,
-    loading,
-    isLoggedIn,
-    redirectToLogin,
-    dashboardPath,
-    updateUser
-  } = useSanvikaAuth();
+  var _a, _b;
+  const auth = useSanvikaAuth();
+  console.log("[SanvikaAccountButton] auth context:", auth);
   const [dropdownOpen, setDropdownOpen] = useState2(false);
   const [imgError, setImgError] = useState2(false);
-  const [prevImage, setPrevImage] = useState2(user == null ? void 0 : user.image);
-  const wrapperRef = useRef2(null);
-  if ((user == null ? void 0 : user.image) !== prevImage) {
-    setPrevImage(user == null ? void 0 : user.image);
-    setImgError(false);
-  }
-  useEffect2(() => {
-    if (!user) return;
-    let disposed = false;
-    const handleProfileUpdated = async () => {
-      if (disposed) return;
-      try {
-        const stored = localStorage.getItem("sanvika_user");
-        if (stored) updateUser(JSON.parse(stored));
-      } catch {
-      }
-    };
-    window.addEventListener("profileUpdated", handleProfileUpdated);
-    return () => {
-      disposed = true;
-      window.removeEventListener("profileUpdated", handleProfileUpdated);
-    };
-  }, [user, updateUser]);
+  const [prevImage, setPrevImage] = useState2((_a = auth == null ? void 0 : auth.user) == null ? void 0 : _a.image);
+  const wrapperRef = useRef(null);
   useEffect2(() => {
     if (!dropdownOpen) return;
     function handleOutside(e) {
@@ -376,10 +216,38 @@ function SanvikaAccountButton({
     document.addEventListener("mousedown", handleOutside);
     return () => document.removeEventListener("mousedown", handleOutside);
   }, [dropdownOpen]);
-  if (loading) {
-    return /* @__PURE__ */ jsx2("div", { className: "snvk-skeleton", "aria-hidden": "true" });
+  if (!auth) {
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        className: `snvk-guestBtn ${className}`,
+        onClick: () => {
+          if (onLoginClick) {
+            onLoginClick();
+          } else {
+            window.location.href = "https://accounts.sanvikaproduction.com";
+          }
+        },
+        "aria-label": "Login or Sign Up",
+        children: [
+          /* @__PURE__ */ jsx2("span", { className: "snvk-iconWrap", children: /* @__PURE__ */ jsx2(UserIcon, { size: 18 }) }),
+          /* @__PURE__ */ jsx2(
+            "span",
+            {
+              className: hideTextOnMobile ? "snvk-hideTextOnMobile" : "snvk-textWrap",
+              children: text
+            }
+          )
+        ]
+      }
+    );
+  }
+  const { user, loading, isAuthenticated, logout } = auth;
+  if ((user == null ? void 0 : user.image) !== prevImage) {
+    setPrevImage(user == null ? void 0 : user.image);
+    setImgError(false);
   }
-  if (!isLoggedIn) {
+  if (!isAuthenticated || loading) {
     return /* @__PURE__ */ jsxs(
       "button",
       {
@@ -388,7 +256,7 @@ function SanvikaAccountButton({
           if (onLoginClick) {
             onLoginClick();
           } else {
-            redirectToLogin(window.location.pathname);
+            window.location.href = "https://accounts.sanvikaproduction.com";
           }
         },
         "aria-label": "Login or Sign Up",
@@ -405,15 +273,15 @@ function SanvikaAccountButton({
       }
     );
   }
-  const displayName = user.firstName || ((_a = user.mobile) == null ? void 0 : _a.slice(-4)) || "Me";
+  const displayName = user.firstName || ((_b = user.mobile) == null ? void 0 : _b.slice(-4)) || "Me";
   const imageSrc = !imgError && user.image ? user.image : DEFAULT_AVATAR_SVG;
   const handleProfileClick = () => {
     if (onProfileClick) return onProfileClick();
-    if (onboardingPath && user.status === "onboarding") {
-      window.location.href = onboardingPath;
-    } else {
-      window.location.href = dashboardPath;
-    }
+    window.location.href = "https://accounts.sanvikaproduction.com/dashboard";
+  };
+  const handleLogout = async () => {
+    await logout(false);
+    setDropdownOpen(false);
   };
   return /* @__PURE__ */ jsxs("div", { ref: wrapperRef, className: `snvk-wrapper ${className}`, children: [
     /* @__PURE__ */ jsxs(
@@ -468,7 +336,7 @@ function SanvikaAccountButton({
       /* @__PURE__ */ jsxs(
         "a",
         {
-          href: onboardingPath && user.status === "onboarding" ? onboardingPath : dashboardPath,
+          href: "https://accounts.sanvikaproduction.com/dashboard",
           className: "snvk-dropdownItem",
           role: "menuitem",
           onClick: () => setDropdownOpen(false),
@@ -477,18 +345,47 @@ function SanvikaAccountButton({
             /* @__PURE__ */ jsx2("span", { children: "Dashboard" })
           ]
         }
+      ),
+      /* @__PURE__ */ jsx2("div", { className: "snvk-divider" }),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          className: "snvk-dropdownItem",
+          role: "menuitem",
+          onClick: handleLogout,
+          children: [
+            /* @__PURE__ */ jsxs(
+              "svg",
+              {
+                width: "15",
+                height: "15",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                children: [
+                  /* @__PURE__ */ jsx2("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }),
+                  /* @__PURE__ */ jsx2("polyline", { points: "16 17 21 12 16 7" }),
+                  /* @__PURE__ */ jsx2("line", { x1: "21", y1: "12", x2: "9", y2: "12" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx2("span", { children: "Logout" })
+          ]
+        }
       )
     ] })
   ] });
 }
+function SanvikaAccountButton(props) {
+  return /* @__PURE__ */ jsx2(SanvikaAccountButtonErrorBoundary, { children: /* @__PURE__ */ jsx2(SanvikaAccountButtonContent, { ...props }) });
+}
 export {
   DEFAULT_AVATAR_SVG,
   STORAGE_KEYS,
   SanvikaAccountButton,
   SanvikaAuthContext,
   SanvikaAuthProvider,
-  decodeToken,
-  ensureTokenFresh,
-  scheduleTokenRefresh,
   useSanvikaAuth
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanvika/auth",
-  "version": "1.0.20",
+  "version": "1.0.22",
   "description": "Sanvika Auth SDK — React components and hooks for Sanvika SSO integration",
   "type": "module",
   "main": "dist/index.js",
@@ -29,7 +29,6 @@
     "sanvika",
     "auth",
     "sso",
-    "oauth",
     "react",
     "nextjs"
   ],