@vtex/faststore 0.0.8 → 0.0.11

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

@@ -1,3 +1,4 @@
+import { ContentValue, MessageLocaleProp } from "../../core/dist/define-content-type.js";
 import { ComponentDefinition } from "../../core/dist/define-component.js";
 import "../../core/dist/index.js";
 import { ComponentPropsWithRef } from "react";
@@ -7,13 +8,29 @@ export type AccountAddressBookItemDeliverabilitySlice = Readonly<{
   countries: readonly string[];
   source: 'PLATFORM' | 'SALES_CHANNEL_FALLBACK';
 }>;
-export type AccountAddressBookItemDeliverabilityProps = ComponentPropsWithRef<'p'> & {
+export type AccountAddressBookItemDeliverabilityProps = ComponentPropsWithRef<'p'> & MessageLocaleProp & {
   /** 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;
+  $content?: ContentValue<typeof AccountAddressBookItemDeliverabilityContent>;
+};
+export declare const AccountAddressBookItemDeliverabilityContent: {
+  readonly id: "account-address-book-deliverability";
+  readonly title: "Account Address Book Item Deliverability";
+  readonly description: "Marker on a saved address the store does not ship to.";
+  readonly schema: {
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+      readonly message: {
+        readonly type: "string";
+        readonly title: "Marker message";
+        readonly format: "icu-message";
+        readonly messageSource: "We don't deliver to this country at the moment.";
+      };
+    };
+  };
 };
 export declare const AccountAddressBookItemDeliverabilityDefinition: ComponentDefinition<AccountAddressBookItemDeliverabilityProps>;
-export declare function AccountAddressBookItemDeliverability({ $data: $dataProp, message, className, ...props }: AccountAddressBookItemDeliverabilityProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function AccountAddressBookItemDeliverability({ $data: $dataProp, $content, $locale, 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

@@ -1,23 +1,54 @@
 "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 { useMessageFormatter } from "../../sdk/i18n/use-message-formatter.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: `
+//#region src/matter/account-address-book/account-address-book-deliverability.tsx
+/**
+* Marks a saved address the store does not ship to (specs/sfs-3436-address-deliverability-marker.md,
+* RFC REQ-01). The checkout refuses such an address, and the shopper otherwise finds out mid-purchase.
+*
+* It renders only when it can tell for sure: the store's own shipping countries (`PLATFORM`, never
+* the single-country `SALES_CHANNEL_FALLBACK` guess), a non-blank country on the address, and a
+* country that is not in the list. A failed read, a page that does not carry the marker, and an
+* address with no country all render nothing, so the marker never claims what the data has not earned.
+*
+* Its fragment is the one `AddressCountryControl` (SFS-3442) shares: the same selection, with no alias
+* and no argument, so the compiler merges both into one root read. `ShippingCountries` has no `id`,
+* so the marker keeps the server-rendered value for the whole page.
+*/
+const fragment = `
   fragment AccountAddressBookItemDeliverabilityData on Query {
     shippingCountries {
       countries
       source
     }
   }
-`,
+`;
+const AccountAddressBookItemDeliverabilityContent = defineContentType({
+	id: "account-address-book-deliverability",
+	title: "Account Address Book Item Deliverability",
+	description: "Marker on a saved address the store does not ship to.",
+	schema: {
+		type: "object",
+		additionalProperties: false,
+		properties: { message: {
+			type: "string",
+			title: "Marker message",
+			format: "icu-message",
+			messageSource: "We don't deliver to this country at the moment."
+		} }
+	}
+});
+const AccountAddressBookItemDeliverabilityDefinition = defineComponent({
+	name: "AccountAddressBookItemDeliverability",
+	importPath: "@vtex/faststore/components",
+	component: AccountAddressBookItemDeliverability,
+	content: AccountAddressBookItemDeliverabilityContent,
+	fragment,
 	fetchStrategy: "reactive",
 	requiresContext: "account-address-book-item",
 	skeleton: AccountAddressBookSkeleton,
@@ -25,26 +56,23 @@ const AccountAddressBookItemDeliverabilityDefinition = defineComponent({
 		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."
+	schema: {},
+	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. The marker text is the message field of its content."
 });
-function AccountAddressBookItemDeliverability({ $data: $dataProp, message, className, ...props }) {
+function AccountAddressBookItemDeliverability({ $data: $dataProp, $content, $locale, className, ...props }) {
 	const { country } = useAccountAddressBookItem();
 	const shippingCountries = useDataOverride($dataProp);
-	const intl = useIntl();
+	const { format } = useMessageFormatter(AccountAddressBookItemDeliverabilityContent, $content);
 	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" }))
+		children: format("message")
 	});
 }
 //#endregion
-export { AccountAddressBookItemDeliverability, AccountAddressBookItemDeliverabilityDefinition };
+export { AccountAddressBookItemDeliverability, AccountAddressBookItemDeliverabilityContent, AccountAddressBookItemDeliverabilityDefinition };
 
 //# sourceMappingURL=account-address-book-deliverability.js.map

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

@@ -1 +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"}
+{"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 { type ContentValue, defineComponent, defineContentType, type MessageLocaleProp } from '@vtex/fs-core';\nimport type { ComponentPropsWithRef } from 'react';\nimport { useDataOverride } from '../../sdk/data/data-override-context.js';\nimport { useMessageFormatter } from '../../sdk/i18n/use-message-formatter.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  MessageLocaleProp & {\n    /** Unwrapped `shippingCountries` from the reactive runtime: `null` when the read failed, `undefined` outside the page query. */\n    $data?: AccountAddressBookItemDeliverabilitySlice | null;\n    $content?: ContentValue<typeof AccountAddressBookItemDeliverabilityContent>;\n  };\n\nexport const AccountAddressBookItemDeliverabilityContent = defineContentType({\n  id: 'account-address-book-deliverability',\n  title: 'Account Address Book Item Deliverability',\n  description: 'Marker on a saved address the store does not ship to.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      message: {\n        type: 'string',\n        title: 'Marker message',\n        format: 'icu-message',\n        messageSource: \"We don't deliver to this country at the moment.\",\n      },\n    },\n  },\n});\n\nexport const AccountAddressBookItemDeliverabilityDefinition =\n  defineComponent<AccountAddressBookItemDeliverabilityProps>({\n    name: 'AccountAddressBookItemDeliverability',\n    importPath: '@vtex/faststore/components',\n    component: AccountAddressBookItemDeliverability,\n    content: AccountAddressBookItemDeliverabilityContent,\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    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. The marker text is the message field of its content.\",\n  });\n\nexport function AccountAddressBookItemDeliverability({\n  $data: $dataProp,\n  $content,\n  $locale,\n  className,\n  ...props\n}: AccountAddressBookItemDeliverabilityProps) {\n  const { country } = useAccountAddressBookItem();\n  const shippingCountries = useDataOverride<AccountAddressBookItemDeliverabilitySlice | null | undefined>($dataProp);\n  const { format } = useMessageFormatter(AccountAddressBookItemDeliverabilityContent, $content);\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      {format('message')}\n    </p>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,WAAyB;;;;;;;;AAsB/B,MAAa,8CAA8C,kBAAkB;CAC3E,IAAI;CACJ,OAAO;CACP,aAAa;CACb,QAAQ;EACN,MAAM;EACN,sBAAsB;EACtB,YAAY,EACV,SAAS;GACP,MAAM;GACN,OAAO;GACP,QAAQ;GACR,eAAe;EACjB,EACF;CACF;AACF,CAAC;AAED,MAAa,iDACX,gBAA2D;CACzD,MAAM;CACN,YAAY;CACZ,WAAW;CACX,SAAS;CACT;CACA,eAAe;CACf,iBAAiB;CACjB,UAAU;CACV,QAAQ;EAAE,OAAO;EAA4C,UAAU;CAAU;CACjF,QAAQ,CAAC;CACT,WACE;AACJ,CAAC;AAEH,SAAgB,qCAAqC,EACnD,OAAO,WACP,UACA,SACA,WACA,GAAG,SACyC;CAC5C,MAAM,EAAE,YAAY,0BAA0B;CAC9C,MAAM,oBAAoB,gBAA8E,SAAS;CACjH,MAAM,EAAE,WAAW,oBAAoB,6CAA6C,QAAQ;CAE5F,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,OAAO,SAAS;CAChB,CAAA;AAEP"}

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

@@ -1,3 +1,4 @@
+import { ContentValue, MessageLocaleProp } from "../../core/dist/define-content-type.js";
 import { ComponentDefinition } from "../../core/dist/define-component.js";
 import "../../core/dist/index.js";
 import { ComponentPropsWithRef, ReactNode } from "react";
@@ -8,35 +9,89 @@ import { ComponentPropsWithRef, ReactNode } from "react";
  * 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 AccountAddressBookAddTriggerProps = ComponentPropsWithRef<'button'> & MessageLocaleProp & {
+  $content?: ContentValue<typeof AccountAddressBookAddTriggerContent>;
 };
-export type AccountAddressBookEditTriggerProps = ComponentPropsWithRef<'button'> & {
-  /** The button's visible text. A blank value falls back to the catalog copy. */
-  label?: string;
+export type AccountAddressBookEditTriggerProps = ComponentPropsWithRef<'button'> & MessageLocaleProp & {
+  $content?: ContentValue<typeof AccountAddressBookEditTriggerContent>;
 };
 export type AccountAddressBookFormSlotProps = ComponentPropsWithRef<'div'>;
-export type AccountAddressBookFormDialogProps = Readonly<{
+export type AccountAddressBookFormDialogProps = MessageLocaleProp & 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;
+  $content?: ContentValue<typeof AccountAddressBookFormDialogContent>;
 }>;
-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 AccountAddressBookAddTrigger({ $content, $locale, className, children, onClick, ...props }: AccountAddressBookAddTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare function AccountAddressBookEditTrigger({ $content, $locale, 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 function AccountAddressBookFormDialog({ $content, className, children }: AccountAddressBookFormDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare const AccountAddressBookAddTriggerContent: {
+  readonly id: "account-address-book-add-trigger";
+  readonly title: "Account Address Book Add Trigger";
+  readonly description: "Label of the control that opens the form to add an address.";
+  readonly schema: {
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+      readonly label: {
+        readonly type: "string";
+        readonly title: "Button label";
+        readonly format: "icu-message";
+        readonly messageSource: "Add address";
+      };
+    };
+  };
+};
 export declare const AccountAddressBookAddTriggerDefinition: ComponentDefinition<AccountAddressBookAddTriggerProps>;
+export declare const AccountAddressBookEditTriggerContent: {
+  readonly id: "account-address-book-edit-trigger";
+  readonly title: "Account Address Book Edit Trigger";
+  readonly description: "Label of the control that opens the form to edit an address.";
+  readonly schema: {
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+      readonly label: {
+        readonly type: "string";
+        readonly title: "Button label";
+        readonly format: "icu-message";
+        readonly messageSource: "Edit";
+      };
+    };
+  };
+};
 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;
-}>>;
+export declare const AccountAddressBookFormDialogContent: {
+  readonly id: "account-address-book-form-dialog";
+  readonly title: "Account Address Book Form Dialog";
+  readonly description: "The address form dialog's titles and its close button's name.";
+  readonly schema: {
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+      readonly titleAdd: {
+        readonly type: "string";
+        readonly title: "Title when adding";
+        readonly format: "icu-message";
+        readonly messageSource: "Add address";
+      };
+      readonly titleEdit: {
+        readonly type: "string";
+        readonly title: "Title when editing";
+        readonly format: "icu-message";
+        readonly messageSource: "Edit address";
+      };
+      readonly closeLabel: {
+        readonly type: "string";
+        readonly title: "Close button name";
+        readonly format: "icu-message";
+        readonly messageSource: "Close";
+      };
+    };
+  };
+};
+export declare const AccountAddressBookFormDialogDefinition: ComponentDefinition<AccountAddressBookFormDialogProps>;
 //#endregion
 //# sourceMappingURL=account-address-book-form-parts.d.ts.map

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

@@ -1,8 +1,8 @@
 "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 { resolveAuthoredCopy } from "../../utils/resolve-authored-copy.js";
+import { useMessageFormatter } from "../../sdk/i18n/use-message-formatter.js";
 import { Button } from "../../particles/button/button.js";
 import { useAccountAddressBook, useAccountAddressBookItem } from "./account-address-book.js";
 import { firstLine } from "./account-address-first-line.js";
@@ -14,9 +14,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 function formKey(form) {
 	return form.mode === "edit" ? `edit:${form.address.id}` : "add";
 }
-function AccountAddressBookAddTrigger({ label, className, children, onClick, ...props }) {
+function AccountAddressBookAddTrigger({ $content, $locale, className, children, onClick, ...props }) {
 	const { open } = useAccountAddressBook();
-	const intl = useIntl();
+	const { format } = useMessageFormatter(AccountAddressBookAddTriggerContent, $content);
 	return /* @__PURE__ */ jsx(Button, {
 		...props,
 		type: "button",
@@ -26,14 +26,13 @@ function AccountAddressBookAddTrigger({ label, className, children, onClick, ...
 			open({ mode: "add" }, event.currentTarget);
 		},
 		"data-fs-account-address-book-add": "",
-		children: children ?? resolveAuthoredCopy(label, intl.formatMessage({ id: "fs/address-form.add" }))
+		children: children ?? format("label")
 	});
 }
-function AccountAddressBookEditTrigger({ label, className, children, onClick, ...props }) {
+function AccountAddressBookEditTrigger({ $content, $locale, 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 text = useMessageFormatter(AccountAddressBookEditTriggerContent, $content).format("label");
 	const line = firstLine(address);
 	return /* @__PURE__ */ jsx(Button, {
 		"aria-label": line === "" ? void 0 : `${text} ${line}`,
@@ -60,10 +59,9 @@ function AccountAddressBookFormSlot({ children, ...props }) {
 		"data-fs-account-address-book-form-slot": ""
 	}, children);
 }
-function AccountAddressBookFormDialog({ title, className, children }) {
+function AccountAddressBookFormDialog({ $content, 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" });
+	const { format } = useMessageFormatter(AccountAddressBookFormDialogContent, $content);
 	return /* @__PURE__ */ jsx(Dialog.Root, {
 		open: openForm !== null,
 		onOpenChange: (next) => {
@@ -73,9 +71,9 @@ function AccountAddressBookFormDialog({ title, className, children }) {
 			className,
 			"data-fs-account-address-book-form-dialog": "",
 			children: [
-				/* @__PURE__ */ jsx(Dialog.Title, { children: resolveAuthoredCopy(title, defaultTitle) }),
+				/* @__PURE__ */ jsx(Dialog.Title, { children: format(openForm?.mode === "edit" ? "titleEdit" : "titleAdd") }),
 				/* @__PURE__ */ jsx(Dialog.Close, {
-					"aria-label": intl.formatMessage({ id: "fs/a11y.close" }),
+					"aria-label": format("closeLabel"),
 					children: "×"
 				}),
 				openForm === null ? null : /* @__PURE__ */ jsx("div", { children }, formKey(openForm))
@@ -83,34 +81,60 @@ function AccountAddressBookFormDialog({ title, className, children }) {
 		}) })] })
 	});
 }
+const AccountAddressBookAddTriggerContent = defineContentType({
+	id: "account-address-book-add-trigger",
+	title: "Account Address Book Add Trigger",
+	description: "Label of the control that opens the form to add an address.",
+	schema: {
+		type: "object",
+		additionalProperties: false,
+		properties: { label: {
+			type: "string",
+			title: "Button label",
+			format: "icu-message",
+			messageSource: "Add address"
+		} }
+	}
+});
 const AccountAddressBookAddTriggerDefinition = defineComponent({
 	name: "AccountAddressBookAddTrigger",
 	importPath: "@vtex/faststore/components",
 	component: AccountAddressBookAddTrigger,
+	content: AccountAddressBookAddTriggerContent,
 	requiresContext: "account-address-book",
 	editor: {
 		label: "Account Address Book Add Trigger",
 		category: "action"
 	},
-	schema: { label: {
-		type: "string",
-		label: "Button label"
-	} },
+	schema: {},
 	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 AccountAddressBookEditTriggerContent = defineContentType({
+	id: "account-address-book-edit-trigger",
+	title: "Account Address Book Edit Trigger",
+	description: "Label of the control that opens the form to edit an address.",
+	schema: {
+		type: "object",
+		additionalProperties: false,
+		properties: { label: {
+			type: "string",
+			title: "Button label",
+			format: "icu-message",
+			messageSource: "Edit"
+		} }
+	}
+});
 const AccountAddressBookEditTriggerDefinition = defineComponent({
 	name: "AccountAddressBookEditTrigger",
 	importPath: "@vtex/faststore/components",
 	component: AccountAddressBookEditTrigger,
+	content: AccountAddressBookEditTriggerContent,
 	requiresContext: "account-address-book-item",
 	editor: {
 		label: "Account Address Book Edit Trigger",
 		category: "action"
 	},
-	schema: { label: {
-		type: "string",
-		label: "Button label"
-	} },
+	schema: {},
 	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({
@@ -125,22 +149,49 @@ const AccountAddressBookFormSlotDefinition = defineComponent({
 	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 AccountAddressBookFormDialogContent = defineContentType({
+	id: "account-address-book-form-dialog",
+	title: "Account Address Book Form Dialog",
+	description: "The address form dialog's titles and its close button's name.",
+	schema: {
+		type: "object",
+		additionalProperties: false,
+		properties: {
+			titleAdd: {
+				type: "string",
+				title: "Title when adding",
+				format: "icu-message",
+				messageSource: "Add address"
+			},
+			titleEdit: {
+				type: "string",
+				title: "Title when editing",
+				format: "icu-message",
+				messageSource: "Edit address"
+			},
+			closeLabel: {
+				type: "string",
+				title: "Close button name",
+				format: "icu-message",
+				messageSource: "Close"
+			}
+		}
+	}
+});
 const AccountAddressBookFormDialogDefinition = defineComponent({
 	name: "AccountAddressBookFormDialog",
 	importPath: "@vtex/faststore/components",
 	component: AccountAddressBookFormDialog,
+	content: AccountAddressBookFormDialogContent,
 	requiresContext: "account-address-book",
 	editor: {
 		label: "Account Address Book Form Dialog",
 		category: "layout"
 	},
-	schema: { title: {
-		type: "string",
-		label: "Dialog title"
-	} },
+	schema: {},
 	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 };
+export { AccountAddressBookAddTrigger, AccountAddressBookAddTriggerContent, AccountAddressBookAddTriggerDefinition, AccountAddressBookEditTrigger, AccountAddressBookEditTriggerContent, AccountAddressBookEditTriggerDefinition, AccountAddressBookFormDialog, AccountAddressBookFormDialogContent, AccountAddressBookFormDialogDefinition, AccountAddressBookFormSlot, AccountAddressBookFormSlotDefinition };
 
 //# sourceMappingURL=account-address-book-form-parts.js.map

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

@@ -1 +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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"}
+{"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 { type ContentValue, defineComponent, defineContentType, type MessageLocaleProp } 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 { useMessageFormatter } from '../../sdk/i18n/use-message-formatter.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  MessageLocaleProp & {\n    $content?: ContentValue<typeof AccountAddressBookAddTriggerContent>;\n  };\n\nexport type AccountAddressBookEditTriggerProps = ComponentPropsWithRef<'button'> &\n  MessageLocaleProp & {\n    $content?: ContentValue<typeof AccountAddressBookEditTriggerContent>;\n  };\n\nexport type AccountAddressBookFormSlotProps = ComponentPropsWithRef<'div'>;\n\nexport type AccountAddressBookFormDialogProps = MessageLocaleProp &\n  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    $content?: ContentValue<typeof AccountAddressBookFormDialogContent>;\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  $content,\n  $locale,\n  className,\n  children,\n  onClick,\n  ...props\n}: AccountAddressBookAddTriggerProps) {\n  const { open } = useAccountAddressBook();\n  const { format } = useMessageFormatter(AccountAddressBookAddTriggerContent, $content);\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 ?? format('label')}\n    </Button>\n  );\n}\n\nexport function AccountAddressBookEditTrigger({\n  $content,\n  $locale,\n  className,\n  children,\n  onClick,\n  ...props\n}: AccountAddressBookEditTriggerProps) {\n  const { open } = useAccountAddressBook();\n  const address = useAccountAddressBookItem();\n  const text = useMessageFormatter(AccountAddressBookEditTriggerContent, $content).format('label');\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({ $content, className, children }: AccountAddressBookFormDialogProps) {\n  const { openForm, close, formPending } = useAccountAddressBook();\n  const { format } = useMessageFormatter(AccountAddressBookFormDialogContent, $content);\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>{format(openForm?.mode === 'edit' ? 'titleEdit' : 'titleAdd')}</Dialog.Title>\n            <Dialog.Close aria-label={format('closeLabel')}>×</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\nexport const AccountAddressBookAddTriggerContent = defineContentType({\n  id: 'account-address-book-add-trigger',\n  title: 'Account Address Book Add Trigger',\n  description: 'Label of the control that opens the form to add an address.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      label: { type: 'string', title: 'Button label', format: 'icu-message', messageSource: 'Add address' },\n    },\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  content: AccountAddressBookAddTriggerContent,\n  requiresContext: 'account-address-book',\n  editor: { label: 'Account Address Book Add Trigger', category: 'action' },\n  schema: {},\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 AccountAddressBookEditTriggerContent = defineContentType({\n  id: 'account-address-book-edit-trigger',\n  title: 'Account Address Book Edit Trigger',\n  description: 'Label of the control that opens the form to edit an address.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      label: { type: 'string', title: 'Button label', format: 'icu-message', messageSource: 'Edit' },\n    },\n  },\n});\n\nexport const AccountAddressBookEditTriggerDefinition = defineComponent<AccountAddressBookEditTriggerProps>({\n  name: 'AccountAddressBookEditTrigger',\n  importPath: '@vtex/faststore/components',\n  component: AccountAddressBookEditTrigger,\n  content: AccountAddressBookEditTriggerContent,\n  requiresContext: 'account-address-book-item',\n  editor: { label: 'Account Address Book Edit Trigger', category: 'action' },\n  schema: {},\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 AccountAddressBookFormDialogContent = defineContentType({\n  id: 'account-address-book-form-dialog',\n  title: 'Account Address Book Form Dialog',\n  description: \"The address form dialog's titles and its close button's name.\",\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      titleAdd: { type: 'string', title: 'Title when adding', format: 'icu-message', messageSource: 'Add address' },\n      titleEdit: { type: 'string', title: 'Title when editing', format: 'icu-message', messageSource: 'Edit address' },\n      closeLabel: { type: 'string', title: 'Close button name', format: 'icu-message', messageSource: 'Close' },\n    },\n  },\n});\n\nexport const AccountAddressBookFormDialogDefinition = defineComponent<AccountAddressBookFormDialogProps>({\n  name: 'AccountAddressBookFormDialog',\n  importPath: '@vtex/faststore/components',\n  component: AccountAddressBookFormDialog,\n  content: AccountAddressBookFormDialogContent,\n  requiresContext: 'account-address-book',\n  editor: { label: 'Account Address Book Form Dialog', category: 'layout' },\n  schema: {},\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

@@ -1,3 +1,4 @@
+import { ContentValue, MessageLocaleProp } 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";
@@ -9,17 +10,37 @@ export type AccountAddressBookProfileNoticeSlice = Readonly<{
   id: string;
   homePhone?: string | null;
 }>;
-export type AccountAddressBookProfileNoticeProps = ComponentPropsWithRef<'div'> & {
+export type AccountAddressBookProfileNoticeProps = ComponentPropsWithRef<'div'> & MessageLocaleProp & {
   /** 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;
+  $content?: ContentValue<typeof AccountAddressBookProfileNoticeContent>;
+};
+export declare const AccountAddressBookProfileNoticeContent: {
+  readonly id: "account-address-book-profile-notice";
+  readonly title: "Account Address Book Profile Notice";
+  readonly description: "Notice that saved addresses need a phone number on the profile, and its link label.";
+  readonly schema: {
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+      readonly message: {
+        readonly type: "string";
+        readonly title: "Notice message";
+        readonly format: "icu-message";
+        readonly messageSource: "Your saved addresses won't be offered at checkout until your profile has a phone number.";
+      };
+      readonly linkLabel: {
+        readonly type: "string";
+        readonly title: "Link label";
+        readonly format: "icu-message";
+        readonly messageSource: "Complete your profile";
+      };
+    };
+  };
 };
 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;
+export declare function AccountAddressBookProfileNotice({ $data: $dataProp, href, $content, $locale, className, ...props }: AccountAddressBookProfileNoticeProps): import("react/jsx-runtime").JSX.Element | null;
 //#endregion
 //# sourceMappingURL=account-address-book-profile-notice.d.ts.map