@fluid-app/portal-sdk 0.1.271 → 0.1.272

package/dist/{MySiteScreen-DD9UsZ4T.cjs → MySiteScreen-DWReicLw.cjs}

@@ -1,7 +1,9 @@
 const require_chunk = require("./chunk-9hOWP6kD.cjs");
+const require_static_dict_adapter = require("./static-dict-adapter-B3cscAMn.cjs");
 const require_src = require("./src-DDJ8wCS6.cjs");
 const require_ScreenHeaderContext = require("./ScreenHeaderContext-JDIUM84f.cjs");
 const require_AppNavigationContext = require("./AppNavigationContext-CDowN9gd.cjs");
+const require_translation_api_context_factory = require("./translation-api-context-factory-Bzw9AErt.cjs");
 const require_use_mysite_portal = require("./use-mysite-portal-VsdLGp_w.cjs");
 const require_dist$3 = require("./dist-JCbFbdn0.cjs");
 let react = require("react");
@@ -10,6 +12,121 @@ require("@tanstack/react-query");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 let zod = require("zod");
+//#region ../../mysite/core/src/translation-api-context.ts
+const { Provider, useTranslation } = require_translation_api_context_factory.createTranslationContext("Mysite");
+const MysiteTranslationProvider = Provider;
+const useMysiteTranslation = useTranslation;
+//#endregion
+//#region ../../mysite/core/src/translation-adapter.ts
+const mysiteDomain = require_static_dict_adapter.createDomainTranslations({
+	fallback: {
+		breadcrumb: "My Site",
+		heading: "MySite",
+		nav_profile: "Profile",
+		nav_theme: "Theme",
+		nav_content: "MySite Content",
+		nav_buttons: "Buttons",
+		visitor_details: "Visitor Details",
+		views: "Views",
+		leads: "Leads",
+		your_mysite_link: "Your MySite Link",
+		edit_link: "Edit Link",
+		not_configured: "Not configured",
+		slug_empty_error: "Slug cannot be empty",
+		link_updated: "MySite link updated",
+		link_update_failed: "Failed to update link",
+		link_copied: "Link copied to clipboard",
+		link_copy_failed: "Failed to copy link",
+		cancel: "Cancel",
+		save: "Save",
+		saving: "Saving...",
+		delete: "Delete",
+		deleting: "Deleting...",
+		remove: "Remove",
+		removing: "Removing...",
+		current_theme: "Current Theme",
+		preview: "Preview",
+		mysite_preview: "MySite Preview",
+		no_site_configured: "No site configured",
+		choose_a_theme: "Choose a Theme",
+		no_themes_available: "No themes available",
+		buttons_heading: "Buttons",
+		add_button: "Add Button",
+		no_buttons_empty: "No buttons yet. Add custom link buttons to display on your MySite.",
+		drag_to_reorder: "Drag to reorder",
+		edit_button_aria: "Edit button",
+		delete_button_aria: "Delete button",
+		edit_button_dialog: "Edit Button",
+		add_button_dialog: "Add Button",
+		button_text_label: "Button Text",
+		button_text_placeholder: "Enter button text...",
+		url_label: "URL",
+		url_placeholder: "https://example.com",
+		button_updated: "Button updated",
+		button_update_failed: "Failed to update button",
+		button_created: "Button created",
+		button_create_failed: "Failed to create button",
+		delete_button_dialog: "Delete Button",
+		delete_button_confirm: "Are you sure you want to delete the button \"{{name}}\"? This action cannot be undone.",
+		button_deleted: "Button deleted",
+		button_delete_failed: "Failed to delete button",
+		reorder_buttons_failed: "Failed to reorder buttons",
+		content_heading: "MySite Content",
+		no_content_empty: "No featured content yet. Favorite products, media, or pages to display on your MySite.",
+		untitled: "Untitled",
+		no_image: "N/A",
+		remove_favorite_aria: "Remove favorite",
+		remove_content_dialog: "Remove Content",
+		remove_content_confirm: "Are you sure you want to remove \"{{name}}\" from your MySite? This action cannot be undone.",
+		content_removed: "Content removed",
+		content_remove_failed: "Failed to remove content",
+		reorder_content_failed: "Failed to reorder content",
+		theme_changed: "Theme changed to \"{{name}}\"",
+		theme_update_failed: "Failed to update theme",
+		type_media: "Media",
+		type_playlist: "Playlist",
+		type_enrollment_pack: "Enrollment Pack",
+		type_page: "Page",
+		validation_button_text_required: "Button text is required",
+		validation_url_invalid: "Must be a valid URL"
+	},
+	loaders: {
+		de: () => Promise.resolve().then(() => require("./de-CXBDo-RG.cjs")).then((m) => m.default),
+		el: () => Promise.resolve().then(() => require("./el-crgzFhOK.cjs")).then((m) => m.default),
+		es: () => Promise.resolve().then(() => require("./es-fBh42Gv8.cjs")).then((m) => m.default),
+		fr: () => Promise.resolve().then(() => require("./fr-o6XURs_V.cjs")).then((m) => m.default),
+		he: () => Promise.resolve().then(() => require("./he-DnbRB1wt.cjs")).then((m) => m.default),
+		hu: () => Promise.resolve().then(() => require("./hu-vZ-YXi67.cjs")).then((m) => m.default),
+		id: () => Promise.resolve().then(() => require("./id-I3ikc6DN.cjs")).then((m) => m.default),
+		it: () => Promise.resolve().then(() => require("./it-C1JdBiOG.cjs")).then((m) => m.default),
+		ja: () => Promise.resolve().then(() => require("./ja-d2WbP60V.cjs")).then((m) => m.default),
+		ko: () => Promise.resolve().then(() => require("./ko-CeHF9XUu.cjs")).then((m) => m.default),
+		nl: () => Promise.resolve().then(() => require("./nl-C1vzDbgd.cjs")).then((m) => m.default),
+		pl: () => Promise.resolve().then(() => require("./pl-LAWhsxSf.cjs")).then((m) => m.default),
+		pt: () => Promise.resolve().then(() => require("./pt-C22-KlI7.cjs")).then((m) => m.default),
+		ro: () => Promise.resolve().then(() => require("./ro-BIeOFE6l.cjs")).then((m) => m.default),
+		ru: () => Promise.resolve().then(() => require("./ru-DgjfIAFL.cjs")).then((m) => m.default),
+		th: () => Promise.resolve().then(() => require("./th-Dbb-AIkM.cjs")).then((m) => m.default),
+		tl: () => Promise.resolve().then(() => require("./tl-bQTXC94K.cjs")).then((m) => m.default),
+		tr: () => Promise.resolve().then(() => require("./tr-CLjneCSO.cjs")).then((m) => m.default),
+		zh_CN: () => Promise.resolve().then(() => require("./zh_CN-CWM6Y1sF.cjs")).then((m) => m.default),
+		zh_TW: () => Promise.resolve().then(() => require("./zh_TW-BZYka3Ps.cjs")).then((m) => m.default)
+	}
+});
+function createMysiteTranslationAdapter(locale, dict) {
+	return require_static_dict_adapter.createStaticDictAdapter(locale, dict);
+}
+//#endregion
+//#region src/providers/MysiteTranslationBridge.tsx
+function MysiteTranslationBridge({ children }) {
+	const { locale } = require_static_dict_adapter.useActiveLocale();
+	const dict = require_static_dict_adapter.useDomainDict(mysiteDomain, locale);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MysiteTranslationProvider, {
+		value: (0, react.useMemo)(() => createMysiteTranslationAdapter(locale, dict), [locale, dict]),
+		children
+	});
+}
+//#endregion
 //#region ../../mysite/ui/src/portal/components/animation-utils.ts
 function getContentClassName(phase) {
 	switch (phase) {
@@ -38,13 +155,14 @@ function getPreviewClassName(phase) {
 //#endregion
 //#region ../../mysite/ui/src/portal/components/VisitorDetailsCard.tsx
 function MySiteVisitorDetailsCard({ views, leads }) {
+	const { t } = useMysiteTranslation();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Card, {
 		className: "h-auto gap-0 py-0 shadow-none",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.CardHeader, {
 			className: "p-4 pb-3",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.CardTitle, {
 				className: "text-sm",
-				children: "Visitor Details"
+				children: t("visitor_details")
 			})
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.CardContent, {
 			className: "flex px-4 pb-4",
@@ -55,7 +173,7 @@ function MySiteVisitorDetailsCard({ views, leads }) {
 						className: "mb-2 flex items-center gap-1.5",
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Eye, { className: "text-muted-foreground h-3.5 w-3.5" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: "text-muted-foreground text-sm",
-							children: "Views"
+							children: t("views")
 						})]
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						className: "text-foreground text-2xl font-bold",
@@ -72,7 +190,7 @@ function MySiteVisitorDetailsCard({ views, leads }) {
 						className: "mb-2 flex items-center gap-1.5",
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Users, { className: "text-muted-foreground h-3.5 w-3.5" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: "text-muted-foreground text-sm",
-							children: "Leads"
+							children: t("leads")
 						})]
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						className: "text-foreground text-2xl font-bold",
@@ -86,6 +204,7 @@ function MySiteVisitorDetailsCard({ views, leads }) {
 //#endregion
 //#region ../../mysite/ui/src/portal/components/MySiteLinkCard.tsx
 function MySiteLinkCard({ mysiteUrl, displayUrl, onUpdateSlug, onToast }) {
+	const { t } = useMysiteTranslation();
 	const lastSlashIndex = displayUrl.lastIndexOf("/");
 	const urlPrefix = lastSlashIndex >= 0 ? displayUrl.slice(0, lastSlashIndex + 1) : "";
 	const currentSlug = lastSlashIndex >= 0 ? displayUrl.slice(lastSlashIndex + 1) : displayUrl;
@@ -103,7 +222,7 @@ function MySiteLinkCard({ mysiteUrl, displayUrl, onUpdateSlug, onToast }) {
 	const handleSaveLink = (0, react.useCallback)(async () => {
 		const trimmed = linkSlugInput.trim();
 		if (!trimmed) {
-			onToast?.("Slug cannot be empty", "error");
+			onToast?.(t("slug_empty_error"), "error");
 			return;
 		}
 		if (trimmed === currentSlug) {
@@ -114,10 +233,10 @@ function MySiteLinkCard({ mysiteUrl, displayUrl, onUpdateSlug, onToast }) {
 		setIsSaving(true);
 		try {
 			await onUpdateSlug(trimmed);
-			onToast?.("MySite link updated", "success");
+			onToast?.(t("link_updated"), "success");
 			setIsEditingLink(false);
 		} catch {
-			onToast?.("Failed to update link", "error");
+			onToast?.(t("link_update_failed"), "error");
 		} finally {
 			setIsSaving(false);
 		}
@@ -125,29 +244,34 @@ function MySiteLinkCard({ mysiteUrl, displayUrl, onUpdateSlug, onToast }) {
 		linkSlugInput,
 		currentSlug,
 		onUpdateSlug,
-		onToast
+		onToast,
+		t
 	]);
 	const handleCopyLink = (0, react.useCallback)(async () => {
 		if (!mysiteUrl) return;
 		try {
 			await navigator.clipboard.writeText(mysiteUrl);
-			onToast?.("Link copied to clipboard", "success");
+			onToast?.(t("link_copied"), "success");
 		} catch {
-			onToast?.("Failed to copy link", "error");
+			onToast?.(t("link_copy_failed"), "error");
 		}
-	}, [mysiteUrl, onToast]);
+	}, [
+		mysiteUrl,
+		onToast,
+		t
+	]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Card, {
 		className: "h-auto gap-0 py-0 shadow-none",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.CardHeader, {
 			className: "items-center p-4",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.CardTitle, {
 				className: "text-sm",
-				children: "Your MySite Link"
+				children: t("your_mysite_link")
 			}), !isEditingLink && onUpdateSlug && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.CardAction, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
 				variant: "link",
 				size: "sm",
 				onClick: handleEditLink,
-				children: "Edit Link"
+				children: t("edit_link")
 			}) })]
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.CardContent, {
 			className: "px-4 pb-4",
@@ -168,7 +292,7 @@ function MySiteLinkCard({ mysiteUrl, displayUrl, onUpdateSlug, onToast }) {
 					autoFocus: true
 				})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "min-w-0 flex-1 truncate text-sm",
-					children: displayUrl || "Not configured"
+					children: displayUrl || t("not_configured")
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
 					variant: "ghost",
 					size: "icon",
@@ -191,12 +315,12 @@ function MySiteLinkCard({ mysiteUrl, displayUrl, onUpdateSlug, onToast }) {
 							variant: "secondary",
 							size: "sm",
 							onClick: handleCancelEditLink,
-							children: "Cancel"
+							children: t("cancel")
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
 							size: "sm",
 							onClick: handleSaveLink,
 							disabled: isSaving,
-							children: isSaving ? "Saving..." : "Save"
+							children: isSaving ? t("saving") : t("save")
 						})]
 					})
 				})
