@withpotter/components 0.13.0-next.101

package/dist/mobile/screens/manage-rows.js

@@ -0,0 +1,229 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { ChevronRight } from "lucide-react";
+import { MobileStatusChip, SwipeRow } from "@withpotter/components/mobile/primitives";
+import { formatOrderNumber } from "@withpotter/lib/order-config";
+function formatRelativeTime(dateStr) {
+  const diffMs = Date.now() - new Date(dateStr).getTime();
+  const sec = Math.floor(diffMs / 1e3);
+  if (sec < 60) return "Just now";
+  const min = Math.floor(sec / 60);
+  if (min < 60) return `${min}m ago`;
+  const hr = Math.floor(min / 60);
+  if (hr < 24) return `${hr}h ago`;
+  const day = Math.floor(hr / 24);
+  if (day < 7) return `${day}d ago`;
+  return new Date(dateStr).toLocaleDateString("en-US", {
+    month: "short",
+    day: "numeric"
+  });
+}
+function formatBookingTime(dateStr) {
+  const d = new Date(dateStr);
+  const hours = d.getHours();
+  const minutes = d.getMinutes();
+  const period = hours >= 12 ? "PM" : "AM";
+  const displayHour = hours === 0 ? 12 : hours > 12 ? hours - 12 : hours;
+  const displayMinute = minutes.toString().padStart(2, "0");
+  return { time: `${displayHour}:${displayMinute}`, period };
+}
+function OrderRow({
+  order,
+  formatCurrency,
+  onConfirm,
+  orderDisplay
+}) {
+  const row = /* @__PURE__ */ jsxs(
+    Link,
+    {
+      href: `/dashboard/orders/${order.id}`,
+      className: "flex w-full items-center gap-3 rounded-2xl border p-4",
+      style: {
+        borderColor: "var(--mb-border)",
+        background: "var(--mb-card)",
+        minHeight: 74
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              "p",
+              {
+                className: "truncate text-md font-medium",
+                style: { color: "var(--mb-text)" },
+                children: formatOrderNumber(order.orderNumber)
+              }
+            ),
+            /* @__PURE__ */ jsx(MobileStatusChip, { status: order.status, orderDisplay })
+          ] }),
+          /* @__PURE__ */ jsxs(
+            "p",
+            {
+              className: "mt-0.5 truncate text-2xs",
+              style: { color: "var(--mb-text-tertiary)" },
+              children: [
+                order.customerName || order.customerEmail,
+                " \xB7",
+                " ",
+                formatRelativeTime(order.createdAt)
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "shrink-0 text-right", children: [
+          /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: "text-md font-semibold tabular-nums",
+              style: { color: "var(--mb-text)" },
+              children: formatCurrency(order.total, order.currency)
+            }
+          ),
+          /* @__PURE__ */ jsxs("p", { className: "text-3xs", style: { color: "var(--mb-text-muted)" }, children: [
+            order.items?.length ?? 0,
+            " ",
+            (order.items?.length ?? 0) === 1 ? "item" : "items"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(
+          ChevronRight,
+          {
+            className: "size-4 shrink-0",
+            style: { color: "var(--mb-text-muted)" }
+          }
+        )
+      ]
+    }
+  );
+  return onConfirm ? /* @__PURE__ */ jsx(SwipeRow, { label: "Confirm", onAction: onConfirm, children: row }) : row;
+}
+function BookingRow({
+  order,
+  orderDisplay
+}) {
+  const { time, period } = formatBookingTime(order.createdAt);
+  const partyCount = order.items?.reduce((sum, i) => sum + (i.quantity || 0), 0) ?? 0;
+  const metaParts = [];
+  if (partyCount > 0) {
+    metaParts.push(`Party of ${partyCount}`);
+  }
+  if (order.customerNote) {
+    metaParts.push(order.customerNote);
+  } else if (order.items?.[0]?.title) {
+    metaParts.push(order.items[0].title);
+  }
+  return /* @__PURE__ */ jsx(
+    Link,
+    {
+      href: `/dashboard/orders/${order.id}`,
+      className: "block overflow-hidden rounded-2xl border",
+      style: {
+        borderColor: "var(--mb-border)",
+        background: "var(--mb-card)"
+      },
+      children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 p-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex w-14 shrink-0 flex-col items-start", children: [
+          /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: "text-md font-semibold tabular-nums",
+              style: { color: "var(--mb-text)" },
+              children: time
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: "text-3xs font-medium",
+              style: { color: "var(--mb-text-tertiary)" },
+              children: period
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "min-w-0 flex-1 border-l pl-3",
+            style: { borderColor: "var(--mb-border)" },
+            children: [
+              /* @__PURE__ */ jsx(
+                "p",
+                {
+                  className: "truncate text-sm font-medium",
+                  style: { color: "var(--mb-text)" },
+                  children: order.customerName || order.customerEmail || "Guest"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "p",
+                {
+                  className: "mt-0.5 truncate text-2xs",
+                  style: { color: "var(--mb-text-tertiary)" },
+                  children: metaParts.length > 0 ? metaParts.join(" \xB7 ") : formatOrderNumber(order.orderNumber)
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(MobileStatusChip, { status: order.status, orderDisplay })
+      ] })
+    }
+  );
+}
+function ListSkeleton() {
+  return /* @__PURE__ */ jsx("div", { className: "space-y-2", children: [0, 1, 2, 3].map((i) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "rounded-2xl border p-4",
+      style: {
+        borderColor: "var(--mb-border)",
+        background: "var(--mb-card)",
+        minHeight: 74
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "h-3 w-1/3 rounded-full",
+            style: { background: "var(--mb-elevated)" }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "mt-2 h-2 w-2/3 rounded-full",
+            style: { background: "var(--mb-elevated)" }
+          }
+        )
+      ]
+    },
+    i
+  )) });
+}
+function EmptyState({
+  label,
+  copy
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex flex-col items-center gap-3 rounded-2xl border px-4 py-10 text-center",
+      style: {
+        borderColor: "var(--mb-border)",
+        background: "var(--mb-card)"
+      },
+      children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", style: { color: "var(--mb-text)" }, children: copy?.title ?? `No ${label} yet` }),
+        /* @__PURE__ */ jsx("p", { className: "text-2xs", style: { color: "var(--mb-text-tertiary)" }, children: copy?.description ?? `New ${label} will appear here as they arrive.` })
+      ]
+    }
+  );
+}
+export {
+  BookingRow,
+  EmptyState,
+  ListSkeleton,
+  OrderRow
+};
+//# sourceMappingURL=manage-rows.js.map

