@withpotter/components 0.13.0-next.101

package/dist/business-setup/archetype-art.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Archetype → photograph, in one place.
+ *
+ * There are two shells around one flow: full-screen `/onboarding` for first run,
+ * and the modal for every business after it. The art answering the merchant is
+ * the whole point of it — say "take bookings" and the picture becomes the
+ * counter trading — so a copy of this map in each shell is a promise that only
+ * half the product keeps. It already happened once with the intent→template map,
+ * which drifted onto five template ids that no longer existed and made every
+ * business created from the switcher fail to provision.
+ *
+ * The honest limit this file used to carry is gone. It read: "this is a Cash App
+ * lifestyle set, not a commissioned one. There is no salon in it and no let
+ * property, so several archetypes are matched by register — money, counter,
+ * street trade — rather than by subject." That was true, and worse than it
+ * sounded: the set WAS Cash App's and Square's own marketing photography, so a
+ * Square Terminal illustrated "take bookings" and a Cash App Visa card
+ * illustrated "send invoices". Nine Nigerian frames replace it and most
+ * archetypes are now matched by subject. Provenance and licence:
+ * `public/commerce/CREDITS.md`.
+ *
+ * The set is deliberately split between registers — a provisions kiosk and a
+ * padel club, a market stall and a dining room. Potter runs both on one schema,
+ * so a merchant must not be able to read the art as "this is for street trade"
+ * or as "this is for restaurants". Where an archetype could plausibly take
+ * either, it takes whichever the sign-in rotation is not already carrying.
+ *
+ * This map is also where the EMPTY rooms live, and that is the split with the
+ * sign-in rotation rather than an accident. The rotation is people at work
+ * only (see the note in `signin-canvas.tsx`), because a room with nobody in it
+ * says the product is about premises. Here it can be the right answer: a
+ * merchant who has just picked "dine-in" or "rent-property" is being shown the
+ * thing they are about to put into Potter, and for those two the room IS the
+ * thing. Every archetype whose subject is a person still gets one.
+ */
+/** The default before anything is known, and the fallback for anything unmapped. */
+export declare const DEFAULT_ART = "/commerce/lagos-tower.jpg";
+export declare const ART_BY_INTENT: Record<string, string>;
+/** Index 0 is the primary archetype, so it is the one the field answers. */
+export declare function artForIntents(intents?: string[]): string;

package/dist/business-setup/archetype-art.js

@@ -0,0 +1,45 @@
+const DEFAULT_ART = "/commerce/lagos-tower.jpg";
+const ART_BY_INTENT = {
+  // A boutique in Abuja, at the rail.
+  "sell-products": "/commerce/boutique-abuja.jpg",
+  // A commercial kitchen mid-prep — the quantity a business cooks in, and the
+  // line it cooks on.
+  "food-orders": "/commerce/kitchen-prep.jpg",
+  // A dining room with the tables laid and nobody in it yet — service about
+  // to start, which is what this archetype actually manages.
+  "dine-in": "/commerce/restaurant-room.jpg",
+  // A treatment underway. Bookings is the appointment archetype, so the art is
+  // the appointment being kept, not the premises it is kept in.
+  "take-bookings": "/commerce/spa-facial.jpg",
+  // A dressed room in a Lekki let, which is what a shortlet host is listing.
+  "rent-property": "/commerce/lekki-room.jpg",
+  // A stage, a crowd, and phones up — what a ticket buys.
+  "event-tickets": "/commerce/live-event.jpg",
+  // The commission being made, for the archetype that is about being paid for
+  // work rather than for stock.
+  "send-invoices": "/commerce/atelier.jpg",
+  // A gym floor in Lagos. Subscriptions is the membership archetype before it
+  // is anything else, and a gym reads as one instantly.
+  //
+  // This is the one frame in the map that is posed rather than mid-work, and it
+  // is a deliberate trade: the alternative was a trainer-and-client shot whose
+  // coach was light-skinned in every frame of the only series that exists for
+  // it — including the ones Pexels itself captions "black instructor", which is
+  // why the caption is not evidence. Right subject, wrong verb beats the
+  // reverse.
+  subscriptions: "/commerce/gym-floor.jpg",
+  // An office and a laptop: the archetype delivered from a desk rather than a
+  // counter.
+  "digital-products": "/commerce/office-laptop.jpg",
+  // A room someone walks into to ask about something.
+  "capture-leads": "/commerce/cafe-room.jpg"
+};
+function artForIntents(intents = []) {
+  return ART_BY_INTENT[intents[0] ?? ""] ?? DEFAULT_ART;
+}
+export {
+  ART_BY_INTENT,
+  DEFAULT_ART,
+  artForIntents
+};
+//# sourceMappingURL=archetype-art.js.map

