@fluid-app/portal-sdk 0.1.282 → 0.1.284

package/dist/{SubscriptionsScreen-CG0lUArL.cjs → SubscriptionsScreen-D82JKEST.cjs}

@@ -3,6 +3,7 @@ const require_portal_tenant = require("./portal_tenant-DG4gKXnu.cjs");
 const require_api_context = require("./api-context-BkBvyFVK.cjs");
 const require_countries_api_context = require("./countries-api-context-C0C0K9gJ.cjs");
 const require_PortalTenantClientProvider = require("./PortalTenantClientProvider-CVv-4rQ9.cjs");
+const require_static_dict_adapter = require("./static-dict-adapter-D1ErNskC.cjs");
 const require_src = require("./src-B0ut9PTw.cjs");
 const require_ScreenHeaderContext = require("./ScreenHeaderContext-CsfhnuJk.cjs");
 const require_query_keys = require("./query-keys-D3lK70Ea.cjs");
@@ -2720,6 +2721,170 @@ function PortalSubscriptionsApiProvider({ children }) {
 	});
 }
 //#endregion
+//#region ../../subscriptions/core/src/translation-api-context.ts
+const { Provider, useTranslation } = require_static_dict_adapter.createTranslationContext("Subscriptions");
+const SubscriptionsTranslationProvider = Provider;
+const useSubscriptionsTranslation = useTranslation;
+//#endregion
+//#region ../../subscriptions/core/src/translation-adapter.ts
+const subscriptionsDomain = require_static_dict_adapter.createDomainTranslations({
+	fallback: {
+		breadcrumb: "Subscriptions",
+		breadcrumb_detail: "Subscription #{{token}}",
+		all: "All",
+		active: "Active",
+		inactive: "Inactive",
+		search_placeholder: "Search subscriptions...",
+		product: "Product",
+		next_bill_date: "Next Bill Date",
+		price: "Price",
+		status: "Status",
+		no_subscriptions_found: "No subscriptions found",
+		unknown_status: "Unknown",
+		total: "Total",
+		results: "results",
+		previous: "Previous",
+		next: "Next",
+		pagination: "Pagination",
+		your_upcoming_order: "Your Upcoming Order",
+		next_order_date: "Next Order Date",
+		next_bill_amount: "Next Bill Amount",
+		product_image_alt: "Product image",
+		no_image: "No image",
+		quantity_label: "Quantity",
+		quantity_aria: "Quantity",
+		subtotal: "Subtotal",
+		discount: "Discount",
+		total_label: "Total",
+		tax_shipping_note: "*Tax and shipping calculated at checkout",
+		order_actions: "Order Actions",
+		skip_next_order: "Skip Next Order",
+		edit_bill_date: "Edit Bill Date",
+		pause_subscription: "Pause Subscription",
+		cancel_subscription: "Cancel Subscription",
+		cancelled_subscription: "Cancelled Subscription",
+		resume_subscription: "Resume Subscription",
+		reactivate_subscription: "Reactivate Subscription",
+		skip_next: "Skip Next",
+		pause: "Pause",
+		cancel: "Cancel",
+		resume: "Resume",
+		reactivate: "Reactivate",
+		subscription_details: "Subscription Details",
+		order_frequency: "Order Frequency",
+		next_payment: "Next Payment",
+		last_billed: "Last Billed",
+		payment_and_shipping: "Payment & Shipping",
+		shipping_address: "Shipping Address",
+		payment_method: "Payment Method",
+		card_fallback: "Card",
+		ending_in: "ending in {{last4}}",
+		no_payment_method: "No payment method",
+		no_shipping_address: "No shipping address available",
+		subscription_order_history: "Subscription Order History",
+		order: "Order",
+		date: "Date",
+		amount: "Amount",
+		not_available: "N/A",
+		cancel_dialog_title: "Cancel Subscription",
+		cancel_dialog_description: "Are you sure you want to cancel this subscription? You can reactivate it later.",
+		cancel_dialog_pause_question: "Would you like to pause your subscription instead?",
+		cancel_dialog_pause_button: "Pause Subscription",
+		cancel_dialog_cancel_button: "Cancel",
+		cancel_dialog_confirm_button: "Cancel Subscription",
+		pause_for: "Pause for",
+		select_duration: "Select duration",
+		month_singular: "{{count}} month",
+		month_plural: "{{count}} months",
+		pause_dialog_title: "Pause subscription",
+		pause_dialog_description: "Are you sure you want to pause subscription?",
+		pause_dialog_action: "Pause",
+		pause_indefinitely: "Pause indefinitely",
+		pause_for_orders: "Pause for a number of upcoming orders",
+		choose_orders_to_skip: "Choose how many orders to skip",
+		select: "Select",
+		pause_dialog_cancel: "Cancel",
+		pause_indefinite_message_prefix: "If you pause indefinitely no further charges will occur. To restart, simply select",
+		pause_indefinite_message_resume: "Resume",
+		pause_indefinite_message_suffix: "from your account.",
+		pause_resume_message_prefix: "You won't be charged until your subscription resumes on",
+		pause_resume_message_suffix: ".",
+		resume_dialog_title: "Resume subscription",
+		resume_dialog_description: "Choose the date your subscription should resume.",
+		resume_dialog_action: "Resume",
+		resume_date: "Resume date",
+		date_placeholder: "mm/dd/yyyy",
+		resume_dialog_cancel: "Cancel",
+		resume_charge_message_prefix: "Your subscription will resume and you'll be charged on",
+		resume_charge_message_suffix: ".",
+		edit_bill_date_title: "Edit bill date",
+		edit_bill_date_description: "Select a new date for your next bill.",
+		edit_bill_date_action: "Save",
+		next_bill_date_label: "Next bill date",
+		edit_bill_date_cancel: "Cancel",
+		bill_date_preview_prefix: "Your next bill will be on",
+		bill_date_preview_suffix: ".",
+		your_other_subscriptions: "Your other subscriptions",
+		other_subs_product: "Product",
+		other_subs_bill_date: "Bill Date",
+		subscription_paused: "Subscription paused",
+		failed_to_pause: "Failed to pause subscription",
+		subscription_resumed: "Subscription resumed",
+		failed_to_resume: "Failed to resume subscription",
+		next_billing_skipped: "Next billing skipped",
+		failed_to_skip: "Failed to skip billing",
+		subscription_cancelled: "Subscription cancelled",
+		failed_to_cancel: "Failed to cancel subscription",
+		subscription_reactivated: "Subscription reactivated",
+		failed_to_reactivate: "Failed to reactivate subscription",
+		quantity_updated: "Quantity updated",
+		failed_to_update_quantity: "Failed to update quantity",
+		bill_date_updated: "Bill date updated",
+		failed_to_update_bill_date: "Failed to update bill date",
+		bill_date_error: "Could not update the bill date. Please try a different date.",
+		generic_error: "Something went wrong. Please try again.",
+		account_load_error: "Unable to load account data. Please try again later.",
+		subscription_not_found: "Subscription not found",
+		error_occurred: "An error occurred",
+		failed_to_load_subscription: "Failed to load subscription: {{message}}"
+	},
+	loaders: {
+		de: () => Promise.resolve().then(() => require("./de-DlGTKoNF.cjs")).then((m) => m.default),
+		el: () => Promise.resolve().then(() => require("./el-DmE3Hzmx.cjs")).then((m) => m.default),
+		es: () => Promise.resolve().then(() => require("./es-CdUtxnpO.cjs")).then((m) => m.default),
+		fr: () => Promise.resolve().then(() => require("./fr-BupLb6QX.cjs")).then((m) => m.default),
+		he: () => Promise.resolve().then(() => require("./he-POkv2_Vj.cjs")).then((m) => m.default),
+		hu: () => Promise.resolve().then(() => require("./hu-DM6iXy8A.cjs")).then((m) => m.default),
+		id: () => Promise.resolve().then(() => require("./id-DrazPWpH.cjs")).then((m) => m.default),
+		it: () => Promise.resolve().then(() => require("./it-DJZTksMf.cjs")).then((m) => m.default),
+		ja: () => Promise.resolve().then(() => require("./ja-EkL2I43a.cjs")).then((m) => m.default),
+		ko: () => Promise.resolve().then(() => require("./ko-nvUbObdA.cjs")).then((m) => m.default),
+		nl: () => Promise.resolve().then(() => require("./nl-DmYVhUdz.cjs")).then((m) => m.default),
+		pl: () => Promise.resolve().then(() => require("./pl-DcI4V80q.cjs")).then((m) => m.default),
+		pt: () => Promise.resolve().then(() => require("./pt-C3OW-rk-.cjs")).then((m) => m.default),
+		ro: () => Promise.resolve().then(() => require("./ro-CgxOj7vq.cjs")).then((m) => m.default),
+		ru: () => Promise.resolve().then(() => require("./ru-DuWWq-BM.cjs")).then((m) => m.default),
+		th: () => Promise.resolve().then(() => require("./th-_sG5tZjo.cjs")).then((m) => m.default),
+		tl: () => Promise.resolve().then(() => require("./tl-BbpJzTrp.cjs")).then((m) => m.default),
+		tr: () => Promise.resolve().then(() => require("./tr-Bp9hpupi.cjs")).then((m) => m.default),
+		zh_CN: () => Promise.resolve().then(() => require("./zh_CN-DDuxhKf9.cjs")).then((m) => m.default),
+		zh_TW: () => Promise.resolve().then(() => require("./zh_TW-C24oYhoK.cjs")).then((m) => m.default)
+	}
+});
+function createSubscriptionsTranslationAdapter(locale, dict) {
+	return require_static_dict_adapter.createStaticDictAdapter(locale, dict);
+}
+//#endregion
+//#region src/providers/SubscriptionsTranslationBridge.tsx
+function SubscriptionsTranslationBridge({ children }) {
+	const { locale } = require_static_dict_adapter.useActiveLocale();
+	const dict = require_static_dict_adapter.useDomainDict(subscriptionsDomain, locale);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SubscriptionsTranslationProvider, {
+		value: (0, react.useMemo)(() => createSubscriptionsTranslationAdapter(locale, dict), [locale, dict]),
+		children
+	});
+}
+//#endregion
 //#region src/screens/subscriptions/portal-subscriptions-list-helpers.ts
 const replaceN = (s, n) => s.replace("{n}", String(n));
 const STATUS_LOOKUP = {
@@ -3288,7 +3453,8 @@ const PAUSE_MONTH_OPTIONS = [
 	2,
 	3
 ];
-function CancelSubscriptionDialog({ open, onOpenChange, onConfirm, onPauseInstead, errorMessage, title = "Cancel Subscription", description = "Are you sure you want to cancel this subscription? You can reactivate it later.", pauseQuestion = "Would you like to pause your subscription instead?", pauseButtonText = "Pause Subscription", cancelButtonText = "Cancel", actionButtonText = "Cancel Subscription" }) {
+function CancelSubscriptionDialog({ open, onOpenChange, onConfirm, onPauseInstead, errorMessage }) {
+	const { t } = useSubscriptionsTranslation();
 	const [isPending, setIsPending] = (0, react.useState)(false);
 	const [selectedMonths, setSelectedMonths] = (0, react.useState)(null);
 	(0, react.useEffect)(() => {
@@ -3318,18 +3484,18 @@ function CancelSubscriptionDialog({ open, onOpenChange, onConfirm, onPauseInstea
 		open,
 		onOpenChange: (v) => !isPending && onOpenChange(v),
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.AlertDialogContent, { children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.AlertDialogHeader, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AlertDialogTitle, { children: title }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AlertDialogDescription, { children: description })] }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.AlertDialogHeader, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AlertDialogTitle, { children: t("cancel_dialog_title") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AlertDialogDescription, { children: t("cancel_dialog_description") })] }),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "border-border space-y-2 rounded-md border p-3",
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						className: "text-foreground text-sm font-medium",
-						children: pauseQuestion
+						children: t("cancel_dialog_pause_question")
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, {
 						htmlFor: "cancel-pause-months",
 						className: "text-foreground text-sm font-semibold",
-						children: "Pause for"
+						children: t("pause_for")
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Select, {
 						value: selectedMonths ? String(selectedMonths) : void 0,
@@ -3338,14 +3504,10 @@ function CancelSubscriptionDialog({ open, onOpenChange, onConfirm, onPauseInstea
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectTrigger, {
 							id: "cancel-pause-months",
 							className: "w-full",
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectValue, { placeholder: "Select duration" })
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectContent, { children: PAUSE_MONTH_OPTIONS.map((months) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.SelectItem, {
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectValue, { placeholder: t("select_duration") })
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectContent, { children: PAUSE_MONTH_OPTIONS.map((months) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectItem, {
 							value: String(months),
-							children: [
-								months,
-								" ",
-								months === 1 ? "month" : "months"
-							]
+							children: months === 1 ? t("month_singular", { count: String(months) }) : t("month_plural", { count: String(months) })
 						}, months)) })]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
@@ -3353,7 +3515,7 @@ function CancelSubscriptionDialog({ open, onOpenChange, onConfirm, onPauseInstea
 						onClick: handlePause,
 						disabled: isPending || !selectedMonths,
 						className: "w-full",
-						children: pauseButtonText
+						children: t("cancel_dialog_pause_button")
 					})
 				]
 			}),
@@ -3365,13 +3527,13 @@ function CancelSubscriptionDialog({ open, onOpenChange, onConfirm, onPauseInstea
 				className: "flex-col gap-2 sm:flex-row sm:justify-end",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.AlertDialogCancel, {
 					disabled: isPending,
-					children: cancelButtonText
+					children: t("cancel_dialog_cancel_button")
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
 					variant: "destructive",
 					onClick: handleConfirm,
 					disabled: isPending,
 					autoFocus: true,
-					children: isPending ? "..." : actionButtonText
+					children: isPending ? "..." : t("cancel_dialog_confirm_button")
 				})]
 			})
 		] })
