@vtex/faststore 0.0.7 → 0.0.10

package/dist/matter/order-delivery-group/order-delivery-group.js

@@ -0,0 +1,408 @@
+"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 { useStorefrontFormatters } from "../../sdk/format/client.js";
+import { useIntl } from "../../sdk/i18n/client.js";
+import { AccordionHeader, AccordionItem, AccordionPanel, AccordionRoot, AccordionTrigger } from "../../particles/accordion/accordion.js";
+import { createContext, useContext, useMemo } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/matter/order-delivery-group/order-delivery-group.tsx
+const fragment = `
+  fragment OrderDeliveryGroupData on Query {
+    customerOrder(id: $orderId) {
+      deliveryOptions {
+        selectedSla
+        deliveryChannel
+        shippingEstimateDate
+        items {
+          id
+          name
+          quantity
+          image {
+            url
+            altText
+          }
+          sellingPrice {
+            amount
+            currencyCode
+          }
+          listPrice {
+            amount
+            currencyCode
+          }
+          total {
+            amount
+            currencyCode
+          }
+          tax {
+            amount
+            currencyCode
+          }
+          customFields {
+            name
+            value
+          }
+        }
+      }
+    }
+  }
+`;
+const OrderDeliveryGroupContent = defineContentType({
+	id: "order-delivery-group",
+	title: "Order Delivery Group",
+	description: "The labels of a delivery group. The item-count sentences keep {count}: one for a single item, the other for the rest.",
+	schema: {
+		type: "object",
+		additionalProperties: false,
+		properties: {
+			label: {
+				type: "string",
+				title: "Accessible name"
+			},
+			delivery: {
+				type: "string",
+				title: "Delivery"
+			},
+			pickup: {
+				type: "string",
+				title: "Pickup"
+			},
+			estimate: {
+				type: "string",
+				title: "Estimated delivery"
+			},
+			itemsOne: {
+				type: "string",
+				title: "One item",
+				description: "Keep the placeholder {count}."
+			},
+			itemsOther: {
+				type: "string",
+				title: "Many items",
+				description: "Keep the placeholder {count}."
+			},
+			subtotal: {
+				type: "string",
+				title: "Subtotal"
+			},
+			quantity: {
+				type: "string",
+				title: "Quantity"
+			},
+			unitPrice: {
+				type: "string",
+				title: "Unit price"
+			},
+			listPrice: {
+				type: "string",
+				title: "List price"
+			},
+			total: {
+				type: "string",
+				title: "Total"
+			},
+			tax: {
+				type: "string",
+				title: "Tax"
+			}
+		}
+	}
+});
+const OrderDeliveryOptionContext = createContext(null);
+/** The option index published by the enclosing `OrderDeliveryGroup`, or null outside one. */
+function useOrderDeliveryOption() {
+	return useContext(OrderDeliveryOptionContext);
+}
+const ESTIMATE_FORMAT = {
+	year: "numeric",
+	month: "numeric",
+	day: "numeric",
+	hour: "numeric",
+	minute: "2-digit"
+};
+function estimateInstant(value) {
+	if (!value?.trim()) return null;
+	const date = new Date(value);
+	return Number.isNaN(date.getTime()) ? null : date;
+}
+function authored(value) {
+	return value?.trim() || void 0;
+}
+function sentence(value, fallback) {
+	return authored(value) ?? fallback;
+}
+const OrderDeliveryGroupDefinition = defineComponent({
+	name: "OrderDeliveryGroup",
+	importPath: "@vtex/faststore/components",
+	component: OrderDeliveryGroup,
+	content: OrderDeliveryGroupContent,
+	fragment,
+	fetchStrategy: "static",
+	skeleton: OrderDeliveryGroupSkeleton,
+	editor: {
+		label: "Order Delivery Group",
+		category: "content"
+	},
+	schema: { label: {
+		type: "string",
+		label: "Accessible name"
+	} },
+	providesContext: "order-delivery-option",
+	guideline: "The products of one order grouped by delivery option, one collapsible group per option with the option name, the delivery estimate when the order has one, the item count, and the subtotal in its header. Labels are content; a blank field keeps the catalogue. A single option arrives open; two or more arrive closed. Reads customerOrder by the orderId route segment; place it once on the order details page. Children such as OrderDeliveryAddress render once per option, after its rows."
+});
+function moneyAmount(money) {
+	if (!money || typeof money.amount === "string" && money.amount.trim() === "") return null;
+	const value = typeof money.amount === "number" ? money.amount : Number(money.amount);
+	return Number.isFinite(value) ? value : null;
+}
+function optionValue(index) {
+	return `option-${index}`;
+}
+function initialOpen(options) {
+	return options.length === 1 ? [optionValue(0)] : [];
+}
+function itemCount(items) {
+	return items.reduce((sum, line) => sum + line.quantity, 0);
+}
+/** The sum of the line totals the API returned, in cents, in the currency of the first total. */
+function subtotal(items) {
+	let cents = 0;
+	let currencyCode = null;
+	for (const line of items) {
+		if (!line.total) continue;
+		const amount = moneyAmount(line.total);
+		if (amount == null) continue;
+		cents += Math.round(amount * 100);
+		currencyCode ??= line.total.currencyCode;
+	}
+	return currencyCode ? {
+		amount: cents / 100,
+		currencyCode
+	} : null;
+}
+function OrderDeliveryGroupSkeleton({ className, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		...props,
+		className,
+		"data-fs-order-delivery-group-skeleton": "",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ jsx("span", { "data-fs-order-delivery-group-skeleton-option": "" }), /* @__PURE__ */ jsx("span", { "data-fs-order-delivery-group-skeleton-option": "" })]
+	});
+}
+function deliveryLabels(content, label, intl) {
+	const itemsOne = authored(content?.itemsOne);
+	const itemsOther = authored(content?.itemsOther);
+	return {
+		region: authored(content?.label) ?? (label?.trim() || intl.formatMessage({ id: "fs/order-delivery-group.label" })),
+		delivery: sentence(content?.delivery, intl.formatMessage({ id: "fs/order-delivery-group.channel.delivery" })),
+		pickup: sentence(content?.pickup, intl.formatMessage({ id: "fs/order-delivery-group.channel.pickup-in-point" })),
+		estimate: sentence(content?.estimate, intl.formatMessage({ id: "fs/order-delivery-group.estimate" })),
+		subtotal: sentence(content?.subtotal, intl.formatMessage({ id: "fs/order-delivery-group.subtotal" })),
+		quantity: sentence(content?.quantity, intl.formatMessage({ id: "fs/order-delivery-group.quantity" })),
+		unitPrice: sentence(content?.unitPrice, intl.formatMessage({ id: "fs/order-delivery-group.unit-price" })),
+		listPrice: sentence(content?.listPrice, intl.formatMessage({ id: "fs/order-delivery-group.list-price" })),
+		total: sentence(content?.total, intl.formatMessage({ id: "fs/order-delivery-group.total" })),
+		tax: sentence(content?.tax, intl.formatMessage({ id: "fs/order-delivery-group.tax" })),
+		items(count) {
+			const template = count === 1 ? itemsOne : itemsOther;
+			if (template) return template.replaceAll("{count}", String(count));
+			return intl.formatMessage({ id: "fs/order-delivery-group.items" }, { count });
+		}
+	};
+}
+function OrderDeliveryGroup({ label, $content, $data, children, className, ref }) {
+	const intl = useIntl();
+	const options = $data?.deliveryOptions ?? [];
+	const labels = deliveryLabels($content, label, intl);
+	if (options.length === 0) return null;
+	return /* @__PURE__ */ jsx("section", {
+		ref,
+		"aria-label": labels.region,
+		className,
+		"data-fs-order-delivery-group": "",
+		"data-fs-order-delivery-group-count": options.length,
+		children: /* @__PURE__ */ jsx(AccordionRoot, {
+			openMultiple: true,
+			defaultValue: initialOpen(options),
+			children: options.map((option, index) => /* @__PURE__ */ jsx(DeliveryOption, {
+				value: optionValue(index),
+				index,
+				option,
+				labels,
+				children
+			}, optionValue(index)))
+		})
+	});
+}
+function channelName(channel, labels) {
+	if (channel === "delivery") return labels.delivery;
+	if (channel === "pickup-in-point") return labels.pickup;
+	return null;
+}
+function DeliveryOption({ value, index, option, labels, children }) {
+	const { formatMoney, formatDate } = useStorefrontFormatters();
+	const name = option.selectedSla?.trim() || channelName(option.deliveryChannel, labels);
+	const total = subtotal(option.items);
+	const estimate = estimateInstant(option.shippingEstimateDate);
+	const optionContext = useMemo(() => ({ index }), [index]);
+	return /* @__PURE__ */ jsxs(AccordionItem, {
+		value,
+		"data-fs-order-delivery-group-option": "",
+		"data-fs-order-delivery-group-option-channel": option.deliveryChannel ?? void 0,
+		children: [/* @__PURE__ */ jsx(AccordionHeader, {
+			"data-fs-order-delivery-group-option-header": "",
+			children: /* @__PURE__ */ jsxs(AccordionTrigger, {
+				"data-fs-order-delivery-group-option-trigger": "",
+				children: [
+					name ? /* @__PURE__ */ jsx("span", {
+						"data-fs-order-delivery-group-option-name": "",
+						children: name
+					}) : null,
+					estimate ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
+						"data-fs-order-delivery-group-option-estimate-label": "",
+						children: labels.estimate
+					}), /* @__PURE__ */ jsx("time", {
+						dateTime: option.shippingEstimateDate ?? void 0,
+						"data-fs-order-delivery-group-option-estimate": "",
+						children: formatDate(estimate, ESTIMATE_FORMAT)
+					})] }) : null,
+					/* @__PURE__ */ jsx("span", {
+						"data-fs-order-delivery-group-option-items": "",
+						children: labels.items(itemCount(option.items))
+					}),
+					total ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
+						"data-fs-order-delivery-group-option-subtotal-label": "",
+						children: labels.subtotal
+					}), /* @__PURE__ */ jsx("span", {
+						"data-fs-order-delivery-group-option-subtotal": "",
+						children: formatMoney(total.amount, { currency: total.currencyCode })
+					})] }) : null
+				]
+			})
+		}), /* @__PURE__ */ jsxs(AccordionPanel, {
+			"data-fs-order-delivery-group-option-panel": "",
+			children: [/* @__PURE__ */ jsx("ul", {
+				"data-fs-order-delivery-group-rows": "",
+				children: option.items.map((line) => /* @__PURE__ */ jsx(DeliveryRow, {
+					line,
+					labels
+				}, line.id))
+			}), children ? /* @__PURE__ */ jsx(OrderDeliveryOptionContext.Provider, {
+				value: optionContext,
+				children
+			}) : null]
+		})]
+	});
+}
+const MONEY_FACTS = {
+	"unit-price": {
+		field: "unitPrice",
+		label: { "data-fs-order-delivery-group-row-unit-price-label": "" },
+		value: { "data-fs-order-delivery-group-row-unit-price": "" }
+	},
+	"list-price": {
+		field: "listPrice",
+		label: { "data-fs-order-delivery-group-row-list-price-label": "" },
+		value: { "data-fs-order-delivery-group-row-list-price": "" }
+	},
+	total: {
+		field: "total",
+		label: { "data-fs-order-delivery-group-row-total-label": "" },
+		value: { "data-fs-order-delivery-group-row-total": "" }
+	},
+	tax: {
+		field: "tax",
+		label: { "data-fs-order-delivery-group-row-tax-label": "" },
+		value: { "data-fs-order-delivery-group-row-tax": "" }
+	}
+};
+function MoneyFact({ kind, money, labels }) {
+	const { formatMoney } = useStorefrontFormatters();
+	const amount = moneyAmount(money);
+	if (amount == null) return null;
+	const fact = MONEY_FACTS[kind];
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
+		...fact.label,
+		children: labels[fact.field]
+	}), /* @__PURE__ */ jsx("span", {
+		...fact.value,
+		children: formatMoney(amount, { currency: money.currencyCode })
+	})] });
+}
+function DeliveryRow({ line, labels }) {
+	const listPrice = moneyAmount(line.listPrice) === moneyAmount(line.sellingPrice) ? null : line.listPrice;
+	return /* @__PURE__ */ jsxs("li", {
+		"data-fs-order-delivery-group-row": "",
+		children: [
+			line.image ? /* @__PURE__ */ jsx("img", {
+				src: line.image.url,
+				alt: line.image.altText ?? line.name,
+				"data-fs-order-delivery-group-row-image": "",
+				"data-fs-image": ""
+			}) : null,
+			/* @__PURE__ */ jsxs("span", {
+				"data-fs-order-delivery-group-row-details": "",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						"data-fs-order-delivery-group-row-name": "",
+						children: line.name
+					}),
+					line.customFields.map((field) => /* @__PURE__ */ jsxs("span", {
+						"data-fs-order-delivery-group-row-custom-field": "",
+						children: [/* @__PURE__ */ jsx("span", {
+							"data-fs-order-delivery-group-row-custom-field-name": "",
+							children: field.name
+						}), /* @__PURE__ */ jsx("span", {
+							"data-fs-order-delivery-group-row-custom-field-value": "",
+							children: field.value
+						})]
+					}, field.name)),
+					/* @__PURE__ */ jsxs("span", {
+						"data-fs-order-delivery-group-row-fact": "",
+						children: [/* @__PURE__ */ jsx("span", {
+							"data-fs-order-delivery-group-row-quantity-label": "",
+							children: labels.quantity
+						}), /* @__PURE__ */ jsx("span", {
+							"data-fs-order-delivery-group-row-quantity": "",
+							children: line.quantity
+						})]
+					}),
+					line.sellingPrice ? /* @__PURE__ */ jsx(FactLine, { children: /* @__PURE__ */ jsx(MoneyFact, {
+						kind: "unit-price",
+						money: line.sellingPrice,
+						labels
+					}) }) : null,
+					listPrice ? /* @__PURE__ */ jsx(FactLine, { children: /* @__PURE__ */ jsx(MoneyFact, {
+						kind: "list-price",
+						money: listPrice,
+						labels
+					}) }) : null,
+					line.tax ? /* @__PURE__ */ jsx(FactLine, { children: /* @__PURE__ */ jsx(MoneyFact, {
+						kind: "tax",
+						money: line.tax,
+						labels
+					}) }) : null
+				]
+			}),
+			line.total ? /* @__PURE__ */ jsx("span", {
+				"data-fs-order-delivery-group-row-aside": "",
+				children: /* @__PURE__ */ jsx(MoneyFact, {
+					kind: "total",
+					money: line.total,
+					labels
+				})
+			}) : null
+		]
+	});
+}
+function FactLine({ children }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-fs-order-delivery-group-row-fact": "",
+		children
+	});
+}
+//#endregion
+export { OrderDeliveryGroup, OrderDeliveryGroupContent, OrderDeliveryGroupDefinition, OrderDeliveryGroupSkeleton, useOrderDeliveryOption };
+
+//# sourceMappingURL=order-delivery-group.js.map

