@thorprovider/blocks 4.0.0 → 4.3.0

package/dist/blocks/designs/order-history/components/order-card.js

@@ -0,0 +1,183 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var order_card_exports = {};
+__export(order_card_exports, {
+  OrderCard: () => OrderCard
+});
+module.exports = __toCommonJS(order_card_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_engine = require("../engine.js");
+var import_money = require("../money.js");
+var import_order_actions = require("./order-actions.js");
+var import_status_badge = require("./status-badge.js");
+const PAYMENT_TONE = {
+  unpaid: "warning",
+  authorized: "info",
+  partially_paid: "warning",
+  paid: "success"
+};
+const Thumbnail = ({ item, labels }) => {
+  if (item.image) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "img",
+      {
+        src: item.image,
+        alt: "",
+        className: "size-10 shrink-0 rounded-lg border object-cover",
+        loading: "lazy"
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      role: "img",
+      "aria-label": `${item.name} \xB7 ${labels.card.itemImage}`,
+      className: "flex size-10 shrink-0 items-center justify-center rounded-lg border bg-secondary text-xs font-medium text-secondary-foreground",
+      children: item.name.slice(0, 1)
+    }
+  );
+};
+function OrderCard({
+  order,
+  labels,
+  locale,
+  formatMoney: formatMoneyProp,
+  formatDate: formatDateProp,
+  capabilities,
+  selectable = false,
+  selectionMode = "orders",
+  selected = false,
+  onToggle,
+  onOpen,
+  onAction
+}) {
+  const { status, tone } = (0, import_engine.resolvePresentationStatus)(order);
+  const cancelled = (0, import_engine.resolveCancelledSummary)(order);
+  const cancelledLabel = {
+    refunded: labels.refund.full,
+    "partially-refunded": labels.refund.partial,
+    "refund-pending": labels.card.refundPending,
+    "not-charged": labels.card.notCharged
+  };
+  const money = (value) => formatMoneyProp ? formatMoneyProp(value) : (0, import_money.formatMoney)(value, locale, labels.card.amountUnavailable);
+  const date = (iso) => formatDateProp ? formatDateProp(iso) : (0, import_money.formatDate)(iso, locale, iso);
+  const itemCount = order.itemCount === 1 ? labels.card.itemsOne : (0, import_money.fillTemplate)(labels.card.items, { count: order.itemCount });
+  const names = order.items.slice(0, 3).map((item) => item.name).join(", ");
+  const remaining = Math.max(0, order.items.length - 3);
+  const delivered = order.fulfilment.shipments.filter(
+    (shipment) => shipment.status === "delivered"
+  ).length;
+  const logistics = order.fulfilment.status === "ready_for_pickup" ? labels.card.readyForPickup : order.fulfilment.shipments.length > 1 ? (0, import_money.fillTemplate)(labels.card.deliveries, {
+    done: delivered,
+    total: order.fulfilment.shipments.length
+  }) : labels.fulfilment[order.fulfilment.status];
+  const secondary = cancelled ? [cancelledLabel[cancelled]] : [
+    order.partiallyCancelled === true ? labels.card.partiallyCancelled : null,
+    order.returns !== "none" ? labels.returns[order.returns] : null,
+    order.refund !== "none" ? labels.refund[order.refund] : null
+  ].filter((value) => value !== null);
+  const titleId = `order-title-${order.id}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { className: "list-none", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "article",
+    {
+      "aria-labelledby": titleId,
+      className: "rounded-xl border bg-card p-3.5 text-card-foreground transition-colors hover:border-foreground/20",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-start gap-3", children: [
+        selectable ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "input",
+          {
+            type: "checkbox",
+            checked: selected,
+            disabled: selectionMode === "query",
+            onChange: () => onToggle?.(order.id),
+            "aria-label": (0, import_money.fillTemplate)(labels.card.order, { number: order.number }),
+            className: "mt-0.5 size-4 shrink-0 rounded border-input accent-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring"
+          }
+        ) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-start justify-between gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { id: titleId, className: "text-sm leading-snug font-medium", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => onOpen(order),
+                  className: "rounded-sm text-left hover:underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
+                  children: (0, import_money.fillTemplate)(labels.card.order, { number: order.number })
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-0.5 text-xs text-muted-foreground", children: date(order.placedAt) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_status_badge.StatusBadge, { label: labels.status[status], tone })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-3 flex flex-col gap-2 sm:flex-row sm:items-start sm:gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+              order.items.slice(0, 3).map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Thumbnail, { item, labels }, item.id)),
+              remaining > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: "flex size-10 items-center justify-center rounded-lg border bg-muted text-xs font-medium text-muted-foreground",
+                  children: (0, import_money.fillTemplate)(labels.card.moreItems, { count: remaining })
+                }
+              ) : null
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs font-medium text-muted-foreground", children: itemCount }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-0.5 line-clamp-2 text-xs text-muted-foreground", children: names })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-1.5 flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1 text-xs text-muted-foreground", children: cancelled ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_status_badge.StatusBadge, { label: cancelledLabel[cancelled], tone: "neutral" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_status_badge.StatusBadge,
+              {
+                label: labels.payment[order.payment.status],
+                tone: PAYMENT_TONE[order.payment.status]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "min-w-0", children: logistics })
+          ] }) }),
+          secondary.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-2 text-xs text-muted-foreground", children: secondary.join(" \xB7 ") }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-3 flex flex-wrap items-end justify-between gap-3 border-t pt-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground", children: labels.card.total }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-semibold tabular-nums", children: money(order.total) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_order_actions.OrderActions,
+              {
+                order,
+                capabilities,
+                labels,
+                onOpen,
+                onAction
+              }
+            )
+          ] })
+        ] })
+      ] })
+    }
+  ) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  OrderCard
+});
+//# sourceMappingURL=order-card.js.map

package/dist/blocks/designs/order-history/components/order-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/order-history/components/order-card.tsx"],"sourcesContent":["import { cn } from '@thorprovider/blocks'\n\nimport type {\n  CancelledSummaryId,\n  Money,\n  OrderActionId,\n  OrderHistoryCapabilities,\n  OrderHistoryLabels,\n  OrderItem,\n  OrderRecord,\n  PaymentStatus,\n  Tone,\n} from '../contracts'\nimport { resolveCancelledSummary, resolvePresentationStatus } from '../engine'\nimport { fillTemplate, formatDate, formatMoney } from '../money'\nimport { OrderActions } from './order-actions'\nimport { StatusBadge } from './status-badge'\n\nconst PAYMENT_TONE: Record<PaymentStatus, Tone> = {\n  unpaid: 'warning',\n  authorized: 'info',\n  partially_paid: 'warning',\n  paid: 'success',\n}\n\ntype OrderCardProps = {\n  order: OrderRecord\n  labels: OrderHistoryLabels\n  locale: string\n  formatMoney?: (money: Money) => string\n  formatDate?: (iso: string) => string\n  capabilities: OrderHistoryCapabilities\n  selectable?: boolean\n  selectionMode?: 'orders' | 'query'\n  selected?: boolean\n  onToggle?: (id: string) => void\n  onOpen: (order: OrderRecord) => void\n  onAction: (action: OrderActionId, order: OrderRecord) => void\n}\n\nconst Thumbnail = ({ item, labels }: { item: OrderItem; labels: OrderHistoryLabels }) => {\n  if (item.image) {\n    return (\n      <img\n        src={item.image}\n        alt=\"\"\n        className=\"size-10 shrink-0 rounded-lg border object-cover\"\n        loading=\"lazy\"\n      />\n    )\n  }\n  return (\n    <span\n      role=\"img\"\n      aria-label={`${item.name} · ${labels.card.itemImage}`}\n      className=\"flex size-10 shrink-0 items-center justify-center rounded-lg border bg-secondary text-xs font-medium text-secondary-foreground\"\n    >\n      {item.name.slice(0, 1)}\n    </span>\n  )\n}\n\nexport function OrderCard({\n  order,\n  labels,\n  locale,\n  formatMoney: formatMoneyProp,\n  formatDate: formatDateProp,\n  capabilities,\n  selectable = false,\n  selectionMode = 'orders',\n  selected = false,\n  onToggle,\n  onOpen,\n  onAction,\n}: OrderCardProps) {\n  const { status, tone } = resolvePresentationStatus(order)\n  const cancelled = resolveCancelledSummary(order)\n  const cancelledLabel: Record<CancelledSummaryId, string> = {\n    refunded: labels.refund.full,\n    'partially-refunded': labels.refund.partial,\n    'refund-pending': labels.card.refundPending,\n    'not-charged': labels.card.notCharged,\n  }\n  const money = (value: Money) =>\n    formatMoneyProp ? formatMoneyProp(value) : formatMoney(value, locale, labels.card.amountUnavailable)\n  const date = (iso: string) =>\n    formatDateProp ? formatDateProp(iso) : formatDate(iso, locale, iso)\n\n  const itemCount =\n    order.itemCount === 1\n      ? labels.card.itemsOne\n      : fillTemplate(labels.card.items, { count: order.itemCount })\n\n  const names = order.items\n    .slice(0, 3)\n    .map((item) => item.name)\n    .join(', ')\n  const remaining = Math.max(0, order.items.length - 3)\n\n  const delivered = order.fulfilment.shipments.filter(\n    (shipment) => shipment.status === 'delivered',\n  ).length\n  const logistics =\n    order.fulfilment.status === 'ready_for_pickup'\n      ? labels.card.readyForPickup\n      : order.fulfilment.shipments.length > 1\n        ? fillTemplate(labels.card.deliveries, {\n            done: delivered,\n            total: order.fulfilment.shipments.length,\n          })\n        : labels.fulfilment[order.fulfilment.status]\n\n  const secondary = cancelled\n    ? [cancelledLabel[cancelled]]\n    : [\n        order.partiallyCancelled === true ? labels.card.partiallyCancelled : null,\n        order.returns !== 'none' ? labels.returns[order.returns] : null,\n        order.refund !== 'none' ? labels.refund[order.refund] : null,\n      ].filter((value): value is string => value !== null)\n\n  const titleId = `order-title-${order.id}`\n\n  return (\n    <li className=\"list-none\">\n      <article\n        aria-labelledby={titleId}\n        className=\"rounded-xl border bg-card p-3.5 text-card-foreground transition-colors hover:border-foreground/20\"\n      >\n        <div className=\"flex items-start gap-3\">\n          {selectable ? (\n            <input\n              type=\"checkbox\"\n              checked={selected}\n              disabled={selectionMode === 'query'}\n              onChange={() => onToggle?.(order.id)}\n              aria-label={fillTemplate(labels.card.order, { number: order.number })}\n              className=\"mt-0.5 size-4 shrink-0 rounded border-input accent-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\"\n            />\n          ) : null}\n\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"flex flex-wrap items-start justify-between gap-2\">\n              <div className=\"min-w-0\">\n                <h3 id={titleId} className=\"text-sm leading-snug font-medium\">\n                  <button\n                    type=\"button\"\n                    onClick={() => onOpen(order)}\n                    className=\"rounded-sm text-left hover:underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\"\n                  >\n                    {fillTemplate(labels.card.order, { number: order.number })}\n                  </button>\n                </h3>\n                <p className=\"mt-0.5 text-xs text-muted-foreground\">{date(order.placedAt)}</p>\n              </div>\n              <StatusBadge label={labels.status[status]} tone={tone} />\n            </div>\n\n            <div className=\"mt-3 flex flex-col gap-2 sm:flex-row sm:items-start sm:gap-3\">\n              <div className=\"flex flex-wrap items-center gap-1.5\">\n                {order.items.slice(0, 3).map((item) => (\n                  <Thumbnail key={item.id} item={item} labels={labels} />\n                ))}\n                {remaining > 0 ? (\n                  <span\n                    aria-hidden=\"true\"\n                    className=\"flex size-10 items-center justify-center rounded-lg border bg-muted text-xs font-medium text-muted-foreground\"\n                  >\n                    {fillTemplate(labels.card.moreItems, { count: remaining })}\n                  </span>\n                ) : null}\n              </div>\n\n              <div className=\"min-w-0 flex-1\">\n                <p className=\"text-xs font-medium text-muted-foreground\">{itemCount}</p>\n                <p className=\"mt-0.5 line-clamp-2 text-xs text-muted-foreground\">{names}</p>\n              </div>\n            </div>\n\n            <div className=\"mt-1.5 flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1 text-xs text-muted-foreground\">\n              {cancelled ? (\n                <StatusBadge label={cancelledLabel[cancelled]} tone=\"neutral\" />\n              ) : (\n                <>\n                  <StatusBadge\n                    label={labels.payment[order.payment.status]}\n                    tone={PAYMENT_TONE[order.payment.status]}\n                  />\n                  <span className=\"min-w-0\">{logistics}</span>\n                </>\n              )}\n            </div>\n\n            {secondary.length > 0 ? (\n              <p className=\"mt-2 text-xs text-muted-foreground\">{secondary.join(' · ')}</p>\n            ) : null}\n\n            <div className=\"mt-3 flex flex-wrap items-end justify-between gap-3 border-t pt-3\">\n              <div>\n                <p className=\"text-xs text-muted-foreground\">{labels.card.total}</p>\n                <p className=\"text-sm font-semibold tabular-nums\">{money(order.total)}</p>\n              </div>\n              <OrderActions\n                order={order}\n                capabilities={capabilities}\n                labels={labels}\n                onOpen={onOpen}\n                onAction={onAction}\n              />\n            </div>\n          </div>\n        </div>\n      </article>\n    </li>\n  )\n}\n"],"mappings":"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","names":[]}

package/dist/blocks/designs/order-history/components/order-card.mjs

@@ -0,0 +1,159 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { resolveCancelledSummary, resolvePresentationStatus } from "../engine.mjs";
+import { fillTemplate, formatDate, formatMoney } from "../money.mjs";
+import { OrderActions } from "./order-actions.mjs";
+import { StatusBadge } from "./status-badge.mjs";
+const PAYMENT_TONE = {
+  unpaid: "warning",
+  authorized: "info",
+  partially_paid: "warning",
+  paid: "success"
+};
+const Thumbnail = ({ item, labels }) => {
+  if (item.image) {
+    return /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: item.image,
+        alt: "",
+        className: "size-10 shrink-0 rounded-lg border object-cover",
+        loading: "lazy"
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      role: "img",
+      "aria-label": `${item.name} \xB7 ${labels.card.itemImage}`,
+      className: "flex size-10 shrink-0 items-center justify-center rounded-lg border bg-secondary text-xs font-medium text-secondary-foreground",
+      children: item.name.slice(0, 1)
+    }
+  );
+};
+function OrderCard({
+  order,
+  labels,
+  locale,
+  formatMoney: formatMoneyProp,
+  formatDate: formatDateProp,
+  capabilities,
+  selectable = false,
+  selectionMode = "orders",
+  selected = false,
+  onToggle,
+  onOpen,
+  onAction
+}) {
+  const { status, tone } = resolvePresentationStatus(order);
+  const cancelled = resolveCancelledSummary(order);
+  const cancelledLabel = {
+    refunded: labels.refund.full,
+    "partially-refunded": labels.refund.partial,
+    "refund-pending": labels.card.refundPending,
+    "not-charged": labels.card.notCharged
+  };
+  const money = (value) => formatMoneyProp ? formatMoneyProp(value) : formatMoney(value, locale, labels.card.amountUnavailable);
+  const date = (iso) => formatDateProp ? formatDateProp(iso) : formatDate(iso, locale, iso);
+  const itemCount = order.itemCount === 1 ? labels.card.itemsOne : fillTemplate(labels.card.items, { count: order.itemCount });
+  const names = order.items.slice(0, 3).map((item) => item.name).join(", ");
+  const remaining = Math.max(0, order.items.length - 3);
+  const delivered = order.fulfilment.shipments.filter(
+    (shipment) => shipment.status === "delivered"
+  ).length;
+  const logistics = order.fulfilment.status === "ready_for_pickup" ? labels.card.readyForPickup : order.fulfilment.shipments.length > 1 ? fillTemplate(labels.card.deliveries, {
+    done: delivered,
+    total: order.fulfilment.shipments.length
+  }) : labels.fulfilment[order.fulfilment.status];
+  const secondary = cancelled ? [cancelledLabel[cancelled]] : [
+    order.partiallyCancelled === true ? labels.card.partiallyCancelled : null,
+    order.returns !== "none" ? labels.returns[order.returns] : null,
+    order.refund !== "none" ? labels.refund[order.refund] : null
+  ].filter((value) => value !== null);
+  const titleId = `order-title-${order.id}`;
+  return /* @__PURE__ */ jsx("li", { className: "list-none", children: /* @__PURE__ */ jsx(
+    "article",
+    {
+      "aria-labelledby": titleId,
+      className: "rounded-xl border bg-card p-3.5 text-card-foreground transition-colors hover:border-foreground/20",
+      children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+        selectable ? /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "checkbox",
+            checked: selected,
+            disabled: selectionMode === "query",
+            onChange: () => onToggle?.(order.id),
+            "aria-label": fillTemplate(labels.card.order, { number: order.number }),
+            className: "mt-0.5 size-4 shrink-0 rounded border-input accent-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring"
+          }
+        ) : null,
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-start justify-between gap-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx("h3", { id: titleId, className: "text-sm leading-snug font-medium", children: /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => onOpen(order),
+                  className: "rounded-sm text-left hover:underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
+                  children: fillTemplate(labels.card.order, { number: order.number })
+                }
+              ) }),
+              /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: date(order.placedAt) })
+            ] }),
+            /* @__PURE__ */ jsx(StatusBadge, { label: labels.status[status], tone })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-col gap-2 sm:flex-row sm:items-start sm:gap-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+              order.items.slice(0, 3).map((item) => /* @__PURE__ */ jsx(Thumbnail, { item, labels }, item.id)),
+              remaining > 0 ? /* @__PURE__ */ jsx(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: "flex size-10 items-center justify-center rounded-lg border bg-muted text-xs font-medium text-muted-foreground",
+                  children: fillTemplate(labels.card.moreItems, { count: remaining })
+                }
+              ) : null
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground", children: itemCount }),
+              /* @__PURE__ */ jsx("p", { className: "mt-0.5 line-clamp-2 text-xs text-muted-foreground", children: names })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "mt-1.5 flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1 text-xs text-muted-foreground", children: cancelled ? /* @__PURE__ */ jsx(StatusBadge, { label: cancelledLabel[cancelled], tone: "neutral" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              StatusBadge,
+              {
+                label: labels.payment[order.payment.status],
+                tone: PAYMENT_TONE[order.payment.status]
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "min-w-0", children: logistics })
+          ] }) }),
+          secondary.length > 0 ? /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: secondary.join(" \xB7 ") }) : null,
+          /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap items-end justify-between gap-3 border-t pt-3", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: labels.card.total }),
+              /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold tabular-nums", children: money(order.total) })
+            ] }),
+            /* @__PURE__ */ jsx(
+              OrderActions,
+              {
+                order,
+                capabilities,
+                labels,
+                onOpen,
+                onAction
+              }
+            )
+          ] })
+        ] })
+      ] })
+    }
+  ) });
+}
+export {
+  OrderCard
+};
+//# sourceMappingURL=order-card.mjs.map

package/dist/blocks/designs/order-history/components/order-card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/order-history/components/order-card.tsx"],"sourcesContent":["import { cn } from '@thorprovider/blocks'\n\nimport type {\n  CancelledSummaryId,\n  Money,\n  OrderActionId,\n  OrderHistoryCapabilities,\n  OrderHistoryLabels,\n  OrderItem,\n  OrderRecord,\n  PaymentStatus,\n  Tone,\n} from '../contracts'\nimport { resolveCancelledSummary, resolvePresentationStatus } from '../engine'\nimport { fillTemplate, formatDate, formatMoney } from '../money'\nimport { OrderActions } from './order-actions'\nimport { StatusBadge } from './status-badge'\n\nconst PAYMENT_TONE: Record<PaymentStatus, Tone> = {\n  unpaid: 'warning',\n  authorized: 'info',\n  partially_paid: 'warning',\n  paid: 'success',\n}\n\ntype OrderCardProps = {\n  order: OrderRecord\n  labels: OrderHistoryLabels\n  locale: string\n  formatMoney?: (money: Money) => string\n  formatDate?: (iso: string) => string\n  capabilities: OrderHistoryCapabilities\n  selectable?: boolean\n  selectionMode?: 'orders' | 'query'\n  selected?: boolean\n  onToggle?: (id: string) => void\n  onOpen: (order: OrderRecord) => void\n  onAction: (action: OrderActionId, order: OrderRecord) => void\n}\n\nconst Thumbnail = ({ item, labels }: { item: OrderItem; labels: OrderHistoryLabels }) => {\n  if (item.image) {\n    return (\n      <img\n        src={item.image}\n        alt=\"\"\n        className=\"size-10 shrink-0 rounded-lg border object-cover\"\n        loading=\"lazy\"\n      />\n    )\n  }\n  return (\n    <span\n      role=\"img\"\n      aria-label={`${item.name} · ${labels.card.itemImage}`}\n      className=\"flex size-10 shrink-0 items-center justify-center rounded-lg border bg-secondary text-xs font-medium text-secondary-foreground\"\n    >\n      {item.name.slice(0, 1)}\n    </span>\n  )\n}\n\nexport function OrderCard({\n  order,\n  labels,\n  locale,\n  formatMoney: formatMoneyProp,\n  formatDate: formatDateProp,\n  capabilities,\n  selectable = false,\n  selectionMode = 'orders',\n  selected = false,\n  onToggle,\n  onOpen,\n  onAction,\n}: OrderCardProps) {\n  const { status, tone } = resolvePresentationStatus(order)\n  const cancelled = resolveCancelledSummary(order)\n  const cancelledLabel: Record<CancelledSummaryId, string> = {\n    refunded: labels.refund.full,\n    'partially-refunded': labels.refund.partial,\n    'refund-pending': labels.card.refundPending,\n    'not-charged': labels.card.notCharged,\n  }\n  const money = (value: Money) =>\n    formatMoneyProp ? formatMoneyProp(value) : formatMoney(value, locale, labels.card.amountUnavailable)\n  const date = (iso: string) =>\n    formatDateProp ? formatDateProp(iso) : formatDate(iso, locale, iso)\n\n  const itemCount =\n    order.itemCount === 1\n      ? labels.card.itemsOne\n      : fillTemplate(labels.card.items, { count: order.itemCount })\n\n  const names = order.items\n    .slice(0, 3)\n    .map((item) => item.name)\n    .join(', ')\n  const remaining = Math.max(0, order.items.length - 3)\n\n  const delivered = order.fulfilment.shipments.filter(\n    (shipment) => shipment.status === 'delivered',\n  ).length\n  const logistics =\n    order.fulfilment.status === 'ready_for_pickup'\n      ? labels.card.readyForPickup\n      : order.fulfilment.shipments.length > 1\n        ? fillTemplate(labels.card.deliveries, {\n            done: delivered,\n            total: order.fulfilment.shipments.length,\n          })\n        : labels.fulfilment[order.fulfilment.status]\n\n  const secondary = cancelled\n    ? [cancelledLabel[cancelled]]\n    : [\n        order.partiallyCancelled === true ? labels.card.partiallyCancelled : null,\n        order.returns !== 'none' ? labels.returns[order.returns] : null,\n        order.refund !== 'none' ? labels.refund[order.refund] : null,\n      ].filter((value): value is string => value !== null)\n\n  const titleId = `order-title-${order.id}`\n\n  return (\n    <li className=\"list-none\">\n      <article\n        aria-labelledby={titleId}\n        className=\"rounded-xl border bg-card p-3.5 text-card-foreground transition-colors hover:border-foreground/20\"\n      >\n        <div className=\"flex items-start gap-3\">\n          {selectable ? (\n            <input\n              type=\"checkbox\"\n              checked={selected}\n              disabled={selectionMode === 'query'}\n              onChange={() => onToggle?.(order.id)}\n              aria-label={fillTemplate(labels.card.order, { number: order.number })}\n              className=\"mt-0.5 size-4 shrink-0 rounded border-input accent-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\"\n            />\n          ) : null}\n\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"flex flex-wrap items-start justify-between gap-2\">\n              <div className=\"min-w-0\">\n                <h3 id={titleId} className=\"text-sm leading-snug font-medium\">\n                  <button\n                    type=\"button\"\n                    onClick={() => onOpen(order)}\n                    className=\"rounded-sm text-left hover:underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\"\n                  >\n                    {fillTemplate(labels.card.order, { number: order.number })}\n                  </button>\n                </h3>\n                <p className=\"mt-0.5 text-xs text-muted-foreground\">{date(order.placedAt)}</p>\n              </div>\n              <StatusBadge label={labels.status[status]} tone={tone} />\n            </div>\n\n            <div className=\"mt-3 flex flex-col gap-2 sm:flex-row sm:items-start sm:gap-3\">\n              <div className=\"flex flex-wrap items-center gap-1.5\">\n                {order.items.slice(0, 3).map((item) => (\n                  <Thumbnail key={item.id} item={item} labels={labels} />\n                ))}\n                {remaining > 0 ? (\n                  <span\n                    aria-hidden=\"true\"\n                    className=\"flex size-10 items-center justify-center rounded-lg border bg-muted text-xs font-medium text-muted-foreground\"\n                  >\n                    {fillTemplate(labels.card.moreItems, { count: remaining })}\n                  </span>\n                ) : null}\n              </div>\n\n              <div className=\"min-w-0 flex-1\">\n                <p className=\"text-xs font-medium text-muted-foreground\">{itemCount}</p>\n                <p className=\"mt-0.5 line-clamp-2 text-xs text-muted-foreground\">{names}</p>\n              </div>\n            </div>\n\n            <div className=\"mt-1.5 flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1 text-xs text-muted-foreground\">\n              {cancelled ? (\n                <StatusBadge label={cancelledLabel[cancelled]} tone=\"neutral\" />\n              ) : (\n                <>\n                  <StatusBadge\n                    label={labels.payment[order.payment.status]}\n                    tone={PAYMENT_TONE[order.payment.status]}\n                  />\n                  <span className=\"min-w-0\">{logistics}</span>\n                </>\n              )}\n            </div>\n\n            {secondary.length > 0 ? (\n              <p className=\"mt-2 text-xs text-muted-foreground\">{secondary.join(' · ')}</p>\n            ) : null}\n\n            <div className=\"mt-3 flex flex-wrap items-end justify-between gap-3 border-t pt-3\">\n              <div>\n                <p className=\"text-xs text-muted-foreground\">{labels.card.total}</p>\n                <p className=\"text-sm font-semibold tabular-nums\">{money(order.total)}</p>\n              </div>\n              <OrderActions\n                order={order}\n                capabilities={capabilities}\n                labels={labels}\n                onOpen={onOpen}\n                onAction={onAction}\n              />\n            </div>\n          </div>\n        </div>\n      </article>\n    </li>\n  )\n}\n"],"mappings":"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","names":[]}

package/dist/blocks/designs/order-history/components/order-history.d.ts

@@ -0,0 +1,8 @@
+import type { OrderHistoryProps } from '../contracts';
+/**
+ * The order-history surface. It owns the query, calls the data source and
+ * renders the collection; it never fetches a URL, stores anything or performs a
+ * business operation — every action leaves through a callback.
+ */
+export declare function OrderHistory({ mode, capabilities, dataSource, labels, locale, formatMoney: formatMoneyProp, formatDate, presentation, columns, sortOptions, title, description, breadcrumbs, headerActions, pageSize, access, initialQuery, onQueryChange, onPresentationChange, onOrderSelect, onOrderSelectRecord, onOrderAction, onBulkAction, }: OrderHistoryProps): import("react").JSX.Element;
+//# sourceMappingURL=order-history.d.ts.map

package/dist/blocks/designs/order-history/components/order-history.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-history.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/order-history/components/order-history.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAKV,iBAAiB,EAQlB,MAAM,cAAc,CAAA;AAmBrB;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,MAAM,EACN,MAAgB,EAChB,WAAW,EAAE,eAAe,EAC5B,UAAU,EACV,YAAsB,EACtB,OAAO,EACP,WAAsB,EACtB,KAAK,EACL,WAAW,EACX,WAAW,EACX,aAAa,EACb,QAA4B,EAC5B,MAAkB,EAClB,YAAY,EACZ,aAAa,EACb,oBAAoB,EACpB,aAAa,EACb,mBAAmB,EACnB,aAAa,EACb,YAAY,GACb,EAAE,iBAAiB,+BAmRnB"}