@@ -3379,7 +3541,8 @@ function CancelSubscriptionDialog({ open, onOpenChange, onConfirm, onPauseInstea
 }
 //#endregion
 //#region ../../subscriptions/ui/src/components/pause-subscription-dialog.tsx
-function PauseSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, errorMessage, currentNextBillDate, billingInterval = 1, billingIntervalUnit = "month", title = "Pause subscription", description = "Are you sure you want to pause subscription?", actionText = "Pause" }) {
+function PauseSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, errorMessage, currentNextBillDate, billingInterval = 1, billingIntervalUnit = "month" }) {
+	const { t } = useSubscriptionsTranslation();
 	const [pauseType, setPauseType] = (0, react.useState)("indefinite");
 	const [selectedOrderCount, setSelectedOrderCount] = (0, react.useState)(null);
 	const orderCountOptions = Array.from({ length: 99 }, (_, i) => i + 1);
@@ -3408,19 +3571,22 @@ function PauseSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, err
 	};
 	const statusMessage = (() => {
 		if (pauseType === "indefinite") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-			"If you pause indefinitely no further charges will occur. To restart, simply select ",
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: "Resume" }),
-			" from your account."
+			t("pause_indefinite_message_prefix"),
+			" ",
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("pause_indefinite_message_resume") }),
+			" ",
+			t("pause_indefinite_message_suffix")
 		] });
 		if (!selectedOrderCount) return null;