@@ -207,6 +331,7 @@ function MySiteLinkCard({ mysiteUrl, displayUrl, onUpdateSlug, onToast }) {
 //#endregion
 //#region ../../mysite/ui/src/portal/components/PhonePreview.tsx
 function MySitePhonePreview({ mysiteUrl, themeName, previewKey, isUpdating, onPreview }) {
+	const { t } = useMysiteTranslation();
 	const iframeRef = (0, react.useRef)(null);
 	const previewSrc = `${mysiteUrl}?preview=true`;
 	const isInitialLoadRef = (0, react.useRef)(true);
@@ -229,7 +354,7 @@ function MySitePhonePreview({ mysiteUrl, themeName, previewKey, isUpdating, onPr
 			className: "w-full items-center px-5",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 				className: "text-muted-foreground text-xs",
-				children: "Current Theme"
+				children: t("current_theme")
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 				className: "text-foreground text-sm font-semibold",
 				children: themeName
@@ -239,7 +364,7 @@ function MySitePhonePreview({ mysiteUrl, themeName, previewKey, isUpdating, onPr
 				size: "sm",
 				onClick: onPreview,
 				disabled: !mysiteUrl,
-				children: "Preview"
+				children: t("preview")
 			})]
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.CardContent, {
 			className: "relative mx-auto my-auto w-[260px] px-0 sm:w-[320px]",
@@ -262,7 +387,7 @@ function MySitePhonePreview({ mysiteUrl, themeName, previewKey, isUpdating, onPr
 						ref: iframeRef,
 						className: "h-full w-full origin-top-left bg-[#ffffff]",
 						src: previewSrc,
-						title: "MySite Preview",
+						title: t("mysite_preview"),
 						tabIndex: -1,
 						sandbox: "allow-scripts allow-same-origin",
 						onLoad: handleIframeLoad
@@ -273,7 +398,7 @@ function MySitePhonePreview({ mysiteUrl, themeName, previewKey, isUpdating, onPr
 						className: "flex h-full items-center justify-center",
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 							className: "text-muted-foreground text-sm",
-							children: "No site configured"
+							children: t("no_site_configured")
 						})
 					})
 				})]
@@ -284,6 +409,7 @@ function MySitePhonePreview({ mysiteUrl, themeName, previewKey, isUpdating, onPr
 //#endregion
 //#region ../../mysite/ui/src/portal/components/ThemeEditor.tsx
 function MySiteThemeEditor({ themes, selectedThemeId, onSelectTheme, isPending, onBack }) {
+	const { t } = useMysiteTranslation();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "flex items-center gap-3",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
@@ -293,13 +419,13 @@ function MySiteThemeEditor({ themes, selectedThemeId, onSelectTheme, isPending,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ArrowLeft, { className: "h-4 w-4" })
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
 			className: "text-foreground text-xl font-bold",
-			children: "Choose a Theme"
+			children: t("choose_a_theme")
 		})]
 	}), themes.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Card, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.CardContent, {
 		className: "py-8 text-center",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 			className: "text-muted-foreground",
-			children: "No themes available"
+			children: t("no_themes_available")
 		})
 	}) }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: "grid grid-cols-2 gap-4 sm:grid-cols-3",
