@withpotter/components 0.13.0-next.101

package/dist/intent/sections/event-tickets/event-details-section.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/intent/sections/event-tickets/event-details-section.tsx"],"sourcesContent":["'use client';\n\nimport { Calendar, MapPin, Clock } from 'lucide-react';\nimport type { SectionProps } from '@withpotter/lib/intents/section-registry';\n\n/**\n * Event Details section for event order detail.\n *\n * Shows event date, time, venue, and venue address extracted from\n * the first order item's ticketed behavior config.\n */\nexport function EventDetailsSection({ data }: SectionProps) {\n  const order = data as Record<string, unknown> | undefined;\n  if (!order) return null;\n\n  const items = (order.items as Array<Record<string, unknown>>) ?? [];\n  const firstItem = items[0];\n  if (!firstItem) return null;\n\n  // ticketed config is nested in item.data.behaviors or item.behaviors\n  const itemData = (firstItem.data as Record<string, unknown>) ?? firstItem;\n  const behaviors = (itemData.behaviors as Record<string, unknown>) ?? {};\n  const ticketed = (behaviors.ticketed as Record<string, unknown>) ?? {};\n\n  const eventDate = ticketed.eventDate as string | undefined;\n  const eventEndDate = ticketed.eventEndDate as string | undefined;\n  const venueName = ticketed.venueName as string | undefined;\n  const venueAddress = ticketed.venueAddress as string | undefined;\n\n  if (!eventDate && !venueName) return null;\n\n  const formatDateTime = (dateStr: string) => {\n    const d = new Date(dateStr);\n    return {\n      date: d.toLocaleDateString('en-US', {\n        weekday: 'long',\n        month: 'long',\n        day: 'numeric',\n        year: 'numeric',\n      }),\n      time: d.toLocaleTimeString('en-US', {\n        hour: 'numeric',\n        minute: '2-digit',\n      }),\n    };\n  };\n\n  const start = eventDate ? formatDateTime(eventDate) : null;\n  const end = eventEndDate ? formatDateTime(eventEndDate) : null;\n\n  return (\n    <div className=\"surface\">\n      <div className=\"px-4 py-3 border-b border-[var(--border-default)]\">\n        <h3 className=\"text-sm font-semibold text-[var(--text-primary)]\">\n          Event details\n        </h3>\n      </div>\n      <div className=\"px-4 py-3 space-y-3\">\n        {start && (\n          <div className=\"flex items-start gap-3\">\n            <Calendar className=\"size-4 text-[var(--text-tertiary)] mt-0.5 flex-shrink-0\" />\n            <div>\n              <p className=\"text-sm font-medium text-[var(--text-primary)]\">\n                {start.date}\n              </p>\n              <div className=\"flex items-center gap-1 mt-0.5\">\n                <Clock className=\"text-[var(--text-muted)]\" />\n                <span className=\"text-xs text-[var(--text-secondary)]\">\n                  {start.time}\n                  {end ? ` – ${end.time}` : ''}\n                </span>\n              </div>\n            </div>\n          </div>\n        )}\n        {venueName && (\n          <div className=\"flex items-start gap-3\">\n            <MapPin className=\"size-4 text-[var(--text-tertiary)] mt-0.5 flex-shrink-0\" />\n            <div>\n              <p className=\"text-sm font-medium text-[var(--text-primary)]\">\n                {venueName}\n              </p>\n              {venueAddress && (\n                <p className=\"text-xs text-[var(--text-secondary)] mt-0.5\">\n                  {venueAddress}\n                </p>\n              )}\n            </div>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAqDQ,cAcQ,YAdR;AAnDR,SAAS,UAAU,QAAQ,aAAa;AASjC,SAAS,oBAAoB,EAAE,KAAK,GAAiB;AAC1D,QAAM,QAAQ;AACd,MAAI,CAAC,MAAO,QAAO;AAEnB,QAAM,QAAS,MAAM,SAA4C,CAAC;AAClE,QAAM,YAAY,MAAM,CAAC;AACzB,MAAI,CAAC,UAAW,QAAO;AAGvB,QAAM,WAAY,UAAU,QAAoC;AAChE,QAAM,YAAa,SAAS,aAAyC,CAAC;AACtE,QAAM,WAAY,UAAU,YAAwC,CAAC;AAErE,QAAM,YAAY,SAAS;AAC3B,QAAM,eAAe,SAAS;AAC9B,QAAM,YAAY,SAAS;AAC3B,QAAM,eAAe,SAAS;AAE9B,MAAI,CAAC,aAAa,CAAC,UAAW,QAAO;AAErC,QAAM,iBAAiB,CAAC,YAAoB;AAC1C,UAAM,IAAI,IAAI,KAAK,OAAO;AAC1B,WAAO;AAAA,MACL,MAAM,EAAE,mBAAmB,SAAS;AAAA,QAClC,SAAS;AAAA,QACT,OAAO;AAAA,QACP,KAAK;AAAA,QACL,MAAM;AAAA,MACR,CAAC;AAAA,MACD,MAAM,EAAE,mBAAmB,SAAS;AAAA,QAClC,MAAM;AAAA,QACN,QAAQ;AAAA,MACV,CAAC;AAAA,IACH;AAAA,EACF;AAEA,QAAM,QAAQ,YAAY,eAAe,SAAS,IAAI;AACtD,QAAM,MAAM,eAAe,eAAe,YAAY,IAAI;AAE1D,SACE,qBAAC,SAAI,WAAU,WACb;AAAA,wBAAC,SAAI,WAAU,qDACb,8BAAC,QAAG,WAAU,oDAAmD,2BAEjE,GACF;AAAA,IACA,qBAAC,SAAI,WAAU,uBACZ;AAAA,eACC,qBAAC,SAAI,WAAU,0BACb;AAAA,4BAAC,YAAS,WAAU,2DAA0D;AAAA,QAC9E,qBAAC,SACC;AAAA,8BAAC,OAAE,WAAU,kDACV,gBAAM,MACT;AAAA,UACA,qBAAC,SAAI,WAAU,kCACb;AAAA,gCAAC,SAAM,WAAU,4BAA2B;AAAA,YAC5C,qBAAC,UAAK,WAAU,wCACb;AAAA,oBAAM;AAAA,cACN,MAAM,WAAM,IAAI,IAAI,KAAK;AAAA,eAC5B;AAAA,aACF;AAAA,WACF;AAAA,SACF;AAAA,MAED,aACC,qBAAC,SAAI,WAAU,0BACb;AAAA,4BAAC,UAAO,WAAU,2DAA0D;AAAA,QAC5E,qBAAC,SACC;AAAA,8BAAC,OAAE,WAAU,kDACV,qBACH;AAAA,UACC,gBACC,oBAAC,OAAE,WAAU,+CACV,wBACH;AAAA,WAEJ;AAAA,SACF;AAAA,OAEJ;AAAA,KACF;AAEJ;","names":[]}

package/dist/intent/sections/event-tickets/index.d.ts

@@ -0,0 +1,4 @@
+export { TicketInfoSection } from './ticket-info-section';
+export { EventDetailsSection } from './event-details-section';
+export { CheckInStatusSection } from './check-in-status-section';
+export { AttendeeListSection } from './attendee-list-section';

package/dist/intent/sections/event-tickets/index.js

@@ -0,0 +1,11 @@
+import { TicketInfoSection } from "./ticket-info-section";
+import { EventDetailsSection } from "./event-details-section";
+import { CheckInStatusSection } from "./check-in-status-section";
+import { AttendeeListSection } from "./attendee-list-section";
+export {
+  AttendeeListSection,
+  CheckInStatusSection,
+  EventDetailsSection,
+  TicketInfoSection
+};
+//# sourceMappingURL=index.js.map

package/dist/intent/sections/event-tickets/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/intent/sections/event-tickets/index.ts"],"sourcesContent":["export { TicketInfoSection } from './ticket-info-section';\nexport { EventDetailsSection } from './event-details-section';\nexport { CheckInStatusSection } from './check-in-status-section';\nexport { AttendeeListSection } from './attendee-list-section';\n"],"mappings":"AAAA,SAAS,yBAAyB;AAClC,SAAS,2BAA2B;AACpC,SAAS,4BAA4B;AACrC,SAAS,2BAA2B;","names":[]}

package/dist/intent/sections/event-tickets/ticket-info-section.d.ts

@@ -0,0 +1,7 @@
+import type { SectionProps } from '@withpotter/lib/intents/section-registry';
+/**
+ * Ticket Info section for event order detail.
+ *
+ * Shows ticket-specific line items: event name, tier, quantity, unit price.
+ */
+export declare function TicketInfoSection({ data }: SectionProps): import("react").JSX.Element | null;

package/dist/intent/sections/event-tickets/ticket-info-section.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Ticket, Tag } from "lucide-react";
+function TicketInfoSection({ data }) {
+  const order = data;
+  if (!order) return null;
+  const items = order.items ?? [];
+  const currency = order.currency ?? "NGN";
+  const formatPrice = (amount) => new Intl.NumberFormat("en-NG", { style: "currency", currency }).format(
+    amount
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "surface", children: [
+    /* @__PURE__ */ jsx("div", { className: "px-4 py-3 border-b border-[var(--border-default)]", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(Ticket, { className: "size-4 text-[var(--text-tertiary)]" }),
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-[var(--text-primary)]", children: "Tickets" })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "divide-y divide-[var(--border-default)]", children: items.map((item, idx) => {
+      const variantName = item.variantName ?? item.variant?.name ?? "";
+      return /* @__PURE__ */ jsx("div", { className: "px-4 py-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-[var(--text-primary)] truncate", children: item.title ?? item.name ?? "Ticket" }),
+          variantName && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 mt-0.5", children: [
+            /* @__PURE__ */ jsx(Tag, { className: "text-[var(--text-muted)]" }),
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-[var(--text-secondary)]", children: variantName })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "text-right flex-shrink-0", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-[var(--text-primary)]", children: formatPrice(item.total ?? 0) }),
+          /* @__PURE__ */ jsxs("p", { className: "text-xs text-[var(--text-tertiary)]", children: [
+            item.quantity ?? 1,
+            " \xD7",
+            " ",
+            formatPrice(item.unitPrice ?? 0)
+          ] })
+        ] })
+      ] }) }, item.id ?? idx);
+    }) })
+  ] });
+}
+export {
+  TicketInfoSection
+};
+//# sourceMappingURL=ticket-info-section.js.map

