@withpotter/components 0.13.0-next.101

package/dist/sidebar/settings-nav.js

@@ -0,0 +1,87 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { ArrowLeft } from "lucide-react";
+import { passesGate } from "@withpotter/lib/settings-relevance";
+import { ACCOUNT_GROUPS, BUSINESS_GROUPS } from "./config";
+import { RailLabel } from "./rail-label";
+const renderHighlight = (active) => active ? /* @__PURE__ */ jsx("span", { className: "nav-hl" }) : null;
+function SettingsNav({
+  businessContext,
+  pathname,
+  collapsed,
+  enabledBehaviors,
+  tenant,
+  onBack: settingsBack
+}) {
+  const allowed = (it) => passesGate(it, enabledBehaviors);
+  const itemActive = (it) => {
+    if (it.href === "/dashboard/settings") return pathname === it.href;
+    const paths = [it.href, ...it.match ?? []];
+    return paths.some((h) => pathname === h || pathname.startsWith(h + "/"));
+  };
+  const groups = businessContext ? BUSINESS_GROUPS : ACCOUNT_GROUPS;
+  const onBack = settingsBack;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    businessContext && tenant ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: "pswitch has-sub",
+          onClick: onBack,
+          title: "Back to dashboard",
+          "aria-label": `Back to dashboard for ${tenant.businessName}`,
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "wmark wmark-back", children: /* @__PURE__ */ jsx(ArrowLeft, { width: 15, height: 15 }) }),
+            /* @__PURE__ */ jsxs("span", { className: "pl", children: [
+              /* @__PURE__ */ jsx("b", { children: tenant.businessName }),
+              /* @__PURE__ */ jsx("span", { children: "Back to dashboard" })
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "side-rail-rule", "aria-hidden": true })
+    ] }) : /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: "nav-back",
+        onClick: onBack,
+        title: "Back",
+        children: [
+          /* @__PURE__ */ jsx(ArrowLeft, { width: 15, height: 15 }),
+          /* @__PURE__ */ jsx("span", { className: "lbl", children: "Back home" })
+        ]
+      }
+    ),
+    groups.map((g) => {
+      const items = g.items.filter(allowed);
+      if (!items.length) return null;
+      return /* @__PURE__ */ jsxs("div", { className: "navsection", children: [
+        g.label && /* @__PURE__ */ jsx("p", { className: "navheading", children: g.label }),
+        /* @__PURE__ */ jsx("ul", { className: "navgroup", children: items.map((it) => {
+          const active = itemActive(it);
+          return /* @__PURE__ */ jsx("li", { className: "navitem", children: /* @__PURE__ */ jsx(RailLabel, { label: it.name, collapsed, children: /* @__PURE__ */ jsxs(
+            Link,
+            {
+              href: it.href,
+              prefetch: false,
+              className: "navlink" + (active ? " active" : ""),
+              "aria-label": collapsed ? it.name : void 0,
+              children: [
+                renderHighlight(active),
+                /* @__PURE__ */ jsx("span", { className: "ic", children: /* @__PURE__ */ jsx(it.icon, { width: 18, height: 18 }) }),
+                /* @__PURE__ */ jsx("span", { className: "lbl", children: it.name })
+              ]
+            }
+          ) }) }, it.href);
+        }) })
+      ] }, g.label);
+    })
+  ] });
+}
+export {
+  SettingsNav
+};
+//# sourceMappingURL=settings-nav.js.map

