@fluid-app/portal-sdk 0.1.83 → 0.1.85

package/dist/{ShopScreen-CVxmqfmN.mjs → ShopScreen-DdPigYbj.mjs}

@@ -4,12 +4,12 @@ import { A as SelectContent, F as RadioGroupItem, I as Input, Kt as Breadcrumb,
 import { i as useSdkClient, o as useFluidAuth } from "./use-account-clients-Cf_6sxeC.mjs";
 import { n as useScreenHeaderActions, r as useScreenHeaderBreadcrumbs } from "./ScreenHeaderContext-NdrJ58Mg.mjs";
 import { n as useCurrentUser } from "./use-current-user-Bl9nPNFt.mjs";
-import { n as useAppNavigation } from "./AppNavigationContext-Du3Qq0yc.mjs";
-import { n as listProducts, t as getProduct } from "./products-DOO1TBcm.mjs";
+import { n as useAppNavigation } from "./AppNavigationContext-BSnbFILQ.mjs";
+import { n as listProducts, t as getProduct } from "./products-Dkwd_Bh0.mjs";
 import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { useInfiniteQuery, useQuery } from "@tanstack/react-query";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { ArrowLeft, ChevronLeft, ChevronRight, CirclePlay, Search, ShoppingCart } from "lucide-react";
+import { ArrowLeft, ChevronLeft, ChevronRight, CirclePlay, Link, Search, ShoppingCart } from "lucide-react";
 import { createPortal } from "react-dom";
 import { create } from "zustand";
 import "zustand/middleware";
@@ -1345,7 +1345,7 @@ function ProductListing({ countryCode, companyLogoUrl, renderImage, onSelectProd
 		})]
 	});
 }