package/dist/business-setup/archetype-art.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/business-setup/archetype-art.ts"],"sourcesContent":["/**\n * Archetype → photograph, in one place.\n *\n * There are two shells around one flow: full-screen `/onboarding` for first run,\n * and the modal for every business after it. The art answering the merchant is\n * the whole point of it — say \"take bookings\" and the picture becomes the\n * counter trading — so a copy of this map in each shell is a promise that only\n * half the product keeps. It already happened once with the intent→template map,\n * which drifted onto five template ids that no longer existed and made every\n * business created from the switcher fail to provision.\n *\n * The honest limit this file used to carry is gone. It read: \"this is a Cash App\n * lifestyle set, not a commissioned one. There is no salon in it and no let\n * property, so several archetypes are matched by register — money, counter,\n * street trade — rather than by subject.\" That was true, and worse than it\n * sounded: the set WAS Cash App's and Square's own marketing photography, so a\n * Square Terminal illustrated \"take bookings\" and a Cash App Visa card\n * illustrated \"send invoices\". Nine Nigerian frames replace it and most\n * archetypes are now matched by subject. Provenance and licence:\n * `public/commerce/CREDITS.md`.\n *\n * The set is deliberately split between registers — a provisions kiosk and a\n * padel club, a market stall and a dining room. Potter runs both on one schema,\n * so a merchant must not be able to read the art as \"this is for street trade\"\n * or as \"this is for restaurants\". Where an archetype could plausibly take\n * either, it takes whichever the sign-in rotation is not already carrying.\n *\n * This map is also where the EMPTY rooms live, and that is the split with the\n * sign-in rotation rather than an accident. The rotation is people at work\n * only (see the note in `signin-canvas.tsx`), because a room with nobody in it\n * says the product is about premises. Here it can be the right answer: a\n * merchant who has just picked \"dine-in\" or \"rent-property\" is being shown the\n * thing they are about to put into Potter, and for those two the room IS the\n * thing. Every archetype whose subject is a person still gets one.\n */\n\n/** The default before anything is known, and the fallback for anything unmapped. */\nexport const DEFAULT_ART = '/commerce/lagos-tower.jpg';\n\nexport const ART_BY_INTENT: Record<string, string> = {\n  // A boutique in Abuja, at the rail.\n  'sell-products': '/commerce/boutique-abuja.jpg',\n  // A commercial kitchen mid-prep — the quantity a business cooks in, and the\n  // line it cooks on.\n  'food-orders': '/commerce/kitchen-prep.jpg',\n  // A dining room with the tables laid and nobody in it yet — service about\n  // to start, which is what this archetype actually manages.\n  'dine-in': '/commerce/restaurant-room.jpg',\n  // A treatment underway. Bookings is the appointment archetype, so the art is\n  // the appointment being kept, not the premises it is kept in.\n  'take-bookings': '/commerce/spa-facial.jpg',\n  // A dressed room in a Lekki let, which is what a shortlet host is listing.\n  'rent-property': '/commerce/lekki-room.jpg',\n  // A stage, a crowd, and phones up — what a ticket buys.\n  'event-tickets': '/commerce/live-event.jpg',\n  // The commission being made, for the archetype that is about being paid for\n  // work rather than for stock.\n  'send-invoices': '/commerce/atelier.jpg',\n  // A gym floor in Lagos. Subscriptions is the membership archetype before it\n  // is anything else, and a gym reads as one instantly.\n  //\n  // This is the one frame in the map that is posed rather than mid-work, and it\n  // is a deliberate trade: the alternative was a trainer-and-client shot whose\n  // coach was light-skinned in every frame of the only series that exists for\n  // it — including the ones Pexels itself captions \"black instructor\", which is\n  // why the caption is not evidence. Right subject, wrong verb beats the\n  // reverse.\n  subscriptions: '/commerce/gym-floor.jpg',\n  // An office and a laptop: the archetype delivered from a desk rather than a\n  // counter.\n  'digital-products': '/commerce/office-laptop.jpg',\n  // A room someone walks into to ask about something.\n  'capture-leads': '/commerce/cafe-room.jpg',\n};\n\n/** Index 0 is the primary archetype, so it is the one the field answers. */\nexport function artForIntents(intents: string[] = []): string {\n  return ART_BY_INTENT[intents[0] ?? ''] ?? DEFAULT_ART;\n}\n"],"mappings":"AAqCO,MAAM,cAAc;AAEpB,MAAM,gBAAwC;AAAA;AAAA,EAEnD,iBAAiB;AAAA;AAAA;AAAA,EAGjB,eAAe;AAAA;AAAA;AAAA,EAGf,WAAW;AAAA;AAAA;AAAA,EAGX,iBAAiB;AAAA;AAAA,EAEjB,iBAAiB;AAAA;AAAA,EAEjB,iBAAiB;AAAA;AAAA;AAAA,EAGjB,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUjB,eAAe;AAAA;AAAA;AAAA,EAGf,oBAAoB;AAAA;AAAA,EAEpB,iBAAiB;AACnB;AAGO,SAAS,cAAc,UAAoB,CAAC,GAAW;AAC5D,SAAO,cAAc,QAAQ,CAAC,KAAK,EAAE,KAAK;AAC5C;","names":[]}

package/dist/business-setup/business-mark-field.d.ts

@@ -0,0 +1,30 @@
+/**
+ * The business's mark, from the first keystroke, and pressable to replace.
+ *
+ * ── WHY IT IS NOT A FIELD ──
+ *
+ * `logoFile` has been in the provisioning contract the whole time and nothing
+ * has ever sent one — `createWorkspace` already uploads it post-provision and
+ * writes `settings.logo.url`. The only thing missing was collecting it, and the
+ * obvious way to collect it is a labelled "Logo (optional)" row, which is the
+ * one thing this flow keeps deleting: an optional field on the first screen is
+ * a question asked at the worst moment.
+ *
+ * So it is not a field. It is the MARK, shown beside the name as soon as there
+ * is a name, and pressing it replaces it. A merchant with no logo sees their
+ * initials in their own colour and reads it as done; a merchant with one sees
+ * something obviously theirs to change and changes it. Nobody is asked
+ * anything.
+ *
+ * ── IT IS ALSO THE PROOF THE FLOW WAS MISSING ──
+ *
+ * Nothing else in setup shows an answer doing work: you type, you press
+ * Continue, the screen advances. Here the first letters of what you typed
+ * become an object with a colour, immediately. That is a small thing that says
+ * the product is listening, and it costs no extra question to say it.
+ */
+export declare function BusinessMarkField({ name, file, onFile, }: {
+    name: string;
+    file: File | null;
+    onFile: (f: File | null) => void;
+}): import("react").JSX.Element;

package/dist/business-setup/business-mark-field.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef } from "react";
+import { motion, useReducedMotion } from "motion/react";
+import { BusinessMark } from "@withpotter/ui-kit/business-mark";
+import { FileInput } from "@withpotter/ui-kit/file-input";
+import { PRESS_SCALE, springs } from "@withpotter/lib/motion";
+function BusinessMarkField({
+  name,
+  file,
+  onFile
+}) {
+  const reduce = useReducedMotion();
+  const input = useRef(null);
+  const preview = useMemo(
+    () => file ? URL.createObjectURL(file) : null,
+    [file]
+  );
+  useEffect(() => {
+    if (!preview) return;
+    return () => URL.revokeObjectURL(preview);
+  }, [preview]);
+  const has = !!preview;
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ jsxs(
+      motion.button,
+      {
+        type: "button",
+        onClick: () => input.current?.click(),
+        whileTap: reduce ? void 0 : { scale: PRESS_SCALE },
+        transition: springs.snappy,
+        className: "group relative rounded-[10px] outline-none ring-offset-2 ring-offset-[var(--bg-base)] focus-visible:ring-2 focus-visible:ring-[var(--focus-ring)]",
+        "aria-label": has ? "Replace your logo" : "Add your logo",
+        children: [
+          /* @__PURE__ */ jsx(BusinessMark, { name: name || "?", src: preview, size: 44 }),
+          /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute inset-0 grid place-items-center rounded-[10px] bg-black/55 text-2xs font-medium text-white opacity-0 transition-opacity group-hover:opacity-100", children: has ? "Change" : "Add" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--text-secondary)]", children: has ? "Your logo" : "Your mark" }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--text-tertiary)]", children: has ? "Used across your site and this dashboard." : "We made one from your name. Tap it to use your own." })
+    ] }),
+    /* @__PURE__ */ jsx(
+      FileInput,
+      {
+        ref: input,
+        onFiles: (files) => onFile(files[0] ?? null),
+        accept: "image/png,image/jpeg,image/webp,image/svg+xml",
+        "aria-label": "Logo file"
+      }
+    )
+  ] });
+}
+export {
+  BusinessMarkField
+};
+//# sourceMappingURL=business-mark-field.js.map

