@thorprovider/blocks 2.0.0 → 3.0.1

package/dist/blocks/e-commerce/order-history/order-history.js

@@ -0,0 +1,161 @@
+"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_history_exports = {};
+__export(order_history_exports, {
+  OrderHistory: () => OrderHistory,
+  default: () => order_history_default
+});
+module.exports = __toCommonJS(order_history_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_utils = require("../../../lib/utils.js");
+var import_badge = require("../../../ui/badge.js");
+var import_button = require("../../../ui/button.js");
+var import_card = require("../../../ui/card.js");
+var import_order_line = require("./order-line.js");
+const defaultLabels = {
+  title: "Historial de pedidos",
+  description: "Consulta tus pedidos anteriores y su estado",
+  orderLabel: "Pedido {number}",
+  placedOnLabel: "Realizado el {date}",
+  quantityLabel: "Cantidad: {n}",
+  totalLabel: "Total del pedido",
+  viewOrderLabel: "Ver pedido",
+  trackOrderLabel: "Seguir pedido",
+  amountUnavailableLabel: "\u2014",
+  emptyLabel: "A\xFAn no tienes pedidos."
+};
+const interpolate = (template, values) => template.replace(
+  /\{(\w+)\}/g,
+  (match, key) => key in values ? String(values[key]) : match
+);
+function OrderHistory({
+  orders,
+  presentation = "cards",
+  labels,
+  locale,
+  formatMoney: formatMoneyProp,
+  onViewOrder,
+  onTrackOrder,
+  className
+}) {
+  const copy = { ...defaultLabels, ...labels };
+  const format = (0, import_order_line.resolveOrderAmountFormatter)(locale, formatMoneyProp);
+  const amount = (money) => (0, import_order_line.formatOrderAmount)(money, format, copy.amountUnavailableLabel);
+  const renderStatus = (order) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_badge.Badge, { variant: order.status.tone ?? "secondary", "data-slot": "order-history-status", children: order.status.label });
+  const renderActions = (order) => {
+    const trackable = order.trackable === true && Boolean(onTrackOrder);
+    const viewable = Boolean(onViewOrder);
+    if (!trackable && !viewable) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
+      trackable ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_button.Button,
+        {
+          type: "button",
+          size: "sm",
+          className: "h-8 cursor-pointer px-3 text-xs",
+          "aria-label": `${copy.trackOrderLabel}: ${order.number}`,
+          onClick: () => onTrackOrder?.(order.id),
+          children: copy.trackOrderLabel
+        }
+      ) : null,
+      viewable ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_button.Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          className: "h-8 cursor-pointer px-3 text-xs",
+          "aria-label": `${copy.viewOrderLabel}: ${order.number}`,
+          onClick: () => onViewOrder?.(order.id),
+          children: copy.viewOrderLabel
+        }
+      ) : null
+    ] });
+  };
+  const renderLines = (order) => order.items.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "grid gap-4 sm:grid-cols-2", "data-slot": "order-history-lines", children: order.items.map((line) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_order_line.OrderLine,
+    {
+      name: line.name,
+      ...line.image === void 0 ? {} : { image: line.image },
+      ...line.details === void 0 ? {} : { details: line.details },
+      quantity: line.quantity,
+      lineTotal: line.lineTotal,
+      quantityLabel: copy.quantityLabel,
+      amountUnavailableLabel: copy.amountUnavailableLabel,
+      ...format === void 0 ? {} : { formatMoney: format }
+    }
+  ) }, line.id)) }) : null;
+  const renderTotal = (order) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex w-full items-center justify-between gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground text-sm", children: copy.totalLabel }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-base font-semibold tabular-nums", "data-slot": "order-history-total", children: amount(order.total) })
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "section",
+    {
+      "aria-label": copy.title,
+      className: (0, import_utils.cn)("mx-auto w-full max-w-7xl px-4 py-8 sm:px-6 lg:px-8", className),
+      "data-slot": "order-history",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-2xl font-semibold tracking-tight", children: copy.title }),
+          copy.description ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground text-sm", children: copy.description }) : null
+        ] }),
+        orders.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "p",
+          {
+            role: "status",
+            className: "text-muted-foreground mt-6 text-sm",
+            "data-slot": "order-history-empty",
+            children: copy.emptyLabel
+          }
+        ) : presentation === "rows" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "mt-6 flex flex-col divide-y rounded-lg border", children: orders.map((order) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { className: "flex flex-col gap-3 p-4", "data-slot": "order-history-order", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "text-base font-semibold", children: interpolate(copy.orderLabel, { number: order.number }) }),
+              renderStatus(order),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground text-sm", children: interpolate(copy.placedOnLabel, { date: order.date }) })
+            ] }),
+            renderActions(order)
+          ] }),
+          renderLines(order),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "border-t pt-3", children: renderTotal(order) })
+        ] }, order.id)) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-6 grid gap-6", children: orders.map((order) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("article", { "data-slot": "order-history-order", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.Card, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card.CardHeader, { className: "flex flex-col gap-3 border-b bg-muted/40 md:flex-row md:items-center md:justify-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "text-base font-semibold", children: interpolate(copy.orderLabel, { number: order.number }) }),
+                renderStatus(order)
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground text-sm", children: interpolate(copy.placedOnLabel, { date: order.date }) })
+            ] }),
+            renderActions(order)
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.CardContent, { className: "flex flex-col gap-4 pt-4", children: renderLines(order) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_card.CardFooter, { className: "border-t", children: renderTotal(order) })
+        ] }) }, order.id)) })
+      ]
+    }
+  );
+}
+var order_history_default = OrderHistory;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  OrderHistory
+});
+//# sourceMappingURL=order-history.js.map

