@withpotter/components 0.13.0-next.101

package/dist/customer-editor/phone-input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/customer-editor/phone-input.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useCallback, useEffect, useRef } from 'react';\nimport { ChevronDown } from 'lucide-react';\nimport { parsePhoneNumber, type CountryCode } from 'libphonenumber-js';\nimport { Input } from '@withpotter/ui-kit';\n\ninterface CountryOption {\n  code: CountryCode;\n  name: string;\n  dialCode: string;\n}\n\nconst COUNTRIES: CountryOption[] = [\n  { code: 'AF', name: 'Afghanistan', dialCode: '+93' },\n  { code: 'AL', name: 'Albania', dialCode: '+355' },\n  { code: 'DZ', name: 'Algeria', dialCode: '+213' },\n  { code: 'AR', name: 'Argentina', dialCode: '+54' },\n  { code: 'AU', name: 'Australia', dialCode: '+61' },\n  { code: 'AT', name: 'Austria', dialCode: '+43' },\n  { code: 'BE', name: 'Belgium', dialCode: '+32' },\n  { code: 'BR', name: 'Brazil', dialCode: '+55' },\n  { code: 'CA', name: 'Canada', dialCode: '+1' },\n  { code: 'CL', name: 'Chile', dialCode: '+56' },\n  { code: 'CN', name: 'China', dialCode: '+86' },\n  { code: 'CO', name: 'Colombia', dialCode: '+57' },\n  { code: 'CD', name: 'Congo (DRC)', dialCode: '+243' },\n  { code: 'EG', name: 'Egypt', dialCode: '+20' },\n  { code: 'ET', name: 'Ethiopia', dialCode: '+251' },\n  { code: 'FI', name: 'Finland', dialCode: '+358' },\n  { code: 'FR', name: 'France', dialCode: '+33' },\n  { code: 'DE', name: 'Germany', dialCode: '+49' },\n  { code: 'GH', name: 'Ghana', dialCode: '+233' },\n  { code: 'GR', name: 'Greece', dialCode: '+30' },\n  { code: 'IN', name: 'India', dialCode: '+91' },\n  { code: 'ID', name: 'Indonesia', dialCode: '+62' },\n  { code: 'IE', name: 'Ireland', dialCode: '+353' },\n  { code: 'IL', name: 'Israel', dialCode: '+972' },\n  { code: 'IT', name: 'Italy', dialCode: '+39' },\n  { code: 'JP', name: 'Japan', dialCode: '+81' },\n  { code: 'KE', name: 'Kenya', dialCode: '+254' },\n  { code: 'MX', name: 'Mexico', dialCode: '+52' },\n  { code: 'MA', name: 'Morocco', dialCode: '+212' },\n  { code: 'NL', name: 'Netherlands', dialCode: '+31' },\n  { code: 'NZ', name: 'New Zealand', dialCode: '+64' },\n  { code: 'NG', name: 'Nigeria', dialCode: '+234' },\n  { code: 'NO', name: 'Norway', dialCode: '+47' },\n  { code: 'PK', name: 'Pakistan', dialCode: '+92' },\n  { code: 'PH', name: 'Philippines', dialCode: '+63' },\n  { code: 'PL', name: 'Poland', dialCode: '+48' },\n  { code: 'PT', name: 'Portugal', dialCode: '+351' },\n  { code: 'RO', name: 'Romania', dialCode: '+40' },\n  { code: 'RU', name: 'Russia', dialCode: '+7' },\n  { code: 'SA', name: 'Saudi Arabia', dialCode: '+966' },\n  { code: 'SN', name: 'Senegal', dialCode: '+221' },\n  { code: 'ZA', name: 'South Africa', dialCode: '+27' },\n  { code: 'KR', name: 'South Korea', dialCode: '+82' },\n  { code: 'ES', name: 'Spain', dialCode: '+34' },\n  { code: 'SE', name: 'Sweden', dialCode: '+46' },\n  { code: 'CH', name: 'Switzerland', dialCode: '+41' },\n  { code: 'TZ', name: 'Tanzania', dialCode: '+255' },\n  { code: 'TH', name: 'Thailand', dialCode: '+66' },\n  { code: 'TR', name: 'Turkey', dialCode: '+90' },\n  { code: 'UG', name: 'Uganda', dialCode: '+256' },\n  { code: 'UA', name: 'Ukraine', dialCode: '+380' },\n  { code: 'AE', name: 'United Arab Emirates', dialCode: '+971' },\n  { code: 'GB', name: 'United Kingdom', dialCode: '+44' },\n  { code: 'US', name: 'United States', dialCode: '+1' },\n  { code: 'VN', name: 'Vietnam', dialCode: '+84' },\n  { code: 'ZM', name: 'Zambia', dialCode: '+260' },\n  { code: 'ZW', name: 'Zimbabwe', dialCode: '+263' },\n];\n\nconst DEFAULT_COUNTRY: CountryCode = 'NG';\n\n/** Parse an existing E.164 value to extract country + local number. */\nfunction parseE164(value: string): { country: CountryCode; local: string } {\n  if (!value) return { country: DEFAULT_COUNTRY, local: '' };\n  try {\n    const parsed = parsePhoneNumber(value);\n    if (parsed?.isValid()) {\n      return {\n        country: (parsed.country ?? DEFAULT_COUNTRY) as CountryCode,\n        local: parsed.nationalNumber as string,\n      };\n    }\n  } catch {\n    // fall through\n  }\n  return { country: DEFAULT_COUNTRY, local: value.replace(/^\\+\\d+\\s*/, '') };\n}\n\n/** Strip everything except digits and spaces. */\nfunction cleanLocal(raw: string): string {\n  return raw.replace(/[^\\d\\s]/g, '');\n}\n\nfunction getDialCode(country: CountryCode): string {\n  return COUNTRIES.find((c) => c.code === country)?.dialCode ?? '+234';\n}\n\ninterface PhoneInputProps {\n  /** The current E.164 value stored in state (e.g. \"+2348012345678\"). */\n  value: string;\n  /** Called with the new E.164 string whenever the user changes anything. */\n  onChange: (e164: string) => void;\n  /** Optional CSS class for the wrapper div. */\n  className?: string;\n  /** Style variant: \"desktop\" (transparent) or \"mobile\" (filled row). */\n  variant?: 'desktop' | 'mobile';\n  /** Default country override (e.g. from tenant.country). */\n  defaultCountry?: CountryCode;\n}\n\nexport function PhoneInput({\n  value,\n  onChange,\n  className,\n  variant = 'desktop',\n  defaultCountry = DEFAULT_COUNTRY,\n}: PhoneInputProps) {\n  const [country, setCountry] = useState<CountryCode>(() => {\n    const parsed = parseE164(value);\n    return parsed.local ? parsed.country : defaultCountry;\n  });\n\n  const [localNumber, setLocalNumber] = useState<string>(() => {\n    return parseE164(value).local;\n  });\n\n  const [touched, setTouched] = useState(false);\n\n  // Sync when an external E.164 value changes (e.g. form reset / reload).\n  useEffect(() => {\n    if (!value) return;\n    const { country: parsedCountry, local } = parseE164(value);\n    if (local) {\n      setCountry(parsedCountry);\n      setLocalNumber(local);\n    }\n  }, [value]);\n\n  const handleCountryChange = useCallback(\n    (newCountry: CountryCode) => {\n      setCountry(newCountry);\n      const dialCode = getDialCode(newCountry);\n      const digits = localNumber.replace(/\\s/g, '');\n      if (digits) {\n        onChange(`${dialCode}${digits}`);\n      } else {\n        onChange('');\n      }\n    },\n    [localNumber, onChange],\n  );\n\n  const handleLocalChange = useCallback(\n    (raw: string) => {\n      const cleaned = cleanLocal(raw);\n      setLocalNumber(cleaned);\n      setTouched(true);\n      const dialCode = getDialCode(country);\n      const digits = cleaned.replace(/\\s/g, '');\n      if (digits) {\n        onChange(`${dialCode}${digits}`);\n      } else {\n        onChange('');\n      }\n    },\n    [country, onChange],\n  );\n\n  const digits = localNumber.replace(/\\s/g, '');\n  const totalLength =\n    getDialCode(country).replace('+', '').length + digits.length;\n  const hasError =\n    touched && digits.length > 0 && (totalLength < 8 || totalLength > 16);\n\n  const py = variant === 'mobile' ? 'py-3' : 'py-2';\n  const bg = variant === 'mobile' ? 'bg-[var(--bg-base)]' : '';\n  const rowState = hasError\n    ? 'border-[var(--error)] focus-within:ring-1 focus-within:ring-[var(--error)]'\n    : 'border-[var(--border-default)] focus-within:border-brand-500 focus-within:ring-1 focus-within:ring-brand-500';\n\n  return (\n    <div className={className}>\n      <div\n        className={`flex rounded-lg border transition-colors ${bg} ${rowState}`}\n      >\n        {/* Country picker — a custom dropdown so it matches our tokens and never\n            falls back to the native / iOS sheet. */}\n        <CountrySelect\n          country={country}\n          onChange={handleCountryChange}\n          py={py}\n        />\n\n        {/* Local number input */}\n        <Input\n          variant=\"bare\"\n          type=\"tel\"\n          value={localNumber}\n          onChange={(e) => handleLocalChange(e.target.value)}\n          onBlur={() => setTouched(true)}\n          className={`min-w-0 flex-1 px-3 ${py}`}\n          placeholder=\"8012345678\"\n          inputMode=\"tel\"\n          aria-label=\"Phone number\"\n          aria-invalid={hasError}\n        />\n      </div>\n\n      {hasError && (\n        <p className=\"mt-1 text-xs text-[var(--error)]\">\n          Please enter a valid phone number (8 to 16 digits total).\n        </p>\n      )}\n    </div>\n  );\n}\n\n/** ISO 3166 alpha-2 code -> flag emoji (regional indicator symbols). */\nfunction flagEmoji(code: string): string {\n  return code\n    .toUpperCase()\n    .replace(/./g, (c) => String.fromCodePoint(127397 + c.charCodeAt(0)));\n}\n\ninterface CountrySelectProps {\n  country: CountryCode;\n  onChange: (country: CountryCode) => void;\n  /** Vertical padding class, shared with the number input so heights match. */\n  py: string;\n}\n\n/** Compact, inline country/dial-code picker built on our own click-outside menu. */\nfunction CountrySelect({ country, onChange, py }: CountrySelectProps) {\n  const [open, setOpen] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!open) return;\n    const onDoc = (e: MouseEvent) => {\n      if (!ref.current?.contains(e.target as Node)) setOpen(false);\n    };\n    const onKey = (e: KeyboardEvent) => e.key === 'Escape' && setOpen(false);\n    document.addEventListener('mousedown', onDoc);\n    window.addEventListener('keydown', onKey);\n    return () => {\n      document.removeEventListener('mousedown', onDoc);\n      window.removeEventListener('keydown', onKey);\n    };\n  }, [open]);\n\n  const dialCode = getDialCode(country);\n\n  return (\n    <div ref={ref} className=\"relative shrink-0\">\n      <button\n        type=\"button\"\n        onClick={() => setOpen((v) => !v)}\n        aria-label=\"Country code\"\n        aria-haspopup=\"listbox\"\n        aria-expanded={open}\n        className={`flex h-full items-center gap-1 border-r border-[var(--border-default)] px-3 ${py} text-sm text-[var(--text-primary)] transition-colors hover:bg-[var(--interactive-hover)] focus:outline-none`}\n      >\n        <span className=\"text-lg leading-none\">{flagEmoji(country)}</span>\n        <span>{dialCode}</span>\n        <ChevronDown\n          className={`h-3.5 w-3.5 text-[var(--text-muted)] transition-transform ${open ? 'rotate-180' : ''}`}\n        />\n      </button>\n      {open && (\n        <div\n          role=\"listbox\"\n          className=\"absolute left-0 top-full z-30 mt-1 max-h-64 w-64 overflow-auto rounded-lg border border-[var(--border-subtle)] bg-[var(--bg-base)] py-1 shadow-lg\"\n        >\n          {COUNTRIES.map((c) => (\n            <button\n              key={c.code}\n              type=\"button\"\n              role=\"option\"\n              aria-selected={c.code === country}\n              onClick={() => {\n                onChange(c.code);\n                setOpen(false);\n              }}\n              className={`flex w-full items-center justify-between gap-3 px-3 py-2 text-left text-sm transition-colors ${\n                c.code === country\n                  ? 'bg-brand-500/[0.08] text-brand-500'\n                  : 'text-[var(--text-secondary)] hover:bg-[var(--interactive-hover)] hover:text-[var(--text-primary)]'\n              }`}\n            >\n              <span className=\"flex min-w-0 items-center gap-2\">\n                <span className=\"text-lg leading-none\">\n                  {flagEmoji(c.code)}\n                </span>\n                <span className=\"truncate\">{c.name}</span>\n              </span>\n              <span className=\"shrink-0 text-[var(--text-tertiary)]\">\n                {c.dialCode}\n              </span>\n            </button>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":["digits"]}

package/dist/customer-editor.d.ts

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

package/dist/customer-editor.js

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

package/dist/customers/send-message-modal.d.ts

@@ -0,0 +1,28 @@
+import type { Member } from '@withpotter/lib/api/types';
+/**
+ * One email to one customer, sent by the business rather than by whoever is
+ * holding the phone.
+ *
+ * `POST /communications/send` with `templateType: 'custom'` — so it goes out
+ * on the business's sending identity, and it lands in the communications log
+ * beside every automated message about that person.
+ *
+ * IT USED TO OPEN FROM EXACTLY ONE PLACE, the customer detail page, which is
+ * why the customers list could tell a merchant a row was reachable by email
+ * and then offer them no way to send one. The row menu opens it too now.
+ *
+ * `FormDialog` rather than the fixed div this was: that one drew its own scrim
+ * and its own close button and answered neither Escape nor Tab, and it was
+ * mounted behind `{target && …}` so it vanished on a frame instead of leaving.
+ * Both are what the house dialog is for.
+ */
+export declare function SendMessageModal({ customer, open, onClose, }: {
+    customer: Member | null;
+    /**
+     * Optional so the old `{editing && <SendMessageModal …/>}` call still works.
+     * Pass it — with it the dialog owns its `AnimatePresence` and the close
+     * animates.
+     */
+    open?: boolean;
+    onClose: () => void;
+}): import("react").JSX.Element;

package/dist/customers/send-message-modal.js

@@ -0,0 +1,103 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { communicationsApi } from "@withpotter/lib/api/communications";
+import { useAuth } from "@withpotter/lib/auth-context";
+import { useToast } from "@withpotter/ui-kit/use-toast";
+import { getInitials } from "@withpotter/lib/customer-helpers";
+import { FormDialog } from "@withpotter/ui-kit/form-dialog";
+import { Button } from "@withpotter/ui-kit/button";
+import { Input, Textarea } from "@withpotter/ui-kit";
+function SendMessageModal({
+  customer,
+  open,
+  onClose
+}) {
+  const { tenant } = useAuth();
+  const { toast } = useToast();
+  const [subject, setSubject] = useState("");
+  const [message, setMessage] = useState("");
+  const [sending, setSending] = useState(false);
+  const showing = open ?? true;
+  useEffect(() => {
+    if (showing) {
+      setSubject("");
+      setMessage("");
+    }
+  }, [showing, customer?.id]);
+  const handleSend = async () => {
+    if (!subject.trim() || !message.trim() || !tenant?.slug || !customer)
+      return;
+    setSending(true);
+    try {
+      await communicationsApi.sendToMember(tenant.slug, {
+        recipientEmail: customer.email,
+        recipientName: customer.name ?? void 0,
+        memberId: customer.id,
+        subject: subject.trim(),
+        message: message.trim()
+      });
+      toast({
+        title: "Message sent",
+        description: `Email delivered to ${customer.email}.`
+      });
+      onClose();
+    } catch (err) {
+      toast({
+        title: "Failed to send",
+        description: err instanceof Error ? err.message : "Something went wrong.",
+        variant: "destructive"
+      });
+    } finally {
+      setSending(false);
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    FormDialog,
+    {
+      open: showing && Boolean(customer),
+      title: "Send email",
+      onClose,
+      leading: /* @__PURE__ */ jsx("span", { className: "grid size-8 place-items-center rounded-full bg-[var(--accent-secondary)] text-sm font-medium text-[var(--accent-secondary-ink)]", children: getInitials(customer?.name) }),
+      description: customer ? `To ${customer.name || "this customer"} \xB7 ${customer.email}` : void 0,
+      footer: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onClose, disabled: sending, children: "Cancel" }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: handleSend,
+            loading: sending,
+            disabled: !subject.trim() || !message.trim() || sending,
+            children: sending ? "Sending\u2026" : "Send"
+          }
+        )
+      ] }),
+      children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            label: "Subject",
+            value: subject,
+            onChange: (e) => setSubject(e.target.value),
+            placeholder: "What it is about"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            label: "Message",
+            value: message,
+            onChange: (e) => setMessage(e.target.value),
+            placeholder: "Write your message\u2026",
+            rows: 6,
+            className: "resize-none"
+          }
+        )
+      ] })
+    }
+  );
+}
+export {
+  SendMessageModal
+};
+//# sourceMappingURL=send-message-modal.js.map