package/dist/business-setup/business-mark-field.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/business-setup/business-mark-field.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useMemo, useRef } from 'react';\nimport { motion, useReducedMotion } from 'motion/react';\nimport { BusinessMark } from '@withpotter/ui-kit/business-mark';\nimport { FileInput } from '@withpotter/ui-kit/file-input';\nimport { PRESS_SCALE, springs } from '@withpotter/lib/motion';\n\n/**\n * The business's mark, from the first keystroke, and pressable to replace.\n *\n * ── WHY IT IS NOT A FIELD ──\n *\n * `logoFile` has been in the provisioning contract the whole time and nothing\n * has ever sent one — `createWorkspace` already uploads it post-provision and\n * writes `settings.logo.url`. The only thing missing was collecting it, and the\n * obvious way to collect it is a labelled \"Logo (optional)\" row, which is the\n * one thing this flow keeps deleting: an optional field on the first screen is\n * a question asked at the worst moment.\n *\n * So it is not a field. It is the MARK, shown beside the name as soon as there\n * is a name, and pressing it replaces it. A merchant with no logo sees their\n * initials in their own colour and reads it as done; a merchant with one sees\n * something obviously theirs to change and changes it. Nobody is asked\n * anything.\n *\n * ── IT IS ALSO THE PROOF THE FLOW WAS MISSING ──\n *\n * Nothing else in setup shows an answer doing work: you type, you press\n * Continue, the screen advances. Here the first letters of what you typed\n * become an object with a colour, immediately. That is a small thing that says\n * the product is listening, and it costs no extra question to say it.\n */\nexport function BusinessMarkField({\n  name,\n  file,\n  onFile,\n}: {\n  name: string;\n  file: File | null;\n  onFile: (f: File | null) => void;\n}) {\n  const reduce = useReducedMotion();\n  const input = useRef<HTMLInputElement>(null);\n\n  /**\n   * Derived from the file, not mirrored into state by an effect.\n   *\n   * `useMemo` gives the URL during the render that first sees the file, so the\n   * mark never paints a frame without it; the effect below exists only to\n   * REVOKE it, which is the part that genuinely belongs in one. Object URLs\n   * leak otherwise, and a merchant can pick several files before continuing.\n   */\n  const preview = useMemo(\n    () => (file ? URL.createObjectURL(file) : null),\n    [file],\n  );\n  useEffect(() => {\n    if (!preview) return;\n    return () => URL.revokeObjectURL(preview);\n  }, [preview]);\n\n  const has = !!preview;\n\n  return (\n    <div className=\"flex items-center gap-3\">\n      <motion.button\n        type=\"button\"\n        onClick={() => input.current?.click()}\n        whileTap={reduce ? undefined : { scale: PRESS_SCALE }}\n        transition={springs.snappy}\n        className=\"group relative rounded-[10px] outline-none ring-offset-2 ring-offset-[var(--bg-base)] focus-visible:ring-2 focus-visible:ring-[var(--focus-ring)]\"\n        aria-label={has ? 'Replace your logo' : 'Add your logo'}\n      >\n        <BusinessMark name={name || '?'} src={preview} size={44} />\n        {/* The affordance appears on hover rather than sitting there: a\n            permanent camera badge on a mark makes the mark look like a form\n            control. */}\n        <span className=\"pointer-events-none absolute inset-0 grid place-items-center rounded-[10px] bg-black/55 text-2xs font-medium text-white opacity-0 transition-opacity group-hover:opacity-100\">\n          {has ? 'Change' : 'Add'}\n        </span>\n      </motion.button>\n\n      <div className=\"min-w-0\">\n        <p className=\"text-sm text-[var(--text-secondary)]\">\n          {has ? 'Your logo' : 'Your mark'}\n        </p>\n        <p className=\"text-xs text-[var(--text-tertiary)]\">\n          {has\n            ? 'Used across your site and this dashboard.'\n            : 'We made one from your name. Tap it to use your own.'}\n        </p>\n      </div>\n\n      <FileInput\n        ref={input}\n        onFiles={(files) => onFile(files[0] ?? null)}\n        accept=\"image/png,image/jpeg,image/webp,image/svg+xml\"\n        aria-label=\"Logo file\"\n      />\n    </div>\n  );\n}\n"],"mappings":";AAkEM,SAQE,KARF;AAhEN,SAAS,WAAW,SAAS,cAAc;AAC3C,SAAS,QAAQ,wBAAwB;AACzC,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAC1B,SAAS,aAAa,eAAe;AA2B9B,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,SAAS,iBAAiB;AAChC,QAAM,QAAQ,OAAyB,IAAI;AAU3C,QAAM,UAAU;AAAA,IACd,MAAO,OAAO,IAAI,gBAAgB,IAAI,IAAI;AAAA,IAC1C,CAAC,IAAI;AAAA,EACP;AACA,YAAU,MAAM;AACd,QAAI,CAAC,QAAS;AACd,WAAO,MAAM,IAAI,gBAAgB,OAAO;AAAA,EAC1C,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,MAAM,CAAC,CAAC;AAEd,SACE,qBAAC,SAAI,WAAU,2BACb;AAAA;AAAA,MAAC,OAAO;AAAA,MAAP;AAAA,QACC,MAAK;AAAA,QACL,SAAS,MAAM,MAAM,SAAS,MAAM;AAAA,QACpC,UAAU,SAAS,SAAY,EAAE,OAAO,YAAY;AAAA,QACpD,YAAY,QAAQ;AAAA,QACpB,WAAU;AAAA,QACV,cAAY,MAAM,sBAAsB;AAAA,QAExC;AAAA,8BAAC,gBAAa,MAAM,QAAQ,KAAK,KAAK,SAAS,MAAM,IAAI;AAAA,UAIzD,oBAAC,UAAK,WAAU,gLACb,gBAAM,WAAW,OACpB;AAAA;AAAA;AAAA,IACF;AAAA,IAEA,qBAAC,SAAI,WAAU,WACb;AAAA,0BAAC,OAAE,WAAU,wCACV,gBAAM,cAAc,aACvB;AAAA,MACA,oBAAC,OAAE,WAAU,uCACV,gBACG,8CACA,uDACN;AAAA,OACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,SAAS,CAAC,UAAU,OAAO,MAAM,CAAC,KAAK,IAAI;AAAA,QAC3C,QAAO;AAAA,QACP,cAAW;AAAA;AAAA,IACb;AAAA,KACF;AAEJ;","names":[]}

