@fluid-app/portal-sdk 0.1.65 → 0.1.67

package/dist/{AppDownloadScreen-CC3PVGnN.mjs → AppDownloadScreen-BVrUR6lm.mjs}

@@ -31,6 +31,5 @@ import "./SpacerWidget-DgVU58BC.mjs";
 import "./TableWidget-DjYabx1e.mjs";
 import "./ToDoWidget-Cmvf7I6c.mjs";
 import "./VideoWidget-51MxnPRZ.mjs";
-import "./use-current-user-DnBpWIw6.mjs";
 import { n as appDownloadScreenPropertySchema, t as AppDownloadScreen } from "./AppDownloadScreen-BXS02LRb.mjs";
 export { AppDownloadScreen, appDownloadScreenPropertySchema };

package/dist/{MySiteScreen-DlbGFMlk.mjs → MySiteScreen-bUfo9RDR.mjs}

@@ -32,7 +32,6 @@ import "./TableWidget-DjYabx1e.mjs";
 import "./ToDoWidget-Cmvf7I6c.mjs";
 import "./VideoWidget-51MxnPRZ.mjs";
 import "./ScreenHeaderContext-CrdfLGKk.mjs";
-import "./AppNavigationContext-DJeNcP4Y.mjs";
 import "./sortable.esm-DreCqRxJ.mjs";
 import { n as mySiteScreenPropertySchema, t as MySiteScreen } from "./MySiteScreen-DR_xY95c.mjs";
 export { MySiteScreen, mySiteScreenPropertySchema };

package/dist/{OrdersScreen-h7KX2dQo.mjs → OrdersScreen-CO9vm0Wj.mjs}

@@ -32,7 +32,6 @@ import "./TableWidget-DjYabx1e.mjs";
 import "./ToDoWidget-Cmvf7I6c.mjs";
 import "./VideoWidget-51MxnPRZ.mjs";
 import "./ScreenHeaderContext-CrdfLGKk.mjs";
-import "./AppNavigationContext-DJeNcP4Y.mjs";
 import "./order-detail-DkMYJvzl.mjs";
 import { n as ordersScreenPropertySchema, t as OrdersScreen } from "./OrdersScreen-CQzgIEa4.mjs";
 export { OrdersScreen, ordersScreenPropertySchema };

package/dist/{ProductsScreen-D90OAeDM.mjs → ProductsScreen-GOW8lxiN.mjs}

@@ -32,8 +32,6 @@ import "./TableWidget-DjYabx1e.mjs";
 import "./ToDoWidget-Cmvf7I6c.mjs";
 import "./VideoWidget-51MxnPRZ.mjs";
 import "./ScreenHeaderContext-CrdfLGKk.mjs";
-import "./use-current-user-DnBpWIw6.mjs";
-import "./AppNavigationContext-DJeNcP4Y.mjs";
 import "./dist-CMGXkSgZ.mjs";
 import "./es-CrIkZTQ3.mjs";
 import "./dist-Cl4FsM3V.mjs";

package/dist/{ShareablesScreen-CQbMDEkb.mjs → ShareablesScreen-KFwyduqD.mjs}

@@ -32,8 +32,6 @@ import "./TableWidget-DjYabx1e.mjs";
 import "./ToDoWidget-Cmvf7I6c.mjs";
 import "./VideoWidget-51MxnPRZ.mjs";
 import "./ScreenHeaderContext-CrdfLGKk.mjs";
-import "./use-current-user-DnBpWIw6.mjs";
-import "./AppNavigationContext-DJeNcP4Y.mjs";
 import "./dist-CMGXkSgZ.mjs";
 import "./es-CrIkZTQ3.mjs";
 import "./dist-Cl4FsM3V.mjs";

package/dist/{ShopScreen-DCKr0cbB.cjs → ShopScreen-Bo9Bbpg8.cjs}

