@thorprovider/blocks 4.0.0 → 4.3.0

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

@@ -0,0 +1,343 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { cn } from "@thorprovider/blocks";
+import { DEFAULT_PRESENTATION, DEFAULT_SETTINGS } from "../contracts.mjs";
+import {
+  availableDocuments,
+  mergedSettings,
+  orderQuantities,
+  resolveActions,
+  visibleAfterSales
+} from "../engine.mjs";
+import { fillTemplate, formatDate as formatDateValue, formatMoney } from "../money.mjs";
+import { resolveOrderPromotions } from "../promotions.mjs";
+import { resolveOrderPresentation, resolveSingleDocumentPresentation } from "../presentation.mjs";
+import { OrderAddresses } from "./addresses.mjs";
+import { OrderDetailActions } from "./actions.mjs";
+import { OrderAfterSales } from "./after-sales.mjs";
+import { OrderB2BInformation } from "./b2b.mjs";
+import { OrderDocuments, OrderDocumentShortcut } from "./documents.mjs";
+import { ErrorState, ForbiddenState, LoadingState, NotFoundState, SectionNotice } from "./feedback.mjs";
+import { OrderFulfillmentGroup } from "./fulfilment.mjs";
+import { OrderDetailHeader } from "./header.mjs";
+import { OrderItemCard } from "./item-card.mjs";
+import { OrderPaymentHistory, OrderRefundSummary } from "./payments.mjs";
+import { OrderPricingSummary } from "./pricing.mjs";
+import { OrderRevisionHistory } from "./revisions.mjs";
+import { OrderStatusSummary } from "./status-summary.mjs";
+import { CardSection, Disclosure, Notice } from "./ui.mjs";
+const PARTIAL_ORDER_TONE = "warning";
+function OrderDetail({
+  orderId,
+  dataSource,
+  settings: settingsInput,
+  presentation: presentationInput,
+  labels,
+  locale = "es-MX",
+  formatMoney: formatMoneyProp,
+  formatDate: formatDateProp,
+  access = "allowed",
+  openSections,
+  onBack,
+  onAction,
+  onCaseAction,
+  onDocument,
+  headerActions
+}) {
+  const [attempt, setAttempt] = useState(0);
+  const [state, setState] = useState(
+    access === "forbidden" ? { status: "forbidden" } : { status: "loading" }
+  );
+  const settings = useMemo(() => mergedSettings(settingsInput), [settingsInput]);
+  const config = useMemo(
+    () => ({ ...DEFAULT_PRESENTATION, ...presentationInput }),
+    [presentationInput]
+  );
+  useEffect(() => {
+    if (access === "forbidden") {
+      setState({ status: "forbidden" });
+      return;
+    }
+    let active = true;
+    const controller = new AbortController();
+    setState({ status: "loading" });
+    dataSource.get(orderId, { signal: controller.signal }).then((snapshot) => {
+      if (active) setState({ status: "ready", snapshot });
+    }).catch((error) => {
+      if (!active) return;
+      const name = error instanceof Error ? error.name : "";
+      const code = typeof error === "object" && error !== null && "code" in error ? String(error.code) : "";
+      if (name === "AbortError") return;
+      if (code === "forbidden") {
+        setState({ status: "forbidden" });
+        return;
+      }
+      setState({
+        status: code === "not_found" || name === "NotFoundError" ? "notfound" : "error"
+      });
+    });
+    return () => {
+      active = false;
+      controller.abort();
+    };
+  }, [orderId, dataSource, access, attempt]);
+  const money = useCallback(
+    (value) => formatMoneyProp ? formatMoneyProp(value) : formatMoney(value, locale, labels.items.priceHidden),
+    [formatMoneyProp, locale, labels.items.priceHidden]
+  );
+  const date = useCallback(
+    (iso) => formatDateProp ? formatDateProp(iso) : formatDateValue(iso, locale, iso),
+    [formatDateProp, locale]
+  );
+  if (state.status === "forbidden") return /* @__PURE__ */ jsx(ForbiddenState, { labels });
+  if (state.status === "loading") return /* @__PURE__ */ jsx(LoadingState, { labels });
+  if (state.status === "notfound") return /* @__PURE__ */ jsx(NotFoundState, { labels });
+  if (state.status === "error") {
+    return /* @__PURE__ */ jsx(ErrorState, { labels, onRetry: () => setAttempt((value) => value + 1) });
+  }
+  const { order, issues = {}, warning } = state.snapshot;
+  const presentation = resolveOrderPresentation(order, settings, config);
+  const promotionModel = resolveOrderPromotions(order);
+  const cases = visibleAfterSales(order, settings);
+  const resolvedActions = resolveActions(order, settings);
+  const documents = availableDocuments(order);
+  const singleDocument = presentation.documentsSectionVisible ? void 0 : presentation.documentShortcut;
+  const singleDocumentPresentation = resolveSingleDocumentPresentation(singleDocument, {
+    invoiceActionAvailable: Boolean(onAction) && resolvedActions.includes("invoice"),
+    hasDocumentHandler: Boolean(onDocument)
+  });
+  const documentShortcut = singleDocumentPresentation.showShortcut ? singleDocument : void 0;
+  const quantities = orderQuantities(order);
+  const chargeable = quantities.ordered - quantities.cancelled;
+  const itemsSummary = chargeable === 1 ? labels.header.itemsOne : fillTemplate(labels.header.items, { count: chargeable });
+  const isOpen = (id) => issues[id] ? true : openSections ? openSections.includes(id) : id === "logistics" ? presentation.logisticsOpen : id === "items" ? presentation.itemsOpen : id === "payments" ? presentation.paymentsOpen : id === "afterSales" ? presentation.afterSalesOpen : id === "documents" ? presentation.documentsOpen : id === "revisions" ? presentation.revisionsOpen : false;
+  const logisticsVisible = settings.logisticsGroups === true && (order.groups.length > 0 || issues.logistics);
+  const showEmptySections = config.showEmptySections === true;
+  const paymentsVisible = settings.paymentHistory === true && (presentation.paymentsVisible || settings.promotions === true && promotionModel.payment.length > 0 || showEmptySections) || Boolean(issues.payments);
+  const afterSalesVisible = cases.length > 0 || Boolean(issues.afterSales) || showEmptySections && (settings.returns === true || settings.exchanges === true || settings.claims === true);
+  const documentsVisible = settings.documents === true && (presentation.documentsSectionVisible || Boolean(issues.documents) || showEmptySections && documents.length === 0 || singleDocumentPresentation.showSection);
+  const addressesVisible = Boolean(order.shippingAddress || order.billingAddress);
+  const b2bVisible = settings.b2b === true && Boolean(order.business || issues.b2b);
+  const revisionsVisible = settings.revisions === true && (order.revisions.length > 0 || Boolean(issues.revisions));
+  const before = /* @__PURE__ */ jsxs(Fragment, { children: [
+    logisticsVisible ? /* @__PURE__ */ jsx(
+      Disclosure,
+      {
+        id: "order-detail-logistics",
+        title: labels.logistics.title,
+        summary: `${order.commercial === "cancelled" ? labels.fulfilmentStatus.cancelled : order.fulfillments.length > 0 && order.fulfillments.every(
+          (fulfillment) => fulfillment.status === "delivered" || fulfillment.status === "picked_up"
+        ) ? order.groups.every((group) => group.mode === "pickup") ? labels.logistics.pickupCompleted : labels.logistics.completed : labels.logistics.inProgress} \xB7 ${order.groups.map((group) => group.method.name).join(" \xB7 ")}`,
+        defaultOpen: isOpen("logistics"),
+        children: issues.logistics ? /* @__PURE__ */ jsx(SectionNotice, { issue: issues.logistics, labels }) : /* @__PURE__ */ jsx("div", { className: "space-y-3", children: order.groups.map((group) => /* @__PURE__ */ jsx(
+          OrderFulfillmentGroup,
+          {
+            order,
+            group,
+            fulfillments: order.fulfillments.filter(
+              (fulfillment) => fulfillment.groupId === group.id
+            ),
+            labels,
+            settings,
+            money,
+            date,
+            promotions: promotionModel.shipping[group.id] ?? []
+          },
+          group.id
+        )) })
+      }
+    ) : null,
+    /* @__PURE__ */ jsx(
+      Disclosure,
+      {
+        id: "order-detail-items",
+        title: labels.items.title,
+        summary: itemsSummary,
+        defaultOpen: presentation.itemsOpen,
+        children: issues.items ? /* @__PURE__ */ jsx(SectionNotice, { issue: issues.items, labels }) : /* @__PURE__ */ jsx("div", { className: "divide-y", children: order.lines.map((line) => /* @__PURE__ */ jsx(
+          OrderItemCard,
+          {
+            order,
+            line,
+            labels,
+            settings,
+            money,
+            defaultExpanded: presentation.technicalDetails,
+            showImages: config.showProductImages !== false,
+            promotions: promotionModel.items[line.id] ?? []
+          },
+          line.id
+        )) })
+      }
+    )
+  ] });
+  const aside = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(CardSection, { id: "order-detail-pricing", title: labels.pricing.title, children: issues.pricing ? /* @__PURE__ */ jsx(SectionNotice, { issue: issues.pricing, labels }) : /* @__PURE__ */ jsx(
+      OrderPricingSummary,
+      {
+        order,
+        labels,
+        settings,
+        money,
+        promotions: promotionModel
+      }
+    ) }),
+    paymentsVisible ? /* @__PURE__ */ jsx(
+      Disclosure,
+      {
+        id: "order-detail-payments",
+        title: labels.payments.title,
+        summary: order.transactions.length === 1 ? labels.payments.movementsOne : fillTemplate(labels.payments.movements, {
+          count: order.transactions.length
+        }),
+        defaultOpen: isOpen("payments"),
+        children: issues.payments ? /* @__PURE__ */ jsx(SectionNotice, { issue: issues.payments, labels }) : /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(
+            OrderPaymentHistory,
+            {
+              order,
+              labels,
+              money,
+              date,
+              promotions: settings.promotions === true ? promotionModel.payment : []
+            }
+          ),
+          /* @__PURE__ */ jsx(OrderRefundSummary, { order, labels, money, date })
+        ] })
+      }
+    ) : null
+  ] });
+  const after = /* @__PURE__ */ jsxs(Fragment, { children: [
+    addressesVisible ? /* @__PURE__ */ jsx(
+      Disclosure,
+      {
+        id: "order-detail-addresses",
+        title: labels.addresses.title,
+        defaultOpen: false,
+        children: /* @__PURE__ */ jsx(OrderAddresses, { order, labels })
+      }
+    ) : null,
+    afterSalesVisible ? /* @__PURE__ */ jsx(
+      Disclosure,
+      {
+        id: "order-detail-after-sales",
+        title: labels.afterSales.title,
+        summary: cases.length === 1 ? labels.afterSales.casesOne : fillTemplate(labels.afterSales.cases, { count: cases.length }),
+        defaultOpen: isOpen("afterSales"),
+        children: issues.afterSales ? /* @__PURE__ */ jsx(SectionNotice, { issue: issues.afterSales, labels }) : /* @__PURE__ */ jsx(
+          OrderAfterSales,
+          {
+            order,
+            labels,
+            settings,
+            money,
+            date,
+            onAction,
+            onCaseAction
+          }
+        )
+      }
+    ) : null,
+    documentsVisible ? /* @__PURE__ */ jsx(
+      Disclosure,
+      {
+        id: "order-detail-documents",
+        title: labels.documents.title,
+        summary: documents.length === 1 ? labels.documents.countOne : fillTemplate(labels.documents.count, { count: documents.length }),
+        defaultOpen: isOpen("documents"),
+        children: issues.documents ? /* @__PURE__ */ jsx(SectionNotice, { issue: issues.documents, labels }) : /* @__PURE__ */ jsx(OrderDocuments, { order, labels, date, onDocument })
+      }
+    ) : null,
+    b2bVisible ? /* @__PURE__ */ jsx(
+      Disclosure,
+      {
+        id: "order-detail-b2b",
+        title: labels.b2b.title,
+        summary: order.business?.company,
+        defaultOpen: false,
+        children: issues.b2b ? /* @__PURE__ */ jsx(SectionNotice, { issue: issues.b2b, labels }) : /* @__PURE__ */ jsx(
+          OrderB2BInformation,
+          {
+            order,
+            labels,
+            settings,
+            money,
+            date
+          }
+        )
+      }
+    ) : null,
+    revisionsVisible ? /* @__PURE__ */ jsx(
+      Disclosure,
+      {
+        id: "order-detail-revisions",
+        title: labels.revisions.title,
+        summary: order.revisions.length === 1 ? labels.revisions.countOne : fillTemplate(labels.revisions.count, { count: order.revisions.length }),
+        defaultOpen: isOpen("revisions"),
+        children: issues.revisions ? /* @__PURE__ */ jsx(SectionNotice, { issue: issues.revisions, labels }) : /* @__PURE__ */ jsx(OrderRevisionHistory, { order, labels, money, date })
+      }
+    ) : null
+  ] });
+  return /* @__PURE__ */ jsx("div", { className: "text-foreground", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx(
+      OrderDetailHeader,
+      {
+        order,
+        labels,
+        settings,
+        money,
+        date,
+        onBack,
+        headerActions
+      }
+    ),
+    warning ? /* @__PURE__ */ jsx(Notice, { tone: PARTIAL_ORDER_TONE, children: labels.states.partial }) : null,
+    presentation.showStatusSummary ? /* @__PURE__ */ jsx(
+      OrderStatusSummary,
+      {
+        order,
+        labels,
+        settings
+      }
+    ) : null,
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ jsx(
+        OrderDetailActions,
+        {
+          order,
+          labels,
+          settings,
+          onAction
+        }
+      ),
+      documentShortcut ? /* @__PURE__ */ jsx(
+        OrderDocumentShortcut,
+        {
+          document: documentShortcut,
+          labels,
+          onDocument
+        }
+      ) : null
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "@container", children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "space-y-4",
+          presentation.sidebar && "@4xl:grid @4xl:grid-cols-3 @4xl:items-start @4xl:gap-4 @4xl:space-y-0"
+        ),
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "@4xl:col-span-2 space-y-4", children: before }),
+          /* @__PURE__ */ jsx("aside", { className: "@4xl:col-span-1 space-y-4", children: aside }),
+          /* @__PURE__ */ jsx("div", { className: cn("space-y-4", presentation.sidebar && "@4xl:col-span-3"), children: after })
+        ]
+      }
+    ) })
+  ] }) });
+}
+export {
+  DEFAULT_SETTINGS,
+  OrderDetail
+};
+//# sourceMappingURL=order-detail.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/order-detail/components/order-detail.tsx"],"sourcesContent":["'use client'\n\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport { cn } from '@thorprovider/blocks'\n\nimport type {\n  OrderDetailProps,\n  OrderDetailSnapshot,\n  OrderDetailPresentationConfig,\n  SectionId,\n} from '../contracts'\nimport { DEFAULT_PRESENTATION, DEFAULT_SETTINGS } from '../contracts'\nimport {\n  availableDocuments,\n  mergedSettings,\n  orderQuantities,\n  resolveActions,\n  visibleAfterSales,\n} from '../engine'\nimport { fillTemplate, formatDate as formatDateValue, formatMoney } from '../money'\nimport { resolveOrderPromotions } from '../promotions'\nimport { resolveOrderPresentation, resolveSingleDocumentPresentation } from '../presentation'\nimport { OrderAddresses } from './addresses'\nimport { OrderDetailActions } from './actions'\nimport { OrderAfterSales } from './after-sales'\nimport { OrderB2BInformation } from './b2b'\nimport { OrderDocuments, OrderDocumentShortcut } from './documents'\nimport { ErrorState, ForbiddenState, LoadingState, NotFoundState, SectionNotice } from './feedback'\nimport { OrderFulfillmentGroup } from './fulfilment'\nimport { OrderDetailHeader } from './header'\nimport { OrderItemCard } from './item-card'\nimport { OrderPaymentHistory, OrderRefundSummary } from './payments'\nimport { OrderPricingSummary } from './pricing'\nimport { OrderRevisionHistory } from './revisions'\nimport { OrderStatusSummary } from './status-summary'\nimport { CardSection, Disclosure, Notice } from './ui'\n\n/** Presentation decision: a partially cancelled order is a caution, not an error. */\nconst PARTIAL_ORDER_TONE = 'warning'\n\ntype LoadState =\n  | { status: 'loading' }\n  | { status: 'ready'; snapshot: OrderDetailSnapshot }\n  | { status: 'error' }\n  | { status: 'notfound' }\n  | { status: 'forbidden' }\n\n/**\n * Independent order-detail surface. It owns the read lifecycle and the adaptive\n * composition; every business operation is delegated and no amount is\n * recalculated. Density is presentation state, never an authorisation.\n */\nexport function OrderDetail({\n  orderId,\n  dataSource,\n  settings: settingsInput,\n  presentation: presentationInput,\n  labels,\n  locale = 'es-MX',\n  formatMoney: formatMoneyProp,\n  formatDate: formatDateProp,\n  access = 'allowed',\n  openSections,\n  onBack,\n  onAction,\n  onCaseAction,\n  onDocument,\n  headerActions,\n}: OrderDetailProps) {\n  const [attempt, setAttempt] = useState(0)\n  const [state, setState] = useState<LoadState>(\n    access === 'forbidden' ? { status: 'forbidden' } : { status: 'loading' },\n  )\n  const settings = useMemo(() => mergedSettings(settingsInput), [settingsInput])\n  const config: OrderDetailPresentationConfig = useMemo(\n    () => ({ ...DEFAULT_PRESENTATION, ...presentationInput }),\n    [presentationInput],\n  )\n\n  useEffect(() => {\n    if (access === 'forbidden') {\n      setState({ status: 'forbidden' })\n      return\n    }\n\n    let active = true\n    const controller = new AbortController()\n    setState({ status: 'loading' })\n\n    dataSource\n      .get(orderId, { signal: controller.signal })\n      .then((snapshot) => {\n        if (active) setState({ status: 'ready', snapshot })\n      })\n      .catch((error: unknown) => {\n        if (!active) return\n        const name = error instanceof Error ? error.name : ''\n        const code =\n          typeof error === 'object' && error !== null && 'code' in error\n            ? String((error as { code?: unknown }).code)\n            : ''\n        if (name === 'AbortError') return\n        if (code === 'forbidden') {\n          setState({ status: 'forbidden' })\n          return\n        }\n        setState({\n          status: code === 'not_found' || name === 'NotFoundError' ? 'notfound' : 'error',\n        })\n      })\n\n    return () => {\n      active = false\n      controller.abort()\n    }\n  }, [orderId, dataSource, access, attempt])\n\n  const money = useCallback(\n    (value: Parameters<typeof formatMoney>[0]) =>\n      formatMoneyProp\n        ? formatMoneyProp(value)\n        : formatMoney(value, locale, labels.items.priceHidden),\n    [formatMoneyProp, locale, labels.items.priceHidden],\n  )\n\n  const date = useCallback(\n    (iso: string) => (formatDateProp ? formatDateProp(iso) : formatDateValue(iso, locale, iso)),\n    [formatDateProp, locale],\n  )\n\n  if (state.status === 'forbidden') return <ForbiddenState labels={labels} />\n  if (state.status === 'loading') return <LoadingState labels={labels} />\n  if (state.status === 'notfound') return <NotFoundState labels={labels} />\n  if (state.status === 'error') {\n    return <ErrorState labels={labels} onRetry={() => setAttempt((value) => value + 1)} />\n  }\n\n  const { order, issues = {}, warning } = state.snapshot\n  const presentation = resolveOrderPresentation(order, settings, config)\n  const promotionModel = resolveOrderPromotions(order)\n  const cases = visibleAfterSales(order, settings)\n  const resolvedActions = resolveActions(order, settings)\n  const documents = availableDocuments(order)\n  const singleDocument = presentation.documentsSectionVisible ? undefined : presentation.documentShortcut\n  const singleDocumentPresentation = resolveSingleDocumentPresentation(singleDocument, {\n    invoiceActionAvailable: Boolean(onAction) && resolvedActions.includes('invoice'),\n    hasDocumentHandler: Boolean(onDocument),\n  })\n  const documentShortcut = singleDocumentPresentation.showShortcut ? singleDocument : undefined\n  const quantities = orderQuantities(order)\n  const chargeable = quantities.ordered - quantities.cancelled\n  const itemsSummary =\n    chargeable === 1\n      ? labels.header.itemsOne\n      : fillTemplate(labels.header.items, { count: chargeable })\n\n  const isOpen = (id: SectionId) =>\n    issues[id]\n      ? true\n      : openSections\n        ? openSections.includes(id)\n        : id === 'logistics'\n          ? presentation.logisticsOpen\n          : id === 'items'\n            ? presentation.itemsOpen\n            : id === 'payments'\n              ? presentation.paymentsOpen\n              : id === 'afterSales'\n                ? presentation.afterSalesOpen\n                : id === 'documents'\n                  ? presentation.documentsOpen\n                  : id === 'revisions'\n                    ? presentation.revisionsOpen\n                    : false\n\n  const logisticsVisible =\n    settings.logisticsGroups === true && (order.groups.length > 0 || issues.logistics)\n  const showEmptySections = config.showEmptySections === true\n  const paymentsVisible =\n    (settings.paymentHistory === true &&\n      (presentation.paymentsVisible ||\n        (settings.promotions === true && promotionModel.payment.length > 0) ||\n        showEmptySections)) ||\n    Boolean(issues.payments)\n  const afterSalesVisible =\n    cases.length > 0 ||\n    Boolean(issues.afterSales) ||\n    (showEmptySections &&\n      (settings.returns === true || settings.exchanges === true || settings.claims === true))\n  const documentsVisible =\n    settings.documents === true &&\n    (presentation.documentsSectionVisible ||\n      Boolean(issues.documents) ||\n      (showEmptySections && documents.length === 0) ||\n      singleDocumentPresentation.showSection)\n  const addressesVisible = Boolean(order.shippingAddress || order.billingAddress)\n  const b2bVisible = settings.b2b === true && Boolean(order.business || issues.b2b)\n  const revisionsVisible =\n    settings.revisions === true && (order.revisions.length > 0 || Boolean(issues.revisions))\n\n  const before = (\n    <>\n      {logisticsVisible ? (\n        <Disclosure\n          id=\"order-detail-logistics\"\n          title={labels.logistics.title}\n          summary={`${\n            order.commercial === 'cancelled'\n              ? labels.fulfilmentStatus.cancelled\n              : order.fulfillments.length > 0 &&\n                  order.fulfillments.every(\n                    (fulfillment) =>\n                      fulfillment.status === 'delivered' ||\n                      fulfillment.status === 'picked_up',\n                  )\n                ? order.groups.every((group) => group.mode === 'pickup')\n                  ? labels.logistics.pickupCompleted\n                  : labels.logistics.completed\n                : labels.logistics.inProgress\n          } · ${order.groups.map((group) => group.method.name).join(' · ')}`}\n          defaultOpen={isOpen('logistics')}\n        >\n          {issues.logistics ? (\n            <SectionNotice issue={issues.logistics} labels={labels} />\n          ) : (\n            <div className=\"space-y-3\">\n              {order.groups.map((group) => (\n                <OrderFulfillmentGroup\n                  key={group.id}\n                  order={order}\n                  group={group}\n                  fulfillments={order.fulfillments.filter(\n                    (fulfillment) => fulfillment.groupId === group.id,\n                  )}\n                  labels={labels}\n                  settings={settings}\n                  money={money}\n                  date={date}\n                  promotions={promotionModel.shipping[group.id] ?? []}\n                />\n              ))}\n            </div>\n          )}\n        </Disclosure>\n      ) : null}\n\n      <Disclosure\n        id=\"order-detail-items\"\n        title={labels.items.title}\n        summary={itemsSummary}\n        defaultOpen={presentation.itemsOpen}\n      >\n        {issues.items ? (\n          <SectionNotice issue={issues.items} labels={labels} />\n        ) : (\n          <div className=\"divide-y\">\n            {order.lines.map((line) => (\n              <OrderItemCard\n                key={line.id}\n                order={order}\n                line={line}\n                labels={labels}\n                settings={settings}\n                money={money}\n                defaultExpanded={presentation.technicalDetails}\n                showImages={config.showProductImages !== false}\n                promotions={promotionModel.items[line.id] ?? []}\n              />\n            ))}\n          </div>\n        )}\n      </Disclosure>\n    </>\n  )\n\n  const aside = (\n    <>\n      <CardSection id=\"order-detail-pricing\" title={labels.pricing.title}>\n        {issues.pricing ? (\n          <SectionNotice issue={issues.pricing} labels={labels} />\n        ) : (\n          <OrderPricingSummary\n            order={order}\n            labels={labels}\n            settings={settings}\n            money={money}\n            promotions={promotionModel}\n          />\n        )}\n      </CardSection>\n\n      {paymentsVisible ? (\n        <Disclosure\n          id=\"order-detail-payments\"\n          title={labels.payments.title}\n          summary={\n            order.transactions.length === 1\n              ? labels.payments.movementsOne\n              : fillTemplate(labels.payments.movements, {\n                  count: order.transactions.length,\n                })\n          }\n          defaultOpen={isOpen('payments')}\n        >\n          {issues.payments ? (\n            <SectionNotice issue={issues.payments} labels={labels} />\n          ) : (\n            <div>\n              <OrderPaymentHistory\n                order={order}\n                labels={labels}\n                money={money}\n                date={date}\n                promotions={settings.promotions === true ? promotionModel.payment : []}\n              />\n              <OrderRefundSummary order={order} labels={labels} money={money} date={date} />\n            </div>\n          )}\n        </Disclosure>\n      ) : null}\n    </>\n  )\n\n  const after = (\n    <>\n      {addressesVisible ? (\n        <Disclosure\n          id=\"order-detail-addresses\"\n          title={labels.addresses.title}\n          defaultOpen={false}\n        >\n          <OrderAddresses order={order} labels={labels} />\n        </Disclosure>\n      ) : null}\n\n      {afterSalesVisible ? (\n        <Disclosure\n          id=\"order-detail-after-sales\"\n          title={labels.afterSales.title}\n          summary={\n            cases.length === 1\n              ? labels.afterSales.casesOne\n              : fillTemplate(labels.afterSales.cases, { count: cases.length })\n          }\n          defaultOpen={isOpen('afterSales')}\n        >\n          {issues.afterSales ? (\n            <SectionNotice issue={issues.afterSales} labels={labels} />\n          ) : (\n            <OrderAfterSales\n              order={order}\n              labels={labels}\n              settings={settings}\n              money={money}\n              date={date}\n              onAction={onAction}\n              onCaseAction={onCaseAction}\n            />\n          )}\n        </Disclosure>\n      ) : null}\n\n      {documentsVisible ? (\n        <Disclosure\n          id=\"order-detail-documents\"\n          title={labels.documents.title}\n          summary={\n            documents.length === 1\n              ? labels.documents.countOne\n              : fillTemplate(labels.documents.count, { count: documents.length })\n          }\n          defaultOpen={isOpen('documents')}\n        >\n          {issues.documents ? (\n            <SectionNotice issue={issues.documents} labels={labels} />\n          ) : (\n            <OrderDocuments order={order} labels={labels} date={date} onDocument={onDocument} />\n          )}\n        </Disclosure>\n      ) : null}\n\n      {b2bVisible ? (\n        <Disclosure\n          id=\"order-detail-b2b\"\n          title={labels.b2b.title}\n          summary={order.business?.company}\n          defaultOpen={false}\n        >\n          {issues.b2b ? (\n            <SectionNotice issue={issues.b2b} labels={labels} />\n          ) : (\n            <OrderB2BInformation\n              order={order}\n              labels={labels}\n              settings={settings}\n              money={money}\n              date={date}\n            />\n          )}\n        </Disclosure>\n      ) : null}\n\n      {revisionsVisible ? (\n        <Disclosure\n          id=\"order-detail-revisions\"\n          title={labels.revisions.title}\n          summary={\n            order.revisions.length === 1\n              ? labels.revisions.countOne\n              : fillTemplate(labels.revisions.count, { count: order.revisions.length })\n          }\n          defaultOpen={isOpen('revisions')}\n        >\n          {issues.revisions ? (\n            <SectionNotice issue={issues.revisions} labels={labels} />\n          ) : (\n            <OrderRevisionHistory order={order} labels={labels} money={money} date={date} />\n          )}\n        </Disclosure>\n      ) : null}\n    </>\n  )\n\n  return (\n    <div className=\"text-foreground\">\n      <div className=\"space-y-4\">\n        <OrderDetailHeader\n          order={order}\n          labels={labels}\n          settings={settings}\n          money={money}\n          date={date}\n          onBack={onBack}\n          headerActions={headerActions}\n        />\n\n        {warning ? <Notice tone={PARTIAL_ORDER_TONE}>{labels.states.partial}</Notice> : null}\n\n        {presentation.showStatusSummary ? (\n          <OrderStatusSummary\n            order={order}\n            labels={labels}\n            settings={settings}\n          />\n        ) : null}\n\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <OrderDetailActions\n            order={order}\n            labels={labels}\n            settings={settings}\n            onAction={onAction}\n          />\n          {documentShortcut ? (\n            <OrderDocumentShortcut\n              document={documentShortcut}\n              labels={labels}\n              onDocument={onDocument}\n            />\n          ) : null}\n        </div>\n\n        <div className=\"@container\">\n          <div\n            className={cn(\n              'space-y-4',\n              presentation.sidebar &&\n                '@4xl:grid @4xl:grid-cols-3 @4xl:items-start @4xl:gap-4 @4xl:space-y-0',\n            )}\n          >\n            <div className=\"@4xl:col-span-2 space-y-4\">{before}</div>\n            <aside className=\"@4xl:col-span-1 space-y-4\">{aside}</aside>\n            <div className={cn('space-y-4', presentation.sidebar && '@4xl:col-span-3')}>\n              {after}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport { DEFAULT_SETTINGS }\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,13 @@
+import type { OrderDetailLabels, OrderDetailOrder, PromotionPresentation } from '../contracts';
+import type { DateFormatter, MoneyFormatter } from './ui';
+type PaymentsProps = {
+    order: OrderDetailOrder;
+    labels: OrderDetailLabels;
+    money: MoneyFormatter;
+    date: DateFormatter;
+    promotions?: PromotionPresentation[];
+};
+export declare function OrderPaymentHistory({ order, labels, money, date, promotions, }: PaymentsProps): import("react").JSX.Element;
+export declare function OrderRefundSummary({ order, labels, money }: PaymentsProps): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=payments.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"payments.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/order-detail/components/payments.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,gBAAgB,EAChB,qBAAqB,EACtB,MAAM,cAAc,CAAA;AAIrB,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,MAAM,CAAA;AAEzD,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,gBAAgB,CAAA;IACvB,MAAM,EAAE,iBAAiB,CAAA;IACzB,KAAK,EAAE,cAAc,CAAA;IACrB,IAAI,EAAE,aAAa,CAAA;IACnB,UAAU,CAAC,EAAE,qBAAqB,EAAE,CAAA;CACrC,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,MAAM,EACN,KAAK,EACL,IAAI,EACJ,UAAe,GAChB,EAAE,aAAa,+BA4Cf;AAED,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,aAAa,sCAkBzE"}

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

