@fluid-app/portal-sdk 0.1.286 → 0.1.288

package/dist/index.cjs

@@ -7,12 +7,12 @@ require("./store-api-context-D1gZn22Z.cjs");
 require("./api-context-BkBvyFVK.cjs");
 require("./mysite-api-context-Dz4lI5Xd.cjs");
 require("./countries-api-context-C0C0K9gJ.cjs");
-const require_ContactsScreen = require("./ContactsScreen-Comv_f_d.cjs");
+const require_ContactsScreen = require("./ContactsScreen-D8M6J3nC.cjs");
 const require_PortalTenantClientProvider = require("./PortalTenantClientProvider-CVv-4rQ9.cjs");
 require("./registry-context-DZOQLVi4.cjs");
 const require_WidgetInteractionContext = require("./WidgetInteractionContext-D4gaGBYO.cjs");
 const require_EmbedWidget = require("./EmbedWidget-CToQrmXM.cjs");
-require("./static-dict-adapter-D1ErNskC.cjs");
+const require_static_dict_adapter = require("./static-dict-adapter-D1ErNskC.cjs");
 require("./error-state-CVDJL77c.cjs");
 const require_LayoutWidget = require("./LayoutWidget-DvhG2-qb.cjs");
 const require_registries = require("./registries-yZkFfBWj.cjs");
@@ -49,20 +49,20 @@ const require_CustomersScreen = require("./CustomersScreen-DRcCBHkL.cjs");
 const require_use_account = require("./use-account-DlmM-lMR.cjs");
 const require_AppNavigationContext = require("./AppNavigationContext-C1-hd9Rw.cjs");
 const require_MessagingScreen = require("./MessagingScreen-SuawTjfd.cjs");
-require("./AddressAutocompleteInput-DmsSlPVz.cjs");
+require("./AddressAutocompleteInput-tZX9kPwb.cjs");
 require("./use-mysite-portal-BMo64_Dx.cjs");
-const require_ProfileScreen = require("./ProfileScreen-B4OYJdd1.cjs");
-const require_SubscriptionsScreen = require("./SubscriptionsScreen-DMqKtptN.cjs");
+const require_ProfileScreen = require("./ProfileScreen-CT5nLt3E.cjs");
+const require_SubscriptionsScreen = require("./SubscriptionsScreen-5IsYJnvc.cjs");
 require("./dist-DQ-PaPl7.cjs");
 require("./es-DwcVZvpi.cjs");
 require("./dist-PK-HEsOm.cjs");
 const require_OrdersScreen = require("./OrdersScreen-D49KI1qP.cjs");
 const require_MySiteScreen = require("./MySiteScreen-C5mYpTNN.cjs");
 require("./dist-CjMiNNfS.cjs");
-const require_ShareablesScreen = require("./ShareablesScreen-CQZBq1Hl.cjs");
+const require_ShareablesScreen = require("./ShareablesScreen-BT3H1Omb.cjs");
 require("./PortalProductsApiProvider-BNsaexxl.cjs");
-const require_ShopScreen = require("./ShopScreen-Cr_XcWdY.cjs");
-require("./UpgradeScreen-B4CnkCjg.cjs");
+const require_ShopScreen = require("./ShopScreen-BgiNBkIk.cjs");
+require("./UpgradeScreen-Dqe70qIt.cjs");
 require("./AppDownloadScreen-DFb6xPiX.cjs");
 let react = require("react");
 react = require_chunk.__toESM(react);
@@ -1272,9 +1272,16 @@ function getNavigationTarget(item, appDefinitionId) {
 	return null;
 }
 //#endregion
+//#region ../core/src/shell-translation-api-context.ts
+const { Context, Provider, useTranslation } = require_static_dict_adapter.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.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);
@@ -1305,7 +1312,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__ */ (0, react_jsx_runtime.jsx)(lucide_react.Ellipsis, { className: "size-5" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "More" })]
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Ellipsis, { className: "size-5" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("nav_more") })]
 		})]
 	}), moreOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "fixed inset-0 z-50 flex flex-col",
@@ -1319,12 +1326,12 @@ function SdkBottomNav({ navItems, currentSlug, onNavigate, appDefinitionId = 0,
 				className: "flex items-center justify-between px-4 pt-4 pb-2",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "text-foreground text-sm font-semibold",
-					children: "More"
+					children: t("nav_more")
 				}), /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, { className: "size-5" })
 				})]
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -1565,6 +1572,7 @@ function ensureSpinStyle() {
 * hasn't loaded yet.
 */
 function AppShellLoading() {
+	const { t } = useShellTranslation();
 	(0, react.useEffect)(() => {
 		ensureSpinStyle();
 	}, []);
@@ -1591,7 +1599,7 @@ function AppShellLoading() {
 				color: "#6b7280",
 				fontSize: "0.875rem"
 			},
-			children: "Loading..."
+			children: t("loading")
 		})]
 	});
 }