package/dist/mobile/screens/manage-rows.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/mobile/screens/manage-rows.tsx"],"sourcesContent":["'use client';\n\n/**\n * The rows the Manage screen draws, and the two formatters and the status map\n * only they use.\n *\n * Split out of `manage.tsx` under the 500-line rule: that file is a frame (the\n * title, the sticky search-and-filter region, the day grouping) plus a list of\n * rows, and the rows are the half that has nothing to do with the frame.\n */\n\nimport React from 'react';\nimport Link from 'next/link';\nimport { ChevronRight } from 'lucide-react';\nimport { MobileStatusChip, SwipeRow } from '@withpotter/components/mobile/primitives';\nimport type { Order } from '@withpotter/lib/api/types';\nimport type { OrderDisplay } from '@withpotter/lib/intents/types';\nimport { formatOrderNumber } from '@withpotter/lib/order-config';\n\nfunction formatRelativeTime(dateStr: string): string {\n  const diffMs = Date.now() - new Date(dateStr).getTime();\n  const sec = Math.floor(diffMs / 1000);\n  if (sec < 60) return 'Just now';\n  const min = Math.floor(sec / 60);\n  if (min < 60) return `${min}m ago`;\n  const hr = Math.floor(min / 60);\n  if (hr < 24) return `${hr}h ago`;\n  const day = Math.floor(hr / 24);\n  if (day < 7) return `${day}d ago`;\n  return new Date(dateStr).toLocaleDateString('en-US', {\n    month: 'short',\n    day: 'numeric',\n  });\n}\n\nfunction formatBookingTime(dateStr: string): { time: string; period: string } {\n  const d = new Date(dateStr);\n  const hours = d.getHours();\n  const minutes = d.getMinutes();\n  const period = hours >= 12 ? 'PM' : 'AM';\n  const displayHour = hours === 0 ? 12 : hours > 12 ? hours - 12 : hours;\n  const displayMinute = minutes.toString().padStart(2, '0');\n  return { time: `${displayHour}:${displayMinute}`, period };\n}\n\n// ─────────────────────────────────────────────────────────────\n// Row variants\n// ─────────────────────────────────────────────────────────────\n\nexport function OrderRow({\n  order,\n  formatCurrency,\n  onConfirm,\n  orderDisplay,\n}: {\n  order: Order;\n  formatCurrency: (n: number, currency?: string) => string;\n  onConfirm?: () => void;\n  orderDisplay?: OrderDisplay;\n}) {\n  const row = (\n    <Link\n      href={`/dashboard/orders/${order.id}`}\n      className=\"flex w-full items-center gap-3 rounded-2xl border p-4\"\n      style={{\n        borderColor: 'var(--mb-border)',\n        background: 'var(--mb-card)',\n        minHeight: 74,\n      }}\n    >\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"flex items-center gap-2\">\n          <p\n            className=\"truncate text-md font-medium\"\n            style={{ color: 'var(--mb-text)' }}\n          >\n            {formatOrderNumber(order.orderNumber)}\n          </p>\n          <MobileStatusChip status={order.status} orderDisplay={orderDisplay} />\n        </div>\n        <p\n          className=\"mt-0.5 truncate text-2xs\"\n          style={{ color: 'var(--mb-text-tertiary)' }}\n        >\n          {order.customerName || order.customerEmail} ·{' '}\n          {formatRelativeTime(order.createdAt)}\n        </p>\n      </div>\n      <div className=\"shrink-0 text-right\">\n        <p\n          className=\"text-md font-semibold tabular-nums\"\n          style={{ color: 'var(--mb-text)' }}\n        >\n          {formatCurrency(order.total, order.currency)}\n        </p>\n        <p className=\"text-3xs\" style={{ color: 'var(--mb-text-muted)' }}>\n          {order.items?.length ?? 0}{' '}\n          {(order.items?.length ?? 0) === 1 ? 'item' : 'items'}\n        </p>\n      </div>\n      <ChevronRight\n        className=\"size-4 shrink-0\"\n        style={{ color: 'var(--mb-text-muted)' }}\n      />\n    </Link>\n  );\n\n  // Only what is still waiting on a human can be confirmed, so only those rows\n  // carry the gesture. Offering it on a settled order teaches the merchant the\n  // swipe is unreliable.\n  return onConfirm ? (\n    <SwipeRow label=\"Confirm\" onAction={onConfirm}>\n      {row}\n    </SwipeRow>\n  ) : (\n    row\n  );\n}\n\nexport function BookingRow({\n  order,\n  orderDisplay,\n}: {\n  order: Order;\n  orderDisplay?: OrderDisplay;\n}) {\n  const { time, period } = formatBookingTime(order.createdAt);\n  const partyCount =\n    order.items?.reduce((sum, i) => sum + (i.quantity || 0), 0) ?? 0;\n  const metaParts: string[] = [];\n  if (partyCount > 0) {\n    metaParts.push(`Party of ${partyCount}`);\n  }\n  if (order.customerNote) {\n    metaParts.push(order.customerNote);\n  } else if (order.items?.[0]?.title) {\n    metaParts.push(order.items[0].title);\n  }\n\n  return (\n    <Link\n      href={`/dashboard/orders/${order.id}`}\n      className=\"block overflow-hidden rounded-2xl border\"\n      style={{\n        borderColor: 'var(--mb-border)',\n        background: 'var(--mb-card)',\n      }}\n    >\n      <div className=\"flex items-center gap-3 p-3\">\n        <div className=\"flex w-14 shrink-0 flex-col items-start\">\n          <p\n            className=\"text-md font-semibold tabular-nums\"\n            style={{ color: 'var(--mb-text)' }}\n          >\n            {time}\n          </p>\n          <p\n            className=\"text-3xs font-medium\"\n            style={{ color: 'var(--mb-text-tertiary)' }}\n          >\n            {period}\n          </p>\n        </div>\n        <div\n          className=\"min-w-0 flex-1 border-l pl-3\"\n          style={{ borderColor: 'var(--mb-border)' }}\n        >\n          <p\n            className=\"truncate text-sm font-medium\"\n            style={{ color: 'var(--mb-text)' }}\n          >\n            {order.customerName || order.customerEmail || 'Guest'}\n          </p>\n          <p\n            className=\"mt-0.5 truncate text-2xs\"\n            style={{ color: 'var(--mb-text-tertiary)' }}\n          >\n            {metaParts.length > 0\n              ? metaParts.join(' · ')\n              : formatOrderNumber(order.orderNumber)}\n          </p>\n        </div>\n        <MobileStatusChip status={order.status} orderDisplay={orderDisplay} />\n      </div>\n    </Link>\n  );\n}\n\nexport function ListSkeleton() {\n  return (\n    <div className=\"space-y-2\">\n      {[0, 1, 2, 3].map((i) => (\n        <div\n          key={i}\n          className=\"rounded-2xl border p-4\"\n          style={{\n            borderColor: 'var(--mb-border)',\n            background: 'var(--mb-card)',\n            minHeight: 74,\n          }}\n        >\n          <div\n            className=\"h-3 w-1/3 rounded-full\"\n            style={{ background: 'var(--mb-elevated)' }}\n          />\n          <div\n            className=\"mt-2 h-2 w-2/3 rounded-full\"\n            style={{ background: 'var(--mb-elevated)' }}\n          />\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport function EmptyState({\n  label,\n  copy,\n}: {\n  label: string;\n  copy?: { title: string; description: string };\n}) {\n  return (\n    <div\n      className=\"flex flex-col items-center gap-3 rounded-2xl border px-4 py-10 text-center\"\n      style={{\n        borderColor: 'var(--mb-border)',\n        background: 'var(--mb-card)',\n      }}\n    >\n      <p className=\"text-sm font-medium\" style={{ color: 'var(--mb-text)' }}>\n        {copy?.title ?? `No ${label} yet`}\n      </p>\n      <p className=\"text-2xs\" style={{ color: 'var(--mb-text-tertiary)' }}>\n        {copy?.description ?? `New ${label} will appear here as they arrive.`}\n      </p>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/mobile/screens/manage.d.ts

