@vtex/faststore 0.0.7 → 0.0.10

package/dist/matter/account-address-book/account-address-book-delete.d.ts

@@ -0,0 +1,60 @@
+import { ComponentDefinition } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { ComponentActions } from "../../sdk/actions/types.js";
+import { ComponentPropsWithRef } from "react";
+//#region src/matter/account-address-book/account-address-book-delete.d.ts
+/**
+ * Deleting an address (specs/sfs-3437-address-book-delete.md, RFC REQ-04). The book's root holds which
+ * address is waiting for an answer; a trigger in each entry asks, and one confirmation under the root
+ * puts the question and dispatches `$actions.address.remove`. The confirmation never edits the list:
+ * the entry leaves through the cache edit the action makes.
+ */
+export type AccountAddressBookDeleteTriggerProps = ComponentPropsWithRef<'button'> & {
+  /** The button's visible text. A blank value falls back to the catalog copy. */
+  label?: string;
+};
+export type AccountAddressBookDeleteConfirmProps = Readonly<{
+  /** Goes on the popup, the one element a store can size and place: the dialog renders in a portal. */
+  className?: string;
+  /** The question. A blank value falls back to the catalog copy. */
+  title?: string;
+  /** What deleting means. The address's first line always shows before it. A blank value falls back to the catalog copy. */
+  description?: string;
+  /** The label of the control that backs out. A blank value falls back to the catalog copy. */
+  cancelLabel?: string;
+  /** The label of the control that deletes. A blank value falls back to the catalog copy. */
+  confirmLabel?: string;
+  /** Toast after the address is deleted. A blank value falls back to the catalog copy. */
+  deletedMessage?: string;
+  /** Shown in the prompt when the address was not deleted. A blank value falls back to the catalog copy. */
+  failedMessage?: string;
+  /** Shown in the prompt when the session expired. A blank value falls back to the catalog copy. */
+  unauthorizedMessage?: string;
+  /** Injected by the compiler from `actions: { address: [...] }`; the address write surface. */
+  $actions?: ComponentActions;
+}>;
+export declare function AccountAddressBookDeleteTrigger({ label, className, children, onClick, ...props }: AccountAddressBookDeleteTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare function AccountAddressBookDeleteConfirm({ className, title, description, cancelLabel, confirmLabel, deletedMessage, failedMessage, unauthorizedMessage, $actions: $actionsProp }: AccountAddressBookDeleteConfirmProps): import("react/jsx-runtime").JSX.Element;
+export declare const AccountAddressBookDeleteTriggerDefinition: ComponentDefinition<AccountAddressBookDeleteTriggerProps>;
+export declare const AccountAddressBookDeleteConfirmDefinition: ComponentDefinition<Readonly<{
+  /** Goes on the popup, the one element a store can size and place: the dialog renders in a portal. */
+  className?: string;
+  /** The question. A blank value falls back to the catalog copy. */
+  title?: string;
+  /** What deleting means. The address's first line always shows before it. A blank value falls back to the catalog copy. */
+  description?: string;
+  /** The label of the control that backs out. A blank value falls back to the catalog copy. */
+  cancelLabel?: string;
+  /** The label of the control that deletes. A blank value falls back to the catalog copy. */
+  confirmLabel?: string;
+  /** Toast after the address is deleted. A blank value falls back to the catalog copy. */
+  deletedMessage?: string;
+  /** Shown in the prompt when the address was not deleted. A blank value falls back to the catalog copy. */
+  failedMessage?: string;
+  /** Shown in the prompt when the session expired. A blank value falls back to the catalog copy. */
+  unauthorizedMessage?: string;
+  /** Injected by the compiler from `actions: { address: [...] }`; the address write surface. */
+  $actions?: ComponentActions;
+}>>;
+//#endregion
+//# sourceMappingURL=account-address-book-delete.d.ts.map

package/dist/matter/account-address-book/account-address-book-delete.js

@@ -0,0 +1,184 @@
+"use client";
+import { defineComponent } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { useIntl } from "../../sdk/i18n/client.js";
+import { useActionsOverride } from "../../sdk/actions/actions-override-context.js";
+import { resolveAuthoredCopy } from "../../utils/resolve-authored-copy.js";
+import { loggableErrorName } from "../../utils/loggable-error-name.js";
+import { Button } from "../../particles/button/button.js";
+import { useAccountAddressBook, useAccountAddressBookItem } from "./account-address-book.js";
+import { AlertDialog } from "../../particles/alert-dialog/alert-dialog.js";
+import { useToast } from "../../particles/toast/toast.js";
+import { firstLine } from "./account-address-first-line.js";
+import { useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/matter/account-address-book/account-address-book-delete.tsx
+/**
+* What a result means for the prompt. An empty result is a removal, and so is `NOT_FOUND`: the server no
+* longer has the address, which is what the shopper asked for, and the action already took it out of
+* the cache. Anything else leaves the address listed.
+*/
+function deleteError(userErrors) {
+	if (userErrors.length === 0 || userErrors.some(({ code }) => code === "NOT_FOUND")) return null;
+	return userErrors.some(({ code }) => code === "UNAUTHORIZED") ? "unauthorized" : "deleteFailed";
+}
+function AccountAddressBookDeleteTrigger({ label, className, children, onClick, ...props }) {
+	const { requestDelete } = useAccountAddressBook();
+	const address = useAccountAddressBookItem();
+	const intl = useIntl();
+	const text = resolveAuthoredCopy(label, intl.formatMessage({ id: "fs/address-delete.trigger" }));
+	const line = firstLine(address);
+	return /* @__PURE__ */ jsx(Button, {
+		"aria-label": line === "" ? void 0 : `${text} ${line}`,
+		...props,
+		type: "button",
+		className,
+		onClick: (event) => {
+			onClick?.(event);
+			requestDelete(address, event.currentTarget);
+		},
+		"data-fs-account-address-book-delete": "",
+		children: children ?? text
+	});
+}
+function AccountAddressBookDeleteConfirm({ className, title, description, cancelLabel, confirmLabel, deletedMessage, failedMessage, unauthorizedMessage, $actions: $actionsProp }) {
+	const toast = useToast();
+	const intl = useIntl();
+	const $actions = useActionsOverride($actionsProp);
+	const { pendingDelete, endDelete, openForm, close } = useAccountAddressBook();
+	const [pending, setPending] = useState(false);
+	const pendingRef = useRef(false);
+	const [error, setError] = useState(null);
+	const line = pendingDelete ? firstLine(pendingDelete) : "";
+	const errorMessage = error === "unauthorized" ? resolveAuthoredCopy(unauthorizedMessage, intl.formatMessage({ id: "fs/address-delete.error.unauthorized" })) : resolveAuthoredCopy(failedMessage, intl.formatMessage({ id: "fs/address-delete.error.failed" }));
+	function finish() {
+		setError(null);
+		endDelete();
+	}
+	function deleted(id) {
+		toast.add({
+			title: resolveAuthoredCopy(deletedMessage, intl.formatMessage({ id: "fs/address-delete.deleted" })),
+			type: "success"
+		});
+		if (openForm?.mode === "edit" && openForm.address.id === id) close();
+		finish();
+	}
+	async function confirm() {
+		if (pendingRef.current || pendingDelete === null) return;
+		const remove = $actions?.address?.remove;
+		if (!remove) {
+			setError("deleteFailed");
+			return;
+		}
+		const { id } = pendingDelete;
+		pendingRef.current = true;
+		setPending(true);
+		setError(null);
+		try {
+			const failure = deleteError(await remove({ id }));
+			if (failure) setError(failure);
+			else deleted(id);
+		} catch (error_) {
+			console.error("[AccountAddressBookDeleteConfirm] address.remove failed", loggableErrorName(error_));
+			setError("deleteFailed");
+		} finally {
+			pendingRef.current = false;
+			setPending(false);
+		}
+	}
+	return /* @__PURE__ */ jsx(AlertDialog.Root, {
+		open: pendingDelete !== null,
+		onOpenChange: (next) => {
+			if (!next && !pendingRef.current) finish();
+		},
+		children: /* @__PURE__ */ jsxs(AlertDialog.Portal, { children: [/* @__PURE__ */ jsx(AlertDialog.Backdrop, {}), /* @__PURE__ */ jsx(AlertDialog.Viewport, { children: /* @__PURE__ */ jsxs(AlertDialog.Popup, {
+			className,
+			"data-fs-account-address-book-delete-confirm": "",
+			children: [
+				/* @__PURE__ */ jsx(AlertDialog.Title, { children: resolveAuthoredCopy(title, intl.formatMessage({ id: "fs/address-delete.title" })) }),
+				/* @__PURE__ */ jsxs(AlertDialog.Description, { children: [line === "" ? null : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
+					"data-fs-account-address-book-delete-address": "",
+					children: line
+				}), " "] }), resolveAuthoredCopy(description, intl.formatMessage({ id: "fs/address-delete.description" }))] }),
+				error === null ? null : /* @__PURE__ */ jsx("p", {
+					role: "alert",
+					"data-fs-account-address-book-delete-error": "",
+					children: errorMessage
+				}),
+				/* @__PURE__ */ jsx(AlertDialog.Close, {
+					disabled: pending,
+					children: resolveAuthoredCopy(cancelLabel, intl.formatMessage({ id: "fs/address-delete.cancel" }))
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					type: "button",
+					disabled: pending,
+					"aria-busy": pending || void 0,
+					onClick: confirm,
+					"data-fs-account-address-book-delete-submit": "",
+					children: resolveAuthoredCopy(confirmLabel, intl.formatMessage({ id: "fs/address-delete.confirm" }))
+				})
+			]
+		}) })] })
+	});
+}
+const AccountAddressBookDeleteTriggerDefinition = defineComponent({
+	name: "AccountAddressBookDeleteTrigger",
+	importPath: "@vtex/faststore/components",
+	component: AccountAddressBookDeleteTrigger,
+	requiresContext: "account-address-book-item",
+	editor: {
+		label: "Account Address Book Delete Trigger",
+		category: "action"
+	},
+	schema: { label: {
+		type: "string",
+		label: "Button label"
+	} },
+	guideline: "Asks to delete the address of the entry it sits in. Nothing is deleted until the shopper confirms in an AccountAddressBookDeleteConfirm. Its accessible name adds the address's first line, so a list of them is told apart. Place it inside AccountAddressBookItem, and one AccountAddressBookDeleteConfirm under the root to ask the question."
+});
+const AccountAddressBookDeleteConfirmDefinition = defineComponent({
+	name: "AccountAddressBookDeleteConfirm",
+	importPath: "@vtex/faststore/components",
+	component: AccountAddressBookDeleteConfirm,
+	requiresContext: "account-address-book",
+	actions: { address: ["remove"] },
+	editor: {
+		label: "Account Address Book Delete Confirm",
+		category: "layout"
+	},
+	schema: {
+		title: {
+			type: "string",
+			label: "Question"
+		},
+		description: {
+			type: "string",
+			label: "What deleting means"
+		},
+		cancelLabel: {
+			type: "string",
+			label: "Cancel label"
+		},
+		confirmLabel: {
+			type: "string",
+			label: "Delete label"
+		},
+		deletedMessage: {
+			type: "string",
+			label: "Address deleted message"
+		},
+		failedMessage: {
+			type: "string",
+			label: "Not deleted message"
+		},
+		unauthorizedMessage: {
+			type: "string",
+			label: "Session expired message"
+		}
+	},
+	guideline: "The alert dialog that asks before an address is deleted, one per address book, opened by AccountAddressBookDeleteTrigger. Names the address, takes focus on Cancel, and closes only on Cancel or Escape: a click outside does nothing. Confirming removes the address, shows a toast and closes; a refusal keeps the dialog open with a message and lets the shopper try again. While the call runs, nothing closes it. Deleting the last address leaves the book empty, so compose an AccountAddressBookEmpty. Requires a ToastProvider ancestor, since the success toast throws without one. Place it under AccountAddressBookRoot. See account-address-book.md."
+});
+//#endregion
+export { AccountAddressBookDeleteConfirm, AccountAddressBookDeleteConfirmDefinition, AccountAddressBookDeleteTrigger, AccountAddressBookDeleteTriggerDefinition };
+
+//# sourceMappingURL=account-address-book-delete.js.map