@@ -436,11 +562,14 @@ zod.z.object({
 });
 //#endregion
 //#region ../../mysite/ui/src/portal/components/PortalButtonsEditor.tsx
-const buttonSchema = zod.z.object({
-	title: zod.z.string().min(1, "Button text is required"),
-	url: zod.z.string().transform(normalizeUrl).pipe(zod.z.string().url("Must be a valid URL"))
-});
+function createButtonSchema(t) {
+	return zod.z.object({
+		title: zod.z.string().min(1, t("validation_button_text_required")),
+		url: zod.z.string().transform(normalizeUrl).pipe(zod.z.string().url(t("validation_url_invalid")))
+	});
+}
 function SortableButtonCard({ link, onEdit, onDelete }) {
+	const { t } = useMysiteTranslation();
 	const { attributes, listeners, setNodeRef, transform, transition, isDragging } = (0, import_dist$1.useSortable)({ id: link.id });
 	const style = {
 		transform: import_dist$2.CSS.Transform.toString(transform),
@@ -455,7 +584,7 @@ function SortableButtonCard({ link, onEdit, onDelete }) {
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 				type: "button",
 				className: "text-muted-foreground hover:text-foreground cursor-grab touch-none",
-				"aria-label": "Drag to reorder",
+				"aria-label": t("drag_to_reorder"),
 				...attributes,
 				...listeners,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.GripVertical, { className: "h-5 w-5" })
@@ -477,14 +606,14 @@ function SortableButtonCard({ link, onEdit, onDelete }) {
 					size: "sm",
 					className: "text-muted-foreground hover:text-foreground",
 					onClick: () => onEdit(link),
-					"aria-label": "Edit button",
+					"aria-label": t("edit_button_aria"),
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Pencil, { className: "h-4 w-4" })
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
 					variant: "ghost",
 					size: "sm",
 					className: "text-muted-foreground hover:text-destructive",
 					onClick: () => onDelete(link),
-					"aria-label": "Delete button",
+					"aria-label": t("delete_button_aria"),
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, { className: "h-4 w-4" })
 				})]
 			})