@@ -0,0 +1,87 @@
+"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 payments_exports = {};
+__export(payments_exports, {
+  OrderPaymentHistory: () => OrderPaymentHistory,
+  OrderRefundSummary: () => OrderRefundSummary
+});
+module.exports = __toCommonJS(payments_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_engine = require("../engine.js");
+var import_promotions = require("./promotions.js");
+var import_ui = require("./ui.js");
+function OrderPaymentHistory({
+  order,
+  labels,
+  money,
+  date,
+  promotions = []
+}) {
+  if (order.transactions.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_promotions.OrderPaymentPromotions, { entries: promotions, labels, money }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground", children: labels.payments.none })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_promotions.OrderPaymentPromotions, { entries: promotions, labels, money }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "divide-y", children: order.transactions.map((transaction) => {
+      const signed = transaction.kind === "refund" ? `\u2212${money(transaction.amount)}` : money(transaction.amount);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { className: "flex flex-wrap items-start justify-between gap-2 py-3 first:pt-0 last:pb-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-medium", children: labels.payments.kinds[transaction.kind] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "mt-0.5 text-xs text-muted-foreground", children: [
+            labels.payments.statuses[transaction.status],
+            " \xB7",
+            " ",
+            labels.payments.methods[transaction.method]
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "mt-0.5 flex flex-wrap gap-x-3 gap-y-0.5 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: date(transaction.at) }),
+            transaction.reference ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+              labels.payments.reference,
+              ": ",
+              transaction.reference
+            ] }) : null
+          ] }),
+          transaction.note ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-0.5 text-xs text-muted-foreground", children: transaction.note }) : null
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "shrink-0 text-sm font-medium tabular-nums", children: signed })
+      ] }, transaction.id);
+    }) })
+  ] });
+}
+function OrderRefundSummary({ order, labels, money }) {
+  const summary = (0, import_engine.buildEconomicSummary)(order);
+  if (summary.refunded.amount === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-3 border-t pt-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mb-2 text-xs font-medium text-muted-foreground", children: labels.payments.refundsTitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ui.Rows, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Row, { label: labels.payments.refunded, value: `\u2212${money(summary.refunded)}` }),
+      summary.due.amount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Row, { label: labels.payments.pendingBalance, value: money(summary.due), tone: "warning" }) : null,
+      summary.credit.amount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Row, { label: labels.pricing.credit, value: money(summary.credit) }) : null
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  OrderPaymentHistory,
+  OrderRefundSummary
+});
+//# sourceMappingURL=payments.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/order-detail/components/payments.tsx"],"sourcesContent":["import type {\n  OrderDetailLabels,\n  OrderDetailOrder,\n  PromotionPresentation,\n} from '../contracts'\nimport { buildEconomicSummary } from '../engine'\nimport { OrderPaymentPromotions } from './promotions'\nimport { Row, Rows } from './ui'\nimport type { DateFormatter, MoneyFormatter } from './ui'\n\ntype PaymentsProps = {\n  order: OrderDetailOrder\n  labels: OrderDetailLabels\n  money: MoneyFormatter\n  date: DateFormatter\n  promotions?: PromotionPresentation[]\n}\n\nexport function OrderPaymentHistory({\n  order,\n  labels,\n  money,\n  date,\n  promotions = [],\n}: PaymentsProps) {\n  if (order.transactions.length === 0) {\n    return (\n      <div>\n        <OrderPaymentPromotions entries={promotions} labels={labels} money={money} />\n        <p className=\"text-xs text-muted-foreground\">{labels.payments.none}</p>\n      </div>\n    )\n  }\n\n  return (\n    <div>\n      <OrderPaymentPromotions entries={promotions} labels={labels} money={money} />\n      <ul className=\"divide-y\">\n      {order.transactions.map((transaction) => {\n        const signed =\n          transaction.kind === 'refund' ? `−${money(transaction.amount)}` : money(transaction.amount)\n        return (\n          <li key={transaction.id} className=\"flex flex-wrap items-start justify-between gap-2 py-3 first:pt-0 last:pb-0\">\n            <div className=\"min-w-0\">\n              <p className=\"text-sm font-medium\">{labels.payments.kinds[transaction.kind]}</p>\n              <p className=\"mt-0.5 text-xs text-muted-foreground\">\n                {labels.payments.statuses[transaction.status]} ·{' '}\n                {labels.payments.methods[transaction.method]}\n              </p>\n              <p className=\"mt-0.5 flex flex-wrap gap-x-3 gap-y-0.5 text-xs text-muted-foreground\">\n                <span>{date(transaction.at)}</span>\n                {transaction.reference ? (\n                  <span>\n                    {labels.payments.reference}: {transaction.reference}\n                  </span>\n                ) : null}\n              </p>\n              {transaction.note ? (\n                <p className=\"mt-0.5 text-xs text-muted-foreground\">{transaction.note}</p>\n              ) : null}\n            </div>\n            <p className=\"shrink-0 text-sm font-medium tabular-nums\">{signed}</p>\n          </li>\n        )\n      })}\n      </ul>\n    </div>\n  )\n}\n\nexport function OrderRefundSummary({ order, labels, money }: PaymentsProps) {\n  const summary = buildEconomicSummary(order)\n  if (summary.refunded.amount === 0) return null\n\n  return (\n    <div className=\"mt-3 border-t pt-3\">\n      <p className=\"mb-2 text-xs font-medium text-muted-foreground\">{labels.payments.refundsTitle}</p>\n      <Rows>\n        <Row label={labels.payments.refunded} value={`−${money(summary.refunded)}`} />\n        {summary.due.amount > 0 ? (\n          <Row label={labels.payments.pendingBalance} value={money(summary.due)} tone=\"warning\" />\n        ) : null}\n        {summary.credit.amount > 0 ? (\n          <Row label={labels.pricing.credit} value={money(summary.credit)} />\n        ) : null}\n      </Rows>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2BM;AAtBN,oBAAqC;AACrC,wBAAuC;AACvC,gBAA0B;AAWnB,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa,CAAC;AAChB,GAAkB;AAChB,MAAI,MAAM,aAAa,WAAW,GAAG;AACnC,WACE,6CAAC,SACC;AAAA,kDAAC,4CAAuB,SAAS,YAAY,QAAgB,OAAc;AAAA,MAC3E,4CAAC,OAAE,WAAU,iCAAiC,iBAAO,SAAS,MAAK;AAAA,OACrE;AAAA,EAEJ;AAEA,SACE,6CAAC,SACC;AAAA,gDAAC,4CAAuB,SAAS,YAAY,QAAgB,OAAc;AAAA,IAC3E,4CAAC,QAAG,WAAU,YACb,gBAAM,aAAa,IAAI,CAAC,gBAAgB;AACvC,YAAM,SACJ,YAAY,SAAS,WAAW,SAAI,MAAM,YAAY,MAAM,CAAC,KAAK,MAAM,YAAY,MAAM;AAC5F,aACE,6CAAC,QAAwB,WAAU,8EACjC;AAAA,qDAAC,SAAI,WAAU,WACb;AAAA,sDAAC,OAAE,WAAU,uBAAuB,iBAAO,SAAS,MAAM,YAAY,IAAI,GAAE;AAAA,UAC5E,6CAAC,OAAE,WAAU,wCACV;AAAA,mBAAO,SAAS,SAAS,YAAY,MAAM;AAAA,YAAE;AAAA,YAAG;AAAA,YAChD,OAAO,SAAS,QAAQ,YAAY,MAAM;AAAA,aAC7C;AAAA,UACA,6CAAC,OAAE,WAAU,yEACX;AAAA,wDAAC,UAAM,eAAK,YAAY,EAAE,GAAE;AAAA,YAC3B,YAAY,YACX,6CAAC,UACE;AAAA,qBAAO,SAAS;AAAA,cAAU;AAAA,cAAG,YAAY;AAAA,eAC5C,IACE;AAAA,aACN;AAAA,UACC,YAAY,OACX,4CAAC,OAAE,WAAU,wCAAwC,sBAAY,MAAK,IACpE;AAAA,WACN;AAAA,QACA,4CAAC,OAAE,WAAU,6CAA6C,kBAAO;AAAA,WAnB1D,YAAY,EAoBrB;AAAA,IAEJ,CAAC,GACD;AAAA,KACF;AAEJ;AAEO,SAAS,mBAAmB,EAAE,OAAO,QAAQ,MAAM,GAAkB;AAC1E,QAAM,cAAU,oCAAqB,KAAK;AAC1C,MAAI,QAAQ,SAAS,WAAW,EAAG,QAAO;AAE1C,SACE,6CAAC,SAAI,WAAU,sBACb;AAAA,gDAAC,OAAE,WAAU,kDAAkD,iBAAO,SAAS,cAAa;AAAA,IAC5F,6CAAC,kBACC;AAAA,kDAAC,iBAAI,OAAO,OAAO,SAAS,UAAU,OAAO,SAAI,MAAM,QAAQ,QAAQ,CAAC,IAAI;AAAA,MAC3E,QAAQ,IAAI,SAAS,IACpB,4CAAC,iBAAI,OAAO,OAAO,SAAS,gBAAgB,OAAO,MAAM,QAAQ,GAAG,GAAG,MAAK,WAAU,IACpF;AAAA,MACH,QAAQ,OAAO,SAAS,IACvB,4CAAC,iBAAI,OAAO,OAAO,QAAQ,QAAQ,OAAO,MAAM,QAAQ,MAAM,GAAG,IAC/D;AAAA,OACN;AAAA,KACF;AAEJ;","names":[]}

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

