@fluid-app/portal-sdk 0.1.271 → 0.1.272

package/dist/{MySiteScreen-CiShj0mf.mjs → MySiteScreen-Bq6iNkLL.mjs}

@@ -1,7 +1,9 @@
 import { I as __exportAll } from "./portal_tenant_content-DPLnrtOG.mjs";
+import { a as useActiveLocale, n as createDomainTranslations, r as useDomainDict, t as createStaticDictAdapter } from "./static-dict-adapter-DIx2Glv8.mjs";
 import { Q as DialogContent, R as Label, Sn as cn, St as CardTitle, X as Dialog, _t as CardAction, an as BreadcrumbLink, cn as BreadcrumbSeparator, et as DialogFooter, f as fluidToast, gt as Card, h as Skeleton, in as BreadcrumbItem, it as DialogTitle, k as Input, on as BreadcrumbList, rn as Breadcrumb, sn as BreadcrumbPage, tt as DialogHeader, vn as Button, vt as CardContent, x as Separator, xn as useZodForm, xt as CardHeader } from "./src-CuunV7ET.mjs";
 import { r as useScreenHeaderBreadcrumbs } from "./ScreenHeaderContext-kG_zh0zW.mjs";
 import { n as useAppNavigation } from "./AppNavigationContext-Dvc0yoZF.mjs";
+import { t as createTranslationContext } from "./translation-api-context-factory-BH4KNa0H.mjs";
 import { a as usePortalFavorites, c as usePortalMySiteThemes, d as usePortalUpdateLink, f as usePortalUpdateSettings, i as usePortalDeleteLink, l as usePortalReorderFavorites, n as usePortalCreateLink, o as usePortalLinks, r as usePortalDeleteFavorite, s as usePortalMySiteProfile, u as usePortalReorderLinks } from "./use-mysite-portal-C0bQzPek.mjs";
 import { a as verticalListSortingStrategy, c as PointerSensor, d as useSensors, f as CSS, i as useSortable, l as closestCenter, n as arrayMove, o as DndContext, r as sortableKeyboardCoordinates, s as KeyboardSensor, t as SortableContext, u as useSensor } from "./sortable.esm-BqjLKOgx.mjs";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
@@ -9,6 +11,121 @@ import "@tanstack/react-query";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { ArrowLeft, Check, ChevronRight, Copy, Eye, GripVertical, LayoutGrid, Link2, LoaderCircle, Palette, Pencil, Plus, Trash2, User, Users } from "lucide-react";
 import { z } from "zod";