@@ -497,6 +626,8 @@ function SortableButtonCard({ link, onEdit, onDelete }) {
 */
 function PortalButtonsEditor({ onBack, onRefreshPreview, onToast }) {
 	"use no memo";
+	const { t } = useMysiteTranslation();
+	const schema = (0, react.useMemo)(() => createButtonSchema(t), [t]);
 	const { data: links = [], isLoading } = require_use_mysite_portal.usePortalLinks();
 	const createLinkMutation = require_use_mysite_portal.usePortalCreateLink();
 	const updateLinkMutation = require_use_mysite_portal.usePortalUpdateLink();
@@ -506,7 +637,7 @@ function PortalButtonsEditor({ onBack, onRefreshPreview, onToast }) {
 	const [editingLink, setEditingLink] = (0, react.useState)(null);
 	const [isDeleteDialogOpen, setIsDeleteDialogOpen] = (0, react.useState)(false);
 	const [deletingLink, setDeletingLink] = (0, react.useState)(null);
-	const { register, handleSubmit: handleButtonSubmit, reset: resetButtonForm, formState: { errors: buttonErrors, isSubmitting: isButtonSubmitting } } = require_src.useZodForm(buttonSchema, { defaultValues: {
+	const { register, handleSubmit: handleButtonSubmit, reset: resetButtonForm, formState: { errors: buttonErrors, isSubmitting: isButtonSubmitting } } = require_src.useZodForm(schema, { defaultValues: {
 		title: "",
 		url: ""
 	} });
@@ -544,12 +675,12 @@ function PortalButtonsEditor({ onBack, onRefreshPreview, onToast }) {
 			}
 		}, {
 			onSuccess: () => {
-				onToast?.("Button updated", "success");
+				onToast?.(t("button_updated"), "success");
 				handleCloseAddEditDialog();
 				onRefreshPreview?.();
 			},
 			onError: () => {
-				onToast?.("Failed to update button", "error");
+				onToast?.(t("button_update_failed"), "error");
 			}
 		});
 		else createLinkMutation.mutate({
@@ -557,12 +688,12 @@ function PortalButtonsEditor({ onBack, onRefreshPreview, onToast }) {
 			url: data.url
 		}, {
 			onSuccess: () => {
-				onToast?.("Button created", "success");
+				onToast?.(t("button_created"), "success");
 				handleCloseAddEditDialog();
 				onRefreshPreview?.();
 			},
 			onError: () => {
-				onToast?.("Failed to create button", "error");
+				onToast?.(t("button_create_failed"), "error");
 			}
 		});
 	}, [
@@ -571,7 +702,8 @@ function PortalButtonsEditor({ onBack, onRefreshPreview, onToast }) {
 		updateLinkMutation,
 		handleCloseAddEditDialog,
 		onRefreshPreview,
-		onToast
+		onToast,
+		t
 	]);
 	const handleOpenDeleteDialog = (0, react.useCallback)((link) => {
 		setDeletingLink(link);
@@ -584,12 +716,12 @@ function PortalButtonsEditor({ onBack, onRefreshPreview, onToast }) {
 	const handleConfirmDelete = (0, react.useCallback)(() => {
 		if (deletingLink) deleteLinkMutation.mutate(deletingLink.id, {
 			onSuccess: () => {
-				onToast?.("Button deleted", "success");
+				onToast?.(t("button_deleted"), "success");
 				handleCloseDeleteDialog();
 				onRefreshPreview?.();
 			},
 			onError: () => {
-				onToast?.("Failed to delete button", "error");
+				onToast?.(t("button_delete_failed"), "error");
 			}
 		});
 	}, [
@@ -597,7 +729,8 @@ function PortalButtonsEditor({ onBack, onRefreshPreview, onToast }) {
 		deleteLinkMutation,
 		handleCloseDeleteDialog,
 		onRefreshPreview,
-		onToast
+		onToast,
+		t
 	]);
 	const handleDragEnd = (0, react.useCallback)((event) => {
 		const { active, over } = event;
@@ -612,7 +745,7 @@ function PortalButtonsEditor({ onBack, onRefreshPreview, onToast }) {
 					onRefreshPreview?.();
 				},
 				onError: () => {
-					onToast?.("Failed to reorder buttons", "error");
+					onToast?.(t("reorder_buttons_failed"), "error");
 				}
 			});
 		}
@@ -620,7 +753,8 @@ function PortalButtonsEditor({ onBack, onRefreshPreview, onToast }) {
 		links,
 		reorderLinksMutation,
 		onRefreshPreview,
-		onToast
+		onToast,
+		t
 	]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -634,12 +768,12 @@ function PortalButtonsEditor({ onBack, onRefreshPreview, onToast }) {
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ArrowLeft, { className: "h-4 w-4" })
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
 					className: "text-foreground text-xl font-bold",
-					children: "Buttons"
+					children: t("buttons_heading")
 				})]
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
 				size: "sm",
 				onClick: handleOpenAddDialog,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Plus, { className: "mr-1 h-4 w-4" }), "Add Button"]
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Plus, { className: "mr-1 h-4 w-4" }), t("add_button")]
 			})]
 		}),
 		isLoading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -662,11 +796,11 @@ function PortalButtonsEditor({ onBack, onRefreshPreview, onToast }) {
 			className: "p-6 text-center sm:p-8",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 				className: "text-muted-foreground mb-4",
-				children: "No buttons yet. Add custom link buttons to display on your MySite."
+				children: t("no_buttons_empty")
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
 				size: "sm",
 				onClick: handleOpenAddDialog,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Plus, { className: "mr-1 h-4 w-4" }), "Add Button"]
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Plus, { className: "mr-1 h-4 w-4" }), t("add_button")]
 			})]
 		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(import_dist.DndContext, {
 			sensors,
@@ -688,7 +822,7 @@ function PortalButtonsEditor({ onBack, onRefreshPreview, onToast }) {
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Dialog, {
 			open: isAddEditDialogOpen,
 			onOpenChange: setIsAddEditDialogOpen,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DialogContent, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogTitle, { children: editingLink ? "Edit Button" : "Add Button" }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DialogContent, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogTitle, { children: editingLink ? t("edit_button_dialog") : t("add_button_dialog") }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
 				onSubmit: handleButtonSubmit(onButtonSubmit),
 				className: "space-y-4",
 				children: [
@@ -697,11 +831,11 @@ function PortalButtonsEditor({ onBack, onRefreshPreview, onToast }) {
 						children: [
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, {
 								htmlFor: "title",
-								children: "Button Text"
+								children: t("button_text_label")
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Input, {
 								id: "title",
-								placeholder: "Enter button text...",
+								placeholder: t("button_text_placeholder"),
 								...register("title"),
 								className: buttonErrors.title ? "border-destructive" : ""
 							}),
@@ -716,11 +850,11 @@ function PortalButtonsEditor({ onBack, onRefreshPreview, onToast }) {
 						children: [
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, {
 								htmlFor: "url",
-								children: "URL"
+								children: t("url_label")
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Input, {
 								id: "url",
-								placeholder: "https://example.com",
+								placeholder: t("url_placeholder"),
 								...register("url"),
 								className: buttonErrors.url ? "border-destructive" : ""
 							}),
@@ -739,18 +873,18 @@ function PortalButtonsEditor({ onBack, onRefreshPreview, onToast }) {
 								handleCloseAddEditDialog();
 								handleOpenDeleteDialog(editingLink);
 							},
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, { className: "mr-1 h-4 w-4" }), "Delete"]
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, { className: "mr-1 h-4 w-4" }), t("delete")]
 						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "flex gap-2",
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
 								type: "button",
 								variant: "outline",
 								onClick: handleCloseAddEditDialog,
-								children: "Cancel"
+								children: t("cancel")
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
 								type: "submit",
 								disabled: isButtonSubmitting || createLinkMutation.isPending || updateLinkMutation.isPending,
-								children: isButtonSubmitting || createLinkMutation.isPending || updateLinkMutation.isPending ? "Saving..." : "Save"
+								children: isButtonSubmitting || createLinkMutation.isPending || updateLinkMutation.isPending ? t("saving") : t("save")
 							})]
 						})]
 					})
