@vtex/faststore 0.0.7 → 0.0.10

package/dist/matter/order-payment/order-payment.d.ts

@@ -0,0 +1,83 @@
+import { ContentValue } from "../../core/dist/define-content-type.js";
+import { ComponentDefinition } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { ComponentPropsWithRef, Ref } from "react";
+//#region src/matter/order-payment/order-payment.d.ts
+export declare const OrderPaymentContent: {
+  readonly id: "order-payment";
+  readonly title: "Order Payment";
+  readonly description: "The heading, the bank-invoice name, and the fixed labels of the payment section. The installment line keeps {count} and {amount}.";
+  readonly schema: {
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+      readonly heading: {
+        readonly type: "string";
+        readonly title: "Heading";
+      };
+      readonly bankInvoiceName: {
+        readonly type: "string";
+        readonly title: "Bank invoice name";
+      };
+      readonly empty: {
+        readonly type: "string";
+        readonly title: "Empty";
+      };
+      readonly methodPlaceholder: {
+        readonly type: "string";
+        readonly title: "Method unavailable";
+      };
+      readonly installments: {
+        readonly type: "string";
+        readonly title: "Installments";
+        readonly description: "Keep the placeholders {count} and {amount}.";
+      };
+      readonly redemptionCode: {
+        readonly type: "string";
+        readonly title: "Gift card code";
+      };
+      readonly bankInvoiceNumber: {
+        readonly type: "string";
+        readonly title: "Bank invoice number";
+      };
+      readonly bankInvoicePrint: {
+        readonly type: "string";
+        readonly title: "Print bank invoice";
+      };
+    };
+  };
+};
+export type OrderPaymentContentValue = ContentValue<typeof OrderPaymentContent>;
+export type OrderPaymentRecord = {
+  methodName: string | null;
+  lastDigits: string | null;
+  amount: {
+    amount: string | number;
+    currencyCode: string;
+  };
+  installments: number | null;
+  redemptionCode: string | null;
+  bankInvoiceNumber: string | null;
+  bankInvoicePrintUrl: string | null;
+};
+export type OrderPaymentData = {
+  id: string;
+  allowCancellation: boolean;
+  payments: OrderPaymentRecord[];
+};
+export type OrderPaymentProps = Readonly<{
+  $content?: OrderPaymentContentValue;
+  $data?: OrderPaymentData | null;
+  className?: string;
+  ref?: Ref<HTMLElement>;
+}>;
+export declare const OrderPaymentDefinition: ComponentDefinition<Readonly<{
+  $content?: OrderPaymentContentValue;
+  $data?: OrderPaymentData | null;
+  className?: string;
+  ref?: Ref<HTMLElement>;
+}>>;
+export declare function OrderPaymentSkeleton({ className, ...props }: ComponentPropsWithRef<'div'>): import("react/jsx-runtime").JSX.Element;
+export declare function OrderPayment({ $content, $data, className, ref }: OrderPaymentProps): import("react/jsx-runtime").JSX.Element | null;
+//#endregion
+//# sourceMappingURL=order-payment.d.ts.map

package/dist/matter/order-payment/order-payment.js

