@withpotter/components 0.13.0-next.101

package/dist/analytics/share-links-panel.js

@@ -0,0 +1,192 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { BOX_HIDE_WHATSAPP } from "@withpotter/lib/box-channels";
+import { useState } from "react";
+import { Check, Copy, Link2 } from "lucide-react";
+import {
+  Button,
+  FormDialog,
+  Input,
+  Select,
+  useConfirm
+} from "@withpotter/ui-kit";
+import { OverflowMenu, OverflowItem } from "@withpotter/ui-kit";
+import { useApiQuery } from "@withpotter/hooks/use-api-query";
+import { useAuth } from "@withpotter/lib/auth-context";
+import { shareLinksApi } from "@withpotter/lib/api/share-links";
+const CHANNELS = [
+  { value: "instagram", label: "Instagram" },
+  { value: "tiktok", label: "TikTok" },
+  { value: "whatsapp", label: "WhatsApp" },
+  { value: "youtube", label: "YouTube" },
+  { value: "facebook", label: "Facebook" },
+  { value: "x", label: "X" },
+  { value: "other", label: "Somewhere else" }
+].filter((c) => !(BOX_HIDE_WHATSAPP && c.value === "whatsapp"));
+function ShareLinksPanel({
+  productId,
+  className = ""
+}) {
+  const { tenant } = useAuth();
+  const confirm = useConfirm();
+  const [creating, setCreating] = useState(false);
+  const [channel, setChannel] = useState("instagram");
+  const [custom, setCustom] = useState("");
+  const [label, setLabel] = useState("");
+  const [saving, setSaving] = useState(false);
+  const [copied, setCopied] = useState(null);
+  const { data, isLoading, refetch } = useApiQuery(
+    ["share-links", productId],
+    (slug) => shareLinksApi.list(slug, productId).catch(() => [])
+  );
+  const links = data ?? [];
+  const resolvedChannel = channel === "other" ? custom.trim() : channel;
+  async function save() {
+    if (!tenant?.slug || !resolvedChannel) return;
+    setSaving(true);
+    try {
+      await shareLinksApi.create(tenant.slug, {
+        contentId: productId,
+        channel: resolvedChannel,
+        label: label.trim() || void 0
+      });
+      setCreating(false);
+      setChannel("instagram");
+      setCustom("");
+      setLabel("");
+      await refetch();
+    } finally {
+      setSaving(false);
+    }
+  }
+  async function remove(link) {
+    if (!tenant?.slug) return;
+    const ok = await confirm({
+      title: "Retire this link?",
+      // The reassurance is the point: a merchant tidying their bio should not
+      // have to wonder whether they are deleting their own sales history.
+      description: "It will stop working for anyone who follows it. What it has already earned stays on this item.",
+      confirmLabel: "Retire link",
+      tone: "danger"
+    });
+    if (!ok) return;
+    await shareLinksApi.remove(tenant.slug, link.id);
+    await refetch();
+  }
+  async function copy(link) {
+    try {
+      await navigator.clipboard.writeText(link.url);
+      setCopied(link.id);
+      window.setTimeout(() => setCopied(null), 1600);
+    } catch {
+    }
+  }
+  return /* @__PURE__ */ jsxs("div", { className: `surface p-4 ${className}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-4 flex items-baseline justify-between gap-3", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-[var(--text-primary)]", children: "Links you share" }),
+      /* @__PURE__ */ jsx(Button, { size: "sm", variant: "secondary", onClick: () => setCreating(true), children: "New link" })
+    ] }),
+    isLoading ? /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--text-muted)]", children: "Loading\u2026" }) : links.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--text-secondary)]", children: "Make a link for each place you post this, and the panel above can say which one is selling it." }) : /* @__PURE__ */ jsx("ul", { className: "space-y-3", children: links.map((link) => /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: "rounded-lg border border-[var(--border-subtle)] p-3",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx(Link2, { className: "shrink-0 text-[var(--text-muted)]" }),
+                /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-medium text-[var(--text-primary)]", children: link.label || labelFor(link.channel) })
+              ] }),
+              /* @__PURE__ */ jsx("p", { className: "mt-1 truncate text-2xs text-[var(--text-muted)]", children: link.url })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  size: "icon",
+                  variant: "ghost",
+                  "aria-label": "Copy link",
+                  onClick: () => copy(link),
+                  children: copied === link.id ? /* @__PURE__ */ jsx(Check, { className: "text-[var(--success)]" }) : /* @__PURE__ */ jsx(Copy, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(OverflowMenu, { children: /* @__PURE__ */ jsx(OverflowItem, { onClick: () => remove(link), children: "Retire link" }) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("p", { className: "mt-2 text-2xs text-[var(--text-muted)]", children: [
+            link.clicks === 0 ? "Nobody has followed it yet" : `${link.clicks.toLocaleString()} ${link.clicks === 1 ? "click" : "clicks"}`,
+            link.lastClickedAt && /* @__PURE__ */ jsxs(Fragment, { children: [
+              " \xB7 last ",
+              relative(link.lastClickedAt)
+            ] })
+          ] })
+        ]
+      },
+      link.id
+    )) }),
+    /* @__PURE__ */ jsx(
+      FormDialog,
+      {
+        open: creating,
+        title: "New share link",
+        description: "One per place you post it, so each can be counted separately.",
+        onClose: () => setCreating(false),
+        footer: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => setCreating(false), children: "Cancel" }),
+          /* @__PURE__ */ jsx(Button, { onClick: save, disabled: saving || !resolvedChannel, children: saving ? "Creating\u2026" : "Create link" })
+        ] }),
+        children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs("label", { className: "block", children: [
+            /* @__PURE__ */ jsx("span", { className: "mb-2 block text-sm text-[var(--text-secondary)]", children: "Where are you posting it?" }),
+            /* @__PURE__ */ jsx(
+              Select,
+              {
+                value: channel,
+                onChange: setChannel,
+                options: CHANNELS,
+                ariaLabel: "Where are you posting it?"
+              }
+            )
+          ] }),
+          channel === "other" && /* @__PURE__ */ jsxs("label", { className: "block", children: [
+            /* @__PURE__ */ jsx("span", { className: "mb-2 block text-sm text-[var(--text-secondary)]", children: "Name the place" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: custom,
+                onChange: (e) => setCustom(e.target.value),
+                placeholder: "newsletter"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "block", children: [
+            /* @__PURE__ */ jsx("span", { className: "mb-2 block text-sm text-[var(--text-secondary)]", children: "A note, so you remember which post this was" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: label,
+                onChange: (e) => setLabel(e.target.value),
+                placeholder: "Tuesday reel"
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+const labelFor = (channel) => CHANNELS.find((c) => c.value === channel)?.label ?? channel.charAt(0).toUpperCase() + channel.slice(1);
+function relative(iso) {
+  const days = Math.floor((Date.now() - new Date(iso).getTime()) / 864e5);
+  if (days <= 0) return "today";
+  if (days === 1) return "yesterday";
+  if (days < 30) return `${days}d ago`;
+  return new Date(iso).toLocaleDateString(void 0, {
+    day: "numeric",
+    month: "short"
+  });
+}
+export {
+  ShareLinksPanel
+};
+//# sourceMappingURL=share-links-panel.js.map

package/dist/analytics/share-links-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/analytics/share-links-panel.tsx"],"sourcesContent":["'use client';\n\nimport { BOX_HIDE_WHATSAPP } from '@withpotter/lib/box-channels';\nimport { useState } from 'react';\nimport { Check, Copy, Link2 } from 'lucide-react';\nimport {\n  Button,\n  FormDialog,\n  Input,\n  Select,\n  useConfirm,\n} from '@withpotter/ui-kit';\nimport { OverflowMenu, OverflowItem } from '@withpotter/ui-kit';\nimport { useApiQuery } from '@withpotter/hooks/use-api-query';\nimport { useAuth } from '@withpotter/lib/auth-context';\nimport { shareLinksApi, type ShareLink } from '@withpotter/lib/api/share-links';\n\n/**\n * The places a merchant is most likely to put a link, offered as a starting\n * point rather than a closed list.\n *\n * `channel` is free text all the way down — it becomes `utm_source`, which is\n * a string an order arrives carrying, and there is no sources table to point\n * at. So this is a convenience, and \"Somewhere else\" opens a text field rather\n * than refusing the merchant a place we did not think of.\n */\nconst CHANNELS = [\n  { value: 'instagram', label: 'Instagram' },\n  { value: 'tiktok', label: 'TikTok' },\n  { value: 'whatsapp', label: 'WhatsApp' },\n  { value: 'youtube', label: 'YouTube' },\n  { value: 'facebook', label: 'Facebook' },\n  { value: 'x', label: 'X' },\n  { value: 'other', label: 'Somewhere else' },\n].filter((c) => !(BOX_HIDE_WHATSAPP && c.value === 'whatsapp'));\n\n/**\n * The links this item is being sold through, and what each one has brought.\n *\n * This is the half that makes the performance panel above it mean anything. On\n * real data that panel says \"100% of this item's money arrived without a\n * source\" — true, and useless, because nothing was minting links that carried\n * attribution. A link from here stamps `utm_source` and `utm_content` on the\n * way to the shop, the storefront writes them onto the order at checkout, and\n * the panel's source rows fill in by themselves.\n *\n * Clicks are shown beside orders on purpose. A link with clicks and no sales\n * is an offer that is not landing; a link with neither is a post nobody\n * watched. Those call for opposite responses, and a panel that only counted\n * money could not tell them apart.\n */\nexport function ShareLinksPanel({\n  productId,\n  className = '',\n}: {\n  productId: string;\n  className?: string;\n}) {\n  const { tenant } = useAuth();\n  const confirm = useConfirm();\n  const [creating, setCreating] = useState(false);\n  const [channel, setChannel] = useState('instagram');\n  const [custom, setCustom] = useState('');\n  const [label, setLabel] = useState('');\n  const [saving, setSaving] = useState(false);\n  const [copied, setCopied] = useState<string | null>(null);\n\n  const { data, isLoading, refetch } = useApiQuery<ShareLink[]>(\n    ['share-links', productId],\n    (slug) => shareLinksApi.list(slug, productId).catch(() => []),\n  );\n\n  const links = data ?? [];\n  const resolvedChannel = channel === 'other' ? custom.trim() : channel;\n\n  async function save() {\n    if (!tenant?.slug || !resolvedChannel) return;\n    setSaving(true);\n    try {\n      await shareLinksApi.create(tenant.slug, {\n        contentId: productId,\n        channel: resolvedChannel,\n        label: label.trim() || undefined,\n      });\n      setCreating(false);\n      setChannel('instagram');\n      setCustom('');\n      setLabel('');\n      await refetch();\n    } finally {\n      setSaving(false);\n    }\n  }\n\n  async function remove(link: ShareLink) {\n    if (!tenant?.slug) return;\n    const ok = await confirm({\n      title: 'Retire this link?',\n      // The reassurance is the point: a merchant tidying their bio should not\n      // have to wonder whether they are deleting their own sales history.\n      description:\n        'It will stop working for anyone who follows it. What it has already earned stays on this item.',\n      confirmLabel: 'Retire link',\n      tone: 'danger',\n    });\n    if (!ok) return;\n    await shareLinksApi.remove(tenant.slug, link.id);\n    await refetch();\n  }\n\n  async function copy(link: ShareLink) {\n    try {\n      await navigator.clipboard.writeText(link.url);\n      setCopied(link.id);\n      window.setTimeout(() => setCopied(null), 1600);\n    } catch {\n      // A clipboard that refuses is not worth an error state — the link is on\n      // screen and can be selected by hand.\n    }\n  }\n\n  return (\n    <div className={`surface p-4 ${className}`}>\n      <div className=\"mb-4 flex items-baseline justify-between gap-3\">\n        <h3 className=\"text-sm font-semibold text-[var(--text-primary)]\">\n          Links you share\n        </h3>\n        <Button size=\"sm\" variant=\"secondary\" onClick={() => setCreating(true)}>\n          New link\n        </Button>\n      </div>\n\n      {isLoading ? (\n        <p className=\"text-sm text-[var(--text-muted)]\">Loading…</p>\n      ) : links.length === 0 ? (\n        <p className=\"text-sm text-[var(--text-secondary)]\">\n          Make a link for each place you post this, and the panel above can say\n          which one is selling it.\n        </p>\n      ) : (\n        <ul className=\"space-y-3\">\n          {links.map((link) => (\n            <li\n              key={link.id}\n              className=\"rounded-lg border border-[var(--border-subtle)] p-3\"\n            >\n              <div className=\"flex items-start justify-between gap-3\">\n                <div className=\"min-w-0\">\n                  <div className=\"flex items-center gap-2\">\n                    <Link2 className=\"shrink-0 text-[var(--text-muted)]\" />\n                    <span className=\"truncate text-sm font-medium text-[var(--text-primary)]\">\n                      {link.label || labelFor(link.channel)}\n                    </span>\n                  </div>\n                  <p className=\"mt-1 truncate text-2xs text-[var(--text-muted)]\">\n                    {link.url}\n                  </p>\n                </div>\n                <div className=\"flex shrink-0 items-center gap-1\">\n                  <Button\n                    size=\"icon\"\n                    variant=\"ghost\"\n                    aria-label=\"Copy link\"\n                    onClick={() => copy(link)}\n                  >\n                    {copied === link.id ? (\n                      <Check className=\"text-[var(--success)]\" />\n                    ) : (\n                      <Copy />\n                    )}\n                  </Button>\n                  <OverflowMenu>\n                    <OverflowItem onClick={() => remove(link)}>\n                      Retire link\n                    </OverflowItem>\n                  </OverflowMenu>\n                </div>\n              </div>\n              <p className=\"mt-2 text-2xs text-[var(--text-muted)]\">\n                {link.clicks === 0\n                  ? 'Nobody has followed it yet'\n                  : `${link.clicks.toLocaleString()} ${\n                      link.clicks === 1 ? 'click' : 'clicks'\n                    }`}\n                {link.lastClickedAt && (\n                  <> · last {relative(link.lastClickedAt)}</>\n                )}\n              </p>\n            </li>\n          ))}\n        </ul>\n      )}\n\n      {/* Kept mounted and driven by `open`, so the close animation runs. */}\n      <FormDialog\n        open={creating}\n        title=\"New share link\"\n        description=\"One per place you post it, so each can be counted separately.\"\n        onClose={() => setCreating(false)}\n        footer={\n          <>\n            <Button variant=\"secondary\" onClick={() => setCreating(false)}>\n              Cancel\n            </Button>\n            <Button onClick={save} disabled={saving || !resolvedChannel}>\n              {saving ? 'Creating…' : 'Create link'}\n            </Button>\n          </>\n        }\n      >\n        <div className=\"space-y-4\">\n          <label className=\"block\">\n            <span className=\"mb-2 block text-sm text-[var(--text-secondary)]\">\n              Where are you posting it?\n            </span>\n            <Select\n              value={channel}\n              onChange={setChannel}\n              options={CHANNELS}\n              ariaLabel=\"Where are you posting it?\"\n            />\n          </label>\n\n          {channel === 'other' && (\n            <label className=\"block\">\n              <span className=\"mb-2 block text-sm text-[var(--text-secondary)]\">\n                Name the place\n              </span>\n              <Input\n                value={custom}\n                onChange={(e) => setCustom(e.target.value)}\n                placeholder=\"newsletter\"\n              />\n            </label>\n          )}\n\n          <label className=\"block\">\n            <span className=\"mb-2 block text-sm text-[var(--text-secondary)]\">\n              A note, so you remember which post this was\n            </span>\n            <Input\n              value={label}\n              onChange={(e) => setLabel(e.target.value)}\n              placeholder=\"Tuesday reel\"\n            />\n          </label>\n        </div>\n      </FormDialog>\n    </div>\n  );\n}\n\nconst labelFor = (channel: string) =>\n  CHANNELS.find((c) => c.value === channel)?.label ??\n  channel.charAt(0).toUpperCase() + channel.slice(1);\n\nfunction relative(iso: string): string {\n  const days = Math.floor((Date.now() - new Date(iso).getTime()) / 86400000);\n  if (days <= 0) return 'today';\n  if (days === 1) return 'yesterday';\n  if (days < 30) return `${days}d ago`;\n  return new Date(iso).toLocaleDateString(undefined, {\n    day: 'numeric',\n    month: 'short',\n  });\n}\n"],"mappings":"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","names":[]}

package/dist/analytics.d.ts

@@ -0,0 +1 @@
+export * from './analytics/index';

package/dist/analytics.js

@@ -0,0 +1 @@
+export * from './analytics/index.js';

package/dist/auth/dark-entry-theme.d.ts

@@ -0,0 +1 @@
+export declare function DarkEntryTheme(): null;

package/dist/auth/dark-entry-theme.js

@@ -0,0 +1,19 @@
+"use client";
+import { useEffect } from "react";
+function DarkEntryTheme() {
+  useEffect(() => {
+    const root = document.documentElement;
+    const previousSlot = root.style.getPropertyValue("--brand-mark-slot");
+    root.style.setProperty("--brand-mark-slot", "#fff");
+    return () => {
+      if (previousSlot)
+        root.style.setProperty("--brand-mark-slot", previousSlot);
+      else root.style.removeProperty("--brand-mark-slot");
+    };
+  }, []);
+  return null;
+}
+export {
+  DarkEntryTheme
+};
+//# sourceMappingURL=dark-entry-theme.js.map

package/dist/auth/dark-entry-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/auth/dark-entry-theme.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\n\nexport function DarkEntryTheme() {\n  useEffect(() => {\n    const root = document.documentElement;\n    const previousSlot = root.style.getPropertyValue('--brand-mark-slot');\n\n    // ThemeProvider owns the route palette and the persisted preference.\n    // The Box mark's slot is brand blue everywhere in the app. On the way in —\n    // sign-in, the welcome, onboarding — it is white, set once here so every\n    // mark on those routes agrees instead of each call site remembering to.\n    root.style.setProperty('--brand-mark-slot', '#fff');\n\n    return () => {\n      if (previousSlot)\n        root.style.setProperty('--brand-mark-slot', previousSlot);\n      else root.style.removeProperty('--brand-mark-slot');\n    };\n  }, []);\n\n  return null;\n}\n"],"mappings":";AAEA,SAAS,iBAAiB;AAEnB,SAAS,iBAAiB;AAC/B,YAAU,MAAM;AACd,UAAM,OAAO,SAAS;AACtB,UAAM,eAAe,KAAK,MAAM,iBAAiB,mBAAmB;AAMpE,SAAK,MAAM,YAAY,qBAAqB,MAAM;AAElD,WAAO,MAAM;AACX,UAAI;AACF,aAAK,MAAM,YAAY,qBAAqB,YAAY;AAAA,UACrD,MAAK,MAAM,eAAe,mBAAmB;AAAA,IACpD;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO;AACT;","names":[]}

package/dist/auth/google-signin-button.d.ts

@@ -0,0 +1,22 @@
+interface GoogleSignInButtonProps {
+    mode: 'signin' | 'signup';
+    /** Optional post-auth redirect; preserved across the OAuth round-trip via sessionStorage. */
+    redirect?: string;
+    /** Layout classes for the wrapper (spacing/width in the parent's flow). */
+    className?: string;
+    /**
+     * Classes for the button itself. Exists so a page can match this button's
+     * control height to the fields around it (login sets `h-11`) without
+     * reaching through the wrapper. Merged via cn(), so it cannot silently
+     * fight the primitive's own radius/colour.
+     */
+    buttonClassName?: string;
+    disabled?: boolean;
+}
+/**
+ * Kicks off the Google OAuth flow. Fetches the consent URL from the API and
+ * navigates the browser to Google. The callback page (`/auth/oauth/callback`)
+ * finishes the round-trip.
+ */
+export declare function GoogleSignInButton({ mode, redirect, className, buttonClassName, disabled, }: GoogleSignInButtonProps): import("react").JSX.Element;
+export {};

package/dist/auth/google-signin-button.js

@@ -0,0 +1,103 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button } from "@withpotter/ui-kit";
+import { accountsApi } from "@withpotter/lib/api/accounts";
+import { cn } from "@withpotter/lib/utils";
+function GoogleSignInButton({
+  mode,
+  redirect,
+  className = "",
+  buttonClassName,
+  disabled
+}) {
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const label = mode === "signup" ? "Sign up with Google" : "Continue with Google";
+  const handleClick = async () => {
+    setError(null);
+    setLoading(true);
+    try {
+      if (redirect && typeof window !== "undefined") {
+        sessionStorage.setItem("pb_google_redirect", redirect);
+      }
+      const { url } = await accountsApi.googleAuthUrl();
+      window.location.href = url;
+    } catch (err) {
+      setLoading(false);
+      setError(
+        err instanceof Error ? err.message : "Could not start Google sign-in"
+      );
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className, children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: "secondary",
+        loading,
+        disabled: disabled || loading,
+        onClick: handleClick,
+        className: cn("w-full", buttonClassName),
+        icon: /* @__PURE__ */ jsx(GoogleGlyph, {}),
+        children: label
+      }
+    ),
+    error && /* @__PURE__ */ jsx(
+      "p",
+      {
+        role: "alert",
+        className: "mt-2 text-xs",
+        style: { color: "var(--error)" },
+        children: error
+      }
+    )
+  ] });
+}
+function GoogleGlyph() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "18",
+      height: "18",
+      viewBox: "0 0 18 18",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M17.64 9.2c0-.637-.057-1.251-.164-1.84H9v3.481h4.844a4.14 4.14 0 0 1-1.796 2.716v2.258h2.908c1.702-1.567 2.684-3.874 2.684-6.615z",
+            fill: "#4285F4"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 0 0 9 18z",
+            fill: "#34A853"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M3.964 10.71A5.41 5.41 0 0 1 3.682 9c0-.593.102-1.17.282-1.71V4.958H.957A8.997 8.997 0 0 0 0 9c0 1.452.348 2.827.957 4.042l3.007-2.332z",
+            fill: "#FBBC05"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 0 0 .957 4.958L3.964 7.29C4.672 5.163 6.656 3.58 9 3.58z",
+            fill: "#EA4335"
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  GoogleSignInButton
+};
+//# sourceMappingURL=google-signin-button.js.map

package/dist/auth/google-signin-button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/auth/google-signin-button.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { Button } from '@withpotter/ui-kit';\nimport { accountsApi } from '@withpotter/lib/api/accounts';\nimport { cn } from '@withpotter/lib/utils';\n\ninterface GoogleSignInButtonProps {\n  mode: 'signin' | 'signup';\n  /** Optional post-auth redirect; preserved across the OAuth round-trip via sessionStorage. */\n  redirect?: string;\n  /** Layout classes for the wrapper (spacing/width in the parent's flow). */\n  className?: string;\n  /**\n   * Classes for the button itself. Exists so a page can match this button's\n   * control height to the fields around it (login sets `h-11`) without\n   * reaching through the wrapper. Merged via cn(), so it cannot silently\n   * fight the primitive's own radius/colour.\n   */\n  buttonClassName?: string;\n  disabled?: boolean;\n}\n\n/**\n * Kicks off the Google OAuth flow. Fetches the consent URL from the API and\n * navigates the browser to Google. The callback page (`/auth/oauth/callback`)\n * finishes the round-trip.\n */\nexport function GoogleSignInButton({\n  mode,\n  redirect,\n  className = '',\n  buttonClassName,\n  disabled,\n}: GoogleSignInButtonProps) {\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const label =\n    mode === 'signup' ? 'Sign up with Google' : 'Continue with Google';\n\n  const handleClick = async () => {\n    setError(null);\n    setLoading(true);\n    try {\n      // Stash the post-auth redirect so the callback page can use it after\n      // the OAuth round-trip (state JWT is opaque to us).\n      if (redirect && typeof window !== 'undefined') {\n        sessionStorage.setItem('pb_google_redirect', redirect);\n      }\n      const { url } = await accountsApi.googleAuthUrl();\n      window.location.href = url;\n    } catch (err) {\n      setLoading(false);\n      setError(\n        err instanceof Error ? err.message : 'Could not start Google sign-in',\n      );\n    }\n  };\n\n  return (\n    <div className={className}>\n      <Button\n        type=\"button\"\n        variant=\"secondary\"\n        loading={loading}\n        disabled={disabled || loading}\n        onClick={handleClick}\n        className={cn('w-full', buttonClassName)}\n        icon={<GoogleGlyph />}\n      >\n        {label}\n      </Button>\n      {error && (\n        <p\n          role=\"alert\"\n          className=\"mt-2 text-xs\"\n          style={{ color: 'var(--error)' }}\n        >\n          {error}\n        </p>\n      )}\n    </div>\n  );\n}\n\nfunction GoogleGlyph() {\n  return (\n    <svg\n      width=\"18\"\n      height=\"18\"\n      viewBox=\"0 0 18 18\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M17.64 9.2c0-.637-.057-1.251-.164-1.84H9v3.481h4.844a4.14 4.14 0 0 1-1.796 2.716v2.258h2.908c1.702-1.567 2.684-3.874 2.684-6.615z\"\n        fill=\"#4285F4\"\n      />\n      <path\n        d=\"M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 0 0 9 18z\"\n        fill=\"#34A853\"\n      />\n      <path\n        d=\"M3.964 10.71A5.41 5.41 0 0 1 3.682 9c0-.593.102-1.17.282-1.71V4.958H.957A8.997 8.997 0 0 0 0 9c0 1.452.348 2.827.957 4.042l3.007-2.332z\"\n        fill=\"#FBBC05\"\n      />\n      <path\n        d=\"M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 0 0 .957 4.958L3.964 7.29C4.672 5.163 6.656 3.58 9 3.58z\"\n        fill=\"#EA4335\"\n      />\n    </svg>\n  );\n}\n"],"mappings":";AA6DI,SAQU,KARV;AA3DJ,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,SAAS,mBAAmB;AAC5B,SAAS,UAAU;AAuBZ,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AACF,GAA4B;AAC1B,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,IAAI;AAEtD,QAAM,QACJ,SAAS,WAAW,wBAAwB;AAE9C,QAAM,cAAc,YAAY;AAC9B,aAAS,IAAI;AACb,eAAW,IAAI;AACf,QAAI;AAGF,UAAI,YAAY,OAAO,WAAW,aAAa;AAC7C,uBAAe,QAAQ,sBAAsB,QAAQ;AAAA,MACvD;AACA,YAAM,EAAE,IAAI,IAAI,MAAM,YAAY,cAAc;AAChD,aAAO,SAAS,OAAO;AAAA,IACzB,SAAS,KAAK;AACZ,iBAAW,KAAK;AAChB;AAAA,QACE,eAAe,QAAQ,IAAI,UAAU;AAAA,MACvC;AAAA,IACF;AAAA,EACF;AAEA,SACE,qBAAC,SAAI,WACH;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR;AAAA,QACA,UAAU,YAAY;AAAA,QACtB,SAAS;AAAA,QACT,WAAW,GAAG,UAAU,eAAe;AAAA,QACvC,MAAM,oBAAC,eAAY;AAAA,QAElB;AAAA;AAAA,IACH;AAAA,IACC,SACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,OAAO,EAAE,OAAO,eAAe;AAAA,QAE9B;AAAA;AAAA,IACH;AAAA,KAEJ;AAEJ;AAEA,SAAS,cAAc;AACrB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,OAAM;AAAA,MACN,eAAY;AAAA,MAEZ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA;AAAA,QACP;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA;AAAA,QACP;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA;AAAA,QACP;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA;AAAA,QACP;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/batch-run-provider.d.ts

@@ -0,0 +1,64 @@
+/**
+ * Long work that outlives the dialog that started it.
+ *
+ * The catalog import is one API request per row, up to 100 rows, because
+ * potter-api has no bulk endpoint. Run inside the modal, that holds the whole
+ * screen hostage for the length of it, and closing the modal — the obvious
+ * thing to do while you wait — would abandon the run half way and lose the
+ * report of what failed.
+ *
+ * So the run lives here, above the route, and reports into a small card in the
+ * corner. Start it, close the dialog, keep working. The card follows you
+ * between pages because this provider is mounted above the shell, and it stays
+ * after the run ends so the failures can still be collected.
+ *
+ * One job at a time, deliberately: two concurrent 100-row imports against a
+ * per-row endpoint is not a thing to make easy, and a queue would need a
+ * surface of its own to be honest about ordering.
+ */
+export interface BatchResult {
+    label: string;
+    error?: string;
+}
+export interface BatchJob {
+    /** Verb for the run: "Importing". Rendered as "Importing 12 of 40". */
+    title: string;
+    /** Verb for the item in flight: "Creating". */
+    verb?: string;
+    /** One label per item, in run order. Its length is the total. */
+    labels: string[];
+    /** Run item `index`. Throw or return an error to mark it failed. */
+    run: (index: number) => Promise<void>;
+    /** What to say when it lands: "38 products created". */
+    summary?: (results: BatchResult[], cancelled: boolean) => string;
+    /** Fires once the run settles, including after a stop. */
+    onSettled?: (results: BatchResult[]) => void;
+    /** An action offered on the finished card, e.g. the failures CSV. */
+    doneAction?: {
+        label: string;
+        onClick: (results: BatchResult[]) => void;
+    };
+    /**
+     * Ask how hard that was, once, when the run lands CLEAN.
+     *
+     * A bulk run is the best moment in the product to ask about effort: it is
+     * the one place a merchant has just finished something long enough to have
+     * an opinion about, and they are looking at the card that says it worked.
+     *
+     * Deliberately NOT asked after a run with failures. "How easy was that?"
+     * under "12 failed" is the product asking to be told off, and the answer it
+     * gets back measures the failure rather than the flow — which is a number
+     * that will then be read as though it measured the flow.
+     */
+    feedbackKey?: string;
+}
+interface BatchApi {
+    /** Returns false when a run is already under way. */
+    start: (job: BatchJob) => boolean;
+    running: boolean;
+}
+export declare function useBatchRun(): BatchApi;
+export declare function BatchRunProvider({ children }: {
+    children: React.ReactNode;
+}): import("react").JSX.Element;
+export {};

package/dist/batch-run-provider.js

@@ -0,0 +1,189 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useRef,
+  useState
+} from "react";
+import { AnimatePresence, motion, useReducedMotion } from "motion/react";
+import { Check, X } from "lucide-react";
+import { springs } from "@withpotter/lib/motion";
+import { Button } from "@withpotter/ui-kit/button";
+import { BatchProgress } from "@withpotter/ui-kit/batch-progress";
+import { cesTone } from "@withpotter/ui-kit/score-scale";
+import { FeedbackPrompt, completeFlow } from "@withpotter/components/feedback";
+const Ctx = createContext(null);
+function useBatchRun() {
+  const api = useContext(Ctx);
+  if (!api) throw new Error("useBatchRun must be used within BatchRunProvider");
+  return api;
+}
+function BatchRunProvider({ children }) {
+  const [state, setState] = useState(null);
+  const cancelRef = useRef(false);
+  const runningRef = useRef(false);
+  const start = useCallback((job) => {
+    if (runningRef.current) return false;
+    runningRef.current = true;
+    cancelRef.current = false;
+    setState({
+      job,
+      done: 0,
+      results: [],
+      stage: "running",
+      cancelled: false
+    });
+    void (async () => {
+      const results = [];
+      for (const [i, label] of job.labels.entries()) {
+        if (cancelRef.current) break;
+        try {
+          await job.run(i);
+          results.push({ label });
+        } catch (e) {
+          results.push({
+            label,
+            error: e instanceof Error ? e.message : "Failed"
+          });
+        }
+        setState(
+          (prev) => prev ? { ...prev, done: results.length, results: [...results] } : prev
+        );
+      }
+      runningRef.current = false;
+      setState(
+        (prev) => prev ? {
+          ...prev,
+          stage: "done",
+          done: results.length,
+          results,
+          cancelled: cancelRef.current
+        } : prev
+      );
+      job.onSettled?.(results);
+      if (!cancelRef.current && results.every((r) => !r.error)) {
+        completeFlow(job.feedbackKey ?? "batch-run");
+      }
+    })();
+    return true;
+  }, []);
+  return /* @__PURE__ */ jsxs(Ctx.Provider, { value: { start, running: state?.stage === "running" }, children: [
+    children,
+    /* @__PURE__ */ jsx(
+      BatchCard,
+      {
+        state,
+        onStop: () => {
+          cancelRef.current = true;
+        },
+        onDismiss: () => setState(null)
+      }
+    )
+  ] });
+}
+function BatchCard({
+  state,
+  onStop,
+  onDismiss
+}) {
+  const reduced = useReducedMotion();
+  return /* @__PURE__ */ jsx(AnimatePresence, { children: state ? /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      initial: reduced ? false : { opacity: 0, y: 12, scale: 0.98 },
+      animate: { opacity: 1, y: 0, scale: 1 },
+      exit: reduced ? { opacity: 0 } : { opacity: 0, y: 8, scale: 0.98 },
+      transition: reduced ? { duration: 0 } : springs.gentle,
+      role: "status",
+      "aria-live": "polite",
+      className: "surface fixed bottom-4 right-4 z-[var(--z-overlay)] w-[320px] max-w-[calc(100vw-2rem)] p-3 shadow-[var(--shadow-lg)]",
+      children: state.stage === "running" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          BatchProgress,
+          {
+            title: state.job.title,
+            verb: state.job.verb,
+            done: state.done,
+            total: state.job.labels.length,
+            current: state.job.labels[state.done] ?? null,
+            failed: state.results.filter((r) => r.error).length
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "mt-3 flex justify-end", children: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: onStop, children: "Stop" }) })
+      ] }) : /* @__PURE__ */ jsx(Done, { state, onDismiss })
+    }
+  ) : null });
+}
+function Done({
+  state,
+  onDismiss
+}) {
+  const failed = state.results.filter((r) => r.error);
+  const ok = state.results.length - failed.length;
+  const summary = state.job.summary?.(state.results, state.cancelled) ?? `${ok} of ${state.job.labels.length} done${failed.length ? `, ${failed.length} failed` : ""}`;
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+    failed.length === 0 ? /* @__PURE__ */ jsx(Check, { className: "mt-0.5 size-4 shrink-0 text-[var(--success)]" }) : /* @__PURE__ */ jsx("span", { className: "mt-0.5 h-4 w-4 shrink-0 rounded-full bg-[var(--error)]/15" }),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-[var(--text-primary)]", children: summary }),
+      state.cancelled ? /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-[var(--text-tertiary)]", children: "Stopped before the rest." }) : null,
+      failed.length > 0 ? /* @__PURE__ */ jsxs("ul", { className: "mt-2 space-y-0.5", children: [
+        failed.slice(0, 2).map((f, i) => /* @__PURE__ */ jsxs(
+          "li",
+          {
+            className: "truncate text-xs text-[var(--text-tertiary)]",
+            children: [
+              f.label,
+              ": ",
+              f.error
+            ]
+          },
+          `${f.label}-${i}`
+        )),
+        failed.length > 2 ? /* @__PURE__ */ jsxs("li", { className: "text-xs text-[var(--text-tertiary)]", children: [
+          "and ",
+          failed.length - 2,
+          " more"
+        ] }) : null
+      ] }) : null,
+      state.job.doneAction ? /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "secondary",
+          size: "sm",
+          onClick: () => state.job.doneAction?.onClick(state.results),
+          children: state.job.doneAction.label
+        }
+      ) }) : null,
+      state.job.feedbackKey && failed.length === 0 && !state.cancelled ? /* @__PURE__ */ jsx(
+        FeedbackPrompt,
+        {
+          promptKey: state.job.feedbackKey,
+          kind: "ces",
+          question: "How easy was that?",
+          minLabel: "Very easy",
+          maxLabel: "Very hard",
+          toneFor: cesTone,
+          commentPrompt: "What would have made it easier?",
+          className: "mt-3"
+        }
+      ) : null
+    ] }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onDismiss,
+        "aria-label": "Dismiss",
+        className: "shrink-0 text-[var(--text-muted)] transition-colors hover:text-[var(--text-primary)]",
+        children: /* @__PURE__ */ jsx(X, {})
+      }
+    )
+  ] });
+}
+export {
+  BatchRunProvider,
+  useBatchRun
+};
+//# sourceMappingURL=batch-run-provider.js.map