@@ -761,26 +895,22 @@ function PortalButtonsEditor({ onBack, onRefreshPreview, onToast }) {
 			open: isDeleteDialogOpen,
 			onOpenChange: setIsDeleteDialogOpen,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DialogContent, { children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogTitle, { children: "Delete Button" }) }),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogTitle, { children: t("delete_button_dialog") }) }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 					className: "text-muted-foreground",
-					children: [
-						"Are you sure you want to delete the button \"",
-						deletingLink?.title,
-						"\"? This action cannot be undone."
-					]
+					children: t("delete_button_confirm", { name: deletingLink?.title ?? "" })
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DialogFooter, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
 					type: "button",
 					variant: "outline",
 					onClick: handleCloseDeleteDialog,
-					children: "Cancel"
+					children: t("cancel")
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
 					type: "button",
 					variant: "destructive",
 					onClick: handleConfirmDelete,
 					disabled: deleteLinkMutation.isPending,
-					children: deleteLinkMutation.isPending ? "Deleting..." : "Delete"
+					children: deleteLinkMutation.isPending ? t("deleting") : t("delete")
 				})] })
 			] })
 		})
@@ -788,21 +918,23 @@ function PortalButtonsEditor({ onBack, onRefreshPreview, onToast }) {
 }
 //#endregion
 //#region ../../mysite/ui/src/portal/components/PortalFavoritesEditor.tsx