package/dist/matter/order-delivery-group/order-delivery-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-delivery-group.js","names":[],"sources":["../../../src/matter/order-delivery-group/order-delivery-group.tsx"],"sourcesContent":["'use client';\n\nimport { type ContentValue, defineComponent, defineContentType } from '@vtex/fs-core';\nimport { type ComponentPropsWithRef, createContext, type ReactNode, type Ref, useContext, useMemo } from 'react';\nimport {\n  AccordionHeader,\n  AccordionItem,\n  AccordionPanel,\n  AccordionRoot,\n  AccordionTrigger,\n} from '../../particles/accordion/accordion.js';\nimport { useStorefrontFormatters } from '../../sdk/format/client.js';\nimport { useIntl } from '../../sdk/i18n/client.js';\n\nconst fragment = /* GraphQL */ `\n  fragment OrderDeliveryGroupData on Query {\n    customerOrder(id: $orderId) {\n      deliveryOptions {\n        selectedSla\n        deliveryChannel\n        shippingEstimateDate\n        items {\n          id\n          name\n          quantity\n          image {\n            url\n            altText\n          }\n          sellingPrice {\n            amount\n            currencyCode\n          }\n          listPrice {\n            amount\n            currencyCode\n          }\n          total {\n            amount\n            currencyCode\n          }\n          tax {\n            amount\n            currencyCode\n          }\n          customFields {\n            name\n            value\n          }\n        }\n      }\n    }\n  }\n`;\n\nexport const OrderDeliveryGroupContent = defineContentType({\n  id: 'order-delivery-group',\n  title: 'Order Delivery Group',\n  description:\n    'The labels of a delivery group. The item-count sentences keep {count}: one for a single item, the other for the rest.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      label: { type: 'string', title: 'Accessible name' },\n      delivery: { type: 'string', title: 'Delivery' },\n      pickup: { type: 'string', title: 'Pickup' },\n      estimate: { type: 'string', title: 'Estimated delivery' },\n      itemsOne: { type: 'string', title: 'One item', description: 'Keep the placeholder {count}.' },\n      itemsOther: { type: 'string', title: 'Many items', description: 'Keep the placeholder {count}.' },\n      subtotal: { type: 'string', title: 'Subtotal' },\n      quantity: { type: 'string', title: 'Quantity' },\n      unitPrice: { type: 'string', title: 'Unit price' },\n      listPrice: { type: 'string', title: 'List price' },\n      total: { type: 'string', title: 'Total' },\n      tax: { type: 'string', title: 'Tax' },\n    },\n  },\n});\n\nexport type OrderDeliveryGroupContentValue = ContentValue<typeof OrderDeliveryGroupContent>;\n\nexport type OrderDeliveryMoney = { amount: string | number; currencyCode: string };\n\nexport type OrderDeliveryItemData = {\n  id: string;\n  name: string;\n  quantity: number;\n  image: { url: string; altText: string | null } | null;\n  sellingPrice: OrderDeliveryMoney | null;\n  listPrice: OrderDeliveryMoney | null;\n  total: OrderDeliveryMoney | null;\n  tax: OrderDeliveryMoney | null;\n  customFields: Array<{ name: string; value: string }>;\n};\n\nexport type OrderDeliveryOptionData = {\n  selectedSla: string | null;\n  deliveryChannel: string | null;\n  shippingEstimateDate: string | null;\n  items: OrderDeliveryItemData[];\n};\n\n/** Unwrapped `CustomerOrder` slice. Null when the id does not resolve to the shopper's order. */\nexport type OrderDeliveryGroupData = {\n  deliveryOptions: OrderDeliveryOptionData[];\n} | null;\n\nexport type OrderDeliveryGroupProps = Readonly<{\n  /** Accessible name of the section. Content wins, then this prop, then the catalogue. */\n  label?: string;\n  $content?: OrderDeliveryGroupContentValue;\n  $data?: OrderDeliveryGroupData;\n  /** Rendered once per option, after its rows, inside the `order-delivery-option` context. */\n  children?: ReactNode;\n  className?: string;\n  ref?: Ref<HTMLElement>;\n}>;\n\n/** Which delivery option the children of `OrderDeliveryGroup` are rendering inside. */\nexport type OrderDeliveryOptionContextValue = Readonly<{ index: number }>;\n\nconst OrderDeliveryOptionContext = createContext<OrderDeliveryOptionContextValue | null>(null);\n\n/** The option index published by the enclosing `OrderDeliveryGroup`, or null outside one. */\nexport function useOrderDeliveryOption(): OrderDeliveryOptionContextValue | null {\n  return useContext(OrderDeliveryOptionContext);\n}\n\nconst ESTIMATE_FORMAT: Intl.DateTimeFormatOptions = {\n  year: 'numeric',\n  month: 'numeric',\n  day: 'numeric',\n  hour: 'numeric',\n  minute: '2-digit',\n};\n\nfunction estimateInstant(value: string | null | undefined): Date | null {\n  if (!value?.trim()) {\n    return null;\n  }\n  const date = new Date(value);\n  return Number.isNaN(date.getTime()) ? null : date;\n}\n\ntype DeliveryLabels = {\n  region: string;\n  delivery: string;\n  pickup: string;\n  estimate: string;\n  subtotal: string;\n  quantity: string;\n  unitPrice: string;\n  listPrice: string;\n  total: string;\n  tax: string;\n  items: (count: number) => string;\n};\n\nfunction authored(value: string | undefined): string | undefined {\n  const trimmed = value?.trim();\n  return trimmed || undefined;\n}\n\nfunction sentence(value: string | undefined, fallback: string): string {\n  return authored(value) ?? fallback;\n}\n\nexport const OrderDeliveryGroupDefinition = defineComponent<OrderDeliveryGroupProps>({\n  name: 'OrderDeliveryGroup',\n  importPath: '@vtex/faststore/components',\n  component: OrderDeliveryGroup,\n  content: OrderDeliveryGroupContent,\n  fragment,\n  fetchStrategy: 'static',\n  skeleton: OrderDeliveryGroupSkeleton,\n  editor: { label: 'Order Delivery Group', category: 'content' },\n  schema: {\n    label: { type: 'string', label: 'Accessible name' },\n  },\n  providesContext: 'order-delivery-option',\n  guideline:\n    'The products of one order grouped by delivery option, one collapsible group per option with the option name, the delivery estimate when the order has one, the item count, and the subtotal in its header. Labels are content; a blank field keeps the catalogue. A single option arrives open; two or more arrive closed. Reads customerOrder by the orderId route segment; place it once on the order details page. Children such as OrderDeliveryAddress render once per option, after its rows.',\n});\n\nfunction moneyAmount(money: OrderDeliveryMoney | null): number | null {\n  // Number('') and Number('  ') are 0, which would print a blank upstream amount as a real zero.\n  if (!money || (typeof money.amount === 'string' && money.amount.trim() === '')) {\n    return null;\n  }\n  const value = typeof money.amount === 'number' ? money.amount : Number(money.amount);\n  return Number.isFinite(value) ? value : null;\n}\n\nfunction optionValue(index: number): string {\n  return `option-${index}`;\n}\n\nfunction initialOpen(options: OrderDeliveryOptionData[]): string[] {\n  return options.length === 1 ? [optionValue(0)] : [];\n}\n\nfunction itemCount(items: OrderDeliveryItemData[]): number {\n  return items.reduce((sum, line) => sum + line.quantity, 0);\n}\n\n/** The sum of the line totals the API returned, in cents, in the currency of the first total. */\nfunction subtotal(items: OrderDeliveryItemData[]): { amount: number; currencyCode: string } | null {\n  let cents = 0;\n  let currencyCode: string | null = null;\n  for (const line of items) {\n    if (!line.total) {\n      continue;\n    }\n    const amount = moneyAmount(line.total);\n    if (amount == null) {\n      continue;\n    }\n    cents += Math.round(amount * 100);\n    currencyCode ??= line.total.currencyCode;\n  }\n  return currencyCode ? { amount: cents / 100, currencyCode } : null;\n}\n\nexport function OrderDeliveryGroupSkeleton({ className, ...props }: ComponentPropsWithRef<'div'>) {\n  return (\n    <div {...props} className={className} data-fs-order-delivery-group-skeleton=\"\" aria-hidden=\"true\">\n      <span data-fs-order-delivery-group-skeleton-option=\"\" />\n      <span data-fs-order-delivery-group-skeleton-option=\"\" />\n    </div>\n  );\n}\n\nfunction deliveryLabels(\n  content: OrderDeliveryGroupContentValue | undefined,\n  label: string | undefined,\n  intl: ReturnType<typeof useIntl>,\n): DeliveryLabels {\n  const itemsOne = authored(content?.itemsOne);\n  const itemsOther = authored(content?.itemsOther);\n  return {\n    region: authored(content?.label) ?? (label?.trim() || intl.formatMessage({ id: 'fs/order-delivery-group.label' })),\n    delivery: sentence(content?.delivery, intl.formatMessage({ id: 'fs/order-delivery-group.channel.delivery' })),\n    pickup: sentence(content?.pickup, intl.formatMessage({ id: 'fs/order-delivery-group.channel.pickup-in-point' })),\n    estimate: sentence(content?.estimate, intl.formatMessage({ id: 'fs/order-delivery-group.estimate' })),\n    subtotal: sentence(content?.subtotal, intl.formatMessage({ id: 'fs/order-delivery-group.subtotal' })),\n    quantity: sentence(content?.quantity, intl.formatMessage({ id: 'fs/order-delivery-group.quantity' })),\n    unitPrice: sentence(content?.unitPrice, intl.formatMessage({ id: 'fs/order-delivery-group.unit-price' })),\n    listPrice: sentence(content?.listPrice, intl.formatMessage({ id: 'fs/order-delivery-group.list-price' })),\n    total: sentence(content?.total, intl.formatMessage({ id: 'fs/order-delivery-group.total' })),\n    tax: sentence(content?.tax, intl.formatMessage({ id: 'fs/order-delivery-group.tax' })),\n    items(count: number) {\n      const template = count === 1 ? itemsOne : itemsOther;\n      if (template) {\n        return template.replaceAll('{count}', String(count));\n      }\n      return intl.formatMessage({ id: 'fs/order-delivery-group.items' }, { count });\n    },\n  };\n}\n\nexport function OrderDeliveryGroup({ label, $content, $data, children, className, ref }: OrderDeliveryGroupProps) {\n  const intl = useIntl();\n  const options = $data?.deliveryOptions ?? [];\n  const labels = deliveryLabels($content, label, intl);\n\n  if (options.length === 0) {\n    return null;\n  }\n\n  return (\n    <section\n      ref={ref}\n      aria-label={labels.region}\n      className={className}\n      data-fs-order-delivery-group=\"\"\n      data-fs-order-delivery-group-count={options.length}\n    >\n      <AccordionRoot openMultiple defaultValue={initialOpen(options)}>\n        {options.map((option, index) => (\n          <DeliveryOption\n            key={optionValue(index)}\n            value={optionValue(index)}\n            index={index}\n            option={option}\n            labels={labels}\n          >\n            {children}\n          </DeliveryOption>\n        ))}\n      </AccordionRoot>\n    </section>\n  );\n}\n\ntype DeliveryOptionProps = Readonly<{\n  value: string;\n  index: number;\n  option: OrderDeliveryOptionData;\n  labels: DeliveryLabels;\n  children?: ReactNode;\n}>;\n\nfunction channelName(channel: string | null, labels: DeliveryLabels): string | null {\n  if (channel === 'delivery') {\n    return labels.delivery;\n  }\n  if (channel === 'pickup-in-point') {\n    return labels.pickup;\n  }\n  return null;\n}\n\nfunction DeliveryOption({ value, index, option, labels, children }: DeliveryOptionProps) {\n  const { formatMoney, formatDate } = useStorefrontFormatters();\n  const name = option.selectedSla?.trim() || channelName(option.deliveryChannel, labels);\n  const total = subtotal(option.items);\n  const estimate = estimateInstant(option.shippingEstimateDate);\n  const optionContext = useMemo(() => ({ index }), [index]);\n\n  return (\n    <AccordionItem\n      value={value}\n      data-fs-order-delivery-group-option=\"\"\n      data-fs-order-delivery-group-option-channel={option.deliveryChannel ?? undefined}\n    >\n      <AccordionHeader data-fs-order-delivery-group-option-header=\"\">\n        <AccordionTrigger data-fs-order-delivery-group-option-trigger=\"\">\n          {name ? <span data-fs-order-delivery-group-option-name=\"\">{name}</span> : null}\n          {estimate ? (\n            <>\n              <span data-fs-order-delivery-group-option-estimate-label=\"\">{labels.estimate}</span>\n              <time dateTime={option.shippingEstimateDate ?? undefined} data-fs-order-delivery-group-option-estimate=\"\">\n                {formatDate(estimate, ESTIMATE_FORMAT)}\n              </time>\n            </>\n          ) : null}\n          <span data-fs-order-delivery-group-option-items=\"\">{labels.items(itemCount(option.items))}</span>\n          {total ? (\n            <>\n              <span data-fs-order-delivery-group-option-subtotal-label=\"\">{labels.subtotal}</span>\n              <span data-fs-order-delivery-group-option-subtotal=\"\">\n                {formatMoney(total.amount, { currency: total.currencyCode })}\n              </span>\n            </>\n          ) : null}\n        </AccordionTrigger>\n      </AccordionHeader>\n      <AccordionPanel data-fs-order-delivery-group-option-panel=\"\">\n        <ul data-fs-order-delivery-group-rows=\"\">\n          {option.items.map((line) => (\n            <DeliveryRow key={line.id} line={line} labels={labels} />\n          ))}\n        </ul>\n        {children ? (\n          <OrderDeliveryOptionContext.Provider value={optionContext}>{children}</OrderDeliveryOptionContext.Provider>\n        ) : null}\n      </AccordionPanel>\n    </AccordionItem>\n  );\n}\n\ntype MoneyLabel = 'unitPrice' | 'listPrice' | 'total' | 'tax';\n\nconst MONEY_FACTS = {\n  'unit-price': {\n    field: 'unitPrice',\n    label: { 'data-fs-order-delivery-group-row-unit-price-label': '' },\n    value: { 'data-fs-order-delivery-group-row-unit-price': '' },\n  },\n  'list-price': {\n    field: 'listPrice',\n    label: { 'data-fs-order-delivery-group-row-list-price-label': '' },\n    value: { 'data-fs-order-delivery-group-row-list-price': '' },\n  },\n  total: {\n    field: 'total',\n    label: { 'data-fs-order-delivery-group-row-total-label': '' },\n    value: { 'data-fs-order-delivery-group-row-total': '' },\n  },\n  tax: {\n    field: 'tax',\n    label: { 'data-fs-order-delivery-group-row-tax-label': '' },\n    value: { 'data-fs-order-delivery-group-row-tax': '' },\n  },\n} as const satisfies Record<string, { field: MoneyLabel; label: object; value: object }>;\n\ntype MoneyFactProps = Readonly<{\n  kind: keyof typeof MONEY_FACTS;\n  money: OrderDeliveryMoney;\n  labels: DeliveryLabels;\n}>;\n\nfunction MoneyFact({ kind, money, labels }: MoneyFactProps) {\n  const { formatMoney } = useStorefrontFormatters();\n  const amount = moneyAmount(money);\n  if (amount == null) {\n    return null;\n  }\n  const fact = MONEY_FACTS[kind];\n\n  return (\n    <>\n      <span {...fact.label}>{labels[fact.field]}</span>\n      <span {...fact.value}>{formatMoney(amount, { currency: money.currencyCode })}</span>\n    </>\n  );\n}\n\nfunction DeliveryRow({ line, labels }: Readonly<{ line: OrderDeliveryItemData; labels: DeliveryLabels }>) {\n  const listPrice = moneyAmount(line.listPrice) === moneyAmount(line.sellingPrice) ? null : line.listPrice;\n\n  return (\n    <li data-fs-order-delivery-group-row=\"\">\n      {line.image ? (\n        // biome-ignore lint/performance/noImgElement: order line image URL is dynamic; matter stays Next-agnostic.\n        <img\n          src={line.image.url}\n          alt={line.image.altText ?? line.name}\n          data-fs-order-delivery-group-row-image=\"\"\n          data-fs-image=\"\"\n        />\n      ) : null}\n      <span data-fs-order-delivery-group-row-details=\"\">\n        <span data-fs-order-delivery-group-row-name=\"\">{line.name}</span>\n        {line.customFields.map((field) => (\n          <span key={field.name} data-fs-order-delivery-group-row-custom-field=\"\">\n            <span data-fs-order-delivery-group-row-custom-field-name=\"\">{field.name}</span>\n            <span data-fs-order-delivery-group-row-custom-field-value=\"\">{field.value}</span>\n          </span>\n        ))}\n        <span data-fs-order-delivery-group-row-fact=\"\">\n          <span data-fs-order-delivery-group-row-quantity-label=\"\">{labels.quantity}</span>\n          <span data-fs-order-delivery-group-row-quantity=\"\">{line.quantity}</span>\n        </span>\n        {line.sellingPrice ? (\n          <FactLine>\n            <MoneyFact kind=\"unit-price\" money={line.sellingPrice} labels={labels} />\n          </FactLine>\n        ) : null}\n        {listPrice ? (\n          <FactLine>\n            <MoneyFact kind=\"list-price\" money={listPrice} labels={labels} />\n          </FactLine>\n        ) : null}\n        {line.tax ? (\n          <FactLine>\n            <MoneyFact kind=\"tax\" money={line.tax} labels={labels} />\n          </FactLine>\n        ) : null}\n      </span>\n      {line.total ? (\n        <span data-fs-order-delivery-group-row-aside=\"\">\n          <MoneyFact kind=\"total\" money={line.total} labels={labels} />\n        </span>\n      ) : null}\n    </li>\n  );\n}\n\nfunction FactLine({ children }: Readonly<{ children: ReactNode }>) {\n  return <span data-fs-order-delivery-group-row-fact=\"\">{children}</span>;\n}\n"],"mappings":"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"}

package/dist/matter/order-details-header/order-details-header.d.ts

@@ -0,0 +1,104 @@
+import { ContentValue } from "../../core/dist/define-content-type.js";
+import { ComponentDefinition } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { OrderCompletionData } from "../../sdk/orders/completion-badge.js";
+import { ComponentPropsWithRef, Ref } from "react";
+//#region src/matter/order-details-header/order-details-header.d.ts
+export declare const OrderDetailsHeaderContent: {
+  readonly id: "order-details-header";
+  readonly title: "Order Details Header";
+  readonly description: "The prefix, the copy action, and the status sentences on the order page.";
+  readonly schema: {
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+      readonly prefix: {
+        readonly type: "string";
+        readonly title: "Prefix";
+      };
+      readonly copyLabel: {
+        readonly type: "string";
+        readonly title: "Copy label";
+      };
+      readonly copyAccessibleName: {
+        readonly type: "string";
+        readonly title: "Copy accessible name";
+      };
+      readonly copyCopied: {
+        readonly type: "string";
+        readonly title: "Copied";
+      };
+      readonly copyFailure: {
+        readonly type: "string";
+        readonly title: "Copy failure";
+      };
+      readonly copyDismiss: {
+        readonly type: "string";
+        readonly title: "Dismiss copy";
+      };
+      readonly statusInProgress: {
+        readonly type: "string";
+        readonly title: "In progress";
+      };
+      readonly statusCancellationRequested: {
+        readonly type: "string";
+        readonly title: "Cancellation requested";
+      };
+      readonly statusCancelled: {
+        readonly type: "string";
+        readonly title: "Cancelled";
+      };
+      readonly statusDelivered: {
+        readonly type: "string";
+        readonly title: "Delivered";
+      };
+      readonly statusShipped: {
+        readonly type: "string";
+        readonly title: "Shipped";
+      };
+      readonly statusReadyForPickup: {
+        readonly type: "string";
+        readonly title: "Ready for pickup";
+      };
+      readonly statusCollected: {
+        readonly type: "string";
+        readonly title: "Collected";
+      };
+      readonly statusPlaceholder: {
+        readonly type: "string";
+        readonly title: "Status unavailable";
+      };
+    };
+  };
+};
+export type OrderDetailsHeaderContentValue = ContentValue<typeof OrderDetailsHeaderContent>;
+/**
+ * The `customerOrder` root the generator passes as `$data`. A single-root fragment is bound to
+ * that field's value, so this is the order itself, or null when the read resolves nothing.
+ */
+export type OrderDetailsHeaderData = {
+  orderNumber: string;
+  completion: OrderCompletionData;
+} | null;
+export type OrderDetailsHeaderProps = Readonly<{
+  $data?: OrderDetailsHeaderData | null;
+  $content?: OrderDetailsHeaderContentValue;
+  prefix?: string;
+  copyLabel?: string;
+  copyAccessibleName?: string;
+  className?: string;
+  ref?: Ref<HTMLElement>;
+}>;
+export declare const OrderDetailsHeaderDefinition: ComponentDefinition<Readonly<{
+  $data?: OrderDetailsHeaderData | null;
+  $content?: OrderDetailsHeaderContentValue;
+  prefix?: string;
+  copyLabel?: string;
+  copyAccessibleName?: string;
+  className?: string;
+  ref?: Ref<HTMLElement>;
+}>>;
+export declare function OrderDetailsHeaderSkeleton({ className, ...props }: ComponentPropsWithRef<'div'>): import("react/jsx-runtime").JSX.Element;
+export declare function OrderDetailsHeader({ $data, $content, prefix, copyLabel, copyAccessibleName, className, ref }: OrderDetailsHeaderProps): import("react/jsx-runtime").JSX.Element | null;
+//#endregion
+//# sourceMappingURL=order-details-header.d.ts.map