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

package/dist/index.js

@@ -33,6 +33,7 @@ __export(index_exports, {
   RebuyCompleteTheLook: () => RebuyCompleteTheLook,
   RebuyConfigProvider: () => RebuyConfigProvider,
   RebuyDynamicBundleProducts: () => RebuyDynamicBundleProducts,
+  RebuyGiftWithPurchase: () => RebuyGiftWithPurchase,
   RebuyHydrogenContextProvider: () => RebuyHydrogenContextProvider,
   RebuyHydrogenReactContextProvider: () => RebuyHydrogenReactContextProvider,
   RebuyProductAddOns: () => RebuyProductAddOns,
@@ -2722,6 +2723,11 @@ var createContextParameters = ({
     legacyCartCostValue = legacyCartCost;
     legacyCartIdValue = legacyCartId;
   }
+  let shopifyCustomerId;
+  if (solidifiedHydrogenCart?.buyerIdentity?.customer?.id) {
+    const customerId = Utilities.getIdFromGraphUrl(solidifiedHydrogenCart.buyerIdentity.customer.id, "Customer");
+    shopifyCustomerId = customerId?.toString();
+  }
   const contextParametersOutput = {
     cache_key: cacheKey,
     cart: void 0,
@@ -2742,6 +2748,7 @@ var createContextParameters = ({
     hydrogenReactCartError,
     hydrogenReactCartStatus,
     isHydrogenReact,
+    shopify_customer_id: shopifyCustomerId,
     time: queryObject.time ?? "",
     url: windowUrl
   };
@@ -2767,7 +2774,7 @@ var createContextParameters = ({
         product_id: line.merchandise?.product?.id ? Utilities.getIdFromGraphUrl(line.merchandise.product.id, "Product")?.toString() || "" : "",
         properties: "",
         quantity: line.quantity,
-        variant_id: line.merchandise?.id ? Utilities.getIdFromGraphUrl(line.merchandise.product.id, "Product")?.toString() || "" : ""
+        variant_id: line.merchandise?.id ? Utilities.getIdFromGraphUrl(line.merchandise.id, "ProductVariant")?.toString() || "" : ""
       };
       if (line.attributes?.length) {
         const validLineAttributes = line.attributes.filter(
@@ -2804,8 +2811,11 @@ var RebuyHydrogenContext = ({
   } = useRebuyConfig();
   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 queryObject = (0, import_react5.useMemo)(() => Utilities2.queryStringToObject(location.search), [location.search]);
+  const windowUrl = (0, import_react5.useMemo)(
+    () => `${shop}${location.pathname}${location.search}`,
+    [shop, location.pathname, location.search]
+  );
   const contextParameters = (0, import_react5.useMemo)(
     () => createContextParameters({
       cacheKey: rebuyConfig?.shop?.cache_key,
@@ -3963,6 +3973,10 @@ var useCartItemFeatures = ({ config, line }) => {
   const shouldHideQuantitySelector = (0, import_react8.useMemo)(() => {
     if (isTieredProgressBarGiftItem(line)) return true;
     if (isCartItemHiddenByStandardLogic(line)) return true;
+    const hasHideQuantitySelectorAttribute = line.attributes?.some(
+      (attr) => attr.key === "_r_gwp_hide_qty" /* HIDE_QUANTITY_SELECTOR_GWP_ITEM */ && attr.value === "true"
+    );
+    if (hasHideQuantitySelectorAttribute) return true;
     return false;
   }, [line]);
   const isBmsmGloballyEnabled = (0, import_react8.useMemo)(() => isBMSMEnabled(config), [config]);
@@ -9611,9 +9625,433 @@ var RebuyDynamicBundleProducts = (props) => {
   ] });
 };
 
+// src/widgets/RebuyGiftWithPurchase/RebuyGiftWithPurchase.tsx
+var import_rebuy4 = require("@rebuy/rebuy");
+var import_react38 = require("react");
+var import_react_router9 = require("react-router");
+
+// src/widgets/RebuyGiftWithPurchase/store/giftWithPurchaseStore.ts
+var import_zustand2 = require("zustand");
+var import_middleware = require("zustand/middleware");
+var initialState = {
+  lastSyncedGiftsByWidget: {},
+  lastSyncTimestampByWidget: {},
+  pendingAdditionsByWidget: {},
+  syncStatusByWidget: {}
+};
+var useGiftWithPurchaseStore = (0, import_zustand2.create)()(
+  (0, import_middleware.subscribeWithSelector)((set, get) => ({
+    ...initialState,
+    clearPendingAddition: (widgetId, variantId) => {
+      rebuyDebugLog.log(
+        "rebuy-widget" /* WIDGET */,
+        `[GWP Store] Clearing pending addition for widget ${widgetId}: ${variantId}`
+      );
+      set((state) => {
+        const currentPending = state.pendingAdditionsByWidget[widgetId] || [];
+        const newPending = currentPending.filter((id) => id !== variantId);
+        return {
+          pendingAdditionsByWidget: {
+            ...state.pendingAdditionsByWidget,
+            [widgetId]: newPending
+          }
+        };
+      });
+    },
+    getLastSyncedGifts: (widgetId) => {
+      return get().lastSyncedGiftsByWidget[widgetId] || [];
+    },
+    getPendingAdditions: (widgetId) => {
+      return get().pendingAdditionsByWidget[widgetId] || [];
+    },
+    getSyncStatus: (widgetId) => {
+      return get().syncStatusByWidget[widgetId] || "idle";
+    },
+    reset: (widgetId) => {
+      rebuyDebugLog.log("rebuy-widget" /* WIDGET */, `[GWP Store] Resetting state for widget ${widgetId}`);
+      set((state) => {
+        const newSyncStatus = { ...state.syncStatusByWidget };
+        const newLastSyncedGifts = { ...state.lastSyncedGiftsByWidget };
+        const newLastSyncTimestamp = { ...state.lastSyncTimestampByWidget };
+        const newPendingAdditions = { ...state.pendingAdditionsByWidget };
+        delete newSyncStatus[widgetId];
+        delete newLastSyncedGifts[widgetId];
+        delete newLastSyncTimestamp[widgetId];
+        delete newPendingAdditions[widgetId];
+        return {
+          lastSyncedGiftsByWidget: newLastSyncedGifts,
+          lastSyncTimestampByWidget: newLastSyncTimestamp,
+          pendingAdditionsByWidget: newPendingAdditions,
+          syncStatusByWidget: newSyncStatus
+        };
+      });
+    },
+    resetAll: () => {
+      rebuyDebugLog.log("rebuy-widget" /* WIDGET */, "[GWP Store] Resetting all state");
+      set(initialState);
+    },
+    setLastSyncedGifts: (widgetId, giftIds) => {
+      rebuyDebugLog.log(
+        "rebuy-widget" /* WIDGET */,
+        `[GWP Store] Setting last synced gifts for widget ${widgetId}:`,
+        giftIds
+      );
+      set((state) => ({
+        lastSyncedGiftsByWidget: {
+          ...state.lastSyncedGiftsByWidget,
+          [widgetId]: giftIds
+        }
+      }));
+    },
+    setPendingAdditions: (widgetId, variantIds) => {
+      rebuyDebugLog.log(
+        "rebuy-widget" /* WIDGET */,
+        `[GWP Store] Setting pending additions for widget ${widgetId}:`,
+        variantIds
+      );
+      set((state) => ({
+        pendingAdditionsByWidget: {
+          ...state.pendingAdditionsByWidget,
+          [widgetId]: variantIds
+        }
+      }));
+    },
+    setSyncStatus: (widgetId, status) => {
+      rebuyDebugLog.log("rebuy-widget" /* WIDGET */, `[GWP Store] Setting sync status for widget ${widgetId} to ${status}`);
+      set((state) => ({
+        // Update timestamp when starting a sync
+        lastSyncTimestampByWidget: status === "syncing" ? { ...state.lastSyncTimestampByWidget, [widgetId]: Date.now() } : state.lastSyncTimestampByWidget,
+        syncStatusByWidget: {
+          ...state.syncStatusByWidget,
+          [widgetId]: status
+        }
+      }));
+    },
+    shouldSync: (widgetId) => {
+      const state = get();
+      const status = state.syncStatusByWidget[widgetId] || "idle";
+      if (status !== "idle") {
+        rebuyDebugLog.log(
+          "rebuy-widget" /* WIDGET */,
+          `[GWP Store] shouldSync = false for widget ${widgetId}: status is ${status}`
+        );
+        return false;
+      }
+      const lastSync = state.lastSyncTimestampByWidget[widgetId];
+      if (lastSync && Date.now() - lastSync < 2e3) {
+        rebuyDebugLog.log(
+          "rebuy-widget" /* WIDGET */,
+          `[GWP Store] shouldSync = false for widget ${widgetId}: synced ${Date.now() - lastSync}ms ago`
+        );
+        return false;
+      }
+      return true;
+    }
+  }))
+);
+
+// src/widgets/RebuyGiftWithPurchase/utils.ts
+var prepareGiftItems = (variantGids, widgetId, settings = null) => {
+  return variantGids.map((variantGid) => {
+    const attributes = [
+      { key: "_widget_id", value: String(widgetId) },
+      { key: "_attribution", value: "Rebuy Gift with Purchase" /* GIFT_WITH_PURCHASE */ }
+    ];
+    if (settings?.hide_quantity_selector) {
+      attributes.push({ key: "_r_gwp_hide_qty" /* HIDE_QUANTITY_SELECTOR_GWP_ITEM */, value: "true" });
+    }
+    return {
+      attributes,
+      merchandiseId: variantGid,
+      quantity: 1
+    };
+  });
+};
+var getGiftDeclineKey = (widgetId, productId, cartToken) => {
+  const token = cartToken || "default";
+  return `rebuy_gwp_${widgetId}_${token}_${productId}`;
+};
+var isGiftDeclined = (widgetId, productId, cartToken) => {
+  const key = getGiftDeclineKey(widgetId, productId, cartToken);
+  return sessionStorage.getItem(key) === "declined";
+};
+var hasCartActions = (actions) => {
+  return Boolean(actions?.linesAdd && actions?.linesRemove);
+};
+
+// src/widgets/RebuyGiftWithPurchase/RebuyGiftWithPurchase.tsx
+var RebuyGiftWithPurchase = (props) => {
+  const { widgetId } = props;
+  const { apiKey, loadingStatus: configLoadingStatus, rebuyConfig } = useRebuyConfig();
+  const rebuyContext = (0, import_react38.useContext)(RebuyContext);
+  const contextParams = rebuyContext?.contextParameters;
+  const hydrogenCart = contextParams?.hydrogenCart;
+  const cartToken = hydrogenCart?.id;
+  const isHydrogenReact = contextParams?.isHydrogenReact;
+  const hydrogenReactCartActions = contextParams?.hydrogenReactCartActions;
+  const cartFetcher = (0, import_react_router9.useFetcher)();
+  const [settings, setSettings] = (0, import_react38.useState)(null);
+  const [products, setProducts] = (0, import_react38.useState)([]);
+  const [loading, setLoading] = (0, import_react38.useState)(true);
+  const _syncStatus = useGiftWithPurchaseStore((state) => state.getSyncStatus(String(widgetId)));
+  const shouldSync = useGiftWithPurchaseStore((state) => state.shouldSync);
+  const setSyncStatus = useGiftWithPurchaseStore((state) => state.setSyncStatus);
+  const setLastSyncedGifts = useGiftWithPurchaseStore((state) => state.setLastSyncedGifts);
+  const setPendingAdditions = useGiftWithPurchaseStore((state) => state.setPendingAdditions);
+  const _clearPendingAddition = useGiftWithPurchaseStore((state) => state.clearPendingAddition);
+  const clientRef = (0, import_react38.useRef)(null);
+  const isMountedRef = (0, import_react38.useRef)(true);
+  const lastCartHashRef = (0, import_react38.useRef)("");
+  const cacheKey = rebuyConfig?.shop?.cache_key || contextParams?.cache_key || "";
+  (0, import_react38.useEffect)(() => {
+    if (!apiKey || configLoadingStatus !== "success" || clientRef.current) return;
+    const client = new import_rebuy4.RebuyClient(apiKey);
+    if (contextParams) {
+      const filteredParams = filterContextForWidgetEndpoints(contextParams, void 0);
+      client.setContextParameters(filteredParams);
+    }
+    clientRef.current = client;
+  }, [apiKey, configLoadingStatus, contextParams]);
+  (0, import_react38.useEffect)(() => {
+    if (!widgetId || !clientRef.current || configLoadingStatus !== "success") return;
+    const fetchSettings = async () => {
+      try {
+        const params = { id: widgetId };
+        if (cacheKey) {
+          params.cache_key = cacheKey;
+        }
+        const response = await clientRef.current.getShieldedAsset("/api/v1/widgets/settings", params);
+        const parseResult = widgetSettingsSchema.safeParse(response?.data);
+        if (!parseResult.success) {
+          throw new Error(`Invalid settings data: ${parseResult.error.message}`);
+        }
+        const fetchedSettings = parseResult.data;
+        if (fetchedSettings.type !== "gift_with_purchase") {
+          throw new Error(
+            `Widget ${widgetId} is not a gift_with_purchase widget (type: ${fetchedSettings.type})`
+          );
+        }
+        setSettings(fetchedSettings);
+      } catch (e) {
+        console.error(`[RebuyGiftWithPurchase] Error fetching settings for widget ${widgetId}:`, e);
+        setSettings(null);
+      } finally {
+        setLoading(false);
+      }
+    };
+    fetchSettings();
+  }, [widgetId, cacheKey, configLoadingStatus]);
+  (0, import_react38.useEffect)(() => {
+    if (!settings || !clientRef.current || !contextParams?.cart) return;
+    const cartHash = JSON.stringify(
+      contextParams.cart.items?.map((item) => ({
+        product_id: item.product_id,
+        quantity: item.quantity,
+        variant_id: item.variant_id
+      })) || []
+    );
+    if (cartHash === lastCartHashRef.current) return;
+    lastCartHashRef.current = cartHash;
+    const fetchProducts = async () => {
+      try {
+        const cartItems = contextParams.cart?.items || [];
+        const productIds = cartItems.map((item) => item.product_id).filter(Boolean);
+        const variantIds = cartItems.map((item) => item.variant_id).filter(Boolean);
+        const params = {
+          cache_key: cacheKey,
+          key: apiKey,
+          limit: settings.limit || 8
+        };
+        if (productIds.length > 0) {
+          params.shopify_product_ids = productIds.join(",");
+        }
+        if (variantIds.length > 0) {
+          params.shopify_variant_ids = variantIds.join(",");
+        }
+        params.cart_token = contextParams.cart?.token;
+        params.cart_subtotal = contextParams.cart?.subtotal;
+        params.cart_item_count = contextParams.cart?.item_count;
+        params.cart_line_count = contextParams.cart?.line_count;
+        params.cart = {
+          attributes: contextParams.cart?.attributes ? encodeURIComponent(JSON.stringify(contextParams.cart.attributes)) : "",
+          item_count: contextParams.cart?.item_count || 0,
+          items: cartItems.map((item) => ({
+            product_id: item.product_id,
+            properties: item.properties ? encodeURIComponent(JSON.stringify(item.properties)) : "",
+            quantity: item.quantity,
+            variant_id: item.variant_id
+          })),
+          line_count: contextParams.cart?.line_count || 0,
+          notes: contextParams.cart?.note || "",
+          subtotal: contextParams.cart?.subtotal || 0,
+          token: contextParams.cart?.token || ""
+        };
+        let endpoint = settings.endpoint;
+        if (endpoint && endpoint.startsWith("/") && !endpoint.startsWith("/api/v1/")) {
+          if (endpoint.startsWith("/custom") || endpoint.startsWith("/rules")) {
+            endpoint = `/api/v1${endpoint}`;
+          }
+        }
+        const { data } = await clientRef.current.getStorefrontData(endpoint, params);
+        const fetchedProducts = Array.isArray(data) ? data : [];
+        setProducts(fetchedProducts);
+      } catch (e) {
+        console.error(`[RebuyGiftWithPurchase] Error fetching products:`, e);
+        if (isMountedRef.current) {
+          setProducts([]);
+        }
+      }
+    };
+    fetchProducts();
+  }, [settings, apiKey, cacheKey, contextParams?.cart]);
+  const manageGifts = (0, import_react38.useCallback)(() => {
+    const widgetIdStr = String(widgetId);
+    if (!shouldSync(widgetIdStr)) return;
+    if (!hydrogenCart) return;
+    setSyncStatus(widgetIdStr, "syncing");
+    try {
+      const cartLines = hydrogenCart.lines?.nodes || hydrogenCart.lines?.edges?.map((edge) => edge.node) || [];
+      const hasInputProducts = (contextParams?.cart?.items?.length || 0) > 0;
+      const allowGiftsWithoutPurchase = settings?.allow_gifts_without_purchase !== false;
+      const giftLinesFromWidget = cartLines.filter(
+        (line) => line.attributes?.some((attr) => attr.key === "_widget_id" && attr.value === String(widgetId))
+      );
+      const rebuyCartItems = contextParams?.cart?.items || [];
+      const existingGiftVariantIds = /* @__PURE__ */ new Set();
+      for (const item of rebuyCartItems) {
+        if (item.attributes?.some((attr) => attr.key === "_widget_id" && attr.value === String(widgetId))) {
+          existingGiftVariantIds.add(String(item.variant_id));
+        }
+      }
+      const hasOnlyGifts = cartLines.length > 0 && cartLines.length === giftLinesFromWidget.length;
+      const shouldRemoveAllGifts = !hasInputProducts || products.length === 0 || hasOnlyGifts && !allowGiftsWithoutPurchase;
+      if (shouldRemoveAllGifts) {
+        if (giftLinesFromWidget.length > 0) {
+          const lineIdsToRemove = giftLinesFromWidget.map((line) => line.id);
+          if (isHydrogenReact && hasCartActions(hydrogenReactCartActions)) {
+            hydrogenReactCartActions.linesRemove(lineIdsToRemove);
+          } else {
+            cartFetcher.submit(
+              {
+                action: "cartLinesRemove",
+                data: { lineIds: lineIdsToRemove }
+              },
+              {
+                action: "/cart",
+                encType: "application/json",
+                method: "POST"
+              }
+            );
+          }
+        }
+        return;
+      }
+      const giftsToEnsure = /* @__PURE__ */ new Map();
+      for (const giftProduct of products) {
+        let variantId;
+        const productWithEdges = giftProduct;
+        if (productWithEdges.variants?.nodes?.[0]?.id) {
+          variantId = String(productWithEdges.variants.nodes[0].id);
+        } else if (productWithEdges.variants?.edges?.[0]?.node?.id) {
+          variantId = String(productWithEdges.variants.edges[0].node.id);
+        }
+        if (variantId) {
+          giftsToEnsure.set(variantId, String(giftProduct.id));
+        }
+      }
+      const variantsToAdd = [];
+      for (const [variantId, productId] of giftsToEnsure) {
+        const inHydrogenCart = giftLinesFromWidget.some((line) => line.merchandise?.id === variantId);
+        const inRebuyCart = existingGiftVariantIds.has(variantId);
+        const alreadyInCart = inHydrogenCart || inRebuyCart;
+        if (!hasInputProducts && !allowGiftsWithoutPurchase) {
+          continue;
+        }
+        if (!alreadyInCart && !isGiftDeclined(String(widgetId), productId, cartToken)) {
+          variantsToAdd.push(variantId);
+        }
+      }
+      if (variantsToAdd.length > 0) {
+        setPendingAdditions(widgetIdStr, variantsToAdd);
+        const itemsToAdd = prepareGiftItems(variantsToAdd, String(widgetId), settings);
+        if (isHydrogenReact && hasCartActions(hydrogenReactCartActions)) {
+          hydrogenReactCartActions.linesAdd(itemsToAdd);
+        } else {
+          cartFetcher.submit(
+            {
+              action: "cartLinesAdd",
+              data: { lines: itemsToAdd }
+            },
+            {
+              action: "/cart",
+              encType: "application/json",
+              method: "POST"
+            }
+          );
+        }
+      }
+      const validVariantIds = new Set(Array.from(giftsToEnsure.keys()));
+      const linesToRemove = giftLinesFromWidget.filter((line) => {
+        const lineVariantId = line.merchandise?.id;
+        return lineVariantId && !validVariantIds.has(lineVariantId);
+      });
+      if (linesToRemove.length > 0) {
+        const lineIdsToRemove = linesToRemove.map((line) => line.id);
+        if (isHydrogenReact && hasCartActions(hydrogenReactCartActions)) {
+          hydrogenReactCartActions.linesRemove(lineIdsToRemove);
+        } else {
+          cartFetcher.submit(
+            {
+              action: "cartLinesRemove",
+              data: { lineIds: lineIdsToRemove }
+            },
+            {
+              action: "/cart",
+              encType: "application/json",
+              method: "POST"
+            }
+          );
+        }
+      }
+      const currentGiftIds = Array.from(giftsToEnsure.values());
+      setLastSyncedGifts(widgetIdStr, currentGiftIds);
+    } catch (error) {
+      console.error("[RebuyGiftWithPurchase] Error managing gifts:", error);
+    } finally {
+      setTimeout(() => setSyncStatus(widgetIdStr, "idle"), 1e3);
+    }
+  }, [
+    hydrogenCart,
+    products,
+    widgetId,
+    cartToken,
+    isHydrogenReact,
+    hydrogenReactCartActions,
+    cartFetcher,
+    contextParams?.cart?.items,
+    shouldSync,
+    setSyncStatus,
+    setPendingAdditions,
+    setLastSyncedGifts,
+    settings
+  ]);
+  (0, import_react38.useEffect)(() => {
+    if (!loading && settings && hydrogenCart) {
+      const timer = setTimeout(manageGifts, 500);
+      return () => clearTimeout(timer);
+    }
+  }, [products, hydrogenCart, loading, settings, manageGifts]);
+  (0, import_react38.useEffect)(() => {
+    return () => {
+      isMountedRef.current = false;
+    };
+  }, []);
+  return null;
+};
+
 // src/widgets/RebuyProductAddOns/RebuyProductAddOns.tsx
 var import_hydrogen_react3 = require("@shopify/hydrogen-react");
-var import_react38 = require("react");
+var import_react39 = require("react");
 
 // src/widgets/RebuyProductAddOns/RebuyProductAddOnCard.tsx
 var import_hydrogen10 = require("@shopify/hydrogen");
@@ -9690,11 +10128,11 @@ var RebuyProductAddOns = (props) => {
   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 [addedItems, setAddedItems] = (0, import_react39.useState)(products);
+  const [subtotalWithProduct, setSubtotalWithProduct] = (0, import_react39.useState)();
+  const [subtotalWithOutProduct, setSubtotalWithOutProduct] = (0, import_react39.useState)();
   const convertedProduct = convertToRebuyProduct(isHydrogenReact || false, product);
-  (0, import_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     let initialTotal = 0;
     let currencyCode = "USD";
     products.map((product2) => {
@@ -9724,7 +10162,7 @@ var RebuyProductAddOns = (props) => {
       setAddedItems(products);
     }
   }, [products, product, isHydrogenReact, includeMainProduct]);
-  const handleChange = (0, import_react38.useCallback)(
+  const handleChange = (0, import_react39.useCallback)(
     (event, product2) => {
       const newProducts = [...products];
       const productIndex = newProducts.findIndex((p) => p.id === product2.id);
@@ -9743,7 +10181,7 @@ var RebuyProductAddOns = (props) => {
     },
     [products]
   );
-  (0, import_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     let total = 0;
     let currencyCode = "USD";
     addedItems.forEach((item) => {
@@ -9851,13 +10289,13 @@ var RebuyProductRecommendations = (props) => {
 };
 
 // src/widgets/RebuyProductViewed/RebuyProductViewed.tsx
-var import_rebuy4 = require("@rebuy/rebuy");
+var import_rebuy5 = require("@rebuy/rebuy");
 var Utilities6 = __toESM(require("@rebuy/rebuy/utilities"), 1);
-var import_react39 = require("react");
+var import_react40 = require("react");
 
 // src/zustandStores/productViewed.ts
-var import_zustand2 = require("zustand");
-var useProductViewedStore = (0, import_zustand2.create)((set) => ({
+var import_zustand3 = require("zustand");
+var useProductViewedStore = (0, import_zustand3.create)((set) => ({
   customerId: null,
   setCustomerId: (customerId) => set({ customerId }),
   setUuid: (uuid) => set({ uuid }),
@@ -9868,12 +10306,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_react39.useState)(null);
-  const [Rebuy, setRebuy] = (0, import_react39.useState)(null);
+  const [event, setEvent] = (0, import_react40.useState)(null);
+  const [Rebuy, setRebuy] = (0, import_react40.useState)(null);
   const shopifyProductId = product?.id ?? productId ?? null;
-  const [initialized, setInitialized] = (0, import_react39.useState)(false);
+  const [initialized, setInitialized] = (0, import_react40.useState)(false);
   const { setCustomerId, setUuid } = useProductViewedStore();
-  const request = (0, import_react39.useMemo)(() => {
+  const request = (0, import_react40.useMemo)(() => {
     const request2 = {
       parameters: {}
     };
@@ -9887,7 +10325,7 @@ var RebuyProductViewed = ({ ...props }) => {
     }
     return request2;
   }, [productHandle, shopifyProductId]);
-  (0, import_react39.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     const recordView = async () => {
       if (!Rebuy) {
         return;
@@ -9906,7 +10344,7 @@ var RebuyProductViewed = ({ ...props }) => {
       }
     };
     if (!initialized && apiKeyFromContext) {
-      const client = new import_rebuy4.RebuyClient(apiKeyFromContext);
+      const client = new import_rebuy5.RebuyClient(apiKeyFromContext);
       setRebuy(client);
       setInitialized(true);
       return;
@@ -9921,9 +10359,9 @@ var RebuyProductViewed = ({ ...props }) => {
 };
 
 // src/widgets/RebuyRecentlyViewedProducts/RebuyRecentlyViewedProducts.tsx
-var import_rebuy5 = require("@rebuy/rebuy");
+var import_rebuy6 = require("@rebuy/rebuy");
 var import_hydrogen11 = require("@shopify/hydrogen");
-var import_react40 = require("react");
+var import_react41 = 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" };
@@ -9944,16 +10382,16 @@ var RebuyRecentlyViewedProducts = (props) => {
   } = props;
   const { customerId, uuid } = useProductViewedStore();
   const { apiKey, loadingStatus: configLoadingStatus, rebuyConfig } = useRebuyConfig();
-  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 rebuyContext = (0, import_react41.useContext)(RebuyContext);
+  const [rebuyApiClient, setRebuyApiClient] = (0, import_react41.useState)(null);
+  const [initialized, setInitialized] = (0, import_react41.useState)(false);
+  const [products, setProducts] = (0, import_react41.useState)([]);
+  const [metadata, setMetadata] = (0, import_react41.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_react40.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     if (!rebuyApiClient && apiKey && configLoadingStatus === "success") {
-      const client = new import_rebuy5.RebuyClient(apiKey);
+      const client = new import_rebuy6.RebuyClient(apiKey);
       if (rebuyContext?.contextParameters) {
         const filteredParams = filterContextForWidgetEndpoints(rebuyContext.contextParameters, endpoint);
         client.setContextParameters(filteredParams);
@@ -9965,13 +10403,13 @@ var RebuyRecentlyViewedProducts = (props) => {
       setInitialized(true);
     }
   }, [apiKey, rebuyApiClient, configLoadingStatus, options, rebuyContext, uuid, endpoint]);
-  (0, import_react40.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     if (rebuyApiClient && rebuyContext?.contextParameters) {
       const filteredParams = filterContextForWidgetEndpoints(rebuyContext.contextParameters, endpoint);
       rebuyApiClient.setContextParameters(filteredParams);
     }
   }, [rebuyApiClient, rebuyContext, uuid, endpoint]);
-  const request = (0, import_react40.useMemo)(() => {
+  const request = (0, import_react41.useMemo)(() => {
     const req = {
       endpoint,
       params: {}
@@ -9982,7 +10420,7 @@ var RebuyRecentlyViewedProducts = (props) => {
     }
     return req;
   }, [limit, uuid, endpoint]);
-  (0, import_react40.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     let isMounted = true;
     if (!rebuyApiClient || !initialized || configLoadingStatus !== "success") return;
     const fetchData = async () => {