@vtex/faststore 0.0.8 → 0.0.11

package/dist/matter/account-address-book/account-address-book-profile-notice.js

@@ -1,19 +1,27 @@
 "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 { useSession } from "../session/session.js";
 import { NavigationLink } from "../../particles/navigation-link/navigation-link.js";
 import { AccountAddressBookSkeleton } from "./account-address-book.js";
 import { checkoutReadiness } from "../../sdk/address/checkout-readiness.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-const AccountAddressBookProfileNoticeDefinition = defineComponent({
-	name: "AccountAddressBookProfileNotice",
-	importPath: "@vtex/faststore/components",
-	component: AccountAddressBookProfileNotice,
-	fragment: `
+//#region src/matter/account-address-book/account-address-book-profile-notice.tsx
+/**
+* Tells the shopper why their saved addresses will not reach the checkout (RFC REQ-01, "Checkout
+* readiness"). The checkout imports saved addresses into a cart only when the profile meets its
+* minimums, and otherwise drops them without an error, so a shopper with an incomplete profile sees
+* addresses here that they never see there.
+*
+* Its own matter with its own `customerProfile` fragment (ADR-0011): it needs nothing from the address
+* book's root, so a store places it anywhere under a `SessionRoot`. It renders nothing when the
+* profile is complete, when the profile has not resolved, or when its read failed. The minimums are
+* `checkoutReadiness`'s, so this notice and the checkout agree on them.
+*/
+const fragment = `
   fragment AccountAddressBookProfileNoticeData on Query {
     customerProfile {
       __typename
@@ -21,7 +29,36 @@ const AccountAddressBookProfileNoticeDefinition = defineComponent({
       homePhone
     }
   }
-`,
+`;
+const AccountAddressBookProfileNoticeContent = defineContentType({
+	id: "account-address-book-profile-notice",
+	title: "Account Address Book Profile Notice",
+	description: "Notice that saved addresses need a phone number on the profile, and its link label.",
+	schema: {
+		type: "object",
+		additionalProperties: false,
+		properties: {
+			message: {
+				type: "string",
+				title: "Notice message",
+				format: "icu-message",
+				messageSource: "Your saved addresses won't be offered at checkout until your profile has a phone number."
+			},
+			linkLabel: {
+				type: "string",
+				title: "Link label",
+				format: "icu-message",
+				messageSource: "Complete your profile"
+			}
+		}
+	}
+});
+const AccountAddressBookProfileNoticeDefinition = defineComponent({
+	name: "AccountAddressBookProfileNotice",
+	importPath: "@vtex/faststore/components",
+	component: AccountAddressBookProfileNotice,
+	content: AccountAddressBookProfileNoticeContent,
+	fragment,
 	fetchStrategy: "reactive",
 	requiresContext: "session",
 	skeleton: AccountAddressBookSkeleton,
@@ -29,28 +66,18 @@ const AccountAddressBookProfileNoticeDefinition = defineComponent({
 		label: "Account Address Book Profile Notice",
 		category: "identity"
 	},
-	schema: {
-		href: {
-			type: "link",
-			default: { standard: "profile" },
-			label: "Profile page"
-		},
-		message: {
-			type: "string",
-			label: "Notice message"
-		},
-		linkLabel: {
-			type: "string",
-			label: "Link label"
-		}
-	},
+	schema: { href: {
+		type: "link",
+		default: { standard: "profile" },
+		label: "Profile page"
+	} },
 	guideline: "Tells a signed-in shopper that their saved addresses will not be offered at checkout until their profile has a phone number, with a link to the profile page (href defaults to the store's profile page). Renders nothing when the profile is complete, still loading, or failed to load. Independent of the address book root: place it anywhere under a SessionRoot, typically above AccountAddressBookRoot."
 });
 const PROFILE_PAGE = { standard: "profile" };
-function AccountAddressBookProfileNotice({ $data: $dataProp, href, message, linkLabel, className, ...props }) {
+function AccountAddressBookProfileNotice({ $data: $dataProp, href, $content, $locale, className, ...props }) {
 	const profile = useDataOverride($dataProp) ?? null;
 	const { state } = useSession();
-	const intl = useIntl();
+	const { format } = useMessageFormatter(AccountAddressBookProfileNoticeContent, $content);
 	if (state !== "loggedIn" || profile === null || checkoutReadiness(profile).ready) return null;
 	return /* @__PURE__ */ jsxs("div", {
 		...props,
@@ -58,15 +85,15 @@ function AccountAddressBookProfileNotice({ $data: $dataProp, href, message, link
 		"data-fs-account-address-book-profile-notice": "",
 		children: [/* @__PURE__ */ jsx("p", {
 			"data-fs-account-address-book-profile-notice-message": "",
-			children: resolveAuthoredCopy(message, intl.formatMessage({ id: "fs/address-book.profile-notice" }))
+			children: format("message")
 		}), /* @__PURE__ */ jsx(NavigationLink, {
 			href: typeof href === "string" && href.trim().length === 0 ? PROFILE_PAGE : href ?? PROFILE_PAGE,
 			"data-fs-account-address-book-profile-notice-link": "",
-			children: resolveAuthoredCopy(linkLabel, intl.formatMessage({ id: "fs/address-book.profile-notice.link" }))
+			children: format("linkLabel")
 		})]
 	});
 }
 //#endregion
-export { AccountAddressBookProfileNotice, AccountAddressBookProfileNoticeDefinition };
+export { AccountAddressBookProfileNotice, AccountAddressBookProfileNoticeContent, AccountAddressBookProfileNoticeDefinition };
 
 //# sourceMappingURL=account-address-book-profile-notice.js.map

package/dist/matter/account-address-book/account-address-book-profile-notice.js.map

@@ -1 +1 @@
-{"version":3,"file":"account-address-book-profile-notice.js","names":[],"sources":["../../../src/matter/account-address-book/account-address-book-profile-notice.tsx"],"sourcesContent":["'use client';\n\nimport { defineComponent } from '@vtex/fs-core';\nimport type { ComponentPropsWithRef } from 'react';\nimport { NavigationLink } from '../../particles/navigation-link/navigation-link.js';\nimport { checkoutReadiness } from '../../sdk/address/checkout-readiness.js';\nimport { useDataOverride } from '../../sdk/data/data-override-context.js';\nimport { useIntl } from '../../sdk/i18n/client.js';\nimport type { PageRef } from '../../sdk/navigation/types.js';\nimport { resolveAuthoredCopy } from '../../utils/resolve-authored-copy.js';\nimport { useSession } from '../session/session.js';\nimport { AccountAddressBookSkeleton } from './account-address-book.js';\n\n/**\n * Tells the shopper why their saved addresses will not reach the checkout (RFC REQ-01, \"Checkout\n * readiness\"). The checkout imports saved addresses into a cart only when the profile meets its\n * minimums, and otherwise drops them without an error, so a shopper with an incomplete profile sees\n * addresses here that they never see there.\n *\n * Its own matter with its own `customerProfile` fragment (ADR-0011): it needs nothing from the address\n * book's root, so a store places it anywhere under a `SessionRoot`. It renders nothing when the\n * profile is complete, when the profile has not resolved, or when its read failed. The minimums are\n * `checkoutReadiness`'s, so this notice and the checkout agree on them.\n */\n\nconst fragment = /* GraphQL */ `\n  fragment AccountAddressBookProfileNoticeData on Query {\n    customerProfile {\n      __typename\n      id\n      homePhone\n    }\n  }\n`;\n\n/** The profile fields the notice reads. */\nexport type AccountAddressBookProfileNoticeSlice = Readonly<{\n  __typename?: 'CustomerProfile';\n  id: string;\n  homePhone?: string | null;\n}>;\n\nexport type AccountAddressBookProfileNoticeProps = ComponentPropsWithRef<'div'> & {\n  /** Unwrapped `customerProfile` from the reactive runtime (arity-1 fragment); `null` until resolved. */\n  $data?: AccountAddressBookProfileNoticeSlice | null;\n  /** Where the link goes. A blank value falls back to the default. */\n  href?: PageRef | string;\n  /** The notice text. A blank value falls back to the catalog copy. */\n  message?: string;\n  /** The link's label. A blank value falls back to the catalog copy. */\n  linkLabel?: string;\n};\n\nexport const AccountAddressBookProfileNoticeDefinition = defineComponent<AccountAddressBookProfileNoticeProps>({\n  name: 'AccountAddressBookProfileNotice',\n  importPath: '@vtex/faststore/components',\n  component: AccountAddressBookProfileNotice,\n  fragment,\n  fetchStrategy: 'reactive',\n  requiresContext: 'session',\n  skeleton: AccountAddressBookSkeleton,\n  editor: { label: 'Account Address Book Profile Notice', category: 'identity' },\n  schema: {\n    // An inline literal, never an identifier: the native catalog builder extracts `schema` statically\n    // and silently drops an identifier-valued default.\n    href: { type: 'link', default: { standard: 'profile' }, label: 'Profile page' },\n    message: { type: 'string', label: 'Notice message' },\n    linkLabel: { type: 'string', label: 'Link label' },\n  },\n  guideline:\n    \"Tells a signed-in shopper that their saved addresses will not be offered at checkout until their profile has a phone number, with a link to the profile page (href defaults to the store's profile page). Renders nothing when the profile is complete, still loading, or failed to load. Independent of the address book root: place it anywhere under a SessionRoot, typically above AccountAddressBookRoot.\",\n});\n\nconst PROFILE_PAGE: PageRef = { standard: 'profile' };\n\nexport function AccountAddressBookProfileNotice({\n  $data: $dataProp,\n  href,\n  message,\n  linkLabel,\n  className,\n  ...props\n}: AccountAddressBookProfileNoticeProps) {\n  const profile = useDataOverride<AccountAddressBookProfileNoticeSlice | null | undefined>($dataProp) ?? null;\n  const { state } = useSession();\n  const intl = useIntl();\n\n  if (state !== 'loggedIn' || profile === null || checkoutReadiness(profile).ready) return null;\n\n  return (\n    <div {...props} className={className} data-fs-account-address-book-profile-notice=\"\">\n      <p data-fs-account-address-book-profile-notice-message=\"\">\n        {resolveAuthoredCopy(message, intl.formatMessage({ id: 'fs/address-book.profile-notice' }))}\n      </p>\n      <NavigationLink\n        href={typeof href === 'string' && href.trim().length === 0 ? PROFILE_PAGE : (href ?? PROFILE_PAGE)}\n        data-fs-account-address-book-profile-notice-link=\"\"\n      >\n        {resolveAuthoredCopy(linkLabel, intl.formatMessage({ id: 'fs/address-book.profile-notice.link' }))}\n      </NavigationLink>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAqDA,MAAa,4CAA4C,gBAAsD;CAC7G,MAAM;CACN,YAAY;CACZ,WAAW;CACX;;;;;;;;;CACA,eAAe;CACf,iBAAiB;CACjB,UAAU;CACV,QAAQ;EAAE,OAAO;EAAuC,UAAU;CAAW;CAC7E,QAAQ;EAGN,MAAM;GAAE,MAAM;GAAQ,SAAS,EAAE,UAAU,UAAU;GAAG,OAAO;EAAe;EAC9E,SAAS;GAAE,MAAM;GAAU,OAAO;EAAiB;EACnD,WAAW;GAAE,MAAM;GAAU,OAAO;EAAa;CACnD;CACA,WACE;AACJ,CAAC;AAED,MAAM,eAAwB,EAAE,UAAU,UAAU;AAEpD,SAAgB,gCAAgC,EAC9C,OAAO,WACP,MACA,SACA,WACA,WACA,GAAG,SACoC;CACvC,MAAM,UAAU,gBAAyE,SAAS,KAAK;CACvG,MAAM,EAAE,UAAU,WAAW;CAC7B,MAAM,OAAO,QAAQ;CAErB,IAAI,UAAU,cAAc,YAAY,QAAQ,kBAAkB,OAAO,CAAC,CAAC,OAAO,OAAO;CAEzF,OACE,qBAAC,OAAD;EAAK,GAAI;EAAkB;EAAW,+CAA4C;EAAlF,UAAA,CACE,oBAAC,KAAD;GAAG,uDAAoD;GACpD,UAAA,oBAAoB,SAAS,KAAK,cAAc,EAAE,IAAI,iCAAiC,CAAC,CAAC;EACzF,CAAA,GACH,oBAAC,gBAAD;GACE,MAAM,OAAO,SAAS,YAAY,KAAK,KAAK,CAAC,CAAC,WAAW,IAAI,eAAgB,QAAQ;GACrF,oDAAiD;GAEhD,UAAA,oBAAoB,WAAW,KAAK,cAAc,EAAE,IAAI,sCAAsC,CAAC,CAAC;EACnF,CAAA,CACb;;AAET"}
+{"version":3,"file":"account-address-book-profile-notice.js","names":[],"sources":["../../../src/matter/account-address-book/account-address-book-profile-notice.tsx"],"sourcesContent":["'use client';\n\nimport { type ContentValue, defineComponent, defineContentType, type MessageLocaleProp } from '@vtex/fs-core';\nimport type { ComponentPropsWithRef } from 'react';\nimport { NavigationLink } from '../../particles/navigation-link/navigation-link.js';\nimport { checkoutReadiness } from '../../sdk/address/checkout-readiness.js';\nimport { useDataOverride } from '../../sdk/data/data-override-context.js';\nimport { useMessageFormatter } from '../../sdk/i18n/use-message-formatter.js';\nimport type { PageRef } from '../../sdk/navigation/types.js';\nimport { useSession } from '../session/session.js';\nimport { AccountAddressBookSkeleton } from './account-address-book.js';\n\n/**\n * Tells the shopper why their saved addresses will not reach the checkout (RFC REQ-01, \"Checkout\n * readiness\"). The checkout imports saved addresses into a cart only when the profile meets its\n * minimums, and otherwise drops them without an error, so a shopper with an incomplete profile sees\n * addresses here that they never see there.\n *\n * Its own matter with its own `customerProfile` fragment (ADR-0011): it needs nothing from the address\n * book's root, so a store places it anywhere under a `SessionRoot`. It renders nothing when the\n * profile is complete, when the profile has not resolved, or when its read failed. The minimums are\n * `checkoutReadiness`'s, so this notice and the checkout agree on them.\n */\n\nconst fragment = /* GraphQL */ `\n  fragment AccountAddressBookProfileNoticeData on Query {\n    customerProfile {\n      __typename\n      id\n      homePhone\n    }\n  }\n`;\n\n/** The profile fields the notice reads. */\nexport type AccountAddressBookProfileNoticeSlice = Readonly<{\n  __typename?: 'CustomerProfile';\n  id: string;\n  homePhone?: string | null;\n}>;\n\nexport type AccountAddressBookProfileNoticeProps = ComponentPropsWithRef<'div'> &\n  MessageLocaleProp & {\n    /** Unwrapped `customerProfile` from the reactive runtime (arity-1 fragment); `null` until resolved. */\n    $data?: AccountAddressBookProfileNoticeSlice | null;\n    /** Where the link goes. A blank value falls back to the default. */\n    href?: PageRef | string;\n    $content?: ContentValue<typeof AccountAddressBookProfileNoticeContent>;\n  };\n\nexport const AccountAddressBookProfileNoticeContent = defineContentType({\n  id: 'account-address-book-profile-notice',\n  title: 'Account Address Book Profile Notice',\n  description: 'Notice that saved addresses need a phone number on the profile, and its link label.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      message: {\n        type: 'string',\n        title: 'Notice message',\n        format: 'icu-message',\n        messageSource: \"Your saved addresses won't be offered at checkout until your profile has a phone number.\",\n      },\n      linkLabel: { type: 'string', title: 'Link label', format: 'icu-message', messageSource: 'Complete your profile' },\n    },\n  },\n});\n\nexport const AccountAddressBookProfileNoticeDefinition = defineComponent<AccountAddressBookProfileNoticeProps>({\n  name: 'AccountAddressBookProfileNotice',\n  importPath: '@vtex/faststore/components',\n  component: AccountAddressBookProfileNotice,\n  content: AccountAddressBookProfileNoticeContent,\n  fragment,\n  fetchStrategy: 'reactive',\n  requiresContext: 'session',\n  skeleton: AccountAddressBookSkeleton,\n  editor: { label: 'Account Address Book Profile Notice', category: 'identity' },\n  schema: {\n    // An inline literal, never an identifier: the native catalog builder extracts `schema` statically\n    // and silently drops an identifier-valued default.\n    href: { type: 'link', default: { standard: 'profile' }, label: 'Profile page' },\n  },\n  guideline:\n    \"Tells a signed-in shopper that their saved addresses will not be offered at checkout until their profile has a phone number, with a link to the profile page (href defaults to the store's profile page). Renders nothing when the profile is complete, still loading, or failed to load. Independent of the address book root: place it anywhere under a SessionRoot, typically above AccountAddressBookRoot.\",\n});\n\nconst PROFILE_PAGE: PageRef = { standard: 'profile' };\n\nexport function AccountAddressBookProfileNotice({\n  $data: $dataProp,\n  href,\n  $content,\n  $locale,\n  className,\n  ...props\n}: AccountAddressBookProfileNoticeProps) {\n  const profile = useDataOverride<AccountAddressBookProfileNoticeSlice | null | undefined>($dataProp) ?? null;\n  const { state } = useSession();\n  const { format } = useMessageFormatter(AccountAddressBookProfileNoticeContent, $content);\n\n  if (state !== 'loggedIn' || profile === null || checkoutReadiness(profile).ready) return null;\n\n  return (\n    <div {...props} className={className} data-fs-account-address-book-profile-notice=\"\">\n      <p data-fs-account-address-book-profile-notice-message=\"\">{format('message')}</p>\n      <NavigationLink\n        href={typeof href === 'string' && href.trim().length === 0 ? PROFILE_PAGE : (href ?? PROFILE_PAGE)}\n        data-fs-account-address-book-profile-notice-link=\"\"\n      >\n        {format('linkLabel')}\n      </NavigationLink>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAM,WAAyB;;;;;;;;;AA0B/B,MAAa,yCAAyC,kBAAkB;CACtE,IAAI;CACJ,OAAO;CACP,aAAa;CACb,QAAQ;EACN,MAAM;EACN,sBAAsB;EACtB,YAAY;GACV,SAAS;IACP,MAAM;IACN,OAAO;IACP,QAAQ;IACR,eAAe;GACjB;GACA,WAAW;IAAE,MAAM;IAAU,OAAO;IAAc,QAAQ;IAAe,eAAe;GAAwB;EAClH;CACF;AACF,CAAC;AAED,MAAa,4CAA4C,gBAAsD;CAC7G,MAAM;CACN,YAAY;CACZ,WAAW;CACX,SAAS;CACT;CACA,eAAe;CACf,iBAAiB;CACjB,UAAU;CACV,QAAQ;EAAE,OAAO;EAAuC,UAAU;CAAW;CAC7E,QAAQ,EAGN,MAAM;EAAE,MAAM;EAAQ,SAAS,EAAE,UAAU,UAAU;EAAG,OAAO;CAAe,EAChF;CACA,WACE;AACJ,CAAC;AAED,MAAM,eAAwB,EAAE,UAAU,UAAU;AAEpD,SAAgB,gCAAgC,EAC9C,OAAO,WACP,MACA,UACA,SACA,WACA,GAAG,SACoC;CACvC,MAAM,UAAU,gBAAyE,SAAS,KAAK;CACvG,MAAM,EAAE,UAAU,WAAW;CAC7B,MAAM,EAAE,WAAW,oBAAoB,wCAAwC,QAAQ;CAEvF,IAAI,UAAU,cAAc,YAAY,QAAQ,kBAAkB,OAAO,CAAC,CAAC,OAAO,OAAO;CAEzF,OACE,qBAAC,OAAD;EAAK,GAAI;EAAkB;EAAW,+CAA4C;EAAlF,UAAA,CACE,oBAAC,KAAD;GAAG,uDAAoD;GAAI,UAAA,OAAO,SAAS;EAAK,CAAA,GAChF,oBAAC,gBAAD;GACE,MAAM,OAAO,SAAS,YAAY,KAAK,KAAK,CAAC,CAAC,WAAW,IAAI,eAAgB,QAAQ;GACrF,oDAAiD;GAEhD,UAAA,OAAO,WAAW;EACL,CAAA,CACb;;AAET"}

package/dist/matter/account-address-book/account-address-book.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";
@@ -73,19 +74,14 @@ export type AccountAddressBookItemProps = ComponentPropsWithRef<'div'> & {
 export type AccountAddressBookItemLinesProps = Readonly<{
   className?: string;
 }>;
-export type AccountAddressBookLoadingProps = ComponentPropsWithRef<'output'> & {
-  /** Announced while the book loads. A blank value falls back to the catalog copy. */
-  message?: string;
+export type AccountAddressBookLoadingProps = ComponentPropsWithRef<'output'> & MessageLocaleProp & {
+  $content?: ContentValue<typeof AccountAddressBookLoadingContent>;
 };
-export type AccountAddressBookEmptyProps = ComponentPropsWithRef<'p'> & {
-  /** Shown once the book resolved to zero addresses. A blank value falls back to the catalog copy. */
-  message?: string;
+export type AccountAddressBookEmptyProps = ComponentPropsWithRef<'p'> & MessageLocaleProp & {
+  $content?: ContentValue<typeof AccountAddressBookEmptyContent>;
 };
-export type AccountAddressBookErrorProps = ComponentPropsWithRef<'div'> & {
-  /** Shown when the read failed. A blank value falls back to the catalog copy. */
-  message?: string;
-  /** The retry control's label. A blank value falls back to the catalog copy. */
-  retryLabel?: string;
+export type AccountAddressBookErrorProps = ComponentPropsWithRef<'div'> & MessageLocaleProp & {
+  $content?: ContentValue<typeof AccountAddressBookErrorContent>;
 };
 /** The resolved book and its state, for any part composed under `AccountAddressBookRoot`. */
 export declare function useAccountAddressBook(): AccountAddressBookContextValue;
@@ -103,9 +99,9 @@ export declare function AccountAddressBookItemLines({ className }: AccountAddres
  * The polite live region stays mounted whether or not the book is loading, so the message is
  * announced when it lands (the region has to exist before its text does).
  */
-export declare function AccountAddressBookLoading({ message, className, children, ...props }: AccountAddressBookLoadingProps): import("react/jsx-runtime").JSX.Element;
-export declare function AccountAddressBookEmpty({ message, className, ...props }: AccountAddressBookEmptyProps): import("react/jsx-runtime").JSX.Element | null;
-export declare function AccountAddressBookError({ message, retryLabel, className, ...props }: AccountAddressBookErrorProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function AccountAddressBookLoading({ $content, $locale, className, children, ...props }: AccountAddressBookLoadingProps): import("react/jsx-runtime").JSX.Element;
+export declare function AccountAddressBookEmpty({ $content, $locale, className, ...props }: AccountAddressBookEmptyProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function AccountAddressBookError({ $content, $locale, className, ...props }: AccountAddressBookErrorProps): import("react/jsx-runtime").JSX.Element | null;
 export declare function AccountAddressBookSkeleton({ className, ...props }: ComponentPropsWithRef<'div'>): import("react/jsx-runtime").JSX.Element;
 export declare const AccountAddressBookRootDefinition: ComponentDefinition<AccountAddressBookRootProps>;
 export declare const AccountAddressBookListDefinition: ComponentDefinition<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>>;
@@ -113,8 +109,65 @@ export declare const AccountAddressBookItemDefinition: ComponentDefinition<Accou
 export declare const AccountAddressBookItemLinesDefinition: ComponentDefinition<Readonly<{
   className?: string;
 }>>;
+export declare const AccountAddressBookLoadingContent: {
+  readonly id: "account-address-book-loading";
+  readonly title: "Account Address Book Loading";
+  readonly description: "Message announced while the address book loads.";
+  readonly schema: {
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+      readonly message: {
+        readonly type: "string";
+        readonly title: "Loading message";
+        readonly format: "icu-message";
+        readonly messageSource: "Loading your addresses…";
+      };
+    };
+  };
+};
 export declare const AccountAddressBookLoadingDefinition: ComponentDefinition<AccountAddressBookLoadingProps>;
+export declare const AccountAddressBookEmptyContent: {
+  readonly id: "account-address-book-empty";
+  readonly title: "Account Address Book Empty";
+  readonly description: "Message shown when the shopper has no saved addresses.";
+  readonly schema: {
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+      readonly message: {
+        readonly type: "string";
+        readonly title: "Empty message";
+        readonly format: "icu-message";
+        readonly messageSource: "You have no saved addresses yet.";
+      };
+    };
+  };
+};
 export declare const AccountAddressBookEmptyDefinition: ComponentDefinition<AccountAddressBookEmptyProps>;
+export declare const AccountAddressBookErrorContent: {
+  readonly id: "account-address-book-error";
+  readonly title: "Account Address Book Error";
+  readonly description: "Message and retry label shown when the address book cannot be read.";
+  readonly schema: {
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+      readonly message: {
+        readonly type: "string";
+        readonly title: "Error message";
+        readonly format: "icu-message";
+        readonly messageSource: "We couldn't load your addresses.";
+      };
+      readonly retryLabel: {
+        readonly type: "string";
+        readonly title: "Retry label";
+        readonly format: "icu-message";
+        readonly messageSource: "Try again";
+      };
+    };
+  };
+};
 export declare const AccountAddressBookErrorDefinition: ComponentDefinition<AccountAddressBookErrorProps>;
 //#endregion
 //# sourceMappingURL=account-address-book.d.ts.map

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

@@ -1,17 +1,17 @@
 "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 { useStorefrontFormatters } from "../../sdk/format/client.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 { useSession } from "../session/session.js";
-import { AddressSummary, AddressSummaryCountry, AddressSummaryField, AddressSummaryRecipient, AddressSummaryRoot } from "../../particles/address-summary/address-summary.js";
 import { Button } from "../../particles/button/button.js";
+import { ReactiveRootContext } from "../../sdk/data/page-reactive-data-root.js";
+import { AddressSummary, AddressSummaryCountry, AddressSummaryField, AddressSummaryRecipient, AddressSummaryRoot } from "../../particles/address-summary/address-summary.js";
 import { countryDisplayName } from "../../sdk/address/country-display.js";
 import { formatAddress } from "../../sdk/address/format-address.js";
 import { ListItemRefContext } from "../../sdk/data/list-item-ref-context.js";
-import { ReactiveRootContext } from "../../sdk/data/page-reactive-data-root.js";
 import { Fragment, createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/matter/account-address-book/account-address-book.tsx
@@ -293,9 +293,9 @@ function AccountAddressBookItemLines({ className }) {
 * The polite live region stays mounted whether or not the book is loading, so the message is
 * announced when it lands (the region has to exist before its text does).
 */
-function AccountAddressBookLoading({ message, className, children, ...props }) {
+function AccountAddressBookLoading({ $content, $locale, className, children, ...props }) {
 	const { state } = useAccountAddressBook();
-	const intl = useIntl();
+	const { format } = useMessageFormatter(AccountAddressBookLoadingContent, $content);
 	return /* @__PURE__ */ jsx("output", {
 		...props,
 		"aria-live": "polite",
@@ -305,24 +305,24 @@ function AccountAddressBookLoading({ message, className, children, ...props }) {
 			"data-fs-account-address-book-loading-message": "",
 			"data-fs-sr-only": "",
 			className: "sr-only",
-			children: resolveAuthoredCopy(message, intl.formatMessage({ id: "fs/address-book.loading" }))
+			children: format("message")
 		})] }) : null
 	});
 }
-function AccountAddressBookEmpty({ message, className, ...props }) {
+function AccountAddressBookEmpty({ $content, $locale, className, ...props }) {
 	const { state } = useAccountAddressBook();
-	const intl = useIntl();
+	const { format } = useMessageFormatter(AccountAddressBookEmptyContent, $content);
 	if (state !== "empty") return null;
 	return /* @__PURE__ */ jsx("p", {
 		...props,
 		className,
 		"data-fs-account-address-book-empty": "",
-		children: resolveAuthoredCopy(message, intl.formatMessage({ id: "fs/address-book.empty" }))
+		children: format("message")
 	});
 }
-function AccountAddressBookError({ message, retryLabel, className, ...props }) {
+function AccountAddressBookError({ $content, $locale, className, ...props }) {
 	const { state, retrying, retry } = useAccountAddressBook();
-	const intl = useIntl();
+	const { format } = useMessageFormatter(AccountAddressBookErrorContent, $content);
 	const busy = retrying && state === "loading";
 	if (state !== "error" && !busy) return null;
 	return /* @__PURE__ */ jsxs("div", {
@@ -332,14 +332,14 @@ function AccountAddressBookError({ message, retryLabel, className, ...props }) {
 		"data-fs-account-address-book-error": "",
 		children: [/* @__PURE__ */ jsx("p", {
 			"data-fs-account-address-book-error-message": "",
-			children: resolveAuthoredCopy(message, intl.formatMessage({ id: "fs/address-book.error" }))
+			children: format("message")
 		}), /* @__PURE__ */ jsx(Button, {
 			type: "button",
 			onClick: busy ? void 0 : retry,
 			"aria-disabled": busy || void 0,
 			"aria-busy": busy || void 0,
 			"data-fs-account-address-book-retry": "",
-			children: resolveAuthoredCopy(retryLabel, intl.formatMessage({ id: "fs/address-book.retry" }))
+			children: format("retryLabel")
 		})]
 	});
 }
@@ -412,58 +412,99 @@ const AccountAddressBookItemLinesDefinition = defineComponent({
 	schema: {},
 	guideline: "The address's lines in its country's order, one paragraph per line with each field in sequence and its separator (a United States address reads number before street). A field the address lacks is dropped along with its separator. Must be inside AccountAddressBookItem."
 });
+const AccountAddressBookLoadingContent = defineContentType({
+	id: "account-address-book-loading",
+	title: "Account Address Book Loading",
+	description: "Message announced while the address book loads.",
+	schema: {
+		type: "object",
+		additionalProperties: false,
+		properties: { message: {
+			type: "string",
+			title: "Loading message",
+			format: "icu-message",
+			messageSource: "Loading your addresses…"
+		} }
+	}
+});
 const AccountAddressBookLoadingDefinition = defineComponent({
 	name: "AccountAddressBookLoading",
 	importPath: "@vtex/faststore/components",
 	component: AccountAddressBookLoading,
+	content: AccountAddressBookLoadingContent,
 	requiresContext: "account-address-book",
 	editor: {
 		label: "Account Address Book Loading",
 		category: "content"
 	},
-	schema: { message: {
-		type: "string",
-		label: "Loading message"
-	} },
+	schema: {},
 	guideline: "Shown only while the book is loading and has not resolved: a placeholder plus a loading message. The wrapper is a polite live region that stays mounted, and the message is visually hidden so it is heard and not seen. Pass children to replace the default placeholder. Must be inside AccountAddressBookRoot."
 });
+const AccountAddressBookEmptyContent = defineContentType({
+	id: "account-address-book-empty",
+	title: "Account Address Book Empty",
+	description: "Message shown when the shopper has no saved addresses.",
+	schema: {
+		type: "object",
+		additionalProperties: false,
+		properties: { message: {
+			type: "string",
+			title: "Empty message",
+			format: "icu-message",
+			messageSource: "You have no saved addresses yet."
+		} }
+	}
+});
 const AccountAddressBookEmptyDefinition = defineComponent({
 	name: "AccountAddressBookEmpty",
 	importPath: "@vtex/faststore/components",
 	component: AccountAddressBookEmpty,
+	content: AccountAddressBookEmptyContent,
 	requiresContext: "account-address-book",
 	editor: {
 		label: "Account Address Book Empty",
 		category: "content"
 	},
-	schema: { message: {
-		type: "string",
-		label: "Empty message"
-	} },
+	schema: {},
 	guideline: "Shown only once the book has resolved to zero addresses, never while it loads or after it fails, so it never invites the shopper to add an address they already have. Must be inside AccountAddressBookRoot."
 });
+const AccountAddressBookErrorContent = defineContentType({
+	id: "account-address-book-error",
+	title: "Account Address Book Error",
+	description: "Message and retry label shown when the address book cannot be read.",
+	schema: {
+		type: "object",
+		additionalProperties: false,
+		properties: {
+			message: {
+				type: "string",
+				title: "Error message",
+				format: "icu-message",
+				messageSource: "We couldn't load your addresses."
+			},
+			retryLabel: {
+				type: "string",
+				title: "Retry label",
+				format: "icu-message",
+				messageSource: "Try again"
+			}
+		}
+	}
+});
 const AccountAddressBookErrorDefinition = defineComponent({
 	name: "AccountAddressBookError",
 	importPath: "@vtex/faststore/components",
 	component: AccountAddressBookError,
+	content: AccountAddressBookErrorContent,
 	requiresContext: "account-address-book",
 	editor: {
 		label: "Account Address Book Error",
 		category: "content"
 	},
-	schema: {
-		message: {
-			type: "string",
-			label: "Error message"
-		},
-		retryLabel: {
-			type: "string",
-			label: "Retry label"
-		}
-	},
+	schema: {},
 	guideline: "Shown when the book failed to load, as an alert with a retry control that loads the book again in place. Stays, with its retry disabled, while that retry loads. Never shown for a first load or an empty book. Must be inside AccountAddressBookRoot."
 });
 //#endregion
-export { AccountAddressBookEmpty, AccountAddressBookEmptyDefinition, AccountAddressBookError, AccountAddressBookErrorDefinition, AccountAddressBookItem, AccountAddressBookItemDefinition, AccountAddressBookItemLines, AccountAddressBookItemLinesDefinition, AccountAddressBookList, AccountAddressBookListDefinition, AccountAddressBookLoading, AccountAddressBookLoadingDefinition, AccountAddressBookRoot, AccountAddressBookRootDefinition, AccountAddressBookSkeleton, useAccountAddressBook, useAccountAddressBookItem, useOptionalAccountAddressBook };
+export { AccountAddressBookEmpty, AccountAddressBookEmptyContent, AccountAddressBookEmptyDefinition, AccountAddressBookError, AccountAddressBookErrorContent, AccountAddressBookErrorDefinition, AccountAddressBookItem, AccountAddressBookItemDefinition, AccountAddressBookItemLines, AccountAddressBookItemLinesDefinition, AccountAddressBookList, AccountAddressBookListDefinition, AccountAddressBookLoading, AccountAddressBookLoadingContent, AccountAddressBookLoadingDefinition, AccountAddressBookRoot, AccountAddressBookRootDefinition, AccountAddressBookSkeleton, useAccountAddressBook, useAccountAddressBookItem, useOptionalAccountAddressBook };
 
 //# sourceMappingURL=account-address-book.js.map