package/dist/blocks/e-commerce/order-history/order-history.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/order-history/order-history.tsx"],"sourcesContent":["import type { Money } from '@thorprovider/types'\nimport { cn } from '../../../lib/utils'\nimport { Badge } from '../../../ui/badge'\nimport { Button } from '../../../ui/button'\nimport { Card, CardContent, CardFooter, CardHeader } from '../../../ui/card'\nimport {\n  OrderLine,\n  formatOrderAmount,\n  resolveOrderAmountFormatter,\n  type OrderLineData,\n} from './order-line'\n\nexport type OrderHistoryPresentation = 'cards' | 'rows'\n\n/** Semantic badge tone. The host owns the mapping from its status model. */\nexport type OrderHistoryStatusTone = 'default' | 'secondary' | 'destructive' | 'outline'\n\n/** Order status as data: the label is rendered and the tone styles it. */\nexport interface OrderHistoryStatus {\n  label: string\n  tone?: OrderHistoryStatusTone\n}\n\n/**\n * Canonical order-history row: one order of the collection.\n *\n * `id` is the backend order identity — the React key and the value reported to\n * `onViewOrder`/`onTrackOrder`. `total` is the backend order total and is\n * rendered verbatim: the collection never sums its lines.\n */\nexport interface OrderHistoryOrder {\n  /** Backend order identity. Used as the React key; never rendered. */\n  id: string\n  /** Human-readable order number, rendered through `orderLabel`. */\n  number: string\n  /** Placement date, already formatted by the host. */\n  date: string\n  status: OrderHistoryStatus\n  /** Backend order total. Rendered verbatim; a malformed amount is unavailable. */\n  total: Money\n  items: OrderLineData[]\n  /** When true (and `onTrackOrder` is supplied) the tracking action renders. */\n  trackable?: boolean\n}\n\n/** Every user-facing string the collection renders. All are overridable. */\nexport interface OrderHistoryLabels {\n  title: string\n  description: string\n  orderLabel: string\n  placedOnLabel: string\n  quantityLabel: string\n  totalLabel: string\n  viewOrderLabel: string\n  trackOrderLabel: string\n  amountUnavailableLabel: string\n  emptyLabel: string\n}\n\nexport interface OrderHistoryProps {\n  orders: OrderHistoryOrder[]\n  /**\n   * Bounded structure switch. `cards` (default) renders one card per order;\n   * `rows` renders one bordered row per order. Both accept the same data and\n   * report the same actions. Responsiveness is CSS only.\n   */\n  presentation?: OrderHistoryPresentation\n  labels?: Partial<OrderHistoryLabels>\n  /** Locale used to format amounts from their own currency code. */\n  locale?: string\n  /** Host amount formatter; wins over `locale`. */\n  formatMoney?: (money: Money) => string\n  /** Report the backend order id of the order whose detail should open. */\n  onViewOrder?: (id: string) => void\n  /** Report the backend order id of the order to track. */\n  onTrackOrder?: (id: string) => void\n  className?: string\n}\n\nconst defaultLabels: OrderHistoryLabels = {\n  title: 'Historial de pedidos',\n  description: 'Consulta tus pedidos anteriores y su estado',\n  orderLabel: 'Pedido {number}',\n  placedOnLabel: 'Realizado el {date}',\n  quantityLabel: 'Cantidad: {n}',\n  totalLabel: 'Total del pedido',\n  viewOrderLabel: 'Ver pedido',\n  trackOrderLabel: 'Seguir pedido',\n  amountUnavailableLabel: '—',\n  emptyLabel: 'Aún no tienes pedidos.',\n}\n\nconst interpolate = (template: string, values: Record<string, string | number>) =>\n  template.replace(/\\{(\\w+)\\}/g, (match, key: string) =>\n    key in values ? String(values[key]) : match,\n  )\n\n/**\n * The canonical order-history collection section.\n *\n * It renders exactly the orders it is given: pagination, ordering, detail,\n * loading/error states, and the money values all belong to the host. The block\n * holds no selection state, never counts the collection, never compares a\n * status label to a literal, and never measures the viewport.\n */\nexport function OrderHistory({\n  orders,\n  presentation = 'cards',\n  labels,\n  locale,\n  formatMoney: formatMoneyProp,\n  onViewOrder,\n  onTrackOrder,\n  className,\n}: OrderHistoryProps) {\n  const copy: OrderHistoryLabels = { ...defaultLabels, ...labels }\n  const format = resolveOrderAmountFormatter(locale, formatMoneyProp)\n  const amount = (money: Money | null | undefined) =>\n    formatOrderAmount(money, format, copy.amountUnavailableLabel)\n\n  const renderStatus = (order: OrderHistoryOrder) => (\n    <Badge variant={order.status.tone ?? 'secondary'} data-slot='order-history-status'>\n      {order.status.label}\n    </Badge>\n  )\n\n  const renderActions = (order: OrderHistoryOrder) => {\n    const trackable = order.trackable === true && Boolean(onTrackOrder)\n    const viewable = Boolean(onViewOrder)\n    if (!trackable && !viewable) return null\n    return (\n      <div className='flex flex-wrap items-center gap-2'>\n        {trackable ? (\n          <Button\n            type='button'\n            size='sm'\n            className='h-8 cursor-pointer px-3 text-xs'\n            aria-label={`${copy.trackOrderLabel}: ${order.number}`}\n            onClick={() => onTrackOrder?.(order.id)}\n          >\n            {copy.trackOrderLabel}\n          </Button>\n        ) : null}\n        {viewable ? (\n          <Button\n            type='button'\n            variant='outline'\n            size='sm'\n            className='h-8 cursor-pointer px-3 text-xs'\n            aria-label={`${copy.viewOrderLabel}: ${order.number}`}\n            onClick={() => onViewOrder?.(order.id)}\n          >\n            {copy.viewOrderLabel}\n          </Button>\n        ) : null}\n      </div>\n    )\n  }\n\n  const renderLines = (order: OrderHistoryOrder) =>\n    order.items.length > 0 ? (\n      <ul className='grid gap-4 sm:grid-cols-2' data-slot='order-history-lines'>\n        {order.items.map((line) => (\n          <li key={line.id}>\n            <OrderLine\n              name={line.name}\n              {...(line.image === undefined ? {} : { image: line.image })}\n              {...(line.details === undefined ? {} : { details: line.details })}\n              quantity={line.quantity}\n              lineTotal={line.lineTotal}\n              quantityLabel={copy.quantityLabel}\n              amountUnavailableLabel={copy.amountUnavailableLabel}\n              {...(format === undefined ? {} : { formatMoney: format })}\n            />\n          </li>\n        ))}\n      </ul>\n    ) : null\n\n  const renderTotal = (order: OrderHistoryOrder) => (\n    <div className='flex w-full items-center justify-between gap-3'>\n      <span className='text-muted-foreground text-sm'>{copy.totalLabel}</span>\n      <span className='text-base font-semibold tabular-nums' data-slot='order-history-total'>\n        {amount(order.total)}\n      </span>\n    </div>\n  )\n\n  return (\n    <section\n      aria-label={copy.title}\n      className={cn('mx-auto w-full max-w-7xl px-4 py-8 sm:px-6 lg:px-8', className)}\n      data-slot='order-history'\n    >\n      <header className='flex flex-col gap-1'>\n        <h2 className='text-2xl font-semibold tracking-tight'>{copy.title}</h2>\n        {copy.description ? (\n          <p className='text-muted-foreground text-sm'>{copy.description}</p>\n        ) : null}\n      </header>\n\n      {orders.length === 0 ? (\n        <p\n          role='status'\n          className='text-muted-foreground mt-6 text-sm'\n          data-slot='order-history-empty'\n        >\n          {copy.emptyLabel}\n        </p>\n      ) : presentation === 'rows' ? (\n        <ul className='mt-6 flex flex-col divide-y rounded-lg border'>\n          {orders.map((order) => (\n            <li key={order.id} className='flex flex-col gap-3 p-4' data-slot='order-history-order'>\n              <div className='flex flex-wrap items-center justify-between gap-3'>\n                <div className='flex flex-wrap items-center gap-2'>\n                  <h3 className='text-base font-semibold'>\n                    {interpolate(copy.orderLabel, { number: order.number })}\n                  </h3>\n                  {renderStatus(order)}\n                  <span className='text-muted-foreground text-sm'>\n                    {interpolate(copy.placedOnLabel, { date: order.date })}\n                  </span>\n                </div>\n                {renderActions(order)}\n              </div>\n              {renderLines(order)}\n              <div className='border-t pt-3'>{renderTotal(order)}</div>\n            </li>\n          ))}\n        </ul>\n      ) : (\n        <div className='mt-6 grid gap-6'>\n          {orders.map((order) => (\n            <article key={order.id} data-slot='order-history-order'>\n              <Card>\n                <CardHeader className='flex flex-col gap-3 border-b bg-muted/40 md:flex-row md:items-center md:justify-between'>\n                  <div className='flex flex-col gap-1.5'>\n                    <div className='flex flex-wrap items-center gap-2'>\n                      <h3 className='text-base font-semibold'>\n                        {interpolate(copy.orderLabel, { number: order.number })}\n                      </h3>\n                      {renderStatus(order)}\n                    </div>\n                    <p className='text-muted-foreground text-sm'>\n                      {interpolate(copy.placedOnLabel, { date: order.date })}\n                    </p>\n                  </div>\n                  {renderActions(order)}\n                </CardHeader>\n                <CardContent className='flex flex-col gap-4 pt-4'>{renderLines(order)}</CardContent>\n                <CardFooter className='border-t'>{renderTotal(order)}</CardFooter>\n              </Card>\n            </article>\n          ))}\n        </div>\n      )}\n    </section>\n  )\n}\n\nexport default OrderHistory\n"],"mappings":"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","names":[]}

