@withpotter/components 0.13.0-next.101

package/dist/dashboard/go-live-quick-setup-basics.js

@@ -0,0 +1,147 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
+import { Input, NumberField } from "@withpotter/ui-kit";
+import { QuickSetupActions } from "./go-live-setup-parts";
+import { inventoryApi } from "@withpotter/lib/api/inventory";
+import { ProductType, generateSlug } from "@withpotter/lib/product-types";
+import { tenantApi } from "@withpotter/lib/api/tenant";
+import { BOX_HIDE_WHATSAPP } from "@withpotter/lib/box-channels";
+import { useToast } from "@withpotter/ui-kit/use-toast";
+function ContactQuickSetup({
+  tenantSlug,
+  onFixed
+}) {
+  const { toast } = useToast();
+  const [email, setEmail] = useState("");
+  const [phone, setPhone] = useState("");
+  const [saving, setSaving] = useState(false);
+  const save = useCallback(async () => {
+    if (saving) return;
+    const trimmedEmail = email.trim();
+    const trimmedPhone = phone.trim();
+    if (!trimmedEmail && !trimmedPhone) return;
+    setSaving(true);
+    try {
+      await tenantApi.update(tenantSlug, {
+        ...trimmedEmail ? { email: trimmedEmail } : {},
+        ...trimmedPhone ? { phone: trimmedPhone } : {}
+      });
+      toast({ title: "Contact details saved" });
+      await onFixed();
+    } catch {
+      toast({
+        title: "Could not save that. Try again.",
+        variant: "destructive"
+      });
+    } finally {
+      setSaving(false);
+    }
+  }, [saving, email, phone, tenantSlug, toast, onFixed]);
+  return /* @__PURE__ */ jsxs("div", { className: "mt-3 space-y-3", children: [
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        value: email,
+        onChange: (e) => setEmail(e.target.value),
+        placeholder: "Email customers can reply to",
+        "aria-label": "Contact email",
+        type: "email",
+        inputMode: "email"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        value: phone,
+        onChange: (e) => setPhone(e.target.value),
+        placeholder: BOX_HIDE_WHATSAPP ? "Phone number" : "Phone or WhatsApp number",
+        "aria-label": "Contact phone",
+        inputMode: "tel"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      QuickSetupActions,
+      {
+        label: "Save contact details",
+        busyLabel: "Saving\u2026",
+        onSave: save,
+        saving,
+        incompleteReason: !email.trim() && !phone.trim() ? "Add an email or a phone number. Either one is enough." : null
+      }
+    )
+  ] });
+}
+function CatalogueQuickSetup({
+  tenantSlug,
+  itemLabel,
+  onFixed
+}) {
+  const { toast } = useToast();
+  const [title, setTitle] = useState("");
+  const [price, setPrice] = useState(null);
+  const [saving, setSaving] = useState(false);
+  const save = useCallback(async () => {
+    const name = title.trim();
+    if (!name || price === null || saving) return;
+    setSaving(true);
+    try {
+      await inventoryApi.create(tenantSlug, {
+        type: ProductType.PHYSICAL,
+        title: name,
+        slug: generateSlug(name),
+        price,
+        isActive: true
+      });
+      toast({ title: `${name} is on sale` });
+      await onFixed();
+    } catch {
+      toast({
+        title: "Could not add that. Try again.",
+        variant: "destructive"
+      });
+    } finally {
+      setSaving(false);
+    }
+  }, [title, price, saving, tenantSlug, toast, onFixed]);
+  return /* @__PURE__ */ jsxs("div", { className: "mt-3 space-y-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          value: title,
+          onChange: (e) => setTitle(e.target.value),
+          placeholder: `${itemLabel} name`,
+          "aria-label": `${itemLabel} name`,
+          className: "flex-1"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        NumberField,
+        {
+          value: price,
+          onChange: setPrice,
+          min: 0,
+          placeholder: "Price (\u20A6)",
+          "aria-label": "Price",
+          className: "w-32"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      QuickSetupActions,
+      {
+        label: title.trim() ? `Put ${title.trim()} on sale` : `Add ${itemLabel.toLowerCase()}`,
+        busyLabel: "Adding\u2026",
+        onSave: save,
+        saving,
+        incompleteReason: !title.trim() ? `Name the ${itemLabel.toLowerCase()} you are selling.` : price === null ? "Add what it costs. Enter 0 if it is free." : null
+      }
+    )
+  ] });
+}
+export {
+  CatalogueQuickSetup,
+  ContactQuickSetup
+};
+//# sourceMappingURL=go-live-quick-setup-basics.js.map