+		const displayDate = calculatedResumeDate ? require_isAfter.format(calculatedResumeDate, "MMMM d, yyyy") : "a future date";
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-			"You won't be charged until your subscription resumes on",
+			t("pause_resume_message_prefix"),
 			" ",
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 				className: "font-semibold",
-				children: calculatedResumeDate ? require_isAfter.format(calculatedResumeDate, "MMMM d, yyyy") : "a future date"
+				children: displayDate
 			}),
-			"."
+			t("pause_resume_message_suffix")
 		] });
 	})();
 	const isActionDisabled = pauseType === "order_count" && !selectedOrderCount;
@@ -3435,7 +3601,7 @@ function PauseSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, err
 					className: "flex flex-row justify-between",
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogTitle, {
 						className: "text-md w-full text-left font-medium",
-						children: title
+						children: t("pause_dialog_title")
 					})
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -3443,7 +3609,7 @@ function PauseSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, err
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						id: "pause-subscription-dialog-description",
 						className: "text-muted-foreground text-sm",
-						children: description
+						children: t("pause_dialog_description")
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "space-y-4",
 						children: [
@@ -3458,7 +3624,7 @@ function PauseSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, err
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, {
 									htmlFor: "pause-indefinitely",
 									className: "text-foreground cursor-pointer text-sm font-medium",
-									children: "Pause indefinitely"
+									children: t("pause_indefinitely")
 								})]
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -3474,13 +3640,13 @@ function PauseSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, err
 									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, {
 										htmlFor: "pause-order-count",
 										className: "text-foreground cursor-pointer text-sm font-medium",
-										children: "Pause for a number of upcoming orders"
+										children: t("pause_for_orders")
 									})]
 								}), pauseType === "order_count" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									className: "ml-6 space-y-2",
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, {
 										className: "text-foreground text-sm font-semibold",
-										children: "Choose how many orders to skip"
+										children: t("choose_orders_to_skip")
 									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
 										value: selectedOrderCount ?? "",
 										onChange: (e) => setSelectedOrderCount(Number(e.target.value)),
@@ -3488,7 +3654,7 @@ function PauseSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, err
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
 											value: "",
 											disabled: true,
-											children: "Select"
+											children: t("select")
 										}), orderCountOptions.map((count) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
 											value: count,
 											children: count
@@ -3513,13 +3679,13 @@ function PauseSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, err
 						variant: "outline",
 						className: "h-10 min-w-[70px] rounded p-3",
 						onClick: () => handleDismiss(false),
-						children: "Cancel"
+						children: t("pause_dialog_cancel")
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
 						type: "button",
 						className: "h-10 min-w-[70px] rounded p-3",
 						onClick: handleConfirm,
 						disabled: isActionDisabled || 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
+						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" }) : t("pause_dialog_action")
 					})]
 				}) })
 			]
@@ -3540,7 +3706,8 @@ function parseIsoDate(value) {
 }
 //#endregion
 //#region ../../subscriptions/ui/src/components/resume-subscription-dialog.tsx