@@ -0,0 +1,258 @@
+"use client";
+import { defineComponent } from "../../core/dist/define-component.js";
+import { defineContentType } from "../../core/dist/define-content-type.js";
+import "../../core/dist/index.js";
+import { resolveSafeHref } from "../../utils/safe-href.js";
+import { useStorefrontFormatters } from "../../sdk/format/client.js";
+import { useIntl } from "../../sdk/i18n/client.js";
+import { Icon } from "../../particles/icon/icon.js";
+import { paymentMethodIconName } from "../payment/payment-method-badges.js";
+import { useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/matter/order-payment/order-payment.tsx
+const fragment = `
+  fragment OrderPaymentData on Query {
+    customerOrder(id: $orderId) {
+      id
+      allowCancellation
+      payments {
+        methodName
+        lastDigits
+        amount {
+          amount
+          currencyCode
+        }
+        installments
+        redemptionCode
+        bankInvoiceNumber
+        bankInvoicePrintUrl
+      }
+    }
+  }
+`;
+const OrderPaymentContent = defineContentType({
+	id: "order-payment",
+	title: "Order Payment",
+	description: "The heading, the bank-invoice name, and the fixed labels of the payment section. The installment line keeps {count} and {amount}.",
+	schema: {
+		type: "object",
+		additionalProperties: false,
+		properties: {
+			heading: {
+				type: "string",
+				title: "Heading"
+			},
+			bankInvoiceName: {
+				type: "string",
+				title: "Bank invoice name"
+			},
+			empty: {
+				type: "string",
+				title: "Empty"
+			},
+			methodPlaceholder: {
+				type: "string",
+				title: "Method unavailable"
+			},
+			installments: {
+				type: "string",
+				title: "Installments",
+				description: "Keep the placeholders {count} and {amount}."
+			},
+			redemptionCode: {
+				type: "string",
+				title: "Gift card code"
+			},
+			bankInvoiceNumber: {
+				type: "string",
+				title: "Bank invoice number"
+			},
+			bankInvoicePrint: {
+				type: "string",
+				title: "Print bank invoice"
+			}
+		}
+	}
+});
+const OrderPaymentDefinition = defineComponent({
+	name: "OrderPayment",
+	importPath: "@vtex/faststore/components",
+	component: OrderPayment,
+	content: OrderPaymentContent,
+	fragment,
+	fetchStrategy: "static",
+	skeleton: OrderPaymentSkeleton,
+	editor: {
+		label: "Order Payment",
+		category: "content"
+	},
+	schema: {},
+	guideline: "The payments recorded on one of the shopper orders: method, last four digits when recorded, brand icon when known, amount, installments, gift-card code, and bank-invoice number. Labels are content; a blank field keeps the catalogue. The print link shows only while the order can still be cancelled. Place it on the order details page."
+});
+function fill(template, values) {
+	return template.replaceAll(/\{(count|amount)\}/g, (_, key) => String(values[key] ?? ""));
+}
+function paymentLabels(content, intl) {
+	return {
+		empty: copy(content?.empty, intl.formatMessage({ id: "fs/order-payment.empty" })),
+		methodPlaceholder: copy(content?.methodPlaceholder, intl.formatMessage({ id: "fs/order-payment.method.placeholder" })),
+		installments: content?.installments?.trim() || void 0,
+		redemptionCode: copy(content?.redemptionCode, intl.formatMessage({ id: "fs/order-payment.redemption-code" })),
+		bankInvoiceNumber: copy(content?.bankInvoiceNumber, intl.formatMessage({ id: "fs/order-payment.bank-invoice.number" })),
+		bankInvoicePrint: copy(content?.bankInvoicePrint, intl.formatMessage({ id: "fs/order-payment.bank-invoice.print" }))
+	};
+}
+function copy(value, fallback) {
+	return value?.trim() || fallback;
+}
+function moneyAmount(amount) {
+	if (typeof amount === "string" && amount.trim() === "") return null;
+	const value = typeof amount === "number" ? amount : Number(amount);
+	return Number.isFinite(value) ? value : null;
+}
+function paymentKeys(payments) {
+	const seen = /* @__PURE__ */ new Map();
+	return payments.map((record) => {
+		const base = [
+			record.methodName,
+			record.lastDigits,
+			record.amount.amount,
+			record.amount.currencyCode,
+			record.installments,
+			record.redemptionCode,
+			record.bankInvoiceNumber
+		].map((value) => value ?? "").join(":");
+		const repeats = seen.get(base) ?? 0;
+		seen.set(base, repeats + 1);
+		return repeats === 0 ? base : `${base}#${repeats}`;
+	});
+}
+function isBankInvoice(record) {
+	return Boolean(record.bankInvoiceNumber || record.bankInvoicePrintUrl);
+}
+function printHref(record, allowCancellation) {
+	if (!allowCancellation || !record.bankInvoicePrintUrl) return null;
+	const destination = resolveSafeHref(record.bankInvoicePrintUrl);
+	return destination.safe ? destination.href : null;
+}
+function OrderPaymentSkeleton({ className, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		...props,
+		className,
+		"data-fs-order-payment-skeleton": "",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ jsx("span", { "data-fs-order-payment-skeleton-row": "" }), /* @__PURE__ */ jsx("span", { "data-fs-order-payment-skeleton-row": "" })]
+	});
+}
+function OrderPayment({ $content, $data, className, ref }) {
+	const intl = useIntl();
+	const headingId = useId();
+	if (!$data) return null;
+	const heading = copy($content?.heading, intl.formatMessage({ id: "fs/order-payment.heading" }));
+	const labels = paymentLabels($content, intl);
+	const keys = paymentKeys($data.payments);
+	return /* @__PURE__ */ jsxs("section", {
+		ref,
+		"aria-labelledby": headingId,
+		className,
+		"data-fs-order-payment": "",
+		children: [/* @__PURE__ */ jsx("h2", {
+			id: headingId,
+			"data-fs-order-payment-heading": "",
+			children: heading
+		}), $data.payments.length === 0 ? /* @__PURE__ */ jsx("p", {
+			"data-fs-order-payment-empty": "",
+			children: labels.empty
+		}) : /* @__PURE__ */ jsx("ul", {
+			"data-fs-order-payment-list": "",
+			children: $data.payments.map((record, index) => /* @__PURE__ */ jsx(OrderPaymentItem, {
+				record,
+				allowCancellation: $data.allowCancellation,
+				bankInvoiceName: $content?.bankInvoiceName,
+				labels
+			}, keys[index]))
+		})]
+	});
+}
+function OrderPaymentItem({ record, allowCancellation, bankInvoiceName, labels }) {
+	const intl = useIntl();
+	const { formatMoney } = useStorefrontFormatters();
+	const bankInvoice = isBankInvoice(record);
+	const methodName = record.methodName?.trim() || null;
+	const name = bankInvoice ? copy(bankInvoiceName, methodName ?? "") : methodName ?? "";
+	const lastDigits = record.lastDigits?.trim() || null;
+	const icon = methodName ? paymentMethodIconName(methodName) : null;
+	const amount = moneyAmount(record.amount.amount);
+	const currency = record.amount.currencyCode;
+	const installments = record.installments != null && record.installments > 1 ? record.installments : null;
+	const href = printHref(record, allowCancellation);
+	return /* @__PURE__ */ jsxs("li", {
+		"data-fs-order-payment-item": "",
+		"data-fs-order-payment-item-bank-invoice": bankInvoice ? "" : void 0,
+		children: [
+			/* @__PURE__ */ jsxs("span", {
+				"data-fs-order-payment-method": "",
+				children: [
+					icon ? /* @__PURE__ */ jsx(Icon, {
+						name: icon,
+						"aria-hidden": "true",
+						"data-fs-order-payment-icon": ""
+					}) : null,
+					/* @__PURE__ */ jsx("span", {
+						"data-fs-order-payment-method-name": "",
+						children: name || labels.methodPlaceholder
+					}),
+					lastDigits ? /* @__PURE__ */ jsx("span", {
+						"data-fs-order-payment-last-digits": "",
+						children: `•••• ${lastDigits}`
+					}) : null
+				]
+			}),
+			amount == null ? null : /* @__PURE__ */ jsx("span", {
+				"data-fs-order-payment-amount": "",
+				children: formatMoney(amount, { currency })
+			}),
+			amount != null && installments ? /* @__PURE__ */ jsx("span", {
+				"data-fs-order-payment-installments": "",
+				children: labels.installments ? fill(labels.installments, {
+					count: installments,
+					amount: formatMoney(amount / installments, { currency })
+				}) : intl.formatMessage({ id: "fs/order-payment.installments" }, {
+					count: installments,
+					amount: formatMoney(amount / installments, { currency })
+				})
+			}) : null,
+			record.redemptionCode ? /* @__PURE__ */ jsxs("span", {
+				"data-fs-order-payment-redemption-code": "",
+				children: [/* @__PURE__ */ jsx("span", {
+					"data-fs-order-payment-label": "",
+					children: labels.redemptionCode
+				}), /* @__PURE__ */ jsx("span", {
+					"data-fs-order-payment-value": "",
+					children: record.redemptionCode
+				})]
+			}) : null,
+			record.bankInvoiceNumber ? /* @__PURE__ */ jsxs("span", {
+				"data-fs-order-payment-bank-invoice-number": "",
+				children: [/* @__PURE__ */ jsx("span", {
+					"data-fs-order-payment-label": "",
+					children: labels.bankInvoiceNumber
+				}), /* @__PURE__ */ jsx("span", {
+					"data-fs-order-payment-value": "",
+					children: record.bankInvoiceNumber
+				})]
+			}) : null,
+			href ? /* @__PURE__ */ jsx("a", {
+				href,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				"data-fs-order-payment-print": "",
+				children: labels.bankInvoicePrint
+			}) : null
+		]
+	});
+}
+//#endregion
+export { OrderPayment, OrderPaymentContent, OrderPaymentDefinition, OrderPaymentSkeleton };
+
+//# sourceMappingURL=order-payment.js.map