package/dist/blocks/e-commerce/order-history/order-history.mjs

@@ -0,0 +1,141 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../../lib/utils.mjs";
+import { Badge } from "../../../ui/badge.mjs";
+import { Button } from "../../../ui/button.mjs";
+import { Card, CardContent, CardFooter, CardHeader } from "../../../ui/card.mjs";
+import {
+  OrderLine,
+  formatOrderAmount,
+  resolveOrderAmountFormatter
+} from "./order-line.mjs";
+const defaultLabels = {
+  title: "Historial de pedidos",
+  description: "Consulta tus pedidos anteriores y su estado",
+  orderLabel: "Pedido {number}",
+  placedOnLabel: "Realizado el {date}",
+  quantityLabel: "Cantidad: {n}",
+  totalLabel: "Total del pedido",
+  viewOrderLabel: "Ver pedido",
+  trackOrderLabel: "Seguir pedido",
+  amountUnavailableLabel: "\u2014",
+  emptyLabel: "A\xFAn no tienes pedidos."
+};
+const interpolate = (template, values) => template.replace(
+  /\{(\w+)\}/g,
+  (match, key) => key in values ? String(values[key]) : match
+);
+function OrderHistory({
+  orders,
+  presentation = "cards",
+  labels,
+  locale,
+  formatMoney: formatMoneyProp,
+  onViewOrder,
+  onTrackOrder,
+  className
+}) {
+  const copy = { ...defaultLabels, ...labels };
+  const format = resolveOrderAmountFormatter(locale, formatMoneyProp);
+  const amount = (money) => formatOrderAmount(money, format, copy.amountUnavailableLabel);
+  const renderStatus = (order) => /* @__PURE__ */ jsx(Badge, { variant: order.status.tone ?? "secondary", "data-slot": "order-history-status", children: order.status.label });
+  const renderActions = (order) => {
+    const trackable = order.trackable === true && Boolean(onTrackOrder);
+    const viewable = Boolean(onViewOrder);
+    if (!trackable && !viewable) return null;
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+      trackable ? /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          className: "h-8 cursor-pointer px-3 text-xs",
+          "aria-label": `${copy.trackOrderLabel}: ${order.number}`,
+          onClick: () => onTrackOrder?.(order.id),
+          children: copy.trackOrderLabel
+        }
+      ) : null,
+      viewable ? /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          className: "h-8 cursor-pointer px-3 text-xs",
+          "aria-label": `${copy.viewOrderLabel}: ${order.number}`,
+          onClick: () => onViewOrder?.(order.id),
+          children: copy.viewOrderLabel
+        }
+      ) : null
+    ] });
+  };
+  const renderLines = (order) => order.items.length > 0 ? /* @__PURE__ */ jsx("ul", { className: "grid gap-4 sm:grid-cols-2", "data-slot": "order-history-lines", children: order.items.map((line) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+    OrderLine,
+    {
+      name: line.name,
+      ...line.image === void 0 ? {} : { image: line.image },
+      ...line.details === void 0 ? {} : { details: line.details },
+      quantity: line.quantity,
+      lineTotal: line.lineTotal,
+      quantityLabel: copy.quantityLabel,
+      amountUnavailableLabel: copy.amountUnavailableLabel,
+      ...format === void 0 ? {} : { formatMoney: format }
+    }
+  ) }, line.id)) }) : null;
+  const renderTotal = (order) => /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between gap-3", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: copy.totalLabel }),
+    /* @__PURE__ */ jsx("span", { className: "text-base font-semibold tabular-nums", "data-slot": "order-history-total", children: amount(order.total) })
+  ] });
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      "aria-label": copy.title,
+      className: cn("mx-auto w-full max-w-7xl px-4 py-8 sm:px-6 lg:px-8", className),
+      "data-slot": "order-history",
+      children: [
+        /* @__PURE__ */ jsxs("header", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ jsx("h2", { className: "text-2xl font-semibold tracking-tight", children: copy.title }),
+          copy.description ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: copy.description }) : null
+        ] }),
+        orders.length === 0 ? /* @__PURE__ */ jsx(
+          "p",
+          {
+            role: "status",
+            className: "text-muted-foreground mt-6 text-sm",
+            "data-slot": "order-history-empty",
+            children: copy.emptyLabel
+          }
+        ) : presentation === "rows" ? /* @__PURE__ */ jsx("ul", { className: "mt-6 flex flex-col divide-y rounded-lg border", children: orders.map((order) => /* @__PURE__ */ jsxs("li", { className: "flex flex-col gap-3 p-4", "data-slot": "order-history-order", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+              /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold", children: interpolate(copy.orderLabel, { number: order.number }) }),
+              renderStatus(order),
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: interpolate(copy.placedOnLabel, { date: order.date }) })
+            ] }),
+            renderActions(order)
+          ] }),
+          renderLines(order),
+          /* @__PURE__ */ jsx("div", { className: "border-t pt-3", children: renderTotal(order) })
+        ] }, order.id)) }) : /* @__PURE__ */ jsx("div", { className: "mt-6 grid gap-6", children: orders.map((order) => /* @__PURE__ */ jsx("article", { "data-slot": "order-history-order", children: /* @__PURE__ */ jsxs(Card, { children: [
+          /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-col gap-3 border-b bg-muted/40 md:flex-row md:items-center md:justify-between", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+                /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold", children: interpolate(copy.orderLabel, { number: order.number }) }),
+                renderStatus(order)
+              ] }),
+              /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: interpolate(copy.placedOnLabel, { date: order.date }) })
+            ] }),
+            renderActions(order)
+          ] }),
+          /* @__PURE__ */ jsx(CardContent, { className: "flex flex-col gap-4 pt-4", children: renderLines(order) }),
+          /* @__PURE__ */ jsx(CardFooter, { className: "border-t", children: renderTotal(order) })
+        ] }) }, order.id)) })
+      ]
+    }
+  );
+}
+var order_history_default = OrderHistory;
+export {
+  OrderHistory,
+  order_history_default as default
+};
+//# sourceMappingURL=order-history.mjs.map

