@vtex/faststore 0.0.10 → 0.0.11

package/dist/matter/shipping-simulator/shipping-simulator.js

@@ -1,13 +1,15 @@
 "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 { useStorefrontContext } from "../../sdk/context/storefront-context.js";
-import { FormattedMessage, useIntl } from "../../sdk/i18n/client.js";
+import { useMessageFormatter } from "../../sdk/i18n/use-message-formatter.js";
 import { useCartShippingSimulation } from "../../sdk/shipping/use-cart-shipping-simulation.js";
 import { useShippingSimulation } from "../../sdk/shipping/use-shipping-simulation.js";
+import { formatErrorCode } from "../../sdk/i18n/format-error-code.js";
 import { useDataOverride } from "../../sdk/data/data-override-context.js";
 import { isFiniteAmount } from "../cart/cart.js";
-import { createContext, useCallback, useContext, useMemo, useRef, useState } from "react";
+import { createContext, createElement, useCallback, useContext, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/matter/shipping-simulator/shipping-simulator.tsx
 const fragment = `
@@ -30,6 +32,12 @@ const fragment = `
 const SHIPPING_SIMULATOR_CONTEXT_UNSET = Symbol("ShippingSimulatorContextUnset");
 const ShippingSimulatorContext = createContext(SHIPPING_SIMULATOR_CONTEXT_UNSET);
 const OptionItemContext = createContext(null);
+/**
+* True under `ShippingSimulatorOptions`, whose `ul` makes each option an `li`. Where another root
+* (a radio group) provides the option, an `li` has no list around it, so the option is a `div`.
+* Module-private: the roots that reuse the option leaves do not provide it.
+*/
+const OptionListContext = createContext(false);
 function useShippingSimulator() {
 	const ctx = useContext(ShippingSimulatorContext);
 	if (ctx === SHIPPING_SIMULATOR_CONTEXT_UNSET) throw new Error("ShippingSimulator components must be used inside ShippingSimulatorRoot.");
@@ -48,19 +56,19 @@ function formatPrice(value, locale, currency) {
 }
 const ESTIMATE_MESSAGE = {
 	BUSINESS_DAYS: {
-		id: "fs/shipping.estimate.in-business-days",
+		field: "inBusinessDays",
 		variable: "days"
 	},
 	DAYS: {
-		id: "fs/shipping.estimate.in-days",
+		field: "inDays",
 		variable: "days"
 	},
 	HOURS: {
-		id: "fs/shipping.estimate.in-hours",
+		field: "inHours",
 		variable: "hours"
 	},
 	MINUTES: {
-		id: "fs/shipping.estimate.in-minutes",
+		field: "inMinutes",
 		variable: "minutes"
 	}
 };
@@ -151,10 +159,34 @@ const ShippingSimulatorFormDefinition = defineComponent({
 	requiresContext: "shipping-simulator",
 	guideline: "Form wrapper that holds ShippingSimulatorInput and ShippingSimulatorSubmit; must be a descendant of ShippingSimulatorRoot."
 });
+const ShippingSimulatorInputContent = defineContentType({
+	id: "shipping-simulator-input",
+	title: "Shipping Simulator Input",
+	description: "The postal code input's accessible name and placeholder.",
+	schema: {
+		type: "object",
+		additionalProperties: false,
+		properties: {
+			ariaLabel: {
+				type: "string",
+				title: "Accessible name",
+				format: "icu-message",
+				messageSource: "Postal code"
+			},
+			placeholder: {
+				type: "string",
+				title: "Placeholder",
+				format: "icu-message",
+				messageSource: "Enter your postal code"
+			}
+		}
+	}
+});
 const ShippingSimulatorInputDefinition = defineComponent({
 	name: "ShippingSimulatorInput",
 	importPath: "@vtex/faststore/components",
 	component: ShippingSimulatorInput,
+	content: ShippingSimulatorInputContent,
 	editor: {
 		label: "Shipping Simulator Input",
 		category: "action"
@@ -165,7 +197,7 @@ const ShippingSimulatorInputDefinition = defineComponent({
 		label: "Auto-format CEP (00000-000)"
 	} },
 	requiresContext: "shipping-simulator",
-	guideline: "Postal-code text input; enable `format` to auto-hyphenate the CEP as the user types (e.g. 01310-100). The placeholder comes from the message catalog. Must be a descendant of ShippingSimulatorForm."
+	guideline: "Postal-code text input; enable `format` to auto-hyphenate the CEP as the user types (e.g. 01310-100). Its $content holds the ariaLabel and placeholder. Must be a descendant of ShippingSimulatorForm."
 });
 const ShippingSimulatorSubmitDefinition = defineComponent({
 	name: "ShippingSimulatorSubmit",
@@ -179,10 +211,26 @@ const ShippingSimulatorSubmitDefinition = defineComponent({
 	requiresContext: "shipping-simulator",
 	guideline: "Submit button for the postal-code form; must be a descendant of ShippingSimulatorForm."
 });
+const ShippingSimulatorLoadingContent = defineContentType({
+	id: "shipping-simulator-loading",
+	title: "Shipping Simulator Loading",
+	description: "Text shown while a simulation runs.",
+	schema: {
+		type: "object",
+		additionalProperties: false,
+		properties: { text: {
+			type: "string",
+			title: "Loading text",
+			format: "icu-message",
+			messageSource: "Calculating…"
+		} }
+	}
+});
 const ShippingSimulatorLoadingDefinition = defineComponent({
 	name: "ShippingSimulatorLoading",
 	importPath: "@vtex/faststore/components",
 	component: ShippingSimulatorLoading,
+	content: ShippingSimulatorLoadingContent,
 	editor: {
 		label: "Shipping Simulator Loading",
 		category: "commerce"
@@ -191,17 +239,50 @@ const ShippingSimulatorLoadingDefinition = defineComponent({
 	requiresContext: "shipping-simulator",
 	guideline: "Loading indicator shown while a simulation is in progress; must be a descendant of ShippingSimulatorRoot."
 });
+const ShippingSimulatorErrorContent = defineContentType({
+	id: "shipping-simulator-error",
+	title: "Shipping Simulator Error",
+	description: "Messages shown when the shipping cannot be calculated, one per error code.",
+	schema: {
+		type: "object",
+		additionalProperties: false,
+		properties: {
+			calculationFailed: {
+				type: "string",
+				title: "Calculation failed message",
+				description: "Shown when a store-supplied simulation callback fails.",
+				format: "icu-message",
+				messageSource: "Unable to calculate shipping. Try again."
+			},
+			invalidPostalCode: {
+				type: "string",
+				title: "Invalid postal code",
+				description: "Shown when the postal code is not found or is rejected.",
+				format: "icu-message",
+				messageSource: "Enter a valid postal code."
+			},
+			genericErrorMessage: {
+				type: "string",
+				title: "Generic failure message",
+				description: "Shown for a network failure and for every refusal the shopper cannot act on.",
+				format: "icu-message",
+				messageSource: "Unable to calculate shipping. Try again."
+			}
+		}
+	}
+});
 const ShippingSimulatorErrorDefinition = defineComponent({
 	name: "ShippingSimulatorError",
 	importPath: "@vtex/faststore/components",
 	component: ShippingSimulatorError,
+	content: ShippingSimulatorErrorContent,
 	editor: {
 		label: "Shipping Simulator Error",
 		category: "commerce"
 	},
 	schema: {},
 	requiresContext: "shipping-simulator",
-	guideline: "Error banner shown when the simulation returns validation errors; must be a descendant of ShippingSimulatorRoot."
+	guideline: "Error banner shown when the simulation returns errors; renders nothing otherwise. Words each error code from its $content: invalidPostalCode for a rejected postal code, genericErrorMessage for a network failure and every other refusal, calculationFailed for a failed simulation callback. An unknown code shows genericErrorMessage; authored children replace the message. Must be a descendant of ShippingSimulatorRoot."
 });
 const ShippingSimulatorOptionsDefinition = defineComponent({
 	name: "ShippingSimulatorOptions",
@@ -249,34 +330,128 @@ const ShippingSimulatorOptionNameDefinition = defineComponent({
 	requiresContext: "shipping-simulator-option",
 	guideline: "Displays the shipping option name (e.g. \"Entrega Normal\"); must be a descendant of ShippingSimulatorOption."
 });
+const ShippingSimulatorOptionEstimateContent = defineContentType({
+	id: "shipping-simulator-option-estimate",
+	title: "Shipping Simulator Option Estimate",
+	description: "Delivery estimate sentences, one per unit.",
+	schema: {
+		type: "object",
+		additionalProperties: false,
+		properties: {
+			today: {
+				type: "string",
+				title: "Arrives today",
+				format: "icu-message",
+				messageSource: "arrives today"
+			},
+			inBusinessDays: {
+				type: "string",
+				title: "In business days",
+				format: "icu-message",
+				messageSource: "in {days, plural, one {# business day} other {# business days}}",
+				messageArguments: {
+					type: "object",
+					properties: { days: { type: "integer" } }
+				},
+				messageExample: { days: 3 }
+			},
+			inDays: {
+				type: "string",
+				title: "In days",
+				format: "icu-message",
+				messageSource: "in {days, plural, one {# day} other {# days}}",
+				messageArguments: {
+					type: "object",
+					properties: { days: { type: "integer" } }
+				},
+				messageExample: { days: 3 }
+			},
+			inHours: {
+				type: "string",
+				title: "In hours",
+				format: "icu-message",
+				messageSource: "in {hours, plural, one {# hour} other {# hours}}",
+				messageArguments: {
+					type: "object",
+					properties: { hours: { type: "integer" } }
+				},
+				messageExample: { hours: 4 }
+			},
+			inMinutes: {
+				type: "string",
+				title: "In minutes",
+				format: "icu-message",
+				messageSource: "in {minutes, plural, one {# minute} other {# minutes}}",
+				messageArguments: {
+					type: "object",
+					properties: { minutes: { type: "integer" } }
+				},
+				messageExample: { minutes: 30 }
+			}
+		}
+	}
+});
 const ShippingSimulatorOptionEstimateDefinition = defineComponent({
 	name: "ShippingSimulatorOptionEstimate",
 	importPath: "@vtex/faststore/components",
 	component: ShippingSimulatorOptionEstimate,
+	content: ShippingSimulatorOptionEstimateContent,
 	editor: {
 		label: "Option Estimate",
 		category: "commerce"
 	},
 	schema: {},
 	requiresContext: "shipping-simulator-option",
-	guideline: "Displays the delivery estimate in the active locale, one whole sentence per unit from the message catalog; a zero-value estimate (any unit) reads as an arrival-today message instead, since \"chega em 0 dias úteis\" reads wrong. Must be a descendant of ShippingSimulatorOption."
+	guideline: "Displays the delivery estimate in the active locale, one whole sentence per unit from its $content; a zero-value estimate (any unit) reads as an arrival-today message instead, since \"chega em 0 dias úteis\" reads wrong. Must be a descendant of ShippingSimulatorOption."
+});
+const ShippingSimulatorOptionPriceContent = defineContentType({
+	id: "shipping-simulator-option-price",
+	title: "Shipping Simulator Option Price",
+	description: "Text shown instead of a zero shipping price.",
+	schema: {
+		type: "object",
+		additionalProperties: false,
+		properties: { freeLabel: {
+			type: "string",
+			title: "Free price label",
+			format: "icu-message",
+			messageSource: "Free"
+		} }
+	}
 });
 const ShippingSimulatorOptionPriceDefinition = defineComponent({
 	name: "ShippingSimulatorOptionPrice",
 	importPath: "@vtex/faststore/components",
 	component: ShippingSimulatorOptionPrice,
+	content: ShippingSimulatorOptionPriceContent,
 	editor: {
 		label: "Option Price",
 		category: "commerce"
 	},
 	schema: {},
 	requiresContext: "shipping-simulator-option",
-	guideline: "Displays the shipping price, showing the free-shipping label from the message catalog when the amount is zero; must be a descendant of ShippingSimulatorOption."
+	guideline: "Displays the shipping price, showing its $content.freeLabel when the amount is zero; must be a descendant of ShippingSimulatorOption."
+});
+const ShippingSimulatorOptionFreeBadgeContent = defineContentType({
+	id: "shipping-simulator-option-free-badge",
+	title: "Shipping Simulator Option Free Badge",
+	description: "Badge text of a free shipping option.",
+	schema: {
+		type: "object",
+		additionalProperties: false,
+		properties: { text: {
+			type: "string",
+			title: "Badge text",
+			format: "icu-message",
+			messageSource: "Free shipping"
+		} }
+	}
 });
 const ShippingSimulatorOptionFreeBadgeDefinition = defineComponent({
 	name: "ShippingSimulatorOptionFreeBadge",
 	importPath: "@vtex/faststore/components",
 	component: ShippingSimulatorOptionFreeBadge,
+	content: ShippingSimulatorOptionFreeBadgeContent,
 	editor: {
 		label: "Option Free Badge",
 		category: "commerce"
@@ -285,22 +460,37 @@ const ShippingSimulatorOptionFreeBadgeDefinition = defineComponent({
 	requiresContext: "shipping-simulator-option",
 	guideline: "Badge shown only when the current option price is zero (free shipping); renders nothing otherwise. Must be a descendant of ShippingSimulatorOption. Orthogonal to the free-price replacement text owned by ShippingSimulatorOptionPrice."
 });
+const ShippingSimulatorEmptyContent = defineContentType({
+	id: "shipping-simulator-empty",
+	title: "Shipping Simulator Empty",
+	description: "Message shown when a simulation returns no shipping options.",
+	schema: {
+		type: "object",
+		additionalProperties: false,
+		properties: { text: {
+			type: "string",
+			title: "Empty message",
+			format: "icu-message",
+			messageSource: "No delivery options available for this address."
+		} }
+	}
+});
 const ShippingSimulatorEmptyDefinition = defineComponent({
 	name: "ShippingSimulatorEmpty",
 	importPath: "@vtex/faststore/components",
 	component: ShippingSimulatorEmpty,
+	content: ShippingSimulatorEmptyContent,
 	editor: {
 		label: "Shipping Simulator Empty",
 		category: "commerce"
 	},
 	schema: {},
 	requiresContext: "shipping-simulator",
-	guideline: "Message shown when a simulation ran and returned no shipping options (e.g. no carrier common to the whole cart). Renders nothing before the first submit and nothing when options or an error are present. The copy comes from the message catalog; pass children to override. Must be a descendant of a shipping-simulator Root."
+	guideline: "Message shown when a simulation ran and returned no shipping options (e.g. no carrier common to the whole cart). Renders nothing before the first submit and nothing when options or an error are present. The copy is its $content.text; pass children to override. Must be a descendant of a shipping-simulator Root."
 });
 function ShippingSimulatorRoot({ country = "BRA", quantity = 1, variantId: variantIdProp, seller: sellerProp, $data: $dataProp, shippingOptions: shippingOptionsProp, userErrors: userErrorsProp, onSimulate: onSimulateProp, onResult, className, children, ...props }) {
 	const defaultSimulate = useShippingSimulation();
 	const onSimulate = onSimulateProp ?? defaultSimulate;
-	const intl = useIntl();
 	const extracted = extractProductFromData(useDataOverride($dataProp));
 	const variantId = variantIdProp ?? extracted.variantId;
 	const seller = sellerProp ?? extracted.seller;
@@ -336,8 +526,8 @@ function ShippingSimulatorRoot({ country = "BRA", quantity = 1, variantId: varia
 		}).catch(() => {
 			if (submissionToken.current !== token) return;
 			const fallback = {
-				code: "UNKNOWN",
-				message: intl.formatMessage({ id: "fs/shipping.calculation-failed" })
+				code: "CALCULATION_FAILED",
+				message: ""
 			};
 			setShippingOptions(null);
 			setUserErrors([fallback]);
@@ -349,7 +539,6 @@ function ShippingSimulatorRoot({ country = "BRA", quantity = 1, variantId: varia
 		});
 	}, [
 		country,
-		intl,
 		onResult,
 		onSimulate,
 		postalCode,
@@ -384,7 +573,6 @@ function ShippingSimulatorRoot({ country = "BRA", quantity = 1, variantId: varia
 function CartShippingSimulatorRoot({ country = "BRA", shippingOptions: shippingOptionsProp, userErrors: userErrorsProp, onSimulate: onSimulateProp, onResult, className, children, ...props }) {
 	const defaultSimulate = useCartShippingSimulation();
 	const onSimulate = onSimulateProp ?? defaultSimulate;
-	const intl = useIntl();
 	const [postalCode, setPostalCode] = useState("");
 	const [status, setStatus] = useState(() => {
 		if (userErrorsProp?.length) return "error";
@@ -413,8 +601,8 @@ function CartShippingSimulatorRoot({ country = "BRA", shippingOptions: shippingO
 		}).catch(() => {
 			if (submissionToken.current !== token) return;
 			const fallback = {
-				code: "UNKNOWN",
-				message: intl.formatMessage({ id: "fs/shipping.calculation-failed" })
+				code: "CALCULATION_FAILED",
+				message: ""
 			};
 			setShippingOptions(null);
 			setUserErrors([fallback]);
@@ -426,7 +614,6 @@ function CartShippingSimulatorRoot({ country = "BRA", shippingOptions: shippingO
 		});
 	}, [
 		country,
-		intl,
 		onResult,
 		onSimulate,
 		postalCode
@@ -468,19 +655,19 @@ function ShippingSimulatorForm({ className, children, ...props }) {
 		children
 	});
 }
-function ShippingSimulatorInput({ className, placeholder, "aria-label": ariaLabel, format = false, ...props }) {
+function ShippingSimulatorInput({ $content, $locale, className, format = false, ...props }) {
 	const { postalCode, setPostalCode } = useShippingSimulator();
-	const intl = useIntl();
+	const messages = useMessageFormatter(ShippingSimulatorInputContent, $content);
 	const displayValue = format ? formatPostalCode(postalCode) : postalCode;
 	return /* @__PURE__ */ jsx("input", {
 		...props,
-		"aria-label": ariaLabel ?? intl.formatMessage({ id: "fs/shipping.postal-code.aria-label" }),
+		"aria-label": messages.format("ariaLabel"),
 		className,
 		"data-fs-shipping-simulator-input": "",
 		type: "text",
 		value: displayValue,
 		onChange: (event) => setPostalCode(normalizePostalCode(event.target.value)),
-		placeholder: placeholder ?? intl.formatMessage({ id: "fs/shipping.postal-code.placeholder" }),
+		placeholder: messages.format("placeholder"),
 		pattern: "\\d{5}-?\\d{3}",
 		maxLength: 9,
 		inputMode: "numeric",
@@ -500,19 +687,30 @@ function ShippingSimulatorSubmit({ className, children, disabled, ...props }) {
 		children
 	});
 }
-function ShippingSimulatorLoading({ className, children, ...props }) {
+function ShippingSimulatorLoading({ $content, $locale, className, children, ...props }) {
 	const { status } = useShippingSimulator();
+	const { format } = useMessageFormatter(ShippingSimulatorLoadingContent, $content);
 	if (status !== "loading") return null;
 	return /* @__PURE__ */ jsx("output", {
 		...props,
 		"aria-live": "polite",
 		className,
 		"data-fs-shipping-simulator-loading": "",
-		children: children ?? /* @__PURE__ */ jsx(FormattedMessage, { id: "fs/shipping.calculating" })
+		children: children ?? format("text")
 	});
 }
-function ShippingSimulatorError({ className, children, ...props }) {
+/**
+* The message for each code a simulation can return. The default hooks collapse every server code but
+* `INVALID_POSTAL_CODE`, and every transport failure, into `UNKNOWN`.
+*/
+const SHIPPING_SIMULATOR_ERROR_FIELDS = {
+	INVALID_POSTAL_CODE: "invalidPostalCode",
+	UNKNOWN: "genericErrorMessage",
+	CALCULATION_FAILED: "calculationFailed"
+};
+function ShippingSimulatorError({ $content, $locale, className, children, ...props }) {
 	const { userErrors } = useShippingSimulator();
+	const { format } = useMessageFormatter(ShippingSimulatorErrorContent, $content);
 	const [firstError] = userErrors;
 	if (!firstError) return null;
 	return /* @__PURE__ */ jsx("div", {
@@ -520,7 +718,7 @@ function ShippingSimulatorError({ className, children, ...props }) {
 		role: "alert",
 		className,
 		"data-fs-shipping-simulator-error": "",
-		children: children ?? firstError.message
+		children: children ?? formatErrorCode(ShippingSimulatorErrorContent, SHIPPING_SIMULATOR_ERROR_FIELDS, firstError, format, "genericErrorMessage")
 	});
 }
 function ShippingSimulatorOptions({ sortBy, maxOptions, className, children, ...props }) {
@@ -539,21 +737,24 @@ function ShippingSimulatorOptions({ sortBy, maxOptions, className, children, ...
 		...props,
 		className,
 		"data-fs-shipping-simulator-options": "",
-		children: visibleOptions.map((option) => /* @__PURE__ */ jsx(OptionItemContext, {
-			value: option,
-			children
-		}, option.id))
+		children: /* @__PURE__ */ jsx(OptionListContext, {
+			value: true,
+			children: visibleOptions.map((option) => /* @__PURE__ */ jsx(OptionItemContext, {
+				value: option,
+				children
+			}, option.id))
+		})
 	});
 }
 function ShippingSimulatorOption({ className, children, ...props }) {
 	const option = useOptionItem();
-	return /* @__PURE__ */ jsx("li", {
+	const inList = useContext(OptionListContext);
+	return createElement(inList ? "li" : "div", {
 		...props,
 		className,
 		"data-fs-shipping-simulator-option": "",
-		"data-fs-shipping-simulator-option-channel": option.channel,
-		children
-	});
+		"data-fs-shipping-simulator-option-channel": option.channel
+	}, children);
 }
 function ShippingSimulatorOptionName({ className, children, ...props }) {
 	const option = useOptionItem();
@@ -564,52 +765,57 @@ function ShippingSimulatorOptionName({ className, children, ...props }) {
 		children: children ?? option.name
 	});
 }
-function ShippingSimulatorOptionEstimate({ className, children, ...props }) {
+function ShippingSimulatorOptionEstimate({ $content, $locale, className, children, ...props }) {
 	const option = useOptionItem();
-	const intl = useIntl();
-	const { value, unit } = option.shippingEstimate;
-	const { id, variable } = ESTIMATE_MESSAGE[unit];
-	const text = value === 0 ? intl.formatMessage({ id: "fs/shipping.estimate.today" }) : intl.formatMessage({ id }, { [variable]: value });
+	const { format } = useMessageFormatter(ShippingSimulatorOptionEstimateContent, $content);
+	function estimate() {
+		const { value, unit } = option.shippingEstimate;
+		if (value === 0) return format("today");
+		const { field, variable } = ESTIMATE_MESSAGE[unit];
+		return format(field, { [variable]: value });
+	}
 	return /* @__PURE__ */ jsx("span", {
 		...props,
 		className,
 		"data-fs-shipping-simulator-option-estimate": "",
-		children: children ?? text
+		children: children ?? estimate()
 	});
 }
 function isFreeAmount(amount) {
 	return isFiniteAmount(amount) && Number(amount) === 0;
 }
-function ShippingSimulatorOptionPrice({ className, children, ...props }) {
+function ShippingSimulatorOptionPrice({ $content, $locale, className, children, ...props }) {
 	const option = useOptionItem();
-	const intl = useIntl();
+	const { format } = useMessageFormatter(ShippingSimulatorOptionPriceContent, $content);
 	const { locale, currency } = useStorefrontContext();
-	const text = isFreeAmount(option.price.amount) ? intl.formatMessage({ id: "fs/shipping.free-price" }) : formatPrice(Number(option.price.amount), locale, currency);
 	return /* @__PURE__ */ jsx("span", {
 		...props,
 		className,
 		"data-fs-shipping-simulator-option-price": "",
-		children: children ?? text
+		children: children ?? (isFreeAmount(option.price.amount) ? format("freeLabel") : formatPrice(Number(option.price.amount), locale, currency))
 	});
 }
-function ShippingSimulatorOptionFreeBadge({ className, children, ...props }) {
-	if (!isFreeAmount(useOptionItem().price.amount)) return null;
+function ShippingSimulatorOptionFreeBadge({ $content, $locale, className, children, ...props }) {
+	const option = useOptionItem();
+	const { format } = useMessageFormatter(ShippingSimulatorOptionFreeBadgeContent, $content);
+	if (!isFreeAmount(option.price.amount)) return null;
 	return /* @__PURE__ */ jsx("span", {
 		...props,
 		className,
 		"data-fs-shipping-simulator-option-free-badge": "",
-		children: children ?? /* @__PURE__ */ jsx(FormattedMessage, { id: "fs/shipping.free-badge" })
+		children: children ?? format("text")
 	});
 }
-function ShippingSimulatorEmpty({ className, children, ...props }) {
+function ShippingSimulatorEmpty({ $content, $locale, className, children, ...props }) {
 	const { shippingOptions, userErrors } = useShippingSimulator();
+	const { format } = useMessageFormatter(ShippingSimulatorEmptyContent, $content);
 	if (!(Array.isArray(shippingOptions) && shippingOptions.length === 0 && userErrors.length === 0)) return null;
 	return /* @__PURE__ */ jsx("output", {
 		...props,
 		"aria-live": "polite",
 		className,
 		"data-fs-shipping-simulator-empty": "",
-		children: children ?? /* @__PURE__ */ jsx(FormattedMessage, { id: "fs/shipping.no-options" })
+		children: children ?? format("text")
 	});
 }
 const ShippingSimulator = {
@@ -643,6 +849,6 @@ const CartShippingSimulator = {
 	Empty: ShippingSimulatorEmpty
 };
 //#endregion
-export { CartShippingSimulator, CartShippingSimulatorRoot, CartShippingSimulatorRootDefinition, ESTIMATE_MESSAGE, OptionItemContext, ShippingSimulator, ShippingSimulatorContext, ShippingSimulatorEmpty, ShippingSimulatorEmptyDefinition, ShippingSimulatorError, ShippingSimulatorErrorDefinition, ShippingSimulatorForm, ShippingSimulatorFormDefinition, ShippingSimulatorInput, ShippingSimulatorInputDefinition, ShippingSimulatorLoading, ShippingSimulatorLoadingDefinition, ShippingSimulatorOption, ShippingSimulatorOptionDefinition, ShippingSimulatorOptionEstimate, ShippingSimulatorOptionEstimateDefinition, ShippingSimulatorOptionFreeBadge, ShippingSimulatorOptionFreeBadgeDefinition, ShippingSimulatorOptionName, ShippingSimulatorOptionNameDefinition, ShippingSimulatorOptionPrice, ShippingSimulatorOptionPriceDefinition, ShippingSimulatorOptions, ShippingSimulatorOptionsDefinition, ShippingSimulatorRoot, ShippingSimulatorRootDefinition, ShippingSimulatorSubmit, ShippingSimulatorSubmitDefinition };
+export { CartShippingSimulator, CartShippingSimulatorRoot, CartShippingSimulatorRootDefinition, ESTIMATE_MESSAGE, OptionItemContext, SHIPPING_SIMULATOR_ERROR_FIELDS, ShippingSimulator, ShippingSimulatorContext, ShippingSimulatorEmpty, ShippingSimulatorEmptyContent, ShippingSimulatorEmptyDefinition, ShippingSimulatorError, ShippingSimulatorErrorContent, ShippingSimulatorErrorDefinition, ShippingSimulatorForm, ShippingSimulatorFormDefinition, ShippingSimulatorInput, ShippingSimulatorInputContent, ShippingSimulatorInputDefinition, ShippingSimulatorLoading, ShippingSimulatorLoadingContent, ShippingSimulatorLoadingDefinition, ShippingSimulatorOption, ShippingSimulatorOptionDefinition, ShippingSimulatorOptionEstimate, ShippingSimulatorOptionEstimateContent, ShippingSimulatorOptionEstimateDefinition, ShippingSimulatorOptionFreeBadge, ShippingSimulatorOptionFreeBadgeContent, ShippingSimulatorOptionFreeBadgeDefinition, ShippingSimulatorOptionName, ShippingSimulatorOptionNameDefinition, ShippingSimulatorOptionPrice, ShippingSimulatorOptionPriceContent, ShippingSimulatorOptionPriceDefinition, ShippingSimulatorOptions, ShippingSimulatorOptionsDefinition, ShippingSimulatorRoot, ShippingSimulatorRootDefinition, ShippingSimulatorSubmit, ShippingSimulatorSubmitDefinition, isFreeAmount };
 
 //# sourceMappingURL=shipping-simulator.js.map