package/dist/matter/account-address-book/account-address-book-delete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"account-address-book-delete.js","names":[],"sources":["../../../src/matter/account-address-book/account-address-book-delete.tsx"],"sourcesContent":["'use client';\n\nimport { defineComponent } from '@vtex/fs-core';\nimport { type ComponentPropsWithRef, useRef, useState } from 'react';\nimport { AlertDialog } from '../../particles/alert-dialog/alert-dialog.js';\nimport { Button } from '../../particles/button/button.js';\nimport { useToast } from '../../particles/toast/toast.js';\nimport { useActionsOverride } from '../../sdk/actions/actions-override-context.js';\nimport type { ComponentActions } from '../../sdk/actions/types.js';\nimport type { CustomerAddressUserError } from '../../sdk/address/operations.js';\nimport { useIntl } from '../../sdk/i18n/client.js';\nimport { loggableErrorName } from '../../utils/loggable-error-name.js';\nimport { resolveAuthoredCopy } from '../../utils/resolve-authored-copy.js';\nimport { useAccountAddressBook, useAccountAddressBookItem } from './account-address-book.js';\nimport { firstLine } from './account-address-first-line.js';\n\n/**\n * Deleting an address (specs/sfs-3437-address-book-delete.md, RFC REQ-04). The book's root holds which\n * address is waiting for an answer; a trigger in each entry asks, and one confirmation under the root\n * puts the question and dispatches `$actions.address.remove`. The confirmation never edits the list:\n * the entry leaves through the cache edit the action makes.\n */\n\nexport type AccountAddressBookDeleteTriggerProps = ComponentPropsWithRef<'button'> & {\n  /** The button's visible text. A blank value falls back to the catalog copy. */\n  label?: string;\n};\n\nexport type AccountAddressBookDeleteConfirmProps = Readonly<{\n  /** Goes on the popup, the one element a store can size and place: the dialog renders in a portal. */\n  className?: string;\n  /** The question. A blank value falls back to the catalog copy. */\n  title?: string;\n  /** What deleting means. The address's first line always shows before it. A blank value falls back to the catalog copy. */\n  description?: string;\n  /** The label of the control that backs out. A blank value falls back to the catalog copy. */\n  cancelLabel?: string;\n  /** The label of the control that deletes. A blank value falls back to the catalog copy. */\n  confirmLabel?: string;\n  /** Toast after the address is deleted. A blank value falls back to the catalog copy. */\n  deletedMessage?: string;\n  /** Shown in the prompt when the address was not deleted. A blank value falls back to the catalog copy. */\n  failedMessage?: string;\n  /** Shown in the prompt when the session expired. A blank value falls back to the catalog copy. */\n  unauthorizedMessage?: string;\n  /** Injected by the compiler from `actions: { address: [...] }`; the address write surface. */\n  $actions?: ComponentActions;\n}>;\n\ntype DeleteError = 'unauthorized' | 'deleteFailed';\n\n/**\n * What a result means for the prompt. An empty result is a removal, and so is `NOT_FOUND`: the server no\n * longer has the address, which is what the shopper asked for, and the action already took it out of\n * the cache. Anything else leaves the address listed.\n */\nfunction deleteError(userErrors: readonly CustomerAddressUserError[]): DeleteError | null {\n  if (userErrors.length === 0 || userErrors.some(({ code }) => code === 'NOT_FOUND')) return null;\n  return userErrors.some(({ code }) => code === 'UNAUTHORIZED') ? 'unauthorized' : 'deleteFailed';\n}\n\nexport function AccountAddressBookDeleteTrigger({\n  label,\n  className,\n  children,\n  onClick,\n  ...props\n}: AccountAddressBookDeleteTriggerProps) {\n  const { requestDelete } = useAccountAddressBook();\n  const address = useAccountAddressBookItem();\n  const intl = useIntl();\n  const text = resolveAuthoredCopy(label, intl.formatMessage({ id: 'fs/address-delete.trigger' }));\n  const line = firstLine(address);\n\n  return (\n    <Button\n      aria-label={line === '' ? undefined : `${text} ${line}`}\n      {...props}\n      type=\"button\"\n      className={className}\n      onClick={(event) => {\n        onClick?.(event);\n        requestDelete(address, event.currentTarget);\n      }}\n      data-fs-account-address-book-delete=\"\"\n    >\n      {children ?? text}\n    </Button>\n  );\n}\n\nexport function AccountAddressBookDeleteConfirm({\n  className,\n  title,\n  description,\n  cancelLabel,\n  confirmLabel,\n  deletedMessage,\n  failedMessage,\n  unauthorizedMessage,\n  $actions: $actionsProp,\n}: AccountAddressBookDeleteConfirmProps) {\n  // Enforces the ToastProvider ancestor: the hook throws outside one.\n  const toast = useToast();\n  const intl = useIntl();\n  const $actions = useActionsOverride($actionsProp);\n  const { pendingDelete, endDelete, openForm, close } = useAccountAddressBook();\n  const [pending, setPending] = useState(false);\n  const pendingRef = useRef(false);\n  const [error, setError] = useState<DeleteError | null>(null);\n\n  const line = pendingDelete ? firstLine(pendingDelete) : '';\n  const errorMessage =\n    error === 'unauthorized'\n      ? resolveAuthoredCopy(unauthorizedMessage, intl.formatMessage({ id: 'fs/address-delete.error.unauthorized' }))\n      : resolveAuthoredCopy(failedMessage, intl.formatMessage({ id: 'fs/address-delete.error.failed' }));\n\n  function finish() {\n    setError(null);\n    endDelete();\n  }\n\n  function deleted(id: string) {\n    toast.add({\n      title: resolveAuthoredCopy(deletedMessage, intl.formatMessage({ id: 'fs/address-delete.deleted' })),\n      type: 'success',\n    });\n    // An edit of this very address would only fail with `NOT_FOUND`, so it goes with the address.\n    if (openForm?.mode === 'edit' && openForm.address.id === id) close();\n    finish();\n  }\n\n  async function confirm() {\n    if (pendingRef.current || pendingDelete === null) return;\n    const remove = $actions?.address?.remove;\n    if (!remove) {\n      // A composition gap (the provider chain never delivered the action) is otherwise a dead button.\n      setError('deleteFailed');\n      return;\n    }\n\n    const { id } = pendingDelete;\n    pendingRef.current = true;\n    setPending(true);\n    setError(null);\n    try {\n      const failure = deleteError(await remove({ id }));\n      if (failure) setError(failure);\n      else deleted(id);\n    } catch (error_) {\n      // Log only the error name: a message can echo an address value.\n      console.error('[AccountAddressBookDeleteConfirm] address.remove failed', loggableErrorName(error_));\n      setError('deleteFailed');\n    } finally {\n      pendingRef.current = false;\n      setPending(false);\n    }\n  }\n\n  return (\n    <AlertDialog.Root\n      open={pendingDelete !== null}\n      onOpenChange={(next) => {\n        // Nothing closes the prompt while the call runs: its outcome has to land in front of the shopper.\n        if (!next && !pendingRef.current) finish();\n      }}\n    >\n      <AlertDialog.Portal>\n        <AlertDialog.Backdrop />\n        <AlertDialog.Viewport>\n          <AlertDialog.Popup className={className} data-fs-account-address-book-delete-confirm=\"\">\n            <AlertDialog.Title>\n              {resolveAuthoredCopy(title, intl.formatMessage({ id: 'fs/address-delete.title' }))}\n            </AlertDialog.Title>\n            <AlertDialog.Description>\n              {line === '' ? null : (\n                <>\n                  <span data-fs-account-address-book-delete-address=\"\">{line}</span>{' '}\n                </>\n              )}\n              {resolveAuthoredCopy(description, intl.formatMessage({ id: 'fs/address-delete.description' }))}\n            </AlertDialog.Description>\n            {error === null ? null : (\n              <p role=\"alert\" data-fs-account-address-book-delete-error=\"\">\n                {errorMessage}\n              </p>\n            )}\n            <AlertDialog.Close disabled={pending}>\n              {resolveAuthoredCopy(cancelLabel, intl.formatMessage({ id: 'fs/address-delete.cancel' }))}\n            </AlertDialog.Close>\n            <Button\n              type=\"button\"\n              disabled={pending}\n              aria-busy={pending || undefined}\n              onClick={confirm}\n              data-fs-account-address-book-delete-submit=\"\"\n            >\n              {resolveAuthoredCopy(confirmLabel, intl.formatMessage({ id: 'fs/address-delete.confirm' }))}\n            </Button>\n          </AlertDialog.Popup>\n        </AlertDialog.Viewport>\n      </AlertDialog.Portal>\n    </AlertDialog.Root>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Definitions\n// ---------------------------------------------------------------------------\n\nexport const AccountAddressBookDeleteTriggerDefinition = defineComponent<AccountAddressBookDeleteTriggerProps>({\n  name: 'AccountAddressBookDeleteTrigger',\n  importPath: '@vtex/faststore/components',\n  component: AccountAddressBookDeleteTrigger,\n  requiresContext: 'account-address-book-item',\n  editor: { label: 'Account Address Book Delete Trigger', category: 'action' },\n  schema: {\n    label: { type: 'string', label: 'Button label' },\n  },\n  guideline:\n    \"Asks to delete the address of the entry it sits in. Nothing is deleted until the shopper confirms in an AccountAddressBookDeleteConfirm. Its accessible name adds the address's first line, so a list of them is told apart. Place it inside AccountAddressBookItem, and one AccountAddressBookDeleteConfirm under the root to ask the question.\",\n});\n\nexport const AccountAddressBookDeleteConfirmDefinition = defineComponent<AccountAddressBookDeleteConfirmProps>({\n  name: 'AccountAddressBookDeleteConfirm',\n  importPath: '@vtex/faststore/components',\n  component: AccountAddressBookDeleteConfirm,\n  requiresContext: 'account-address-book',\n  actions: { address: ['remove'] },\n  editor: { label: 'Account Address Book Delete Confirm', category: 'layout' },\n  schema: {\n    title: { type: 'string', label: 'Question' },\n    description: { type: 'string', label: 'What deleting means' },\n    cancelLabel: { type: 'string', label: 'Cancel label' },\n    confirmLabel: { type: 'string', label: 'Delete label' },\n    deletedMessage: { type: 'string', label: 'Address deleted message' },\n    failedMessage: { type: 'string', label: 'Not deleted message' },\n    unauthorizedMessage: { type: 'string', label: 'Session expired message' },\n  },\n  guideline:\n    'The alert dialog that asks before an address is deleted, one per address book, opened by AccountAddressBookDeleteTrigger. Names the address, takes focus on Cancel, and closes only on Cancel or Escape: a click outside does nothing. Confirming removes the address, shows a toast and closes; a refusal keeps the dialog open with a message and lets the shopper try again. While the call runs, nothing closes it. Deleting the last address leaves the book empty, so compose an AccountAddressBookEmpty. Requires a ToastProvider ancestor, since the success toast throws without one. Place it under AccountAddressBookRoot. See account-address-book.md.',\n});\n"],"mappings":"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"}