@@ -0,0 +1,141 @@
+/**
+ * Mobile screen — Manage tab
+ *
+ * Route: /dashboard/orders (mobile)
+ * Archetype: LIST
+ *
+ * Matches `ManageOrders` / `ManageMultiIntent` in mobile-redesign-mockups.tsx:
+ * - Sticky search + filter button + intent switcher (multi)
+ * - Filter chips with count badges
+ * - Date-grouped section labels ("Tonight · 6 bookings")
+ * - Order rows OR booking rows (time-led layout) depending on intent
+ */
+import React from 'react';
+import type { Order } from '@withpotter/lib/api/types';
+import type { IntentConfig, OrderDisplay } from '@withpotter/lib/intents/types';
+/**
+ * The register rail, as a pinned chip row on the phone.
+ *
+ * Same shape `useRailFilter` already builds for the desktop `FilterBar` —
+ * `value`/`options`/`onChange` — so the queue and the register move between
+ * the three rails through one control wherever it renders, not a second
+ * vocabulary invented for the phone.
+ */
+export interface ManageRailFilter {
+    value: string;
+    label: string;
+    options: {
+        value: string;
+        label: string;
+    }[];
+    onChange: (value: string) => void;
+}
+/**
+ * Bulk selection, handed in rather than owned here.
+ *
+ * The tick boxes and the "Select" toggle live in this file because the rows
+ * do, but WHAT selecting means — the bulk bar, handover, export — is the
+ * page's business, same as the desktop table never decided that either. `bar`
+ * is the already-built `OrderBulkBar`, so a batch action on a phone asks the
+ * same questions in the same dialog a batch action on a desktop does.
+ */
+export interface ManageSelection {
+    active: boolean;
+    selectedIds: Set<string>;
+    allSelected: boolean;
+    onToggle: (id: string) => void;
+    onToggleAll: () => void;
+    onEnter: () => void;
+    onExit: () => void;
+    bar: React.ReactNode;
+}
+export type ManageRowVariant = 'order' | 'booking';
+export interface ManageTab {
+    key: string;
+    label: string;
+    /** Optional count badge displayed as a small number next to the label. */
+    count?: number;
+}
+export interface MobileManageScreenProps {
+    intentLabel: string;
+    orderLabel: string;
+    orderLabelPlural: string;
+    searchQuery: string;
+    onSearchChange: (value: string) => void;
+    searchPlaceholder?: string;
+    emptyAction?: {
+        label: string;
+        href: string;
+    };
+    tabs?: {
+        key: string;
+        label: string;
+    }[];
+    activeTab?: string;
+    tabCounts?: Record<string, number | undefined>;
+    onTabChange?: (tab: string) => void;
+    /** Optional handler for the filter icon button. */
+    onFilterPress?: () => void;
+    orders: Order[];
+    loading: boolean;
+    total: number;
+    formatCurrency: (n: number, currency?: string) => string;
+    /** 'booking' renders time-led rows; 'order' renders standard order rows. */
+    rowVariant?: ManageRowVariant;
+    /**
+     * Confirm a commitment from the list, without opening it.
+     *
+     * The two states that need a human — pending and confirmed — are most of
+     * what this screen shows, and saying yes cost a screen, a load and a tap
+     * back. Absent when the merchant lacks permission, which hides the gesture
+     * rather than failing it.
+     */
+    onConfirmOrder?: (order: Order) => void;
+    /**
+     * What an empty list says, from the shared copy the desktop frame uses.
+     *
+     * This screen hand-rolled "No {noun} yet / New {noun} will appear here", so a
+     * kitchen never saw "Orders will appear when customers place their first
+     * order" — and, worse, a search that matched nothing got the first-run
+     * sentence, telling a merchant with three hundred orders that they had none.
+     */
+    emptyCopy?: {
+        title: string;
+        description: string;
+    };
+    /**
+     * More rows exist than are on screen, and how to ask for them.
+     *
+     * This screen printed "{total} total" over a ten-row page with nothing to
+     * press: `TablePagination` lives on the desktop frame, below the mobile early
+     * return, so ten orders WERE the list however many the business had taken.
+     */
+    hasMore?: boolean;
+    onLoadMore?: () => void;
+    /**
+     * The archetype's status vocabulary, so a row says what the business says.
+     * Absent falls back to default commerce, which is what the resolver does.
+     */
+    orderDisplay?: OrderDisplay;
+    /** Multi-intent: list of intents to switch between. */
+    intents?: IntentConfig[];
+    /** null when the view spans every archetype. */
+    activeIntentKey?: string | null;
+    onIntentChange?: (key: string) => void;
+    /** Clears the narrowing; without it there is no way back to All. */
+    onShowAllIntents?: () => void;
+    /**
+     * Extra header controls — create, export, refresh — rendered beside the
+     * total count. Absent on any screen that has nothing to offer there.
+     */
+    headerActions?: React.ReactNode;
+    /**
+     * Content between the sticky search row and the list, e.g. the channel
+     * pause bar. Same slot the desktop frame gives it, above the rows rather
+     * than inside them.
+     */
+    banner?: React.ReactNode;
+    /** Bulk selection. Absent hides the "Select" toggle entirely. */
+    selection?: ManageSelection;
+}
+export declare function MobileManageScreen({ intentLabel, orderLabel, orderLabelPlural, searchQuery, onSearchChange, searchPlaceholder, emptyAction, tabs, activeTab, tabCounts, onTabChange, onFilterPress, orders, loading, total, formatCurrency, rowVariant, onConfirmOrder, emptyCopy, hasMore, onLoadMore, orderDisplay, intents, activeIntentKey, onIntentChange, onShowAllIntents, headerActions, banner, selection, }: MobileManageScreenProps): React.JSX.Element;