@fluid-app/portal-sdk 0.1.282 → 0.1.284

package/dist/{SubscriptionsScreen-TwddR9dd.mjs → SubscriptionsScreen-CWnj0SIk.mjs}

@@ -3,6 +3,7 @@ import { C as subscriptions_reactivate, D as subscriptions_update, E as subscrip
 import { i as usePayApi } from "./api-context-3GmfqvIB.mjs";
 import { n as useCountriesApi } from "./countries-api-context-CMh13cfX.mjs";
 import { n as usePortalTenantClient } from "./PortalTenantClientProvider-BF-1Fy27.mjs";
+import { i as createTranslationContext, n as createDomainTranslations, o as useActiveLocale, r as useDomainDict, t as createStaticDictAdapter } from "./static-dict-adapter-OprHuHgs.mjs";
 import { $t as constructFrom, At as isProtectedDayOfYearToken, C as SelectContent, Cn as cn$1, E as SelectValue, Ft as getWeekYear, Ht as addWeeks, It as getISOWeek, Jt as startOfWeek, Kt as getTimezoneOffsetInMilliseconds, Lt as enUS, Mt as warnOrThrowProtectedError, Nt as longFormatters, Ot as isAfter, Pt as getWeek, Q as DialogContent, Qt as toDate, R as Label, S as Select, T as SelectTrigger, Vt as addYears, X as Dialog, Xt as addMonths, Yt as getDefaultOptions$1, Zt as addDays, _n as AlertDialogTitle, an as BreadcrumbLink, at as Popover, cn as BreadcrumbSeparator, en as millisecondsInHour, et as DialogFooter, f as fluidToast, fn as AlertDialogCancel, gn as AlertDialogHeader, h as Skeleton, hn as AlertDialogFooter, in as BreadcrumbItem, it as DialogTitle, jt as isProtectedWeekYearToken, k as Input, kt as format, mn as AlertDialogDescription, nn as millisecondsInSecond, on as BreadcrumbList, ot as PopoverContent, pn as AlertDialogContent, qt as startOfISOWeek, rn as Breadcrumb, sn as BreadcrumbPage, st as PopoverTrigger, tn as millisecondsInMinute, tt as DialogHeader, un as AlertDialog, vn as Button, w as SelectItem, wt as Calendar$1, xn as PortalContainerProvider } from "./src-Dk1FJOX0.mjs";
 import { n as ScreenHeaderBreadcrumbs } from "./ScreenHeaderContext-Dn12BZyj.mjs";
 import { n as payKeys, r as storeKeys } from "./query-keys-BkMRwfNo.mjs";
@@ -2659,6 +2660,170 @@ function PortalSubscriptionsApiProvider({ children }) {
 	});
 }
 //#endregion