@@ -33,6 +33,6 @@ require("./TableWidget-Cri6r5Yr.cjs");
 require("./ToDoWidget-Bv6POc5R.cjs");
 require("./VideoWidget-DnnuIvW1.cjs");
 require("./ScreenHeaderContext-eyKPyDoQ.cjs");
-const require_ShopScreen = require("./ShopScreen-qgOXPdUf.cjs");
+const require_ShopScreen = require("./ShopScreen-D-1WO4sB.cjs");
 exports.ShopScreen = require_ShopScreen.ShopScreen;
 exports.shopScreenPropertySchema = require_ShopScreen.shopScreenPropertySchema;

package/dist/{ShopScreen-CSpdAmLo.mjs → ShopScreen-CMkEtT1s.mjs}

@@ -32,7 +32,5 @@ import "./TableWidget-DjYabx1e.mjs";
 import "./ToDoWidget-Cmvf7I6c.mjs";
 import "./VideoWidget-51MxnPRZ.mjs";
 import "./ScreenHeaderContext-CrdfLGKk.mjs";
-import "./use-current-user-DnBpWIw6.mjs";
-import "./AppNavigationContext-DJeNcP4Y.mjs";
-import { n as shopScreenPropertySchema, t as ShopScreen } from "./ShopScreen-DFWQY8hT.mjs";
+import { n as shopScreenPropertySchema, t as ShopScreen } from "./ShopScreen-XGC180Ts.mjs";
 export { ShopScreen, shopScreenPropertySchema };

package/dist/{ShopScreen-qgOXPdUf.cjs → ShopScreen-D-1WO4sB.cjs}

@@ -1,4 +1,4 @@
-require("./chunk-DAgNkxik.cjs");
+const require_chunk = require("./chunk-DAgNkxik.cjs");
 const require_FluidProvider = require("./FluidProvider-SnHdl4ww.cjs");
 const require_src = require("./src-DqIS-4ns.cjs");
 const require_use_account_clients = require("./use-account-clients-Bem920_7.cjs");
@@ -7,9 +7,11 @@ const require_use_current_user = require("./use-current-user-Bld9wMVT.cjs");
 const require_AppNavigationContext = require("./AppNavigationContext-B88_pXjo.cjs");
 const require_products = require("./products-BtHCYNv6.cjs");
 let react = require("react");
+react = require_chunk.__toESM(react);
 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");
 let _home_runner__work_fluid_mono_fluid_mono_node_modules__pnpm_zustand_5_0_9__types_react_19_2_13_immer_10_2_0_react_19_2_4_use_sync_external_store_1_6_0_react_19_2_4__node_modules_zustand_esm_index_mjs = require("/home/runner/_work/fluid-mono/fluid-mono/node_modules/.pnpm/zustand@5.0.9_@types+react@19.2.13_immer@10.2.0_react@19.2.4_use-sync-external-store@1.6.0_react@19.2.4_/node_modules/zustand/esm/index.mjs");
 let _home_runner__work_fluid_mono_fluid_mono_node_modules__pnpm_zustand_5_0_9__types_react_19_2_13_immer_10_2_0_react_19_2_4_use_sync_external_store_1_6_0_react_19_2_4__node_modules_zustand_esm_middleware_mjs = require("/home/runner/_work/fluid-mono/fluid-mono/node_modules/.pnpm/zustand@5.0.9_@types+react@19.2.13_immer@10.2.0_react@19.2.4_use-sync-external-store@1.6.0_react@19.2.4_/node_modules/zustand/esm/middleware.mjs");
 //#region ../../products/api-client/src/utils/product-price.ts
@@ -1550,13 +1552,165 @@ function ShopApp({ countryCode, companyLogoUrl, renderImage, onAddToCart, produc
 	});
 }
 //#endregion