package/dist/blocks/e-commerce/order-history/order-history.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/order-history/order-history.tsx"],"sourcesContent":["import type { Money } from '@thorprovider/types'\nimport { cn } from '../../../lib/utils'\nimport { Badge } from '../../../ui/badge'\nimport { Button } from '../../../ui/button'\nimport { Card, CardContent, CardFooter, CardHeader } from '../../../ui/card'\nimport {\n  OrderLine,\n  formatOrderAmount,\n  resolveOrderAmountFormatter,\n  type OrderLineData,\n} from './order-line'\n\nexport type OrderHistoryPresentation = 'cards' | 'rows'\n\n/** Semantic badge tone. The host owns the mapping from its status model. */\nexport type OrderHistoryStatusTone = 'default' | 'secondary' | 'destructive' | 'outline'\n\n/** Order status as data: the label is rendered and the tone styles it. */\nexport interface OrderHistoryStatus {\n  label: string\n  tone?: OrderHistoryStatusTone\n}\n\n/**\n * Canonical order-history row: one order of the collection.\n *\n * `id` is the backend order identity — the React key and the value reported to\n * `onViewOrder`/`onTrackOrder`. `total` is the backend order total and is\n * rendered verbatim: the collection never sums its lines.\n */\nexport interface OrderHistoryOrder {\n  /** Backend order identity. Used as the React key; never rendered. */\n  id: string\n  /** Human-readable order number, rendered through `orderLabel`. */\n  number: string\n  /** Placement date, already formatted by the host. */\n  date: string\n  status: OrderHistoryStatus\n  /** Backend order total. Rendered verbatim; a malformed amount is unavailable. */\n  total: Money\n  items: OrderLineData[]\n  /** When true (and `onTrackOrder` is supplied) the tracking action renders. */\n  trackable?: boolean\n}\n\n/** Every user-facing string the collection renders. All are overridable. */\nexport interface OrderHistoryLabels {\n  title: string\n  description: string\n  orderLabel: string\n  placedOnLabel: string\n  quantityLabel: string\n  totalLabel: string\n  viewOrderLabel: string\n  trackOrderLabel: string\n  amountUnavailableLabel: string\n  emptyLabel: string\n}\n\nexport interface OrderHistoryProps {\n  orders: OrderHistoryOrder[]\n  /**\n   * Bounded structure switch. `cards` (default) renders one card per order;\n   * `rows` renders one bordered row per order. Both accept the same data and\n   * report the same actions. Responsiveness is CSS only.\n   */\n  presentation?: OrderHistoryPresentation\n  labels?: Partial<OrderHistoryLabels>\n  /** Locale used to format amounts from their own currency code. */\n  locale?: string\n  /** Host amount formatter; wins over `locale`. */\n  formatMoney?: (money: Money) => string\n  /** Report the backend order id of the order whose detail should open. */\n  onViewOrder?: (id: string) => void\n  /** Report the backend order id of the order to track. */\n  onTrackOrder?: (id: string) => void\n  className?: string\n}\n\nconst defaultLabels: OrderHistoryLabels = {\n  title: 'Historial de pedidos',\n  description: 'Consulta tus pedidos anteriores y su estado',\n  orderLabel: 'Pedido {number}',\n  placedOnLabel: 'Realizado el {date}',\n  quantityLabel: 'Cantidad: {n}',\n  totalLabel: 'Total del pedido',\n  viewOrderLabel: 'Ver pedido',\n  trackOrderLabel: 'Seguir pedido',\n  amountUnavailableLabel: '—',\n  emptyLabel: 'Aún no tienes pedidos.',\n}\n\nconst interpolate = (template: string, values: Record<string, string | number>) =>\n  template.replace(/\\{(\\w+)\\}/g, (match, key: string) =>\n    key in values ? String(values[key]) : match,\n  )\n\n/**\n * The canonical order-history collection section.\n *\n * It renders exactly the orders it is given: pagination, ordering, detail,\n * loading/error states, and the money values all belong to the host. The block\n * holds no selection state, never counts the collection, never compares a\n * status label to a literal, and never measures the viewport.\n */\nexport function OrderHistory({\n  orders,\n  presentation = 'cards',\n  labels,\n  locale,\n  formatMoney: formatMoneyProp,\n  onViewOrder,\n  onTrackOrder,\n  className,\n}: OrderHistoryProps) {\n  const copy: OrderHistoryLabels = { ...defaultLabels, ...labels }\n  const format = resolveOrderAmountFormatter(locale, formatMoneyProp)\n  const amount = (money: Money | null | undefined) =>\n    formatOrderAmount(money, format, copy.amountUnavailableLabel)\n\n  const renderStatus = (order: OrderHistoryOrder) => (\n    <Badge variant={order.status.tone ?? 'secondary'} data-slot='order-history-status'>\n      {order.status.label}\n    </Badge>\n  )\n\n  const renderActions = (order: OrderHistoryOrder) => {\n    const trackable = order.trackable === true && Boolean(onTrackOrder)\n    const viewable = Boolean(onViewOrder)\n    if (!trackable && !viewable) return null\n    return (\n      <div className='flex flex-wrap items-center gap-2'>\n        {trackable ? (\n          <Button\n            type='button'\n            size='sm'\n            className='h-8 cursor-pointer px-3 text-xs'\n            aria-label={`${copy.trackOrderLabel}: ${order.number}`}\n            onClick={() => onTrackOrder?.(order.id)}\n          >\n            {copy.trackOrderLabel}\n          </Button>\n        ) : null}\n        {viewable ? (\n          <Button\n            type='button'\n            variant='outline'\n            size='sm'\n            className='h-8 cursor-pointer px-3 text-xs'\n            aria-label={`${copy.viewOrderLabel}: ${order.number}`}\n            onClick={() => onViewOrder?.(order.id)}\n          >\n            {copy.viewOrderLabel}\n          </Button>\n        ) : null}\n      </div>\n    )\n  }\n\n  const renderLines = (order: OrderHistoryOrder) =>\n    order.items.length > 0 ? (\n      <ul className='grid gap-4 sm:grid-cols-2' data-slot='order-history-lines'>\n        {order.items.map((line) => (\n          <li key={line.id}>\n            <OrderLine\n              name={line.name}\n              {...(line.image === undefined ? {} : { image: line.image })}\n              {...(line.details === undefined ? {} : { details: line.details })}\n              quantity={line.quantity}\n              lineTotal={line.lineTotal}\n              quantityLabel={copy.quantityLabel}\n              amountUnavailableLabel={copy.amountUnavailableLabel}\n              {...(format === undefined ? {} : { formatMoney: format })}\n            />\n          </li>\n        ))}\n      </ul>\n    ) : null\n\n  const renderTotal = (order: OrderHistoryOrder) => (\n    <div className='flex w-full items-center justify-between gap-3'>\n      <span className='text-muted-foreground text-sm'>{copy.totalLabel}</span>\n      <span className='text-base font-semibold tabular-nums' data-slot='order-history-total'>\n        {amount(order.total)}\n      </span>\n    </div>\n  )\n\n  return (\n    <section\n      aria-label={copy.title}\n      className={cn('mx-auto w-full max-w-7xl px-4 py-8 sm:px-6 lg:px-8', className)}\n      data-slot='order-history'\n    >\n      <header className='flex flex-col gap-1'>\n        <h2 className='text-2xl font-semibold tracking-tight'>{copy.title}</h2>\n        {copy.description ? (\n          <p className='text-muted-foreground text-sm'>{copy.description}</p>\n        ) : null}\n      </header>\n\n      {orders.length === 0 ? (\n        <p\n          role='status'\n          className='text-muted-foreground mt-6 text-sm'\n          data-slot='order-history-empty'\n        >\n          {copy.emptyLabel}\n        </p>\n      ) : presentation === 'rows' ? (\n        <ul className='mt-6 flex flex-col divide-y rounded-lg border'>\n          {orders.map((order) => (\n            <li key={order.id} className='flex flex-col gap-3 p-4' data-slot='order-history-order'>\n              <div className='flex flex-wrap items-center justify-between gap-3'>\n                <div className='flex flex-wrap items-center gap-2'>\n                  <h3 className='text-base font-semibold'>\n                    {interpolate(copy.orderLabel, { number: order.number })}\n                  </h3>\n                  {renderStatus(order)}\n                  <span className='text-muted-foreground text-sm'>\n                    {interpolate(copy.placedOnLabel, { date: order.date })}\n                  </span>\n                </div>\n                {renderActions(order)}\n              </div>\n              {renderLines(order)}\n              <div className='border-t pt-3'>{renderTotal(order)}</div>\n            </li>\n          ))}\n        </ul>\n      ) : (\n        <div className='mt-6 grid gap-6'>\n          {orders.map((order) => (\n            <article key={order.id} data-slot='order-history-order'>\n              <Card>\n                <CardHeader className='flex flex-col gap-3 border-b bg-muted/40 md:flex-row md:items-center md:justify-between'>\n                  <div className='flex flex-col gap-1.5'>\n                    <div className='flex flex-wrap items-center gap-2'>\n                      <h3 className='text-base font-semibold'>\n                        {interpolate(copy.orderLabel, { number: order.number })}\n                      </h3>\n                      {renderStatus(order)}\n                    </div>\n                    <p className='text-muted-foreground text-sm'>\n                      {interpolate(copy.placedOnLabel, { date: order.date })}\n                    </p>\n                  </div>\n                  {renderActions(order)}\n                </CardHeader>\n                <CardContent className='flex flex-col gap-4 pt-4'>{renderLines(order)}</CardContent>\n                <CardFooter className='border-t'>{renderTotal(order)}</CardFooter>\n              </Card>\n            </article>\n          ))}\n        </div>\n      )}\n    </section>\n  )\n}\n\nexport default OrderHistory\n"],"mappings":"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","names":[]}

