@sanvika/auth 1.0.19 → 1.0.20

package/dist/index.js

@@ -262,7 +262,7 @@ function styleInject(css, { insertAt } = {}) {
 }
 
 // SanvikaAccountButton.css
-styleInject("@keyframes snvk-shimmer {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n.snvk-skeleton {\n  width: clamp(72px, 20vw, 96px);\n  height: clamp(34px, 8vw, 40px);\n  border-radius: 8px;\n  background:\n    linear-gradient(\n      90deg,\n      var(--skeleton-base-color, #d0d0d0) 25%,\n      var(--skeleton-highlight-color, #f0f0f0) 50%,\n      var(--skeleton-base-color, #d0d0d0) 75%);\n  background-size: 200% 100%;\n  animation: snvk-shimmer 1.4s infinite;\n  display: inline-block;\n}\n.snvk-wrapper {\n  position: relative;\n  display: inline-block;\n}\n.snvk-guestBtn {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: clamp(6px, 2vw, 8px) clamp(10px, 3vw, 16px);\n  min-height: 44px;\n  min-width: 44px;\n  background: var(--sanvika-brand-color, #4f46e5);\n  color: #ffffff;\n  border: none;\n  border-radius: 8px;\n  font-size: clamp(13px, 3vw, 14px);\n  font-weight: 600;\n  cursor: pointer;\n  transition: background-color 0.3s ease, color 0.3s ease;\n  white-space: nowrap;\n}\n.snvk-guestBtn:hover {\n  background: var(--sanvika-brand-hover, #4338ca);\n}\n.snvk-iconWrap {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n.snvk-profileBtn {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  padding: 5px 10px 5px 5px;\n  min-height: 44px;\n  background: var(--muted-bg, #f5f5f5);\n  border: 1px solid var(--border-color-light, #e5e7eb);\n  border-radius: 99px;\n  font-size: clamp(13px, 3vw, 14px);\n  font-weight: 600;\n  cursor: pointer;\n  color: var(--text-color, #1a1a1a);\n  transition:\n    background-color 0.3s ease,\n    border-color 0.3s ease,\n    color 0.3s ease;\n  white-space: nowrap;\n  outline: none;\n}\n.snvk-profileBtn:hover {\n  background: var(--hover-color, #ebebeb);\n  border-color: var(--border-color-dark, #d1d5db);\n}\n.snvk-profileBtn:focus-visible {\n  outline: 2px solid var(--sanvika-brand-color, #4f46e5);\n  outline-offset: 2px;\n}\n.snvk-avatar {\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  object-fit: cover;\n  border: 2px solid var(--sanvika-brand-color, #4f46e5);\n  flex-shrink: 0;\n}\n.snvk-textWrap {\n  display: inline;\n}\n.snvk-hideTextOnMobile {\n  display: none;\n}\n@media (min-width: 500px) {\n  .snvk-hideTextOnMobile {\n    display: inline;\n  }\n}\n.snvk-dropdown {\n  position: absolute;\n  top: calc(100% + 8px);\n  right: 0;\n  min-width: clamp(200px, 60vw, 240px);\n  background: var(--card-bg, #f3f3f3);\n  border: 1px solid var(--border-color-light, #cccccc);\n  border-radius: 12px;\n  box-shadow: 0 8px 24px var(--shadow-color, rgba(0, 0, 0, 0.2));\n  z-index: 9999;\n  overflow: hidden;\n  transition: background-color 0.3s ease, border-color 0.3s ease;\n}\n.snvk-dropdownHeader {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 14px 16px;\n  background: var(--section-bg, #ebebeb);\n  transition: background-color 0.3s ease;\n}\n.snvk-dropdownAvatar {\n  width: 38px;\n  height: 38px;\n  border-radius: 50%;\n  object-fit: cover;\n  border: 2px solid var(--sanvika-brand-color, #4f46e5);\n  flex-shrink: 0;\n}\n.snvk-dropdownName {\n  font-size: clamp(13px, 3vw, 14px);\n  font-weight: 800;\n  color: var(--text-color, #000000);\n  line-height: 1.3;\n  transition: color 0.3s ease;\n}\n.snvk-dropdownMobile {\n  font-size: clamp(11px, 2.5vw, 12px);\n  color: var(--secondary-text-color, #333333);\n  margin-top: 2px;\n  transition: color 0.3s ease;\n  font-weight: 700;\n}\n.snvk-divider {\n  height: 1px;\n  background: var(--muted-border, #d8d8d8);\n  transition: background-color 0.3s ease;\n}\n.snvk-dropdownItem {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  width: 100%;\n  padding: 11px 16px;\n  min-height: 44px;\n  background: none;\n  border: none;\n  font-size: clamp(13px, 3vw, 14px);\n  color: var(--text-color, #000000);\n  font-weight: 600;\n  cursor: pointer;\n  text-decoration: none;\n  text-align: left;\n  transition: background-color 0.3s ease, color 0.3s ease;\n}\n.snvk-dropdownItem:hover {\n  background: var(--hover-color, #e8e8e8);\n}\n.snvk-logoutItem {\n  color: var(--error-color, #c0392b);\n}\n.snvk-logoutItem:hover {\n  background: var(--error-bg, #fff5f5);\n}\n.snvk-deleteItem {\n  color: var(--warning-color, #d97706);\n}\n.snvk-deleteItem:hover {\n  background: var(--warning-bg, #fffbf0);\n}\n");
+styleInject("@keyframes snvk-shimmer {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n.snvk-skeleton {\n  width: clamp(72px, 20vw, 96px);\n  height: clamp(34px, 8vw, 40px);\n  border-radius: 8px;\n  background:\n    linear-gradient(\n      90deg,\n      var(--skeleton-base-color, #d0d0d0) 25%,\n      var(--skeleton-highlight-color, #f0f0f0) 50%,\n      var(--skeleton-base-color, #d0d0d0) 75%);\n  background-size: 200% 100%;\n  animation: snvk-shimmer 1.4s infinite;\n  display: inline-block;\n}\n.snvk-wrapper {\n  position: relative;\n  display: inline-block;\n}\n.snvk-guestBtn {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: clamp(6px, 2vw, 8px) clamp(10px, 3vw, 16px);\n  min-height: 44px;\n  min-width: 44px;\n  background: var(--sanvika-brand-color, #4f46e5);\n  color: #ffffff;\n  border: none;\n  border-radius: 8px;\n  font-size: clamp(13px, 3vw, 14px);\n  font-weight: 600;\n  cursor: pointer;\n  transition: background-color 0.3s ease, color 0.3s ease;\n  white-space: nowrap;\n}\n.snvk-guestBtn:hover {\n  background: var(--sanvika-brand-hover, #4338ca);\n}\n.snvk-iconWrap {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n.snvk-profileBtn {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  padding: 5px 10px 5px 5px;\n  min-height: 44px;\n  background: var(--muted-bg, #f5f5f5);\n  border: 1px solid var(--border-color-light, #e5e7eb);\n  border-radius: 99px;\n  font-size: clamp(13px, 3vw, 14px);\n  font-weight: 600;\n  cursor: pointer;\n  color: var(--text-color, #1a1a1a);\n  transition:\n    background-color 0.3s ease,\n    border-color 0.3s ease,\n    color 0.3s ease;\n  white-space: nowrap;\n  outline: none;\n}\n.snvk-profileBtn:hover {\n  background: var(--hover-color, #ebebeb);\n  border-color: var(--border-color-dark, #d1d5db);\n}\n.snvk-profileBtn:focus-visible {\n  outline: 2px solid var(--sanvika-brand-color, #4f46e5);\n  outline-offset: 2px;\n}\n.snvk-avatar {\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  object-fit: cover;\n  border: 2px solid var(--sanvika-brand-color, #4f46e5);\n  flex-shrink: 0;\n}\n.snvk-textWrap {\n  display: inline;\n}\n.snvk-hideTextOnMobile {\n  display: none;\n}\n@media (min-width: 500px) {\n  .snvk-hideTextOnMobile {\n    display: inline;\n  }\n}\n.snvk-dropdown {\n  position: absolute;\n  top: calc(100% + 8px);\n  right: 0;\n  min-width: clamp(200px, 60vw, 240px);\n  background: var(--card-bg, #f3f3f3);\n  border: 1px solid var(--border-color-light, #cccccc);\n  border-radius: 12px;\n  box-shadow: 0 8px 24px var(--shadow-color, rgba(0, 0, 0, 0.2));\n  z-index: 9999;\n  overflow: hidden;\n  transition: background-color 0.3s ease, border-color 0.3s ease;\n}\n.snvk-dropdownHeader {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 14px 16px;\n  background: var(--section-bg, #ebebeb);\n  transition: background-color 0.3s ease;\n}\n.snvk-dropdownAvatar {\n  width: 38px;\n  height: 38px;\n  border-radius: 50%;\n  object-fit: cover;\n  border: 2px solid var(--sanvika-brand-color, #4f46e5);\n  flex-shrink: 0;\n}\n.snvk-dropdownName {\n  font-size: clamp(13px, 3vw, 14px);\n  font-weight: 800;\n  color: var(--text-color, #000000);\n  line-height: 1.3;\n  transition: color 0.3s ease;\n}\n.snvk-dropdownMobile {\n  font-size: clamp(11px, 2.5vw, 12px);\n  color: var(--secondary-text-color, #333333);\n  margin-top: 2px;\n  transition: color 0.3s ease;\n  font-weight: 700;\n}\n.snvk-divider {\n  height: 1px;\n  background: var(--muted-border, #d8d8d8);\n  transition: background-color 0.3s ease;\n}\n.snvk-dropdownItem {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  width: 100%;\n  padding: 11px 16px;\n  min-height: 44px;\n  background: none;\n  border: none;\n  font-size: clamp(13px, 3vw, 14px);\n  color: var(--text-color, #000000);\n  font-weight: 600;\n  cursor: pointer;\n  text-decoration: none;\n  text-align: left;\n  transition: background-color 0.3s ease, color 0.3s ease;\n}\n.snvk-dropdownItem:hover {\n  background: var(--hover-color, #e8e8e8);\n}\n");
 
 // SanvikaAccountButton.jsx
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
@@ -324,45 +324,6 @@ function DashboardIcon() {
     }
   );
 }
