@withpotter/pages-bookings 0.13.0-next.101

package/dist/dashboard/(bookings)/events/[eventId]/page.js

@@ -0,0 +1,247 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useItemLinks } from "@withpotter/lib/use-item-links";
+import { useEffect, useState } from "react";
+import { useParams, useRouter } from "next/navigation";
+import { CalendarRange, Crown, MapPin, Pencil, Ticket } from "lucide-react";
+import { Button, Card, DetailPage, DetailStates } from "@withpotter/ui-kit";
+import { useToast } from "@withpotter/ui-kit/use-toast";
+import { StatusBadge } from "@withpotter/components/shared/status-badge";
+import { useApiQuery } from "@withpotter/hooks/use-api-query";
+import { useAuth } from "@withpotter/lib/auth-context";
+import { useFormatCurrency } from "@withpotter/hooks/use-format-currency";
+import { bookingsApi } from "@withpotter/lib/api/bookings";
+import { inventoryApi } from "@withpotter/lib/api/inventory";
+import { storefrontPageUrl } from "@withpotter/lib/storefront";
+import {
+  eventFacts,
+  eventPublicationStatus,
+  eventTierFacts,
+  whenLabel
+} from "../_lib/event-facts";
+import { EventShare } from "./_components/event-share";
+import { EventAttendees } from "./_components/event-attendees";
+function EventPage() {
+  const params = useParams();
+  const router = useRouter();
+  const links = useItemLinks();
+  const { tenant } = useAuth();
+  const formatCurrency = useFormatCurrency();
+  const eventId = params?.eventId;
+  const { toast } = useToast();
+  const [creatingTestPurchase, setCreatingTestPurchase] = useState(false);
+  const [testPurchasesEnabled, setTestPurchasesEnabled] = useState(false);
+  useEffect(() => {
+    const frame = window.requestAnimationFrame(() => {
+      setTestPurchasesEnabled(
+        window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1"
+      );
+    });
+    return () => window.cancelAnimationFrame(frame);
+  }, []);
+  const { data, isLoading, error, refetch } = useApiQuery(
+    ["event", eventId],
+    (slug) => inventoryApi.getById(slug, eventId)
+  );
+  const event = data;
+  const facts = event ? eventFacts(event) : null;
+  const publicUrl = tenant?.slug && event?.slug ? storefrontPageUrl(tenant.slug, `/events/${event.slug}`) : "";
+  const tiers = event ? eventTierFacts(event) : [];
+  async function createTestPurchase() {
+    const tier = tiers.find((candidate) => candidate.soldCount < candidate.quantity) ?? tiers[0];
+    if (!tenant?.slug || !facts?.date || !tier?.id) {
+      toast({
+        title: "This event is not ready for a test sale",
+        description: "Add an event date and a ticket tier before testing a purchase.",
+        variant: "destructive"
+      });
+      return;
+    }
+    setCreatingTestPurchase(true);
+    try {
+      await bookingsApi.createTestPurchase(tenant.slug, {
+        type: "event",
+        contentId: eventId,
+        date: facts.date,
+        quantity: 1,
+        customerName: "Local Test Guest",
+        customerEmail: "local-test@example.test",
+        total: tier.price,
+        metadata: {
+          tierId: tier.id,
+          tierName: tier.name
+        }
+      });
+      await refetch();
+      toast({
+        title: "Test sale recorded",
+        description: `${tier.name} is now counted as a paid ticket.`
+      });
+    } catch (error2) {
+      toast({
+        title: "Test sale failed",
+        description: error2 instanceof Error ? error2.message : "Unable to create the test sale.",
+        variant: "destructive"
+      });
+    } finally {
+      setCreatingTestPurchase(false);
+    }
+  }
+  const hashtag = `#${(event?.slug || "").replace(/-/g, "")}`;
+  if (isLoading || error || !event || !facts) {
+    return /* @__PURE__ */ jsx(
+      DetailStates,
+      {
+        loading: isLoading && !event,
+        error: error?.message ?? null,
+        onRetry: () => void refetch(),
+        back: { href: links.list, label: "Events" },
+        notFoundLabel: "That event is not here. It may have been deleted."
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    DetailPage,
+    {
+      breadcrumbs: [
+        {
+          label: "Events",
+          href: links.list,
+          icon: /* @__PURE__ */ jsx(CalendarRange, {})
+        },
+        { label: event.title }
+      ],
+      actions: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "secondary",
+          icon: /* @__PURE__ */ jsx(Pencil, {}),
+          onClick: () => router.push(`/dashboard/catalog/${eventId}/edit`),
+          children: "Edit"
+        }
+      ) }),
+      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(Card, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-2 text-sm font-medium text-[var(--text-primary)]", children: [
+                /* @__PURE__ */ jsx(CalendarRange, { className: "size-4 shrink-0" }),
+                whenLabel(facts)
+              ] }),
+              facts.venue || facts.venueAddress ? (
+                /* THE ROOM, AND A WAY TO FIND IT. A venue name on its
+                       own is a fact; a name that opens a map is a direction,
+                       and the person reading this on the day is usually
+                       about to travel to it or tell somebody else how. The
+                       query is the name and the address together, because a
+                       hall name alone lands on the wrong city often enough
+                       to be useless. */
+                /* @__PURE__ */ jsxs(
+                  "a",
+                  {
+                    className: "mt-1 flex min-w-0 items-start gap-2 rounded-md text-sm text-[var(--text-link)] underline decoration-[var(--text-link)] underline-offset-4 hover:text-[var(--text-primary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--focus-ring)]",
+                    href: `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(
+                      [facts.venue, facts.venueAddress].filter(Boolean).join(", ")
+                    )}`,
+                    target: "_blank",
+                    rel: "noreferrer",
+                    children: [
+                      /* @__PURE__ */ jsx(MapPin, { className: "size-4 shrink-0" }),
+                      /* @__PURE__ */ jsx("span", { className: "min-w-0 break-words", children: [facts.venue, facts.venueAddress].filter(Boolean).join(", ") })
+                    ]
+                  }
+                )
+              ) : null
+            ] }),
+            /* @__PURE__ */ jsx(StatusBadge, { status: eventPublicationStatus(event) })
+          ] }) }),
+          /* @__PURE__ */ jsxs(Card, { children: [
+            /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-baseline justify-between gap-3", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-[var(--text-secondary)]", children: "Tickets" }),
+              /* @__PURE__ */ jsx("p", { className: "text-sm tabular-nums text-[var(--text-tertiary)]", children: tiers.length === 0 ? "No tickets yet" : facts.capacity > 0 ? `${facts.sold} of ${facts.capacity} sold` : `${facts.sold} sold, no limit` })
+            ] }),
+            /* @__PURE__ */ jsx("ul", { className: "space-y-1", children: tiers.map((tier, i) => /* @__PURE__ */ jsxs(
+              "li",
+              {
+                className: "flex items-center justify-between gap-3 rounded-lg px-2 py-2 text-sm",
+                children: [
+                  /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [
+                    tier.name.toLowerCase().includes("vip") ? /* @__PURE__ */ jsx(
+                      Crown,
+                      {
+                        "aria-hidden": "true",
+                        className: "size-4 shrink-0 text-[var(--text-secondary)]"
+                      }
+                    ) : /* @__PURE__ */ jsx(
+                      Ticket,
+                      {
+                        "aria-hidden": "true",
+                        className: "size-4 shrink-0 text-[var(--text-secondary)]"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("span", { className: "truncate text-[var(--text-primary)]", children: tier.name })
+                  ] }),
+                  /* @__PURE__ */ jsxs("span", { className: "shrink-0 tabular-nums text-[var(--text-tertiary)]", children: [
+                    formatCurrency(tier.price, event.currency),
+                    " \xB7",
+                    " ",
+                    tier.soldCount,
+                    "/",
+                    tier.quantity
+                  ] })
+                ]
+              },
+              `${tier.name}-${i}`
+            )) }),
+            testPurchasesEnabled ? /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "secondary",
+                className: "mt-3 w-full",
+                icon: /* @__PURE__ */ jsx(Ticket, {}),
+                disabled: creatingTestPurchase,
+                onClick: () => void createTestPurchase(),
+                children: creatingTestPurchase ? "Recording test sale\u2026" : "Record test sale"
+              }
+            ) : null
+          ] }),
+          /* @__PURE__ */ jsx(
+            EventAttendees,
+            {
+              eventId,
+              doorListHref: `/dashboard/bookings/attendees?contentId=${eventId}`
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-4 lg:sticky lg:top-4 lg:self-start", children: [
+          typeof event.image === "string" ? (
+            /* eslint-disable-next-line @next/next/no-img-element */
+            /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: event.image,
+                alt: "",
+                className: "aspect-square w-full rounded-[var(--radius-card)] object-cover"
+              }
+            )
+          ) : event.image?.url ? (
+            /* eslint-disable-next-line @next/next/no-img-element */
+            /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: event.image.url,
+                alt: "",
+                className: "aspect-square w-full rounded-[var(--radius-card)] object-cover"
+              }
+            )
+          ) : null,
+          publicUrl && /* @__PURE__ */ jsx(EventShare, { url: publicUrl, title: event.title, hashtag })
+        ] })
+      ] })
+    }
+  );
+}
+export {
+  EventPage as default
+};
+//# sourceMappingURL=page.js.map