package/dist/dashboard/go-live-quick-setup-basics.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/dashboard/go-live-quick-setup-basics.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useState } from 'react';\nimport { Input, NumberField } from '@withpotter/ui-kit';\nimport { QuickSetupActions } from './go-live-setup-parts';\nimport { inventoryApi } from '@withpotter/lib/api/inventory';\nimport { ProductType, generateSlug } from '@withpotter/lib/product-types';\nimport { tenantApi } from '@withpotter/lib/api/tenant';\nimport { BOX_HIDE_WHATSAPP } from '@withpotter/lib/box-channels';\nimport { useToast } from '@withpotter/ui-kit/use-toast';\n\n/**\n * The two go-live checks that need nothing fetched before they can be answered.\n *\n * The seam is real, not a line count. `go-live-quick-setup` holds the two forms\n * that cannot mean anything until a remote list arrives — 275 banks, a country\n * list — and carry the three states that come with asking (asking, answered,\n * could not ask). These two are plain fields on the tenant and the catalogue:\n * there is nothing to wait for and nothing to fail before the merchant types.\n */\n\n/**\n * An email and a phone number, saved from here.\n *\n * Two fields on the tenant, so there is no reason to send anyone to Settings\n * for them. Either one satisfies the check — the server's rule, not a second\n * opinion — but the form offers both, because a merchant filling this in has\n * no reason to be told which one was strictly required.\n */\nexport function ContactQuickSetup({\n  tenantSlug,\n  onFixed,\n}: {\n  tenantSlug: string;\n  onFixed: () => void | Promise<void>;\n}) {\n  const { toast } = useToast();\n  const [email, setEmail] = useState('');\n  const [phone, setPhone] = useState('');\n  const [saving, setSaving] = useState(false);\n\n  const save = useCallback(async () => {\n    if (saving) return;\n    const trimmedEmail = email.trim();\n    const trimmedPhone = phone.trim();\n    if (!trimmedEmail && !trimmedPhone) return;\n\n    setSaving(true);\n    try {\n      await tenantApi.update(tenantSlug, {\n        ...(trimmedEmail ? { email: trimmedEmail } : {}),\n        ...(trimmedPhone ? { phone: trimmedPhone } : {}),\n      });\n      toast({ title: 'Contact details saved' });\n      await onFixed();\n    } catch {\n      toast({\n        title: 'Could not save that. Try again.',\n        variant: 'destructive',\n      });\n    } finally {\n      setSaving(false);\n    }\n  }, [saving, email, phone, tenantSlug, toast, onFixed]);\n\n  return (\n    <div className=\"mt-3 space-y-3\">\n      <Input\n        value={email}\n        onChange={(e) => setEmail(e.target.value)}\n        placeholder=\"Email customers can reply to\"\n        aria-label=\"Contact email\"\n        type=\"email\"\n        inputMode=\"email\"\n      />\n      <Input\n        value={phone}\n        onChange={(e) => setPhone(e.target.value)}\n        placeholder={\n          BOX_HIDE_WHATSAPP ? 'Phone number' : 'Phone or WhatsApp number'\n        }\n        aria-label=\"Contact phone\"\n        inputMode=\"tel\"\n      />\n\n      <QuickSetupActions\n        label=\"Save contact details\"\n        busyLabel=\"Saving…\"\n        onSave={save}\n        saving={saving}\n        incompleteReason={\n          !email.trim() && !phone.trim()\n            ? 'Add an email or a phone number. Either one is enough.'\n            : null\n        }\n      />\n    </div>\n  );\n}\n\n/**\n * The first thing on the shelves, in two fields.\n *\n * The gate earns the right to be a wall by finishing every check in place, and\n * this one arrived looking like the exception — a catalogue row wants a\n * description, a category, an image. It does not, and `QuickAddItem` on mobile\n * has been proving that at the counter since it shipped: a name and a price\n * create the same record the full editor does, with the API's defaults for the\n * rest. This is that call, from here.\n *\n * `isActive` immediately, for the reason the sheet gives: something added\n * while going live is being sold now, and creating it as a draft would leave\n * the check it was meant to clear still failing.\n */\nexport function CatalogueQuickSetup({\n  tenantSlug,\n  itemLabel,\n  onFixed,\n}: {\n  tenantSlug: string;\n  /** The trade's own noun — Product, Service, Treatment, Property. */\n  itemLabel: string;\n  onFixed: () => void | Promise<void>;\n}) {\n  const { toast } = useToast();\n  const [title, setTitle] = useState('');\n  const [price, setPrice] = useState<number | null>(null);\n  const [saving, setSaving] = useState(false);\n\n  const save = useCallback(async () => {\n    const name = title.trim();\n    if (!name || price === null || saving) return;\n    setSaving(true);\n    try {\n      await inventoryApi.create(tenantSlug, {\n        type: ProductType.PHYSICAL,\n        title: name,\n        slug: generateSlug(name),\n        price,\n        isActive: true,\n      });\n      toast({ title: `${name} is on sale` });\n      await onFixed();\n    } catch {\n      toast({\n        title: 'Could not add that. Try again.',\n        variant: 'destructive',\n      });\n    } finally {\n      setSaving(false);\n    }\n  }, [title, price, saving, tenantSlug, toast, onFixed]);\n\n  return (\n    <div className=\"mt-3 space-y-3\">\n      <div className=\"flex gap-2\">\n        <Input\n          value={title}\n          onChange={(e) => setTitle(e.target.value)}\n          placeholder={`${itemLabel} name`}\n          aria-label={`${itemLabel} name`}\n          className=\"flex-1\"\n        />\n        <NumberField\n          value={price}\n          onChange={setPrice}\n          min={0}\n          placeholder=\"Price (₦)\"\n          aria-label=\"Price\"\n          className=\"w-32\"\n        />\n      </div>\n\n      <QuickSetupActions\n        label={\n          title.trim()\n            ? `Put ${title.trim()} on sale`\n            : `Add ${itemLabel.toLowerCase()}`\n        }\n        busyLabel=\"Adding…\"\n        onSave={save}\n        saving={saving}\n        incompleteReason={\n          !title.trim()\n            ? `Name the ${itemLabel.toLowerCase()} you are selling.`\n            : price === null\n              ? 'Add what it costs. Enter 0 if it is free.'\n              : null\n        }\n      />\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/dashboard/go-live-quick-setup.d.ts

@@ -0,0 +1,71 @@
+/**
+ * The three blockers, each finishable without leaving the dialog.
+ *
+ * Split out of `go-live-checks-dialog` on the 500-line rule, and the seam is a
+ * real one: that file decides WHICH of these to show and this one knows what
+ * each actually needs. Every form here writes through the same API the
+ * corresponding Settings screen writes through, so nothing can drift into
+ * being a second, quieter way of storing the same thing.
+ */
+/**
+ * The two facts a delivery zone needs, asked here rather than in Settings.
+ *
+ * A zone is what the checkout builds its address dropdowns from, so creating
+ * one is what turns a dead checkout into a live one — and it needs exactly a
+ * country and a price. The rate matters as much as the zone: a zone with no
+ * rate populates the address list but offers nothing to choose, which is a
+ * different dead end at the same step.
+ *
+ * "Everywhere in <country>" is the honest default because it is the widest
+ * true statement, and narrowing it later in Settings costs the merchant
+ * nothing. Guessing a narrower footprint would quietly refuse customers.
+ */
+export declare function DeliveryQuickSetup({ tenantSlug, onFixed, onOpenSettings, onPlaceChange, }: {
+    tenantSlug: string;
+    onFixed: () => void | Promise<void>;
+    onOpenSettings: () => void;
+    /** Reported so the panel beside this can drop its pin. Optional: the form
+     *  works the same inside a row, where there is no panel. */
+    onPlaceChange?: (place: string) => void;
+}): import("react").JSX.Element;
+/**
+ * A payout account, set up here rather than linked to.
+ *
+ * This linked out on the argument that a bank, an account number and a
+ * verification round trip cannot honestly be one tap. That was true and beside
+ * the point: it does not have to be one tap, it has to be finishable without
+ * leaving. Every piece already exists — `listBanks`, `resolveAccount`,
+ * `addBankAccount` — and the round trip is the good part, because the merchant
+ * sees the account NAME come back before committing.
+ *
+ * The name is not typed and not editable. It is what the bank returned, which
+ * is the whole confirmation: a merchant who mistypes a digit sees somebody
+ * else's name and stops, where a form that accepted their typing would have
+ * paid a stranger.
+ */
+export declare function PayoutQuickSetup({ tenantSlug, onFixed, onOpenSettings, onBankChange, onAccountNameChange, }: {
+    tenantSlug: string;
+    onFixed: () => void | Promise<void>;
+    onOpenSettings: () => void;
+    /** Both reported so the card beside this fills in as the bank answers. */
+    onBankChange?: (bank: string) => void;
+    onAccountNameChange?: (name: string | null) => void;
+}): import("react").JSX.Element;
+/**
+ * Somewhere to collect from, instead of somewhere to deliver to.
+ *
+ * THE SECOND HALF OF "REACHABLE", and it has been the server's rule all along:
+ * `GetStorefrontReadinessUseCase` accepts a delivery zone OR a pickup point,
+ * because a shop people walk into is a real shop. The dialog only ever offered
+ * the first, so a business that does not deliver was told to invent a delivery
+ * area to get past a gate.
+ *
+ * A name and an address, and `isPickupPoint` — the flag the checkout reads to
+ * offer collection at all. `showOnStorefront` with it, because a pickup point
+ * nobody can see the address of is not one.
+ */
+export declare function CollectionQuickSetup({ tenantSlug, country, onFixed, }: {
+    tenantSlug: string;
+    country?: string;
+    onFixed: () => void | Promise<void>;
+}): import("react").JSX.Element;

package/dist/dashboard/go-live-quick-setup.js

@@ -0,0 +1,340 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from "react";
+import { Check } from "lucide-react";
+import { AnimatePresence, motion } from "motion/react";
+import { durations, springs } from "@withpotter/lib/motion";
+import { Input, NumberField, Select } from "@withpotter/ui-kit";
+import { BankLogo } from "@withpotter/pages-commerce/dashboard/(commerce)/payments/_components";
+import {
+  OptionsUnavailable,
+  QuickSetupActions,
+  useRemoteOptions
+} from "./go-live-setup-parts";
+import { shippingApi } from "@withpotter/lib/api/shipping";
+import { businessLocationsApi } from "@withpotter/lib/api/business-locations";
+import { settlementsApi } from "@withpotter/lib/api/settlements";
+import { geoApi } from "@withpotter/lib/api/geo";
+import { useToast } from "@withpotter/ui-kit/use-toast";
+import { useFormatCurrency } from "@withpotter/hooks/use-format-currency";
+import { completeFlow } from "@withpotter/components/feedback/flow-completion";
+function DeliveryQuickSetup({
+  tenantSlug,
+  onFixed,
+  onOpenSettings,
+  onPlaceChange
+}) {
+  const { toast } = useToast();
+  const formatCurrency = useFormatCurrency();
+  const symbol = formatCurrency(0).replace(/[\d.,\s]/g, "");
+  const {
+    items: countries,
+    loading,
+    failed
+  } = useRemoteOptions(
+    () => geoApi.countries(),
+    []
+  );
+  const [country, setCountry] = useState("");
+  const [fee, setFee] = useState(null);
+  const [saving, setSaving] = useState(false);
+  useEffect(() => {
+    if (country || countries.length === 0) return;
+    const preferred = countries.find((c) => c.code === "NG") ?? countries[0];
+    if (preferred) setCountry(preferred.name);
+  }, [countries, country]);
+  useEffect(() => {
+    onPlaceChange?.(country);
+  }, [country, onPlaceChange]);
+  const create = useCallback(async () => {
+    if (!country || fee === null || saving) return;
+    setSaving(true);
+    try {
+      await shippingApi.createZone(tenantSlug, {
+        name: `Everywhere in ${country}`,
+        // The zone stores the country NAME: it is what the checkout's own
+        // dropdown compares against, and the API resolves a name or a code.
+        regions: { countries: [country] },
+        method: "delivery",
+        status: "active",
+        rates: [
+          {
+            name: "Delivery",
+            rateType: "flat",
+            price: fee
+          }
+        ]
+      });
+      toast({ title: `Delivery set up for ${country}` });
+      await onFixed();
+    } catch {
+      toast({
+        title: "Could not set that up. Try again.",
+        variant: "destructive"
+      });
+    } finally {
+      setSaving(false);
+    }
+  }, [country, fee, saving, toast, onFixed, tenantSlug]);
+  if (failed) {
+    return /* @__PURE__ */ jsx("div", { className: "mt-3", children: /* @__PURE__ */ jsx(
+      OptionsUnavailable,
+      {
+        what: "country list",
+        onOpenSettings
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "mt-3 space-y-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx(
+        Select,
+        {
+          value: country,
+          onChange: setCountry,
+          options: countries.map((c) => ({ value: c.name, label: c.name })),
+          placeholder: loading ? "Loading countries\u2026" : "Country",
+          disabled: loading,
+          ariaLabel: "Country you deliver to",
+          inset: true,
+          searchable: true,
+          className: "flex-1"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        NumberField,
+        {
+          value: fee,
+          onChange: setFee,
+          min: 0,
+          placeholder: `Fee (${symbol})`,
+          "aria-label": "Delivery fee",
+          className: "w-32"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      QuickSetupActions,
+      {
+        label: country ? `Deliver everywhere in ${country}` : "Set up delivery",
+        busyLabel: "Setting up\u2026",
+        onSave: create,
+        saving,
+        incompleteReason: !country ? "Choose the country you deliver to." : fee === null ? "Add what you charge for delivery. Enter 0 if it is free." : null
+      }
+    )
+  ] });
+}
+function PayoutQuickSetup({
+  tenantSlug,
+  onFixed,
+  onOpenSettings,
+  onBankChange,
+  onAccountNameChange
+}) {
+  const { toast } = useToast();
+  const {
+    items: banks,
+    loading,
+    failed
+  } = useRemoteOptions(
+    () => settlementsApi.listBanks(tenantSlug).then((res) => res?.banks ?? []),
+    [tenantSlug]
+  );
+  const [bankCode, setBankCode] = useState("");
+  const [accountNumber, setAccountNumber] = useState("");
+  const [accountName, setAccountName] = useState(null);
+  const [resolving, setResolving] = useState(false);
+  const [resolveError, setResolveError] = useState(null);
+  const [saving, setSaving] = useState(false);
+  useEffect(() => {
+    setAccountName(null);
+    setResolveError(null);
+    if (!bankCode || accountNumber.length !== 10) return;
+    let cancelled = false;
+    setResolving(true);
+    settlementsApi.resolveAccount(tenantSlug, bankCode, accountNumber).then((res) => {
+      if (cancelled) return;
+      if (res?.accountName) setAccountName(res.accountName);
+      else setResolveError("That account could not be found.");
+    }).catch(() => {
+      if (!cancelled) setResolveError("That account could not be found.");
+    }).finally(() => {
+      if (!cancelled) setResolving(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [tenantSlug, bankCode, accountNumber]);
+  useEffect(() => {
+    onBankChange?.(banks.find((b) => b.code === bankCode)?.name ?? "");
+  }, [bankCode, banks, onBankChange]);
+  useEffect(() => {
+    onAccountNameChange?.(accountName);
+  }, [accountName, onAccountNameChange]);
+  const save = useCallback(async () => {
+    if (!accountName || saving) return;
+    setSaving(true);
+    try {
+      await settlementsApi.addBankAccount(tenantSlug, {
+        bankCode,
+        accountNumber
+      });
+      toast({ title: "Payout account connected" });
+      completeFlow("payouts.connect");
+      await onFixed();
+    } catch {
+      toast({
+        title: "Could not connect that account. Try again.",
+        variant: "destructive"
+      });
+    } finally {
+      setSaving(false);
+    }
+  }, [
+    accountName,
+    saving,
+    tenantSlug,
+    bankCode,
+    accountNumber,
+    toast,
+    onFixed
+  ]);
+  if (failed) {
+    return /* @__PURE__ */ jsx("div", { className: "mt-3", children: /* @__PURE__ */ jsx(OptionsUnavailable, { what: "bank list", onOpenSettings }) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "mt-3 space-y-3", children: [
+    /* @__PURE__ */ jsx(
+      Select,
+      {
+        value: bankCode,
+        onChange: setBankCode,
+        options: banks.map((bank) => ({
+          value: bank.code,
+          label: bank.name,
+          leading: /* @__PURE__ */ jsx(BankLogo, { bankName: bank.name, size: 18 })
+        })),
+        placeholder: loading ? "Loading banks\u2026" : "Bank",
+        disabled: loading,
+        ariaLabel: "Your bank",
+        inset: true,
+        searchable: true
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        value: accountNumber,
+        onChange: (e) => setAccountNumber(e.target.value.replace(/\D/g, "").slice(0, 10)),
+        placeholder: "Account number",
+        "aria-label": "Account number",
+        inputMode: "numeric",
+        error: resolveError ?? void 0
+      }
+    ),
+    /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", initial: false, children: resolving ? /* @__PURE__ */ jsx(
+      motion.p,
+      {
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        exit: { opacity: 0 },
+        transition: { duration: durations.fast },
+        className: "text-sm text-[var(--text-secondary)]",
+        children: "Checking that number\u2026"
+      },
+      "resolving"
+    ) : accountName ? /* @__PURE__ */ jsxs(
+      motion.p,
+      {
+        initial: { opacity: 0, y: 4 },
+        animate: { opacity: 1, y: 0 },
+        exit: { opacity: 0 },
+        transition: springs.snappy,
+        className: "flex items-center gap-2 text-sm font-medium text-[var(--text-primary)]",
+        children: [
+          /* @__PURE__ */ jsx(Check, { className: "size-4 text-[var(--success)]" }),
+          accountName
+        ]
+      },
+      "name"
+    ) : null }),
+    /* @__PURE__ */ jsx(
+      QuickSetupActions,
+      {
+        label: "Connect account",
+        busyLabel: "Connecting\u2026",
+        onSave: save,
+        saving,
+        incompleteReason: !bankCode ? "Choose your bank." : accountNumber.length !== 10 ? "Enter your 10-digit account number." : !accountName ? "Waiting for your bank to confirm that account." : null
+      }
+    )
+  ] });
+}
+function CollectionQuickSetup({
+  tenantSlug,
+  country,
+  onFixed
+}) {
+  const { toast } = useToast();
+  const [name, setName] = useState("");
+  const [address, setAddress] = useState("");
+  const [saving, setSaving] = useState(false);
+  const save = useCallback(async () => {
+    if (!name.trim() || !address.trim() || saving) return;
+    setSaving(true);
+    try {
+      await businessLocationsApi.create(tenantSlug, {
+        name: name.trim(),
+        address: address.trim(),
+        ...country ? { country } : {},
+        isPickupPoint: true,
+        showOnStorefront: true
+      });
+      toast({ title: `Customers can collect from ${name.trim()}` });
+      await onFixed();
+    } catch {
+      toast({
+        title: "Could not save that. Try again.",
+        variant: "destructive"
+      });
+    } finally {
+      setSaving(false);
+    }
+  }, [name, address, country, saving, tenantSlug, toast, onFixed]);
+  return /* @__PURE__ */ jsxs("div", { className: "mt-3 space-y-3", children: [
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        value: name,
+        onChange: (e) => setName(e.target.value),
+        placeholder: "Shop name, e.g. Ada Hair, Yaba",
+        "aria-label": "Pickup place name"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        value: address,
+        onChange: (e) => setAddress(e.target.value),
+        placeholder: "Street address",
+        "aria-label": "Pickup address"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      QuickSetupActions,
+      {
+        label: "Customers collect here",
+        busyLabel: "Saving\u2026",
+        onSave: save,
+        saving,
+        incompleteReason: !name.trim() ? "Name the place customers come to." : !address.trim() ? "Add the street address, so it can be found." : null
+      }
+    )
+  ] });
+}
+export {
+  CollectionQuickSetup,
+  DeliveryQuickSetup,
+  PayoutQuickSetup
+};
+//# sourceMappingURL=go-live-quick-setup.js.map

package/dist/dashboard/go-live-quick-setup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/dashboard/go-live-quick-setup.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useState } from 'react';\nimport { Check } from 'lucide-react';\nimport { AnimatePresence, motion } from 'motion/react';\nimport { durations, springs } from '@withpotter/lib/motion';\nimport { Input, NumberField, Select } from '@withpotter/ui-kit';\nimport { BankLogo } from '@withpotter/pages-commerce/dashboard/(commerce)/payments/_components';\nimport {\n  OptionsUnavailable,\n  QuickSetupActions,\n  useRemoteOptions,\n} from './go-live-setup-parts';\nimport { shippingApi } from '@withpotter/lib/api/shipping';\nimport { businessLocationsApi } from '@withpotter/lib/api/business-locations';\nimport { settlementsApi } from '@withpotter/lib/api/settlements';\nimport { geoApi } from '@withpotter/lib/api/geo';\nimport { useToast } from '@withpotter/ui-kit/use-toast';\nimport { useFormatCurrency } from '@withpotter/hooks/use-format-currency';\nimport { completeFlow } from '@withpotter/components/feedback/flow-completion';\nimport type { Bank } from '@withpotter/lib/api/types';\n\n/**\n * The three blockers, each finishable without leaving the dialog.\n *\n * Split out of `go-live-checks-dialog` on the 500-line rule, and the seam is a\n * real one: that file decides WHICH of these to show and this one knows what\n * each actually needs. Every form here writes through the same API the\n * corresponding Settings screen writes through, so nothing can drift into\n * being a second, quieter way of storing the same thing.\n */\n\n/**\n * The two facts a delivery zone needs, asked here rather than in Settings.\n *\n * A zone is what the checkout builds its address dropdowns from, so creating\n * one is what turns a dead checkout into a live one — and it needs exactly a\n * country and a price. The rate matters as much as the zone: a zone with no\n * rate populates the address list but offers nothing to choose, which is a\n * different dead end at the same step.\n *\n * \"Everywhere in <country>\" is the honest default because it is the widest\n * true statement, and narrowing it later in Settings costs the merchant\n * nothing. Guessing a narrower footprint would quietly refuse customers.\n */\nexport function DeliveryQuickSetup({\n  tenantSlug,\n  onFixed,\n  onOpenSettings,\n  onPlaceChange,\n}: {\n  tenantSlug: string;\n  onFixed: () => void | Promise<void>;\n  onOpenSettings: () => void;\n  /** Reported so the panel beside this can drop its pin. Optional: the form\n   *  works the same inside a row, where there is no panel. */\n  onPlaceChange?: (place: string) => void;\n}) {\n  const { toast } = useToast();\n  const formatCurrency = useFormatCurrency();\n  /** The tenant's own symbol; this said naira to every merchant. */\n  const symbol = formatCurrency(0).replace(/[\\d.,\\s]/g, '');\n  const {\n    items: countries,\n    loading,\n    failed,\n  } = useRemoteOptions<{ code: string; name: string }>(\n    () => geoApi.countries(),\n    [],\n  );\n  const [country, setCountry] = useState('');\n  const [fee, setFee] = useState<number | null>(null);\n  const [saving, setSaving] = useState(false);\n\n  /**\n   * Nigeria if it is there, otherwise the first the API offers, never a\n   * hardcoded default: that would be wrong for every other market.\n   *\n   * Preselecting matters more than it looks. It turns this card from two empty\n   * fields into one, and the one left is the only fact we genuinely cannot\n   * guess.\n   */\n  useEffect(() => {\n    if (country || countries.length === 0) return;\n    const preferred = countries.find((c) => c.code === 'NG') ?? countries[0];\n    if (preferred) setCountry(preferred.name);\n  }, [countries, country]);\n\n  useEffect(() => {\n    onPlaceChange?.(country);\n  }, [country, onPlaceChange]);\n\n  const create = useCallback(async () => {\n    if (!country || fee === null || saving) return;\n    setSaving(true);\n    try {\n      await shippingApi.createZone(tenantSlug, {\n        name: `Everywhere in ${country}`,\n        // The zone stores the country NAME: it is what the checkout's own\n        // dropdown compares against, and the API resolves a name or a code.\n        regions: { countries: [country] },\n        method: 'delivery',\n        status: 'active',\n        rates: [\n          {\n            name: 'Delivery',\n            rateType: 'flat',\n            price: fee,\n          },\n        ],\n      });\n      toast({ title: `Delivery set up for ${country}` });\n      await onFixed();\n    } catch {\n      toast({\n        title: 'Could not set that up. Try again.',\n        variant: 'destructive',\n      });\n    } finally {\n      setSaving(false);\n    }\n  }, [country, fee, saving, toast, onFixed, tenantSlug]);\n\n  if (failed) {\n    return (\n      <div className=\"mt-3\">\n        <OptionsUnavailable\n          what=\"country list\"\n          onOpenSettings={onOpenSettings}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"mt-3 space-y-3\">\n      <div className=\"flex gap-2\">\n        <Select\n          value={country}\n          onChange={setCountry}\n          options={countries.map((c) => ({ value: c.name, label: c.name }))}\n          // ASKING, not empty. A placeholder that says \"Country\" over an empty\n          // list is the control claiming to be ready when it is not.\n          placeholder={loading ? 'Loading countries…' : 'Country'}\n          disabled={loading}\n          ariaLabel=\"Country you deliver to\"\n          inset\n          searchable\n          className=\"flex-1\"\n        />\n        <NumberField\n          value={fee}\n          onChange={setFee}\n          min={0}\n          // The unit, in the field. \"Fee\" alone had the merchant guessing\n          // whether this was money or a percentage.\n          placeholder={`Fee (${symbol})`}\n          aria-label=\"Delivery fee\"\n          className=\"w-32\"\n        />\n      </div>\n\n      {/* ONE ACTION AND ONE WAY OUT. This was two `Button`s of equal weight\n          plus a third paragraph explaining what the zone would cover, on every\n          card, which is what John meant by fillers: three blocks of text\n          around two inputs. What the zone covers is now in the button itself,\n          where it is read at the moment it matters. */}\n      <QuickSetupActions\n        label={country ? `Deliver everywhere in ${country}` : 'Set up delivery'}\n        busyLabel=\"Setting up…\"\n        onSave={create}\n        saving={saving}\n        incompleteReason={\n          !country\n            ? 'Choose the country you deliver to.'\n            : fee === null\n              ? 'Add what you charge for delivery. Enter 0 if it is free.'\n              : null\n        }\n      />\n    </div>\n  );\n}\n\n/**\n * A payout account, set up here rather than linked to.\n *\n * This linked out on the argument that a bank, an account number and a\n * verification round trip cannot honestly be one tap. That was true and beside\n * the point: it does not have to be one tap, it has to be finishable without\n * leaving. Every piece already exists — `listBanks`, `resolveAccount`,\n * `addBankAccount` — and the round trip is the good part, because the merchant\n * sees the account NAME come back before committing.\n *\n * The name is not typed and not editable. It is what the bank returned, which\n * is the whole confirmation: a merchant who mistypes a digit sees somebody\n * else's name and stops, where a form that accepted their typing would have\n * paid a stranger.\n */\nexport function PayoutQuickSetup({\n  tenantSlug,\n  onFixed,\n  onOpenSettings,\n  onBankChange,\n  onAccountNameChange,\n}: {\n  tenantSlug: string;\n  onFixed: () => void | Promise<void>;\n  onOpenSettings: () => void;\n  /** Both reported so the card beside this fills in as the bank answers. */\n  onBankChange?: (bank: string) => void;\n  onAccountNameChange?: (name: string | null) => void;\n}) {\n  const { toast } = useToast();\n  const {\n    items: banks,\n    loading,\n    failed,\n  } = useRemoteOptions<Bank>(\n    () => settlementsApi.listBanks(tenantSlug).then((res) => res?.banks ?? []),\n    [tenantSlug],\n  );\n  const [bankCode, setBankCode] = useState('');\n  const [accountNumber, setAccountNumber] = useState('');\n  const [accountName, setAccountName] = useState<string | null>(null);\n  const [resolving, setResolving] = useState(false);\n  const [resolveError, setResolveError] = useState<string | null>(null);\n  const [saving, setSaving] = useState(false);\n\n  /**\n   * Ask the bank who this number belongs to, once both halves are present.\n   *\n   * Nigerian account numbers are ten digits, so the length is the trigger —\n   * resolving on every keystroke would spend a provider call per digit and\n   * show a stream of \"not found\" for a number the merchant is still typing.\n   */\n  useEffect(() => {\n    setAccountName(null);\n    setResolveError(null);\n    if (!bankCode || accountNumber.length !== 10) return;\n\n    let cancelled = false;\n    setResolving(true);\n    settlementsApi\n      .resolveAccount(tenantSlug, bankCode, accountNumber)\n      .then((res) => {\n        if (cancelled) return;\n        if (res?.accountName) setAccountName(res.accountName);\n        else setResolveError('That account could not be found.');\n      })\n      .catch(() => {\n        if (!cancelled) setResolveError('That account could not be found.');\n      })\n      .finally(() => {\n        if (!cancelled) setResolving(false);\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [tenantSlug, bankCode, accountNumber]);\n\n  useEffect(() => {\n    onBankChange?.(banks.find((b) => b.code === bankCode)?.name ?? '');\n  }, [bankCode, banks, onBankChange]);\n\n  useEffect(() => {\n    onAccountNameChange?.(accountName);\n  }, [accountName, onAccountNameChange]);\n\n  const save = useCallback(async () => {\n    if (!accountName || saving) return;\n    setSaving(true);\n    try {\n      await settlementsApi.addBankAccount(tenantSlug, {\n        bankCode,\n        accountNumber,\n      });\n      toast({ title: 'Payout account connected' });\n      completeFlow('payouts.connect');\n      await onFixed();\n    } catch {\n      toast({\n        title: 'Could not connect that account. Try again.',\n        variant: 'destructive',\n      });\n    } finally {\n      setSaving(false);\n    }\n  }, [\n    accountName,\n    saving,\n    tenantSlug,\n    bankCode,\n    accountNumber,\n    toast,\n    onFixed,\n  ]);\n\n  if (failed) {\n    return (\n      <div className=\"mt-3\">\n        <OptionsUnavailable what=\"bank list\" onOpenSettings={onOpenSettings} />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"mt-3 space-y-3\">\n      <Select\n        value={bankCode}\n        onChange={setBankCode}\n        /* THE BANK'S OWN MARK, because that is how a merchant finds it in a\n           list of 275 — and because the Payments screen's picker has drawn\n           them this way since it shipped. `Select` takes `leading` for exactly\n           this (\"275 banks are found by their logo, not by scanning names\")\n           and this list was the one place still ignoring it. `BankLogo` falls\n           back to the bank's monogram on its own colour, which is most of the\n           275 and is not a degraded state. */\n        options={banks.map((bank) => ({\n          value: bank.code,\n          label: bank.name,\n          leading: <BankLogo bankName={bank.name} size={18} />,\n        }))}\n        placeholder={loading ? 'Loading banks…' : 'Bank'}\n        disabled={loading}\n        ariaLabel=\"Your bank\"\n        inset\n        searchable\n      />\n\n      <Input\n        value={accountNumber}\n        // Digits only. A pasted number often arrives with spaces or dashes,\n        // and the resolve call wants ten characters, not a formatted string.\n        onChange={(e) =>\n          setAccountNumber(e.target.value.replace(/\\D/g, '').slice(0, 10))\n        }\n        placeholder=\"Account number\"\n        aria-label=\"Account number\"\n        inputMode=\"numeric\"\n        error={resolveError ?? undefined}\n      />\n\n      {/* THE NAME ARRIVING IS THE EVENT ON THIS CARD, so it is the one thing\n          here that moves. It is the merchant's proof they typed the right ten\n          digits, and it appears in place of the \"Checking…\" it replaces rather\n          than under it, so the card does not grow a line and push the button\n          away mid-type. */}\n      <AnimatePresence mode=\"wait\" initial={false}>\n        {resolving ? (\n          <motion.p\n            key=\"resolving\"\n            initial={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n            exit={{ opacity: 0 }}\n            transition={{ duration: durations.fast }}\n            className=\"text-sm text-[var(--text-secondary)]\"\n          >\n            Checking that number…\n          </motion.p>\n        ) : accountName ? (\n          <motion.p\n            key=\"name\"\n            initial={{ opacity: 0, y: 4 }}\n            animate={{ opacity: 1, y: 0 }}\n            exit={{ opacity: 0 }}\n            transition={springs.snappy}\n            className=\"flex items-center gap-2 text-sm font-medium text-[var(--text-primary)]\"\n          >\n            <Check className=\"size-4 text-[var(--success)]\" />\n            {accountName}\n          </motion.p>\n        ) : null}\n      </AnimatePresence>\n\n      <QuickSetupActions\n        label=\"Connect account\"\n        busyLabel=\"Connecting…\"\n        onSave={save}\n        saving={saving}\n        // The NAME is the gate, not the ten digits: it is the bank confirming\n        // whose account this is, and it is what stops a mistyped digit paying\n        // a stranger.\n        incompleteReason={\n          !bankCode\n            ? 'Choose your bank.'\n            : accountNumber.length !== 10\n              ? 'Enter your 10-digit account number.'\n              : !accountName\n                ? 'Waiting for your bank to confirm that account.'\n                : null\n        }\n      />\n    </div>\n  );\n}\n\n/**\n * Somewhere to collect from, instead of somewhere to deliver to.\n *\n * THE SECOND HALF OF \"REACHABLE\", and it has been the server's rule all along:\n * `GetStorefrontReadinessUseCase` accepts a delivery zone OR a pickup point,\n * because a shop people walk into is a real shop. The dialog only ever offered\n * the first, so a business that does not deliver was told to invent a delivery\n * area to get past a gate.\n *\n * A name and an address, and `isPickupPoint` — the flag the checkout reads to\n * offer collection at all. `showOnStorefront` with it, because a pickup point\n * nobody can see the address of is not one.\n */\nexport function CollectionQuickSetup({\n  tenantSlug,\n  country,\n  onFixed,\n}: {\n  tenantSlug: string;\n  country?: string;\n  onFixed: () => void | Promise<void>;\n}) {\n  const { toast } = useToast();\n  const [name, setName] = useState('');\n  const [address, setAddress] = useState('');\n  const [saving, setSaving] = useState(false);\n\n  const save = useCallback(async () => {\n    if (!name.trim() || !address.trim() || saving) return;\n    setSaving(true);\n    try {\n      await businessLocationsApi.create(tenantSlug, {\n        name: name.trim(),\n        address: address.trim(),\n        ...(country ? { country } : {}),\n        isPickupPoint: true,\n        showOnStorefront: true,\n      });\n      toast({ title: `Customers can collect from ${name.trim()}` });\n      await onFixed();\n    } catch {\n      toast({\n        title: 'Could not save that. Try again.',\n        variant: 'destructive',\n      });\n    } finally {\n      setSaving(false);\n    }\n  }, [name, address, country, saving, tenantSlug, toast, onFixed]);\n\n  return (\n    <div className=\"mt-3 space-y-3\">\n      <Input\n        value={name}\n        onChange={(e) => setName(e.target.value)}\n        placeholder=\"Shop name, e.g. Ada Hair, Yaba\"\n        aria-label=\"Pickup place name\"\n      />\n      <Input\n        value={address}\n        onChange={(e) => setAddress(e.target.value)}\n        placeholder=\"Street address\"\n        aria-label=\"Pickup address\"\n      />\n      <QuickSetupActions\n        label=\"Customers collect here\"\n        busyLabel=\"Saving…\"\n        onSave={save}\n        saving={saving}\n        incompleteReason={\n          !name.trim()\n            ? 'Name the place customers come to.'\n            : !address.trim()\n              ? 'Add the street address, so it can be found.'\n              : null\n        }\n      />\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}