package/dist/intent/sections/event-tickets/ticket-info-section.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/intent/sections/event-tickets/ticket-info-section.tsx"],"sourcesContent":["'use client';\n\nimport { Ticket, Tag } from 'lucide-react';\nimport type { SectionProps } from '@withpotter/lib/intents/section-registry';\n\n/**\n * Ticket Info section for event order detail.\n *\n * Shows ticket-specific line items: event name, tier, quantity, unit price.\n */\nexport function TicketInfoSection({ data }: SectionProps) {\n  const order = data as Record<string, unknown> | undefined;\n  if (!order) return null;\n\n  const items = (order.items as Array<Record<string, unknown>>) ?? [];\n  const currency = (order.currency as string) ?? 'NGN';\n\n  const formatPrice = (amount: number) =>\n    new Intl.NumberFormat('en-NG', { style: 'currency', currency }).format(\n      amount,\n    );\n\n  return (\n    <div className=\"surface\">\n      <div className=\"px-4 py-3 border-b border-[var(--border-default)]\">\n        <div className=\"flex items-center gap-2\">\n          <Ticket className=\"size-4 text-[var(--text-tertiary)]\" />\n          <h3 className=\"text-sm font-semibold text-[var(--text-primary)]\">\n            Tickets\n          </h3>\n        </div>\n      </div>\n      <div className=\"divide-y divide-[var(--border-default)]\">\n        {items.map((item, idx) => {\n          const variantName =\n            (item.variantName as string) ?? (item.variant as any)?.name ?? '';\n          return (\n            <div key={(item.id as string) ?? idx} className=\"px-4 py-3\">\n              <div className=\"flex items-start justify-between gap-3\">\n                <div className=\"min-w-0 flex-1\">\n                  <p className=\"text-sm font-medium text-[var(--text-primary)] truncate\">\n                    {(item.title as string) ??\n                      (item.name as string) ??\n                      'Ticket'}\n                  </p>\n                  {variantName && (\n                    <div className=\"flex items-center gap-1 mt-0.5\">\n                      <Tag className=\"text-[var(--text-muted)]\" />\n                      <span className=\"text-xs text-[var(--text-secondary)]\">\n                        {variantName}\n                      </span>\n                    </div>\n                  )}\n                </div>\n                <div className=\"text-right flex-shrink-0\">\n                  <p className=\"text-sm font-medium text-[var(--text-primary)]\">\n                    {formatPrice((item.total as number) ?? 0)}\n                  </p>\n                  <p className=\"text-xs text-[var(--text-tertiary)]\">\n                    {(item.quantity as number) ?? 1} &times;{' '}\n                    {formatPrice((item.unitPrice as number) ?? 0)}\n                  </p>\n                </div>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAyBQ,SACE,KADF;AAvBR,SAAS,QAAQ,WAAW;AAQrB,SAAS,kBAAkB,EAAE,KAAK,GAAiB;AACxD,QAAM,QAAQ;AACd,MAAI,CAAC,MAAO,QAAO;AAEnB,QAAM,QAAS,MAAM,SAA4C,CAAC;AAClE,QAAM,WAAY,MAAM,YAAuB;AAE/C,QAAM,cAAc,CAAC,WACnB,IAAI,KAAK,aAAa,SAAS,EAAE,OAAO,YAAY,SAAS,CAAC,EAAE;AAAA,IAC9D;AAAA,EACF;AAEF,SACE,qBAAC,SAAI,WAAU,WACb;AAAA,wBAAC,SAAI,WAAU,qDACb,+BAAC,SAAI,WAAU,2BACb;AAAA,0BAAC,UAAO,WAAU,sCAAqC;AAAA,MACvD,oBAAC,QAAG,WAAU,oDAAmD,qBAEjE;AAAA,OACF,GACF;AAAA,IACA,oBAAC,SAAI,WAAU,2CACZ,gBAAM,IAAI,CAAC,MAAM,QAAQ;AACxB,YAAM,cACH,KAAK,eAA2B,KAAK,SAAiB,QAAQ;AACjE,aACE,oBAAC,SAAqC,WAAU,aAC9C,+BAAC,SAAI,WAAU,0CACb;AAAA,6BAAC,SAAI,WAAU,kBACb;AAAA,8BAAC,OAAE,WAAU,2DACT,eAAK,SACJ,KAAK,QACN,UACJ;AAAA,UACC,eACC,qBAAC,SAAI,WAAU,kCACb;AAAA,gCAAC,OAAI,WAAU,4BAA2B;AAAA,YAC1C,oBAAC,UAAK,WAAU,wCACb,uBACH;AAAA,aACF;AAAA,WAEJ;AAAA,QACA,qBAAC,SAAI,WAAU,4BACb;AAAA,8BAAC,OAAE,WAAU,kDACV,sBAAa,KAAK,SAAoB,CAAC,GAC1C;AAAA,UACA,qBAAC,OAAE,WAAU,uCACT;AAAA,iBAAK,YAAuB;AAAA,YAAE;AAAA,YAAS;AAAA,YACxC,YAAa,KAAK,aAAwB,CAAC;AAAA,aAC9C;AAAA,WACF;AAAA,SACF,KA1BS,KAAK,MAAiB,GA2BjC;AAAA,IAEJ,CAAC,GACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/intent/sections/event-tickets.d.ts

@@ -0,0 +1 @@
+export * from './event-tickets/index';

package/dist/intent/sections/event-tickets.js

@@ -0,0 +1 @@
+export * from './event-tickets/index.js';

package/dist/intent/sections/order-items-section.d.ts

@@ -0,0 +1,15 @@
+import type { SectionProps } from '@withpotter/lib/intents/section-registry';
+/**
+ * What was actually ordered.
+ *
+ * Five archetypes declared `order-items` in `pageSections.orderDetail` —
+ * dine-in, food-orders, sell-products, digital-products and default-commerce —
+ * and it was never registered. Unregistered keys are skipped silently by the
+ * section registry, and an active intent also suppresses `OrderBodyPanels`, so
+ * order detail was header, totals and timeline with no line items at all. A
+ * kitchen could not read the ticket it was cooking.
+ *
+ * Deliberately not reusing `OrderBodyPanels`' thumbnail: that one fills the
+ * no-image case with a `bg-gradient-to-br`, and gradients are out.
+ */
+export declare function OrderItemsSection({ data, config }: SectionProps): import("react").JSX.Element | null;

package/dist/intent/sections/order-items-section.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Package } from "lucide-react";
+import { useFormatCurrency } from "@withpotter/hooks/use-format-currency";
+function OrderItemsSection({ data, config }) {
+  const formatCurrency = useFormatCurrency();
+  const order = data;
+  const items = order?.items ?? [];
+  const itemLabel = config?.entities?.item?.plural ?? "Items";
+  if (items.length === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-xl border border-[var(--border-default)] bg-[var(--bg-elevated)]", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between border-b border-[var(--border-default)] px-4 py-3", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-[var(--text-primary)]", children: itemLabel }),
+      /* @__PURE__ */ jsxs("span", { className: "text-xs tabular-nums text-[var(--text-muted)]", children: [
+        items.reduce((n, i) => n + (i.quantity ?? 1), 0),
+        " in total"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("ul", { className: "divide-y divide-[var(--border-subtle)]", children: items.map((item) => {
+      const name = item.title || item.name || "Item";
+      const variant = item.variant?.name || item.variantName;
+      return /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-3 px-4 py-3", children: [
+        /* @__PURE__ */ jsx("span", { className: "grid h-9 w-9 flex-shrink-0 place-items-center rounded-lg bg-brand-500/12 text-sm font-semibold tabular-nums text-brand-500", children: item.quantity ?? 1 }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium text-[var(--text-primary)]", children: name }),
+          (variant || item.sku) && /* @__PURE__ */ jsxs("p", { className: "truncate text-xs text-[var(--text-tertiary)]", children: [
+            variant,
+            variant && item.sku ? " \xB7 " : "",
+            item.sku
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "flex-shrink-0 text-sm tabular-nums text-[var(--text-secondary)]", children: formatCurrency(
+          item.unitPrice * (item.quantity ?? 1),
+          order?.currency
+        ) })
+      ] }, item.id);
+    }) }),
+    items.every((i) => !i.imageUrl) && /* @__PURE__ */ jsxs("p", { className: "sr-only", children: [
+      /* @__PURE__ */ jsx(Package, { "aria-hidden": true }),
+      " No item images on this order"
+    ] })
+  ] });
+}
+export {
+  OrderItemsSection
+};
+//# sourceMappingURL=order-items-section.js.map

package/dist/intent/sections/order-items-section.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/intent/sections/order-items-section.tsx"],"sourcesContent":["'use client';\n\nimport { Package } from 'lucide-react';\nimport type { SectionProps } from '@withpotter/lib/intents/section-registry';\nimport { useFormatCurrency } from '@withpotter/hooks/use-format-currency';\nimport type { Order, OrderItem } from '@withpotter/lib/api/types';\n\n/**\n * What was actually ordered.\n *\n * Five archetypes declared `order-items` in `pageSections.orderDetail` —\n * dine-in, food-orders, sell-products, digital-products and default-commerce —\n * and it was never registered. Unregistered keys are skipped silently by the\n * section registry, and an active intent also suppresses `OrderBodyPanels`, so\n * order detail was header, totals and timeline with no line items at all. A\n * kitchen could not read the ticket it was cooking.\n *\n * Deliberately not reusing `OrderBodyPanels`' thumbnail: that one fills the\n * no-image case with a `bg-gradient-to-br`, and gradients are out.\n */\nexport function OrderItemsSection({ data, config }: SectionProps) {\n  const formatCurrency = useFormatCurrency();\n  const order = data as unknown as Order | undefined;\n  const items: OrderItem[] = order?.items ?? [];\n\n  // \"Items\" for a shop, \"Menu\" for a kitchen — the archetype already named it.\n  const itemLabel = config?.entities?.item?.plural ?? 'Items';\n\n  if (items.length === 0) return null;\n\n  return (\n    <div className=\"overflow-hidden rounded-xl border border-[var(--border-default)] bg-[var(--bg-elevated)]\">\n      <div className=\"flex items-baseline justify-between border-b border-[var(--border-default)] px-4 py-3\">\n        <h3 className=\"text-sm font-semibold text-[var(--text-primary)]\">\n          {itemLabel}\n        </h3>\n        <span className=\"text-xs tabular-nums text-[var(--text-muted)]\">\n          {items.reduce((n, i) => n + (i.quantity ?? 1), 0)} in total\n        </span>\n      </div>\n\n      <ul className=\"divide-y divide-[var(--border-subtle)]\">\n        {items.map((item) => {\n          const name = item.title || item.name || 'Item';\n          const variant = item.variant?.name || item.variantName;\n          return (\n            <li key={item.id} className=\"flex items-center gap-3 px-4 py-3\">\n              {/* Quantity leads: a cook reads how many before what. */}\n              <span className=\"grid h-9 w-9 flex-shrink-0 place-items-center rounded-lg bg-brand-500/12 text-sm font-semibold tabular-nums text-brand-500\">\n                {item.quantity ?? 1}\n              </span>\n\n              <div className=\"min-w-0 flex-1\">\n                <p className=\"truncate text-sm font-medium text-[var(--text-primary)]\">\n                  {name}\n                </p>\n                {(variant || item.sku) && (\n                  <p className=\"truncate text-xs text-[var(--text-tertiary)]\">\n                    {variant}\n                    {variant && item.sku ? ' · ' : ''}\n                    {item.sku}\n                  </p>\n                )}\n              </div>\n\n              <span className=\"flex-shrink-0 text-sm tabular-nums text-[var(--text-secondary)]\">\n                {formatCurrency(\n                  item.unitPrice * (item.quantity ?? 1),\n                  order?.currency,\n                )}\n              </span>\n            </li>\n          );\n        })}\n      </ul>\n\n      {items.every((i) => !i.imageUrl) && (\n        <p className=\"sr-only\">\n          <Package aria-hidden /> No item images on this order\n        </p>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AAiCQ,cAGA,YAHA;AA/BR,SAAS,eAAe;AAExB,SAAS,yBAAyB;AAgB3B,SAAS,kBAAkB,EAAE,MAAM,OAAO,GAAiB;AAChE,QAAM,iBAAiB,kBAAkB;AACzC,QAAM,QAAQ;AACd,QAAM,QAAqB,OAAO,SAAS,CAAC;AAG5C,QAAM,YAAY,QAAQ,UAAU,MAAM,UAAU;AAEpD,MAAI,MAAM,WAAW,EAAG,QAAO;AAE/B,SACE,qBAAC,SAAI,WAAU,4FACb;AAAA,yBAAC,SAAI,WAAU,yFACb;AAAA,0BAAC,QAAG,WAAU,oDACX,qBACH;AAAA,MACA,qBAAC,UAAK,WAAU,iDACb;AAAA,cAAM,OAAO,CAAC,GAAG,MAAM,KAAK,EAAE,YAAY,IAAI,CAAC;AAAA,QAAE;AAAA,SACpD;AAAA,OACF;AAAA,IAEA,oBAAC,QAAG,WAAU,0CACX,gBAAM,IAAI,CAAC,SAAS;AACnB,YAAM,OAAO,KAAK,SAAS,KAAK,QAAQ;AACxC,YAAM,UAAU,KAAK,SAAS,QAAQ,KAAK;AAC3C,aACE,qBAAC,QAAiB,WAAU,qCAE1B;AAAA,4BAAC,UAAK,WAAU,8HACb,eAAK,YAAY,GACpB;AAAA,QAEA,qBAAC,SAAI,WAAU,kBACb;AAAA,8BAAC,OAAE,WAAU,2DACV,gBACH;AAAA,WACE,WAAW,KAAK,QAChB,qBAAC,OAAE,WAAU,gDACV;AAAA;AAAA,YACA,WAAW,KAAK,MAAM,WAAQ;AAAA,YAC9B,KAAK;AAAA,aACR;AAAA,WAEJ;AAAA,QAEA,oBAAC,UAAK,WAAU,mEACb;AAAA,UACC,KAAK,aAAa,KAAK,YAAY;AAAA,UACnC,OAAO;AAAA,QACT,GACF;AAAA,WAxBO,KAAK,EAyBd;AAAA,IAEJ,CAAC,GACH;AAAA,IAEC,MAAM,MAAM,CAAC,MAAM,CAAC,EAAE,QAAQ,KAC7B,qBAAC,OAAE,WAAU,WACX;AAAA,0BAAC,WAAQ,eAAW,MAAC;AAAA,MAAE;AAAA,OACzB;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/intent/sections/register-sections.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Section registration — call once at app startup to populate the
+ * section registry with all available section components.
+ *
+ * Import this module in a top-level layout or provider to ensure
+ * sections are available when IntentOrderDetail renders.
+ */
+export {};

package/dist/intent/sections/register-sections.js

@@ -0,0 +1,24 @@
+import { registerSection } from "@withpotter/lib/intents/section-registry";
+import { OrderHeaderSection } from "./shared/order-header-section";
+import { PaymentSummarySection } from "./shared/payment-summary-section";
+import { ActivityTimelineSection } from "./shared/activity-timeline-section";
+import { OrderItemsSection } from "./order-items-section";
+import { ShippingInfoSection } from "./shipping-info-section";
+import { DownloadLinksSection } from "./download-links-section";
+import { SubscriptionDetailsSection } from "./subscription-details-section";
+import { TicketInfoSection } from "./event-tickets/ticket-info-section";
+import { EventDetailsSection } from "./event-tickets/event-details-section";
+import { CheckInStatusSection } from "./event-tickets/check-in-status-section";
+import { AttendeeListSection } from "./event-tickets/attendee-list-section";
+registerSection("order-header", OrderHeaderSection);
+registerSection("payment-summary", PaymentSummarySection);
+registerSection("activity-timeline", ActivityTimelineSection);
+registerSection("order-items", OrderItemsSection);
+registerSection("shipping-info", ShippingInfoSection);
+registerSection("download-links", DownloadLinksSection);
+registerSection("subscription-details", SubscriptionDetailsSection);
+registerSection("ticket-info", TicketInfoSection);
+registerSection("event-details", EventDetailsSection);
+registerSection("check-in-status", CheckInStatusSection);
+registerSection("attendee-list", AttendeeListSection);
+//# sourceMappingURL=register-sections.js.map

package/dist/intent/sections/register-sections.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/intent/sections/register-sections.ts"],"sourcesContent":["/**\n * Section registration — call once at app startup to populate the\n * section registry with all available section components.\n *\n * Import this module in a top-level layout or provider to ensure\n * sections are available when IntentOrderDetail renders.\n */\n\nimport { registerSection } from '@withpotter/lib/intents/section-registry';\n\n// Shared sections\nimport { OrderHeaderSection } from './shared/order-header-section';\nimport { PaymentSummarySection } from './shared/payment-summary-section';\nimport { ActivityTimelineSection } from './shared/activity-timeline-section';\nimport { OrderItemsSection } from './order-items-section';\nimport { ShippingInfoSection } from './shipping-info-section';\nimport { DownloadLinksSection } from './download-links-section';\nimport { SubscriptionDetailsSection } from './subscription-details-section';\n\n// Event-tickets sections\nimport { TicketInfoSection } from './event-tickets/ticket-info-section';\nimport { EventDetailsSection } from './event-tickets/event-details-section';\nimport { CheckInStatusSection } from './event-tickets/check-in-status-section';\nimport { AttendeeListSection } from './event-tickets/attendee-list-section';\n\n// Register shared sections\nregisterSection('order-header', OrderHeaderSection);\nregisterSection('payment-summary', PaymentSummarySection);\nregisterSection('activity-timeline', ActivityTimelineSection);\n// Declared by dine-in, food-orders, sell-products, digital-products and\n// default-commerce; never registered, so none of them could show line items.\nregisterSection('order-items', OrderItemsSection);\n// sell-products and default-commerce declare this; the two archetypes that\n// actually ship things had no shipping panel on the order.\nregisterSection('shipping-info', ShippingInfoSection);\n// digital-products declares this; without it a merchant selling downloads\n// could not tell delivery from silence.\nregisterSection('download-links', DownloadLinksSection);\n\n// subscriptions declares this; without it a membership business opened a\n// payment and saw no plan, no interval and no renewal date — the one thing\n// that makes it a subscription rather than a one-off.\nregisterSection('subscription-details', SubscriptionDetailsSection);\n\n// Register event-tickets sections\nregisterSection('ticket-info', TicketInfoSection);\nregisterSection('event-details', EventDetailsSection);\nregisterSection('check-in-status', CheckInStatusSection);\nregisterSection('attendee-list', AttendeeListSection);\n"],"mappings":"AAQA,SAAS,uBAAuB;AAGhC,SAAS,0BAA0B;AACnC,SAAS,6BAA6B;AACtC,SAAS,+BAA+B;AACxC,SAAS,yBAAyB;AAClC,SAAS,2BAA2B;AACpC,SAAS,4BAA4B;AACrC,SAAS,kCAAkC;AAG3C,SAAS,yBAAyB;AAClC,SAAS,2BAA2B;AACpC,SAAS,4BAA4B;AACrC,SAAS,2BAA2B;AAGpC,gBAAgB,gBAAgB,kBAAkB;AAClD,gBAAgB,mBAAmB,qBAAqB;AACxD,gBAAgB,qBAAqB,uBAAuB;AAG5D,gBAAgB,eAAe,iBAAiB;AAGhD,gBAAgB,iBAAiB,mBAAmB;AAGpD,gBAAgB,kBAAkB,oBAAoB;AAKtD,gBAAgB,wBAAwB,0BAA0B;AAGlE,gBAAgB,eAAe,iBAAiB;AAChD,gBAAgB,iBAAiB,mBAAmB;AACpD,gBAAgB,mBAAmB,oBAAoB;AACvD,gBAAgB,iBAAiB,mBAAmB;","names":[]}

package/dist/intent/sections/shared/activity-timeline-section.d.ts

@@ -0,0 +1,9 @@
+import type { SectionProps } from '@withpotter/lib/intents/section-registry';
+/**
+ * Activity Timeline section — shared across all intents.
+ *
+ * A railed vertical timeline (dot + connecting line per event), newest first.
+ * Key timestamps: created, updated, completed, cancelled. On POS orders the
+ * "Order placed" event credits the operator who rang the sale.
+ */
+export declare function ActivityTimelineSection({ data }: SectionProps): import("react").JSX.Element | null;

package/dist/intent/sections/shared/activity-timeline-section.js

@@ -0,0 +1,80 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Clock } from "lucide-react";
+function ActivityTimelineSection({ data }) {
+  const order = data;
+  if (!order) return null;
+  const pos = order.pos;
+  const operator = pos?.operatorLabel ?? pos?.operatorId ?? null;
+  const entries = [];
+  const createdAt = order.createdAt;
+  const updatedAt = order.updatedAt;
+  const completedAt = order.completedAt;
+  const cancelledAt = order.cancelledAt;
+  if (createdAt)
+    entries.push({
+      label: "Order placed",
+      date: createdAt,
+      sublabel: operator ? `Rung up by ${operator} at the till` : void 0,
+      tone: "accent"
+    });
+  if (completedAt)
+    entries.push({ label: "Completed", date: completedAt, tone: "success" });
+  if (cancelledAt)
+    entries.push({ label: "Cancelled", date: cancelledAt, tone: "error" });
+  if (updatedAt && updatedAt !== createdAt && updatedAt !== completedAt && updatedAt !== cancelledAt) {
+    entries.push({ label: "Last updated", date: updatedAt, tone: "muted" });
+  }
+  entries.sort(
+    (a, b) => new Date(b.date).getTime() - new Date(a.date).getTime()
+  );
+  if (entries.length === 0) return null;
+  const formatDate = (dateStr) => {
+    const d = new Date(dateStr);
+    return d.toLocaleDateString("en-US", {
+      month: "short",
+      day: "numeric",
+      year: "numeric",
+      hour: "numeric",
+      minute: "2-digit"
+    });
+  };
+  const DOT_TONE = {
+    accent: "bg-[var(--accent-primary)]",
+    success: "bg-[var(--success)]",
+    error: "bg-[var(--error)]",
+    muted: "bg-[var(--text-muted)]"
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "surface", children: [
+    /* @__PURE__ */ jsx("div", { className: "px-4 py-3 border-b border-[var(--border-default)]", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(Clock, { className: "size-4 text-[var(--text-tertiary)]" }),
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-[var(--text-primary)]", children: "Activity" })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "px-4 py-4", children: /* @__PURE__ */ jsx("ol", { children: entries.map((entry, idx) => /* @__PURE__ */ jsxs("li", { className: "relative flex gap-3 pb-5 last:pb-0", children: [
+      idx < entries.length - 1 && /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": true,
+          className: "absolute left-[4px] top-3 bottom-0 w-px bg-[var(--border-default)]"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: `relative z-10 mt-1.5 h-[9px] w-[9px] shrink-0 rounded-full ring-4 ring-[var(--bg-base)] ${DOT_TONE[entry.tone]}`
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0 flex items-start justify-between gap-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-[var(--text-primary)]", children: entry.label }),
+          entry.sublabel && /* @__PURE__ */ jsx("div", { className: "text-xs text-[var(--text-tertiary)] mt-0.5 truncate", children: entry.sublabel })
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-[var(--text-tertiary)] shrink-0 mt-0.5", children: formatDate(entry.date) })
+      ] })
+    ] }, idx)) }) })
+  ] });
+}
+export {
+  ActivityTimelineSection
+};
+//# sourceMappingURL=activity-timeline-section.js.map