+//#region ../../mysite/core/src/translation-api-context.ts
+const { Provider, useTranslation } = createTranslationContext("Mysite");
+const MysiteTranslationProvider = Provider;
+const useMysiteTranslation = useTranslation;
+//#endregion
+//#region ../../mysite/core/src/translation-adapter.ts
+const mysiteDomain = 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: () => import("./de-DbGB273H.mjs").then((m) => m.default),
+		el: () => import("./el-DNQk_DH8.mjs").then((m) => m.default),
+		es: () => import("./es-CyImgErH.mjs").then((m) => m.default),
+		fr: () => import("./fr-D1BwRPXf.mjs").then((m) => m.default),
+		he: () => import("./he-Bzy0MWPM.mjs").then((m) => m.default),
+		hu: () => import("./hu-GtmiBoIV.mjs").then((m) => m.default),
+		id: () => import("./id-CnMFnr3C.mjs").then((m) => m.default),
+		it: () => import("./it-C477YCZE.mjs").then((m) => m.default),
+		ja: () => import("./ja-DqDxDbVX.mjs").then((m) => m.default),
+		ko: () => import("./ko-CHprLNi7.mjs").then((m) => m.default),
+		nl: () => import("./nl-BI68xwpg.mjs").then((m) => m.default),
+		pl: () => import("./pl-DCdHbyql.mjs").then((m) => m.default),
+		pt: () => import("./pt-CwRYND6I.mjs").then((m) => m.default),
+		ro: () => import("./ro-D155PDkk.mjs").then((m) => m.default),
+		ru: () => import("./ru-CrYJ2PqR.mjs").then((m) => m.default),
+		th: () => import("./th-Bg7f3EDW.mjs").then((m) => m.default),
+		tl: () => import("./tl-BWMiF8p4.mjs").then((m) => m.default),
+		tr: () => import("./tr-BHNGyBX1.mjs").then((m) => m.default),
+		zh_CN: () => import("./zh_CN-CD0DMZSL.mjs").then((m) => m.default),
+		zh_TW: () => import("./zh_TW-DM6xFf50.mjs").then((m) => m.default)
+	}
+});
+function createMysiteTranslationAdapter(locale, dict) {
+	return createStaticDictAdapter(locale, dict);
+}
+//#endregion
+//#region src/providers/MysiteTranslationBridge.tsx
+function MysiteTranslationBridge({ children }) {
+	const { locale } = useActiveLocale();
+	const dict = useDomainDict(mysiteDomain, locale);
+	return /* @__PURE__ */ jsx(MysiteTranslationProvider, {
+		value: useMemo(() => createMysiteTranslationAdapter(locale, dict), [locale, dict]),
+		children
+	});
+}
+//#endregion
 //#region ../../mysite/ui/src/portal/components/animation-utils.ts
 function getContentClassName(phase) {
 	switch (phase) {
@@ -37,13 +154,14 @@ function getPreviewClassName(phase) {
 //#endregion
 //#region ../../mysite/ui/src/portal/components/VisitorDetailsCard.tsx
 function MySiteVisitorDetailsCard({ views, leads }) {
+	const { t } = useMysiteTranslation();
 	return /* @__PURE__ */ jsxs(Card, {
 		className: "h-auto gap-0 py-0 shadow-none",
 		children: [/* @__PURE__ */ jsx(CardHeader, {
 			className: "p-4 pb-3",
 			children: /* @__PURE__ */ jsx(CardTitle, {
 				className: "text-sm",
-				children: "Visitor Details"
+				children: t("visitor_details")
 			})
 		}), /* @__PURE__ */ jsxs(CardContent, {
 			className: "flex px-4 pb-4",
@@ -54,7 +172,7 @@ function MySiteVisitorDetailsCard({ views, leads }) {
 						className: "mb-2 flex items-center gap-1.5",
 						children: [/* @__PURE__ */ jsx(Eye, { className: "text-muted-foreground h-3.5 w-3.5" }), /* @__PURE__ */ jsx("span", {
 							className: "text-muted-foreground text-sm",
-							children: "Views"
+							children: t("views")
 						})]
 					}), /* @__PURE__ */ jsx("p", {
 						className: "text-foreground text-2xl font-bold",
@@ -71,7 +189,7 @@ function MySiteVisitorDetailsCard({ views, leads }) {
 						className: "mb-2 flex items-center gap-1.5",
 						children: [/* @__PURE__ */ jsx(Users, { className: "text-muted-foreground h-3.5 w-3.5" }), /* @__PURE__ */ jsx("span", {
 							className: "text-muted-foreground text-sm",
-							children: "Leads"
+							children: t("leads")
 						})]
 					}), /* @__PURE__ */ jsx("p", {
 						className: "text-foreground text-2xl font-bold",
@@ -85,6 +203,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;
@@ -102,7 +221,7 @@ function MySiteLinkCard({ mysiteUrl, displayUrl, onUpdateSlug, onToast }) {
 	const handleSaveLink = useCallback(async () => {
 		const trimmed = linkSlugInput.trim();
 		if (!trimmed) {
-			onToast?.("Slug cannot be empty", "error");
+			onToast?.(t("slug_empty_error"), "error");
 			return;
 		}
 		if (trimmed === currentSlug) {
@@ -113,10 +232,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);
 		}
@@ -124,29 +243,34 @@ function MySiteLinkCard({ mysiteUrl, displayUrl, onUpdateSlug, onToast }) {
 		linkSlugInput,
 		currentSlug,
 		onUpdateSlug,
-		onToast
+		onToast,
+		t
 	]);
 	const handleCopyLink = 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__ */ jsxs(Card, {
 		className: "h-auto gap-0 py-0 shadow-none",
 		children: [/* @__PURE__ */ jsxs(CardHeader, {
 			className: "items-center p-4",
 			children: [/* @__PURE__ */ jsx(CardTitle, {
 				className: "text-sm",
-				children: "Your MySite Link"
+				children: t("your_mysite_link")
 			}), !isEditingLink && onUpdateSlug && /* @__PURE__ */ jsx(CardAction, { children: /* @__PURE__ */ jsx(Button, {
 				variant: "link",
 				size: "sm",
 				onClick: handleEditLink,
-				children: "Edit Link"
+				children: t("edit_link")
 			}) })]
 		}), /* @__PURE__ */ jsxs(CardContent, {
 			className: "px-4 pb-4",
@@ -167,7 +291,7 @@ function MySiteLinkCard({ mysiteUrl, displayUrl, onUpdateSlug, onToast }) {
 					autoFocus: true
 				})] }) : /* @__PURE__ */ jsx("span", {
 					className: "min-w-0 flex-1 truncate text-sm",
-					children: displayUrl || "Not configured"
+					children: displayUrl || t("not_configured")
 				}), /* @__PURE__ */ jsx(Button, {
 					variant: "ghost",
 					size: "icon",
@@ -190,12 +314,12 @@ function MySiteLinkCard({ mysiteUrl, displayUrl, onUpdateSlug, onToast }) {
 							variant: "secondary",
 							size: "sm",
 							onClick: handleCancelEditLink,
-							children: "Cancel"
+							children: t("cancel")
 						}), /* @__PURE__ */ jsx(Button, {
 							size: "sm",
 							onClick: handleSaveLink,
 							disabled: isSaving,
-							children: isSaving ? "Saving..." : "Save"
+							children: isSaving ? t("saving") : t("save")
 						})]
 					})
 				})
@@ -206,6 +330,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 = useRef(null);
 	const previewSrc = `${mysiteUrl}?preview=true`;
 	const isInitialLoadRef = useRef(true);
@@ -228,7 +353,7 @@ function MySitePhonePreview({ mysiteUrl, themeName, previewKey, isUpdating, onPr
 			className: "w-full items-center px-5",
 			children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
 				className: "text-muted-foreground text-xs",
-				children: "Current Theme"
+				children: t("current_theme")
 			}), /* @__PURE__ */ jsx("p", {
 				className: "text-foreground text-sm font-semibold",
 				children: themeName
@@ -238,7 +363,7 @@ function MySitePhonePreview({ mysiteUrl, themeName, previewKey, isUpdating, onPr
 				size: "sm",
 				onClick: onPreview,
 				disabled: !mysiteUrl,
-				children: "Preview"
+				children: t("preview")
 			})]
 		}), /* @__PURE__ */ jsxs(CardContent, {
 			className: "relative mx-auto my-auto w-[260px] px-0 sm:w-[320px]",
@@ -261,7 +386,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
@@ -272,7 +397,7 @@ function MySitePhonePreview({ mysiteUrl, themeName, previewKey, isUpdating, onPr
 						className: "flex h-full items-center justify-center",
 						children: /* @__PURE__ */ jsx("p", {
 							className: "text-muted-foreground text-sm",
-							children: "No site configured"
+							children: t("no_site_configured")
 						})
 					})
 				})]
@@ -283,6 +408,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__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
 		className: "flex items-center gap-3",
 		children: [/* @__PURE__ */ jsx(Button, {
@@ -292,13 +418,13 @@ function MySiteThemeEditor({ themes, selectedThemeId, onSelectTheme, isPending,
 			children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" })
 		}), /* @__PURE__ */ jsx("h1", {
 			className: "text-foreground text-xl font-bold",
-			children: "Choose a Theme"
+			children: t("choose_a_theme")
 		})]
 	}), themes.length === 0 ? /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, {
 		className: "py-8 text-center",
 		children: /* @__PURE__ */ jsx("p", {
 			className: "text-muted-foreground",
-			children: "No themes available"
+			children: t("no_themes_available")
 		})
 	}) }) : /* @__PURE__ */ jsx("div", {
 		className: "grid grid-cols-2 gap-4 sm:grid-cols-3",
@@ -430,11 +556,14 @@ z.object({
 });
 //#endregion
 //#region ../../mysite/ui/src/portal/components/PortalButtonsEditor.tsx
-const buttonSchema = z.object({
-	title: z.string().min(1, "Button text is required"),
-	url: z.string().transform(normalizeUrl).pipe(z.string().url("Must be a valid URL"))
-});
+function createButtonSchema(t) {
+	return z.object({
+		title: z.string().min(1, t("validation_button_text_required")),
+		url: z.string().transform(normalizeUrl).pipe(z.string().url(t("validation_url_invalid")))
+	});
+}
 function SortableButtonCard({ link, onEdit, onDelete }) {
+	const { t } = useMysiteTranslation();
 	const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({ id: link.id });
 	const style = {
 		transform: CSS.Transform.toString(transform),
@@ -449,7 +578,7 @@ function SortableButtonCard({ link, onEdit, onDelete }) {
 			/* @__PURE__ */ 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__ */ jsx(GripVertical, { className: "h-5 w-5" })
@@ -471,14 +600,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__ */ jsx(Pencil, { className: "h-4 w-4" })
 				}), /* @__PURE__ */ jsx(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__ */ jsx(Trash2, { className: "h-4 w-4" })
 				})]
 			})
@@ -491,6 +620,8 @@ function SortableButtonCard({ link, onEdit, onDelete }) {
 */
 function PortalButtonsEditor({ onBack, onRefreshPreview, onToast }) {
 	"use no memo";
+	const { t } = useMysiteTranslation();
+	const schema = useMemo(() => createButtonSchema(t), [t]);
 	const { data: links = [], isLoading } = usePortalLinks();
 	const createLinkMutation = usePortalCreateLink();
 	const updateLinkMutation = usePortalUpdateLink();
@@ -500,7 +631,7 @@ function PortalButtonsEditor({ onBack, onRefreshPreview, onToast }) {
 	const [editingLink, setEditingLink] = useState(null);
 	const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false);
 	const [deletingLink, setDeletingLink] = useState(null);
-	const { register, handleSubmit: handleButtonSubmit, reset: resetButtonForm, formState: { errors: buttonErrors, isSubmitting: isButtonSubmitting } } = useZodForm(buttonSchema, { defaultValues: {
+	const { register, handleSubmit: handleButtonSubmit, reset: resetButtonForm, formState: { errors: buttonErrors, isSubmitting: isButtonSubmitting } } = useZodForm(schema, { defaultValues: {
 		title: "",
 		url: ""
 	} });
@@ -538,12 +669,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({
@@ -551,12 +682,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");
 			}
 		});
 	}, [
@@ -565,7 +696,8 @@ function PortalButtonsEditor({ onBack, onRefreshPreview, onToast }) {
 		updateLinkMutation,
 		handleCloseAddEditDialog,
 		onRefreshPreview,
-		onToast
+		onToast,
+		t
 	]);
 	const handleOpenDeleteDialog = useCallback((link) => {
 		setDeletingLink(link);
@@ -578,12 +710,12 @@ function PortalButtonsEditor({ onBack, onRefreshPreview, onToast }) {
 	const handleConfirmDelete = 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");
 			}
 		});
 	}, [
@@ -591,7 +723,8 @@ function PortalButtonsEditor({ onBack, onRefreshPreview, onToast }) {
 		deleteLinkMutation,
 		handleCloseDeleteDialog,
 		onRefreshPreview,
-		onToast
+		onToast,
+		t
 	]);
 	const handleDragEnd = useCallback((event) => {
 		const { active, over } = event;
@@ -606,7 +739,7 @@ function PortalButtonsEditor({ onBack, onRefreshPreview, onToast }) {
 					onRefreshPreview?.();
 				},
 				onError: () => {
-					onToast?.("Failed to reorder buttons", "error");
+					onToast?.(t("reorder_buttons_failed"), "error");
 				}
 			});
 		}
@@ -614,7 +747,8 @@ function PortalButtonsEditor({ onBack, onRefreshPreview, onToast }) {
 		links,
 		reorderLinksMutation,
 		onRefreshPreview,
-		onToast
+		onToast,
+		t
 	]);
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
 		/* @__PURE__ */ jsxs("div", {
@@ -628,12 +762,12 @@ function PortalButtonsEditor({ onBack, onRefreshPreview, onToast }) {
 					children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" })
 				}), /* @__PURE__ */ jsx("h1", {
 					className: "text-foreground text-xl font-bold",
-					children: "Buttons"
+					children: t("buttons_heading")
 				})]
 			}), /* @__PURE__ */ jsxs(Button, {
 				size: "sm",
 				onClick: handleOpenAddDialog,
-				children: [/* @__PURE__ */ jsx(Plus, { className: "mr-1 h-4 w-4" }), "Add Button"]
+				children: [/* @__PURE__ */ jsx(Plus, { className: "mr-1 h-4 w-4" }), t("add_button")]
 			})]
 		}),
 		isLoading ? /* @__PURE__ */ jsx("div", {
@@ -656,11 +790,11 @@ function PortalButtonsEditor({ onBack, onRefreshPreview, onToast }) {
 			className: "p-6 text-center sm:p-8",
 			children: [/* @__PURE__ */ 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__ */ jsxs(Button, {
 				size: "sm",
 				onClick: handleOpenAddDialog,
-				children: [/* @__PURE__ */ jsx(Plus, { className: "mr-1 h-4 w-4" }), "Add Button"]
+				children: [/* @__PURE__ */ jsx(Plus, { className: "mr-1 h-4 w-4" }), t("add_button")]
 			})]
 		}) : /* @__PURE__ */ jsx(DndContext, {
 			sensors,
@@ -682,7 +816,7 @@ function PortalButtonsEditor({ onBack, onRefreshPreview, onToast }) {
 		/* @__PURE__ */ jsx(Dialog, {
 			open: isAddEditDialogOpen,
 			onOpenChange: setIsAddEditDialogOpen,
-			children: /* @__PURE__ */ jsxs(DialogContent, { children: [/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: editingLink ? "Edit Button" : "Add Button" }) }), /* @__PURE__ */ jsxs("form", {
+			children: /* @__PURE__ */ jsxs(DialogContent, { children: [/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: editingLink ? t("edit_button_dialog") : t("add_button_dialog") }) }), /* @__PURE__ */ jsxs("form", {
 				onSubmit: handleButtonSubmit(onButtonSubmit),
 				className: "space-y-4",
 				children: [
@@ -691,11 +825,11 @@ function PortalButtonsEditor({ onBack, onRefreshPreview, onToast }) {
 						children: [
 							/* @__PURE__ */ jsx(Label, {
 								htmlFor: "title",
-								children: "Button Text"
+								children: t("button_text_label")
 							}),
 							/* @__PURE__ */ jsx(Input, {
 								id: "title",
-								placeholder: "Enter button text...",
+								placeholder: t("button_text_placeholder"),
 								...register("title"),
 								className: buttonErrors.title ? "border-destructive" : ""
 							}),
@@ -710,11 +844,11 @@ function PortalButtonsEditor({ onBack, onRefreshPreview, onToast }) {
 						children: [
 							/* @__PURE__ */ jsx(Label, {
 								htmlFor: "url",
-								children: "URL"
+								children: t("url_label")
 							}),
 							/* @__PURE__ */ jsx(Input, {
 								id: "url",
-								placeholder: "https://example.com",
+								placeholder: t("url_placeholder"),
 								...register("url"),
 								className: buttonErrors.url ? "border-destructive" : ""
 							}),
@@ -733,18 +867,18 @@ function PortalButtonsEditor({ onBack, onRefreshPreview, onToast }) {
 								handleCloseAddEditDialog();
 								handleOpenDeleteDialog(editingLink);
 							},
-							children: [/* @__PURE__ */ jsx(Trash2, { className: "mr-1 h-4 w-4" }), "Delete"]
+							children: [/* @__PURE__ */ jsx(Trash2, { className: "mr-1 h-4 w-4" }), t("delete")]
 						}) : /* @__PURE__ */ jsx("div", {}), /* @__PURE__ */ jsxs("div", {
 							className: "flex gap-2",
 							children: [/* @__PURE__ */ jsx(Button, {
 								type: "button",
 								variant: "outline",
 								onClick: handleCloseAddEditDialog,
-								children: "Cancel"
+								children: t("cancel")
 							}), /* @__PURE__ */ jsx(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")
 							})]
 						})]
 					})
@@ -755,26 +889,22 @@ function PortalButtonsEditor({ onBack, onRefreshPreview, onToast }) {
 			open: isDeleteDialogOpen,
 			onOpenChange: setIsDeleteDialogOpen,
 			children: /* @__PURE__ */ jsxs(DialogContent, { children: [
-				/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Delete Button" }) }),
-				/* @__PURE__ */ jsxs("p", {
+				/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: t("delete_button_dialog") }) }),
+				/* @__PURE__ */ 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__ */ jsxs(DialogFooter, { children: [/* @__PURE__ */ jsx(Button, {
 					type: "button",
 					variant: "outline",
 					onClick: handleCloseDeleteDialog,
-					children: "Cancel"
+					children: t("cancel")
 				}), /* @__PURE__ */ jsx(Button, {
 					type: "button",
 					variant: "destructive",
 					onClick: handleConfirmDelete,
 					disabled: deleteLinkMutation.isPending,
-					children: deleteLinkMutation.isPending ? "Deleting..." : "Delete"
+					children: deleteLinkMutation.isPending ? t("deleting") : t("delete")
 				})] })
 			] })
 		})
@@ -782,21 +912,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 } = useSortable({ id: favorite.id });
 	const style = {
 		transform: 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__ */ jsxs("div", {
 		ref: setNodeRef,
 		style,
@@ -805,7 +937,7 @@ function SortableFavoriteCard({ favorite, onDelete }) {
 			/* @__PURE__ */ 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__ */ jsx(GripVertical, { className: "h-5 w-5" })
@@ -821,7 +953,7 @@ function SortableFavoriteCard({ favorite, onDelete }) {
 					className: "h-full w-full object-cover"
 				}) : /* @__PURE__ */ 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__ */ jsxs("div", {
@@ -841,7 +973,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__ */ jsx(Trash2, { className: "h-4 w-4" })
 				})
 			})
@@ -853,6 +985,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 } = usePortalFavorites();
 	const deleteFavoriteMutation = usePortalDeleteFavorite();
 	const reorderFavoritesMutation = usePortalReorderFavorites();
@@ -870,12 +1003,12 @@ function PortalFavoritesEditor({ onBack, onRefreshPreview, onToast }) {
 	const handleConfirmDeleteFavorite = 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");
 			}
 		});
 	}, [
@@ -883,7 +1016,8 @@ function PortalFavoritesEditor({ onBack, onRefreshPreview, onToast }) {
 		deleteFavoriteMutation,
 		handleCloseDeleteFavoriteDialog,
 		onRefreshPreview,
-		onToast
+		onToast,
+		t
 	]);
 	const handleFavoriteDragEnd = useCallback((event) => {
 		const { active, over } = event;
@@ -898,7 +1032,7 @@ function PortalFavoritesEditor({ onBack, onRefreshPreview, onToast }) {
 					onRefreshPreview?.();
 				},
 				onError: () => {
-					onToast?.("Failed to reorder content", "error");
+					onToast?.(t("reorder_content_failed"), "error");
 				}
 			});
 		}