package/dist/matter/account-address-book/account-address-book-deliverability.d.ts

@@ -0,0 +1,19 @@
+import { ComponentDefinition } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { ComponentPropsWithRef } from "react";
+//#region src/matter/account-address-book/account-address-book-deliverability.d.ts
+/** The shipping countries the marker reads. */
+export type AccountAddressBookItemDeliverabilitySlice = Readonly<{
+  countries: readonly string[];
+  source: 'PLATFORM' | 'SALES_CHANNEL_FALLBACK';
+}>;
+export type AccountAddressBookItemDeliverabilityProps = ComponentPropsWithRef<'p'> & {
+  /** Unwrapped `shippingCountries` from the reactive runtime: `null` when the read failed, `undefined` outside the page query. */
+  $data?: AccountAddressBookItemDeliverabilitySlice | null;
+  /** The marker text. A blank value falls back to the catalog copy. */
+  message?: string;
+};
+export declare const AccountAddressBookItemDeliverabilityDefinition: ComponentDefinition<AccountAddressBookItemDeliverabilityProps>;
+export declare function AccountAddressBookItemDeliverability({ $data: $dataProp, message, className, ...props }: AccountAddressBookItemDeliverabilityProps): import("react/jsx-runtime").JSX.Element | null;
+//#endregion
+//# sourceMappingURL=account-address-book-deliverability.d.ts.map