package/dist/business-setup/index.d.ts

@@ -0,0 +1,7 @@
+export { StepTemplate } from './step-template';
+export { StepName, type SlugStatus } from './step-name';
+export { StepShape } from './step-shape';
+export { StepPlan } from './step-plan';
+export { STEP_COPY } from './step-copy';
+export { useBusinessSetup, type SetupStep } from './use-business-setup';
+export { EMPTY_DRAFT, type BusinessDraft } from './types';

package/dist/business-setup/index.js

@@ -0,0 +1,17 @@
+import { StepTemplate } from "./step-template";
+import { StepName } from "./step-name";
+import { StepShape } from "./step-shape";
+import { StepPlan } from "./step-plan";
+import { STEP_COPY } from "./step-copy";
+import { useBusinessSetup } from "./use-business-setup";
+import { EMPTY_DRAFT } from "./types";
+export {
+  EMPTY_DRAFT,
+  STEP_COPY,
+  StepName,
+  StepPlan,
+  StepShape,
+  StepTemplate,
+  useBusinessSetup
+};
+//# sourceMappingURL=index.js.map

package/dist/business-setup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/business-setup/index.ts"],"sourcesContent":["export { StepTemplate } from './step-template';\nexport { StepName, type SlugStatus } from './step-name';\nexport { StepShape } from './step-shape';\nexport { StepPlan } from './step-plan';\nexport { STEP_COPY } from './step-copy';\nexport { useBusinessSetup, type SetupStep } from './use-business-setup';\nexport { EMPTY_DRAFT, type BusinessDraft } from './types';\n"],"mappings":"AAAA,SAAS,oBAAoB;AAC7B,SAAS,gBAAiC;AAC1C,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAC1B,SAAS,wBAAwC;AACjD,SAAS,mBAAuC;","names":[]}

package/dist/business-setup/provisionable-template.d.ts

