@fluid-app/portal-sdk 0.1.246 → 0.1.248

package/dist/{ShopScreen-BG1pxd2D.mjs → ShopScreen-kiVwC38W.mjs}

@@ -1,16 +1,36 @@
 import { r as __exportAll } from "./es-BXxGlAp6.mjs";
-import { n as useFluidContext } from "./FluidProvider-CNk1Y2k1.mjs";
+import { l as useActiveLocale, n as useFluidContext } from "./FluidProvider-Bwg1cGSY.mjs";
 import { $ as DropdownMenuSeparator, A as Select, C as Skeleton, Dn as Button, F as RadioGroup, I as RadioGroupItem, J as DropdownMenuContent, M as SelectItem, N as SelectTrigger, P as SelectValue, Q as DropdownMenuRadioItem, X as DropdownMenuLabel, Z as DropdownMenuRadioGroup, dn as BreadcrumbLink, fn as BreadcrumbList, j as SelectContent, ln as Breadcrumb, mn as BreadcrumbSeparator, pn as BreadcrumbPage, q as DropdownMenu, rt as DropdownMenuTrigger, un as BreadcrumbItem, wt as Card } from "./src-pgBBOcJa.mjs";
 import { n as useScreenHeaderActions, r as useScreenHeaderBreadcrumbs } from "./ScreenHeaderContext-Cemdo7bM.mjs";
 import { t as useStore } from "./use-store-C2KBIS41.mjs";
 import { n as useAppNavigation } from "./AppNavigationContext-DNod9mf6.mjs";
 import { t as SearchSort } from "./SearchSort-CokMCrhy.mjs";
 import { a as usePortalProductCatalog, i as usePortalProductDetail, n as determineProductPrice, r as getProductImageUrl, t as PortalProductsApiProvider } from "./PortalProductsApiProvider-BFdHFvog.mjs";
-import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { useInfiniteQuery } from "@tanstack/react-query";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { ArrowUpDown, ChevronLeft, ChevronRight, CirclePlay, ShoppingCart } from "lucide-react";
 import { createPortal } from "react-dom";
+//#region ../../platform/i18n/src/translation-api-context-factory.ts
+function createTranslationContext(domainName) {
+	const Ctx = createContext(null);
+	function useTranslation() {
+		const api = useContext(Ctx);
+		if (!api) throw new Error(`use${domainName}Translation must be used within a ${domainName}TranslationProvider`);
+		return api;
+	}
+	return {
+		Context: Ctx,
+		Provider: Ctx.Provider,
+		useTranslation
+	};
+}
+//#endregion
+//#region ../../shop/core/src/translation-api-context.ts
+const { Provider, useTranslation } = createTranslationContext("Shop");
+const ShopTranslationProvider = Provider;
+const useShopTranslation = useTranslation;
+//#endregion
 //#region ../../shop/ui/src/utils/media-helpers.ts
 const VIDEO_EXTENSIONS = [
 	".mp4",
@@ -72,10 +92,11 @@ function formatPortalPrice(price, currency) {
 }
 function ProductCardContent({ product, countryIso, companyLogoUrl, renderImage = defaultRenderImage$1 }) {
 	const [isHovered, setIsHovered] = useState(false);
+	const { t } = useShopTranslation();
 	const isPortal = isPortalProduct(product);
 	const coverImage = isPortal ? getPortalProductCoverImage(product) : getProductImageUrl(product);
 	const isVideo = isVideoUrl(coverImage);
-	const productName = isPortal ? product.name || "No title available" : product.title || "No title available";
+	const productName = isPortal ? product.name || t("no_title") : product.title || t("no_title");
 	let repPrice = null;
 	let price = null;
 	if (isPortal) if (product.wholesale_price) {
@@ -143,6 +164,15 @@ function ProductCardContent({ product, countryIso, companyLogoUrl, renderImage =
 					" ",
 					getVariantCountryValue(getSelectedVariant(product), countryIso, "qv") || "-"
 				]
+			}),
+			isPortal && product.wholesale_price != null && /* @__PURE__ */ jsxs("div", {
+				className: "text-muted-foreground text-sm",
+				children: [
+					"CV ",
+					product.cv ?? "-",
+					" | QV ",
+					product.qv ?? "-"
+				]
 			})
 		]
 	})] });
