@fluid-app/portal-sdk 0.1.265 → 0.1.267

package/dist/{AddressAutocompleteInput-DDI7GWth.cjs → AddressAutocompleteInput-CAI2D_JY.cjs}

@@ -1,66 +1,518 @@
 require("./chunk-9hOWP6kD.cjs");
 const require_api_context = require("./api-context-BkBvyFVK.cjs");
 const require_src = require("./src-DDJ8wCS6.cjs");
+const require_translation_api_context_factory = require("./translation-api-context-factory-Bzw9AErt.cjs");
 let react = require("react");
 require("@tanstack/react-query");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 let react_hook_form = require("react-hook-form");
 let zod = require("zod");
-//#region ../../profile/core/src/context.ts
-const ProfileUIContext = (0, react.createContext)(null);
-function useProfileUI() {
-	const context = (0, react.useContext)(ProfileUIContext);
-	if (!context) throw new Error("useProfileUI must be used within a ProfileUIProvider");
-	return context;
-}
+//#region ../../profile/core/src/translation-api-context.ts
+const { Provider, useTranslation } = require_translation_api_context_factory.createTranslationContext("Profile");
+const ProfileTranslationProvider = Provider;
+const useProfileTranslation = useTranslation;
 //#endregion
-//#region ../../profile/core/src/provider.tsx
-function ProfileUIProvider({ t, children }) {
-	const value = (0, react.useMemo)(() => ({ t }), [t]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProfileUIContext.Provider, {
-		value,
-		children
+//#region ../../profile/ui/src/components/ellipses-dropdown.tsx
+function EllipsesDropdown({ onDelete, onEdit, onMakeDefault, editLabel = "Edit", deleteLabel = "Delete", makeDefaultLabel = "Make Default", disabled = false }) {
+	if (disabled) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
+		variant: "ghost",
+		disabled: true,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: "0 0 128 512",
+			className: "fill-muted-foreground h-4 w-1",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M64 360a56 56 0 1 0 0 112 56 56 0 1 0 0-112zm0-160a56 56 0 1 0 0 112 56 56 0 1 0 0-112zM120 96A56 56 0 1 0 8 96a56 56 0 1 0 112 0z" })
+		})
 	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DropdownMenuTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
+			variant: "ghost",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				viewBox: "0 0 128 512",
+				className: "fill-muted-foreground h-4 w-1",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M64 360a56 56 0 1 0 0 112 56 56 0 1 0 0-112zm0-160a56 56 0 1 0 0 112 56 56 0 1 0 0-112zM120 96A56 56 0 1 0 8 96a56 56 0 1 0 112 0z" })
+			})
+		})
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenuContent, {
+		className: "text-foreground min-w-28 space-y-1 text-sm",
+		children: [
+			onEdit && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenuItem, {
+				className: "hover:bg-muted flex cursor-pointer flex-row items-center gap-x-2 rounded px-2",
+				onClick: (e) => {
+					e.stopPropagation();
+					onEdit();
+				},
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					fill: "none",
+					viewBox: "0 0 24 24",
+					strokeWidth: 1.5,
+					stroke: "currentColor",
+					className: "h-3.5 w-3.5 flex-shrink-0",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						d: "m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897l8.932-8.931Zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0 1 15.75 21H5.25A2.25 2.25 0 0 1 3 18.75V8.25A2.25 2.25 0 0 1 5.25 6H10"
+					})
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: editLabel })]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DropdownMenuSeparator, {})] }),
+			onMakeDefault && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenuItem, {
+				className: "hover:bg-muted flex cursor-pointer flex-row items-center gap-x-2 rounded px-2",
+				onClick: (e) => {
+					e.stopPropagation();
+					onMakeDefault();
+				},
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					fill: "none",
+					viewBox: "0 0 24 24",
+					strokeWidth: 1.5,
+					stroke: "currentColor",
+					className: "h-3.5 w-3.5 flex-shrink-0",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						d: "m4.5 12.75 6 6 9-13.5"
+					})
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: makeDefaultLabel })]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DropdownMenuSeparator, {})] }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenuItem, {
+				className: "text-destructive hover:bg-destructive/10 flex cursor-pointer flex-row items-center gap-x-2 rounded px-2",
+				onClick: (e) => {
+					e.stopPropagation();
+					onDelete?.();
+				},
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					fill: "none",
+					viewBox: "0 0 24 24",
+					strokeWidth: 1.5,
+					stroke: "currentColor",
+					className: "h-3.5 w-3.5 flex-shrink-0",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						d: "m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0"
+					})
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: deleteLabel })]
+			})
+		]
+	})] });
 }
 //#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;