@@ -0,0 +1,21 @@
+import type { BusinessDraft } from './types';
+/**
+ * What to provision with, when the merchant did not say.
+ *
+ * AN EXPLICIT PICK IS NEVER SECOND-GUESSED. This used to check every id against
+ * the API's templates table and quietly substitute "the first id the API does
+ * vouch for" when it missed. That was survivable while the shelf was filtered
+ * to the same table — nothing pickable could miss. Now the shelf shows the
+ * whole registry, so the same line would take a merchant who chose
+ * `lekki-padel-01` and hand them `bella-cucina-01` instead: a different
+ * business, silently, on the last press. Provisioning re-syncs on a miss now,
+ * so there is nothing left to protect against and no reason to overrule anyone.
+ *
+ * `templateForIntents` is a PREFERENCE and its own comment says so — the map
+ * names `services-pro`, `creator-digital`, `stay-and-events` and `food-classic`,
+ * none of which any catalogue serves. So the preference is still checked, and
+ * falls to a real template when the map names something that does not exist.
+ * Against the API's table, not the renderer's registry: there is no shelf in
+ * onboarding any more, and the table is what creation validates.
+ */
+export declare function resolveProvisionableTemplate(d: BusinessDraft): Promise<string>;

package/dist/business-setup/provisionable-template.js

@@ -0,0 +1,13 @@
+import { fetchProvisionableTemplateIds } from "@withpotter/lib/template-context";
+import { templateForIntents } from "@withpotter/lib/intents/archetype-flow";
+async function resolveProvisionableTemplate(d) {
+  if (d.templateId) return d.templateId;
+  const preferred = templateForIntents(d.intents);
+  const ids = await fetchProvisionableTemplateIds();
+  if (!ids || ids.has(preferred)) return preferred;
+  return [...ids][0];
+}
+export {
+  resolveProvisionableTemplate
+};
+//# sourceMappingURL=provisionable-template.js.map

package/dist/business-setup/provisionable-template.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/business-setup/provisionable-template.ts"],"sourcesContent":["import { fetchProvisionableTemplateIds } from '@withpotter/lib/template-context';\nimport { templateForIntents } from '@withpotter/lib/intents/archetype-flow';\nimport type { BusinessDraft } from './types';\n\n/**\n * What to provision with, when the merchant did not say.\n *\n * AN EXPLICIT PICK IS NEVER SECOND-GUESSED. This used to check every id against\n * the API's templates table and quietly substitute \"the first id the API does\n * vouch for\" when it missed. That was survivable while the shelf was filtered\n * to the same table — nothing pickable could miss. Now the shelf shows the\n * whole registry, so the same line would take a merchant who chose\n * `lekki-padel-01` and hand them `bella-cucina-01` instead: a different\n * business, silently, on the last press. Provisioning re-syncs on a miss now,\n * so there is nothing left to protect against and no reason to overrule anyone.\n *\n * `templateForIntents` is a PREFERENCE and its own comment says so — the map\n * names `services-pro`, `creator-digital`, `stay-and-events` and `food-classic`,\n * none of which any catalogue serves. So the preference is still checked, and\n * falls to a real template when the map names something that does not exist.\n * Against the API's table, not the renderer's registry: there is no shelf in\n * onboarding any more, and the table is what creation validates.\n */\nexport async function resolveProvisionableTemplate(\n  d: BusinessDraft,\n): Promise<string> {\n  if (d.templateId) return d.templateId;\n\n  // Onboarding no longer asks for a template, so one is chosen for them from\n  // what they do — and changed later on the Website screen. It is checked\n  // against the API's own table (one fast request to the server about to be\n  // called, and the only thing creation validates). The template renderer is\n  // not asked: when it was slow or down, Get started waited ~2s on retries for\n  // a list this does not need.\n  const preferred = templateForIntents(d.intents);\n  const ids = await fetchProvisionableTemplateIds();\n  if (!ids || ids.has(preferred)) return preferred;\n  // Not creatable here: take one that is, so creating never fails on this.\n  return [...ids][0];\n}\n"],"mappings":"AAAA,SAAS,qCAAqC;AAC9C,SAAS,0BAA0B;AAsBnC,eAAsB,6BACpB,GACiB;AACjB,MAAI,EAAE,WAAY,QAAO,EAAE;AAQ3B,QAAM,YAAY,mBAAmB,EAAE,OAAO;AAC9C,QAAM,MAAM,MAAM,8BAA8B;AAChD,MAAI,CAAC,OAAO,IAAI,IAAI,SAAS,EAAG,QAAO;AAEvC,SAAO,CAAC,GAAG,GAAG,EAAE,CAAC;AACnB;","names":[]}

package/dist/business-setup/setup-panel-art.d.ts

@@ -0,0 +1,20 @@
+/**
+ * The photograph beside the form, for the modal shell.
+ *
+ * The full-screen shell crops its art into a band along the bottom edge, which
+ * works because the whole viewport is the composition. A dialog has no bottom
+ * edge to run off — it is a 672px object sitting on a dimmed page — so the same
+ * treatment there would be a strip of picture wedged under a form.
+ *
+ * This is the other half of the panel instead: the image owns a column, the
+ * questions own a column, and neither crops the other. It is the login door's
+ * arrangement, which is where a merchant last saw a photograph beside a form.
+ *
+ * IT ANSWERS THE MERCHANT, which is the only reason it is here. A fixed picture
+ * would be wallpaper — and the app's own design rules call decoration what it
+ * is. The moment a merchant says "take bookings", the column becomes the
+ * counter trading. The picture is a response, not a mood.
+ */
+export declare function SetupPanelArt({ intents }: {
+    intents?: string[];
+}): import("react").JSX.Element;

package/dist/business-setup/setup-panel-art.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AnimatePresence, motion, useReducedMotion } from "motion/react";
+import { eases } from "@withpotter/lib/motion";
+import { artForIntents } from "./archetype-art";
+function SetupPanelArt({ intents = [] }) {
+  const reduce = useReducedMotion();
+  const src = artForIntents(intents);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-hidden": true,
+      className: "relative hidden overflow-hidden bg-[var(--bg-subtle)] sm:block",
+      children: [
+        /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: /* @__PURE__ */ jsx(
+          motion.img,
+          {
+            src,
+            alt: "",
+            draggable: false,
+            initial: reduce ? false : { opacity: 0, scale: 1.04 },
+            animate: { opacity: 1, scale: 1 },
+            exit: { opacity: 0 },
+            transition: { duration: 0.65, ease: eases.settle },
+            className: "absolute inset-0 h-full w-full object-cover",
+            style: { objectPosition: "center 65%" }
+          },
+          src
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-black/25" })
+      ]
+    }
+  );
+}
+export {
+  SetupPanelArt
+};
+//# sourceMappingURL=setup-panel-art.js.map

