@megacorp-ai/auth-react 0.1.0

package/dist/index.js

@@ -0,0 +1,143 @@
+// src/client.ts
+import { createAuthClient as createBetterAuthClient } from "better-auth/react";
+import { adminClient, emailOTPClient } from "better-auth/client/plugins";
+function createAuthClient(opts = {}) {
+  return createBetterAuthClient({
+    ...opts.baseURL && { baseURL: opts.baseURL },
+    basePath: "/api/auth",
+    plugins: [emailOTPClient(), adminClient()]
+  });
+}
+
+// src/hooks.ts
+function useSession(client) {
+  const { data, isPending, error, refetch } = client.useSession();
+  return {
+    data: data ?? null,
+    user: data?.user ?? null,
+    isPending,
+    error,
+    refetch,
+    signOut: () => client.signOut()
+  };
+}
+function parseRoles(role) {
+  return (role ?? "").split(",").map((r) => r.trim()).filter((r) => ["megacorp_admin", "customer_admin", "member"].includes(r));
+}
+function useRole(client) {
+  const { user, isPending } = useSession(client);
+  const roles = parseRoles(user?.role);
+  const has = (...allowed) => roles.some((r) => allowed.includes(r));
+  return {
+    roles,
+    isPending,
+    hasRole: has,
+    isMegacorpAdmin: has("megacorp_admin"),
+    isCustomerAdmin: has("customer_admin"),
+    canInvite: has("megacorp_admin", "customer_admin")
+  };
+}
+
+// src/SignIn.tsx
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var defaultLabels = {
+  email: "Email address",
+  sendCode: "Send sign-in code",
+  code: "6-digit code",
+  verify: "Sign in",
+  resend: "Resend code",
+  changeEmail: "Use a different email",
+  sent: "We emailed a code to",
+  unknownEmail: "That email is not registered. Ask an administrator for an invite."
+};
+function SignIn({ client, initialEmail = "", onSignedIn, classNames: c = {}, labels: l = {} }) {
+  const t = { ...defaultLabels, ...l };
+  const [email, setEmail] = useState(initialEmail);
+  const [otp, setOtp] = useState("");
+  const [step, setStep] = useState("email");
+  const [busy, setBusy] = useState(false);
+  const [error, setError] = useState(null);
+  const [notice, setNotice] = useState(null);
+  const sendCode = async () => {
+    setBusy(true);
+    setError(null);
+    setNotice(null);
+    const { error: error2 } = await client.emailOtp.sendVerificationOtp({ email: email.trim().toLowerCase(), type: "sign-in" });
+    setBusy(false);
+    if (error2) {
+      setError(error2.status === 429 ? "Too many attempts. Please wait a few minutes." : error2.message ?? "Could not send code");
+      return;
+    }
+    setStep("code");
+    setOtp("");
+    setNotice(`${t.sent} ${email.trim()}`);
+  };
+  const onEmailSubmit = (e) => {
+    e.preventDefault();
+    void sendCode();
+  };
+  const onCodeSubmit = async (e) => {
+    e.preventDefault();
+    setBusy(true);
+    setError(null);
+    const { error: error2 } = await client.signIn.emailOtp({ email: email.trim().toLowerCase(), otp: otp.trim() });
+    setBusy(false);
+    if (error2) {
+      const code = error2.code ?? "";
+      if (code.includes("USER_NOT_FOUND") || error2.status === 404) setError(t.unknownEmail);
+      else if (code.includes("TOO_MANY_ATTEMPTS")) setError("Too many wrong codes. Request a new one.");
+      else if (code.includes("EXPIRED")) setError("That code has expired. Request a new one.");
+      else setError(error2.message ?? "Invalid code");
+      return;
+    }
+    onSignedIn?.();
+  };
+  return /* @__PURE__ */ jsxs("div", { className: c.root, children: [
+    step === "email" ? /* @__PURE__ */ jsxs("form", { className: c.form, onSubmit: onEmailSubmit, children: [
+      /* @__PURE__ */ jsx("label", { className: c.label, htmlFor: "mc-auth-email", children: t.email }),
+      /* @__PURE__ */ jsx("input", { id: "mc-auth-email", className: c.input, type: "email", autoComplete: "email", required: true, value: email, onChange: (e) => setEmail(e.target.value), disabled: busy }),
+      /* @__PURE__ */ jsx("button", { className: c.button, type: "submit", disabled: busy || !email, children: t.sendCode })
+    ] }) : /* @__PURE__ */ jsxs("form", { className: c.form, onSubmit: onCodeSubmit, children: [
+      notice && /* @__PURE__ */ jsx("p", { className: c.hint, children: notice }),
+      /* @__PURE__ */ jsx("label", { className: c.label, htmlFor: "mc-auth-otp", children: t.code }),
+      /* @__PURE__ */ jsx("input", { id: "mc-auth-otp", className: c.input, inputMode: "numeric", autoComplete: "one-time-code", pattern: "[0-9]{6}", maxLength: 6, required: true, value: otp, onChange: (e) => setOtp(e.target.value.replace(/\D/g, "")), disabled: busy, autoFocus: true }),
+      /* @__PURE__ */ jsx("button", { className: c.button, type: "submit", disabled: busy || otp.length !== 6, children: t.verify }),
+      /* @__PURE__ */ jsx("button", { className: c.secondaryButton, type: "button", onClick: () => void sendCode(), disabled: busy, children: t.resend }),
+      /* @__PURE__ */ jsx("button", { className: c.secondaryButton, type: "button", onClick: () => {
+        setStep("email");
+        setError(null);
+        setNotice(null);
+      }, disabled: busy, children: t.changeEmail })
+    ] }),
+    error && /* @__PURE__ */ jsx("p", { className: c.error, role: "alert", children: error })
+  ] });
+}
+
+// src/ImpersonationBanner.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function ImpersonationBanner({ client, className, buttonClassName, onStopped }) {
+  const { data, refetch } = useSession(client);
+  if (!data?.session.impersonatedBy) return null;
+  const stop = async () => {
+    await client.admin.stopImpersonating();
+    await refetch();
+    onStopped?.();
+  };
+  return /* @__PURE__ */ jsxs2("div", { className, role: "status", children: [
+    "You are impersonating ",
+    /* @__PURE__ */ jsx2("strong", { children: data.user.email }),
+    ".",
+    " ",
+    /* @__PURE__ */ jsx2("button", { type: "button", className: buttonClassName, onClick: () => void stop(), children: "Stop impersonating" })
+  ] });
+}
+export {
+  ImpersonationBanner,
+  SignIn,
+  createAuthClient,
+  parseRoles,
+  useRole,
+  useSession
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/client.ts","../src/hooks.ts","../src/SignIn.tsx","../src/ImpersonationBanner.tsx"],"mappings":"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","names":["error","jsx","jsxs"]}

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@megacorp-ai/auth-react",
+  "version": "0.1.0",
+  "description": "React client for @megacorp-ai/auth: SignIn component, useSession, useRole, ImpersonationBanner",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Megacorp-Logistics/auth.git",
+    "directory": "packages/auth-react"
+  },
+  "type": "module",
+  "engines": {
+    "node": ">=24"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup",
+    "test": "vitest run --passWithNoTests",
+    "typecheck": "tsc --noEmit -p tsconfig.json"
+  },
+  "dependencies": {
+    "better-auth": "^1.7.4"
+  },
+  "peerDependencies": {
+    "react": ">=19",
+    "react-dom": ">=19"
+  },
+  "devDependencies": {
+    "@types/react": "19.3.0",
+    "@types/react-dom": "19.3.0",
+    "react": "19.3.0",
+    "react-dom": "19.3.0"
+  }
+}