@sanvika/auth 2.7.0 → 2.8.0

package/dist/index.js

@@ -463,10 +463,234 @@ function SanvikaAccountButtonContent({
 function SanvikaAccountButton(props) {
   return /* @__PURE__ */ jsx2(SanvikaAccountButtonErrorBoundary, { children: /* @__PURE__ */ jsx2(SanvikaAccountButtonContent, { ...props }) });
 }
+
+// SanvikaAdminLogin.jsx
+import { useState as useState3, useEffect as useEffect3 } from "react";
+import { useRouter } from "next/navigation";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var AUTH_BASE_URL = "https://auth.sanvikaproduction.com";
+var DEVICE_ID_KEY = "sanvika_admin_device_id";
+function getDeviceId() {
+  var _a;
+  if (typeof window === "undefined") return "";
+  try {
+    let id = window.localStorage.getItem(DEVICE_ID_KEY);
+    if (!id) {
+      id = ((_a = crypto == null ? void 0 : crypto.randomUUID) == null ? void 0 : _a.call(crypto)) || `dev-${Date.now()}-${Math.random()}`;
+      window.localStorage.setItem(DEVICE_ID_KEY, id);
+    }
+    return id;
+  } catch {
+    return `dev-${Date.now()}`;
+  }
+}
+function friendlyError(code) {
+  switch (code) {
+    case "INVALID_MOBILE":
+      return "Mobile number is not valid.";
+    case "MISSING_DEVICE_ID":
+      return "Device could not be identified. Reload and retry.";
+    case "USER_NOT_FOUND":
+      return "No account found for this mobile.";
+    case "MISSING_PASSWORD":
+      return "Please enter your password.";
+    case "INVALID_PASSWORD":
+      return "Incorrect password.";
+    case "RATE_LIMIT_EXCEEDED":
+      return "Too many attempts. Please try again in 15 minutes.";
+    case "SERVER_ERROR":
+      return "Auth service error. Please try again.";
+    default:
+      return "Login failed. Please try again.";
+  }
+}
+function SanvikaAdminLogin({
+  serviceName = "Sanvika",
+  dashboardPath = "/dashboard/admin",
+  homePath = "/"
+}) {
+  const router = useRouter();
+  const { isAuthenticated, loading, user, setAuth } = useSanvikaAuth();
+  const [mobile, setMobile] = useState3("");
+  const [password, setPassword] = useState3("");
+  const [error, setError] = useState3("");
+  const [submitting, setSubmitting] = useState3(false);
+  const [ready, setReady] = useState3(false);
+  useEffect3(() => {
+    if (loading) return;
+    if (isAuthenticated && (user == null ? void 0 : user.role) === "superadmin") {
+      router.replace(dashboardPath);
+      return;
+    }
+    setReady(true);
+  }, [loading, isAuthenticated, user, router, dashboardPath]);
+  async function handleLogin(e) {
+    var _a;
+    e.preventDefault();
+    setError("");
+    setSubmitting(true);
+    try {
+      const res = await fetch(`${AUTH_BASE_URL}/api/auth/login`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          mobile,
+          password,
+          deviceId: getDeviceId(),
+          deviceName: "Browser"
+        })
+      });
+      const data = await res.json().catch(() => ({}));
+      if (!data.success) {
+        setError(friendlyError(data.error));
+        setPassword("");
+        return;
+      }
+      if (((_a = data.user) == null ? void 0 : _a.role) !== "superadmin") {
+        setError("This account does not have admin access.");
+        setPassword("");
+        return;
+      }
+      setAuth(data.accessToken, data.user);
+      router.replace(dashboardPath);
+    } catch {
+      setError("Could not reach the auth service. Please try again.");
+    } finally {
+      setSubmitting(false);
+    }
+  }
+  const S = {
+    page: {
+      minHeight: "100vh",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      padding: "20px",
+      background: "linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%)",
+      fontFamily: "system-ui,-apple-system,'Segoe UI',Roboto,sans-serif"
+    },
+    card: {
+      position: "relative",
+      width: "100%",
+      maxWidth: "380px",
+      background: "#1e293b",
+      borderRadius: "16px",
+      padding: "36px 32px",
+      boxShadow: "0 20px 50px rgba(0,0,0,.4)",
+      border: "1px solid #334155"
+    },
+    closeBtn: {
+      position: "absolute",
+      top: "14px",
+      right: "16px",
+      background: "none",
+      border: "none",
+      color: "#64748b",
+      fontSize: "20px",
+      cursor: "pointer",
+      lineHeight: 1
+    },
+    logo: { fontSize: "40px", textAlign: "center", marginBottom: "8px" },
+    title: {
+      margin: "0 0 4px",
+      textAlign: "center",
+      color: "#f1f5f9",
+      fontSize: "22px",
+      fontWeight: 700
+    },
+    subtitle: {
+      margin: "0 0 24px",
+      textAlign: "center",
+      color: "#94a3b8",
+      fontSize: "13px"
+    },
+    form: { display: "flex", flexDirection: "column", gap: "6px" },
+    label: { color: "#cbd5e1", fontSize: "13px", marginTop: "10px" },
+    input: {
+      padding: "11px 13px",
+      borderRadius: "9px",
+      border: "1px solid #475569",
+      background: "#0f172a",
+      color: "#f1f5f9",
+      fontSize: "15px",
+      outline: "none"
+    },
+    button: {
+      marginTop: "18px",
+      padding: "12px",
+      borderRadius: "9px",
+      border: "none",
+      background: submitting ? "#4338ca" : "#6366f1",
+      color: "#fff",
+      fontSize: "15px",
+      fontWeight: 600,
+      cursor: submitting ? "default" : "pointer"
+    },
+    error: {
+      marginTop: "14px",
+      textAlign: "center",
+      color: "#f87171",
+      fontSize: "13px"
+    }
+  };
+  if (loading || !ready) {
+    return /* @__PURE__ */ jsx3("div", { style: S.page, children: /* @__PURE__ */ jsx3("div", { style: S.card, children: /* @__PURE__ */ jsx3("p", { style: S.subtitle, children: "Loading\u2026" }) }) });
+  }
+  return /* @__PURE__ */ jsx3("div", { style: S.page, children: /* @__PURE__ */ jsxs2("div", { style: S.card, children: [
+    /* @__PURE__ */ jsx3("button", { style: S.closeBtn, onClick: () => router.push(homePath), "aria-label": "Close", children: "\u2715" }),
+    /* @__PURE__ */ jsx3("div", { style: S.logo, children: "\u{1F6E1}\uFE0F" }),
+    /* @__PURE__ */ jsxs2("h1", { style: S.title, children: [
+      serviceName,
+      " Admin"
+    ] }),
+    /* @__PURE__ */ jsx3("p", { style: S.subtitle, children: "SuperAdmin access \u2014 Sanvika Accounts SSO" }),
+    /* @__PURE__ */ jsxs2("form", { onSubmit: handleLogin, style: S.form, autoComplete: "off", children: [
+      /* @__PURE__ */ jsx3("label", { style: S.label, children: "Mobile Number" }),
+      /* @__PURE__ */ jsx3(
+        "input",
+        {
+          type: "tel",
+          value: mobile,
+          onChange: (e) => setMobile(e.target.value.replace(/\D/g, "").slice(0, 10)),
+          placeholder: "10-digit mobile",
+          style: S.input,
+          maxLength: 10,
+          required: true,
+          autoFocus: true,
+          autoComplete: "off"
+        }
+      ),
+      /* @__PURE__ */ jsx3("label", { style: S.label, children: "Password" }),
+      /* @__PURE__ */ jsx3(
+        "input",
+        {
+          type: "password",
+          value: password,
+          onChange: (e) => setPassword(e.target.value),
+          placeholder: "Password",
+          style: S.input,
+          required: true,
+          autoComplete: "new-password"
+        }
+      ),
+      /* @__PURE__ */ jsx3(
+        "button",
+        {
+          type: "submit",
+          style: S.button,
+          disabled: submitting || mobile.length !== 10 || !password,
+          children: submitting ? "Signing in\u2026" : "Sign in"
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsx3("p", { style: S.error, children: error })
+  ] }) });
+}
 export {
   DEFAULT_AVATAR_SVG,
   STORAGE_KEYS,
   SanvikaAccountButton,
+  SanvikaAdminLogin,
   SanvikaAuthContext,
   SanvikaAuthProvider,
   useSanvikaAuth

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanvika/auth",
-  "version": "2.7.0",
+  "version": "2.8.0",
   "description": "Sanvika Auth SDK — React components/hooks + server-side token verification and user proxy",
   "type": "module",
   "main": "dist/index.js",
@@ -12,10 +12,6 @@
   "files": [
     "dist"
   ],
-  "scripts": {
-    "build": "tsup",
-    "prepublishOnly": "npm run build"
-  },
   "publishConfig": {
     "access": "public"
   },
@@ -39,5 +35,8 @@
     "nextjs"
   ],
   "author": "sanvika",
-  "license": "MIT"
-}
+  "license": "MIT",
+  "scripts": {
+    "build": "tsup"
+  }
+}