+//#region ../../profile/ui/src/components/confirm-action-dialog.tsx
+function ConfirmActionDialog({ title, description, onAction, openDialog, setOpenDialog, errorMsg, isLoading, actionText = "Delete" }) {
+	const { t } = useProfileTranslation();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Dialog, {
+		open: openDialog,
+		onOpenChange: setOpenDialog,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DialogContent, {
+			className: "max-w-sm md:w-90",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogHeader, {
+					className: "flex flex-row justify-between",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogTitle, {
+						className: "w-full text-left",
+						children: title
+					})
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "space-y-4",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "text-muted-foreground text-left text-sm",
+						children: description
+					})
+				}),
+				errorMsg && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "text-destructive text-sm",
+					children: errorMsg
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogFooter, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex w-full flex-row justify-between space-x-2",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogClose, {
+						asChild: true,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
+							variant: "secondary",
+							className: "min-w-[70px]",
+							onClick: () => setOpenDialog(false),
+							children: t("cancel")
+						})
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
+						type: "button",
+						variant: "destructive",
+						className: "min-w-[70px]",
+						onClick: onAction,
+						disabled: isLoading,
+						children: isLoading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "border-primary-foreground h-5 w-5 animate-spin rounded-full border-4 border-t-4 border-t-transparent" }) : actionText
+					})]
+				}) })
+			]
+		})
+	});
 }
 //#endregion
-//#region ../../fluid-pay/core/src/provider.tsx
-function FluidPayCoreProvider({ api, children }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FluidPayApiProvider, {
-		value: api,
-		children
+//#region ../../profile/ui/src/components/form-fields.tsx
+function FormTextField$1({ control, name, label, containerClassName, ...props }) {
+	const { field, fieldState: { error } } = (0, react_hook_form.useController)({
+		name,
+		control
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: require_src.cn("space-y-1", containerClassName),
+		children: [
+			label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, {
+				htmlFor: name,
+				className: "mb-1.5 block text-sm font-medium",
+				children: label
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Input, {
+				...field,
+				...props,
+				id: name,
+				value: field.value ?? "",
+				className: require_src.cn(error && "ring-destructive ring-1", props.className)
+			}),
+			error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-destructive text-sm",
+				children: error.message
+			})
+		]
+	});
+}
+function FormTextareaField({ control, name, label, containerClassName, ...props }) {
+	const { field, fieldState: { error } } = (0, react_hook_form.useController)({
+		name,
+		control
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: require_src.cn("space-y-1", containerClassName),
+		children: [
+			label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, {
+				htmlFor: name,
+				className: "mb-1.5 block text-sm font-medium",
+				children: label
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Textarea, {
+				...field,
+				...props,
+				id: name,
+				value: field.value ?? "",
+				className: require_src.cn(error && "ring-destructive ring-1", props.className)
+			}),
+			error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-destructive text-sm",
+				children: error.message
+			})
+		]
+	});
+}
+function FormSelectField$1({ control, name, label, options, placeholder, containerClassName, onChange }) {
+	const { field, fieldState: { error } } = (0, react_hook_form.useController)({
+		name,
+		control
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: require_src.cn("space-y-1", containerClassName),
+		children: [
+			label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, {
+				htmlFor: name,
+				className: "block text-sm font-medium",
+				children: label
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Select, {
+				value: field.value?.toString() ?? "",
+				onValueChange: (val) => {
+					field.onChange(val);
+					onChange?.(val);
+				},
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectTrigger, {
+					id: name,
+					className: require_src.cn("w-full", error && "ring-destructive ring-1"),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectValue, { placeholder })
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectContent, { children: options?.map((opt) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectItem, {
+					value: opt.value.toString(),
+					children: opt.name
+				}, `${opt.name}-${opt.value}`)) })]
+			}),
+			error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-destructive text-sm",
+				children: error.message
+			})
+		]
 	});
 }
 //#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"
