@vtex/faststore 0.0.7 → 0.0.10

package/dist/matter/order-details-header/order-details-header.js

@@ -0,0 +1,190 @@
+"use client";
+import { defineComponent } from "../../core/dist/define-component.js";
+import { defineContentType } from "../../core/dist/define-content-type.js";
+import "../../core/dist/index.js";
+import { useIntl } from "../../sdk/i18n/client.js";
+import { CopyText } from "../../particles/copy-text/copy-text.js";
+import { OrderStatusBadge } from "../../particles/order-status-badge/order-status-badge.js";
+import { completionBadgeModel } from "../../sdk/orders/completion-badge.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/matter/order-details-header/order-details-header.tsx
+const fragment = `
+  fragment OrderDetailsHeaderData on Query {
+    customerOrder(id: $orderId) {
+      orderNumber
+      completion {
+        view
+        label
+      }
+    }
+  }
+`;
+const OrderDetailsHeaderContent = defineContentType({
+	id: "order-details-header",
+	title: "Order Details Header",
+	description: "The prefix, the copy action, and the status sentences on the order page.",
+	schema: {
+		type: "object",
+		additionalProperties: false,
+		properties: {
+			prefix: {
+				type: "string",
+				title: "Prefix"
+			},
+			copyLabel: {
+				type: "string",
+				title: "Copy label"
+			},
+			copyAccessibleName: {
+				type: "string",
+				title: "Copy accessible name"
+			},
+			copyCopied: {
+				type: "string",
+				title: "Copied"
+			},
+			copyFailure: {
+				type: "string",
+				title: "Copy failure"
+			},
+			copyDismiss: {
+				type: "string",
+				title: "Dismiss copy"
+			},
+			statusInProgress: {
+				type: "string",
+				title: "In progress"
+			},
+			statusCancellationRequested: {
+				type: "string",
+				title: "Cancellation requested"
+			},
+			statusCancelled: {
+				type: "string",
+				title: "Cancelled"
+			},
+			statusDelivered: {
+				type: "string",
+				title: "Delivered"
+			},
+			statusShipped: {
+				type: "string",
+				title: "Shipped"
+			},
+			statusReadyForPickup: {
+				type: "string",
+				title: "Ready for pickup"
+			},
+			statusCollected: {
+				type: "string",
+				title: "Collected"
+			},
+			statusPlaceholder: {
+				type: "string",
+				title: "Status unavailable"
+			}
+		}
+	}
+});
+const OrderDetailsHeaderDefinition = defineComponent({
+	name: "OrderDetailsHeader",
+	importPath: "@vtex/faststore/components",
+	component: OrderDetailsHeader,
+	content: OrderDetailsHeaderContent,
+	fragment,
+	fetchStrategy: "static",
+	skeleton: OrderDetailsHeaderSkeleton,
+	editor: {
+		label: "Order Details Header",
+		category: "content"
+	},
+	schema: {
+		prefix: {
+			type: "string",
+			default: "Order #",
+			label: "Prefix"
+		},
+		copyLabel: {
+			type: "string",
+			default: "Copy",
+			label: "Copy label"
+		},
+		copyAccessibleName: {
+			type: "string",
+			default: "Copy order number",
+			label: "Copy accessible name"
+		}
+	},
+	guideline: "The top of the order details page: the order number as the page h1 beside a prefix, a copy action bound to the number alone, and the shared status badge. Prefix, copy, and status sentences are content; a blank field keeps the catalogue or the schema prop. Place it once, first on the page; it renders nothing when the read returns no order."
+});
+function authored(value) {
+	return value?.trim() || void 0;
+}
+function statusMessages(content) {
+	return {
+		"in-progress": content?.statusInProgress,
+		"cancellation-requested": content?.statusCancellationRequested,
+		cancelled: content?.statusCancelled,
+		delivered: content?.statusDelivered,
+		shipped: content?.statusShipped,
+		"ready-for-pickup": content?.statusReadyForPickup,
+		collected: content?.statusCollected,
+		placeholder: content?.statusPlaceholder
+	};
+}
+function OrderDetailsHeaderSkeleton({ className, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		...props,
+		className,
+		"data-fs-order-details-header-skeleton": "",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ jsx("span", { "data-fs-order-details-header-skeleton-fact": "" }), /* @__PURE__ */ jsx("span", { "data-fs-order-details-header-skeleton-fact": "" })]
+	});
+}
+function OrderDetailsHeader({ $data, $content, prefix, copyLabel, copyAccessibleName, className, ref }) {
+	const intl = useIntl();
+	if (!$data) return null;
+	const prefixText = authored($content?.prefix) ?? prefix ?? intl.formatMessage({ id: "fs/order.number.prefix" });
+	const label = authored($content?.copyLabel) ?? copyLabel ?? intl.formatMessage({ id: "fs/order.copy.action" });
+	const accessibleName = authored($content?.copyAccessibleName) ?? copyAccessibleName ?? intl.formatMessage({ id: "fs/order.number.copy-name" });
+	const badge = completionBadgeModel($data.completion);
+	return /* @__PURE__ */ jsxs("header", {
+		ref,
+		className,
+		"data-fs-order-details-header": "",
+		children: [
+			/* @__PURE__ */ jsxs("h1", {
+				"data-fs-order-details-header-heading": "",
+				children: [prefixText ? /* @__PURE__ */ jsx("span", {
+					"data-fs-order-details-header-prefix": "",
+					children: prefixText
+				}) : null, /* @__PURE__ */ jsx("span", {
+					"data-fs-order-details-header-number": "",
+					children: $data.orderNumber
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				"data-fs-order-details-header-copy": "",
+				children: /* @__PURE__ */ jsx(CopyText, {
+					text: $data.orderNumber,
+					accessibleName,
+					successMessage: authored($content?.copyCopied),
+					failureMessage: authored($content?.copyFailure),
+					dismissLabel: authored($content?.copyDismiss),
+					children: label
+				})
+			}),
+			badge ? /* @__PURE__ */ jsx(OrderStatusBadge, {
+				state: badge.state,
+				tone: badge.tone,
+				label: badge.label,
+				messages: statusMessages($content),
+				"data-fs-order-details-header-status": ""
+			}) : null
+		]
+	});
+}
+//#endregion
+export { OrderDetailsHeader, OrderDetailsHeaderContent, OrderDetailsHeaderDefinition, OrderDetailsHeaderSkeleton };
+
+//# sourceMappingURL=order-details-header.js.map

package/dist/matter/order-details-header/order-details-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-details-header.js","names":[],"sources":["../../../src/matter/order-details-header/order-details-header.tsx"],"sourcesContent":["'use client';\n\nimport { type ContentValue, defineComponent, defineContentType } from '@vtex/fs-core';\nimport type { ComponentPropsWithRef, Ref } from 'react';\nimport { CopyText } from '../../particles/copy-text/copy-text.js';\nimport { OrderStatusBadge, type OrderStatusMessages } from '../../particles/order-status-badge/order-status-badge.js';\nimport { useIntl } from '../../sdk/i18n/client.js';\nimport { completionBadgeModel, type OrderCompletionData } from '../../sdk/orders/completion-badge.js';\n\nconst fragment = /* GraphQL */ `\n  fragment OrderDetailsHeaderData on Query {\n    customerOrder(id: $orderId) {\n      orderNumber\n      completion {\n        view\n        label\n      }\n    }\n  }\n`;\n\nexport const OrderDetailsHeaderContent = defineContentType({\n  id: 'order-details-header',\n  title: 'Order Details Header',\n  description: 'The prefix, the copy action, and the status sentences on the order page.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      prefix: { type: 'string', title: 'Prefix' },\n      copyLabel: { type: 'string', title: 'Copy label' },\n      copyAccessibleName: { type: 'string', title: 'Copy accessible name' },\n      copyCopied: { type: 'string', title: 'Copied' },\n      copyFailure: { type: 'string', title: 'Copy failure' },\n      copyDismiss: { type: 'string', title: 'Dismiss copy' },\n      statusInProgress: { type: 'string', title: 'In progress' },\n      statusCancellationRequested: { type: 'string', title: 'Cancellation requested' },\n      statusCancelled: { type: 'string', title: 'Cancelled' },\n      statusDelivered: { type: 'string', title: 'Delivered' },\n      statusShipped: { type: 'string', title: 'Shipped' },\n      statusReadyForPickup: { type: 'string', title: 'Ready for pickup' },\n      statusCollected: { type: 'string', title: 'Collected' },\n      statusPlaceholder: { type: 'string', title: 'Status unavailable' },\n    },\n  },\n});\n\nexport type OrderDetailsHeaderContentValue = ContentValue<typeof OrderDetailsHeaderContent>;\n\n/**\n * The `customerOrder` root the generator passes as `$data`. A single-root fragment is bound to\n * that field's value, so this is the order itself, or null when the read resolves nothing.\n */\nexport type OrderDetailsHeaderData = {\n  orderNumber: string;\n  completion: OrderCompletionData;\n} | null;\n\nexport type OrderDetailsHeaderProps = Readonly<{\n  $data?: OrderDetailsHeaderData | null;\n  $content?: OrderDetailsHeaderContentValue;\n  prefix?: string;\n  copyLabel?: string;\n  copyAccessibleName?: string;\n  className?: string;\n  ref?: Ref<HTMLElement>;\n}>;\n\nexport const OrderDetailsHeaderDefinition = defineComponent<OrderDetailsHeaderProps>({\n  name: 'OrderDetailsHeader',\n  importPath: '@vtex/faststore/components',\n  component: OrderDetailsHeader,\n  content: OrderDetailsHeaderContent,\n  fragment,\n  fetchStrategy: 'static',\n  skeleton: OrderDetailsHeaderSkeleton,\n  editor: { label: 'Order Details Header', category: 'content' },\n  schema: {\n    prefix: { type: 'string', default: 'Order #', label: 'Prefix' },\n    copyLabel: { type: 'string', default: 'Copy', label: 'Copy label' },\n    copyAccessibleName: { type: 'string', default: 'Copy order number', label: 'Copy accessible name' },\n  },\n  guideline:\n    'The top of the order details page: the order number as the page h1 beside a prefix, a copy action bound to the number alone, and the shared status badge. Prefix, copy, and status sentences are content; a blank field keeps the catalogue or the schema prop. Place it once, first on the page; it renders nothing when the read returns no order.',\n});\n\nfunction authored(value: string | undefined): string | undefined {\n  const trimmed = value?.trim();\n  return trimmed || undefined;\n}\n\nfunction statusMessages(content: OrderDetailsHeaderContentValue | undefined): OrderStatusMessages {\n  return {\n    'in-progress': content?.statusInProgress,\n    'cancellation-requested': content?.statusCancellationRequested,\n    cancelled: content?.statusCancelled,\n    delivered: content?.statusDelivered,\n    shipped: content?.statusShipped,\n    'ready-for-pickup': content?.statusReadyForPickup,\n    collected: content?.statusCollected,\n    placeholder: content?.statusPlaceholder,\n  };\n}\n\nexport function OrderDetailsHeaderSkeleton({ className, ...props }: ComponentPropsWithRef<'div'>) {\n  return (\n    <div {...props} className={className} data-fs-order-details-header-skeleton=\"\" aria-hidden=\"true\">\n      <span data-fs-order-details-header-skeleton-fact=\"\" />\n      <span data-fs-order-details-header-skeleton-fact=\"\" />\n    </div>\n  );\n}\n\nexport function OrderDetailsHeader({\n  $data,\n  $content,\n  prefix,\n  copyLabel,\n  copyAccessibleName,\n  className,\n  ref,\n}: OrderDetailsHeaderProps) {\n  const intl = useIntl();\n  if (!$data) {\n    return null;\n  }\n\n  const prefixText = authored($content?.prefix) ?? prefix ?? intl.formatMessage({ id: 'fs/order.number.prefix' });\n  const label = authored($content?.copyLabel) ?? copyLabel ?? intl.formatMessage({ id: 'fs/order.copy.action' });\n  const accessibleName =\n    authored($content?.copyAccessibleName) ??\n    copyAccessibleName ??\n    intl.formatMessage({ id: 'fs/order.number.copy-name' });\n\n  const badge = completionBadgeModel($data.completion);\n\n  return (\n    <header ref={ref} className={className} data-fs-order-details-header=\"\">\n      <h1 data-fs-order-details-header-heading=\"\">\n        {prefixText ? <span data-fs-order-details-header-prefix=\"\">{prefixText}</span> : null}\n        <span data-fs-order-details-header-number=\"\">{$data.orderNumber}</span>\n      </h1>\n      <div data-fs-order-details-header-copy=\"\">\n        <CopyText\n          text={$data.orderNumber}\n          accessibleName={accessibleName}\n          successMessage={authored($content?.copyCopied)}\n          failureMessage={authored($content?.copyFailure)}\n          dismissLabel={authored($content?.copyDismiss)}\n        >\n          {label}\n        </CopyText>\n      </div>\n      {badge ? (\n        <OrderStatusBadge\n          state={badge.state}\n          tone={badge.tone}\n          label={badge.label}\n          messages={statusMessages($content)}\n          data-fs-order-details-header-status=\"\"\n        />\n      ) : null}\n    </header>\n  );\n}\n"],"mappings":"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"}

package/dist/matter/order-list/customer-orders-filter.d.ts

@@ -0,0 +1,12 @@
+//#region src/matter/order-list/customer-orders-filter.d.ts
+type SearchValue = string | string[] | undefined;
+export type CustomerOrdersFilter = {
+  view?: 'ONGOING' | 'COMPLETED' | 'CANCELLED';
+  text?: string;
+  placedFrom?: string;
+  placedTo?: string;
+};
+/** Builds `CustomerOrdersFilterInput` from `view`, `search`, `placedFrom`, and `placedTo`. */
+export declare function customerOrdersFilter(searchParams: Record<string, SearchValue>): CustomerOrdersFilter | undefined;
+//#endregion
+//# sourceMappingURL=customer-orders-filter.d.ts.map

package/dist/matter/order-list/customer-orders-filter.js

@@ -0,0 +1,30 @@
+//#region src/matter/order-list/customer-orders-filter.ts
+function one(value) {
+	return (Array.isArray(value) ? value[0] : value)?.trim() ?? "";
+}
+function viewName(value) {
+	switch (value.toLowerCase()) {
+		case "ongoing": return "ONGOING";
+		case "completed": return "COMPLETED";
+		case "cancelled": return "CANCELLED";
+		default: return;
+	}
+}
+/** Builds `CustomerOrdersFilterInput` from `view`, `search`, `placedFrom`, and `placedTo`. */
+function customerOrdersFilter(searchParams) {
+	const view = viewName(one(searchParams.view));
+	const text = one(searchParams.search);
+	const placedFrom = one(searchParams.placedFrom);
+	const placedTo = one(searchParams.placedTo);
+	if (!view && !text && !placedFrom && !placedTo) return;
+	return {
+		...view ? { view } : {},
+		...text ? { text } : {},
+		...placedFrom ? { placedFrom } : {},
+		...placedTo ? { placedTo } : {}
+	};
+}
+//#endregion
+export { customerOrdersFilter };
+
+//# sourceMappingURL=customer-orders-filter.js.map

package/dist/matter/order-list/customer-orders-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"customer-orders-filter.js","names":[],"sources":["../../../src/matter/order-list/customer-orders-filter.ts"],"sourcesContent":["type SearchValue = string | string[] | undefined;\n\nexport type CustomerOrdersFilter = {\n  view?: 'ONGOING' | 'COMPLETED' | 'CANCELLED';\n  text?: string;\n  placedFrom?: string;\n  placedTo?: string;\n};\n\nfunction one(value: SearchValue): string {\n  const raw = Array.isArray(value) ? value[0] : value;\n  return raw?.trim() ?? '';\n}\n\nfunction viewName(value: string): CustomerOrdersFilter['view'] {\n  switch (value.toLowerCase()) {\n    case 'ongoing':\n      return 'ONGOING';\n    case 'completed':\n      return 'COMPLETED';\n    case 'cancelled':\n      return 'CANCELLED';\n    default:\n      return undefined;\n  }\n}\n\n/** Builds `CustomerOrdersFilterInput` from `view`, `search`, `placedFrom`, and `placedTo`. */\nexport function customerOrdersFilter(searchParams: Record<string, SearchValue>): CustomerOrdersFilter | undefined {\n  const view = viewName(one(searchParams.view));\n  const text = one(searchParams.search);\n  const placedFrom = one(searchParams.placedFrom);\n  const placedTo = one(searchParams.placedTo);\n  if (!view && !text && !placedFrom && !placedTo) {\n    return undefined;\n  }\n  return {\n    ...(view ? { view } : {}),\n    ...(text ? { text } : {}),\n    ...(placedFrom ? { placedFrom } : {}),\n    ...(placedTo ? { placedTo } : {}),\n  };\n}\n"],"mappings":";AASA,SAAS,IAAI,OAA4B;CAEvC,QADY,MAAM,QAAQ,KAAK,IAAI,MAAM,KAAK,MAAA,EAClC,KAAK,KAAK;AACxB;AAEA,SAAS,SAAS,OAA6C;CAC7D,QAAQ,MAAM,YAAY,GAA1B;EACE,KAAK,WACH,OAAO;EACT,KAAK,aACH,OAAO;EACT,KAAK,aACH,OAAO;EACT,SACE;CACJ;AACF;;AAGA,SAAgB,qBAAqB,cAA6E;CAChH,MAAM,OAAO,SAAS,IAAI,aAAa,IAAI,CAAC;CAC5C,MAAM,OAAO,IAAI,aAAa,MAAM;CACpC,MAAM,aAAa,IAAI,aAAa,UAAU;CAC9C,MAAM,WAAW,IAAI,aAAa,QAAQ;CAC1C,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,cAAc,CAAC,UACpC;CAEF,OAAO;EACL,GAAI,OAAO,EAAE,KAAK,IAAI,CAAC;EACvB,GAAI,OAAO,EAAE,KAAK,IAAI,CAAC;EACvB,GAAI,aAAa,EAAE,WAAW,IAAI,CAAC;EACnC,GAAI,WAAW,EAAE,SAAS,IAAI,CAAC;CACjC;AACF"}

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

@@ -0,0 +1,121 @@
+import { ContentValue } from "../../core/dist/define-content-type.js";
+import { ComponentDefinition } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { PageRef } from "../../sdk/navigation/types.js";
+import { OrderListItemData } from "../order-list-row/order-list-row.js";
+import { ComponentPropsWithRef, Ref } from "react";
+//#region src/matter/order-list/order-list.d.ts
+export declare const OrderListContent: {
+  readonly id: "order-list";
+  readonly title: "Order List";
+  readonly description: "The count, empty, error, and advance sentences for the orders list.";
+  readonly schema: {
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+      readonly label: {
+        readonly type: "string";
+        readonly title: "Accessible name";
+      };
+      readonly count: {
+        readonly type: "string";
+        readonly title: "Count";
+      };
+      readonly countIncomplete: {
+        readonly type: "string";
+        readonly title: "Incomplete count";
+      };
+      readonly emptyAccount: {
+        readonly type: "string";
+        readonly title: "Empty account";
+      };
+      readonly emptyView: {
+        readonly type: "string";
+        readonly title: "Empty view";
+      };
+      readonly emptySearch: {
+        readonly type: "string";
+        readonly title: "Empty search";
+      };
+      readonly pastEnd: {
+        readonly type: "string";
+        readonly title: "Past the end";
+      };
+      readonly walkStopped: {
+        readonly type: "string";
+        readonly title: "Walk stopped";
+      };
+      readonly error: {
+        readonly type: "string";
+        readonly title: "Error";
+      };
+      readonly retry: {
+        readonly type: "string";
+        readonly title: "Retry";
+      };
+      readonly next: {
+        readonly type: "string";
+        readonly title: "Next page";
+      };
+      readonly loadMore: {
+        readonly type: "string";
+        readonly title: "Load more";
+      };
+      readonly firstPage: {
+        readonly type: "string";
+        readonly title: "First page";
+      };
+      readonly clear: {
+        readonly type: "string";
+        readonly title: "Clear search";
+      };
+      readonly startShopping: {
+        readonly type: "string";
+        readonly title: "Start shopping";
+      };
+    };
+  };
+};
+export type OrderListAdvance = 'pages' | 'load-more';
+export type OrderListContentValue = ContentValue<typeof OrderListContent>;
+export type OrderListData = {
+  edges: Array<{
+    node: OrderListItemData;
+  }>;
+  pageInfo: {
+    hasNextPage: boolean;
+    endCursor: string | null;
+  };
+  totalCount: number;
+  totalIncomplete: boolean;
+};
+export type OrderListProps = Readonly<{
+  /** Accessible name of the list region. */
+  label?: string;
+  advance?: OrderListAdvance;
+  /** Link offered when the account has no orders. */
+  startShoppingHref?: PageRef | string;
+  /** The order page each row links to; the row fills `orderId`, or appends it to a string path. */
+  orderHref?: PageRef | string;
+  $content?: OrderListContentValue;
+  $data?: OrderListData | null;
+  className?: string;
+  ref?: Ref<HTMLElement>;
+}>;
+export declare const OrderListDefinition: ComponentDefinition<Readonly<{
+  /** Accessible name of the list region. */
+  label?: string;
+  advance?: OrderListAdvance;
+  /** Link offered when the account has no orders. */
+  startShoppingHref?: PageRef | string;
+  /** The order page each row links to; the row fills `orderId`, or appends it to a string path. */
+  orderHref?: PageRef | string;
+  $content?: OrderListContentValue;
+  $data?: OrderListData | null;
+  className?: string;
+  ref?: Ref<HTMLElement>;
+}>>;
+export declare function OrderListSkeleton({ className, ...props }: ComponentPropsWithRef<'div'>): import("react/jsx-runtime").JSX.Element;
+export declare function OrderList({ label, advance, startShoppingHref, orderHref, $content, $data, className, ref }: OrderListProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=order-list.d.ts.map