package/dist/matter/account-address-book/account-address-book-deliverability.js

@@ -0,0 +1,50 @@
+"use client";
+import { defineComponent } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { useIntl } from "../../sdk/i18n/client.js";
+import { useDataOverride } from "../../sdk/data/data-override-context.js";
+import { resolveAuthoredCopy } from "../../utils/resolve-authored-copy.js";
+import { AccountAddressBookSkeleton, useAccountAddressBookItem } from "./account-address-book.js";
+import { jsx } from "react/jsx-runtime";
+const AccountAddressBookItemDeliverabilityDefinition = defineComponent({
+	name: "AccountAddressBookItemDeliverability",
+	importPath: "@vtex/faststore/components",
+	component: AccountAddressBookItemDeliverability,
+	fragment: `
+  fragment AccountAddressBookItemDeliverabilityData on Query {
+    shippingCountries {
+      countries
+      source
+    }
+  }
+`,
+	fetchStrategy: "reactive",
+	requiresContext: "account-address-book-item",
+	skeleton: AccountAddressBookSkeleton,
+	editor: {
+		label: "Account Address Book Item Deliverability",
+		category: "content"
+	},
+	schema: { message: {
+		type: "string",
+		label: "Marker message"
+	} },
+	guideline: "Marks a saved address the store does not ship to, as text read with the address. Place it inside AccountAddressBookItem, which repeats it per address. Renders nothing unless the store's shipping countries are known and the address's country is not among them: a failed read, a single-country fallback list, or an address with no country all leave it empty. Set message to replace the default copy."
+});
+function AccountAddressBookItemDeliverability({ $data: $dataProp, message, className, ...props }) {
+	const { country } = useAccountAddressBookItem();
+	const shippingCountries = useDataOverride($dataProp);
+	const intl = useIntl();
+	const code = country?.trim().toUpperCase() ?? "";
+	if (shippingCountries?.source !== "PLATFORM" || code === "" || shippingCountries.countries.includes(code)) return null;
+	return /* @__PURE__ */ jsx("p", {
+		...props,
+		className,
+		"data-fs-account-address-book-item-deliverability": "",
+		children: resolveAuthoredCopy(message, intl.formatMessage({ id: "fs/address-book.undeliverable" }))
+	});
+}
+//#endregion
+export { AccountAddressBookItemDeliverability, AccountAddressBookItemDeliverabilityDefinition };
+
+//# sourceMappingURL=account-address-book-deliverability.js.map