package/dist/blocks/e-commerce/order-history/order-line.d.ts

@@ -0,0 +1,50 @@
+import type { Money } from '@thorprovider/types';
+/**
+ * Canonical order-line item cell data.
+ *
+ * One purchased line of one order. `id` is the backend line identity: it is the
+ * React key and is never rendered. `lineTotal` is the backend-authoritative
+ * amount and is rendered verbatim — the cell never multiplies a unit price by
+ * the quantity, sums lines, or formats with a hardcoded currency.
+ */
+export interface OrderLineData {
+    /** Backend line identity. Used as the React key; never rendered. */
+    id: string;
+    name: string;
+    /** Optional; an absent or empty image renders a neutral placeholder, never `src=""`. */
+    image?: string;
+    /** Optional secondary line (for example the variant description). */
+    details?: string;
+    quantity: number;
+    /** Backend line total. Rendered verbatim; a malformed amount is unavailable. */
+    lineTotal: Money;
+}
+export interface OrderLineProps extends Omit<OrderLineData, 'id'> {
+    /** Quantity template with a `{n}` placeholder. */
+    quantityLabel?: string;
+    /** Shown when `lineTotal` is absent or malformed (never a zero amount). */
+    amountUnavailableLabel?: string;
+    /** Host amount formatter (locale, currency). Defaults to `lineTotal.currencyCode`. */
+    formatMoney?: (money: Money) => string;
+    className?: string;
+}
+/**
+ * Render one `Money` through the canonical helper, or the unavailable label.
+ * `isAvailableMoney` keeps a malformed amount away from `Intl.NumberFormat`.
+ */
+export declare function formatOrderAmount(money: Money | null | undefined, format: ((money: Money) => string) | undefined, unavailableLabel: string): string;
+/**
+ * Resolve the amount formatter: a host formatter wins, then the supplied
+ * locale, then the canonical default. Every path goes through
+ * `formatMoney`, so no currency symbol is ever hardcoded here.
+ */
+export declare function resolveOrderAmountFormatter(locale: string | undefined, formatter: ((money: Money) => string) | undefined): ((money: Money) => string) | undefined;
+/**
+ * The canonical order-line item cell: one purchased line of an order.
+ *
+ * It is an item cell, not a listing — it takes one line, renders one cell, and
+ * owns no collection state.
+ */
+export declare function OrderLine({ name, image, details, quantity, lineTotal, quantityLabel, amountUnavailableLabel, formatMoney: formatMoneyProp, className, }: OrderLineProps): import("react").JSX.Element;
+export default OrderLine;
+//# sourceMappingURL=order-line.d.ts.map

package/dist/blocks/e-commerce/order-history/order-line.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-line.d.ts","sourceRoot":"","sources":["../../../../src/blocks/e-commerce/order-history/order-line.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAIhD;;;;;;;GAOG;AACH,MAAM,WAAW,aAAa;IAC5B,oEAAoE;IACpE,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,wFAAwF;IACxF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qEAAqE;IACrE,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,gFAAgF;IAChF,SAAS,EAAE,KAAK,CAAA;CACjB;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC;IAC/D,kDAAkD;IAClD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,2EAA2E;IAC3E,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,sFAAsF;IACtF,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,MAAM,CAAA;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAOD;;;GAGG;AACH,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,EAC/B,MAAM,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,MAAM,CAAC,GAAG,SAAS,EAC9C,gBAAgB,EAAE,MAAM,GACvB,MAAM,CAGR;AAED;;;;GAIG;AACH,wBAAgB,2BAA2B,CACzC,MAAM,EAAE,MAAM,GAAG,SAAS,EAC1B,SAAS,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,MAAM,CAAC,GAAG,SAAS,GAChD,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,MAAM,CAAC,GAAG,SAAS,CAQxC;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,EACT,aAA+B,EAC/B,sBAA4B,EAC5B,WAAW,EAAE,eAAe,EAC5B,SAAS,GACV,EAAE,cAAc,+BA8BhB;AAED,eAAe,SAAS,CAAA"}

