@thorprovider/blocks 4.0.0 → 4.3.0

package/dist/blocks/designs/order-detail/components/after-sales.js

@@ -0,0 +1,213 @@
+"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 after_sales_exports = {};
+__export(after_sales_exports, {
+  OrderAfterSales: () => OrderAfterSales,
+  OrderClaimSummary: () => OrderClaimSummary,
+  OrderExchangeSummary: () => OrderExchangeSummary,
+  OrderReturnSummary: () => OrderReturnSummary,
+  afterSalesCount: () => afterSalesCount
+});
+module.exports = __toCommonJS(after_sales_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_engine = require("../engine.js");
+var import_ui = require("./ui.js");
+function CaseList({
+  order,
+  cases,
+  labels,
+  money,
+  date,
+  actionable,
+  onAction,
+  onCaseAction
+}) {
+  const lineName = (lineId) => order.lines.find((line) => line.id === lineId)?.name ?? lineId;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "space-y-2", children: cases.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", { className: "rounded-lg border bg-background p-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-start justify-between gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-medium", children: labels.afterSales.types[entry.type] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "rounded-full border border-border px-2 py-0.5 text-xs", children: labels.afterSales.status[entry.status] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "mt-1 text-xs text-muted-foreground", children: [
+      labels.afterSales.createdAt,
+      ": ",
+      date(entry.createdAt)
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "mt-1 text-xs", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "text-muted-foreground", children: [
+        labels.afterSales.reason,
+        ":"
+      ] }),
+      " ",
+      entry.reason
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "mt-1 text-xs", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "text-muted-foreground", children: [
+        labels.afterSales.items,
+        ":"
+      ] }),
+      " ",
+      entry.lines.map((line) => `${lineName(line.lineId)} (${line.quantity})`).join(" \xB7 ")
+    ] }),
+    entry.refund ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "mt-1 text-xs", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "text-muted-foreground", children: [
+        labels.afterSales.refund,
+        ":"
+      ] }),
+      " ",
+      money(entry.refund)
+    ] }) : null,
+    entry.replacement && entry.replacement.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-1 text-xs", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-muted-foreground", children: [
+        labels.afterSales.replacement,
+        ":"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "mt-0.5 space-y-0.5", children: entry.replacement.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { children: [
+        item.quantity,
+        " \xD7 ",
+        item.name,
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "text-muted-foreground", children: [
+          "(",
+          item.sku,
+          ")"
+        ] })
+      ] }, `${entry.id}-${item.sku}`)) })
+    ] }) : null,
+    entry.shipment ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "mt-1 flex flex-wrap gap-x-3 gap-y-0.5 text-xs text-muted-foreground", children: [
+      entry.shipment.carrier ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: entry.shipment.carrier }) : null,
+      entry.shipment.trackingNumber ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+        labels.afterSales.tracking,
+        ": ",
+        entry.shipment.trackingNumber
+      ] }) : null,
+      entry.shipment.status ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: entry.shipment.status }) : null
+    ] }) : null,
+    actionable && (onAction || onCaseAction) && entry.availableActions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-2 flex flex-wrap gap-2", children: entry.availableActions.filter(
+      (action) => !(action === "return" && entry.type === "return") && !(action === "exchange" && entry.type === "exchange")
+    ).map((action) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_ui.ActionButton,
+      {
+        onClick: () => onCaseAction ? onCaseAction(action, entry.id) : onAction?.(action),
+        "aria-label": `${labels.actions[action]}: ${labels.afterSales.types[entry.type]}`,
+        children: labels.actions[action]
+      },
+      action
+    )) }) : null
+  ] }) }, entry.id)) });
+}
+function byType(order, type) {
+  return order.cases.filter((entry) => entry.type === type);
+}
+function CaseSection({
+  title,
+  description,
+  cases,
+  order,
+  labels,
+  money,
+  date,
+  actionable,
+  onAction,
+  onCaseAction
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "text-sm font-semibold", children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-0.5 mb-2 text-xs text-muted-foreground", children: description }),
+    cases.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      CaseList,
+      {
+        order,
+        cases,
+        labels,
+        money,
+        date,
+        actionable,
+        onAction,
+        onCaseAction
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground", children: labels.afterSales.empty })
+  ] });
+}
+function OrderReturnSummary(props) {
+  const settings = (0, import_engine.mergedSettings)(props.settings);
+  if (settings.returns !== true) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    CaseSection,
+    {
+      ...props,
+      title: props.labels.afterSales.returnsTitle,
+      description: props.labels.afterSales.returnsDescription,
+      cases: byType(props.order, "return"),
+      actionable: settings.customerActions === true
+    }
+  );
+}
+function OrderExchangeSummary(props) {
+  const settings = (0, import_engine.mergedSettings)(props.settings);
+  if (settings.exchanges !== true) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    CaseSection,
+    {
+      ...props,
+      title: props.labels.afterSales.exchangesTitle,
+      description: props.labels.afterSales.exchangesDescription,
+      cases: byType(props.order, "exchange"),
+      actionable: settings.customerActions === true
+    }
+  );
+}
+function OrderClaimSummary(props) {
+  const settings = (0, import_engine.mergedSettings)(props.settings);
+  if (settings.claims !== true) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    CaseSection,
+    {
+      ...props,
+      title: props.labels.afterSales.claimsTitle,
+      description: props.labels.afterSales.claimsDescription,
+      cases: byType(props.order, "claim"),
+      actionable: settings.customerActions === true
+    }
+  );
+}
+function OrderAfterSales(props) {
+  const settings = (0, import_engine.mergedSettings)(props.settings);
+  const cases = (0, import_engine.visibleAfterSales)(props.order, settings);
+  if (cases.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground", children: props.labels.afterSales.empty });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OrderReturnSummary, { ...props }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OrderExchangeSummary, { ...props }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OrderClaimSummary, { ...props })
+  ] });
+}
+function afterSalesCount(order, settings) {
+  return (0, import_engine.visibleAfterSales)(order, (0, import_engine.mergedSettings)(settings)).length;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  OrderAfterSales,
+  OrderClaimSummary,
+  OrderExchangeSummary,
+  OrderReturnSummary,
+  afterSalesCount
+});
+//# sourceMappingURL=after-sales.js.map