package/dist/dashboard/(bookings)/events/[eventId]/page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/dashboard/%28bookings%29/events/%5BeventId%5D/page.tsx"],"sourcesContent":["'use client';\n\nimport { useItemLinks } from '@withpotter/lib/use-item-links';\nimport { useEffect, useState } from 'react';\nimport { useParams, useRouter } from 'next/navigation';\nimport { CalendarRange, Crown, MapPin, Pencil, Ticket } from 'lucide-react';\nimport { Button, Card, DetailPage, DetailStates } from '@withpotter/ui-kit';\nimport { useToast } from '@withpotter/ui-kit/use-toast';\nimport { StatusBadge } from '@withpotter/components/shared/status-badge';\nimport { useApiQuery } from '@withpotter/hooks/use-api-query';\nimport { useAuth } from '@withpotter/lib/auth-context';\nimport { useFormatCurrency } from '@withpotter/hooks/use-format-currency';\nimport { bookingsApi } from '@withpotter/lib/api/bookings';\nimport { inventoryApi } from '@withpotter/lib/api/inventory';\nimport { storefrontPageUrl } from '@withpotter/lib/storefront';\nimport type { InventoryProduct } from '@withpotter/lib/api/types';\nimport {\n  eventFacts,\n  eventPublicationStatus,\n  eventTierFacts,\n  whenLabel,\n} from '../_lib/event-facts';\nimport { EventShare } from './_components/event-share';\nimport { EventAttendees } from './_components/event-attendees';\n\n/**\n * ONE NIGHT, AND EVERYTHING ABOUT IT.\n *\n * John, 2026-09-03: *\"each event should also have attendees, map location,\n * date, copy link, event page, hashtag\"*, and *\"the individual event should\n * have an attendees section, not a button.\"*\n *\n * ── WHY THIS IS NOT THE PRODUCT EDITOR ──\n *\n * The editor is where a listing is CHANGED, and it is good at that: variants,\n * collections, gating, custom fields. None of it is what somebody opens an\n * event for. On the day, the questions are: is it selling, who is coming, and\n * how do I get this in front of more people — and every one of those is a read\n * the editor has no room for, because a form is laid out around the fields it\n * writes.\n *\n * So this is the read, and Edit is one press away. Nothing here writes; the\n * one thing it changes is on the door, and that lives on the roster.\n *\n * WHAT IS NOT A SECTION HERE, deliberately: check-in. Scanning is a phone job\n * done at a door, for one show, on `/dashboard/bookings/attendees` where the\n * scanner and the manual code box already are — and, from a machine, on\n * `POST /devices/scan`. Putting a scan box on this page would be a third place\n * a ticket can be admitted and a third set of rules to keep in step.\n */\nexport default function EventPage() {\n  const params = useParams();\n  const router = useRouter();\n  const links = useItemLinks();\n  const { tenant } = useAuth();\n  const formatCurrency = useFormatCurrency();\n  const eventId = params?.eventId as string;\n  const { toast } = useToast();\n  const [creatingTestPurchase, setCreatingTestPurchase] = useState(false);\n  const [testPurchasesEnabled, setTestPurchasesEnabled] = useState(false);\n\n  useEffect(() => {\n    const frame = window.requestAnimationFrame(() => {\n      setTestPurchasesEnabled(\n        window.location.hostname === 'localhost' ||\n          window.location.hostname === '127.0.0.1',\n      );\n    });\n    return () => window.cancelAnimationFrame(frame);\n  }, []);\n\n  const { data, isLoading, error, refetch } = useApiQuery(\n    ['event', eventId],\n    (slug) => inventoryApi.getById(slug, eventId),\n  );\n\n  const event = data as InventoryProduct | undefined;\n  const facts = event ? eventFacts(event) : null;\n\n  /**\n   * The public page, which is also what the QR resolves to.\n   *\n   * `/{tenant}/events/{slug}` is a route the storefront already serves, with\n   * the night, the room, the tiers and a way to pay on it — so \"scan, see\n   * details, then pay\" needs no new surface. A bespoke ticket-buying screen\n   * behind the code would be a second storefront to keep in step with the\n   * first.\n   */\n  const publicUrl =\n    tenant?.slug && event?.slug\n      ? storefrontPageUrl(tenant.slug, `/events/${event.slug}`)\n      : '';\n\n  const tiers = event ? eventTierFacts(event) : [];\n\n  async function createTestPurchase() {\n    const tier =\n      tiers.find((candidate) => candidate.soldCount < candidate.quantity) ??\n      tiers[0];\n    if (!tenant?.slug || !facts?.date || !tier?.id) {\n      toast({\n        title: 'This event is not ready for a test sale',\n        description:\n          'Add an event date and a ticket tier before testing a purchase.',\n        variant: 'destructive',\n      });\n      return;\n    }\n\n    setCreatingTestPurchase(true);\n    try {\n      await bookingsApi.createTestPurchase(tenant.slug, {\n        type: 'event',\n        contentId: eventId,\n        date: facts.date,\n        quantity: 1,\n        customerName: 'Local Test Guest',\n        customerEmail: 'local-test@example.test',\n        total: tier.price,\n        metadata: {\n          tierId: tier.id,\n          tierName: tier.name,\n        },\n      });\n      await refetch();\n      toast({\n        title: 'Test sale recorded',\n        description: `${tier.name} is now counted as a paid ticket.`,\n      });\n    } catch (error) {\n      toast({\n        title: 'Test sale failed',\n        description:\n          error instanceof Error\n            ? error.message\n            : 'Unable to create the test sale.',\n        variant: 'destructive',\n      });\n    } finally {\n      setCreatingTestPurchase(false);\n    }\n  }\n\n  /** Derived, not stored — see `event-share`. */\n  const hashtag = `#${(event?.slug || '').replace(/-/g, '')}`;\n\n  if (isLoading || error || !event || !facts) {\n    return (\n      <DetailStates\n        loading={isLoading && !event}\n        error={error?.message ?? null}\n        onRetry={() => void refetch()}\n        back={{ href: links.list, label: 'Events' }}\n        notFoundLabel=\"That event is not here. It may have been deleted.\"\n      />\n    );\n  }\n\n  return (\n    <DetailPage\n      breadcrumbs={[\n        {\n          label: 'Events',\n          href: links.list,\n          icon: <CalendarRange />,\n        },\n        { label: event.title },\n      ]}\n      actions={\n        <div className=\"flex items-center gap-2\">\n          <Button\n            variant=\"secondary\"\n            icon={<Pencil />}\n            onClick={() => router.push(`/dashboard/catalog/${eventId}/edit`)}\n          >\n            Edit\n          </Button>\n        </div>\n      }\n    >\n      {/* `DetailStates` is early-returned rather than wrapped: it is the state\n          machine for the two states where no record EXISTS yet, and it renders\n          instead of the page rather than around it. */}\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          <Card>\n            <div className=\"flex items-start justify-between gap-3\">\n              <div className=\"min-w-0\">\n                <p className=\"flex items-center gap-2 text-sm font-medium text-[var(--text-primary)]\">\n                  <CalendarRange className=\"size-4 shrink-0\" />\n                  {whenLabel(facts)}\n                </p>\n                {facts.venue || facts.venueAddress ? (\n                  /* THE ROOM, AND A WAY TO FIND IT. A venue name on its\n                         own is a fact; a name that opens a map is a direction,\n                         and the person reading this on the day is usually\n                         about to travel to it or tell somebody else how. The\n                         query is the name and the address together, because a\n                         hall name alone lands on the wrong city often enough\n                         to be useless. */\n                  <a\n                    className=\"mt-1 flex min-w-0 items-start gap-2 rounded-md text-sm text-[var(--text-link)] underline decoration-[var(--text-link)] underline-offset-4 hover:text-[var(--text-primary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--focus-ring)]\"\n                    href={`https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(\n                      [facts.venue, facts.venueAddress]\n                        .filter(Boolean)\n                        .join(', '),\n                    )}`}\n                    target=\"_blank\"\n                    rel=\"noreferrer\"\n                  >\n                    <MapPin className=\"size-4 shrink-0\" />\n                    <span className=\"min-w-0 break-words\">\n                      {[facts.venue, facts.venueAddress]\n                        .filter(Boolean)\n                        .join(', ')}\n                    </span>\n                  </a>\n                ) : null}\n              </div>\n              <StatusBadge status={eventPublicationStatus(event)} />\n            </div>\n          </Card>\n\n          <Card>\n            <div className=\"mb-3 flex items-baseline justify-between gap-3\">\n              <p className=\"text-sm font-medium text-[var(--text-secondary)]\">\n                Tickets\n              </p>\n              {/* Three states, and they were one line saying \"No tiers yet\"\n                  for two of them — including an event that HAS a ticket type\n                  with no quantity on it, which is a merchant being told the\n                  thing they just made does not exist. A tier with no number is\n                  on sale without a cap, which is a real and common way to run\n                  a night. */}\n              <p className=\"text-sm tabular-nums text-[var(--text-tertiary)]\">\n                {tiers.length === 0\n                  ? 'No tickets yet'\n                  : facts.capacity > 0\n                    ? `${facts.sold} of ${facts.capacity} sold`\n                    : `${facts.sold} sold, no limit`}\n              </p>\n            </div>\n            <ul className=\"space-y-1\">\n              {tiers.map((tier, i) => (\n                <li\n                  key={`${tier.name}-${i}`}\n                  className=\"flex items-center justify-between gap-3 rounded-lg px-2 py-2 text-sm\"\n                >\n                  <span className=\"flex min-w-0 items-center gap-2\">\n                    {tier.name.toLowerCase().includes('vip') ? (\n                      <Crown\n                        aria-hidden=\"true\"\n                        className=\"size-4 shrink-0 text-[var(--text-secondary)]\"\n                      />\n                    ) : (\n                      <Ticket\n                        aria-hidden=\"true\"\n                        className=\"size-4 shrink-0 text-[var(--text-secondary)]\"\n                      />\n                    )}\n                    <span className=\"truncate text-[var(--text-primary)]\">\n                      {tier.name}\n                    </span>\n                  </span>\n                  <span className=\"shrink-0 tabular-nums text-[var(--text-tertiary)]\">\n                    {formatCurrency(tier.price, event.currency)} ·{' '}\n                    {tier.soldCount}/{tier.quantity}\n                  </span>\n                </li>\n              ))}\n            </ul>\n            {testPurchasesEnabled ? (\n              <Button\n                variant=\"secondary\"\n                className=\"mt-3 w-full\"\n                icon={<Ticket />}\n                disabled={creatingTestPurchase}\n                onClick={() => void createTestPurchase()}\n              >\n                {creatingTestPurchase\n                  ? 'Recording test sale…'\n                  : 'Record test sale'}\n              </Button>\n            ) : null}\n          </Card>\n\n          <EventAttendees\n            eventId={eventId}\n            doorListHref={`/dashboard/bookings/attendees?contentId=${eventId}`}\n          />\n        </div>\n\n        <div className=\"space-y-4 lg:sticky lg:top-4 lg:self-start\">\n          {typeof event.image === 'string' ? (\n            /* eslint-disable-next-line @next/next/no-img-element */\n            <img\n              src={event.image}\n              alt=\"\"\n              className=\"aspect-square w-full rounded-[var(--radius-card)] object-cover\"\n            />\n          ) : event.image?.url ? (\n            /* eslint-disable-next-line @next/next/no-img-element */\n            <img\n              src={event.image.url}\n              alt=\"\"\n              className=\"aspect-square w-full rounded-[var(--radius-card)] object-cover\"\n            />\n          ) : null}\n\n          {publicUrl && (\n            <EventShare url={publicUrl} title={event.title} hashtag={hashtag} />\n          )}\n        </div>\n      </div>\n    </DetailPage>\n  );\n}\n"],"mappings":"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","names":["error"]}

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

@@ -0,0 +1,44 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { CalendarRange } from "lucide-react";
+import { StatusBadge } from "@withpotter/components/shared/status-badge";
+import {
+  eventFacts,
+  eventPublicationStatus,
+  whenLabel
+} from "../_lib/event-facts";
+import { eventImage } from "./event-poster";
+function EventGrid({ events }) {
+  return /* @__PURE__ */ jsx("ul", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", children: events.map((event) => {
+    const facts = eventFacts(event);
+    const image = eventImage(event);
+    return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+      Link,
+      {
+        href: `/dashboard/events/${event.id}`,
+        className: "surface-interactive block overflow-hidden",
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "grid aspect-[4/3] w-full place-items-center bg-[var(--bg-muted)]", children: image ? (
+            /* eslint-disable-next-line @next/next/no-img-element */
+            /* @__PURE__ */ jsx("img", { src: image, alt: "", className: "size-full object-cover" })
+          ) : /* @__PURE__ */ jsx(CalendarRange, { className: "size-5 text-[var(--text-tertiary)]" }) }),
+          /* @__PURE__ */ jsxs("div", { className: "p-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+              /* @__PURE__ */ jsx("p", { className: "line-clamp-1 text-md text-[var(--text-primary)]", children: event.title }),
+              /* @__PURE__ */ jsx(StatusBadge, { status: eventPublicationStatus(event) })
+            ] }),
+            /* @__PURE__ */ jsxs("p", { className: "mt-1 line-clamp-1 text-sm text-[var(--text-tertiary)]", children: [
+              whenLabel(facts),
+              facts.capacity > 0 && ` \xB7 ${facts.sold} of ${facts.capacity}`
+            ] })
+          ] })
+        ]
+      }
+    ) }, event.id);
+  }) });
+}
+export {
+  EventGrid
+};
+//# sourceMappingURL=event-grid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/dashboard/%28bookings%29/events/_components/event-grid.tsx"],"sourcesContent":["'use client';\n\nimport Link from 'next/link';\nimport { CalendarRange } from 'lucide-react';\nimport { StatusBadge } from '@withpotter/components/shared/status-badge';\nimport type { InventoryProduct } from '@withpotter/lib/api/types';\nimport {\n  eventFacts,\n  eventPublicationStatus,\n  whenLabel,\n} from '../_lib/event-facts';\nimport { eventImage } from './event-poster';\n\n/**\n * The same events, as posters.\n *\n * A promoter running six nights recognises theirs by the artwork long before\n * they finish reading a title, and a table cannot show artwork without a\n * thumbnail column that makes every row taller for the one thing it is showing.\n *\n * A LISTING WITH NO POSTER IS THE NORMAL CASE and must not read as broken: it\n * falls back to the calendar glyph on the card's own ground, which is what the\n * empty states in this app already do. An invented picture beside a real one\n * teaches the eye that none of them can be trusted.\n */\nexport function EventGrid({ events }: { events: InventoryProduct[] }) {\n  return (\n    <ul className=\"grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4\">\n      {events.map((event) => {\n        const facts = eventFacts(event);\n        const image = eventImage(event);\n\n        return (\n          <li key={event.id}>\n            <Link\n              href={`/dashboard/events/${event.id}`}\n              className=\"surface-interactive block overflow-hidden\"\n            >\n              <div className=\"grid aspect-[4/3] w-full place-items-center bg-[var(--bg-muted)]\">\n                {image ? (\n                  /* eslint-disable-next-line @next/next/no-img-element */\n                  <img src={image} alt=\"\" className=\"size-full object-cover\" />\n                ) : (\n                  <CalendarRange className=\"size-5 text-[var(--text-tertiary)]\" />\n                )}\n              </div>\n\n              <div className=\"p-3\">\n                <div className=\"flex items-start justify-between gap-2\">\n                  <p className=\"line-clamp-1 text-md text-[var(--text-primary)]\">\n                    {event.title}\n                  </p>\n                  <StatusBadge status={eventPublicationStatus(event)} />\n                </div>\n                <p className=\"mt-1 line-clamp-1 text-sm text-[var(--text-tertiary)]\">\n                  {whenLabel(facts)}\n                  {facts.capacity > 0 &&\n                    ` · ${facts.sold} of ${facts.capacity}`}\n                </p>\n              </div>\n            </Link>\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n"],"mappings":";AAyCkB,cAOF,YAPE;AAvClB,OAAO,UAAU;AACjB,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAE5B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB;AAcpB,SAAS,UAAU,EAAE,OAAO,GAAmC;AACpE,SACE,oBAAC,QAAG,WAAU,uEACX,iBAAO,IAAI,CAAC,UAAU;AACrB,UAAM,QAAQ,WAAW,KAAK;AAC9B,UAAM,QAAQ,WAAW,KAAK;AAE9B,WACE,oBAAC,QACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,qBAAqB,MAAM,EAAE;AAAA,QACnC,WAAU;AAAA,QAEV;AAAA,8BAAC,SAAI,WAAU,oEACZ;AAAA;AAAA,YAEC,oBAAC,SAAI,KAAK,OAAO,KAAI,IAAG,WAAU,0BAAyB;AAAA,cAE3D,oBAAC,iBAAc,WAAU,sCAAqC,GAElE;AAAA,UAEA,qBAAC,SAAI,WAAU,OACb;AAAA,iCAAC,SAAI,WAAU,0CACb;AAAA,kCAAC,OAAE,WAAU,mDACV,gBAAM,OACT;AAAA,cACA,oBAAC,eAAY,QAAQ,uBAAuB,KAAK,GAAG;AAAA,eACtD;AAAA,YACA,qBAAC,OAAE,WAAU,yDACV;AAAA,wBAAU,KAAK;AAAA,cACf,MAAM,WAAW,KAChB,SAAM,MAAM,IAAI,OAAO,MAAM,QAAQ;AAAA,eACzC;AAAA,aACF;AAAA;AAAA;AAAA,IACF,KA3BO,MAAM,EA4Bf;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":[]}

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

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import { CalendarRange } from "lucide-react";
+function eventImage(event) {
+  return typeof event.image === "string" ? event.image : event.image?.url;
+}
+function EventThumb({ event }) {
+  const image = eventImage(event);
+  return /* @__PURE__ */ jsx("div", { className: "grid size-10 shrink-0 place-items-center overflow-hidden rounded-lg bg-[var(--bg-muted)]", children: image ? (
+    /* eslint-disable-next-line @next/next/no-img-element */
+    /* @__PURE__ */ jsx("img", { src: image, alt: "", className: "size-full object-cover" })
+  ) : /* @__PURE__ */ jsx(CalendarRange, { className: "size-4 text-[var(--text-tertiary)]" }) });
+}
+export {
+  EventThumb,
+  eventImage
+};
+//# sourceMappingURL=event-poster.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/dashboard/%28bookings%29/events/_components/event-poster.tsx"],"sourcesContent":["import { CalendarRange } from 'lucide-react';\nimport type { InventoryProduct } from '@withpotter/lib/api/types';\n\n/** An event's poster address, whichever shape the listing stored it in. */\nexport function eventImage(event: InventoryProduct): string | undefined {\n  return typeof event.image === 'string' ? event.image : event.image?.url;\n}\n\n/**\n * The poster as a thumbnail, for a list row. A listing with no poster falls\n * back to the calendar glyph on the same ground, as the grid's cards do, so a\n * row without artwork reads as normal rather than broken.\n */\nexport function EventThumb({ event }: { event: InventoryProduct }) {\n  const image = eventImage(event);\n  return (\n    <div className=\"grid size-10 shrink-0 place-items-center overflow-hidden rounded-lg bg-[var(--bg-muted)]\">\n      {image ? (\n        /* eslint-disable-next-line @next/next/no-img-element */\n        <img src={image} alt=\"\" className=\"size-full object-cover\" />\n      ) : (\n        <CalendarRange className=\"size-4 text-[var(--text-tertiary)]\" />\n      )}\n    </div>\n  );\n}\n"],"mappings":"AAmBQ;AAnBR,SAAS,qBAAqB;AAIvB,SAAS,WAAW,OAA6C;AACtE,SAAO,OAAO,MAAM,UAAU,WAAW,MAAM,QAAQ,MAAM,OAAO;AACtE;AAOO,SAAS,WAAW,EAAE,MAAM,GAAgC;AACjE,QAAM,QAAQ,WAAW,KAAK;AAC9B,SACE,oBAAC,SAAI,WAAU,4FACZ;AAAA;AAAA,IAEC,oBAAC,SAAI,KAAK,OAAO,KAAI,IAAG,WAAU,0BAAyB;AAAA,MAE3D,oBAAC,iBAAc,WAAU,sCAAqC,GAElE;AAEJ;","names":[]}

