@vtex/faststore 0.0.10 → 0.0.11

package/dist/matter/order-list/order-list.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 { resolveSafeHref } from "../../utils/safe-href.js";
-import { useIntl } from "../../sdk/i18n/client.js";
+import { useMessageFormatter } from "../../sdk/i18n/use-message-formatter.js";
 import { StorefrontLink } from "../../sdk/navigation/storefront-link.js";
 import { useStorefrontRoute } from "../../sdk/navigation/use-storefront-route.js";
 import { useStorefrontSearchParams } from "../../sdk/navigation/use-storefront-search-params.js";
@@ -47,104 +47,245 @@ const fragment = `
 const OrderListContent = defineContentType({
 	id: "order-list",
 	title: "Order List",
-	description: "The count, empty, error, and advance sentences for the orders list.",
+	description: "The count, empty, error, and advance sentences for the orders list, its column headers, and its row status labels.",
 	schema: {
 		type: "object",
 		additionalProperties: false,
 		properties: {
 			label: {
 				type: "string",
-				title: "Accessible name"
+				title: "Accessible name",
+				description: "Accessible name of the list region.",
+				format: "icu-message",
+				messageSource: "Orders"
 			},
 			count: {
 				type: "string",
-				title: "Count"
+				title: "Count",
+				format: "icu-message",
+				messageSource: "{count} of {total}",
+				messageArguments: {
+					type: "object",
+					properties: {
+						count: { type: "integer" },
+						total: { type: "integer" }
+					}
+				},
+				messageExample: {
+					count: 25,
+					total: 40
+				}
 			},
 			countIncomplete: {
 				type: "string",
-				title: "Incomplete count"
+				title: "Incomplete count",
+				format: "icu-message",
+				messageSource: "{count} of {total}, count incomplete",
+				messageArguments: {
+					type: "object",
+					properties: {
+						count: { type: "integer" },
+						total: { type: "integer" }
+					}
+				},
+				messageExample: {
+					count: 25,
+					total: 40
+				}
 			},
 			emptyAccount: {
 				type: "string",
-				title: "Empty account"
+				title: "Empty account",
+				format: "icu-message",
+				messageSource: "You have no orders yet"
 			},
 			emptyView: {
 				type: "string",
-				title: "Empty view"
+				title: "Empty view",
+				format: "icu-message",
+				messageSource: "No orders in this view"
 			},
 			emptySearch: {
 				type: "string",
-				title: "Empty search"
+				title: "Empty search",
+				format: "icu-message",
+				messageSource: "No orders match this search"
 			},
 			pastEnd: {
 				type: "string",
-				title: "Past the end"
+				title: "Past the end",
+				format: "icu-message",
+				messageSource: "This page has no orders"
 			},
 			walkStopped: {
 				type: "string",
-				title: "Walk stopped"
+				title: "Walk stopped",
+				format: "icu-message",
+				messageSource: "More orders may exist"
 			},
 			error: {
 				type: "string",
-				title: "Error"
+				title: "Error",
+				format: "icu-message",
+				messageSource: "Could not load orders"
 			},
 			retry: {
 				type: "string",
-				title: "Retry"
+				title: "Retry",
+				format: "icu-message",
+				messageSource: "Try again"
 			},
 			next: {
 				type: "string",
-				title: "Next page"
+				title: "Next page",
+				format: "icu-message",
+				messageSource: "Next page"
 			},
 			loadMore: {
 				type: "string",
-				title: "Load more"
+				title: "Load more",
+				format: "icu-message",
+				messageSource: "Load more"
 			},
 			firstPage: {
 				type: "string",
-				title: "First page"
+				title: "First page",
+				format: "icu-message",
+				messageSource: "First page"
 			},
 			clear: {
 				type: "string",
-				title: "Clear search"
+				title: "Clear search",
+				format: "icu-message",
+				messageSource: "Clear search"
 			},
 			startShopping: {
 				type: "string",
-				title: "Start shopping"
+				title: "Start shopping",
+				format: "icu-message",
+				messageSource: "Start shopping"
+			},
+			columnId: {
+				type: "string",
+				title: "Order column",
+				description: "Header of the order id column.",
+				format: "icu-message",
+				messageSource: "Order"
+			},
+			columnPlaced: {
+				type: "string",
+				title: "Placed column",
+				description: "Header of the placed date column.",
+				format: "icu-message",
+				messageSource: "Placed"
+			},
+			columnTotal: {
+				type: "string",
+				title: "Total column",
+				description: "Header of the total column.",
+				format: "icu-message",
+				messageSource: "Total"
+			},
+			columnItems: {
+				type: "string",
+				title: "Items column",
+				description: "Header of the items column.",
+				format: "icu-message",
+				messageSource: "Items"
+			},
+			columnStatus: {
+				type: "string",
+				title: "Status column",
+				description: "Header of the status column.",
+				format: "icu-message",
+				messageSource: "Status"
+			},
+			columnEstimate: {
+				type: "string",
+				title: "Estimate column",
+				description: "Header of the delivery estimate column.",
+				format: "icu-message",
+				messageSource: "Estimate"
+			},
+			statusInProgress: {
+				type: "string",
+				title: "In progress",
+				description: "Row status.",
+				format: "icu-message",
+				messageSource: "In progress"
+			},
+			statusCancellationRequested: {
+				type: "string",
+				title: "Cancellation requested",
+				description: "Row status.",
+				format: "icu-message",
+				messageSource: "Cancellation requested"
+			},
+			statusCancelled: {
+				type: "string",
+				title: "Cancelled",
+				description: "Row status.",
+				format: "icu-message",
+				messageSource: "Canceled"
+			},
+			statusDelivered: {
+				type: "string",
+				title: "Delivered",
+				description: "Row status.",
+				format: "icu-message",
+				messageSource: "Delivered"
+			},
+			statusShipped: {
+				type: "string",
+				title: "Shipped",
+				description: "Row status.",
+				format: "icu-message",
+				messageSource: "Shipped"
+			},
+			statusReadyForPickup: {
+				type: "string",
+				title: "Ready for pickup",
+				description: "Row status.",
+				format: "icu-message",
+				messageSource: "Ready for pickup"
+			},
+			statusCollected: {
+				type: "string",
+				title: "Collected",
+				description: "Row status.",
+				format: "icu-message",
+				messageSource: "Collected"
+			},
+			statusPlaceholder: {
+				type: "string",
+				title: "Status unavailable",
+				description: "Row status when the order has none.",
+				format: "icu-message",
+				messageSource: "Status unavailable"
 			}
 		}
 	}
 });
-const DEFAULTS = {
-	label: "Orders",
-	count: "{count} of {total}",
-	countIncomplete: "{count} of {total}, count incomplete",
-	emptyAccount: "You have no orders yet",
-	emptyView: "No orders in this view",
-	emptySearch: "No orders match this search",
-	pastEnd: "This page has no orders",
-	walkStopped: "More orders may exist",
-	error: "Could not load orders",
-	retry: "Try again",
-	next: "Next page",
-	loadMore: "Load more",
-	firstPage: "First page",
-	clear: "Clear search",
-	startShopping: "Start shopping"
-};
 const COLUMNS = [
-	["id", "fs/order-list.column.id"],
-	["placed", "fs/order-list.column.placed"],
-	["total", "fs/order-list.column.total"],
-	["items", "fs/order-list.column.items"],
-	["status", "fs/order-list.column.status"],
-	["estimate", "fs/order-list.column.estimate"]
+	["id", "columnId"],
+	["placed", "columnPlaced"],
+	["total", "columnTotal"],
+	["items", "columnItems"],
+	["status", "columnStatus"],
+	["estimate", "columnEstimate"]
 ];
 const CRITERIA = [
 	"search",
 	"placedFrom",
 	"placedTo"
 ];
+const EMPTY_FIELDS = {
+	account: "emptyAccount",
+	view: "emptyView",
+	search: "emptySearch",
+	"past-end": "pastEnd",
+	"walk-stopped": "walkStopped"
+};
 const OrderListDefinition = defineComponent({
 	name: "OrderList",
 	importPath: "@vtex/faststore/components",
@@ -158,11 +299,6 @@ const OrderListDefinition = defineComponent({
 		category: "content"
 	},
 	schema: {
-		label: {
-			type: "string",
-			default: "Orders",
-			label: "Accessible name"
-		},
 		advance: {
 			type: ["pages", "load-more"],
 			default: "pages",
@@ -180,11 +316,8 @@ const OrderListDefinition = defineComponent({
 			label: "Order link"
 		}
 	},
-	guideline: "One page of the shopper orders. The read is fixed at 25 and the cursor, view, search, and placed dates come from the page URL. Pages and load-more both link to the next cursor and load that page again."
+	guideline: "One page of the shopper orders. The read is fixed at 25 and the cursor, view, search, and placed dates come from the page URL. Pages and load-more both link to the next cursor and load that page again. Its sentences, links and column headers are $content message fields; label is the region name."
 });
-function copy(value, fallback) {
-	return value?.trim() || fallback;
-}
 function advanceMode(value) {
 	return value === "load-more" ? "load-more" : "pages";
 }
@@ -208,9 +341,6 @@ function withParams(route, params, edit) {
 	edit?.(next);
 	return currentPageWith(route, next);
 }
-function fillCount(template, count, total) {
-	return template.replaceAll("{count}", String(count)).replaceAll("{total}", String(total));
-}
 const HOME_PAGE = { standard: "home" };
 const ORDER_PAGE = { standard: "order" };
 function shoppingHref(value) {
@@ -244,7 +374,7 @@ function OrderListSkeleton({ className, ...props }) {
 		]
 	});
 }
-function listLinks(route, searchParams, connection, mode, content) {
+function listLinks(route, searchParams, connection, mode, { format }) {
 	const nextCursor = connection?.pageInfo.hasNextPage ? connection.pageInfo.endCursor : null;
 	return {
 		nextHref: nextCursor && nextCursor.length > 0 ? withParams(route, searchParams, (next) => {
@@ -260,36 +390,56 @@ function listLinks(route, searchParams, connection, mode, content) {
 			next.delete("after");
 		}),
 		retryHref: withParams(route, searchParams),
-		advanceLabel: copy(mode === "load-more" ? content?.loadMore : content?.next, mode === "load-more" ? DEFAULTS.loadMore : DEFAULTS.next)
+		advanceLabel: format(mode === "load-more" ? "loadMore" : "next")
 	};
 }
-function countSentence(connection, content) {
-	return copy(connection.totalIncomplete ? content?.countIncomplete : content?.count, connection.totalIncomplete ? DEFAULTS.countIncomplete : DEFAULTS.count);
+function countSentence(connection, messages) {
+	return messages.format(connection.totalIncomplete ? "countIncomplete" : "count", {
+		count: connection.edges.length,
+		total: connection.totalCount
+	});
+}
+function columnHeaders({ format }) {
+	return COLUMNS.map(([name, field]) => [name, format(field)]);
 }
-function OrderList({ label, advance, startShoppingHref, orderHref = ORDER_PAGE, $content, $data, className, ref }) {
+function statusMessages({ format }) {
+	return {
+		"in-progress": format("statusInProgress"),
+		"cancellation-requested": format("statusCancellationRequested"),
+		cancelled: format("statusCancelled"),
+		delivered: format("statusDelivered"),
+		shipped: format("statusShipped"),
+		"ready-for-pickup": format("statusReadyForPickup"),
+		collected: format("statusCollected"),
+		placeholder: format("statusPlaceholder")
+	};
+}
+function OrderList({ advance, startShoppingHref, orderHref = ORDER_PAGE, $content, $locale, $data, className, ref }) {
 	const route = useStorefrontRoute();
 	const searchParams = useStorefrontSearchParams();
+	const messages = useMessageFormatter(OrderListContent, $content);
 	const mode = advanceMode(advance);
-	const regionLabel = copy($content?.label, copy(label, DEFAULTS.label));
 	const connection = connectionOf($data);
-	const links = listLinks(route, searchParams, connection, mode, $content);
+	const links = listLinks(route, searchParams, connection, mode, messages);
 	return /* @__PURE__ */ jsx("section", {
 		ref,
-		"aria-label": regionLabel,
+		"aria-label": messages.format("label"),
 		className,
 		"data-fs-order-list": "",
 		"data-fs-order-list-advance": mode,
 		children: connection && connection.edges.length > 0 ? /* @__PURE__ */ jsx(OrderPage, {
 			connection,
-			countLabel: countSentence(connection, $content),
+			countLabel: countSentence(connection, messages),
+			columns: columnHeaders(messages),
+			statusMessages: statusMessages(messages),
 			advanceLabel: links.advanceLabel,
-			firstLabel: copy($content?.firstPage, DEFAULTS.firstPage),
+			firstLabel: messages.format("firstPage"),
 			nextHref: links.nextHref,
 			firstHref: links.firstHref,
 			orderHref
 		}) : /* @__PURE__ */ jsx(OrderEmpty, {
 			kind: connection ? emptyKind(connection, searchParams) : "error",
-			content: $content,
+			messages,
 			criteria: appliedCriteria(searchParams),
 			advanceLabel: links.advanceLabel,
 			nextHref: links.nextHref,
@@ -300,27 +450,27 @@ function OrderList({ label, advance, startShoppingHref, orderHref = ORDER_PAGE,
 		})
 	});
 }
-function OrderColumns() {
-	const intl = useIntl();
+function OrderColumns({ columns }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-fs-order-list-columns": "",
-		children: COLUMNS.map(([name, id]) => /* @__PURE__ */ jsx("span", {
+		children: columns.map(([name, header]) => /* @__PURE__ */ jsx("span", {
 			"data-fs-order-list-column": name,
-			children: intl.formatMessage({ id })
+			children: header
 		}, name))
 	});
 }
-function OrderPage({ connection, countLabel, advanceLabel, firstLabel, nextHref, firstHref, orderHref }) {
+function OrderPage({ connection, countLabel, columns, statusMessages, advanceLabel, firstLabel, nextHref, firstHref, orderHref }) {
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
 		/* @__PURE__ */ jsx("p", {
 			"data-fs-order-list-count": "",
 			"data-fs-order-list-count-incomplete": connection.totalIncomplete ? "" : void 0,
-			children: fillCount(countLabel, connection.edges.length, connection.totalCount)
+			children: countLabel
 		}),
-		/* @__PURE__ */ jsx(OrderColumns, {}),
+		/* @__PURE__ */ jsx(OrderColumns, { columns }),
 		connection.edges.map((edge) => /* @__PURE__ */ jsx(OrderListRow, {
 			$data: edge.node,
-			href: orderHref
+			href: orderHref,
+			statusMessages
 		}, edge.node.id)),
 		firstHref ? /* @__PURE__ */ jsx(StorefrontLink, {
 			href: firstHref,
@@ -334,35 +484,36 @@ function OrderPage({ connection, countLabel, advanceLabel, firstLabel, nextHref,
 		}) : null
 	] });
 }
-function OrderEmpty({ kind, content, criteria, advanceLabel, nextHref, firstHref, clearHref, retryHref, startHref }) {
+function OrderEmpty({ kind, messages, criteria, advanceLabel, nextHref, firstHref, clearHref, retryHref, startHref }) {
+	const { format } = messages;
 	if (kind === "error") return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("p", {
 		"data-fs-order-list-error": "",
-		children: copy(content?.error, DEFAULTS.error)
+		children: format("error")
 	}), /* @__PURE__ */ jsx(StorefrontLink, {
 		href: retryHref,
 		"data-fs-order-list-retry": "",
-		children: copy(content?.retry, DEFAULTS.retry)
+		children: format("retry")
 	})] });
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
 		/* @__PURE__ */ jsx("p", {
 			"data-fs-order-list-empty": kind,
-			children: emptySentence(kind, content)
+			children: format(EMPTY_FIELDS[kind])
 		}),
 		kind === "search" ? /* @__PURE__ */ jsx(Criteria, { criteria }) : null,
 		kind === "search" ? /* @__PURE__ */ jsx(StorefrontLink, {
 			href: clearHref,
 			"data-fs-order-list-clear": "",
-			children: copy(content?.clear, DEFAULTS.clear)
+			children: format("clear")
 		}) : null,
 		kind === "account" ? /* @__PURE__ */ jsx(StorefrontLink, {
 			href: startHref,
 			"data-fs-order-list-start": "",
-			children: copy(content?.startShopping, DEFAULTS.startShopping)
+			children: format("startShopping")
 		}) : null,
 		kind === "past-end" && firstHref ? /* @__PURE__ */ jsx(StorefrontLink, {
 			href: firstHref,
 			"data-fs-order-list-first": "",
-			children: copy(content?.firstPage, DEFAULTS.firstPage)
+			children: format("firstPage")
 		}) : null,
 		kind === "walk-stopped" && nextHref ? /* @__PURE__ */ jsx(StorefrontLink, {
 			href: nextHref,
@@ -371,15 +522,6 @@ function OrderEmpty({ kind, content, criteria, advanceLabel, nextHref, firstHref
 		}) : null
 	] });
 }
-function emptySentence(kind, content) {
-	switch (kind) {
-		case "account": return copy(content?.emptyAccount, DEFAULTS.emptyAccount);
-		case "view": return copy(content?.emptyView, DEFAULTS.emptyView);
-		case "search": return copy(content?.emptySearch, DEFAULTS.emptySearch);
-		case "past-end": return copy(content?.pastEnd, DEFAULTS.pastEnd);
-		case "walk-stopped": return copy(content?.walkStopped, DEFAULTS.walkStopped);
-	}
-}
 function Criteria({ criteria }) {
 	return /* @__PURE__ */ jsx("ul", {
 		"data-fs-order-list-criteria": "",

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

@@ -1 +1 @@
-{"version":3,"file":"order-list.js","names":[],"sources":["../../../src/matter/order-list/order-list.tsx"],"sourcesContent":["'use client';\n\nimport { type ContentValue, defineComponent, defineContentType } from '@vtex/fs-core';\nimport type { ComponentPropsWithRef, ReactNode, Ref } from 'react';\nimport { useIntl } from '../../sdk/i18n/client.js';\nimport type { MessageId } from '../../sdk/i18n/locales.js';\nimport { type CurrentRoute, currentPageWith } from '../../sdk/navigation/current-page.js';\nimport { StorefrontLink } from '../../sdk/navigation/storefront-link.js';\nimport type { PageRef } from '../../sdk/navigation/types.js';\nimport { useStorefrontRoute } from '../../sdk/navigation/use-storefront-route.js';\nimport { useStorefrontSearchParams } from '../../sdk/navigation/use-storefront-search-params.js';\nimport { resolveSafeHref } from '../../utils/safe-href.js';\nimport { type OrderListItemData, OrderListRow } from '../order-list-row/order-list-row.js';\n\nconst fragment = /* GraphQL */ `\n  fragment OrderListData on Query {\n    customerOrders(first: 25, after: $after, filter: $filter) {\n      edges {\n        node {\n          ...OrderListRowData\n        }\n      }\n      pageInfo {\n        hasNextPage\n        endCursor\n      }\n      totalCount\n      totalIncomplete\n    }\n  }\n\n  fragment OrderListRowData on CustomerOrderListItem {\n    id\n    placedAt\n    total {\n      amount\n      currencyCode\n    }\n    itemCount\n    completion {\n      view\n      label\n    }\n    shippingEstimatedDateMin\n    shippingEstimatedDateMax\n  }\n`;\n\nexport const OrderListContent = defineContentType({\n  id: 'order-list',\n  title: 'Order List',\n  description: 'The count, empty, error, and advance sentences for the orders list.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      label: { type: 'string', title: 'Accessible name' },\n      count: { type: 'string', title: 'Count' },\n      countIncomplete: { type: 'string', title: 'Incomplete count' },\n      emptyAccount: { type: 'string', title: 'Empty account' },\n      emptyView: { type: 'string', title: 'Empty view' },\n      emptySearch: { type: 'string', title: 'Empty search' },\n      pastEnd: { type: 'string', title: 'Past the end' },\n      walkStopped: { type: 'string', title: 'Walk stopped' },\n      error: { type: 'string', title: 'Error' },\n      retry: { type: 'string', title: 'Retry' },\n      next: { type: 'string', title: 'Next page' },\n      loadMore: { type: 'string', title: 'Load more' },\n      firstPage: { type: 'string', title: 'First page' },\n      clear: { type: 'string', title: 'Clear search' },\n      startShopping: { type: 'string', title: 'Start shopping' },\n    },\n  },\n});\n\nexport type OrderListAdvance = 'pages' | 'load-more';\n\nexport type OrderListContentValue = ContentValue<typeof OrderListContent>;\n\nexport type OrderListData = {\n  edges: Array<{ node: OrderListItemData }>;\n  pageInfo: { hasNextPage: boolean; endCursor: string | null };\n  totalCount: number;\n  totalIncomplete: boolean;\n};\n\nexport type OrderListProps = Readonly<{\n  /** Accessible name of the list region. */\n  label?: string;\n  advance?: OrderListAdvance;\n  /** Link offered when the account has no orders. */\n  startShoppingHref?: PageRef | string;\n  /** The order page each row links to; the row fills `orderId`, or appends it to a string path. */\n  orderHref?: PageRef | string;\n  $content?: OrderListContentValue;\n  $data?: OrderListData | null;\n  className?: string;\n  ref?: Ref<HTMLElement>;\n}>;\n\nconst DEFAULTS = {\n  label: 'Orders',\n  count: '{count} of {total}',\n  countIncomplete: '{count} of {total}, count incomplete',\n  emptyAccount: 'You have no orders yet',\n  emptyView: 'No orders in this view',\n  emptySearch: 'No orders match this search',\n  pastEnd: 'This page has no orders',\n  walkStopped: 'More orders may exist',\n  error: 'Could not load orders',\n  retry: 'Try again',\n  next: 'Next page',\n  loadMore: 'Load more',\n  firstPage: 'First page',\n  clear: 'Clear search',\n  startShopping: 'Start shopping',\n} as const;\n\nconst COLUMNS = [\n  ['id', 'fs/order-list.column.id'],\n  ['placed', 'fs/order-list.column.placed'],\n  ['total', 'fs/order-list.column.total'],\n  ['items', 'fs/order-list.column.items'],\n  ['status', 'fs/order-list.column.status'],\n  ['estimate', 'fs/order-list.column.estimate'],\n] as const satisfies ReadonlyArray<readonly [string, MessageId]>;\n\nconst CRITERIA = ['search', 'placedFrom', 'placedTo'] as const;\n\ntype CriterionKey = (typeof CRITERIA)[number];\n\ntype EmptyKind = 'account' | 'view' | 'search' | 'past-end' | 'walk-stopped';\n\nexport const OrderListDefinition = defineComponent<OrderListProps>({\n  name: 'OrderList',\n  importPath: '@vtex/faststore/components',\n  component: OrderList,\n  content: OrderListContent,\n  fragment,\n  fetchStrategy: 'static',\n  skeleton: OrderListSkeleton,\n  editor: { label: 'Order List', category: 'content' },\n  schema: {\n    label: { type: 'string', default: 'Orders', label: 'Accessible name' },\n    advance: { type: ['pages', 'load-more'] as const, default: 'pages', label: 'Advance' },\n    startShoppingHref: { type: 'link', default: { standard: 'home' }, label: 'Start shopping link' },\n    orderHref: { type: 'link', default: { standard: 'order' }, fills: ['orderId'], label: 'Order link' },\n  },\n  guideline:\n    'One page of the shopper orders. The read is fixed at 25 and the cursor, view, search, and placed dates come from the page URL. Pages and load-more both link to the next cursor and load that page again.',\n});\n\nfunction copy(value: string | undefined, fallback: string): string {\n  const trimmed = value?.trim();\n  return trimmed || fallback;\n}\n\nfunction advanceMode(value: string | undefined): OrderListAdvance {\n  return value === 'load-more' ? 'load-more' : 'pages';\n}\n\nfunction listView(value: string | null): 'ongoing' | 'completed' | 'cancelled' | null {\n  if (value === 'ongoing' || value === 'completed' || value === 'cancelled') {\n    return value;\n  }\n  return null;\n}\n\nfunction appliedCriteria(params: URLSearchParams): Array<{ key: CriterionKey; value: string }> {\n  const found: Array<{ key: CriterionKey; value: string }> = [];\n  for (const key of CRITERIA) {\n    const value = params.get(key)?.trim() ?? '';\n    if (value.length > 0) {\n      found.push({ key, value });\n    }\n  }\n  return found;\n}\n\nfunction withParams(\n  route: CurrentRoute,\n  params: URLSearchParams,\n  edit?: (next: URLSearchParams) => void,\n): PageRef | string {\n  const next = new URLSearchParams(params);\n  edit?.(next);\n  return currentPageWith(route, next);\n}\n\nfunction fillCount(template: string, count: number, total: number): string {\n  return template.replaceAll('{count}', String(count)).replaceAll('{total}', String(total));\n}\n\nconst HOME_PAGE: PageRef = { standard: 'home' };\nconst ORDER_PAGE: PageRef = { standard: 'order' };\n\nfunction shoppingHref(value: PageRef | string | undefined): PageRef | string {\n  if (typeof value !== 'string') {\n    return value ?? HOME_PAGE;\n  }\n  const authored = value.trim();\n  const destination = resolveSafeHref(authored);\n  return authored.length > 0 && destination.safe ? destination.href : HOME_PAGE;\n}\n\nfunction connectionOf(data: OrderListData | null | undefined): OrderListData | null {\n  if (!data || !Array.isArray(data.edges) || data.pageInfo == null) {\n    return null;\n  }\n  if (typeof data.totalCount !== 'number' || typeof data.totalIncomplete !== 'boolean') {\n    return null;\n  }\n  return data;\n}\n\nfunction emptyKind(data: OrderListData, params: URLSearchParams): EmptyKind {\n  if (data.totalIncomplete) {\n    return 'walk-stopped';\n  }\n  if (data.totalCount > 0) {\n    return 'past-end';\n  }\n  if (appliedCriteria(params).length > 0) {\n    return 'search';\n  }\n  if (listView(params.get('view'))) {\n    return 'view';\n  }\n  return 'account';\n}\n\nexport function OrderListSkeleton({ className, ...props }: ComponentPropsWithRef<'div'>) {\n  return (\n    <div {...props} className={className} data-fs-order-list-skeleton=\"\" aria-hidden=\"true\">\n      <span data-fs-order-list-skeleton-row=\"\" />\n      <span data-fs-order-list-skeleton-row=\"\" />\n      <span data-fs-order-list-skeleton-row=\"\" />\n    </div>\n  );\n}\n\ntype ListLinks = {\n  nextHref: PageRef | string | null;\n  firstHref: PageRef | string | null;\n  clearHref: PageRef | string;\n  retryHref: PageRef | string;\n  advanceLabel: string;\n};\n\nfunction listLinks(\n  route: CurrentRoute,\n  searchParams: URLSearchParams,\n  connection: OrderListData | null,\n  mode: OrderListAdvance,\n  content: OrderListContentValue | undefined,\n): ListLinks {\n  const nextCursor = connection?.pageInfo.hasNextPage ? connection.pageInfo.endCursor : null;\n  const nextHref =\n    nextCursor && nextCursor.length > 0\n      ? withParams(route, searchParams, (next) => {\n          next.set('after', nextCursor);\n        })\n      : null;\n  const showFirst = (searchParams.get('after') ?? '').trim().length > 0;\n  const firstHref = showFirst\n    ? withParams(route, searchParams, (next) => {\n        next.delete('after');\n      })\n    : null;\n  const clearHref = withParams(route, searchParams, (next) => {\n    next.delete('search');\n    next.delete('placedFrom');\n    next.delete('placedTo');\n    next.delete('after');\n  });\n  return {\n    nextHref,\n    firstHref,\n    clearHref,\n    retryHref: withParams(route, searchParams),\n    advanceLabel: copy(\n      mode === 'load-more' ? content?.loadMore : content?.next,\n      mode === 'load-more' ? DEFAULTS.loadMore : DEFAULTS.next,\n    ),\n  };\n}\n\nfunction countSentence(connection: OrderListData, content: OrderListContentValue | undefined): string {\n  return copy(\n    connection.totalIncomplete ? content?.countIncomplete : content?.count,\n    connection.totalIncomplete ? DEFAULTS.countIncomplete : DEFAULTS.count,\n  );\n}\n\nexport function OrderList({\n  label,\n  advance,\n  startShoppingHref,\n  orderHref = ORDER_PAGE,\n  $content,\n  $data,\n  className,\n  ref,\n}: OrderListProps) {\n  const route = useStorefrontRoute();\n  const searchParams = useStorefrontSearchParams();\n  const mode = advanceMode(advance);\n  const regionLabel = copy($content?.label, copy(label, DEFAULTS.label));\n  const connection = connectionOf($data);\n  const links = listLinks(route, searchParams, connection, mode, $content);\n\n  return (\n    <section\n      ref={ref}\n      aria-label={regionLabel}\n      className={className}\n      data-fs-order-list=\"\"\n      data-fs-order-list-advance={mode}\n    >\n      {connection && connection.edges.length > 0 ? (\n        <OrderPage\n          connection={connection}\n          countLabel={countSentence(connection, $content)}\n          advanceLabel={links.advanceLabel}\n          firstLabel={copy($content?.firstPage, DEFAULTS.firstPage)}\n          nextHref={links.nextHref}\n          firstHref={links.firstHref}\n          orderHref={orderHref}\n        />\n      ) : (\n        <OrderEmpty\n          kind={connection ? emptyKind(connection, searchParams) : 'error'}\n          content={$content}\n          criteria={appliedCriteria(searchParams)}\n          advanceLabel={links.advanceLabel}\n          nextHref={links.nextHref}\n          firstHref={links.firstHref}\n          clearHref={links.clearHref}\n          retryHref={links.retryHref}\n          startHref={shoppingHref(startShoppingHref)}\n        />\n      )}\n    </section>\n  );\n}\n\ntype OrderPageProps = Readonly<{\n  connection: OrderListData;\n  countLabel: string;\n  advanceLabel: string;\n  firstLabel: string;\n  nextHref: PageRef | string | null;\n  firstHref: PageRef | string | null;\n  orderHref: PageRef | string;\n}>;\n\nfunction OrderColumns() {\n  const intl = useIntl();\n\n  return (\n    <div data-fs-order-list-columns=\"\">\n      {COLUMNS.map(([name, id]) => (\n        <span key={name} data-fs-order-list-column={name}>\n          {intl.formatMessage({ id })}\n        </span>\n      ))}\n    </div>\n  );\n}\n\nfunction OrderPage({\n  connection,\n  countLabel,\n  advanceLabel,\n  firstLabel,\n  nextHref,\n  firstHref,\n  orderHref,\n}: OrderPageProps) {\n  return (\n    <>\n      <p data-fs-order-list-count=\"\" data-fs-order-list-count-incomplete={connection.totalIncomplete ? '' : undefined}>\n        {fillCount(countLabel, connection.edges.length, connection.totalCount)}\n      </p>\n      <OrderColumns />\n      {connection.edges.map((edge) => (\n        <OrderListRow key={edge.node.id} $data={edge.node} href={orderHref} />\n      ))}\n      {firstHref ? (\n        <StorefrontLink href={firstHref} data-fs-order-list-first=\"\">\n          {firstLabel}\n        </StorefrontLink>\n      ) : null}\n      {nextHref ? (\n        <StorefrontLink href={nextHref} data-fs-order-list-next=\"\">\n          {advanceLabel}\n        </StorefrontLink>\n      ) : null}\n    </>\n  );\n}\n\ntype OrderEmptyProps = Readonly<{\n  kind: EmptyKind | 'error';\n  content: OrderListContentValue | undefined;\n  criteria: Array<{ key: CriterionKey; value: string }>;\n  advanceLabel: string;\n  nextHref: PageRef | string | null;\n  firstHref: PageRef | string | null;\n  clearHref: PageRef | string;\n  retryHref: PageRef | string;\n  startHref: PageRef | string;\n}>;\n\nfunction OrderEmpty({\n  kind,\n  content,\n  criteria,\n  advanceLabel,\n  nextHref,\n  firstHref,\n  clearHref,\n  retryHref,\n  startHref,\n}: OrderEmptyProps) {\n  if (kind === 'error') {\n    return (\n      <>\n        <p data-fs-order-list-error=\"\">{copy(content?.error, DEFAULTS.error)}</p>\n        <StorefrontLink href={retryHref} data-fs-order-list-retry=\"\">\n          {copy(content?.retry, DEFAULTS.retry)}\n        </StorefrontLink>\n      </>\n    );\n  }\n\n  return (\n    <>\n      <p data-fs-order-list-empty={kind}>{emptySentence(kind, content)}</p>\n      {kind === 'search' ? <Criteria criteria={criteria} /> : null}\n      {kind === 'search' ? (\n        <StorefrontLink href={clearHref} data-fs-order-list-clear=\"\">\n          {copy(content?.clear, DEFAULTS.clear)}\n        </StorefrontLink>\n      ) : null}\n      {kind === 'account' ? (\n        <StorefrontLink href={startHref} data-fs-order-list-start=\"\">\n          {copy(content?.startShopping, DEFAULTS.startShopping)}\n        </StorefrontLink>\n      ) : null}\n      {kind === 'past-end' && firstHref ? (\n        <StorefrontLink href={firstHref} data-fs-order-list-first=\"\">\n          {copy(content?.firstPage, DEFAULTS.firstPage)}\n        </StorefrontLink>\n      ) : null}\n      {kind === 'walk-stopped' && nextHref ? (\n        <StorefrontLink href={nextHref} data-fs-order-list-next=\"\">\n          {advanceLabel}\n        </StorefrontLink>\n      ) : null}\n    </>\n  );\n}\n\nfunction emptySentence(kind: EmptyKind, content: OrderListContentValue | undefined): string {\n  switch (kind) {\n    case 'account':\n      return copy(content?.emptyAccount, DEFAULTS.emptyAccount);\n    case 'view':\n      return copy(content?.emptyView, DEFAULTS.emptyView);\n    case 'search':\n      return copy(content?.emptySearch, DEFAULTS.emptySearch);\n    case 'past-end':\n      return copy(content?.pastEnd, DEFAULTS.pastEnd);\n    case 'walk-stopped':\n      return copy(content?.walkStopped, DEFAULTS.walkStopped);\n  }\n}\n\nfunction Criteria({ criteria }: Readonly<{ criteria: Array<{ key: CriterionKey; value: string }> }>): ReactNode {\n  return (\n    <ul data-fs-order-list-criteria=\"\">\n      {criteria.map((item) => (\n        <li key={item.key} data-fs-order-list-criterion={item.key}>\n          {item.value}\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"order-list.js","names":[],"sources":["../../../src/matter/order-list/order-list.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type ContentValue,\n  defineComponent,\n  defineContentType,\n  type MessageFieldName,\n  type MessageLocaleProp,\n} from '@vtex/fs-core';\nimport type { ComponentPropsWithRef, ReactNode, Ref } from 'react';\nimport type { OrderStatusMessages } from '../../particles/order-status-badge/order-status-badge.js';\nimport type { MessageFormatter } from '../../sdk/i18n/message-formatter.js';\nimport { useMessageFormatter } from '../../sdk/i18n/use-message-formatter.js';\nimport { type CurrentRoute, currentPageWith } from '../../sdk/navigation/current-page.js';\nimport { StorefrontLink } from '../../sdk/navigation/storefront-link.js';\nimport type { PageRef } from '../../sdk/navigation/types.js';\nimport { useStorefrontRoute } from '../../sdk/navigation/use-storefront-route.js';\nimport { useStorefrontSearchParams } from '../../sdk/navigation/use-storefront-search-params.js';\nimport { resolveSafeHref } from '../../utils/safe-href.js';\nimport { type OrderListItemData, OrderListRow } from '../order-list-row/order-list-row.js';\n\nconst fragment = /* GraphQL */ `\n  fragment OrderListData on Query {\n    customerOrders(first: 25, after: $after, filter: $filter) {\n      edges {\n        node {\n          ...OrderListRowData\n        }\n      }\n      pageInfo {\n        hasNextPage\n        endCursor\n      }\n      totalCount\n      totalIncomplete\n    }\n  }\n\n  fragment OrderListRowData on CustomerOrderListItem {\n    id\n    placedAt\n    total {\n      amount\n      currencyCode\n    }\n    itemCount\n    completion {\n      view\n      label\n    }\n    shippingEstimatedDateMin\n    shippingEstimatedDateMax\n  }\n`;\n\nexport const OrderListContent = defineContentType({\n  id: 'order-list',\n  title: 'Order List',\n  description:\n    'The count, empty, error, and advance sentences for the orders list, its column headers, and its row status labels.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      label: {\n        type: 'string',\n        title: 'Accessible name',\n        description: 'Accessible name of the list region.',\n        format: 'icu-message',\n        messageSource: 'Orders',\n      },\n      count: {\n        type: 'string',\n        title: 'Count',\n        format: 'icu-message',\n        messageSource: '{count} of {total}',\n        messageArguments: {\n          type: 'object',\n          properties: { count: { type: 'integer' }, total: { type: 'integer' } },\n        },\n        messageExample: { count: 25, total: 40 },\n      },\n      countIncomplete: {\n        type: 'string',\n        title: 'Incomplete count',\n        format: 'icu-message',\n        messageSource: '{count} of {total}, count incomplete',\n        messageArguments: {\n          type: 'object',\n          properties: { count: { type: 'integer' }, total: { type: 'integer' } },\n        },\n        messageExample: { count: 25, total: 40 },\n      },\n      emptyAccount: {\n        type: 'string',\n        title: 'Empty account',\n        format: 'icu-message',\n        messageSource: 'You have no orders yet',\n      },\n      emptyView: {\n        type: 'string',\n        title: 'Empty view',\n        format: 'icu-message',\n        messageSource: 'No orders in this view',\n      },\n      emptySearch: {\n        type: 'string',\n        title: 'Empty search',\n        format: 'icu-message',\n        messageSource: 'No orders match this search',\n      },\n      pastEnd: {\n        type: 'string',\n        title: 'Past the end',\n        format: 'icu-message',\n        messageSource: 'This page has no orders',\n      },\n      walkStopped: {\n        type: 'string',\n        title: 'Walk stopped',\n        format: 'icu-message',\n        messageSource: 'More orders may exist',\n      },\n      error: { type: 'string', title: 'Error', format: 'icu-message', messageSource: 'Could not load orders' },\n      retry: { type: 'string', title: 'Retry', format: 'icu-message', messageSource: 'Try again' },\n      next: { type: 'string', title: 'Next page', format: 'icu-message', messageSource: 'Next page' },\n      loadMore: { type: 'string', title: 'Load more', format: 'icu-message', messageSource: 'Load more' },\n      firstPage: { type: 'string', title: 'First page', format: 'icu-message', messageSource: 'First page' },\n      clear: { type: 'string', title: 'Clear search', format: 'icu-message', messageSource: 'Clear search' },\n      startShopping: {\n        type: 'string',\n        title: 'Start shopping',\n        format: 'icu-message',\n        messageSource: 'Start shopping',\n      },\n      columnId: {\n        type: 'string',\n        title: 'Order column',\n        description: 'Header of the order id column.',\n        format: 'icu-message',\n        messageSource: 'Order',\n      },\n      columnPlaced: {\n        type: 'string',\n        title: 'Placed column',\n        description: 'Header of the placed date column.',\n        format: 'icu-message',\n        messageSource: 'Placed',\n      },\n      columnTotal: {\n        type: 'string',\n        title: 'Total column',\n        description: 'Header of the total column.',\n        format: 'icu-message',\n        messageSource: 'Total',\n      },\n      columnItems: {\n        type: 'string',\n        title: 'Items column',\n        description: 'Header of the items column.',\n        format: 'icu-message',\n        messageSource: 'Items',\n      },\n      columnStatus: {\n        type: 'string',\n        title: 'Status column',\n        description: 'Header of the status column.',\n        format: 'icu-message',\n        messageSource: 'Status',\n      },\n      columnEstimate: {\n        type: 'string',\n        title: 'Estimate column',\n        description: 'Header of the delivery estimate column.',\n        format: 'icu-message',\n        messageSource: 'Estimate',\n      },\n      statusInProgress: {\n        type: 'string',\n        title: 'In progress',\n        description: 'Row status.',\n        format: 'icu-message',\n        messageSource: 'In progress',\n      },\n      statusCancellationRequested: {\n        type: 'string',\n        title: 'Cancellation requested',\n        description: 'Row status.',\n        format: 'icu-message',\n        messageSource: 'Cancellation requested',\n      },\n      statusCancelled: {\n        type: 'string',\n        title: 'Cancelled',\n        description: 'Row status.',\n        format: 'icu-message',\n        messageSource: 'Canceled',\n      },\n      statusDelivered: {\n        type: 'string',\n        title: 'Delivered',\n        description: 'Row status.',\n        format: 'icu-message',\n        messageSource: 'Delivered',\n      },\n      statusShipped: {\n        type: 'string',\n        title: 'Shipped',\n        description: 'Row status.',\n        format: 'icu-message',\n        messageSource: 'Shipped',\n      },\n      statusReadyForPickup: {\n        type: 'string',\n        title: 'Ready for pickup',\n        description: 'Row status.',\n        format: 'icu-message',\n        messageSource: 'Ready for pickup',\n      },\n      statusCollected: {\n        type: 'string',\n        title: 'Collected',\n        description: 'Row status.',\n        format: 'icu-message',\n        messageSource: 'Collected',\n      },\n      statusPlaceholder: {\n        type: 'string',\n        title: 'Status unavailable',\n        description: 'Row status when the order has none.',\n        format: 'icu-message',\n        messageSource: 'Status unavailable',\n      },\n    },\n  },\n});\n\nexport type OrderListAdvance = 'pages' | 'load-more';\n\nexport type OrderListContentValue = ContentValue<typeof OrderListContent>;\n\nexport type OrderListData = {\n  edges: Array<{ node: OrderListItemData }>;\n  pageInfo: { hasNextPage: boolean; endCursor: string | null };\n  totalCount: number;\n  totalIncomplete: boolean;\n};\n\nexport type OrderListProps = MessageLocaleProp &\n  Readonly<{\n    advance?: OrderListAdvance;\n    /** Link offered when the account has no orders. */\n    startShoppingHref?: PageRef | string;\n    /** The order page each row links to; the row fills `orderId`, or appends it to a string path. */\n    orderHref?: PageRef | string;\n    $content?: OrderListContentValue;\n    $data?: OrderListData | null;\n    className?: string;\n    ref?: Ref<HTMLElement>;\n  }>;\n\nconst COLUMNS = [\n  ['id', 'columnId'],\n  ['placed', 'columnPlaced'],\n  ['total', 'columnTotal'],\n  ['items', 'columnItems'],\n  ['status', 'columnStatus'],\n  ['estimate', 'columnEstimate'],\n] as const satisfies ReadonlyArray<readonly [string, MessageFieldName<typeof OrderListContent>]>;\n\ntype ColumnName = (typeof COLUMNS)[number][0];\n\ntype OrderListMessages = MessageFormatter<typeof OrderListContent>;\n\nconst CRITERIA = ['search', 'placedFrom', 'placedTo'] as const;\n\ntype CriterionKey = (typeof CRITERIA)[number];\n\ntype EmptyKind = 'account' | 'view' | 'search' | 'past-end' | 'walk-stopped';\n\nconst EMPTY_FIELDS = {\n  account: 'emptyAccount',\n  view: 'emptyView',\n  search: 'emptySearch',\n  'past-end': 'pastEnd',\n  'walk-stopped': 'walkStopped',\n} as const satisfies Record<EmptyKind, MessageFieldName<typeof OrderListContent>>;\n\nexport const OrderListDefinition = defineComponent<OrderListProps>({\n  name: 'OrderList',\n  importPath: '@vtex/faststore/components',\n  component: OrderList,\n  content: OrderListContent,\n  fragment,\n  fetchStrategy: 'static',\n  skeleton: OrderListSkeleton,\n  editor: { label: 'Order List', category: 'content' },\n  schema: {\n    advance: { type: ['pages', 'load-more'] as const, default: 'pages', label: 'Advance' },\n    startShoppingHref: { type: 'link', default: { standard: 'home' }, label: 'Start shopping link' },\n    orderHref: { type: 'link', default: { standard: 'order' }, fills: ['orderId'], label: 'Order link' },\n  },\n  guideline:\n    'One page of the shopper orders. The read is fixed at 25 and the cursor, view, search, and placed dates come from the page URL. Pages and load-more both link to the next cursor and load that page again. Its sentences, links and column headers are $content message fields; label is the region name.',\n});\n\nfunction advanceMode(value: string | undefined): OrderListAdvance {\n  return value === 'load-more' ? 'load-more' : 'pages';\n}\n\nfunction listView(value: string | null): 'ongoing' | 'completed' | 'cancelled' | null {\n  if (value === 'ongoing' || value === 'completed' || value === 'cancelled') {\n    return value;\n  }\n  return null;\n}\n\nfunction appliedCriteria(params: URLSearchParams): Array<{ key: CriterionKey; value: string }> {\n  const found: Array<{ key: CriterionKey; value: string }> = [];\n  for (const key of CRITERIA) {\n    const value = params.get(key)?.trim() ?? '';\n    if (value.length > 0) {\n      found.push({ key, value });\n    }\n  }\n  return found;\n}\n\nfunction withParams(\n  route: CurrentRoute,\n  params: URLSearchParams,\n  edit?: (next: URLSearchParams) => void,\n): PageRef | string {\n  const next = new URLSearchParams(params);\n  edit?.(next);\n  return currentPageWith(route, next);\n}\n\nconst HOME_PAGE: PageRef = { standard: 'home' };\nconst ORDER_PAGE: PageRef = { standard: 'order' };\n\nfunction shoppingHref(value: PageRef | string | undefined): PageRef | string {\n  if (typeof value !== 'string') {\n    return value ?? HOME_PAGE;\n  }\n  const authored = value.trim();\n  const destination = resolveSafeHref(authored);\n  return authored.length > 0 && destination.safe ? destination.href : HOME_PAGE;\n}\n\nfunction connectionOf(data: OrderListData | null | undefined): OrderListData | null {\n  if (!data || !Array.isArray(data.edges) || data.pageInfo == null) {\n    return null;\n  }\n  if (typeof data.totalCount !== 'number' || typeof data.totalIncomplete !== 'boolean') {\n    return null;\n  }\n  return data;\n}\n\nfunction emptyKind(data: OrderListData, params: URLSearchParams): EmptyKind {\n  if (data.totalIncomplete) {\n    return 'walk-stopped';\n  }\n  if (data.totalCount > 0) {\n    return 'past-end';\n  }\n  if (appliedCriteria(params).length > 0) {\n    return 'search';\n  }\n  if (listView(params.get('view'))) {\n    return 'view';\n  }\n  return 'account';\n}\n\nexport function OrderListSkeleton({ className, ...props }: ComponentPropsWithRef<'div'>) {\n  return (\n    <div {...props} className={className} data-fs-order-list-skeleton=\"\" aria-hidden=\"true\">\n      <span data-fs-order-list-skeleton-row=\"\" />\n      <span data-fs-order-list-skeleton-row=\"\" />\n      <span data-fs-order-list-skeleton-row=\"\" />\n    </div>\n  );\n}\n\ntype ListLinks = {\n  nextHref: PageRef | string | null;\n  firstHref: PageRef | string | null;\n  clearHref: PageRef | string;\n  retryHref: PageRef | string;\n  advanceLabel: string;\n};\n\nfunction listLinks(\n  route: CurrentRoute,\n  searchParams: URLSearchParams,\n  connection: OrderListData | null,\n  mode: OrderListAdvance,\n  { format }: OrderListMessages,\n): ListLinks {\n  const nextCursor = connection?.pageInfo.hasNextPage ? connection.pageInfo.endCursor : null;\n  const nextHref =\n    nextCursor && nextCursor.length > 0\n      ? withParams(route, searchParams, (next) => {\n          next.set('after', nextCursor);\n        })\n      : null;\n  const showFirst = (searchParams.get('after') ?? '').trim().length > 0;\n  const firstHref = showFirst\n    ? withParams(route, searchParams, (next) => {\n        next.delete('after');\n      })\n    : null;\n  const clearHref = withParams(route, searchParams, (next) => {\n    next.delete('search');\n    next.delete('placedFrom');\n    next.delete('placedTo');\n    next.delete('after');\n  });\n  return {\n    nextHref,\n    firstHref,\n    clearHref,\n    retryHref: withParams(route, searchParams),\n    advanceLabel: format(mode === 'load-more' ? 'loadMore' : 'next'),\n  };\n}\n\nfunction countSentence(connection: OrderListData, messages: OrderListMessages): string {\n  return messages.format(connection.totalIncomplete ? 'countIncomplete' : 'count', {\n    count: connection.edges.length,\n    total: connection.totalCount,\n  });\n}\n\nfunction columnHeaders({ format }: OrderListMessages): ReadonlyArray<readonly [ColumnName, string]> {\n  return COLUMNS.map(([name, field]) => [name, format(field)] as const);\n}\n\nfunction statusMessages({ format }: OrderListMessages): OrderStatusMessages {\n  return {\n    'in-progress': format('statusInProgress'),\n    'cancellation-requested': format('statusCancellationRequested'),\n    cancelled: format('statusCancelled'),\n    delivered: format('statusDelivered'),\n    shipped: format('statusShipped'),\n    'ready-for-pickup': format('statusReadyForPickup'),\n    collected: format('statusCollected'),\n    placeholder: format('statusPlaceholder'),\n  };\n}\n\nexport function OrderList({\n  advance,\n  startShoppingHref,\n  orderHref = ORDER_PAGE,\n  $content,\n  $locale,\n  $data,\n  className,\n  ref,\n}: OrderListProps) {\n  const route = useStorefrontRoute();\n  const searchParams = useStorefrontSearchParams();\n  const messages = useMessageFormatter(OrderListContent, $content);\n  const mode = advanceMode(advance);\n  const connection = connectionOf($data);\n  const links = listLinks(route, searchParams, connection, mode, messages);\n\n  return (\n    <section\n      ref={ref}\n      aria-label={messages.format('label')}\n      className={className}\n      data-fs-order-list=\"\"\n      data-fs-order-list-advance={mode}\n    >\n      {connection && connection.edges.length > 0 ? (\n        <OrderPage\n          connection={connection}\n          countLabel={countSentence(connection, messages)}\n          columns={columnHeaders(messages)}\n          statusMessages={statusMessages(messages)}\n          advanceLabel={links.advanceLabel}\n          firstLabel={messages.format('firstPage')}\n          nextHref={links.nextHref}\n          firstHref={links.firstHref}\n          orderHref={orderHref}\n        />\n      ) : (\n        <OrderEmpty\n          kind={connection ? emptyKind(connection, searchParams) : 'error'}\n          messages={messages}\n          criteria={appliedCriteria(searchParams)}\n          advanceLabel={links.advanceLabel}\n          nextHref={links.nextHref}\n          firstHref={links.firstHref}\n          clearHref={links.clearHref}\n          retryHref={links.retryHref}\n          startHref={shoppingHref(startShoppingHref)}\n        />\n      )}\n    </section>\n  );\n}\n\ntype OrderPageProps = Readonly<{\n  connection: OrderListData;\n  countLabel: string;\n  columns: ReadonlyArray<readonly [ColumnName, string]>;\n  statusMessages: OrderStatusMessages;\n  advanceLabel: string;\n  firstLabel: string;\n  nextHref: PageRef | string | null;\n  firstHref: PageRef | string | null;\n  orderHref: PageRef | string;\n}>;\n\nfunction OrderColumns({ columns }: Readonly<{ columns: ReadonlyArray<readonly [ColumnName, string]> }>) {\n  return (\n    <div data-fs-order-list-columns=\"\">\n      {columns.map(([name, header]) => (\n        <span key={name} data-fs-order-list-column={name}>\n          {header}\n        </span>\n      ))}\n    </div>\n  );\n}\n\nfunction OrderPage({\n  connection,\n  countLabel,\n  columns,\n  statusMessages,\n  advanceLabel,\n  firstLabel,\n  nextHref,\n  firstHref,\n  orderHref,\n}: OrderPageProps) {\n  return (\n    <>\n      <p data-fs-order-list-count=\"\" data-fs-order-list-count-incomplete={connection.totalIncomplete ? '' : undefined}>\n        {countLabel}\n      </p>\n      <OrderColumns columns={columns} />\n      {connection.edges.map((edge) => (\n        <OrderListRow key={edge.node.id} $data={edge.node} href={orderHref} statusMessages={statusMessages} />\n      ))}\n      {firstHref ? (\n        <StorefrontLink href={firstHref} data-fs-order-list-first=\"\">\n          {firstLabel}\n        </StorefrontLink>\n      ) : null}\n      {nextHref ? (\n        <StorefrontLink href={nextHref} data-fs-order-list-next=\"\">\n          {advanceLabel}\n        </StorefrontLink>\n      ) : null}\n    </>\n  );\n}\n\ntype OrderEmptyProps = Readonly<{\n  kind: EmptyKind | 'error';\n  messages: OrderListMessages;\n  criteria: Array<{ key: CriterionKey; value: string }>;\n  advanceLabel: string;\n  nextHref: PageRef | string | null;\n  firstHref: PageRef | string | null;\n  clearHref: PageRef | string;\n  retryHref: PageRef | string;\n  startHref: PageRef | string;\n}>;\n\nfunction OrderEmpty({\n  kind,\n  messages,\n  criteria,\n  advanceLabel,\n  nextHref,\n  firstHref,\n  clearHref,\n  retryHref,\n  startHref,\n}: OrderEmptyProps) {\n  const { format } = messages;\n  if (kind === 'error') {\n    return (\n      <>\n        <p data-fs-order-list-error=\"\">{format('error')}</p>\n        <StorefrontLink href={retryHref} data-fs-order-list-retry=\"\">\n          {format('retry')}\n        </StorefrontLink>\n      </>\n    );\n  }\n\n  return (\n    <>\n      <p data-fs-order-list-empty={kind}>{format(EMPTY_FIELDS[kind])}</p>\n      {kind === 'search' ? <Criteria criteria={criteria} /> : null}\n      {kind === 'search' ? (\n        <StorefrontLink href={clearHref} data-fs-order-list-clear=\"\">\n          {format('clear')}\n        </StorefrontLink>\n      ) : null}\n      {kind === 'account' ? (\n        <StorefrontLink href={startHref} data-fs-order-list-start=\"\">\n          {format('startShopping')}\n        </StorefrontLink>\n      ) : null}\n      {kind === 'past-end' && firstHref ? (\n        <StorefrontLink href={firstHref} data-fs-order-list-first=\"\">\n          {format('firstPage')}\n        </StorefrontLink>\n      ) : null}\n      {kind === 'walk-stopped' && nextHref ? (\n        <StorefrontLink href={nextHref} data-fs-order-list-next=\"\">\n          {advanceLabel}\n        </StorefrontLink>\n      ) : null}\n    </>\n  );\n}\n\nfunction Criteria({ criteria }: Readonly<{ criteria: Array<{ key: CriterionKey; value: string }> }>): ReactNode {\n  return (\n    <ul data-fs-order-list-criteria=\"\">\n      {criteria.map((item) => (\n        <li key={item.key} data-fs-order-list-criterion={item.key}>\n          {item.value}\n        </li>\n      ))}\n    </ul>\n  );\n}\n"],"mappings":"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"}

package/dist/matter/order-list-row/order-list-row.d.ts

@@ -1,6 +1,7 @@
 import { ComponentDefinition } from "../../core/dist/define-component.js";
 import "../../core/dist/index.js";
 import { PageRef } from "../../sdk/navigation/types.js";
+import { OrderStatusMessages } from "../../particles/order-status-badge/order-status-badge.js";
 import { ComponentPropsWithRef, Ref } from "react";
 //#region src/matter/order-list-row/order-list-row.d.ts
 export type OrderListItemData = {
@@ -25,6 +26,8 @@ export type OrderListRowProps = Readonly<{
    * appends its id. `OrderList` passes its `orderHref`.
    */
   href?: PageRef | string;
+  /** The formatted status sentences. `OrderList` passes its own `status*` messages. */
+  statusMessages: OrderStatusMessages;
   className?: string;
   ref?: Ref<HTMLAnchorElement>;
 }>;
@@ -35,10 +38,12 @@ export declare const OrderListRowDefinition: ComponentDefinition<Readonly<{
    * appends its id. `OrderList` passes its `orderHref`.
    */
   href?: PageRef | string;
+  /** The formatted status sentences. `OrderList` passes its own `status*` messages. */
+  statusMessages: OrderStatusMessages;
   className?: string;
   ref?: Ref<HTMLAnchorElement>;
 }>>;
 export declare function OrderListRowSkeleton({ className, ...props }: ComponentPropsWithRef<'div'>): import("react/jsx-runtime").JSX.Element;
-export declare function OrderListRow({ $data, href, className, ref }: OrderListRowProps): import("react/jsx-runtime").JSX.Element;
+export declare function OrderListRow({ $data, href, statusMessages, className, ref }: OrderListRowProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 //# sourceMappingURL=order-list-row.d.ts.map