@fluid-app/portal-sdk 0.1.285 → 0.1.287

package/dist/index.mjs

@@ -5,12 +5,12 @@ import "./store-api-context-C1lXT_3d.mjs";
 import "./api-context-3GmfqvIB.mjs";
 import "./mysite-api-context-5-qpKHWA.mjs";
 import "./countries-api-context-CMh13cfX.mjs";
-import { r as contactsScreenPropertySchema, t as ContactsScreen } from "./ContactsScreen-BIPKKITz.mjs";
+import { r as contactsScreenPropertySchema, t as ContactsScreen } from "./ContactsScreen-CLLyfNru.mjs";
 import { n as usePortalTenantClient } from "./PortalTenantClientProvider-BF-1Fy27.mjs";
 import "./registry-context-DdfXs3K3.mjs";
 import { t as WidgetInteractionProvider } from "./WidgetInteractionContext-D8HZx_Gf.mjs";
 import { a as useRepUser, i as RepUserProvider, r as embedWidgetPropertySchema, t as EmbedWidget } from "./EmbedWidget-BO6P4QHc.mjs";
-import "./static-dict-adapter-OprHuHgs.mjs";
+import { i as createTranslationContext, n as createDomainTranslations, o as useActiveLocale, r as useDomainDict, t as createStaticDictAdapter } from "./static-dict-adapter-OprHuHgs.mjs";
 import "./error-state-DSJb-3r5.mjs";
 import { a as sectionLayoutConfig, i as groupChildrenByColumn, r as layoutWidgetPropertySchema, t as LayoutWidget } from "./LayoutWidget-DTgEFTTC.mjs";
 import { g as isPropertyFieldType, h as PROPERTY_FIELD_TYPES, r as gapValues } from "./registries-BR8vLBBe.mjs";
@@ -26,7 +26,7 @@ import { r as carouselWidgetPropertySchema, t as CarouselWidget } from "./Carous
 import { r as catchUpWidgetPropertySchema, t as CatchUpWidget } from "./CatchUpWidget-z6QHlvp8.mjs";
 import { Cn as cn$1, St as CardTitle, at as Popover, bt as CardFooter, ct as Collapsible, gt as Card, h as Skeleton$1, lt as CollapsibleContent, ot as PopoverContent, p as Toaster, st as PopoverTrigger, ut as CollapsibleTrigger, vn as Button, xt as CardHeader, yt as CardDescription } from "./src-Dk1FJOX0.mjs";
 import { a as useMessagingAuth, i as useMessagingConfig, n as messagingScreenPropertySchema, r as createFluidFileUploader, t as MessagingScreen } from "./MessagingScreen-IPHfZLir.mjs";
-import { r as subscriptionsScreenPropertySchema, t as SubscriptionsScreen } from "./SubscriptionsScreen-CWnj0SIk.mjs";
+import { r as subscriptionsScreenPropertySchema, t as SubscriptionsScreen } from "./SubscriptionsScreen-C63ieyKx.mjs";
 import { r as chartWidgetPropertySchema, t as ChartWidget } from "./ChartWidget-rCUOwT7v.mjs";
 import { r as containerWidgetPropertySchema, t as ContainerWidget } from "./ContainerWidget-DjhBudsq.mjs";
 import { r as imageWidgetPropertySchema, t as ImageWidget } from "./ImageWidget-DGABEW2_.mjs";
@@ -48,9 +48,9 @@ import { t as useStore } from "./use-store-BnHhQDYo.mjs";
 import { i as CoreScreenPlaceholder, r as customersScreenPropertySchema, t as CustomersScreen } from "./CustomersScreen-C3CEdnrZ.mjs";
 import { t as useAccount } from "./use-account-B201ntr4.mjs";
 import { n as useAppNavigation, t as AppNavigationProvider } from "./AppNavigationContext-DNomMUij.mjs";
-import "./AddressAutocompleteInput-DiXfEThY.mjs";
+import "./AddressAutocompleteInput-C_H7gSJt.mjs";
 import "./use-mysite-portal-DnA8j1xD.mjs";