package/dist/dashboard/(bookings)/events/_hooks/use-events-data.js

@@ -0,0 +1,55 @@
+"use client";
+import { useMemo, useState } from "react";
+import { useApiQuery } from "@withpotter/hooks/use-api-query";
+import { useApiFeatures } from "@withpotter/hooks/use-api-features";
+import { inventoryApi } from "@withpotter/lib/api/inventory";
+import { LIST_PAGE_SIZE } from "@withpotter/lib/list-page-size";
+import { today } from "../_lib/event-facts";
+function useEventsData() {
+  const [window, setWindow] = useState("all");
+  const [page, setPage] = useState(1);
+  const { features } = useApiFeatures();
+  const query = useMemo(() => {
+    const base = {
+      behavior: "ticketed",
+      page,
+      limit: LIST_PAGE_SIZE,
+      // Drafts too. A merchant writing next month's show has to be able to
+      // find it. `isActive` cannot ask for both — omitted, it is the default
+      // (active only), which is what hid every draft event — so the build's
+      // own "include drafts" is used where it has one.
+      includeDrafts: features.includeDrafts ? true : void 0
+    };
+    if (window === "all" || !features.eventWindow) return base;
+    const boundary = today();
+    return window === "upcoming" ? { ...base, eventFrom: boundary, sortBy: "eventDate", sortOrder: "ASC" } : {
+      ...base,
+      eventUntil: boundary,
+      sortBy: "eventDate",
+      sortOrder: "DESC"
+    };
+  }, [window, page, features.eventWindow, features.includeDrafts]);
+  const { data, isLoading, error, refetch } = useApiQuery(
+    ["events", JSON.stringify(query)],
+    (slug) => inventoryApi.list(slug, query, { assignedOnly: false })
+  );
+  return {
+    events: data?.items ?? [],
+    total: data?.total ?? 0,
+    totalPages: data?.totalPages ?? 1,
+    page,
+    setPage,
+    window,
+    setWindow: (next) => {
+      setWindow(next);
+      setPage(1);
+    },
+    loading: isLoading,
+    error: error?.message ?? null,
+    refetch
+  };
+}
+export {
+  useEventsData
+};
+//# sourceMappingURL=use-events-data.js.map

