@withpotter/pages-bookings 0.13.0-next.101

package/dist/dashboard/(bookings)/events/new/_components/event-composer.js

@@ -0,0 +1,295 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo, useState } from "react";
+import { useRouter } from "next/navigation";
+import { CalendarDays, CalendarRange, MapPin, Ticket } from "lucide-react";
+import {
+  Button,
+  Card,
+  DetailPage,
+  NumberField,
+  OptionButton,
+  DateField,
+  Input,
+  Textarea,
+  TimeField,
+  useToast
+} from "@withpotter/ui-kit";
+import { useApiDispatch } from "@withpotter/hooks/use-api-dispatch";
+import { useAuth } from "@withpotter/lib/auth-context";
+import { useFormatCurrency } from "@withpotter/hooks/use-format-currency";
+import { ErrorBanner } from "@withpotter/ui-kit/error-banner";
+import { TicketTiers, newTier } from "./ticket-tiers";
+import { EventPoster } from "./event-poster";
+function EventComposer() {
+  const router = useRouter();
+  const { tenant } = useAuth();
+  const { save } = useApiDispatch();
+  const { toast } = useToast();
+  const formatCurrency = useFormatCurrency();
+  const [title, setTitle] = useState("");
+  const [date, setDate] = useState("");
+  const [startTime, setStartTime] = useState("");
+  const [endTime, setEndTime] = useState("");
+  const [venueName, setVenueName] = useState("");
+  const [venueAddress, setVenueAddress] = useState("");
+  const [onlineUrl, setOnlineUrl] = useState("");
+  const [description, setDescription] = useState("");
+  const [tiers, setTiers] = useState([newTier()]);
+  const [poster, setPoster] = useState(null);
+  const [capacity, setCapacity] = useState(null);
+  const [isPublic, setIsPublic] = useState(true);
+  const [saving, setSaving] = useState(false);
+  const [error, setError] = useState(null);
+  const currencySymbol = formatCurrency(0).replace(/[\d.,\s]/g, "") || "\u20A6";
+  const canSave = title.trim().length > 0 && !saving;
+  const onCreate = useCallback(async () => {
+    if (!canSave || !tenant?.slug) return;
+    setSaving(true);
+    setError(null);
+    try {
+      const priced = tiers.filter((t) => t.name.trim() || t.price !== null);
+      await save(
+        {
+          title: title.trim(),
+          slug: "",
+          description: description.trim() || void 0,
+          isActive: isPublic,
+          heroImage: poster,
+          /**
+           * The cheapest way in, because that is what a listing quotes.
+           * Storefronts read `price` for the card; the tiers below are what is
+           * actually bought, and quoting the dearest would tell somebody the
+           * door costs ₦50,000 when the regular ticket is ₦5,000.
+           */
+          price: priced.length ? Math.min(...priced.map((t) => t.price ?? 0)) : 0,
+          trackInventory: false,
+          quantity: 0,
+          productType: "ticket",
+          behaviorConfigs: {
+            ticketed: {
+              enabled: true,
+              eventDate: date || void 0,
+              eventStartTime: startTime || void 0,
+              eventEndTime: endTime || void 0,
+              venueCapacity: capacity ?? void 0,
+              venueName: venueName.trim() || void 0,
+              venueAddress: venueAddress.trim() || void 0,
+              onlineEventUrl: onlineUrl.trim() || void 0,
+              tiers: priced.map((t) => ({
+                id: t.id,
+                name: t.name.trim() || "Ticket",
+                price: t.price ?? 0,
+                quantity: t.quantity ?? 0
+              }))
+            }
+          },
+          intent: "event-tickets"
+        },
+        "products"
+      );
+      toast({ title: "Event created", description: "It is on your list." });
+      router.replace("/dashboard/events");
+    } catch (err) {
+      setError(
+        err instanceof Error ? err.message : "Could not create that event."
+      );
+      setSaving(false);
+    }
+  }, [
+    canSave,
+    capacity,
+    date,
+    description,
+    endTime,
+    isPublic,
+    onlineUrl,
+    poster,
+    router,
+    save,
+    startTime,
+    tenant?.slug,
+    tiers,
+    title,
+    toast,
+    venueAddress,
+    venueName
+  ]);
+  const headerActions = useMemo(
+    () => /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => router.back(), children: "Cancel" }),
+      /* @__PURE__ */ jsx(Button, { disabled: !canSave, onClick: () => void onCreate(), children: saving ? "Creating\u2026" : "Create event" })
+    ] }),
+    [canSave, onCreate, router, saving]
+  );
+  return /* @__PURE__ */ jsx(
+    DetailPage,
+    {
+      breadcrumbs: [
+        {
+          label: "Events",
+          href: "/dashboard/events",
+          icon: /* @__PURE__ */ jsx(CalendarRange, {})
+        },
+        { label: "New event" }
+      ],
+      actions: headerActions,
+      mobileActions: headerActions,
+      children: /* @__PURE__ */ jsxs("div", { className: "grid w-full gap-4 lg:grid-cols-[minmax(0,1fr)_300px]", children: [
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-4", children: [
+          /* @__PURE__ */ jsx(ErrorBanner, { children: error }),
+          /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: title,
+              onChange: (e) => setTitle(e.target.value),
+              placeholder: "Event name",
+              "aria-label": "Event name",
+              name: "event-name",
+              className: "!text-2xl"
+            }
+          ) }),
+          /* @__PURE__ */ jsxs(Card, { children: [
+            /* @__PURE__ */ jsxs("p", { className: "mb-3 flex items-center gap-2 text-sm font-medium text-[var(--text-secondary)]", children: [
+              /* @__PURE__ */ jsx(CalendarDays, { className: "size-4" }),
+              "When"
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-end gap-3", children: [
+              /* @__PURE__ */ jsx("div", { className: "min-w-[180px] flex-1", children: /* @__PURE__ */ jsx(
+                DateField,
+                {
+                  value: date,
+                  onChange: setDate,
+                  name: "event-date",
+                  "aria-label": "Event date"
+                }
+              ) }),
+              /* @__PURE__ */ jsx("div", { className: "w-32", children: /* @__PURE__ */ jsx(
+                TimeField,
+                {
+                  value: startTime,
+                  onChange: setStartTime,
+                  name: "event-start",
+                  "aria-label": "Start time"
+                }
+              ) }),
+              /* @__PURE__ */ jsx("div", { className: "w-32", children: /* @__PURE__ */ jsx(
+                TimeField,
+                {
+                  value: endTime,
+                  onChange: setEndTime,
+                  name: "event-end",
+                  "aria-label": "End time"
+                }
+              ) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(Card, { children: [
+            /* @__PURE__ */ jsxs("p", { className: "mb-3 flex items-center gap-2 text-sm font-medium text-[var(--text-secondary)]", children: [
+              /* @__PURE__ */ jsx(MapPin, { className: "size-4" }),
+              "Where"
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  label: "Venue",
+                  value: venueName,
+                  onChange: (e) => setVenueName(e.target.value),
+                  placeholder: "The Grand Junction Hall",
+                  name: "venue-name"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  label: "Address",
+                  value: venueAddress,
+                  onChange: (e) => setVenueAddress(e.target.value),
+                  placeholder: "Street, area, city",
+                  name: "venue-address"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  label: "Or a link, for an online event",
+                  value: onlineUrl,
+                  onChange: (e) => setOnlineUrl(e.target.value),
+                  placeholder: "https://",
+                  name: "online-url"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(Card, { children: [
+            /* @__PURE__ */ jsxs("p", { className: "mb-3 flex items-center gap-2 text-sm font-medium text-[var(--text-secondary)]", children: [
+              /* @__PURE__ */ jsx(Ticket, { className: "size-4" }),
+              "Tickets"
+            ] }),
+            /* @__PURE__ */ jsx(
+              TicketTiers,
+              {
+                tiers,
+                onChange: setTiers,
+                currencySymbol
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              label: "About this event",
+              value: description,
+              onChange: (e) => setDescription(e.target.value),
+              placeholder: "What is happening, who it is for, what to bring.",
+              rows: 4,
+              name: "event-description"
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-4 lg:sticky lg:top-4 lg:self-start", children: [
+          /* @__PURE__ */ jsx(EventPoster, { value: poster, onChange: setPoster }),
+          /* @__PURE__ */ jsxs(Card, { children: [
+            /* @__PURE__ */ jsx("p", { className: "mb-3 text-sm font-medium text-[var(--text-secondary)]", children: "Who and how many" }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-end gap-4", children: [
+              /* @__PURE__ */ jsx("div", { className: "w-40", children: /* @__PURE__ */ jsx(
+                NumberField,
+                {
+                  label: "Capacity",
+                  value: capacity,
+                  onChange: setCapacity,
+                  min: 0,
+                  placeholder: "Unlimited"
+                }
+              ) }),
+              /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+                /* @__PURE__ */ jsx(
+                  OptionButton,
+                  {
+                    selected: isPublic,
+                    onClick: () => setIsPublic(true),
+                    children: "Public"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  OptionButton,
+                  {
+                    selected: !isPublic,
+                    onClick: () => setIsPublic(false),
+                    children: "Private"
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-[var(--text-tertiary)]", children: isPublic ? "On your website, and anyone with the link can buy." : "Off your website. Only people you send the link to will find it." })
+          ] })
+        ] })
+      ] })
+    }
+  );
+}
+export {
+  EventComposer
+};
+//# sourceMappingURL=event-composer.js.map

package/dist/dashboard/(bookings)/events/new/_components/event-composer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/dashboard/%28bookings%29/events/new/_components/event-composer.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useMemo, useState } from 'react';\nimport { useRouter } from 'next/navigation';\nimport { CalendarDays, CalendarRange, MapPin, Ticket } from 'lucide-react';\nimport {\n  Button,\n  Card,\n  DetailPage,\n  NumberField,\n  OptionButton,\n  DateField,\n  Input,\n  Textarea,\n  TimeField,\n  useToast,\n} from '@withpotter/ui-kit';\nimport { useApiDispatch } from '@withpotter/hooks/use-api-dispatch';\nimport { useAuth } from '@withpotter/lib/auth-context';\nimport { useFormatCurrency } from '@withpotter/hooks/use-format-currency';\nimport { ErrorBanner } from '@withpotter/ui-kit/error-banner';\nimport { TicketTiers, newTier, type Tier } from './ticket-tiers';\nimport { EventPoster } from './event-poster';\nimport type { ProductMedia } from '@withpotter/lib/product-types';\n\n/**\n * PUTTING ON A NIGHT — the form Luma opens with, in our components.\n *\n * John, 2026-09-03: *\"I try to create an event and it still looks like I'm\n * trying to create a product, and the breadcrumbs still say products\"*, then\n * *\"Luma is open on my Chrome, just look at how it's done.\"*\n *\n * What Luma asks, in its order: a cover, a name, start and end (date and time\n * side by side), a location that can be a room or a link, a description, and\n * then options — price, approval, capacity. Everything else it can do lives\n * behind those, after the event exists. Read against our product editor the\n * difference is not the field list, it is the ORDER: ours opens on Price,\n * Track inventory and Low stock alert, and folds the date, the room and the\n * tickets into a section called \"How it sells\". A merchant filling that in is\n * being asked about a warehouse.\n *\n * So this asks for the event, in the order somebody would say it out loud.\n * Nothing here is new storage: it writes the same `ticketed` behaviour to the\n * same record through the same dispatch the editor uses, so an event made here\n * opens in the editor and vice versa. One record, one save path, two doors.\n *\n * WHAT IS DELIBERATELY NOT ASKED. No stock tracking — tickets are the tiers\n * below and capacity is their sum. No category, no SKU, no compare-at price.\n * The editor still has all of it for anyone who wants it, one press away, and\n * an event that never goes near it is the normal case rather than the\n * incomplete one.\n */\nexport function EventComposer() {\n  const router = useRouter();\n  const { tenant } = useAuth();\n  const { save } = useApiDispatch();\n  const { toast } = useToast();\n  const formatCurrency = useFormatCurrency();\n\n  const [title, setTitle] = useState('');\n  const [date, setDate] = useState('');\n  const [startTime, setStartTime] = useState('');\n  const [endTime, setEndTime] = useState('');\n  const [venueName, setVenueName] = useState('');\n  const [venueAddress, setVenueAddress] = useState('');\n  const [onlineUrl, setOnlineUrl] = useState('');\n  const [description, setDescription] = useState('');\n  const [tiers, setTiers] = useState<Tier[]>([newTier()]);\n  const [poster, setPoster] = useState<ProductMedia | null>(null);\n  /**\n   * How many can come, and who can see it.\n   *\n   * John, 2026-09-03: *\"we should be able to set the capacity of an event, we\n   * can set unlimited too, and also if it's a public or private event.\"* Both\n   * are Luma's two Event Options, and both are decisions a host makes while\n   * they are still writing rather than afterwards.\n   *\n   * `null` capacity IS unlimited — one field, not a toggle beside a number. A\n   * toggle stores two facts that can disagree (\"unlimited\" ticked with 200 in\n   * the box), and `NumberField` already answers null for an empty box, which\n   * is the whole reason it exists.\n   *\n   * Private means `isActive: false`: the listing is off the storefront and\n   * shared by link, which is the only privacy this platform can honestly offer\n   * today — there is no members-only tier on a content record.\n   */\n  const [capacity, setCapacity] = useState<number | null>(null);\n  const [isPublic, setIsPublic] = useState(true);\n  const [saving, setSaving] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  /** The symbol only — the whole formatter would print a zero beside a label. */\n  const currencySymbol = formatCurrency(0).replace(/[\\d.,\\s]/g, '') || '₦';\n\n  const canSave = title.trim().length > 0 && !saving;\n\n  const onCreate = useCallback(async () => {\n    if (!canSave || !tenant?.slug) return;\n    setSaving(true);\n    setError(null);\n    try {\n      const priced = tiers.filter((t) => t.name.trim() || t.price !== null);\n      await save(\n        {\n          title: title.trim(),\n          slug: '',\n          description: description.trim() || undefined,\n          isActive: isPublic,\n          heroImage: poster,\n          /**\n           * The cheapest way in, because that is what a listing quotes.\n           * Storefronts read `price` for the card; the tiers below are what is\n           * actually bought, and quoting the dearest would tell somebody the\n           * door costs ₦50,000 when the regular ticket is ₦5,000.\n           */\n          price: priced.length\n            ? Math.min(...priced.map((t) => t.price ?? 0))\n            : 0,\n          trackInventory: false,\n          quantity: 0,\n          productType: 'ticket',\n          behaviorConfigs: {\n            ticketed: {\n              enabled: true,\n              eventDate: date || undefined,\n              eventStartTime: startTime || undefined,\n              eventEndTime: endTime || undefined,\n              venueCapacity: capacity ?? undefined,\n              venueName: venueName.trim() || undefined,\n              venueAddress: venueAddress.trim() || undefined,\n              onlineEventUrl: onlineUrl.trim() || undefined,\n              tiers: priced.map((t) => ({\n                id: t.id,\n                name: t.name.trim() || 'Ticket',\n                price: t.price ?? 0,\n                quantity: t.quantity ?? 0,\n              })),\n            },\n          },\n          intent: 'event-tickets',\n        },\n        'products',\n      );\n\n      toast({ title: 'Event created', description: 'It is on your list.' });\n      /**\n       * BACK TO EVENTS, not into the product editor.\n       *\n       * John, 2026-09-03: *\"after creating an event why does it go to\n       * products, the nav changes to product, the back button shows\n       * products.\"* It landed on `/dashboard/catalog/<id>` because that is\n       * where the editor lands, and the editor is where the rest of a\n       * listing's settings live — but arriving there rewrites the whole frame\n       * around a merchant who has just finished a task: the rail lights\n       * Products, the breadcrumb says Products, and the thing they made is\n       * nowhere on screen.\n       *\n       * The list is where it IS. It shows up there, dated, with its tickets\n       * counted, which is the confirmation the toast is only claiming.\n       */\n      router.replace('/dashboard/events');\n    } catch (err) {\n      setError(\n        err instanceof Error ? err.message : 'Could not create that event.',\n      );\n      setSaving(false);\n    }\n  }, [\n    canSave,\n    capacity,\n    date,\n    description,\n    endTime,\n    isPublic,\n    onlineUrl,\n    poster,\n    router,\n    save,\n    startTime,\n    tenant?.slug,\n    tiers,\n    title,\n    toast,\n    venueAddress,\n    venueName,\n  ]);\n\n  const headerActions = useMemo(\n    () => (\n      <>\n        <Button variant=\"secondary\" onClick={() => router.back()}>\n          Cancel\n        </Button>\n        <Button disabled={!canSave} onClick={() => void onCreate()}>\n          {saving ? 'Creating…' : 'Create event'}\n        </Button>\n      </>\n    ),\n    [canSave, onCreate, router, saving],\n  );\n\n  return (\n    <DetailPage\n      /* NO TITLE — John, 2026-09-03: *\"the page needs no title since we have\n         the breadcrumb.\"* The trail already ends on \"New event\" a line above,\n         so the heading was the same two words twice, forty pixels apart, and\n         the second copy pushed the form down for nothing. */\n      breadcrumbs={[\n        {\n          label: 'Events',\n          href: '/dashboard/events',\n          icon: <CalendarRange />,\n        },\n        { label: 'New event' },\n      ]}\n      /* THE COMMIT IS ON THE HEADER ROW — John, 2026-09-03: *\"the create event\n         button should be at the top of the page, aligned with the\n         breadcrumb.\"* Every other editor in the app saves from there, and on a\n         form this tall the button sat below the fold before a merchant had\n         typed anything: the one control that finishes the job was the one you\n         had to go looking for. It is why `DetailPage` takes `actions`. */\n      actions={headerActions}\n      mobileActions={headerActions}\n    >\n      <div className=\"grid w-full gap-4 lg:grid-cols-[minmax(0,1fr)_300px]\">\n        <div className=\"min-w-0 space-y-4\">\n          <ErrorBanner>{error}</ErrorBanner>\n\n          <Card>\n            {/* The name is the field, not a labelled box under a heading. Luma puts\n            it at display size for a reason: it is the only thing a merchant has\n            certainly decided before opening the form. */}\n            <Input\n              value={title}\n              onChange={(e) => setTitle(e.target.value)}\n              placeholder=\"Event name\"\n              aria-label=\"Event name\"\n              name=\"event-name\"\n              className=\"!text-2xl\"\n            />\n          </Card>\n\n          <Card>\n            <p className=\"mb-3 flex items-center gap-2 text-sm font-medium text-[var(--text-secondary)]\">\n              <CalendarDays className=\"size-4\" />\n              When\n            </p>\n            <div className=\"flex flex-wrap items-end gap-3\">\n              <div className=\"min-w-[180px] flex-1\">\n                <DateField\n                  value={date}\n                  onChange={setDate}\n                  name=\"event-date\"\n                  aria-label=\"Event date\"\n                />\n              </div>\n              <div className=\"w-32\">\n                <TimeField\n                  value={startTime}\n                  onChange={setStartTime}\n                  name=\"event-start\"\n                  aria-label=\"Start time\"\n                />\n              </div>\n              <div className=\"w-32\">\n                <TimeField\n                  value={endTime}\n                  onChange={setEndTime}\n                  name=\"event-end\"\n                  aria-label=\"End time\"\n                />\n              </div>\n            </div>\n            {/* A date is not required to save, which is the whole reason the Events\n            list has an All that shows undated listings: a merchant blocks out\n            the idea before the venue confirms. */}\n          </Card>\n\n          <Card>\n            <p className=\"mb-3 flex items-center gap-2 text-sm font-medium text-[var(--text-secondary)]\">\n              <MapPin className=\"size-4\" />\n              Where\n            </p>\n            <div className=\"space-y-3\">\n              <Input\n                label=\"Venue\"\n                value={venueName}\n                onChange={(e) => setVenueName(e.target.value)}\n                placeholder=\"The Grand Junction Hall\"\n                name=\"venue-name\"\n              />\n              <Input\n                label=\"Address\"\n                value={venueAddress}\n                onChange={(e) => setVenueAddress(e.target.value)}\n                placeholder=\"Street, area, city\"\n                name=\"venue-address\"\n              />\n              {/* One field, both kinds of event — Luma's \"offline location or\n              virtual link\" as two rows rather than a mode switch, because a\n              hybrid night has both and a toggle would make somebody choose. */}\n              <Input\n                label=\"Or a link, for an online event\"\n                value={onlineUrl}\n                onChange={(e) => setOnlineUrl(e.target.value)}\n                placeholder=\"https://\"\n                name=\"online-url\"\n              />\n            </div>\n          </Card>\n\n          <Card>\n            <p className=\"mb-3 flex items-center gap-2 text-sm font-medium text-[var(--text-secondary)]\">\n              <Ticket className=\"size-4\" />\n              Tickets\n            </p>\n            <TicketTiers\n              tiers={tiers}\n              onChange={setTiers}\n              currencySymbol={currencySymbol}\n            />\n          </Card>\n\n          <Card>\n            <Textarea\n              label=\"About this event\"\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n              placeholder=\"What is happening, who it is for, what to bring.\"\n              rows={4}\n              name=\"event-description\"\n            />\n          </Card>\n        </div>\n\n        {/* THE POSTER SITS RIGHT — John, 2026-09-03: *\"the event image should be\n          at the right side not the left.\"* Luma puts it left and this is not\n          Luma: every other editor in this app keeps its media in a right-hand\n          rail, and a merchant arriving from the product editor should not have\n          to find it on the other side of the screen. Below `lg` it stacks\n          under the form, where a picture is a finishing touch rather than the\n          first question. */}\n        {/* AND THE RAIL CARRIES MORE THAN THE PICTURE — John, 2026-09-03:\n            *\"look at the creation of products page, we have more stuff on the\n            right column.\"* The product editor puts the picture, the status and\n            the organising there and keeps the left for what the thing IS,\n            which is the shape a merchant coming from that screen already\n            knows. So the poster travels with the two decisions that are about\n            an event's REACH rather than its content: how many can come, and\n            who can see it. */}\n        <div className=\"space-y-4 lg:sticky lg:top-4 lg:self-start\">\n          <EventPoster value={poster} onChange={setPoster} />\n\n          <Card>\n            <p className=\"mb-3 text-sm font-medium text-[var(--text-secondary)]\">\n              Who and how many\n            </p>\n            <div className=\"flex flex-wrap items-end gap-4\">\n              <div className=\"w-40\">\n                <NumberField\n                  label=\"Capacity\"\n                  value={capacity}\n                  onChange={setCapacity}\n                  min={0}\n                  placeholder=\"Unlimited\"\n                />\n              </div>\n              {/* Chosen, not fired, so `OptionButton` rather than a Button with\n              a conditional variant — and a pair rather than a switch,\n              because public and private are two named things and a toggle\n              would make a merchant work out which way is which. */}\n              <div className=\"flex gap-2\">\n                <OptionButton\n                  selected={isPublic}\n                  onClick={() => setIsPublic(true)}\n                >\n                  Public\n                </OptionButton>\n                <OptionButton\n                  selected={!isPublic}\n                  onClick={() => setIsPublic(false)}\n                >\n                  Private\n                </OptionButton>\n              </div>\n            </div>\n            <p className=\"mt-2 text-sm text-[var(--text-tertiary)]\">\n              {isPublic\n                ? 'On your website, and anyone with the link can buy.'\n                : 'Off your website. Only people you send the link to will find it.'}\n            </p>\n          </Card>\n        </div>\n      </div>\n    </DetailPage>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/dashboard/(bookings)/events/new/_components/event-poster.js

@@ -0,0 +1,65 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { ImagePlus, Loader2 } from "lucide-react";
+import { Button, FileInput } from "@withpotter/ui-kit";
+import { uploadImage } from "@withpotter/lib/media-service";
+function EventPoster({
+  value,
+  onChange
+}) {
+  const [uploading, setUploading] = useState(false);
+  const [error, setError] = useState(null);
+  const onFiles = async (files) => {
+    const file = files[0];
+    if (!file) return;
+    setUploading(true);
+    setError(null);
+    try {
+      const result = await uploadImage(file);
+      onChange({
+        url: result.url,
+        type: "image",
+        width: result.width,
+        height: result.height
+      });
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "That upload failed.");
+    } finally {
+      setUploading(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxs(
+      "label",
+      {
+        htmlFor: "event-poster",
+        className: "surface-interactive grid aspect-square w-full cursor-pointer place-items-center overflow-hidden",
+        children: [
+          /* @__PURE__ */ jsx(
+            FileInput,
+            {
+              id: "event-poster",
+              accept: "image/*",
+              onFiles: (files) => void onFiles(files),
+              "aria-label": "Event poster"
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "grid size-full place-items-center", children: value?.url ? (
+            /* eslint-disable-next-line @next/next/no-img-element */
+            /* @__PURE__ */ jsx("img", { src: value.url, alt: "", className: "size-full object-cover" })
+          ) : /* @__PURE__ */ jsxs("span", { className: "flex flex-col items-center gap-2 text-sm text-[var(--text-tertiary)]", children: [
+            uploading ? /* @__PURE__ */ jsx(Loader2, { className: "size-5 animate-spin" }) : /* @__PURE__ */ jsx(ImagePlus, { className: "size-5" }),
+            uploading ? "Uploading\u2026" : "Add a poster"
+          ] }) })
+        ]
+      }
+    ),
+    value?.url && /* @__PURE__ */ jsx(Button, { size: "sm", variant: "ghost", onClick: () => onChange(null), children: "Remove poster" }),
+    error && /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--error)]", children: error })
+  ] });
+}
+export {
+  EventPoster
+};
+//# sourceMappingURL=event-poster.js.map

package/dist/dashboard/(bookings)/events/new/_components/event-poster.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/dashboard/%28bookings%29/events/new/_components/event-poster.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { ImagePlus, Loader2 } from 'lucide-react';\nimport { Button, FileInput } from '@withpotter/ui-kit';\nimport { uploadImage } from '@withpotter/lib/media-service';\nimport type { ProductMedia } from '@withpotter/lib/product-types';\n\n/**\n * THE POSTER — John, 2026-09-03: *\"where's the second column that should have\n * the event poster.\"*\n *\n * Luma's composer is a poster on the left and the event on the right, and the\n * poster is not decoration there: it is what the event will look like when\n * somebody is sent the link, which is the only thing most guests will ever see\n * of it. A form that asks for it last treats it as an afterthought, and the\n * merchants who most need to sell tickets are exactly the ones with a flyer\n * already made.\n *\n * SQUARE, and that is a decision. Luma's is square, Partiful's is square, and\n * an event flyer coming out of Canva or a phone is square far more often than\n * it is 16:9 — the ratio the rest of our catalogue assumes for a product\n * photograph. Cropping a poster to a letterbox cuts the date off the bottom.\n *\n * It uploads on choose rather than on save, so the picture is on screen while\n * the merchant is still typing the name. The cost is an orphaned upload if\n * they abandon the form, which is the trade every editor in the app already\n * makes.\n */\nexport function EventPoster({\n  value,\n  onChange,\n}: {\n  value: ProductMedia | null;\n  onChange: (media: ProductMedia | null) => void;\n}) {\n  const [uploading, setUploading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const onFiles = async (files: File[]) => {\n    const file = files[0];\n    if (!file) return;\n    setUploading(true);\n    setError(null);\n    try {\n      const result = await uploadImage(file);\n      onChange({\n        url: result.url,\n        type: 'image',\n        width: result.width,\n        height: result.height,\n      });\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'That upload failed.');\n    } finally {\n      setUploading(false);\n    }\n  };\n\n  return (\n    <div className=\"space-y-2\">\n      {/* A <label> is the visible control, so `FileInput` stays reachable and\n          labelable rather than display:none — see its own note. */}\n      <label\n        htmlFor=\"event-poster\"\n        className=\"surface-interactive grid aspect-square w-full cursor-pointer place-items-center overflow-hidden\"\n      >\n        <FileInput\n          id=\"event-poster\"\n          accept=\"image/*\"\n          onFiles={(files) => void onFiles(files)}\n          aria-label=\"Event poster\"\n        />\n        <div className=\"grid size-full place-items-center\">\n          {value?.url ? (\n            /* eslint-disable-next-line @next/next/no-img-element */\n            <img src={value.url} alt=\"\" className=\"size-full object-cover\" />\n          ) : (\n            <span className=\"flex flex-col items-center gap-2 text-sm text-[var(--text-tertiary)]\">\n              {uploading ? (\n                <Loader2 className=\"size-5 animate-spin\" />\n              ) : (\n                <ImagePlus className=\"size-5\" />\n              )}\n              {uploading ? 'Uploading…' : 'Add a poster'}\n            </span>\n          )}\n        </div>\n      </label>\n\n      {value?.url && (\n        <Button size=\"sm\" variant=\"ghost\" onClick={() => onChange(null)}>\n          Remove poster\n        </Button>\n      )}\n      {error && <p className=\"text-sm text-[var(--error)]\">{error}</p>}\n    </div>\n  );\n}\n"],"mappings":";AAmEQ,cAWI,YAXJ;AAjER,SAAS,gBAAgB;AACzB,SAAS,WAAW,eAAe;AACnC,SAAS,QAAQ,iBAAiB;AAClC,SAAS,mBAAmB;AAwBrB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AACF,GAGG;AACD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,IAAI;AAEtD,QAAM,UAAU,OAAO,UAAkB;AACvC,UAAM,OAAO,MAAM,CAAC;AACpB,QAAI,CAAC,KAAM;AACX,iBAAa,IAAI;AACjB,aAAS,IAAI;AACb,QAAI;AACF,YAAM,SAAS,MAAM,YAAY,IAAI;AACrC,eAAS;AAAA,QACP,KAAK,OAAO;AAAA,QACZ,MAAM;AAAA,QACN,OAAO,OAAO;AAAA,QACd,QAAQ,OAAO;AAAA,MACjB,CAAC;AAAA,IACH,SAAS,KAAK;AACZ,eAAS,eAAe,QAAQ,IAAI,UAAU,qBAAqB;AAAA,IACrE,UAAE;AACA,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF;AAEA,SACE,qBAAC,SAAI,WAAU,aAGb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,WAAU;AAAA,QAEV;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,IAAG;AAAA,cACH,QAAO;AAAA,cACP,SAAS,CAAC,UAAU,KAAK,QAAQ,KAAK;AAAA,cACtC,cAAW;AAAA;AAAA,UACb;AAAA,UACA,oBAAC,SAAI,WAAU,qCACZ,iBAAO;AAAA;AAAA,YAEN,oBAAC,SAAI,KAAK,MAAM,KAAK,KAAI,IAAG,WAAU,0BAAyB;AAAA,cAE/D,qBAAC,UAAK,WAAU,wEACb;AAAA,wBACC,oBAAC,WAAQ,WAAU,uBAAsB,IAEzC,oBAAC,aAAU,WAAU,UAAS;AAAA,YAE/B,YAAY,oBAAe;AAAA,aAC9B,GAEJ;AAAA;AAAA;AAAA,IACF;AAAA,IAEC,OAAO,OACN,oBAAC,UAAO,MAAK,MAAK,SAAQ,SAAQ,SAAS,MAAM,SAAS,IAAI,GAAG,2BAEjE;AAAA,IAED,SAAS,oBAAC,OAAE,WAAU,+BAA+B,iBAAM;AAAA,KAC9D;AAEJ;","names":[]}

package/dist/dashboard/(bookings)/events/new/_components/ticket-tiers.js

@@ -0,0 +1,75 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Plus, X } from "lucide-react";
+import { Button, Input, NumberField } from "@withpotter/ui-kit";
+const newTier = () => ({
+  id: `${Date.now()}-${Math.random().toString(36).slice(2, 9)}`,
+  name: "",
+  price: null,
+  quantity: null
+});
+function TicketTiers({
+  tiers,
+  onChange,
+  currencySymbol
+}) {
+  const update = (id, patch) => onChange(tiers.map((t) => t.id === id ? { ...t, ...patch } : t));
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    tiers.map((tier, index) => /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx(
+        Input,
+        {
+          label: index === 0 ? "Ticket" : void 0,
+          value: tier.name,
+          onChange: (e) => update(tier.id, { name: e.target.value }),
+          placeholder: index === 0 ? "Regular" : "VIP, Table of ten\u2026",
+          name: `tier-name-${tier.id}`
+        }
+      ) }),
+      /* @__PURE__ */ jsx("div", { className: "w-32", children: /* @__PURE__ */ jsx(
+        NumberField,
+        {
+          label: index === 0 ? `Price (${currencySymbol})` : void 0,
+          value: tier.price,
+          onChange: (value) => update(tier.id, { price: value }),
+          min: 0
+        }
+      ) }),
+      /* @__PURE__ */ jsx("div", { className: "w-28", children: /* @__PURE__ */ jsx(
+        NumberField,
+        {
+          label: index === 0 ? "How many" : void 0,
+          value: tier.quantity,
+          onChange: (value) => update(tier.id, { quantity: value }),
+          min: 0
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "icon",
+          variant: "ghost",
+          "aria-label": `Remove ${tier.name || "ticket"}`,
+          disabled: tiers.length === 1,
+          onClick: () => onChange(tiers.filter((t) => t.id !== tier.id)),
+          children: /* @__PURE__ */ jsx(X, {})
+        }
+      )
+    ] }, tier.id)),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "sm",
+        variant: "secondary",
+        icon: /* @__PURE__ */ jsx(Plus, {}),
+        onClick: () => onChange([...tiers, newTier()]),
+        children: "Add ticket type"
+      }
+    )
+  ] });
+}
+export {
+  TicketTiers,
+  newTier
+};
+//# sourceMappingURL=ticket-tiers.js.map

package/dist/dashboard/(bookings)/events/new/_components/ticket-tiers.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/dashboard/%28bookings%29/events/new/_components/ticket-tiers.tsx"],"sourcesContent":["'use client';\n\nimport { Plus, X } from 'lucide-react';\nimport { Button, Input, NumberField } from '@withpotter/ui-kit';\n\nexport interface Tier {\n  id: string;\n  name: string;\n  price: number | null;\n  quantity: number | null;\n}\n\nexport const newTier = (): Tier => ({\n  id: `${Date.now()}-${Math.random().toString(36).slice(2, 9)}`,\n  name: '',\n  price: null,\n  quantity: null,\n});\n\n/**\n * WHAT YOU CAN BUY, AND HOW MANY OF IT — John, 2026-09-03: *\"when creating you\n * should be able to create ticket levels too, regular, VIP etc, depending on\n * what you want to name, and tables.\"*\n *\n * The names are typed, never chosen from a list. Regular and VIP are the two\n * everyone reaches for and they are the reason a fixed list is wrong: the third\n * one is always somebody's own — Early bird, Table of ten, Gold circle,\n * Owambe. A dropdown of our words would make the common case one press faster\n * and the real case impossible, which is the wrong trade on the field that\n * carries the price.\n *\n * A TABLE IS A TIER. It is a name, a price and a number available, which is the\n * shape already here; what makes it a table is what the merchant calls it and\n * what they charge. Modelling seating as its own thing would buy a floor plan\n * nobody asked for and split the one number a venue watches — how many are\n * left — across two systems.\n *\n * Quantity is per tier and capacity is the sum, which is why the room's own\n * capacity is not asked for here: seats held back were never for sale, and a\n * venue that sold 40 of a 500-seat room while only offering 60 needs the 60.\n */\nexport function TicketTiers({\n  tiers,\n  onChange,\n  currencySymbol,\n}: {\n  tiers: Tier[];\n  onChange: (tiers: Tier[]) => void;\n  currencySymbol: string;\n}) {\n  const update = (id: string, patch: Partial<Tier>) =>\n    onChange(tiers.map((t) => (t.id === id ? { ...t, ...patch } : t)));\n\n  return (\n    <div className=\"space-y-2\">\n      {tiers.map((tier, index) => (\n        <div key={tier.id} className=\"flex items-end gap-2\">\n          <div className=\"min-w-0 flex-1\">\n            <Input\n              label={index === 0 ? 'Ticket' : undefined}\n              value={tier.name}\n              onChange={(e) => update(tier.id, { name: e.target.value })}\n              placeholder={index === 0 ? 'Regular' : 'VIP, Table of ten…'}\n              name={`tier-name-${tier.id}`}\n            />\n          </div>\n          <div className=\"w-32\">\n            <NumberField\n              label={index === 0 ? `Price (${currencySymbol})` : undefined}\n              value={tier.price}\n              onChange={(value) => update(tier.id, { price: value })}\n              min={0}\n            />\n          </div>\n          <div className=\"w-28\">\n            <NumberField\n              label={index === 0 ? 'How many' : undefined}\n              value={tier.quantity}\n              onChange={(value) => update(tier.id, { quantity: value })}\n              min={0}\n            />\n          </div>\n          {/* The last one cannot go: an event with no tickets is not on sale,\n              and a row you can empty but not remove is clearer than an empty\n              list with an Add button where the tickets used to be. */}\n          <Button\n            size=\"icon\"\n            variant=\"ghost\"\n            aria-label={`Remove ${tier.name || 'ticket'}`}\n            disabled={tiers.length === 1}\n            onClick={() => onChange(tiers.filter((t) => t.id !== tier.id))}\n          >\n            <X />\n          </Button>\n        </div>\n      ))}\n\n      <Button\n        size=\"sm\"\n        variant=\"secondary\"\n        icon={<Plus />}\n        onClick={() => onChange([...tiers, newTier()])}\n      >\n        Add ticket type\n      </Button>\n    </div>\n  );\n}\n"],"mappings":";AAwDQ,SAEI,KAFJ;AAtDR,SAAS,MAAM,SAAS;AACxB,SAAS,QAAQ,OAAO,mBAAmB;AASpC,MAAM,UAAU,OAAa;AAAA,EAClC,IAAI,GAAG,KAAK,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,GAAG,CAAC,CAAC;AAAA,EAC3D,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AACZ;AAwBO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,SAAS,CAAC,IAAY,UAC1B,SAAS,MAAM,IAAI,CAAC,MAAO,EAAE,OAAO,KAAK,EAAE,GAAG,GAAG,GAAG,MAAM,IAAI,CAAE,CAAC;AAEnE,SACE,qBAAC,SAAI,WAAU,aACZ;AAAA,UAAM,IAAI,CAAC,MAAM,UAChB,qBAAC,SAAkB,WAAU,wBAC3B;AAAA,0BAAC,SAAI,WAAU,kBACb;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,UAAU,IAAI,WAAW;AAAA,UAChC,OAAO,KAAK;AAAA,UACZ,UAAU,CAAC,MAAM,OAAO,KAAK,IAAI,EAAE,MAAM,EAAE,OAAO,MAAM,CAAC;AAAA,UACzD,aAAa,UAAU,IAAI,YAAY;AAAA,UACvC,MAAM,aAAa,KAAK,EAAE;AAAA;AAAA,MAC5B,GACF;AAAA,MACA,oBAAC,SAAI,WAAU,QACb;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,UAAU,IAAI,UAAU,cAAc,MAAM;AAAA,UACnD,OAAO,KAAK;AAAA,UACZ,UAAU,CAAC,UAAU,OAAO,KAAK,IAAI,EAAE,OAAO,MAAM,CAAC;AAAA,UACrD,KAAK;AAAA;AAAA,MACP,GACF;AAAA,MACA,oBAAC,SAAI,WAAU,QACb;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,UAAU,IAAI,aAAa;AAAA,UAClC,OAAO,KAAK;AAAA,UACZ,UAAU,CAAC,UAAU,OAAO,KAAK,IAAI,EAAE,UAAU,MAAM,CAAC;AAAA,UACxD,KAAK;AAAA;AAAA,MACP,GACF;AAAA,MAIA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,cAAY,UAAU,KAAK,QAAQ,QAAQ;AAAA,UAC3C,UAAU,MAAM,WAAW;AAAA,UAC3B,SAAS,MAAM,SAAS,MAAM,OAAO,CAAC,MAAM,EAAE,OAAO,KAAK,EAAE,CAAC;AAAA,UAE7D,8BAAC,KAAE;AAAA;AAAA,MACL;AAAA,SArCQ,KAAK,EAsCf,CACD;AAAA,IAED;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,MAAM,oBAAC,QAAK;AAAA,QACZ,SAAS,MAAM,SAAS,CAAC,GAAG,OAAO,QAAQ,CAAC,CAAC;AAAA,QAC9C;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;","names":[]}

package/dist/dashboard/(bookings)/events/new/page.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { EventComposer } from "./_components/event-composer";
+function NewEventPage() {
+  return /* @__PURE__ */ jsx(EventComposer, {});
+}
+export {
+  NewEventPage as default
+};
+//# sourceMappingURL=page.js.map

package/dist/dashboard/(bookings)/events/new/page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/dashboard/%28bookings%29/events/new/page.tsx"],"sourcesContent":["'use client';\n\nimport { EventComposer } from './_components/event-composer';\n\n/**\n * Making an event, in a form that is about an event.\n *\n * John, 2026-09-03, three times: *\"when I click on create it goes to create\n * products\"*, then *\"if I click on create event it takes me to the products\n * page\"*, then *\"I try to create an event and it still looks like I'm trying\n * to create a product, and the breadcrumbs still say products.\"*\n *\n * The first two were the scope and the address. This is the third and it is\n * the real one: the product editor asks about Price, Track inventory and Low\n * stock alert before it asks when the night is, and folds the date, the room\n * and the tickets into a section called \"How it sells\". A merchant filling\n * that in is being asked about a warehouse.\n *\n * A CREATE SCREEN IS A DETAIL SCREEN — house rule — so it keeps the sidebar\n * and carries breadcrumbs, and those breadcrumbs say Events, which is where\n * the merchant came from and where the record will appear. They said Products\n * because the editor resolves its noun through the merchant's own\n * `moduleLabels`, and this workspace has renamed the catalogue module to\n * Products; on a screen that exists only to make an event, the archetype's\n * word is the true one.\n *\n * The editor is still there and still better for everything else: variants,\n * collections, gating, custom fields, media galleries. An event made here\n * opens in it, because this writes the same `ticketed` behaviour to the same\n * record through the same dispatch. One record, one save path, two doors.\n */\nexport default function NewEventPage() {\n  return <EventComposer />;\n}\n"],"mappings":";AAgCS;AA9BT,SAAS,qBAAqB;AA6Bf,SAAR,eAAgC;AACrC,SAAO,oBAAC,iBAAc;AACxB;","names":[]}