+//#region ../../subscriptions/core/src/translation-api-context.ts
+const { Provider, useTranslation } = createTranslationContext("Subscriptions");
+const SubscriptionsTranslationProvider = Provider;
+const useSubscriptionsTranslation = useTranslation;
+//#endregion
+//#region ../../subscriptions/core/src/translation-adapter.ts
+const subscriptionsDomain = 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: () => import("./de-D-pTKAfW.mjs").then((m) => m.default),
+		el: () => import("./el-DJHdmWRg.mjs").then((m) => m.default),
+		es: () => import("./es-BktZit95.mjs").then((m) => m.default),
+		fr: () => import("./fr-Cw5sl5qD.mjs").then((m) => m.default),
+		he: () => import("./he-ud7jtKmt.mjs").then((m) => m.default),
+		hu: () => import("./hu-i6hsv2P1.mjs").then((m) => m.default),
+		id: () => import("./id-DwQYjW0y.mjs").then((m) => m.default),
+		it: () => import("./it-CeDTGyHZ.mjs").then((m) => m.default),
+		ja: () => import("./ja-BsDZKtuF.mjs").then((m) => m.default),
+		ko: () => import("./ko-CAJT7oX_.mjs").then((m) => m.default),
+		nl: () => import("./nl-BGK_iU4v.mjs").then((m) => m.default),
+		pl: () => import("./pl-CXkmBkzj.mjs").then((m) => m.default),
+		pt: () => import("./pt-Bu4CWKGe.mjs").then((m) => m.default),
+		ro: () => import("./ro-D4VP5JZk.mjs").then((m) => m.default),
+		ru: () => import("./ru-BmPMRg7Z.mjs").then((m) => m.default),
+		th: () => import("./th-BbInWYyP.mjs").then((m) => m.default),
+		tl: () => import("./tl-5CmO-_sk.mjs").then((m) => m.default),
+		tr: () => import("./tr-CBAj6vfD.mjs").then((m) => m.default),
+		zh_CN: () => import("./zh_CN-uqlHFHuc.mjs").then((m) => m.default),
+		zh_TW: () => import("./zh_TW-85s6CrDM.mjs").then((m) => m.default)
+	}
+});
+function createSubscriptionsTranslationAdapter(locale, dict) {
+	return createStaticDictAdapter(locale, dict);
+}
+//#endregion
+//#region src/providers/SubscriptionsTranslationBridge.tsx
+function SubscriptionsTranslationBridge({ children }) {
+	const { locale } = useActiveLocale();
+	const dict = useDomainDict(subscriptionsDomain, locale);
+	return /* @__PURE__ */ jsx(SubscriptionsTranslationProvider, {
+		value: 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 = {
@@ -3227,7 +3392,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] = useState(false);
 	const [selectedMonths, setSelectedMonths] = useState(null);
 	useEffect(() => {
@@ -3257,18 +3423,18 @@ function CancelSubscriptionDialog({ open, onOpenChange, onConfirm, onPauseInstea
 		open,
 		onOpenChange: (v) => !isPending && onOpenChange(v),
 		children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [
-			/* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: title }), /* @__PURE__ */ jsx(AlertDialogDescription, { children: description })] }),
+			/* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: t("cancel_dialog_title") }), /* @__PURE__ */ jsx(AlertDialogDescription, { children: t("cancel_dialog_description") })] }),
 			/* @__PURE__ */ jsxs("div", {
 				className: "border-border space-y-2 rounded-md border p-3",
 				children: [
 					/* @__PURE__ */ jsx("p", {
 						className: "text-foreground text-sm font-medium",
-						children: pauseQuestion
+						children: t("cancel_dialog_pause_question")
 					}),
 					/* @__PURE__ */ jsx(Label, {
 						htmlFor: "cancel-pause-months",
 						className: "text-foreground text-sm font-semibold",
-						children: "Pause for"
+						children: t("pause_for")
 					}),
 					/* @__PURE__ */ jsxs(Select, {
 						value: selectedMonths ? String(selectedMonths) : void 0,
@@ -3277,14 +3443,10 @@ function CancelSubscriptionDialog({ open, onOpenChange, onConfirm, onPauseInstea
 						children: [/* @__PURE__ */ jsx(SelectTrigger, {
 							id: "cancel-pause-months",
 							className: "w-full",
-							children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select duration" })
-						}), /* @__PURE__ */ jsx(SelectContent, { children: PAUSE_MONTH_OPTIONS.map((months) => /* @__PURE__ */ jsxs(SelectItem, {
+							children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("select_duration") })
+						}), /* @__PURE__ */ jsx(SelectContent, { children: PAUSE_MONTH_OPTIONS.map((months) => /* @__PURE__ */ jsx(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__ */ jsx(Button, {
@@ -3292,7 +3454,7 @@ function CancelSubscriptionDialog({ open, onOpenChange, onConfirm, onPauseInstea
 						onClick: handlePause,
 						disabled: isPending || !selectedMonths,
 						className: "w-full",
-						children: pauseButtonText
+						children: t("cancel_dialog_pause_button")
 					})
 				]
 			}),
@@ -3304,13 +3466,13 @@ function CancelSubscriptionDialog({ open, onOpenChange, onConfirm, onPauseInstea
 				className: "flex-col gap-2 sm:flex-row sm:justify-end",
 				children: [/* @__PURE__ */ jsx(AlertDialogCancel, {
 					disabled: isPending,
-					children: cancelButtonText
+					children: t("cancel_dialog_cancel_button")
 				}), /* @__PURE__ */ jsx(Button, {
 					variant: "destructive",
 					onClick: handleConfirm,
 					disabled: isPending,
 					autoFocus: true,
-					children: isPending ? "..." : actionButtonText
+					children: isPending ? "..." : t("cancel_dialog_confirm_button")
 				})]
 			})
 		] })
@@ -3318,7 +3480,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] = useState("indefinite");
 	const [selectedOrderCount, setSelectedOrderCount] = useState(null);
 	const orderCountOptions = Array.from({ length: 99 }, (_, i) => i + 1);
@@ -3347,19 +3510,22 @@ function PauseSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, err
 	};
 	const statusMessage = (() => {
 		if (pauseType === "indefinite") return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-			"If you pause indefinitely no further charges will occur. To restart, simply select ",
-			/* @__PURE__ */ jsx("strong", { children: "Resume" }),
-			" from your account."
+			t("pause_indefinite_message_prefix"),
+			" ",
+			/* @__PURE__ */ jsx("strong", { children: t("pause_indefinite_message_resume") }),
+			" ",
+			t("pause_indefinite_message_suffix")
 		] });
 		if (!selectedOrderCount) return null;
+		const displayDate = calculatedResumeDate ? format(calculatedResumeDate, "MMMM d, yyyy") : "a future date";
 		return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-			"You won't be charged until your subscription resumes on",
+			t("pause_resume_message_prefix"),
 			" ",
 			/* @__PURE__ */ jsx("span", {
 				className: "font-semibold",
-				children: calculatedResumeDate ? format(calculatedResumeDate, "MMMM d, yyyy") : "a future date"
+				children: displayDate
 			}),
-			"."
+			t("pause_resume_message_suffix")
 		] });
 	})();
 	const isActionDisabled = pauseType === "order_count" && !selectedOrderCount;
@@ -3374,7 +3540,7 @@ function PauseSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, err
 					className: "flex flex-row justify-between",
 					children: /* @__PURE__ */ jsx(DialogTitle, {
 						className: "text-md w-full text-left font-medium",
-						children: title
+						children: t("pause_dialog_title")
 					})
 				}),
 				/* @__PURE__ */ jsxs("div", {
@@ -3382,7 +3548,7 @@ function PauseSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, err
 					children: [/* @__PURE__ */ jsx("p", {
 						id: "pause-subscription-dialog-description",
 						className: "text-muted-foreground text-sm",
-						children: description
+						children: t("pause_dialog_description")
 					}), /* @__PURE__ */ jsxs("div", {
 						className: "space-y-4",
 						children: [
@@ -3397,7 +3563,7 @@ function PauseSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, err
 								}), /* @__PURE__ */ jsx(Label, {
 									htmlFor: "pause-indefinitely",
 									className: "text-foreground cursor-pointer text-sm font-medium",
-									children: "Pause indefinitely"
+									children: t("pause_indefinitely")
 								})]
 							}),
 							/* @__PURE__ */ jsxs("div", {
@@ -3413,13 +3579,13 @@ function PauseSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, err
 									}), /* @__PURE__ */ jsx(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__ */ jsxs("div", {
 									className: "ml-6 space-y-2",
 									children: [/* @__PURE__ */ jsx(Label, {
 										className: "text-foreground text-sm font-semibold",
-										children: "Choose how many orders to skip"
+										children: t("choose_orders_to_skip")
 									}), /* @__PURE__ */ jsxs("select", {
 										value: selectedOrderCount ?? "",
 										onChange: (e) => setSelectedOrderCount(Number(e.target.value)),
@@ -3427,7 +3593,7 @@ function PauseSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, err
 										children: [/* @__PURE__ */ jsx("option", {
 											value: "",
 											disabled: true,
-											children: "Select"
+											children: t("select")
 										}), orderCountOptions.map((count) => /* @__PURE__ */ jsx("option", {
 											value: count,
 											children: count
@@ -3452,13 +3618,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__ */ jsx(Button, {
 						type: "button",
 						className: "h-10 min-w-[70px] rounded p-3",
 						onClick: handleConfirm,
 						disabled: isActionDisabled || isLoading,
-						children: isLoading ? /* @__PURE__ */ 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__ */ 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")
 					})]
 				}) })
 			]
@@ -3479,7 +3645,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] = useState(void 0);
 	const [calendarOpen, setCalendarOpen] = useState(false);
 	const today = /* @__PURE__ */ new Date();
@@ -3511,7 +3678,7 @@ function ResumeSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, er
 					className: "flex flex-row justify-between",
 					children: /* @__PURE__ */ jsx(DialogTitle, {
 						className: "text-md w-full text-left font-medium",
-						children: title
+						children: t("resume_dialog_title")
 					})
 				}),
 				/* @__PURE__ */ jsxs("div", {
@@ -3519,13 +3686,13 @@ function ResumeSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, er
 					children: [/* @__PURE__ */ jsx("p", {
 						id: "resume-subscription-dialog-description",
 						className: "text-muted-foreground text-left text-sm",
-						children: description
+						children: t("resume_dialog_description")
 					}), /* @__PURE__ */ jsxs("div", {
 						className: "space-y-2",
 						children: [
 							/* @__PURE__ */ jsx(Label, {
 								className: "text-foreground text-sm font-semibold",
-								children: "Resume date"
+								children: t("resume_date")
 							}),
 							/* @__PURE__ */ jsxs(Popover, {
 								open: calendarOpen,
@@ -3535,7 +3702,7 @@ function ResumeSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, er
 									children: /* @__PURE__ */ jsxs(Button, {
 										variant: "outline",
 										className: cn$1("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 ? format(selectedDate, "MM/dd/yyyy") : /* @__PURE__ */ jsx("span", { children: "mm/dd/yyyy" }), /* @__PURE__ */ jsx(CalendarIcon, { className: "text-muted-foreground ml-auto h-4 w-4" })]
+										children: [selectedDate ? format(selectedDate, "MM/dd/yyyy") : /* @__PURE__ */ jsx("span", { children: t("date_placeholder") }), /* @__PURE__ */ jsx(CalendarIcon, { className: "text-muted-foreground ml-auto h-4 w-4" })]
 									})
 								}), /* @__PURE__ */ jsx(PopoverContent, {
 									className: "bg-popover w-auto rounded-md border p-0 shadow-lg",
@@ -3562,13 +3729,13 @@ function ResumeSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, er
 							selectedDate && /* @__PURE__ */ 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__ */ jsx("span", {
 										className: "font-semibold",
 										children: format(selectedDate, "MMMM d, yyyy")
 									}),
-									"."
+									t("resume_charge_message_suffix")
 								]
 							})
 						]
@@ -3583,13 +3750,13 @@ function ResumeSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, er
 					children: [/* @__PURE__ */ jsx(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__ */ jsx(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__ */ 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__ */ 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")
 					})]
 				}) })
 			]
@@ -3620,7 +3787,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] = useState(void 0);
 	const [calendarOpen, setCalendarOpen] = useState(false);
 	const [popoverContainer, setPopoverContainer] = useState(null);
@@ -3703,7 +3871,7 @@ function EditBillDateDialog({ open, onOpenChange, onConfirm, isLoading, errorMes
 					className: "flex flex-row justify-between",
 					children: /* @__PURE__ */ jsx(DialogTitle, {
 						className: "text-md w-full text-left font-medium",
-						children: title
+						children: t("edit_bill_date_title")
 					})
 				}),
 				/* @__PURE__ */ jsxs("div", {
@@ -3712,13 +3880,13 @@ function EditBillDateDialog({ open, onOpenChange, onConfirm, isLoading, errorMes
 						/* @__PURE__ */ jsx("p", {
 							id: "edit-bill-date-dialog-description",
 							className: "text-muted-foreground text-sm",
-							children: description
+							children: t("edit_bill_date_description")
 						}),
 						/* @__PURE__ */ jsxs("div", {
 							className: "space-y-2",
 							children: [/* @__PURE__ */ jsx(Label, {
 								className: "text-foreground text-sm font-semibold",
-								children: "Next bill date"
+								children: t("next_bill_date_label")
 							}), /* @__PURE__ */ jsx(PortalContainerProvider, {
 								container: popoverContainer,
 								children: /* @__PURE__ */ jsxs(Popover, {
@@ -3729,7 +3897,7 @@ function EditBillDateDialog({ open, onOpenChange, onConfirm, isLoading, errorMes
 										children: /* @__PURE__ */ jsxs(Button, {
 											variant: "outline",
 											className: cn$1("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 ? format(selectedDate, "MM/dd/yyyy") : /* @__PURE__ */ jsx("span", { children: "mm/dd/yyyy" }), /* @__PURE__ */ jsx(CalendarIcon, { className: "text-muted-foreground ml-auto h-4 w-4" })]
+											children: [selectedDate ? format(selectedDate, "MM/dd/yyyy") : /* @__PURE__ */ jsx("span", { children: t("date_placeholder") }), /* @__PURE__ */ jsx(CalendarIcon, { className: "text-muted-foreground ml-auto h-4 w-4" })]
 										})
 									}), /* @__PURE__ */ jsx(PopoverContent, {
 										className: "bg-popover pointer-events-auto z-[9999] w-auto rounded-md border p-0 shadow-lg",
@@ -3759,20 +3927,20 @@ function EditBillDateDialog({ open, onOpenChange, onConfirm, isLoading, errorMes
 						selectedDate && /* @__PURE__ */ jsxs("div", {
 							className: "text-muted-foreground text-xs",
 							children: [
-								"Your next bill will be on",
+								t("bill_date_preview_prefix"),
 								" ",
 								/* @__PURE__ */ jsx("span", {
 									className: "font-semibold",
 									children: previewDate
 								}),
-								"."
+								t("bill_date_preview_suffix")
 							]
 						}),
 						subscriptionsWithColor.length > 0 && /* @__PURE__ */ jsxs("div", {
 							className: "space-y-2",
 							children: [/* @__PURE__ */ jsx(Label, {
 								className: "text-foreground text-sm font-semibold",
-								children: "Your other subscriptions"
+								children: t("your_other_subscriptions")
 							}), /* @__PURE__ */ jsx("div", {
 								className: "border-border max-h-40 overflow-auto rounded-md border",
 								children: /* @__PURE__ */ jsxs("table", {
@@ -3786,11 +3954,11 @@ function EditBillDateDialog({ open, onOpenChange, onConfirm, isLoading, errorMes
 											}),
 											/* @__PURE__ */ jsx("th", {
 												className: "px-3 py-2 text-left font-medium",
-												children: "Product"
+												children: t("other_subs_product")
 											}),
 											/* @__PURE__ */ jsx("th", {
 												className: "w-28 px-3 py-2 text-left font-medium",
-												children: "Bill Date"
+												children: t("other_subs_bill_date")
 											})
 										] })
 									}), /* @__PURE__ */ jsx("tbody", {
@@ -3841,13 +4009,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__ */ jsx(Button, {
 						type: "button",
 						className: "h-10 min-w-[70px] rounded p-3",
 						onClick: handleConfirm,
 						disabled: !selectedDate || isLoading,
-						children: isLoading ? /* @__PURE__ */ 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__ */ 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")
 					})]
 				}) })
 			]
@@ -4034,6 +4202,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;
@@ -4050,7 +4219,7 @@ function SubscriptionItemsSection({ subscription, displayQuantity, displayNextBi
 					className: "mt-4",
 					children: [/* @__PURE__ */ jsx("h2", {
 						className: "text-foreground mb-2 text-lg font-medium",
-						children: "Your Upcoming Order"
+						children: t("your_upcoming_order")
 					}), /* @__PURE__ */ jsxs("div", {
 						className: "text-muted-foreground",
 						children: [/* @__PURE__ */ jsxs("div", {
@@ -4059,7 +4228,7 @@ function SubscriptionItemsSection({ subscription, displayQuantity, displayNextBi
 								className: "border-border border-r pr-4",
 								children: [/* @__PURE__ */ jsx("div", {
 									className: "text-muted-foreground mb-1 text-sm",
-									children: "Next Order Date"
+									children: t("next_order_date")
 								}), /* @__PURE__ */ jsx("div", {
 									className: "text-foreground text-2xl font-bold",
 									children: getNextBillDisplay(displayNextBillDate ? {
@@ -4072,7 +4241,7 @@ function SubscriptionItemsSection({ subscription, displayQuantity, displayNextBi
 								children: [
 									/* @__PURE__ */ jsx("div", {
 										className: "text-muted-foreground mb-1 text-sm",
-										children: "Next Bill Amount"
+										children: t("next_bill_amount")
 									}),
 									/* @__PURE__ */ jsx("div", {
 										className: "text-foreground text-2xl font-bold",
@@ -4099,13 +4268,13 @@ function SubscriptionItemsSection({ subscription, displayQuantity, displayNextBi
 									className: "bg-muted h-24 w-24 overflow-hidden rounded",
 									children: [product?.image_url ? /* @__PURE__ */ 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__ */ 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__ */ 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
@@ -4134,7 +4303,7 @@ function SubscriptionItemsSection({ subscription, displayQuantity, displayNextBi
 							children: [/* @__PURE__ */ jsx("label", {
 								htmlFor: quantityInputId,
 								className: "text-muted-foreground mb-1 text-xs",
-								children: "Quantity"
+								children: t("quantity_label")
 							}), /* @__PURE__ */ jsx(QuantityInput, {
 								inputId: quantityInputId,
 								quantity,
@@ -4151,7 +4320,7 @@ function SubscriptionItemsSection({ subscription, displayQuantity, displayNextBi
 							className: "flex justify-between text-sm",
 							children: [/* @__PURE__ */ jsx("p", {
 								className: "text-muted-foreground text-sm font-medium",
-								children: "Subtotal"
+								children: t("subtotal")
 							}), /* @__PURE__ */ jsx("p", {
 								className: "text-muted-foreground text-sm font-medium",
 								children: subtotal
@@ -4160,7 +4329,7 @@ function SubscriptionItemsSection({ subscription, displayQuantity, displayNextBi
 							className: "mt-2 flex justify-between text-sm",
 							children: [/* @__PURE__ */ jsx("p", {
 								className: "text-muted-foreground text-sm font-medium",
-								children: "Discount"
+								children: t("discount")
 							}), /* @__PURE__ */ jsxs("p", {
 								className: "text-muted-foreground text-sm font-medium",
 								children: ["-", formatCurrency(discount * quantity)]
@@ -4170,7 +4339,7 @@ function SubscriptionItemsSection({ subscription, displayQuantity, displayNextBi
 							className: "mt-4 flex items-center justify-between text-base font-medium",
 							children: [/* @__PURE__ */ jsx("p", {
 								className: "text-muted-foreground text-sm font-medium",
-								children: "Total"
+								children: t("total_label")
 							}), /* @__PURE__ */ jsx("p", {
 								className: "text-foreground text-base font-bold",
 								children: formatCurrency(subscription.price * quantity)
@@ -4178,7 +4347,7 @@ function SubscriptionItemsSection({ subscription, displayQuantity, displayNextBi
 						}),
 						/* @__PURE__ */ jsx("span", {
 							className: "text-muted-foreground text-xs",
-							children: "*Tax and shipping calculated at checkout"
+							children: t("tax_shipping_note")
 						})
 					]
 				})
@@ -4187,6 +4356,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);
@@ -4202,7 +4372,7 @@ function SubscriptionManagementSection({ subscription, isActive, isPaused, isCan
 					className: "border-border mb-6 border-b pb-6",
 					children: [/* @__PURE__ */ jsx("h2", {
 						className: "text-foreground mb-3 text-sm/6 font-semibold",
-						children: "Order Actions"
+						children: t("order_actions")
 					}), /* @__PURE__ */ jsxs("div", {
 						className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
 						children: [
@@ -4213,7 +4383,7 @@ function SubscriptionManagementSection({ subscription, isActive, isPaused, isCan
 								className: actionButtonClass,
 								children: [/* @__PURE__ */ jsx(SkipForward, { className: "h-3 w-3 shrink-0" }), /* @__PURE__ */ jsx("span", {
 									className: "truncate",
-									children: "Skip Next Order"
+									children: t("skip_next_order")
 								})]
 							}),
 							isActive && /* @__PURE__ */ jsxs(Button, {
@@ -4223,7 +4393,7 @@ function SubscriptionManagementSection({ subscription, isActive, isPaused, isCan
 								className: actionButtonClass,
 								children: [/* @__PURE__ */ jsx(CalendarDays, { className: "h-3 w-3 shrink-0" }), /* @__PURE__ */ jsx("span", {
 									className: "truncate",
-									children: "Edit Bill Date"
+									children: t("edit_bill_date")
 								})]
 							}),
 							isActive && /* @__PURE__ */ jsxs(Button, {
@@ -4233,7 +4403,7 @@ function SubscriptionManagementSection({ subscription, isActive, isPaused, isCan
 								className: actionButtonClass,
 								children: [/* @__PURE__ */ jsx(Pause, { className: "h-3 w-3 shrink-0" }), /* @__PURE__ */ jsx("span", {
 									className: "truncate",
-									children: "Pause Subscription"
+									children: t("pause_subscription")
 								})]
 							}),
 							/* @__PURE__ */ jsxs(Button, {
@@ -4243,7 +4413,7 @@ function SubscriptionManagementSection({ subscription, isActive, isPaused, isCan
 								className: actionButtonClass,
 								children: [/* @__PURE__ */ jsx(XCircle, { className: "h-3 w-3 shrink-0" }), /* @__PURE__ */ jsx("span", {
 									className: "truncate",
-									children: isCancelled ? "Cancelled Subscription" : "Cancel Subscription"
+									children: isCancelled ? t("cancelled_subscription") : t("cancel_subscription")
 								})]
 							}),
 							isPaused && /* @__PURE__ */ jsxs(Button, {
@@ -4253,7 +4423,7 @@ function SubscriptionManagementSection({ subscription, isActive, isPaused, isCan
 								className: actionButtonClass,
 								children: [/* @__PURE__ */ jsx(Play, { className: "h-3 w-3 shrink-0" }), /* @__PURE__ */ jsx("span", {
 									className: "truncate",
-									children: "Resume Subscription"
+									children: t("resume_subscription")
 								})]
 							}),
 							isCancelled && /* @__PURE__ */ jsxs(Button, {
@@ -4263,7 +4433,7 @@ function SubscriptionManagementSection({ subscription, isActive, isPaused, isCan
 								className: actionButtonClass,
 								children: [/* @__PURE__ */ jsx(RotateCcw, { className: "h-3 w-3 shrink-0" }), /* @__PURE__ */ jsx("span", {
 									className: "truncate",
-									children: "Reactivate Subscription"
+									children: t("reactivate_subscription")
 								})]
 							})
 						]
@@ -4275,7 +4445,7 @@ function SubscriptionManagementSection({ subscription, isActive, isPaused, isCan
 						className: "mb-4 flex items-center justify-between",
 						children: [/* @__PURE__ */ jsx("h3", {
 							className: "text-foreground text-sm/6 font-semibold",
-							children: "Subscription Details"
+							children: t("subscription_details")
 						}), /* @__PURE__ */ jsx(StatusPill, {
 							status: subscription.status,
 							children: startCase(subscription.status)
@@ -4287,7 +4457,7 @@ function SubscriptionManagementSection({ subscription, isActive, isPaused, isCan
 								className: "flex-1 pr-4",
 								children: [/* @__PURE__ */ jsx("div", {
 									className: "text-muted-foreground text-sm",
-									children: "Order Frequency"
+									children: t("order_frequency")
 								}), /* @__PURE__ */ jsx("div", {
 									className: "text-foreground font-medium",
 									children: formatSubscriptionFrequency(plan.billing_interval_unit)
@@ -4298,7 +4468,7 @@ function SubscriptionManagementSection({ subscription, isActive, isPaused, isCan
 								children: [
 									/* @__PURE__ */ jsx("div", {
 										className: "text-muted-foreground text-sm",
-										children: "Next Payment"
+										children: t("next_payment")
 									}),
 									/* @__PURE__ */ jsx("div", {
 										className: "text-foreground font-medium",
@@ -4314,7 +4484,7 @@ function SubscriptionManagementSection({ subscription, isActive, isPaused, isCan
 								className: "flex-1 pl-4 text-right",
 								children: [/* @__PURE__ */ jsx("div", {
 									className: "text-muted-foreground text-sm",
-									children: "Last Billed"
+									children: t("last_billed")
 								}), /* @__PURE__ */ jsx("div", {
 									className: "text-foreground font-medium",
 									children: formatDate(subscription.last_bill_date)
@@ -4327,7 +4497,7 @@ function SubscriptionManagementSection({ subscription, isActive, isPaused, isCan
 					className: "pt-2",
 					children: [/* @__PURE__ */ jsx("h3", {
 						className: "text-foreground mb-4 text-sm/6 font-semibold",
-						children: "Payment & Shipping"
+						children: t("payment_and_shipping")
 					}), /* @__PURE__ */ jsxs("div", {
 						className: "flex flex-col",
 						children: [renderShippingAddress ? renderShippingAddress({
@@ -4339,7 +4509,7 @@ function SubscriptionManagementSection({ subscription, isActive, isPaused, isCan
 							className: "border-border mb-6 border-b pb-4",
 							children: [/* @__PURE__ */ jsx("div", {
 								className: "text-muted-foreground mt-3 mb-1 text-sm",
-								children: "Shipping Address"
+								children: t("shipping_address")
 							}), /* @__PURE__ */ jsxs("div", {
 								className: "text-foreground text-sm",
 								children: [
@@ -4366,16 +4536,16 @@ function SubscriptionManagementSection({ subscription, isActive, isPaused, isCan
 							className: "border-border mb-6 border-b pb-4",
 							children: [/* @__PURE__ */ jsx("div", {
 								className: "text-muted-foreground mb-1 text-sm",
-								children: "Payment Method"
+								children: t("payment_method")
 							}), /* @__PURE__ */ jsxs("div", {
 								className: "text-foreground flex items-center gap-2 text-sm",
 								children: [paymentDetails?.logo_url && /* @__PURE__ */ jsx("img", {
 									src: paymentDetails.logo_url,
-									alt: paymentDetails.card_type ?? "Card",
+									alt: paymentDetails.card_type ?? t("card_fallback"),
 									className: "h-6"
 								}), /* @__PURE__ */ 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 })}` : ""]
 								})]
 							})]
 						}))]
@@ -4386,12 +4556,13 @@ function SubscriptionManagementSection({ subscription, isActive, isPaused, isCan
 	});
 }
 function OrderHistorySection({ subscription }) {
+	const { t } = useSubscriptionsTranslation();
 	if (subscription.orders.length === 0) return null;
 	return /* @__PURE__ */ jsxs("section", {
 		className: "mt-6 px-8 pt-6 pb-8",
 		children: [/* @__PURE__ */ jsx("h3", {
 			className: "text-foreground mb-3 text-sm/6 font-semibold",
-			children: "Subscription Order History"
+			children: t("subscription_order_history")
 		}), /* @__PURE__ */ jsx("div", {
 			className: "border-border overflow-x-auto rounded-md border",
 			children: /* @__PURE__ */ jsxs("table", {
@@ -4401,19 +4572,19 @@ function OrderHistorySection({ subscription }) {
 					children: /* @__PURE__ */ jsxs("tr", { children: [
 						/* @__PURE__ */ jsx("th", {
 							className: "text-muted-foreground py-2 pr-3 pl-3 text-left font-medium",
-							children: "Order"
+							children: t("order")
 						}),
 						/* @__PURE__ */ jsx("th", {
 							className: "text-muted-foreground px-3 py-2 text-left font-medium",
-							children: "Date"
+							children: t("date")
 						}),
 						/* @__PURE__ */ jsx("th", {
 							className: "text-muted-foreground px-3 py-2 text-left font-medium",
-							children: "Status"
+							children: t("status")
 						}),
 						/* @__PURE__ */ jsx("th", {
 							className: "text-muted-foreground py-2 pr-3 pl-3 text-right font-medium",
-							children: "Amount"
+							children: t("amount")
 						})
 					] })
 				}), /* @__PURE__ */ jsx("tbody", {
@@ -4436,7 +4607,7 @@ function OrderHistorySection({ subscription }) {
 						}),
 						/* @__PURE__ */ 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))
 				})]
@@ -4445,6 +4616,7 @@ function OrderHistorySection({ subscription }) {
 	});
 }
 function SubscriptionDetail({ token, onNotFound, onError, onSuccess, onMutationError, onNavigateToSubscription, renderPaymentMethod, renderShippingAddress }) {
+	const { t } = useSubscriptionsTranslation();
 	const [showCancelModal, setShowCancelModal] = useState(false);
 	const [showPauseModal, setShowPauseModal] = useState(false);
 	const [showResumeModal, setShowResumeModal] = useState(false);
@@ -4456,53 +4628,57 @@ function SubscriptionDetail({ token, onNotFound, onError, onSuccess, onMutationE
 	const customerSubscriptionsQuery = useSubscriptions({ perPage: 100 }, { enabled: showEditBillDateModal });
 	const otherSubscriptionsForBillDate = 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] = useState(null);
 	const quantityDebounceRef = 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;
@@ -4653,7 +4829,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
@@ -4666,7 +4842,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
@@ -4679,7 +4855,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)
 		})
 	] });
@@ -4687,6 +4863,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__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ScreenHeaderBreadcrumbs, { children: /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsxs(BreadcrumbList, {
 		className: "text-lg",
 		children: [
@@ -4696,12 +4873,12 @@ function SubscriptionDetailScreen$1({ token, onNavigateToList, onNavigateToSubsc
 					e.preventDefault();
 					onNavigateToList();
 				},
-				children: "Subscriptions"
+				children: t("breadcrumb")
 			}) }),
 			/* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
-			/* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsxs(BreadcrumbPage, {
+			/* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, {
 				className: "font-semibold",
-				children: ["Subscription #", token]
+				children: t("breadcrumb_detail", { token })
 			}) })
 		]
 	}) }) }), /* @__PURE__ */ jsx("div", {
@@ -5462,35 +5639,40 @@ function PortalSubscriptionShippingAddressSection({ address: currentAddress, sub
 //#region src/screens/SubscriptionDetailScreen.tsx
 function SubscriptionDetailScreen({ token, onToast }) {
 	const { navigate } = useAppNavigation();
+	const { t } = useSubscriptionsTranslation();
 	return /* @__PURE__ */ jsx(SubscriptionDetailScreen$1, {
 		token,
-		onNavigateToList: () => navigate("subscriptions"),
-		onNavigateToSubscription: (nextToken) => navigate(`subscriptions/${nextToken}`),
-		onNotFound: () => {
-			onToast("Subscription not found", "warning");
+		onNavigateToList: useCallback(() => navigate("subscriptions"), [navigate]),
+		onNavigateToSubscription: useCallback((nextToken) => navigate(`subscriptions/${nextToken}`), [navigate]),
+		onNotFound: 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: useCallback((err) => {
+			onToast(t("failed_to_load_subscription", { message: err instanceof Error ? err.message : t("error_occurred") }), "error");
+		}, [onToast, t]),
+		onSuccess: useCallback((message) => {
 			onToast(message, "success");
-		},
-		onMutationError: (message, err) => {
-			onToast(`${message}: ${err instanceof Error ? err.message : "An error occurred"}`, "error");
-		},
+		}, [onToast]),
+		onMutationError: useCallback((message, err) => {
+			onToast(`${message}: ${err instanceof Error ? err.message : t("error_occurred")}`, "error");
+		}, [onToast, t]),
 		renderPaymentMethod: (ctx) => /* @__PURE__ */ 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__ */ 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");
 			}
 		})
 	});
@@ -5515,19 +5697,15 @@ function SubscriptionsScreen({ onToast, background, textColor, accentColor, padd
 	const { data: account } = useAccount();
 	const customerId = account?.id;
 	const isLoadingCustomer = account === void 0;
-	if (isDetailView) return /* @__PURE__ */ jsx("div", {
+	return /* @__PURE__ */ jsx("div", {
 		...divProps,
-		children: /* @__PURE__ */ jsx(PortalSubscriptionsApiProvider, { children: /* @__PURE__ */ jsx(SubscriptionDetailScreen, {
+		children: /* @__PURE__ */ jsx(SubscriptionsTranslationBridge, { children: isDetailView ? /* @__PURE__ */ jsx(PortalSubscriptionsApiProvider, { children: /* @__PURE__ */ jsx(SubscriptionDetailScreen, {
 			token: detailToken,
 			onToast: effectiveToast
-		}) })
-	});
-	return /* @__PURE__ */ jsx("div", {
-		...divProps,
-		children: /* @__PURE__ */ jsx(PortalSubscriptionsApiProvider, { children: /* @__PURE__ */ jsx(SubscriptionsListScreen, {
+		}) }) : /* @__PURE__ */ jsx(PortalSubscriptionsApiProvider, { children: /* @__PURE__ */ jsx(SubscriptionsListScreen, {
 			customerId,
 			isLoadingCustomer
-		}) })
+		}) }) })
 	});
 }
 const subscriptionsScreenPropertySchema = {
@@ -5542,4 +5720,4 @@ const subscriptionsScreenPropertySchema = {
 //#endregion
 export { SubscriptionsScreen_exports as n, subscriptionsScreenPropertySchema as r, SubscriptionsScreen as t };
 
-//# sourceMappingURL=SubscriptionsScreen-TwddR9dd.mjs.map
+//# sourceMappingURL=SubscriptionsScreen-CWnj0SIk.mjs.map