-const TYPE_LABELS = {
-	Medium: "Media",
-	Library: "Playlist",
-	EnrollmentPack: "Enrollment Pack",
-	Page: "Page"
+const TYPE_LABEL_KEYS = {
+	Medium: "type_media",
+	Library: "type_playlist",
+	EnrollmentPack: "type_enrollment_pack",
+	Page: "type_page"
 };
 function SortableFavoriteCard({ favorite, onDelete }) {
+	const { t } = useMysiteTranslation();
 	const { attributes, listeners, setNodeRef, transform, transition, isDragging } = (0, import_dist$1.useSortable)({ id: favorite.id });
 	const style = {
 		transform: import_dist$2.CSS.Transform.toString(transform),
 		transition
 	};
-	const title = favorite.name ?? "Untitled";
+	const title = favorite.name ?? t("untitled");
 	const imageUrl = favorite.image_url;
-	const typeLabel = favorite.favoriteable_type !== "Product" ? TYPE_LABELS[favorite.favoriteable_type] ?? favorite.favoriteable_type : null;
+	const typeLabelKey = TYPE_LABEL_KEYS[favorite.favoriteable_type];
+	const typeLabel = favorite.favoriteable_type !== "Product" ? typeLabelKey ? t(typeLabelKey) : favorite.favoriteable_type : null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		ref: setNodeRef,
 		style,
@@ -811,7 +943,7 @@ function SortableFavoriteCard({ favorite, onDelete }) {
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 				type: "button",
 				className: "text-muted-foreground hover:text-foreground cursor-grab touch-none",
-				"aria-label": "Drag to reorder",
+				"aria-label": t("drag_to_reorder"),
 				...attributes,
 				...listeners,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.GripVertical, { className: "h-5 w-5" })
@@ -827,7 +959,7 @@ function SortableFavoriteCard({ favorite, onDelete }) {
 					className: "h-full w-full object-cover"
 				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "text-muted-foreground flex h-full w-full items-center justify-center text-xs",
-					children: "N/A"
+					children: t("no_image")
 				})
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -847,7 +979,7 @@ function SortableFavoriteCard({ favorite, onDelete }) {
 					size: "sm",
 					className: "text-muted-foreground hover:text-destructive",
 					onClick: () => onDelete(favorite),
-					"aria-label": "Remove favorite",
+					"aria-label": t("remove_favorite_aria"),
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, { className: "h-4 w-4" })
 				})
 			})
