@vtex/faststore 0.0.6 → 0.0.8

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

@@ -0,0 +1,172 @@
+"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 { useOrderDeliveryOption } from "../order-delivery-group/order-delivery-group.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/matter/order-delivery-address/order-delivery-address.tsx
+const fragment = `
+  fragment OrderDeliveryAddressData on Query {
+    customerOrder(id: $orderId) {
+      deliveryOptions {
+        addressId
+        deliveryChannel
+        address {
+          receiverName
+          street
+          number
+          complement
+          neighborhood
+          reference
+          city
+          state
+          postalCode
+          country
+        }
+      }
+    }
+  }
+`;
+const OrderDeliveryAddressContent = defineContentType({
+	id: "order-delivery-address",
+	title: "Order Delivery Address",
+	description: "The labels above a delivery address and above a pickup store address.",
+	schema: {
+		type: "object",
+		additionalProperties: false,
+		properties: {
+			deliveryLabel: {
+				type: "string",
+				title: "Delivery address label"
+			},
+			storeLabel: {
+				type: "string",
+				title: "Store address label"
+			}
+		}
+	}
+});
+const OrderDeliveryAddressDefinition = defineComponent({
+	name: "OrderDeliveryAddress",
+	importPath: "@vtex/faststore/components",
+	component: OrderDeliveryAddress,
+	content: OrderDeliveryAddressContent,
+	fragment,
+	fetchStrategy: "static",
+	skeleton: OrderDeliveryAddressSkeleton,
+	requiresContext: "order-delivery-option",
+	editor: {
+		label: "Order Delivery Address",
+		category: "content"
+	},
+	schema: {
+		deliveryLabel: {
+			type: "string",
+			label: "Delivery address label"
+		},
+		storeLabel: {
+			type: "string",
+			label: "Store address label"
+		}
+	},
+	guideline: "The address the order recorded for one delivery option: the recipient and the delivery-address label for a delivery, the store-address label for a pickup, and every non-empty address field. Place it inside OrderDeliveryGroup, after the rows; it renders the address of the option it sits in."
+});
+const PICKUP_CHANNEL = "pickup-in-point";
+const FIELDS = [
+	["street", { "data-fs-order-delivery-address-street": "" }],
+	["number", { "data-fs-order-delivery-address-number": "" }],
+	["complement", { "data-fs-order-delivery-address-complement": "" }],
+	["neighborhood", { "data-fs-order-delivery-address-neighborhood": "" }],
+	["reference", { "data-fs-order-delivery-address-reference": "" }],
+	["city", { "data-fs-order-delivery-address-city": "" }],
+	["state", { "data-fs-order-delivery-address-state": "" }],
+	["postalCode", { "data-fs-order-delivery-address-postal-code": "" }],
+	["country", { "data-fs-order-delivery-address-country": "" }]
+];
+function text(value) {
+	return value?.trim() || null;
+}
+function optionKey(option) {
+	const address = option.address;
+	return [
+		option.addressId,
+		option.deliveryChannel,
+		address?.postalCode,
+		address?.street,
+		address?.number
+	].filter(Boolean).join("-") || "address";
+}
+function OrderDeliveryAddressSkeleton({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		className,
+		"data-fs-order-delivery-address-skeleton": "",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ jsx("span", { "data-fs-order-delivery-address-skeleton-line": "" })
+	});
+}
+function OrderDeliveryAddress({ deliveryLabel, storeLabel, $content, $data, className, ref }) {
+	const intl = useIntl();
+	const inGroup = useOrderDeliveryOption();
+	const options = $data?.deliveryOptions ?? [];
+	const labels = {
+		delivery: text($content?.deliveryLabel) ?? text(deliveryLabel) ?? intl.formatMessage({ id: "fs/order-delivery-address.delivery" }),
+		store: text($content?.storeLabel) ?? text(storeLabel) ?? intl.formatMessage({ id: "fs/order-delivery-address.store" })
+	};
+	if (inGroup) {
+		const option = options[inGroup.index];
+		if (!option?.address) return null;
+		return /* @__PURE__ */ jsx(AddressBlock, {
+			ref,
+			className,
+			index: inGroup.index,
+			option,
+			labels
+		});
+	}
+	const blocks = options.flatMap((option, index) => option.address ? [/* @__PURE__ */ jsx(AddressBlock, {
+		index,
+		option,
+		labels
+	}, `${index}:${optionKey(option)}`)] : []);
+	if (blocks.length === 0) return null;
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className,
+		"data-fs-order-delivery-address-list": "",
+		children: blocks
+	});
+}
+function AddressBlock({ index, option, labels, className, ref }) {
+	const pickup = option.deliveryChannel === PICKUP_CHANNEL;
+	const recipient = pickup ? null : text(option.address?.receiverName);
+	return /* @__PURE__ */ jsxs("address", {
+		ref,
+		className,
+		"data-fs-order-delivery-address": "",
+		"data-fs-order-delivery-address-channel": pickup ? PICKUP_CHANNEL : "delivery",
+		"data-fs-order-delivery-address-option": index,
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				"data-fs-order-delivery-address-label": "",
+				children: pickup ? labels.store : labels.delivery
+			}),
+			recipient ? /* @__PURE__ */ jsx("span", {
+				"data-fs-order-delivery-address-recipient": "",
+				children: recipient
+			}) : null,
+			FIELDS.map(([name, hook]) => {
+				const value = text(option.address?.[name]);
+				return value ? /* @__PURE__ */ jsx("span", {
+					...hook,
+					children: value
+				}, name) : null;
+			})
+		]
+	});
+}
+//#endregion
+export { OrderDeliveryAddress, OrderDeliveryAddressContent, OrderDeliveryAddressDefinition, OrderDeliveryAddressSkeleton };
+
+//# sourceMappingURL=order-delivery-address.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"order-delivery-address.js","names":[],"sources":["../../../src/matter/order-delivery-address/order-delivery-address.tsx"],"sourcesContent":["'use client';\n\nimport { type ContentValue, defineComponent, defineContentType } from '@vtex/fs-core';\nimport type { ComponentPropsWithRef, Ref } from 'react';\nimport { useIntl } from '../../sdk/i18n/client.js';\nimport { useOrderDeliveryOption } from '../order-delivery-group/order-delivery-group.js';\n\nconst fragment = /* GraphQL */ `\n  fragment OrderDeliveryAddressData on Query {\n    customerOrder(id: $orderId) {\n      deliveryOptions {\n        addressId\n        deliveryChannel\n        address {\n          receiverName\n          street\n          number\n          complement\n          neighborhood\n          reference\n          city\n          state\n          postalCode\n          country\n        }\n      }\n    }\n  }\n`;\n\nexport const OrderDeliveryAddressContent = defineContentType({\n  id: 'order-delivery-address',\n  title: 'Order Delivery Address',\n  description: 'The labels above a delivery address and above a pickup store address.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      deliveryLabel: { type: 'string', title: 'Delivery address label' },\n      storeLabel: { type: 'string', title: 'Store address label' },\n    },\n  },\n});\n\nexport type OrderDeliveryAddressContentValue = ContentValue<typeof OrderDeliveryAddressContent>;\n\n/** The historical address OMS recorded on one delivery option. */\nexport type OrderDeliveryAddressRecord = {\n  receiverName: string | null;\n  street: string | null;\n  number: string | null;\n  complement: string | null;\n  neighborhood: string | null;\n  reference: string | null;\n  city: string | null;\n  state: string | null;\n  postalCode: string | null;\n  country: string | null;\n};\n\nexport type OrderDeliveryAddressOptionData = {\n  addressId: string | null;\n  deliveryChannel: string | null;\n  address: OrderDeliveryAddressRecord | null;\n};\n\n/** Unwrapped `CustomerOrder` slice. Null when the id does not resolve to the shopper's order. */\nexport type OrderDeliveryAddressData = {\n  deliveryOptions: OrderDeliveryAddressOptionData[];\n} | null;\n\nexport type OrderDeliveryAddressProps = Readonly<{\n  /** Label above a delivery address. Content wins, then this prop, then the catalogue. */\n  deliveryLabel?: string;\n  /** Label above a pickup store address. Content wins, then this prop, then the catalogue. */\n  storeLabel?: string;\n  /** Injected by the compiler from the page content entry. */\n  $content?: OrderDeliveryAddressContentValue;\n  $data?: OrderDeliveryAddressData;\n  className?: string;\n  ref?: Ref<HTMLElement>;\n}>;\n\nexport const OrderDeliveryAddressDefinition = defineComponent<OrderDeliveryAddressProps>({\n  name: 'OrderDeliveryAddress',\n  importPath: '@vtex/faststore/components',\n  component: OrderDeliveryAddress,\n  content: OrderDeliveryAddressContent,\n  fragment,\n  fetchStrategy: 'static',\n  skeleton: OrderDeliveryAddressSkeleton,\n  requiresContext: 'order-delivery-option',\n  editor: { label: 'Order Delivery Address', category: 'content' },\n  schema: {\n    deliveryLabel: { type: 'string', label: 'Delivery address label' },\n    storeLabel: { type: 'string', label: 'Store address label' },\n  },\n  guideline:\n    'The address the order recorded for one delivery option: the recipient and the delivery-address label for a delivery, the store-address label for a pickup, and every non-empty address field. Place it inside OrderDeliveryGroup, after the rows; it renders the address of the option it sits in.',\n});\n\nconst PICKUP_CHANNEL = 'pickup-in-point';\n\nconst FIELDS = [\n  ['street', { 'data-fs-order-delivery-address-street': '' }],\n  ['number', { 'data-fs-order-delivery-address-number': '' }],\n  ['complement', { 'data-fs-order-delivery-address-complement': '' }],\n  ['neighborhood', { 'data-fs-order-delivery-address-neighborhood': '' }],\n  ['reference', { 'data-fs-order-delivery-address-reference': '' }],\n  ['city', { 'data-fs-order-delivery-address-city': '' }],\n  ['state', { 'data-fs-order-delivery-address-state': '' }],\n  ['postalCode', { 'data-fs-order-delivery-address-postal-code': '' }],\n  ['country', { 'data-fs-order-delivery-address-country': '' }],\n] as const satisfies ReadonlyArray<readonly [keyof OrderDeliveryAddressRecord, object]>;\n\nfunction text(value: string | null | undefined): string | null {\n  const trimmed = value?.trim();\n  return trimmed || null;\n}\n\nfunction optionKey(option: OrderDeliveryAddressOptionData): string {\n  const address = option.address;\n  const key = [option.addressId, option.deliveryChannel, address?.postalCode, address?.street, address?.number]\n    .filter(Boolean)\n    .join('-');\n  return key || 'address';\n}\n\nexport function OrderDeliveryAddressSkeleton({ className, ...props }: ComponentPropsWithRef<'div'>) {\n  return (\n    <div {...props} className={className} data-fs-order-delivery-address-skeleton=\"\" aria-hidden=\"true\">\n      <span data-fs-order-delivery-address-skeleton-line=\"\" />\n    </div>\n  );\n}\n\nexport function OrderDeliveryAddress({\n  deliveryLabel,\n  storeLabel,\n  $content,\n  $data,\n  className,\n  ref,\n}: OrderDeliveryAddressProps) {\n  const intl = useIntl();\n  const inGroup = useOrderDeliveryOption();\n  const options = $data?.deliveryOptions ?? [];\n  const labels = {\n    delivery:\n      text($content?.deliveryLabel) ??\n      text(deliveryLabel) ??\n      intl.formatMessage({ id: 'fs/order-delivery-address.delivery' }),\n    store:\n      text($content?.storeLabel) ?? text(storeLabel) ?? intl.formatMessage({ id: 'fs/order-delivery-address.store' }),\n  };\n\n  if (inGroup) {\n    const option = options[inGroup.index];\n    if (!option?.address) {\n      return null;\n    }\n    return <AddressBlock ref={ref} className={className} index={inGroup.index} option={option} labels={labels} />;\n  }\n\n  const blocks = options.flatMap((option, index) =>\n    option.address\n      ? [<AddressBlock key={`${index}:${optionKey(option)}`} index={index} option={option} labels={labels} />]\n      : [],\n  );\n  if (blocks.length === 0) {\n    return null;\n  }\n\n  return (\n    <div ref={ref as Ref<HTMLDivElement>} className={className} data-fs-order-delivery-address-list=\"\">\n      {blocks}\n    </div>\n  );\n}\n\ntype AddressBlockProps = Readonly<{\n  index: number;\n  option: OrderDeliveryAddressOptionData;\n  labels: Readonly<{ delivery: string; store: string }>;\n  className?: string;\n  ref?: Ref<HTMLElement>;\n}>;\n\nfunction AddressBlock({ index, option, labels, className, ref }: AddressBlockProps) {\n  const pickup = option.deliveryChannel === PICKUP_CHANNEL;\n  const recipient = pickup ? null : text(option.address?.receiverName);\n\n  return (\n    <address\n      ref={ref}\n      className={className}\n      data-fs-order-delivery-address=\"\"\n      data-fs-order-delivery-address-channel={pickup ? PICKUP_CHANNEL : 'delivery'}\n      data-fs-order-delivery-address-option={index}\n    >\n      <span data-fs-order-delivery-address-label=\"\">{pickup ? labels.store : labels.delivery}</span>\n      {recipient ? <span data-fs-order-delivery-address-recipient=\"\">{recipient}</span> : null}\n      {FIELDS.map(([name, hook]) => {\n        const value = text(option.address?.[name]);\n        return value ? (\n          <span key={name} {...hook}>\n            {value}\n          </span>\n        ) : null;\n      })}\n    </address>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,128 @@
+import { ContentValue } 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";
+//#region src/matter/order-delivery-group/order-delivery-group.d.ts
+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 schema: {
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+      readonly label: {
+        readonly type: "string";
+        readonly title: "Accessible name";
+      };
+      readonly delivery: {
+        readonly type: "string";
+        readonly title: "Delivery";
+      };
+      readonly pickup: {
+        readonly type: "string";
+        readonly title: "Pickup";
+      };
+      readonly estimate: {
+        readonly type: "string";
+        readonly title: "Estimated delivery";
+      };
+      readonly itemsOne: {
+        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 subtotal: {
+        readonly type: "string";
+        readonly title: "Subtotal";
+      };
+      readonly quantity: {
+        readonly type: "string";
+        readonly title: "Quantity";
+      };
+      readonly unitPrice: {
+        readonly type: "string";
+        readonly title: "Unit price";
+      };
+      readonly listPrice: {
+        readonly type: "string";
+        readonly title: "List price";
+      };
+      readonly total: {
+        readonly type: "string";
+        readonly title: "Total";
+      };
+      readonly tax: {
+        readonly type: "string";
+        readonly title: "Tax";
+      };
+    };
+  };
+};
+export type OrderDeliveryGroupContentValue = ContentValue<typeof OrderDeliveryGroupContent>;
+export type OrderDeliveryMoney = {
+  amount: string | number;
+  currencyCode: string;
+};
+export type OrderDeliveryItemData = {
+  id: string;
+  name: string;
+  quantity: number;
+  image: {
+    url: string;
+    altText: string | null;
+  } | null;
+  sellingPrice: OrderDeliveryMoney | null;
+  listPrice: OrderDeliveryMoney | null;
+  total: OrderDeliveryMoney | null;
+  tax: OrderDeliveryMoney | null;
+  customFields: Array<{
+    name: string;
+    value: string;
+  }>;
+};
+export type OrderDeliveryOptionData = {
+  selectedSla: string | null;
+  deliveryChannel: string | null;
+  shippingEstimateDate: string | null;
+  items: OrderDeliveryItemData[];
+};
+/** Unwrapped `CustomerOrder` slice. Null when the id does not resolve to the shopper's order. */
+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;
+  $content?: OrderDeliveryGroupContentValue;
+  $data?: OrderDeliveryGroupData;
+  /** Rendered once per option, after its rows, inside the `order-delivery-option` context. */
+  children?: ReactNode;
+  className?: string;
+  ref?: Ref<HTMLElement>;
+}>;
+/** Which delivery option the children of `OrderDeliveryGroup` are rendering inside. */
+export type OrderDeliveryOptionContextValue = Readonly<{
+  index: number;
+}>;
+/** 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 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;
+//#endregion
+//# sourceMappingURL=order-delivery-group.d.ts.map