package/dist/business-setup/setup-panel-art.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/business-setup/setup-panel-art.tsx"],"sourcesContent":["'use client';\n\nimport { AnimatePresence, motion, useReducedMotion } from 'motion/react';\nimport { eases } from '@withpotter/lib/motion';\nimport { artForIntents } from './archetype-art';\n\n/**\n * The photograph beside the form, for the modal shell.\n *\n * The full-screen shell crops its art into a band along the bottom edge, which\n * works because the whole viewport is the composition. A dialog has no bottom\n * edge to run off — it is a 672px object sitting on a dimmed page — so the same\n * treatment there would be a strip of picture wedged under a form.\n *\n * This is the other half of the panel instead: the image owns a column, the\n * questions own a column, and neither crops the other. It is the login door's\n * arrangement, which is where a merchant last saw a photograph beside a form.\n *\n * IT ANSWERS THE MERCHANT, which is the only reason it is here. A fixed picture\n * would be wallpaper — and the app's own design rules call decoration what it\n * is. The moment a merchant says \"take bookings\", the column becomes the\n * counter trading. The picture is a response, not a mood.\n */\nexport function SetupPanelArt({ intents = [] }: { intents?: string[] }) {\n  const reduce = useReducedMotion();\n  const src = artForIntents(intents);\n\n  return (\n    <div\n      aria-hidden\n      className=\"relative hidden overflow-hidden bg-[var(--bg-subtle)] sm:block\"\n    >\n      {/* Crossfade rather than swap: the crop changing under the merchant's\n          hand should feel like the room changing, not like a slide advancing.\n          Both frames occupy the same box, so the outgoing one is still there\n          while the incoming one arrives. */}\n      <AnimatePresence initial={false}>\n        <motion.img\n          key={src}\n          src={src}\n          alt=\"\"\n          draggable={false}\n          initial={reduce ? false : { opacity: 0, scale: 1.04 }}\n          animate={{ opacity: 1, scale: 1 }}\n          exit={{ opacity: 0 }}\n          transition={{ duration: 0.65, ease: eases.settle }}\n          className=\"absolute inset-0 h-full w-full object-cover\"\n          // Crop to the trade, not the ceiling: these frames carry their\n          // subject low, and a centred crop on a tall narrow column finds the\n          // wall above it.\n          style={{ objectPosition: 'center 65%' }}\n        />\n      </AnimatePresence>\n\n      {/* A scrim, so the panel reads as one material with the form beside it\n          rather than a bright rectangle glued to a dark dialog. It is a flat\n          wash at a single opacity, not a gradient. */}\n      <div className=\"absolute inset-0 bg-black/25\" />\n    </div>\n  );\n}\n"],"mappings":";AA4BI,SASI,KATJ;AA1BJ,SAAS,iBAAiB,QAAQ,wBAAwB;AAC1D,SAAS,aAAa;AACtB,SAAS,qBAAqB;AAmBvB,SAAS,cAAc,EAAE,UAAU,CAAC,EAAE,GAA2B;AACtE,QAAM,SAAS,iBAAiB;AAChC,QAAM,MAAM,cAAc,OAAO;AAEjC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,MACX,WAAU;AAAA,MAMV;AAAA,4BAAC,mBAAgB,SAAS,OACxB;AAAA,UAAC,OAAO;AAAA,UAAP;AAAA,YAEC;AAAA,YACA,KAAI;AAAA,YACJ,WAAW;AAAA,YACX,SAAS,SAAS,QAAQ,EAAE,SAAS,GAAG,OAAO,KAAK;AAAA,YACpD,SAAS,EAAE,SAAS,GAAG,OAAO,EAAE;AAAA,YAChC,MAAM,EAAE,SAAS,EAAE;AAAA,YACnB,YAAY,EAAE,UAAU,MAAM,MAAM,MAAM,OAAO;AAAA,YACjD,WAAU;AAAA,YAIV,OAAO,EAAE,gBAAgB,aAAa;AAAA;AAAA,UAZjC;AAAA,QAaP,GACF;AAAA,QAKA,oBAAC,SAAI,WAAU,gCAA+B;AAAA;AAAA;AAAA,EAChD;AAEJ;","names":[]}

package/dist/business-setup/step-copy.d.ts

@@ -0,0 +1,13 @@
+import type { SetupStep } from './use-business-setup';
+/**
+ * The question each step asks, owned here rather than inside the step.
+ *
+ * Full screen it is an h1 with the canvas to itself; in the modal it is the
+ * dialog's title, which is what labels the dialog for a screen reader and what
+ * fills the header bar that was otherwise carrying two controls and no
+ * information. Same words either way, sized by whichever shell is rendering.
+ */
+export declare const STEP_COPY: Record<SetupStep, {
+    title: string;
+    subtitle?: string;
+}>;