@@ -859,6 +991,7 @@ function SortableFavoriteCard({ favorite, onDelete }) {
 * No client/affiliateId props needed — data comes from context.
 */
 function PortalFavoritesEditor({ onBack, onRefreshPreview, onToast }) {
+	const { t } = useMysiteTranslation();
 	const { data: favorites = [], isLoading } = require_use_mysite_portal.usePortalFavorites();
 	const deleteFavoriteMutation = require_use_mysite_portal.usePortalDeleteFavorite();
 	const reorderFavoritesMutation = require_use_mysite_portal.usePortalReorderFavorites();
@@ -876,12 +1009,12 @@ function PortalFavoritesEditor({ onBack, onRefreshPreview, onToast }) {
 	const handleConfirmDeleteFavorite = (0, react.useCallback)(() => {
 		if (deletingFavorite) deleteFavoriteMutation.mutate(deletingFavorite.id, {
 			onSuccess: () => {
-				onToast?.("Content removed", "success");
+				onToast?.(t("content_removed"), "success");
 				handleCloseDeleteFavoriteDialog();
 				onRefreshPreview?.();
 			},
 			onError: () => {
-				onToast?.("Failed to remove content", "error");
+				onToast?.(t("content_remove_failed"), "error");
 			}
 		});
 	}, [
@@ -889,7 +1022,8 @@ function PortalFavoritesEditor({ onBack, onRefreshPreview, onToast }) {
 		deleteFavoriteMutation,
 		handleCloseDeleteFavoriteDialog,
 		onRefreshPreview,
-		onToast
+		onToast,
+		t
 	]);
 	const handleFavoriteDragEnd = (0, react.useCallback)((event) => {
 		const { active, over } = event;
@@ -904,7 +1038,7 @@ function PortalFavoritesEditor({ onBack, onRefreshPreview, onToast }) {
 					onRefreshPreview?.();
 				},
 				onError: () => {
-					onToast?.("Failed to reorder content", "error");
+					onToast?.(t("reorder_content_failed"), "error");
 				}
 			});
 		}
@@ -912,7 +1046,8 @@ function PortalFavoritesEditor({ onBack, onRefreshPreview, onToast }) {
 		favorites,
 		reorderFavoritesMutation,
 		onRefreshPreview,
-		onToast
+		onToast,
+		t
 	]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -924,7 +1059,7 @@ function PortalFavoritesEditor({ onBack, onRefreshPreview, onToast }) {
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ArrowLeft, { className: "h-4 w-4" })
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
 				className: "text-foreground text-xl font-bold",
-				children: "MySite Content"
+				children: t("content_heading")
 			})]
 		}),
 		isLoading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -945,7 +1080,7 @@ function PortalFavoritesEditor({ onBack, onRefreshPreview, onToast }) {
 			className: "p-6 text-center sm:p-8",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 				className: "text-muted-foreground",
-				children: "No featured content yet. Favorite products, media, or pages to display on your MySite."
+				children: t("no_content_empty")
 			})
 		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(import_dist.DndContext, {
 			sensors,
@@ -967,26 +1102,22 @@ function PortalFavoritesEditor({ onBack, onRefreshPreview, onToast }) {
 			open: isDeleteFavoriteDialogOpen,
 			onOpenChange: setIsDeleteFavoriteDialogOpen,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DialogContent, { children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogTitle, { children: "Remove Content" }) }),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogTitle, { children: t("remove_content_dialog") }) }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 					className: "text-muted-foreground",
-					children: [
-						"Are you sure you want to remove \"",
-						deletingFavorite?.name ?? "this item",
-						"\" from your MySite? This action cannot be undone."
-					]
+					children: t("remove_content_confirm", { name: deletingFavorite?.name ?? t("untitled") })
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DialogFooter, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
 					type: "button",
 					variant: "outline",
 					onClick: handleCloseDeleteFavoriteDialog,
-					children: "Cancel"
+					children: t("cancel")
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
 					type: "button",
 					variant: "destructive",
 					onClick: handleConfirmDeleteFavorite,
 					disabled: deleteFavoriteMutation.isPending,
-					children: deleteFavoriteMutation.isPending ? "Removing..." : "Remove"
+					children: deleteFavoriteMutation.isPending ? t("removing") : t("remove")
 				})] })
 			] })
 		})