package/dist/blocks/designs/order-detail/components/after-sales.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/order-detail/components/after-sales.tsx"],"sourcesContent":["import type {\n  AfterSalesCase,\n  AfterSalesType,\n  OrderActionId,\n  OrderDetailLabels,\n  OrderDetailOrder,\n  OrderDetailSettings,\n} from '../contracts'\nimport { mergedSettings, visibleAfterSales } from '../engine'\nimport { ActionButton } from './ui'\nimport type { DateFormatter, MoneyFormatter } from './ui'\n\ntype CaseListProps = {\n  order: OrderDetailOrder\n  cases: AfterSalesCase[]\n  labels: OrderDetailLabels\n  money: MoneyFormatter\n  date: DateFormatter\n  actionable: boolean\n  onAction?: (action: OrderActionId) => void\n  onCaseAction?: (action: OrderActionId, caseId: string) => void\n}\n\nfunction CaseList({\n  order,\n  cases,\n  labels,\n  money,\n  date,\n  actionable,\n  onAction,\n  onCaseAction,\n}: CaseListProps) {\n  const lineName = (lineId: string) =>\n    order.lines.find((line) => line.id === lineId)?.name ?? lineId\n\n  return (\n    <ul className=\"space-y-2\">\n      {cases.map((entry) => (\n        <li key={entry.id}>\n          <article className=\"rounded-lg border bg-background p-3\">\n            <div className=\"flex flex-wrap items-start justify-between gap-2\">\n              <p className=\"text-sm font-medium\">{labels.afterSales.types[entry.type]}</p>\n              <span className=\"rounded-full border border-border px-2 py-0.5 text-xs\">\n                {labels.afterSales.status[entry.status]}\n              </span>\n            </div>\n            <p className=\"mt-1 text-xs text-muted-foreground\">\n              {labels.afterSales.createdAt}: {date(entry.createdAt)}\n            </p>\n            <p className=\"mt-1 text-xs\">\n              <span className=\"text-muted-foreground\">{labels.afterSales.reason}:</span>{' '}\n              {entry.reason}\n            </p>\n            <p className=\"mt-1 text-xs\">\n              <span className=\"text-muted-foreground\">{labels.afterSales.items}:</span>{' '}\n              {entry.lines.map((line) => `${lineName(line.lineId)} (${line.quantity})`).join(' · ')}\n            </p>\n            {entry.refund ? (\n              <p className=\"mt-1 text-xs\">\n                <span className=\"text-muted-foreground\">{labels.afterSales.refund}:</span>{' '}\n                {money(entry.refund)}\n              </p>\n            ) : null}\n            {entry.replacement && entry.replacement.length > 0 ? (\n              <div className=\"mt-1 text-xs\">\n                <p className=\"text-muted-foreground\">{labels.afterSales.replacement}:</p>\n                <ul className=\"mt-0.5 space-y-0.5\">\n                  {entry.replacement.map((item) => (\n                    <li key={`${entry.id}-${item.sku}`}>\n                      {item.quantity} × {item.name}{' '}\n                      <span className=\"text-muted-foreground\">({item.sku})</span>\n                    </li>\n                  ))}\n                </ul>\n              </div>\n            ) : null}\n            {entry.shipment ? (\n              <p className=\"mt-1 flex flex-wrap gap-x-3 gap-y-0.5 text-xs text-muted-foreground\">\n                {entry.shipment.carrier ? <span>{entry.shipment.carrier}</span> : null}\n                {entry.shipment.trackingNumber ? (\n                  <span>\n                    {labels.afterSales.tracking}: {entry.shipment.trackingNumber}\n                  </span>\n                ) : null}\n                {entry.shipment.status ? <span>{entry.shipment.status}</span> : null}\n              </p>\n            ) : null}\n            {actionable && (onAction || onCaseAction) && entry.availableActions.length > 0 ? (\n              <div className=\"mt-2 flex flex-wrap gap-2\">\n                {entry.availableActions\n                  .filter(\n                    (action) =>\n                      !(action === 'return' && entry.type === 'return') &&\n                      !(action === 'exchange' && entry.type === 'exchange'),\n                  )\n                  .map((action) => (\n                    <ActionButton\n                      key={action}\n                      onClick={() =>\n                        onCaseAction\n                          ? onCaseAction(action, entry.id)\n                          : onAction?.(action)\n                      }\n                      aria-label={`${labels.actions[action]}: ${labels.afterSales.types[entry.type]}`}\n                    >\n                      {labels.actions[action]}\n                    </ActionButton>\n                  ))}\n              </div>\n            ) : null}\n          </article>\n        </li>\n      ))}\n    </ul>\n  )\n}\n\ntype SectionProps = {\n  order: OrderDetailOrder\n  labels: OrderDetailLabels\n  settings: OrderDetailSettings\n  money: MoneyFormatter\n  date: DateFormatter\n  onAction?: (action: OrderActionId) => void\n  onCaseAction?: (action: OrderActionId, caseId: string) => void\n}\n\nfunction byType(order: OrderDetailOrder, type: AfterSalesType) {\n  return order.cases.filter((entry) => entry.type === type)\n}\n\nfunction CaseSection({\n  title,\n  description,\n  cases,\n  order,\n  labels,\n  money,\n  date,\n  actionable,\n  onAction,\n  onCaseAction,\n}: SectionProps & {\n  title: string\n  description: string\n  cases: AfterSalesCase[]\n  actionable: boolean\n}) {\n  return (\n    <div>\n      <h3 className=\"text-sm font-semibold\">{title}</h3>\n      <p className=\"mt-0.5 mb-2 text-xs text-muted-foreground\">{description}</p>\n      {cases.length > 0 ? (\n        <CaseList\n          order={order}\n          cases={cases}\n          labels={labels}\n          money={money}\n          date={date}\n          actionable={actionable}\n          onAction={onAction}\n          onCaseAction={onCaseAction}\n        />\n      ) : (\n        <p className=\"text-xs text-muted-foreground\">{labels.afterSales.empty}</p>\n      )}\n    </div>\n  )\n}\n\nexport function OrderReturnSummary(props: SectionProps) {\n  const settings = mergedSettings(props.settings)\n  if (settings.returns !== true) return null\n  return (\n    <CaseSection\n      {...props}\n      title={props.labels.afterSales.returnsTitle}\n      description={props.labels.afterSales.returnsDescription}\n      cases={byType(props.order, 'return')}\n      actionable={settings.customerActions === true}\n    />\n  )\n}\n\nexport function OrderExchangeSummary(props: SectionProps) {\n  const settings = mergedSettings(props.settings)\n  if (settings.exchanges !== true) return null\n  return (\n    <CaseSection\n      {...props}\n      title={props.labels.afterSales.exchangesTitle}\n      description={props.labels.afterSales.exchangesDescription}\n      cases={byType(props.order, 'exchange')}\n      actionable={settings.customerActions === true}\n    />\n  )\n}\n\nexport function OrderClaimSummary(props: SectionProps) {\n  const settings = mergedSettings(props.settings)\n  if (settings.claims !== true) return null\n  return (\n    <CaseSection\n      {...props}\n      title={props.labels.afterSales.claimsTitle}\n      description={props.labels.afterSales.claimsDescription}\n      cases={byType(props.order, 'claim')}\n      actionable={settings.customerActions === true}\n    />\n  )\n}\n\nexport function OrderAfterSales(props: SectionProps) {\n  const settings = mergedSettings(props.settings)\n  const cases = visibleAfterSales(props.order, settings)\n  if (cases.length === 0) {\n    return <p className=\"text-xs text-muted-foreground\">{props.labels.afterSales.empty}</p>\n  }\n  return (\n    <div className=\"space-y-4\">\n      <OrderReturnSummary {...props} />\n      <OrderExchangeSummary {...props} />\n      <OrderClaimSummary {...props} />\n    </div>\n  )\n}\n\nexport function afterSalesCount(order: OrderDetailOrder, settings: OrderDetailSettings): number {\n  return visibleAfterSales(order, mergedSettings(settings)).length\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyCY;AAjCZ,oBAAkD;AAClD,gBAA6B;AAc7B,SAAS,SAAS;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAkB;AAChB,QAAM,WAAW,CAAC,WAChB,MAAM,MAAM,KAAK,CAAC,SAAS,KAAK,OAAO,MAAM,GAAG,QAAQ;AAE1D,SACE,4CAAC,QAAG,WAAU,aACX,gBAAM,IAAI,CAAC,UACV,4CAAC,QACC,uDAAC,aAAQ,WAAU,uCACjB;AAAA,iDAAC,SAAI,WAAU,oDACb;AAAA,kDAAC,OAAE,WAAU,uBAAuB,iBAAO,WAAW,MAAM,MAAM,IAAI,GAAE;AAAA,MACxE,4CAAC,UAAK,WAAU,yDACb,iBAAO,WAAW,OAAO,MAAM,MAAM,GACxC;AAAA,OACF;AAAA,IACA,6CAAC,OAAE,WAAU,sCACV;AAAA,aAAO,WAAW;AAAA,MAAU;AAAA,MAAG,KAAK,MAAM,SAAS;AAAA,OACtD;AAAA,IACA,6CAAC,OAAE,WAAU,gBACX;AAAA,mDAAC,UAAK,WAAU,yBAAyB;AAAA,eAAO,WAAW;AAAA,QAAO;AAAA,SAAC;AAAA,MAAQ;AAAA,MAC1E,MAAM;AAAA,OACT;AAAA,IACA,6CAAC,OAAE,WAAU,gBACX;AAAA,mDAAC,UAAK,WAAU,yBAAyB;AAAA,eAAO,WAAW;AAAA,QAAM;AAAA,SAAC;AAAA,MAAQ;AAAA,MACzE,MAAM,MAAM,IAAI,CAAC,SAAS,GAAG,SAAS,KAAK,MAAM,CAAC,KAAK,KAAK,QAAQ,GAAG,EAAE,KAAK,QAAK;AAAA,OACtF;AAAA,IACC,MAAM,SACL,6CAAC,OAAE,WAAU,gBACX;AAAA,mDAAC,UAAK,WAAU,yBAAyB;AAAA,eAAO,WAAW;AAAA,QAAO;AAAA,SAAC;AAAA,MAAQ;AAAA,MAC1E,MAAM,MAAM,MAAM;AAAA,OACrB,IACE;AAAA,IACH,MAAM,eAAe,MAAM,YAAY,SAAS,IAC/C,6CAAC,SAAI,WAAU,gBACb;AAAA,mDAAC,OAAE,WAAU,yBAAyB;AAAA,eAAO,WAAW;AAAA,QAAY;AAAA,SAAC;AAAA,MACrE,4CAAC,QAAG,WAAU,sBACX,gBAAM,YAAY,IAAI,CAAC,SACtB,6CAAC,QACE;AAAA,aAAK;AAAA,QAAS;AAAA,QAAI,KAAK;AAAA,QAAM;AAAA,QAC9B,6CAAC,UAAK,WAAU,yBAAwB;AAAA;AAAA,UAAE,KAAK;AAAA,UAAI;AAAA,WAAC;AAAA,WAF7C,GAAG,MAAM,EAAE,IAAI,KAAK,GAAG,EAGhC,CACD,GACH;AAAA,OACF,IACE;AAAA,IACH,MAAM,WACL,6CAAC,OAAE,WAAU,uEACV;AAAA,YAAM,SAAS,UAAU,4CAAC,UAAM,gBAAM,SAAS,SAAQ,IAAU;AAAA,MACjE,MAAM,SAAS,iBACd,6CAAC,UACE;AAAA,eAAO,WAAW;AAAA,QAAS;AAAA,QAAG,MAAM,SAAS;AAAA,SAChD,IACE;AAAA,MACH,MAAM,SAAS,SAAS,4CAAC,UAAM,gBAAM,SAAS,QAAO,IAAU;AAAA,OAClE,IACE;AAAA,IACH,eAAe,YAAY,iBAAiB,MAAM,iBAAiB,SAAS,IAC3E,4CAAC,SAAI,WAAU,6BACZ,gBAAM,iBACJ;AAAA,MACC,CAAC,WACC,EAAE,WAAW,YAAY,MAAM,SAAS,aACxC,EAAE,WAAW,cAAc,MAAM,SAAS;AAAA,IAC9C,EACC,IAAI,CAAC,WACJ;AAAA,MAAC;AAAA;AAAA,QAEC,SAAS,MACP,eACI,aAAa,QAAQ,MAAM,EAAE,IAC7B,WAAW,MAAM;AAAA,QAEvB,cAAY,GAAG,OAAO,QAAQ,MAAM,CAAC,KAAK,OAAO,WAAW,MAAM,MAAM,IAAI,CAAC;AAAA,QAE5E,iBAAO,QAAQ,MAAM;AAAA;AAAA,MARjB;AAAA,IASP,CACD,GACL,IACE;AAAA,KACN,KAxEO,MAAM,EAyEf,CACD,GACH;AAEJ;AAYA,SAAS,OAAO,OAAyB,MAAsB;AAC7D,SAAO,MAAM,MAAM,OAAO,CAAC,UAAU,MAAM,SAAS,IAAI;AAC1D;AAEA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,SACE,6CAAC,SACC;AAAA,gDAAC,QAAG,WAAU,yBAAyB,iBAAM;AAAA,IAC7C,4CAAC,OAAE,WAAU,6CAA6C,uBAAY;AAAA,IACrE,MAAM,SAAS,IACd;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,IAEA,4CAAC,OAAE,WAAU,iCAAiC,iBAAO,WAAW,OAAM;AAAA,KAE1E;AAEJ;AAEO,SAAS,mBAAmB,OAAqB;AACtD,QAAM,eAAW,8BAAe,MAAM,QAAQ;AAC9C,MAAI,SAAS,YAAY,KAAM,QAAO;AACtC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,OAAO,MAAM,OAAO,WAAW;AAAA,MAC/B,aAAa,MAAM,OAAO,WAAW;AAAA,MACrC,OAAO,OAAO,MAAM,OAAO,QAAQ;AAAA,MACnC,YAAY,SAAS,oBAAoB;AAAA;AAAA,EAC3C;AAEJ;AAEO,SAAS,qBAAqB,OAAqB;AACxD,QAAM,eAAW,8BAAe,MAAM,QAAQ;AAC9C,MAAI,SAAS,cAAc,KAAM,QAAO;AACxC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,OAAO,MAAM,OAAO,WAAW;AAAA,MAC/B,aAAa,MAAM,OAAO,WAAW;AAAA,MACrC,OAAO,OAAO,MAAM,OAAO,UAAU;AAAA,MACrC,YAAY,SAAS,oBAAoB;AAAA;AAAA,EAC3C;AAEJ;AAEO,SAAS,kBAAkB,OAAqB;AACrD,QAAM,eAAW,8BAAe,MAAM,QAAQ;AAC9C,MAAI,SAAS,WAAW,KAAM,QAAO;AACrC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,OAAO,MAAM,OAAO,WAAW;AAAA,MAC/B,aAAa,MAAM,OAAO,WAAW;AAAA,MACrC,OAAO,OAAO,MAAM,OAAO,OAAO;AAAA,MAClC,YAAY,SAAS,oBAAoB;AAAA;AAAA,EAC3C;AAEJ;AAEO,SAAS,gBAAgB,OAAqB;AACnD,QAAM,eAAW,8BAAe,MAAM,QAAQ;AAC9C,QAAM,YAAQ,iCAAkB,MAAM,OAAO,QAAQ;AACrD,MAAI,MAAM,WAAW,GAAG;AACtB,WAAO,4CAAC,OAAE,WAAU,iCAAiC,gBAAM,OAAO,WAAW,OAAM;AAAA,EACrF;AACA,SACE,6CAAC,SAAI,WAAU,aACb;AAAA,gDAAC,sBAAoB,GAAG,OAAO;AAAA,IAC/B,4CAAC,wBAAsB,GAAG,OAAO;AAAA,IACjC,4CAAC,qBAAmB,GAAG,OAAO;AAAA,KAChC;AAEJ;AAEO,SAAS,gBAAgB,OAAyB,UAAuC;AAC9F,aAAO,iCAAkB,WAAO,8BAAe,QAAQ,CAAC,EAAE;AAC5D;","names":[]}

package/dist/blocks/designs/order-detail/components/after-sales.mjs

@@ -0,0 +1,185 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { mergedSettings, visibleAfterSales } from "../engine.mjs";
+import { ActionButton } from "./ui.mjs";
+function CaseList({
+  order,
+  cases,
+  labels,
+  money,
+  date,
+  actionable,
+  onAction,
+  onCaseAction
+}) {
+  const lineName = (lineId) => order.lines.find((line) => line.id === lineId)?.name ?? lineId;
+  return /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: cases.map((entry) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("article", { className: "rounded-lg border bg-background p-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-start justify-between gap-2", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: labels.afterSales.types[entry.type] }),
+      /* @__PURE__ */ jsx("span", { className: "rounded-full border border-border px-2 py-0.5 text-xs", children: labels.afterSales.status[entry.status] })
+    ] }),
+    /* @__PURE__ */ jsxs("p", { className: "mt-1 text-xs text-muted-foreground", children: [
+      labels.afterSales.createdAt,
+      ": ",
+      date(entry.createdAt)
+    ] }),
+    /* @__PURE__ */ jsxs("p", { className: "mt-1 text-xs", children: [
+      /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+        labels.afterSales.reason,
+        ":"
+      ] }),
+      " ",
+      entry.reason
+    ] }),
+    /* @__PURE__ */ jsxs("p", { className: "mt-1 text-xs", children: [
+      /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+        labels.afterSales.items,
+        ":"
+      ] }),
+      " ",
+      entry.lines.map((line) => `${lineName(line.lineId)} (${line.quantity})`).join(" \xB7 ")
+    ] }),
+    entry.refund ? /* @__PURE__ */ jsxs("p", { className: "mt-1 text-xs", children: [
+      /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+        labels.afterSales.refund,
+        ":"
+      ] }),
+      " ",
+      money(entry.refund)
+    ] }) : null,
+    entry.replacement && entry.replacement.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "mt-1 text-xs", children: [
+      /* @__PURE__ */ jsxs("p", { className: "text-muted-foreground", children: [
+        labels.afterSales.replacement,
+        ":"
+      ] }),
+      /* @__PURE__ */ jsx("ul", { className: "mt-0.5 space-y-0.5", children: entry.replacement.map((item) => /* @__PURE__ */ jsxs("li", { children: [
+        item.quantity,
+        " \xD7 ",
+        item.name,
+        " ",
+        /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+          "(",
+          item.sku,
+          ")"
+        ] })
+      ] }, `${entry.id}-${item.sku}`)) })
+    ] }) : null,
+    entry.shipment ? /* @__PURE__ */ jsxs("p", { className: "mt-1 flex flex-wrap gap-x-3 gap-y-0.5 text-xs text-muted-foreground", children: [
+      entry.shipment.carrier ? /* @__PURE__ */ jsx("span", { children: entry.shipment.carrier }) : null,
+      entry.shipment.trackingNumber ? /* @__PURE__ */ jsxs("span", { children: [
+        labels.afterSales.tracking,
+        ": ",
+        entry.shipment.trackingNumber
+      ] }) : null,
+      entry.shipment.status ? /* @__PURE__ */ jsx("span", { children: entry.shipment.status }) : null
+    ] }) : null,
+    actionable && (onAction || onCaseAction) && entry.availableActions.length > 0 ? /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: entry.availableActions.filter(
+      (action) => !(action === "return" && entry.type === "return") && !(action === "exchange" && entry.type === "exchange")
+    ).map((action) => /* @__PURE__ */ jsx(
+      ActionButton,
+      {
+        onClick: () => onCaseAction ? onCaseAction(action, entry.id) : onAction?.(action),
+        "aria-label": `${labels.actions[action]}: ${labels.afterSales.types[entry.type]}`,
+        children: labels.actions[action]
+      },
+      action
+    )) }) : null
+  ] }) }, entry.id)) });
+}
+function byType(order, type) {
+  return order.cases.filter((entry) => entry.type === type);
+}
+function CaseSection({
+  title,
+  description,
+  cases,
+  order,
+  labels,
+  money,
+  date,
+  actionable,
+  onAction,
+  onCaseAction
+}) {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: title }),
+    /* @__PURE__ */ jsx("p", { className: "mt-0.5 mb-2 text-xs text-muted-foreground", children: description }),
+    cases.length > 0 ? /* @__PURE__ */ jsx(
+      CaseList,
+      {
+        order,
+        cases,
+        labels,
+        money,
+        date,
+        actionable,
+        onAction,
+        onCaseAction
+      }
+    ) : /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: labels.afterSales.empty })
+  ] });
+}
+function OrderReturnSummary(props) {
+  const settings = mergedSettings(props.settings);
+  if (settings.returns !== true) return null;
+  return /* @__PURE__ */ jsx(
+    CaseSection,
+    {
+      ...props,
+      title: props.labels.afterSales.returnsTitle,
+      description: props.labels.afterSales.returnsDescription,
+      cases: byType(props.order, "return"),
+      actionable: settings.customerActions === true
+    }
+  );
+}
+function OrderExchangeSummary(props) {
+  const settings = mergedSettings(props.settings);
+  if (settings.exchanges !== true) return null;
+  return /* @__PURE__ */ jsx(
+    CaseSection,
+    {
+      ...props,
+      title: props.labels.afterSales.exchangesTitle,
+      description: props.labels.afterSales.exchangesDescription,
+      cases: byType(props.order, "exchange"),
+      actionable: settings.customerActions === true
+    }
+  );
+}
+function OrderClaimSummary(props) {
+  const settings = mergedSettings(props.settings);
+  if (settings.claims !== true) return null;
+  return /* @__PURE__ */ jsx(
+    CaseSection,
+    {
+      ...props,
+      title: props.labels.afterSales.claimsTitle,
+      description: props.labels.afterSales.claimsDescription,
+      cases: byType(props.order, "claim"),
+      actionable: settings.customerActions === true
+    }
+  );
+}
+function OrderAfterSales(props) {
+  const settings = mergedSettings(props.settings);
+  const cases = visibleAfterSales(props.order, settings);
+  if (cases.length === 0) {
+    return /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: props.labels.afterSales.empty });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx(OrderReturnSummary, { ...props }),
+    /* @__PURE__ */ jsx(OrderExchangeSummary, { ...props }),
+    /* @__PURE__ */ jsx(OrderClaimSummary, { ...props })
+  ] });
+}
+function afterSalesCount(order, settings) {
+  return visibleAfterSales(order, mergedSettings(settings)).length;
+}
+export {
+  OrderAfterSales,
+  OrderClaimSummary,
+  OrderExchangeSummary,
+  OrderReturnSummary,
+  afterSalesCount
+};
+//# sourceMappingURL=after-sales.mjs.map

