@vtex/faststore 0.0.10 → 0.0.12

package/dist/matter/order-delivery-group/order-delivery-group.d.ts

@@ -1,4 +1,4 @@
-import { ContentValue } from "../../core/dist/define-content-type.js";
+import { ContentValue, MessageLocaleProp } from "../../core/dist/define-content-type.js";
 import { ComponentDefinition } from "../../core/dist/define-component.js";
 import "../../core/dist/index.js";
 import { ComponentPropsWithRef, ReactNode, Ref } from "react";
@@ -6,7 +6,7 @@ import { ComponentPropsWithRef, ReactNode, Ref } from "react";
 export declare const OrderDeliveryGroupContent: {
   readonly id: "order-delivery-group";
   readonly title: "Order Delivery Group";
-  readonly description: "The labels of a delivery group. The item-count sentences keep {count}: one for a single item, the other for the rest.";
+  readonly description: "The labels of a delivery group.";
   readonly schema: {
     readonly type: "object";
     readonly additionalProperties: false;
@@ -14,52 +14,79 @@ export declare const OrderDeliveryGroupContent: {
       readonly label: {
         readonly type: "string";
         readonly title: "Accessible name";
+        readonly format: "icu-message";
+        readonly messageSource: "Deliveries";
       };
       readonly delivery: {
         readonly type: "string";
         readonly title: "Delivery";
+        readonly format: "icu-message";
+        readonly messageSource: "Delivery";
       };
       readonly pickup: {
         readonly type: "string";
         readonly title: "Pickup";
+        readonly format: "icu-message";
+        readonly messageSource: "Pickup";
       };
       readonly estimate: {
         readonly type: "string";
         readonly title: "Estimated delivery";
+        readonly format: "icu-message";
+        readonly messageSource: "Estimated delivery";
       };
-      readonly itemsOne: {
+      readonly items: {
         readonly type: "string";
-        readonly title: "One item";
-        readonly description: "Keep the placeholder {count}.";
-      };
-      readonly itemsOther: {
-        readonly type: "string";
-        readonly title: "Many items";
-        readonly description: "Keep the placeholder {count}.";
+        readonly title: "Item count";
+        readonly format: "icu-message";
+        readonly messageSource: "{count, plural, one {# item} other {# items}}";
+        readonly messageArguments: {
+          readonly type: "object";
+          readonly properties: {
+            readonly count: {
+              readonly type: "integer";
+            };
+          };
+        };
+        readonly messageExample: {
+          readonly count: 2;
+        };
       };
       readonly subtotal: {
         readonly type: "string";
         readonly title: "Subtotal";
+        readonly format: "icu-message";
+        readonly messageSource: "Subtotal";
       };
       readonly quantity: {
         readonly type: "string";
         readonly title: "Quantity";
+        readonly format: "icu-message";
+        readonly messageSource: "Quantity";
       };
       readonly unitPrice: {
         readonly type: "string";
         readonly title: "Unit price";
+        readonly format: "icu-message";
+        readonly messageSource: "Unit price";
       };
       readonly listPrice: {
         readonly type: "string";
         readonly title: "List price";
+        readonly format: "icu-message";
+        readonly messageSource: "List price";
       };
       readonly total: {
         readonly type: "string";
         readonly title: "Total";
+        readonly format: "icu-message";
+        readonly messageSource: "Total";
       };
       readonly tax: {
         readonly type: "string";
         readonly title: "Tax";
+        readonly format: "icu-message";
+        readonly messageSource: "Tax";
       };
     };
   };
@@ -96,9 +123,7 @@ export type OrderDeliveryOptionData = {
 export type OrderDeliveryGroupData = {
   deliveryOptions: OrderDeliveryOptionData[];
 } | null;
-export type OrderDeliveryGroupProps = Readonly<{
-  /** Accessible name of the section. Content wins, then this prop, then the catalogue. */
-  label?: string;
+export type OrderDeliveryGroupProps = MessageLocaleProp & Readonly<{
   $content?: OrderDeliveryGroupContentValue;
   $data?: OrderDeliveryGroupData;
   /** Rendered once per option, after its rows, inside the `order-delivery-option` context. */
@@ -112,17 +137,8 @@ export type OrderDeliveryOptionContextValue = Readonly<{
 }>;
 /** The option index published by the enclosing `OrderDeliveryGroup`, or null outside one. */
 export declare function useOrderDeliveryOption(): OrderDeliveryOptionContextValue | null;
-export declare const OrderDeliveryGroupDefinition: ComponentDefinition<Readonly<{
-  /** Accessible name of the section. Content wins, then this prop, then the catalogue. */
-  label?: string;
-  $content?: OrderDeliveryGroupContentValue;
-  $data?: OrderDeliveryGroupData;
-  /** Rendered once per option, after its rows, inside the `order-delivery-option` context. */
-  children?: ReactNode;
-  className?: string;
-  ref?: Ref<HTMLElement>;
-}>>;
+export declare const OrderDeliveryGroupDefinition: ComponentDefinition<OrderDeliveryGroupProps>;
 export declare function OrderDeliveryGroupSkeleton({ className, ...props }: ComponentPropsWithRef<'div'>): import("react/jsx-runtime").JSX.Element;
-export declare function OrderDeliveryGroup({ label, $content, $data, children, className, ref }: OrderDeliveryGroupProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function OrderDeliveryGroup({ $content, $data, children, className, ref }: OrderDeliveryGroupProps): import("react/jsx-runtime").JSX.Element | null;
 //#endregion
 //# sourceMappingURL=order-delivery-group.d.ts.map

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

@@ -3,7 +3,7 @@ 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 { useMessageFormatter } from "../../sdk/i18n/use-message-formatter.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";
@@ -51,60 +51,81 @@ const fragment = `
 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.",
+	description: "The labels of a delivery group.",
 	schema: {
 		type: "object",
 		additionalProperties: false,
 		properties: {
 			label: {
 				type: "string",
-				title: "Accessible name"
+				title: "Accessible name",
+				format: "icu-message",
+				messageSource: "Deliveries"
 			},
 			delivery: {
 				type: "string",
-				title: "Delivery"
+				title: "Delivery",
+				format: "icu-message",
+				messageSource: "Delivery"
 			},
 			pickup: {
 				type: "string",
-				title: "Pickup"
+				title: "Pickup",
+				format: "icu-message",
+				messageSource: "Pickup"
 			},
 			estimate: {
 				type: "string",
-				title: "Estimated delivery"
+				title: "Estimated delivery",
+				format: "icu-message",
+				messageSource: "Estimated delivery"
 			},
-			itemsOne: {
+			items: {
 				type: "string",
-				title: "One item",
-				description: "Keep the placeholder {count}."
-			},
-			itemsOther: {
-				type: "string",
-				title: "Many items",
-				description: "Keep the placeholder {count}."
+				title: "Item count",
+				format: "icu-message",
+				messageSource: "{count, plural, one {# item} other {# items}}",
+				messageArguments: {
+					type: "object",
+					properties: { count: { type: "integer" } }
+				},
+				messageExample: { count: 2 }
 			},
 			subtotal: {
 				type: "string",
-				title: "Subtotal"
+				title: "Subtotal",
+				format: "icu-message",
+				messageSource: "Subtotal"
 			},
 			quantity: {
 				type: "string",
-				title: "Quantity"
+				title: "Quantity",
+				format: "icu-message",
+				messageSource: "Quantity"
 			},
 			unitPrice: {
 				type: "string",
-				title: "Unit price"
+				title: "Unit price",
+				format: "icu-message",
+				messageSource: "Unit price"
 			},
 			listPrice: {
 				type: "string",
-				title: "List price"
+				title: "List price",
+				format: "icu-message",
+				messageSource: "List price"
 			},
 			total: {
 				type: "string",
-				title: "Total"
+				title: "Total",
+				format: "icu-message",
+				messageSource: "Total"
 			},
 			tax: {
 				type: "string",
-				title: "Tax"
+				title: "Tax",
+				format: "icu-message",
+				messageSource: "Tax"
 			}
 		}
 	}
@@ -126,12 +147,6 @@ function estimateInstant(value) {
 	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",
@@ -144,12 +159,9 @@ const OrderDeliveryGroupDefinition = defineComponent({
 		label: "Order Delivery Group",
 		category: "content"
 	},
-	schema: { label: {
-		type: "string",
-		label: "Accessible name"
-	} },
+	schema: {},
 	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."
+	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 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;
@@ -190,35 +202,13 @@ function OrderDeliveryGroupSkeleton({ className, ...props }) {
 		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();
+function OrderDeliveryGroup({ $content, $data, children, className, ref }) {
+	const messages = useMessageFormatter(OrderDeliveryGroupContent, $content);
 	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,
+		"aria-label": messages.format("label"),
 		className,
 		"data-fs-order-delivery-group": "",
 		"data-fs-order-delivery-group-count": options.length,
@@ -229,20 +219,20 @@ function OrderDeliveryGroup({ label, $content, $data, children, className, ref }
 				value: optionValue(index),
 				index,
 				option,
-				labels,
+				messages,
 				children
 			}, optionValue(index)))
 		})
 	});
 }
-function channelName(channel, labels) {
-	if (channel === "delivery") return labels.delivery;
-	if (channel === "pickup-in-point") return labels.pickup;
+function channelName(channel, messages) {
+	if (channel === "delivery") return messages.format("delivery");
+	if (channel === "pickup-in-point") return messages.format("pickup");
 	return null;
 }
-function DeliveryOption({ value, index, option, labels, children }) {
+function DeliveryOption({ value, index, option, messages, children }) {
 	const { formatMoney, formatDate } = useStorefrontFormatters();
-	const name = option.selectedSla?.trim() || channelName(option.deliveryChannel, labels);
+	const name = option.selectedSla?.trim() || channelName(option.deliveryChannel, messages);
 	const total = subtotal(option.items);
 	const estimate = estimateInstant(option.shippingEstimateDate);
 	const optionContext = useMemo(() => ({ index }), [index]);
@@ -261,7 +251,7 @@ function DeliveryOption({ value, index, option, labels, children }) {
 					}) : null,
 					estimate ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
 						"data-fs-order-delivery-group-option-estimate-label": "",
-						children: labels.estimate
+						children: messages.format("estimate")
 					}), /* @__PURE__ */ jsx("time", {
 						dateTime: option.shippingEstimateDate ?? void 0,
 						"data-fs-order-delivery-group-option-estimate": "",
@@ -269,11 +259,11 @@ function DeliveryOption({ value, index, option, labels, children }) {
 					})] }) : null,
 					/* @__PURE__ */ jsx("span", {
 						"data-fs-order-delivery-group-option-items": "",
-						children: labels.items(itemCount(option.items))
+						children: messages.format("items", { count: itemCount(option.items) })
 					}),
 					total ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
 						"data-fs-order-delivery-group-option-subtotal-label": "",
-						children: labels.subtotal
+						children: messages.format("subtotal")
 					}), /* @__PURE__ */ jsx("span", {
 						"data-fs-order-delivery-group-option-subtotal": "",
 						children: formatMoney(total.amount, { currency: total.currencyCode })
@@ -286,7 +276,7 @@ function DeliveryOption({ value, index, option, labels, children }) {
 				"data-fs-order-delivery-group-rows": "",
 				children: option.items.map((line) => /* @__PURE__ */ jsx(DeliveryRow, {
 					line,
-					labels
+					messages
 				}, line.id))
 			}), children ? /* @__PURE__ */ jsx(OrderDeliveryOptionContext.Provider, {
 				value: optionContext,
@@ -317,20 +307,20 @@ const MONEY_FACTS = {
 		value: { "data-fs-order-delivery-group-row-tax": "" }
 	}
 };
-function MoneyFact({ kind, money, labels }) {
+function MoneyFact({ kind, money, messages }) {
 	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]
+		children: messages.format(fact.field)
 	}), /* @__PURE__ */ jsx("span", {
 		...fact.value,
 		children: formatMoney(amount, { currency: money.currencyCode })
 	})] });
 }
-function DeliveryRow({ line, labels }) {
+function DeliveryRow({ line, messages }) {
 	const listPrice = moneyAmount(line.listPrice) === moneyAmount(line.sellingPrice) ? null : line.listPrice;
 	return /* @__PURE__ */ jsxs("li", {
 		"data-fs-order-delivery-group-row": "",
@@ -362,7 +352,7 @@ function DeliveryRow({ line, labels }) {
 						"data-fs-order-delivery-group-row-fact": "",
 						children: [/* @__PURE__ */ jsx("span", {
 							"data-fs-order-delivery-group-row-quantity-label": "",
-							children: labels.quantity
+							children: messages.format("quantity")
 						}), /* @__PURE__ */ jsx("span", {
 							"data-fs-order-delivery-group-row-quantity": "",
 							children: line.quantity
@@ -371,17 +361,17 @@ function DeliveryRow({ line, labels }) {
 					line.sellingPrice ? /* @__PURE__ */ jsx(FactLine, { children: /* @__PURE__ */ jsx(MoneyFact, {
 						kind: "unit-price",
 						money: line.sellingPrice,
-						labels
+						messages
 					}) }) : null,
 					listPrice ? /* @__PURE__ */ jsx(FactLine, { children: /* @__PURE__ */ jsx(MoneyFact, {
 						kind: "list-price",
 						money: listPrice,
-						labels
+						messages
 					}) }) : null,
 					line.tax ? /* @__PURE__ */ jsx(FactLine, { children: /* @__PURE__ */ jsx(MoneyFact, {
 						kind: "tax",
 						money: line.tax,
-						labels
+						messages
 					}) }) : null
 				]
 			}),
@@ -390,7 +380,7 @@ function DeliveryRow({ line, labels }) {
 				children: /* @__PURE__ */ jsx(MoneyFact, {
 					kind: "total",
 					money: line.total,
-					labels
+					messages
 				})
 			}) : null
 		]

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

@@ -1 +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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"}
+{"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, type MessageLocaleProp } 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 type { MessageFormatter } from '../../sdk/i18n/message-formatter.js';\nimport { useMessageFormatter } from '../../sdk/i18n/use-message-formatter.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: 'The labels of a delivery group.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      label: { type: 'string', title: 'Accessible name', format: 'icu-message', messageSource: 'Deliveries' },\n      delivery: { type: 'string', title: 'Delivery', format: 'icu-message', messageSource: 'Delivery' },\n      pickup: { type: 'string', title: 'Pickup', format: 'icu-message', messageSource: 'Pickup' },\n      estimate: {\n        type: 'string',\n        title: 'Estimated delivery',\n        format: 'icu-message',\n        messageSource: 'Estimated delivery',\n      },\n      items: {\n        type: 'string',\n        title: 'Item count',\n        format: 'icu-message',\n        messageSource: '{count, plural, one {# item} other {# items}}',\n        messageArguments: { type: 'object', properties: { count: { type: 'integer' } } },\n        messageExample: { count: 2 },\n      },\n      subtotal: { type: 'string', title: 'Subtotal', format: 'icu-message', messageSource: 'Subtotal' },\n      quantity: { type: 'string', title: 'Quantity', format: 'icu-message', messageSource: 'Quantity' },\n      unitPrice: { type: 'string', title: 'Unit price', format: 'icu-message', messageSource: 'Unit price' },\n      listPrice: { type: 'string', title: 'List price', format: 'icu-message', messageSource: 'List price' },\n      total: { type: 'string', title: 'Total', format: 'icu-message', messageSource: 'Total' },\n      tax: { type: 'string', title: 'Tax', format: 'icu-message', messageSource: '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 = MessageLocaleProp &\n  Readonly<{\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 DeliveryMessages = MessageFormatter<typeof OrderDeliveryGroupContent>;\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  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 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\nexport function OrderDeliveryGroup({ $content, $data, children, className, ref }: OrderDeliveryGroupProps) {\n  const messages = useMessageFormatter(OrderDeliveryGroupContent, $content);\n  const options = $data?.deliveryOptions ?? [];\n\n  if (options.length === 0) {\n    return null;\n  }\n\n  return (\n    <section\n      ref={ref}\n      aria-label={messages.format('label')}\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            messages={messages}\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  messages: DeliveryMessages;\n  children?: ReactNode;\n}>;\n\nfunction channelName(channel: string | null, messages: DeliveryMessages): string | null {\n  if (channel === 'delivery') {\n    return messages.format('delivery');\n  }\n  if (channel === 'pickup-in-point') {\n    return messages.format('pickup');\n  }\n  return null;\n}\n\nfunction DeliveryOption({ value, index, option, messages, children }: DeliveryOptionProps) {\n  const { formatMoney, formatDate } = useStorefrontFormatters();\n  const name = option.selectedSla?.trim() || channelName(option.deliveryChannel, messages);\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=\"\">{messages.format('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=\"\">\n            {messages.format('items', { count: itemCount(option.items) })}\n          </span>\n          {total ? (\n            <>\n              <span data-fs-order-delivery-group-option-subtotal-label=\"\">{messages.format('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} messages={messages} />\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  messages: DeliveryMessages;\n}>;\n\nfunction MoneyFact({ kind, money, messages }: 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}>{messages.format(fact.field)}</span>\n      <span {...fact.value}>{formatMoney(amount, { currency: money.currencyCode })}</span>\n    </>\n  );\n}\n\nfunction DeliveryRow({ line, messages }: Readonly<{ line: OrderDeliveryItemData; messages: DeliveryMessages }>) {\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=\"\">{messages.format('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} messages={messages} />\n          </FactLine>\n        ) : null}\n        {listPrice ? (\n          <FactLine>\n            <MoneyFact kind=\"list-price\" money={listPrice} messages={messages} />\n          </FactLine>\n        ) : null}\n        {line.tax ? (\n          <FactLine>\n            <MoneyFact kind=\"tax\" money={line.tax} messages={messages} />\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} messages={messages} />\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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"}