@rebuy/rebuy-hydrogen 3.0.0-beta.17 → 3.0.0-beta.19

package/dist/index.js

@@ -50,7 +50,7 @@ module.exports = __toCommonJS(index_exports);
 
 // src/providers/RebuyHydrogenContextProvider.tsx
 var Utilities2 = __toESM(require("@rebuy/rebuy/utilities"), 1);
-var import_react4 = require("react");
+var import_react5 = require("react");
 var import_react_router = require("react-router");
 
 // src/context/RebuyConfigContext.tsx
@@ -315,9 +315,26 @@ var useRebuyConfig = () => {
 var import_react2 = require("react");
 var RebuyContext = (0, import_react2.createContext)(null);
 
+// src/hooks/useBFCacheReset.ts
+var import_react3 = require("react");
+var useBFCacheReset = () => {
+  const [resetKey, setResetKey] = (0, import_react3.useState)(() => Date.now());
+  (0, import_react3.useEffect)(() => {
+    const handlePageShow = (event) => {
+      if (event.persisted) {
+        console.log("[useBFCacheReset] B/F cache detected, triggering reset");
+        setResetKey(Date.now());
+      }
+    };
+    window.addEventListener("pageshow", handlePageShow);
+    return () => window.removeEventListener("pageshow", handlePageShow);
+  }, []);
+  return resetKey;
+};
+
 // src/smart-cart/context/SmartCartContext.tsx
 var import_lodash_es2 = require("lodash-es");
-var import_react3 = require("react");
+var import_react4 = require("react");
 var import_shallow = require("zustand/react/shallow");
 
 // src/smart-cart/store/tieredProgressBarStore.ts
@@ -2136,7 +2153,7 @@ var mapHydrogenCartToStorefrontCartData = (cartSource, contextParameters) => {
 
 // src/smart-cart/context/SmartCartContext.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
-var SmartCartContext = (0, import_react3.createContext)(null);
+var SmartCartContext = (0, import_react4.createContext)(null);
 var mapStorefrontAttributesToHRAttributes = (attributes) => {
   if (!attributes) return [];
   return attributes.filter((attr) => typeof attr.key === "string" && attr.value !== null).map((attr) => ({
@@ -2154,12 +2171,12 @@ var SmartCartProvider = ({
   shopifyDomain,
   storefrontAccessToken
 }) => {
-  const rebuyContext = (0, import_react3.useContext)(RebuyContext);
-  const [isVisible, setIsVisible] = (0, import_react3.useState)(false);
-  const showCart = (0, import_react3.useCallback)(() => setIsVisible(true), []);
-  const hideCart = (0, import_react3.useCallback)(() => setIsVisible(false), []);
-  const toggleCart = (0, import_react3.useCallback)(() => setIsVisible((prev) => !prev), []);
-  const { contextParameters, isHydrogenReact } = (0, import_react3.useMemo)(() => {
+  const rebuyContext = (0, import_react4.useContext)(RebuyContext);
+  const [isVisible, setIsVisible] = (0, import_react4.useState)(false);
+  const showCart = (0, import_react4.useCallback)(() => setIsVisible(true), []);
+  const hideCart = (0, import_react4.useCallback)(() => setIsVisible(false), []);
+  const toggleCart = (0, import_react4.useCallback)(() => setIsVisible((prev) => !prev), []);
+  const { contextParameters, isHydrogenReact } = (0, import_react4.useMemo)(() => {
     if (!rebuyContext) {
       return { contextParameters: null, isHydrogenReact: false };
     }
@@ -2171,8 +2188,8 @@ var SmartCartProvider = ({
   const hReactActions = contextParameters?.hydrogenReactCartActions;
   const hReactStatus = contextParameters?.hydrogenReactCartStatus;
   const hReactError = contextParameters?.hydrogenReactCartError;
-  const prevCartData = (0, import_react3.useRef)(null);
-  const mappedStorefrontCartData = (0, import_react3.useMemo)(() => {
+  const prevCartData = (0, import_react4.useRef)(null);
+  const mappedStorefrontCartData = (0, import_react4.useMemo)(() => {
     const cartSource = hydrogenCart ?? contextParameters?.hydrogenCart;
     if (!cartSource) {
       rebuyDebugLog.log(
@@ -2198,13 +2215,13 @@ var SmartCartProvider = ({
     prevCartData.current = cartData;
     return cartData;
   }, [hydrogenCart, contextParameters]);
-  const isLoading = (0, import_react3.useMemo)(() => {
+  const isLoading = (0, import_react4.useMemo)(() => {
     if (isHydrogenReact && hReactStatus) {
       return ["fetching", "creating", "updating"].includes(hReactStatus);
     }
     return !rebuyContext || !contextParameters;
   }, [isHydrogenReact, hReactStatus, rebuyContext, contextParameters]);
-  const error = (0, import_react3.useMemo)(() => {
+  const error = (0, import_react4.useMemo)(() => {
     if (isHydrogenReact && hReactError) {
       if (typeof hReactError === "string") return hReactError;
       if (hReactError instanceof Error) return hReactError.message;
@@ -2216,7 +2233,7 @@ var SmartCartProvider = ({
     }
     return null;
   }, [isHydrogenReact, hReactError]);
-  const isCartReady = (0, import_react3.useMemo)(() => !!mappedStorefrontCartData, [mappedStorefrontCartData]);
+  const isCartReady = (0, import_react4.useMemo)(() => !!mappedStorefrontCartData, [mappedStorefrontCartData]);
   const tpbStoreInstance = useTieredProgressBarStore();
   const {
     activeBarConfig,
@@ -2246,23 +2263,23 @@ var SmartCartProvider = ({
     "smart-cart-ctx-tpb-selector" /* SC_CTX_TPB_SELECTOR */,
     `tpbCartSyncStatus: ${tpbCartSyncStatus}, tpbUserActionStatus: ${tpbUserActionStatus}`
   );
-  const isProcessingTPBGifts = (0, import_react3.useMemo)(() => {
+  const isProcessingTPBGifts = (0, import_react4.useMemo)(() => {
     return tpbCartSyncStatus === "syncing" || tpbCartSyncStatus === "awaiting_cart_update" || tpbUserActionStatus === "pending";
   }, [tpbCartSyncStatus, tpbUserActionStatus]);
-  const isCartBusy = (0, import_react3.useMemo)(() => {
+  const isCartBusy = (0, import_react4.useMemo)(() => {
     return isLoading || isProcessingTPBGifts;
   }, [isLoading, isProcessingTPBGifts]);
   rebuyDebugLog.log("smart-cart-ctx" /* SC_CTX */, "isCartBusy state:", isCartBusy);
-  const progressBarSettings = (0, import_react3.useMemo)(() => {
+  const progressBarSettings = (0, import_react4.useMemo)(() => {
     const tpbComponentConfig = config?.components?.find((comp) => comp.type === "tiered_progress_bar");
     return tpbComponentConfig?.settings ?? null;
   }, [config]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (progressBarSettings && isCartReady && shopifyDomain && storefrontAccessToken) {
       tpbInit(progressBarSettings, shopifyDomain, storefrontAccessToken);
     }
   }, [progressBarSettings, isCartReady, shopifyDomain, storefrontAccessToken, tpbInit]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     const currentTpbState = useTieredProgressBarStore.getState();
     const newTpbIsCartReady = isCartReady;
     if (!(0, import_lodash_es2.isEqual)(currentTpbState.cartData, mappedStorefrontCartData) || currentTpbState.isCartReady !== newTpbIsCartReady) {
@@ -2283,7 +2300,7 @@ var SmartCartProvider = ({
     );
     return Promise.resolve(null);
   };
-  const addItems = (0, import_react3.useCallback)(
+  const addItems = (0, import_react4.useCallback)(
     (items) => {
       if (isHydrogenReact && hReactActions?.linesAdd) {
         const linesToAdd = items.map((item) => ({
@@ -2300,7 +2317,7 @@ var SmartCartProvider = ({
     },
     [isHydrogenReact, hReactActions]
   );
-  const addItem = (0, import_react3.useCallback)(
+  const addItem = (0, import_react4.useCallback)(
     (variantId, attributes, quantity = 1) => {
       const mappedAttributes = mapStorefrontAttributesToHRAttributes(attributes);
       const item = {
@@ -2314,7 +2331,7 @@ var SmartCartProvider = ({
     [addItems]
     // Dependency is the refactored addItems
   );
-  const updateItems = (0, import_react3.useCallback)(
+  const updateItems = (0, import_react4.useCallback)(
     (updates) => {
       if (isHydrogenReact && hReactActions?.linesUpdate) {
         const linesToUpdate = updates.map((update) => ({
@@ -2332,7 +2349,7 @@ var SmartCartProvider = ({
     },
     [isHydrogenReact, hReactActions]
   );
-  const updateItem = (0, import_react3.useCallback)(
+  const updateItem = (0, import_react4.useCallback)(
     (lineId, updates) => {
       const updatePayload = {
         id: lineId,
@@ -2342,7 +2359,7 @@ var SmartCartProvider = ({
     },
     [updateItems]
   );
-  const removeItems = (0, import_react3.useCallback)(
+  const removeItems = (0, import_react4.useCallback)(
     (lineIds) => {
       if (isHydrogenReact && hReactActions?.linesRemove) {
         rebuyDebugLog.log("smart-cart-ctx-h-react" /* SC_CTX_H_REACT */, "Dispatching H-React linesRemove:", lineIds);
@@ -2353,8 +2370,8 @@ var SmartCartProvider = ({
     },
     [isHydrogenReact, hReactActions]
   );
-  const removeItem = (0, import_react3.useCallback)((lineId) => removeItems([lineId]), [removeItems]);
-  const applyDiscountCodes = (0, import_react3.useCallback)(
+  const removeItem = (0, import_react4.useCallback)((lineId) => removeItems([lineId]), [removeItems]);
+  const applyDiscountCodes = (0, import_react4.useCallback)(
     (codes) => {
       if (isHydrogenReact && hReactActions?.discountCodesUpdate) {
         rebuyDebugLog.log("smart-cart-ctx-h-react" /* SC_CTX_H_REACT */, "Dispatching H-React discountCodesUpdate:", codes);
@@ -2365,7 +2382,7 @@ var SmartCartProvider = ({
     },
     [isHydrogenReact, hReactActions]
   );
-  const updateCartAttributes = (0, import_react3.useCallback)(
+  const updateCartAttributes = (0, import_react4.useCallback)(
     (attributes) => {
       if (isHydrogenReact && hReactActions?.cartAttributesUpdate) {
         const attrsToUpdate = mapStorefrontAttributesToHRAttributes(attributes);
@@ -2377,7 +2394,7 @@ var SmartCartProvider = ({
     },
     [isHydrogenReact, hReactActions]
   );
-  const updateCartNote = (0, import_react3.useCallback)(
+  const updateCartNote = (0, import_react4.useCallback)(
     (note) => {
       if (isHydrogenReact && hReactActions?.noteUpdate) {
         const noteToUpdate = note ?? "";
@@ -2389,7 +2406,7 @@ var SmartCartProvider = ({
     },
     [isHydrogenReact, hReactActions]
   );
-  const checkout = (0, import_react3.useCallback)(() => {
+  const checkout = (0, import_react4.useCallback)(() => {
     const checkoutUrl = mappedStorefrontCartData?.checkoutUrl;
     if (checkoutUrl) {
       window.location.href = checkoutUrl;
@@ -2401,7 +2418,7 @@ var SmartCartProvider = ({
       );
     }
   }, [mappedStorefrontCartData]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     const conditions = {
       activeBarConfigPresent: !!activeBarConfig,
       cartDataIsEqual: (0, import_lodash_es2.isEqual)(tpbInternalCartData, mappedStorefrontCartData),
@@ -2438,20 +2455,20 @@ var SmartCartProvider = ({
     tpbSyncCartGifts,
     mappedStorefrontCartData
   ]);
-  const getItemCount = (0, import_react3.useCallback)(() => mappedStorefrontCartData?.totalQuantity ?? 0, [mappedStorefrontCartData]);
-  const getCartSubtotal = (0, import_react3.useCallback)(
+  const getItemCount = (0, import_react4.useCallback)(() => mappedStorefrontCartData?.totalQuantity ?? 0, [mappedStorefrontCartData]);
+  const getCartSubtotal = (0, import_react4.useCallback)(
     () => mappedStorefrontCartData?.cost?.subtotalAmount?.amount ?? "0.00",
     [mappedStorefrontCartData]
   );
-  const getComponentConfigByType = (0, import_react3.useCallback)(
+  const getComponentConfigByType = (0, import_react4.useCallback)(
     (type) => config?.components?.find((comp) => comp.type === type),
     [config?.components]
   );
-  const getComponentConfigById = (0, import_react3.useCallback)(
+  const getComponentConfigById = (0, import_react4.useCallback)(
     (id) => config?.components?.find((comp) => comp.component_id === id),
     [config?.components]
   );
-  const combinedValue = (0, import_react3.useMemo)(
+  const combinedValue = (0, import_react4.useMemo)(
     () => ({
       addItem,
       addItems,
@@ -2525,7 +2542,7 @@ var SmartCartProvider = ({
 };
 var warningLogged = false;
 var useSmartCart = () => {
-  const context = (0, import_react3.useContext)(SmartCartContext);
+  const context = (0, import_react4.useContext)(SmartCartContext);
   if (context === void 0 || context === null) {
     if (!warningLogged) {
       console.warn(
@@ -2776,6 +2793,7 @@ var RebuyHydrogenContext = ({
   shop,
   sourceHydrogenCart
 }) => {
+  const resetKey = useBFCacheReset();
   const {
     apiKey,
     fetchError: configFetchError,
@@ -2784,11 +2802,11 @@ var RebuyHydrogenContext = ({
     shopDomain: configShopDomain,
     smartCartConfig
   } = useRebuyConfig();
-  const warningLogged2 = (0, import_react4.useRef)(false);
+  const warningLogged2 = (0, import_react5.useRef)(false);
   const location = (0, import_react_router.useLocation)();
   const queryObject = Utilities2.queryStringToObject(location.search);
   const windowUrl = `${shop}${location.pathname}${location.search}`;
-  const contextParameters = (0, import_react4.useMemo)(
+  const contextParameters = (0, import_react5.useMemo)(
     () => createContextParameters({
       cacheKey: rebuyConfig?.shop?.cache_key,
       isHydrogenReact: false,
@@ -2798,8 +2816,8 @@ var RebuyHydrogenContext = ({
     }),
     [rebuyConfig?.shop?.cache_key, windowUrl, queryObject, sourceHydrogenCart]
   );
-  const defaultContextValue = (0, import_react4.useMemo)(() => null, []);
-  const contextValue = (0, import_react4.useMemo)(
+  const defaultContextValue = (0, import_react5.useMemo)(() => null, []);
+  const contextValue = (0, import_react5.useMemo)(
     () => configLoadingStatus === "success" && rebuyConfig ? { contextParameters } : defaultContextValue,
     [configLoadingStatus, rebuyConfig, contextParameters, defaultContextValue]
   );
@@ -2817,7 +2835,8 @@ var RebuyHydrogenContext = ({
       shopifyDomain: shopifyDomainForSmartCart,
       storefrontAccessToken,
       children
-    }
+    },
+    `smart-cart-${resetKey}`
   ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
     enableSmartCart && !hasAllSmartCartPrerequisites && !warningLogged2.current && (() => {
       console.warn(
@@ -2875,7 +2894,7 @@ var RebuyHydrogenContextProvider = ({
 // src/providers/RebuyHydrogenReactContextProvider.tsx
 var Utilities3 = __toESM(require("@rebuy/rebuy/utilities"), 1);
 var import_hydrogen_react = require("@shopify/hydrogen-react");
-var import_react5 = require("react");
+var import_react6 = require("react");
 var import_react_router2 = require("react-router");
 
 // src/queries/cart.queries.ts
@@ -3419,6 +3438,7 @@ var RebuyHydrogenReactContext = ({
   publicPrimaryDomain,
   publicStorefrontToken
 }) => {
+  const resetKey = useBFCacheReset();
   const {
     apiKey,
     fetchError: configFetchError,
@@ -3426,7 +3446,7 @@ var RebuyHydrogenReactContext = ({
     rebuyConfig,
     shopDomain: configShopDomain
   } = useRebuyConfig();
-  const warningLogged2 = (0, import_react5.useRef)(false);
+  const warningLogged2 = (0, import_react6.useRef)(false);
   const location = (0, import_react_router2.useLocation)();
   const queryObject = Utilities3.queryStringToObject(location.search);
   const windowUrl = publicPrimaryDomain ? `${publicPrimaryDomain}${location.pathname}${location.search}` : "";
@@ -3442,7 +3462,7 @@ var RebuyHydrogenReactContext = ({
     status: hydrogenReactCartStatus,
     ...hydrogenReactCartData
   } = (0, import_hydrogen_react.useCart)();
-  const hydrogenReactCartActions = (0, import_react5.useMemo)(
+  const hydrogenReactCartActions = (0, import_react6.useMemo)(
     () => ({
       cartAttributesUpdate,
       cartCreate,
@@ -3454,7 +3474,7 @@ var RebuyHydrogenReactContext = ({
     }),
     [cartAttributesUpdate, cartCreate, discountCodesUpdate, linesAdd, linesRemove, linesUpdate, noteUpdate]
   );
-  const contextParameters = (0, import_react5.useMemo)(() => {
+  const contextParameters = (0, import_react6.useMemo)(() => {
     const propsForParamCreation = {
       cacheKey: rebuyConfig?.shop?.cache_key,
       hydrogenReactCartActions,
@@ -3476,8 +3496,8 @@ var RebuyHydrogenReactContext = ({
     hydrogenReactCartStatus,
     hydrogenReactCartError
   ]);
-  const defaultContextValue = (0, import_react5.useMemo)(() => ({ contextParameters: {} }), []);
-  const rebuyContextValue = (0, import_react5.useMemo)(
+  const defaultContextValue = (0, import_react6.useMemo)(() => ({ contextParameters: {} }), []);
+  const rebuyContextValue = (0, import_react6.useMemo)(
     () => configLoadingStatus === "success" && rebuyConfig ? { contextParameters } : defaultContextValue,
     [configLoadingStatus, rebuyConfig, contextParameters, defaultContextValue]
   );
@@ -3486,7 +3506,7 @@ var RebuyHydrogenReactContext = ({
   const shopifyDomainForSmartCart = configShopDomain || rebuyConfig?.shop?.domain || "";
   const storefrontAccessToken = publicStorefrontToken || rebuyConfig?.shop?.storefront_access_token || "";
   const hasAllSmartCartPrerequisites = enableSmartCart && configLoadingStatus === "success" && !!rebuyConfig && !!(smartCartConfig && apiKey && shopifyDomainForSmartCart && storefrontAccessToken);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (configLoadingStatus === "loading") return;
     const smartCartDetails = enableSmartCart ? {
       hasAllSmartCartPrerequisites,
@@ -3523,7 +3543,8 @@ var RebuyHydrogenReactContext = ({
       shopifyDomain: shopifyDomainForSmartCart,
       storefrontAccessToken,
       children
-    }
+    },
+    `smart-cart-react-${resetKey}`
   ) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
     enableSmartCart && !hasAllSmartCartPrerequisites && !warningLogged2.current && (() => {
       console.warn(
@@ -3576,7 +3597,7 @@ var RebuyHydrogenReactContextProvider = ({
   publicStorefrontToken,
   storefrontApiVersion = "2025-01"
 }) => {
-  const adaptedCallbacks = (0, import_react5.useMemo)(
+  const adaptedCallbacks = (0, import_react6.useMemo)(
     () => ({
       onAttributesUpdate: onAttributesUpdate ? () => onAttributesUpdate() : void 0,
       onAttributesUpdateComplete: onAttributesUpdateComplete ? () => onAttributesUpdateComplete() : void 0,
@@ -3662,14 +3683,14 @@ var RebuyHydrogenReactContextProvider = ({
 
 // src/smart-cart/components/SmartCartContainer/SmartCartContainer.tsx
 var import_clsx13 = __toESM(require("clsx"), 1);
-var import_react32 = __toESM(require("react"), 1);
+var import_react33 = __toESM(require("react"), 1);
 
 // src/smart-cart/components/_Layouts/AnchorSlot.tsx
-var import_react28 = require("react");
+var import_react29 = require("react");
 
 // src/smart-cart/components/AnnouncementBar/AnnouncementBar.tsx
 var import_dompurify = __toESM(require("dompurify"), 1);
-var import_react6 = __toESM(require("react"), 1);
+var import_react7 = __toESM(require("react"), 1);
 
 // src/smart-cart/components/ScreenReaderText/ScreenReaderText.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
@@ -3683,17 +3704,17 @@ var AnnouncementBar_default = result;
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var AUTOPLAY_INTERVAL = 5e3;
 var DRAG_THRESHOLD = 50;
-var AnnouncementBar = import_react6.default.memo(({ componentConfig }) => {
+var AnnouncementBar = import_react7.default.memo(({ componentConfig }) => {
   const { isVisible } = useSmartCart();
-  const [currentSlideIndex, setCurrentSlideIndex] = (0, import_react6.useState)(0);
-  const [isPaused, setIsPaused] = (0, import_react6.useState)(false);
-  const [isFocused, setIsFocused] = (0, import_react6.useState)(false);
-  const intervalRef = (0, import_react6.useRef)(null);
-  const containerRef = (0, import_react6.useRef)(null);
-  const [isDragging, setIsDragging] = (0, import_react6.useState)(false);
-  const [startX, setStartX] = (0, import_react6.useState)(0);
-  const [dragOffset, setDragOffset] = (0, import_react6.useState)(0);
-  const sanitizedMessages = (0, import_react6.useMemo)(() => {
+  const [currentSlideIndex, setCurrentSlideIndex] = (0, import_react7.useState)(0);
+  const [isPaused, setIsPaused] = (0, import_react7.useState)(false);
+  const [isFocused, setIsFocused] = (0, import_react7.useState)(false);
+  const intervalRef = (0, import_react7.useRef)(null);
+  const containerRef = (0, import_react7.useRef)(null);
+  const [isDragging, setIsDragging] = (0, import_react7.useState)(false);
+  const [startX, setStartX] = (0, import_react7.useState)(0);
+  const [dragOffset, setDragOffset] = (0, import_react7.useState)(0);
+  const sanitizedMessages = (0, import_react7.useMemo)(() => {
     const settings = componentConfig?.settings;
     const rawMessages = settings?.messages ?? [];
     if (!Array.isArray(rawMessages)) {
@@ -3704,13 +3725,13 @@ var AnnouncementBar = import_react6.default.memo(({ componentConfig }) => {
   }, [componentConfig]);
   const messageCount = sanitizedMessages.length;
   const isCarousel = messageCount >= 2;
-  const clearTimer = (0, import_react6.useCallback)(() => {
+  const clearTimer = (0, import_react7.useCallback)(() => {
     if (intervalRef.current) {
       clearInterval(intervalRef.current);
       intervalRef.current = null;
     }
   }, []);
-  const startTimer = (0, import_react6.useCallback)(() => {
+  const startTimer = (0, import_react7.useCallback)(() => {
     clearTimer();
     if (!isPaused && isVisible && isCarousel && !isFocused && !isDragging) {
       intervalRef.current = setInterval(() => {
@@ -3718,17 +3739,17 @@ var AnnouncementBar = import_react6.default.memo(({ componentConfig }) => {
       }, AUTOPLAY_INTERVAL);
     }
   }, [clearTimer, isPaused, isVisible, isCarousel, messageCount, isFocused, isDragging]);
-  const goToSlide = (0, import_react6.useCallback)(
+  const goToSlide = (0, import_react7.useCallback)(
     (index) => {
       setCurrentSlideIndex((index + messageCount) % messageCount);
     },
     [messageCount]
   );
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     startTimer();
     return clearTimer;
   }, [startTimer, isPaused, isVisible, isFocused]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (!isVisible) {
       setCurrentSlideIndex(0);
       setIsPaused(false);
@@ -3864,7 +3885,7 @@ AnnouncementBar.displayName = "AnnouncementBar";
 
 // src/smart-cart/components/CartItem/CartItem.tsx
 var import_clsx = __toESM(require("clsx"), 1);
-var import_react8 = require("react");
+var import_react9 = require("react");
 var import_react_router4 = require("react-router");
 
 // src/components/RebuyLink/RebuyLink.tsx
@@ -3875,7 +3896,7 @@ var RebuyLink = ({ ariaLabel, children, className, handle, onClick, role = "link
 };
 
 // src/smart-cart/hooks/useCartItemFeatures.ts
-var import_react7 = require("react");
+var import_react8 = require("react");
 
 // src/smart-cart/utils/imageUtils.ts
 var sizeImage = (src, size) => {
@@ -3904,107 +3925,107 @@ var mapCartAttributes = (attributes) => {
   }));
 };
 var useCartItemFeatures = ({ config, line }) => {
-  const [isBundleExpanded, setIsBundleExpanded] = (0, import_react7.useState)(false);
-  const productTitle = (0, import_react7.useMemo)(() => line.merchandise.product.title, [line.merchandise.product.title]);
-  const variantTitle = (0, import_react7.useMemo)(
+  const [isBundleExpanded, setIsBundleExpanded] = (0, import_react8.useState)(false);
+  const productTitle = (0, import_react8.useMemo)(() => line.merchandise.product.title, [line.merchandise.product.title]);
+  const variantTitle = (0, import_react8.useMemo)(
     () => line.merchandise.title !== "Default Title" ? line.merchandise.title : null,
     [line.merchandise.title]
   );
-  const itemUrl = (0, import_react7.useMemo)(() => getItemURL(line), [line]);
-  const imageAltText = (0, import_react7.useMemo)(() => getItemImageAlt(line), [line]);
-  const imageUrl = (0, import_react7.useMemo)(() => sizeImage(line.merchandise.image?.url, "120x120"), [line.merchandise.image?.url]);
-  const linkLabel = (0, import_react7.useMemo)(() => getItemLinkLabel(line), [line]);
-  const tagCssClasses = (0, import_react7.useMemo)(() => getItemProductTagsClasses(line), [line]);
-  const attributeCssClasses = (0, import_react7.useMemo)(() => getItemAttributeClasses(line), [line]);
-  const baseCssClasses = (0, import_react7.useMemo)(
+  const itemUrl = (0, import_react8.useMemo)(() => getItemURL(line), [line]);
+  const imageAltText = (0, import_react8.useMemo)(() => getItemImageAlt(line), [line]);
+  const imageUrl = (0, import_react8.useMemo)(() => sizeImage(line.merchandise.image?.url, "120x120"), [line.merchandise.image?.url]);
+  const linkLabel = (0, import_react8.useMemo)(() => getItemLinkLabel(line), [line]);
+  const tagCssClasses = (0, import_react8.useMemo)(() => getItemProductTagsClasses(line), [line]);
+  const attributeCssClasses = (0, import_react8.useMemo)(() => getItemAttributeClasses(line), [line]);
+  const baseCssClasses = (0, import_react8.useMemo)(
     () => `product-${line.merchandise.product.handle}`,
     [line.merchandise.product.handle]
   );
-  const pricing = (0, import_react7.useMemo)(() => calculatePricingData(line), [line]);
-  const deliveryFrequency = (0, import_react7.useMemo)(() => getItemDeliveryFrequency(line), [line]);
-  const standardProperties = (0, import_react7.useMemo)(() => getVisibleItemProperties(line), [line]);
-  const discountProperties = (0, import_react7.useMemo)(() => getDiscountProperties(line), [line]);
-  const allVisibleProperties = (0, import_react7.useMemo)(
+  const pricing = (0, import_react8.useMemo)(() => calculatePricingData(line), [line]);
+  const deliveryFrequency = (0, import_react8.useMemo)(() => getItemDeliveryFrequency(line), [line]);
+  const standardProperties = (0, import_react8.useMemo)(() => getVisibleItemProperties(line), [line]);
+  const discountProperties = (0, import_react8.useMemo)(() => getDiscountProperties(line), [line]);
+  const allVisibleProperties = (0, import_react8.useMemo)(
     () => [...standardProperties, ...discountProperties],
     [standardProperties, discountProperties]
   );
-  const hasVisibleProperties = (0, import_react7.useMemo)(
+  const hasVisibleProperties = (0, import_react8.useMemo)(
     () => allVisibleProperties.length > 0 || !!deliveryFrequency,
     [allVisibleProperties, deliveryFrequency]
   );
-  const isBundleParent = (0, import_react7.useMemo)(() => itemIsBundle(line), [line]);
-  const bundleItemCount = (0, import_react7.useMemo)(() => isBundleParent ? getItemBundleLength(line) : 0, [isBundleParent, line]);
-  const shouldHideBundleOptions = (0, import_react7.useMemo)(() => isBundleParent && hideBundleOptions(line), [isBundleParent, line]);
-  const showBundleToggle = (0, import_react7.useMemo)(
+  const isBundleParent = (0, import_react8.useMemo)(() => itemIsBundle(line), [line]);
+  const bundleItemCount = (0, import_react8.useMemo)(() => isBundleParent ? getItemBundleLength(line) : 0, [isBundleParent, line]);
+  const shouldHideBundleOptions = (0, import_react8.useMemo)(() => isBundleParent && hideBundleOptions(line), [isBundleParent, line]);
+  const showBundleToggle = (0, import_react8.useMemo)(
     () => isBundleParent && !shouldHideBundleOptions && bundleItemCount > 0,
     [isBundleParent, shouldHideBundleOptions, bundleItemCount]
   );
-  const shouldHideQuantitySelector = (0, import_react7.useMemo)(() => {
+  const shouldHideQuantitySelector = (0, import_react8.useMemo)(() => {
     if (isTieredProgressBarGiftItem(line)) return true;
     if (isCartItemHiddenByStandardLogic(line)) return true;
     return false;
   }, [line]);
-  const isBmsmGloballyEnabled = (0, import_react7.useMemo)(() => isBMSMEnabled(config), [config]);
-  const isBmsmEligible = (0, import_react7.useMemo)(
+  const isBmsmGloballyEnabled = (0, import_react8.useMemo)(() => isBMSMEnabled(config), [config]);
+  const isBmsmEligible = (0, import_react8.useMemo)(
     () => isBmsmGloballyEnabled && itemHasBMSM(line, config),
     [isBmsmGloballyEnabled, line, config]
   );
-  const bmsmNotAtFinalTier = (0, import_react7.useMemo)(
+  const bmsmNotAtFinalTier = (0, import_react8.useMemo)(
     () => isBmsmEligible && bMSMFinalTierNotReached(line, config),
     [isBmsmEligible, line, config]
   );
-  const isBmsmEnabledAndApplicable = (0, import_react7.useMemo)(
+  const isBmsmEnabledAndApplicable = (0, import_react8.useMemo)(
     () => isBmsmEligible && bmsmNotAtFinalTier,
     [isBmsmEligible, bmsmNotAtFinalTier]
   );
-  const isBmsmButtonMode = (0, import_react7.useMemo)(
+  const isBmsmButtonMode = (0, import_react8.useMemo)(
     () => isBmsmEnabledAndApplicable && hasBMSMButtons(config),
     [isBmsmEnabledAndApplicable, config]
   );
-  const bmsmTiers = (0, import_react7.useMemo)(
+  const bmsmTiers = (0, import_react8.useMemo)(
     () => isBmsmEnabledAndApplicable ? getBMSMTiers(config) : [],
     [isBmsmEnabledAndApplicable, config]
   );
-  const bmsmNextApplicableTiers = (0, import_react7.useMemo)(
+  const bmsmNextApplicableTiers = (0, import_react8.useMemo)(
     () => isBmsmButtonMode ? bmsmTiers.filter((tier) => tier.quantity && tier.quantity > line.quantity).sort((a, b) => (a.quantity ?? 0) - (b.quantity ?? 0)) : [],
     [isBmsmButtonMode, bmsmTiers, line.quantity]
   );
-  const bmsmDynamicText = (0, import_react7.useMemo)(
+  const bmsmDynamicText = (0, import_react8.useMemo)(
     () => isBmsmEnabledAndApplicable && !isBmsmButtonMode ? buyMoreSaveMoreDynamicText(line, config) : "",
     [isBmsmEnabledAndApplicable, isBmsmButtonMode, line, config]
   );
-  const isStsGloballyEnabled = (0, import_react7.useMemo)(() => config?.switch_to_subscription_enabled ?? false, [config]);
-  const productHasSellingPlans = (0, import_react7.useMemo)(
+  const isStsGloballyEnabled = (0, import_react8.useMemo)(() => config?.switch_to_subscription_enabled ?? false, [config]);
+  const productHasSellingPlans = (0, import_react8.useMemo)(
     () => (line.merchandise.product.sellingPlanGroups?.edges ?? []).length > 0,
     [line.merchandise.product.sellingPlanGroups]
   );
-  const isStsEligible = (0, import_react7.useMemo)(
+  const isStsEligible = (0, import_react8.useMemo)(
     () => isStsGloballyEnabled && productHasSellingPlans,
     [isStsGloballyEnabled, productHasSellingPlans]
   );
-  const isCurrentlySubscription = (0, import_react7.useMemo)(() => !!line.sellingPlanAllocation, [line.sellingPlanAllocation]);
-  const productRequiresSellingPlan = (0, import_react7.useMemo)(
+  const isCurrentlySubscription = (0, import_react8.useMemo)(() => !!line.sellingPlanAllocation, [line.sellingPlanAllocation]);
+  const productRequiresSellingPlan = (0, import_react8.useMemo)(
     () => line.merchandise.product.requiresSellingPlan ?? false,
     [line.merchandise.product]
   );
-  const downgradeGloballyAllowed = (0, import_react7.useMemo)(
+  const downgradeGloballyAllowed = (0, import_react8.useMemo)(
     () => !(config?.switch_to_subscription?.disable_downgrade ?? false),
     [config?.switch_to_subscription?.disable_downgrade]
   );
-  const canStsDowngrade = (0, import_react7.useMemo)(
+  const canStsDowngrade = (0, import_react8.useMemo)(
     () => isStsEligible && downgradeGloballyAllowed && !productRequiresSellingPlan,
     [isStsEligible, downgradeGloballyAllowed, productRequiresSellingPlan]
   );
-  const stsAvailableFrequencies = (0, import_react7.useMemo)(() => getAvailableSellingPlans(line), [line]);
-  const defaultSellingPlanDiscountPercent = (0, import_react7.useMemo)(
+  const stsAvailableFrequencies = (0, import_react8.useMemo)(() => getAvailableSellingPlans(line), [line]);
+  const defaultSellingPlanDiscountPercent = (0, import_react8.useMemo)(
     () => calculateDefaultSellingPlanDiscount(stsAvailableFrequencies, line),
     [stsAvailableFrequencies, line]
   );
-  const isStsEnabledAndApplicable = (0, import_react7.useMemo)(
+  const isStsEnabledAndApplicable = (0, import_react8.useMemo)(
     () => isStsEligible && (canStsDowngrade || stsAvailableFrequencies.length > 1 || !isCurrentlySubscription && stsAvailableFrequencies.length > 0),
     [isStsEligible, canStsDowngrade, stsAvailableFrequencies.length, isCurrentlySubscription]
   );
-  const getStsLabel = (0, import_react7.useCallback)(
+  const getStsLabel = (0, import_react8.useCallback)(
     // This remains as it's for UI text
     (key, fallback) => {
       const labelTemplate = config?.switch_to_subscription?.language?.[key] ?? fallback ?? key.toString();
@@ -4016,7 +4037,7 @@ var useCartItemFeatures = ({ config, line }) => {
     },
     [config?.switch_to_subscription?.language, defaultSellingPlanDiscountPercent]
   );
-  const prepareDecreaseQuantity = (0, import_react7.useCallback)(() => {
+  const prepareDecreaseQuantity = (0, import_react8.useCallback)(() => {
     const newQuantity = line.quantity - 1;
     if (newQuantity <= 0) {
       rebuyDebugLog.log("smart-cart-cart-item-features" /* SC_CART_ITEM_FEATURES */, `Preparing remove for ${line.id} (qty became 0).`);
@@ -4048,7 +4069,7 @@ var useCartItemFeatures = ({ config, line }) => {
     rebuyDebugLog.log("smart-cart-cart-item-features" /* SC_CART_ITEM_FEATURES */, `Preparing decrease qty for ${line.id} to ${newQuantity}.`);
     return { attributes: finalAttributesInput, lineId: line.id, quantity: newQuantity };
   }, [line, config]);
-  const prepareIncreaseQuantity = (0, import_react7.useCallback)(() => {
+  const prepareIncreaseQuantity = (0, import_react8.useCallback)(() => {
     const newQuantity = line.quantity + 1;
     let finalAttributes = void 0;
     const currentAttributes = line.attributes;
@@ -4073,11 +4094,11 @@ var useCartItemFeatures = ({ config, line }) => {
     rebuyDebugLog.log("smart-cart-cart-item-features" /* SC_CART_ITEM_FEATURES */, `Preparing increase qty for ${line.id} to ${newQuantity}.`);
     return { attributes: finalAttributesInput, lineId: line.id, quantity: newQuantity };
   }, [line, config]);
-  const prepareRemoveItem = (0, import_react7.useCallback)(() => {
+  const prepareRemoveItem = (0, import_react8.useCallback)(() => {
     rebuyDebugLog.log("smart-cart-cart-item-features" /* SC_CART_ITEM_FEATURES */, `Preparing remove for ${line.id}.`);
     return { lineId: line.id };
   }, [line.id]);
-  const prepareAdjustBMSMQuantity = (0, import_react7.useCallback)(
+  const prepareAdjustBMSMQuantity = (0, import_react8.useCallback)(
     (tierQuantity) => {
       if (tierQuantity === line.quantity) return null;
       const currentAttributes = line.attributes;
@@ -4098,10 +4119,10 @@ var useCartItemFeatures = ({ config, line }) => {
     },
     [line]
   );
-  const toggleBundle = (0, import_react7.useCallback)(() => {
+  const toggleBundle = (0, import_react8.useCallback)(() => {
     setIsBundleExpanded((prev) => !prev);
   }, []);
-  const prepareSubscriptionSwitch = (0, import_react7.useCallback)(
+  const prepareSubscriptionSwitch = (0, import_react8.useCallback)(
     (targetSellingPlanId) => {
       const currentAttributes = line.attributes;
       let finalAttributesArray = void 0;
@@ -4148,7 +4169,7 @@ var useCartItemFeatures = ({ config, line }) => {
     },
     [line, isCurrentlySubscription]
   );
-  return (0, import_react7.useMemo)(
+  return (0, import_react8.useMemo)(
     () => ({
       actions: {
         prepareAdjustBMSMQuantity,
@@ -4297,12 +4318,12 @@ var Spinner = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("
 var CartItem = ({ line }) => {
   const { config, isCartBusy, isHydrogenReact, removeItem, updateItem } = useSmartCart();
   const itemFetcher = (0, import_react_router4.useFetcher)();
-  const [isIncreasing, setIsIncreasing] = (0, import_react8.useState)(false);
-  const [isDecreasing, setIsDecreasing] = (0, import_react8.useState)(false);
-  const [isRemoving, setIsRemoving] = (0, import_react8.useState)(false);
-  const [isAdjustingBMSM, setIsAdjustingBMSM] = (0, import_react8.useState)(false);
-  const [isSwitchingSubscription, setIsSwitchingSubscription] = (0, import_react8.useState)(false);
-  const [switchingDirection, setSwitchingDirection] = (0, import_react8.useState)(null);
+  const [isIncreasing, setIsIncreasing] = (0, import_react9.useState)(false);
+  const [isDecreasing, setIsDecreasing] = (0, import_react9.useState)(false);
+  const [isRemoving, setIsRemoving] = (0, import_react9.useState)(false);
+  const [isAdjustingBMSM, setIsAdjustingBMSM] = (0, import_react9.useState)(false);
+  const [isSwitchingSubscription, setIsSwitchingSubscription] = (0, import_react9.useState)(false);
+  const [switchingDirection, setSwitchingDirection] = (0, import_react9.useState)(null);
   const { toggleCart } = useSmartCart();
   const {
     actions: itemActionsLogic,
@@ -4315,7 +4336,7 @@ var CartItem = ({ line }) => {
     shouldHideQuantitySelector,
     sts
   } = useCartItemFeatures({ config, line });
-  const isLoadingCombined = (0, import_react8.useMemo)(() => {
+  const isLoadingCombined = (0, import_react9.useMemo)(() => {
     if (isCartBusy) {
       return true;
     }
@@ -4343,7 +4364,7 @@ var CartItem = ({ line }) => {
     meta.attributeCssClasses,
     { [CartItem_default["rebuy-cart-item--updating"]]: isLoadingCombined }
   );
-  const handleDecreaseQuantity = (0, import_react8.useCallback)(() => {
+  const handleDecreaseQuantity = (0, import_react9.useCallback)(() => {
     if (isLoadingCombined) return;
     const payload = itemActionsLogic.prepareDecreaseQuantity();
     setIsDecreasing(true);
@@ -4377,7 +4398,7 @@ var CartItem = ({ line }) => {
       }
     }
   }, [isLoadingCombined, itemActionsLogic, isHydrogenReact, updateItem, removeItem, itemFetcher]);
-  const handleIncreaseQuantity = (0, import_react8.useCallback)(() => {
+  const handleIncreaseQuantity = (0, import_react9.useCallback)(() => {
     if (isLoadingCombined) return;
     setIsIncreasing(true);
     const payload = itemActionsLogic.prepareIncreaseQuantity();
@@ -4395,7 +4416,7 @@ var CartItem = ({ line }) => {
       );
     }
   }, [isLoadingCombined, itemActionsLogic, isHydrogenReact, updateItem, itemFetcher]);
-  const handleRemoveItem = (0, import_react8.useCallback)(() => {
+  const handleRemoveItem = (0, import_react9.useCallback)(() => {
     if (isLoadingCombined) return;
     setIsRemoving(true);
     const payload = itemActionsLogic.prepareRemoveItem();
@@ -4411,7 +4432,7 @@ var CartItem = ({ line }) => {
       );
     }
   }, [isLoadingCombined, itemActionsLogic, isHydrogenReact, removeItem, itemFetcher]);
-  const handleAdjustBMSMQuantity = (0, import_react8.useCallback)(
+  const handleAdjustBMSMQuantity = (0, import_react9.useCallback)(
     (tierQuantity) => {
       if (isLoadingCombined) return;
       const payload = itemActionsLogic.prepareAdjustBMSMQuantity(tierQuantity);
@@ -4433,7 +4454,7 @@ var CartItem = ({ line }) => {
     },
     [isLoadingCombined, itemActionsLogic, isHydrogenReact, updateItem, itemFetcher]
   );
-  const handleSwitchSubscriptionChange = (0, import_react8.useCallback)(
+  const handleSwitchSubscriptionChange = (0, import_react9.useCallback)(
     (event) => {
       if (isLoadingCombined) return;
       const targetValue = event.target.value;
@@ -4465,7 +4486,7 @@ var CartItem = ({ line }) => {
     },
     [isLoadingCombined, itemActionsLogic, isHydrogenReact, updateItem, itemFetcher, sts.isCurrentlySubscription]
   );
-  const handleUpgradeToSubscriptionClick = (0, import_react8.useCallback)(() => {
+  const handleUpgradeToSubscriptionClick = (0, import_react9.useCallback)(() => {
     if (isLoadingCombined || sts.isCurrentlySubscription || sts.availableFrequencies.length === 0) return;
     const defaultFrequencyId = sts.availableFrequencies[0].id;
     if (!defaultFrequencyId) return;
@@ -4500,7 +4521,7 @@ var CartItem = ({ line }) => {
     sts.isCurrentlySubscription,
     sts.availableFrequencies
   ]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     const resetLocalSpinners = () => {
       setIsIncreasing(false);
       setIsDecreasing(false);
@@ -4801,7 +4822,7 @@ var CartItemList = ({ componentConfig }) => {
 
 // src/smart-cart/components/CartNoteInput/CartNoteInput.tsx
 var import_clsx2 = __toESM(require("clsx"), 1);
-var import_react9 = __toESM(require("react"), 1);
+var import_react10 = __toESM(require("react"), 1);
 var import_react_router5 = require("react-router");
 
 // src/smart-cart/components/CartNoteInput/CartNoteInput.module.css
@@ -4810,7 +4831,7 @@ var CartNoteInput_default = result5;
 
 // src/smart-cart/components/CartNoteInput/CartNoteInput.tsx
 var import_jsx_runtime13 = require("react/jsx-runtime");
-var CartNoteInput = import_react9.default.memo(({ componentConfig }) => {
+var CartNoteInput = import_react10.default.memo(({ componentConfig }) => {
   const {
     cartData,
     getItemCount,
@@ -4819,27 +4840,27 @@ var CartNoteInput = import_react9.default.memo(({ componentConfig }) => {
     updateCartNote: hrUpdateCartNote
   } = useSmartCart();
   const noteFetcher = (0, import_react_router5.useFetcher)();
-  const textareaRef = (0, import_react9.useRef)(null);
-  const isTextareaFocusedRef = (0, import_react9.useRef)(false);
+  const textareaRef = (0, import_react10.useRef)(null);
+  const isTextareaFocusedRef = (0, import_react10.useRef)(false);
   const settings = componentConfig.settings || {};
   const label = settings?.language?.notes_label ?? "Add a note (optional)";
   const placeholder = settings?.language?.notes_placeholder ?? "Your notes...";
   const limitChars = settings?.limit_characters ?? true;
   const maxLength = settings?.max_length ?? 200;
-  const [currentNoteValue, setCurrentNoteValue] = (0, import_react9.useState)(cartData?.note || "");
-  const [isTextareaVisible, setIsTextareaVisible] = (0, import_react9.useState)(!!cartData?.note);
-  const [isSaving, setIsSaving] = (0, import_react9.useState)(false);
-  const [saveMessage, setSaveMessage] = (0, import_react9.useState)(null);
-  const saveMessageTimerRef = (0, import_react9.useRef)(null);
+  const [currentNoteValue, setCurrentNoteValue] = (0, import_react10.useState)(cartData?.note || "");
+  const [isTextareaVisible, setIsTextareaVisible] = (0, import_react10.useState)(!!cartData?.note);
+  const [isSaving, setIsSaving] = (0, import_react10.useState)(false);
+  const [saveMessage, setSaveMessage] = (0, import_react10.useState)(null);
+  const saveMessageTimerRef = (0, import_react10.useRef)(null);
   const currentCartNoteFromCtx = cartData?.note || "";
   const isNoteChanged = currentNoteValue.trim() !== currentCartNoteFromCtx.trim();
   const hasItems = getItemCount() > 0;
-  const isLoadingCombined = (0, import_react9.useMemo)(() => {
+  const isLoadingCombined = (0, import_react10.useMemo)(() => {
     if (isHydrogenReact) return isGlobalCartLoading || isSaving;
     return noteFetcher.state !== "idle" || isSaving;
   }, [isHydrogenReact, isGlobalCartLoading, noteFetcher.state, isSaving]);
   const canSave = isNoteChanged && !isLoadingCombined;
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     const noteFromCart = cartData?.note || "";
     if (!isTextareaFocusedRef.current && !isSaving && noteFromCart !== currentNoteValue) {
       setCurrentNoteValue(noteFromCart);
@@ -4848,7 +4869,7 @@ var CartNoteInput = import_react9.default.memo(({ componentConfig }) => {
     } else if (!noteFromCart && isTextareaVisible && !isSaving && !currentNoteValue.trim()) {
     }
   }, [cartData?.note, isSaving, currentNoteValue, isTextareaVisible]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     return () => {
       if (saveMessageTimerRef.current) clearTimeout(saveMessageTimerRef.current);
     };
@@ -4858,7 +4879,7 @@ var CartNoteInput = import_react9.default.memo(({ componentConfig }) => {
     if (saveMessageTimerRef.current) clearTimeout(saveMessageTimerRef.current);
     saveMessageTimerRef.current = setTimeout(() => setSaveMessage(null), 3e3);
   };
-  const handleToggle = (0, import_react9.useCallback)(
+  const handleToggle = (0, import_react10.useCallback)(
     (event) => {
       const checked = event.target.checked;
       setIsTextareaVisible(checked);
@@ -4883,7 +4904,7 @@ var CartNoteInput = import_react9.default.memo(({ componentConfig }) => {
     [currentNoteValue, isHydrogenReact, hrUpdateCartNote, noteFetcher]
     // currentNoteValue IS needed here
   );
-  const handleInputChange = (0, import_react9.useCallback)(
+  const handleInputChange = (0, import_react10.useCallback)(
     (event) => {
       let value = event.target.value;
       if (limitChars && value.length > maxLength) value = value.substring(0, maxLength);
@@ -4898,7 +4919,7 @@ var CartNoteInput = import_react9.default.memo(({ componentConfig }) => {
   const handleTextareaBlur = () => {
     isTextareaFocusedRef.current = false;
   };
-  const handleSave = (0, import_react9.useCallback)(() => {
+  const handleSave = (0, import_react10.useCallback)(() => {
     if (!canSave) return;
     setIsSaving(true);
     const noteToSave = currentNoteValue.trim();
@@ -4912,7 +4933,7 @@ var CartNoteInput = import_react9.default.memo(({ componentConfig }) => {
       });
     }
   }, [canSave, currentNoteValue, isHydrogenReact, hrUpdateCartNote, noteFetcher]);
-  const handleKeyDown = (0, import_react9.useCallback)(
+  const handleKeyDown = (0, import_react10.useCallback)(
     (event) => {
       if (event.key === "Enter" && !event.shiftKey) {
         event.preventDefault();
@@ -4921,7 +4942,7 @@ var CartNoteInput = import_react9.default.memo(({ componentConfig }) => {
     },
     [handleSave]
   );
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (isHydrogenReact) {
       if (!isGlobalCartLoading && isSaving) {
         setIsSaving(false);
@@ -5058,7 +5079,7 @@ CartNoteInput.displayName = "CartNoteInput";
 
 // src/smart-cart/components/CartSubtotal/CartSubtotal.tsx
 var import_clsx3 = __toESM(require("clsx"), 1);
-var import_react10 = __toESM(require("react"), 1);
+var import_react11 = __toESM(require("react"), 1);
 
 // src/smart-cart/components/CartSubtotal/CartSubtotal.module.css
 var result6 = { "rebuy-cart-subtotal": "CartSubtotal_rebuy-cart-subtotal", "rebuy-cart-subtotal--simple": "CartSubtotal_rebuy-cart-subtotal--simple", "rebuy-cart-subtotal__label": "CartSubtotal_rebuy-cart-subtotal__label", "rebuy-cart-subtotal__amount-wrapper": "CartSubtotal_rebuy-cart-subtotal__amount-wrapper", "rebuy-cart-subtotal__price--compare-at": "CartSubtotal_rebuy-cart-subtotal__price--compare-at", "rebuy-cart-subtotal__price--final": "CartSubtotal_rebuy-cart-subtotal__price--final", "rebuy-cart-subtotal--with-summary": "CartSubtotal_rebuy-cart-subtotal--with-summary", "rebuy-cart-subtotal__row": "CartSubtotal_rebuy-cart-subtotal__row", "rebuy-cart-subtotal__discount-summary": "CartSubtotal_rebuy-cart-subtotal__discount-summary", "rebuy-cart-subtotal__discount-summary-header": "CartSubtotal_rebuy-cart-subtotal__discount-summary-header", "rebuy-cart-subtotal__discount-summary-icon": "CartSubtotal_rebuy-cart-subtotal__discount-summary-icon", "rebuy-cart-subtotal__discount-summary--expanded": "CartSubtotal_rebuy-cart-subtotal__discount-summary--expanded", "rebuy-cart-subtotal__discount-summary-details": "CartSubtotal_rebuy-cart-subtotal__discount-summary-details", "rebuy-cart-subtotal__discount-summary-item": "CartSubtotal_rebuy-cart-subtotal__discount-summary-item" };
@@ -5080,61 +5101,61 @@ var getDiscountAllocationTitle = (alloc) => {
 };
 var CartSubtotalComponent = ({ componentConfig }) => {
   const { cartData } = useSmartCart();
-  const [isDiscountSummaryExpanded, setIsDiscountSummaryExpanded] = (0, import_react10.useState)(false);
-  const settings = (0, import_react10.useMemo)(
+  const [isDiscountSummaryExpanded, setIsDiscountSummaryExpanded] = (0, import_react11.useState)(false);
+  const settings = (0, import_react11.useMemo)(
     () => componentConfig?.settings ?? {},
     [componentConfig?.settings]
   );
-  const allLines = (0, import_react10.useMemo)(() => cartData?.lines?.edges ?? [], [cartData?.lines?.edges]);
-  const excludedLines = (0, import_react10.useMemo)(
+  const allLines = (0, import_react11.useMemo)(() => cartData?.lines?.edges ?? [], [cartData?.lines?.edges]);
+  const excludedLines = (0, import_react11.useMemo)(
     () => allLines.map((edge) => edge.node).filter(
       (line) => line.merchandise.product.tags?.includes("smart-cart-subtotal-excluded" /* EXCLUDE_FROM_CART_SUBTOTAL */)
     ),
     [allLines]
   );
-  const excludedLinesValue = (0, import_react10.useMemo)(
+  const excludedLinesValue = (0, import_react11.useMemo)(
     () => excludedLines.reduce((sum, line) => sum + parseFloat(line.cost.subtotalAmount?.amount ?? "0"), 0),
     [excludedLines]
   );
-  const apiSubtotalAmount = (0, import_react10.useMemo)(
+  const apiSubtotalAmount = (0, import_react11.useMemo)(
     () => parseFloat(cartData?.cost?.subtotalAmount?.amount ?? "0"),
     [cartData?.cost?.subtotalAmount?.amount]
   );
-  const apiTotalAmount = (0, import_react10.useMemo)(
+  const apiTotalAmount = (0, import_react11.useMemo)(
     () => parseFloat(cartData?.cost?.totalAmount?.amount ?? "0"),
     [cartData?.cost?.totalAmount?.amount]
   );
-  const adjustedPreDiscountSubtotal = (0, import_react10.useMemo)(
+  const adjustedPreDiscountSubtotal = (0, import_react11.useMemo)(
     () => Math.max(0, apiSubtotalAmount - excludedLinesValue),
     [apiSubtotalAmount, excludedLinesValue]
   );
-  const adjustedFinalTotal = (0, import_react10.useMemo)(
+  const adjustedFinalTotal = (0, import_react11.useMemo)(
     () => Math.max(0, apiTotalAmount - excludedLinesValue),
     [apiTotalAmount, excludedLinesValue]
   );
-  const totalItemCount = (0, import_react10.useMemo)(() => cartData?.totalQuantity ?? 0, [cartData?.totalQuantity]);
-  const subtotalLabel = (0, import_react10.useMemo)(() => {
+  const totalItemCount = (0, import_react11.useMemo)(() => cartData?.totalQuantity ?? 0, [cartData?.totalQuantity]);
+  const subtotalLabel = (0, import_react11.useMemo)(() => {
     const singular = settings.subtotal_singular_text ?? "Subtotal ({{item_count}} item)";
     const plural = settings.subtotal_plural_text ?? "Subtotal ({{item_count}} items)";
     return (totalItemCount === 1 ? singular : plural).replace("{{item_count}}", String(totalItemCount));
   }, [totalItemCount, settings.subtotal_singular_text, settings.subtotal_plural_text]);
-  const currencyCode = (0, import_react10.useMemo)(
+  const currencyCode = (0, import_react11.useMemo)(
     () => cartData?.cost?.subtotalAmount?.currencyCode ?? "USD",
     [cartData?.cost?.subtotalAmount?.currencyCode]
   );
-  const hasOrderDiscount = (0, import_react10.useMemo)(
+  const hasOrderDiscount = (0, import_react11.useMemo)(
     () => adjustedPreDiscountSubtotal > adjustedFinalTotal,
     [adjustedPreDiscountSubtotal, adjustedFinalTotal]
   );
-  const formattedFinalTotal = (0, import_react10.useMemo)(
+  const formattedFinalTotal = (0, import_react11.useMemo)(
     () => formatMoney(adjustedFinalTotal, currencyCode),
     [adjustedFinalTotal, currencyCode]
   );
-  const formattedPreDiscountSubtotal = (0, import_react10.useMemo)(
+  const formattedPreDiscountSubtotal = (0, import_react11.useMemo)(
     () => formatMoney(adjustedPreDiscountSubtotal, currencyCode),
     [adjustedPreDiscountSubtotal, currencyCode]
   );
-  const groupedCartLevelDiscounts = (0, import_react10.useMemo)(() => {
+  const groupedCartLevelDiscounts = (0, import_react11.useMemo)(() => {
     if (!cartData?.discountAllocations) return [];
     const grouped = cartData.discountAllocations.reduce((acc, alloc) => {
       const amount = parseFloat(alloc.discountedAmount?.amount ?? "0");
@@ -5148,11 +5169,11 @@ var CartSubtotalComponent = ({ componentConfig }) => {
       title
     }));
   }, [cartData?.discountAllocations, currencyCode]);
-  const shouldShowDiscountSummary = (0, import_react10.useMemo)(
+  const shouldShowDiscountSummary = (0, import_react11.useMemo)(
     () => settings.show_discount_summary === true && groupedCartLevelDiscounts.length > 0,
     [settings.show_discount_summary, groupedCartLevelDiscounts.length]
   );
-  const discountSummaryCountLabel = (0, import_react10.useMemo)(() => {
+  const discountSummaryCountLabel = (0, import_react11.useMemo)(() => {
     if (!shouldShowDiscountSummary) return "";
     const count = groupedCartLevelDiscounts.length;
     const singular = settings.discount_summary_count_label ?? "{{discount_count}} order discount applied";
@@ -5164,7 +5185,7 @@ var CartSubtotalComponent = ({ componentConfig }) => {
     settings.discount_summary_count_label,
     settings.discount_summary_count_label_plural
   ]);
-  const toggleDiscountSummary = (0, import_react10.useCallback)(() => setIsDiscountSummaryExpanded((prev) => !prev), []);
+  const toggleDiscountSummary = (0, import_react11.useCallback)(() => setIsDiscountSummaryExpanded((prev) => !prev), []);
   if (totalItemCount === 0) return null;
   const rootClasses = (0, import_clsx3.default)(
     CartSubtotal_default["rebuy-cart-subtotal"],
@@ -5239,12 +5260,12 @@ var CartSubtotalComponent = ({ componentConfig }) => {
     }
   );
 };
-var CartSubtotal = import_react10.default.memo(CartSubtotalComponent);
+var CartSubtotal = import_react11.default.memo(CartSubtotalComponent);
 CartSubtotal.displayName = "CartSubtotal";
 
 // src/smart-cart/components/CartTitleBar/CartTitleBar.tsx
 var import_dompurify2 = __toESM(require("dompurify"), 1);
-var import_react11 = __toESM(require("react"), 1);
+var import_react12 = __toESM(require("react"), 1);
 
 // src/smart-cart/components/CartTitleBar/CartTitleBar.module.css
 var result7 = { "rebuy-cart-title-bar": "CartTitleBar_rebuy-cart-title-bar" };
@@ -5252,13 +5273,13 @@ var CartTitleBar_default = result7;
 
 // src/smart-cart/components/CartTitleBar/CartTitleBar.tsx
 var import_jsx_runtime15 = require("react/jsx-runtime");
-var CartTitleBar = import_react11.default.memo(() => {
+var CartTitleBar = import_react12.default.memo(() => {
   const { getComponentConfigByType } = useSmartCart();
   const componentConfig = getComponentConfigByType("title_bar");
   const title = componentConfig?.settings?.title ?? "Your Cart";
   const headingTag = componentConfig?.settings?.heading_tag ?? "h2";
   const screenReaderOnly = componentConfig?.settings?.screen_reader_only ?? false;
-  const sanitizedTitle = (0, import_react11.useMemo)(() => {
+  const sanitizedTitle = (0, import_react12.useMemo)(() => {
     if (typeof window !== "undefined") return import_dompurify2.default.sanitize(title);
     return title;
   }, [title]);
@@ -5288,7 +5309,7 @@ var CartTitleBar = import_react11.default.memo(() => {
 CartTitleBar.displayName = "CartTitleBar";
 
 // src/smart-cart/components/CheckoutArea/CheckoutArea.tsx
-var import_react12 = __toESM(require("react"), 1);
+var import_react13 = __toESM(require("react"), 1);
 var import_react_router6 = require("react-router");
 
 // src/smart-cart/components/CheckoutArea/CheckoutArea.module.css
@@ -5297,7 +5318,7 @@ var CheckoutArea_default = result8;
 
 // src/smart-cart/components/CheckoutArea/CheckoutArea.tsx
 var import_jsx_runtime16 = require("react/jsx-runtime");
-var CheckoutArea = import_react12.default.memo(({ componentConfig }) => {
+var CheckoutArea = import_react13.default.memo(({ componentConfig }) => {
   const {
     cartData,
     checkout,
@@ -5309,9 +5330,9 @@ var CheckoutArea = import_react12.default.memo(({ componentConfig }) => {
   } = useSmartCart();
   const termsFetcher = (0, import_react_router6.useFetcher)();
   const settings = componentConfig.settings;
-  const [termsAccepted, setTermsAccepted] = (0, import_react12.useState)(false);
-  const [processingSource, setProcessingSource] = (0, import_react12.useState)(null);
-  (0, import_react12.useEffect)(() => {
+  const [termsAccepted, setTermsAccepted] = (0, import_react13.useState)(false);
+  const [processingSource, setProcessingSource] = (0, import_react13.useState)(null);
+  (0, import_react13.useEffect)(() => {
     const termsAttr = cartData?.attributes?.find((attr) => attr.key === "Terms and Conditions");
     const acceptedInCart = termsAttr?.value === "Accepted";
     if (processingSource !== "terms" && termsAccepted !== acceptedInCart) {
@@ -5319,58 +5340,58 @@ var CheckoutArea = import_react12.default.memo(({ componentConfig }) => {
     }
   }, [cartData?.attributes, termsAccepted, processingSource]);
   const hasItems = getItemCount() > 0;
-  const hasTermsEnabled = (0, import_react12.useMemo)(() => !!settings?.terms?.enabled, [settings?.terms?.enabled]);
-  const isLoadingCombined = (0, import_react12.useMemo)(() => {
+  const hasTermsEnabled = (0, import_react13.useMemo)(() => !!settings?.terms?.enabled, [settings?.terms?.enabled]);
+  const isLoadingCombined = (0, import_react13.useMemo)(() => {
     if (isHydrogenReact) return isGlobalCartLoading || processingSource === "terms";
     return termsFetcher.state !== "idle" || processingSource === "terms";
   }, [isHydrogenReact, isGlobalCartLoading, termsFetcher.state, processingSource]);
-  const isAnyCriticalActionProcessing = (0, import_react12.useMemo)(() => {
+  const isAnyCriticalActionProcessing = (0, import_react13.useMemo)(() => {
     if (isHydrogenReact) return isGlobalCartLoading;
     return termsFetcher.state !== "idle" || processingSource === "checkout" || processingSource === "shop_pay" || processingSource === "view_cart";
   }, [isHydrogenReact, isGlobalCartLoading, termsFetcher.state, processingSource]);
-  const isCheckoutDisabled = (0, import_react12.useMemo)(
+  const isCheckoutDisabled = (0, import_react13.useMemo)(
     () => !hasItems || isAnyCriticalActionProcessing || hasTermsEnabled && !termsAccepted,
     [hasItems, isAnyCriticalActionProcessing, hasTermsEnabled, termsAccepted]
   );
-  const isTermsCheckboxDisabled = (0, import_react12.useMemo)(() => {
+  const isTermsCheckboxDisabled = (0, import_react13.useMemo)(() => {
     if (isHydrogenReact) return isGlobalCartLoading || processingSource === "terms";
     return termsFetcher.state !== "idle" || processingSource === "terms";
   }, [isHydrogenReact, isGlobalCartLoading, termsFetcher.state, processingSource]);
-  const hasCheckoutButton = (0, import_react12.useMemo)(() => !!settings?.checkout_button?.enabled, [settings?.checkout_button?.enabled]);
-  const hasViewCartButton = (0, import_react12.useMemo)(
+  const hasCheckoutButton = (0, import_react13.useMemo)(() => !!settings?.checkout_button?.enabled, [settings?.checkout_button?.enabled]);
+  const hasViewCartButton = (0, import_react13.useMemo)(
     () => !!settings?.view_cart_button?.enabled,
     [settings?.view_cart_button?.enabled]
   );
-  const hasContinueShoppingButton = (0, import_react12.useMemo)(
+  const hasContinueShoppingButton = (0, import_react13.useMemo)(
     () => !!settings?.continue_shopping_button?.enabled,
     [settings?.continue_shopping_button?.enabled]
   );
-  const hasShopPayButton = (0, import_react12.useMemo)(() => !!settings?.shop_pay?.enabled, [settings?.shop_pay?.enabled]);
-  const hasInstallments = (0, import_react12.useMemo)(
+  const hasShopPayButton = (0, import_react13.useMemo)(() => !!settings?.shop_pay?.enabled, [settings?.shop_pay?.enabled]);
+  const hasInstallments = (0, import_react13.useMemo)(
     () => settings?.installments?.enabled && settings?.installments?.provider,
     [settings?.installments?.enabled, settings?.installments?.provider]
   );
-  const hasPrePurchase = (0, import_react12.useMemo)(
+  const hasPrePurchase = (0, import_react13.useMemo)(
     () => settings?.pre_purchase?.enabled && settings?.pre_purchase?.widget_id,
     [settings?.pre_purchase?.enabled, settings?.pre_purchase?.widget_id]
   );
-  const checkoutLabel = (0, import_react12.useMemo)(
+  const checkoutLabel = (0, import_react13.useMemo)(
     () => processingSource === "checkout" ? settings?.language?.checking_out_label ?? "Checking Out..." : settings?.language?.checkout_label ?? "Checkout \u2192",
     [processingSource, settings?.language]
   );
-  const viewCartLabel = (0, import_react12.useMemo)(
+  const viewCartLabel = (0, import_react13.useMemo)(
     () => processingSource === "view_cart" ? settings?.language?.view_cart_working_label ?? "Redirecting..." : settings?.language?.view_cart_label ?? "View Cart",
     [processingSource, settings?.language]
   );
-  const continueShoppingLabel = (0, import_react12.useMemo)(
+  const continueShoppingLabel = (0, import_react13.useMemo)(
     () => settings?.language?.continue_shopping_label ?? "Continue Shopping",
     [settings?.language?.continue_shopping_label]
   );
-  const termsLabel = (0, import_react12.useMemo)(
+  const termsLabel = (0, import_react13.useMemo)(
     () => settings?.language?.terms_and_conditions_label ?? "I agree to the terms and conditions",
     [settings?.language?.terms_and_conditions_label]
   );
-  const installmentsMessage = (0, import_react12.useMemo)(() => {
+  const installmentsMessage = (0, import_react13.useMemo)(() => {
     const totalAmountData = cartData?.cost?.totalAmount;
     if (!hasInstallments || !totalAmountData?.amount || !totalAmountData?.currencyCode) return "";
     const paymentCount = parseInt(settings?.installments?.payment_count ?? "4", 10);
@@ -5383,7 +5404,7 @@ var CheckoutArea = import_react12.default.memo(({ componentConfig }) => {
     const termsUrl = settings?.installments?.terms_url ?? "#";
     return `or ${paymentCount} interest-free installments of ${formattedPayment} by <a target="_blank" rel="noopener noreferrer" href="${termsUrl}">${provider}</a>`;
   }, [hasInstallments, cartData?.cost?.totalAmount, settings?.installments]);
-  const handleTermsChange = (0, import_react12.useCallback)(async () => {
+  const handleTermsChange = (0, import_react13.useCallback)(async () => {
     if (!hasTermsEnabled || isTermsCheckboxDisabled || !hasItems) return;
     setProcessingSource("terms");
     const newAcceptedState = !termsAccepted;
@@ -5417,7 +5438,7 @@ var CheckoutArea = import_react12.default.memo(({ componentConfig }) => {
     termsFetcher,
     cartData?.attributes
   ]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (processingSource === "terms") {
       if (isHydrogenReact && !isGlobalCartLoading) {
         setProcessingSource(null);
@@ -5456,7 +5477,7 @@ var CheckoutArea = import_react12.default.memo(({ componentConfig }) => {
     termsAccepted,
     cartData?.attributes
   ]);
-  const handleCheckoutClick = (0, import_react12.useCallback)(() => {
+  const handleCheckoutClick = (0, import_react13.useCallback)(() => {
     if (isCheckoutDisabled) return;
     setProcessingSource("checkout");
     const routing = settings?.checkout_button?.routing ?? "automatic";
@@ -5471,16 +5492,16 @@ var CheckoutArea = import_react12.default.memo(({ componentConfig }) => {
       setProcessingSource(null);
     }
   }, [isCheckoutDisabled, settings?.checkout_button, checkout]);
-  const handleViewCartClick = (0, import_react12.useCallback)(() => {
+  const handleViewCartClick = (0, import_react13.useCallback)(() => {
     if (isAnyCriticalActionProcessing && processingSource !== "terms") return;
     setProcessingSource("view_cart");
     window.location.href = "/cart";
   }, [isAnyCriticalActionProcessing, processingSource]);
-  const handleContinueShoppingClick = (0, import_react12.useCallback)(() => {
+  const handleContinueShoppingClick = (0, import_react13.useCallback)(() => {
     if (isAnyCriticalActionProcessing && processingSource !== "terms") return;
     hideCart();
   }, [isAnyCriticalActionProcessing, processingSource, hideCart]);
-  const handleShopPayClick = (0, import_react12.useCallback)(() => {
+  const handleShopPayClick = (0, import_react13.useCallback)(() => {
     if (isLoadingCombined || !!processingSource && processingSource !== "terms" || !hasItems) return;
     setProcessingSource("shop_pay");
     try {
@@ -5497,7 +5518,7 @@ var CheckoutArea = import_react12.default.memo(({ componentConfig }) => {
       setProcessingSource(null);
     }
   }, [isLoadingCombined, processingSource, hasItems, cartData?.checkoutUrl]);
-  const shopPaySvg = (0, import_react12.useMemo)(
+  const shopPaySvg = (0, import_react13.useMemo)(
     () => ({
       __html: `<?xml version="1.0" encoding="UTF-8"?><svg width="80" height="30" fill="none" viewBox="0 0 4317 1037" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#a)" fill="#fff"><path d="m1106 326.19c-34.62-72.633-100.26-119.55-199.17-119.55-30.36 0.529-60.193 8.026-87.198 21.908-27.003 13.884-50.46 33.785-68.555 58.168l-3.61 4.398v-284.67c0-1.6452-0.653-3.2229-1.817-4.3862-1.163-1.1633-2.742-1.817-4.387-1.817h-139.85c-1.625 0.029561-3.173 0.69609-4.312 1.8562-1.14 1.1601-1.778 2.7211-1.778 4.3469v816.56c0 1.615 0.643 3.163 1.785 4.305 1.142 1.143 2.69 1.785 4.305 1.785h149.78c1.626 0 3.187-0.637 4.347-1.778 1.16-1.139 1.826-2.687 1.856-4.312v-348.16c0-67.67 45.113-115.6 117.3-115.6 78.949 0 98.912 64.964 98.912 131.17v332.6c0 1.615 0.641 3.163 1.783 4.305 1.142 1.143 2.692 1.785 4.307 1.785h149.44c1.63 0 3.19-0.637 4.35-1.778 1.16-1.139 1.83-2.687 1.86-4.312v-352.45c0-12.068 0-23.911-1.58-35.414-2.57-37.698-11.97-74.616-27.75-108.95z"/><path d="m358.09 447.21s-76.242-17.933-104.32-25.151c-28.084-7.218-77.145-22.557-77.145-59.663s39.587-48.949 79.739-48.949c40.151 0 84.814 9.7 88.31 54.25 0.141 1.606 0.88 3.098 2.07 4.186 1.191 1.086 2.746 1.684 4.358 1.679l147.63-0.564c0.869 2e-3 1.729-0.175 2.526-0.52s1.514-0.851 2.107-1.487c0.593-0.634 1.049-1.385 1.338-2.204 0.289-0.82 0.408-1.69 0.345-2.557-9.135-142.56-134.21-193.54-249.59-193.54-136.81 0-236.85 90.227-236.85 189.7 0 72.633 20.527 140.76 181.92 188.12 28.309 8.233 66.769 18.947 100.38 28.309 40.376 11.279 62.143 28.309 62.143 55.151 0 31.128-45.113 52.782-89.437 52.782-64.174 0-109.74-23.797-113.46-66.543-0.194-1.563-0.955-3.003-2.141-4.043-1.185-1.04-2.711-1.608-4.288-1.596l-147.3 0.677c-0.86355 0-1.7182 0.173-2.5133 0.511-0.79503 0.337-1.514 0.83-2.114 1.452-0.6 0.62-1.0688 1.356-1.3783 2.162-0.30948 0.807-0.45331 1.667-0.42301 2.53 6.767 134.55 136.69 207.07 257.83 207.07 180.45 0 262-101.5 262-196.58 0.226-44.663-10.038-146.39-161.73-185.19z"/><path d="m2257.4 206.41c-74.99 0-137.82 41.504-178.31 91.582v-85.717c0-1.596-0.63-3.129-1.75-4.267-1.1-1.139-2.63-1.794-4.23-1.822h-140.07c-1.61 0-3.17 0.64-4.31 1.782-1.14 1.143-1.79 2.693-1.79 4.307v800.77c0.04 1.59 0.7 3.12 1.84 4.23 1.14 1.12 2.67 1.75 4.26 1.75h149.89c1.58 0 3.1-0.63 4.22-1.75s1.75-2.65 1.75-4.23v-263.24h2.26c23.79 36.315 88.87 79.851 173.92 79.851 159.91 0 293.23-132.63 293.23-311.85 0.12-172-132.52-311.4-300.91-311.4zm-13.87 470.65c-31.56 0.784-62.67-7.857-89.3-24.819-26.63-16.964-47.62-41.479-60.27-70.418-12.64-28.94-16.38-60.991-10.72-92.063 5.64-31.072 20.43-59.755 42.45-82.388 22.03-22.636 50.3-38.194 81.21-44.69 30.9-6.496 63.04-3.637 92.31 8.214 29.28 11.85 54.35 32.155 72.04 58.322 17.68 26.168 27.16 57.009 27.25 88.591 0.32 20.643-3.44 41.149-11.05 60.339s-18.95 36.686-33.35 51.483c-14.39 14.797-31.57 26.604-50.56 34.743-18.97 8.14-39.36 12.45-60.01 12.686z"/><path d="m1483.3 171.23c-139.74 0-209.44 47.482-265.39 85.491l-1.69 1.127c-2.88 1.974-4.91 4.966-5.69 8.374-0.77 3.409-0.23 6.983 1.52 10.01l55.26 95.188c1.04 1.782 2.46 3.313 4.15 4.482 1.7 1.17 3.63 1.951 5.67 2.286 1.99 0.359 4.03 0.272 5.98-0.255s3.76-1.478 5.3-2.791l4.39-3.608c28.76-24.136 74.89-56.393 186.55-65.19 62.14-4.961 115.83 11.279 155.41 48.272 43.54 40.152 69.6 105 69.6 173.46 0 125.98-74.22 205.15-193.43 206.73-98.24-0.564-164.22-51.768-164.22-127.45 0-40.152 18.16-66.317 53.58-92.483 2.7-1.934 4.61-4.781 5.38-8.015s0.34-6.637-1.21-9.579l-49.63-93.837c-0.91-1.679-2.15-3.161-3.64-4.361s-3.2-2.094-5.04-2.631c-1.88-0.559-3.85-0.717-5.79-0.466-1.95 0.253-3.82 0.911-5.49 1.933-55.71 33.045-124.06 93.497-120.34 209.66 4.51 147.86 127.45 260.76 287.26 265.38h18.95c189.92-6.204 327.07-147.18 327.07-338.35 0-175.49-127.9-363.39-364.51-363.39z"/><path d="m3148.9 261.46h-95.2c-2.22 0.029-4.36 0.93-5.94 2.509-1.59 1.58-2.49 3.715-2.5 5.95v199.74c0.01 2.225 0.92 4.346 2.51 5.908 1.58 1.562 3.71 2.439 5.93 2.439h95.2c57.97 0 100.72-45.678 100.72-108.27s-42.75-108.27-100.72-108.27z"/><path d="m3441.4 614.8c0 28.985 24.47 45.113 67.1 45.113 57.97 0 92.25-31.354 92.25-86.957v-16.014l-86.83 4.511c-45.8 2.255-72.52 21.317-72.52 53.347z"/><path d="m4146.3 2.0498h-1279c-20.97-2e-5 -41.76 4.1346-61.13 12.167-19.39 8.0328-37 19.806-51.82 34.648-14.84 14.842-26.6 32.46-34.62 51.85-8.03 19.389-12.14 40.168-12.12 61.15v700.16c0 42.366 16.82 82.999 46.77 112.97 29.95 29.968 70.57 46.818 112.92 46.848h1279c21.01 0.06 41.83-4.02 61.26-12.01 19.42-7.99 37.08-19.737 51.97-34.557 14.87-14.823 26.7-32.434 34.78-51.828 8.07-19.393 12.23-40.187 12.27-61.193v-700.16c0.03-21.048-4.08-41.898-12.12-61.35-8.04-19.452-19.85-37.122-34.74-51.995-14.89-14.873-32.58-26.655-52.04-34.668-19.46-8.0136-40.32-12.101-61.38-12.026zm-992.5 554.56h-100.6c-2.24 0-4.38 0.89-5.98 2.476-1.58 1.587-2.48 3.739-2.48 5.983v143.23c0 2.243-0.89 4.395-2.47 5.981-1.59 1.587-3.74 2.478-5.98 2.478h-70.84c-2.22-0.029-4.37-0.93-5.95-2.511-1.58-1.578-2.46-3.713-2.5-5.948v-516.66c0-2.242 0.89-4.394 2.49-5.981 1.58-1.586 3.72-2.477 5.96-2.477h188.35c106.7 0 183.05 77.708 183.05 186.77s-75.79 186.88-182.47 186.88l-0.58-0.224zm530.09 151.58c0.02 1.12-0.18 2.231-0.61 3.271-0.42 1.039-1.04 1.986-1.82 2.783-0.8 0.797-1.73 1.431-2.77 1.863-1.02 0.431-2.14 0.654-3.26 0.654h-66.88c-1.12 0-2.23-0.223-3.26-0.654-1.04-0.432-1.98-1.066-2.76-1.863s-1.41-1.744-1.82-2.783c-0.42-1.04-0.63-2.151-0.61-3.271v-15.451c0.1-1.357-0.22-2.713-0.95-3.865-0.71-1.154-1.78-2.045-3.06-2.54-1.26-0.494-2.65-0.565-3.96-0.203-1.33 0.36-2.48 1.135-3.31 2.209-19.97 21.767-52.45 37.556-104.22 37.556-76.23 0-126.66-39.699-126.66-108.27-0.73-16.72 2.72-33.359 10.05-48.408 7.32-15.046 18.3-28.026 31.92-37.758 27.51-20.64 70.14-31.354 133.41-33.836l67.1-2.255v-19.626c0-39.587-26.61-56.391-69.36-56.391-42.74 0-69.7 15.113-76 39.813-0.51 1.744-1.58 3.27-3.06 4.333-1.46 1.064-3.25 1.602-5.07 1.531h-66.2c-1.22 0.031-2.43-0.207-3.55-0.693-1.1-0.488-2.11-1.214-2.92-2.128-0.8-0.915-1.4-1.992-1.74-3.162-0.35-1.169-0.44-2.398-0.25-3.603 9.93-58.648 58.42-103.2 161.85-103.2 109.85 0 149.43 51.092 149.43 148.65l0.34 207.3zm416.63-335.2-148.87 397.11c-33.84 92.256-93.06 115.94-157.91 115.94-12.21 0.298-24.41-1.184-36.2-4.398-1.84-0.495-3.45-1.579-4.63-3.089-1.15-1.507-1.78-3.355-1.8-5.258v-60.34c0-1.262 0.27-2.51 0.8-3.654 0.54-1.144 1.31-2.157 2.28-2.964 0.98-0.809 2.11-1.392 3.33-1.71s2.5-0.363 3.74-0.131c10.23 1.94 20.61 2.922 31.02 2.934 17.93 0.899 35.65-4.247 50.32-14.615 14.65-10.368 25.41-25.358 30.54-42.567l4.41-13.873c0.68-1.856 0.68-3.894 0-5.752l-139.19-357.52c-0.42-1.278-0.54-2.64-0.34-3.972 0.21-1.333 0.72-2.6 1.48-3.698 0.79-1.098 1.82-1.997 3.01-2.625 1.19-0.627 2.52-0.965 3.86-0.984h67.68c1.73 0.017 3.41 0.551 4.84 1.537 1.43 0.984 2.53 2.374 3.16 3.99l94.52 252.18c0.63 1.647 1.73 3.066 3.18 4.067 1.46 1.003 3.17 1.538 4.94 1.538 1.75 0 3.49-0.535 4.93-1.538 1.45-1.001 2.57-2.42 3.18-4.067l82.01-251.51c0.54-1.715 1.63-3.209 3.09-4.264 1.46-1.056 3.21-1.617 5.01-1.601h69.38c1.33-6e-3 2.65 0.306 3.86 0.904 1.19 0.6 2.24 1.472 3.04 2.547s1.33 2.322 1.56 3.643c0.24 1.319 0.16 2.675-0.23 3.958v-0.226z"/></g><defs><clipPath id="a"><rect transform="translate(0 .24023)" width="4317" height="1036.8" fill="#fff"/></clipPath></defs></svg>`
     }),
@@ -5600,7 +5621,7 @@ CheckoutArea.displayName = "CheckoutArea";
 var import_rebuy2 = require("@rebuy/rebuy");
 var Utilities4 = __toESM(require("@rebuy/rebuy/utilities"), 1);
 var import_hydrogen6 = require("@shopify/hydrogen");
-var import_react20 = require("react");
+var import_react21 = require("react");
 
 // src/assets/Close.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
@@ -5609,10 +5630,10 @@ var Close = () => {
 };
 
 // src/hooks/useBreakpoint.ts
-var import_react13 = require("react");
+var import_react14 = require("react");
 var useBreakpoint = (settings) => {
-  const [breakpoint, setBreakpoint] = (0, import_react13.useState)("medium");
-  (0, import_react13.useEffect)(() => {
+  const [breakpoint, setBreakpoint] = (0, import_react14.useState)("medium");
+  (0, import_react14.useEffect)(() => {
     if (!settings?.breakpoints) return;
     const handleResize = () => {
       const width = window.innerWidth;
@@ -5645,18 +5666,18 @@ var useBreakpoint = (settings) => {
 };
 
 // src/hooks/usePopupTrigger.tsx
-var import_react14 = require("react");
+var import_react15 = require("react");
 var usePopupTrigger = (settings, popupTriggerId, widgetId, popupShownOnce, showPopup, setShowPopup, setPopupShownOnce) => {
   const delayInMs = settings?.display_type === "popup" ? (settings?.popup_delay || 0) * 1e3 : 0;
   const popupTrigger = settings?.popup_trigger;
-  const showPopupWithDelay = (0, import_react14.useCallback)(() => {
+  const showPopupWithDelay = (0, import_react15.useCallback)(() => {
     if (!settings || settings.display_type !== "popup") return;
     setTimeout(() => {
       setShowPopup(true);
       setPopupShownOnce(true);
     }, delayInMs);
   }, [delayInMs, setShowPopup, setPopupShownOnce, settings]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (!settings || settings.display_type !== "popup" || popupTrigger !== "load" || popupShownOnce) return;
     const timer = setTimeout(() => {
       setShowPopup(true);
@@ -5664,7 +5685,7 @@ var usePopupTrigger = (settings, popupTriggerId, widgetId, popupShownOnce, showP
     }, delayInMs);
     return () => clearTimeout(timer);
   }, [popupTrigger, popupShownOnce, delayInMs, setShowPopup, setPopupShownOnce, settings]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (!settings || settings.display_type !== "popup" || popupTrigger !== "add_to_cart" || !popupTriggerId) return;
     const selector = `#${popupTriggerId}`;
     const handleCartAdd = () => {
@@ -5696,7 +5717,7 @@ var usePopupTrigger = (settings, popupTriggerId, widgetId, popupShownOnce, showP
       });
     };
   }, [popupTrigger, popupTriggerId, showPopup, showPopupWithDelay, settings]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (!settings || settings.display_type !== "popup" || popupTrigger !== "submit") return;
     const selector = "form";
     const handleSubmit = () => {
@@ -5712,7 +5733,7 @@ var usePopupTrigger = (settings, popupTriggerId, widgetId, popupShownOnce, showP
       });
     };
   }, [popupTrigger, showPopupWithDelay, settings]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (!settings || settings.display_type !== "popup" || popupTrigger !== "exit") return;
     const handleExitIntent = (e) => {
       if (e.clientY <= 0 && !popupShownOnce) {
@@ -6113,7 +6134,7 @@ var defaultProductCardSettings = {
 
 // src/components/ProductCard/ProductCard.tsx
 var import_hydrogen5 = require("@shopify/hydrogen");
-var import_react17 = require("react");
+var import_react18 = require("react");
 
 // src/components/AddToCartBtn/HydrogenAddToCartBtn.tsx
 var import_hydrogen3 = require("@shopify/hydrogen");
@@ -6301,7 +6322,7 @@ var RebuyProductPrice = ({ selectedVariant, settingsDiscount }) => {
 };
 
 // src/components/QuantityInput/QuantityInput.tsx
-var import_react15 = require("react");
+var import_react16 = require("react");
 
 // src/components/QuantityInput/QuantityInput.module.css
 var result11 = { "rebuy-quantity__container": "QuantityInput_rebuy-quantity__container", "rebuy-quantity__select": "QuantityInput_rebuy-quantity__select" };
@@ -6315,7 +6336,7 @@ var QuantityInput = ({
   maxValue = 10,
   minValue = 1
 }) => {
-  const [quantity, setQuantity] = (0, import_react15.useState)(defaultQuantity);
+  const [quantity, setQuantity] = (0, import_react16.useState)(defaultQuantity);
   const handleChange = (event) => {
     const newValue = parseInt(event.target.value, 10);
     setQuantity(newValue);
@@ -6339,7 +6360,7 @@ var QuantityInput = ({
 
 // src/components/VariantSelect/VariantSelect.tsx
 var import_clsx5 = __toESM(require("clsx"), 1);
-var import_react16 = require("react");
+var import_react17 = require("react");
 
 // src/components/VariantSelect/VariantSelect.module.css
 var result12 = { "rebuy-variant__container": "VariantSelect_rebuy-variant__container", "rebuy-variant__select": "VariantSelect_rebuy-variant__select", "rebuy-variant__select-option": "VariantSelect_rebuy-variant__select-option", "rebuy-variant__buttons": "VariantSelect_rebuy-variant__buttons", "rebuy-variant__button": "VariantSelect_rebuy-variant__button", "rebuy-variant__button--selected": "VariantSelect_rebuy-variant__button--selected" };
@@ -6348,8 +6369,8 @@ var VariantSelect_default = result12;
 // src/components/VariantSelect/VariantSelect.tsx
 var import_jsx_runtime23 = require("react/jsx-runtime");
 var VariantSelect = ({ handleSelectedVariant, product, selectedId, style = "select" }) => {
-  const [selectedVariantId, setSelectedVariantId] = (0, import_react16.useState)(selectedId || product.variants.nodes[0]?.id);
-  (0, import_react16.useEffect)(() => {
+  const [selectedVariantId, setSelectedVariantId] = (0, import_react17.useState)(selectedId || product.variants.nodes[0]?.id);
+  (0, import_react17.useEffect)(() => {
     if (selectedId && selectedId !== selectedVariantId) {
       setSelectedVariantId(selectedId);
     }
@@ -6440,21 +6461,21 @@ var ProductCard = ({
   settings = defaultProductCardSettings,
   variantOptionsText
 }) => {
-  const [selectedVariant, setSelectedVariant] = (0, import_react17.useState)(product.variants.nodes[0]);
-  const [selectedQuantity, setSelectedQuantity] = (0, import_react17.useState)(settings?.quantityInput?.default_quantity || 1);
-  const [interactionStatus, setInteractionStatus] = (0, import_react17.useState)("ready");
+  const [selectedVariant, setSelectedVariant] = (0, import_react18.useState)(product.variants.nodes[0]);
+  const [selectedQuantity, setSelectedQuantity] = (0, import_react18.useState)(settings?.quantityInput?.default_quantity || 1);
+  const [interactionStatus, setInteractionStatus] = (0, import_react18.useState)("ready");
   const { toggleCart } = useSmartCart();
   const displayImage = selectedVariant.image || product.featuredImage;
-  const handleSelectedVariant = (0, import_react17.useCallback)((product2, variant_id) => {
+  const handleSelectedVariant = (0, import_react18.useCallback)((product2, variant_id) => {
     const updatedVariant = product2.variants.nodes.find((variant) => variant.id === variant_id);
     if (updatedVariant) {
       setSelectedVariant(updatedVariant);
     }
   }, []);
-  const handleSelectedQuantity = (0, import_react17.useCallback)((quantity) => {
+  const handleSelectedQuantity = (0, import_react18.useCallback)((quantity) => {
     setSelectedQuantity(quantity);
   }, []);
-  const handleLinkClick = (0, import_react17.useCallback)(() => {
+  const handleLinkClick = (0, import_react18.useCallback)(() => {
     if (isCrossSell) {
       toggleCart();
     }
@@ -6465,7 +6486,7 @@ var ProductCard = ({
   const cardLayout = settings?.layoutStyle || "grid";
   const productOptions = settings?.productOptions;
   const showVariantOptionsSetting = productOptions?.show_variant_options || "always";
-  const showVariantSelect = (0, import_react17.useMemo)(() => {
+  const showVariantSelect = (0, import_react18.useMemo)(() => {
     if (product?.variants.nodes.length <= 1) {
       const firstVariantTitle = product.variants.nodes[0]?.title?.toLowerCase();
       if (firstVariantTitle === "default title" || firstVariantTitle === "default") {
@@ -6488,10 +6509,10 @@ var ProductCard = ({
         return true;
     }
   }, [product?.variants.nodes, showVariantOptionsSetting, interactionStatus, cardLayout]);
-  const isSelectionRequiredBeforeAddToCart = (0, import_react17.useMemo)(() => {
+  const isSelectionRequiredBeforeAddToCart = (0, import_react18.useMemo)(() => {
     return product?.variants.nodes.length > 1 && !showVariantSelect && interactionStatus === "ready";
   }, [product?.variants.nodes, showVariantSelect, interactionStatus]);
-  const atcButtonLabel = (0, import_react17.useMemo)(() => {
+  const atcButtonLabel = (0, import_react18.useMemo)(() => {
     if (isSelectionRequiredBeforeAddToCart) {
       if (product.options && product.options.length === 1) {
         return `${product.options[0].name}`;
@@ -6500,12 +6521,12 @@ var ProductCard = ({
     }
     return addToCartBtnText || "Add to Cart";
   }, [isSelectionRequiredBeforeAddToCart, product.options, variantOptionsText, addToCartBtnText]);
-  const handlePrimaryAction = (0, import_react17.useCallback)(() => {
+  const handlePrimaryAction = (0, import_react18.useCallback)(() => {
     if (isSelectionRequiredBeforeAddToCart) {
       setInteractionStatus("selecting");
     } else {
-      if (isInPopup && onPopupDismiss) {
-        onPopupDismiss();
+      if (isInPopup) {
+        onPopupDismiss?.();
       }
     }
   }, [isSelectionRequiredBeforeAddToCart, isInPopup, onPopupDismiss]);
@@ -6674,7 +6695,7 @@ var ProductCard = ({
               addToCartCallback,
               disableShopifyAddAction: isSelectionRequiredBeforeAddToCart,
               isHydrogenReact,
-              onClickAction: handlePrimaryAction,
+              onClickAction: isSelectionRequiredBeforeAddToCart ? handlePrimaryAction : void 0,
               quantity: selectedQuantity,
               selectedVariants: isSelectionRequiredBeforeAddToCart ? [] : [selectedVariant]
             }
@@ -6695,7 +6716,7 @@ var ProductCard = ({
 };
 
 // src/components/ProductCarousel/ProductCarousel.tsx
-var import_react18 = require("react");
+var import_react19 = require("react");
 
 // src/components/ProductCarousel/ProductCarousel.module.css
 var result15 = { "rebuy-carousel": "ProductCarousel_rebuy-carousel", "rebuy-carousel__container": "ProductCarousel_rebuy-carousel__container", "rebuy-carousel__slide": "ProductCarousel_rebuy-carousel__slide", "rebuy-carousel__controls": "ProductCarousel_rebuy-carousel__controls", "rebuy-carousel__prev": "ProductCarousel_rebuy-carousel__prev", "rebuy-carousel__next": "ProductCarousel_rebuy-carousel__next", "rebuy-carousel__pagination": "ProductCarousel_rebuy-carousel__pagination", "rebuy-carousel__dot": "ProductCarousel_rebuy-carousel__dot", "rebuy-carousel__grid": "ProductCarousel_rebuy-carousel__grid" };
@@ -6717,10 +6738,10 @@ var ProductCarousel = ({
   showPagination = true,
   variantOptionsText
 }) => {
-  const [currentSlide, setCurrentSlide] = (0, import_react18.useState)(0);
-  const [totalSlides, setTotalSlides] = (0, import_react18.useState)(0);
-  const [repeatedProducts, setRepeatedProducts] = (0, import_react18.useState)([]);
-  (0, import_react18.useEffect)(() => {
+  const [currentSlide, setCurrentSlide] = (0, import_react19.useState)(0);
+  const [totalSlides, setTotalSlides] = (0, import_react19.useState)(0);
+  const [repeatedProducts, setRepeatedProducts] = (0, import_react19.useState)([]);
+  (0, import_react19.useEffect)(() => {
     if (products.length === 0) {
       setRepeatedProducts([]);
       return;
@@ -6733,7 +6754,7 @@ var ProductCarousel = ({
     }
     setRepeatedProducts(repeated);
   }, [products, columns]);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (repeatedProducts.length && columns) {
       setTotalSlides(Math.ceil(repeatedProducts.length / columns));
     }
@@ -6794,7 +6815,7 @@ var ProductCarousel = ({
 
 // src/components/Timer/Timer.tsx
 var import_clsx7 = __toESM(require("clsx"), 1);
-var import_react19 = require("react");
+var import_react20 = require("react");
 
 // src/components/Timer/Timer.module.css
 var result16 = { "rebuy-timer__container": "Timer_rebuy-timer__container", "rebuy-timer__text": "Timer_rebuy-timer__text", "rebuy-timer__title": "Timer_rebuy-timer__title", "rebuy-timer__display": "Timer_rebuy-timer__display", "rebuy-timer__display--urgent": "Timer_rebuy-timer__display--urgent", "rebuy-timer__minutes": "Timer_rebuy-timer__minutes", "rebuy-timer__seconds": "Timer_rebuy-timer__seconds", "rebuy-timer__separator": "Timer_rebuy-timer__separator" };
@@ -6802,15 +6823,24 @@ var Timer_default = result16;
 
 // src/components/Timer/Timer.tsx
 var import_jsx_runtime27 = require("react/jsx-runtime");
-var Timer = ({ action, durationMinutes, durationSeconds, isPopup = false, onDismiss, title }) => {
+var Timer = ({
+  action,
+  cartCount,
+  checkoutUrl,
+  durationMinutes,
+  durationSeconds,
+  isPopup = false,
+  onDismiss,
+  title
+}) => {
   const initialTotalSeconds = (durationMinutes || 0) * 60 + (durationSeconds || 0);
-  const [totalSeconds, setTotalSeconds] = (0, import_react19.useState)(initialTotalSeconds);
-  const [timerActive, setTimerActive] = (0, import_react19.useState)(true);
+  const [totalSeconds, setTotalSeconds] = (0, import_react20.useState)(initialTotalSeconds);
+  const [timerActive, setTimerActive] = (0, import_react20.useState)(true);
   const minutes = Math.floor(totalSeconds / 60);
   const seconds = totalSeconds % 60;
   const formattedMinutes = String(minutes).padStart(2, "0");
   const formattedSeconds = String(seconds).padStart(2, "0");
-  const handleTimerEnd = (0, import_react19.useCallback)(() => {
+  const handleTimerEnd = (0, import_react20.useCallback)(() => {
     setTimerActive(false);
     switch (action) {
       case "dismiss":
@@ -6819,7 +6849,14 @@ var Timer = ({ action, durationMinutes, durationSeconds, isPopup = false, onDism
         }
         break;
       case "checkout":
-        window.location.href = "/checkout";
+        if (checkoutUrl && cartCount && cartCount > 0) {
+          window.location.href = checkoutUrl;
+        } else {
+          console.warn("Timer: No checkout URL available for checkout action");
+          if (isPopup && onDismiss) {
+            onDismiss();
+          }
+        }
         break;
       case "cart":
         window.location.href = "/cart";
@@ -6828,8 +6865,8 @@ var Timer = ({ action, durationMinutes, durationSeconds, isPopup = false, onDism
       default:
         break;
     }
-  }, [action, isPopup, onDismiss]);
-  (0, import_react19.useEffect)(() => {
+  }, [action, checkoutUrl, isPopup, onDismiss]);
+  (0, import_react20.useEffect)(() => {
     if (!timerActive) return;
     const interval = setInterval(() => {
       setTotalSeconds((prevSeconds) => {
@@ -6906,6 +6943,8 @@ var RebuyWidget_default = result17;
 var import_jsx_runtime28 = require("react/jsx-runtime");
 var WidgetContent = ({
   addToCartCallback,
+  cartCount,
+  checkoutUrl,
   customTitle,
   customTitleLevel,
   customTitleStyle,
@@ -6999,6 +7038,8 @@ var WidgetContent = ({
       Timer,
       {
         action: settings?.timer.action,
+        cartCount,
+        checkoutUrl,
         durationMinutes: settings?.timer.duration_minutes,
         durationSeconds: settings?.timer.duration_seconds,
         isPopup: settings?.display_type === "popup",
@@ -7036,7 +7077,6 @@ var RebuyWidget = (props) => {
     customTitleLevel = "h2",
     customTitleStyle,
     isCrossSell,
-    isHydrogenReact,
     popupTriggerId,
     product,
     productId,
@@ -7045,26 +7085,26 @@ var RebuyWidget = (props) => {
     widgetId
   } = props;
   const { apiKey: apiKeyFromConfig, loadingStatus: configLoadingStatus, rebuyConfig } = useRebuyConfig();
-  const [settings, setSettings] = (0, import_react20.useState)(null);
-  const [loadingSettings, setLoadingSettings] = (0, import_react20.useState)(true);
-  const [error, setError] = (0, import_react20.useState)(null);
-  const [showPopup, setShowPopup] = (0, import_react20.useState)(false);
-  const [popupShownOnce, setPopupShownOnce] = (0, import_react20.useState)(false);
-  const popupRef = (0, import_react20.useRef)(null);
-  const [clientInstance, setClientInstance] = (0, import_react20.useState)(null);
-  const rebuyGeneralContext = (0, import_react20.useContext)(RebuyContext);
+  const [settings, setSettings] = (0, import_react21.useState)(null);
+  const [loadingSettings, setLoadingSettings] = (0, import_react21.useState)(true);
+  const [error, setError] = (0, import_react21.useState)(null);
+  const [showPopup, setShowPopup] = (0, import_react21.useState)(false);
+  const [popupShownOnce, setPopupShownOnce] = (0, import_react21.useState)(false);
+  const popupRef = (0, import_react21.useRef)(null);
+  const [clientInstance, setClientInstance] = (0, import_react21.useState)(null);
+  const rebuyGeneralContext = (0, import_react21.useContext)(RebuyContext);
   const generalContextParams = rebuyGeneralContext?.contextParameters;
   const mainCacheKey = rebuyConfig?.shop?.cache_key;
   const generalContextCacheKey = generalContextParams?.cache_key;
   const cacheKeyToUse = mainCacheKey || generalContextCacheKey || "";
-  const [initialized, setInitialized] = (0, import_react20.useState)(false);
+  const [initialized, setInitialized] = (0, import_react21.useState)(false);
   const shopifyProductId = product?.id ?? productId ?? null;
   const shopifyVariantId = variant?.id ?? variantId ?? null;
-  const [products, setProducts] = (0, import_react20.useState)([]);
+  const [products, setProducts] = (0, import_react21.useState)([]);
   const currentBreakpoint = useBreakpoint(settings);
   const shouldHideWidget = settings?.layout?.[currentBreakpoint]?.style === "none";
   usePopupTrigger(settings, popupTriggerId, widgetId, popupShownOnce, showPopup, setShowPopup, setPopupShownOnce);
-  (0, import_react20.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     if (!clientInstance && apiKeyFromConfig && configLoadingStatus === "success") {
       const client = new import_rebuy2.RebuyClient(apiKeyFromConfig);
       if (generalContextParams) {
@@ -7075,12 +7115,12 @@ var RebuyWidget = (props) => {
       setInitialized(true);
     }
   }, [clientInstance, apiKeyFromConfig, configLoadingStatus, generalContextParams]);
-  (0, import_react20.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     if (!clientInstance || !generalContextParams) return;
     const filteredParams = filterContextForWidgetEndpoints(generalContextParams, settings?.endpoint);
     clientInstance.setContextParameters(filteredParams);
   }, [clientInstance, generalContextParams, settings]);
-  (0, import_react20.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     if (configLoadingStatus === "loading") {
       return;
     }
@@ -7139,13 +7179,13 @@ var RebuyWidget = (props) => {
     };
     fetchSettings();
   }, [widgetId, clientInstance, configLoadingStatus, apiKeyFromConfig, cacheKeyToUse, initialized]);
-  const cartProductIds = (0, import_react20.useMemo)(() => {
+  const cartProductIds = (0, import_react21.useMemo)(() => {
     return (generalContextParams?.cart?.items || []).map((item) => item.product_id).filter(Boolean).join(",");
   }, [generalContextParams?.cart?.items]);
-  const cartVariantIds = (0, import_react20.useMemo)(() => {
+  const cartVariantIds = (0, import_react21.useMemo)(() => {
     return (generalContextParams?.cart?.items || []).map((item) => item.variant_id).filter(Boolean).join(",");
   }, [generalContextParams?.cart?.items]);
-  const request = (0, import_react20.useMemo)(() => {
+  const request = (0, import_react21.useMemo)(() => {
     const req = {
       endpoint: settings?.endpoint || "/api/v1/products/recommended",
       params: {}
@@ -7175,7 +7215,7 @@ var RebuyWidget = (props) => {
     }
     return req;
   }, [settings, shopifyProductId, shopifyVariantId, cartProductIds, cartVariantIds]);
-  (0, import_react20.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     let isMounted = true;
     if (!clientInstance || !initialized || !settings || configLoadingStatus !== "success") return;
     const fetchData = async () => {
@@ -7227,7 +7267,7 @@ var RebuyWidget = (props) => {
     apiKeyFromConfig,
     cacheKeyToUse
   ]);
-  (0, import_react20.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     if (!showPopup) return;
     const handleClickOutside = (event) => {
       if (popupRef.current && !popupRef.current.contains(event.target)) {
@@ -7277,10 +7317,12 @@ var RebuyWidget = (props) => {
             closePopup();
           }, 0);
         },
+        cartCount: generalContextParams?.cart_count || 0,
+        checkoutUrl: generalContextParams?.checkoutUrl,
         customTitle,
         customTitleLevel,
         customTitleStyle,
-        isHydrogenReact,
+        isHydrogenReact: rebuyGeneralContext?.contextParameters?.isHydrogenReact,
         isInPopup: true,
         onDismiss: closePopup,
         products,
@@ -7291,11 +7333,12 @@ var RebuyWidget = (props) => {
     WidgetContent,
     {
       addToCartCallback,
+      checkoutUrl: generalContextParams?.checkoutUrl,
       customTitle,
       customTitleLevel,
       customTitleStyle,
       isCrossSell,
-      isHydrogenReact,
+      isHydrogenReact: rebuyGeneralContext?.contextParameters?.isHydrogenReact,
       isInPopup: settings?.display_type === "popup",
       products,
       settings
@@ -7315,7 +7358,7 @@ var CrossSell = ({ componentConfig }) => {
 };
 
 // src/smart-cart/components/CustomCode/CustomCodeBlock.tsx
-var import_react21 = __toESM(require("react"), 1);
+var import_react22 = __toESM(require("react"), 1);
 
 // src/utils/nonceManager.ts
 var cachedNonce = void 0;
@@ -7389,12 +7432,12 @@ var executeScriptsInContainer = (container, debugKey, debugContext) => {
 
 // src/smart-cart/components/CustomCode/CustomCodeBlock.tsx
 var import_jsx_runtime31 = require("react/jsx-runtime");
-var CustomCodeBlock = import_react21.default.memo(({ componentConfig }) => {
-  const containerRef = (0, import_react21.useRef)(null);
-  const executedCodeRef = (0, import_react21.useRef)(null);
+var CustomCodeBlock = import_react22.default.memo(({ componentConfig }) => {
+  const containerRef = (0, import_react22.useRef)(null);
+  const executedCodeRef = (0, import_react22.useRef)(null);
   const componentId = componentConfig.component_id;
-  const htmlCode = (0, import_react21.useMemo)(() => componentConfig.settings?.html_code ?? null, [componentConfig.settings?.html_code]);
-  (0, import_react21.useEffect)(() => {
+  const htmlCode = (0, import_react22.useMemo)(() => componentConfig.settings?.html_code ?? null, [componentConfig.settings?.html_code]);
+  (0, import_react22.useEffect)(() => {
     const container = containerRef.current;
     if (htmlCode && container && executedCodeRef.current !== htmlCode) {
       const timerId = setTimeout(() => {
@@ -7430,20 +7473,20 @@ CustomCodeBlock.displayName = "CustomCodeBlock";
 
 // src/smart-cart/components/DiscountCodeInput/DiscountCodeInput.tsx
 var import_clsx8 = __toESM(require("clsx"), 1);
-var import_react23 = __toESM(require("react"), 1);
+var import_react24 = __toESM(require("react"), 1);
 var import_react_router7 = require("react-router");
 
 // src/smart-cart/hooks/useDiscountManager.ts
-var import_react22 = require("react");
+var import_react23 = require("react");
 var GENERIC_ERROR_CODE_MESSAGE = "{{code}} is not valid for this cart.";
 var useDiscountManager = () => {
   const { cartData, error: cartErrorFromCtx, getComponentConfigByType } = useSmartCart();
-  const [isProcessing, setIsProcessing] = (0, import_react22.useState)(false);
-  const [currentError, setCurrentError] = (0, import_react22.useState)(null);
-  const [appliedCodesState, setAppliedCodesState] = (0, import_react22.useState)([]);
-  const componentConfig = (0, import_react22.useMemo)(() => getComponentConfigByType("discount_code"), [getComponentConfigByType]);
-  const settings = (0, import_react22.useMemo)(() => componentConfig?.settings ?? null, [componentConfig]);
-  (0, import_react22.useEffect)(() => {
+  const [isProcessing, setIsProcessing] = (0, import_react23.useState)(false);
+  const [currentError, setCurrentError] = (0, import_react23.useState)(null);
+  const [appliedCodesState, setAppliedCodesState] = (0, import_react23.useState)([]);
+  const componentConfig = (0, import_react23.useMemo)(() => getComponentConfigByType("discount_code"), [getComponentConfigByType]);
+  const settings = (0, import_react23.useMemo)(() => componentConfig?.settings ?? null, [componentConfig]);
+  (0, import_react23.useEffect)(() => {
     const codesFromApi = cartData?.discountCodes?.filter((dc) => dc.applicable).map((dc) => dc.code) ?? [];
     if (JSON.stringify(codesFromApi) !== JSON.stringify(appliedCodesState)) {
       setAppliedCodesState(codesFromApi);
@@ -7454,7 +7497,7 @@ var useDiscountManager = () => {
     }
   }, [cartData?.discountCodes, appliedCodesState, currentError]);
   const errorToDisplay = currentError ?? cartErrorFromCtx;
-  const prepareApplyCode = (0, import_react22.useCallback)(
+  const prepareApplyCode = (0, import_react23.useCallback)(
     (code) => {
       if (!code) return null;
       const codeUpper = code.trim().toUpperCase();
@@ -7463,7 +7506,7 @@ var useDiscountManager = () => {
     },
     [appliedCodesState]
   );
-  const prepareRemoveCode = (0, import_react22.useCallback)(
+  const prepareRemoveCode = (0, import_react23.useCallback)(
     (codeToRemove) => {
       const codeUpper = codeToRemove.trim().toUpperCase();
       const codesToKeep = appliedCodesState.filter((c) => c.toUpperCase() !== codeUpper);
@@ -7471,7 +7514,7 @@ var useDiscountManager = () => {
     },
     [appliedCodesState]
   );
-  const prepareRemoveAllCodes = (0, import_react22.useCallback)(() => {
+  const prepareRemoveAllCodes = (0, import_react23.useCallback)(() => {
     return { codes: [] };
   }, []);
   const processActionResult = (resultCart, attemptedCode) => {
@@ -7537,12 +7580,12 @@ var DiscountCodeInputComponent = ({ componentConfig }) => {
     setIsProcessing: setDiscountManagerIsProcessing,
     settings
   } = useDiscountManager();
-  const [inputValue, setInputValue] = (0, import_react23.useState)("");
-  const [isInputFocused, setIsInputFocused] = (0, import_react23.useState)(false);
-  const [isLocallyProcessing, setIsLocallyProcessing] = (0, import_react23.useState)(false);
-  const inputRef = (0, import_react23.useRef)(null);
+  const [inputValue, setInputValue] = (0, import_react24.useState)("");
+  const [isInputFocused, setIsInputFocused] = (0, import_react24.useState)(false);
+  const [isLocallyProcessing, setIsLocallyProcessing] = (0, import_react24.useState)(false);
+  const inputRef = (0, import_react24.useRef)(null);
   const hasItems = getItemCount() > 0;
-  const lang = (0, import_react23.useMemo)(
+  const lang = (0, import_react24.useMemo)(
     () => ({
       // applyingLabel: settings?.language?.discount_applying_label ?? 'Applying...',
       buttonLabel: settings?.language?.discount_button_label ?? "Apply",
@@ -7550,23 +7593,23 @@ var DiscountCodeInputComponent = ({ componentConfig }) => {
     }),
     [settings]
   );
-  const isLoadingCombined = (0, import_react23.useMemo)(() => {
+  const isLoadingCombined = (0, import_react24.useMemo)(() => {
     if (isHydrogenReact) return isGlobalCartLoading || isLocallyProcessing;
     return discountFetcher.state !== "idle" || isLocallyProcessing;
   }, [isHydrogenReact, isGlobalCartLoading, discountFetcher.state, isLocallyProcessing]);
   const shouldShowTags = appliedCodes.length > 0;
-  const discountTotalAmount = (0, import_react23.useMemo)(() => {
+  const discountTotalAmount = (0, import_react24.useMemo)(() => {
     if (!cartData || !shouldShowTags || !Array.isArray(cartData.discountAllocations)) {
       return 0;
     }
     return cartData.discountAllocations.filter((alloc) => alloc.__typename === "CartCodeDiscountAllocation").reduce((sum, alloc) => sum + parseFloat(alloc.discountedAmount.amount), 0);
   }, [cartData, shouldShowTags]);
-  const _formattedDiscountTotal = (0, import_react23.useMemo)(() => {
+  const _formattedDiscountTotal = (0, import_react24.useMemo)(() => {
     if (discountTotalAmount <= 0) return "";
     const currencyCode = cartData?.cost?.totalAmount?.currencyCode ?? "USD";
     return `- ${formatMoney(discountTotalAmount, void 0, currencyCode)}`;
   }, [discountTotalAmount, cartData, appliedCodes]);
-  const handleApply = (0, import_react23.useCallback)(
+  const handleApply = (0, import_react24.useCallback)(
     (event) => {
       event.preventDefault();
       if (!inputValue.trim() || isLoadingCombined) return;
@@ -7603,7 +7646,7 @@ var DiscountCodeInputComponent = ({ componentConfig }) => {
       setDiscountManagerError
     ]
   );
-  const handleRemove = (0, import_react23.useCallback)(
+  const handleRemove = (0, import_react24.useCallback)(
     (code) => {
       if (isLoadingCombined) return;
       const payloadFromManager = prepareRemoveCode(code);
@@ -7636,7 +7679,7 @@ var DiscountCodeInputComponent = ({ componentConfig }) => {
       setDiscountManagerError
     ]
   );
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (isHydrogenReact) {
       if (!isGlobalCartLoading && isLocallyProcessing) {
         setIsLocallyProcessing(false);
@@ -7763,11 +7806,11 @@ var DiscountCodeInputComponent = ({ componentConfig }) => {
     }
   );
 };
-var DiscountCodeInput = import_react23.default.memo(DiscountCodeInputComponent);
+var DiscountCodeInput = import_react24.default.memo(DiscountCodeInputComponent);
 DiscountCodeInput.displayName = "DiscountCodeInput";
 
 // src/smart-cart/components/LoginButton/LoginButton.tsx
-var import_react24 = __toESM(require("react"), 1);
+var import_react25 = __toESM(require("react"), 1);
 
 // src/smart-cart/components/LoginButton/LoginButton.module.css
 var result19 = { "rebuy-login-button": "LoginButton_rebuy-login-button" };
@@ -7775,7 +7818,7 @@ var LoginButton_default = result19;
 
 // src/smart-cart/components/LoginButton/LoginButton.tsx
 var import_jsx_runtime33 = require("react/jsx-runtime");
-var LoginButton = import_react24.default.memo(() => {
+var LoginButton = import_react25.default.memo(() => {
   const { cartData, getComponentConfigByType } = useSmartCart();
   const componentConfig = getComponentConfigByType("login");
   const isLoggedInViaApi = !!cartData?.buyerIdentity?.customer?.id;
@@ -7803,10 +7846,10 @@ var LoginButton = import_react24.default.memo(() => {
 LoginButton.displayName = "LoginButton";
 
 // src/smart-cart/components/SmartCartApp/SmartCartApp.tsx
-var import_react26 = __toESM(require("react"), 1);
+var import_react27 = __toESM(require("react"), 1);
 
 // src/smart-cart/hooks/useSmartCartApps.ts
-var import_react25 = require("react");
+var import_react26 = require("react");
 
 // src/smart-cart/types/smart-cart-app.ts
 var import_zod2 = require("zod");
@@ -7828,11 +7871,11 @@ var smartCartAppMerchantConfigSchema = import_zod2.z.object({
 // src/smart-cart/hooks/useSmartCartApps.ts
 var useSmartCartApps = () => {
   const { apiKey, cacheKey, config, shopifyDomain } = useSmartCart();
-  const [enrichedApps, setEnrichedApps] = (0, import_react25.useState)(/* @__PURE__ */ new Map());
-  const [isLoading, setIsLoading] = (0, import_react25.useState)(false);
-  const [error, setError] = (0, import_react25.useState)(null);
+  const [enrichedApps, setEnrichedApps] = (0, import_react26.useState)(/* @__PURE__ */ new Map());
+  const [isLoading, setIsLoading] = (0, import_react26.useState)(false);
+  const [error, setError] = (0, import_react26.useState)(null);
   const initialAppsConfig = config?.apps;
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     let isMounted = true;
     const fetchAndEnrichApps = async () => {
       if (!initialAppsConfig || initialAppsConfig.length === 0) {
@@ -8013,19 +8056,19 @@ var useSmartCartApps = () => {
 
 // src/smart-cart/components/SmartCartApp/SmartCartApp.tsx
 var import_jsx_runtime34 = require("react/jsx-runtime");
-var SmartCartApp = import_react26.default.memo(({ componentConfig }) => {
-  const containerRef = (0, import_react26.useRef)(null);
-  const executedScriptRef = (0, import_react26.useRef)(null);
+var SmartCartApp = import_react27.default.memo(({ componentConfig }) => {
+  const containerRef = (0, import_react27.useRef)(null);
+  const executedScriptRef = (0, import_react27.useRef)(null);
   const { enrichedApps, error: appsHookError, isLoading: appsLoading } = useSmartCartApps();
   const componentId = componentConfig.component_id;
-  const appId = (0, import_react26.useMemo)(
+  const appId = (0, import_react27.useMemo)(
     () => componentConfig.settings?.app_id ? Number(componentConfig.settings.app_id) : null,
     [componentConfig.settings?.app_id]
   );
   const appData = appId !== null ? enrichedApps.get(appId) : null;
   const enabledAppData = appData?.enabled ? appData : null;
   const scriptContent = enabledAppData?.script ?? null;
-  (0, import_react26.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     const container = containerRef.current;
     if (container && scriptContent && executedScriptRef.current !== scriptContent) {
       const timerId = setTimeout(() => {
@@ -8080,7 +8123,7 @@ SmartCartApp.displayName = "SmartCartApp";
 
 // src/smart-cart/components/TieredProgressBar/TieredProgressBar.tsx
 var import_clsx10 = __toESM(require("clsx"), 1);
-var import_react27 = __toESM(require("react"), 1);
+var import_react28 = __toESM(require("react"), 1);
 var import_react_router8 = require("react-router");
 var import_shallow2 = require("zustand/shallow");
 
@@ -8285,10 +8328,10 @@ var codeBlock = {
 
 // src/smart-cart/components/TieredProgressBar/TieredProgressBar.tsx
 var import_jsx_runtime36 = require("react/jsx-runtime");
-var TieredProgressBar = import_react27.default.memo(() => {
+var TieredProgressBar = import_react28.default.memo(() => {
   const { hydrogenReactCartActions, isCartBusy, isHydrogenReact } = useSmartCart();
   const tpbUserActionFetcher = (0, import_react_router8.useFetcher)();
-  const [showDebugPanel, setShowDebugPanel] = (0, import_react27.useState)(false);
+  const [showDebugPanel, setShowDebugPanel] = (0, import_react28.useState)(false);
   const {
     _lastFetchedBarId,
     activeBarConfig,
@@ -8330,10 +8373,10 @@ var TieredProgressBar = import_react27.default.memo(() => {
   const handleRemoveGiftStore = useTieredProgressBarStore((state) => state.handleRemoveGift);
   const clearUserActionError = useTieredProgressBarStore((state) => state.clearUserActionError);
   const setSubmitFunctions = useTieredProgressBarStore((state) => state.setSubmitFunctions);
-  const shouldDisableGiftActions = (0, import_react27.useMemo)(() => {
+  const shouldDisableGiftActions = (0, import_react28.useMemo)(() => {
     return isCartBusy || productFetchStatus === "loading";
   }, [isCartBusy, productFetchStatus]);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     if (isHydrogenReact) {
       const hReactLinesAdd = hydrogenReactCartActions?.linesAdd;
       const hReactLinesRemove = hydrogenReactCartActions?.linesRemove;
@@ -8374,13 +8417,13 @@ var TieredProgressBar = import_react27.default.memo(() => {
       rebuyDebugLog.log("smart-cart-tpb" /* SC_TPB */, "Set Remix fetcher submit functions for TPB.");
     }
   }, [isHydrogenReact, hydrogenReactCartActions, tpbUserActionFetcher, setSubmitFunctions]);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     if (userActionError) {
       const timer = setTimeout(() => clearUserActionError(), 5e3);
       return () => clearTimeout(timer);
     }
   }, [userActionError, clearUserActionError]);
-  const { amountToNextTier, currentTier, lastReachedTier, realPercentageComplete, visualPercentageComplete } = (0, import_react27.useMemo)(() => {
+  const { amountToNextTier, currentTier, lastReachedTier, realPercentageComplete, visualPercentageComplete } = (0, import_react28.useMemo)(() => {
     let calculatedAmountToNextTier = 0, calculatedCurrentTier = null, calculatedLastReachedTier = null, calculatedRealPercentageComplete = 0;
     if (activeBarConfig && activeBarConfig.tiers.length > 0 && isCartReady) {
       const allTiers = activeBarConfig.tiers;
@@ -8408,31 +8451,31 @@ var TieredProgressBar = import_react27.default.memo(() => {
       visualPercentageComplete: calculatedVisualPercentageComplete
     };
   }, [activeBarConfig, currentSubtotal, hasFreeShippingOnSubscription, isCartReady]);
-  const giftsForDisplay = (0, import_react27.useMemo)(() => Array.from(giftStates.values()), [giftStates]);
-  const feedbackText = (0, import_react27.useMemo)(
+  const giftsForDisplay = (0, import_react28.useMemo)(() => Array.from(giftStates.values()), [giftStates]);
+  const feedbackText = (0, import_react28.useMemo)(
     () => getTierFeedbackText(activeBarConfig, currentTier, lastReachedTier, amountToNextTier, fetchedProductMap),
     [activeBarConfig, currentTier, lastReachedTier, amountToNextTier, fetchedProductMap]
   );
-  const handleVariantSelect = (0, import_react27.useCallback)(
+  const handleVariantSelect = (0, import_react28.useCallback)(
     (tierId, variantGid) => {
       handleSelectVariantStore(tierId, variantGid);
     },
     [handleSelectVariantStore]
   );
-  const handleGiftAddOrReAdd = (0, import_react27.useCallback)(
+  const handleGiftAddOrReAdd = (0, import_react28.useCallback)(
     (tierId) => {
       handleAddOrReAddGiftStore(tierId);
     },
     [handleAddOrReAddGiftStore]
   );
-  const handleGiftRemove = (0, import_react27.useCallback)(
+  const handleGiftRemove = (0, import_react28.useCallback)(
     (tierId) => {
       handleRemoveGiftStore(tierId);
     },
     [handleRemoveGiftStore]
   );
   const lineItemMode = activeBarConfig?.use_line_item_mode ?? false;
-  const productsToRenderInGiftArea = (0, import_react27.useMemo)(
+  const productsToRenderInGiftArea = (0, import_react28.useMemo)(
     () => giftsForDisplay.filter((p) => {
       if (!p.isReached) return false;
       if (p.displayStatus === "unavailable" /* UNAVAILABLE */ && !p.error && !p.canReAdd) return false;
@@ -8442,7 +8485,7 @@ var TieredProgressBar = import_react27.default.memo(() => {
     }),
     [giftsForDisplay, lineItemMode]
   );
-  const renderGiftArea = (0, import_react27.useMemo)(
+  const renderGiftArea = (0, import_react28.useMemo)(
     () => shouldRenderGiftArea(activeBarConfig, productsToRenderInGiftArea.length > 0),
     [activeBarConfig, productsToRenderInGiftArea.length]
   );
@@ -8477,7 +8520,7 @@ var TieredProgressBar = import_react27.default.memo(() => {
             width: configuredIconSize
           };
         let iconElement;
-        if (import_react27.default.isValidElement(iconRenderData)) iconElement = iconRenderData;
+        if (import_react28.default.isValidElement(iconRenderData)) iconElement = iconRenderData;
         else if (iconRenderData.type === "image") {
           const imageObject = iconRenderData;
           iconElement = /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
@@ -8663,7 +8706,7 @@ var componentRegistry = {
 // src/smart-cart/components/_Layouts/AnchorSlot.tsx
 var import_jsx_runtime38 = require("react/jsx-runtime");
 var AnchorSlot = ({ anchor, components, excludeTypes, includeTypes }) => {
-  const componentsForSlot = (0, import_react28.useMemo)(() => {
+  const componentsForSlot = (0, import_react29.useMemo)(() => {
     return components.filter((comp) => {
       const isCorrectAnchor = comp.anchor === anchor;
       const isVisible = comp.visibility_status !== "hidden";
@@ -8691,13 +8734,13 @@ var AnchorSlot = ({ anchor, components, excludeTypes, includeTypes }) => {
 
 // src/smart-cart/components/_Layouts/DoubleColumnLayout.tsx
 var import_clsx11 = __toESM(require("clsx"), 1);
-var import_react30 = require("react");
+var import_react31 = require("react");
 
 // src/smart-cart/hooks/useIsScrolled.ts
-var import_react29 = require("react");
+var import_react30 = require("react");
 var useIsScrolled = (scrollElementRef) => {
-  const [isScrolled, setIsScrolled] = (0, import_react29.useState)(false);
-  (0, import_react29.useEffect)(() => {
+  const [isScrolled, setIsScrolled] = (0, import_react30.useState)(false);
+  (0, import_react30.useEffect)(() => {
     const scrollElement = scrollElementRef.current;
     if (!scrollElement) return;
     const handleScroll = () => {
@@ -8719,7 +8762,7 @@ var LayoutStyles_default = result21;
 // src/smart-cart/components/_Layouts/DoubleColumnLayout.tsx
 var import_jsx_runtime39 = require("react/jsx-runtime");
 var DoubleColumnLayout = ({ components, itemCount, layout }) => {
-  const scrollAreaRef = (0, import_react30.useRef)(null);
+  const scrollAreaRef = (0, import_react31.useRef)(null);
   const isScrolled = useIsScrolled(scrollAreaRef);
   const layoutClass = layout === "double-right" ? LayoutStyles_default["rebuy-smart-cart-layout__flyout-inner--double-right"] : LayoutStyles_default["rebuy-smart-cart-layout__flyout-inner--double"];
   return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: (0, import_clsx11.default)(LayoutStyles_default["rebuy-smart-cart-layout__flyout-inner"], layoutClass), children: [
@@ -8761,10 +8804,10 @@ var DoubleColumnLayout = ({ components, itemCount, layout }) => {
 
 // src/smart-cart/components/_Layouts/SingleColumnLayout.tsx
 var import_clsx12 = __toESM(require("clsx"), 1);
-var import_react31 = require("react");
+var import_react32 = require("react");
 var import_jsx_runtime40 = require("react/jsx-runtime");
 var SingleColumnLayout = ({ components, itemCount }) => {
-  const scrollAreaRef = (0, import_react31.useRef)(null);
+  const scrollAreaRef = (0, import_react32.useRef)(null);
   const isScrolled = useIsScrolled(scrollAreaRef);
   return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: LayoutStyles_default["rebuy-smart-cart-layout__anchor-goal-box"], "data-rebuy-cart-anchor": "goalBox", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AnchorSlot, { anchor: "goalBox", components }) }),
@@ -8801,16 +8844,16 @@ var SmartCartContainer_default = result22;
 var import_jsx_runtime41 = require("react/jsx-runtime");
 var SmartCartContainer = ({ containerId }) => {
   const { config, getItemCount, hideCart, isVisible } = useSmartCart();
-  const containerRef = (0, import_react32.useRef)(null);
-  const previousFocusRef = (0, import_react32.useRef)(null);
-  const components = (0, import_react32.useMemo)(() => config && Array.isArray(config.components) ? config.components : [], [config]);
-  const handleClose = (0, import_react32.useCallback)(() => {
+  const containerRef = (0, import_react33.useRef)(null);
+  const previousFocusRef = (0, import_react33.useRef)(null);
+  const components = (0, import_react33.useMemo)(() => config && Array.isArray(config.components) ? config.components : [], [config]);
+  const handleClose = (0, import_react33.useCallback)(() => {
     hideCart();
     if (previousFocusRef.current) {
       previousFocusRef.current.focus();
     }
   }, [hideCart]);
-  (0, import_react32.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     if (isVisible) {
       previousFocusRef.current = document.activeElement;
       const closeButton = containerRef.current?.querySelector("#rebuy-cart-close");
@@ -8819,7 +8862,7 @@ var SmartCartContainer = ({ containerId }) => {
       }
     }
   }, [isVisible]);
-  (0, import_react32.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     if (isVisible) {
       document.body.classList.add("rebuy-smart-cart-open");
     } else {
@@ -8853,7 +8896,7 @@ var SmartCartContainer = ({ containerId }) => {
   const defaultTitleId = "rebuy-smart-cart-default-title";
   const titleBarComponent = components.find((c) => c.type === "title_bar");
   const ariaLabelledBy = titleBarComponent ? `rebuy-title-${titleBarComponent.component_id}` : defaultTitleId;
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_react32.default.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_react33.default.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: backgroundClassName, onClick: handleClose }),
     /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
       "div",
@@ -8910,19 +8953,41 @@ var RebuySmartCart = () => {
 var import_rebuy3 = require("@rebuy/rebuy");
 var Utilities5 = __toESM(require("@rebuy/rebuy/utilities"), 1);
 var import_hydrogen7 = require("@shopify/hydrogen");
-var import_react33 = __toESM(require("react"), 1);
+var import_react35 = require("react");
+
+// src/context/RebuyWidgetContext.tsx
+var import_react34 = require("react");
+var import_jsx_runtime43 = require("react/jsx-runtime");
+var RebuyWidgetContext = (0, import_react34.createContext)({
+  dataSource: "",
+  isHydrogenReact: false,
+  key: "",
+  limit: 0,
+  metadata: {},
+  options: {},
+  products: [],
+  variant: void 0,
+  variantId: void 0
+});
+var useRebuyWidget = () => (0, import_react34.useContext)(RebuyWidgetContext);
+var RebuyWidgetProvider = ({ children, value }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(RebuyWidgetContext.Provider, { value, children });
+};
+
+// src/widgetContainer/RebuyWidgetContainer.tsx
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var RebuyWidgetContainerBase = ({ children, ...props }) => {
   const { collection, collectionId, dataSource, limit, options, product, productId, variant, variantId } = props;
   const { apiKey, loadingStatus: configLoadingStatus, rebuyConfig } = useRebuyConfig();
-  const rebuyContext = (0, import_react33.useContext)(RebuyContext);
-  const [rebuyApiClient, setRebuyApiClient] = (0, import_react33.useState)(null);
-  const [initialized, setInitialized] = (0, import_react33.useState)(false);
+  const rebuyContext = (0, import_react35.useContext)(RebuyContext);
+  const [rebuyApiClient, setRebuyApiClient] = (0, import_react35.useState)(null);
+  const [initialized, setInitialized] = (0, import_react35.useState)(false);
   const shopifyProductId = product?.id ?? productId ?? null;
   const shopifyVariantId = variant?.id ?? variantId ?? null;
   const shopifyCollectionId = collection?.id ?? collectionId ?? null;
-  const [products, setProducts] = (0, import_react33.useState)([]);
-  const [metadata, setMetadata] = (0, import_react33.useState)();
-  (0, import_react33.useEffect)(() => {
+  const [products, setProducts] = (0, import_react35.useState)([]);
+  const [metadata, setMetadata] = (0, import_react35.useState)();
+  (0, import_react35.useEffect)(() => {
     if (!rebuyApiClient && apiKey && configLoadingStatus === "success") {
       const client = new import_rebuy3.RebuyClient(apiKey);
       const currentEndpoint = dataSource || "/api/v1/products/recommended";
@@ -8937,14 +9002,14 @@ var RebuyWidgetContainerBase = ({ children, ...props }) => {
       setInitialized(true);
     }
   }, [apiKey, rebuyApiClient, configLoadingStatus, options, rebuyContext, dataSource]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     if (rebuyApiClient && rebuyContext?.contextParameters) {
       const currentEndpoint = dataSource || "/api/v1/products/recommended";
       const filteredParams = filterContextForWidgetEndpoints(rebuyContext.contextParameters, currentEndpoint);
       rebuyApiClient.setContextParameters(filteredParams);
     }
   }, [rebuyApiClient, rebuyContext, dataSource]);
-  const request = (0, import_react33.useMemo)(() => {
+  const request = (0, import_react35.useMemo)(() => {
     const req = {
       endpoint: dataSource || "/api/v1/products/recommended",
       params: {}
@@ -8964,7 +9029,7 @@ var RebuyWidgetContainerBase = ({ children, ...props }) => {
     }
     return req;
   }, [dataSource, shopifyProductId, shopifyVariantId, shopifyCollectionId, limit]);
-  (0, import_react33.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     let isMounted = true;
     if (!rebuyApiClient || !initialized || configLoadingStatus !== "success") return;
     const fetchData = async () => {
@@ -8997,23 +9062,30 @@ var RebuyWidgetContainerBase = ({ children, ...props }) => {
       isMounted = false;
     };
   }, [rebuyApiClient, initialized, request, configLoadingStatus]);
-  const childrenWithProps = (currentProps) => import_react33.default.Children.map(
-    children,
-    (child) => import_react33.default.isValidElement(child) ? import_react33.default.cloneElement(child, currentProps) : child
-  );
-  const childProps = {
-    ...props,
-    apiKey,
-    cacheKey: rebuyConfig?.shop?.cache_key,
-    isHydrogenReact: rebuyContext?.contextParameters?.isHydrogenReact,
-    key: product?.id,
-    metadata,
-    products
-  };
   if (configLoadingStatus !== "success" || !rebuyApiClient) {
     return null;
   }
-  return childrenWithProps(childProps);
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    RebuyWidgetProvider,
+    {
+      value: {
+        apiKey: apiKey ?? void 0,
+        cacheKey: rebuyConfig?.shop?.cache_key,
+        dataSource: dataSource || "/api/v1/products/recommended",
+        isHydrogenReact: rebuyContext?.contextParameters?.isHydrogenReact || false,
+        key: product?.id || "",
+        limit: limit || 0,
+        metadata: metadata || {},
+        options: options || {},
+        product,
+        productId,
+        products,
+        variant,
+        variantId
+      },
+      children
+    }
+  );
 };
 var RebuyWidgetContainer = RebuyWidgetContainerBase;
 
@@ -9022,37 +9094,38 @@ var result23 = { "container": "RebuyCompleteTheLook_container", "productGrid": "
 var RebuyCompleteTheLook_default = result23;
 
 // src/widgets/RebuyCompleteTheLook/RebuyCompleteTheLook.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var RebuyCompleteTheLook = (props) => {
   const {
     addToCartBtnText = "Add to cart",
     addToCartCallback,
-    customTitle = `These pair with ${props.product?.title}`,
+    customTitle = `These pair with {product_title}`,
     customTitleLevel = "h2",
-    customTitleStyle,
-    products = []
+    customTitleStyle
   } = props;
+  const { isHydrogenReact, product, products } = useRebuyWidget();
+  const productTitle = customTitle.replace("{product_title}", product?.title ?? "");
   if (products.length === 0) {
     rebuyDebugLog.log("widget-complete-the-look" /* WIDGET_COMPLETE_THE_LOOK */, "RebuyCompleteTheLook: No products found");
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("section", { className: RebuyCompleteTheLook_default.container, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Title, { level: getTitleLevel(customTitleLevel), style: customTitleStyle, text: customTitle }),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("ul", { className: RebuyCompleteTheLook_default.productGrid, children: products.map((product) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("li", { className: RebuyCompleteTheLook_default.productItem, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("section", { className: RebuyCompleteTheLook_default.container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Title, { level: getTitleLevel(customTitleLevel), style: customTitleStyle, text: productTitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("ul", { className: RebuyCompleteTheLook_default.productGrid, children: products.map((product2) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("li", { className: RebuyCompleteTheLook_default.productItem, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
       ProductCard,
       {
         addToCartBtnText,
         addToCartCallback,
-        isHydrogenReact: props.isHydrogenReact,
-        product,
+        isHydrogenReact,
+        product: product2,
         productCardTitleLevel: getTitleLevel(customTitleLevel, true)
       }
-    ) }, product.id)) })
+    ) }, product2.id)) })
   ] });
 };
 
 // src/widgets/RebuyDynamicBundleProducts/RebuyDynamicBundleProducts.tsx
-var import_react35 = require("react");
+var import_react37 = require("react");
 
 // src/utils/convertToRebuyProduct.tsx
 var convertToRebuyProduct = (isHydrogenReact, product) => {
@@ -9304,19 +9377,19 @@ var convertToRebuyProduct = (isHydrogenReact, product) => {
 
 // src/widgets/RebuyDynamicBundleProducts/BundleImages.tsx
 var import_hydrogen8 = require("@shopify/hydrogen");
-var import_react34 = require("react");
+var import_react36 = require("react");
 
 // src/widgets/RebuyDynamicBundleProducts/RebuyDynamicBundleProducts.module.css
 var result24 = { "container": "RebuyDynamicBundleProducts_container", "addCartBtnContainer": "RebuyDynamicBundleProducts_addCartBtnContainer", "bundleContainer": "RebuyDynamicBundleProducts_bundleContainer", "select": "RebuyDynamicBundleProducts_select", "bundleItemRowContainer": "RebuyDynamicBundleProducts_bundleItemRowContainer", "unselected": "RebuyDynamicBundleProducts_unselected", "bundleItemRow": "RebuyDynamicBundleProducts_bundleItemRow", "bundleItemInput": "RebuyDynamicBundleProducts_bundleItemInput", "bundleItemLabel": "RebuyDynamicBundleProducts_bundleItemLabel", "bundleImages": "RebuyDynamicBundleProducts_bundleImages", "bundleImage": "RebuyDynamicBundleProducts_bundleImage", "bundleImageDelimiter": "RebuyDynamicBundleProducts_bundleImageDelimiter", "compareAtPrice": "RebuyDynamicBundleProducts_compareAtPrice" };
 var RebuyDynamicBundleProducts_default = result24;
 
 // src/widgets/RebuyDynamicBundleProducts/BundleImages.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var BundleImages = ({ products }) => {
   const selected = products.filter((product) => product.selected);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("ul", { className: RebuyDynamicBundleProducts_default.bundleImages, children: products.map((product, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("ul", { className: RebuyDynamicBundleProducts_default.bundleImages, children: products.map((product, index) => {
     const image = product.selectedVariant?.image;
-    const productImage = image ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    const productImage = image ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       import_hydrogen8.Image,
       {
         alt: image.altText || `Picture of ${product.title}`,
@@ -9331,14 +9404,14 @@ var BundleImages = ({ products }) => {
       product.title
     );
     const showDelimiter = selected[0]?.id !== product.id;
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react34.Fragment, { children: product.selected && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
-      showDelimiter && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("li", { className: RebuyDynamicBundleProducts_default.bundleImageDelimiter, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { children: "+" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("li", { className: "flex items-center", children: product.default ? (
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react36.Fragment, { children: product.selected && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
+      showDelimiter && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("li", { className: RebuyDynamicBundleProducts_default.bundleImageDelimiter, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { children: "+" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("li", { className: "flex items-center", children: product.default ? (
         // Already on product page
         productImage
       ) : (
         // Link to product
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           RebuyLink,
           {
             ariaLabel: `View ${product.title}`,
@@ -9353,7 +9426,7 @@ var BundleImages = ({ products }) => {
 
 // src/widgets/RebuyDynamicBundleProducts/BundlePrice.tsx
 var import_hydrogen9 = require("@shopify/hydrogen");
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var BundlePrice = ({ products }) => {
   const isDisabled = products.filter((product) => product.selected).length < 1;
   const totalBundlePrice = () => {
@@ -9390,12 +9463,12 @@ var BundlePrice = ({ products }) => {
   const price = totalBundlePrice();
   const compareAtPrice = totalBundleCompareAtPrice();
   const CompareAtPrice = ({ data: compareAtPrice2 }) => {
-    return compareAtPrice2 && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_hydrogen9.Money, { as: "span", className: RebuyDynamicBundleProducts_default.compareAtPrice, data: compareAtPrice2, withoutTrailingZeros: true });
+    return compareAtPrice2 && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_hydrogen9.Money, { as: "span", className: RebuyDynamicBundleProducts_default.compareAtPrice, data: compareAtPrice2, withoutTrailingZeros: true });
   };
-  return products.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "flex items-center flex-col", children: !isDisabled && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("p", { className: "flex items-center gap-2 mb-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { children: "Total Price:" }),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_hydrogen9.Money, { as: "span", data: price, withoutTrailingZeros: true }),
-    isDiscounted(price, compareAtPrice) && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(CompareAtPrice, { data: compareAtPrice })
+  return products.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex items-center flex-col", children: !isDisabled && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("p", { className: "flex items-center gap-2 mb-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { children: "Total Price:" }),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_hydrogen9.Money, { as: "span", data: price, withoutTrailingZeros: true }),
+    isDiscounted(price, compareAtPrice) && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(CompareAtPrice, { data: compareAtPrice })
   ] }) });
 };
 
@@ -9403,7 +9476,7 @@ var BundlePrice = ({ products }) => {
 var import_clsx14 = __toESM(require("clsx"), 1);
 
 // src/widgets/RebuyDynamicBundleProducts/Select.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var Select = ({ onSelectVariant, product }) => {
   const getOptionsLabel = (product2) => {
     const options = product2.variants.nodes[0].selectedOptions;
@@ -9412,30 +9485,30 @@ var Select = ({ onSelectVariant, product }) => {
     const useValues = optionsFromKeys.every((key) => ["name", "value"].includes(key));
     return (useValues ? optionsFromValues : optionsFromKeys).join(" / ");
   };
-  return product && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return product && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "select",
     {
       "aria-label": "select variant",
       className: RebuyDynamicBundleProducts_default.select,
       onChange: (e) => onSelectVariant(product, e.target.value),
       value: product.selectedVariant.id,
-      children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("optgroup", { label: getOptionsLabel(product), children: product.variants.nodes.map(({ id, title }) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("option", { value: id, children: title }, id + "-BundleVariant")) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("optgroup", { label: getOptionsLabel(product), children: product.variants.nodes.map(({ id, title }) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("option", { value: id, children: title }, id + "-BundleVariant")) })
     }
   );
 };
 
 // src/widgets/RebuyDynamicBundleProducts/BundleSelection.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var BundleSelection = ({ onSelectVariant, onToggleBundleItem, products }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("ul", { children: products.map((product, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("ul", { children: products.map((product, index) => {
     const { availableForSale } = product.selectedVariant;
     const isOutOfStock = !availableForSale;
-    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       "li",
       {
         className: (0, import_clsx14.default)(RebuyDynamicBundleProducts_default.bundleItemRowContainer, !product.selected && RebuyDynamicBundleProducts_default.unselected),
-        children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: RebuyDynamicBundleProducts_default.bundleItemRow, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: RebuyDynamicBundleProducts_default.bundleItemRow, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "input",
             {
               checked: product.selected && availableForSale,
@@ -9447,14 +9520,14 @@ var BundleSelection = ({ onSelectVariant, onToggleBundleItem, products }) => {
               value: product.id
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: RebuyDynamicBundleProducts_default.bundleItemInput, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("label", { className: RebuyDynamicBundleProducts_default.bundleItemLabel, htmlFor: `${product.id}-toggle`, children: [
-              isOutOfStock && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("b", { children: "SOLD OUT" }),
-              product.default && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("b", { children: "This item:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: RebuyDynamicBundleProducts_default.bundleItemInput, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("label", { className: RebuyDynamicBundleProducts_default.bundleItemLabel, htmlFor: `${product.id}-toggle`, children: [
+              isOutOfStock && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("b", { children: "SOLD OUT" }),
+              product.default && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("b", { children: "This item:" }),
               product.title,
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(RebuyProductPrice, { selectedVariant: product.selectedVariant })
+              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(RebuyProductPrice, { selectedVariant: product.selectedVariant })
             ] }),
-            product.variants.nodes.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Select, { onSelectVariant, product })
+            product.variants.nodes.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Select, { onSelectVariant, product })
           ] })
         ] })
       },
@@ -9464,20 +9537,19 @@ var BundleSelection = ({ onSelectVariant, onToggleBundleItem, products }) => {
 };
 
 // src/widgets/RebuyDynamicBundleProducts/RebuyDynamicBundleProducts.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var RebuyDynamicBundleProducts = (props) => {
   const {
     addToCartBtnText = "Add to cart",
     addToCartCallback,
-    customTitle = `These pair with ${props.product?.title}`,
+    customTitle = `These pair with {product_title}`,
     customTitleLevel = "h2",
-    customTitleStyle,
-    isHydrogenReact,
-    product,
-    products = []
+    customTitleStyle
   } = props;
-  const [bundleProducts, setBundleProducts] = (0, import_react35.useState)([]);
-  (0, import_react35.useEffect)(() => {
+  const { isHydrogenReact, product, products } = useRebuyWidget();
+  const productTitle = customTitle.replace("{product_title}", product?.title ?? "");
+  const [bundleProducts, setBundleProducts] = (0, import_react37.useState)([]);
+  (0, import_react37.useEffect)(() => {
     const mainProduct = convertToRebuyProduct(isHydrogenReact || false, product);
     const formattedProducts = products.map((product2) => {
       return {
@@ -9488,14 +9560,14 @@ var RebuyDynamicBundleProducts = (props) => {
     });
     setBundleProducts([mainProduct, ...formattedProducts]);
   }, [product, products, isHydrogenReact]);
-  const onToggleBundleItem = (0, import_react35.useCallback)(
+  const onToggleBundleItem = (0, import_react37.useCallback)(
     (product2) => {
       product2.selected = !product2.selected;
       setBundleProducts([...bundleProducts]);
     },
     [bundleProducts]
   );
-  const onSelectVariant = (0, import_react35.useCallback)(
+  const onSelectVariant = (0, import_react37.useCallback)(
     (product2, variant_id) => {
       const variant = product2.variants.nodes.find(({ id }) => id === variant_id);
       if (variant) {
@@ -9510,12 +9582,12 @@ var RebuyDynamicBundleProducts = (props) => {
     rebuyDebugLog.log("widget-dynamic-bundle-products" /* WIDGET_DYNAMIC_BUNDLE_PRODUCTS */, "RebuyDynamicBundleProducts: No products found");
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("section", { className: RebuyDynamicBundleProducts_default.container, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Title, { level: getTitleLevel(customTitleLevel), style: customTitleStyle, text: customTitle }),
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: RebuyDynamicBundleProducts_default.bundleContainer, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(BundleImages, { products: bundleProducts }),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(BundlePrice, { products: bundleProducts }),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: RebuyDynamicBundleProducts_default.addCartBtnContainer, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("section", { className: RebuyDynamicBundleProducts_default.container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Title, { level: getTitleLevel(customTitleLevel), style: customTitleStyle, text: productTitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: RebuyDynamicBundleProducts_default.bundleContainer, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(BundleImages, { products: bundleProducts }),
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(BundlePrice, { products: bundleProducts }),
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: RebuyDynamicBundleProducts_default.addCartBtnContainer, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
         AddToCartBtn,
         {
           addToCartBtnText,
@@ -9527,7 +9599,7 @@ var RebuyDynamicBundleProducts = (props) => {
           })
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
         BundleSelection,
         {
           onSelectVariant,
@@ -9541,7 +9613,7 @@ var RebuyDynamicBundleProducts = (props) => {
 
 // src/widgets/RebuyProductAddOns/RebuyProductAddOns.tsx
 var import_hydrogen_react3 = require("@shopify/hydrogen-react");
-var import_react36 = require("react");
+var import_react38 = require("react");
 
 // src/widgets/RebuyProductAddOns/RebuyProductAddOnCard.tsx
 var import_hydrogen10 = require("@shopify/hydrogen");
@@ -9551,7 +9623,7 @@ var result25 = { "container": "RebuyProductAddOns_container", "productAddOnsList
 var RebuyProductAddOns_default = result25;
 
 // src/widgets/RebuyProductAddOns/RebuyProductAddOnCard.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var RebuyProductAddOnCard = ({
   handleChange,
   learnMoreText,
@@ -9560,8 +9632,8 @@ var RebuyProductAddOnCard = ({
   titleLevel
 }) => {
   const { availableForSale, image } = product.selectedVariant || {};
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("label", { className: RebuyProductAddOns_default.addOnCard, htmlFor: product.id, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: RebuyProductAddOns_default.addOnCardContent, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("label", { className: RebuyProductAddOns_default.addOnCard, htmlFor: product.id, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: RebuyProductAddOns_default.addOnCardContent, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       "input",
       {
         checked: Boolean(product.selected),
@@ -9574,7 +9646,7 @@ var RebuyProductAddOnCard = ({
         value: ""
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: RebuyProductAddOns_default.addOnCardContentImage, children: image && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: RebuyProductAddOns_default.addOnCardContentImage, children: image && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       import_hydrogen10.Image,
       {
         alt: image.altText || `Picture of ${product.title}`,
@@ -9583,11 +9655,11 @@ var RebuyProductAddOnCard = ({
         width: 300
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: RebuyProductAddOns_default.addOnCardTextContent, children: [
-      !availableForSale && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: RebuyProductAddOns_default.addOnCardOutOfStock, children: outOfStockText }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Title, { level: titleLevel, text: product.title }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(RebuyProductPrice, { selectedVariant: product.selectedVariant }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: RebuyProductAddOns_default.addOnCardTextContent, children: [
+      !availableForSale && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: RebuyProductAddOns_default.addOnCardOutOfStock, children: outOfStockText }),
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Title, { level: titleLevel, text: product.title }),
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(RebuyProductPrice, { selectedVariant: product.selectedVariant }),
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         RebuyLink,
         {
           ariaLabel: `View ${product.title}`,
@@ -9601,28 +9673,28 @@ var RebuyProductAddOnCard = ({
 };
 
 // src/widgets/RebuyProductAddOns/RebuyProductAddOns.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var RebuyProductAddOns = (props) => {
   const {
+    addToCartBtnText = "Add to cart",
     addToCartCallback,
-    customTitle = `These pair with ${props.product?.title}`,
+    customTitle = `These pair with {product_title}`,
     customTitleLevel = "h2",
     customTitleStyle,
     includeMainProduct = false,
-    isHydrogenReact,
     learnMoreText = "Learn more",
     outOfStockText = "Out of stock",
-    product,
-    products = [],
-    addToCartBtnText = "Add to cart",
     subtotalText = "Add-ons Subtotal: ",
-    withProductText = `With ${product?.title}: `
+    withProductText = `With {product_title}: `
   } = props;
-  const [addedItems, setAddedItems] = (0, import_react36.useState)(products);
-  const [subtotalWithProduct, setSubtotalWithProduct] = (0, import_react36.useState)();
-  const [subtotalWithOutProduct, setSubtotalWithOutProduct] = (0, import_react36.useState)();
+  const { isHydrogenReact, product, products } = useRebuyWidget();
+  const productTitleClean = customTitle.replace("{product_title}", product?.title ?? "");
+  const withProductTextClean = withProductText.replace("{product_title}", product?.title ?? "");
+  const [addedItems, setAddedItems] = (0, import_react38.useState)(products);
+  const [subtotalWithProduct, setSubtotalWithProduct] = (0, import_react38.useState)();
+  const [subtotalWithOutProduct, setSubtotalWithOutProduct] = (0, import_react38.useState)();
   const convertedProduct = convertToRebuyProduct(isHydrogenReact || false, product);
-  (0, import_react36.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     let initialTotal = 0;
     let currencyCode = "USD";
     products.map((product2) => {
@@ -9652,7 +9724,7 @@ var RebuyProductAddOns = (props) => {
       setAddedItems(products);
     }
   }, [products, product, isHydrogenReact, includeMainProduct]);
-  const handleChange = (0, import_react36.useCallback)(
+  const handleChange = (0, import_react38.useCallback)(
     (event, product2) => {
       const newProducts = [...products];
       const productIndex = newProducts.findIndex((p) => p.id === product2.id);
@@ -9671,7 +9743,7 @@ var RebuyProductAddOns = (props) => {
     },
     [products]
   );
-  (0, import_react36.useEffect)(() => {
+  (0, import_react38.useEffect)(() => {
     let total = 0;
     let currencyCode = "USD";
     addedItems.forEach((item) => {
@@ -9697,9 +9769,9 @@ var RebuyProductAddOns = (props) => {
     rebuyDebugLog.log("widget-product-add-ons" /* WIDGET_PRODUCT_ADD_ONS */, "RebuyProductAddOns: No products found");
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: RebuyProductAddOns_default.container, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Title, { level: getTitleLevel(customTitleLevel), style: customTitleStyle, text: customTitle }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("ul", { className: RebuyProductAddOns_default.productAddOnsList, children: products.map((product2) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: RebuyProductAddOns_default.container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Title, { level: getTitleLevel(customTitleLevel), style: customTitleStyle, text: productTitleClean }),
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("ul", { className: RebuyProductAddOns_default.productAddOnsList, children: products.map((product2) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       RebuyProductAddOnCard,
       {
         handleChange,
@@ -9709,16 +9781,16 @@ var RebuyProductAddOns = (props) => {
         titleLevel: getTitleLevel(customTitleLevel, true)
       }
     ) }, product2.id)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: RebuyProductAddOns_default.productAddOnsFooter, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: RebuyProductAddOns_default.moneyContainer, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: RebuyProductAddOns_default.productAddOnsFooter, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: RebuyProductAddOns_default.moneyContainer, children: [
         subtotalText,
-        subtotalWithOutProduct && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_hydrogen_react3.Money, { data: subtotalWithOutProduct, withoutTrailingZeros: true })
+        subtotalWithOutProduct && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_hydrogen_react3.Money, { data: subtotalWithOutProduct, withoutTrailingZeros: true })
       ] }),
-      includeMainProduct && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: RebuyProductAddOns_default.moneyContainer, children: [
-        withProductText,
-        subtotalWithProduct && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_hydrogen_react3.Money, { data: subtotalWithProduct, withoutTrailingZeros: true })
+      includeMainProduct && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: RebuyProductAddOns_default.moneyContainer, children: [
+        withProductTextClean,
+        subtotalWithProduct && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_hydrogen_react3.Money, { data: subtotalWithProduct, withoutTrailingZeros: true })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: RebuyProductAddOns_default.addCartBtnContainer, children: includeMainProduct ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: RebuyProductAddOns_default.addCartBtnContainer, children: includeMainProduct ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         AddToCartBtn,
         {
           addToCartBtnText,
@@ -9728,7 +9800,7 @@ var RebuyProductAddOns = (props) => {
           moneyData: subtotalWithProduct,
           selectedVariants: addedItems.map((item) => item.selectedVariant)
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         AddToCartBtn,
         {
           addToCartBtnText,
@@ -9748,39 +9820,40 @@ var result26 = { "container": "RebuyProductRecommendations_container", "productG
 var RebuyProductRecommendations_default = result26;
 
 // src/widgets/RebuyProductRecommendations/RebuyProductRecommendations.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var RebuyProductRecommendations = (props) => {
   const {
     addToCartBtnText = "Add to cart",
     addToCartCallback,
-    customTitle = `These pair with ${props.product?.title}`,
+    customTitle = `These pair with {product_title}`,
     customTitleLevel = "h2",
-    customTitleStyle,
-    products = []
+    customTitleStyle
   } = props;
+  const { isHydrogenReact, product, products } = useRebuyWidget();
+  const productTitle = customTitle.replace("{product_title}", product?.title ?? "");
   if (products.length === 0) {
     rebuyDebugLog.log("widget-product-recommendations" /* WIDGET_PRODUCT_RECOMMENDATIONS */, "RebuyProductRecommendations: No products found");
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("section", { className: RebuyProductRecommendations_default.container, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Title, { level: getTitleLevel(customTitleLevel), style: customTitleStyle, text: customTitle }),
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("ul", { className: RebuyProductRecommendations_default.productGrid, children: products.map((product) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("section", { className: RebuyProductRecommendations_default.container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Title, { level: getTitleLevel(customTitleLevel), style: customTitleStyle, text: productTitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("ul", { className: RebuyProductRecommendations_default.productGrid, children: products.map((product2) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
       ProductCard,
       {
         addToCartBtnText,
         addToCartCallback,
-        isHydrogenReact: props.isHydrogenReact,
-        product,
+        isHydrogenReact,
+        product: product2,
         productCardTitleLevel: getTitleLevel(customTitleLevel, true)
       }
-    ) }, product.id)) })
+    ) }, product2.id)) })
   ] });
 };
 
 // src/widgets/RebuyProductViewed/RebuyProductViewed.tsx
 var import_rebuy4 = require("@rebuy/rebuy");
 var Utilities6 = __toESM(require("@rebuy/rebuy/utilities"), 1);
-var import_react37 = require("react");
+var import_react39 = require("react");
 
 // src/zustandStores/productViewed.ts
 var import_zustand2 = require("zustand");
@@ -9795,12 +9868,12 @@ var useProductViewedStore = (0, import_zustand2.create)((set) => ({
 var RebuyProductViewed = ({ ...props }) => {
   const { apiKey: apiKeyFromContext } = useRebuyConfig();
   const { customerId, product, productHandle, productId } = props;
-  const [event, setEvent] = (0, import_react37.useState)(null);
-  const [Rebuy, setRebuy] = (0, import_react37.useState)(null);
+  const [event, setEvent] = (0, import_react39.useState)(null);
+  const [Rebuy, setRebuy] = (0, import_react39.useState)(null);
   const shopifyProductId = product?.id ?? productId ?? null;
-  const [initialized, setInitialized] = (0, import_react37.useState)(false);
+  const [initialized, setInitialized] = (0, import_react39.useState)(false);
   const { setCustomerId, setUuid } = useProductViewedStore();
-  const request = (0, import_react37.useMemo)(() => {
+  const request = (0, import_react39.useMemo)(() => {
     const request2 = {
       parameters: {}
     };
@@ -9814,7 +9887,7 @@ var RebuyProductViewed = ({ ...props }) => {
     }
     return request2;
   }, [productHandle, shopifyProductId]);
-  (0, import_react37.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     const recordView = async () => {
       if (!Rebuy) {
         return;
@@ -9850,14 +9923,14 @@ var RebuyProductViewed = ({ ...props }) => {
 // src/widgets/RebuyRecentlyViewedProducts/RebuyRecentlyViewedProducts.tsx
 var import_rebuy5 = require("@rebuy/rebuy");
 var import_hydrogen11 = require("@shopify/hydrogen");
-var import_react38 = require("react");
+var import_react40 = require("react");
 
 // src/widgets/RebuyRecentlyViewedProducts/RebuyRecentlyViewedProducts.module.css
 var result27 = { "rebuy-recently-viewed-products-container": "RebuyRecentlyViewedProducts_rebuy-recently-viewed-products-container", "product-grid": "RebuyRecentlyViewedProducts_product-grid" };
 var RebuyRecentlyViewedProducts_default = result27;
 
 // src/widgets/RebuyRecentlyViewedProducts/RebuyRecentlyViewedProducts.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var RebuyRecentlyViewedProducts = (props) => {
   const {
     addToCartBtnText = "Add to cart",
@@ -9871,14 +9944,14 @@ var RebuyRecentlyViewedProducts = (props) => {
   } = props;
   const { customerId, uuid } = useProductViewedStore();
   const { apiKey, loadingStatus: configLoadingStatus, rebuyConfig } = useRebuyConfig();
-  const rebuyContext = (0, import_react38.useContext)(RebuyContext);
-  const [rebuyApiClient, setRebuyApiClient] = (0, import_react38.useState)(null);
-  const [initialized, setInitialized] = (0, import_react38.useState)(false);
-  const [products, setProducts] = (0, import_react38.useState)([]);
-  const [metadata, setMetadata] = (0, import_react38.useState)();
+  const rebuyContext = (0, import_react40.useContext)(RebuyContext);
+  const [rebuyApiClient, setRebuyApiClient] = (0, import_react40.useState)(null);
+  const [initialized, setInitialized] = (0, import_react40.useState)(false);
+  const [products, setProducts] = (0, import_react40.useState)([]);
+  const [metadata, setMetadata] = (0, import_react40.useState)();
   const rebuyConfigKey = rebuyConfig?.shop?.cache_key;
   const endpoint = customerId && customerId !== "" ? `/api/v1/products/viewed?key=${rebuyConfigKey}&customer_id=${customerId}` : `/api/v1/products/viewed?key=${rebuyConfigKey}&uuid=${uuid}`;
-  (0, import_react38.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (!rebuyApiClient && apiKey && configLoadingStatus === "success") {
       const client = new import_rebuy5.RebuyClient(apiKey);
       if (rebuyContext?.contextParameters) {
@@ -9892,13 +9965,13 @@ var RebuyRecentlyViewedProducts = (props) => {
       setInitialized(true);
     }
   }, [apiKey, rebuyApiClient, configLoadingStatus, options, rebuyContext, uuid, endpoint]);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (rebuyApiClient && rebuyContext?.contextParameters) {
       const filteredParams = filterContextForWidgetEndpoints(rebuyContext.contextParameters, endpoint);
       rebuyApiClient.setContextParameters(filteredParams);
     }
   }, [rebuyApiClient, rebuyContext, uuid, endpoint]);
-  const request = (0, import_react38.useMemo)(() => {
+  const request = (0, import_react40.useMemo)(() => {
     const req = {
       endpoint,
       params: {}
@@ -9909,7 +9982,7 @@ var RebuyRecentlyViewedProducts = (props) => {
     }
     return req;
   }, [limit, uuid, endpoint]);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     let isMounted = true;
     if (!rebuyApiClient || !initialized || configLoadingStatus !== "success") return;
     const fetchData = async () => {
@@ -9946,9 +10019,9 @@ var RebuyRecentlyViewedProducts = (props) => {
     rebuyDebugLog.log("widget-recently-viewed-products" /* WIDGET_RECENTLY_VIEWED_PRODUCTS */, "RebuyRecentlyViewedProducts: No products found");
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: RebuyRecentlyViewedProducts_default["rebuy-recently-viewed-products-container"], children: [
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Title, { level: getTitleLevel(customTitleLevel), style: customTitleStyle, text: customTitle }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("ul", { className: RebuyRecentlyViewedProducts_default["product-grid"], children: products?.map((product) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: RebuyRecentlyViewedProducts_default["rebuy-recently-viewed-products-container"], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Title, { level: getTitleLevel(customTitleLevel), style: customTitleStyle, text: customTitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("ul", { className: RebuyRecentlyViewedProducts_default["product-grid"], children: products?.map((product) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
       ProductCard,
       {
         addToCartBtnText,