package/dist/blocks/designs/order-detail/components/after-sales.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/order-detail/components/after-sales.tsx"],"sourcesContent":["import type {\n  AfterSalesCase,\n  AfterSalesType,\n  OrderActionId,\n  OrderDetailLabels,\n  OrderDetailOrder,\n  OrderDetailSettings,\n} from '../contracts'\nimport { mergedSettings, visibleAfterSales } from '../engine'\nimport { ActionButton } from './ui'\nimport type { DateFormatter, MoneyFormatter } from './ui'\n\ntype CaseListProps = {\n  order: OrderDetailOrder\n  cases: AfterSalesCase[]\n  labels: OrderDetailLabels\n  money: MoneyFormatter\n  date: DateFormatter\n  actionable: boolean\n  onAction?: (action: OrderActionId) => void\n  onCaseAction?: (action: OrderActionId, caseId: string) => void\n}\n\nfunction CaseList({\n  order,\n  cases,\n  labels,\n  money,\n  date,\n  actionable,\n  onAction,\n  onCaseAction,\n}: CaseListProps) {\n  const lineName = (lineId: string) =>\n    order.lines.find((line) => line.id === lineId)?.name ?? lineId\n\n  return (\n    <ul className=\"space-y-2\">\n      {cases.map((entry) => (\n        <li key={entry.id}>\n          <article className=\"rounded-lg border bg-background p-3\">\n            <div className=\"flex flex-wrap items-start justify-between gap-2\">\n              <p className=\"text-sm font-medium\">{labels.afterSales.types[entry.type]}</p>\n              <span className=\"rounded-full border border-border px-2 py-0.5 text-xs\">\n                {labels.afterSales.status[entry.status]}\n              </span>\n            </div>\n            <p className=\"mt-1 text-xs text-muted-foreground\">\n              {labels.afterSales.createdAt}: {date(entry.createdAt)}\n            </p>\n            <p className=\"mt-1 text-xs\">\n              <span className=\"text-muted-foreground\">{labels.afterSales.reason}:</span>{' '}\n              {entry.reason}\n            </p>\n            <p className=\"mt-1 text-xs\">\n              <span className=\"text-muted-foreground\">{labels.afterSales.items}:</span>{' '}\n              {entry.lines.map((line) => `${lineName(line.lineId)} (${line.quantity})`).join(' · ')}\n            </p>\n            {entry.refund ? (\n              <p className=\"mt-1 text-xs\">\n                <span className=\"text-muted-foreground\">{labels.afterSales.refund}:</span>{' '}\n                {money(entry.refund)}\n              </p>\n            ) : null}\n            {entry.replacement && entry.replacement.length > 0 ? (\n              <div className=\"mt-1 text-xs\">\n                <p className=\"text-muted-foreground\">{labels.afterSales.replacement}:</p>\n                <ul className=\"mt-0.5 space-y-0.5\">\n                  {entry.replacement.map((item) => (\n                    <li key={`${entry.id}-${item.sku}`}>\n                      {item.quantity} × {item.name}{' '}\n                      <span className=\"text-muted-foreground\">({item.sku})</span>\n                    </li>\n                  ))}\n                </ul>\n              </div>\n            ) : null}\n            {entry.shipment ? (\n              <p className=\"mt-1 flex flex-wrap gap-x-3 gap-y-0.5 text-xs text-muted-foreground\">\n                {entry.shipment.carrier ? <span>{entry.shipment.carrier}</span> : null}\n                {entry.shipment.trackingNumber ? (\n                  <span>\n                    {labels.afterSales.tracking}: {entry.shipment.trackingNumber}\n                  </span>\n                ) : null}\n                {entry.shipment.status ? <span>{entry.shipment.status}</span> : null}\n              </p>\n            ) : null}\n            {actionable && (onAction || onCaseAction) && entry.availableActions.length > 0 ? (\n              <div className=\"mt-2 flex flex-wrap gap-2\">\n                {entry.availableActions\n                  .filter(\n                    (action) =>\n                      !(action === 'return' && entry.type === 'return') &&\n                      !(action === 'exchange' && entry.type === 'exchange'),\n                  )\n                  .map((action) => (\n                    <ActionButton\n                      key={action}\n                      onClick={() =>\n                        onCaseAction\n                          ? onCaseAction(action, entry.id)\n                          : onAction?.(action)\n                      }\n                      aria-label={`${labels.actions[action]}: ${labels.afterSales.types[entry.type]}`}\n                    >\n                      {labels.actions[action]}\n                    </ActionButton>\n                  ))}\n              </div>\n            ) : null}\n          </article>\n        </li>\n      ))}\n    </ul>\n  )\n}\n\ntype SectionProps = {\n  order: OrderDetailOrder\n  labels: OrderDetailLabels\n  settings: OrderDetailSettings\n  money: MoneyFormatter\n  date: DateFormatter\n  onAction?: (action: OrderActionId) => void\n  onCaseAction?: (action: OrderActionId, caseId: string) => void\n}\n\nfunction byType(order: OrderDetailOrder, type: AfterSalesType) {\n  return order.cases.filter((entry) => entry.type === type)\n}\n\nfunction CaseSection({\n  title,\n  description,\n  cases,\n  order,\n  labels,\n  money,\n  date,\n  actionable,\n  onAction,\n  onCaseAction,\n}: SectionProps & {\n  title: string\n  description: string\n  cases: AfterSalesCase[]\n  actionable: boolean\n}) {\n  return (\n    <div>\n      <h3 className=\"text-sm font-semibold\">{title}</h3>\n      <p className=\"mt-0.5 mb-2 text-xs text-muted-foreground\">{description}</p>\n      {cases.length > 0 ? (\n        <CaseList\n          order={order}\n          cases={cases}\n          labels={labels}\n          money={money}\n          date={date}\n          actionable={actionable}\n          onAction={onAction}\n          onCaseAction={onCaseAction}\n        />\n      ) : (\n        <p className=\"text-xs text-muted-foreground\">{labels.afterSales.empty}</p>\n      )}\n    </div>\n  )\n}\n\nexport function OrderReturnSummary(props: SectionProps) {\n  const settings = mergedSettings(props.settings)\n  if (settings.returns !== true) return null\n  return (\n    <CaseSection\n      {...props}\n      title={props.labels.afterSales.returnsTitle}\n      description={props.labels.afterSales.returnsDescription}\n      cases={byType(props.order, 'return')}\n      actionable={settings.customerActions === true}\n    />\n  )\n}\n\nexport function OrderExchangeSummary(props: SectionProps) {\n  const settings = mergedSettings(props.settings)\n  if (settings.exchanges !== true) return null\n  return (\n    <CaseSection\n      {...props}\n      title={props.labels.afterSales.exchangesTitle}\n      description={props.labels.afterSales.exchangesDescription}\n      cases={byType(props.order, 'exchange')}\n      actionable={settings.customerActions === true}\n    />\n  )\n}\n\nexport function OrderClaimSummary(props: SectionProps) {\n  const settings = mergedSettings(props.settings)\n  if (settings.claims !== true) return null\n  return (\n    <CaseSection\n      {...props}\n      title={props.labels.afterSales.claimsTitle}\n      description={props.labels.afterSales.claimsDescription}\n      cases={byType(props.order, 'claim')}\n      actionable={settings.customerActions === true}\n    />\n  )\n}\n\nexport function OrderAfterSales(props: SectionProps) {\n  const settings = mergedSettings(props.settings)\n  const cases = visibleAfterSales(props.order, settings)\n  if (cases.length === 0) {\n    return <p className=\"text-xs text-muted-foreground\">{props.labels.afterSales.empty}</p>\n  }\n  return (\n    <div className=\"space-y-4\">\n      <OrderReturnSummary {...props} />\n      <OrderExchangeSummary {...props} />\n      <OrderClaimSummary {...props} />\n    </div>\n  )\n}\n\nexport function afterSalesCount(order: OrderDetailOrder, settings: OrderDetailSettings): number {\n  return visibleAfterSales(order, mergedSettings(settings)).length\n}\n"],"mappings":"AAyCY,SACE,KADF;AAjCZ,SAAS,gBAAgB,yBAAyB;AAClD,SAAS,oBAAoB;AAc7B,SAAS,SAAS;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAkB;AAChB,QAAM,WAAW,CAAC,WAChB,MAAM,MAAM,KAAK,CAAC,SAAS,KAAK,OAAO,MAAM,GAAG,QAAQ;AAE1D,SACE,oBAAC,QAAG,WAAU,aACX,gBAAM,IAAI,CAAC,UACV,oBAAC,QACC,+BAAC,aAAQ,WAAU,uCACjB;AAAA,yBAAC,SAAI,WAAU,oDACb;AAAA,0BAAC,OAAE,WAAU,uBAAuB,iBAAO,WAAW,MAAM,MAAM,IAAI,GAAE;AAAA,MACxE,oBAAC,UAAK,WAAU,yDACb,iBAAO,WAAW,OAAO,MAAM,MAAM,GACxC;AAAA,OACF;AAAA,IACA,qBAAC,OAAE,WAAU,sCACV;AAAA,aAAO,WAAW;AAAA,MAAU;AAAA,MAAG,KAAK,MAAM,SAAS;AAAA,OACtD;AAAA,IACA,qBAAC,OAAE,WAAU,gBACX;AAAA,2BAAC,UAAK,WAAU,yBAAyB;AAAA,eAAO,WAAW;AAAA,QAAO;AAAA,SAAC;AAAA,MAAQ;AAAA,MAC1E,MAAM;AAAA,OACT;AAAA,IACA,qBAAC,OAAE,WAAU,gBACX;AAAA,2BAAC,UAAK,WAAU,yBAAyB;AAAA,eAAO,WAAW;AAAA,QAAM;AAAA,SAAC;AAAA,MAAQ;AAAA,MACzE,MAAM,MAAM,IAAI,CAAC,SAAS,GAAG,SAAS,KAAK,MAAM,CAAC,KAAK,KAAK,QAAQ,GAAG,EAAE,KAAK,QAAK;AAAA,OACtF;AAAA,IACC,MAAM,SACL,qBAAC,OAAE,WAAU,gBACX;AAAA,2BAAC,UAAK,WAAU,yBAAyB;AAAA,eAAO,WAAW;AAAA,QAAO;AAAA,SAAC;AAAA,MAAQ;AAAA,MAC1E,MAAM,MAAM,MAAM;AAAA,OACrB,IACE;AAAA,IACH,MAAM,eAAe,MAAM,YAAY,SAAS,IAC/C,qBAAC,SAAI,WAAU,gBACb;AAAA,2BAAC,OAAE,WAAU,yBAAyB;AAAA,eAAO,WAAW;AAAA,QAAY;AAAA,SAAC;AAAA,MACrE,oBAAC,QAAG,WAAU,sBACX,gBAAM,YAAY,IAAI,CAAC,SACtB,qBAAC,QACE;AAAA,aAAK;AAAA,QAAS;AAAA,QAAI,KAAK;AAAA,QAAM;AAAA,QAC9B,qBAAC,UAAK,WAAU,yBAAwB;AAAA;AAAA,UAAE,KAAK;AAAA,UAAI;AAAA,WAAC;AAAA,WAF7C,GAAG,MAAM,EAAE,IAAI,KAAK,GAAG,EAGhC,CACD,GACH;AAAA,OACF,IACE;AAAA,IACH,MAAM,WACL,qBAAC,OAAE,WAAU,uEACV;AAAA,YAAM,SAAS,UAAU,oBAAC,UAAM,gBAAM,SAAS,SAAQ,IAAU;AAAA,MACjE,MAAM,SAAS,iBACd,qBAAC,UACE;AAAA,eAAO,WAAW;AAAA,QAAS;AAAA,QAAG,MAAM,SAAS;AAAA,SAChD,IACE;AAAA,MACH,MAAM,SAAS,SAAS,oBAAC,UAAM,gBAAM,SAAS,QAAO,IAAU;AAAA,OAClE,IACE;AAAA,IACH,eAAe,YAAY,iBAAiB,MAAM,iBAAiB,SAAS,IAC3E,oBAAC,SAAI,WAAU,6BACZ,gBAAM,iBACJ;AAAA,MACC,CAAC,WACC,EAAE,WAAW,YAAY,MAAM,SAAS,aACxC,EAAE,WAAW,cAAc,MAAM,SAAS;AAAA,IAC9C,EACC,IAAI,CAAC,WACJ;AAAA,MAAC;AAAA;AAAA,QAEC,SAAS,MACP,eACI,aAAa,QAAQ,MAAM,EAAE,IAC7B,WAAW,MAAM;AAAA,QAEvB,cAAY,GAAG,OAAO,QAAQ,MAAM,CAAC,KAAK,OAAO,WAAW,MAAM,MAAM,IAAI,CAAC;AAAA,QAE5E,iBAAO,QAAQ,MAAM;AAAA;AAAA,MARjB;AAAA,IASP,CACD,GACL,IACE;AAAA,KACN,KAxEO,MAAM,EAyEf,CACD,GACH;AAEJ;AAYA,SAAS,OAAO,OAAyB,MAAsB;AAC7D,SAAO,MAAM,MAAM,OAAO,CAAC,UAAU,MAAM,SAAS,IAAI;AAC1D;AAEA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,SACE,qBAAC,SACC;AAAA,wBAAC,QAAG,WAAU,yBAAyB,iBAAM;AAAA,IAC7C,oBAAC,OAAE,WAAU,6CAA6C,uBAAY;AAAA,IACrE,MAAM,SAAS,IACd;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,IAEA,oBAAC,OAAE,WAAU,iCAAiC,iBAAO,WAAW,OAAM;AAAA,KAE1E;AAEJ;AAEO,SAAS,mBAAmB,OAAqB;AACtD,QAAM,WAAW,eAAe,MAAM,QAAQ;AAC9C,MAAI,SAAS,YAAY,KAAM,QAAO;AACtC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,OAAO,MAAM,OAAO,WAAW;AAAA,MAC/B,aAAa,MAAM,OAAO,WAAW;AAAA,MACrC,OAAO,OAAO,MAAM,OAAO,QAAQ;AAAA,MACnC,YAAY,SAAS,oBAAoB;AAAA;AAAA,EAC3C;AAEJ;AAEO,SAAS,qBAAqB,OAAqB;AACxD,QAAM,WAAW,eAAe,MAAM,QAAQ;AAC9C,MAAI,SAAS,cAAc,KAAM,QAAO;AACxC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,OAAO,MAAM,OAAO,WAAW;AAAA,MAC/B,aAAa,MAAM,OAAO,WAAW;AAAA,MACrC,OAAO,OAAO,MAAM,OAAO,UAAU;AAAA,MACrC,YAAY,SAAS,oBAAoB;AAAA;AAAA,EAC3C;AAEJ;AAEO,SAAS,kBAAkB,OAAqB;AACrD,QAAM,WAAW,eAAe,MAAM,QAAQ;AAC9C,MAAI,SAAS,WAAW,KAAM,QAAO;AACrC,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,OAAO,MAAM,OAAO,WAAW;AAAA,MAC/B,aAAa,MAAM,OAAO,WAAW;AAAA,MACrC,OAAO,OAAO,MAAM,OAAO,OAAO;AAAA,MAClC,YAAY,SAAS,oBAAoB;AAAA;AAAA,EAC3C;AAEJ;AAEO,SAAS,gBAAgB,OAAqB;AACnD,QAAM,WAAW,eAAe,MAAM,QAAQ;AAC9C,QAAM,QAAQ,kBAAkB,MAAM,OAAO,QAAQ;AACrD,MAAI,MAAM,WAAW,GAAG;AACtB,WAAO,oBAAC,OAAE,WAAU,iCAAiC,gBAAM,OAAO,WAAW,OAAM;AAAA,EACrF;AACA,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,wBAAC,sBAAoB,GAAG,OAAO;AAAA,IAC/B,oBAAC,wBAAsB,GAAG,OAAO;AAAA,IACjC,oBAAC,qBAAmB,GAAG,OAAO;AAAA,KAChC;AAEJ;AAEO,SAAS,gBAAgB,OAAyB,UAAuC;AAC9F,SAAO,kBAAkB,OAAO,eAAe,QAAQ,CAAC,EAAE;AAC5D;","names":[]}