-function ProductDetail({ productId, countryCode, renderImage, onBack, onAddToCart, cartButton }) {
+function ProductDetail({ productId, countryCode, renderImage, onBack, onAddToCart, cartButton, companyName }) {
 	const { product, isLoading, error, currentVariant, productOptions, effectiveSelectedOptions, handleOptionChange, quantity, setQuantity, isSubscribe, userSelectedSubscribe, setUserSelectedSubscribe, showBuyOnce, showSubscribe, selectedSubscriptionPlan, setSelectedSubscriptionPlan, displayPrice, displayWholesalePrice, displayWholesaleSubscriptionPrice, wholesaleCv, wholesaleQv, currentVariantCountry } = useProductDetail({
 		productId,
 		countryCode
@@ -1361,6 +1361,8 @@ function ProductDetail({ productId, countryCode, renderImage, onBack, onAddToCar
 		currentVariant?.images,
 		coverImage
 	]);
+	const isBundle = product?.bundle === true;
+	const bundleUrl = isBundle && product?.canonical_url ? product.canonical_url : null;
 	const handleAddToCart = () => {
 		if (!onAddToCart || !currentVariant?.id) return;
 		onAddToCart(currentVariant.id, quantity, isSubscribe, selectedSubscriptionPlan?.subscription_plan?.id?.toString());
@@ -1435,7 +1437,7 @@ function ProductDetail({ productId, countryCode, renderImage, onBack, onAddToCar
 							className: "text-foreground text-3xl font-bold",
 							children: title
 						}),
-						/* @__PURE__ */ jsxs("div", {
+						!isBundle && /* @__PURE__ */ jsxs("div", {
 							className: "mb-2 flex items-center gap-2",
 							children: [/* @__PURE__ */ jsx("span", {
 								className: "text-foreground text-sm",
@@ -1455,81 +1457,96 @@ function ProductDetail({ productId, countryCode, renderImage, onBack, onAddToCar
 								dangerouslySetInnerHTML: { __html: sanitizeHtml(product.description ?? "") }
 							})]
 						}),
-						/* @__PURE__ */ jsx(PurchaseOptions, {
-							showBuyOnce,
-							showSubscribe,
-							isSubscribe,
-							userSelectedSubscribe,
-							onSubscribeChange: setUserSelectedSubscribe,
-							wholesalePrice: currentVariantCountry?.wholesale,
-							wholesaleSubscriptionPrice: currentVariantCountry?.wholesale_subscription_price,
-							product_subscription_plans: product.product_subscription_plans || [],
-							selectedSubscriptionPlan,
-							onSubscriptionPlanChange: setSelectedSubscriptionPlan
-						}),
-						/* @__PURE__ */ jsxs("div", {
-							className: "text-muted-foreground mb-3 text-sm",
-							children: [
-								"CV ",
-								countryCode && wholesaleCv != null ? wholesaleCv : "-",
-								" | QV",
-								" ",
-								countryCode && wholesaleQv != null ? wholesaleQv : "-"
-							]
-						}),
-						/* @__PURE__ */ jsx("div", { className: "flex items-center border-t" }),
-						productOptions.length > 0 && /* @__PURE__ */ jsx("div", {
-							className: "mb-4 pt-4",
-							children: productOptions.map((option) => /* @__PURE__ */ jsxs("div", {
-								className: "mb-3 flex items-center",
-								children: [/* @__PURE__ */ jsx("h3", {
-									className: "text-md text-foreground w-24 font-bold",
-									children: option.name.charAt(0).toUpperCase() + option.name.slice(1)
-								}), /* @__PURE__ */ jsxs(Select, {
-									value: effectiveSelectedOptions[option.id] || "",
-									onValueChange: (value) => handleOptionChange(option.id, value),
-									children: [/* @__PURE__ */ jsx(SelectTrigger, {
-										className: "w-48 max-w-full",
-										children: /* @__PURE__ */ jsx(SelectValue, { placeholder: `Select ${option.name}` })
-									}), /* @__PURE__ */ jsx(SelectContent, { children: option.values.map((value) => /* @__PURE__ */ jsx(SelectItem, {
-										value,
-										children: value
-									}, value)) })]
-								})]
-							}, option.id))
-						}),
-						currentVariant?.subscription_only && !currentVariant.allow_subscription && /* @__PURE__ */ jsx("div", {
-							className: "text-muted-foreground text-sm",
-							children: "This product is unavailable for purchase."
-						}),
-						/* @__PURE__ */ jsx("div", { className: "mb-3" }),
-						/* @__PURE__ */ jsxs("div", {
-							className: "flex items-center gap-3 pb-3",
-							children: [/* @__PURE__ */ jsx(QuantitySelector, {
-								quantity,
-								setQuantity
-							}), /* @__PURE__ */ jsxs(Button, {
-								disabled: !currentVariant?.id || currentVariant?.subscription_only && !currentVariant.allow_subscription,
+						isBundle ? /* @__PURE__ */ jsxs("div", {
+							className: "pt-4",
+							children: [/* @__PURE__ */ jsxs(Button, {
 								variant: "default",
-								className: "flex-1 gap-2 py-2 text-base font-medium",
-								onClick: onAddToCart ? handleAddToCart : void 0,
-								...!onAddToCart && {
-									"data-fluid-add-to-cart": String(currentVariant?.id ?? ""),
-									"data-fluid-quantity": quantity,
-									"data-fluid-subscribe": isSubscribe,
-									"data-fluid-subscription-plan-id": isSubscribe ? selectedSubscriptionPlan?.subscription_plan?.id?.toString() || product.product_subscription_plans?.find((plan) => plan.default)?.subscription_plan.id.toString() || product.product_subscription_plans?.[0]?.subscription_plan.id.toString() || "" : "",
-									"data-fluid-open-cart-after-add": "false"
+								className: "w-full gap-2 py-2 text-base font-medium",
+								disabled: !bundleUrl,
+								onClick: () => {
+									if (bundleUrl) window.open(bundleUrl, "_blank", "noopener,noreferrer");
 								},
-								children: [/* @__PURE__ */ jsx(ShoppingCart, { className: "h-4 w-4" }), isSubscribe ? "Subscribe" : "Add to Cart"]
+								children: [/* @__PURE__ */ jsx(Link, { className: "h-5 w-5" }), companyName ? `Purchase at ${companyName}` : "Purchase Bundle"]
+							}), !bundleUrl && /* @__PURE__ */ jsx("p", {
+								className: "text-muted-foreground mt-2 text-center text-xs",
+								children: "Bundle configuration is unavailable. Please contact support."
 							})]
-						})
+						}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+							/* @__PURE__ */ jsx(PurchaseOptions, {
+								showBuyOnce,
+								showSubscribe,
+								isSubscribe,
+								userSelectedSubscribe,
+								onSubscribeChange: setUserSelectedSubscribe,
+								wholesalePrice: currentVariantCountry?.wholesale,
+								wholesaleSubscriptionPrice: currentVariantCountry?.wholesale_subscription_price,
+								product_subscription_plans: product.product_subscription_plans || [],
+								selectedSubscriptionPlan,
+								onSubscriptionPlanChange: setSelectedSubscriptionPlan
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "text-muted-foreground mb-3 text-sm",
+								children: [
+									"CV ",
+									countryCode && wholesaleCv != null ? wholesaleCv : "-",
+									" | QV ",
+									countryCode && wholesaleQv != null ? wholesaleQv : "-"
+								]
+							}),
+							/* @__PURE__ */ jsx("div", { className: "flex items-center border-t" }),
+							productOptions.length > 0 && /* @__PURE__ */ jsx("div", {
+								className: "mb-4 pt-4",
+								children: productOptions.map((option) => /* @__PURE__ */ jsxs("div", {
+									className: "mb-3 flex items-center",
+									children: [/* @__PURE__ */ jsx("h3", {
+										className: "text-md text-foreground w-24 font-bold",
+										children: option.name.charAt(0).toUpperCase() + option.name.slice(1)
+									}), /* @__PURE__ */ jsxs(Select, {
+										value: effectiveSelectedOptions[option.id] || "",
+										onValueChange: (value) => handleOptionChange(option.id, value),
+										children: [/* @__PURE__ */ jsx(SelectTrigger, {
+											className: "w-48 max-w-full",
+											children: /* @__PURE__ */ jsx(SelectValue, { placeholder: `Select ${option.name}` })
+										}), /* @__PURE__ */ jsx(SelectContent, { children: option.values.map((value) => /* @__PURE__ */ jsx(SelectItem, {
+											value,
+											children: value
+										}, value)) })]
+									})]
+								}, option.id))
+							}),
+							currentVariant?.subscription_only && !currentVariant.allow_subscription && /* @__PURE__ */ jsx("div", {
+								className: "text-muted-foreground text-sm",
+								children: "This product is unavailable for purchase."
+							}),
+							/* @__PURE__ */ jsx("div", { className: "mb-3" }),
+							/* @__PURE__ */ jsxs("div", {
+								className: "flex items-center gap-3 pb-3",
+								children: [/* @__PURE__ */ jsx(QuantitySelector, {
+									quantity,
+									setQuantity
+								}), /* @__PURE__ */ jsxs(Button, {
+									disabled: !currentVariant?.id || currentVariant?.subscription_only && !currentVariant.allow_subscription,
+									variant: "default",
+									className: "flex-1 gap-2 py-2 text-base font-medium",
+									onClick: onAddToCart ? handleAddToCart : void 0,
+									...!onAddToCart && {
+										"data-fluid-add-to-cart": String(currentVariant?.id ?? ""),
+										"data-fluid-quantity": quantity,
+										"data-fluid-subscribe": isSubscribe,
+										"data-fluid-subscription-plan-id": isSubscribe ? selectedSubscriptionPlan?.subscription_plan?.id?.toString() || product.product_subscription_plans?.find((plan) => plan.default)?.subscription_plan.id.toString() || product.product_subscription_plans?.[0]?.subscription_plan.id.toString() || "" : "",
+										"data-fluid-open-cart-after-add": "false"
+									},
+									children: [/* @__PURE__ */ jsx(ShoppingCart, { className: "h-4 w-4" }), isSubscribe ? "Subscribe" : "Add to Cart"]
+								})]
+							})
+						] })
 					]
 				})]
 			})
 		})]
 	});
 }