package/dist/sidebar/settings-nav.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/sidebar/settings-nav.tsx"],"sourcesContent":["'use client';\n\nimport Link from 'next/link';\nimport { ArrowLeft } from 'lucide-react';\nimport { passesGate } from '@withpotter/lib/settings-relevance';\nimport { resolveEnabledBehaviors } from '@withpotter/lib/resolve-enabled-behaviors';\nimport { ACCOUNT_GROUPS, BUSINESS_GROUPS, type SettingsItem } from './config';\nimport { RailLabel } from './rail-label';\n\n/** The shared motion indicator that springs between active rows. */\nconst renderHighlight = (active: boolean) =>\n  active ? <span className=\"nav-hl\" /> : null;\n\n/**\n * The settings drill-in rail.\n *\n * Settings replaces the main nav rather than nesting inside it: a settings page\n * has its own spine, and showing both at once asks the merchant to hold two\n * navigations in their head. Back returns to the dashboard — not to whatever\n * settings-shaped index they came through.\n */\nexport function SettingsNav({\n  businessContext,\n  pathname,\n  collapsed,\n  enabledBehaviors,\n  tenant,\n  onBack: settingsBack,\n}: {\n  /** A workspace's own settings, as opposed to the account rail. */\n  businessContext: boolean;\n  pathname: string;\n  collapsed: boolean;\n  enabledBehaviors: ReturnType<typeof resolveEnabledBehaviors>;\n  tenant:\n    | { name?: string; slug?: string; businessName?: string }\n    | null\n    | undefined;\n  onBack: () => void;\n}) {\n  // One evaluator, shared with the hub tabs and the mobile settings hub, so\n  // situational settings gate the same way everywhere. See settings-relevance.\n  const allowed = (it: SettingsItem) => passesGate(it, enabledBehaviors);\n  const itemActive = (it: SettingsItem) => {\n    if (it.href === '/dashboard/settings') return pathname === it.href;\n    const paths = [it.href, ...(it.match ?? [])];\n    return paths.some((h) => pathname === h || pathname.startsWith(h + '/'));\n  };\n  const groups = businessContext ? BUSINESS_GROUPS : ACCOUNT_GROUPS;\n  // Out of settings means the dashboard, always. This used to detour to the\n  // workspace hub whenever a business was in context, which put a second\n  // settings-shaped index between the merchant and the place they actually\n  // work — leave settings, land on another list of settings.\n  const onBack = settingsBack;\n  return (\n    <>\n      {/*\n        One row, not two — and the SAME row.\n\n        The way out of settings used to be a \"Back home\" button stacked above\n        a chip repeating the workspace's mark and name. Merging them removed\n        that duplication, but left a control that looked nothing like the\n        switcher it replaces at the top of the rail: arrow-first, grey mark,\n        one line of text. Moving between the dashboard and settings therefore\n        swapped one card for a different-looking one in the same position.\n\n        So this wears `pswitch` itself. Same shell, same slot for the mark,\n        same block of text. Only the leading glyph and the words differ: the\n        switcher shows the workspace's mark and its name, this shows an arrow\n        and where it goes.\n\n        TWO LINES, and it says `has-sub` to get the height for them. `pswitch`\n        is one line by default now: the plan label that used to fill its second\n        slot is gone, and what replaced it — the business category — is\n        optional, so the card only stands at 50px when there is something to\n        put there. This control always has something, so it always asks.\n\n        It briefly rendered an unstyled second line at the row's own font size —\n        the workspace name small, \"Back to dashboard\" enormous beneath it —\n        because it kept its two lines while the shared styles that drew them\n        went with the plan label. Staging fixed that in parallel with a\n        `pswitch-back` class carrying its own copy of the sub-line styles;\n        `has-sub` is the same fix generalised, and the trigger needs it too now\n        that it has a sub-line of its own, so the special case goes.\n      */}\n      {businessContext && tenant ? (\n        <>\n          <button\n            type=\"button\"\n            className=\"pswitch has-sub\"\n            onClick={onBack}\n            title=\"Back to dashboard\"\n            aria-label={`Back to dashboard for ${tenant.businessName}`}\n          >\n            {/* The arrow takes the mark's slot rather than trailing the\n                row. The workspace is already named on the line beside it, so\n                a mark there only repeated the identity; what the control\n                needs to show is the way out. */}\n            <span className=\"wmark wmark-back\">\n              <ArrowLeft width={15} height={15} />\n            </span>\n            <span className=\"pl\">\n              <b>{tenant.businessName}</b>\n              <span>Back to dashboard</span>\n            </span>\n          </button>\n          <div className=\"side-rail-rule\" aria-hidden />\n        </>\n      ) : (\n        <button\n          type=\"button\"\n          className=\"nav-back\"\n          onClick={onBack}\n          title=\"Back\"\n        >\n          <ArrowLeft width={15} height={15} />\n          <span className=\"lbl\">Back home</span>\n        </button>\n      )}\n      {groups.map((g) => {\n        const items = g.items.filter(allowed);\n        if (!items.length) return null;\n        return (\n          <div key={g.label} className=\"navsection\">\n            {/* An empty label draws nothing. The business list is one ordered\n                run with no headings — see the note on BUSINESS_GROUPS. */}\n            {g.label && <p className=\"navheading\">{g.label}</p>}\n            <ul className=\"navgroup\">\n              {items.map((it) => {\n                const active = itemActive(it);\n                return (\n                  <li className=\"navitem\" key={it.href}>\n                    <RailLabel label={it.name} collapsed={collapsed}>\n                      <Link\n                        href={it.href}\n                        prefetch={false}\n                        className={'navlink' + (active ? ' active' : '')}\n                        aria-label={collapsed ? it.name : undefined}\n                      >\n                        {renderHighlight(active)}\n                        <span className=\"ic\">\n                          <it.icon width={18} height={18} />\n                        </span>\n                        <span className=\"lbl\">{it.name}</span>\n                      </Link>\n                    </RailLabel>\n                  </li>\n                );\n              })}\n            </ul>\n          </div>\n        );\n      })}\n    </>\n  );\n}\n"],"mappings":";AAWW,SA2EH,UA3EG,KA0FC,YA1FD;AATX,OAAO,UAAU;AACjB,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAE3B,SAAS,gBAAgB,uBAA0C;AACnE,SAAS,iBAAiB;AAG1B,MAAM,kBAAkB,CAAC,WACvB,SAAS,oBAAC,UAAK,WAAU,UAAS,IAAK;AAUlC,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AACV,GAWG;AAGD,QAAM,UAAU,CAAC,OAAqB,WAAW,IAAI,gBAAgB;AACrE,QAAM,aAAa,CAAC,OAAqB;AACvC,QAAI,GAAG,SAAS,sBAAuB,QAAO,aAAa,GAAG;AAC9D,UAAM,QAAQ,CAAC,GAAG,MAAM,GAAI,GAAG,SAAS,CAAC,CAAE;AAC3C,WAAO,MAAM,KAAK,CAAC,MAAM,aAAa,KAAK,SAAS,WAAW,IAAI,GAAG,CAAC;AAAA,EACzE;AACA,QAAM,SAAS,kBAAkB,kBAAkB;AAKnD,QAAM,SAAS;AACf,SACE,iCA8BG;AAAA,uBAAmB,SAClB,iCACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS;AAAA,UACT,OAAM;AAAA,UACN,cAAY,yBAAyB,OAAO,YAAY;AAAA,UAMxD;AAAA,gCAAC,UAAK,WAAU,oBACd,8BAAC,aAAU,OAAO,IAAI,QAAQ,IAAI,GACpC;AAAA,YACA,qBAAC,UAAK,WAAU,MACd;AAAA,kCAAC,OAAG,iBAAO,cAAa;AAAA,cACxB,oBAAC,UAAK,+BAAiB;AAAA,eACzB;AAAA;AAAA;AAAA,MACF;AAAA,MACA,oBAAC,SAAI,WAAU,kBAAiB,eAAW,MAAC;AAAA,OAC9C,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAS;AAAA,QACT,OAAM;AAAA,QAEN;AAAA,8BAAC,aAAU,OAAO,IAAI,QAAQ,IAAI;AAAA,UAClC,oBAAC,UAAK,WAAU,OAAM,uBAAS;AAAA;AAAA;AAAA,IACjC;AAAA,IAED,OAAO,IAAI,CAAC,MAAM;AACjB,YAAM,QAAQ,EAAE,MAAM,OAAO,OAAO;AACpC,UAAI,CAAC,MAAM,OAAQ,QAAO;AAC1B,aACE,qBAAC,SAAkB,WAAU,cAG1B;AAAA,UAAE,SAAS,oBAAC,OAAE,WAAU,cAAc,YAAE,OAAM;AAAA,QAC/C,oBAAC,QAAG,WAAU,YACX,gBAAM,IAAI,CAAC,OAAO;AACjB,gBAAM,SAAS,WAAW,EAAE;AAC5B,iBACE,oBAAC,QAAG,WAAU,WACZ,8BAAC,aAAU,OAAO,GAAG,MAAM,WACzB;AAAA,YAAC;AAAA;AAAA,cACC,MAAM,GAAG;AAAA,cACT,UAAU;AAAA,cACV,WAAW,aAAa,SAAS,YAAY;AAAA,cAC7C,cAAY,YAAY,GAAG,OAAO;AAAA,cAEjC;AAAA,gCAAgB,MAAM;AAAA,gBACvB,oBAAC,UAAK,WAAU,MACd,8BAAC,GAAG,MAAH,EAAQ,OAAO,IAAI,QAAQ,IAAI,GAClC;AAAA,gBACA,oBAAC,UAAK,WAAU,OAAO,aAAG,MAAK;AAAA;AAAA;AAAA,UACjC,GACF,KAd2B,GAAG,IAehC;AAAA,QAEJ,CAAC,GACH;AAAA,WA1BQ,EAAE,KA2BZ;AAAA,IAEJ,CAAC;AAAA,KACH;AAEJ;","names":[]}

