@fluid-app/portal-sdk 0.1.129 → 0.1.130

package/dist/{ProfileScreen-FYGHStqM.cjs → ProfileScreen-CYTxOGeW.cjs}

@@ -1,10 +1,10 @@
 require("./chunk-9hOWP6kD.cjs");
-const require_FluidProvider = require("./FluidProvider-BMMu_rp3.cjs");
+const require_FluidProvider = require("./FluidProvider-DvqnkjZI.cjs");
 const require_portal_tenant_countries_adapter = require("./portal-tenant-countries-adapter-BJb82oyY.cjs");
 const require_src = require("./src-UnXevN9n.cjs");
-const require_use_fluid_auth = require("./use-fluid-auth-CyKaXLbW.cjs");
+const require_use_fluid_auth = require("./use-fluid-auth-sGNMgfnt.cjs");
 const require_ScreenHeaderContext = require("./ScreenHeaderContext-wrJlkhgN.cjs");
-const require_use_account_clients = require("./use-account-clients-CL6rr17o.cjs");
+const require_use_account_clients = require("./use-account-clients-DoJW3KTx.cjs");
 let react = require("react");
 let _tanstack_react_query = require("@tanstack/react-query");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -28,6 +28,268 @@ function ProfileUIProvider({ t, children }) {
 	});
 }
 //#endregion