-import { n as profileScreenPropertySchema, t as ProfileScreen } from "./ProfileScreen-Be3RVQ2L.mjs";
+import { n as profileScreenPropertySchema, t as ProfileScreen } from "./ProfileScreen-BDvruZ90.mjs";
 import "./dist-q1wrtxfG.mjs";
 import "./es-BEQkl0CY.mjs";
 import "./dist-DtCehmdR.mjs";
@@ -59,8 +59,8 @@ import { r as mySiteScreenPropertySchema, t as MySiteScreen } from "./MySiteScre
 import "./sortable.esm-B0fT3o8H.mjs";
 import { n as shareablesScreenPropertySchema, t as ShareablesScreen } from "./ShareablesScreen-DYOIQwK-.mjs";
 import "./PortalProductsApiProvider-CEZoXSH2.mjs";
-import { n as shopScreenPropertySchema, t as ShopScreen } from "./ShopScreen-CU0ynA2v.mjs";
-import "./UpgradeScreen-C9TjaPoJ.mjs";
+import { n as shopScreenPropertySchema, t as ShopScreen } from "./ShopScreen-BpA6aD2v.mjs";
+import "./UpgradeScreen-WLq4bFhS.mjs";
 import "./AppDownloadScreen-iNXK3dqL.mjs";
 import * as React$1 from "react";
 import { Component, StrictMode, Suspense, createContext, forwardRef, lazy, memo, useCallback, useContext, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
@@ -1270,9 +1270,16 @@ function getNavigationTarget(item, appDefinitionId) {
 	return null;
 }
 //#endregion
+//#region ../core/src/shell-translation-api-context.ts
+const { Context, Provider, useTranslation } = createTranslationContext("Shell");
+const ShellTranslationContext = Context;
+const ShellTranslationProvider = Provider;
+const useShellTranslation = useTranslation;
+//#endregion
 //#region src/shell/SdkBottomNav.tsx
 function SdkBottomNav({ navItems, currentSlug, onNavigate, appDefinitionId = 0, maxVisibleItems = 6 }) {
 	const { isMobile, useBottomNav } = useSidebar();
+	const { t } = useShellTranslation();
 	const [moreOpen, setMoreOpen] = React$1.useState(false);
 	if (!isMobile || !useBottomNav) return null;
 	const navigableItems = navItems.filter((item) => !item.parent_id).filter((item) => item.slug || item.children && item.children.length > 0);
@@ -1303,7 +1310,7 @@ function SdkBottomNav({ navItems, currentSlug, onNavigate, appDefinitionId = 0,
 			type: "button",
 			onClick: () => setMoreOpen(true),
 			className: `flex flex-1 flex-col items-center justify-center gap-0.5 py-2 text-[10px] font-medium transition-colors ${overflowItems.some((item) => isInSection(item, currentSlug)) ? "text-primary" : "text-muted-foreground"}`,
-			children: [/* @__PURE__ */ jsx(Ellipsis, { className: "size-5" }), /* @__PURE__ */ jsx("span", { children: "More" })]
+			children: [/* @__PURE__ */ jsx(Ellipsis, { className: "size-5" }), /* @__PURE__ */ jsx("span", { children: t("nav_more") })]
 		})]
 	}), moreOpen && /* @__PURE__ */ jsxs("div", {
 		className: "fixed inset-0 z-50 flex flex-col",
@@ -1317,12 +1324,12 @@ function SdkBottomNav({ navItems, currentSlug, onNavigate, appDefinitionId = 0,
 				className: "flex items-center justify-between px-4 pt-4 pb-2",
 				children: [/* @__PURE__ */ jsx("span", {
 					className: "text-foreground text-sm font-semibold",
-					children: "More"
+					children: t("nav_more")
 				}), /* @__PURE__ */ jsx("button", {
 					type: "button",
 					onClick: () => setMoreOpen(false),
 					className: "text-muted-foreground hover:bg-sidebar-accent flex items-center justify-center rounded-full p-1",
-					"aria-label": "Close",
+					"aria-label": t("nav_close"),
 					children: /* @__PURE__ */ jsx(X, { className: "size-5" })
 				})]
 			}), /* @__PURE__ */ jsx("div", {
@@ -1563,6 +1570,7 @@ function ensureSpinStyle() {
 * hasn't loaded yet.
 */
 function AppShellLoading() {
+	const { t } = useShellTranslation();
 	useEffect(() => {
 		ensureSpinStyle();
 	}, []);
@@ -1589,7 +1597,7 @@ function AppShellLoading() {
 				color: "#6b7280",
 				fontSize: "0.875rem"
 			},
-			children: "Loading..."
+			children: t("loading")
 		})]
 	});
 }