@@ -906,7 +1040,8 @@ function PortalFavoritesEditor({ onBack, onRefreshPreview, onToast }) {
 		favorites,
 		reorderFavoritesMutation,
 		onRefreshPreview,
-		onToast
+		onToast,
+		t
 	]);
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
 		/* @__PURE__ */ jsxs("div", {
@@ -918,7 +1053,7 @@ function PortalFavoritesEditor({ onBack, onRefreshPreview, onToast }) {
 				children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" })
 			}), /* @__PURE__ */ jsx("h1", {
 				className: "text-foreground text-xl font-bold",
-				children: "MySite Content"
+				children: t("content_heading")
 			})]
 		}),
 		isLoading ? /* @__PURE__ */ jsx("div", {
@@ -939,7 +1074,7 @@ function PortalFavoritesEditor({ onBack, onRefreshPreview, onToast }) {
 			className: "p-6 text-center sm:p-8",
 			children: /* @__PURE__ */ 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__ */ jsx(DndContext, {
 			sensors,
@@ -961,26 +1096,22 @@ function PortalFavoritesEditor({ onBack, onRefreshPreview, onToast }) {
 			open: isDeleteFavoriteDialogOpen,
 			onOpenChange: setIsDeleteFavoriteDialogOpen,
 			children: /* @__PURE__ */ jsxs(DialogContent, { children: [
-				/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Remove Content" }) }),
-				/* @__PURE__ */ jsxs("p", {
+				/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: t("remove_content_dialog") }) }),
+				/* @__PURE__ */ 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__ */ jsxs(DialogFooter, { children: [/* @__PURE__ */ jsx(Button, {
 					type: "button",
 					variant: "outline",
 					onClick: handleCloseDeleteFavoriteDialog,
-					children: "Cancel"
+					children: t("cancel")
 				}), /* @__PURE__ */ jsx(Button, {
 					type: "button",
 					variant: "destructive",
 					onClick: handleConfirmDeleteFavorite,
 					disabled: deleteFavoriteMutation.isPending,
-					children: deleteFavoriteMutation.isPending ? "Removing..." : "Remove"
+					children: deleteFavoriteMutation.isPending ? t("removing") : t("remove")
 				})] })
 			] })
 		})
@@ -990,22 +1121,22 @@ function PortalFavoritesEditor({ onBack, onRefreshPreview, onToast }) {
 //#region src/screens/MySiteScreen/MySiteMainView.tsx
 const navigationItems = [
 	{
-		label: "Profile",
+		labelKey: "nav_profile",
 		slug: "profile",
 		icon: User
 	},
 	{
-		label: "Theme",
+		labelKey: "nav_theme",
 		key: "theme",
 		icon: Palette
 	},
 	{
-		label: "MySite Content",
+		labelKey: "nav_content",
 		key: "content",
 		icon: LayoutGrid
 	},
 	{
-		label: "Buttons",
+		labelKey: "nav_buttons",
 		key: "buttons",
 		icon: Link2
 	}
@@ -1017,6 +1148,7 @@ function defaultToast(message, type) {
 	});
 }
 function MySiteMainView({ editingSection, animPhase, showEditContent, onEditSection, onBackClick }) {
+	const { t } = useMysiteTranslation();
 	const { navigate } = useAppNavigation();
 	const { data: profile, isLoading: isProfileLoading } = usePortalMySiteProfile();
 	const { data: themes = [] } = usePortalMySiteThemes();
@@ -1036,19 +1168,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 = useCallback(async (slug) => {
 		await new Promise((resolve, reject) => {
@@ -1062,11 +1195,11 @@ function MySiteMainView({ editingSection, animPhase, showEditContent, onEditSect
 		if (mysiteUrl) window.open(`${mysiteUrl}?preview=true`, "_blank");
 	}, [mysiteUrl]);
 	const sectionLabel = 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__ */ jsxs("div", {
 		className: "flex h-full flex-col overflow-y-auto px-2 py-6 2xl:flex-row 2xl:overflow-hidden",
 		children: [/* @__PURE__ */ jsx("div", {
@@ -1121,7 +1254,7 @@ function MySiteMainView({ editingSection, animPhase, showEditContent, onEditSect
 						className: "flex items-center gap-2",
 						children: [/* @__PURE__ */ jsx("h1", {
 							className: "text-foreground text-xl font-bold",
-							children: "MySite"
+							children: t("heading")
 						}), animPhase !== "idle" && sectionLabel && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ChevronRight, { className: "text-muted-foreground h-4 w-4" }), /* @__PURE__ */ jsx("span", {
 							className: "text-foreground text-xl font-bold",
 							children: sectionLabel
@@ -1152,11 +1285,11 @@ function MySiteMainView({ editingSection, animPhase, showEditContent, onEditSect
 									}),
 									/* @__PURE__ */ jsx("span", {
 										className: "text-foreground flex-1 text-sm font-medium",
-										children: item.label
+										children: t(item.labelKey)
 									}),
 									/* @__PURE__ */ jsx(ChevronRight, { className: "text-muted-foreground h-3 w-3 shrink-0 transition-transform group-hover:translate-x-0.5" })
 								]
-							}, item.label);
+							}, item.labelKey);
 						})
 					})
 				] })
@@ -1229,13 +1362,17 @@ var MySiteScreen_exports = /* @__PURE__ */ __exportAll({
 	mySiteScreenPropertySchema: () => mySiteScreenPropertySchema
 });
 function MySiteScreen({ background, textColor, accentColor, padding, borderRadius, ...divProps }) {
+	return /* @__PURE__ */ jsx(MysiteTranslationBridge, { children: /* @__PURE__ */ jsx(MySiteScreenContent, { ...divProps }) });
+}
+function MySiteScreenContent(divProps) {
+	const { t } = useMysiteTranslation();
 	const { editingSection, animPhase, showEditContent, handleEditSection, handleBackClick } = useMySiteEditingSection();
 	const sectionLabel = 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 = useCallback((e) => {
 		e.preventDefault();
 		if (editingSection !== null) handleBackClick();
@@ -1245,15 +1382,19 @@ function MySiteScreen({ background, textColor, accentColor, padding, borderRadiu
 		children: [/* @__PURE__ */ jsx(BreadcrumbItem, { children: sectionLabel ? /* @__PURE__ */ jsx(BreadcrumbLink, {
 			href: "#",
 			onClick: handleRootCrumbClick,
-			children: "My Site"
+			children: t("breadcrumb")
 		}) : /* @__PURE__ */ jsx(BreadcrumbPage, {
 			className: "font-semibold",
-			children: "My Site"
+			children: t("breadcrumb")
 		}) }), sectionLabel && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(BreadcrumbSeparator, {}), /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, {
 			className: "font-semibold",
 			children: sectionLabel
 		}) })] })]
-	}) }), [sectionLabel, handleRootCrumbClick]));
+	}) }), [
+		sectionLabel,
+		handleRootCrumbClick,
+		t
+	]));
 	return /* @__PURE__ */ jsx("div", {
 		...divProps,
 		className: `h-full ${divProps.className ?? ""}`,
@@ -1278,4 +1419,4 @@ const mySiteScreenPropertySchema = {
 //#endregion
 export { MySiteScreen_exports as n, mySiteScreenPropertySchema as r, MySiteScreen as t };
 
-//# sourceMappingURL=MySiteScreen-CiShj0mf.mjs.map
+//# sourceMappingURL=MySiteScreen-Bq6iNkLL.mjs.map