package/dist/blocks/designs/order-detail/components/b2b.d.ts

@@ -0,0 +1,12 @@
+import type { OrderDetailLabels, OrderDetailOrder, OrderDetailSettings } from '../contracts';
+import type { DateFormatter, MoneyFormatter } from './ui';
+type B2BProps = {
+    order: OrderDetailOrder;
+    labels: OrderDetailLabels;
+    settings: OrderDetailSettings;
+    money: MoneyFormatter;
+    date: DateFormatter;
+};
+export declare function OrderB2BInformation({ order, labels, settings: input, money, date }: B2BProps): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=b2b.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"b2b.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/order-detail/components/b2b.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAG5F,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,MAAM,CAAA;AAEzD,KAAK,QAAQ,GAAG;IACd,KAAK,EAAE,gBAAgB,CAAA;IACvB,MAAM,EAAE,iBAAiB,CAAA;IACzB,QAAQ,EAAE,mBAAmB,CAAA;IAC7B,KAAK,EAAE,cAAc,CAAA;IACrB,IAAI,EAAE,aAAa,CAAA;CACpB,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,QAAQ,sCAyD5F"}

package/dist/blocks/designs/order-detail/components/b2b.js

@@ -0,0 +1,73 @@
+"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 b2b_exports = {};
+__export(b2b_exports, {
+  OrderB2BInformation: () => OrderB2BInformation
+});
+module.exports = __toCommonJS(b2b_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_engine = require("../engine.js");
+var import_ui = require("./ui.js");
+function OrderB2BInformation({ order, labels, settings: input, money, date }) {
+  const business = order.business;
+  if (!business) return null;
+  const settings = (0, import_engine.mergedSettings)(input);
+  const showSensitive = settings.sensitivePricing === true;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ui.Rows, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Row, { label: labels.b2b.company, value: business.company }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Row, { label: labels.b2b.buyer, value: business.buyer }),
+    business.branch ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Row, { label: labels.b2b.branch, value: business.branch }) : null,
+    business.purchaseOrder ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Row, { label: labels.b2b.purchaseOrder, value: business.purchaseOrder }) : null,
+    business.internalReference ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Row, { label: labels.b2b.internalReference, value: business.internalReference }) : null,
+    business.costCenter ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Row, { label: labels.b2b.costCenter, value: business.costCenter }) : null,
+    business.paymentTerms ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Row, { label: labels.b2b.paymentTerms, value: business.paymentTerms }) : null,
+    showSensitive && business.creditLimit ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Row, { label: labels.b2b.creditLimit, value: money(business.creditLimit) }) : null,
+    showSensitive && business.creditUsed ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Row, { label: labels.b2b.creditUsed, value: money(business.creditUsed) }) : null,
+    !showSensitive ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Row, { label: labels.b2b.creditLimit, value: labels.b2b.restricted }) : null,
+    business.dueAt ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Row, { label: labels.b2b.dueAt, value: date(business.dueAt) }) : null,
+    business.invoiceStatus ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_ui.Row,
+      {
+        label: labels.b2b.invoiceStatus,
+        value: labels.b2b.invoiceStatuses[business.invoiceStatus]
+      }
+    ) : null,
+    business.approval ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_ui.Row,
+        {
+          label: labels.b2b.approval,
+          value: labels.b2b.approvalStatuses[business.approval.status]
+        }
+      ),
+      business.approval.by ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_ui.Row,
+        {
+          label: labels.b2b.approvedBy,
+          value: business.approval.at ? `${business.approval.by} \xB7 ${date(business.approval.at)}` : business.approval.by
+        }
+      ) : null
+    ] }) : null
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  OrderB2BInformation
+});
+//# sourceMappingURL=b2b.js.map