@@ -996,22 +1127,22 @@ function PortalFavoritesEditor({ onBack, onRefreshPreview, onToast }) {
 //#region src/screens/MySiteScreen/MySiteMainView.tsx
 const navigationItems = [
 	{
-		label: "Profile",
+		labelKey: "nav_profile",
 		slug: "profile",
 		icon: lucide_react.User
 	},
 	{
-		label: "Theme",
+		labelKey: "nav_theme",
 		key: "theme",
 		icon: lucide_react.Palette
 	},
 	{
-		label: "MySite Content",
+		labelKey: "nav_content",
 		key: "content",
 		icon: lucide_react.LayoutGrid
 	},
 	{
-		label: "Buttons",
+		labelKey: "nav_buttons",
 		key: "buttons",
 		icon: lucide_react.Link2
 	}
@@ -1023,6 +1154,7 @@ function defaultToast(message, type) {
 	});
 }
 function MySiteMainView({ editingSection, animPhase, showEditContent, onEditSection, onBackClick }) {
+	const { t } = useMysiteTranslation();
 	const { navigate } = require_AppNavigationContext.useAppNavigation();
 	const { data: profile, isLoading: isProfileLoading } = require_use_mysite_portal.usePortalMySiteProfile();
 	const { data: themes = [] } = require_use_mysite_portal.usePortalMySiteThemes();
@@ -1042,19 +1174,20 @@ function MySiteMainView({ editingSection, animPhase, showEditContent, onEditSect
 		setSelectedThemeId(theme.id);
 		updateSettingsMutation.mutate({ theme_id: theme.id }, {
 			onSuccess: () => {
-				defaultToast(`Theme changed to "${theme.name}"`, "success");
+				defaultToast(t("theme_changed", { name: theme.name }), "success");
 				refreshPreview();
 			},
 			onError: () => {
 				setSelectedThemeId(previousThemeId);
-				defaultToast("Failed to update theme", "error");
+				defaultToast(t("theme_update_failed"), "error");
 			}
 		});
 	}, [
 		resolvedThemeId,
 		selectedThemeId,
 		updateSettingsMutation,
-		refreshPreview
+		refreshPreview,
+		t
 	]);
 	const handleUpdateSlug = (0, react.useCallback)(async (slug) => {
 		await new Promise((resolve, reject) => {
@@ -1068,11 +1201,11 @@ function MySiteMainView({ editingSection, animPhase, showEditContent, onEditSect
 		if (mysiteUrl) window.open(`${mysiteUrl}?preview=true`, "_blank");
 	}, [mysiteUrl]);
 	const sectionLabel = (0, react.useMemo)(() => {
-		if (editingSection === "theme") return "Theme";
-		if (editingSection === "buttons") return "Buttons";
-		if (editingSection === "content") return "MySite Content";
+		if (editingSection === "theme") return t("nav_theme");
+		if (editingSection === "buttons") return t("nav_buttons");
+		if (editingSection === "content") return t("nav_content");
 		return "";
-	}, [editingSection]);
+	}, [editingSection, t]);
 	if (isProfileLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "flex h-full flex-col overflow-y-auto px-2 py-6 2xl:flex-row 2xl:overflow-hidden",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -1127,7 +1260,7 @@ function MySiteMainView({ editingSection, animPhase, showEditContent, onEditSect
 						className: "flex items-center gap-2",
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
 							className: "text-foreground text-xl font-bold",
-							children: "MySite"
+							children: t("heading")
 						}), animPhase !== "idle" && sectionLabel && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRight, { className: "text-muted-foreground h-4 w-4" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: "text-foreground text-xl font-bold",
 							children: sectionLabel
@@ -1158,11 +1291,11 @@ function MySiteMainView({ editingSection, animPhase, showEditContent, onEditSect
 									}),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 										className: "text-foreground flex-1 text-sm font-medium",
-										children: item.label
+										children: t(item.labelKey)
 									}),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRight, { className: "text-muted-foreground h-3 w-3 shrink-0 transition-transform group-hover:translate-x-0.5" })
 								]
-							}, item.label);
+							}, item.labelKey);
 						})
 					})
 				] })
@@ -1231,13 +1364,17 @@ function useMySiteEditingSection() {
 //#endregion
 //#region src/screens/MySiteScreen/index.tsx
 function MySiteScreen({ background, textColor, accentColor, padding, borderRadius, ...divProps }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MysiteTranslationBridge, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MySiteScreenContent, { ...divProps }) });
+}
+function MySiteScreenContent(divProps) {
+	const { t } = useMysiteTranslation();
 	const { editingSection, animPhase, showEditContent, handleEditSection, handleBackClick } = useMySiteEditingSection();
 	const sectionLabel = (0, react.useMemo)(() => {
-		if (editingSection === "theme") return "Theme";
-		if (editingSection === "buttons") return "Buttons";
-		if (editingSection === "content") return "MySite Content";
+		if (editingSection === "theme") return t("nav_theme");
+		if (editingSection === "buttons") return t("nav_buttons");
+		if (editingSection === "content") return t("nav_content");
 		return null;
-	}, [editingSection]);
+	}, [editingSection, t]);
 	const handleRootCrumbClick = (0, react.useCallback)((e) => {
 		e.preventDefault();
 		if (editingSection !== null) handleBackClick();
@@ -1247,15 +1384,19 @@ function MySiteScreen({ background, textColor, accentColor, padding, borderRadiu
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbItem, { children: sectionLabel ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbLink, {
 			href: "#",
 			onClick: handleRootCrumbClick,
-			children: "My Site"
+			children: t("breadcrumb")
 		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbPage, {
 			className: "font-semibold",
-			children: "My Site"
+			children: t("breadcrumb")
 		}) }), sectionLabel && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbSeparator, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbPage, {
 			className: "font-semibold",
 			children: sectionLabel
 		}) })] })]
-	}) }), [sectionLabel, handleRootCrumbClick]));
+	}) }), [
+		sectionLabel,
+		handleRootCrumbClick,
+		t
+	]));
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		...divProps,
 		className: `h-full ${divProps.className ?? ""}`,
@@ -1291,4 +1432,4 @@ Object.defineProperty(exports, "mySiteScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=MySiteScreen-DD9UsZ4T.cjs.map
+//# sourceMappingURL=MySiteScreen-DWReicLw.cjs.map