@@ -1667,6 +1675,7 @@ function SdkMobileProfileMenu({ onNavigate, onLogout }) {
 	const [isOpen, setIsOpen] = (0, react.useState)(false);
 	const user = require_EmbedWidget.useRepUser();
 	const themeMode = useThemeMode();
+	const { t } = useShellTranslation();
 	const handleNavigate = (0, react.useCallback)((slug) => {
 		setIsOpen(false);
 		onNavigate(slug);
@@ -1677,10 +1686,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__ */ (0, react_jsx_runtime.jsx)("img", {
 			src: user.imageUrl,
-			alt: user.name ?? "User",
+			alt: user.name ?? t("profile_user_fallback"),
 			className: "size-8 rounded-full object-cover"
 		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 			className: "flex size-8 items-center justify-center text-xs font-medium",
@@ -1692,12 +1701,12 @@ function SdkMobileProfileMenu({ onNavigate, onLogout }) {
 			className: "flex items-center justify-between px-4 py-3",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 				className: "text-foreground text-lg font-semibold",
-				children: "Profile"
+				children: t("profile_title")
 			}), /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, { className: "size-5" })
 			})]
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -1707,7 +1716,7 @@ function SdkMobileProfileMenu({ onNavigate, onLogout }) {
 					className: "border-border flex items-center gap-3 border-b py-4",
 					children: [user.imageUrl ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
 						src: user.imageUrl,
-						alt: user.name ?? "User",
+						alt: user.name ?? t("profile_user_fallback"),
 						className: "size-10 rounded-full object-cover"
 					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "bg-muted flex size-10 items-center justify-center rounded-full text-sm font-medium",
@@ -1729,7 +1738,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__ */ (0, react_jsx_runtime.jsx)(lucide_react.Smartphone, { className: "size-5" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "App Download" })]
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Smartphone, { className: "size-5" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("profile_app_download") })]
 					})
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -1738,12 +1747,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__ */ (0, react_jsx_runtime.jsx)(lucide_react.Moon, { className: "size-5" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Sun, { className: "size-5" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: ["Theme: ", themeMode.mode === "light" ? "Light" : "Dark"] })]
+						children: [themeMode.mode === "dark" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Moon, { className: "size-5" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Sun, { className: "size-5" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: themeMode.mode === "light" ? t("theme_light") : t("theme_dark") })]
 					}), onLogout && /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(lucide_react.LogOut, { className: "size-5" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "Log out" })]
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.LogOut, { className: "size-5" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("logout") })]
 					})]
 				})
 			]
@@ -1754,6 +1763,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;
@@ -1774,7 +1784,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__ */ (0, react_jsx_runtime.jsx)(lucide_react.Menu, { className: "size-5" })
 			})
 		}), isMobileWithBottomNav && mobileTabs && mobileTabs.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
@@ -1972,14 +1982,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__ */ (0, react_jsx_runtime.jsx)(FallbackCard, {
 		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.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__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
 			variant: "default",
 			onClick: goBackOrHome,
-			children: "Go back"
+			children: t("error_go_back")
 		})
 	});
 }
@@ -1989,6 +2000,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__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: "flex min-h-[400px] items-center justify-center",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -1996,15 +2008,15 @@ function AccessDeniedScreen() {
 			children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
 					className: "text-foreground text-xl font-semibold",
-					children: "Access Denied"
+					children: t("access_denied_title")
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 					className: "text-muted-foreground mt-2",
-					children: "You don't have permission to view this page."
+					children: t("access_denied_description")
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.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")
 				})
 			]
 		})