-function LogoutIcon() {
-  return /* @__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" })
-      ]
-    }
-  );
-}
-function DeleteIcon() {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      width: "15",
-      height: "15",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      children: [
-        /* @__PURE__ */ jsx2("polyline", { points: "3 6 5 6 21 6" }),
-        /* @__PURE__ */ jsx2("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }),
-        /* @__PURE__ */ jsx2("line", { x1: "10", y1: "11", x2: "10", y2: "17" }),
-        /* @__PURE__ */ jsx2("line", { x1: "14", y1: "11", x2: "14", y2: "17" })
-      ]
-    }
-  );
-}
 function SanvikaAccountButton({
   text = "Account",
   hideTextOnMobile = false,
@@ -376,10 +337,8 @@ function SanvikaAccountButton({
     user,
     loading,
     isLoggedIn,
-    logout,
     redirectToLogin,
     dashboardPath,
-    accessToken,
     updateUser
   } = useSanvikaAuth();
   const [dropdownOpen, setDropdownOpen] = useState2(false);
@@ -506,19 +465,6 @@ function SanvikaAccountButton({
         ] })
       ] }),
       /* @__PURE__ */ jsx2("div", { className: "snvk-divider" }),
-      /* @__PURE__ */ jsxs(
-        "a",
-        {
-          href: `${dashboardPath}/user-profile`,
-          className: "snvk-dropdownItem",
-          role: "menuitem",
-          onClick: () => setDropdownOpen(false),
-          children: [
-            /* @__PURE__ */ jsx2(UserIcon, { size: 15 }),
-            /* @__PURE__ */ jsx2("span", { children: "View Profile" })
-          ]
-        }
-      ),
       /* @__PURE__ */ jsxs(
         "a",
         {
@@ -531,37 +477,6 @@ function SanvikaAccountButton({
             /* @__PURE__ */ jsx2("span", { children: "Dashboard" })
           ]
         }
-      ),
-      /* @__PURE__ */ jsxs(
-        "a",
-        {
-          href: `https://accounts.sanvikaproduction.com/account/delete?token=${encodeURIComponent(
-            accessToken || ""
-          )}&origin=${encodeURIComponent(window.location.origin)}`,
-          className: "snvk-dropdownItem snvk-deleteItem",
-          role: "menuitem",
-          onClick: () => setDropdownOpen(false),
-          children: [
-            /* @__PURE__ */ jsx2(DeleteIcon, {}),
-            /* @__PURE__ */ jsx2("span", { children: "Delete Account" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          className: "snvk-dropdownItem snvk-logoutItem",
-          role: "menuitem",
-          onClick: async () => {
-            setDropdownOpen(false);
-            await logout();
-            window.location.href = "/";
-          },
-          children: [
-            /* @__PURE__ */ jsx2(LogoutIcon, {}),
-            /* @__PURE__ */ jsx2("span", { children: "Logout" })
-          ]
-        }
       )
     ] })
   ] });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanvika/auth",
-  "version": "1.0.19",
+  "version": "1.0.20",
   "description": "Sanvika Auth SDK — React components and hooks for Sanvika SSO integration",
   "type": "module",
   "main": "dist/index.js",