@@ -319,18 +349,18 @@ function QuantitySelector({ quantity, setQuantity }) {
 //#endregion
 //#region ../../shop/ui/src/components/purchase-options.tsx
 function PurchaseOptions({ showBuyOnce, showSubscribe, isSubscribe, onSubscribeChange, product_subscription_plans, selectedSubscriptionPlan, onSubscriptionPlanChange, userSelectedSubscribe, wholesalePrice, wholesaleSubscriptionPrice }) {
+	const { t } = useShopTranslation();
 	const defaultSubscriptionPlan = useMemo(() => {
 		if (!product_subscription_plans?.length) return null;
 		return product_subscription_plans.find((plan) => plan.default) || product_subscription_plans[0];
 	}, [product_subscription_plans]);
 	const currentSubscriptionPlan = selectedSubscriptionPlan || defaultSubscriptionPlan;
-	const savingsText = useMemo(() => {
+	const savingsPercentage = useMemo(() => {
 		if (wholesalePrice === void 0 || wholesaleSubscriptionPrice === void 0 || wholesalePrice <= 0) return null;
 		const savings = wholesalePrice - wholesaleSubscriptionPrice;
 		if (savings <= 0) return null;
-		const savingsPercentage = Math.round(savings / wholesalePrice * 100);
-		if (savingsPercentage <= 0) return null;
-		return `Save ${savingsPercentage}%`;
+		const pct = Math.round(savings / wholesalePrice * 100);
+		return pct > 0 ? pct : null;
 	}, [wholesalePrice, wholesaleSubscriptionPrice]);
 	const formatSubscriptionPlan = (plan) => {
 		return `${plan.subscription_plan.billing_interval} ${plan.subscription_plan.billing_interval_unit} (${plan.subscription_plan.name})`;
@@ -364,22 +394,22 @@ function PurchaseOptions({ showBuyOnce, showSubscribe, isSubscribe, onSubscribeC
 						className: `flex items-center justify-center [&_svg]:h-1.5 [&_svg]:w-1.5 [&_svg]:fill-white ${isSubscribe ? "border-contrast bg-contrast text-foreground" : "border-border bg-background text-muted-foreground"}`
 					}), /* @__PURE__ */ jsxs("div", {
 						className: "flex-1",
-						children: [/* @__PURE__ */ jsxs("div", {
+						children: [/* @__PURE__ */ jsx("div", {
 							className: "text-foreground mb-1 text-sm leading-tight font-medium",
-							children: ["Subscribe", savingsText ? ` & ${savingsText}` : ""]
+							children: savingsPercentage ? t("subscribe_and_save", { percentage: savingsPercentage }) : t("subscribe")
 						}), product_subscription_plans?.length > 0 && /* @__PURE__ */ jsxs("div", {
 							className: "bg-muted mt-3 rounded-lg p-2",
 							onClick: (e) => e.stopPropagation(),
 							children: [/* @__PURE__ */ jsx("div", {
 								className: "text-foreground mb-1 text-xs font-medium",
-								children: "Delivery Frequency:"
+								children: t("delivery_frequency")
 							}), /* @__PURE__ */ jsxs(Select, {
 								value: currentSubscriptionPlan?.subscription_plan.id.toString() || "",
 								onValueChange: handleSubscriptionPlanChange,
 								disabled: product_subscription_plans?.length === 1,
 								children: [/* @__PURE__ */ jsx(SelectTrigger, {
 									className: "bg-background text-foreground! w-full text-xs",
-									children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select delivery schedule" })
+									children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("select_delivery_schedule") })
 								}), /* @__PURE__ */ jsx(SelectContent, { children: subscriptionPlanOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, {
 									value: option.value,
 									children: option.label
@@ -399,7 +429,7 @@ function PurchaseOptions({ showBuyOnce, showSubscribe, isSubscribe, onSubscribeC
 						className: `flex items-center justify-center [&_svg]:h-1.5 [&_svg]:w-1.5 [&_svg]:fill-white ${!isSubscribe ? "border-contrast bg-contrast text-foreground" : "border-border bg-background text-muted-foreground"}`
 					}), /* @__PURE__ */ jsx("div", {
 						className: "text-foreground mb-1 text-sm leading-tight font-medium",
-						children: "One-Time Purchase"
+						children: t("one_time_purchase")
 					})]
 				})
 			})]
@@ -415,32 +445,6 @@ function sanitizeHtml(html) {
 	for (const el of doc.querySelectorAll("*")) for (const attr of [...el.attributes]) if (attr.name.toLowerCase().startsWith("on") || attr.value.toLowerCase().trim().startsWith("javascript:")) el.removeAttribute(attr.name);
 	return doc.body.innerHTML;
 }
-const SORT_OPTIONS = [
-	{
-		id: "title_asc",
-		label: "Title (A-Z)"
-	},
-	{
-		id: "title_desc",
-		label: "Title (Z-A)"
-	},
-	{
-		id: "price_asc",
-		label: "Price (Low to High)"
-	},
-	{
-		id: "price_desc",
-		label: "Price (High to Low)"
-	},
-	{
-		id: "created_at_desc",
-		label: "Recently Updated"
-	},
-	{
-		id: "created_at_asc",
-		label: "Oldest Updated"
-	}
-];
 const GRID_CLASS = "grid grid-cols-1 gap-8 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-4";
 function SkeletonGrid({ count = 8 }) {
 	return /* @__PURE__ */ jsx("div", {
@@ -458,6 +462,7 @@ function SkeletonGrid({ count = 8 }) {
 }
 function ProductListing({ companyLogoUrl, renderImage, onSelectProduct, cartButton }) {
 	const observerTarget = useRef(null);
+	const { t } = useShopTranslation();
 	const catalog = usePortalProductCatalog({ perPage: PAGE_SIZE });
 	const { data, isLoading, isFetchingNextPage, hasNextPage, fetchNextPage, error, isFetched } = useInfiniteQuery({
 		queryKey: catalog.queryKey,
@@ -483,6 +488,32 @@ function ProductListing({ companyLogoUrl, renderImage, onSelectProduct, cartButt
 		return () => observer.disconnect();
 	}, [handleIntersect]);
 	const allProducts = data?.pages.flatMap((page) => page.products) ?? [];
+	const sortOptions = useMemo(() => [
+		{
+			id: "title_asc",
+			label: t("sort_title_asc")
+		},
+		{
+			id: "title_desc",
+			label: t("sort_title_desc")
+		},
+		{
+			id: "price_asc",
+			label: t("sort_price_asc")
+		},
+		{
+			id: "price_desc",
+			label: t("sort_price_desc")
+		},
+		{
+			id: "created_at_desc",
+			label: t("sort_recent")
+		},
+		{
+			id: "created_at_asc",
+			label: t("sort_oldest")
+		}
+	], [t]);
 	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
 		className: "mx-auto px-2 md:px-10",
 		children: /* @__PURE__ */ jsxs("div", {
@@ -493,7 +524,7 @@ function ProductListing({ companyLogoUrl, renderImage, onSelectProduct, cartButt
 					children: /* @__PURE__ */ jsx(SearchSort, {
 						searchValue: catalog.searchTerm,
 						onSearchChange: catalog.setSearchTerm,
-						placeholder: "Search products..."
+						placeholder: t("search_placeholder")
 					})
 				}),
 				/* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
@@ -508,12 +539,12 @@ function ProductListing({ companyLogoUrl, renderImage, onSelectProduct, cartButt
 					align: "end",
 					className: "w-60",
 					children: [
-						/* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Sort By" }),
+						/* @__PURE__ */ jsx(DropdownMenuLabel, { children: t("sort_by") }),
 						/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
 						/* @__PURE__ */ jsx(DropdownMenuRadioGroup, {
 							value: catalog.currentSort,
 							onValueChange: catalog.setCurrentSort,
-							children: SORT_OPTIONS.map((opt) => /* @__PURE__ */ jsx(DropdownMenuRadioItem, {
+							children: sortOptions.map((opt) => /* @__PURE__ */ jsx(DropdownMenuRadioItem, {
 								value: opt.id,
 								children: opt.label
 							}, opt.id))
@@ -528,14 +559,14 @@ function ProductListing({ companyLogoUrl, renderImage, onSelectProduct, cartButt
 		})
 	}), /* @__PURE__ */ jsx("div", {
 		className: "mx-auto space-y-8 px-2 md:px-10 md:py-8",
-		children: isLoading ? /* @__PURE__ */ jsx(SkeletonGrid, {}) : error ? /* @__PURE__ */ jsxs("p", {
+		children: isLoading ? /* @__PURE__ */ jsx(SkeletonGrid, {}) : error ? /* @__PURE__ */ jsx("p", {
 			className: "mx-auto my-6 rounded-lg bg-red-100 px-3 py-2 text-red-500",
-			children: ["Error: ", error.message]
+			children: t("error_generic")
 		}) : isFetched && allProducts.length === 0 ? /* @__PURE__ */ jsx("div", {
 			className: "flex flex-col items-center justify-center py-8 text-center",
 			children: /* @__PURE__ */ jsx("p", {
 				className: "text-muted-foreground text-sm",
-				children: catalog.searchTerm ? `No products match "${catalog.searchTerm}". Try a different search term.` : "There are no products available at the moment."
+				children: catalog.searchTerm ? t("no_search_results", { term: catalog.searchTerm }) : t("no_products")
 			})
 		}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
 			/* @__PURE__ */ jsx("div", {
@@ -628,11 +659,14 @@ function ProductDetail({ productId, renderImage }) {
 	const [selections, setSelections] = useState({});
 	const [userSelectedSubscribe, setUserSelectedSubscribe] = useState(false);
 	const [selectedSubscriptionPlan, setSelectedSubscriptionPlan] = useState(void 0);
+	const { t } = useShopTranslation();
 	const { product, isLoading, error, images } = usePortalProductDetail({ productId });
 	const variants = useMemo(() => product?.variants ?? [], [product?.variants]);
 	const subscriptionPlans = useMemo(() => product?.subscription_plans ?? [], [product?.subscription_plans]);
 	const masterVariant = useMemo(() => variants.find((v) => v.is_master) ?? variants[0], [variants]);
 	const optionGroups = useMemo(() => buildOptionGroups(variants), [variants]);
+	const showVariantChoices = optionGroups.length === 0 && variants.length > 1;
+	const [selectedVariantId, setSelectedVariantId] = useState(null);
 	useEffect(() => {
 		if (optionGroups.length === 0) return;
 		const source = variants.find((v) => !v.is_master) ?? masterVariant;
@@ -645,14 +679,27 @@ function ProductDetail({ productId, renderImage }) {
 		variants,
 		masterVariant
 	]);
+	useEffect(() => {
+		if (!showVariantChoices) return;
+		if (selectedVariantId != null) return;
+		if (masterVariant?.id == null) return;
+		setSelectedVariantId(masterVariant.id);
+	}, [
+		showVariantChoices,
+		selectedVariantId,
+		masterVariant?.id
+	]);
 	const selectedVariant = useMemo(() => {
+		if (showVariantChoices) return variants.find((v) => v.id === selectedVariantId) ?? masterVariant;
 		if (optionGroups.length === 0) return masterVariant;
 		return findVariantBySelections(variants, selections) ?? masterVariant;
 	}, [
 		variants,
 		optionGroups,
 		selections,
-		masterVariant
+		masterVariant,
+		showVariantChoices,
+		selectedVariantId
 	]);
 	const legacySubscriptionPlans = useMemo(() => mapToLegacySubscriptionPlans(subscriptionPlans), [subscriptionPlans]);
 	const isSubscribe = selectedVariant?.subscription_only === true || userSelectedSubscribe;
@@ -708,10 +755,10 @@ function ProductDetail({ productId, renderImage }) {
 			className: "text-center",
 			children: [/* @__PURE__ */ jsx("h3", {
 				className: "text-foreground mb-2 text-lg font-medium",
-				children: "Unable to load product"
+				children: t("error_loading")
 			}), /* @__PURE__ */ jsx("p", {
 				className: "text-muted-foreground",
-				children: "Something went wrong. Please try again later."
+				children: t("error_generic")
 			})]
 		})
 	});
@@ -721,14 +768,14 @@ function ProductDetail({ productId, renderImage }) {
 			className: "text-center",
 			children: [/* @__PURE__ */ jsx("h3", {
 				className: "text-foreground mb-2 text-lg font-medium",
-				children: "Product not found"
+				children: t("product_not_found")
 			}), /* @__PURE__ */ jsx("p", {
 				className: "text-muted-foreground",
-				children: "The product you're looking for doesn't exist."
+				children: t("product_not_found_description")
 			})]
 		})
 	});
-	const title = product.name || "Product";
+	const title = product.name || t("product_fallback_name");
 	const isBundle = product.bundle === true;
 	const bundleUrl = isBundle && product.canonical_url ? product.canonical_url : null;
 	return /* @__PURE__ */ jsx("div", {
@@ -763,12 +810,22 @@ function ProductDetail({ productId, renderImage }) {
 							className: "pt-2",
 							children: [/* @__PURE__ */ jsx("h3", {
 								className: "text-foreground mb-1 text-sm font-medium",
-								children: "Product Description"
+								children: t("product_description")
 							}), /* @__PURE__ */ jsx("div", {
 								className: "text-foreground mb-3 text-[12px]",
 								dangerouslySetInnerHTML: { __html: sanitizeHtml(product.description ?? "") }
 							})]
 						}),
+						product.wholesale_price != null && /* @__PURE__ */ jsxs("div", {
+							className: "text-muted-foreground mb-3 text-sm",
+							children: [
+								"CV ",
+								selectedVariant?.cv ?? "-",
+								" | QV",
+								" ",
+								selectedVariant?.qv ?? "-"
+							]
+						}),
 						isBundle ? /* @__PURE__ */ jsxs("div", {
 							className: "pt-4",
 							children: [/* @__PURE__ */ jsx(Button, {
@@ -778,10 +835,10 @@ function ProductDetail({ productId, renderImage }) {
 								onClick: () => {
 									if (bundleUrl) window.open(bundleUrl, "_blank", "noopener,noreferrer");
 								},
-								children: "Purchase Bundle"
+								children: t("purchase_bundle")
 							}), !bundleUrl && /* @__PURE__ */ jsx("p", {
 								className: "text-muted-foreground mt-2 text-center text-xs",
-								children: "Bundle configuration is unavailable. Please contact support."
+								children: t("bundle_unavailable")
 							})]
 						}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
 							/* @__PURE__ */ jsx(PurchaseOptions, {
@@ -811,7 +868,7 @@ function ProductDetail({ productId, renderImage }) {
 										})),
 										children: [/* @__PURE__ */ jsx(SelectTrigger, {
 											className: "w-48 max-w-full",
-											children: /* @__PURE__ */ jsx(SelectValue, { placeholder: `Select ${group.name}` })
+											children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("select_option", { name: group.name }) })
 										}), /* @__PURE__ */ jsx(SelectContent, {
 											position: "popper",
 											className: "max-h-60",
@@ -823,9 +880,33 @@ function ProductDetail({ productId, renderImage }) {
 									})]
 								}, group.optionId))
 							}),
+							showVariantChoices && /* @__PURE__ */ jsx("div", {
+								className: "mb-4 pt-4",
+								children: /* @__PURE__ */ jsxs("div", {
+									className: "mb-3 flex items-center",
+									children: [/* @__PURE__ */ jsx("h3", {
+										className: "text-md text-foreground w-24 font-bold",
+										children: "Variant"
+									}), /* @__PURE__ */ jsxs(Select, {
+										value: selectedVariantId != null ? String(selectedVariantId) : "",
+										onValueChange: (value) => setSelectedVariantId(Number(value)),
+										children: [/* @__PURE__ */ jsx(SelectTrigger, {
+											className: "w-48 max-w-full",
+											children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select variant" })
+										}), /* @__PURE__ */ jsx(SelectContent, {
+											position: "popper",
+											className: "max-h-60",
+											children: variants.map((v, idx) => v.id == null ? null : /* @__PURE__ */ jsx(SelectItem, {
+												value: String(v.id),
+												children: v.title || `Variant ${idx + 1}`
+											}, v.id))
+										})]
+									})]
+								})
+							}),
 							selectedVariant?.subscription_only && !selectedVariant?.allow_subscription && /* @__PURE__ */ jsx("div", {
 								className: "text-muted-foreground text-sm",
-								children: "This product is unavailable for purchase."
+								children: t("product_unavailable")
 							}),
 							/* @__PURE__ */ jsx("div", { className: "mt-4 mb-3" }),
 							/* @__PURE__ */ jsxs("div", {
@@ -842,7 +923,7 @@ function ProductDetail({ productId, renderImage }) {
 									"data-fluid-subscribe": isSubscribe,
 									"data-fluid-subscription-plan-id": isSubscribe ? String(resolvedPlanId ?? "") : "",
 									"data-fluid-open-cart-after-add": "false",
-									children: [/* @__PURE__ */ jsx(ShoppingCart, { className: "h-4 w-4" }), isSubscribe ? "Subscribe" : "Add to Cart"]
+									children: [/* @__PURE__ */ jsx(ShoppingCart, { className: "h-4 w-4" }), isSubscribe ? t("subscribe") : t("add_to_cart")]
 								})]
 							})
 						] })
@@ -1027,13 +1108,142 @@ function ShopContainer({ children, className = "", cartScript, cartWidget }) {
 	}) });
 }
 //#endregion
+//#region ../../platform/i18n/src/use-domain-dict.ts
+function useDomainDict(domain, locale) {
+	const [dict, setDict] = useState(domain.fallback);
+	useEffect(() => {
+		let cancelled = false;
+		if (locale === domain.fallbackLocale) {
+			setDict(domain.fallback);
+			return;
+		}
+		setDict(domain.fallback);
+		domain.load(locale).then((next) => {
+			if (!cancelled) setDict(next);
+		}).catch(() => {
+			if (!cancelled) setDict(domain.fallback);
+		});
+		return () => {
+			cancelled = true;
+		};
+	}, [domain, locale]);
+	return dict;
+}
+//#endregion
+//#region ../../platform/i18n/src/translations.ts
+function createDomainTranslations(config) {
+	const fallbackLocale = config.fallbackLocale ?? "en";
+	return {
+		fallback: config.fallback,
+		fallbackLocale,
+		async load(locale) {
+			if (locale === fallbackLocale) return config.fallback;
+			const loader = config.loaders?.[locale];
+			if (!loader) return config.fallback;
+			const target = await loader();
+			return {
+				...config.fallback,
+				...target
+			};
+		}
+	};
+}
+//#endregion
+//#region ../../platform/i18n/src/static-dict-adapter.ts
+function createStaticDictAdapter(locale, dict) {
+	return {
+		locale,
+		t(key, ...args) {
+			const template = dict[key] ?? key;
+			const params = args[0];
+			if (!params) return template;
+			return template.replace(/\{\{(\w+)\}\}/g, (match, name) => name in params ? String(params[name]) : match);
+		}
+	};
+}
+//#endregion
+//#region ../../shop/core/src/translation-adapter.ts
+const shopDomain = createDomainTranslations({
+	fallback: {
+		breadcrumb: "Shop",
+		product_fallback_name: "Product",
+		search_placeholder: "Search products...",
+		sort_by: "Sort By",
+		sort_title_asc: "Title (A-Z)",
+		sort_title_desc: "Title (Z-A)",
+		sort_price_asc: "Price (Low to High)",
+		sort_price_desc: "Price (High to Low)",
+		sort_recent: "Recently Updated",
+		sort_oldest: "Oldest Updated",
+		no_products: "There are no products available at the moment.",
+		no_search_results: "No products match \"{{term}}\". Try a different search term.",
+		error_loading: "Unable to load product",
+		error_generic: "Something went wrong. Please try again later.",
+		product_not_found: "Product not found",
+		product_not_found_description: "The product you're looking for doesn't exist.",
+		product_description: "Product Description",
+		no_title: "No title available",
+		add_to_cart: "Add to Cart",
+		subscribe: "Subscribe",
+		subscribe_and_save: "Subscribe & Save {{percentage}}%",
+		one_time_purchase: "One-Time Purchase",
+		delivery_frequency: "Delivery Frequency:",
+		select_delivery_schedule: "Select delivery schedule",
+		purchase_bundle: "Purchase Bundle",
+		bundle_unavailable: "Bundle configuration is unavailable. Please contact support.",
+		product_unavailable: "This product is unavailable for purchase.",
+		ratings_and_reviews: "Ratings and reviews",
+		ratings_count: "{{count}} ratings",
+		select_option: "Select {{name}}"
+	},
+	loaders: {
+		de: () => import("./de-DWONEOZS.mjs").then((m) => m.default),
+		el: () => import("./el-De7Ne7it.mjs").then((m) => m.default),
+		es: () => import("./es-B5_ItPIn.mjs").then((m) => m.default),
+		fr: () => import("./fr-jgEDP2og.mjs").then((m) => m.default),
+		he: () => import("./he-DLQdVr_g.mjs").then((m) => m.default),
+		hu: () => import("./hu-CC4QdkPb.mjs").then((m) => m.default),
+		id: () => import("./id-CwGC2v1d.mjs").then((m) => m.default),
+		it: () => import("./it-jUZZ5sjO.mjs").then((m) => m.default),
+		ja: () => import("./ja-QVQymwAE.mjs").then((m) => m.default),
+		ko: () => import("./ko-DfzzTwZI.mjs").then((m) => m.default),
+		nl: () => import("./nl-Dys3mUo2.mjs").then((m) => m.default),
+		pl: () => import("./pl-CBwEisEK.mjs").then((m) => m.default),
+		pt: () => import("./pt-D5al7xw3.mjs").then((m) => m.default),
+		ro: () => import("./ro-B43SoGdE.mjs").then((m) => m.default),
+		ru: () => import("./ru-ChwnncDc.mjs").then((m) => m.default),
+		th: () => import("./th-C9S_8Tv6.mjs").then((m) => m.default),
+		tl: () => import("./tl-CiPbx_5F.mjs").then((m) => m.default),
+		tr: () => import("./tr-CUd4dp2u.mjs").then((m) => m.default),
+		zh_CN: () => import("./zh_CN-D46-GUTP.mjs").then((m) => m.default),
+		zh_TW: () => import("./zh_TW-XqA7UKxt.mjs").then((m) => m.default)
+	}
+});
+function createShopTranslationAdapter(locale, dict) {
+	return createStaticDictAdapter(locale, dict);
+}
+//#endregion
+//#region src/providers/ShopTranslationBridge.tsx
+function ShopTranslationBridge({ children }) {
+	const { locale } = useActiveLocale();
+	const dict = useDomainDict(shopDomain, locale);
+	return /* @__PURE__ */ jsx(ShopTranslationProvider, {
+		value: useMemo(() => createShopTranslationAdapter(locale, dict), [locale, dict]),
+		children
+	});
+}
+//#endregion
 //#region src/screens/ShopScreen.tsx
 var ShopScreen_exports = /* @__PURE__ */ __exportAll({
 	ShopScreen: () => ShopScreen,
 	shopScreenPropertySchema: () => shopScreenPropertySchema
 });
-function ShopScreen({ background, textColor, accentColor, padding, borderRadius, ...divProps }) {
+function ShopScreen(props) {
+	return /* @__PURE__ */ jsx(ShopTranslationBridge, { children: /* @__PURE__ */ jsx(ShopScreenContent, { ...props }) });
+}
+function ShopScreenContent({ background, textColor, accentColor, padding, borderRadius, ...divProps }) {
 	const { config } = useFluidContext();
+	const { t } = useShopTranslation();
 	const { data: store } = useStore();
 	const { currentSlug, navigate } = useAppNavigation();
 	const countryCode = config.countryIso ?? "US";
@@ -1044,12 +1254,16 @@ function ShopScreen({ background, textColor, accentColor, padding, borderRadius,
 		children: /* @__PURE__ */ jsx(BreadcrumbItem, { children: productId ? /* @__PURE__ */ jsx(BreadcrumbLink, {
 			onClick: () => navigate("shop"),
 			className: "cursor-pointer font-semibold",
-			children: "Shop"
+			children: t("breadcrumb")
 		}) : /* @__PURE__ */ jsx(BreadcrumbPage, {
 			className: "font-semibold",
-			children: "Shop"
+			children: t("breadcrumb")
 		}) })
-	}) }), [productId, navigate]));
+	}) }), [
+		productId,
+		navigate,
+		t
+	]));
 	useScreenHeaderActions(useMemo(() => /* @__PURE__ */ jsx("div", {
 		className: "flex items-center gap-4",
 		children: /* @__PURE__ */ jsx(CartButton, {})
@@ -1123,15 +1337,16 @@ const shopScreenPropertySchema = {
 */
 function ProductBreadcrumb({ productId }) {
 	const { navigate } = useAppNavigation();
+	const { t } = useShopTranslation();
 	const { product } = usePortalProductDetail({ productId });
-	const productName = product?.name ?? "Product";
+	const productName = product?.name ?? t("product_fallback_name");
 	useScreenHeaderBreadcrumbs(useMemo(() => /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsxs(BreadcrumbList, {
 		className: "text-lg",
 		children: [
 			/* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, {
 				onClick: () => navigate("shop"),
 				className: "cursor-pointer font-semibold",
-				children: "Shop"
+				children: t("breadcrumb")
 			}) }),
 			/* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
 			/* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, {
@@ -1139,10 +1354,14 @@ function ProductBreadcrumb({ productId }) {
 				children: productName
 			}) })
 		]
-	}) }), [productName, navigate]));
+	}) }), [
+		productName,
+		navigate,
+		t
+	]));
 	return null;
 }
 //#endregion
 export { ShopScreen_exports as n, shopScreenPropertySchema as r, ShopScreen as t };
 
-//# sourceMappingURL=ShopScreen-BG1pxd2D.mjs.map
+//# sourceMappingURL=ShopScreen-kiVwC38W.mjs.map