package/dist/matter/account-address-book/account-address-book-deliverability.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"account-address-book-deliverability.js","names":[],"sources":["../../../src/matter/account-address-book/account-address-book-deliverability.tsx"],"sourcesContent":["'use client';\n\nimport { defineComponent } from '@vtex/fs-core';\nimport type { ComponentPropsWithRef } from 'react';\nimport { useDataOverride } from '../../sdk/data/data-override-context.js';\nimport { useIntl } from '../../sdk/i18n/client.js';\nimport { resolveAuthoredCopy } from '../../utils/resolve-authored-copy.js';\nimport { AccountAddressBookSkeleton, useAccountAddressBookItem } from './account-address-book.js';\n\n/**\n * Marks a saved address the store does not ship to (specs/sfs-3436-address-deliverability-marker.md,\n * RFC REQ-01). The checkout refuses such an address, and the shopper otherwise finds out mid-purchase.\n *\n * It renders only when it can tell for sure: the store's own shipping countries (`PLATFORM`, never\n * the single-country `SALES_CHANNEL_FALLBACK` guess), a non-blank country on the address, and a\n * country that is not in the list. A failed read, a page that does not carry the marker, and an\n * address with no country all render nothing, so the marker never claims what the data has not earned.\n *\n * Its fragment is the one `AddressCountryControl` (SFS-3442) shares: the same selection, with no alias\n * and no argument, so the compiler merges both into one root read. `ShippingCountries` has no `id`,\n * so the marker keeps the server-rendered value for the whole page.\n */\n\nconst fragment = /* GraphQL */ `\n  fragment AccountAddressBookItemDeliverabilityData on Query {\n    shippingCountries {\n      countries\n      source\n    }\n  }\n`;\n\n/** The shipping countries the marker reads. */\nexport type AccountAddressBookItemDeliverabilitySlice = Readonly<{\n  countries: readonly string[];\n  source: 'PLATFORM' | 'SALES_CHANNEL_FALLBACK';\n}>;\n\nexport type AccountAddressBookItemDeliverabilityProps = ComponentPropsWithRef<'p'> & {\n  /** Unwrapped `shippingCountries` from the reactive runtime: `null` when the read failed, `undefined` outside the page query. */\n  $data?: AccountAddressBookItemDeliverabilitySlice | null;\n  /** The marker text. A blank value falls back to the catalog copy. */\n  message?: string;\n};\n\nexport const AccountAddressBookItemDeliverabilityDefinition =\n  defineComponent<AccountAddressBookItemDeliverabilityProps>({\n    name: 'AccountAddressBookItemDeliverability',\n    importPath: '@vtex/faststore/components',\n    component: AccountAddressBookItemDeliverability,\n    fragment,\n    fetchStrategy: 'reactive',\n    requiresContext: 'account-address-book-item',\n    skeleton: AccountAddressBookSkeleton,\n    editor: { label: 'Account Address Book Item Deliverability', category: 'content' },\n    schema: {\n      message: { type: 'string', label: 'Marker message' },\n    },\n    guideline:\n      \"Marks a saved address the store does not ship to, as text read with the address. Place it inside AccountAddressBookItem, which repeats it per address. Renders nothing unless the store's shipping countries are known and the address's country is not among them: a failed read, a single-country fallback list, or an address with no country all leave it empty. Set message to replace the default copy.\",\n  });\n\nexport function AccountAddressBookItemDeliverability({\n  $data: $dataProp,\n  message,\n  className,\n  ...props\n}: AccountAddressBookItemDeliverabilityProps) {\n  const { country } = useAccountAddressBookItem();\n  const shippingCountries = useDataOverride<AccountAddressBookItemDeliverabilitySlice | null | undefined>($dataProp);\n  const intl = useIntl();\n\n  const code = country?.trim().toUpperCase() ?? '';\n  if (shippingCountries?.source !== 'PLATFORM' || code === '' || shippingCountries.countries.includes(code)) {\n    return null;\n  }\n\n  return (\n    <p {...props} className={className} data-fs-account-address-book-item-deliverability=\"\">\n      {resolveAuthoredCopy(message, intl.formatMessage({ id: 'fs/address-book.undeliverable' }))}\n    </p>\n  );\n}\n"],"mappings":";;;;;;;;AA6CA,MAAa,iDACX,gBAA2D;CACzD,MAAM;CACN,YAAY;CACZ,WAAW;CACX;;;;;;;;CACA,eAAe;CACf,iBAAiB;CACjB,UAAU;CACV,QAAQ;EAAE,OAAO;EAA4C,UAAU;CAAU;CACjF,QAAQ,EACN,SAAS;EAAE,MAAM;EAAU,OAAO;CAAiB,EACrD;CACA,WACE;AACJ,CAAC;AAEH,SAAgB,qCAAqC,EACnD,OAAO,WACP,SACA,WACA,GAAG,SACyC;CAC5C,MAAM,EAAE,YAAY,0BAA0B;CAC9C,MAAM,oBAAoB,gBAA8E,SAAS;CACjH,MAAM,OAAO,QAAQ;CAErB,MAAM,OAAO,SAAS,KAAK,CAAC,CAAC,YAAY,KAAK;CAC9C,IAAI,mBAAmB,WAAW,cAAc,SAAS,MAAM,kBAAkB,UAAU,SAAS,IAAI,GACtG,OAAO;CAGT,OACE,oBAAC,KAAD;EAAG,GAAI;EAAkB;EAAW,oDAAiD;EAClF,UAAA,oBAAoB,SAAS,KAAK,cAAc,EAAE,IAAI,gCAAgC,CAAC,CAAC;CACxF,CAAA;AAEP"}