package/dist/blocks/e-commerce/order-history/order-line.js

@@ -0,0 +1,75 @@
+"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_line_exports = {};
+__export(order_line_exports, {
+  OrderLine: () => OrderLine,
+  default: () => order_line_default,
+  formatOrderAmount: () => formatOrderAmount,
+  resolveOrderAmountFormatter: () => resolveOrderAmountFormatter
+});
+module.exports = __toCommonJS(order_line_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_utils = require("../../../lib/utils.js");
+var import_money = require("../../../lib/money.js");
+const interpolate = (template, values) => template.replace(
+  /\{(\w+)\}/g,
+  (match, key) => key in values ? String(values[key]) : match
+);
+function formatOrderAmount(money, format, unavailableLabel) {
+  if (!(0, import_money.isAvailableMoney)(money)) return unavailableLabel;
+  return (0, import_money.formatMoney)(money, format) ?? unavailableLabel;
+}
+function resolveOrderAmountFormatter(locale, formatter) {
+  if (formatter) return formatter;
+  if (!locale) return void 0;
+  return (money) => new Intl.NumberFormat(locale, {
+    style: "currency",
+    currency: money.currencyCode
+  }).format(Number(money.amount));
+}
+function OrderLine({
+  name,
+  image,
+  details,
+  quantity,
+  lineTotal,
+  quantityLabel = "Cantidad: {n}",
+  amountUnavailableLabel = "\u2014",
+  formatMoney: formatMoneyProp,
+  className
+}) {
+  const imageSrc = typeof image === "string" && image.trim() !== "" ? image : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_utils.cn)("flex items-start gap-3", className), "data-slot": "order-line", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "bg-muted size-14 shrink-0 overflow-hidden rounded-md", children: imageSrc ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: imageSrc, alt: "", className: "size-full object-contain" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "aria-hidden": "true", className: "size-full", "data-slot": "order-line-image-placeholder" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "truncate text-sm font-medium", "data-slot": "order-line-name", children: name }),
+      details ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground truncate text-xs", "data-slot": "order-line-details", children: details }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground text-xs", "data-slot": "order-line-quantity", children: interpolate(quantityLabel, { n: quantity }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "shrink-0 text-sm font-medium tabular-nums", "data-slot": "order-line-amount", children: formatOrderAmount(lineTotal, formatMoneyProp, amountUnavailableLabel) })
+  ] });
+}
+var order_line_default = OrderLine;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  OrderLine,
+  formatOrderAmount,
+  resolveOrderAmountFormatter
+});
+//# sourceMappingURL=order-line.js.map

package/dist/blocks/e-commerce/order-history/order-line.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/order-history/order-line.tsx"],"sourcesContent":["import type { Money } from '@thorprovider/types'\nimport { cn } from '../../../lib/utils'\nimport { formatMoney, isAvailableMoney } from '../../../lib/money'\n\n/**\n * Canonical order-line item cell data.\n *\n * One purchased line of one order. `id` is the backend line identity: it is the\n * React key and is never rendered. `lineTotal` is the backend-authoritative\n * amount and is rendered verbatim — the cell never multiplies a unit price by\n * the quantity, sums lines, or formats with a hardcoded currency.\n */\nexport interface OrderLineData {\n  /** Backend line identity. Used as the React key; never rendered. */\n  id: string\n  name: string\n  /** Optional; an absent or empty image renders a neutral placeholder, never `src=\"\"`. */\n  image?: string\n  /** Optional secondary line (for example the variant description). */\n  details?: string\n  quantity: number\n  /** Backend line total. Rendered verbatim; a malformed amount is unavailable. */\n  lineTotal: Money\n}\n\nexport interface OrderLineProps extends Omit<OrderLineData, 'id'> {\n  /** Quantity template with a `{n}` placeholder. */\n  quantityLabel?: string\n  /** Shown when `lineTotal` is absent or malformed (never a zero amount). */\n  amountUnavailableLabel?: string\n  /** Host amount formatter (locale, currency). Defaults to `lineTotal.currencyCode`. */\n  formatMoney?: (money: Money) => string\n  className?: string\n}\n\nconst interpolate = (template: string, values: Record<string, string | number>) =>\n  template.replace(/\\{(\\w+)\\}/g, (match, key: string) =>\n    key in values ? String(values[key]) : match,\n  )\n\n/**\n * Render one `Money` through the canonical helper, or the unavailable label.\n * `isAvailableMoney` keeps a malformed amount away from `Intl.NumberFormat`.\n */\nexport function formatOrderAmount(\n  money: Money | null | undefined,\n  format: ((money: Money) => string) | undefined,\n  unavailableLabel: string,\n): string {\n  if (!isAvailableMoney(money)) return unavailableLabel\n  return formatMoney(money, format) ?? unavailableLabel\n}\n\n/**\n * Resolve the amount formatter: a host formatter wins, then the supplied\n * locale, then the canonical default. Every path goes through\n * `formatMoney`, so no currency symbol is ever hardcoded here.\n */\nexport function resolveOrderAmountFormatter(\n  locale: string | undefined,\n  formatter: ((money: Money) => string) | undefined,\n): ((money: Money) => string) | undefined {\n  if (formatter) return formatter\n  if (!locale) return undefined\n  return (money) =>\n    new Intl.NumberFormat(locale, {\n      style: 'currency',\n      currency: money.currencyCode,\n    }).format(Number(money.amount))\n}\n\n/**\n * The canonical order-line item cell: one purchased line of an order.\n *\n * It is an item cell, not a listing — it takes one line, renders one cell, and\n * owns no collection state.\n */\nexport function OrderLine({\n  name,\n  image,\n  details,\n  quantity,\n  lineTotal,\n  quantityLabel = 'Cantidad: {n}',\n  amountUnavailableLabel = '—',\n  formatMoney: formatMoneyProp,\n  className,\n}: OrderLineProps) {\n  const imageSrc = typeof image === 'string' && image.trim() !== '' ? image : undefined\n\n  return (\n    <div className={cn('flex items-start gap-3', className)} data-slot='order-line'>\n      <div className='bg-muted size-14 shrink-0 overflow-hidden rounded-md'>\n        {imageSrc ? (\n          <img src={imageSrc} alt='' className='size-full object-contain' />\n        ) : (\n          <div aria-hidden='true' className='size-full' data-slot='order-line-image-placeholder' />\n        )}\n      </div>\n      <div className='flex min-w-0 flex-1 flex-col gap-1'>\n        <p className='truncate text-sm font-medium' data-slot='order-line-name'>\n          {name}\n        </p>\n        {details ? (\n          <p className='text-muted-foreground truncate text-xs' data-slot='order-line-details'>\n            {details}\n          </p>\n        ) : null}\n        <p className='text-muted-foreground text-xs' data-slot='order-line-quantity'>\n          {interpolate(quantityLabel, { n: quantity })}\n        </p>\n      </div>\n      <p className='shrink-0 text-sm font-medium tabular-nums' data-slot='order-line-amount'>\n        {formatOrderAmount(lineTotal, formatMoneyProp, amountUnavailableLabel)}\n      </p>\n    </div>\n  )\n}\n\nexport default OrderLine\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8FU;AA7FV,mBAAmB;AACnB,mBAA8C;AAiC9C,MAAM,cAAc,CAAC,UAAkB,WACrC,SAAS;AAAA,EAAQ;AAAA,EAAc,CAAC,OAAO,QACrC,OAAO,SAAS,OAAO,OAAO,GAAG,CAAC,IAAI;AACxC;AAMK,SAAS,kBACd,OACA,QACA,kBACQ;AACR,MAAI,KAAC,+BAAiB,KAAK,EAAG,QAAO;AACrC,aAAO,0BAAY,OAAO,MAAM,KAAK;AACvC;AAOO,SAAS,4BACd,QACA,WACwC;AACxC,MAAI,UAAW,QAAO;AACtB,MAAI,CAAC,OAAQ,QAAO;AACpB,SAAO,CAAC,UACN,IAAI,KAAK,aAAa,QAAQ;AAAA,IAC5B,OAAO;AAAA,IACP,UAAU,MAAM;AAAA,EAClB,CAAC,EAAE,OAAO,OAAO,MAAM,MAAM,CAAC;AAClC;AAQO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB,yBAAyB;AAAA,EACzB,aAAa;AAAA,EACb;AACF,GAAmB;AACjB,QAAM,WAAW,OAAO,UAAU,YAAY,MAAM,KAAK,MAAM,KAAK,QAAQ;AAE5E,SACE,6CAAC,SAAI,eAAW,iBAAG,0BAA0B,SAAS,GAAG,aAAU,cACjE;AAAA,gDAAC,SAAI,WAAU,wDACZ,qBACC,4CAAC,SAAI,KAAK,UAAU,KAAI,IAAG,WAAU,4BAA2B,IAEhE,4CAAC,SAAI,eAAY,QAAO,WAAU,aAAY,aAAU,gCAA+B,GAE3F;AAAA,IACA,6CAAC,SAAI,WAAU,sCACb;AAAA,kDAAC,OAAE,WAAU,gCAA+B,aAAU,mBACnD,gBACH;AAAA,MACC,UACC,4CAAC,OAAE,WAAU,0CAAyC,aAAU,sBAC7D,mBACH,IACE;AAAA,MACJ,4CAAC,OAAE,WAAU,iCAAgC,aAAU,uBACpD,sBAAY,eAAe,EAAE,GAAG,SAAS,CAAC,GAC7C;AAAA,OACF;AAAA,IACA,4CAAC,OAAE,WAAU,6CAA4C,aAAU,qBAChE,4BAAkB,WAAW,iBAAiB,sBAAsB,GACvE;AAAA,KACF;AAEJ;AAEA,IAAO,qBAAQ;","names":[]}