package/dist/intent/sections/shared/activity-timeline-section.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/intent/sections/shared/activity-timeline-section.tsx"],"sourcesContent":["'use client';\n\nimport { Clock } from 'lucide-react';\nimport type { SectionProps } from '@withpotter/lib/intents/section-registry';\n\n/**\n * Activity Timeline section — shared across all intents.\n *\n * A railed vertical timeline (dot + connecting line per event), newest first.\n * Key timestamps: created, updated, completed, cancelled. On POS orders the\n * \"Order placed\" event credits the operator who rang the sale.\n */\nexport function ActivityTimelineSection({ data }: SectionProps) {\n  const order = data as Record<string, unknown> | undefined;\n  if (!order) return null;\n\n  const pos = order.pos as\n    | { operatorLabel?: string | null; operatorId?: string | null }\n    | undefined;\n  const operator = pos?.operatorLabel ?? pos?.operatorId ?? null;\n\n  const entries: Array<{\n    label: string;\n    date: string;\n    sublabel?: string;\n    tone: 'accent' | 'success' | 'error' | 'muted';\n  }> = [];\n\n  const createdAt = order.createdAt as string | undefined;\n  const updatedAt = order.updatedAt as string | undefined;\n  const completedAt = order.completedAt as string | undefined;\n  const cancelledAt = order.cancelledAt as string | undefined;\n\n  if (createdAt)\n    entries.push({\n      label: 'Order placed',\n      date: createdAt,\n      sublabel: operator ? `Rung up by ${operator} at the till` : undefined,\n      tone: 'accent',\n    });\n  if (completedAt)\n    entries.push({ label: 'Completed', date: completedAt, tone: 'success' });\n  if (cancelledAt)\n    entries.push({ label: 'Cancelled', date: cancelledAt, tone: 'error' });\n  if (\n    updatedAt &&\n    updatedAt !== createdAt &&\n    updatedAt !== completedAt &&\n    updatedAt !== cancelledAt\n  ) {\n    entries.push({ label: 'Last updated', date: updatedAt, tone: 'muted' });\n  }\n\n  // Sort newest first\n  entries.sort(\n    (a, b) => new Date(b.date).getTime() - new Date(a.date).getTime(),\n  );\n\n  if (entries.length === 0) return null;\n\n  const formatDate = (dateStr: string) => {\n    const d = new Date(dateStr);\n    return d.toLocaleDateString('en-US', {\n      month: 'short',\n      day: 'numeric',\n      year: 'numeric',\n      hour: 'numeric',\n      minute: '2-digit',\n    });\n  };\n\n  const DOT_TONE: Record<string, string> = {\n    accent: 'bg-[var(--accent-primary)]',\n    success: 'bg-[var(--success)]',\n    error: 'bg-[var(--error)]',\n    muted: 'bg-[var(--text-muted)]',\n  };\n\n  return (\n    <div className=\"surface\">\n      <div className=\"px-4 py-3 border-b border-[var(--border-default)]\">\n        <div className=\"flex items-center gap-2\">\n          <Clock className=\"size-4 text-[var(--text-tertiary)]\" />\n          <h3 className=\"text-sm font-semibold text-[var(--text-primary)]\">\n            Activity\n          </h3>\n        </div>\n      </div>\n      <div className=\"px-4 py-4\">\n        <ol>\n          {entries.map((entry, idx) => (\n            <li key={idx} className=\"relative flex gap-3 pb-5 last:pb-0\">\n              {/* connecting rail */}\n              {idx < entries.length - 1 && (\n                <span\n                  aria-hidden\n                  className=\"absolute left-[4px] top-3 bottom-0 w-px bg-[var(--border-default)]\"\n                />\n              )}\n              {/* event dot */}\n              <span\n                className={`relative z-10 mt-1.5 h-[9px] w-[9px] shrink-0 rounded-full ring-4 ring-[var(--bg-base)] ${DOT_TONE[entry.tone]}`}\n              />\n              <div className=\"flex-1 min-w-0 flex items-start justify-between gap-2\">\n                <div className=\"min-w-0\">\n                  <div className=\"text-sm font-medium text-[var(--text-primary)]\">\n                    {entry.label}\n                  </div>\n                  {entry.sublabel && (\n                    <div className=\"text-xs text-[var(--text-tertiary)] mt-0.5 truncate\">\n                      {entry.sublabel}\n                    </div>\n                  )}\n                </div>\n                <span className=\"text-xs text-[var(--text-tertiary)] shrink-0 mt-0.5\">\n                  {formatDate(entry.date)}\n                </span>\n              </div>\n            </li>\n          ))}\n        </ol>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAiFQ,SACE,KADF;AA/ER,SAAS,aAAa;AAUf,SAAS,wBAAwB,EAAE,KAAK,GAAiB;AAC9D,QAAM,QAAQ;AACd,MAAI,CAAC,MAAO,QAAO;AAEnB,QAAM,MAAM,MAAM;AAGlB,QAAM,WAAW,KAAK,iBAAiB,KAAK,cAAc;AAE1D,QAAM,UAKD,CAAC;AAEN,QAAM,YAAY,MAAM;AACxB,QAAM,YAAY,MAAM;AACxB,QAAM,cAAc,MAAM;AAC1B,QAAM,cAAc,MAAM;AAE1B,MAAI;AACF,YAAQ,KAAK;AAAA,MACX,OAAO;AAAA,MACP,MAAM;AAAA,MACN,UAAU,WAAW,cAAc,QAAQ,iBAAiB;AAAA,MAC5D,MAAM;AAAA,IACR,CAAC;AACH,MAAI;AACF,YAAQ,KAAK,EAAE,OAAO,aAAa,MAAM,aAAa,MAAM,UAAU,CAAC;AACzE,MAAI;AACF,YAAQ,KAAK,EAAE,OAAO,aAAa,MAAM,aAAa,MAAM,QAAQ,CAAC;AACvE,MACE,aACA,cAAc,aACd,cAAc,eACd,cAAc,aACd;AACA,YAAQ,KAAK,EAAE,OAAO,gBAAgB,MAAM,WAAW,MAAM,QAAQ,CAAC;AAAA,EACxE;AAGA,UAAQ;AAAA,IACN,CAAC,GAAG,MAAM,IAAI,KAAK,EAAE,IAAI,EAAE,QAAQ,IAAI,IAAI,KAAK,EAAE,IAAI,EAAE,QAAQ;AAAA,EAClE;AAEA,MAAI,QAAQ,WAAW,EAAG,QAAO;AAEjC,QAAM,aAAa,CAAC,YAAoB;AACtC,UAAM,IAAI,IAAI,KAAK,OAAO;AAC1B,WAAO,EAAE,mBAAmB,SAAS;AAAA,MACnC,OAAO;AAAA,MACP,KAAK;AAAA,MACL,MAAM;AAAA,MACN,MAAM;AAAA,MACN,QAAQ;AAAA,IACV,CAAC;AAAA,EACH;AAEA,QAAM,WAAmC;AAAA,IACvC,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAEA,SACE,qBAAC,SAAI,WAAU,WACb;AAAA,wBAAC,SAAI,WAAU,qDACb,+BAAC,SAAI,WAAU,2BACb;AAAA,0BAAC,SAAM,WAAU,sCAAqC;AAAA,MACtD,oBAAC,QAAG,WAAU,oDAAmD,sBAEjE;AAAA,OACF,GACF;AAAA,IACA,oBAAC,SAAI,WAAU,aACb,8BAAC,QACE,kBAAQ,IAAI,CAAC,OAAO,QACnB,qBAAC,QAAa,WAAU,sCAErB;AAAA,YAAM,QAAQ,SAAS,KACtB;AAAA,QAAC;AAAA;AAAA,UACC,eAAW;AAAA,UACX,WAAU;AAAA;AAAA,MACZ;AAAA,MAGF;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,2FAA2F,SAAS,MAAM,IAAI,CAAC;AAAA;AAAA,MAC5H;AAAA,MACA,qBAAC,SAAI,WAAU,yDACb;AAAA,6BAAC,SAAI,WAAU,WACb;AAAA,8BAAC,SAAI,WAAU,kDACZ,gBAAM,OACT;AAAA,UACC,MAAM,YACL,oBAAC,SAAI,WAAU,uDACZ,gBAAM,UACT;AAAA,WAEJ;AAAA,QACA,oBAAC,UAAK,WAAU,uDACb,qBAAW,MAAM,IAAI,GACxB;AAAA,SACF;AAAA,SA1BO,GA2BT,CACD,GACH,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/intent/sections/shared/index.d.ts

@@ -0,0 +1,3 @@
+export { OrderHeaderSection } from './order-header-section';
+export { PaymentSummarySection } from './payment-summary-section';
+export { ActivityTimelineSection } from './activity-timeline-section';

package/dist/intent/sections/shared/index.js

@@ -0,0 +1,9 @@
+import { OrderHeaderSection } from "./order-header-section";
+import { PaymentSummarySection } from "./payment-summary-section";
+import { ActivityTimelineSection } from "./activity-timeline-section";
+export {
+  ActivityTimelineSection,
+  OrderHeaderSection,
+  PaymentSummarySection
+};
+//# sourceMappingURL=index.js.map

package/dist/intent/sections/shared/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/intent/sections/shared/index.ts"],"sourcesContent":["export { OrderHeaderSection } from './order-header-section';\nexport { PaymentSummarySection } from './payment-summary-section';\nexport { ActivityTimelineSection } from './activity-timeline-section';\n"],"mappings":"AAAA,SAAS,0BAA0B;AACnC,SAAS,6BAA6B;AACtC,SAAS,+BAA+B;","names":[]}

package/dist/intent/sections/shared/order-header-section.d.ts

@@ -0,0 +1,7 @@
+import type { SectionProps } from '@withpotter/lib/intents/section-registry';
+/**
+ * Order Header section — shared across all intents.
+ *
+ * Shows order number, customer info, date, and status badges.
+ */
+export declare function OrderHeaderSection({ data }: SectionProps): import("react").JSX.Element | null;

package/dist/intent/sections/shared/order-header-section.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Package } from "lucide-react";
+import { formatOrderNumber } from "@withpotter/lib/order-config";
+function OrderHeaderSection({ data }) {
+  const order = data;
+  if (!order) return null;
+  const orderNumber = order.orderNumber ?? order.id?.slice(0, 8);
+  const createdAt = order.createdAt;
+  return /* @__PURE__ */ jsx("div", { className: "surface", children: /* @__PURE__ */ jsx("div", { className: "px-4 py-4", children: /* @__PURE__ */ jsx("div", { className: "flex items-start justify-between gap-3 mb-3", children: /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(Package, { className: "size-4 text-[var(--text-tertiary)]" }),
+      /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-[var(--text-primary)]", children: formatOrderNumber(orderNumber) })
+    ] }),
+    createdAt && /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--text-tertiary)] mt-1", children: new Date(createdAt).toLocaleDateString("en-US", {
+      month: "long",
+      day: "numeric",
+      year: "numeric",
+      hour: "numeric",
+      minute: "2-digit"
+    }) })
+  ] }) }) }) });
+}
+export {
+  OrderHeaderSection
+};
+//# sourceMappingURL=order-header-section.js.map

