@fluid-app/portal-sdk 0.1.280 → 0.1.281

package/dist/{ShopScreen-B-OBQ2S7.mjs → ShopScreen-BqDNPM7i.mjs}

@@ -1,7 +1,7 @@
 import { n as useFluidContext } from "./FluidProvider-DIE1VH2Z.mjs";
 import { n as useActiveLocale } from "./locale-context-BbdKe_Fj.mjs";
 import { B as DropdownMenuContent, C as SelectContent, D as RadioGroup, E as SelectValue, G as DropdownMenuSeparator, H as DropdownMenuLabel, O as RadioGroupItem, S as Select, T as SelectTrigger, U as DropdownMenuRadioGroup, W as DropdownMenuRadioItem, Y as DropdownMenuTrigger, an as BreadcrumbLink, cn as BreadcrumbSeparator, gt as Card, h as Skeleton, in as BreadcrumbItem, on as BreadcrumbList, rn as Breadcrumb, sn as BreadcrumbPage, vn as Button, w as SelectItem, z as DropdownMenu } from "./src-Dk1FJOX0.mjs";
-import { n as useScreenHeaderActions, r as useScreenHeaderBreadcrumbs } from "./ScreenHeaderContext-BDjNSUfr.mjs";
+import { n as ScreenHeaderBreadcrumbs, t as ScreenHeaderActions } from "./ScreenHeaderContext-Dn12BZyj.mjs";
 import { t as useStore } from "./use-store-BnHhQDYo.mjs";
 import { n as useAppNavigation } from "./AppNavigationContext-DNomMUij.mjs";
 import { i as createTranslationContext, n as createDomainTranslations, r as useDomainDict, t as createStaticDictAdapter } from "./static-dict-adapter-BGSA0IiX.mjs";
@@ -1176,25 +1176,6 @@ function ShopScreenContent({ background, textColor, accentColor, padding, border
 	const countryCode = config.countryIso ?? "US";
 	const subdomain = store?.subdomain;
 	const productId = currentSlug.split("/")[1] ?? null;
-	useScreenHeaderBreadcrumbs(useMemo(() => /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, {
-		className: "text-lg",
-		children: /* @__PURE__ */ jsx(BreadcrumbItem, { children: productId ? /* @__PURE__ */ jsx(BreadcrumbLink, {
-			onClick: () => navigate("shop"),
-			className: "cursor-pointer font-semibold",
-			children: t("breadcrumb")
-		}) : /* @__PURE__ */ jsx(BreadcrumbPage, {
-			className: "font-semibold",
-			children: t("breadcrumb")
-		}) })
-	}) }), [
-		productId,
-		navigate,
-		t
-	]));
-	useScreenHeaderActions(useMemo(() => /* @__PURE__ */ jsx("div", {
-		className: "flex items-center gap-4",
-		children: /* @__PURE__ */ jsx(CartButton, {})
-	}), []));
 	useEffect(() => {
 		if (!countryCode) return;
 		const sdk = () => window.FairShareSDK;
@@ -1227,26 +1208,39 @@ function ShopScreenContent({ background, textColor, accentColor, padding, border
 			clearInterval(id);
 		};
 	}, [countryCode]);
-	return /* @__PURE__ */ jsx("div", {
-		...divProps,
-		className: divProps.className ?? "",
-		children: /* @__PURE__ */ jsx(ShopContainer, {
-			cartScript: subdomain ? /* @__PURE__ */ jsx(CartScript, {
-				subdomain,
-				bffMode: true,
-				scriptSrc: import.meta.env.DEV ? String(import.meta.env.VITE_FAIRSHARE_SDK_URL || "http://localhost:4444/index.js") : void 0,
-				apiBaseUrl: import.meta.env.DEV ? String(import.meta.env.VITE_FAIRSHARE_API_BASE_URL || "http://api.fluid.localhost:3000") : void 0,
-				debug: import.meta.env.DEV
-			}) : null,
-			cartWidget: /* @__PURE__ */ jsx(CartWidget, {}),
-			children: /* @__PURE__ */ jsxs(PortalProductsApiProvider, { children: [productId && /* @__PURE__ */ jsx(ProductBreadcrumb, { productId }), /* @__PURE__ */ jsx(ShopApp, {
-				companyLogoUrl: store?.logo_url ?? void 0,
-				productId,
-				onSelectProduct: (id) => navigate(`shop/${id}`),
-				onBack: () => navigate("shop")
-			})] })
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		!productId && /* @__PURE__ */ jsx(ScreenHeaderBreadcrumbs, { children: /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, {
+			className: "text-lg",
+			children: /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, {
+				className: "font-semibold",
+				children: t("breadcrumb")
+			}) })
+		}) }) }),
+		/* @__PURE__ */ jsx(ScreenHeaderActions, { children: /* @__PURE__ */ jsx("div", {
+			className: "flex items-center gap-4",
+			children: /* @__PURE__ */ jsx(CartButton, {})
+		}) }),
+		/* @__PURE__ */ jsx("div", {
+			...divProps,
+			className: divProps.className ?? "",
+			children: /* @__PURE__ */ jsx(ShopContainer, {
+				cartScript: subdomain ? /* @__PURE__ */ jsx(CartScript, {
+					subdomain,
+					bffMode: true,
+					scriptSrc: import.meta.env.DEV ? String(import.meta.env.VITE_FAIRSHARE_SDK_URL || "http://localhost:4444/index.js") : void 0,
+					apiBaseUrl: import.meta.env.DEV ? String(import.meta.env.VITE_FAIRSHARE_API_BASE_URL || "http://api.fluid.localhost:3000") : void 0,
+					debug: import.meta.env.DEV
+				}) : null,
+				cartWidget: /* @__PURE__ */ jsx(CartWidget, {}),
+				children: /* @__PURE__ */ jsxs(PortalProductsApiProvider, { children: [productId && /* @__PURE__ */ jsx(ProductBreadcrumb, { productId }), /* @__PURE__ */ jsx(ShopApp, {
+					companyLogoUrl: store?.logo_url ?? void 0,
+					productId,
+					onSelectProduct: (id) => navigate(`shop/${id}`),
+					onBack: () => navigate("shop")
+				})] })
+			})
 		})
-	});
+	] });
 }
 const shopScreenPropertySchema = {
 	widgetType: "ShopScreen",
@@ -1267,7 +1261,7 @@ function ProductBreadcrumb({ productId }) {
 	const { t } = useShopTranslation();
 	const { product } = usePortalProductDetail({ productId });
 	const productName = product?.name ?? t("product_fallback_name");
-	useScreenHeaderBreadcrumbs(useMemo(() => /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsxs(BreadcrumbList, {
+	return /* @__PURE__ */ jsx(ScreenHeaderBreadcrumbs, { children: /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsxs(BreadcrumbList, {
 		className: "text-lg",
 		children: [
 			/* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, {
@@ -1281,14 +1275,9 @@ function ProductBreadcrumb({ productId }) {
 				children: productName
 			}) })
 		]
-	}) }), [
-		productName,
-		navigate,
-		t
-	]));
-	return null;
+	}) }) });
 }
 //#endregion
 export { shopScreenPropertySchema as n, ShopScreen as t };
 
-//# sourceMappingURL=ShopScreen-B-OBQ2S7.mjs.map
+//# sourceMappingURL=ShopScreen-BqDNPM7i.mjs.map