+//#region ../../cart/ui/src/components/cart-script.tsx
+const SCRIPT_ID = "fluid-cdn-script";
+const LEAD_CAPTURE_ID = "fluid-lead-capture-suppress";
+const SCRIPT_SRC = "https://assets.fluid.app/scripts/fluid-sdk/latest/web-widgets/index.js";
+function CartScript({ subdomain, authJwt }) {
+	const authJwtRef = (0, react.useRef)(authJwt);
+	authJwtRef.current = authJwt;
+	(0, react.useEffect)(() => {
+		if (!subdomain) return;
+		if (document.getElementById(SCRIPT_ID)) return;
+		const script = document.createElement("script");
+		script.id = SCRIPT_ID;
+		script.src = SCRIPT_SRC;
+		script.type = "module";
+		script.crossOrigin = "anonymous";
+		script.dataset.fluidShop = subdomain;
+		if (authJwtRef.current) script.dataset.authJwt = authJwtRef.current;
+		document.head.appendChild(script);
+		const leadCapture = document.createElement("fluid-lead-capture");
+		leadCapture.id = LEAD_CAPTURE_ID;
+		leadCapture.setAttribute("hide-widget", "true");
+		document.body.appendChild(leadCapture);
+		return () => {
+			const existing = document.getElementById(SCRIPT_ID);
+			if (existing) existing.remove();
+			const existingLeadCapture = document.getElementById(LEAD_CAPTURE_ID);
+			if (existingLeadCapture) existingLeadCapture.remove();
+		};
+	}, [subdomain]);
+	return null;
+}
+//#endregion
+//#region ../../cart/ui/src/components/cart-widget.tsx
+function CartWidget({ theme }) {
+	const [mounted, setMounted] = (0, react.useState)(false);
+	const widgetRef = (0, react.useRef)(null);
+	(0, react.useEffect)(() => {
+		setMounted(true);
+	}, []);
+	(0, react.useEffect)(() => {
+		if (!mounted) return;
+		const el = widgetRef.current;
+		if (!el) return;
+		if (theme) el.setAttribute("theme", JSON.stringify(theme));
+		else el.removeAttribute("theme");
+	}, [theme, mounted]);
+	const widget = react.default.createElement("fluid-cart-widget", {
+		ref: (el) => {
+			widgetRef.current = el;
+		},
+		"data-fluid-widget": "true",
+		"hide-widget": "true",
+		"is-primary": "true"
+	});
+	if (mounted) return (0, react_dom.createPortal)(widget, document.body);
+	return null;
+}
+//#endregion
+//#region ../../cart/ui/src/components/cart-button.tsx
+const MAX_SDK_POLL_ATTEMPTS = 50;
+function CartButton({ onCheckout }) {
+	const [initialCount, setInitialCount] = (0, react.useState)(0);
+	const navigateToCheckout = (0, react.useCallback)(() => {
+		if (!window.FluidCommerceSDK) {
+			console.error("FluidCommerceSDK not available");
+			return;
+		}
+		try {
+			const checkoutUrl = window.FluidCommerceSDK.getCheckoutUrl();
+			if (!checkoutUrl) {
+				console.error("No checkout URL available");
+				return;
+			}
+			onCheckout?.(checkoutUrl);
+		} catch (error) {
+			console.error("Error getting checkout URL:", error);
+		}
+	}, [onCheckout]);
+	(0, react.useEffect)(() => {
+		let timeoutId = null;
+		let attempts = 0;
+		let cancelled = false;
+		const setupSDK = () => {
+			if (cancelled) return;
+			if (window.FluidCommerceSDK) {
+				if (onCheckout) window.FluidCommerceSDK.setOnCheckout(navigateToCheckout);
+				const count = window.FairShareSDK?.getCartItemCount?.();
+				if (count != null) setInitialCount(count);
+			} else if (attempts < MAX_SDK_POLL_ATTEMPTS) {
+				attempts++;
+				timeoutId = setTimeout(setupSDK, 100);
+			}
+		};
+		setupSDK();
+		return () => {
+			cancelled = true;
+			if (timeoutId) clearTimeout(timeoutId);
+		};
+	}, [navigateToCheckout, onCheckout]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
+		className: "bg-primary text-primary-foreground hover:bg-primary-700 relative flex items-center gap-4 rounded-sm px-4 py-1.5",
+		onClick: () => {
+			window.fluidCart?.open();
+		},
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "relative",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ShoppingCart, { className: "size-5" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				id: "fluid-cart-count",
+				className: "bg-primary-foreground text-primary absolute -top-1 -right-2 flex h-4 w-4 items-center justify-center rounded-full text-[8px] font-bold",
+				children: initialCount
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: "Cart" })]
+	});
+}
+//#endregion
+//#region ../../cart/ui/src/components/shop-container.tsx
+function ShopContainer({ children, className = "", cartScript, cartWidget }) {
+	const containerRef = (0, react.useRef)(null);
+	const [portalContainer, setPortalContainer] = (0, react.useState)(null);
+	(0, react.useEffect)(() => {
+		const currentContainer = containerRef.current;
+		if (!currentContainer) return;
+		const reactContentWrapper = document.createElement("div");
+		reactContentWrapper.id = "react-content-wrapper";
+		reactContentWrapper.style.cssText = `
+      position: relative;
+    `;
+		reactContentWrapper.className = "min-h-full";
+		currentContainer.appendChild(reactContentWrapper);
+		setPortalContainer(reactContentWrapper);
+		return () => {
+			if (currentContainer && reactContentWrapper) try {
+				currentContainer.removeChild(reactContentWrapper);
+			} catch (e) {
+				console.warn("Failed to cleanup isolated container:", e);
+			}
+			setPortalContainer(null);
+		};
+	}, []);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref: containerRef,
+		className: `isolated-shop-wrapper ${className} h-full`,
+		children: portalContainer && (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+			cartScript,
+			cartWidget,
+			children
+		] }), portalContainer)
+	}) });
+}
+//#endregion
 //#region src/screens/ShopScreen.tsx
 function ShopScreen({ background, textColor, accentColor, padding, borderRadius, ...divProps }) {
 	const { config } = require_FluidProvider.useFluidContext();
 	const domainClient = require_use_account_clients.useSdkClient();
+	const { token } = require_use_account_clients.useFluidAuth();
 	const { data: userData } = require_use_current_user.useCurrentUser();
 	const { currentSlug, navigate } = require_AppNavigationContext.useAppNavigation();
 	const countryCode = config.countryIso ?? userData?.country?.iso ?? "US";
+	const subdomain = userData?.company?.subdomain;
 	require_ScreenHeaderContext.useScreenHeaderBreadcrumbs((0, react.useMemo)(() => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Breadcrumb, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(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.BreadcrumbPage, {
@@ -1564,18 +1718,29 @@ function ShopScreen({ background, textColor, accentColor, padding, borderRadius,
 			children: "Shop"
 		}) })
 	}) }), []));
+	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, {})
+	}), []));
 	const productId = currentSlug.split("/")[1] ?? null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		...divProps,
 		className: `h-full ${divProps.className ?? ""}`,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProductsCoreProvider, {
-			client: domainClient,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShopApp, {
-				countryCode,
-				companyLogoUrl: userData?.company?.logo_url,
-				productId,
-				onSelectProduct: (id) => navigate(`shop/${id}`),
-				onBack: () => navigate("shop")
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShopContainer, {
+			cartScript: subdomain ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CartScript, {
+				subdomain,
+				authJwt: token ?? void 0
+			}) : null,
+			cartWidget: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CartWidget, {}),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProductsCoreProvider, {
+				client: domainClient,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShopApp, {
+					countryCode,
+					companyLogoUrl: userData?.company?.logo_url,
+					productId,
+					onSelectProduct: (id) => navigate(`shop/${id}`),
+					onBack: () => navigate("shop")
+				})
 			})
 		})
 	});
@@ -1603,4 +1768,4 @@ Object.defineProperty(exports, "shopScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=ShopScreen-qgOXPdUf.cjs.map
+//# sourceMappingURL=ShopScreen-D-1WO4sB.cjs.map