package/dist/matter/account-address-book/account-address-book-form-parts.d.ts

@@ -0,0 +1,42 @@
+import { ComponentDefinition } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { ComponentPropsWithRef, ReactNode } from "react";
+//#region src/matter/account-address-book/account-address-book-form-parts.d.ts
+/**
+ * Where the address form opens (specs/sfs-3441-address-book-form.md, RFC REQ-02 and REQ-03). The book's
+ * root holds which form is open; these parts read it. A trigger opens a form, and a placement part
+ * shows it: `AccountAddressBookFormSlot` in place, `AccountAddressBookFormDialog` in a dialog. A store
+ * chooses by composition, and no prop selects a layout.
+ */
+export type AccountAddressBookAddTriggerProps = ComponentPropsWithRef<'button'> & {
+  /** The button's text. A blank value falls back to the catalog copy. */
+  label?: string;
+};
+export type AccountAddressBookEditTriggerProps = ComponentPropsWithRef<'button'> & {
+  /** The button's visible text. A blank value falls back to the catalog copy. */
+  label?: string;
+};
+export type AccountAddressBookFormSlotProps = ComponentPropsWithRef<'div'>;
+export type AccountAddressBookFormDialogProps = Readonly<{
+  children?: ReactNode;
+  /** Goes on the dialog's popup, the one element a store can size and place: the dialog renders in a portal. */
+  className?: string;
+  /** The dialog's title. A blank value falls back to the catalog copy for the open mode. */
+  title?: string;
+}>;
+export declare function AccountAddressBookAddTrigger({ label, className, children, onClick, ...props }: AccountAddressBookAddTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare function AccountAddressBookEditTrigger({ label, className, children, onClick, ...props }: AccountAddressBookEditTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare function AccountAddressBookFormSlot({ children, ...props }: AccountAddressBookFormSlotProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function AccountAddressBookFormDialog({ title, className, children }: AccountAddressBookFormDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare const AccountAddressBookAddTriggerDefinition: ComponentDefinition<AccountAddressBookAddTriggerProps>;
+export declare const AccountAddressBookEditTriggerDefinition: ComponentDefinition<AccountAddressBookEditTriggerProps>;
+export declare const AccountAddressBookFormSlotDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export declare const AccountAddressBookFormDialogDefinition: ComponentDefinition<Readonly<{
+  children?: ReactNode;
+  /** Goes on the dialog's popup, the one element a store can size and place: the dialog renders in a portal. */
+  className?: string;
+  /** The dialog's title. A blank value falls back to the catalog copy for the open mode. */
+  title?: string;
+}>>;
+//#endregion
+//# sourceMappingURL=account-address-book-form-parts.d.ts.map

package/dist/matter/account-address-book/account-address-book-form-parts.js

@@ -0,0 +1,146 @@
+"use client";
+import { defineComponent } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { useIntl } from "../../sdk/i18n/client.js";
+import { resolveAuthoredCopy } from "../../utils/resolve-authored-copy.js";
+import { Button } from "../../particles/button/button.js";
+import { useAccountAddressBook, useAccountAddressBookItem } from "./account-address-book.js";
+import { firstLine } from "./account-address-first-line.js";
+import { Dialog } from "../../particles/dialog/dialog.js";
+import { createElement } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/matter/account-address-book/account-address-book-form-parts.tsx
+/** A new key starts a new draft: a different address, or an add after an edit. */
+function formKey(form) {
+	return form.mode === "edit" ? `edit:${form.address.id}` : "add";
+}
+function AccountAddressBookAddTrigger({ label, className, children, onClick, ...props }) {
+	const { open } = useAccountAddressBook();
+	const intl = useIntl();
+	return /* @__PURE__ */ jsx(Button, {
+		...props,
+		type: "button",
+		className,
+		onClick: (event) => {
+			onClick?.(event);
+			open({ mode: "add" }, event.currentTarget);
+		},
+		"data-fs-account-address-book-add": "",
+		children: children ?? resolveAuthoredCopy(label, intl.formatMessage({ id: "fs/address-form.add" }))
+	});
+}
+function AccountAddressBookEditTrigger({ label, className, children, onClick, ...props }) {
+	const { open } = useAccountAddressBook();
+	const address = useAccountAddressBookItem();
+	const intl = useIntl();
+	const text = resolveAuthoredCopy(label, intl.formatMessage({ id: "fs/address-form.edit" }));
+	const line = firstLine(address);
+	return /* @__PURE__ */ jsx(Button, {
+		"aria-label": line === "" ? void 0 : `${text} ${line}`,
+		...props,
+		type: "button",
+		className,
+		onClick: (event) => {
+			onClick?.(event);
+			open({
+				mode: "edit",
+				address
+			}, event.currentTarget);
+		},
+		"data-fs-account-address-book-edit": "",
+		children: children ?? text
+	});
+}
+function AccountAddressBookFormSlot({ children, ...props }) {
+	const { openForm } = useAccountAddressBook();
+	if (openForm === null) return null;
+	return /* @__PURE__ */ createElement("div", {
+		...props,
+		key: formKey(openForm),
+		"data-fs-account-address-book-form-slot": ""
+	}, children);
+}
+function AccountAddressBookFormDialog({ title, className, children }) {
+	const { openForm, close, formPending } = useAccountAddressBook();
+	const intl = useIntl();
+	const defaultTitle = intl.formatMessage({ id: openForm?.mode === "edit" ? "fs/address-form.title.edit" : "fs/address-form.title.add" });
+	return /* @__PURE__ */ jsx(Dialog.Root, {
+		open: openForm !== null,
+		onOpenChange: (next) => {
+			if (!next && !formPending) close();
+		},
+		children: /* @__PURE__ */ jsxs(Dialog.Portal, { children: [/* @__PURE__ */ jsx(Dialog.Backdrop, {}), /* @__PURE__ */ jsx(Dialog.Viewport, { children: /* @__PURE__ */ jsxs(Dialog.Popup, {
+			className,
+			"data-fs-account-address-book-form-dialog": "",
+			children: [
+				/* @__PURE__ */ jsx(Dialog.Title, { children: resolveAuthoredCopy(title, defaultTitle) }),
+				/* @__PURE__ */ jsx(Dialog.Close, {
+					"aria-label": intl.formatMessage({ id: "fs/a11y.close" }),
+					children: "×"
+				}),
+				openForm === null ? null : /* @__PURE__ */ jsx("div", { children }, formKey(openForm))
+			]
+		}) })] })
+	});
+}
+const AccountAddressBookAddTriggerDefinition = defineComponent({
+	name: "AccountAddressBookAddTrigger",
+	importPath: "@vtex/faststore/components",
+	component: AccountAddressBookAddTrigger,
+	requiresContext: "account-address-book",
+	editor: {
+		label: "Account Address Book Add Trigger",
+		category: "action"
+	},
+	schema: { label: {
+		type: "string",
+		label: "Button label"
+	} },
+	guideline: "Opens the address form in add mode. Shown in every state of the book, the empty one included, since that is where a first address is added. Place an AccountAddressBookFormSlot or an AccountAddressBookFormDialog beside it to show the form. Must be inside AccountAddressBookRoot."
+});
+const AccountAddressBookEditTriggerDefinition = defineComponent({
+	name: "AccountAddressBookEditTrigger",
+	importPath: "@vtex/faststore/components",
+	component: AccountAddressBookEditTrigger,
+	requiresContext: "account-address-book-item",
+	editor: {
+		label: "Account Address Book Edit Trigger",
+		category: "action"
+	},
+	schema: { label: {
+		type: "string",
+		label: "Button label"
+	} },
+	guideline: "Opens the address form in edit mode for the address of the entry it sits in. Its accessible name adds the address's first line, so a list of them is told apart. Place it inside AccountAddressBookItem, and an AccountAddressBookFormSlot or an AccountAddressBookFormDialog under the root to show the form."
+});
+const AccountAddressBookFormSlotDefinition = defineComponent({
+	name: "AccountAddressBookFormSlot",
+	importPath: "@vtex/faststore/components",
+	component: AccountAddressBookFormSlot,
+	requiresContext: "account-address-book",
+	editor: {
+		label: "Account Address Book Form Slot",
+		category: "layout"
+	},
+	schema: {},
+	guideline: "Shows its children, an AccountAddressFormRoot, in place while a form is open, and nothing otherwise. Each open starts a new draft. Use it to open the form inline under the list; use AccountAddressBookFormDialog for an overlay. Must be inside AccountAddressBookRoot."
+});
+const AccountAddressBookFormDialogDefinition = defineComponent({
+	name: "AccountAddressBookFormDialog",
+	importPath: "@vtex/faststore/components",
+	component: AccountAddressBookFormDialog,
+	requiresContext: "account-address-book",
+	editor: {
+		label: "Account Address Book Form Dialog",
+		category: "layout"
+	},
+	schema: { title: {
+		type: "string",
+		label: "Dialog title"
+	} },
+	guideline: "Shows its children, an AccountAddressFormRoot, in a modal dialog while a form is open. Escape and the close button cancel the form and drop the draft, and focus returns to the control that opened it. Use AccountAddressBookFormSlot instead to open the form in place. Must be inside AccountAddressBookRoot."
+});
+//#endregion
+export { AccountAddressBookAddTrigger, AccountAddressBookAddTriggerDefinition, AccountAddressBookEditTrigger, AccountAddressBookEditTriggerDefinition, AccountAddressBookFormDialog, AccountAddressBookFormDialogDefinition, AccountAddressBookFormSlot, AccountAddressBookFormSlotDefinition };
+
+//# sourceMappingURL=account-address-book-form-parts.js.map

package/dist/matter/account-address-book/account-address-book-form-parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"account-address-book-form-parts.js","names":[],"sources":["../../../src/matter/account-address-book/account-address-book-form-parts.tsx"],"sourcesContent":["'use client';\n\nimport { defineComponent } from '@vtex/fs-core';\nimport type { ComponentPropsWithRef, ReactNode } from 'react';\nimport { Button } from '../../particles/button/button.js';\nimport { Dialog } from '../../particles/dialog/dialog.js';\nimport { useIntl } from '../../sdk/i18n/client.js';\nimport { resolveAuthoredCopy } from '../../utils/resolve-authored-copy.js';\nimport {\n  type AccountAddressBookOpenForm,\n  useAccountAddressBook,\n  useAccountAddressBookItem,\n} from './account-address-book.js';\nimport { firstLine } from './account-address-first-line.js';\n\n/**\n * Where the address form opens (specs/sfs-3441-address-book-form.md, RFC REQ-02 and REQ-03). The book's\n * root holds which form is open; these parts read it. A trigger opens a form, and a placement part\n * shows it: `AccountAddressBookFormSlot` in place, `AccountAddressBookFormDialog` in a dialog. A store\n * chooses by composition, and no prop selects a layout.\n */\n\nexport type AccountAddressBookAddTriggerProps = ComponentPropsWithRef<'button'> & {\n  /** The button's text. A blank value falls back to the catalog copy. */\n  label?: string;\n};\n\nexport type AccountAddressBookEditTriggerProps = ComponentPropsWithRef<'button'> & {\n  /** The button's visible text. A blank value falls back to the catalog copy. */\n  label?: string;\n};\n\nexport type AccountAddressBookFormSlotProps = ComponentPropsWithRef<'div'>;\n\nexport type AccountAddressBookFormDialogProps = Readonly<{\n  children?: ReactNode;\n  /** Goes on the dialog's popup, the one element a store can size and place: the dialog renders in a portal. */\n  className?: string;\n  /** The dialog's title. A blank value falls back to the catalog copy for the open mode. */\n  title?: string;\n}>;\n\n/** A new key starts a new draft: a different address, or an add after an edit. */\nfunction formKey(form: AccountAddressBookOpenForm): string {\n  return form.mode === 'edit' ? `edit:${form.address.id}` : 'add';\n}\n\nexport function AccountAddressBookAddTrigger({\n  label,\n  className,\n  children,\n  onClick,\n  ...props\n}: AccountAddressBookAddTriggerProps) {\n  const { open } = useAccountAddressBook();\n  const intl = useIntl();\n\n  return (\n    <Button\n      {...props}\n      type=\"button\"\n      className={className}\n      onClick={(event) => {\n        onClick?.(event);\n        open({ mode: 'add' }, event.currentTarget);\n      }}\n      data-fs-account-address-book-add=\"\"\n    >\n      {children ?? resolveAuthoredCopy(label, intl.formatMessage({ id: 'fs/address-form.add' }))}\n    </Button>\n  );\n}\n\nexport function AccountAddressBookEditTrigger({\n  label,\n  className,\n  children,\n  onClick,\n  ...props\n}: AccountAddressBookEditTriggerProps) {\n  const { open } = useAccountAddressBook();\n  const address = useAccountAddressBookItem();\n  const intl = useIntl();\n  const text = resolveAuthoredCopy(label, intl.formatMessage({ id: 'fs/address-form.edit' }));\n  const line = firstLine(address);\n\n  return (\n    <Button\n      aria-label={line === '' ? undefined : `${text} ${line}`}\n      {...props}\n      type=\"button\"\n      className={className}\n      onClick={(event) => {\n        onClick?.(event);\n        open({ mode: 'edit', address }, event.currentTarget);\n      }}\n      data-fs-account-address-book-edit=\"\"\n    >\n      {children ?? text}\n    </Button>\n  );\n}\n\nexport function AccountAddressBookFormSlot({ children, ...props }: AccountAddressBookFormSlotProps) {\n  const { openForm } = useAccountAddressBook();\n\n  if (openForm === null) return null;\n\n  return (\n    <div {...props} key={formKey(openForm)} data-fs-account-address-book-form-slot=\"\">\n      {children}\n    </div>\n  );\n}\n\nexport function AccountAddressBookFormDialog({ title, className, children }: AccountAddressBookFormDialogProps) {\n  const { openForm, close, formPending } = useAccountAddressBook();\n  const intl = useIntl();\n  const defaultTitle = intl.formatMessage({\n    id: openForm?.mode === 'edit' ? 'fs/address-form.title.edit' : 'fs/address-form.title.add',\n  });\n\n  return (\n    <Dialog.Root\n      open={openForm !== null}\n      onOpenChange={(next) => {\n        // A save in flight keeps the form open: its refusal has to land where the shopper can see it.\n        if (!next && !formPending) close();\n      }}\n    >\n      <Dialog.Portal>\n        <Dialog.Backdrop />\n        <Dialog.Viewport>\n          <Dialog.Popup className={className} data-fs-account-address-book-form-dialog=\"\">\n            <Dialog.Title>{resolveAuthoredCopy(title, defaultTitle)}</Dialog.Title>\n            <Dialog.Close aria-label={intl.formatMessage({ id: 'fs/a11y.close' })}>×</Dialog.Close>\n            {openForm === null ? null : <div key={formKey(openForm)}>{children}</div>}\n          </Dialog.Popup>\n        </Dialog.Viewport>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Definitions\n// ---------------------------------------------------------------------------\n\nexport const AccountAddressBookAddTriggerDefinition = defineComponent<AccountAddressBookAddTriggerProps>({\n  name: 'AccountAddressBookAddTrigger',\n  importPath: '@vtex/faststore/components',\n  component: AccountAddressBookAddTrigger,\n  requiresContext: 'account-address-book',\n  editor: { label: 'Account Address Book Add Trigger', category: 'action' },\n  schema: {\n    label: { type: 'string', label: 'Button label' },\n  },\n  guideline:\n    'Opens the address form in add mode. Shown in every state of the book, the empty one included, since that is where a first address is added. Place an AccountAddressBookFormSlot or an AccountAddressBookFormDialog beside it to show the form. Must be inside AccountAddressBookRoot.',\n});\n\nexport const AccountAddressBookEditTriggerDefinition = defineComponent<AccountAddressBookEditTriggerProps>({\n  name: 'AccountAddressBookEditTrigger',\n  importPath: '@vtex/faststore/components',\n  component: AccountAddressBookEditTrigger,\n  requiresContext: 'account-address-book-item',\n  editor: { label: 'Account Address Book Edit Trigger', category: 'action' },\n  schema: {\n    label: { type: 'string', label: 'Button label' },\n  },\n  guideline:\n    \"Opens the address form in edit mode for the address of the entry it sits in. Its accessible name adds the address's first line, so a list of them is told apart. Place it inside AccountAddressBookItem, and an AccountAddressBookFormSlot or an AccountAddressBookFormDialog under the root to show the form.\",\n});\n\nexport const AccountAddressBookFormSlotDefinition = defineComponent<AccountAddressBookFormSlotProps>({\n  name: 'AccountAddressBookFormSlot',\n  importPath: '@vtex/faststore/components',\n  component: AccountAddressBookFormSlot,\n  requiresContext: 'account-address-book',\n  editor: { label: 'Account Address Book Form Slot', category: 'layout' },\n  schema: {},\n  guideline:\n    'Shows its children, an AccountAddressFormRoot, in place while a form is open, and nothing otherwise. Each open starts a new draft. Use it to open the form inline under the list; use AccountAddressBookFormDialog for an overlay. Must be inside AccountAddressBookRoot.',\n});\n\nexport const AccountAddressBookFormDialogDefinition = defineComponent<AccountAddressBookFormDialogProps>({\n  name: 'AccountAddressBookFormDialog',\n  importPath: '@vtex/faststore/components',\n  component: AccountAddressBookFormDialog,\n  requiresContext: 'account-address-book',\n  editor: { label: 'Account Address Book Form Dialog', category: 'layout' },\n  schema: {\n    title: { type: 'string', label: 'Dialog title' },\n  },\n  guideline:\n    'Shows its children, an AccountAddressFormRoot, in a modal dialog while a form is open. Escape and the close button cancel the form and drop the draft, and focus returns to the control that opened it. Use AccountAddressBookFormSlot instead to open the form in place. Must be inside AccountAddressBookRoot.',\n});\n"],"mappings":"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"}

package/dist/matter/account-address-book/account-address-book-profile-notice.d.ts

@@ -0,0 +1,25 @@
+import { ComponentDefinition } from "../../core/dist/define-component.js";
+import "../../core/dist/index.js";
+import { PageRef } from "../../sdk/navigation/types.js";
+import { ComponentPropsWithRef } from "react";
+//#region src/matter/account-address-book/account-address-book-profile-notice.d.ts
+/** The profile fields the notice reads. */
+export type AccountAddressBookProfileNoticeSlice = Readonly<{
+  __typename?: 'CustomerProfile';
+  id: string;
+  homePhone?: string | null;
+}>;
+export type AccountAddressBookProfileNoticeProps = ComponentPropsWithRef<'div'> & {
+  /** Unwrapped `customerProfile` from the reactive runtime (arity-1 fragment); `null` until resolved. */
+  $data?: AccountAddressBookProfileNoticeSlice | null;
+  /** Where the link goes. A blank value falls back to the default. */
+  href?: PageRef | string;
+  /** The notice text. A blank value falls back to the catalog copy. */
+  message?: string;
+  /** The link's label. A blank value falls back to the catalog copy. */
+  linkLabel?: string;
+};
+export declare const AccountAddressBookProfileNoticeDefinition: ComponentDefinition<AccountAddressBookProfileNoticeProps>;
+export declare function AccountAddressBookProfileNotice({ $data: $dataProp, href, message, linkLabel, className, ...props }: AccountAddressBookProfileNoticeProps): import("react/jsx-runtime").JSX.Element | null;
+//#endregion
+//# sourceMappingURL=account-address-book-profile-notice.d.ts.map