@frequencyads/auth 0.1.0

package/dist/chunk-JIENWB3K.mjs

@@ -0,0 +1,89 @@
+'use client';
+
+// src/components/auth-provider.tsx
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useRef,
+  useState
+} from "react";
+import { createBrowserClient } from "@frequencyads/db/client";
+import { jsx } from "react/jsx-runtime";
+var Context = createContext(void 0);
+function AuthProvider({ children, loginUrl }) {
+  var _a, _b, _c, _d;
+  const [supabase] = useState(() => createBrowserClient());
+  const [user, setUser] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const userIdRef = useRef(null);
+  const setUserStable = useCallback((newUser) => {
+    var _a2;
+    const newId = (_a2 = newUser == null ? void 0 : newUser.id) != null ? _a2 : null;
+    if (newId !== userIdRef.current) {
+      userIdRef.current = newId;
+      setUser(newUser);
+    }
+  }, []);
+  useEffect(() => {
+    if (!supabase) {
+      setLoading(false);
+      return;
+    }
+    const {
+      data: { subscription }
+    } = supabase.auth.onAuthStateChange((_event, session) => {
+      var _a2;
+      setUserStable((_a2 = session == null ? void 0 : session.user) != null ? _a2 : null);
+      setLoading(false);
+    });
+    async function checkSession() {
+      const {
+        data: { session }
+      } = await supabase.auth.getSession();
+      if (!session) {
+        await supabase.auth.signOut({ scope: "local" });
+      }
+    }
+    const POLL_MS = 3e4;
+    const interval = setInterval(checkSession, POLL_MS);
+    const handleVisibilityChange = () => {
+      if (document.visibilityState === "visible") {
+        checkSession();
+      }
+    };
+    document.addEventListener("visibilitychange", handleVisibilityChange);
+    return () => {
+      subscription.unsubscribe();
+      clearInterval(interval);
+      document.removeEventListener("visibilitychange", handleVisibilityChange);
+    };
+  }, [supabase]);
+  useEffect(() => {
+    if (loading || user) return;
+    const url = loginUrl != null ? loginUrl : `${process.env.NEXT_PUBLIC_ACCOUNTS_URL}/login`;
+    if (url) {
+      window.location.href = `${url}?next=${encodeURIComponent(window.location.href)}`;
+    }
+  }, [loading, user, loginUrl]);
+  const profile = {
+    name: (_b = (_a = user == null ? void 0 : user.user_metadata) == null ? void 0 : _a.full_name) != null ? _b : "\u2014",
+    email: (_c = user == null ? void 0 : user.email) != null ? _c : "",
+    avatarUrl: (_d = user == null ? void 0 : user.user_metadata) == null ? void 0 : _d.avatar_url
+  };
+  if (loading || !user) return null;
+  return /* @__PURE__ */ jsx(Context.Provider, { value: { supabase, user, profile, loading }, children });
+}
+function useAuth() {
+  const context = useContext(Context);
+  if (context === void 0) {
+    throw new Error("useAuth must be used within an AuthProvider");
+  }
+  return context;
+}
+
+export {
+  AuthProvider,
+  useAuth
+};

package/dist/chunk-NS2JRZGO.mjs

@@ -0,0 +1,38 @@
+'use client';
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+export {
+  __spreadValues,
+  __spreadProps,
+  __objRest
+};

package/dist/chunk-OKP757OV.mjs

@@ -0,0 +1,131 @@
+'use client';
+
+// src/components/verify-code.tsx
+import { useState, useEffect, useCallback } from "react";
+import { Box, Button, PinInput, Stack, Text, Title, Anchor } from "@mantine/core";
+import { createBrowserClient } from "@frequencyads/db/client";
+import { jsx, jsxs } from "react/jsx-runtime";
+function VerifyCodeForm({
+  email,
+  type,
+  onSuccess,
+  onResend,
+  onBack,
+  backLabel = "Back to sign in",
+  header
+}) {
+  const [code, setCode] = useState("");
+  const [error, setError] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const [verified, setVerified] = useState(false);
+  const [resendCooldown, setResendCooldown] = useState(0);
+  useEffect(() => {
+    if (resendCooldown <= 0) return;
+    const timer = setTimeout(() => setResendCooldown((c) => c - 1), 1e3);
+    return () => clearTimeout(timer);
+  }, [resendCooldown]);
+  const handleVerify = useCallback(
+    async (value) => {
+      if (value.length !== 6) return;
+      setError(null);
+      setLoading(true);
+      try {
+        const supabase = createBrowserClient();
+        const { error: verifyError } = await supabase.auth.verifyOtp({
+          email,
+          token: value,
+          type
+        });
+        if (verifyError) {
+          setError("This code is invalid or has expired. Please request a new one.");
+          setCode("");
+        } else {
+          setVerified(true);
+          onSuccess();
+        }
+      } finally {
+        setLoading(false);
+      }
+    },
+    [email, type, onSuccess]
+  );
+  const [resending, setResending] = useState(false);
+  const handleResend = async () => {
+    setError(null);
+    setResending(true);
+    try {
+      const result = await onResend();
+      if (result.error) {
+        setError(result.error);
+      } else {
+        setResendCooldown(60);
+      }
+    } finally {
+      setResending(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs(Box, { w: "100%", maw: 460, children: [
+    header && /* @__PURE__ */ jsx(Box, { mb: "lg", style: { textAlign: "center" }, children: header }),
+    /* @__PURE__ */ jsx(Title, { order: 3, fw: 600, mb: "xs", c: "gray.7", children: type === "email" ? "Verify your email" : "Enter reset code" }),
+    /* @__PURE__ */ jsxs(Text, { size: "sm", c: "gray.6", mb: "lg", children: [
+      "We sent a 6-digit code to ",
+      /* @__PURE__ */ jsx("strong", { children: email })
+    ] }),
+    /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(
+        PinInput,
+        {
+          length: 6,
+          type: "number",
+          oneTimeCode: true,
+          autoFocus: true,
+          size: "lg",
+          value: code,
+          onChange: (value) => {
+            setCode(value);
+            if (value.length > 0) setError(null);
+          },
+          onComplete: handleVerify,
+          error: !!error,
+          disabled: loading || verified,
+          styles: { input: { fontWeight: 600, fontSize: 20 } }
+        }
+      ),
+      error && /* @__PURE__ */ jsx(Text, { size: "sm", c: "red", children: error }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          fullWidth: true,
+          size: "md",
+          loading: loading || verified,
+          onClick: () => handleVerify(code),
+          children: "Verify"
+        }
+      ),
+      /* @__PURE__ */ jsxs(Text, { size: "sm", c: "gray.6", ta: "center", children: [
+        "Didn't receive the code?",
+        " ",
+        resendCooldown > 0 ? /* @__PURE__ */ jsxs(Text, { span: true, c: "gray.5", children: [
+          "Resend in ",
+          resendCooldown,
+          "s"
+        ] }) : /* @__PURE__ */ jsx(
+          Anchor,
+          {
+            component: "button",
+            type: "button",
+            size: "sm",
+            onClick: handleResend,
+            disabled: resending,
+            children: resending ? "Sending\u2026" : "Resend code"
+          }
+        )
+      ] }),
+      onBack && /* @__PURE__ */ jsx(Anchor, { component: "button", type: "button", size: "sm", onClick: onBack, ta: "center", children: backLabel })
+    ] })
+  ] });
+}
+
+export {
+  VerifyCodeForm
+};