-function ResumeSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, errorMessage, defaultNextBillDate, title = "Resume subscription", description = "Choose the date your subscription should resume.", actionText = "Resume" }) {
+function ResumeSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, errorMessage, defaultNextBillDate }) {
+	const { t } = useSubscriptionsTranslation();
 	const [selectedDate, setSelectedDate] = (0, react.useState)(void 0);
 	const [calendarOpen, setCalendarOpen] = (0, react.useState)(false);
 	const today = /* @__PURE__ */ new Date();
@@ -3572,7 +3739,7 @@ function ResumeSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, er
 					className: "flex flex-row justify-between",
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogTitle, {
 						className: "text-md w-full text-left font-medium",
-						children: title
+						children: t("resume_dialog_title")
 					})
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -3580,13 +3747,13 @@ function ResumeSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, er
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						id: "resume-subscription-dialog-description",
 						className: "text-muted-foreground text-left text-sm",
-						children: description
+						children: t("resume_dialog_description")
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "space-y-2",
 						children: [
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, {
 								className: "text-foreground text-sm font-semibold",
-								children: "Resume date"
+								children: t("resume_date")
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Popover, {
 								open: calendarOpen,
@@ -3596,7 +3763,7 @@ function ResumeSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, er
 									children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
 										variant: "outline",
 										className: require_src.cn("border-input bg-background text-foreground hover:bg-accent hover:text-accent-foreground h-9 w-full justify-start border px-3 py-2 text-left font-normal", !selectedDate && "text-muted-foreground hover:text-muted-foreground"),
-										children: [selectedDate ? require_isAfter.format(selectedDate, "MM/dd/yyyy") : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "mm/dd/yyyy" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CalendarIcon, { className: "text-muted-foreground ml-auto h-4 w-4" })]
+										children: [selectedDate ? require_isAfter.format(selectedDate, "MM/dd/yyyy") : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("date_placeholder") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CalendarIcon, { className: "text-muted-foreground ml-auto h-4 w-4" })]
 									})
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.PopoverContent, {
 									className: "bg-popover w-auto rounded-md border p-0 shadow-lg",
@@ -3623,13 +3790,13 @@ function ResumeSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, er
 							selectedDate && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
 								className: "text-muted-foreground text-xs",
 								children: [
-									"Your subscription will resume and you'll be charged on",
+									t("resume_charge_message_prefix"),
 									" ",
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 										className: "font-semibold",
 										children: require_isAfter.format(selectedDate, "MMMM d, yyyy")
 									}),
-									"."
+									t("resume_charge_message_suffix")
 								]
 							})
 						]
@@ -3644,13 +3811,13 @@ function ResumeSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, er
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
 						className: "bg-muted text-foreground ring-border hover:bg-muted/80 h-10 min-w-[70px] rounded p-3 ring-1",
 						onClick: () => handleDismiss(false),
-						children: "Cancel"
+						children: t("resume_dialog_cancel")
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
 						type: "button",
 						className: "bg-primary text-primary-foreground h-10 min-w-[70px] rounded p-3 hover:opacity-90 disabled:opacity-50",
 						onClick: handleConfirm,
 						disabled: !selectedDate || 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
+						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" }) : t("resume_dialog_action")
 					})]
 				}) })
 			]
@@ -3681,7 +3848,8 @@ const SUBSCRIPTION_COLORS = [
 	"#84cc16"
 ];
 const MAX_PROJECTIONS_PER_SUB = 104;
-function EditBillDateDialog({ open, onOpenChange, onConfirm, isLoading, errorMessage, currentNextBillDate, otherSubscriptions, onNavigateToSubscription, title = "Edit bill date", description = "Select a new date for your next bill.", actionText = "Save" }) {
+function EditBillDateDialog({ open, onOpenChange, onConfirm, isLoading, errorMessage, currentNextBillDate, otherSubscriptions, onNavigateToSubscription }) {
+	const { t } = useSubscriptionsTranslation();
 	const [selectedDate, setSelectedDate] = (0, react.useState)(void 0);
 	const [calendarOpen, setCalendarOpen] = (0, react.useState)(false);
 	const [popoverContainer, setPopoverContainer] = (0, react.useState)(null);
@@ -3764,7 +3932,7 @@ function EditBillDateDialog({ open, onOpenChange, onConfirm, isLoading, errorMes
 					className: "flex flex-row justify-between",
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogTitle, {
 						className: "text-md w-full text-left font-medium",
-						children: title
+						children: t("edit_bill_date_title")
 					})
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -3773,13 +3941,13 @@ function EditBillDateDialog({ open, onOpenChange, onConfirm, isLoading, errorMes
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 							id: "edit-bill-date-dialog-description",
 							className: "text-muted-foreground text-sm",
-							children: description
+							children: t("edit_bill_date_description")
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "space-y-2",
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, {
 								className: "text-foreground text-sm font-semibold",
-								children: "Next bill date"
+								children: t("next_bill_date_label")
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.PortalContainerProvider, {
 								container: popoverContainer,
 								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Popover, {
@@ -3790,7 +3958,7 @@ function EditBillDateDialog({ open, onOpenChange, onConfirm, isLoading, errorMes
 										children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
 											variant: "outline",
 											className: require_src.cn("border-input bg-background text-foreground hover:bg-accent hover:text-accent-foreground h-9 w-full justify-start border px-3 py-2 text-left font-normal", !selectedDate && "text-muted-foreground hover:text-muted-foreground"),
-											children: [selectedDate ? require_isAfter.format(selectedDate, "MM/dd/yyyy") : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "mm/dd/yyyy" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CalendarIcon, { className: "text-muted-foreground ml-auto h-4 w-4" })]
+											children: [selectedDate ? require_isAfter.format(selectedDate, "MM/dd/yyyy") : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("date_placeholder") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CalendarIcon, { className: "text-muted-foreground ml-auto h-4 w-4" })]
 										})
 									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.PopoverContent, {
 										className: "bg-popover pointer-events-auto z-[9999] w-auto rounded-md border p-0 shadow-lg",
@@ -3820,20 +3988,20 @@ function EditBillDateDialog({ open, onOpenChange, onConfirm, isLoading, errorMes
 						selectedDate && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "text-muted-foreground text-xs",
 							children: [
-								"Your next bill will be on",
+								t("bill_date_preview_prefix"),
 								" ",
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: "font-semibold",
 									children: previewDate
 								}),
-								"."
+								t("bill_date_preview_suffix")
 							]
 						}),
 						subscriptionsWithColor.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "space-y-2",
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, {
 								className: "text-foreground text-sm font-semibold",
-								children: "Your other subscriptions"
+								children: t("your_other_subscriptions")
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "border-border max-h-40 overflow-auto rounded-md border",
 								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
@@ -3847,11 +4015,11 @@ function EditBillDateDialog({ open, onOpenChange, onConfirm, isLoading, errorMes
 											}),
 											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
 												className: "px-3 py-2 text-left font-medium",
-												children: "Product"
+												children: t("other_subs_product")
 											}),
 											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
 												className: "w-28 px-3 py-2 text-left font-medium",
-												children: "Bill Date"
+												children: t("other_subs_bill_date")
 											})
 										] })
 									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", {