package/dist/blocks/designs/order-detail/components/b2b.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/order-detail/components/b2b.tsx"],"sourcesContent":["import type { OrderDetailLabels, OrderDetailOrder, OrderDetailSettings } from '../contracts'\nimport { mergedSettings } from '../engine'\nimport { Row, Rows } from './ui'\nimport type { DateFormatter, MoneyFormatter } from './ui'\n\ntype B2BProps = {\n  order: OrderDetailOrder\n  labels: OrderDetailLabels\n  settings: OrderDetailSettings\n  money: MoneyFormatter\n  date: DateFormatter\n}\n\nexport function OrderB2BInformation({ order, labels, settings: input, money, date }: B2BProps) {\n  const business = order.business\n  if (!business) return null\n  const settings = mergedSettings(input)\n  const showSensitive = settings.sensitivePricing === true\n\n  return (\n    <Rows>\n      <Row label={labels.b2b.company} value={business.company} />\n      <Row label={labels.b2b.buyer} value={business.buyer} />\n      {business.branch ? <Row label={labels.b2b.branch} value={business.branch} /> : null}\n      {business.purchaseOrder ? (\n        <Row label={labels.b2b.purchaseOrder} value={business.purchaseOrder} />\n      ) : null}\n      {business.internalReference ? (\n        <Row label={labels.b2b.internalReference} value={business.internalReference} />\n      ) : null}\n      {business.costCenter ? <Row label={labels.b2b.costCenter} value={business.costCenter} /> : null}\n      {business.paymentTerms ? (\n        <Row label={labels.b2b.paymentTerms} value={business.paymentTerms} />\n      ) : null}\n      {showSensitive && business.creditLimit ? (\n        <Row label={labels.b2b.creditLimit} value={money(business.creditLimit)} />\n      ) : null}\n      {showSensitive && business.creditUsed ? (\n        <Row label={labels.b2b.creditUsed} value={money(business.creditUsed)} />\n      ) : null}\n      {!showSensitive ? (\n        <Row label={labels.b2b.creditLimit} value={labels.b2b.restricted} />\n      ) : null}\n      {business.dueAt ? <Row label={labels.b2b.dueAt} value={date(business.dueAt)} /> : null}\n      {business.invoiceStatus ? (\n        <Row\n          label={labels.b2b.invoiceStatus}\n          value={labels.b2b.invoiceStatuses[business.invoiceStatus]}\n        />\n      ) : null}\n      {business.approval ? (\n        <>\n          <Row\n            label={labels.b2b.approval}\n            value={labels.b2b.approvalStatuses[business.approval.status]}\n          />\n          {business.approval.by ? (\n            <Row\n              label={labels.b2b.approvedBy}\n              value={\n                business.approval.at\n                  ? `${business.approval.by} · ${date(business.approval.at)}`\n                  : business.approval.by\n              }\n            />\n          ) : null}\n        </>\n      ) : null}\n    </Rows>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBM;AApBN,oBAA+B;AAC/B,gBAA0B;AAWnB,SAAS,oBAAoB,EAAE,OAAO,QAAQ,UAAU,OAAO,OAAO,KAAK,GAAa;AAC7F,QAAM,WAAW,MAAM;AACvB,MAAI,CAAC,SAAU,QAAO;AACtB,QAAM,eAAW,8BAAe,KAAK;AACrC,QAAM,gBAAgB,SAAS,qBAAqB;AAEpD,SACE,6CAAC,kBACC;AAAA,gDAAC,iBAAI,OAAO,OAAO,IAAI,SAAS,OAAO,SAAS,SAAS;AAAA,IACzD,4CAAC,iBAAI,OAAO,OAAO,IAAI,OAAO,OAAO,SAAS,OAAO;AAAA,IACpD,SAAS,SAAS,4CAAC,iBAAI,OAAO,OAAO,IAAI,QAAQ,OAAO,SAAS,QAAQ,IAAK;AAAA,IAC9E,SAAS,gBACR,4CAAC,iBAAI,OAAO,OAAO,IAAI,eAAe,OAAO,SAAS,eAAe,IACnE;AAAA,IACH,SAAS,oBACR,4CAAC,iBAAI,OAAO,OAAO,IAAI,mBAAmB,OAAO,SAAS,mBAAmB,IAC3E;AAAA,IACH,SAAS,aAAa,4CAAC,iBAAI,OAAO,OAAO,IAAI,YAAY,OAAO,SAAS,YAAY,IAAK;AAAA,IAC1F,SAAS,eACR,4CAAC,iBAAI,OAAO,OAAO,IAAI,cAAc,OAAO,SAAS,cAAc,IACjE;AAAA,IACH,iBAAiB,SAAS,cACzB,4CAAC,iBAAI,OAAO,OAAO,IAAI,aAAa,OAAO,MAAM,SAAS,WAAW,GAAG,IACtE;AAAA,IACH,iBAAiB,SAAS,aACzB,4CAAC,iBAAI,OAAO,OAAO,IAAI,YAAY,OAAO,MAAM,SAAS,UAAU,GAAG,IACpE;AAAA,IACH,CAAC,gBACA,4CAAC,iBAAI,OAAO,OAAO,IAAI,aAAa,OAAO,OAAO,IAAI,YAAY,IAChE;AAAA,IACH,SAAS,QAAQ,4CAAC,iBAAI,OAAO,OAAO,IAAI,OAAO,OAAO,KAAK,SAAS,KAAK,GAAG,IAAK;AAAA,IACjF,SAAS,gBACR;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,OAAO,IAAI;AAAA,QAClB,OAAO,OAAO,IAAI,gBAAgB,SAAS,aAAa;AAAA;AAAA,IAC1D,IACE;AAAA,IACH,SAAS,WACR,4EACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,OAAO,IAAI;AAAA,UAClB,OAAO,OAAO,IAAI,iBAAiB,SAAS,SAAS,MAAM;AAAA;AAAA,MAC7D;AAAA,MACC,SAAS,SAAS,KACjB;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,OAAO,IAAI;AAAA,UAClB,OACE,SAAS,SAAS,KACd,GAAG,SAAS,SAAS,EAAE,SAAM,KAAK,SAAS,SAAS,EAAE,CAAC,KACvD,SAAS,SAAS;AAAA;AAAA,MAE1B,IACE;AAAA,OACN,IACE;AAAA,KACN;AAEJ;","names":[]}

package/dist/blocks/designs/order-detail/components/b2b.mjs

@@ -0,0 +1,49 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { mergedSettings } from "../engine.mjs";
+import { Row, Rows } from "./ui.mjs";
+function OrderB2BInformation({ order, labels, settings: input, money, date }) {
+  const business = order.business;
+  if (!business) return null;
+  const settings = mergedSettings(input);
+  const showSensitive = settings.sensitivePricing === true;
+  return /* @__PURE__ */ jsxs(Rows, { children: [
+    /* @__PURE__ */ jsx(Row, { label: labels.b2b.company, value: business.company }),
+    /* @__PURE__ */ jsx(Row, { label: labels.b2b.buyer, value: business.buyer }),
+    business.branch ? /* @__PURE__ */ jsx(Row, { label: labels.b2b.branch, value: business.branch }) : null,
+    business.purchaseOrder ? /* @__PURE__ */ jsx(Row, { label: labels.b2b.purchaseOrder, value: business.purchaseOrder }) : null,
+    business.internalReference ? /* @__PURE__ */ jsx(Row, { label: labels.b2b.internalReference, value: business.internalReference }) : null,
+    business.costCenter ? /* @__PURE__ */ jsx(Row, { label: labels.b2b.costCenter, value: business.costCenter }) : null,
+    business.paymentTerms ? /* @__PURE__ */ jsx(Row, { label: labels.b2b.paymentTerms, value: business.paymentTerms }) : null,
+    showSensitive && business.creditLimit ? /* @__PURE__ */ jsx(Row, { label: labels.b2b.creditLimit, value: money(business.creditLimit) }) : null,
+    showSensitive && business.creditUsed ? /* @__PURE__ */ jsx(Row, { label: labels.b2b.creditUsed, value: money(business.creditUsed) }) : null,
+    !showSensitive ? /* @__PURE__ */ jsx(Row, { label: labels.b2b.creditLimit, value: labels.b2b.restricted }) : null,
+    business.dueAt ? /* @__PURE__ */ jsx(Row, { label: labels.b2b.dueAt, value: date(business.dueAt) }) : null,
+    business.invoiceStatus ? /* @__PURE__ */ jsx(
+      Row,
+      {
+        label: labels.b2b.invoiceStatus,
+        value: labels.b2b.invoiceStatuses[business.invoiceStatus]
+      }
+    ) : null,
+    business.approval ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        Row,
+        {
+          label: labels.b2b.approval,
+          value: labels.b2b.approvalStatuses[business.approval.status]
+        }
+      ),
+      business.approval.by ? /* @__PURE__ */ jsx(
+        Row,
+        {
+          label: labels.b2b.approvedBy,
+          value: business.approval.at ? `${business.approval.by} \xB7 ${date(business.approval.at)}` : business.approval.by
+        }
+      ) : null
+    ] }) : null
+  ] });
+}
+export {
+  OrderB2BInformation
+};
+//# sourceMappingURL=b2b.mjs.map