package/dist/sidebar/setup-contact-dialog.d.ts

@@ -0,0 +1,13 @@
+/**
+ * One contact detail, saved where the merchant is reading the list.
+ *
+ * Both rows used to link to Settings, which closed the checklist and left a
+ * merchant on a page of unrelated fields to find one box. It is one field on
+ * the tenant, so it is asked for here and the list is still behind it.
+ */
+export declare function SetupContactDialog({ field, tenantSlug, onClose, onSaved, }: {
+    field: 'email' | 'phone' | null;
+    tenantSlug: string;
+    onClose: () => void;
+    onSaved: () => void | Promise<void>;
+}): import("react").JSX.Element;

package/dist/sidebar/setup-contact-dialog.js

@@ -0,0 +1,90 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import {
+  Button,
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  Input
+} from "@withpotter/ui-kit";
+import { tenantApi } from "@withpotter/lib/api/tenant";
+import { BOX_HIDE_WHATSAPP } from "@withpotter/lib/box-channels";
+import { useToast } from "@withpotter/ui-kit/use-toast";
+const COPY = {
+  email: {
+    title: "Add a contact email",
+    placeholder: "Email customers can reply to",
+    type: "email",
+    mode: "email"
+  },
+  phone: {
+    title: "Add a phone number",
+    placeholder: BOX_HIDE_WHATSAPP ? "Phone number" : "Phone or WhatsApp number",
+    type: "tel",
+    mode: "tel"
+  }
+};
+function SetupContactDialog({
+  field,
+  tenantSlug,
+  onClose,
+  onSaved
+}) {
+  const { toast } = useToast();
+  const [value, setValue] = useState("");
+  const [saving, setSaving] = useState(false);
+  const copy = field ? COPY[field] : null;
+  const save = async () => {
+    const trimmed = value.trim();
+    if (!field || !trimmed || saving) return;
+    setSaving(true);
+    try {
+      await tenantApi.update(tenantSlug, { [field]: trimmed });
+      toast({ title: "Saved" });
+      setValue("");
+      await onSaved();
+      onClose();
+    } catch {
+      toast({
+        title: "Could not save that. Try again.",
+        variant: "destructive"
+      });
+    } finally {
+      setSaving(false);
+    }
+  };
+  return /* @__PURE__ */ jsx(Dialog, { open: !!field, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-sm", children: [
+    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: copy?.title }) }),
+    copy && /* @__PURE__ */ jsxs(
+      "form",
+      {
+        className: "space-y-3",
+        onSubmit: (e) => {
+          e.preventDefault();
+          void save();
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              autoFocus: true,
+              value,
+              onChange: (e) => setValue(e.target.value),
+              placeholder: copy.placeholder,
+              "aria-label": copy.title,
+              type: copy.type,
+              inputMode: copy.mode
+            }
+          ),
+          /* @__PURE__ */ jsx(Button, { type: "submit", loading: saving, disabled: !value.trim(), children: "Save" })
+        ]
+      }
+    )
+  ] }) });
+}
+export {
+  SetupContactDialog
+};
+//# sourceMappingURL=setup-contact-dialog.js.map

