@fluid-app/portal-sdk 0.1.246 → 0.1.248

package/dist/{ShopScreen-S6rBaoWM.cjs → ShopScreen---dB03HI.cjs}

@@ -1,5 +1,5 @@
 const require_chunk = require("./chunk-9hOWP6kD.cjs");
-const require_FluidProvider = require("./FluidProvider-o1Gu53TN.cjs");
+const require_FluidProvider = require("./FluidProvider-DprqXNu4.cjs");
 const require_src = require("./src-uhf6Szlw.cjs");
 const require_ScreenHeaderContext = require("./ScreenHeaderContext-oIu5Bvhs.cjs");
 const require_use_store = require("./use-store-D2S1FywW.cjs");
@@ -12,6 +12,26 @@ let _tanstack_react_query = require("@tanstack/react-query");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 let react_dom = require("react-dom");
+//#region ../../platform/i18n/src/translation-api-context-factory.ts
+function createTranslationContext(domainName) {
+	const Ctx = (0, react.createContext)(null);
+	function useTranslation() {
+		const api = (0, react.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",
@@ -73,10 +93,11 @@ function formatPortalPrice(price, currency) {
 }
 function ProductCardContent({ product, countryIso, companyLogoUrl, renderImage = defaultRenderImage$1 }) {
 	const [isHovered, setIsHovered] = (0, react.useState)(false);
+	const { t } = useShopTranslation();
 	const isPortal = isPortalProduct(product);
 	const coverImage = isPortal ? getPortalProductCoverImage(product) : require_PortalProductsApiProvider.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) {
@@ -144,6 +165,15 @@ function ProductCardContent({ product, countryIso, companyLogoUrl, renderImage =
 					" ",
 					getVariantCountryValue(getSelectedVariant(product), countryIso, "qv") || "-"
 				]
+			}),
+			isPortal && product.wholesale_price != null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "text-muted-foreground text-sm",
+				children: [
+					"CV ",
+					product.cv ?? "-",
+					" | QV ",
+					product.qv ?? "-"
+				]
 			})
 		]
 	})] });