+//#region ../../fluid-pay/core/src/context.ts
+const FluidPayApiContext = (0, react.createContext)(null);
+const FluidPayApiProvider = FluidPayApiContext.Provider;
+function useFluidPayApi() {
+	const api = (0, react.useContext)(FluidPayApiContext);
+	if (!api) throw new Error("useFluidPayApi must be used within a FluidPayCoreProvider");
+	return api;
+}
+//#endregion
+//#region ../../fluid-pay/core/src/provider.tsx
+function FluidPayCoreProvider({ api, children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FluidPayApiProvider, {
+		value: api,
+		children
+	});
+}
+//#endregion
+//#region ../../fluid-pay/core/src/utils/country-config.ts
+const US_STATES = [
+	{
+		name: "Alabama",
+		isoCode: "AL"
+	},
+	{
+		name: "Alaska",
+		isoCode: "AK"
+	},
+	{
+		name: "Arizona",
+		isoCode: "AZ"
+	},
+	{
+		name: "Arkansas",
+		isoCode: "AR"
+	},
+	{
+		name: "California",
+		isoCode: "CA"
+	},
+	{
+		name: "Colorado",
+		isoCode: "CO"
+	},
+	{
+		name: "Connecticut",
+		isoCode: "CT"
+	},
+	{
+		name: "Delaware",
+		isoCode: "DE"
+	},
+	{
+		name: "Florida",
+		isoCode: "FL"
+	},
+	{
+		name: "Georgia",
+		isoCode: "GA"
+	},
+	{
+		name: "Hawaii",
+		isoCode: "HI"
+	},
+	{
+		name: "Idaho",
+		isoCode: "ID"
+	},
+	{
+		name: "Illinois",
+		isoCode: "IL"
+	},
+	{
+		name: "Indiana",
+		isoCode: "IN"
+	},
+	{
+		name: "Iowa",
+		isoCode: "IA"
+	},
+	{
+		name: "Kansas",
+		isoCode: "KS"
+	},
+	{
+		name: "Kentucky",
+		isoCode: "KY"
+	},
+	{
+		name: "Louisiana",
+		isoCode: "LA"
+	},
+	{
+		name: "Maine",
+		isoCode: "ME"
+	},
+	{
+		name: "Maryland",
+		isoCode: "MD"
+	},
+	{
+		name: "Massachusetts",
+		isoCode: "MA"
+	},
+	{
+		name: "Michigan",
+		isoCode: "MI"
+	},
+	{
+		name: "Minnesota",
+		isoCode: "MN"
+	},
+	{
+		name: "Mississippi",
+		isoCode: "MS"
+	},
+	{
+		name: "Missouri",
+		isoCode: "MO"
+	},
+	{
+		name: "Montana",
+		isoCode: "MT"
+	},
+	{
+		name: "Nebraska",
+		isoCode: "NE"
+	},
+	{
+		name: "Nevada",
+		isoCode: "NV"
+	},
+	{
+		name: "New Hampshire",
+		isoCode: "NH"
+	},
+	{
+		name: "New Jersey",
+		isoCode: "NJ"
+	},
+	{
+		name: "New Mexico",
+		isoCode: "NM"
+	},
+	{
+		name: "New York",
+		isoCode: "NY"
+	},
+	{
+		name: "North Carolina",
+		isoCode: "NC"
+	},
+	{
+		name: "North Dakota",
+		isoCode: "ND"
+	},
+	{
+		name: "Ohio",
+		isoCode: "OH"
+	},
+	{
+		name: "Oklahoma",
+		isoCode: "OK"
+	},
+	{
+		name: "Oregon",
+		isoCode: "OR"
+	},
+	{
+		name: "Pennsylvania",
+		isoCode: "PA"
+	},
+	{
+		name: "Rhode Island",
+		isoCode: "RI"
+	},
+	{
+		name: "South Carolina",
+		isoCode: "SC"
+	},
+	{
+		name: "South Dakota",
+		isoCode: "SD"
+	},
+	{
+		name: "Tennessee",
+		isoCode: "TN"
+	},
+	{
+		name: "Texas",
+		isoCode: "TX"
+	},
+	{
+		name: "Utah",
+		isoCode: "UT"
+	},
+	{
+		name: "Vermont",
+		isoCode: "VT"
+	},
+	{
+		name: "Virginia",
+		isoCode: "VA"
+	},
+	{
+		name: "Washington",
+		isoCode: "WA"
+	},
+	{
+		name: "West Virginia",
+		isoCode: "WV"
+	},
+	{
+		name: "Wisconsin",
+		isoCode: "WI"
+	},
+	{
+		name: "Wyoming",
+		isoCode: "WY"
+	},
+	{
+		name: "District of Columbia",
+		isoCode: "DC"
+	}
+];
+const COUNTRY_CONFIGS = {
+	US: {
+		regionLabel: "State",
+		postalLabel: "ZIP Code"
+	},
+	JP: {
+		regionLabel: "Prefecture",
+		postalLabel: "Postal Code"
+	}
+};
+const DEFAULT_REGION_CONFIG = {
+	regionLabel: "Province",
+	postalLabel: "Postal Code"
+};
+function getRegionConfig(countryCode) {
+	return COUNTRY_CONFIGS[countryCode] ?? DEFAULT_REGION_CONFIG;
+}
+//#endregion
+//#region ../../fluid-pay/core/src/hooks/use-country-states.ts
+function useCountryStates() {
+	const [selectedCountry, setSelectedCountry] = (0, react.useState)("US");
+	const [stateOptions, setStateOptions] = (0, react.useState)(US_STATES);
+	return {
+		handleCountryChange: (0, react.useCallback)((selectedCountryCode, fetchStates) => {
+			setSelectedCountry(selectedCountryCode);
+			if (selectedCountryCode === "US") setStateOptions(US_STATES);
+			else if (fetchStates) fetchStates(selectedCountryCode).then((states) => setStateOptions(states)).catch((error) => {
+				console.error("Failed to fetch states:", error);
+				setStateOptions([]);
+			});
+			else setStateOptions([]);
+		}, []),
+		stateOptions,
+		config: getRegionConfig(selectedCountry),
+		selectedCountry
+	};
+}
+//#endregion
 //#region ../../profile/ui/src/components/ellipses-dropdown.tsx
 function EllipsesDropdown({ onDelete, onEdit, editLabel = "Edit", deleteLabel = "Delete", disabled = false }) {
 	if (disabled) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
@@ -909,7 +1171,7 @@ function EditPaymentMethodDialog({ isOpen, paymentMethod, billingAddress, onClos
 		control,
 		name: "set_as_default"
 	});
-	const { stateOptions, config, handleCountryChange } = require_FluidProvider.useCountryStates();
+	const { stateOptions, config, handleCountryChange } = useCountryStates();
 	const countryOptions = [...countries].map((country) => ({
 		name: country.name,
 		value: country.iso
@@ -1348,7 +1610,7 @@ function AddressFormDialog({ isOpen, onClose, selectedAddress, onSubmit, isSubmi
 		control,
 		name: "default"
 	});
-	const { stateOptions, config, handleCountryChange } = require_FluidProvider.useCountryStates();
+	const { stateOptions, config, handleCountryChange } = useCountryStates();
 	const countrySelectOptions = [...countries].map((country) => ({
 		name: country.name,
 		value: country.iso
@@ -1806,7 +2068,7 @@ function VgsCardForm({ isLoading, isFormReady, vgsFieldState, networkError, t })
 	});
 }
 function CreditCardFormDialog({ isOpen, onClose, onSubmit, isSubmitting, countries = [], error, jwt, renderAddressAutocomplete, t }) {
-	const api = require_FluidProvider.useFluidPayApi();
+	const api = useFluidPayApi();
 	const [cardError, setCardError] = (0, react.useState)(void 0);
 	const [isVgsSubmitting, setIsVgsSubmitting] = (0, react.useState)(false);
 	const { isFormReady, isLoading: isVgsLoading, isScriptLoaded, initializeForm, submitCard, vgsFieldState, resetVgs, onSuccessRef, onErrorRef } = useVgsCollect();
@@ -1828,7 +2090,7 @@ function CreditCardFormDialog({ isOpen, onClose, onSubmit, isSubmitting, countri
 		control,
 		name: "set_as_default"
 	});
-	const { stateOptions, config, handleCountryChange } = require_FluidProvider.useCountryStates();
+	const { stateOptions, config, handleCountryChange } = useCountryStates();
 	const countrySelectOptions = [...countries].map((country) => ({
 		name: country.name,
 		value: country.iso
@@ -2110,6 +2372,26 @@ function createPortalTenantLanguagesAdapter(client) {
 	} };
 }
 //#endregion
+//#region src/account/query-keys.ts
+const accountKeys = {
+	all: ["portalTenant", "account"],
+	detail: (userId) => [...accountKeys.all, userId]
+};
+const payKeys = {
+	addresses: {
+		all: ["portalTenant", "addresses"],
+		list: (userId) => [...payKeys.addresses.all, userId]
+	},
+	paymentMethods: {
+		all: ["portalTenant", "paymentMethods"],
+		list: (userId) => [...payKeys.paymentMethods.all, userId]
+	},
+	pointsLedgers: {
+		all: ["portalTenant", "pointsLedgers"],
+		list: (userId) => [...payKeys.pointsLedgers.all, userId]
+	}
+};
+//#endregion
 //#region src/screens/ProfileContentScreen.tsx
 const translations = {
 	edit_profile: "Edit Profile",
@@ -2177,44 +2459,142 @@ function t(key) {
 	return key.split("_").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
 }
 function adaptPointsLedger(entry) {
+	const meta = entry.metadata;
 	return {
 		id: entry.id,
 		amount: entry.amount,
 		company_id: 0,
 		created_at: entry.created_at,
-		customer_id: entry.customer_id,
+		customer_id: 0,
 		metadata: {
-			transaction_type: entry.metadata?.transaction_type ?? void 0,
-			source: entry.metadata?.source ?? void 0
+			transaction_type: meta?.transaction_type ?? void 0,
+			source: meta?.source ?? void 0
 		},
-		total_balance: entry.total_balance ?? 0,
+		total_balance: entry.total_balance,
 		updated_at: entry.created_at
 	};
 }
-function ProfileContentScreen({ onToast, countryIso }) {
+function mapAccountToCustomerAccount(raw) {
+	return {
+		fluid_pay_account: {
+			id: raw.id,
+			email: raw.email,
+			address_count: 0,
+			payment_methods_count: 0,
+			language_iso: null
+		},
+		customer: {
+			id: raw.id,
+			active: true,
+			active_subscriptions_count: 0,
+			display_total_spent: "0",
+			email: raw.email,
+			first_name: raw.first_name,
+			full_name: `${raw.first_name} ${raw.last_name}`.trim(),
+			inactive_subscriptions_count: 0,
+			is_rep: raw.member_type === "rep",
+			phone: raw.phone,
+			orders_count: 0
+		}
+	};
+}
+function mapToFluidPayAddress(raw) {
+	return {
+		id: raw.id,
+		address1: raw.street1,
+		address2: raw.street2,
+		city: raw.city,
+		country_code: raw.country,
+		default: raw.default,
+		name: null,
+		postal_code: raw.zip,
+		state: raw.state,
+		subdivision_code: null
+	};
+}
+function mapToFluidPayPaymentMethod(raw) {
+	return {
+		id: raw.id,
+		created_at: raw.created_at ?? "",
+		default: raw.default,
+		details: {
+			card_type: raw.brand,
+			card_brand: raw.brand,
+			last_four: raw.last_four,
+			exp_month: raw.exp_month ?? void 0,
+			exp_year: raw.exp_year ?? void 0
+		},
+		billing_address: null,
+		payment_type: raw.type,
+		source: "",
+		updated_at: raw.updated_at ?? ""
+	};
+}
+const notImplemented = () => {
+	throw new Error("Not available in portal-tenant context");
+};
+function createFluidPayShim(payApi) {
+	return {
+		customers: {
+			fetchAccount: notImplemented,
+			update: notImplemented
+		},
+		addresses: {
+			fetchAll: notImplemented,
+			create: notImplemented,
+			update: notImplemented,
+			delete: notImplemented
+		},
+		paymentMethods: {
+			fetchAll: notImplemented,
+			addCreditCard: notImplemented,
+			delete: notImplemented,
+			updateDefault: notImplemented,
+			update: notImplemented
+		},
+		vault: { fetchCredentials: async () => {
+			const response = await payApi.fetchVaultCredentials();
+			return {
+				vault: {
+					vault_id: response.vault.token ?? "",
+					environment: response.vault.environment,
+					route_id: "",
+					requires_3ds: false
+				},
+				meta: {
+					request_id: response.meta?.request_id ?? "",
+					timestamp: response.meta?.timestamp ?? ""
+				}
+			};
+		} }
+	};
+}
+function ProfileContentScreen({ onToast, countryIso: _countryIso }) {
 	const { isAuthenticated, user } = require_use_fluid_auth.useFluidAuth();
-	const api = require_FluidProvider.useFluidPayApi();
-	const sdkClient = require_use_account_clients.useSdkClient();
+	const payApi = require_use_account_clients.usePayApi();
+	const accountApi = require_use_account_clients.useAccountApi();
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
-	const jwt = "";
+	const fluidPayShim = (0, react.useMemo)(() => createFluidPayShim(payApi), [payApi]);
 	const userId = user?.id;
 	const { data: accountData, isLoading: isLoadingAccount, isError: isAccountError } = (0, _tanstack_react_query.useQuery)({
-		queryKey: ["fluidPayAccount", userId],
-		queryFn: () => api.customers.fetchAccount(jwt),
+		queryKey: accountKeys.detail(userId),
+		queryFn: async () => {
+			return mapAccountToCustomerAccount((await accountApi.fetchAccount()).account);
+		},
 		enabled: isAuthenticated
 	});
 	const { data: addressesData, isLoading: isLoadingAddresses } = (0, _tanstack_react_query.useQuery)({
-		queryKey: ["fluidPayAddresses", userId],
-		queryFn: () => api.addresses.fetchAll(jwt),
+		queryKey: payKeys.addresses.list(userId),
+		queryFn: async () => {
+			return (await payApi.fetchAddresses()).addresses.map(mapToFluidPayAddress);
+		},
 		enabled: isAuthenticated
 	});
 	const { data: paymentMethodsData, isLoading: isLoadingPaymentMethods } = (0, _tanstack_react_query.useQuery)({
-		queryKey: [
-			"fluidPayPaymentMethods",
-			userId,
-			countryIso
-		],
-		queryFn: () => api.paymentMethods.fetchAll(jwt, countryIso),
+		queryKey: payKeys.paymentMethods.list(userId),
+		queryFn: async () => {
+			return (await payApi.fetchPaymentMethods()).payment_methods.map(mapToFluidPayPaymentMethod);
+		},
 		enabled: isAuthenticated
 	});
 	const portalTenantClient = require_FluidProvider.usePortalTenantClient();
@@ -2230,29 +2610,26 @@ function ProfileContentScreen({ onToast, countryIso }) {
 		queryFn: () => languagesAdapter.listLanguages(),
 		enabled: isAuthenticated
 	});
-	const { data: companySettings, isLoading: isLoadingCompanySettings } = (0, _tanstack_react_query.useQuery)({
-		queryKey: ["sdk-company-settings"],
-		queryFn: () => sdkClient.get("/settings/checkout")
-	});
-	const rewardPointsEnabled = companySettings?.reward_points_enabled ?? false;
-	const customerId = accountData?.customer?.id;
-	const { data: pointsLedgerData, isLoading: isLoadingPointsLedger } = (0, _tanstack_react_query.useQuery)({
-		queryKey: ["customer-points-ledger", customerId],
-		queryFn: () => sdkClient.get(`${require_use_account_clients.API_VERSION}/customers/${customerId}/points_ledgers`),
-		enabled: !!customerId && rewardPointsEnabled
+	const { data: pointsLedgerData, isLoading: isLoadingPointsLedger, isError: isPointsLedgerError } = (0, _tanstack_react_query.useQuery)({
+		queryKey: payKeys.pointsLedgers.list(userId),
+		queryFn: () => payApi.fetchPointsLedgers(),
+		enabled: isAuthenticated,
+		retry: (failureCount, error) => {
+			if (error instanceof Error && "status" in error && error.status === 403) return false;
+			return failureCount < 1;
+		}
 	});
+	const rewardPointsEnabled = !isPointsLedgerError && pointsLedgerData != null;
 	const updateCustomerMutation = (0, _tanstack_react_query.useMutation)({
-		mutationFn: (data) => {
-			const languageIso = adaptedLanguages?.find((l) => l.name === data.language)?.iso ?? "en";
-			return api.customers.update(jwt, {
+		mutationFn: async (data) => {
+			await accountApi.updateAccount({ account: {
 				first_name: data.first_name,
 				last_name: data.last_name,
-				phone: data.phone_number,
-				language_iso: languageIso
-			});
+				phone: data.phone_number
+			} });
 		},
 		onSuccess: () => {
-			queryClient.invalidateQueries({ queryKey: ["fluidPayAccount", userId] });
+			queryClient.invalidateQueries({ queryKey: accountKeys.all });
 			onToast("Profile updated", "success");
 		},
 		onError: () => {
@@ -2260,38 +2637,40 @@ function ProfileContentScreen({ onToast, countryIso }) {
 		}
 	});
 	const deleteAddressMutation = (0, _tanstack_react_query.useMutation)({
-		mutationFn: (addressId) => api.addresses.delete(jwt, addressId),
+		mutationFn: (addressId) => payApi.deleteAddress(addressId),
 		onSuccess: () => {
-			queryClient.invalidateQueries({ queryKey: ["fluidPayAddresses", userId] });
+			queryClient.invalidateQueries({ queryKey: payKeys.addresses.all });
+		},
+		onError: () => {
+			onToast("Failed to delete address", "error");
 		}
 	});
 	const deletePaymentMethodMutation = (0, _tanstack_react_query.useMutation)({
-		mutationFn: (paymentMethodId) => api.paymentMethods.delete(jwt, paymentMethodId),
+		mutationFn: (paymentMethodId) => payApi.deletePaymentMethod(paymentMethodId),
 		onSuccess: () => {
-			queryClient.invalidateQueries({ queryKey: [
-				"fluidPayPaymentMethods",
-				userId,
-				countryIso
-			] });
+			queryClient.invalidateQueries({ queryKey: payKeys.paymentMethods.all });
+		},
+		onError: () => {
+			onToast("Failed to delete payment method", "error");
 		}
 	});
 	const updatePaymentMethodMutation = (0, _tanstack_react_query.useMutation)({
-		mutationFn: ({ paymentMethodId, data }) => api.paymentMethods.update(jwt, paymentMethodId, {
-			set_as_default: data.set_as_default,
-			billing_address: data.billing_address
-		}),
+		mutationFn: ({ paymentMethodId, data }) => payApi.updatePaymentMethod(paymentMethodId, { payment_method: { default: data.set_as_default } }),
 		onSuccess: () => {
-			queryClient.invalidateQueries({ queryKey: [
-				"fluidPayPaymentMethods",
-				userId,
-				countryIso
-			] });
+			queryClient.invalidateQueries({ queryKey: payKeys.paymentMethods.all });
 		}
 	});
 	const createAddressMutation = (0, _tanstack_react_query.useMutation)({
-		mutationFn: (body) => api.addresses.create(jwt, body),
+		mutationFn: (body) => payApi.createAddress({ address: {
+			street1: body.address.address1,
+			street2: body.address.address2,
+			city: body.address.city,
+			state: body.address.state,
+			zip: body.address.postal_code,
+			country: body.address.country_code
+		} }),
 		onSuccess: () => {
-			queryClient.invalidateQueries({ queryKey: ["fluidPayAddresses", userId] });
+			queryClient.invalidateQueries({ queryKey: payKeys.addresses.all });
 			onToast("Address created", "success");
 		},
 		onError: () => {
@@ -2299,9 +2678,16 @@ function ProfileContentScreen({ onToast, countryIso }) {
 		}
 	});
 	const updateAddressMutation = (0, _tanstack_react_query.useMutation)({
-		mutationFn: ({ addressId, body }) => api.addresses.update(jwt, addressId, body),
+		mutationFn: ({ addressId, body }) => payApi.updateAddress(addressId, { address: {
+			street1: body.address.address1,
+			street2: body.address.address2,
+			city: body.address.city,
+			state: body.address.state,
+			zip: body.address.postal_code,
+			country: body.address.country_code
+		} }),
 		onSuccess: () => {
-			queryClient.invalidateQueries({ queryKey: ["fluidPayAddresses", userId] });
+			queryClient.invalidateQueries({ queryKey: payKeys.addresses.all });
 			onToast("Address updated", "success");
 		},
 		onError: () => {
@@ -2309,21 +2695,21 @@ function ProfileContentScreen({ onToast, countryIso }) {
 		}
 	});
 	const addCreditCardMutation = (0, _tanstack_react_query.useMutation)({
-		mutationFn: (data) => api.paymentMethods.addCreditCard(jwt, data),
+		mutationFn: (data) => payApi.createPaymentMethod({ payment_method: {
+			type: "card",
+			token: data.payment_method.token,
+			default: data.default_payment_method
+		} }),
 		onSuccess: () => {
-			queryClient.invalidateQueries({ queryKey: [
-				"fluidPayPaymentMethods",
-				userId,
-				countryIso
-			] });
+			queryClient.invalidateQueries({ queryKey: payKeys.paymentMethods.all });
 			onToast("Payment method added", "success");
 		},
 		onError: () => {
 			onToast("Failed to add payment method", "error");
 		}
 	});
-	const addresses = addressesData?.addresses ?? [];
-	const paymentMethods = paymentMethodsData?.payment_methods ?? [];
+	const addresses = addressesData ?? [];
+	const paymentMethods = paymentMethodsData ?? [];
 	const adaptedPointsLedger = pointsLedgerData?.points_ledgers?.map(adaptPointsLedger) ?? [];
 	const adaptedLanguages = (languagesData?.languages ?? []).map((l, i) => ({
 		id: i,
@@ -2348,7 +2734,7 @@ function ProfileContentScreen({ onToast, countryIso }) {
 			children: "Unable to load account data. Please try again later."
 		})
 	});
-	if (isLoadingAccount || isLoadingCompanySettings || !accountData) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	if (isLoadingAccount || !accountData) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: "px-4 pt-4 sm:px-9 md:pt-8",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "space-y-4",
@@ -2361,73 +2747,76 @@ function ProfileContentScreen({ onToast, countryIso }) {
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: "px-4 pt-4 sm:px-9 md:pt-8",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProfileUIProvider, {
-			t,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Profile, {
-				customerAccount: accountData,
-				languages: adaptedLanguages,
-				onUpdateCustomer: async (data) => {
-					await updateCustomerMutation.mutateAsync(data);
-				},
-				isUpdatingCustomer: updateCustomerMutation.isPending,
-				rewardsPointsEnabled: rewardPointsEnabled,
-				pointsLedger: adaptedPointsLedger,
-				isLoadingPointsLedger,
-				addresses,
-				isLoadingAddresses,
-				onDeleteAddress: async (addressId) => {
-					await deleteAddressMutation.mutateAsync(addressId);
-				},
-				isDeletingAddress: deleteAddressMutation.isPending,
-				paymentMethods,
-				isLoadingPaymentMethods,
-				onDeletePaymentMethod: async (paymentMethodId) => {
-					await deletePaymentMethodMutation.mutateAsync(paymentMethodId);
-				},
-				isDeletingPaymentMethod: deletePaymentMethodMutation.isPending,
-				onUpdatePaymentMethod: async (paymentMethodId, data) => {
-					await updatePaymentMethodMutation.mutateAsync({
-						paymentMethodId,
-						data
-					});
-				},
-				isUpdatingPaymentMethod: updatePaymentMethodMutation.isPending,
-				getBillingAddress: (pm) => pm.billing_address ?? null,
-				countries: countryOptions,
-				renderAddressDialog: ({ isOpen, onClose, selectedAddress }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AddressFormDialog, {
-					isOpen,
-					onClose,
-					selectedAddress,
-					t,
-					onSubmit: async (formData) => {
-						if (selectedAddress) await updateAddressMutation.mutateAsync({
-							addressId: selectedAddress.id,
-							body: formData
-						});
-						else await createAddressMutation.mutateAsync(formData);
-						onClose();
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FluidPayCoreProvider, {
+			api: fluidPayShim,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProfileUIProvider, {
+				t,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Profile, {
+					customerAccount: accountData,
+					languages: adaptedLanguages,
+					onUpdateCustomer: async (data) => {
+						await updateCustomerMutation.mutateAsync(data);
 					},
-					isSubmitting: createAddressMutation.isPending || updateAddressMutation.isPending,
-					countries: countryOptions,
-					renderAddressAutocomplete: ({ control, setValue: _setValue }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PlainAddressInput, {
-						control,
-						name: "address1"
-					})
-				}),
-				renderCreditCardDialog: ({ isOpen, onClose }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CreditCardFormDialog, {
-					isOpen,
-					onClose,
-					t,
-					onSubmit: async (data) => {
-						await addCreditCardMutation.mutateAsync(data);
-						onClose();
+					isUpdatingCustomer: updateCustomerMutation.isPending,
+					rewardsPointsEnabled: rewardPointsEnabled,
+					pointsLedger: adaptedPointsLedger,
+					isLoadingPointsLedger,
+					addresses,
+					isLoadingAddresses,
+					onDeleteAddress: async (addressId) => {
+						await deleteAddressMutation.mutateAsync(addressId);
+					},
+					isDeletingAddress: deleteAddressMutation.isPending,
+					paymentMethods,
+					isLoadingPaymentMethods,
+					onDeletePaymentMethod: async (paymentMethodId) => {
+						await deletePaymentMethodMutation.mutateAsync(paymentMethodId);
 					},
-					isSubmitting: addCreditCardMutation.isPending,
+					isDeletingPaymentMethod: deletePaymentMethodMutation.isPending,
+					onUpdatePaymentMethod: async (paymentMethodId, data) => {
+						await updatePaymentMethodMutation.mutateAsync({
+							paymentMethodId,
+							data
+						});
+					},
+					isUpdatingPaymentMethod: updatePaymentMethodMutation.isPending,
+					getBillingAddress: () => null,
 					countries: countryOptions,
-					jwt,
-					renderAddressAutocomplete: ({ control, setValue: _setValue }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PlainAddressInput, {
-						control,
-						name: "address1"
+					renderAddressDialog: ({ isOpen, onClose, selectedAddress }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AddressFormDialog, {
+						isOpen,
+						onClose,
+						selectedAddress,
+						t,
+						onSubmit: async (formData) => {
+							if (selectedAddress) await updateAddressMutation.mutateAsync({
+								addressId: selectedAddress.id,
+								body: formData
+							});
+							else await createAddressMutation.mutateAsync(formData);
+							onClose();
+						},
+						isSubmitting: createAddressMutation.isPending || updateAddressMutation.isPending,
+						countries: countryOptions,
+						renderAddressAutocomplete: ({ control, setValue: _setValue }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PlainAddressInput, {
+							control,
+							name: "address1"
+						})
+					}),
+					renderCreditCardDialog: ({ isOpen, onClose }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CreditCardFormDialog, {
+						isOpen,
+						onClose,
+						t,
+						onSubmit: async (data) => {
+							await addCreditCardMutation.mutateAsync(data);
+							onClose();
+						},
+						isSubmitting: addCreditCardMutation.isPending,
+						countries: countryOptions,
+						jwt: "",
+						renderAddressAutocomplete: ({ control, setValue: _setValue }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PlainAddressInput, {
+							control,
+							name: "address1"
+						})
 					})
 				})
 			})
@@ -2499,4 +2888,4 @@ Object.defineProperty(exports, "profileScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=ProfileScreen-FYGHStqM.cjs.map
+//# sourceMappingURL=ProfileScreen-CYTxOGeW.cjs.map