@thorprovider/blocks 4.1.0 → 4.3.0

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

@@ -0,0 +1,244 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { PRODUCT_IMAGE_FALLBACK } from "@thorprovider/blocks";
+import {
+  lineQuantities,
+  lineStatus,
+  mergedSettings,
+  priceComparisonVisible,
+  visibleLineEconomics
+} from "../engine.mjs";
+import { addMoney, fillTemplate } from "../money.mjs";
+import { ChevronDown, Flag, Package } from "./icons.mjs";
+import { OrderItemPromotions } from "./promotions.mjs";
+function OrderProductAttributes({ attributes }) {
+  if (attributes.length === 0) return null;
+  return /* @__PURE__ */ jsx("ul", { className: "flex flex-wrap gap-x-3 gap-y-1 text-xs", children: attributes.map((attribute) => /* @__PURE__ */ jsxs("li", { className: "min-w-0 break-words", children: [
+    /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+      attribute.label,
+      ":"
+    ] }),
+    " ",
+    /* @__PURE__ */ jsx("span", { className: "text-foreground", children: attribute.value })
+  ] }, attribute.id)) });
+}
+function OrderItemCard({
+  order,
+  line,
+  labels,
+  settings: input,
+  money,
+  defaultExpanded,
+  showImages,
+  promotions
+}) {
+  const [open, setOpen] = useState(defaultExpanded);
+  useEffect(() => setOpen(defaultExpanded), [defaultExpanded]);
+  const settings = mergedSettings(input);
+  const quantities = lineQuantities(order, line.id);
+  const chargeable = Math.max(0, quantities.ordered - quantities.cancelled);
+  const status = lineStatus(order, line);
+  const compare = priceComparisonVisible(line, settings);
+  const taxTotal = addMoney(line.taxes.map((entry) => entry.amount), order.currency);
+  const hasTaxes = taxTotal.amount !== 0;
+  const visible = visibleLineEconomics(line, settings);
+  const variantSummary = line.variant ?? line.attributes.filter((attribute) => attribute.kind === "variant").map((attribute) => attribute.value).join(" \xB7 ");
+  const displayAttributes = line.attributes.filter(
+    (attribute) => !variantSummary || !variantSummary.includes(attribute.value)
+  );
+  const discountTotal = addMoney(
+    visible.discounts.filter((entry) => entry.direction === "discount" && entry.source !== "contract").map((entry) => entry.amount),
+    order.currency
+  );
+  const priceAdjustments = addMoney(
+    visible.discounts.filter((entry) => entry.direction === "discount" && entry.source === "contract").map((entry) => entry.amount),
+    order.currency
+  );
+  const calculationUnit = visible.hidden ? line.unitPrice.applied : line.unitPrice.original;
+  const showAppliedPrice = compare || line.unitPrice.kind !== "list" || visible.hidden;
+  const detailsId = `order-line-${line.id}`;
+  const showStatus = status !== "delivered";
+  return /* @__PURE__ */ jsxs("article", { className: "py-3 first:pt-0 last:pb-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 sm:gap-4", children: [
+      showImages ? /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: line.image ?? PRODUCT_IMAGE_FALLBACK,
+          alt: `${line.name} \xB7 ${labels.items.imageAlt}`,
+          loading: "lazy",
+          decoding: "async",
+          className: "size-14 shrink-0 rounded-lg border object-cover sm:size-16"
+        }
+      ) : null,
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsx("h3", { className: "break-words text-sm leading-snug font-medium", children: line.name }),
+            /* @__PURE__ */ jsxs("p", { className: "mt-0.5 flex flex-wrap gap-x-2 gap-y-1 text-xs text-muted-foreground", children: [
+              variantSummary ? /* @__PURE__ */ jsx("span", { className: "break-words", children: variantSummary }) : null,
+              /* @__PURE__ */ jsxs("span", { children: [
+                labels.items.quantity,
+                ": ",
+                quantities.ordered
+              ] }),
+              quantities.cancelled > 0 ? /* @__PURE__ */ jsxs("span", { children: [
+                labels.items.cancelled,
+                ": ",
+                quantities.cancelled
+              ] }) : null,
+              showStatus ? /* @__PURE__ */ jsx("span", { className: "rounded-full border border-border px-2 py-0.5 text-foreground", children: labels.lineStatus[status] }) : null
+            ] }),
+            settings.promotions === true && !open ? /* @__PURE__ */ jsx(
+              OrderItemPromotions,
+              {
+                order,
+                entries: promotions,
+                labels,
+                money,
+                expanded: false
+              }
+            ) : null
+          ] }),
+          /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: "shrink-0 text-right text-sm font-semibold whitespace-nowrap tabular-nums",
+              "aria-label": `${labels.items.finalPrice}: ${money(line.total)}`,
+              children: money(line.total)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => setOpen((value) => !value),
+            "aria-expanded": open,
+            "aria-controls": detailsId,
+            "aria-label": `${open ? labels.items.hideDetails : labels.items.details}: ${line.name}`,
+            className: "mt-1.5 inline-flex items-center gap-1 rounded-md border border-input px-2 py-1 text-xs font-medium text-foreground hover:bg-muted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
+            children: [
+              open ? labels.items.hideDetails : labels.items.details,
+              /* @__PURE__ */ jsx(
+                ChevronDown,
+                {
+                  className: open ? "size-3.5 rotate-180 transition-transform" : "size-3.5 transition-transform"
+                }
+              )
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { id: detailsId, hidden: !open, className: "mt-2 border-t pt-2 sm:pl-16", children: /* @__PURE__ */ jsxs("div", { className: "grid gap-x-6 gap-y-2 sm:grid-cols-[minmax(0,1fr)_16rem]", children: [
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-1.5", children: [
+        /* @__PURE__ */ jsxs("p", { className: "flex flex-wrap gap-x-3 gap-y-1 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsxs("span", { children: [
+            labels.items.sku,
+            ": ",
+            /* @__PURE__ */ jsx("span", { className: "text-foreground", children: line.sku })
+          ] }),
+          line.serialNumber ? /* @__PURE__ */ jsxs("span", { children: [
+            labels.items.serial,
+            ":",
+            " ",
+            /* @__PURE__ */ jsx("span", { className: "text-foreground", children: line.serialNumber })
+          ] }) : null,
+          line.warranty ? /* @__PURE__ */ jsxs("span", { children: [
+            labels.items.warranty,
+            ":",
+            " ",
+            /* @__PURE__ */ jsx("span", { className: "text-foreground", children: line.warranty })
+          ] }) : null,
+          line.measure ? /* @__PURE__ */ jsxs("span", { children: [
+            labels.items.measure,
+            ":",
+            " ",
+            /* @__PURE__ */ jsxs("span", { className: "text-foreground", children: [
+              line.measure.quantity,
+              " ",
+              line.measure.unit
+            ] })
+          ] }) : null
+        ] }),
+        settings.productAttributes === true && displayAttributes.length > 0 ? /* @__PURE__ */ jsx(OrderProductAttributes, { attributes: displayAttributes }) : null,
+        line.bundle && line.bundle.length > 0 ? /* @__PURE__ */ jsxs("p", { className: "flex flex-wrap items-start gap-x-1.5 gap-y-0.5 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsx(Package, {}),
+          /* @__PURE__ */ jsxs("span", { children: [
+            /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
+              labels.items.bundleContents,
+              ":"
+            ] }),
+            " ",
+            line.bundle.map((entry) => `${entry.quantity} \xD7 ${entry.name} (${entry.sku})`).join(" \xB7 ")
+          ] })
+        ] }) : null,
+        settings.promotions === true && promotions.length > 0 ? /* @__PURE__ */ jsx(
+          OrderItemPromotions,
+          {
+            order,
+            entries: promotions,
+            labels,
+            money,
+            expanded: true
+          }
+        ) : null,
+        line.note ? /* @__PURE__ */ jsxs("p", { className: "flex items-start gap-1.5 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsx(Flag, {}),
+          line.note
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ jsxs("dl", { className: "space-y-1 text-xs", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between gap-3", children: [
+          /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: labels.items.productsPrice }),
+          /* @__PURE__ */ jsx("dd", { className: "text-right text-foreground tabular-nums", children: fillTemplate(labels.items.calculation, {
+            quantity: chargeable,
+            unit: money(calculationUnit),
+            subtotal: money(visible.subtotal)
+          }) })
+        ] }),
+        showAppliedPrice ? /* @__PURE__ */ jsxs("div", { className: "flex justify-between gap-3", children: [
+          /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: labels.items.appliedPrice }),
+          /* @__PURE__ */ jsxs("dd", { className: "text-right text-foreground tabular-nums", children: [
+            money(line.unitPrice.applied),
+            line.unitPrice.kind !== "list" ? /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+              " ",
+              "(",
+              labels.items.priceKinds[line.unitPrice.kind],
+              ")"
+            ] }) : null
+          ] })
+        ] }) : null,
+        discountTotal.amount > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex justify-between gap-3", children: [
+          /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: labels.items.discounts }),
+          /* @__PURE__ */ jsxs("dd", { className: "text-right text-foreground tabular-nums", children: [
+            "\u2212",
+            money(discountTotal)
+          ] })
+        ] }) : null,
+        priceAdjustments.amount > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex justify-between gap-3", children: [
+          /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: labels.pricing.priceAdjustments }),
+          /* @__PURE__ */ jsxs("dd", { className: "text-right text-foreground tabular-nums", children: [
+            "\u2212",
+            money(priceAdjustments)
+          ] })
+        ] }) : null,
+        settings.detailedTaxes === true ? line.taxes.map((entry) => /* @__PURE__ */ jsxs("div", { className: "flex justify-between gap-3", children: [
+          /* @__PURE__ */ jsxs("dt", { className: "min-w-0 text-muted-foreground", children: [
+            entry.label,
+            entry.rate ? ` \xB7 ${entry.rate}` : ""
+          ] }),
+          /* @__PURE__ */ jsx("dd", { className: "text-right text-foreground tabular-nums", children: money(entry.amount) })
+        ] }, entry.id)) : hasTaxes ? /* @__PURE__ */ jsxs("div", { className: "flex justify-between gap-3", children: [
+          /* @__PURE__ */ jsx("dt", { className: "text-muted-foreground", children: labels.items.taxes }),
+          /* @__PURE__ */ jsx("dd", { className: "text-right text-foreground tabular-nums", children: money(taxTotal) })
+        ] }) : null
+      ] })
+    ] }) })
+  ] });
+}
+export {
+  OrderItemCard,
+  OrderProductAttributes
+};
+//# sourceMappingURL=item-card.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/order-detail/components/item-card.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { PRODUCT_IMAGE_FALLBACK } from '@thorprovider/blocks'\n\nimport type {\n  OrderDetailLabels,\n  OrderDetailOrder,\n  OrderDetailSettings,\n  OrderLine,\n  OrderLineAttribute,\n  PromotionPresentation,\n} from '../contracts'\nimport {\n  lineQuantities,\n  lineStatus,\n  mergedSettings,\n  priceComparisonVisible,\n  visibleLineEconomics,\n} from '../engine'\nimport { addMoney, fillTemplate } from '../money'\nimport { ChevronDown, Flag, Package } from './icons'\nimport { OrderItemPromotions } from './promotions'\nimport type { MoneyFormatter } from './ui'\n\ntype AttributesProps = {\n  attributes: OrderLineAttribute[]\n}\n\n/** Attributes share one wrapping line instead of one row per attribute. */\nexport function OrderProductAttributes({ attributes }: AttributesProps) {\n  if (attributes.length === 0) return null\n  return (\n    <ul className=\"flex flex-wrap gap-x-3 gap-y-1 text-xs\">\n      {attributes.map((attribute) => (\n        <li key={attribute.id} className=\"min-w-0 break-words\">\n          <span className=\"text-muted-foreground\">{attribute.label}:</span>{' '}\n          <span className=\"text-foreground\">{attribute.value}</span>\n        </li>\n      ))}\n    </ul>\n  )\n}\n\ntype ItemCardProps = {\n  order: OrderDetailOrder\n  line: OrderLine\n  labels: OrderDetailLabels\n  settings: OrderDetailSettings\n  money: MoneyFormatter\n  defaultExpanded: boolean\n  showImages: boolean\n  promotions: PromotionPresentation[]\n}\n\n/**\n * One historical line in three zones: image, product content and final amount.\n * The expanded detail uses a horizontal grid; no total is repeated at the bottom.\n */\nexport function OrderItemCard({\n  order,\n  line,\n  labels,\n  settings: input,\n  money,\n  defaultExpanded,\n  showImages,\n  promotions,\n}: ItemCardProps) {\n  const [open, setOpen] = useState(defaultExpanded)\n  useEffect(() => setOpen(defaultExpanded), [defaultExpanded])\n\n  const settings = mergedSettings(input)\n  const quantities = lineQuantities(order, line.id)\n  const chargeable = Math.max(0, quantities.ordered - quantities.cancelled)\n  const status = lineStatus(order, line)\n  const compare = priceComparisonVisible(line, settings)\n  const taxTotal = addMoney(line.taxes.map((entry) => entry.amount), order.currency)\n  const hasTaxes = taxTotal.amount !== 0\n  const visible = visibleLineEconomics(line, settings)\n  const variantSummary =\n    line.variant ??\n    line.attributes\n      .filter((attribute) => attribute.kind === 'variant')\n      .map((attribute) => attribute.value)\n      .join(' · ')\n  const displayAttributes = line.attributes.filter(\n    (attribute) => !variantSummary || !variantSummary.includes(attribute.value),\n  )\n  const discountTotal = addMoney(\n    visible.discounts\n      .filter((entry) => entry.direction === 'discount' && entry.source !== 'contract')\n      .map((entry) => entry.amount),\n    order.currency,\n  )\n  const priceAdjustments = addMoney(\n    visible.discounts\n      .filter((entry) => entry.direction === 'discount' && entry.source === 'contract')\n      .map((entry) => entry.amount),\n    order.currency,\n  )\n  const calculationUnit = visible.hidden ? line.unitPrice.applied : line.unitPrice.original\n  const showAppliedPrice =\n    compare || line.unitPrice.kind !== 'list' || visible.hidden\n\n  const detailsId = `order-line-${line.id}`\n  const showStatus = status !== 'delivered'\n\n  return (\n    <article className=\"py-3 first:pt-0 last:pb-0\">\n      <div className=\"flex items-start gap-3 sm:gap-4\">\n        {showImages ? (\n          <img\n            src={line.image ?? PRODUCT_IMAGE_FALLBACK}\n            alt={`${line.name} · ${labels.items.imageAlt}`}\n            loading=\"lazy\"\n            decoding=\"async\"\n            className=\"size-14 shrink-0 rounded-lg border object-cover sm:size-16\"\n          />\n        ) : null}\n\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex items-start justify-between gap-3\">\n            <div className=\"min-w-0\">\n              <h3 className=\"break-words text-sm leading-snug font-medium\">{line.name}</h3>\n              <p className=\"mt-0.5 flex flex-wrap gap-x-2 gap-y-1 text-xs text-muted-foreground\">\n                {variantSummary ? <span className=\"break-words\">{variantSummary}</span> : null}\n                <span>\n                  {labels.items.quantity}: {quantities.ordered}\n                </span>\n                {quantities.cancelled > 0 ? (\n                  <span>\n                    {labels.items.cancelled}: {quantities.cancelled}\n                  </span>\n                ) : null}\n                {showStatus ? (\n                  <span className=\"rounded-full border border-border px-2 py-0.5 text-foreground\">\n                    {labels.lineStatus[status]}\n                  </span>\n                ) : null}\n              </p>\n              {settings.promotions === true && !open ? (\n                <OrderItemPromotions\n                  order={order}\n                  entries={promotions}\n                  labels={labels}\n                  money={money}\n                  expanded={false}\n                />\n              ) : null}\n            </div>\n\n            <p\n              className=\"shrink-0 text-right text-sm font-semibold whitespace-nowrap tabular-nums\"\n              aria-label={`${labels.items.finalPrice}: ${money(line.total)}`}\n            >\n              {money(line.total)}\n            </p>\n          </div>\n\n          <button\n            type=\"button\"\n            onClick={() => setOpen((value) => !value)}\n            aria-expanded={open}\n            aria-controls={detailsId}\n            aria-label={`${open ? labels.items.hideDetails : labels.items.details}: ${line.name}`}\n            className=\"mt-1.5 inline-flex items-center gap-1 rounded-md border border-input px-2 py-1 text-xs font-medium text-foreground hover:bg-muted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\"\n          >\n            {open ? labels.items.hideDetails : labels.items.details}\n            <ChevronDown\n              className={\n                open ? 'size-3.5 rotate-180 transition-transform' : 'size-3.5 transition-transform'\n              }\n            />\n          </button>\n        </div>\n      </div>\n\n      <div id={detailsId} hidden={!open} className=\"mt-2 border-t pt-2 sm:pl-16\">\n        <div className=\"grid gap-x-6 gap-y-2 sm:grid-cols-[minmax(0,1fr)_16rem]\">\n          <div className=\"min-w-0 space-y-1.5\">\n            <p className=\"flex flex-wrap gap-x-3 gap-y-1 text-xs text-muted-foreground\">\n              <span>\n                {labels.items.sku}: <span className=\"text-foreground\">{line.sku}</span>\n              </span>\n              {line.serialNumber ? (\n                <span>\n                  {labels.items.serial}:{' '}\n                  <span className=\"text-foreground\">{line.serialNumber}</span>\n                </span>\n              ) : null}\n              {line.warranty ? (\n                <span>\n                  {labels.items.warranty}:{' '}\n                  <span className=\"text-foreground\">{line.warranty}</span>\n                </span>\n              ) : null}\n              {line.measure ? (\n                <span>\n                  {labels.items.measure}:{' '}\n                  <span className=\"text-foreground\">\n                    {line.measure.quantity} {line.measure.unit}\n                  </span>\n                </span>\n              ) : null}\n            </p>\n\n            {settings.productAttributes === true && displayAttributes.length > 0 ? (\n              <OrderProductAttributes attributes={displayAttributes} />\n            ) : null}\n\n            {line.bundle && line.bundle.length > 0 ? (\n              <p className=\"flex flex-wrap items-start gap-x-1.5 gap-y-0.5 text-xs text-muted-foreground\">\n                <Package />\n                <span>\n                  <span className=\"font-medium\">{labels.items.bundleContents}:</span>{' '}\n                  {line.bundle\n                    .map((entry) => `${entry.quantity} × ${entry.name} (${entry.sku})`)\n                    .join(' · ')}\n                </span>\n              </p>\n            ) : null}\n\n            {settings.promotions === true && promotions.length > 0 ? (\n              <OrderItemPromotions\n                order={order}\n                entries={promotions}\n                labels={labels}\n                money={money}\n                expanded\n              />\n            ) : null}\n\n            {line.note ? (\n              <p className=\"flex items-start gap-1.5 text-xs text-muted-foreground\">\n                <Flag />\n                {line.note}\n              </p>\n            ) : null}\n          </div>\n\n          <dl className=\"space-y-1 text-xs\">\n            <div className=\"flex justify-between gap-3\">\n              <dt className=\"text-muted-foreground\">{labels.items.productsPrice}</dt>\n              <dd className=\"text-right text-foreground tabular-nums\">\n                {fillTemplate(labels.items.calculation, {\n                  quantity: chargeable,\n                  unit: money(calculationUnit),\n                  subtotal: money(visible.subtotal),\n                })}\n              </dd>\n            </div>\n            {showAppliedPrice ? (\n              <div className=\"flex justify-between gap-3\">\n                <dt className=\"text-muted-foreground\">{labels.items.appliedPrice}</dt>\n                <dd className=\"text-right text-foreground tabular-nums\">\n                  {money(line.unitPrice.applied)}\n                  {line.unitPrice.kind !== 'list' ? (\n                    <span className=\"text-muted-foreground\">\n                      {' '}\n                      ({labels.items.priceKinds[line.unitPrice.kind]})\n                    </span>\n                  ) : null}\n                </dd>\n              </div>\n            ) : null}\n            {discountTotal.amount > 0 ? (\n              <div className=\"flex justify-between gap-3\">\n                <dt className=\"text-muted-foreground\">{labels.items.discounts}</dt>\n                <dd className=\"text-right text-foreground tabular-nums\">\n                  −{money(discountTotal)}\n                </dd>\n              </div>\n            ) : null}\n            {priceAdjustments.amount > 0 ? (\n              <div className=\"flex justify-between gap-3\">\n                <dt className=\"text-muted-foreground\">{labels.pricing.priceAdjustments}</dt>\n                <dd className=\"text-right text-foreground tabular-nums\">\n                  −{money(priceAdjustments)}\n                </dd>\n              </div>\n            ) : null}\n            {settings.detailedTaxes === true\n              ? line.taxes.map((entry) => (\n                  <div key={entry.id} className=\"flex justify-between gap-3\">\n                    <dt className=\"min-w-0 text-muted-foreground\">\n                      {entry.label}\n                      {entry.rate ? ` · ${entry.rate}` : ''}\n                    </dt>\n                    <dd className=\"text-right text-foreground tabular-nums\">\n                      {money(entry.amount)}\n                    </dd>\n                  </div>\n                ))\n              : hasTaxes\n                ? (\n                    <div className=\"flex justify-between gap-3\">\n                      <dt className=\"text-muted-foreground\">{labels.items.taxes}</dt>\n                      <dd className=\"text-right text-foreground tabular-nums\">\n                        {money(taxTotal)}\n                      </dd>\n                    </div>\n                  )\n                : null}\n          </dl>\n        </div>\n      </div>\n    </article>\n  )\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,10 @@
+import type { OrderDetailProps } from '../contracts';
+import { DEFAULT_SETTINGS } from '../contracts';
+/**
+ * Independent order-detail surface. It owns the read lifecycle and the adaptive
+ * composition; every business operation is delegated and no amount is
+ * recalculated. Density is presentation state, never an authorisation.
+ */
+export declare function OrderDetail({ orderId, dataSource, settings: settingsInput, presentation: presentationInput, labels, locale, formatMoney: formatMoneyProp, formatDate: formatDateProp, access, openSections, onBack, onAction, onCaseAction, onDocument, headerActions, }: OrderDetailProps): import("react").JSX.Element;
+export { DEFAULT_SETTINGS };
+//# sourceMappingURL=order-detail.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"order-detail.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/order-detail/components/order-detail.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,gBAAgB,EAIjB,MAAM,cAAc,CAAA;AACrB,OAAO,EAAwB,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAoCrE;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,UAAU,EACV,QAAQ,EAAE,aAAa,EACvB,YAAY,EAAE,iBAAiB,EAC/B,MAAM,EACN,MAAgB,EAChB,WAAW,EAAE,eAAe,EAC5B,UAAU,EAAE,cAAc,EAC1B,MAAkB,EAClB,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,aAAa,GACd,EAAE,gBAAgB,+BA4ZlB;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAA"}