@@ -1665,6 +1673,7 @@ function SdkMobileProfileMenu({ onNavigate, onLogout }) {
 	const [isOpen, setIsOpen] = useState(false);
 	const user = useRepUser();
 	const themeMode = useThemeMode();
+	const { t } = useShellTranslation();
 	const handleNavigate = useCallback((slug) => {
 		setIsOpen(false);
 		onNavigate(slug);
@@ -1675,10 +1684,10 @@ function SdkMobileProfileMenu({ onNavigate, onLogout }) {
 		type: "button",
 		onClick: () => setIsOpen(true),
 		className: "bg-background text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground flex shrink-0 items-center justify-center rounded-full p-1",
-		"aria-label": "Open profile menu",
+		"aria-label": t("profile_open_menu"),
 		children: user?.imageUrl ? /* @__PURE__ */ jsx("img", {
 			src: user.imageUrl,
-			alt: user.name ?? "User",
+			alt: user.name ?? t("profile_user_fallback"),
 			className: "size-8 rounded-full object-cover"
 		}) : /* @__PURE__ */ jsx("span", {
 			className: "flex size-8 items-center justify-center text-xs font-medium",
@@ -1690,12 +1699,12 @@ function SdkMobileProfileMenu({ onNavigate, onLogout }) {
 			className: "flex items-center justify-between px-4 py-3",
 			children: [/* @__PURE__ */ jsx("span", {
 				className: "text-foreground text-lg font-semibold",
-				children: "Profile"
+				children: t("profile_title")
 			}), /* @__PURE__ */ jsx("button", {
 				type: "button",
 				onClick: () => setIsOpen(false),
 				className: "text-muted-foreground rounded-full p-1",
-				"aria-label": "Close profile menu",
+				"aria-label": t("profile_close_menu"),
 				children: /* @__PURE__ */ jsx(X, { className: "size-5" })
 			})]
 		}), /* @__PURE__ */ jsxs("div", {
@@ -1705,7 +1714,7 @@ function SdkMobileProfileMenu({ onNavigate, onLogout }) {
 					className: "border-border flex items-center gap-3 border-b py-4",
 					children: [user.imageUrl ? /* @__PURE__ */ jsx("img", {
 						src: user.imageUrl,
-						alt: user.name ?? "User",
+						alt: user.name ?? t("profile_user_fallback"),
 						className: "size-10 rounded-full object-cover"
 					}) : /* @__PURE__ */ jsx("span", {
 						className: "bg-muted flex size-10 items-center justify-center rounded-full text-sm font-medium",
@@ -1727,7 +1736,7 @@ function SdkMobileProfileMenu({ onNavigate, onLogout }) {
 						type: "button",
 						onClick: () => handleNavigate("app-download"),
 						className: "text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground flex w-full items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-medium",
-						children: [/* @__PURE__ */ jsx(Smartphone, { className: "size-5" }), /* @__PURE__ */ jsx("span", { children: "App Download" })]
+						children: [/* @__PURE__ */ jsx(Smartphone, { className: "size-5" }), /* @__PURE__ */ jsx("span", { children: t("profile_app_download") })]
 					})
 				}),
 				/* @__PURE__ */ jsxs("div", {
@@ -1736,12 +1745,12 @@ function SdkMobileProfileMenu({ onNavigate, onLogout }) {
 						type: "button",
 						onClick: themeMode.cycleMode,
 						className: "text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground flex w-full items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-medium",
-						children: [themeMode.mode === "dark" ? /* @__PURE__ */ jsx(Moon, { className: "size-5" }) : /* @__PURE__ */ jsx(Sun, { className: "size-5" }), /* @__PURE__ */ jsxs("span", { children: ["Theme: ", themeMode.mode === "light" ? "Light" : "Dark"] })]
+						children: [themeMode.mode === "dark" ? /* @__PURE__ */ jsx(Moon, { className: "size-5" }) : /* @__PURE__ */ jsx(Sun, { className: "size-5" }), /* @__PURE__ */ jsx("span", { children: themeMode.mode === "light" ? t("theme_light") : t("theme_dark") })]
 					}), onLogout && /* @__PURE__ */ jsxs("button", {
 						type: "button",
 						onClick: onLogout,
 						className: "text-destructive hover:bg-sidebar-accent flex w-full items-center gap-3 rounded-lg px-3 py-2.5 text-sm font-medium",
-						children: [/* @__PURE__ */ jsx(LogOut, { className: "size-5" }), /* @__PURE__ */ jsx("span", { children: "Log out" })]
+						children: [/* @__PURE__ */ jsx(LogOut, { className: "size-5" }), /* @__PURE__ */ jsx("span", { children: t("logout") })]
 					})]
 				})
 			]
@@ -1752,6 +1761,7 @@ function SdkMobileProfileMenu({ onNavigate, onLogout }) {
 //#region src/shell/SdkHeader.tsx
 function SdkHeader({ mobileTabs, currentSlug, onNavigate, onLogout }) {
 	const sidebar = useSidebar();
+	const { t } = useShellTranslation();
 	const isMobileWithBottomNav = sidebar.isMobile && sidebar.useBottomNav;
 	const isMobileWithHamburger = sidebar.isMobile && !sidebar.useBottomNav;
 	if (!isMobileWithBottomNav && !isMobileWithHamburger) return null;
@@ -1772,7 +1782,7 @@ function SdkHeader({ mobileTabs, currentSlug, onNavigate, onLogout }) {
 				type: "button",
 				onClick: sidebar.toggleSidebar,
 				className: "text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground flex shrink-0 items-center justify-center rounded-md p-2",
-				"aria-label": "Toggle sidebar",
+				"aria-label": t("nav_toggle_sidebar"),
 				children: /* @__PURE__ */ jsx(Menu, { className: "size-5" })
 			})
 		}), isMobileWithBottomNav && mobileTabs && mobileTabs.length > 0 && /* @__PURE__ */ jsx("nav", {
@@ -1970,14 +1980,15 @@ function FallbackCard({ icon, title, description, actions }) {
 * portal isn't configured to render anything for this path.
 */
 function ScreenNotFound({ name }) {
+	const { t } = useShellTranslation();
 	return /* @__PURE__ */ jsx(FallbackCard, {
 		icon: /* @__PURE__ */ jsx(Compass, {}),
-		title: "Page not found",
-		description: name ? `We couldn't find a page for "${name}".` : "We couldn't find the page you were looking for.",
+		title: t("not_found_title"),
+		description: name ? t("not_found_named", { name }) : t("not_found_generic"),
 		actions: /* @__PURE__ */ jsx(Button, {
 			variant: "default",
 			onClick: goBackOrHome,
-			children: "Go back"
+			children: t("error_go_back")
 		})
 	});
 }
@@ -1987,6 +1998,7 @@ function ScreenNotFound({ name }) {
 * Shown when a customer attempts to access a rep-only page via direct URL.
 */
 function AccessDeniedScreen() {
+	const { t } = useShellTranslation();
 	return /* @__PURE__ */ jsx("div", {
 		className: "flex min-h-[400px] items-center justify-center",
 		children: /* @__PURE__ */ jsxs("div", {
@@ -1994,15 +2006,15 @@ function AccessDeniedScreen() {
 			children: [
 				/* @__PURE__ */ jsx("h2", {
 					className: "text-foreground text-xl font-semibold",
-					children: "Access Denied"
+					children: t("access_denied_title")
 				}),
 				/* @__PURE__ */ jsx("p", {
 					className: "text-muted-foreground mt-2",
-					children: "You don't have permission to view this page."
+					children: t("access_denied_description")
 				}),
 				/* @__PURE__ */ jsx("p", {
 					className: "text-muted-foreground mt-1 text-sm",
-					children: "This feature is not available for your account type."
+					children: t("access_denied_detail")
 				})
 			]
 		})
@@ -2066,16 +2078,16 @@ function BuilderScreenViewImpl({ screen, className }) {
 const BuilderScreenView = memo(BuilderScreenViewImpl);
 //#endregion
 //#region src/shell/system-screen-map.ts
-const ProfileScreen$1 = lazy(() => import("./ProfileScreen-D9YYYFK-.mjs").then((m) => ({ default: m.ProfileScreen })));
-const OrdersScreen$1 = lazy(() => import("./OrdersScreen-DGPo2Jne.mjs").then((m) => ({ default: m.OrdersScreen })));
-const SubscriptionsScreen$1 = lazy(() => import("./SubscriptionsScreen-CWnj0SIk.mjs").then((n) => n.n).then((m) => ({ default: m.SubscriptionsScreen })));
+const ProfileScreen$1 = lazy(() => import("./ProfileScreen-BH0A6Y3R.mjs").then((m) => ({ default: m.ProfileScreen })));
+const OrdersScreen$1 = lazy(() => import("./OrdersScreen-D1HtnFc-.mjs").then((m) => ({ default: m.OrdersScreen })));
+const SubscriptionsScreen$1 = lazy(() => import("./SubscriptionsScreen-C63ieyKx.mjs").then((n) => n.n).then((m) => ({ default: m.SubscriptionsScreen })));
 const MessagingScreen$1 = lazy(() => import("./MessagingScreen-91lU35WN.mjs").then((m) => ({ default: m.MessagingScreen })));
-const ContactsScreen$1 = lazy(() => import("./ContactsScreen-BIPKKITz.mjs").then((n) => n.n).then((m) => ({ default: m.ContactsScreen })));
-const ShopScreen$1 = lazy(() => import("./ShopScreen-BZAx17Hz.mjs").then((m) => ({ default: m.ShopScreen })));
+const ContactsScreen$1 = lazy(() => import("./ContactsScreen-CLLyfNru.mjs").then((n) => n.n).then((m) => ({ default: m.ContactsScreen })));
+const ShopScreen$1 = lazy(() => import("./ShopScreen-CZ9j_KkC.mjs").then((m) => ({ default: m.ShopScreen })));
 const CustomersScreen$1 = lazy(() => import("./CustomersScreen-C3CEdnrZ.mjs").then((n) => n.n).then((m) => ({ default: m.CustomersScreen })));
-const ShareablesScreen$1 = lazy(() => import("./ShareablesScreen-CBcjUvfL.mjs").then((m) => ({ default: m.ShareablesScreen })));
+const ShareablesScreen$1 = lazy(() => import("./ShareablesScreen-CPvylNL7.mjs").then((m) => ({ default: m.ShareablesScreen })));
 const MySiteScreen$1 = lazy(() => import("./MySiteScreen-Bu8MNPoQ.mjs").then((n) => n.n).then((m) => ({ default: m.MySiteScreen })));
-const UpgradeScreen = lazy(() => import("./UpgradeScreen-C9TjaPoJ.mjs").then((n) => n.t).then((m) => ({ default: m.UpgradeScreen })));
+const UpgradeScreen = lazy(() => import("./UpgradeScreen-WLq4bFhS.mjs").then((n) => n.t).then((m) => ({ default: m.UpgradeScreen })));
 const AppDownloadScreen = lazy(() => import("./AppDownloadScreen-iNXK3dqL.mjs").then((n) => n.t).then((m) => ({ default: m.AppDownloadScreen })));
 const SYSTEM_SLUG_SCREEN_MAP = {
 	profile: ProfileScreen$1,
@@ -2183,7 +2195,57 @@ function PageRouter({ currentSlug, currentNavItem, customPages, screens, baseSlu
 	return /* @__PURE__ */ jsx(ScreenNotFound, { name: currentNavItem?.label ?? currentSlug });
 }
 //#endregion
+//#region ../core/src/shell-translation-dictionary.ts
+const shellEn = {
+	nav_more: "More",
+	nav_close: "Close",
+	nav_toggle_sidebar: "Toggle sidebar",
+	nav_shortcuts: "Shortcuts",
+	nav_quick_links: "Quick links",
+	language_select: "Select language",
+	profile_title: "Profile",
+	profile_open_menu: "Open profile menu",
+	profile_close_menu: "Close profile menu",
+	profile_user_fallback: "User",
+	profile_app_download: "App Download",
+	theme_label: "Theme",
+	theme_light: "Theme: Light",
+	theme_dark: "Theme: Dark",
+	theme_switch: "Switch theme (current: {{mode}})",
+	logout: "Log out",
+	logout_pending: "Logging out…",
+	loading: "Loading...",
+	error_title: "Something went wrong",
+	error_description: "We hit an unexpected error loading this page.",
+	error_try_again: "Try again",
+	error_go_back: "Go back",
+	not_found_title: "Page not found",
+	not_found_named: "We couldn't find a page for \"{{name}}\".",
+	not_found_generic: "We couldn't find the page you were looking for.",
+	access_denied_title: "Access Denied",
+	access_denied_description: "You don't have permission to view this page.",
+	access_denied_detail: "This feature is not available for your account type."
+};
+//#endregion
 //#region src/shell/AppShellErrorBoundary.tsx
+function DefaultErrorFallback({ onReset }) {
+	const api = useContext(ShellTranslationContext);
+	const t = api ? api.t : (key) => shellEn[key];
+	return /* @__PURE__ */ jsx(FallbackCard, {
+		icon: /* @__PURE__ */ jsx(TriangleAlert, {}),
+		title: t("error_title"),
+		description: t("error_description"),
+		actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
+			variant: "outline",
+			onClick: onReset,
+			children: t("error_try_again")
+		}), /* @__PURE__ */ jsx(Button, {
+			variant: "default",
+			onClick: goBackOrHome,
+			children: t("error_go_back")
+		})] })
+	});
+}
 var AppShellErrorBoundary = class extends Component {
 	state = { error: null };
 	static getDerivedStateFromError(error) {
@@ -2211,20 +2273,7 @@ var AppShellErrorBoundary = class extends Component {
 			error,
 			reset: this.reset
 		});
-		return /* @__PURE__ */ jsx(FallbackCard, {
-			icon: /* @__PURE__ */ jsx(TriangleAlert, {}),
-			title: "Something went wrong",
-			description: "We hit an unexpected error loading this page.",
-			actions: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
-				variant: "outline",
-				onClick: this.reset,
-				children: "Try again"
-			}), /* @__PURE__ */ jsx(Button, {
-				variant: "default",
-				onClick: goBackOrHome,
-				children: "Go back"
-			})] })
-		});
+		return /* @__PURE__ */ jsx(DefaultErrorFallback, { onReset: this.reset });
 	}
 };
 //#endregion
@@ -2284,6 +2333,7 @@ function useLogout({ redirectUrl, onLogout } = {}) {
 function SdkLogoutButton({ onLogout }) {
 	const [isPending, setIsPending] = useState(false);
 	const themeMode = useThemeMode();
+	const { t } = useShellTranslation();
 	const handleClick = useCallback(async () => {
 		setIsPending(true);
 		try {
@@ -2297,12 +2347,12 @@ function SdkLogoutButton({ onLogout }) {
 	const ThemeIcon = themeMode.displayMode === "dark" ? Moon : Sun;
 	return /* @__PURE__ */ jsxs(SidebarMenu, { children: [/* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(SidebarMenuButton, {
 		onClick: themeMode.cycleMode,
-		"aria-label": `Switch theme (current: ${themeMode.mode})`,
-		children: [/* @__PURE__ */ jsx(ThemeIcon, { className: "size-4" }), /* @__PURE__ */ jsx("span", { children: "Theme" })]
+		"aria-label": t("theme_switch", { mode: themeMode.mode }),
+		children: [/* @__PURE__ */ jsx(ThemeIcon, { className: "size-4" }), /* @__PURE__ */ jsx("span", { children: t("theme_label") })]
 	}) }), /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(SidebarMenuButton, {
 		onClick: handleClick,
 		disabled: isPending,
-		children: [/* @__PURE__ */ jsx(LogOut, { className: "size-4" }), /* @__PURE__ */ jsx("span", { children: isPending ? "Logging out…" : "Log out" })]
+		children: [/* @__PURE__ */ jsx(LogOut, { className: "size-4" }), /* @__PURE__ */ jsx("span", { children: isPending ? t("logout_pending") : t("logout") })]
 	}) })] });
 }
 //#endregion
@@ -2343,6 +2393,46 @@ function filterRepOnlySections(sections) {
 	return filtered;
 }
 //#endregion
+//#region ../core/src/shell-translation-adapter.ts
+const shellDomain = createDomainTranslations({
+	fallback: shellEn,
+	loaders: {
+		de: () => import("./de-DZXu_Lma.mjs").then((m) => m.default),
+		el: () => import("./el-ChL3zQdm.mjs").then((m) => m.default),
+		es: () => import("./es-Bh1xngyE.mjs").then((m) => m.default),
+		fr: () => import("./fr-DfMQoI8H.mjs").then((m) => m.default),
+		he: () => import("./he-Cai6j3oW.mjs").then((m) => m.default),
+		hu: () => import("./hu-DS-6XHh5.mjs").then((m) => m.default),
+		id: () => import("./id-4tl2Uj7F.mjs").then((m) => m.default),
+		it: () => import("./it-Hj3LCvz1.mjs").then((m) => m.default),
+		ja: () => import("./ja-CuLC8KzH.mjs").then((m) => m.default),
+		ko: () => import("./ko-DDBkvKT3.mjs").then((m) => m.default),
+		nl: () => import("./nl-DFUHK5ta.mjs").then((m) => m.default),
+		pl: () => import("./pl-CcIcOxXb.mjs").then((m) => m.default),
+		pt: () => import("./pt-D_Fxu0mz.mjs").then((m) => m.default),
+		ro: () => import("./ro-lFxvLN7R.mjs").then((m) => m.default),
+		ru: () => import("./ru-JgTYyWIt.mjs").then((m) => m.default),
+		th: () => import("./th-DkjnkI6P.mjs").then((m) => m.default),
+		tl: () => import("./tl-CT5Bevzy.mjs").then((m) => m.default),
+		tr: () => import("./tr-DuFbZrRu.mjs").then((m) => m.default),
+		zh_CN: () => import("./zh_CN-2FPc1yGp.mjs").then((m) => m.default),
+		zh_TW: () => import("./zh_TW-Dqcoo0F5.mjs").then((m) => m.default)
+	}
+});
+function createShellTranslationAdapter(locale, dict) {
+	return createStaticDictAdapter(locale, dict);
+}
+//#endregion
+//#region src/providers/ShellTranslationBridge.tsx
+function ShellTranslationBridge({ children }) {
+	const { locale } = useActiveLocale();
+	const dict = useDomainDict(shellDomain, locale);
+	return /* @__PURE__ */ jsx(ShellTranslationProvider, {
+		value: useMemo(() => createShellTranslationAdapter(locale, dict), [locale, dict]),
+		children
+	});
+}
+//#endregion
 //#region src/shell/AppShell.tsx
 const THEME_STORAGE_KEY = "portal-theme-mode";
 const SHAREABLE_TYPE_TO_SLUG = {
@@ -2573,14 +2663,14 @@ function AppShell({ appData: appDataProp, navigation: navigationProp, customPage
 			})
 		})]
 	}) }) }, activeSlug ?? "");