@@ -3902,13 +4070,13 @@ function EditBillDateDialog({ open, onOpenChange, onConfirm, isLoading, errorMes
 						variant: "outline",
 						className: "h-10 min-w-[70px] rounded p-3",
 						onClick: () => handleDismiss(false),
-						children: "Cancel"
+						children: t("edit_bill_date_cancel")
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
 						type: "button",
 						className: "h-10 min-w-[70px] rounded p-3",
 						onClick: handleConfirm,
 						disabled: !selectedDate || 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
+						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" }) : t("edit_bill_date_action")
 					})]
 				}) })
 			]
@@ -4095,6 +4263,7 @@ function QuantityInput({ inputId, quantity, isUpdatingQuantity, onQuantityChange
 	});
 }
 function SubscriptionItemsSection({ subscription, displayQuantity, displayNextBillDate, canEditQuantity = false, onQuantityChange, isUpdatingQuantity = false }) {
+	const { t } = useSubscriptionsTranslation();
 	const variant = subscription.variant;
 	const product = variant?.product;
 	const quantity = displayQuantity ?? subscription.quantity;
@@ -4111,7 +4280,7 @@ function SubscriptionItemsSection({ subscription, displayQuantity, displayNextBi
 					className: "mt-4",
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
 						className: "text-foreground mb-2 text-lg font-medium",
-						children: "Your Upcoming Order"
+						children: t("your_upcoming_order")
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "text-muted-foreground",
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -4120,7 +4289,7 @@ function SubscriptionItemsSection({ subscription, displayQuantity, displayNextBi
 								className: "border-border border-r pr-4",
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 									className: "text-muted-foreground mb-1 text-sm",
-									children: "Next Order Date"
+									children: t("next_order_date")
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 									className: "text-foreground text-2xl font-bold",
 									children: getNextBillDisplay(displayNextBillDate ? {
@@ -4133,7 +4302,7 @@ function SubscriptionItemsSection({ subscription, displayQuantity, displayNextBi
 								children: [
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 										className: "text-muted-foreground mb-1 text-sm",
-										children: "Next Bill Amount"
+										children: t("next_bill_amount")
 									}),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 										className: "text-foreground text-2xl font-bold",
@@ -4160,13 +4329,13 @@ function SubscriptionItemsSection({ subscription, displayQuantity, displayNextBi
 									className: "bg-muted h-24 w-24 overflow-hidden rounded",
 									children: [product?.image_url ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
 										src: product.image_url,
-										alt: variant?.title || "Product image",
+										alt: variant?.title || t("product_image_alt"),
 										width: 96,
 										height: 96,
 										className: "h-full w-full object-cover"
 									}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 										className: "text-muted-foreground flex h-full w-full items-center justify-center",
-										children: "No image"
+										children: t("no_image")
 									}), quantity > 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 										className: "bg-foreground text-background absolute -top-2 -right-2 z-10 flex h-6 w-6 items-center justify-center rounded-full text-xs font-medium",
 										children: quantity
@@ -4195,7 +4364,7 @@ function SubscriptionItemsSection({ subscription, displayQuantity, displayNextBi
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
 								htmlFor: quantityInputId,
 								className: "text-muted-foreground mb-1 text-xs",
-								children: "Quantity"
+								children: t("quantity_label")
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(QuantityInput, {
 								inputId: quantityInputId,
 								quantity,
@@ -4212,7 +4381,7 @@ function SubscriptionItemsSection({ subscription, displayQuantity, displayNextBi
 							className: "flex justify-between text-sm",
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 								className: "text-muted-foreground text-sm font-medium",
-								children: "Subtotal"
+								children: t("subtotal")
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 								className: "text-muted-foreground text-sm font-medium",
 								children: subtotal
@@ -4221,7 +4390,7 @@ function SubscriptionItemsSection({ subscription, displayQuantity, displayNextBi
 							className: "mt-2 flex justify-between text-sm",
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 								className: "text-muted-foreground text-sm font-medium",
-								children: "Discount"
+								children: t("discount")
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
 								className: "text-muted-foreground text-sm font-medium",
 								children: ["-", formatCurrency(discount * quantity)]
@@ -4231,7 +4400,7 @@ function SubscriptionItemsSection({ subscription, displayQuantity, displayNextBi
 							className: "mt-4 flex items-center justify-between text-base font-medium",
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 								className: "text-muted-foreground text-sm font-medium",
-								children: "Total"
+								children: t("total_label")
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 								className: "text-foreground text-base font-bold",
 								children: formatCurrency(subscription.price * quantity)
@@ -4239,7 +4408,7 @@ function SubscriptionItemsSection({ subscription, displayQuantity, displayNextBi
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: "text-muted-foreground text-xs",
-							children: "*Tax and shipping calculated at checkout"
+							children: t("tax_shipping_note")
 						})
 					]
 				})
@@ -4248,6 +4417,7 @@ function SubscriptionItemsSection({ subscription, displayQuantity, displayNextBi
 	});
 }
 function SubscriptionManagementSection({ subscription, isActive, isPaused, isCancelled, isMutating, onSkip, onPause, onResume, onCancel, onReactivate, onEditBillDate, displayNextBillDate, renderPaymentMethod, renderShippingAddress }) {
+	const { t } = useSubscriptionsTranslation();
 	const plan = subscription.subscription_plan;
 	const quantity = subscription.quantity;
 	const totalPrice = formatCurrency(subscription.price * quantity);
@@ -4263,7 +4433,7 @@ function SubscriptionManagementSection({ subscription, isActive, isPaused, isCan
 					className: "border-border mb-6 border-b pb-6",
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
 						className: "text-foreground mb-3 text-sm/6 font-semibold",
-						children: "Order Actions"
+						children: t("order_actions")
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
 						children: [
@@ -4274,7 +4444,7 @@ function SubscriptionManagementSection({ subscription, isActive, isPaused, isCan
 								className: actionButtonClass,
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.SkipForward, { className: "h-3 w-3 shrink-0" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: "truncate",
-									children: "Skip Next Order"
+									children: t("skip_next_order")
 								})]
 							}),
 							isActive && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
@@ -4284,7 +4454,7 @@ function SubscriptionManagementSection({ subscription, isActive, isPaused, isCan
 								className: actionButtonClass,
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CalendarDays, { className: "h-3 w-3 shrink-0" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: "truncate",
-									children: "Edit Bill Date"
+									children: t("edit_bill_date")
 								})]
 							}),
 							isActive && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
@@ -4294,7 +4464,7 @@ function SubscriptionManagementSection({ subscription, isActive, isPaused, isCan
 								className: actionButtonClass,
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Pause, { className: "h-3 w-3 shrink-0" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: "truncate",
-									children: "Pause Subscription"
+									children: t("pause_subscription")
 								})]
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
@@ -4304,7 +4474,7 @@ function SubscriptionManagementSection({ subscription, isActive, isPaused, isCan
 								className: actionButtonClass,
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.XCircle, { className: "h-3 w-3 shrink-0" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: "truncate",
-									children: isCancelled ? "Cancelled Subscription" : "Cancel Subscription"
+									children: isCancelled ? t("cancelled_subscription") : t("cancel_subscription")
 								})]
 							}),
 							isPaused && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
@@ -4314,7 +4484,7 @@ function SubscriptionManagementSection({ subscription, isActive, isPaused, isCan
 								className: actionButtonClass,
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Play, { className: "h-3 w-3 shrink-0" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: "truncate",
-									children: "Resume Subscription"
+									children: t("resume_subscription")
 								})]
 							}),
 							isCancelled && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
@@ -4324,7 +4494,7 @@ function SubscriptionManagementSection({ subscription, isActive, isPaused, isCan
 								className: actionButtonClass,
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.RotateCcw, { className: "h-3 w-3 shrink-0" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: "truncate",
-									children: "Reactivate Subscription"
+									children: t("reactivate_subscription")
 								})]
 							})
 						]
@@ -4336,7 +4506,7 @@ function SubscriptionManagementSection({ subscription, isActive, isPaused, isCan
 						className: "mb-4 flex items-center justify-between",
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
 							className: "text-foreground text-sm/6 font-semibold",
-							children: "Subscription Details"
+							children: t("subscription_details")
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatusPill, {
 							status: subscription.status,
 							children: startCase(subscription.status)
@@ -4348,7 +4518,7 @@ function SubscriptionManagementSection({ subscription, isActive, isPaused, isCan
 								className: "flex-1 pr-4",
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 									className: "text-muted-foreground text-sm",
-									children: "Order Frequency"
+									children: t("order_frequency")
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 									className: "text-foreground font-medium",
 									children: formatSubscriptionFrequency(plan.billing_interval_unit)
@@ -4359,7 +4529,7 @@ function SubscriptionManagementSection({ subscription, isActive, isPaused, isCan
 								children: [
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 										className: "text-muted-foreground text-sm",
-										children: "Next Payment"
+										children: t("next_payment")
 									}),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 										className: "text-foreground font-medium",
@@ -4375,7 +4545,7 @@ function SubscriptionManagementSection({ subscription, isActive, isPaused, isCan
 								className: "flex-1 pl-4 text-right",
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 									className: "text-muted-foreground text-sm",
-									children: "Last Billed"
+									children: t("last_billed")
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 									className: "text-foreground font-medium",
 									children: formatDate(subscription.last_bill_date)
@@ -4388,7 +4558,7 @@ function SubscriptionManagementSection({ subscription, isActive, isPaused, isCan
 					className: "pt-2",
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
 						className: "text-foreground mb-4 text-sm/6 font-semibold",
-						children: "Payment & Shipping"
+						children: t("payment_and_shipping")
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "flex flex-col",
 						children: [renderShippingAddress ? renderShippingAddress({
@@ -4400,7 +4570,7 @@ function SubscriptionManagementSection({ subscription, isActive, isPaused, isCan
 							className: "border-border mb-6 border-b pb-4",
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "text-muted-foreground mt-3 mb-1 text-sm",
-								children: "Shipping Address"
+								children: t("shipping_address")
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: "text-foreground text-sm",
 								children: [
@@ -4427,16 +4597,16 @@ function SubscriptionManagementSection({ subscription, isActive, isPaused, isCan
 							className: "border-border mb-6 border-b pb-4",
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "text-muted-foreground mb-1 text-sm",
-								children: "Payment Method"
+								children: t("payment_method")
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: "text-foreground flex items-center gap-2 text-sm",
 								children: [paymentDetails?.logo_url && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
 									src: paymentDetails.logo_url,
-									alt: paymentDetails.card_type ?? "Card",
+									alt: paymentDetails.card_type ?? t("card_fallback"),
 									className: "h-6"
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 									className: "font-medium",
-									children: [paymentDetails?.card_type ? startCase(paymentDetails.card_type) : paymentMethod.payment_type, paymentDetails?.last4 ? ` ending in ${paymentDetails.last4}` : ""]
+									children: [paymentDetails?.card_type ? startCase(paymentDetails.card_type) : paymentMethod.payment_type, paymentDetails?.last4 ? ` ${t("ending_in", { last4: paymentDetails.last4 })}` : ""]
 								})]
 							})]
 						}))]
@@ -4447,12 +4617,13 @@ function SubscriptionManagementSection({ subscription, isActive, isPaused, isCan
 	});
 }
 function OrderHistorySection({ subscription }) {
+	const { t } = useSubscriptionsTranslation();
 	if (subscription.orders.length === 0) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
 		className: "mt-6 px-8 pt-6 pb-8",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
 			className: "text-foreground mb-3 text-sm/6 font-semibold",
-			children: "Subscription Order History"
+			children: t("subscription_order_history")
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "border-border overflow-x-auto rounded-md border",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("table", {
@@ -4462,19 +4633,19 @@ function OrderHistorySection({ subscription }) {
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("tr", { children: [
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
 							className: "text-muted-foreground py-2 pr-3 pl-3 text-left font-medium",
-							children: "Order"
+							children: t("order")
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
 							className: "text-muted-foreground px-3 py-2 text-left font-medium",
-							children: "Date"
+							children: t("date")
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
 							className: "text-muted-foreground px-3 py-2 text-left font-medium",
-							children: "Status"
+							children: t("status")
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
 							className: "text-muted-foreground py-2 pr-3 pl-3 text-right font-medium",
-							children: "Amount"
+							children: t("amount")
 						})
 					] })
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", {
@@ -4497,7 +4668,7 @@ function OrderHistorySection({ subscription }) {
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
 							className: "text-foreground py-2 pr-3 pl-3 text-right",
-							children: order.amount != null ? formatCurrency(Number(order.amount)) : "N/A"
+							children: order.amount != null ? formatCurrency(Number(order.amount)) : t("not_available")
 						})
 					] }, order.id))
 				})]
@@ -4506,6 +4677,7 @@ function OrderHistorySection({ subscription }) {
 	});
 }
 function SubscriptionDetail({ token, onNotFound, onError, onSuccess, onMutationError, onNavigateToSubscription, renderPaymentMethod, renderShippingAddress }) {
+	const { t } = useSubscriptionsTranslation();
 	const [showCancelModal, setShowCancelModal] = (0, react.useState)(false);
 	const [showPauseModal, setShowPauseModal] = (0, react.useState)(false);
 	const [showResumeModal, setShowResumeModal] = (0, react.useState)(false);
@@ -4517,53 +4689,57 @@ function SubscriptionDetail({ token, onNotFound, onError, onSuccess, onMutationE
 	const customerSubscriptionsQuery = useSubscriptions({ perPage: 100 }, { enabled: showEditBillDateModal });
 	const otherSubscriptionsForBillDate = (0, react.useMemo)(() => (customerSubscriptionsQuery.data?.subscriptions ?? []).filter((s) => s.subscription_token !== token).map((s) => ({
 		token: s.subscription_token,
-		productTitle: s.variant?.product?.title ?? "Subscription",
+		productTitle: s.variant?.product?.title ?? t("breadcrumb"),
 		nextBillDate: s.next_bill_date,
 		billingInterval: s.subscription_plan?.billing_interval ?? 1,
 		billingIntervalUnit: s.subscription_plan?.billing_interval_unit ?? "month"
-	})), [customerSubscriptionsQuery.data, token]);
+	})), [
+		customerSubscriptionsQuery.data,
+		token,
+		t
+	]);
 	const pauseMutation = usePauseSubscription({
-		onSuccess: () => onSuccess?.("Subscription paused"),
-		onError: (err) => onMutationError?.("Failed to pause subscription", err)
+		onSuccess: () => onSuccess?.(t("subscription_paused")),
+		onError: (err) => onMutationError?.(t("failed_to_pause"), err)
 	});
 	const resumeMutation = useResumeSubscription({
-		onSuccess: () => onSuccess?.("Subscription resumed"),
-		onError: (err) => onMutationError?.("Failed to resume subscription", err)
+		onSuccess: () => onSuccess?.(t("subscription_resumed")),
+		onError: (err) => onMutationError?.(t("failed_to_resume"), err)
 	});
 	const skipMutation = useSkipSubscription({
-		onSuccess: () => onSuccess?.("Next billing skipped"),
-		onError: (err) => onMutationError?.("Failed to skip billing", err)
+		onSuccess: () => onSuccess?.(t("next_billing_skipped")),
+		onError: (err) => onMutationError?.(t("failed_to_skip"), err)
 	});
 	const cancelMutation = useCancelSubscription({
 		onSuccess: () => {
-			onSuccess?.("Subscription cancelled");
+			onSuccess?.(t("subscription_cancelled"));
 			setShowCancelModal(false);
 		},
-		onError: (err) => onMutationError?.("Failed to cancel subscription", err)
+		onError: (err) => onMutationError?.(t("failed_to_cancel"), err)
 	});
 	const reactivateMutation = useReactivateSubscription({
-		onSuccess: () => onSuccess?.("Subscription reactivated"),
-		onError: (err) => onMutationError?.("Failed to reactivate subscription", err)
+		onSuccess: () => onSuccess?.(t("subscription_reactivated")),
+		onError: (err) => onMutationError?.(t("failed_to_reactivate"), err)
 	});
 	const [pendingQuantity, setPendingQuantity] = (0, react.useState)(null);
 	const quantityDebounceRef = (0, react.useRef)(null);
 	const quantityMutation = useUpdateSubscriptionInfo({
 		onSuccess: () => {
-			onSuccess?.("Quantity updated");
+			onSuccess?.(t("quantity_updated"));
 		},
 		onError: (err) => {
 			setPendingQuantity(null);
-			onMutationError?.("Failed to update quantity", err);
+			onMutationError?.(t("failed_to_update_quantity"), err);
 		}
 	});
 	const editBillDateMutation = useUpdateSubscriptionInfo({
 		onSuccess: () => {
-			onSuccess?.("Bill date updated");
+			onSuccess?.(t("bill_date_updated"));
 			setShowEditBillDateModal(false);
 		},
 		onError: (err) => {
 			setPendingNextBillDate(null);
-			onMutationError?.("Failed to update bill date", err);
+			onMutationError?.(t("failed_to_update_bill_date"), err);
 		}
 	});
 	const serverNextBillDate = data?.subscription.next_bill_date ?? null;
@@ -4714,7 +4890,7 @@ function SubscriptionDetail({ token, onNotFound, onError, onSuccess, onMutationE
 				});
 			},
 			isLoading: editBillDateMutation.isPending,
-			errorMessage: editBillDateMutation.isError ? "Could not update the bill date. Please try a different date." : void 0,
+			errorMessage: editBillDateMutation.isError ? t("bill_date_error") : void 0,
 			currentNextBillDate: subscription.next_bill_date,
 			otherSubscriptions: otherSubscriptionsForBillDate,
 			onNavigateToSubscription
@@ -4727,7 +4903,7 @@ function SubscriptionDetail({ token, onNotFound, onError, onSuccess, onMutationE
 			},
 			onConfirm: handlePauseConfirm,
 			isLoading: pauseMutation.isPending,
-			errorMessage: pauseMutation.isError ? "Something went wrong. Please try again." : void 0,
+			errorMessage: pauseMutation.isError ? t("generic_error") : void 0,
 			currentNextBillDate: subscription.next_bill_date,
 			billingInterval: plan.billing_interval,
 			billingIntervalUnit: plan.billing_interval_unit
@@ -4740,7 +4916,7 @@ function SubscriptionDetail({ token, onNotFound, onError, onSuccess, onMutationE
 			},
 			onConfirm: handleResumeConfirm,
 			isLoading: resumeMutation.isPending,
-			errorMessage: resumeMutation.isError ? "Something went wrong. Please try again." : void 0,
+			errorMessage: resumeMutation.isError ? t("generic_error") : void 0,
 			defaultNextBillDate: calculateNextBillDate(plan.billing_interval, plan.billing_interval_unit)
 		})
 	] });
@@ -4748,6 +4924,7 @@ function SubscriptionDetail({ token, onNotFound, onError, onSuccess, onMutationE
 //#endregion
 //#region ../../subscriptions/ui/src/screens/SubscriptionDetailScreen.tsx
 function SubscriptionDetailScreen$1({ token, onNavigateToList, onNavigateToSubscription, onNotFound, onError, onSuccess, onMutationError, renderPaymentMethod, renderShippingAddress }) {
+	const { t } = useSubscriptionsTranslation();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ScreenHeaderContext.ScreenHeaderBreadcrumbs, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Breadcrumb, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.BreadcrumbList, {
 		className: "text-lg",
 		children: [
@@ -4757,12 +4934,12 @@ function SubscriptionDetailScreen$1({ token, onNavigateToList, onNavigateToSubsc
 					e.preventDefault();
 					onNavigateToList();
 				},
-				children: "Subscriptions"
+				children: t("breadcrumb")
 			}) }),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbSeparator, {}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.BreadcrumbPage, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbPage, {
 				className: "font-semibold",
-				children: ["Subscription #", token]
+				children: t("breadcrumb_detail", { token })
 			}) })
 		]
 	}) }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -5523,35 +5700,40 @@ function PortalSubscriptionShippingAddressSection({ address: currentAddress, sub
 //#region src/screens/SubscriptionDetailScreen.tsx
 function SubscriptionDetailScreen({ token, onToast }) {
 	const { navigate } = require_AppNavigationContext.useAppNavigation();
+	const { t } = useSubscriptionsTranslation();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SubscriptionDetailScreen$1, {
 		token,
-		onNavigateToList: () => navigate("subscriptions"),
-		onNavigateToSubscription: (nextToken) => navigate(`subscriptions/${nextToken}`),
-		onNotFound: () => {
-			onToast("Subscription not found", "warning");
+		onNavigateToList: (0, react.useCallback)(() => navigate("subscriptions"), [navigate]),
+		onNavigateToSubscription: (0, react.useCallback)((nextToken) => navigate(`subscriptions/${nextToken}`), [navigate]),
+		onNotFound: (0, react.useCallback)(() => {
+			onToast(t("subscription_not_found"), "warning");
 			navigate("subscriptions");
-		},
-		onError: (err) => {
-			onToast(`Failed to load subscription: ${err instanceof Error ? err.message : "An error occurred"}`, "error");
-		},
-		onSuccess: (message) => {
+		}, [
+			onToast,
+			navigate,
+			t
+		]),
+		onError: (0, react.useCallback)((err) => {
+			onToast(t("failed_to_load_subscription", { message: err instanceof Error ? err.message : t("error_occurred") }), "error");
+		}, [onToast, t]),
+		onSuccess: (0, react.useCallback)((message) => {
 			onToast(message, "success");
-		},
-		onMutationError: (message, err) => {
-			onToast(`${message}: ${err instanceof Error ? err.message : "An error occurred"}`, "error");
-		},
+		}, [onToast]),
+		onMutationError: (0, react.useCallback)((message, err) => {
+			onToast(`${message}: ${err instanceof Error ? err.message : t("error_occurred")}`, "error");
+		}, [onToast, t]),
 		renderPaymentMethod: (ctx) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PortalSubscriptionPaymentMethodSection, {
 			...ctx,
-			onSuccess: (message) => onToast(message, "success"),
-			onError: (message, err) => {
-				onToast(`${message}: ${err instanceof Error ? err.message : "An error occurred"}`, "error");
+			onSuccess: (msg) => onToast(msg, "success"),
+			onError: (msg, err) => {
+				onToast(`${msg}: ${err instanceof Error ? err.message : t("error_occurred")}`, "error");
 			}
 		}),
 		renderShippingAddress: (ctx) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PortalSubscriptionShippingAddressSection, {
 			...ctx,
-			onSuccess: (message) => onToast(message, "success"),
-			onError: (message, err) => {
-				onToast(`${message}: ${err instanceof Error ? err.message : "An error occurred"}`, "error");
+			onSuccess: (msg) => onToast(msg, "success"),
+			onError: (msg, err) => {
+				onToast(`${msg}: ${err instanceof Error ? err.message : t("error_occurred")}`, "error");
 			}
 		})
 	});
@@ -5572,19 +5754,15 @@ function SubscriptionsScreen({ onToast, background, textColor, accentColor, padd
 	const { data: account } = require_use_account.useAccount();
 	const customerId = account?.id;
 	const isLoadingCustomer = account === void 0;
-	if (isDetailView) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		...divProps,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PortalSubscriptionsApiProvider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SubscriptionDetailScreen, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SubscriptionsTranslationBridge, { children: isDetailView ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PortalSubscriptionsApiProvider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SubscriptionDetailScreen, {
 			token: detailToken,
 			onToast: effectiveToast
-		}) })
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		...divProps,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PortalSubscriptionsApiProvider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SubscriptionsListScreen, {
+		}) }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PortalSubscriptionsApiProvider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SubscriptionsListScreen, {
 			customerId,
 			isLoadingCustomer
-		}) })
+		}) }) })
 	});
 }
 const subscriptionsScreenPropertySchema = {
@@ -5610,4 +5788,4 @@ Object.defineProperty(exports, "subscriptionsScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=SubscriptionsScreen-CG0lUArL.cjs.map
+//# sourceMappingURL=SubscriptionsScreen-D82JKEST.cjs.map