package/dist/blocks/e-commerce/order-history/order-line.mjs

@@ -0,0 +1,49 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../../lib/utils.mjs";
+import { formatMoney, isAvailableMoney } from "../../../lib/money.mjs";
+const interpolate = (template, values) => template.replace(
+  /\{(\w+)\}/g,
+  (match, key) => key in values ? String(values[key]) : match
+);
+function formatOrderAmount(money, format, unavailableLabel) {
+  if (!isAvailableMoney(money)) return unavailableLabel;
+  return formatMoney(money, format) ?? unavailableLabel;
+}
+function resolveOrderAmountFormatter(locale, formatter) {
+  if (formatter) return formatter;
+  if (!locale) return void 0;
+  return (money) => new Intl.NumberFormat(locale, {
+    style: "currency",
+    currency: money.currencyCode
+  }).format(Number(money.amount));
+}
+function OrderLine({
+  name,
+  image,
+  details,
+  quantity,
+  lineTotal,
+  quantityLabel = "Cantidad: {n}",
+  amountUnavailableLabel = "\u2014",
+  formatMoney: formatMoneyProp,
+  className
+}) {
+  const imageSrc = typeof image === "string" && image.trim() !== "" ? image : void 0;
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-start gap-3", className), "data-slot": "order-line", children: [
+    /* @__PURE__ */ jsx("div", { className: "bg-muted size-14 shrink-0 overflow-hidden rounded-md", children: imageSrc ? /* @__PURE__ */ jsx("img", { src: imageSrc, alt: "", className: "size-full object-contain" }) : /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: "size-full", "data-slot": "order-line-image-placeholder" }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+      /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium", "data-slot": "order-line-name", children: name }),
+      details ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground truncate text-xs", "data-slot": "order-line-details", children: details }) : null,
+      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", "data-slot": "order-line-quantity", children: interpolate(quantityLabel, { n: quantity }) })
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "shrink-0 text-sm font-medium tabular-nums", "data-slot": "order-line-amount", children: formatOrderAmount(lineTotal, formatMoneyProp, amountUnavailableLabel) })
+  ] });
+}
+var order_line_default = OrderLine;
+export {
+  OrderLine,
+  order_line_default as default,
+  formatOrderAmount,
+  resolveOrderAmountFormatter
+};
+//# sourceMappingURL=order-line.mjs.map

