@fluid-app/portal-sdk 0.1.265 → 0.1.267

package/dist/{ProfileScreen-I7c6sZTN.cjs → ProfileScreen-DKBiSU8m.cjs}

@@ -3,17 +3,128 @@ const require_FluidProvider = require("./FluidProvider-lgII8Oel.cjs");
 const require_account_api_context = require("./account-api-context-DZP9IiGg.cjs");
 const require_api_context = require("./api-context-BkBvyFVK.cjs");
 const require_countries_api_context = require("./countries-api-context-C0C0K9gJ.cjs");
+const require_locale_context = require("./locale-context-34b1u6At.cjs");
 const require_src = require("./src-DDJ8wCS6.cjs");
 const require_ScreenHeaderContext = require("./ScreenHeaderContext-JDIUM84f.cjs");
 const require_query_keys = require("./query-keys-BpEJqQUB.cjs");
 const require_use_account = require("./use-account-BfU-TydK.cjs");
-const require_AddressAutocompleteInput = require("./AddressAutocompleteInput-DDI7GWth.cjs");
-const require_use_mysite_portal = require("./use-mysite-portal-YnHKJ-Y-.cjs");
+const require_AddressAutocompleteInput = require("./AddressAutocompleteInput-CAI2D_JY.cjs");
+const require_static_dict_adapter = require("./static-dict-adapter-Cocq4m7Z.cjs");
+const require_use_mysite_portal = require("./use-mysite-portal-Ch8KXp_I.cjs");
 let react = require("react");
 let _tanstack_react_query = require("@tanstack/react-query");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 let zod = require("zod");