@@ -320,18 +350,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 = (0, react.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 = (0, react.useMemo)(() => {
+	const savingsPercentage = (0, react.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})`;
@@ -365,22 +395,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__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "flex-1",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "bg-muted mt-3 rounded-lg p-2",
 							onClick: (e) => e.stopPropagation(),
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "text-foreground mb-1 text-xs font-medium",
-								children: "Delivery Frequency:"
+								children: t("delivery_frequency")
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Select, {
 								value: currentSubscriptionPlan?.subscription_plan.id.toString() || "",
 								onValueChange: handleSubscriptionPlanChange,
 								disabled: product_subscription_plans?.length === 1,
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectTrigger, {
 									className: "bg-background text-foreground! w-full text-xs",
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectValue, { placeholder: "Select delivery schedule" })
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectValue, { placeholder: t("select_delivery_schedule") })
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectContent, { children: subscriptionPlanOptions.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectItem, {
 									value: option.value,
 									children: option.label
@@ -400,7 +430,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__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "text-foreground mb-1 text-sm leading-tight font-medium",
-						children: "One-Time Purchase"
+						children: t("one_time_purchase")
 					})]
 				})
 			})]
@@ -416,32 +446,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__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -459,6 +463,7 @@ function SkeletonGrid({ count = 8 }) {
 }
 function ProductListing({ companyLogoUrl, renderImage, onSelectProduct, cartButton }) {
 	const observerTarget = (0, react.useRef)(null);
+	const { t } = useShopTranslation();
 	const catalog = require_PortalProductsApiProvider.usePortalProductCatalog({ perPage: PAGE_SIZE });
 	const { data, isLoading, isFetchingNextPage, hasNextPage, fetchNextPage, error, isFetched } = (0, _tanstack_react_query.useInfiniteQuery)({
 		queryKey: catalog.queryKey,
@@ -484,6 +489,32 @@ function ProductListing({ companyLogoUrl, renderImage, onSelectProduct, cartButt
 		return () => observer.disconnect();
 	}, [handleIntersect]);
 	const allProducts = data?.pages.flatMap((page) => page.products) ?? [];
+	const sortOptions = (0, react.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__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: "mx-auto px-2 md:px-10",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -494,7 +525,7 @@ function ProductListing({ companyLogoUrl, renderImage, onSelectProduct, cartButt
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_SearchSort.SearchSort, {
 						searchValue: catalog.searchTerm,
 						onSearchChange: catalog.setSearchTerm,
-						placeholder: "Search products..."
+						placeholder: t("search_placeholder")
 					})
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DropdownMenuTrigger, {
@@ -509,12 +540,12 @@ function ProductListing({ companyLogoUrl, renderImage, onSelectProduct, cartButt
 					align: "end",
 					className: "w-60",
 					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DropdownMenuLabel, { children: "Sort By" }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DropdownMenuLabel, { children: t("sort_by") }),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DropdownMenuSeparator, {}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DropdownMenuRadioGroup, {
 							value: catalog.currentSort,
 							onValueChange: catalog.setCurrentSort,
-							children: SORT_OPTIONS.map((opt) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DropdownMenuRadioItem, {
+							children: sortOptions.map((opt) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DropdownMenuRadioItem, {
 								value: opt.id,
 								children: opt.label
 							}, opt.id))
@@ -529,14 +560,14 @@ function ProductListing({ companyLogoUrl, renderImage, onSelectProduct, cartButt
 		})
 	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: "mx-auto space-y-8 px-2 md:px-10 md:py-8",
-		children: isLoading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SkeletonGrid, {}) : error ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+		children: isLoading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SkeletonGrid, {}) : error ? /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "flex flex-col items-center justify-center py-8 text-center",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -629,11 +660,14 @@ function ProductDetail({ productId, renderImage }) {
 	const [selections, setSelections] = (0, react.useState)({});
 	const [userSelectedSubscribe, setUserSelectedSubscribe] = (0, react.useState)(false);
 	const [selectedSubscriptionPlan, setSelectedSubscriptionPlan] = (0, react.useState)(void 0);
+	const { t } = useShopTranslation();
 	const { product, isLoading, error, images } = require_PortalProductsApiProvider.usePortalProductDetail({ productId });
 	const variants = (0, react.useMemo)(() => product?.variants ?? [], [product?.variants]);
 	const subscriptionPlans = (0, react.useMemo)(() => product?.subscription_plans ?? [], [product?.subscription_plans]);
 	const masterVariant = (0, react.useMemo)(() => variants.find((v) => v.is_master) ?? variants[0], [variants]);
 	const optionGroups = (0, react.useMemo)(() => buildOptionGroups(variants), [variants]);
+	const showVariantChoices = optionGroups.length === 0 && variants.length > 1;
+	const [selectedVariantId, setSelectedVariantId] = (0, react.useState)(null);
 	(0, react.useEffect)(() => {
 		if (optionGroups.length === 0) return;
 		const source = variants.find((v) => !v.is_master) ?? masterVariant;
@@ -646,14 +680,27 @@ function ProductDetail({ productId, renderImage }) {
 		variants,
 		masterVariant
 	]);
+	(0, react.useEffect)(() => {
+		if (!showVariantChoices) return;
+		if (selectedVariantId != null) return;
+		if (masterVariant?.id == null) return;
+		setSelectedVariantId(masterVariant.id);
+	}, [
+		showVariantChoices,
+		selectedVariantId,
+		masterVariant?.id
+	]);
 	const selectedVariant = (0, react.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 = (0, react.useMemo)(() => mapToLegacySubscriptionPlans(subscriptionPlans), [subscriptionPlans]);
 	const isSubscribe = selectedVariant?.subscription_only === true || userSelectedSubscribe;
@@ -709,10 +756,10 @@ function ProductDetail({ productId, renderImage }) {
 			className: "text-center",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
 				className: "text-foreground mb-2 text-lg font-medium",
-				children: "Unable to load product"
+				children: t("error_loading")
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 				className: "text-muted-foreground",
-				children: "Something went wrong. Please try again later."
+				children: t("error_generic")
 			})]
 		})
 	});
@@ -722,14 +769,14 @@ function ProductDetail({ productId, renderImage }) {
 			className: "text-center",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
 				className: "text-foreground mb-2 text-lg font-medium",
-				children: "Product not found"
+				children: t("product_not_found")
 			}), /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -764,12 +811,22 @@ function ProductDetail({ productId, renderImage }) {
 							className: "pt-2",
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
 								className: "text-foreground mb-1 text-sm font-medium",
-								children: "Product Description"
+								children: t("product_description")
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "text-foreground mb-3 text-[12px]",
 								dangerouslySetInnerHTML: { __html: sanitizeHtml(product.description ?? "") }
 							})]
 						}),
+						product.wholesale_price != null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "text-muted-foreground mb-3 text-sm",
+							children: [
+								"CV ",
+								selectedVariant?.cv ?? "-",
+								" | QV",
+								" ",
+								selectedVariant?.qv ?? "-"
+							]
+						}),
 						isBundle ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "pt-4",
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
@@ -779,10 +836,10 @@ function ProductDetail({ productId, renderImage }) {
 								onClick: () => {
 									if (bundleUrl) window.open(bundleUrl, "_blank", "noopener,noreferrer");
 								},
-								children: "Purchase Bundle"
+								children: t("purchase_bundle")
 							}), !bundleUrl && /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PurchaseOptions, {
@@ -812,7 +869,7 @@ function ProductDetail({ productId, renderImage }) {
 										})),
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectTrigger, {
 											className: "w-48 max-w-full",
-											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectValue, { placeholder: `Select ${group.name}` })
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectValue, { placeholder: t("select_option", { name: group.name }) })
 										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectContent, {
 											position: "popper",
 											className: "max-h-60",
@@ -824,9 +881,33 @@ function ProductDetail({ productId, renderImage }) {
 									})]
 								}, group.optionId))
 							}),
+							showVariantChoices && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "mb-4 pt-4",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "mb-3 flex items-center",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+										className: "text-md text-foreground w-24 font-bold",
+										children: "Variant"
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Select, {
+										value: selectedVariantId != null ? String(selectedVariantId) : "",
+										onValueChange: (value) => setSelectedVariantId(Number(value)),
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectTrigger, {
+											className: "w-48 max-w-full",
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectValue, { placeholder: "Select variant" })
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectContent, {
+											position: "popper",
+											className: "max-h-60",
+											children: variants.map((v, idx) => v.id == null ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectItem, {
+												value: String(v.id),
+												children: v.title || `Variant ${idx + 1}`
+											}, v.id))
+										})]
+									})]
+								})
+							}),
 							selectedVariant?.subscription_only && !selectedVariant?.allow_subscription && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "text-muted-foreground text-sm",
-								children: "This product is unavailable for purchase."
+								children: t("product_unavailable")
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "mt-4 mb-3" }),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -843,7 +924,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__ */ (0, react_jsx_runtime.jsx)(lucide_react.ShoppingCart, { className: "h-4 w-4" }), isSubscribe ? "Subscribe" : "Add to Cart"]
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ShoppingCart, { className: "h-4 w-4" }), isSubscribe ? t("subscribe") : t("add_to_cart")]
 								})]
 							})
 						] })
@@ -1028,9 +1109,138 @@ function ShopContainer({ children, className = "", cartScript, cartWidget }) {
 	}) });
 }
 //#endregion
+//#region ../../platform/i18n/src/use-domain-dict.ts
+function useDomainDict(domain, locale) {
+	const [dict, setDict] = (0, react.useState)(domain.fallback);
+	(0, react.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: () => Promise.resolve().then(() => require("./de-CqKH8kwp.cjs")).then((m) => m.default),
+		el: () => Promise.resolve().then(() => require("./el-CIrAhB-W.cjs")).then((m) => m.default),
+		es: () => Promise.resolve().then(() => require("./es-4Wsa13tV.cjs")).then((m) => m.default),
+		fr: () => Promise.resolve().then(() => require("./fr-BDKPrKKW.cjs")).then((m) => m.default),
+		he: () => Promise.resolve().then(() => require("./he-5dq6lV2h.cjs")).then((m) => m.default),
+		hu: () => Promise.resolve().then(() => require("./hu-Dpgriy5N.cjs")).then((m) => m.default),
+		id: () => Promise.resolve().then(() => require("./id-Ba-0RT7y.cjs")).then((m) => m.default),
+		it: () => Promise.resolve().then(() => require("./it-CaxIV-R4.cjs")).then((m) => m.default),
+		ja: () => Promise.resolve().then(() => require("./ja-Lcg_Qqtj.cjs")).then((m) => m.default),
+		ko: () => Promise.resolve().then(() => require("./ko-CFu0TjJO.cjs")).then((m) => m.default),
+		nl: () => Promise.resolve().then(() => require("./nl-DR9IRXGT.cjs")).then((m) => m.default),
+		pl: () => Promise.resolve().then(() => require("./pl-DSGSRDM2.cjs")).then((m) => m.default),
+		pt: () => Promise.resolve().then(() => require("./pt-Pz_D1HUz.cjs")).then((m) => m.default),
+		ro: () => Promise.resolve().then(() => require("./ro-BoGeZTac.cjs")).then((m) => m.default),
+		ru: () => Promise.resolve().then(() => require("./ru-Cd7LUmcu.cjs")).then((m) => m.default),
+		th: () => Promise.resolve().then(() => require("./th-DwLAQd0u.cjs")).then((m) => m.default),
+		tl: () => Promise.resolve().then(() => require("./tl-DwAVpDyB.cjs")).then((m) => m.default),
+		tr: () => Promise.resolve().then(() => require("./tr-BFbCmHQZ.cjs")).then((m) => m.default),
+		zh_CN: () => Promise.resolve().then(() => require("./zh_CN-Cn-k18Y5.cjs")).then((m) => m.default),
+		zh_TW: () => Promise.resolve().then(() => require("./zh_TW-CIUhIeJP.cjs")).then((m) => m.default)
+	}
+});
+function createShopTranslationAdapter(locale, dict) {
+	return createStaticDictAdapter(locale, dict);
+}
+//#endregion
+//#region src/providers/ShopTranslationBridge.tsx
+function ShopTranslationBridge({ children }) {
+	const { locale } = require_FluidProvider.useActiveLocale();
+	const dict = useDomainDict(shopDomain, locale);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShopTranslationProvider, {
+		value: (0, react.useMemo)(() => createShopTranslationAdapter(locale, dict), [locale, dict]),
+		children
+	});
+}
+//#endregion
 //#region src/screens/ShopScreen.tsx
-function ShopScreen({ background, textColor, accentColor, padding, borderRadius, ...divProps }) {
+function ShopScreen(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShopTranslationBridge, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShopScreenContent, { ...props }) });
+}
+function ShopScreenContent({ background, textColor, accentColor, padding, borderRadius, ...divProps }) {
 	const { config } = require_FluidProvider.useFluidContext();
+	const { t } = useShopTranslation();
 	const { data: store } = require_use_store.useStore();
 	const { currentSlug, navigate } = require_AppNavigationContext.useAppNavigation();
 	const countryCode = config.countryIso ?? "US";
@@ -1041,12 +1251,16 @@ function ShopScreen({ background, textColor, accentColor, padding, borderRadius,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbItem, { children: productId ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbLink, {
 			onClick: () => navigate("shop"),
 			className: "cursor-pointer font-semibold",
-			children: "Shop"
+			children: t("breadcrumb")
 		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbPage, {
 			className: "font-semibold",
-			children: "Shop"
+			children: t("breadcrumb")
 		}) })
-	}) }), [productId, navigate]));
+	}) }), [
+		productId,
+		navigate,
+		t
+	]));
 	require_ScreenHeaderContext.useScreenHeaderActions((0, react.useMemo)(() => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: "flex items-center gap-4",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CartButton, {})
@@ -1120,15 +1334,16 @@ const shopScreenPropertySchema = {
 */
 function ProductBreadcrumb({ productId }) {
 	const { navigate } = require_AppNavigationContext.useAppNavigation();
+	const { t } = useShopTranslation();
 	const { product } = require_PortalProductsApiProvider.usePortalProductDetail({ productId });
-	const productName = product?.name ?? "Product";
+	const productName = product?.name ?? t("product_fallback_name");
 	require_ScreenHeaderContext.useScreenHeaderBreadcrumbs((0, react.useMemo)(() => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Breadcrumb, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.BreadcrumbList, {
 		className: "text-lg",
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbLink, {
 				onClick: () => navigate("shop"),
 				className: "cursor-pointer font-semibold",
-				children: "Shop"
+				children: t("breadcrumb")
 			}) }),
 			/* @__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, {
@@ -1136,7 +1351,11 @@ function ProductBreadcrumb({ productId }) {
 				children: productName
 			}) })
 		]
-	}) }), [productName, navigate]));
+	}) }), [
+		productName,
+		navigate,
+		t
+	]));
 	return null;
 }
 //#endregion
@@ -1153,4 +1372,4 @@ Object.defineProperty(exports, "shopScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=ShopScreen-S6rBaoWM.cjs.map
+//# sourceMappingURL=ShopScreen---dB03HI.cjs.map