package/dist/blocks/e-commerce/order-history/order-line.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/order-history/order-line.tsx"],"sourcesContent":["import type { Money } from '@thorprovider/types'\nimport { cn } from '../../../lib/utils'\nimport { formatMoney, isAvailableMoney } from '../../../lib/money'\n\n/**\n * Canonical order-line item cell data.\n *\n * One purchased line of one order. `id` is the backend line identity: it is the\n * React key and is never rendered. `lineTotal` is the backend-authoritative\n * amount and is rendered verbatim — the cell never multiplies a unit price by\n * the quantity, sums lines, or formats with a hardcoded currency.\n */\nexport interface OrderLineData {\n  /** Backend line identity. Used as the React key; never rendered. */\n  id: string\n  name: string\n  /** Optional; an absent or empty image renders a neutral placeholder, never `src=\"\"`. */\n  image?: string\n  /** Optional secondary line (for example the variant description). */\n  details?: string\n  quantity: number\n  /** Backend line total. Rendered verbatim; a malformed amount is unavailable. */\n  lineTotal: Money\n}\n\nexport interface OrderLineProps extends Omit<OrderLineData, 'id'> {\n  /** Quantity template with a `{n}` placeholder. */\n  quantityLabel?: string\n  /** Shown when `lineTotal` is absent or malformed (never a zero amount). */\n  amountUnavailableLabel?: string\n  /** Host amount formatter (locale, currency). Defaults to `lineTotal.currencyCode`. */\n  formatMoney?: (money: Money) => string\n  className?: string\n}\n\nconst interpolate = (template: string, values: Record<string, string | number>) =>\n  template.replace(/\\{(\\w+)\\}/g, (match, key: string) =>\n    key in values ? String(values[key]) : match,\n  )\n\n/**\n * Render one `Money` through the canonical helper, or the unavailable label.\n * `isAvailableMoney` keeps a malformed amount away from `Intl.NumberFormat`.\n */\nexport function formatOrderAmount(\n  money: Money | null | undefined,\n  format: ((money: Money) => string) | undefined,\n  unavailableLabel: string,\n): string {\n  if (!isAvailableMoney(money)) return unavailableLabel\n  return formatMoney(money, format) ?? unavailableLabel\n}\n\n/**\n * Resolve the amount formatter: a host formatter wins, then the supplied\n * locale, then the canonical default. Every path goes through\n * `formatMoney`, so no currency symbol is ever hardcoded here.\n */\nexport function resolveOrderAmountFormatter(\n  locale: string | undefined,\n  formatter: ((money: Money) => string) | undefined,\n): ((money: Money) => string) | undefined {\n  if (formatter) return formatter\n  if (!locale) return undefined\n  return (money) =>\n    new Intl.NumberFormat(locale, {\n      style: 'currency',\n      currency: money.currencyCode,\n    }).format(Number(money.amount))\n}\n\n/**\n * The canonical order-line item cell: one purchased line of an order.\n *\n * It is an item cell, not a listing — it takes one line, renders one cell, and\n * owns no collection state.\n */\nexport function OrderLine({\n  name,\n  image,\n  details,\n  quantity,\n  lineTotal,\n  quantityLabel = 'Cantidad: {n}',\n  amountUnavailableLabel = '—',\n  formatMoney: formatMoneyProp,\n  className,\n}: OrderLineProps) {\n  const imageSrc = typeof image === 'string' && image.trim() !== '' ? image : undefined\n\n  return (\n    <div className={cn('flex items-start gap-3', className)} data-slot='order-line'>\n      <div className='bg-muted size-14 shrink-0 overflow-hidden rounded-md'>\n        {imageSrc ? (\n          <img src={imageSrc} alt='' className='size-full object-contain' />\n        ) : (\n          <div aria-hidden='true' className='size-full' data-slot='order-line-image-placeholder' />\n        )}\n      </div>\n      <div className='flex min-w-0 flex-1 flex-col gap-1'>\n        <p className='truncate text-sm font-medium' data-slot='order-line-name'>\n          {name}\n        </p>\n        {details ? (\n          <p className='text-muted-foreground truncate text-xs' data-slot='order-line-details'>\n            {details}\n          </p>\n        ) : null}\n        <p className='text-muted-foreground text-xs' data-slot='order-line-quantity'>\n          {interpolate(quantityLabel, { n: quantity })}\n        </p>\n      </div>\n      <p className='shrink-0 text-sm font-medium tabular-nums' data-slot='order-line-amount'>\n        {formatOrderAmount(lineTotal, formatMoneyProp, amountUnavailableLabel)}\n      </p>\n    </div>\n  )\n}\n\nexport default OrderLine\n"],"mappings":"AA8FU,cAKJ,YALI;AA7FV,SAAS,UAAU;AACnB,SAAS,aAAa,wBAAwB;AAiC9C,MAAM,cAAc,CAAC,UAAkB,WACrC,SAAS;AAAA,EAAQ;AAAA,EAAc,CAAC,OAAO,QACrC,OAAO,SAAS,OAAO,OAAO,GAAG,CAAC,IAAI;AACxC;AAMK,SAAS,kBACd,OACA,QACA,kBACQ;AACR,MAAI,CAAC,iBAAiB,KAAK,EAAG,QAAO;AACrC,SAAO,YAAY,OAAO,MAAM,KAAK;AACvC;AAOO,SAAS,4BACd,QACA,WACwC;AACxC,MAAI,UAAW,QAAO;AACtB,MAAI,CAAC,OAAQ,QAAO;AACpB,SAAO,CAAC,UACN,IAAI,KAAK,aAAa,QAAQ;AAAA,IAC5B,OAAO;AAAA,IACP,UAAU,MAAM;AAAA,EAClB,CAAC,EAAE,OAAO,OAAO,MAAM,MAAM,CAAC;AAClC;AAQO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB,yBAAyB;AAAA,EACzB,aAAa;AAAA,EACb;AACF,GAAmB;AACjB,QAAM,WAAW,OAAO,UAAU,YAAY,MAAM,KAAK,MAAM,KAAK,QAAQ;AAE5E,SACE,qBAAC,SAAI,WAAW,GAAG,0BAA0B,SAAS,GAAG,aAAU,cACjE;AAAA,wBAAC,SAAI,WAAU,wDACZ,qBACC,oBAAC,SAAI,KAAK,UAAU,KAAI,IAAG,WAAU,4BAA2B,IAEhE,oBAAC,SAAI,eAAY,QAAO,WAAU,aAAY,aAAU,gCAA+B,GAE3F;AAAA,IACA,qBAAC,SAAI,WAAU,sCACb;AAAA,0BAAC,OAAE,WAAU,gCAA+B,aAAU,mBACnD,gBACH;AAAA,MACC,UACC,oBAAC,OAAE,WAAU,0CAAyC,aAAU,sBAC7D,mBACH,IACE;AAAA,MACJ,oBAAC,OAAE,WAAU,iCAAgC,aAAU,uBACpD,sBAAY,eAAe,EAAE,GAAG,SAAS,CAAC,GAC7C;AAAA,OACF;AAAA,IACA,oBAAC,OAAE,WAAU,6CAA4C,aAAU,qBAChE,4BAAkB,WAAW,iBAAiB,sBAAsB,GACvE;AAAA,KACF;AAEJ;AAEA,IAAO,qBAAQ;","names":[]}

package/dist/blocks/e-commerce/product-categories/category-card.d.ts

@@ -0,0 +1,9 @@
+import type { CategoryCardSpecProps } from '../../../lib/contracts';
+import type { ProductCategoryItem } from '../../../lib/contracts';
+export type CategoryCardPresentation = NonNullable<CategoryCardSpecProps['presentation']>;
+export interface CategoryCardProps extends CategoryCardSpecProps {
+    onBrowse?: (category: ProductCategoryItem) => void;
+}
+export declare function CategoryCard(props: CategoryCardProps): import("react").JSX.Element;
+export default CategoryCard;
+//# sourceMappingURL=category-card.d.ts.map

package/dist/blocks/e-commerce/product-categories/category-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"category-card.d.ts","sourceRoot":"","sources":["../../../../src/blocks/e-commerce/product-categories/category-card.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAA;AACnE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAOjE,MAAM,MAAM,wBAAwB,GAAG,WAAW,CAAC,qBAAqB,CAAC,cAAc,CAAC,CAAC,CAAA;AAEzF,MAAM,WAAW,iBAAkB,SAAQ,qBAAqB;IAC9D,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,mBAAmB,KAAK,IAAI,CAAA;CACnD;AAkJD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,+BAKpD;AAED,eAAe,YAAY,CAAA"}