-	},
+//#region ../../profile/ui/src/components/user-info-dialog.tsx
+function UserInfoDialog({ control, isOpen, onSubmit, handleClose, languageOptions, errorMsg, isSubmitting, email, onChangeEmail, isChangingEmail, pendingEmail }) {
+	const { t } = useProfileTranslation();
+	const [isEditingEmail, setIsEditingEmail] = (0, react.useState)(false);
+	const [newEmail, setNewEmail] = (0, react.useState)("");
+	const [emailError, setEmailError] = (0, react.useState)(void 0);
+	const handleEmailSubmit = async () => {
+		setEmailError(void 0);
+		const trimmed = newEmail.trim();
+		if (!trimmed) {
+			setEmailError("Please enter a new email address");
+			return;
+		}
+		if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(trimmed)) {
+			setEmailError("Please enter a valid email address");
+			return;
+		}
+		if (email && trimmed.toLowerCase() === email.toLowerCase()) {
+			setEmailError("New email must be different from your current email");
+			return;
+		}
+		try {
+			await onChangeEmail?.(trimmed);
+			setIsEditingEmail(false);
+			setNewEmail("");
+		} catch (err) {
+			setEmailError(err instanceof Error ? err.message : "Failed to initiate email change");
+		}
+	};
+	const handleCancelEmailEdit = () => {
+		setIsEditingEmail(false);
+		setNewEmail("");
+		setEmailError(void 0);
+	};
+	const handleDialogClose = () => {
+		handleCancelEmailEdit();
+		handleClose();
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Dialog, {
+		open: isOpen,
+		onOpenChange: (open) => !open && handleDialogClose(),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DialogContent, {
+			className: "max-w-sm md:max-w-lg",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogTitle, { children: t("edit_profile") }) }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormTextField$1, {
+							control,
+							name: "first_name",
+							label: t("first_name")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormTextField$1, {
+							control,
+							name: "last_name",
+							label: t("last_name")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormTextField$1, {
+							control,
+							name: "phone_number",
+							label: t("phone_number"),
+							type: "tel"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormTextareaField, {
+							control,
+							name: "bio",
+							label: t("bio"),
+							rows: 3,
+							placeholder: t("add_a_short_bio")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormSelectField$1, {
+							control,
+							name: "language",
+							label: t("language"),
+							options: languageOptions,
+							placeholder: t("select_an_option")
+						})
+					]
+				}),
+				email && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+						className: "text-foreground text-sm font-medium",
+						children: t("email") || "Email"
+					}), isEditingEmail ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "space-y-2",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Input, {
+								type: "email",
+								placeholder: "Enter your new email...",
+								value: newEmail,
+								onChange: (e) => {
+									setNewEmail(e.target.value);
+									setEmailError(void 0);
+								},
+								onKeyDown: (e) => {
+									if (e.key === "Enter") {
+										e.preventDefault();
+										handleEmailSubmit();
+									}
+									if (e.key === "Escape") handleCancelEmailEdit();
+								},
+								"aria-invalid": !!emailError || void 0,
+								autoFocus: true
+							}),
+							emailError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "text-destructive text-xs",
+								children: emailError
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "bg-muted flex items-start gap-2.5 rounded-md px-3 py-2.5",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Info, { className: "text-primary mt-0.5 h-4 w-4 shrink-0" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "text-muted-foreground text-xs",
+									children: "We'll send a verification link to your new email. Click it to complete the change."
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "flex gap-2",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
+									type: "button",
+									variant: "outline",
+									size: "sm",
+									onClick: handleCancelEmailEdit,
+									children: "Cancel"
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
+									type: "button",
+									size: "sm",
+									onClick: handleEmailSubmit,
+									disabled: !newEmail.trim() || isChangingEmail,
+									children: [isChangingEmail && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "mr-2 h-3.5 w-3.5 animate-spin rounded-full border-2 border-current/30 border-t-current" }), isChangingEmail ? "Sending..." : "Send verification"]
+								})]
+							})
+						]
+					}) : pendingEmail ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "bg-muted text-muted-foreground min-w-0 rounded-md px-3 py-2 text-sm",
+							children: email
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "bg-muted flex items-start gap-2.5 rounded-md px-3 py-2.5",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Info, { className: "text-primary mt-0.5 h-4 w-4 shrink-0" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+								className: "text-muted-foreground text-xs",
+								children: [
+									"Changing to",
+									" ",
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: "text-foreground font-medium",
+										children: pendingEmail
+									}),
+									". Check your new email inbox and click the verification link to complete the change."
+								]
+							})]
+						})]
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "bg-muted text-muted-foreground min-w-0 flex-1 rounded-md px-3 py-2 text-sm",
+							children: email
+						}), onChangeEmail && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
+							type: "button",
+							variant: "outline",
+							size: "sm",
+							onClick: () => setIsEditingEmail(true),
+							className: "shrink-0",
+							children: "Change"
+						})]
+					})]
+				}),
+				errorMsg && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "text-destructive text-sm",
+					children: errorMsg
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogFooter, {
+					className: "flex flex-row items-center justify-end",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "flex-1 text-right",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
+							type: "button",
+							onClick: onSubmit,
+							children: [isSubmitting && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "mr-2 h-4 w-4 animate-spin rounded-full border-2 border-current/30 border-t-current" }), isSubmitting ? t("saving") : t("save_changes")]
+						})
+					})
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region ../../profile/ui/src/components/payment-method-card-internals.tsx
+const PAYMENT_ICON_BASE = "https://assets.fluid.app/images/payment_icons";
+const GENERIC_PAYMENT_ICON = `${PAYMENT_ICON_BASE}/generic.svg`;
+function brandIconUrl(brand) {
+	if (!brand) return GENERIC_PAYMENT_ICON;
+	return `${PAYMENT_ICON_BASE}/${brand.toLowerCase().replace(/\s+/g, "_")}.svg`;
+}
+function PaymentIcon({ logoUrl, brand, alt }) {
+	const computedSrc = logoUrl || brandIconUrl(brand);
+	const [hasError, setHasError] = (0, react.useState)(false);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+		src: hasError ? GENERIC_PAYMENT_ICON : computedSrc,
+		alt,
+		width: 40,
+		height: 24,
+		className: "object-contain",
+		onError: () => setHasError(true)
+	});
+}
+function getCardDisplayName(paymentMethod) {
+	const lastFour = paymentMethod.details.last_four;
+	if (lastFour != null || paymentMethod.payment_type === "Credit Card") return `${paymentMethod.details.card_type || "Card"} •••• ${lastFour || "••••"}`;
+	return paymentMethod.payment_type;
+}
+function getCardExpiry(paymentMethod) {
+	const { exp_month, exp_year } = paymentMethod.details;
+	if (exp_month != null && exp_year != null) return `Expires ${exp_month}/${exp_year}`;
+	return "";
+}
+//#endregion
+//#region ../../profile/core/src/context.ts
+const ProfileUIContext = (0, react.createContext)(null);
+//#endregion
+//#region ../../profile/core/src/provider.tsx
+function ProfileUIProvider({ t, children }) {
+	const value = (0, react.useMemo)(() => ({ t }), [t]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProfileUIContext.Provider, {
+		value,
+		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: "Arkansas",
-		isoCode: "AR"
+		name: "Alabama",
+		isoCode: "AL"
 	},
 	{
-		name: "California",
+		name: "Alaska",
+		isoCode: "AK"
+	},
+	{
+		name: "Arizona",
+		isoCode: "AZ"
+	},
+	{
+		name: "Arkansas",
+		isoCode: "AR"
+	},
+	{
+		name: "California",
 		isoCode: "CA"
 	},
 	{
@@ -248,493 +700,42 @@ const US_STATES = [
 		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, onMakeDefault, editLabel = "Edit", deleteLabel = "Delete", makeDefaultLabel = "Make Default", disabled = false }) {
-	if (disabled) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
-		variant: "ghost",
-		disabled: true,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			viewBox: "0 0 128 512",
-			className: "fill-muted-foreground h-4 w-1",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M64 360a56 56 0 1 0 0 112 56 56 0 1 0 0-112zm0-160a56 56 0 1 0 0 112 56 56 0 1 0 0-112zM120 96A56 56 0 1 0 8 96a56 56 0 1 0 112 0z" })
-		})
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DropdownMenuTrigger, {
-		asChild: true,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
-			variant: "ghost",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-				xmlns: "http://www.w3.org/2000/svg",
-				viewBox: "0 0 128 512",
-				className: "fill-muted-foreground h-4 w-1",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M64 360a56 56 0 1 0 0 112 56 56 0 1 0 0-112zm0-160a56 56 0 1 0 0 112 56 56 0 1 0 0-112zM120 96A56 56 0 1 0 8 96a56 56 0 1 0 112 0z" })
-			})
-		})
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenuContent, {
-		className: "text-foreground min-w-28 space-y-1 text-sm",
-		children: [
-			onEdit && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenuItem, {
-				className: "hover:bg-muted flex cursor-pointer flex-row items-center gap-x-2 rounded px-2",
-				onClick: (e) => {
-					e.stopPropagation();
-					onEdit();
-				},
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-					xmlns: "http://www.w3.org/2000/svg",
-					fill: "none",
-					viewBox: "0 0 24 24",
-					strokeWidth: 1.5,
-					stroke: "currentColor",
-					className: "h-3.5 w-3.5 flex-shrink-0",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-						strokeLinecap: "round",
-						strokeLinejoin: "round",
-						d: "m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897l8.932-8.931Zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0 1 15.75 21H5.25A2.25 2.25 0 0 1 3 18.75V8.25A2.25 2.25 0 0 1 5.25 6H10"
-					})
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: editLabel })]
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DropdownMenuSeparator, {})] }),
-			onMakeDefault && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenuItem, {
-				className: "hover:bg-muted flex cursor-pointer flex-row items-center gap-x-2 rounded px-2",
-				onClick: (e) => {
-					e.stopPropagation();
-					onMakeDefault();
-				},
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-					xmlns: "http://www.w3.org/2000/svg",
-					fill: "none",
-					viewBox: "0 0 24 24",
-					strokeWidth: 1.5,
-					stroke: "currentColor",
-					className: "h-3.5 w-3.5 flex-shrink-0",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-						strokeLinecap: "round",
-						strokeLinejoin: "round",
-						d: "m4.5 12.75 6 6 9-13.5"
-					})
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: makeDefaultLabel })]
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DropdownMenuSeparator, {})] }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenuItem, {
-				className: "text-destructive hover:bg-destructive/10 flex cursor-pointer flex-row items-center gap-x-2 rounded px-2",
-				onClick: (e) => {
-					e.stopPropagation();
-					onDelete?.();
-				},
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-					xmlns: "http://www.w3.org/2000/svg",
-					fill: "none",
-					viewBox: "0 0 24 24",
-					strokeWidth: 1.5,
-					stroke: "currentColor",
-					className: "h-3.5 w-3.5 flex-shrink-0",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-						strokeLinecap: "round",
-						strokeLinejoin: "round",
-						d: "m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0"
-					})
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: deleteLabel })]
-			})
-		]
-	})] });
-}
-//#endregion
-//#region ../../profile/ui/src/components/confirm-action-dialog.tsx
-function ConfirmActionDialog({ title, description, onAction, openDialog, setOpenDialog, errorMsg, isLoading, actionText = "Delete" }) {
-	const { t } = useProfileUI();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Dialog, {
-		open: openDialog,
-		onOpenChange: setOpenDialog,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DialogContent, {
-			className: "max-w-sm md:w-90",
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogHeader, {
-					className: "flex flex-row justify-between",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogTitle, {
-						className: "w-full text-left",
-						children: title
-					})
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "space-y-4",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: "text-muted-foreground text-left text-sm",
-						children: description
-					})
-				}),
-				errorMsg && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: "text-destructive text-sm",
-					children: errorMsg
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogFooter, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "flex w-full flex-row justify-between space-x-2",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogClose, {
-						asChild: true,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
-							variant: "secondary",
-							className: "min-w-[70px]",
-							onClick: () => setOpenDialog(false),
-							children: t("cancel")
-						})
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
-						type: "button",
-						variant: "destructive",
-						className: "min-w-[70px]",
-						onClick: onAction,
-						disabled: isLoading,
-						children: isLoading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "border-primary-foreground h-5 w-5 animate-spin rounded-full border-4 border-t-4 border-t-transparent" }) : actionText
-					})]
-				}) })
-			]
-		})
-	});
-}
-//#endregion
-//#region ../../profile/ui/src/components/form-fields.tsx
-function FormTextField$1({ control, name, label, containerClassName, ...props }) {
-	const { field, fieldState: { error } } = (0, react_hook_form.useController)({
-		name,
-		control
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: require_src.cn("space-y-1", containerClassName),
-		children: [
-			label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, {
-				htmlFor: name,
-				className: "mb-1.5 block text-sm font-medium",
-				children: label
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Input, {
-				...field,
-				...props,
-				id: name,
-				value: field.value ?? "",
-				className: require_src.cn(error && "ring-destructive ring-1", props.className)
-			}),
-			error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: "text-destructive text-sm",
-				children: error.message
-			})
-		]
-	});
-}
-function FormTextareaField({ control, name, label, containerClassName, ...props }) {
-	const { field, fieldState: { error } } = (0, react_hook_form.useController)({
-		name,
-		control
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: require_src.cn("space-y-1", containerClassName),
-		children: [
-			label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, {
-				htmlFor: name,
-				className: "mb-1.5 block text-sm font-medium",
-				children: label
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Textarea, {
-				...field,
-				...props,
-				id: name,
-				value: field.value ?? "",
-				className: require_src.cn(error && "ring-destructive ring-1", props.className)
-			}),
-			error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: "text-destructive text-sm",
-				children: error.message
-			})
-		]
-	});
-}
-function FormSelectField$1({ control, name, label, options, placeholder, containerClassName, onChange }) {
-	const { field, fieldState: { error } } = (0, react_hook_form.useController)({
-		name,
-		control
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: require_src.cn("space-y-1", containerClassName),
-		children: [
-			label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, {
-				htmlFor: name,
-				className: "block text-sm font-medium",
-				children: label
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Select, {
-				value: field.value?.toString() ?? "",
-				onValueChange: (val) => {
-					field.onChange(val);
-					onChange?.(val);
-				},
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectTrigger, {
-					id: name,
-					className: require_src.cn("w-full", error && "ring-destructive ring-1"),
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectValue, { placeholder })
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectContent, { children: options?.map((opt) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectItem, {
-					value: opt.value.toString(),
-					children: opt.name
-				}, `${opt.name}-${opt.value}`)) })]
-			}),
-			error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: "text-destructive text-sm",
-				children: error.message
-			})
-		]
-	});
+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 ../../profile/ui/src/components/user-info-dialog.tsx
-function UserInfoDialog({ control, isOpen, onSubmit, handleClose, languageOptions, errorMsg, isSubmitting, email, onChangeEmail, isChangingEmail, pendingEmail }) {
-	const { t } = useProfileUI();
-	const [isEditingEmail, setIsEditingEmail] = (0, react.useState)(false);
-	const [newEmail, setNewEmail] = (0, react.useState)("");
-	const [emailError, setEmailError] = (0, react.useState)(void 0);
-	const handleEmailSubmit = async () => {
-		setEmailError(void 0);
-		const trimmed = newEmail.trim();
-		if (!trimmed) {
-			setEmailError("Please enter a new email address");
-			return;
-		}
-		if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(trimmed)) {
-			setEmailError("Please enter a valid email address");
-			return;
-		}
-		if (email && trimmed.toLowerCase() === email.toLowerCase()) {
-			setEmailError("New email must be different from your current email");
-			return;
-		}
-		try {
-			await onChangeEmail?.(trimmed);
-			setIsEditingEmail(false);
-			setNewEmail("");
-		} catch (err) {
-			setEmailError(err instanceof Error ? err.message : "Failed to initiate email change");
-		}
-	};
-	const handleCancelEmailEdit = () => {
-		setIsEditingEmail(false);
-		setNewEmail("");
-		setEmailError(void 0);
-	};
-	const handleDialogClose = () => {
-		handleCancelEmailEdit();
-		handleClose();
+//#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
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Dialog, {
-		open: isOpen,
-		onOpenChange: (open) => !open && handleDialogClose(),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DialogContent, {
-			className: "max-w-sm md:max-w-lg",
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogTitle, { children: t("edit_profile") }) }),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "space-y-4",
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormTextField$1, {
-							control,
-							name: "first_name",
-							label: t("first_name")
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormTextField$1, {
-							control,
-							name: "last_name",
-							label: t("last_name")
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormTextField$1, {
-							control,
-							name: "phone_number",
-							label: t("phone_number"),
-							type: "tel"
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormTextareaField, {
-							control,
-							name: "bio",
-							label: t("bio"),
-							rows: 3,
-							placeholder: t("add_a_short_bio")
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormSelectField$1, {
-							control,
-							name: "language",
-							label: t("language"),
-							options: languageOptions,
-							placeholder: t("select_an_option")
-						})
-					]
-				}),
-				email && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "space-y-2",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-						className: "text-foreground text-sm font-medium",
-						children: t("email") || "Email"
-					}), isEditingEmail ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "space-y-2",
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Input, {
-								type: "email",
-								placeholder: "Enter your new email...",
-								value: newEmail,
-								onChange: (e) => {
-									setNewEmail(e.target.value);
-									setEmailError(void 0);
-								},
-								onKeyDown: (e) => {
-									if (e.key === "Enter") {
-										e.preventDefault();
-										handleEmailSubmit();
-									}
-									if (e.key === "Escape") handleCancelEmailEdit();
-								},
-								"aria-invalid": !!emailError || void 0,
-								autoFocus: true
-							}),
-							emailError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: "text-destructive text-xs",
-								children: emailError
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "bg-muted flex items-start gap-2.5 rounded-md px-3 py-2.5",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Info, { className: "text-primary mt-0.5 h-4 w-4 shrink-0" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-									className: "text-muted-foreground text-xs",
-									children: "We'll send a verification link to your new email. Click it to complete the change."
-								})]
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "flex gap-2",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
-									type: "button",
-									variant: "outline",
-									size: "sm",
-									onClick: handleCancelEmailEdit,
-									children: "Cancel"
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
-									type: "button",
-									size: "sm",
-									onClick: handleEmailSubmit,
-									disabled: !newEmail.trim() || isChangingEmail,
-									children: [isChangingEmail && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "mr-2 h-3.5 w-3.5 animate-spin rounded-full border-2 border-current/30 border-t-current" }), isChangingEmail ? "Sending..." : "Send verification"]
-								})]
-							})
-						]
-					}) : pendingEmail ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "space-y-2",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "bg-muted text-muted-foreground min-w-0 rounded-md px-3 py-2 text-sm",
-							children: email
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: "bg-muted flex items-start gap-2.5 rounded-md px-3 py-2.5",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Info, { className: "text-primary mt-0.5 h-4 w-4 shrink-0" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
-								className: "text-muted-foreground text-xs",
-								children: [
-									"Changing to",
-									" ",
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "text-foreground font-medium",
-										children: pendingEmail
-									}),
-									". Check your new email inbox and click the verification link to complete the change."
-								]
-							})]
-						})]
-					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "bg-muted text-muted-foreground min-w-0 flex-1 rounded-md px-3 py-2 text-sm",
-							children: email
-						}), onChangeEmail && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
-							type: "button",
-							variant: "outline",
-							size: "sm",
-							onClick: () => setIsEditingEmail(true),
-							className: "shrink-0",
-							children: "Change"
-						})]
-					})]
-				}),
-				errorMsg && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: "text-destructive text-sm",
-					children: errorMsg
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogFooter, {
-					className: "flex flex-row items-center justify-end",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "flex-1 text-right",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
-							type: "button",
-							onClick: onSubmit,
-							children: [isSubmitting && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "mr-2 h-4 w-4 animate-spin rounded-full border-2 border-current/30 border-t-current" }), isSubmitting ? t("saving") : t("save_changes")]
-						})
-					})
-				})
-			]
-		})
-	});
-}
-//#endregion
-//#region ../../profile/ui/src/components/payment-method-card-internals.tsx
-const PAYMENT_ICON_BASE = "https://assets.fluid.app/images/payment_icons";
-const GENERIC_PAYMENT_ICON = `${PAYMENT_ICON_BASE}/generic.svg`;
-function brandIconUrl(brand) {
-	if (!brand) return GENERIC_PAYMENT_ICON;
-	return `${PAYMENT_ICON_BASE}/${brand.toLowerCase().replace(/\s+/g, "_")}.svg`;
-}
-function PaymentIcon({ logoUrl, brand, alt }) {
-	const computedSrc = logoUrl || brandIconUrl(brand);
-	const [hasError, setHasError] = (0, react.useState)(false);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
-		src: hasError ? GENERIC_PAYMENT_ICON : computedSrc,
-		alt,
-		width: 40,
-		height: 24,
-		className: "object-contain",
-		onError: () => setHasError(true)
-	});
-}
-function getCardDisplayName(paymentMethod) {
-	const lastFour = paymentMethod.details.last_four;
-	if (lastFour != null || paymentMethod.payment_type === "Credit Card") return `${paymentMethod.details.card_type || "Card"} •••• ${lastFour || "••••"}`;
-	return paymentMethod.payment_type;
-}
-function getCardExpiry(paymentMethod) {
-	const { exp_month, exp_year } = paymentMethod.details;
-	if (exp_month != null && exp_year != null) return `Expires ${exp_month}/${exp_year}`;
-	return "";
 }
 //#endregion
 //#region ../../profile/ui/src/components/edit-payment-method-dialog.tsx