package/dist/chunk-OUUVIDG6.mjs

@@ -0,0 +1,63 @@
+'use client';
+import {
+  useAuth
+} from "./chunk-JIENWB3K.mjs";
+import {
+  getSignOutUrl
+} from "./chunk-P4OKC4U7.mjs";
+
+// src/components/user-menu.tsx
+import { Menu, UnstyledButton, Group, Avatar, Text, rem } from "@mantine/core";
+import { IconChevronDown, IconLogout } from "@tabler/icons-react";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function UserMenu() {
+  const { user, profile } = useAuth();
+  const [opened, setOpened] = useState(false);
+  if (!user) return null;
+  const handleLogout = () => {
+    window.location.href = getSignOutUrl();
+  };
+  return /* @__PURE__ */ jsxs(
+    Menu,
+    {
+      width: 260,
+      position: "bottom-end",
+      transitionProps: { transition: "pop-top-right" },
+      opened,
+      onChange: setOpened,
+      children: [
+        /* @__PURE__ */ jsx(Menu.Target, { children: /* @__PURE__ */ jsx(
+          UnstyledButton,
+          {
+            style: {
+              padding: "var(--mantine-spacing-xs)",
+              borderRadius: "var(--mantine-radius-sm)",
+              transition: "background-color 100ms ease"
+            },
+            children: /* @__PURE__ */ jsxs(Group, { gap: 7, children: [
+              /* @__PURE__ */ jsx(Avatar, { src: profile.avatarUrl, alt: profile.name, radius: "xl", size: 32 }),
+              /* @__PURE__ */ jsx(Text, { fw: 500, size: "sm", lh: 1, mr: 3, children: profile.name }),
+              /* @__PURE__ */ jsx(IconChevronDown, { style: { width: rem(12), height: rem(12) }, stroke: 1.5 })
+            ] })
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(Menu.Dropdown, { children: [
+          /* @__PURE__ */ jsx(Menu.Label, { children: /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", truncate: true, children: profile.email }) }),
+          /* @__PURE__ */ jsx(
+            Menu.Item,
+            {
+              leftSection: /* @__PURE__ */ jsx(IconLogout, { style: { width: rem(16), height: rem(16) }, stroke: 1.5 }),
+              onClick: handleLogout,
+              children: "Sign out"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+export {
+  UserMenu
+};

package/dist/chunk-P4OKC4U7.mjs

@@ -0,0 +1,41 @@
+'use client';
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-NS2JRZGO.mjs";
+
+// src/components/sign-out-button.tsx
+import { Button } from "@mantine/core";
+import { IconLogout } from "@tabler/icons-react";
+import { jsx } from "react/jsx-runtime";
+function getSignOutUrl(returnTo) {
+  const accountsUrl = process.env.NEXT_PUBLIC_ACCOUNTS_URL;
+  if (!accountsUrl) return "#";
+  const next = returnTo != null ? returnTo : window.location.origin;
+  return `${accountsUrl}/logout?next=${encodeURIComponent(next)}`;
+}
+function SignOutButton(_a) {
+  var _b = _a, { returnTo } = _b, props = __objRest(_b, ["returnTo"]);
+  var _a2;
+  const handleClick = () => {
+    window.location.href = getSignOutUrl(returnTo);
+  };
+  return /* @__PURE__ */ jsx(
+    Button,
+    __spreadProps(__spreadValues({
+      onClick: handleClick,
+      variant: "light",
+      color: "red",
+      leftSection: /* @__PURE__ */ jsx(IconLogout, { size: 16 }),
+      w: "fit-content"
+    }, props), {
+      children: (_a2 = props.children) != null ? _a2 : "Sign out"
+    })
+  );
+}
+
+export {
+  getSignOutUrl,
+  SignOutButton
+};