package/dist/intent/sections/shared/order-header-section.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/intent/sections/shared/order-header-section.tsx"],"sourcesContent":["'use client';\n\nimport { Package } from 'lucide-react';\nimport { formatOrderNumber } from '@withpotter/lib/order-config';\nimport type { SectionProps } from '@withpotter/lib/intents/section-registry';\n\n/**\n * Order Header section — shared across all intents.\n *\n * Shows order number, customer info, date, and status badges.\n */\nexport function OrderHeaderSection({ data }: SectionProps) {\n  const order = data as Record<string, unknown> | undefined;\n  if (!order) return null;\n\n  const orderNumber =\n    (order.orderNumber as string) ?? (order.id as string)?.slice(0, 8);\n  const createdAt = order.createdAt as string | undefined;\n\n  return (\n    <div className=\"surface\">\n      <div className=\"px-4 py-4\">\n        <div className=\"flex items-start justify-between gap-3 mb-3\">\n          <div>\n            <div className=\"flex items-center gap-2\">\n              <Package className=\"size-4 text-[var(--text-tertiary)]\" />\n              <h2 className=\"text-lg font-semibold text-[var(--text-primary)]\">\n                {formatOrderNumber(orderNumber)}\n              </h2>\n            </div>\n            {createdAt && (\n              <p className=\"text-xs text-[var(--text-tertiary)] mt-1\">\n                {new Date(createdAt).toLocaleDateString('en-US', {\n                  month: 'long',\n                  day: 'numeric',\n                  year: 'numeric',\n                  hour: 'numeric',\n                  minute: '2-digit',\n                })}\n              </p>\n            )}\n          </div>\n        </div>\n\n        {/* No customer block, and no status chips.\n         *\n         * This card repeated the page around it. Name, email and phone are\n         * the sidebar's Customer card verbatim; the two chips were the third\n         * and fourth statement of a status the sidebar's Payment card and the\n         * Change bar already carry. Counted on the rendered page, payment\n         * status appeared four times and the customer twice.\n         *\n         * What is left is what nothing else says: which order this is, and\n         * when it came in. That matters most on a surface with no sidebar —\n         * a lead has no Payment card to read it from — which is why the\n         * section stays rather than being deleted from the configs. */}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAwBY,SACE,KADF;AAtBZ,SAAS,eAAe;AACxB,SAAS,yBAAyB;AAQ3B,SAAS,mBAAmB,EAAE,KAAK,GAAiB;AACzD,QAAM,QAAQ;AACd,MAAI,CAAC,MAAO,QAAO;AAEnB,QAAM,cACH,MAAM,eAA2B,MAAM,IAAe,MAAM,GAAG,CAAC;AACnE,QAAM,YAAY,MAAM;AAExB,SACE,oBAAC,SAAI,WAAU,WACb,8BAAC,SAAI,WAAU,aACb,8BAAC,SAAI,WAAU,+CACb,+BAAC,SACC;AAAA,yBAAC,SAAI,WAAU,2BACb;AAAA,0BAAC,WAAQ,WAAU,sCAAqC;AAAA,MACxD,oBAAC,QAAG,WAAU,oDACX,4BAAkB,WAAW,GAChC;AAAA,OACF;AAAA,IACC,aACC,oBAAC,OAAE,WAAU,4CACV,cAAI,KAAK,SAAS,EAAE,mBAAmB,SAAS;AAAA,MAC/C,OAAO;AAAA,MACP,KAAK;AAAA,MACL,MAAM;AAAA,MACN,MAAM;AAAA,MACN,QAAQ;AAAA,IACV,CAAC,GACH;AAAA,KAEJ,GACF,GAcF,GACF;AAEJ;","names":[]}

package/dist/intent/sections/shared/payment-summary-section.d.ts

@@ -0,0 +1,12 @@
+import type { SectionProps } from '@withpotter/lib/intents/section-registry';
+/**
+ * Payment Summary section — shared across all intents.
+ *
+ * Two calm blocks instead of one long mixed list:
+ *  1. Money — subtotal, discount, tax, shipping, total.
+ *  2. Tender — ONE headline saying how the customer paid ("Card — Verve ••••
+ *     4242 · Providus Bank"), then a compact fact grid (auth code, terminal,
+ *     operator, reference) for reconciliation. This section is the single
+ *     payment surface on the page; the sidebar no longer repeats it.
+ */
+export declare function PaymentSummarySection({ data }: SectionProps): import("react").JSX.Element | null;

package/dist/intent/sections/shared/payment-summary-section.js

@@ -0,0 +1,126 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { orderTaxLabel } from "@withpotter/lib/order-tax";
+import { ArrowLeftRight, Banknote, CreditCard } from "lucide-react";
+import { describeOrderDiscounts } from "@withpotter/lib/order-discounts";
+function Fact({
+  label,
+  value,
+  mono = false
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+    /* @__PURE__ */ jsx("div", { className: "text-[10px] font-medium uppercase tracking-wide text-[var(--text-tertiary)]", children: label }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        title: value,
+        className: `mt-0.5 text-xs text-[var(--text-primary)] truncate ${mono ? "font-mono text-[11px]" : ""}`,
+        children: value
+      }
+    )
+  ] });
+}
+function tenderIcon(tender) {
+  switch (tender) {
+    case "cash":
+      return /* @__PURE__ */ jsx(Banknote, { className: "w-4 h-4 text-[var(--text-secondary)]" });
+    case "transfer":
+      return /* @__PURE__ */ jsx(ArrowLeftRight, { className: "w-4 h-4 text-[var(--text-secondary)]" });
+    default:
+      return /* @__PURE__ */ jsx(CreditCard, { className: "w-4 h-4 text-[var(--text-secondary)]" });
+  }
+}
+function PaymentSummarySection({ data }) {
+  const order = data;
+  if (!order) return null;
+  const currency = order.currency ?? "NGN";
+  const format = (amount) => new Intl.NumberFormat("en-NG", { style: "currency", currency }).format(
+    amount
+  );
+  const subtotal = order.subtotal ?? 0;
+  const discountTotal = order.discountTotal ?? 0;
+  const taxTotal = order.taxTotal ?? 0;
+  const shippingTotal = order.shippingTotal ?? 0;
+  const total = order.total ?? 0;
+  const paymentMethod = order.paymentMethod;
+  const paymentReference = order.paymentReference;
+  const pos = order.pos;
+  const payment = pos?.payment ?? null;
+  const operator = pos?.operatorLabel ?? pos?.operatorId ?? null;
+  const tender = payment?.method ?? null;
+  const tenderHeadline = tender ? tender === "card" && payment?.last4 ? `Card \u2014 ${payment.scheme ?? payment.brand ?? ""} \u2022\u2022\u2022\u2022 ${payment.last4}` : tender.charAt(0).toUpperCase() + tender.slice(1) : paymentMethod ? paymentMethod.replace(/_/g, " ") : null;
+  const facts = [];
+  if (payment?.authorizationCode)
+    facts.push({
+      label: "Auth code",
+      value: payment.authorizationCode,
+      mono: true
+    });
+  if (payment?.terminalId)
+    facts.push({ label: "Terminal", value: payment.terminalId, mono: true });
+  if (operator) facts.push({ label: "Operator", value: operator });
+  if (paymentReference)
+    facts.push({ label: "Reference", value: paymentReference, mono: true });
+  return /* @__PURE__ */ jsxs("div", { className: "surface", children: [
+    /* @__PURE__ */ jsx("div", { className: "px-4 py-3 border-b border-[var(--border-default)]", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(CreditCard, { className: "size-4 text-[var(--text-tertiary)]" }),
+      /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-[var(--text-primary)]", children: "Payment summary" })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "px-4 py-3 space-y-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-[var(--text-secondary)]", children: "Subtotal" }),
+        /* @__PURE__ */ jsx("span", { className: "text-[var(--text-primary)]", children: format(subtotal) })
+      ] }),
+      describeOrderDiscounts({ discountTotal, data: order.data }).map(
+        (line) => /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-[var(--text-secondary)]", children: line.label }),
+          /* @__PURE__ */ jsxs("span", { className: "text-[var(--success)]", children: [
+            "-",
+            format(line.amount)
+          ] })
+        ] }, line.label)
+      ),
+      taxTotal > 0 && /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-[var(--text-secondary)]", children: orderTaxLabel(order) }),
+        /* @__PURE__ */ jsx("span", { className: "text-[var(--text-primary)]", children: format(taxTotal) })
+      ] }),
+      shippingTotal > 0 && /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-[var(--text-secondary)]", children: "Shipping" }),
+        /* @__PURE__ */ jsx("span", { className: "text-[var(--text-primary)]", children: format(shippingTotal) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm font-semibold border-t border-[var(--border-default)] pt-2 mt-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-[var(--text-primary)]", children: "Total" }),
+        /* @__PURE__ */ jsx("span", { className: "text-[var(--text-primary)]", children: format(total) })
+      ] }),
+      paymentMethod && /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-xs pt-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-[var(--text-tertiary)]", children: "Method" }),
+        /* @__PURE__ */ jsx("span", { className: "text-[var(--text-secondary)] capitalize", children: paymentMethod.replace(/[_-]+/g, " ") })
+      ] }),
+      paymentReference && /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-xs", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-[var(--text-tertiary)]", children: "Reference" }),
+        /* @__PURE__ */ jsx("span", { className: "text-[var(--text-secondary)] font-mono text-2xs", children: paymentReference })
+      ] })
+    ] }),
+    (tenderHeadline || facts.length > 0) && /* @__PURE__ */ jsxs("div", { className: "px-4 py-3 border-t border-[var(--border-default)] bg-[var(--bg-subtle)]", children: [
+      tenderHeadline && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
+        tenderIcon(tender),
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-[var(--text-primary)] capitalize", children: tenderHeadline }),
+        payment?.bank && /* @__PURE__ */ jsxs("span", { className: "text-xs text-[var(--text-tertiary)] truncate", children: [
+          "\xB7 ",
+          payment.bank
+        ] })
+      ] }),
+      facts.length > 0 && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: `grid grid-cols-2 sm:grid-cols-4 gap-x-4 gap-y-2 ${tenderHeadline ? "mt-3" : ""}`,
+          children: facts.map((f) => /* @__PURE__ */ jsx(Fact, { ...f }, f.label))
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  PaymentSummarySection
+};
+//# sourceMappingURL=payment-summary-section.js.map