@@ -751,7 +752,7 @@ const editPaymentMethodFormSchema = zod.z.object({
 	set_as_default: zod.z.boolean()
 });
 function EditPaymentMethodDialog({ isOpen, paymentMethod, billingAddress, onClose, onSubmit, isSubmitting, error, countries = [], onDelete, isDeleting = false }) {
-	const { t } = useProfileUI();
+	const { t } = useProfileTranslation();
 	const [confirmDelete, setConfirmDelete] = (0, react.useState)(false);
 	(0, react.useEffect)(() => {
 		if (!isOpen) setConfirmDelete(false);
@@ -2118,6 +2119,12 @@ Object.defineProperty(exports, "PaymentIcon", {
 		return PaymentIcon;
 	}
 });
+Object.defineProperty(exports, "ProfileTranslationProvider", {
+	enumerable: true,
+	get: function() {
+		return ProfileTranslationProvider;
+	}
+});
 Object.defineProperty(exports, "ProfileUIProvider", {
 	enumerable: true,
 	get: function() {
@@ -2154,5 +2161,11 @@ Object.defineProperty(exports, "mapToFluidPayPaymentMethod", {
 		return mapToFluidPayPaymentMethod;
 	}
 });
+Object.defineProperty(exports, "useProfileTranslation", {
+	enumerable: true,
+	get: function() {
+		return useProfileTranslation;
+	}
+});
 
-//# sourceMappingURL=AddressAutocompleteInput-DDI7GWth.cjs.map
+//# sourceMappingURL=AddressAutocompleteInput-CAI2D_JY.cjs.map