package/dist/dashboard/(bookings)/events/_hooks/use-events-data.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/dashboard/%28bookings%29/events/_hooks/use-events-data.ts"],"sourcesContent":["'use client';\n\nimport { useMemo, useState } from 'react';\nimport { useApiQuery } from '@withpotter/hooks/use-api-query';\nimport { useApiFeatures } from '@withpotter/hooks/use-api-features';\nimport { inventoryApi } from '@withpotter/lib/api/inventory';\nimport { LIST_PAGE_SIZE } from '@withpotter/lib/list-page-size';\nimport type { InventoryProduct, InventoryQuery } from '@withpotter/lib/api/types';\nimport { today } from '../_lib/event-facts';\n\nexport type EventWindow = 'upcoming' | 'past' | 'all';\n\n/**\n * The events a business has put on, read forwards or backwards.\n *\n * ONE QUESTION, ASKED OF THE SERVER. A venue with two hundred nights behind it\n * must not pay to fetch them to show the four ahead, and a page that filtered\n * in the browser would also be paging through the wrong list: the pager would\n * count events the merchant cannot see. `eventFrom` / `eventUntil` are a real\n * SQL window on `behaviors.ticketed.eventDate`.\n *\n * UPCOMING AND PAST DO NOT COVER EVERYTHING, deliberately. Both windows are\n * bounded by today, and a listing with no date yet sits in neither — it is a\n * draft somebody is still writing, and putting it under Upcoming would promise\n * a night nobody has decided on. That is why \"All\" exists and is the default:\n * the first question a merchant asks this page is \"what have I got\", and a\n * half-written event they cannot find is the one thing that would make it\n * useless.\n *\n * GATED ON THE BUILD. `/products` runs `forbidNonWhitelisted`, so sending the\n * window to an API that has not got it is a 400 on the whole list rather than\n * a filter that does nothing — the page would come back empty. Without the\n * capability the window is not sent and every event is listed, which is wrong\n * in the direction a merchant can see and work around.\n */\nexport function useEventsData() {\n  const [window, setWindow] = useState<EventWindow>('all');\n  const [page, setPage] = useState(1);\n  const { features } = useApiFeatures();\n\n  const query = useMemo<InventoryQuery>(() => {\n    const base: InventoryQuery = {\n      behavior: 'ticketed',\n      page,\n      limit: LIST_PAGE_SIZE,\n      // Drafts too. A merchant writing next month's show has to be able to\n      // find it. `isActive` cannot ask for both — omitted, it is the default\n      // (active only), which is what hid every draft event — so the build's\n      // own \"include drafts\" is used where it has one.\n      includeDrafts: features.includeDrafts ? true : undefined,\n    };\n    if (window === 'all' || !features.eventWindow) return base;\n    const boundary = today();\n    return window === 'upcoming'\n      ? { ...base, eventFrom: boundary, sortBy: 'eventDate', sortOrder: 'ASC' }\n      : {\n          ...base,\n          eventUntil: boundary,\n          sortBy: 'eventDate',\n          sortOrder: 'DESC',\n        };\n  }, [window, page, features.eventWindow, features.includeDrafts]);\n\n  const { data, isLoading, error, refetch } = useApiQuery(\n    ['events', JSON.stringify(query)],\n    (slug) => inventoryApi.list(slug, query, { assignedOnly: false }),\n  );\n\n  return {\n    events: (data?.items ?? []) as InventoryProduct[],\n    total: data?.total ?? 0,\n    totalPages: data?.totalPages ?? 1,\n    page,\n    setPage,\n    window,\n    setWindow: (next: EventWindow) => {\n      setWindow(next);\n      setPage(1);\n    },\n    loading: isLoading,\n    error: error?.message ?? null,\n    refetch,\n  };\n}\n"],"mappings":";AAEA,SAAS,SAAS,gBAAgB;AAClC,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAE/B,SAAS,aAAa;AA2Bf,SAAS,gBAAgB;AAC9B,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAsB,KAAK;AACvD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,CAAC;AAClC,QAAM,EAAE,SAAS,IAAI,eAAe;AAEpC,QAAM,QAAQ,QAAwB,MAAM;AAC1C,UAAM,OAAuB;AAAA,MAC3B,UAAU;AAAA,MACV;AAAA,MACA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,MAKP,eAAe,SAAS,gBAAgB,OAAO;AAAA,IACjD;AACA,QAAI,WAAW,SAAS,CAAC,SAAS,YAAa,QAAO;AACtD,UAAM,WAAW,MAAM;AACvB,WAAO,WAAW,aACd,EAAE,GAAG,MAAM,WAAW,UAAU,QAAQ,aAAa,WAAW,MAAM,IACtE;AAAA,MACE,GAAG;AAAA,MACH,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,WAAW;AAAA,IACb;AAAA,EACN,GAAG,CAAC,QAAQ,MAAM,SAAS,aAAa,SAAS,aAAa,CAAC;AAE/D,QAAM,EAAE,MAAM,WAAW,OAAO,QAAQ,IAAI;AAAA,IAC1C,CAAC,UAAU,KAAK,UAAU,KAAK,CAAC;AAAA,IAChC,CAAC,SAAS,aAAa,KAAK,MAAM,OAAO,EAAE,cAAc,MAAM,CAAC;AAAA,EAClE;AAEA,SAAO;AAAA,IACL,QAAS,MAAM,SAAS,CAAC;AAAA,IACzB,OAAO,MAAM,SAAS;AAAA,IACtB,YAAY,MAAM,cAAc;AAAA,IAChC;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,CAAC,SAAsB;AAChC,gBAAU,IAAI;AACd,cAAQ,CAAC;AAAA,IACX;AAAA,IACA,SAAS;AAAA,IACT,OAAO,OAAO,WAAW;AAAA,IACzB;AAAA,EACF;AACF;","names":[]}

package/dist/dashboard/(bookings)/events/_lib/event-facts.js

@@ -0,0 +1,68 @@
+import { getBehaviorConfig } from "@withpotter/lib/product-types";
+const str = (v) => typeof v === "string" && v ? v : void 0;
+const num = (v) => typeof v === "number" && !Number.isNaN(v) ? v : 0;
+function ticketedConfig(product) {
+  return getBehaviorConfig(
+    product.behaviors?.ticketed
+  );
+}
+function eventTierFacts(product) {
+  const tiers = ticketedConfig(product)?.tiers;
+  if (!Array.isArray(tiers)) return [];
+  return tiers.map((tier, index) => ({
+    // Older events were saved before tier ids were persisted. Keep those
+    // events purchasable with a deterministic id until they are edited again.
+    id: typeof tier.id === "string" ? tier.id : `tier-${index}`,
+    name: str(tier.name) || `Ticket ${index + 1}`,
+    price: num(tier.price),
+    quantity: num(tier.quantity),
+    soldCount: num(tier.soldCount)
+  }));
+}
+function eventPublicationStatus(product) {
+  if (typeof product.isActive === "boolean") {
+    return product.isActive ? "published" : "draft";
+  }
+  const status = product.status?.toLowerCase();
+  return status === "published" || status === "active" || status === "live" ? "published" : "draft";
+}
+function eventFacts(product) {
+  const ticketed = ticketedConfig(product);
+  const tiers = eventTierFacts(product);
+  const tierCapacity = tiers.reduce((sum, t) => sum + num(t.quantity), 0);
+  return {
+    date: str(ticketed?.eventDate),
+    startTime: str(ticketed?.eventStartTime),
+    venue: str(ticketed?.venueName),
+    venueAddress: str(ticketed?.venueAddress),
+    capacity: tierCapacity || num(ticketed?.venueCapacity),
+    sold: tiers.reduce((sum, t) => sum + t.soldCount, 0)
+  };
+}
+function today() {
+  const now = /* @__PURE__ */ new Date();
+  return `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, "0")}-${String(now.getDate()).padStart(2, "0")}`;
+}
+function whenLabel(facts) {
+  if (!facts.date) return "Date not set";
+  const when = /* @__PURE__ */ new Date(`${facts.date}T${facts.startTime || "00:00"}`);
+  const day = when.toLocaleDateString("en-GB", {
+    weekday: "short",
+    day: "numeric",
+    month: "short"
+  });
+  if (!facts.startTime) return day;
+  return `${day}, ${when.toLocaleTimeString("en-GB", {
+    hour: "numeric",
+    minute: "2-digit"
+  })}`;
+}
+export {
+  eventFacts,
+  eventPublicationStatus,
+  eventTierFacts,
+  ticketedConfig,
+  today,
+  whenLabel
+};
+//# sourceMappingURL=event-facts.js.map

package/dist/dashboard/(bookings)/events/_lib/event-facts.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/dashboard/%28bookings%29/events/_lib/event-facts.ts"],"sourcesContent":["import type { InventoryProduct } from '@withpotter/lib/api/types';\nimport { getBehaviorConfig, type TicketedConfig } from '@withpotter/lib/product-types';\n\n/**\n * The event inside a product.\n *\n * An event IS a product in Box — a listing with the `ticketed` behaviour —\n * and everything that makes it an event lives in `behaviors.ticketed`: the\n * night, the room, the tiers people buy. The list type calls `behaviors` a\n * `Record<string, boolean>`, which was true when a behaviour was a flag and\n * has not been since they became config objects; the API sends the object\n * either way.\n *\n * So this reads defensively rather than casting the world into shape. A\n * listing half-written by a merchant is the normal case on this screen, not\n * the error case: no date yet, no tiers yet, a venue typed and nothing else.\n * Every field here is optional and every caller has to say what it draws when\n * the answer is nothing.\n */\nexport interface EventFacts {\n  /** ISO date, `YYYY-MM-DD`. Absent while the merchant is still deciding. */\n  date?: string;\n  startTime?: string;\n  venue?: string;\n  venueAddress?: string;\n  /** Seats across every tier, and how many of them have gone. */\n  capacity: number;\n  sold: number;\n}\n\nexport interface EventTierFacts {\n  id?: string;\n  name: string;\n  price: number;\n  quantity: number;\n  soldCount: number;\n}\n\nconst str = (v: unknown) => (typeof v === 'string' && v ? v : undefined);\nconst num = (v: unknown) => (typeof v === 'number' && !Number.isNaN(v) ? v : 0);\n\nexport function ticketedConfig(\n  product: Pick<InventoryProduct, 'behaviors'>,\n): TicketedConfig | null {\n  return getBehaviorConfig<TicketedConfig>(\n    (product.behaviors as Record<string, unknown> | undefined)?.ticketed,\n  );\n}\n\nexport function eventTierFacts(product: InventoryProduct): EventTierFacts[] {\n  const tiers = ticketedConfig(product)?.tiers;\n  if (!Array.isArray(tiers)) return [];\n  return tiers.map((tier, index) => ({\n    // Older events were saved before tier ids were persisted. Keep those\n    // events purchasable with a deterministic id until they are edited again.\n    id: typeof tier.id === 'string' ? tier.id : `tier-${index}`,\n    name: str(tier.name) || `Ticket ${index + 1}`,\n    price: num(tier.price),\n    quantity: num(tier.quantity),\n    soldCount: num(tier.soldCount),\n  }));\n}\n\nexport function eventPublicationStatus(\n  product: Pick<InventoryProduct, 'isActive' | 'status'>,\n): 'published' | 'draft' {\n  if (typeof product.isActive === 'boolean') {\n    return product.isActive ? 'published' : 'draft';\n  }\n  const status = product.status?.toLowerCase();\n  return status === 'published' || status === 'active' || status === 'live'\n    ? 'published'\n    : 'draft';\n}\n\nexport function eventFacts(product: InventoryProduct): EventFacts {\n  const ticketed = ticketedConfig(product);\n  const tiers = eventTierFacts(product);\n\n  /**\n   * Capacity is the tiers added up, and the room only when there are none.\n   *\n   * `venueCapacity` is how many the room holds; the tiers are how many are\n   * for sale, which is the smaller and truer number the moment a merchant\n   * holds seats back. Falling back the other way would tell a venue it had\n   * sold 40 of 500 when only 60 were ever on offer.\n   */\n  const tierCapacity = tiers.reduce((sum, t) => sum + num(t.quantity), 0);\n\n  return {\n    date: str(ticketed?.eventDate),\n    startTime: str(ticketed?.eventStartTime),\n    venue: str(ticketed?.venueName),\n    venueAddress: str(ticketed?.venueAddress),\n    capacity: tierCapacity || num(ticketed?.venueCapacity),\n    sold: tiers.reduce((sum, t) => sum + t.soldCount, 0),\n  };\n}\n\n/** Today, as the API compares it. Local, because a night is local. */\nexport function today(): string {\n  const now = new Date();\n  return `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, '0')}-${String(now.getDate()).padStart(2, '0')}`;\n}\n\n/**\n * When it is, in words — \"Sat 12 Sep, 8:00pm\", or the honest absence.\n *\n * A listing with no date is not an error and must not read as one: it is an\n * event somebody is halfway through writing, and \"Date not set\" is the thing\n * that tells them what is left to do.\n */\nexport function whenLabel(facts: EventFacts): string {\n  if (!facts.date) return 'Date not set';\n  const when = new Date(`${facts.date}T${facts.startTime || '00:00'}`);\n  const day = when.toLocaleDateString('en-GB', {\n    weekday: 'short',\n    day: 'numeric',\n    month: 'short',\n  });\n  if (!facts.startTime) return day;\n  return `${day}, ${when.toLocaleTimeString('en-GB', {\n    hour: 'numeric',\n    minute: '2-digit',\n  })}`;\n}\n"],"mappings":"AACA,SAAS,yBAA8C;AAqCvD,MAAM,MAAM,CAAC,MAAgB,OAAO,MAAM,YAAY,IAAI,IAAI;AAC9D,MAAM,MAAM,CAAC,MAAgB,OAAO,MAAM,YAAY,CAAC,OAAO,MAAM,CAAC,IAAI,IAAI;AAEtE,SAAS,eACd,SACuB;AACvB,SAAO;AAAA,IACJ,QAAQ,WAAmD;AAAA,EAC9D;AACF;AAEO,SAAS,eAAe,SAA6C;AAC1E,QAAM,QAAQ,eAAe,OAAO,GAAG;AACvC,MAAI,CAAC,MAAM,QAAQ,KAAK,EAAG,QAAO,CAAC;AACnC,SAAO,MAAM,IAAI,CAAC,MAAM,WAAW;AAAA;AAAA;AAAA,IAGjC,IAAI,OAAO,KAAK,OAAO,WAAW,KAAK,KAAK,QAAQ,KAAK;AAAA,IACzD,MAAM,IAAI,KAAK,IAAI,KAAK,UAAU,QAAQ,CAAC;AAAA,IAC3C,OAAO,IAAI,KAAK,KAAK;AAAA,IACrB,UAAU,IAAI,KAAK,QAAQ;AAAA,IAC3B,WAAW,IAAI,KAAK,SAAS;AAAA,EAC/B,EAAE;AACJ;AAEO,SAAS,uBACd,SACuB;AACvB,MAAI,OAAO,QAAQ,aAAa,WAAW;AACzC,WAAO,QAAQ,WAAW,cAAc;AAAA,EAC1C;AACA,QAAM,SAAS,QAAQ,QAAQ,YAAY;AAC3C,SAAO,WAAW,eAAe,WAAW,YAAY,WAAW,SAC/D,cACA;AACN;AAEO,SAAS,WAAW,SAAuC;AAChE,QAAM,WAAW,eAAe,OAAO;AACvC,QAAM,QAAQ,eAAe,OAAO;AAUpC,QAAM,eAAe,MAAM,OAAO,CAAC,KAAK,MAAM,MAAM,IAAI,EAAE,QAAQ,GAAG,CAAC;AAEtE,SAAO;AAAA,IACL,MAAM,IAAI,UAAU,SAAS;AAAA,IAC7B,WAAW,IAAI,UAAU,cAAc;AAAA,IACvC,OAAO,IAAI,UAAU,SAAS;AAAA,IAC9B,cAAc,IAAI,UAAU,YAAY;AAAA,IACxC,UAAU,gBAAgB,IAAI,UAAU,aAAa;AAAA,IACrD,MAAM,MAAM,OAAO,CAAC,KAAK,MAAM,MAAM,EAAE,WAAW,CAAC;AAAA,EACrD;AACF;AAGO,SAAS,QAAgB;AAC9B,QAAM,MAAM,oBAAI,KAAK;AACrB,SAAO,GAAG,IAAI,YAAY,CAAC,IAAI,OAAO,IAAI,SAAS,IAAI,CAAC,EAAE,SAAS,GAAG,GAAG,CAAC,IAAI,OAAO,IAAI,QAAQ,CAAC,EAAE,SAAS,GAAG,GAAG,CAAC;AACtH;AASO,SAAS,UAAU,OAA2B;AACnD,MAAI,CAAC,MAAM,KAAM,QAAO;AACxB,QAAM,OAAO,oBAAI,KAAK,GAAG,MAAM,IAAI,IAAI,MAAM,aAAa,OAAO,EAAE;AACnE,QAAM,MAAM,KAAK,mBAAmB,SAAS;AAAA,IAC3C,SAAS;AAAA,IACT,KAAK;AAAA,IACL,OAAO;AAAA,EACT,CAAC;AACD,MAAI,CAAC,MAAM,UAAW,QAAO;AAC7B,SAAO,GAAG,GAAG,KAAK,KAAK,mBAAmB,SAAS;AAAA,IACjD,MAAM;AAAA,IACN,QAAQ;AAAA,EACV,CAAC,CAAC;AACJ;","names":[]}