package/dist/blocks/designs/order-detail/components/b2b.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/order-detail/components/b2b.tsx"],"sourcesContent":["import type { OrderDetailLabels, OrderDetailOrder, OrderDetailSettings } from '../contracts'\nimport { mergedSettings } from '../engine'\nimport { Row, Rows } from './ui'\nimport type { DateFormatter, MoneyFormatter } from './ui'\n\ntype B2BProps = {\n  order: OrderDetailOrder\n  labels: OrderDetailLabels\n  settings: OrderDetailSettings\n  money: MoneyFormatter\n  date: DateFormatter\n}\n\nexport function OrderB2BInformation({ order, labels, settings: input, money, date }: B2BProps) {\n  const business = order.business\n  if (!business) return null\n  const settings = mergedSettings(input)\n  const showSensitive = settings.sensitivePricing === true\n\n  return (\n    <Rows>\n      <Row label={labels.b2b.company} value={business.company} />\n      <Row label={labels.b2b.buyer} value={business.buyer} />\n      {business.branch ? <Row label={labels.b2b.branch} value={business.branch} /> : null}\n      {business.purchaseOrder ? (\n        <Row label={labels.b2b.purchaseOrder} value={business.purchaseOrder} />\n      ) : null}\n      {business.internalReference ? (\n        <Row label={labels.b2b.internalReference} value={business.internalReference} />\n      ) : null}\n      {business.costCenter ? <Row label={labels.b2b.costCenter} value={business.costCenter} /> : null}\n      {business.paymentTerms ? (\n        <Row label={labels.b2b.paymentTerms} value={business.paymentTerms} />\n      ) : null}\n      {showSensitive && business.creditLimit ? (\n        <Row label={labels.b2b.creditLimit} value={money(business.creditLimit)} />\n      ) : null}\n      {showSensitive && business.creditUsed ? (\n        <Row label={labels.b2b.creditUsed} value={money(business.creditUsed)} />\n      ) : null}\n      {!showSensitive ? (\n        <Row label={labels.b2b.creditLimit} value={labels.b2b.restricted} />\n      ) : null}\n      {business.dueAt ? <Row label={labels.b2b.dueAt} value={date(business.dueAt)} /> : null}\n      {business.invoiceStatus ? (\n        <Row\n          label={labels.b2b.invoiceStatus}\n          value={labels.b2b.invoiceStatuses[business.invoiceStatus]}\n        />\n      ) : null}\n      {business.approval ? (\n        <>\n          <Row\n            label={labels.b2b.approval}\n            value={labels.b2b.approvalStatuses[business.approval.status]}\n          />\n          {business.approval.by ? (\n            <Row\n              label={labels.b2b.approvedBy}\n              value={\n                business.approval.at\n                  ? `${business.approval.by} · ${date(business.approval.at)}`\n                  : business.approval.by\n              }\n            />\n          ) : null}\n        </>\n      ) : null}\n    </Rows>\n  )\n}\n"],"mappings":"AAqBM,SA8BE,UA9BF,KA8BE,YA9BF;AApBN,SAAS,sBAAsB;AAC/B,SAAS,KAAK,YAAY;AAWnB,SAAS,oBAAoB,EAAE,OAAO,QAAQ,UAAU,OAAO,OAAO,KAAK,GAAa;AAC7F,QAAM,WAAW,MAAM;AACvB,MAAI,CAAC,SAAU,QAAO;AACtB,QAAM,WAAW,eAAe,KAAK;AACrC,QAAM,gBAAgB,SAAS,qBAAqB;AAEpD,SACE,qBAAC,QACC;AAAA,wBAAC,OAAI,OAAO,OAAO,IAAI,SAAS,OAAO,SAAS,SAAS;AAAA,IACzD,oBAAC,OAAI,OAAO,OAAO,IAAI,OAAO,OAAO,SAAS,OAAO;AAAA,IACpD,SAAS,SAAS,oBAAC,OAAI,OAAO,OAAO,IAAI,QAAQ,OAAO,SAAS,QAAQ,IAAK;AAAA,IAC9E,SAAS,gBACR,oBAAC,OAAI,OAAO,OAAO,IAAI,eAAe,OAAO,SAAS,eAAe,IACnE;AAAA,IACH,SAAS,oBACR,oBAAC,OAAI,OAAO,OAAO,IAAI,mBAAmB,OAAO,SAAS,mBAAmB,IAC3E;AAAA,IACH,SAAS,aAAa,oBAAC,OAAI,OAAO,OAAO,IAAI,YAAY,OAAO,SAAS,YAAY,IAAK;AAAA,IAC1F,SAAS,eACR,oBAAC,OAAI,OAAO,OAAO,IAAI,cAAc,OAAO,SAAS,cAAc,IACjE;AAAA,IACH,iBAAiB,SAAS,cACzB,oBAAC,OAAI,OAAO,OAAO,IAAI,aAAa,OAAO,MAAM,SAAS,WAAW,GAAG,IACtE;AAAA,IACH,iBAAiB,SAAS,aACzB,oBAAC,OAAI,OAAO,OAAO,IAAI,YAAY,OAAO,MAAM,SAAS,UAAU,GAAG,IACpE;AAAA,IACH,CAAC,gBACA,oBAAC,OAAI,OAAO,OAAO,IAAI,aAAa,OAAO,OAAO,IAAI,YAAY,IAChE;AAAA,IACH,SAAS,QAAQ,oBAAC,OAAI,OAAO,OAAO,IAAI,OAAO,OAAO,KAAK,SAAS,KAAK,GAAG,IAAK;AAAA,IACjF,SAAS,gBACR;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,OAAO,IAAI;AAAA,QAClB,OAAO,OAAO,IAAI,gBAAgB,SAAS,aAAa;AAAA;AAAA,IAC1D,IACE;AAAA,IACH,SAAS,WACR,iCACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,OAAO,IAAI;AAAA,UAClB,OAAO,OAAO,IAAI,iBAAiB,SAAS,SAAS,MAAM;AAAA;AAAA,MAC7D;AAAA,MACC,SAAS,SAAS,KACjB;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,OAAO,IAAI;AAAA,UAClB,OACE,SAAS,SAAS,KACd,GAAG,SAAS,SAAS,EAAE,SAAM,KAAK,SAAS,SAAS,EAAE,CAAC,KACvD,SAAS,SAAS;AAAA;AAAA,MAE1B,IACE;AAAA,OACN,IACE;AAAA,KACN;AAEJ;","names":[]}