package/dist/business-setup/step-copy.js

@@ -0,0 +1,23 @@
+const STEP_COPY = {
+  // No subtitle. A field labelled by a heading that already says "Name your
+  // business" does not need a sentence explaining that a name is a name.
+  // A question, matching the second screen. 'Name your business' was the only
+  // imperative in a flow that otherwise asks, and it described the field
+  // rather than the moment.
+  identity: { title: "Create a new business" },
+  category: {
+    title: "What kind of business is this?",
+    subtitle: "Choose the category that best describes what you do."
+  },
+  // No subtitle (it used to say "We picked what usually fits. Change anything.").
+  shape: { title: "What do you sell or offer?" },
+  // The only screen in the flow that mentions money, and it says what happens
+  // rather than asking a question — because the honest answer is that nothing
+  // happens yet either way. "How do you want to start?" would imply the choice
+  // is billed here, and it is not.
+  plan: { title: "Get started in minutes" }
+};
+export {
+  STEP_COPY
+};
+//# sourceMappingURL=step-copy.js.map

package/dist/business-setup/step-copy.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/business-setup/step-copy.ts"],"sourcesContent":["import type { SetupStep } from './use-business-setup';\n\n/**\n * The question each step asks, owned here rather than inside the step.\n *\n * Full screen it is an h1 with the canvas to itself; in the modal it is the\n * dialog's title, which is what labels the dialog for a screen reader and what\n * fills the header bar that was otherwise carrying two controls and no\n * information. Same words either way, sized by whichever shell is rendering.\n */\nexport const STEP_COPY: Record<\n  SetupStep,\n  { title: string; subtitle?: string }\n> = {\n  // No subtitle. A field labelled by a heading that already says \"Name your\n  // business\" does not need a sentence explaining that a name is a name.\n  // A question, matching the second screen. 'Name your business' was the only\n  // imperative in a flow that otherwise asks, and it described the field\n  // rather than the moment.\n  identity: { title: 'Create a new business' },\n  category: {\n    title: 'What kind of business is this?',\n    subtitle: 'Choose the category that best describes what you do.',\n  },\n  // No subtitle (it used to say \"We picked what usually fits. Change anything.\").\n  shape: { title: 'What do you sell or offer?' },\n  // The only screen in the flow that mentions money, and it says what happens\n  // rather than asking a question — because the honest answer is that nothing\n  // happens yet either way. \"How do you want to start?\" would imply the choice\n  // is billed here, and it is not.\n  plan: { title: 'Get started in minutes' },\n};\n"],"mappings":"AAUO,MAAM,YAGT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMF,UAAU,EAAE,OAAO,wBAAwB;AAAA,EAC3C,UAAU;AAAA,IACR,OAAO;AAAA,IACP,UAAU;AAAA,EACZ;AAAA;AAAA,EAEA,OAAO,EAAE,OAAO,6BAA6B;AAAA;AAAA;AAAA;AAAA;AAAA,EAK7C,MAAM,EAAE,OAAO,yBAAyB;AAC1C;","names":[]}

package/dist/business-setup/step-gate.d.ts

@@ -0,0 +1,34 @@
+/** The screens, in the order the flow asks them. */
+export type SetupStep = 'identity' | 'category' | 'shape' | 'plan';
+/**
+ * Whether a step's question has been answered, and what to say when it has not.
+ *
+ * Split out of `use-business-setup` on the 500-line rule, and the seam is a
+ * real one: the hook owns the DRAFT and what happens to it, and this owns the
+ * one judgement the footer button needs — may I move on, and if not, why not.
+ *
+ * ── WHY THERE IS A REASON AT ALL ──
+ *
+ * Measured in the browser: on the shape screen Continue rendered `disabled` at
+ * 40% opacity with nothing on screen saying why, so a merchant who had not
+ * noticed the grid was a multi-select pressed a button that swallowed the
+ * click. A disabled button also cannot be focused, is skipped by a screen
+ * reader, and is the one state that CANNOT explain itself — the same trap
+ * `QuickSetupActions` is written against on the go-live gate.
+ *
+ * So the button stays live and the press answers. The sentence is short and
+ * says the ACT, not the rule.
+ */
+export interface StepValidity {
+    identity: boolean;
+    category: boolean;
+    intents: boolean;
+}
+/**
+ * The plan screen always has an answer — `free` is the draft's default and one
+ * of the two options is selected from the moment it renders — so there is no
+ * state in which its Continue should be blocked.
+ */
+export declare function canContinueAt(step: SetupStep, valid: StepValidity): boolean;
+/** Null when the step is ready to leave. */
+export declare function blockReasonAt(step: SetupStep, valid: StepValidity): string | null;

package/dist/business-setup/step-gate.js

@@ -0,0 +1,21 @@
+function canContinueAt(step, valid) {
+  if (step === "identity") return valid.identity;
+  if (step === "category") return valid.category;
+  if (step === "shape") return valid.intents;
+  if (step === "plan") return true;
+  return true;
+}
+function blockReasonAt(step, valid) {
+  if (step === "identity" && !valid.identity)
+    return "Complete the highlighted fields.";
+  if (step === "category" && !valid.category)
+    return "Choose a category for your business.";
+  if (step === "shape" && !valid.intents)
+    return "Pick at least one thing you do.";
+  return null;
+}
+export {
+  blockReasonAt,
+  canContinueAt
+};
+//# sourceMappingURL=step-gate.js.map

package/dist/business-setup/step-gate.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/business-setup/step-gate.ts"],"sourcesContent":["/** The screens, in the order the flow asks them. */\nexport type SetupStep = 'identity' | 'category' | 'shape' | 'plan';\n\n/**\n * Whether a step's question has been answered, and what to say when it has not.\n *\n * Split out of `use-business-setup` on the 500-line rule, and the seam is a\n * real one: the hook owns the DRAFT and what happens to it, and this owns the\n * one judgement the footer button needs — may I move on, and if not, why not.\n *\n * ── WHY THERE IS A REASON AT ALL ──\n *\n * Measured in the browser: on the shape screen Continue rendered `disabled` at\n * 40% opacity with nothing on screen saying why, so a merchant who had not\n * noticed the grid was a multi-select pressed a button that swallowed the\n * click. A disabled button also cannot be focused, is skipped by a screen\n * reader, and is the one state that CANNOT explain itself — the same trap\n * `QuickSetupActions` is written against on the go-live gate.\n *\n * So the button stays live and the press answers. The sentence is short and\n * says the ACT, not the rule.\n */\nexport interface StepValidity {\n  identity: boolean;\n  category: boolean;\n  intents: boolean;\n}\n\n/**\n * The plan screen always has an answer — `free` is the draft's default and one\n * of the two options is selected from the moment it renders — so there is no\n * state in which its Continue should be blocked.\n */\nexport function canContinueAt(step: SetupStep, valid: StepValidity): boolean {\n  if (step === 'identity') return valid.identity;\n  if (step === 'category') return valid.category;\n  if (step === 'shape') return valid.intents;\n  if (step === 'plan') return true;\n  return true;\n}\n\n/** Null when the step is ready to leave. */\nexport function blockReasonAt(\n  step: SetupStep,\n  valid: StepValidity,\n): string | null {\n  // Not shown on the name step: its fields mark themselves red with their own\n  // message. It only has to be non-null to keep Continue in its blocked state.\n  if (step === 'identity' && !valid.identity)\n    return 'Complete the highlighted fields.';\n  if (step === 'category' && !valid.category)\n    return 'Choose a category for your business.';\n  if (step === 'shape' && !valid.intents)\n    return 'Pick at least one thing you do.';\n  return null;\n}\n"],"mappings":"AAiCO,SAAS,cAAc,MAAiB,OAA8B;AAC3E,MAAI,SAAS,WAAY,QAAO,MAAM;AACtC,MAAI,SAAS,WAAY,QAAO,MAAM;AACtC,MAAI,SAAS,QAAS,QAAO,MAAM;AACnC,MAAI,SAAS,OAAQ,QAAO;AAC5B,SAAO;AACT;AAGO,SAAS,cACd,MACA,OACe;AAGf,MAAI,SAAS,cAAc,CAAC,MAAM;AAChC,WAAO;AACT,MAAI,SAAS,cAAc,CAAC,MAAM;AAChC,WAAO;AACT,MAAI,SAAS,WAAW,CAAC,MAAM;AAC7B,WAAO;AACT,SAAO;AACT;","names":[]}

package/dist/business-setup/step-name.d.ts

@@ -0,0 +1,56 @@
+export type SlugStatus = 'idle' | 'checking' | 'available' | 'taken' | 'invalid' | 'error';
+interface StepNameProps {
+    initialName: string;
+    initialSlug: string;
+    initialCountry: string;
+    initialCategory: string;
+    /**
+     * Fires on every keystroke and every pick. The card beside this form is the
+     * point of the screen, and a card that only caught up on Continue would be a
+     * summary rather than a thing being made.
+     */
+    initialPhone: string;
+    showCategory?: boolean;
+    /**
+     * Enter in the name field. The shell owns Continue, so the field cannot
+     * advance on its own; a shell that wants Enter to continue passes this.
+     */
+    onEnter?: () => void;
+    /**
+     * How many times Continue has been pressed while this screen was not ready.
+     * Zero until the first; from then on a field still wrong shows it, and the
+     * first wrong one takes focus. Nothing is red before that — a form that
+     * scolds an empty field the moment it renders is shouting at a blank page.
+     */
+    submitAttempt?: number;
+    onLiveChange: (patch: {
+        businessName: string;
+        slug: string;
+        country: string;
+        phone: string;
+        category: string;
+        /** The shell owns the Continue button, so it needs to know when to enable it. */
+        valid: boolean;
+    }) => void;
+}
+/**
+ * One question, and two answers the merchant does not have to type.
+ *
+ * What this screen used to be: a heading, a subtitle, a label repeating the
+ * heading, a name field, a full web-address field, a status line under it, and
+ * a wordless dashed square for a logo. Seven things for one decision, with the
+ * address stated three times over (the field, its tick, and the card).
+ *
+ * Now the card is the display and this is only the control. The address derives
+ * silently and collapses to a line you can open if you want to change it. The
+ * country is guessed from the browser and never asked about — it is derivable,
+ * correctable elsewhere, and was a whole control for a fact nobody disputes.
+ * The logo moved onto the card artwork, where the thing it changes actually is.
+ *
+ * The slug stays decoupled from the display name once edited, so "Lekki Padel
+ * Club" can live at `lekki-padel`. Availability is checked against the real
+ * endpoint, debounced, with a sequence guard so a slow answer for an old slug
+ * can never overwrite the answer for the current one.
+ */
+export declare function StepName({ initialName, initialSlug, initialCountry, initialCategory, initialPhone, showCategory, onEnter, submitAttempt, onLiveChange, }: StepNameProps): import("react").JSX.Element;
+export {};