@@ -2068,16 +2080,16 @@ function BuilderScreenViewImpl({ screen, className }) {
 const BuilderScreenView = (0, react.memo)(BuilderScreenViewImpl);
 //#endregion
 //#region src/shell/system-screen-map.ts
-const ProfileScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ProfileScreen-j7Eyy4tk.cjs")).then((m) => ({ default: m.ProfileScreen })));
+const ProfileScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ProfileScreen-DrTa9Boy.cjs")).then((m) => ({ default: m.ProfileScreen })));
 const OrdersScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./OrdersScreen-DhcZN9sM.cjs")).then((m) => ({ default: m.OrdersScreen })));
-const SubscriptionsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./SubscriptionsScreen-Cu-WeJ7L.cjs")).then((m) => ({ default: m.SubscriptionsScreen })));
+const SubscriptionsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./SubscriptionsScreen-BpiWZf9J.cjs")).then((m) => ({ default: m.SubscriptionsScreen })));
 const MessagingScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./MessagingScreen-BafQIp2P.cjs")).then((m) => ({ default: m.MessagingScreen })));
-const ContactsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ContactsScreen-9SzNlWEb.cjs")).then((m) => ({ default: m.ContactsScreen })));
-const ShopScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ShopScreen-QjSfEvCZ.cjs")).then((m) => ({ default: m.ShopScreen })));
+const ContactsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ContactsScreen-BaNFVTVX.cjs")).then((m) => ({ default: m.ContactsScreen })));
+const ShopScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ShopScreen-BzaTY9cV.cjs")).then((m) => ({ default: m.ShopScreen })));
 const CustomersScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./CustomersScreen-DRcCBHkL.cjs")).then((n) => n.CustomersScreen_exports).then((m) => ({ default: m.CustomersScreen })));
-const ShareablesScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ShareablesScreen-ljPcmGLg.cjs")).then((m) => ({ default: m.ShareablesScreen })));
+const ShareablesScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ShareablesScreen-RxdJqjda.cjs")).then((m) => ({ default: m.ShareablesScreen })));
 const MySiteScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./MySiteScreen-2zIWnojR.cjs")).then((m) => ({ default: m.MySiteScreen })));
-const UpgradeScreen = (0, react.lazy)(() => Promise.resolve().then(() => require("./UpgradeScreen-jvHU1at7.cjs")).then((m) => ({ default: m.UpgradeScreen })));
+const UpgradeScreen = (0, react.lazy)(() => Promise.resolve().then(() => require("./UpgradeScreen-DjCkknBC.cjs")).then((m) => ({ default: m.UpgradeScreen })));
 const AppDownloadScreen = (0, react.lazy)(() => Promise.resolve().then(() => require("./AppDownloadScreen-DFb6xPiX.cjs")).then((n) => n.AppDownloadScreen_exports).then((m) => ({ default: m.AppDownloadScreen })));
 const SYSTEM_SLUG_SCREEN_MAP = {
 	profile: ProfileScreen$1,
@@ -2185,7 +2197,57 @@ function PageRouter({ currentSlug, currentNavItem, customPages, screens, baseSlu
 	return /* @__PURE__ */ (0, react_jsx_runtime.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 = (0, react.useContext)(ShellTranslationContext);
+	const t = api ? api.t : (key) => shellEn[key];
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FallbackCard, {
+		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.TriangleAlert, {}),
+		title: t("error_title"),
+		description: t("error_description"),
+		actions: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
+			variant: "outline",
+			onClick: onReset,
+			children: t("error_try_again")
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
+			variant: "default",
+			onClick: goBackOrHome,
+			children: t("error_go_back")
+		})] })
+	});
+}
 var AppShellErrorBoundary = class extends react.Component {
 	state = { error: null };
 	static getDerivedStateFromError(error) {
@@ -2213,20 +2275,7 @@ var AppShellErrorBoundary = class extends react.Component {
 			error,
 			reset: this.reset
 		});
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FallbackCard, {
-			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.TriangleAlert, {}),
-			title: "Something went wrong",
-			description: "We hit an unexpected error loading this page.",
-			actions: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
-				variant: "outline",
-				onClick: this.reset,
-				children: "Try again"
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
-				variant: "default",
-				onClick: goBackOrHome,
-				children: "Go back"
-			})] })
-		});
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DefaultErrorFallback, { onReset: this.reset });
 	}
 };
 //#endregion
@@ -2286,6 +2335,7 @@ function useLogout({ redirectUrl, onLogout } = {}) {
 function SdkLogoutButton({ onLogout }) {
 	const [isPending, setIsPending] = (0, react.useState)(false);
 	const themeMode = useThemeMode();
+	const { t } = useShellTranslation();
 	const handleClick = (0, react.useCallback)(async () => {
 		setIsPending(true);
 		try {
@@ -2299,12 +2349,12 @@ function SdkLogoutButton({ onLogout }) {
 	const ThemeIcon = themeMode.displayMode === "dark" ? lucide_react.Moon : lucide_react.Sun;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SidebarMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SidebarMenuItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SidebarMenuButton, {
 		onClick: themeMode.cycleMode,
-		"aria-label": `Switch theme (current: ${themeMode.mode})`,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ThemeIcon, { className: "size-4" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "Theme" })]
+		"aria-label": t("theme_switch", { mode: themeMode.mode }),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ThemeIcon, { className: "size-4" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("theme_label") })]
 	}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SidebarMenuItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SidebarMenuButton, {
 		onClick: handleClick,
 		disabled: isPending,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.LogOut, { className: "size-4" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: isPending ? "Logging out…" : "Log out" })]
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.LogOut, { className: "size-4" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: isPending ? t("logout_pending") : t("logout") })]
 	}) })] });
 }
 //#endregion