package/dist/intent/sections/shared/payment-summary-section.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/intent/sections/shared/payment-summary-section.tsx"],"sourcesContent":["'use client';\nimport { orderTaxLabel } from '@withpotter/lib/order-tax';\n\nimport { ArrowLeftRight, Banknote, CreditCard } from 'lucide-react';\nimport type { SectionProps } from '@withpotter/lib/intents/section-registry';\nimport { describeOrderDiscounts } from '@withpotter/lib/order-discounts';\n\n/** PCI-safe tender facts stamped on POS orders by the confirmed settlement. */\ninterface PosPayment {\n  method?: string | null;\n  last4?: string | null;\n  scheme?: string | null;\n  brand?: string | null;\n  bank?: string | null;\n  authorizationCode?: string | null;\n  rrn?: string | null;\n  terminalId?: string | null;\n}\n\ninterface PosContext {\n  operatorLabel?: string | null;\n  operatorId?: string | null;\n  payment?: PosPayment | null;\n}\n\n/** One labelled fact in the tender grid — label above, value below. */\nfunction Fact({\n  label,\n  value,\n  mono = false,\n}: {\n  label: string;\n  value: string;\n  mono?: boolean;\n}) {\n  return (\n    <div className=\"min-w-0\">\n      <div className=\"text-[10px] font-medium uppercase tracking-wide text-[var(--text-tertiary)]\">\n        {label}\n      </div>\n      <div\n        title={value}\n        className={`mt-0.5 text-xs text-[var(--text-primary)] truncate ${\n          mono ? 'font-mono text-[11px]' : ''\n        }`}\n      >\n        {value}\n      </div>\n    </div>\n  );\n}\n\nfunction tenderIcon(tender: string | null) {\n  switch (tender) {\n    case 'cash':\n      return <Banknote className=\"w-4 h-4 text-[var(--text-secondary)]\" />;\n    case 'transfer':\n      return (\n        <ArrowLeftRight className=\"w-4 h-4 text-[var(--text-secondary)]\" />\n      );\n    default:\n      return <CreditCard className=\"w-4 h-4 text-[var(--text-secondary)]\" />;\n  }\n}\n\n/**\n * Payment Summary section — shared across all intents.\n *\n * Two calm blocks instead of one long mixed list:\n *  1. Money — subtotal, discount, tax, shipping, total.\n *  2. Tender — ONE headline saying how the customer paid (\"Card — Verve ••••\n *     4242 · Providus Bank\"), then a compact fact grid (auth code, terminal,\n *     operator, reference) for reconciliation. This section is the single\n *     payment surface on the page; the sidebar no longer repeats it.\n */\nexport function PaymentSummarySection({ data }: SectionProps) {\n  const order = data as Record<string, unknown> | undefined;\n  if (!order) return null;\n\n  const currency = (order.currency as string) ?? 'NGN';\n  const format = (amount: number) =>\n    new Intl.NumberFormat('en-NG', { style: 'currency', currency }).format(\n      amount,\n    );\n\n  const subtotal = (order.subtotal as number) ?? 0;\n  const discountTotal = (order.discountTotal as number) ?? 0;\n  const taxTotal = (order.taxTotal as number) ?? 0;\n  const shippingTotal = (order.shippingTotal as number) ?? 0;\n  const total = (order.total as number) ?? 0;\n  const paymentMethod = order.paymentMethod as string | undefined;\n  const paymentReference = order.paymentReference as string | undefined;\n  // POS sales carry who rang them up (stamped server-side from the shift)\n  // and the PCI-safe tender facts from the confirmed settlement (recon).\n  const pos = order.pos as PosContext | undefined;\n  const payment = pos?.payment ?? null;\n  const operator = pos?.operatorLabel ?? pos?.operatorId ?? null;\n  const tender = payment?.method ?? null;\n\n  // Headline: the one line that answers \"how did they pay?\"\n  const tenderHeadline = tender\n    ? tender === 'card' && payment?.last4\n      ? `Card — ${payment.scheme ?? payment.brand ?? ''} •••• ${payment.last4}`\n      : tender.charAt(0).toUpperCase() + tender.slice(1)\n    : paymentMethod\n      ? paymentMethod.replace(/_/g, ' ')\n      : null;\n\n  const facts: Array<{ label: string; value: string; mono?: boolean }> = [];\n  if (payment?.authorizationCode)\n    facts.push({\n      label: 'Auth code',\n      value: payment.authorizationCode,\n      mono: true,\n    });\n  if (payment?.terminalId)\n    facts.push({ label: 'Terminal', value: payment.terminalId, mono: true });\n  if (operator) facts.push({ label: 'Operator', value: operator });\n  if (paymentReference)\n    facts.push({ label: 'Reference', value: paymentReference, mono: true });\n\n  return (\n    <div className=\"surface\">\n      <div className=\"px-4 py-3 border-b border-[var(--border-default)]\">\n        <div className=\"flex items-center gap-2\">\n          <CreditCard className=\"size-4 text-[var(--text-tertiary)]\" />\n          <h3 className=\"text-sm font-semibold text-[var(--text-primary)]\">\n            Payment summary\n          </h3>\n        </div>\n      </div>\n\n      {/* Money */}\n      <div className=\"px-4 py-3 space-y-2\">\n        <div className=\"flex justify-between text-sm\">\n          <span className=\"text-[var(--text-secondary)]\">Subtotal</span>\n          <span className=\"text-[var(--text-primary)]\">{format(subtotal)}</span>\n        </div>\n        {describeOrderDiscounts({ discountTotal, data: order.data }).map(\n          (line) => (\n            <div key={line.label} className=\"flex justify-between text-sm\">\n              <span className=\"text-[var(--text-secondary)]\">{line.label}</span>\n              <span className=\"text-[var(--success)]\">\n                -{format(line.amount)}\n              </span>\n            </div>\n          ),\n        )}\n        {taxTotal > 0 && (\n          <div className=\"flex justify-between text-sm\">\n            <span className=\"text-[var(--text-secondary)]\">\n              {orderTaxLabel(order)}\n            </span>\n            <span className=\"text-[var(--text-primary)]\">\n              {format(taxTotal)}\n            </span>\n          </div>\n        )}\n        {shippingTotal > 0 && (\n          <div className=\"flex justify-between text-sm\">\n            <span className=\"text-[var(--text-secondary)]\">Shipping</span>\n            <span className=\"text-[var(--text-primary)]\">\n              {format(shippingTotal)}\n            </span>\n          </div>\n        )}\n        <div className=\"flex justify-between text-sm font-semibold border-t border-[var(--border-default)] pt-2 mt-2\">\n          <span className=\"text-[var(--text-primary)]\">Total</span>\n          <span className=\"text-[var(--text-primary)]\">{format(total)}</span>\n        </div>\n        {paymentMethod && (\n          <div className=\"flex justify-between text-xs pt-1\">\n            <span className=\"text-[var(--text-tertiary)]\">Method</span>\n            {/* `capitalize` alone leaves the underscore: \"bank_transfer\"\n              became \"Bank_transfer\", which is the database's spelling wearing\n              a capital letter. The separator has to come out before the case\n              goes on — the same fix `StatusBadge` makes for snake_case\n              statuses, applied here because this value is a plain field\n              rather than a status chip. */}\n            <span className=\"text-[var(--text-secondary)] capitalize\">\n              {paymentMethod.replace(/[_-]+/g, ' ')}\n            </span>\n          </div>\n        )}\n        {paymentReference && (\n          <div className=\"flex justify-between text-xs\">\n            <span className=\"text-[var(--text-tertiary)]\">Reference</span>\n            <span className=\"text-[var(--text-secondary)] font-mono text-2xs\">\n              {paymentReference}\n            </span>\n          </div>\n        )}\n      </div>\n\n      {/* Tender — how the customer paid, in one grouped block */}\n      {(tenderHeadline || facts.length > 0) && (\n        <div className=\"px-4 py-3 border-t border-[var(--border-default)] bg-[var(--bg-subtle)]\">\n          {tenderHeadline && (\n            <div className=\"flex items-center gap-2 min-w-0\">\n              {tenderIcon(tender)}\n              <span className=\"text-sm font-medium text-[var(--text-primary)] capitalize\">\n                {tenderHeadline}\n              </span>\n              {payment?.bank && (\n                <span className=\"text-xs text-[var(--text-tertiary)] truncate\">\n                  · {payment.bank}\n                </span>\n              )}\n            </div>\n          )}\n          {facts.length > 0 && (\n            <div\n              className={`grid grid-cols-2 sm:grid-cols-4 gap-x-4 gap-y-2 ${\n                tenderHeadline ? 'mt-3' : ''\n              }`}\n            >\n              {facts.map((f) => (\n                <Fact key={f.label} {...f} />\n              ))}\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/intent/sections/shared.d.ts

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

package/dist/intent/sections/shared.js

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

package/dist/intent/sections/shipping-info-section.d.ts

@@ -0,0 +1,12 @@
+import type { SectionProps } from '@withpotter/lib/intents/section-registry';
+/**
+ * Where it is going and where it has got to.
+ *
+ * Declared by sell-products and default-commerce and never registered, so the
+ * two archetypes that actually ship things had no shipping panel on the order.
+ *
+ * Tracking lives in `order.data`, not on a column — update-fulfillment-status
+ * stuffs it there with a comment saying the order has no tracking column. Read
+ * from the same place rather than inventing a second convention.
+ */
+export declare function ShippingInfoSection({ data }: SectionProps): import("react").JSX.Element | null;