package/dist/sidebar/setup-contact-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/sidebar/setup-contact-dialog.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport {\n  Button,\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  Input,\n} from '@withpotter/ui-kit';\nimport { tenantApi } from '@withpotter/lib/api/tenant';\nimport { BOX_HIDE_WHATSAPP } from '@withpotter/lib/box-channels';\nimport { useToast } from '@withpotter/ui-kit/use-toast';\n\nconst COPY = {\n  email: {\n    title: 'Add a contact email',\n    placeholder: 'Email customers can reply to',\n    type: 'email',\n    mode: 'email',\n  },\n  phone: {\n    title: 'Add a phone number',\n    placeholder: BOX_HIDE_WHATSAPP\n      ? 'Phone number'\n      : 'Phone or WhatsApp number',\n    type: 'tel',\n    mode: 'tel',\n  },\n} as const;\n\n/**\n * One contact detail, saved where the merchant is reading the list.\n *\n * Both rows used to link to Settings, which closed the checklist and left a\n * merchant on a page of unrelated fields to find one box. It is one field on\n * the tenant, so it is asked for here and the list is still behind it.\n */\nexport function SetupContactDialog({\n  field,\n  tenantSlug,\n  onClose,\n  onSaved,\n}: {\n  field: 'email' | 'phone' | null;\n  tenantSlug: string;\n  onClose: () => void;\n  onSaved: () => void | Promise<void>;\n}) {\n  const { toast } = useToast();\n  const [value, setValue] = useState('');\n  const [saving, setSaving] = useState(false);\n  const copy = field ? COPY[field] : null;\n\n  const save = async () => {\n    const trimmed = value.trim();\n    if (!field || !trimmed || saving) return;\n    setSaving(true);\n    try {\n      await tenantApi.update(tenantSlug, { [field]: trimmed });\n      toast({ title: 'Saved' });\n      setValue('');\n      await onSaved();\n      onClose();\n    } catch {\n      toast({\n        title: 'Could not save that. Try again.',\n        variant: 'destructive',\n      });\n    } finally {\n      setSaving(false);\n    }\n  };\n\n  return (\n    <Dialog open={!!field} onOpenChange={(open) => !open && onClose()}>\n      <DialogContent className=\"max-w-sm\">\n        <DialogHeader>\n          <DialogTitle>{copy?.title}</DialogTitle>\n        </DialogHeader>\n        {copy && (\n          <form\n            className=\"space-y-3\"\n            onSubmit={(e) => {\n              e.preventDefault();\n              void save();\n            }}\n          >\n            <Input\n              autoFocus\n              value={value}\n              onChange={(e) => setValue(e.target.value)}\n              placeholder={copy.placeholder}\n              aria-label={copy.title}\n              type={copy.type}\n              inputMode={copy.mode}\n            />\n            <Button type=\"submit\" loading={saving} disabled={!value.trim()}>\n              Save\n            </Button>\n          </form>\n        )}\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";AA+EU,cAGA,YAHA;AA7EV,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB;AAC1B,SAAS,yBAAyB;AAClC,SAAS,gBAAgB;AAEzB,MAAM,OAAO;AAAA,EACX,OAAO;AAAA,IACL,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA,OAAO;AAAA,IACL,OAAO;AAAA,IACP,aAAa,oBACT,iBACA;AAAA,IACJ,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACF;AASO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,EAAE,MAAM,IAAI,SAAS;AAC3B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,EAAE;AACrC,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,OAAO,QAAQ,KAAK,KAAK,IAAI;AAEnC,QAAM,OAAO,YAAY;AACvB,UAAM,UAAU,MAAM,KAAK;AAC3B,QAAI,CAAC,SAAS,CAAC,WAAW,OAAQ;AAClC,cAAU,IAAI;AACd,QAAI;AACF,YAAM,UAAU,OAAO,YAAY,EAAE,CAAC,KAAK,GAAG,QAAQ,CAAC;AACvD,YAAM,EAAE,OAAO,QAAQ,CAAC;AACxB,eAAS,EAAE;AACX,YAAM,QAAQ;AACd,cAAQ;AAAA,IACV,QAAQ;AACN,YAAM;AAAA,QACJ,OAAO;AAAA,QACP,SAAS;AAAA,MACX,CAAC;AAAA,IACH,UAAE;AACA,gBAAU,KAAK;AAAA,IACjB;AAAA,EACF;AAEA,SACE,oBAAC,UAAO,MAAM,CAAC,CAAC,OAAO,cAAc,CAAC,SAAS,CAAC,QAAQ,QAAQ,GAC9D,+BAAC,iBAAc,WAAU,YACvB;AAAA,wBAAC,gBACC,8BAAC,eAAa,gBAAM,OAAM,GAC5B;AAAA,IACC,QACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,UAAU,CAAC,MAAM;AACf,YAAE,eAAe;AACjB,eAAK,KAAK;AAAA,QACZ;AAAA,QAEA;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAS;AAAA,cACT;AAAA,cACA,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,cACxC,aAAa,KAAK;AAAA,cAClB,cAAY,KAAK;AAAA,cACjB,MAAM,KAAK;AAAA,cACX,WAAW,KAAK;AAAA;AAAA,UAClB;AAAA,UACA,oBAAC,UAAO,MAAK,UAAS,SAAS,QAAQ,UAAU,CAAC,MAAM,KAAK,GAAG,kBAEhE;AAAA;AAAA;AAAA,IACF;AAAA,KAEJ,GACF;AAEJ;","names":[]}

package/dist/sidebar/setup-extra-steps.d.ts

@@ -0,0 +1,20 @@
+import type { OnboardingStep } from '@withpotter/lib/api/types';
+/**
+ * `NEXT_PUBLIC_BOX_SETUP_TAX_POLICIES=true` adds two rows to Complete your
+ * setup: "Set your VAT" and "Add your policies". Neither is on the checklist the
+ * API sends, so a box that wants a merchant to settle both before trading turns
+ * them on here. Unset, the list is the API's.
+ */
+export declare const SETUP_TAX_POLICIES: boolean;
+/** The four policies the Policies page edits, and that a customer can read. */
+export declare const POLICY_TYPES: readonly ["returns", "shipping", "privacy", "terms"];
+/**
+ * VAT is set once a tax mode has been saved. The API charges nothing until one
+ * is (see use-taxes-data), so "No tax", saved on purpose, counts as an answer;
+ * no saved mode at all means the question was never answered.
+ */
+export declare function taxIsSet(settings: unknown): boolean;
+/** Policies are added once every one is turned on and has words in it. */
+export declare function policiesAreSet(settings: unknown): boolean;
+/** The two rows, read from the business's own saved settings. */
+export declare function taxAndPolicySteps(settings: unknown): OnboardingStep[];

package/dist/sidebar/setup-extra-steps.js

@@ -0,0 +1,45 @@
+const SETUP_TAX_POLICIES = process.env.NEXT_PUBLIC_BOX_SETUP_TAX_POLICIES === "true";
+const TAXES_IN_POLICIES = process.env.NEXT_PUBLIC_BOX_TAXES_IN_POLICIES === "true";
+const POLICIES_HREF = "/dashboard/settings/policies";
+const TAXES_HREF = TAXES_IN_POLICIES ? POLICIES_HREF : "/dashboard/business/checkout?tab=taxes";
+const POLICY_TYPES = ["returns", "shipping", "privacy", "terms"];
+function taxIsSet(settings) {
+  const mode = settings?.tax?.mode;
+  return typeof mode === "string" && mode.length > 0;
+}
+function policiesAreSet(settings) {
+  const policies = settings?.policies;
+  return POLICY_TYPES.every((type) => {
+    const policy = policies?.[type];
+    return policy?.enabled === true && typeof policy.content === "string" && policy.content.trim().length > 0;
+  });
+}
+function step(stepKey, label, done, link) {
+  return {
+    id: stepKey,
+    stepKey,
+    label,
+    status: done ? "completed" : "pending",
+    link
+  };
+}
+function taxAndPolicySteps(settings) {
+  if (!SETUP_TAX_POLICIES) return [];
+  return [
+    step("box_tax", "Set your VAT", taxIsSet(settings), TAXES_HREF),
+    step(
+      "box_policies",
+      "Add your policies",
+      policiesAreSet(settings),
+      POLICIES_HREF
+    )
+  ];
+}
+export {
+  POLICY_TYPES,
+  SETUP_TAX_POLICIES,
+  policiesAreSet,
+  taxAndPolicySteps,
+  taxIsSet
+};
+//# sourceMappingURL=setup-extra-steps.js.map

package/dist/sidebar/setup-extra-steps.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/sidebar/setup-extra-steps.ts"],"sourcesContent":["import type { OnboardingStep } from '@withpotter/lib/api/types';\n\n/**\n * `NEXT_PUBLIC_BOX_SETUP_TAX_POLICIES=true` adds two rows to Complete your\n * setup: \"Set your VAT\" and \"Add your policies\". Neither is on the checklist the\n * API sends, so a box that wants a merchant to settle both before trading turns\n * them on here. Unset, the list is the API's.\n */\nexport const SETUP_TAX_POLICIES =\n  process.env.NEXT_PUBLIC_BOX_SETUP_TAX_POLICIES === 'true';\n\n/** A box that keeps its tax setting on the Policies page (see policies-content). */\nconst TAXES_IN_POLICIES =\n  process.env.NEXT_PUBLIC_BOX_TAXES_IN_POLICIES === 'true';\n\nconst POLICIES_HREF = '/dashboard/settings/policies';\nconst TAXES_HREF = TAXES_IN_POLICIES\n  ? POLICIES_HREF\n  : '/dashboard/business/checkout?tab=taxes';\n\n/** The four policies the Policies page edits, and that a customer can read. */\nexport const POLICY_TYPES = ['returns', 'shipping', 'privacy', 'terms'] as const;\n\ntype Settings = {\n  tax?: { mode?: unknown } | null;\n  policies?: Partial<\n    Record<string, { enabled?: unknown; content?: unknown } | null>\n  > | null;\n};\n\n/**\n * VAT is set once a tax mode has been saved. The API charges nothing until one\n * is (see use-taxes-data), so \"No tax\", saved on purpose, counts as an answer;\n * no saved mode at all means the question was never answered.\n */\nexport function taxIsSet(settings: unknown): boolean {\n  const mode = (settings as Settings | null | undefined)?.tax?.mode;\n  return typeof mode === 'string' && mode.length > 0;\n}\n\n/** Policies are added once every one is turned on and has words in it. */\nexport function policiesAreSet(settings: unknown): boolean {\n  const policies = (settings as Settings | null | undefined)?.policies;\n  return POLICY_TYPES.every((type) => {\n    const policy = policies?.[type];\n    return (\n      policy?.enabled === true &&\n      typeof policy.content === 'string' &&\n      policy.content.trim().length > 0\n    );\n  });\n}\n\nfunction step(\n  stepKey: string,\n  label: string,\n  done: boolean,\n  link: string,\n): OnboardingStep {\n  return {\n    id: stepKey,\n    stepKey,\n    label,\n    status: done ? 'completed' : 'pending',\n    link,\n  };\n}\n\n/** The two rows, read from the business's own saved settings. */\nexport function taxAndPolicySteps(settings: unknown): OnboardingStep[] {\n  if (!SETUP_TAX_POLICIES) return [];\n  return [\n    step('box_tax', 'Set your VAT', taxIsSet(settings), TAXES_HREF),\n    step(\n      'box_policies',\n      'Add your policies',\n      policiesAreSet(settings),\n      POLICIES_HREF,\n    ),\n  ];\n}\n"],"mappings":"AAQO,MAAM,qBACX,QAAQ,IAAI,uCAAuC;AAGrD,MAAM,oBACJ,QAAQ,IAAI,sCAAsC;AAEpD,MAAM,gBAAgB;AACtB,MAAM,aAAa,oBACf,gBACA;AAGG,MAAM,eAAe,CAAC,WAAW,YAAY,WAAW,OAAO;AAc/D,SAAS,SAAS,UAA4B;AACnD,QAAM,OAAQ,UAA0C,KAAK;AAC7D,SAAO,OAAO,SAAS,YAAY,KAAK,SAAS;AACnD;AAGO,SAAS,eAAe,UAA4B;AACzD,QAAM,WAAY,UAA0C;AAC5D,SAAO,aAAa,MAAM,CAAC,SAAS;AAClC,UAAM,SAAS,WAAW,IAAI;AAC9B,WACE,QAAQ,YAAY,QACpB,OAAO,OAAO,YAAY,YAC1B,OAAO,QAAQ,KAAK,EAAE,SAAS;AAAA,EAEnC,CAAC;AACH;AAEA,SAAS,KACP,SACA,OACA,MACA,MACgB;AAChB,SAAO;AAAA,IACL,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA,QAAQ,OAAO,cAAc;AAAA,IAC7B;AAAA,EACF;AACF;AAGO,SAAS,kBAAkB,UAAqC;AACrE,MAAI,CAAC,mBAAoB,QAAO,CAAC;AACjC,SAAO;AAAA,IACL,KAAK,WAAW,gBAAgB,SAAS,QAAQ,GAAG,UAAU;AAAA,IAC9D;AAAA,MACE;AAAA,MACA;AAAA,MACA,eAAe,QAAQ;AAAA,MACvB;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/sidebar/setup-progress.d.ts

@@ -0,0 +1,28 @@
+/**
+ * The Complete your setup list, as a dialog anything can open: the sidebar's
+ * progress pill, and Publish when something still stands in the way.
+ *
+ * Publish used to open its own, older dialog with a list of its own. Two lists
+ * for one question drift, and the second never showed what had already been
+ * done. There is one now. `mode="go-live"` only changes the line under the
+ * title, to how many of the needed items are left.
+ */
+export declare function SetupDialog({ open, onOpenChange, mode, onFixed, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    mode?: 'setup' | 'go-live';
+    /** Re-run whatever opened this once something was set up from in here. */
+    onFixed?: () => void | Promise<void>;
+}): import("react").JSX.Element | null;
+/**
+ * The one count of how far through setup this business is, for a surface that
+ * draws it without the list. Null while it is being worked out and once
+ * everything is done.
+ */
+export declare function useSetupProgress(): {
+    done: number;
+    total: number;
+} | null;
+export declare function SetupProgress({ stacked }?: {
+    stacked?: boolean;
+}): import("react").JSX.Element | null;