+//#endregion
+//#region ../../profile/core/src/translation-adapter.ts
+const profileDomain = require_static_dict_adapter.createDomainTranslations({
+	fallback: {
+		breadcrumb: "Profile",
+		edit_profile: "Edit Profile",
+		first_name: "First Name",
+		last_name: "Last Name",
+		phone_number: "Phone Number",
+		bio: "Bio",
+		add_a_short_bio: "Add a short bio",
+		language: "Language",
+		first_name_is_required: "First name is required",
+		last_name_is_required: "Last name is required",
+		language_is_required: "Language is required",
+		saving: "Saving...",
+		save_changes: "Save Changes",
+		select_an_option: "Select an option",
+		points_history: "Points History",
+		points_available: "Points Available",
+		points_awarded: "Points Awarded",
+		points_redeemed: "Points Redeemed",
+		transaction: "Transaction",
+		no_points_history_found: "No points history found",
+		email: "Email",
+		shipping_addresses: "Shipping Addresses",
+		add_an_address: "Add an Address",
+		delete_address: "Delete Address",
+		delete_address_message: "Are you sure you want to delete this address? This action cannot be undone.",
+		delete: "Delete",
+		no_saved_addresses_found: "No saved addresses found",
+		add_address: "Add Address",
+		edit_address: "Edit Address",
+		set_as_default_address: "Set as default address",
+		save_address: "Save Address",
+		card_number: "Card Number",
+		expiration_date: "Expiration (MM / YY)",
+		cvc: "CVC",
+		cardholder_name: "Cardholder Name",
+		add_credit_card: "Add Credit Card",
+		save_card: "Save Card",
+		securing: "Loading secure form...",
+		payment_methods: "Payment Methods",
+		add_payment_method: "Add Payment Method",
+		delete_credit_card: "Delete Credit Card",
+		delete_credit_card_message: "Are you sure you want to delete this payment method? This action cannot be undone.",
+		delete_card: "Delete card",
+		deleting: "Deleting...",
+		tap_to_confirm: "Tap to confirm",
+		edit_card: "Card Details",
+		billing_address: "Billing Address",
+		country: "Country",
+		name: "Name",
+		address_line_1: "Address Line 1",
+		address_line_2: "Address Line 2",
+		city: "City",
+		state: "State",
+		province: "Province",
+		zip_code: "Zip Code",
+		postal_code: "Postal Code",
+		select_state: "Select state",
+		set_as_default_payment_method: "Set as default payment method",
+		cancel: "Cancel",
+		save: "Save",
+		close: "Close",
+		edit: "Edit",
+		default: "Default",
+		card_expires: "Expires",
+		no_billing_address: "No billing address on file",
+		default_payment_method_updated: "Payment method updated",
+		failed_to_set_default_payment_method: "Failed to update payment method"
+	},
+	loaders: {
+		de: () => Promise.resolve().then(() => require("./de-d3VTUeXj.cjs")).then((m) => m.default),
+		el: () => Promise.resolve().then(() => require("./el-4ZddEaz6.cjs")).then((m) => m.default),
+		es: () => Promise.resolve().then(() => require("./es-CjwVHivN.cjs")).then((m) => m.default),
+		fr: () => Promise.resolve().then(() => require("./fr-H86Y8KIi.cjs")).then((m) => m.default),
+		he: () => Promise.resolve().then(() => require("./he-DquTMNPf.cjs")).then((m) => m.default),
+		hu: () => Promise.resolve().then(() => require("./hu-CtVrmjcA.cjs")).then((m) => m.default),
+		id: () => Promise.resolve().then(() => require("./id-BBpIBsSc.cjs")).then((m) => m.default),
+		it: () => Promise.resolve().then(() => require("./it-DH6auMRV.cjs")).then((m) => m.default),
+		ja: () => Promise.resolve().then(() => require("./ja-BA5gMb59.cjs")).then((m) => m.default),
+		ko: () => Promise.resolve().then(() => require("./ko-DrZ0Re6T.cjs")).then((m) => m.default),
+		nl: () => Promise.resolve().then(() => require("./nl-D9PAaUS3.cjs")).then((m) => m.default),
+		pl: () => Promise.resolve().then(() => require("./pl-BGCGxbW7.cjs")).then((m) => m.default),
+		pt: () => Promise.resolve().then(() => require("./pt-BqaFJl6v.cjs")).then((m) => m.default),
+		ro: () => Promise.resolve().then(() => require("./ro-DyPqChDY.cjs")).then((m) => m.default),
+		ru: () => Promise.resolve().then(() => require("./ru-CwTEZyeW.cjs")).then((m) => m.default),
+		th: () => Promise.resolve().then(() => require("./th-DJv22inI.cjs")).then((m) => m.default),
+		tl: () => Promise.resolve().then(() => require("./tl-C5Wcq65m.cjs")).then((m) => m.default),
+		tr: () => Promise.resolve().then(() => require("./tr-Do5Qlssg.cjs")).then((m) => m.default),
+		zh_CN: () => Promise.resolve().then(() => require("./zh_CN-D2UAEoZC.cjs")).then((m) => m.default),
+		zh_TW: () => Promise.resolve().then(() => require("./zh_TW-BiSU6cB0.cjs")).then((m) => m.default)
+	}
+});
+function createProfileTranslationAdapter(locale, dict) {
+	return require_static_dict_adapter.createStaticDictAdapter(locale, dict);
+}
+//#endregion
+//#region src/providers/ProfileTranslationBridge.tsx
+function ProfileTranslationBridge({ children }) {
+	const { locale } = require_locale_context.useActiveLocale();
+	const dict = require_static_dict_adapter.useDomainDict(profileDomain, locale);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AddressAutocompleteInput.ProfileTranslationProvider, {
+		value: (0, react.useMemo)(() => createProfileTranslationAdapter(locale, dict), [locale, dict]),
+		children
+	});
+}
+//#endregion
 //#region src/screens/profile/derive-last-name.ts
 function deriveLastName(firstName, fullName) {
 	if (!firstName) return "";
@@ -595,62 +706,6 @@ function SocialRow({ entry, handle, isLast, onConnect }) {
 }
 //#endregion
 //#region src/screens/ProfileContentScreen.tsx
-const translations = {
-	edit_profile: "Edit Profile",
-	first_name: "First Name",
-	last_name: "Last Name",
-	phone_number: "Phone Number",
-	bio: "Bio",
-	add_a_short_bio: "Add a short bio",
-	language: "Language",
-	first_name_is_required: "First name is required",
-	last_name_is_required: "Last name is required",
-	language_is_required: "Language is required",
-	saving: "Saving...",
-	save_changes: "Save Changes",
-	select_an_option: "Select an option",
-	add_address: "Add Address",
-	edit_address: "Edit Address",
-	set_as_default_address: "Set as default address",
-	save_address: "Save Address",
-	card_number: "Card Number",
-	expiration_date: "Expiration (MM / YY)",
-	cvc: "CVC",
-	cardholder_name: "Cardholder Name",
-	add_credit_card: "Add Credit Card",
-	save_card: "Save Card",
-	securing: "Loading secure form...",
-	add_payment_method: "Add Payment Method",
-	delete_card: "Delete card",
-	deleting: "Deleting...",
-	tap_to_confirm: "Tap to confirm",
-	edit_card: "Card Details",
-	billing_address: "Billing Address",
-	country: "Country",
-	name: "Name",
-	address_line_1: "Address Line 1",
-	address_line_2: "Address Line 2",
-	city: "City",
-	state: "State",
-	province: "Province",
-	zip_code: "Zip Code",
-	postal_code: "Postal Code",
-	select_state: "Select state",
-	set_as_default_payment_method: "Set as default payment method",
-	cancel: "Cancel",
-	save: "Save",
-	close: "Close",
-	edit: "Edit",
-	default: "Default",
-	card_expires: "Expires",
-	no_billing_address: "No billing address on file",
-	default_payment_method_updated: "Payment method updated",
-	failed_to_set_default_payment_method: "Failed to update payment method"
-};
-function t(key) {
-	if (translations[key]) return translations[key];
-	return key.split("_").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
-}
 function mapAccountToCustomerAccount(raw) {
 	return {
 		fluid_pay_account: {
@@ -721,6 +776,7 @@ const SOCIAL_PLACEHOLDERS = {
 	tiktok: "tiktok.com/@username"
 };
 function ProfileContentScreen({ onToast }) {
+	const { t } = require_AddressAutocompleteInput.useProfileTranslation();
 	const payApi = require_api_context.usePayApi();
 	const accountApi = require_account_api_context.useAccountApi();
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
@@ -1029,167 +1085,164 @@ function ProfileContentScreen({ onToast }) {
 			]
 		})
 	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AddressAutocompleteInput.FluidPayCoreProvider, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_AddressAutocompleteInput.FluidPayCoreProvider, {
 		api: fluidPayShim,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_AddressAutocompleteInput.ProfileUIProvider, {
-			t,
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProfileLayout, {
-					account: accountRep,
-					pointsBalance: rewardPointsEnabled ? pointsLedgerData?.points_ledgers?.[0]?.total_balance ?? 0 : void 0,
-					pointsLedger: adaptedPointsLedger,
-					rewardsEnabled: rewardPointsEnabled,
-					addresses,
-					paymentMethods,
-					mySiteDisplayUrl,
-					socialLinks,
-					onEditPersonalInfo: handleOpenInfoDialog,
-					onAddAddress: () => setAddressDialog({
-						open: true,
-						selected: null
-					}),
-					onEditAddress: (address) => setAddressDialog({
-						open: true,
-						selected: address
-					}),
-					onAddPaymentMethod: () => setIsAddCardOpen(true),
-					onEditPaymentMethod: (pm) => setEditPaymentMethod(pm),
-					onCopyMySiteLink: handleCopyMySiteLink,
-					onConnectSocial: handleConnectSocial
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProfileLayout, {
+				account: accountRep,
+				pointsBalance: rewardPointsEnabled ? pointsLedgerData?.points_ledgers?.[0]?.total_balance ?? 0 : void 0,
+				pointsLedger: adaptedPointsLedger,
+				rewardsEnabled: rewardPointsEnabled,
+				addresses,
+				paymentMethods,
+				mySiteDisplayUrl,
+				socialLinks,
+				onEditPersonalInfo: handleOpenInfoDialog,
+				onAddAddress: () => setAddressDialog({
+					open: true,
+					selected: null
 				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AddressAutocompleteInput.UserInfoDialog, {
-					control: userInfoForm.control,
-					isOpen: isInfoDialogOpen,
-					onSubmit: onSubmitUserInfo,
-					handleClose: () => setIsInfoDialogOpen(false),
-					languageOptions: adaptedLanguages.map((l) => ({
-						name: l.name,
-						value: l.name
-					})),
-					errorMsg: void 0,
-					isSubmitting: updateCustomerMutation.isPending,
-					email: accountRep.email ?? ""
+				onEditAddress: (address) => setAddressDialog({
+					open: true,
+					selected: address
 				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AddressAutocompleteInput.AddressFormDialog, {
-					isOpen: addressDialog.open,
-					onClose: () => setAddressDialog({
+				onAddPaymentMethod: () => setIsAddCardOpen(true),
+				onEditPaymentMethod: (pm) => setEditPaymentMethod(pm),
+				onCopyMySiteLink: handleCopyMySiteLink,
+				onConnectSocial: handleConnectSocial
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AddressAutocompleteInput.UserInfoDialog, {
+				control: userInfoForm.control,
+				isOpen: isInfoDialogOpen,
+				onSubmit: onSubmitUserInfo,
+				handleClose: () => setIsInfoDialogOpen(false),
+				languageOptions: adaptedLanguages.map((l) => ({
+					name: l.name,
+					value: l.name
+				})),
+				errorMsg: void 0,
+				isSubmitting: updateCustomerMutation.isPending,
+				email: accountRep.email ?? ""
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AddressAutocompleteInput.AddressFormDialog, {
+				isOpen: addressDialog.open,
+				onClose: () => setAddressDialog({
+					open: false,
+					selected: null
+				}),
+				selectedAddress: addressDialog.selected,
+				t: (key) => t(key),
+				onSubmit: async (formData) => {
+					if (addressDialog.selected) await updateAddressMutation.mutateAsync({
+						addressId: addressDialog.selected.id,
+						body: formData
+					});
+					else await createAddressMutation.mutateAsync(formData);
+					setAddressDialog({
 						open: false,
 						selected: null
-					}),
-					selectedAddress: addressDialog.selected,
-					t,
-					onSubmit: async (formData) => {
-						if (addressDialog.selected) await updateAddressMutation.mutateAsync({
-							addressId: addressDialog.selected.id,
-							body: formData
-						});
-						else await createAddressMutation.mutateAsync(formData);
-						setAddressDialog({
-							open: false,
-							selected: null
-						});
-					},
-					isSubmitting: createAddressMutation.isPending || updateAddressMutation.isPending,
-					countries: countryOptions,
-					fetchStates: fetchStatesFromCountries,
-					renderAddressAutocomplete: ({ control, setValue, countryCode }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AddressAutocompleteInput.AddressAutocompleteInput, {
-						control,
-						setValue,
-						countryIso: countryCode,
-						addressLineField: "address1",
-						cityField: "city",
-						stateField: "state",
-						postalCodeField: "postal_code",
-						placeholder: t("address_line_1")
-					})
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AddressAutocompleteInput.CreditCardFormDialog, {
-					isOpen: isAddCardOpen,
-					onClose: () => setIsAddCardOpen(false),
-					t,
-					onSubmit: async (data) => {
-						try {
-							await addCreditCardMutation.mutateAsync(data);
-							setIsAddCardOpen(false);
-						} catch {}
-					},
-					isSubmitting: addCreditCardMutation.isPending,
-					countries: countryOptions,
-					jwt: "",
-					renderAddressAutocomplete: ({ control, setValue, countryCode }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AddressAutocompleteInput.AddressAutocompleteInput, {
-						control,
-						setValue,
-						countryIso: countryCode,
-						addressLineField: "address1",
-						cityField: "city",
-						stateField: "state",
-						postalCodeField: "zip",
-						placeholder: t("address_line_1")
-					})
-				}),
-				editPaymentMethod && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AddressAutocompleteInput.EditPaymentMethodDialog, {
-					isOpen: true,
-					onClose: () => setEditPaymentMethod(null),
-					paymentMethod: editPaymentMethod,
-					countries: countryOptions,
-					onSubmit: (data) => {
-						updatePaymentMethodMutation.mutate({
-							paymentMethodId: editPaymentMethod.id,
-							data
-						}, { onSuccess: () => setEditPaymentMethod(null) });
-					},
-					isSubmitting: updatePaymentMethodMutation.isPending,
-					onDelete: () => {
-						deletePaymentMethodMutation.mutate(editPaymentMethod.id, { onSuccess: () => setEditPaymentMethod(null) });
-					},
-					isDeleting: deletePaymentMethodMutation.isPending
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Dialog, {
-					open: editingSocial !== null,
-					onOpenChange: (open) => !open && setEditingSocial(null),
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DialogContent, {
-						className: "max-w-sm md:max-w-md",
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogTitle, { children: editingSocial ? `Edit ${SOCIAL_LABELS[editingSocial]} link` : "Edit social link" }) }),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "space-y-2 pt-2",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, {
-									htmlFor: "social-handle",
-									className: "mb-1.5 block text-sm font-medium",
-									children: "URL"
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Input, {
-									id: "social-handle",
-									value: socialDraft,
-									onChange: (e) => setSocialDraft(e.target.value),
-									placeholder: editingSocial ? SOCIAL_PLACEHOLDERS[editingSocial] : "",
-									onKeyDown: (e) => {
-										if (e.key === "Enter") {
-											e.preventDefault();
-											handleSubmitSocial();
-										}
-									},
-									autoFocus: true
-								})]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DialogFooter, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
-								type: "button",
-								variant: "outline",
-								onClick: () => setEditingSocial(null),
-								disabled: updateSocialMutation.isPending,
-								children: "Cancel"
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
-								type: "button",
-								onClick: () => {
-									handleSubmitSocial();
+					});
+				},
+				isSubmitting: createAddressMutation.isPending || updateAddressMutation.isPending,
+				countries: countryOptions,
+				fetchStates: fetchStatesFromCountries,
+				renderAddressAutocomplete: ({ control, setValue, countryCode }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AddressAutocompleteInput.AddressAutocompleteInput, {
+					control,
+					setValue,
+					countryIso: countryCode,
+					addressLineField: "address1",
+					cityField: "city",
+					stateField: "state",
+					postalCodeField: "postal_code",
+					placeholder: t("address_line_1")
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AddressAutocompleteInput.CreditCardFormDialog, {
+				isOpen: isAddCardOpen,
+				onClose: () => setIsAddCardOpen(false),
+				t: (key) => t(key),
+				onSubmit: async (data) => {
+					try {
+						await addCreditCardMutation.mutateAsync(data);
+						setIsAddCardOpen(false);
+					} catch {}
+				},
+				isSubmitting: addCreditCardMutation.isPending,
+				countries: countryOptions,
+				jwt: "",
+				renderAddressAutocomplete: ({ control, setValue, countryCode }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AddressAutocompleteInput.AddressAutocompleteInput, {
+					control,
+					setValue,
+					countryIso: countryCode,
+					addressLineField: "address1",
+					cityField: "city",
+					stateField: "state",
+					postalCodeField: "zip",
+					placeholder: t("address_line_1")
+				})
+			}),
+			editPaymentMethod && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AddressAutocompleteInput.EditPaymentMethodDialog, {
+				isOpen: true,
+				onClose: () => setEditPaymentMethod(null),
+				paymentMethod: editPaymentMethod,
+				countries: countryOptions,
+				onSubmit: (data) => {
+					updatePaymentMethodMutation.mutate({
+						paymentMethodId: editPaymentMethod.id,
+						data
+					}, { onSuccess: () => setEditPaymentMethod(null) });
+				},
+				isSubmitting: updatePaymentMethodMutation.isPending,
+				onDelete: () => {
+					deletePaymentMethodMutation.mutate(editPaymentMethod.id, { onSuccess: () => setEditPaymentMethod(null) });
+				},
+				isDeleting: deletePaymentMethodMutation.isPending
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Dialog, {
+				open: editingSocial !== null,
+				onOpenChange: (open) => !open && setEditingSocial(null),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DialogContent, {
+					className: "max-w-sm md:max-w-md",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogTitle, { children: editingSocial ? `Edit ${SOCIAL_LABELS[editingSocial]} link` : "Edit social link" }) }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "space-y-2 pt-2",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, {
+								htmlFor: "social-handle",
+								className: "mb-1.5 block text-sm font-medium",
+								children: "URL"
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Input, {
+								id: "social-handle",
+								value: socialDraft,
+								onChange: (e) => setSocialDraft(e.target.value),
+								placeholder: editingSocial ? SOCIAL_PLACEHOLDERS[editingSocial] : "",
+								onKeyDown: (e) => {
+									if (e.key === "Enter") {
+										e.preventDefault();
+										handleSubmitSocial();
+									}
 								},
-								disabled: updateSocialMutation.isPending,
-								children: updateSocialMutation.isPending ? "Saving..." : "Save"
-							})] })
-						]
-					})
+								autoFocus: true
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DialogFooter, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
+							type: "button",
+							variant: "outline",
+							onClick: () => setEditingSocial(null),
+							disabled: updateSocialMutation.isPending,
+							children: "Cancel"
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
+							type: "button",
+							onClick: () => {
+								handleSubmitSocial();
+							},
+							disabled: updateSocialMutation.isPending,
+							children: updateSocialMutation.isPending ? "Saving..." : "Save"
+						})] })
+					]
 				})
-			]
-		})
+			})
+		]
 	});
 }
 //#endregion