package/dist/customers/send-message-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/customers/send-message-modal.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\nimport type { Member } from '@withpotter/lib/api/types';\nimport { communicationsApi } from '@withpotter/lib/api/communications';\nimport { useAuth } from '@withpotter/lib/auth-context';\nimport { useToast } from '@withpotter/ui-kit/use-toast';\nimport { getInitials } from '@withpotter/lib/customer-helpers';\nimport { FormDialog } from '@withpotter/ui-kit/form-dialog';\nimport { Button } from '@withpotter/ui-kit/button';\nimport { Input, Textarea } from '@withpotter/ui-kit';\n\n/**\n * One email to one customer, sent by the business rather than by whoever is\n * holding the phone.\n *\n * `POST /communications/send` with `templateType: 'custom'` — so it goes out\n * on the business's sending identity, and it lands in the communications log\n * beside every automated message about that person.\n *\n * IT USED TO OPEN FROM EXACTLY ONE PLACE, the customer detail page, which is\n * why the customers list could tell a merchant a row was reachable by email\n * and then offer them no way to send one. The row menu opens it too now.\n *\n * `FormDialog` rather than the fixed div this was: that one drew its own scrim\n * and its own close button and answered neither Escape nor Tab, and it was\n * mounted behind `{target && …}` so it vanished on a frame instead of leaving.\n * Both are what the house dialog is for.\n */\nexport function SendMessageModal({\n  customer,\n  open,\n  onClose,\n}: {\n  customer: Member | null;\n  /**\n   * Optional so the old `{editing && <SendMessageModal …/>}` call still works.\n   * Pass it — with it the dialog owns its `AnimatePresence` and the close\n   * animates.\n   */\n  open?: boolean;\n  onClose: () => void;\n}) {\n  const { tenant } = useAuth();\n  const { toast } = useToast();\n  const [subject, setSubject] = useState('');\n  const [message, setMessage] = useState('');\n  const [sending, setSending] = useState(false);\n\n  const showing = open ?? true;\n\n  // Cleared on open, not on close: the fields are read while the panel is\n  // still animating out, so wiping them on close empties the dialog in front\n  // of the person watching it leave.\n  useEffect(() => {\n    if (showing) {\n      setSubject('');\n      setMessage('');\n    }\n  }, [showing, customer?.id]);\n\n  const handleSend = async () => {\n    if (!subject.trim() || !message.trim() || !tenant?.slug || !customer)\n      return;\n    setSending(true);\n    try {\n      await communicationsApi.sendToMember(tenant.slug, {\n        recipientEmail: customer.email,\n        recipientName: customer.name ?? undefined,\n        memberId: customer.id,\n        subject: subject.trim(),\n        message: message.trim(),\n      });\n      toast({\n        title: 'Message sent',\n        description: `Email delivered to ${customer.email}.`,\n      });\n      onClose();\n    } catch (err) {\n      toast({\n        title: 'Failed to send',\n        description:\n          err instanceof Error ? err.message : 'Something went wrong.',\n        variant: 'destructive',\n      });\n    } finally {\n      setSending(false);\n    }\n  };\n\n  return (\n    <FormDialog\n      open={showing && Boolean(customer)}\n      title=\"Send email\"\n      onClose={onClose}\n      leading={\n        <span className=\"grid size-8 place-items-center rounded-full bg-[var(--accent-secondary)] text-sm font-medium text-[var(--accent-secondary-ink)]\">\n          {getInitials(customer?.name)}\n        </span>\n      }\n      /* Who it reaches, on the one line under the title, rather than as a\n         read-only \"To\" field taking a form row to say a thing nobody can\n         change from here. */\n      description={\n        customer\n          ? `To ${customer.name || 'this customer'} · ${customer.email}`\n          : undefined\n      }\n      footer={\n        <>\n          <Button variant=\"secondary\" onClick={onClose} disabled={sending}>\n            Cancel\n          </Button>\n          <Button\n            onClick={handleSend}\n            loading={sending}\n            disabled={!subject.trim() || !message.trim() || sending}\n          >\n            {sending ? 'Sending…' : 'Send'}\n          </Button>\n        </>\n      }\n    >\n      <div className=\"space-y-4\">\n        <Input\n          label=\"Subject\"\n          value={subject}\n          onChange={(e) => setSubject(e.target.value)}\n          placeholder=\"What it is about\"\n        />\n        <Textarea\n          label=\"Message\"\n          value={message}\n          onChange={(e) => setMessage(e.target.value)}\n          placeholder=\"Write your message…\"\n          rows={6}\n          className=\"resize-none\"\n        />\n      </div>\n    </FormDialog>\n  );\n}\n"],"mappings":";AAgGQ,SAaA,UAbA,KAaA,YAbA;AA9FR,SAAS,WAAW,gBAAgB;AAEpC,SAAS,yBAAyB;AAClC,SAAS,eAAe;AACxB,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AACvB,SAAS,OAAO,gBAAgB;AAmBzB,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACF,GASG;AACD,QAAM,EAAE,OAAO,IAAI,QAAQ;AAC3B,QAAM,EAAE,MAAM,IAAI,SAAS;AAC3B,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,EAAE;AACzC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,EAAE;AACzC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,QAAM,UAAU,QAAQ;AAKxB,YAAU,MAAM;AACd,QAAI,SAAS;AACX,iBAAW,EAAE;AACb,iBAAW,EAAE;AAAA,IACf;AAAA,EACF,GAAG,CAAC,SAAS,UAAU,EAAE,CAAC;AAE1B,QAAM,aAAa,YAAY;AAC7B,QAAI,CAAC,QAAQ,KAAK,KAAK,CAAC,QAAQ,KAAK,KAAK,CAAC,QAAQ,QAAQ,CAAC;AAC1D;AACF,eAAW,IAAI;AACf,QAAI;AACF,YAAM,kBAAkB,aAAa,OAAO,MAAM;AAAA,QAChD,gBAAgB,SAAS;AAAA,QACzB,eAAe,SAAS,QAAQ;AAAA,QAChC,UAAU,SAAS;AAAA,QACnB,SAAS,QAAQ,KAAK;AAAA,QACtB,SAAS,QAAQ,KAAK;AAAA,MACxB,CAAC;AACD,YAAM;AAAA,QACJ,OAAO;AAAA,QACP,aAAa,sBAAsB,SAAS,KAAK;AAAA,MACnD,CAAC;AACD,cAAQ;AAAA,IACV,SAAS,KAAK;AACZ,YAAM;AAAA,QACJ,OAAO;AAAA,QACP,aACE,eAAe,QAAQ,IAAI,UAAU;AAAA,QACvC,SAAS;AAAA,MACX,CAAC;AAAA,IACH,UAAE;AACA,iBAAW,KAAK;AAAA,IAClB;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,WAAW,QAAQ,QAAQ;AAAA,MACjC,OAAM;AAAA,MACN;AAAA,MACA,SACE,oBAAC,UAAK,WAAU,mIACb,sBAAY,UAAU,IAAI,GAC7B;AAAA,MAKF,aACE,WACI,MAAM,SAAS,QAAQ,eAAe,SAAM,SAAS,KAAK,KAC1D;AAAA,MAEN,QACE,iCACE;AAAA,4BAAC,UAAO,SAAQ,aAAY,SAAS,SAAS,UAAU,SAAS,oBAEjE;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS;AAAA,YACT,SAAS;AAAA,YACT,UAAU,CAAC,QAAQ,KAAK,KAAK,CAAC,QAAQ,KAAK,KAAK;AAAA,YAE/C,oBAAU,kBAAa;AAAA;AAAA,QAC1B;AAAA,SACF;AAAA,MAGF,+BAAC,SAAI,WAAU,aACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,OAAO;AAAA,YACP,UAAU,CAAC,MAAM,WAAW,EAAE,OAAO,KAAK;AAAA,YAC1C,aAAY;AAAA;AAAA,QACd;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,OAAO;AAAA,YACP,UAAU,CAAC,MAAM,WAAW,EAAE,OAAO,KAAK;AAAA,YAC1C,aAAY;AAAA,YACZ,MAAM;AAAA,YACN,WAAU;AAAA;AAAA,QACZ;AAAA,SACF;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/dashboard/activity-feed.d.ts

@@ -0,0 +1,23 @@
+import type { Order, Package as PackageType, ContentItem, Member, CustomerSubscription, InventoryProduct, Invoice } from '@withpotter/lib/api/types';
+/**
+ * A single thing that happened to the business. Built here, rendered by
+ * `home/home-timeline.tsx`.
+ *
+ * The React component that used to live in this file is gone: the home merged
+ * its feed with "Next up" and "Needs you" into one timeline, so the events and
+ * the open work read as a single list with now as the pivot. What survives is
+ * the builder, which is the part several surfaces actually share.
+ */
+export interface ActivityItem {
+    id: string;
+    type: 'product_added' | 'product_updated' | 'order_placed' | 'order_completed' | 'member_signup' | 'member_converted' | 'subscription_created' | 'invoice_paid' | 'invoice_sent';
+    title: string;
+    description: string;
+    timestamp: string;
+    /** Retained for the mobile feed; the desktop timeline renders an icon. */
+    emoji: string;
+    href?: string;
+    /** A placed order whose payment has not arrived; the Home card quiets it. */
+    unpaid?: boolean;
+}
+export declare function buildActivityItems(recentContent: ContentItem[], recentOrders: Order[], packages: PackageType[], contentTypeSingular: string, primaryContentKey: string, recentMembers: Member[], recentSubscriptions: CustomerSubscription[] | undefined, inventoryProducts: InventoryProduct[] | undefined, recentInvoices: Invoice[] | undefined, formatCurrency: (amount: number, currencyOverride?: string) => string, industryKey?: string | null): ActivityItem[];

package/dist/dashboard/activity-feed.js

@@ -0,0 +1,147 @@
+import { isOrderPaid } from "./activity-paid";
+import * as copy from "@withpotter/lib/timeline-copy";
+function formatRelativeTime(dateStr) {
+  const now = Date.now();
+  const date = new Date(dateStr).getTime();
+  const diffMs = now - date;
+  const diffSec = Math.floor(diffMs / 1e3);
+  const diffMin = Math.floor(diffSec / 60);
+  const diffHr = Math.floor(diffMin / 60);
+  const diffDay = Math.floor(diffHr / 24);
+  if (diffSec < 60) return "Just now";
+  if (diffMin < 60) return `${diffMin}m ago`;
+  if (diffHr < 24) return `${diffHr}h ago`;
+  if (diffDay < 7) return `${diffDay}d ago`;
+  return new Date(dateStr).toLocaleDateString("en-US", {
+    month: "short",
+    day: "numeric"
+  });
+}
+function buildActivityItems(recentContent, recentOrders, packages, contentTypeSingular, primaryContentKey, recentMembers, recentSubscriptions = [], inventoryProducts = [], recentInvoices = [], formatCurrency, industryKey) {
+  const items = [];
+  for (const item of recentContent) {
+    const isUpdate = item.updatedAt !== item.createdAt;
+    const msg = isUpdate ? copy.productUpdated(item.title, contentTypeSingular) : copy.productAdded(item.title, contentTypeSingular);
+    items.push({
+      id: `content-${item.id}`,
+      type: isUpdate ? "product_updated" : "product_added",
+      ...msg,
+      timestamp: item.updatedAt || item.createdAt,
+      href: `/dashboard/content/${primaryContentKey}/${item.id}/edit`
+    });
+  }
+  const contentTitles = new Set(recentContent.map((c) => c.title));
+  for (const prod of inventoryProducts) {
+    if (contentTitles.has(prod.title)) continue;
+    const created = prod.createdAt ? String(prod.createdAt) : "";
+    const updated = prod.updatedAt ? String(prod.updatedAt) : created;
+    const isUpdate = updated !== created;
+    const msg = isUpdate ? copy.productUpdated(prod.title, contentTypeSingular) : copy.productAdded(prod.title, contentTypeSingular);
+    items.push({
+      id: `inv-${prod.id}`,
+      type: isUpdate ? "product_updated" : "product_added",
+      ...msg,
+      timestamp: updated || created,
+      href: `/dashboard/catalog/${prod.id}`
+    });
+  }
+  if (recentContent.length === 0 && inventoryProducts.length === 0) {
+    for (const pkg of packages) {
+      const isUpdate = pkg.updatedAt !== pkg.createdAt;
+      const msg = isUpdate ? copy.productUpdated(pkg.title, contentTypeSingular) : copy.productAdded(pkg.title, contentTypeSingular);
+      items.push({
+        id: `pkg-${pkg.id}`,
+        type: isUpdate ? "product_updated" : "product_added",
+        ...msg,
+        timestamp: pkg.updatedAt || pkg.createdAt,
+        href: `/dashboard/content/${primaryContentKey}/${pkg.documentId}/edit`
+      });
+    }
+  }
+  for (const order of recentOrders) {
+    const isCompleted = order.status === "completed";
+    const customerName = order.customerName || order.customerEmail?.split("@")[0] || "Someone";
+    const msg = isCompleted ? copy.orderCompleted(customerName, order.orderNumber) : copy.orderPlaced(
+      customerName,
+      order.orderNumber,
+      formatCurrency(order.total),
+      industryKey,
+      isOrderPaid(order.paymentStatus)
+    );
+    items.push({
+      id: `order-${order.id}`,
+      type: isCompleted ? "order_completed" : "order_placed",
+      ...!isCompleted && !isOrderPaid(order.paymentStatus) ? { unpaid: true } : {},
+      ...msg,
+      timestamp: isCompleted ? order.completedAt || order.updatedAt : order.createdAt,
+      href: `/dashboard/orders/${order.id}`
+    });
+  }
+  for (const member of recentMembers) {
+    const isConverted = !!member.convertedAt;
+    const name = member.name || member.email?.split("@")[0] || "A visitor";
+    const msg = isConverted ? copy.memberConverted(name, member.email) : copy.memberSignup(name, member.email, industryKey);
+    items.push({
+      id: `member-${member.id}`,
+      type: isConverted ? "member_converted" : "member_signup",
+      ...msg,
+      timestamp: isConverted ? member.convertedAt : member.createdAt,
+      href: `/dashboard/customers/${member.id}`
+    });
+  }
+  for (const sub of recentSubscriptions) {
+    const name = sub.customerEmail?.split("@")[0] || "Someone";
+    const msg = copy.subscriptionCreated(
+      name,
+      sub.plan?.name || "a plan",
+      formatCurrency(sub.amount / 100)
+    );
+    items.push({
+      id: `sub-${sub.id}`,
+      type: "subscription_created",
+      ...msg,
+      timestamp: sub.createdAt,
+      href: "/dashboard/subscriptions"
+    });
+  }
+  for (const inv of recentInvoices) {
+    const customerName = inv.customerName || inv.customerEmail?.split("@")[0] || "Someone";
+    const isPaid = inv.status === "paid" && !!inv.paidAt;
+    const isSent = inv.status === "sent" && !!inv.sentAt;
+    if (isPaid) {
+      const msg = copy.invoicePaid(
+        customerName,
+        inv.invoiceNumber,
+        formatCurrency(inv.amountPaid || inv.total, inv.currency)
+      );
+      items.push({
+        id: `inv-paid-${inv.id}`,
+        type: "invoice_paid",
+        ...msg,
+        timestamp: inv.paidAt,
+        href: `/dashboard/invoices/${inv.id}`
+      });
+    } else if (isSent) {
+      const msg = copy.invoiceSent(
+        customerName,
+        inv.invoiceNumber,
+        formatCurrency(inv.total, inv.currency)
+      );
+      items.push({
+        id: `inv-sent-${inv.id}`,
+        type: "invoice_sent",
+        ...msg,
+        timestamp: inv.sentAt,
+        href: `/dashboard/invoices/${inv.id}`
+      });
+    }
+  }
+  items.sort(
+    (a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime()
+  );
+  return items;
+}
+export {
+  buildActivityItems
+};
+//# sourceMappingURL=activity-feed.js.map

package/dist/dashboard/activity-feed.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/dashboard/activity-feed.tsx"],"sourcesContent":["import type {\n  Order,\n  Package as PackageType,\n  ContentItem,\n  Member,\n  CustomerSubscription,\n  InventoryProduct,\n  Invoice,\n} from '@withpotter/lib/api/types';\nimport { isOrderPaid } from './activity-paid';\nimport * as copy from '@withpotter/lib/timeline-copy';\n\n// ─── Types ──────────────────────────────────────────────────────────\n\n/**\n * A single thing that happened to the business. Built here, rendered by\n * `home/home-timeline.tsx`.\n *\n * The React component that used to live in this file is gone: the home merged\n * its feed with \"Next up\" and \"Needs you\" into one timeline, so the events and\n * the open work read as a single list with now as the pivot. What survives is\n * the builder, which is the part several surfaces actually share.\n */\nexport interface ActivityItem {\n  id: string;\n  type:\n    | 'product_added'\n    | 'product_updated'\n    | 'order_placed'\n    | 'order_completed'\n    | 'member_signup'\n    | 'member_converted'\n    | 'subscription_created'\n    | 'invoice_paid'\n    | 'invoice_sent';\n  title: string;\n  description: string;\n  timestamp: string;\n  /** Retained for the mobile feed; the desktop timeline renders an icon. */\n  emoji: string;\n  href?: string;\n  /** A placed order whose payment has not arrived; the Home card quiets it. */\n  unpaid?: boolean;\n}\n\n// ─── Helpers ────────────────────────────────────────────────────────\n\nfunction formatRelativeTime(dateStr: string): string {\n  const now = Date.now();\n  const date = new Date(dateStr).getTime();\n  const diffMs = now - date;\n  const diffSec = Math.floor(diffMs / 1000);\n  const diffMin = Math.floor(diffSec / 60);\n  const diffHr = Math.floor(diffMin / 60);\n  const diffDay = Math.floor(diffHr / 24);\n\n  if (diffSec < 60) return 'Just now';\n  if (diffMin < 60) return `${diffMin}m ago`;\n  if (diffHr < 24) return `${diffHr}h ago`;\n  if (diffDay < 7) return `${diffDay}d ago`;\n  return new Date(dateStr).toLocaleDateString('en-US', {\n    month: 'short',\n    day: 'numeric',\n  });\n}\n\nexport function buildActivityItems(\n  recentContent: ContentItem[],\n  recentOrders: Order[],\n  packages: PackageType[],\n  contentTypeSingular: string,\n  primaryContentKey: string,\n  recentMembers: Member[],\n  recentSubscriptions: CustomerSubscription[] = [],\n  inventoryProducts: InventoryProduct[] = [],\n  recentInvoices: Invoice[] = [],\n  formatCurrency: (amount: number, currencyOverride?: string) => string,\n  industryKey?: string | null,\n): ActivityItem[] {\n  const items: ActivityItem[] = [];\n\n  // Product / content activity\n  for (const item of recentContent) {\n    const isUpdate = item.updatedAt !== item.createdAt;\n    const msg = isUpdate\n      ? copy.productUpdated(item.title, contentTypeSingular)\n      : copy.productAdded(item.title, contentTypeSingular);\n    items.push({\n      id: `content-${item.id}`,\n      type: isUpdate ? 'product_updated' : 'product_added',\n      ...msg,\n      timestamp: item.updatedAt || item.createdAt,\n      href: `/dashboard/content/${primaryContentKey}/${item.id}/edit`,\n    });\n  }\n\n  // Inventory product activity (deduplicate against content items by title)\n  const contentTitles = new Set(recentContent.map((c) => c.title));\n  for (const prod of inventoryProducts) {\n    if (contentTitles.has(prod.title)) continue;\n    const created = prod.createdAt ? String(prod.createdAt) : '';\n    const updated = prod.updatedAt ? String(prod.updatedAt) : created;\n    const isUpdate = updated !== created;\n    const msg = isUpdate\n      ? copy.productUpdated(prod.title, contentTypeSingular)\n      : copy.productAdded(prod.title, contentTypeSingular);\n    items.push({\n      id: `inv-${prod.id}`,\n      type: isUpdate ? 'product_updated' : 'product_added',\n      ...msg,\n      timestamp: updated || created,\n      href: `/dashboard/catalog/${prod.id}`,\n    });\n  }\n\n  // Package activity (only if no content items — avoids duplicates)\n  if (recentContent.length === 0 && inventoryProducts.length === 0) {\n    for (const pkg of packages) {\n      const isUpdate = pkg.updatedAt !== pkg.createdAt;\n      const msg = isUpdate\n        ? copy.productUpdated(pkg.title, contentTypeSingular)\n        : copy.productAdded(pkg.title, contentTypeSingular);\n      items.push({\n        id: `pkg-${pkg.id}`,\n        type: isUpdate ? 'product_updated' : 'product_added',\n        ...msg,\n        timestamp: pkg.updatedAt || pkg.createdAt,\n        href: `/dashboard/content/${primaryContentKey}/${pkg.documentId}/edit`,\n      });\n    }\n  }\n\n  // Order activity\n  for (const order of recentOrders) {\n    const isCompleted = order.status === 'completed';\n    const customerName =\n      order.customerName || order.customerEmail?.split('@')[0] || 'Someone';\n    const msg = isCompleted\n      ? copy.orderCompleted(customerName, order.orderNumber)\n      : copy.orderPlaced(\n          customerName,\n          order.orderNumber,\n          formatCurrency(order.total),\n          industryKey,\n          isOrderPaid(order.paymentStatus),\n        );\n    items.push({\n      id: `order-${order.id}`,\n      type: isCompleted ? 'order_completed' : 'order_placed',\n      ...(!isCompleted && !isOrderPaid(order.paymentStatus)\n        ? { unpaid: true }\n        : {}),\n      ...msg,\n      timestamp: isCompleted\n        ? order.completedAt || order.updatedAt\n        : order.createdAt,\n      href: `/dashboard/orders/${order.id}`,\n    });\n  }\n\n  // Member signup / conversion activity\n  for (const member of recentMembers) {\n    const isConverted = !!member.convertedAt;\n    const name = member.name || member.email?.split('@')[0] || 'A visitor';\n    const msg = isConverted\n      ? copy.memberConverted(name, member.email)\n      : copy.memberSignup(name, member.email, industryKey);\n    items.push({\n      id: `member-${member.id}`,\n      type: isConverted ? 'member_converted' : 'member_signup',\n      ...msg,\n      timestamp: isConverted ? member.convertedAt! : member.createdAt,\n      href: `/dashboard/customers/${member.id}`,\n    });\n  }\n\n  // Subscription activity\n  for (const sub of recentSubscriptions) {\n    const name = sub.customerEmail?.split('@')[0] || 'Someone';\n    const msg = copy.subscriptionCreated(\n      name,\n      sub.plan?.name || 'a plan',\n      formatCurrency(sub.amount / 100),\n    );\n    items.push({\n      id: `sub-${sub.id}`,\n      type: 'subscription_created',\n      ...msg,\n      timestamp: sub.createdAt,\n      href: '/dashboard/subscriptions',\n    });\n  }\n\n  // Invoice activity\n  for (const inv of recentInvoices) {\n    const customerName =\n      inv.customerName || inv.customerEmail?.split('@')[0] || 'Someone';\n    const isPaid = inv.status === 'paid' && !!inv.paidAt;\n    const isSent = inv.status === 'sent' && !!inv.sentAt;\n    if (isPaid) {\n      const msg = copy.invoicePaid(\n        customerName,\n        inv.invoiceNumber,\n        formatCurrency(inv.amountPaid || inv.total, inv.currency),\n      );\n      items.push({\n        id: `inv-paid-${inv.id}`,\n        type: 'invoice_paid',\n        ...msg,\n        timestamp: inv.paidAt!,\n        href: `/dashboard/invoices/${inv.id}`,\n      });\n    } else if (isSent) {\n      const msg = copy.invoiceSent(\n        customerName,\n        inv.invoiceNumber,\n        formatCurrency(inv.total, inv.currency),\n      );\n      items.push({\n        id: `inv-sent-${inv.id}`,\n        type: 'invoice_sent',\n        ...msg,\n        timestamp: inv.sentAt!,\n        href: `/dashboard/invoices/${inv.id}`,\n      });\n    }\n  }\n\n  // Sort by timestamp descending\n  items.sort(\n    (a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime(),\n  );\n  return items;\n}\n"],"mappings":"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","names":[]}

package/dist/dashboard/activity-paid.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Whether the money for an order has actually arrived.
+ *
+ * One answer for the activity feed's wording ("started a ticket order" versus
+ * "bought a ticket") and for how quiet its row looks, so the two cannot drift.
+ * The signal is the order's own `paymentStatus`, never the wording of a title.
+ * An order with no payment status is treated as unpaid, which is what the
+ * wording has always done.
+ */
+export declare function isOrderPaid(paymentStatus: string | null | undefined): boolean;

package/dist/dashboard/activity-paid.js

@@ -0,0 +1,7 @@
+function isOrderPaid(paymentStatus) {
+  return paymentStatus === "paid" || paymentStatus === "partially_refunded" || paymentStatus === "refunded";
+}
+export {
+  isOrderPaid
+};
+//# sourceMappingURL=activity-paid.js.map

package/dist/dashboard/activity-paid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/dashboard/activity-paid.ts"],"sourcesContent":["/**\n * Whether the money for an order has actually arrived.\n *\n * One answer for the activity feed's wording (\"started a ticket order\" versus\n * \"bought a ticket\") and for how quiet its row looks, so the two cannot drift.\n * The signal is the order's own `paymentStatus`, never the wording of a title.\n * An order with no payment status is treated as unpaid, which is what the\n * wording has always done.\n */\nexport function isOrderPaid(paymentStatus: string | null | undefined): boolean {\n  return (\n    paymentStatus === 'paid' ||\n    paymentStatus === 'partially_refunded' ||\n    paymentStatus === 'refunded'\n  );\n}\n"],"mappings":"AASO,SAAS,YAAY,eAAmD;AAC7E,SACE,kBAAkB,UAClB,kBAAkB,wBAClB,kBAAkB;AAEtB;","names":[]}

package/dist/dashboard/destination-alias-sync.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Tells the proxy what this tenant calls each screen, so the address bar says
+ * the same word the page title does. Renders nothing.
+ *
+ * The word for a screen is the name its sidebar row shows — the same value the
+ * page heading takes (see `useScreenTitle`), so the address, the row and the
+ * heading cannot disagree: one value, read three times.
+ */
+export declare function DestinationAliasSync(): null;

package/dist/dashboard/destination-alias-sync.js

@@ -0,0 +1,88 @@
+"use client";
+import { useEffect, useMemo } from "react";
+import { useRouter } from "next/navigation";
+import { useNavGroups } from "@withpotter/lib/use-nav-groups";
+import { useIntentConfig } from "@withpotter/lib/intents/use-intent-config";
+import { MODULE_BY_PATH } from "@withpotter/lib/intents/use-entity-label";
+import {
+  DEST_ALIAS_COOKIE,
+  aliasWordFor,
+  parseAliasMap,
+  serializeAliasMap,
+  toAliasPath,
+  withAlias
+} from "@withpotter/lib/destination-alias";
+import { readAliasCookie } from "@withpotter/lib/use-pathname";
+import { usePathname as useNextPathname } from "next/navigation";
+function rootSegment(href) {
+  const match = /^\/dashboard\/([^/?#]+)\/?(?:[?#].*)?$/.exec(href ?? "");
+  return match ? match[1] : null;
+}
+function DestinationAliasSync() {
+  const router = useRouter();
+  const raw = useNextPathname();
+  const groups = useNavGroups();
+  const config = useIntentConfig();
+  const eligible = useMemo(() => {
+    const out = /* @__PURE__ */ new Set();
+    for (const path of Object.keys(MODULE_BY_PATH)) {
+      const segment = rootSegment(path);
+      if (segment) out.add(segment);
+    }
+    for (const c of config.all) {
+      for (const group of c.navigation.groups) {
+        for (const item of group.items) {
+          const segment = rootSegment(item.href);
+          if (segment) out.add(segment);
+        }
+      }
+    }
+    out.delete("settings");
+    return out;
+  }, [config.all]);
+  const words = useMemo(() => {
+    const names = /* @__PURE__ */ new Map();
+    const take = (name, href) => {
+      const segment = rootSegment(href);
+      if (segment && name && eligible.has(segment) && !names.has(segment)) {
+        names.set(segment, name);
+      }
+    };
+    const walk = (items) => items?.forEach((item) => {
+      take(item.name, item.href);
+      walk(item.children);
+    });
+    for (const group of groups) {
+      take(group.label, group.href);
+      for (const section of group.sections ?? []) walk(section.items);
+      walk(group.items);
+    }
+    const taken = new Set(names.keys());
+    return [...names].map(([segment, name]) => {
+      const word = aliasWordFor(name);
+      return [segment, word && !taken.has(word) ? word : null];
+    });
+  }, [groups, eligible]);
+  const key = words.map(([s, w]) => `${s}:${w ?? ""}`).join("|");
+  useEffect(() => {
+    if (!key) return;
+    const before = parseAliasMap(readAliasCookie());
+    let next = before;
+    for (const [segment, word] of words) {
+      next = withAlias(next, segment, word);
+    }
+    if (serializeAliasMap(next) === serializeAliasMap(before)) return;
+    document.cookie = `${DEST_ALIAS_COOKIE}=${encodeURIComponent(
+      serializeAliasMap(next)
+    )}; path=/; max-age=31536000; samesite=lax`;
+    const aliased = raw ? toAliasPath(raw, next) : raw;
+    if (raw && aliased !== raw) {
+      router.replace(`${aliased}${window.location.search}`, { scroll: false });
+    }
+  }, [key]);
+  return null;
+}
+export {
+  DestinationAliasSync
+};
+//# sourceMappingURL=destination-alias-sync.js.map

package/dist/dashboard/destination-alias-sync.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/dashboard/destination-alias-sync.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useMemo } from 'react';\nimport { useRouter } from 'next/navigation';\nimport { useNavGroups } from '@withpotter/lib/use-nav-groups';\nimport { useIntentConfig } from '@withpotter/lib/intents/use-intent-config';\nimport { MODULE_BY_PATH } from '@withpotter/lib/intents/use-entity-label';\nimport type { NavItem } from '@withpotter/components/sidebar/config';\nimport {\n  DEST_ALIAS_COOKIE,\n  aliasWordFor,\n  parseAliasMap,\n  serializeAliasMap,\n  toAliasPath,\n  withAlias,\n  type AliasMap,\n} from '@withpotter/lib/destination-alias';\nimport { readAliasCookie } from '@withpotter/lib/use-pathname';\nimport { usePathname as useNextPathname } from 'next/navigation';\n\n/** `/dashboard/orders` or `/dashboard/orders?x` → `orders`; deeper → null. */\nfunction rootSegment(href: string | undefined): string | null {\n  const match = /^\\/dashboard\\/([^/?#]+)\\/?(?:[?#].*)?$/.exec(href ?? '');\n  return match ? match[1] : null;\n}\n\n/**\n * Tells the proxy what this tenant calls each screen, so the address bar says\n * the same word the page title does. Renders nothing.\n *\n * The word for a screen is the name its sidebar row shows — the same value the\n * page heading takes (see `useScreenTitle`), so the address, the row and the\n * heading cannot disagree: one value, read three times.\n */\nexport function DestinationAliasSync() {\n  const router = useRouter();\n  const raw = useNextPathname();\n  const groups = useNavGroups();\n  const config = useIntentConfig();\n\n  // Only the screens whose name belongs to the business: the ones an archetype's\n  // nav opens, and the modules a merchant can rename. The platform's own\n  // screens (Settings, Payments, Analytics, ...) keep their fixed addresses —\n  // the settings window and several guards key on them.\n  const eligible = useMemo(() => {\n    const out = new Set<string>();\n    for (const path of Object.keys(MODULE_BY_PATH)) {\n      const segment = rootSegment(path);\n      if (segment) out.add(segment);\n    }\n    for (const c of config.all) {\n      for (const group of c.navigation.groups) {\n        for (const item of group.items) {\n          const segment = rootSegment(item.href);\n          if (segment) out.add(segment);\n        }\n      }\n    }\n    // Never the settings tree, whatever an archetype's nav says.\n    out.delete('settings');\n    return out;\n  }, [config.all]);\n\n  // Every top-level screen the nav opens, with the name its row carries. A hub\n  // is named by its group; a flat row by itself. The first name for a screen\n  // wins.\n  const words = useMemo(() => {\n    const names = new Map<string, string>();\n    const take = (name: string | undefined, href: string | undefined) => {\n      const segment = rootSegment(href);\n      if (segment && name && eligible.has(segment) && !names.has(segment)) {\n        names.set(segment, name);\n      }\n    };\n    const walk = (items: NavItem[] | undefined) =>\n      items?.forEach((item) => {\n        take(item.name, item.href);\n        walk(item.children);\n      });\n    for (const group of groups) {\n      take(group.label, group.href);\n      for (const section of group.sections ?? []) walk(section.items);\n      walk(group.items);\n    }\n    // A word may not be the address of another screen this nav opens, even one\n    // with no folder of its own (the catch-all serves those).\n    const taken = new Set(names.keys());\n    return [...names].map(([segment, name]) => {\n      const word = aliasWordFor(name);\n      return [segment, word && !taken.has(word) ? word : null] as const;\n    });\n  }, [groups, eligible]);\n\n  const key = words.map(([s, w]) => `${s}:${w ?? ''}`).join('|');\n\n  useEffect(() => {\n    if (!key) return;\n    const before = parseAliasMap(readAliasCookie());\n    let next: AliasMap = before;\n    for (const [segment, word] of words) {\n      next = withAlias(next, segment, word);\n    }\n    if (serializeAliasMap(next) === serializeAliasMap(before)) return;\n\n    document.cookie = `${DEST_ALIAS_COOKIE}=${encodeURIComponent(\n      serializeAliasMap(next),\n    )}; path=/; max-age=31536000; samesite=lax`;\n\n    // The cookie arrives after the page did, so a first visit is showing the\n    // real route. Move the address bar to the word now, not on the next click.\n    const aliased = raw ? toAliasPath(raw, next) : raw;\n    if (raw && aliased !== raw) {\n      router.replace(`${aliased}${window.location.search}`, { scroll: false });\n    }\n    // `raw` is read once, at the moment the cookie changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [key]);\n\n  return null;\n}\n"],"mappings":"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","names":[]}

package/dist/dashboard/first-run-welcome.d.ts

@@ -0,0 +1,6 @@
+/**
+ * The one-time arrival moment: what the app can do for this business, with a
+ * single way in. It lists capabilities, not tasks — the setup checklist stays
+ * on the dashboard home, where it can be picked up and finished at any time.
+ */
+export declare function FirstRunWelcome(): import("react").JSX.Element;