@@ -2345,6 +2395,46 @@ function filterRepOnlySections(sections) {
 	return filtered;
 }
 //#endregion
+//#region ../core/src/shell-translation-adapter.ts
+const shellDomain = require_static_dict_adapter.createDomainTranslations({
+	fallback: shellEn,
+	loaders: {
+		de: () => Promise.resolve().then(() => require("./de-DLVI44iM.cjs")).then((m) => m.default),
+		el: () => Promise.resolve().then(() => require("./el-DtirnL7N.cjs")).then((m) => m.default),
+		es: () => Promise.resolve().then(() => require("./es-BSkjqnkF.cjs")).then((m) => m.default),
+		fr: () => Promise.resolve().then(() => require("./fr-_zhbWJHh.cjs")).then((m) => m.default),
+		he: () => Promise.resolve().then(() => require("./he-BcBh-9RB.cjs")).then((m) => m.default),
+		hu: () => Promise.resolve().then(() => require("./hu-DqI8hdAt.cjs")).then((m) => m.default),
+		id: () => Promise.resolve().then(() => require("./id-DqK8hygJ.cjs")).then((m) => m.default),
+		it: () => Promise.resolve().then(() => require("./it--DHBKc26.cjs")).then((m) => m.default),
+		ja: () => Promise.resolve().then(() => require("./ja-C3C0k99E.cjs")).then((m) => m.default),
+		ko: () => Promise.resolve().then(() => require("./ko-DROYufGO.cjs")).then((m) => m.default),
+		nl: () => Promise.resolve().then(() => require("./nl-Byk7MZjq.cjs")).then((m) => m.default),
+		pl: () => Promise.resolve().then(() => require("./pl-DZZ1e6TM.cjs")).then((m) => m.default),
+		pt: () => Promise.resolve().then(() => require("./pt-BrnvgQRs.cjs")).then((m) => m.default),
+		ro: () => Promise.resolve().then(() => require("./ro-dpJtFKiA.cjs")).then((m) => m.default),
+		ru: () => Promise.resolve().then(() => require("./ru-CyoLQlWx.cjs")).then((m) => m.default),
+		th: () => Promise.resolve().then(() => require("./th-B83Fh-0G.cjs")).then((m) => m.default),
+		tl: () => Promise.resolve().then(() => require("./tl-DzIwhz3k.cjs")).then((m) => m.default),
+		tr: () => Promise.resolve().then(() => require("./tr-CVK6oefd.cjs")).then((m) => m.default),
+		zh_CN: () => Promise.resolve().then(() => require("./zh_CN-BUDga7b8.cjs")).then((m) => m.default),
+		zh_TW: () => Promise.resolve().then(() => require("./zh_TW-DPLNY3Sh.cjs")).then((m) => m.default)
+	}
+});
+function createShellTranslationAdapter(locale, dict) {
+	return require_static_dict_adapter.createStaticDictAdapter(locale, dict);
+}
+//#endregion
+//#region src/providers/ShellTranslationBridge.tsx
+function ShellTranslationBridge({ children }) {
+	const { locale } = require_static_dict_adapter.useActiveLocale();
+	const dict = require_static_dict_adapter.useDomainDict(shellDomain, locale);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShellTranslationProvider, {
+		value: (0, react.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 = {
@@ -2575,14 +2665,14 @@ function AppShell({ appData: appDataProp, navigation: navigationProp, customPage
 			})
 		})]
 	}) }) }, activeSlug ?? "");
-	if (isLoading && !appData) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AppShellLoading, {});
+	if (isLoading && !appData) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShellTranslationBridge, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AppShellLoading, {}) });
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_EmbedWidget.RepUserProvider, {
 		user: repUser,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ThemeModeProvider, {
 			mode: themeMode,
 			onModeChange: handleThemeModeChange,
 			autoModeEnabled: false,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShellTranslationBridge, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "font-body",
 				"data-theme": activeTheme.id,
 				"data-theme-mode": themeMode === "auto" ? void 0 : themeMode,
@@ -2618,7 +2708,7 @@ function AppShell({ appData: appDataProp, navigation: navigationProp, customPage
 						})
 					})
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Toaster, {})]
-			})
+			}) })
 		})
 	});
 }