package/dist/blocks/designs/order-detail/components/documents.d.ts

@@ -0,0 +1,21 @@
+import type { OrderDetailLabels, OrderDocument } from '../contracts';
+import type { DateFormatter } from './ui';
+type DocumentsProps = {
+    order: {
+        documents: OrderDocument[];
+    };
+    labels: OrderDetailLabels;
+    date: DateFormatter;
+    onDocument?: (document: OrderDocument) => void;
+};
+/** One document does not deserve a section: a contextual action is enough. */
+export declare function OrderDocumentShortcut({ document, labels, onDocument, }: {
+    document: OrderDocument;
+    labels: OrderDetailLabels;
+    onDocument?: (document: OrderDocument) => void;
+}): import("react").JSX.Element | null;
+/** Only documents that really exist get an action; unavailable ones are not
+ *  rendered as dead buttons or invented invoices. */
+export declare function OrderDocuments({ order, labels, date, onDocument }: DocumentsProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=documents.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"documents.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/order-detail/components/documents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAIpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,MAAM,CAAA;AAEzC,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE;QAAE,SAAS,EAAE,aAAa,EAAE,CAAA;KAAE,CAAA;IACrC,MAAM,EAAE,iBAAiB,CAAA;IACzB,IAAI,EAAE,aAAa,CAAA;IACnB,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAA;CAC/C,CAAA;AAED,8EAA8E;AAC9E,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,MAAM,EACN,UAAU,GACX,EAAE;IACD,QAAQ,EAAE,aAAa,CAAA;IACvB,MAAM,EAAE,iBAAiB,CAAA;IACzB,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAA;CAC/C,sCAWA;AAED;qDACqD;AACrD,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,cAAc,+BAqCjF"}