@@ -0,0 +1,62 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { buildEconomicSummary } from "../engine.mjs";
+import { OrderPaymentPromotions } from "./promotions.mjs";
+import { Row, Rows } from "./ui.mjs";
+function OrderPaymentHistory({
+  order,
+  labels,
+  money,
+  date,
+  promotions = []
+}) {
+  if (order.transactions.length === 0) {
+    return /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(OrderPaymentPromotions, { entries: promotions, labels, money }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: labels.payments.none })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(OrderPaymentPromotions, { entries: promotions, labels, money }),
+    /* @__PURE__ */ jsx("ul", { className: "divide-y", children: order.transactions.map((transaction) => {
+      const signed = transaction.kind === "refund" ? `\u2212${money(transaction.amount)}` : money(transaction.amount);
+      return /* @__PURE__ */ jsxs("li", { className: "flex flex-wrap items-start justify-between gap-2 py-3 first:pt-0 last:pb-0", children: [
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: labels.payments.kinds[transaction.kind] }),
+          /* @__PURE__ */ jsxs("p", { className: "mt-0.5 text-xs text-muted-foreground", children: [
+            labels.payments.statuses[transaction.status],
+            " \xB7",
+            " ",
+            labels.payments.methods[transaction.method]
+          ] }),
+          /* @__PURE__ */ jsxs("p", { className: "mt-0.5 flex flex-wrap gap-x-3 gap-y-0.5 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsx("span", { children: date(transaction.at) }),
+            transaction.reference ? /* @__PURE__ */ jsxs("span", { children: [
+              labels.payments.reference,
+              ": ",
+              transaction.reference
+            ] }) : null
+          ] }),
+          transaction.note ? /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: transaction.note }) : null
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "shrink-0 text-sm font-medium tabular-nums", children: signed })
+      ] }, transaction.id);
+    }) })
+  ] });
+}
+function OrderRefundSummary({ order, labels, money }) {
+  const summary = buildEconomicSummary(order);
+  if (summary.refunded.amount === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "mt-3 border-t pt-3", children: [
+    /* @__PURE__ */ jsx("p", { className: "mb-2 text-xs font-medium text-muted-foreground", children: labels.payments.refundsTitle }),
+    /* @__PURE__ */ jsxs(Rows, { children: [
+      /* @__PURE__ */ jsx(Row, { label: labels.payments.refunded, value: `\u2212${money(summary.refunded)}` }),
+      summary.due.amount > 0 ? /* @__PURE__ */ jsx(Row, { label: labels.payments.pendingBalance, value: money(summary.due), tone: "warning" }) : null,
+      summary.credit.amount > 0 ? /* @__PURE__ */ jsx(Row, { label: labels.pricing.credit, value: money(summary.credit) }) : null
+    ] })
+  ] });
+}
+export {
+  OrderPaymentHistory,
+  OrderRefundSummary
+};
+//# sourceMappingURL=payments.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/order-detail/components/payments.tsx"],"sourcesContent":["import type {\n  OrderDetailLabels,\n  OrderDetailOrder,\n  PromotionPresentation,\n} from '../contracts'\nimport { buildEconomicSummary } from '../engine'\nimport { OrderPaymentPromotions } from './promotions'\nimport { Row, Rows } from './ui'\nimport type { DateFormatter, MoneyFormatter } from './ui'\n\ntype PaymentsProps = {\n  order: OrderDetailOrder\n  labels: OrderDetailLabels\n  money: MoneyFormatter\n  date: DateFormatter\n  promotions?: PromotionPresentation[]\n}\n\nexport function OrderPaymentHistory({\n  order,\n  labels,\n  money,\n  date,\n  promotions = [],\n}: PaymentsProps) {\n  if (order.transactions.length === 0) {\n    return (\n      <div>\n        <OrderPaymentPromotions entries={promotions} labels={labels} money={money} />\n        <p className=\"text-xs text-muted-foreground\">{labels.payments.none}</p>\n      </div>\n    )\n  }\n\n  return (\n    <div>\n      <OrderPaymentPromotions entries={promotions} labels={labels} money={money} />\n      <ul className=\"divide-y\">\n      {order.transactions.map((transaction) => {\n        const signed =\n          transaction.kind === 'refund' ? `−${money(transaction.amount)}` : money(transaction.amount)\n        return (\n          <li key={transaction.id} className=\"flex flex-wrap items-start justify-between gap-2 py-3 first:pt-0 last:pb-0\">\n            <div className=\"min-w-0\">\n              <p className=\"text-sm font-medium\">{labels.payments.kinds[transaction.kind]}</p>\n              <p className=\"mt-0.5 text-xs text-muted-foreground\">\n                {labels.payments.statuses[transaction.status]} ·{' '}\n                {labels.payments.methods[transaction.method]}\n              </p>\n              <p className=\"mt-0.5 flex flex-wrap gap-x-3 gap-y-0.5 text-xs text-muted-foreground\">\n                <span>{date(transaction.at)}</span>\n                {transaction.reference ? (\n                  <span>\n                    {labels.payments.reference}: {transaction.reference}\n                  </span>\n                ) : null}\n              </p>\n              {transaction.note ? (\n                <p className=\"mt-0.5 text-xs text-muted-foreground\">{transaction.note}</p>\n              ) : null}\n            </div>\n            <p className=\"shrink-0 text-sm font-medium tabular-nums\">{signed}</p>\n          </li>\n        )\n      })}\n      </ul>\n    </div>\n  )\n}\n\nexport function OrderRefundSummary({ order, labels, money }: PaymentsProps) {\n  const summary = buildEconomicSummary(order)\n  if (summary.refunded.amount === 0) return null\n\n  return (\n    <div className=\"mt-3 border-t pt-3\">\n      <p className=\"mb-2 text-xs font-medium text-muted-foreground\">{labels.payments.refundsTitle}</p>\n      <Rows>\n        <Row label={labels.payments.refunded} value={`−${money(summary.refunded)}`} />\n        {summary.due.amount > 0 ? (\n          <Row label={labels.payments.pendingBalance} value={money(summary.due)} tone=\"warning\" />\n        ) : null}\n        {summary.credit.amount > 0 ? (\n          <Row label={labels.pricing.credit} value={money(summary.credit)} />\n        ) : null}\n      </Rows>\n    </div>\n  )\n}\n"],"mappings":"AA2BM,SACE,KADF;AAtBN,SAAS,4BAA4B;AACrC,SAAS,8BAA8B;AACvC,SAAS,KAAK,YAAY;AAWnB,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa,CAAC;AAChB,GAAkB;AAChB,MAAI,MAAM,aAAa,WAAW,GAAG;AACnC,WACE,qBAAC,SACC;AAAA,0BAAC,0BAAuB,SAAS,YAAY,QAAgB,OAAc;AAAA,MAC3E,oBAAC,OAAE,WAAU,iCAAiC,iBAAO,SAAS,MAAK;AAAA,OACrE;AAAA,EAEJ;AAEA,SACE,qBAAC,SACC;AAAA,wBAAC,0BAAuB,SAAS,YAAY,QAAgB,OAAc;AAAA,IAC3E,oBAAC,QAAG,WAAU,YACb,gBAAM,aAAa,IAAI,CAAC,gBAAgB;AACvC,YAAM,SACJ,YAAY,SAAS,WAAW,SAAI,MAAM,YAAY,MAAM,CAAC,KAAK,MAAM,YAAY,MAAM;AAC5F,aACE,qBAAC,QAAwB,WAAU,8EACjC;AAAA,6BAAC,SAAI,WAAU,WACb;AAAA,8BAAC,OAAE,WAAU,uBAAuB,iBAAO,SAAS,MAAM,YAAY,IAAI,GAAE;AAAA,UAC5E,qBAAC,OAAE,WAAU,wCACV;AAAA,mBAAO,SAAS,SAAS,YAAY,MAAM;AAAA,YAAE;AAAA,YAAG;AAAA,YAChD,OAAO,SAAS,QAAQ,YAAY,MAAM;AAAA,aAC7C;AAAA,UACA,qBAAC,OAAE,WAAU,yEACX;AAAA,gCAAC,UAAM,eAAK,YAAY,EAAE,GAAE;AAAA,YAC3B,YAAY,YACX,qBAAC,UACE;AAAA,qBAAO,SAAS;AAAA,cAAU;AAAA,cAAG,YAAY;AAAA,eAC5C,IACE;AAAA,aACN;AAAA,UACC,YAAY,OACX,oBAAC,OAAE,WAAU,wCAAwC,sBAAY,MAAK,IACpE;AAAA,WACN;AAAA,QACA,oBAAC,OAAE,WAAU,6CAA6C,kBAAO;AAAA,WAnB1D,YAAY,EAoBrB;AAAA,IAEJ,CAAC,GACD;AAAA,KACF;AAEJ;AAEO,SAAS,mBAAmB,EAAE,OAAO,QAAQ,MAAM,GAAkB;AAC1E,QAAM,UAAU,qBAAqB,KAAK;AAC1C,MAAI,QAAQ,SAAS,WAAW,EAAG,QAAO;AAE1C,SACE,qBAAC,SAAI,WAAU,sBACb;AAAA,wBAAC,OAAE,WAAU,kDAAkD,iBAAO,SAAS,cAAa;AAAA,IAC5F,qBAAC,QACC;AAAA,0BAAC,OAAI,OAAO,OAAO,SAAS,UAAU,OAAO,SAAI,MAAM,QAAQ,QAAQ,CAAC,IAAI;AAAA,MAC3E,QAAQ,IAAI,SAAS,IACpB,oBAAC,OAAI,OAAO,OAAO,SAAS,gBAAgB,OAAO,MAAM,QAAQ,GAAG,GAAG,MAAK,WAAU,IACpF;AAAA,MACH,QAAQ,OAAO,SAAS,IACvB,oBAAC,OAAI,OAAO,OAAO,QAAQ,QAAQ,OAAO,MAAM,QAAQ,MAAM,GAAG,IAC/D;AAAA,OACN;AAAA,KACF;AAEJ;","names":[]}

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