-	if (isLoading && !appData) return /* @__PURE__ */ jsx(AppShellLoading, {});
+	if (isLoading && !appData) return /* @__PURE__ */ jsx(ShellTranslationBridge, { children: /* @__PURE__ */ jsx(AppShellLoading, {}) });
 	return /* @__PURE__ */ jsx(RepUserProvider, {
 		user: repUser,
 		children: /* @__PURE__ */ jsx(ThemeModeProvider, {
 			mode: themeMode,
 			onModeChange: handleThemeModeChange,
 			autoModeEnabled: false,
-			children: /* @__PURE__ */ jsxs("div", {
+			children: /* @__PURE__ */ jsx(ShellTranslationBridge, { children: /* @__PURE__ */ jsxs("div", {
 				className: "font-body",
 				"data-theme": activeTheme.id,
 				"data-theme-mode": themeMode === "auto" ? void 0 : themeMode,
@@ -2616,7 +2706,7 @@ function AppShell({ appData: appDataProp, navigation: navigationProp, customPage
 						})
 					})
 				}), /* @__PURE__ */ jsx(Toaster, {})]
-			})
+			}) })
 		})
 	});
 }
@@ -3727,16 +3817,16 @@ z.object({
 //#endregion
 //#region src/screens/index.ts
 const screenPropertySchemas = {
-	ProfileScreen: () => import("./ProfileScreen-D9YYYFK-.mjs").then((m) => m.profileScreenPropertySchema),
+	ProfileScreen: () => import("./ProfileScreen-BH0A6Y3R.mjs").then((m) => m.profileScreenPropertySchema),
 	MessagingScreen: () => import("./MessagingScreen-91lU35WN.mjs").then((m) => m.messagingScreenPropertySchema),
-	ContactsScreen: () => import("./ContactsScreen-BIPKKITz.mjs").then((n) => n.n).then((m) => m.contactsScreenPropertySchema),
-	OrdersScreen: () => import("./OrdersScreen-DGPo2Jne.mjs").then((m) => m.ordersScreenPropertySchema),
-	SubscriptionsScreen: () => import("./SubscriptionsScreen-CWnj0SIk.mjs").then((n) => n.n).then((m) => m.subscriptionsScreenPropertySchema),
+	ContactsScreen: () => import("./ContactsScreen-CLLyfNru.mjs").then((n) => n.n).then((m) => m.contactsScreenPropertySchema),
+	OrdersScreen: () => import("./OrdersScreen-D1HtnFc-.mjs").then((m) => m.ordersScreenPropertySchema),
+	SubscriptionsScreen: () => import("./SubscriptionsScreen-C63ieyKx.mjs").then((n) => n.n).then((m) => m.subscriptionsScreenPropertySchema),
 	CustomersScreen: () => import("./CustomersScreen-C3CEdnrZ.mjs").then((n) => n.n).then((m) => m.customersScreenPropertySchema),
 	MySiteScreen: () => import("./MySiteScreen-Bu8MNPoQ.mjs").then((n) => n.n).then((m) => m.mySiteScreenPropertySchema),
-	ShareablesScreen: () => import("./ShareablesScreen-CBcjUvfL.mjs").then((m) => m.shareablesScreenPropertySchema),
-	ShopScreen: () => import("./ShopScreen-BZAx17Hz.mjs").then((m) => m.shopScreenPropertySchema),
-	UpgradeScreen: () => import("./UpgradeScreen-C9TjaPoJ.mjs").then((n) => n.t).then((m) => m.upgradeScreenPropertySchema),
+	ShareablesScreen: () => import("./ShareablesScreen-CPvylNL7.mjs").then((m) => m.shareablesScreenPropertySchema),
+	ShopScreen: () => import("./ShopScreen-CZ9j_KkC.mjs").then((m) => m.shopScreenPropertySchema),
+	UpgradeScreen: () => import("./UpgradeScreen-WLq4bFhS.mjs").then((n) => n.t).then((m) => m.upgradeScreenPropertySchema),
 	AppDownloadScreen: () => import("./AppDownloadScreen-iNXK3dqL.mjs").then((n) => n.t).then((m) => m.appDownloadScreenPropertySchema)
 };
 /**
@@ -3991,6 +4081,7 @@ registerCorePageTemplates();
 //#region src/shell/QuickLinksDropdown.tsx
 function QuickLinksDropdown({ onNavigate }) {
 	const [open, setOpen] = useState(false);
+	const { t } = useShellTranslation();
 	const { data: account } = useAccount();
 	const isCustomer = account?.member_type === "customer";
 	const sections = useMemo(() => {
@@ -4006,7 +4097,7 @@ function QuickLinksDropdown({ onNavigate }) {
 				variant: "ghost",
 				size: "sm",
 				className: "text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground shrink-0",
-				"aria-label": "Quick links",
+				"aria-label": t("nav_quick_links"),
 				children: /* @__PURE__ */ jsx(LayoutGrid, { className: "h-4 w-4" })
 			})
 		}), /* @__PURE__ */ jsx(PopoverContent, {
@@ -4018,7 +4109,7 @@ function QuickLinksDropdown({ onNavigate }) {
 					className: "bg-background flex items-center gap-2 border-b p-4",
 					children: [/* @__PURE__ */ jsx(LayoutGrid, { className: "text-muted-foreground h-5 w-5" }), /* @__PURE__ */ jsx("h3", {
 						className: "text-foreground text-sm font-semibold",
-						children: "Shortcuts"
+						children: t("nav_shortcuts")
 					})]
 				}), /* @__PURE__ */ jsx("div", {
 					className: "bg-muted space-y-6 p-6",