@@ -1202,19 +1255,25 @@ function defaultToast(message, type) {
 }
 function ProfileScreen({ onToast, background, textColor, accentColor, padding, borderRadius, ...divProps }) {
 	const { config } = require_FluidProvider.useFluidContext();
-	const effectiveToast = onToast ?? defaultToast;
-	const countryIso = config.countryIso ?? "US";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProfileTranslationBridge, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProfileScreenContent, {
+		onToast: onToast ?? defaultToast,
+		countryIso: config.countryIso ?? "US",
+		divProps
+	}) });
+}
+function ProfileScreenContent({ onToast, countryIso, divProps }) {
+	const { t } = require_AddressAutocompleteInput.useProfileTranslation();
 	require_ScreenHeaderContext.useScreenHeaderBreadcrumbs((0, react.useMemo)(() => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Breadcrumb, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbList, {
 		className: "text-lg",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbPage, {
 			className: "font-semibold",
-			children: "Profile"
+			children: t("breadcrumb")
 		}) })
-	}) }), []));
+	}) }), [t]));
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		...divProps,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProfileContentScreen, {
-			onToast: effectiveToast,
+			onToast,
 			countryIso
 		})
 	});
@@ -1242,4 +1301,4 @@ Object.defineProperty(exports, "profileScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=ProfileScreen-I7c6sZTN.cjs.map
+//# sourceMappingURL=ProfileScreen-DKBiSU8m.cjs.map