-function ShopApp({ countryCode, companyLogoUrl, renderImage, onAddToCart, productId: controlledProductId, onSelectProduct: onSelectProductProp, onBack: onBackProp, cartButton }) {
+function ShopApp({ countryCode, companyLogoUrl, renderImage, onAddToCart, productId: controlledProductId, onSelectProduct: onSelectProductProp, onBack: onBackProp, cartButton, companyName }) {
 	const [internalProductId, setInternalProductId] = useState(null);
 	const activeProductId = controlledProductId !== void 0 ? controlledProductId : internalProductId;
 	const handleSelectProduct = onSelectProductProp ?? setInternalProductId;
@@ -1540,7 +1557,8 @@ function ShopApp({ countryCode, companyLogoUrl, renderImage, onAddToCart, produc
 		renderImage,
 		onBack: handleBack,
 		onAddToCart,
-		cartButton
+		cartButton,
+		companyName
 	});
 	return /* @__PURE__ */ jsx(ProductListing, {
 		countryCode,
@@ -1742,7 +1760,8 @@ function ShopScreen({ background, textColor, accentColor, padding, borderRadius,
 					companyLogoUrl: userData?.company?.logo_url,
 					productId,
 					onSelectProduct: (id) => navigate(`shop/${id}`),
-					onBack: () => navigate("shop")
+					onBack: () => navigate("shop"),
+					companyName: userData?.company?.name
 				})
 			})
 		})
@@ -1760,4 +1779,4 @@ const shopScreenPropertySchema = {
 //#endregion
 export { ShopScreen_exports as n, shopScreenPropertySchema as r, ShopScreen as t };
 
-//# sourceMappingURL=ShopScreen-CVxmqfmN.mjs.map
+//# sourceMappingURL=ShopScreen-DdPigYbj.mjs.map