package/dist/matter/order-payment/order-payment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-payment.js","names":[],"sources":["../../../src/matter/order-payment/order-payment.tsx"],"sourcesContent":["'use client';\n\nimport { type ContentValue, defineComponent, defineContentType } from '@vtex/fs-core';\nimport { type ComponentPropsWithRef, type Ref, useId } from 'react';\nimport { Icon } from '../../particles/icon/icon.js';\nimport { useStorefrontFormatters } from '../../sdk/format/client.js';\nimport { useIntl } from '../../sdk/i18n/client.js';\nimport { resolveSafeHref } from '../../utils/safe-href.js';\nimport { paymentMethodIconName } from '../payment/payment-method-badges.js';\n\nconst fragment = /* GraphQL */ `\n  fragment OrderPaymentData on Query {\n    customerOrder(id: $orderId) {\n      id\n      allowCancellation\n      payments {\n        methodName\n        lastDigits\n        amount {\n          amount\n          currencyCode\n        }\n        installments\n        redemptionCode\n        bankInvoiceNumber\n        bankInvoicePrintUrl\n      }\n    }\n  }\n`;\n\nexport const OrderPaymentContent = defineContentType({\n  id: 'order-payment',\n  title: 'Order Payment',\n  description:\n    'The heading, the bank-invoice name, and the fixed labels of the payment section. The installment line keeps {count} and {amount}.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      heading: { type: 'string', title: 'Heading' },\n      bankInvoiceName: { type: 'string', title: 'Bank invoice name' },\n      empty: { type: 'string', title: 'Empty' },\n      methodPlaceholder: { type: 'string', title: 'Method unavailable' },\n      installments: {\n        type: 'string',\n        title: 'Installments',\n        description: 'Keep the placeholders {count} and {amount}.',\n      },\n      redemptionCode: { type: 'string', title: 'Gift card code' },\n      bankInvoiceNumber: { type: 'string', title: 'Bank invoice number' },\n      bankInvoicePrint: { type: 'string', title: 'Print bank invoice' },\n    },\n  },\n});\n\nexport type OrderPaymentContentValue = ContentValue<typeof OrderPaymentContent>;\n\nexport type OrderPaymentRecord = {\n  methodName: string | null;\n  lastDigits: string | null;\n  amount: { amount: string | number; currencyCode: string };\n  installments: number | null;\n  redemptionCode: string | null;\n  bankInvoiceNumber: string | null;\n  bankInvoicePrintUrl: string | null;\n};\n\nexport type OrderPaymentData = {\n  id: string;\n  allowCancellation: boolean;\n  payments: OrderPaymentRecord[];\n};\n\nexport type OrderPaymentProps = Readonly<{\n  $content?: OrderPaymentContentValue;\n  $data?: OrderPaymentData | null;\n  className?: string;\n  ref?: Ref<HTMLElement>;\n}>;\n\nexport const OrderPaymentDefinition = defineComponent<OrderPaymentProps>({\n  name: 'OrderPayment',\n  importPath: '@vtex/faststore/components',\n  component: OrderPayment,\n  content: OrderPaymentContent,\n  fragment,\n  fetchStrategy: 'static',\n  skeleton: OrderPaymentSkeleton,\n  editor: { label: 'Order Payment', category: 'content' },\n  schema: {},\n  guideline:\n    'The payments recorded on one of the shopper orders: method, last four digits when recorded, brand icon when known, amount, installments, gift-card code, and bank-invoice number. Labels are content; a blank field keeps the catalogue. The print link shows only while the order can still be cancelled. Place it on the order details page.',\n});\n\nfunction fill(template: string, values: Record<string, string | number>): string {\n  return template.replaceAll(/\\{(count|amount)\\}/g, (_, key: string) => String(values[key] ?? ''));\n}\n\ntype PaymentLabels = {\n  empty: string;\n  methodPlaceholder: string;\n  installments: string | undefined;\n  redemptionCode: string;\n  bankInvoiceNumber: string;\n  bankInvoicePrint: string;\n};\n\nfunction paymentLabels(content: OrderPaymentContentValue | undefined, intl: ReturnType<typeof useIntl>): PaymentLabels {\n  return {\n    empty: copy(content?.empty, intl.formatMessage({ id: 'fs/order-payment.empty' })),\n    methodPlaceholder: copy(\n      content?.methodPlaceholder,\n      intl.formatMessage({ id: 'fs/order-payment.method.placeholder' }),\n    ),\n    installments: content?.installments?.trim() || undefined,\n    redemptionCode: copy(content?.redemptionCode, intl.formatMessage({ id: 'fs/order-payment.redemption-code' })),\n    bankInvoiceNumber: copy(\n      content?.bankInvoiceNumber,\n      intl.formatMessage({ id: 'fs/order-payment.bank-invoice.number' }),\n    ),\n    bankInvoicePrint: copy(\n      content?.bankInvoicePrint,\n      intl.formatMessage({ id: 'fs/order-payment.bank-invoice.print' }),\n    ),\n  };\n}\n\nfunction copy(value: string | undefined, fallback: string): string {\n  const trimmed = value?.trim();\n  return trimmed || fallback;\n}\n\nfunction moneyAmount(amount: string | number): number | null {\n  // Number('') and Number('  ') are 0, which would print a blank upstream amount as a real zero.\n  if (typeof amount === 'string' && amount.trim() === '') {\n    return null;\n  }\n  const value = typeof amount === 'number' ? amount : Number(amount);\n  return Number.isFinite(value) ? value : null;\n}\n\n// Payments carry no identifier, so the key is the record's own values; a repeated record (two\n// identical card charges) gets a counter so React still sees distinct keys.\nfunction paymentKeys(payments: readonly OrderPaymentRecord[]): string[] {\n  const seen = new Map<string, number>();\n  return payments.map((record) => {\n    const base = [\n      record.methodName,\n      record.lastDigits,\n      record.amount.amount,\n      record.amount.currencyCode,\n      record.installments,\n      record.redemptionCode,\n      record.bankInvoiceNumber,\n    ]\n      .map((value) => value ?? '')\n      .join(':');\n    const repeats = seen.get(base) ?? 0;\n    seen.set(base, repeats + 1);\n    return repeats === 0 ? base : `${base}#${repeats}`;\n  });\n}\n\nfunction isBankInvoice(record: OrderPaymentRecord): boolean {\n  return Boolean(record.bankInvoiceNumber || record.bankInvoicePrintUrl);\n}\n\nfunction printHref(record: OrderPaymentRecord, allowCancellation: boolean): string | null {\n  if (!allowCancellation || !record.bankInvoicePrintUrl) {\n    return null;\n  }\n  const destination = resolveSafeHref(record.bankInvoicePrintUrl);\n  return destination.safe ? destination.href : null;\n}\n\nexport function OrderPaymentSkeleton({ className, ...props }: ComponentPropsWithRef<'div'>) {\n  return (\n    <div {...props} className={className} data-fs-order-payment-skeleton=\"\" aria-hidden=\"true\">\n      <span data-fs-order-payment-skeleton-row=\"\" />\n      <span data-fs-order-payment-skeleton-row=\"\" />\n    </div>\n  );\n}\n\nexport function OrderPayment({ $content, $data, className, ref }: OrderPaymentProps) {\n  const intl = useIntl();\n  const headingId = useId();\n\n  if (!$data) {\n    return null;\n  }\n\n  const heading = copy($content?.heading, intl.formatMessage({ id: 'fs/order-payment.heading' }));\n  const labels = paymentLabels($content, intl);\n  const keys = paymentKeys($data.payments);\n\n  return (\n    <section ref={ref} aria-labelledby={headingId} className={className} data-fs-order-payment=\"\">\n      <h2 id={headingId} data-fs-order-payment-heading=\"\">\n        {heading}\n      </h2>\n      {$data.payments.length === 0 ? (\n        <p data-fs-order-payment-empty=\"\">{labels.empty}</p>\n      ) : (\n        <ul data-fs-order-payment-list=\"\">\n          {$data.payments.map((record, index) => (\n            <OrderPaymentItem\n              key={keys[index]}\n              record={record}\n              allowCancellation={$data.allowCancellation}\n              bankInvoiceName={$content?.bankInvoiceName}\n              labels={labels}\n            />\n          ))}\n        </ul>\n      )}\n    </section>\n  );\n}\n\ntype OrderPaymentItemProps = Readonly<{\n  record: OrderPaymentRecord;\n  allowCancellation: boolean;\n  bankInvoiceName: string | undefined;\n  labels: PaymentLabels;\n}>;\n\nfunction OrderPaymentItem({ record, allowCancellation, bankInvoiceName, labels }: OrderPaymentItemProps) {\n  const intl = useIntl();\n  const { formatMoney } = useStorefrontFormatters();\n  const bankInvoice = isBankInvoice(record);\n  const methodName = record.methodName?.trim() || null;\n  const name = bankInvoice ? copy(bankInvoiceName, methodName ?? '') : (methodName ?? '');\n  const lastDigits = record.lastDigits?.trim() || null;\n  const icon = methodName ? paymentMethodIconName(methodName) : null;\n  const amount = moneyAmount(record.amount.amount);\n  const currency = record.amount.currencyCode;\n  const installments = record.installments != null && record.installments > 1 ? record.installments : null;\n  const href = printHref(record, allowCancellation);\n\n  return (\n    <li data-fs-order-payment-item=\"\" data-fs-order-payment-item-bank-invoice={bankInvoice ? '' : undefined}>\n      <span data-fs-order-payment-method=\"\">\n        {icon ? <Icon name={icon} aria-hidden=\"true\" data-fs-order-payment-icon=\"\" /> : null}\n        <span data-fs-order-payment-method-name=\"\">{name || labels.methodPlaceholder}</span>\n        {lastDigits ? <span data-fs-order-payment-last-digits=\"\">{`•••• ${lastDigits}`}</span> : null}\n      </span>\n      {amount == null ? null : <span data-fs-order-payment-amount=\"\">{formatMoney(amount, { currency })}</span>}\n      {amount != null && installments ? (\n        <span data-fs-order-payment-installments=\"\">\n          {labels.installments\n            ? fill(labels.installments, {\n                count: installments,\n                amount: formatMoney(amount / installments, { currency }),\n              })\n            : intl.formatMessage(\n                { id: 'fs/order-payment.installments' },\n                { count: installments, amount: formatMoney(amount / installments, { currency }) },\n              )}\n        </span>\n      ) : null}\n      {record.redemptionCode ? (\n        <span data-fs-order-payment-redemption-code=\"\">\n          <span data-fs-order-payment-label=\"\">{labels.redemptionCode}</span>\n          <span data-fs-order-payment-value=\"\">{record.redemptionCode}</span>\n        </span>\n      ) : null}\n      {record.bankInvoiceNumber ? (\n        <span data-fs-order-payment-bank-invoice-number=\"\">\n          <span data-fs-order-payment-label=\"\">{labels.bankInvoiceNumber}</span>\n          <span data-fs-order-payment-value=\"\">{record.bankInvoiceNumber}</span>\n        </span>\n      ) : null}\n      {href ? (\n        <a href={href} target=\"_blank\" rel=\"noopener noreferrer\" data-fs-order-payment-print=\"\">\n          {labels.bankInvoicePrint}\n        </a>\n      ) : null}\n    </li>\n  );\n}\n"],"mappings":"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"}

package/dist/matter/order-placed/order-placed-deliveries.d.ts

@@ -0,0 +1,145 @@
+import { ComponentDefinition } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { ShippingEstimateUnit } from "../shipping-simulator/shipping-simulator.js";
+import { OrderPlacedMoney } from "./order-placed.js";
+import { AddressSummaryFields } from "../../particles/address-summary/address-summary.js";
+import { ReactNode } from "react";
+//#region src/matter/order-placed/order-placed-deliveries.d.ts
+export type OrderPlacedShippingEstimateUnit = ShippingEstimateUnit;
+export type OrderPlacedItemComposition = {
+  id: string;
+  name: string;
+  quantity: number;
+  price: OrderPlacedMoney;
+  availability: string;
+  assemblyId: string;
+  ownTotal: OrderPlacedMoney;
+  total: OrderPlacedMoney;
+  customizations: readonly {
+    id: string;
+    entries: readonly {
+      name: string;
+      value: string;
+    }[];
+  }[];
+  compositions?: readonly OrderPlacedItemComposition[];
+};
+/**
+ * An `OrderItem` with `CartItemRootData`'s selection plus `compositions`. Amounts are the wire's
+ * strings; it is published to `DataOverrideContext`, typed `unknown`, with no cast and no mapping.
+ */
+export type OrderPlacedItem = {
+  __typename?: string;
+  id: string;
+  quantity: number;
+  price: OrderPlacedMoney;
+  listPrice: OrderPlacedMoney;
+  sellingPrice: OrderPlacedMoney;
+  gift: boolean;
+  ownTotal: OrderPlacedMoney;
+  total: OrderPlacedMoney;
+  variant: {
+    __typename?: string;
+    variantId: string;
+    sku: string;
+    name: string;
+    image?: {
+      url: string;
+      altText?: string | null;
+    } | null;
+    availability: string;
+  };
+  product: {
+    __typename?: string;
+    productId: string;
+    title: string;
+    detailUrl: string;
+    categories: readonly {
+      categoryId: string;
+      name: string;
+    }[];
+    brand?: {
+      brandId: string;
+      name: string;
+    } | null;
+  };
+  compositions: readonly OrderPlacedItemComposition[];
+};
+export type OrderPlacedDelivery = {
+  id: string;
+  shippingOption?: {
+    id: string;
+    name: string;
+    channel: 'DELIVERY' | 'PICKUP' | 'UNKNOWN';
+    shippingEstimate: {
+      value: number;
+      unit: OrderPlacedShippingEstimateUnit;
+    };
+  } | null;
+  estimatedDate?: string | null;
+  itemCount: number;
+  pickupPointName?: string | null;
+  address?: (AddressSummaryFields & {
+    id?: string | null;
+  }) | null;
+  items: readonly OrderPlacedItem[];
+};
+/** `OrderPlacedDeliveryList`'s `$data`: the unwrapped `order` field of its fragment (ADR-0015). */
+export type OrderPlacedDeliveryListData = {
+  deliveries: readonly OrderPlacedDelivery[];
+} | null;
+export type OrderPlacedDeliveryListProps = {
+  className?: string;
+  children?: ReactNode;
+  $data?: OrderPlacedDeliveryListData;
+};
+export type OrderPlacedDeliveryGroupProps = {
+  className?: string;
+  children?: ReactNode;
+  /** The dated promise; `{date}` placeholder. */
+  dateTemplate?: string;
+  /** `{count}` placeholder, for any count but one. */
+  itemCountTemplate?: string;
+  /** `{count}` placeholder, for a count of one. */
+  itemCountOneTemplate?: string;
+  /** `{name}` placeholder, shown when the delivery is picked up. */
+  pickupPointTemplate?: string;
+};
+export type OrderPlacedItemRowProps = {
+  className?: string;
+  children?: ReactNode;
+};
+export type OrderPlacedItemCompositionsProps = {
+  className?: string;
+};
+/** The delivery the nearest OrderPlacedDeliveryList renders this subtree for. */
+export declare function useOrderDelivery(): OrderPlacedDelivery;
+/** The item the nearest OrderPlacedItemRow renders this subtree for. */
+export declare function useOrderPlacedItem(): OrderPlacedItem;
+export declare const OrderPlacedDeliveryListDefinition: ComponentDefinition<OrderPlacedDeliveryListProps>;
+export declare const OrderPlacedDeliveryGroupDefinition: ComponentDefinition<OrderPlacedDeliveryGroupProps>;
+export declare const OrderPlacedItemRowDefinition: ComponentDefinition<OrderPlacedItemRowProps>;
+export declare const OrderPlacedItemCompositionsDefinition: ComponentDefinition<OrderPlacedItemCompositionsProps>;
+/** Renders its child once per delivery of the placed order. */
+export declare function OrderPlacedDeliveryList({ className, children, $data: $dataProp }: Readonly<OrderPlacedDeliveryListProps>): import("react/jsx-runtime").JSX.Element | null;
+/**
+ * One delivery: method, promise, item count and pickup point, with its address provided to the
+ * `AddressSummary*` children. The dated promise wins when the order carries one; otherwise the relative
+ * estimate. A delivery with neither a method nor a date still shows its items and count.
+ */
+export declare function OrderPlacedDeliveryGroup({ className, children, dateTemplate, itemCountTemplate, itemCountOneTemplate, pickupPointTemplate }: Readonly<OrderPlacedDeliveryGroupProps>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Each item of the nearest delivery, through the cart's own `CartItemRoot`: the row publishes the
+ * order item on `DataOverrideContext`, the seam `CartItemRoot` reads before its `$data`, so the cart's
+ * leaves present it unchanged (ADR-0009's substitution; `cart-item.tsx` is not edited). Outside a
+ * delivery, as straight under the root, the purchase has no items of its own to show.
+ */
+export declare function OrderPlacedItemRow({ className, children }: OrderPlacedItemRowProps): import("react/jsx-runtime").JSX.Element[] | null;
+/**
+ * The item's add-ons, through the cart's own `CartItemCompositions`, which reads the item from the
+ * row's `DataOverrideContext`. Rendered as a function, never composed in the page, so its `Query.cart`
+ * fragment is never collected and the page reads only the order.
+ */
+export declare function OrderPlacedItemCompositions({ className }: Readonly<OrderPlacedItemCompositionsProps>): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=order-placed-deliveries.d.ts.map