@@ -3729,16 +3819,16 @@ zod.z.object({
 //#endregion
 //#region src/screens/index.ts
 const screenPropertySchemas = {
-	ProfileScreen: () => Promise.resolve().then(() => require("./ProfileScreen-j7Eyy4tk.cjs")).then((m) => m.profileScreenPropertySchema),
+	ProfileScreen: () => Promise.resolve().then(() => require("./ProfileScreen-DrTa9Boy.cjs")).then((m) => m.profileScreenPropertySchema),
 	MessagingScreen: () => Promise.resolve().then(() => require("./MessagingScreen-BafQIp2P.cjs")).then((m) => m.messagingScreenPropertySchema),
-	ContactsScreen: () => Promise.resolve().then(() => require("./ContactsScreen-9SzNlWEb.cjs")).then((m) => m.contactsScreenPropertySchema),
+	ContactsScreen: () => Promise.resolve().then(() => require("./ContactsScreen-BaNFVTVX.cjs")).then((m) => m.contactsScreenPropertySchema),
 	OrdersScreen: () => Promise.resolve().then(() => require("./OrdersScreen-DhcZN9sM.cjs")).then((m) => m.ordersScreenPropertySchema),
-	SubscriptionsScreen: () => Promise.resolve().then(() => require("./SubscriptionsScreen-Cu-WeJ7L.cjs")).then((m) => m.subscriptionsScreenPropertySchema),
+	SubscriptionsScreen: () => Promise.resolve().then(() => require("./SubscriptionsScreen-BpiWZf9J.cjs")).then((m) => m.subscriptionsScreenPropertySchema),
 	CustomersScreen: () => Promise.resolve().then(() => require("./CustomersScreen-DRcCBHkL.cjs")).then((n) => n.CustomersScreen_exports).then((m) => m.customersScreenPropertySchema),
 	MySiteScreen: () => Promise.resolve().then(() => require("./MySiteScreen-2zIWnojR.cjs")).then((m) => m.mySiteScreenPropertySchema),
-	ShareablesScreen: () => Promise.resolve().then(() => require("./ShareablesScreen-ljPcmGLg.cjs")).then((m) => m.shareablesScreenPropertySchema),
-	ShopScreen: () => Promise.resolve().then(() => require("./ShopScreen-QjSfEvCZ.cjs")).then((m) => m.shopScreenPropertySchema),
-	UpgradeScreen: () => Promise.resolve().then(() => require("./UpgradeScreen-jvHU1at7.cjs")).then((m) => m.upgradeScreenPropertySchema),
+	ShareablesScreen: () => Promise.resolve().then(() => require("./ShareablesScreen-RxdJqjda.cjs")).then((m) => m.shareablesScreenPropertySchema),
+	ShopScreen: () => Promise.resolve().then(() => require("./ShopScreen-BzaTY9cV.cjs")).then((m) => m.shopScreenPropertySchema),
+	UpgradeScreen: () => Promise.resolve().then(() => require("./UpgradeScreen-DjCkknBC.cjs")).then((m) => m.upgradeScreenPropertySchema),
 	AppDownloadScreen: () => Promise.resolve().then(() => require("./AppDownloadScreen-DFb6xPiX.cjs")).then((n) => n.AppDownloadScreen_exports).then((m) => m.appDownloadScreenPropertySchema)
 };
 /**
@@ -3993,6 +4083,7 @@ registerCorePageTemplates();
 //#region src/shell/QuickLinksDropdown.tsx
 function QuickLinksDropdown({ onNavigate }) {
 	const [open, setOpen] = (0, react.useState)(false);
+	const { t } = useShellTranslation();
 	const { data: account } = require_use_account.useAccount();
 	const isCustomer = account?.member_type === "customer";
 	const sections = (0, react.useMemo)(() => {
@@ -4008,7 +4099,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__ */ (0, react_jsx_runtime.jsx)(lucide_react.LayoutGrid, { className: "h-4 w-4" })
 			})
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.PopoverContent, {
@@ -4020,7 +4111,7 @@ function QuickLinksDropdown({ onNavigate }) {
 					className: "bg-background flex items-center gap-2 border-b p-4",
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.LayoutGrid, { className: "text-muted-foreground h-5 w-5" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
 						className: "text-foreground text-sm font-semibold",
-						children: "Shortcuts"
+						children: t("nav_shortcuts")
 					})]
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "bg-muted space-y-6 p-6",