@@ -0,0 +1,12 @@
+import type { OrderDetailLabels, OrderDetailOrder, OrderDetailSettings, PromotionPresentationModel } from '../contracts';
+import type { MoneyFormatter } from './ui';
+type PricingProps = {
+    order: OrderDetailOrder;
+    labels: OrderDetailLabels;
+    settings: OrderDetailSettings;
+    money: MoneyFormatter;
+    promotions: PromotionPresentationModel;
+};
+export declare function OrderPricingSummary({ order, labels, settings: input, money, promotions, }: PricingProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=pricing.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pricing.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/order-detail/components/pricing.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,gBAAgB,EAChB,mBAAmB,EAEnB,0BAA0B,EAC3B,MAAM,cAAc,CAAA;AAUrB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,MAAM,CAAA;AAE1C,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,gBAAgB,CAAA;IACvB,MAAM,EAAE,iBAAiB,CAAA;IACzB,QAAQ,EAAE,mBAAmB,CAAA;IAC7B,KAAK,EAAE,cAAc,CAAA;IACrB,UAAU,EAAE,0BAA0B,CAAA;CACvC,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,MAAM,EACN,QAAQ,EAAE,KAAK,EACf,KAAK,EACL,UAAU,GACX,EAAE,YAAY,+BAmNd"}