@rebuy/rebuy-hydrogen 3.0.0-beta.10 → 3.0.0-beta.2

package/dist/index.js

@@ -54,7 +54,12 @@ var Utilities = __toESM(require("@rebuy/rebuy/utilities"), 1);
 
 // src/utils/getEncodedAttributes.ts
 var getEncodedAttributes = (attributes) => encodeURIComponent(
-  JSON.stringify(attributes.reduce((merged, { key, value }) => ({ ...merged, [key]: value }), {}))
+  JSON.stringify(
+    attributes.reduce(
+      (merged, { key, value }) => ({ ...merged, [key]: value }),
+      {}
+    )
+  )
 );
 
 // src/utils/createContextParameters.ts
@@ -95,11 +100,18 @@ var createContextParameters = ({
   }
   if (cartId) {
     cartContext.token = Utilities.getIdFromGraphUrl(cartId, "Cart");
-    contextParameters.cart_token = Utilities.getIdFromGraphUrl(cartId, "Cart");
+    contextParameters.cart_token = Utilities.getIdFromGraphUrl(
+      cartId,
+      "Cart"
+    );
   }
   if (cartSubtotal) {
-    cartContext.subtotal = Utilities.amountToCents(parseFloat(cartSubtotal));
-    contextParameters.cart_subtotal = Utilities.amountToCents(parseFloat(cartSubtotal));
+    cartContext.subtotal = Utilities.amountToCents(
+      parseFloat(cartSubtotal)
+    );
+    contextParameters.cart_subtotal = Utilities.amountToCents(
+      parseFloat(cartSubtotal)
+    );
   }
   if (cartLinesLength) {
     const totalLines = cartLinesLength;
@@ -122,10 +134,16 @@ var createContextParameters = ({
         variant_id: ""
       };
       if (cartItem?.merchandise?.product?.id) {
-        item.product_id = Utilities.getIdFromGraphUrl(cartItem.merchandise.product.id, "Product");
+        item.product_id = Utilities.getIdFromGraphUrl(
+          cartItem.merchandise.product.id,
+          "Product"
+        );
       }
       if (cartItem?.merchandise?.id) {
-        item.variant_id = Utilities.getIdFromGraphUrl(cartItem.merchandise.id, "ProductVariant");
+        item.variant_id = Utilities.getIdFromGraphUrl(
+          cartItem.merchandise.id,
+          "ProductVariant"
+        );
       }
       if (cartItem?.attributes?.length) {
         const validAttributes = cartItem.attributes.filter(
@@ -151,18 +169,20 @@ var createContextParameters = ({
 
 // src/utils/getRebuyConfig.ts
 var import_rebuy = require("@rebuy/rebuy");
-var getRebuyConfig = async (storeDomain) => {
+var getRebuyConfig = async (rebuyKey, storeDomain) => {
   try {
     const request = {
       parameters: { shop: storeDomain },
       url: `/api/v1/user/config`
     };
-    const { data: rebuy, ...response } = await new import_rebuy.RebuyClient(void 0, void 0, storeDomain).getShieldedAsset(
-      request.url,
-      request.parameters
-    );
+    const { data: rebuy, ...response } = await new import_rebuy.RebuyClient(
+      rebuyKey
+    ).getShieldedAsset(request.url, request.parameters);
     if (!rebuy?.shop) {
-      throw new Error("Rebuy configuration is not properly set up - missing shop", { cause: response });
+      throw new Error(
+        "Rebuy configuration is not properly set up - missing shop",
+        { cause: response }
+      );
     }
     return rebuy;
   } catch (error) {
@@ -176,30 +196,30 @@ var getRebuyConfig = async (storeDomain) => {
 // src/providers/RebuyHydrogenContextProvider.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var RebuyHydrogenContext = ({
-  apiKey,
   cartAttributes,
   cartCost,
   cartId,
   cartLines,
   cartNote,
   cartQuantity,
-  children,
-  publicStoreDomain,
-  shop
+  children
 }) => {
+  const primaryDomain = process.env.PRIMARY_DOMAIN;
+  const rebuyKey = process.env.PUBLIC_REBUY_API_KEY;
+  const storeDomain = process.env.PUBLIC_STORE_DOMAIN;
   const [rebuyConfig, setRebuyConfig] = (0, import_react3.useState)(null);
   const location = (0, import_react2.useLocation)();
   const queryObject = Utilities2.queryStringToObject(location.search);
-  const windowUrl = `${shop}${location.pathname}${location.search}`;
+  const windowUrl = `${primaryDomain}${location.pathname}${location.search}`;
   (0, import_react3.useEffect)(() => {
     const initConfig = async () => {
-      const config = await getRebuyConfig(publicStoreDomain);
+      const config = await getRebuyConfig(rebuyKey, storeDomain);
       setRebuyConfig(config);
     };
     if (!rebuyConfig?.shop) {
       initConfig();
     }
-  }, [rebuyConfig]);
+  }, [rebuyConfig, rebuyKey, storeDomain]);
   const contextParameters = (0, import_react3.useMemo)(
     () => createContextParameters({
       cacheKey: rebuyConfig?.shop?.cache_key,
@@ -214,7 +234,17 @@ var RebuyHydrogenContext = ({
       queryObject,
       windowUrl
     }),
-    [rebuyConfig, windowUrl, queryObject, cartAttributes, cartCost, cartId, cartLines, cartQuantity, cartNote]
+    [
+      rebuyConfig,
+      windowUrl,
+      queryObject,
+      cartAttributes,
+      cartCost,
+      cartId,
+      cartLines,
+      cartQuantity,
+      cartNote
+    ]
   );
   const contextParametersJSON = JSON.stringify(contextParameters);
   const contextValue = (0, import_react3.useMemo)(
@@ -224,26 +254,20 @@ var RebuyHydrogenContext = ({
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RebuyContext.Provider, { value: contextValue, children });
 };
 var RebuyHydrogenContextProvider = ({
-  apiKey,
   cart,
-  children,
-  publicStoreDomain,
-  shop
+  children
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Await, { resolve: cart, children: (resolvedCart) => {
     const cart2 = resolvedCart;
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       RebuyHydrogenContext,
       {
-        apiKey,
         cartAttributes: cart2?.attributes,
         cartCost: cart2?.cost?.subtotalAmount?.amount,
         cartId: cart2?.id,
         cartLines: cart2?.lines?.nodes,
         cartNote: cart2?.note,
         cartQuantity: cart2?.totalQuantity,
-        publicStoreDomain,
-        shop,
         children
       }
     );
@@ -719,25 +743,24 @@ var CART_FRAGMENT = `#graphql
 
 // src/providers/RebuyHydrogenReactContextProvider.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var PUBLIC_PRIMARY_DOMAIN = process.env.PUBLIC_PRIMARY_DOMAIN;
-var PUBLIC_STORE_DOMAIN = process.env.PUBLIC_STORE_DOMAIN;
-var PUBLIC_STOREFRONT_ID = process.env.PUBLIC_STOREFRONT_ID;
-var PUBLIC_STOREFRONT_API_TOKEN = process.env.PUBLIC_STOREFRONT_API_TOKEN || "";
 var RebuyHydrogenReactContext = ({ children }) => {
+  const primaryDomain = process.env.PRIMARY_DOMAIN;
+  const rebuyKey = process.env.PUBLIC_REBUY_API_KEY;
+  const storeDomain = process.env.PUBLIC_STORE_DOMAIN;
   const [rebuyConfig, setRebuyConfig] = (0, import_react5.useState)(null);
   const location = (0, import_react4.useLocation)();
   const queryObject = Utilities3.queryStringToObject(location.search);
-  const windowUrl = `${PUBLIC_PRIMARY_DOMAIN}${location.pathname}${location.search}`;
+  const windowUrl = `${primaryDomain}${location.pathname}${location.search}`;
   const cart = (0, import_hydrogen_react.useCart)();
   (0, import_react5.useEffect)(() => {
     const initConfig = async () => {
-      const config = await getRebuyConfig(PUBLIC_STORE_DOMAIN);
+      const config = await getRebuyConfig(rebuyKey, storeDomain);
       setRebuyConfig(config);
     };
     if (!rebuyConfig?.shop) {
       initConfig();
     }
-  }, [rebuyConfig, PUBLIC_STORE_DOMAIN]);
+  }, [rebuyConfig, rebuyKey, storeDomain]);
   const contextParameters = (0, import_react5.useMemo)(
     () => createContextParameters({
       cacheKey: rebuyConfig?.shop?.cache_key,
@@ -786,6 +809,9 @@ var RebuyHydrogenReactContextProvider = ({
   onNoteUpdateComplete,
   storefrontApiVersion = "2025-01"
 }) => {
+  const publicStoreDomain = process.env.PUBLIC_STORE_DOMAIN;
+  const storefrontId = process.env.PUBLIC_STOREFRONT_ID;
+  const storefrontToken = process.env.PUBLIC_STOREFRONT_API_TOKEN || "";
   const adapted = {
     onAttributesUpdate: onAttributesUpdate ? () => onAttributesUpdate() : void 0,
     onAttributesUpdateComplete: onAttributesUpdateComplete ? () => onAttributesUpdateComplete() : void 0,
@@ -809,10 +835,10 @@ var RebuyHydrogenReactContextProvider = ({
     {
       countryIsoCode,
       languageIsoCode,
-      storeDomain: PUBLIC_STORE_DOMAIN,
+      storeDomain: publicStoreDomain,
       storefrontApiVersion,
-      storefrontId: PUBLIC_STOREFRONT_ID,
-      storefrontToken: PUBLIC_STOREFRONT_API_TOKEN,
+      storefrontId,
+      storefrontToken,
       children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
         import_hydrogen_react.CartProvider,
         {
@@ -850,8 +876,21 @@ var import_rebuy2 = require("@rebuy/rebuy");
 var Utilities4 = __toESM(require("@rebuy/rebuy/utilities"), 1);
 var import_hydrogen = require("@shopify/hydrogen");
 var import_react6 = __toESM(require("react"), 1);
-var RebuyWidgetContainerBase = ({ children, ...props }) => {
-  const { apiKey, collection, collectionId, dataSource, limit, options, product, productId, variant, variantId } = props;
+var RebuyWidgetContainerBase = ({
+  children,
+  ...props
+}) => {
+  const {
+    collection,
+    collectionId,
+    dataSource,
+    limit,
+    options,
+    product,
+    productId,
+    variant,
+    variantId
+  } = props;
   const contextParameters = (0, import_react6.useContext)(RebuyContext);
   const [Rebuy, setRebuy] = (0, import_react6.useState)(null);
   const [initialized, setInitialized] = (0, import_react6.useState)(false);
@@ -860,9 +899,10 @@ var RebuyWidgetContainerBase = ({ children, ...props }) => {
   const shopifyCollectionId = collection?.id ?? collectionId ?? null;
   const [products, setProducts] = (0, import_react6.useState)([]);
   const [metadata, setMetadata] = (0, import_react6.useState)();
+  const REBUY_API_KEY = process.env.PUBLIC_REBUY_API_KEY;
   (0, import_react6.useEffect)(() => {
     if (!Rebuy) {
-      const client = new import_rebuy2.RebuyClient(apiKey);
+      const client = new import_rebuy2.RebuyClient(REBUY_API_KEY);
       client.setContextParameters(
         contextParameters
         // TODO: fix this type when @rebuy/rebuy is moved to typescript
@@ -873,7 +913,7 @@ var RebuyWidgetContainerBase = ({ children, ...props }) => {
       setRebuy(client);
       setInitialized(true);
     }
-  }, [apiKey, Rebuy, contextParameters, options]);
+  }, [REBUY_API_KEY, Rebuy, contextParameters, options]);
   (0, import_react6.useEffect)(() => {
     if (!Rebuy) return;
     Rebuy.setContextParameters(
@@ -888,27 +928,48 @@ var RebuyWidgetContainerBase = ({ children, ...props }) => {
       // Keeping this object generic to allow for custom endpoints
     };
     if (shopifyProductId) {
-      request2.params.shopify_product_ids = Utilities4.getIdFromGraphUrl(shopifyProductId, "Product");
+      request2.params.shopify_product_ids = Utilities4.getIdFromGraphUrl(
+        shopifyProductId,
+        "Product"
+      );
     }
     if (shopifyProductId) {
-      request2.params.shopify_product_ids = Utilities4.getIdFromGraphUrl(shopifyProductId, "Product");
+      request2.params.shopify_product_ids = Utilities4.getIdFromGraphUrl(
+        shopifyProductId,
+        "Product"
+      );
     }
     if (shopifyVariantId) {
-      request2.params.shopify_variant_ids = Utilities4.getIdFromGraphUrl(shopifyVariantId, "ProductVariant");
+      request2.params.shopify_variant_ids = Utilities4.getIdFromGraphUrl(
+        shopifyVariantId,
+        "ProductVariant"
+      );
     }
     if (shopifyCollectionId) {
-      request2.params.shopify_collection_ids = Utilities4.getIdFromGraphUrl(shopifyCollectionId, "Collection");
+      request2.params.shopify_collection_ids = Utilities4.getIdFromGraphUrl(
+        shopifyCollectionId,
+        "Collection"
+      );
     }
     if (limit) {
       request2.params.limit = limit;
     }
     return request2;
-  }, [dataSource, shopifyProductId, shopifyVariantId, shopifyCollectionId, limit]);
+  }, [
+    dataSource,
+    shopifyProductId,
+    shopifyVariantId,
+    shopifyCollectionId,
+    limit
+  ]);
   (0, import_react6.useEffect)(() => {
     let isMounted = true;
     if (!Rebuy || !initialized) return;
     const fetchData = async () => {
-      const { data, metadata: metadata2 } = await Rebuy.getStorefrontData(request.endpoint, request.params);
+      const { data, metadata: metadata2 } = await Rebuy.getStorefrontData(
+        request.endpoint,
+        request.params
+      );
       if (isMounted) {
         setProducts(
           Array.isArray(data) ? data.map((product2) => ({
@@ -941,11 +1002,24 @@ var RebuyWidgetContainerBase = ({ children, ...props }) => {
 };
 var RebuyWidgetContainer = RebuyWidgetContainerBase;
 
+// src/widgets/RebuyCompleteTheLook/RebuyCompleteTheLook.module.css
+var RebuyCompleteTheLook_default = {
+  container: "RebuyCompleteTheLook_container",
+  productGrid: "RebuyCompleteTheLook_productGrid",
+  productItem: "RebuyCompleteTheLook_productItem"
+};
+
 // src/components/ProductCard/ProductCard.tsx
 var import_react7 = require("@remix-run/react");
 var import_hydrogen4 = require("@shopify/hydrogen");
 var import_react8 = require("react");
 
+// src/components/ProductCard/ProductCard.module.css
+var ProductCard_default = {
+  container: "ProductCard_container",
+  productInfo: "ProductCard_productInfo"
+};
+
 // src/components/AddToCartBtn/HydrogenAddToCartBtn.tsx
 var import_hydrogen2 = require("@shopify/hydrogen");
 
@@ -1006,13 +1080,22 @@ var HydrogenReactAddToCartBtn = ({
     linesAdd(linesToAdd);
     addToCartCallback?.();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("button", { className: AddToCartBtn_default.button, disabled, onClick: handleAddToCart, type: "button", children: [
-    addToCartBtnText,
-    moneyData && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: " | " }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_hydrogen_react2.Money, { data: moneyData, withoutTrailingZeros: true })
-    ] })
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    "button",
+    {
+      className: AddToCartBtn_default.button,
+      disabled,
+      onClick: handleAddToCart,
+      type: "button",
+      children: [
+        addToCartBtnText,
+        moneyData && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: " | " }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_hydrogen_react2.Money, { data: moneyData, withoutTrailingZeros: true })
+        ] })
+      ]
+    }
+  );
 };
 
 // src/components/AddToCartBtn/AddToCartBtn.tsx
@@ -1069,12 +1152,24 @@ var ProductPrice_default = {
 
 // src/components/ProductPrice/ProductPrice.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var RebuyProductPrice = ({ selectedVariant }) => {
+var RebuyProductPrice = ({
+  selectedVariant
+}) => {
   if (!selectedVariant) return null;
   const { compareAtPriceV2: compareAtPrice, priceV2: price } = selectedVariant;
   const isDiscounted = (price2, compareAtPrice2) => Number(compareAtPrice2?.amount) > Number(price2?.amount);
-  const CompareAtPrice = ({ data: compareAtPrice2 }) => {
-    return compareAtPrice2 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_hydrogen3.Money, { as: "span", className: ProductPrice_default.compareAtPrice, data: compareAtPrice2, withoutTrailingZeros: true });
+  const CompareAtPrice = ({
+    data: compareAtPrice2
+  }) => {
+    return compareAtPrice2 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      import_hydrogen3.Money,
+      {
+        as: "span",
+        className: ProductPrice_default.compareAtPrice,
+        data: compareAtPrice2,
+        withoutTrailingZeros: true
+      }
+    );
   };
   return price && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: ProductPrice_default.priceContainer, children: [
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_hydrogen3.Money, { data: price, withoutTrailingZeros: true }),
@@ -1109,12 +1204,17 @@ var VariantSelect_default = {
 
 // src/components/VariantSelect/VariantSelect.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
-var VariantSelect = ({ handleSelectedVariant, product }) => {
+var VariantSelect = ({
+  handleSelectedVariant,
+  product
+}) => {
   const getOptionsLabel = (product2) => {
     const options = product2.variants.nodes[0].selectedOptions;
     const optionsFromKeys = options ? Object.keys(options[0]) : [];
     const optionsFromValues = options ? options.map((option) => option.name) : [];
-    const useValues = optionsFromKeys.every((key) => ["name", "value"].includes(key));
+    const useValues = optionsFromKeys.every(
+      (key) => ["name", "value"].includes(key)
+    );
     return (useValues ? optionsFromValues : optionsFromKeys).join(" / ");
   };
   return product?.variants.nodes.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
@@ -1128,12 +1228,6 @@ var VariantSelect = ({ handleSelectedVariant, product }) => {
   ) });
 };
 
-// src/components/ProductCard/ProductCard.module.css
-var ProductCard_default = {
-  container: "ProductCard_container",
-  productInfo: "ProductCard_productInfo"
-};
-
 // src/components/ProductCard/ProductCard.tsx
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var ProductCard = ({
@@ -1143,10 +1237,14 @@ var ProductCard = ({
   product,
   productCardTitleLevel
 }) => {
-  const [selectedVariant, setSelectedVariant] = (0, import_react8.useState)(product.variants.nodes[0]);
+  const [selectedVariant, setSelectedVariant] = (0, import_react8.useState)(
+    product.variants.nodes[0]
+  );
   const { image } = selectedVariant;
   const handleSelectedVariant = (product2, variant_id) => {
-    const updatedVariant = product2.variants.nodes.find((variant) => variant.id === variant_id);
+    const updatedVariant = product2.variants.nodes.find(
+      (variant) => variant.id === variant_id
+    );
     if (updatedVariant) {
       setSelectedVariant(updatedVariant);
     }
@@ -1162,9 +1260,21 @@ var ProductCard = ({
         }
       ) }),
       /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: ProductCard_default.productInfo, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react7.Link, { to: `/products/${product.handle}`, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Title, { level: productCardTitleLevel, text: product.title }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react7.Link, { to: `/products/${product.handle}`, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          Title,
+          {
+            level: productCardTitleLevel,
+            text: product.title
+          }
+        ) }),
         /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(RebuyProductPrice, { selectedVariant }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(VariantSelect, { handleSelectedVariant, product })
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          VariantSelect,
+          {
+            handleSelectedVariant,
+            product
+          }
+        )
       ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
@@ -1217,13 +1327,6 @@ var getTitleLevel = (level, decreaseLevel = false) => {
   }
 };
 
-// src/widgets/RebuyCompleteTheLook/RebuyCompleteTheLook.module.css
-var RebuyCompleteTheLook_default = {
-  container: "RebuyCompleteTheLook_container",
-  productGrid: "RebuyCompleteTheLook_productGrid",
-  productItem: "RebuyCompleteTheLook_productItem"
-};
-
 // src/widgets/RebuyCompleteTheLook/RebuyCompleteTheLook.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var RebuyCompleteTheLook = (props) => {
@@ -1240,7 +1343,14 @@ var RebuyCompleteTheLook = (props) => {
     return null;
   }
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("section", { className: RebuyCompleteTheLook_default.container, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Title, { level: getTitleLevel(customTitleLevel), style: customTitleStyle, text: customTitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      Title,
+      {
+        level: getTitleLevel(customTitleLevel),
+        style: customTitleStyle,
+        text: customTitle
+      }
+    ),
     /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("ul", { className: RebuyCompleteTheLook_default.productGrid, children: products.map((product) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { className: RebuyCompleteTheLook_default.productItem, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       ProductCard,
       {
@@ -1248,7 +1358,10 @@ var RebuyCompleteTheLook = (props) => {
         addToCartCallback,
         isHydrogenReact: props.isHydrogenReact,
         product,
-        productCardTitleLevel: getTitleLevel(customTitleLevel, true)
+        productCardTitleLevel: getTitleLevel(
+          customTitleLevel,
+          true
+        )
       }
     ) }, product.id)) })
   ] });
@@ -1257,6 +1370,84 @@ var RebuyCompleteTheLook = (props) => {
 // src/widgets/RebuyDynamicBundleProducts/RebuyDynamicBundleProducts.tsx
 var import_react11 = require("react");
 
+// src/widgets/RebuyDynamicBundleProducts/BundlePrice.tsx
+var import_hydrogen5 = require("@shopify/hydrogen");
+
+// src/widgets/RebuyDynamicBundleProducts/RebuyDynamicBundleProducts.module.css
+var RebuyDynamicBundleProducts_default = {
+  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",
+  fadeIn: "RebuyDynamicBundleProducts_fadeIn",
+  bundleImageDelimiter: "RebuyDynamicBundleProducts_bundleImageDelimiter",
+  compareAtPrice: "RebuyDynamicBundleProducts_compareAtPrice"
+};
+
+// src/widgets/RebuyDynamicBundleProducts/BundlePrice.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var BundlePrice = ({ products }) => {
+  const isDisabled = products.filter((product) => product.selected).length < 1;
+  const totalBundlePrice = () => {
+    let total = 0;
+    let currencyCode = "USD";
+    for (const product of products) {
+      if (product.selected && product.selectedVariant) {
+        const { priceV2: price2 } = product.selectedVariant;
+        total += Number(price2?.amount);
+        currencyCode = price2?.currencyCode || "USD";
+      }
+    }
+    return {
+      amount: String(total),
+      currencyCode
+    };
+  };
+  const totalBundleCompareAtPrice = () => {
+    let compareAtTotal = 0;
+    let currencyCode = "USD";
+    for (const product of products) {
+      if (product.selected && product.selectedVariant) {
+        const { compareAtPriceV2: compareAtPrice2, priceV2: price2 } = product.selectedVariant;
+        currencyCode = price2?.currencyCode || "USD";
+        compareAtTotal += Number((compareAtPrice2 || price2)?.amount);
+      }
+    }
+    return {
+      amount: String(compareAtTotal),
+      currencyCode
+    };
+  };
+  const isDiscounted = (price2, compareAtPrice2) => Number(compareAtPrice2?.amount) > Number(price2?.amount);
+  const price = totalBundlePrice();
+  const compareAtPrice = totalBundleCompareAtPrice();
+  const CompareAtPrice = ({
+    data: compareAtPrice2
+  }) => {
+    return compareAtPrice2 && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      import_hydrogen5.Money,
+      {
+        as: "span",
+        className: RebuyDynamicBundleProducts_default.compareAtPrice,
+        data: compareAtPrice2,
+        withoutTrailingZeros: true
+      }
+    );
+  };
+  return products.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex items-center flex-col", children: !isDisabled && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("p", { className: "flex items-center gap-2 mb-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: "Total Price:" }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_hydrogen5.Money, { as: "span", data: price, withoutTrailingZeros: true }),
+    isDiscounted(price, compareAtPrice) && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CompareAtPrice, { data: compareAtPrice })
+  ] }) });
+};
+
 // src/utils/convertToRebuyProduct.tsx
 var convertToRebuyProduct = (isHydrogenReact, product) => {
   const mainProductVariants = isHydrogenReact ? product?.variants?.nodes?.map((variant) => {
@@ -1316,7 +1507,9 @@ var convertToRebuyProduct = (isHydrogenReact, product) => {
     },
     handle: product?.handle || "",
     id: product?.id || "",
-    images: [{ altText: "", height: 100, id: "", url: "", width: 100 }],
+    images: [
+      { altText: "", height: 100, id: "", url: "", width: 100 }
+    ],
     media: [],
     metafields: [],
     options: [],
@@ -1325,9 +1518,12 @@ var convertToRebuyProduct = (isHydrogenReact, product) => {
       minVariantPrice: { amount: "0", currencyCode: "USD" }
     },
     selected: true,
-    selectedOptions: product?.selectedVariant?.selectedOptions?.reduce((acc, option) => {
-      return { ...acc, [option.name]: option.value };
-    }, {}) || {},
+    selectedOptions: product?.selectedVariant?.selectedOptions?.reduce(
+      (acc, option) => {
+        return { ...acc, [option.name]: option.value };
+      },
+      {}
+    ) || {},
     selectedSellingPlan: {},
     selectedSellingPlanAllocation: {},
     selectedVariant: {
@@ -1404,9 +1600,12 @@ var convertToRebuyProduct = (isHydrogenReact, product) => {
       minVariantPrice: { amount: "0", currencyCode: "USD" }
     },
     selected: true,
-    selectedOptions: product?.selectedOrFirstAvailableVariant?.selectedOptions?.reduce((acc, option) => {
-      return { ...acc, [option.name]: option.value };
-    }, {}) || {},
+    selectedOptions: product?.selectedOrFirstAvailableVariant?.selectedOptions?.reduce(
+      (acc, option) => {
+        return { ...acc, [option.name]: option.value };
+      },
+      {}
+    ) || {},
     selectedSellingPlan: {},
     selectedSellingPlanAllocation: {},
     selectedVariant: {
@@ -1482,35 +1681,15 @@ var convertToRebuyProduct = (isHydrogenReact, product) => {
 
 // src/widgets/RebuyDynamicBundleProducts/BundleImages.tsx
 var import_react9 = require("@remix-run/react");
-var import_hydrogen5 = require("@shopify/hydrogen");
+var import_hydrogen6 = require("@shopify/hydrogen");
 var import_react10 = require("react");
-
-// src/widgets/RebuyDynamicBundleProducts/RebuyDynamicBundleProducts.module.css
-var RebuyDynamicBundleProducts_default = {
-  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",
-  "fade-in": "RebuyDynamicBundleProducts_fade-in",
-  bundleImageDelimiter: "RebuyDynamicBundleProducts_bundleImageDelimiter",
-  compareAtPrice: "RebuyDynamicBundleProducts_compareAtPrice"
-};
-
-// src/widgets/RebuyDynamicBundleProducts/BundleImages.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var BundleImages = ({ products }) => {
   const selected = products.filter((product) => product.selected);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("ul", { className: RebuyDynamicBundleProducts_default.bundleImages, children: products.map((product, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("ul", { className: RebuyDynamicBundleProducts_default.bundleImages, children: products.map((product, index) => {
     const image = product.selectedVariant?.image;
-    const productImage = image ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-      import_hydrogen5.Image,
+    const productImage = image ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      import_hydrogen6.Image,
       {
         alt: image.altText || `Picture of ${product.title}`,
         className: RebuyDynamicBundleProducts_default.bundleImage,
@@ -1524,53 +1703,66 @@ var BundleImages = ({ products }) => {
       product.title
     );
     const showDelimiter = selected[0]?.id !== product.id;
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react10.Fragment, { children: product.selected && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-      showDelimiter && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("li", { className: RebuyDynamicBundleProducts_default.bundleImageDelimiter, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { children: "+" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("li", { className: "flex items-center", children: product.default ? (
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react10.Fragment, { children: product.selected && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+      showDelimiter && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { className: RebuyDynamicBundleProducts_default.bundleImageDelimiter, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: "+" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { className: "flex items-center", children: product.default ? (
         // Already on product page
         productImage
       ) : (
         // Link to product
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react9.Link, { title: product.title, to: `/products/${product.handle}`, children: productImage })
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          import_react9.Link,
+          {
+            title: product.title,
+            to: `/products/${product.handle}`,
+            children: productImage
+          }
+        )
       ) })
     ] }) }, product.id + "-BundleImages-" + index);
   }) });
 };
 
 // src/widgets/RebuyDynamicBundleProducts/Select.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var Select = ({ onSelectVariant, product }) => {
   const getOptionsLabel = (product2) => {
     const options = product2.variants.nodes[0].selectedOptions;
     const optionsFromKeys = options ? Object.keys(options[0]) : [];
     const optionsFromValues = options ? options.map((option) => option.name) : [];
-    const useValues = optionsFromKeys.every((key) => ["name", "value"].includes(key));
+    const useValues = optionsFromKeys.every(
+      (key) => ["name", "value"].includes(key)
+    );
     return (useValues ? optionsFromValues : optionsFromKeys).join(" / ");
   };
-  return product && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return product && /* @__PURE__ */ (0, import_jsx_runtime13.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_runtime12.jsx)("optgroup", { label: getOptionsLabel(product), children: product.variants.nodes.map(({ id, title }) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("option", { value: id, children: title }, id + "-BundleVariant")) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("optgroup", { label: getOptionsLabel(product), children: product.variants.nodes.map(({ id, title }) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: id, children: title }, id + "-BundleVariant")) })
     }
   );
 };
 
 // src/widgets/RebuyDynamicBundleProducts/BundleSelection.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var BundleSelection = ({ onSelectVariant, onToggleBundleItem, products }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("ul", { children: products.map((product, index) => {
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var BundleSelection = ({
+  onSelectVariant,
+  onToggleBundleItem,
+  products
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("ul", { children: products.map((product, index) => {
     const { availableForSale } = product.selectedVariant;
     const isOutOfStock = !availableForSale;
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       "li",
       {
         className: `${RebuyDynamicBundleProducts_default.bundleItemRowContainer} ${!product.selected && RebuyDynamicBundleProducts_default.unselected}`,
-        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: RebuyDynamicBundleProducts_default.bundleItemRow, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: RebuyDynamicBundleProducts_default.bundleItemRow, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             "input",
             {
               checked: product.selected && availableForSale,
@@ -1582,14 +1774,32 @@ var BundleSelection = ({ onSelectVariant, onToggleBundleItem, products }) => {
               value: product.id
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: RebuyDynamicBundleProducts_default.bundleItemInput, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { className: RebuyDynamicBundleProducts_default.bundleItemLabel, htmlFor: `${product.id}-toggle`, children: [
-              isOutOfStock && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("b", { children: "SOLD OUT" }),
-              product.default && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("b", { children: "This item:" }),
-              product.title,
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(RebuyProductPrice, { selectedVariant: product.selectedVariant })
-            ] }),
-            product.variants.nodes.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Select, { onSelectVariant, product })
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: RebuyDynamicBundleProducts_default.bundleItemInput, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+              "label",
+              {
+                className: RebuyDynamicBundleProducts_default.bundleItemLabel,
+                htmlFor: `${product.id}-toggle`,
+                children: [
+                  isOutOfStock && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("b", { children: "SOLD OUT" }),
+                  product.default && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("b", { children: "This item:" }),
+                  product.title,
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                    RebuyProductPrice,
+                    {
+                      selectedVariant: product.selectedVariant
+                    }
+                  )
+                ]
+              }
+            ),
+            product.variants.nodes.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              Select,
+              {
+                onSelectVariant,
+                product
+              }
+            )
           ] })
         ] })
       },
@@ -1598,54 +1808,6 @@ var BundleSelection = ({ onSelectVariant, onToggleBundleItem, products }) => {
   }) });
 };
 
-// src/widgets/RebuyDynamicBundleProducts/BundlePrice.tsx
-var import_hydrogen6 = require("@shopify/hydrogen");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var BundlePrice = ({ products }) => {
-  const isDisabled = products.filter((product) => product.selected).length < 1;
-  const totalBundlePrice = () => {
-    let total = 0;
-    let currencyCode = "USD";
-    for (const product of products) {
-      if (product.selected && product.selectedVariant) {
-        const { priceV2: price2 } = product.selectedVariant;
-        total += Number(price2?.amount);
-        currencyCode = price2?.currencyCode || "USD";
-      }
-    }
-    return {
-      amount: String(total),
-      currencyCode
-    };
-  };
-  const totalBundleCompareAtPrice = () => {
-    let compareAtTotal = 0;
-    let currencyCode = "USD";
-    for (const product of products) {
-      if (product.selected && product.selectedVariant) {
-        const { compareAtPriceV2: compareAtPrice2, priceV2: price2 } = product.selectedVariant;
-        currencyCode = price2?.currencyCode || "USD";
-        compareAtTotal += Number((compareAtPrice2 || price2)?.amount);
-      }
-    }
-    return {
-      amount: String(compareAtTotal),
-      currencyCode
-    };
-  };
-  const isDiscounted = (price2, compareAtPrice2) => Number(compareAtPrice2?.amount) > Number(price2?.amount);
-  const price = totalBundlePrice();
-  const compareAtPrice = totalBundleCompareAtPrice();
-  const CompareAtPrice = ({ data: compareAtPrice2 }) => {
-    return compareAtPrice2 && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_hydrogen6.Money, { as: "span", className: RebuyDynamicBundleProducts_default.compareAtPrice, data: compareAtPrice2, withoutTrailingZeros: true });
-  };
-  return products.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex items-center flex-col", children: !isDisabled && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("p", { className: "flex items-center gap-2 mb-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: "Total Price:" }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_hydrogen6.Money, { as: "span", data: price, withoutTrailingZeros: true }),
-    isDiscounted(price, compareAtPrice) && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CompareAtPrice, { data: compareAtPrice })
-  ] }) });
-};
-
 // src/widgets/RebuyDynamicBundleProducts/RebuyDynamicBundleProducts.tsx
 var import_jsx_runtime15 = require("react/jsx-runtime");
 var RebuyDynamicBundleProducts = (props) => {
@@ -1661,7 +1823,10 @@ var RebuyDynamicBundleProducts = (props) => {
   } = props;
   const [bundleProducts, setBundleProducts] = (0, import_react11.useState)([]);
   (0, import_react11.useEffect)(() => {
-    const mainProduct = convertToRebuyProduct(isHydrogenReact || false, product);
+    const mainProduct = convertToRebuyProduct(
+      isHydrogenReact || false,
+      product
+    );
     const formattedProducts = products.map((product2) => {
       return {
         ...product2,
@@ -1680,7 +1845,9 @@ var RebuyDynamicBundleProducts = (props) => {
   );
   const onSelectVariant = (0, import_react11.useCallback)(
     (product2, variant_id) => {
-      const variant = product2.variants.nodes.find(({ id }) => id === variant_id);
+      const variant = product2.variants.nodes.find(
+        ({ id }) => id === variant_id
+      );
       if (variant) {
         product2.selectedVariant = variant;
         product2.selected = variant.availableForSale || false;
@@ -1694,7 +1861,14 @@ var RebuyDynamicBundleProducts = (props) => {
     return null;
   }
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("section", { className: RebuyDynamicBundleProducts_default.container, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Title, { level: getTitleLevel(customTitleLevel), style: customTitleStyle, text: customTitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      Title,
+      {
+        level: getTitleLevel(customTitleLevel),
+        style: customTitleStyle,
+        text: customTitle
+      }
+    ),
     /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: RebuyDynamicBundleProducts_default.bundleContainer, children: [
       /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(BundleImages, { products: bundleProducts }),
       /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(BundlePrice, { products: bundleProducts }),
@@ -1781,8 +1955,20 @@ var RebuyProductAddOnCard = ({
     /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: RebuyProductAddOns_default.addOnCardTextContent, children: [
       !availableForSale && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: RebuyProductAddOns_default.addOnCardOutOfStock, children: outOfStockText }),
       /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Title, { level: titleLevel, text: product.title }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(RebuyProductPrice, { selectedVariant: product.selectedVariant }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react12.Link, { className: RebuyProductAddOns_default.addOnCardLearnMore, to: `/products/${product.handle}`, children: learnMoreText })
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        RebuyProductPrice,
+        {
+          selectedVariant: product.selectedVariant
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        import_react12.Link,
+        {
+          className: RebuyProductAddOns_default.addOnCardLearnMore,
+          to: `/products/${product.handle}`,
+          children: learnMoreText
+        }
+      )
     ] })
   ] }) });
 };
@@ -1833,7 +2019,10 @@ var RebuyProductAddOns = (props) => {
     });
     setAddedItems(products);
     if (includeMainProduct) {
-      setAddedItems([convertToRebuyProduct(isHydrogenReact || false, product), ...products]);
+      setAddedItems([
+        convertToRebuyProduct(isHydrogenReact || false, product),
+        ...products
+      ]);
     } else {
       setAddedItems(products);
     }
@@ -1841,7 +2030,9 @@ var RebuyProductAddOns = (props) => {
   const handleChange = (0, import_react13.useCallback)(
     (event, product2) => {
       const newProducts = [...products];
-      const productIndex = newProducts.findIndex((p) => p.id === product2.id);
+      const productIndex = newProducts.findIndex(
+        (p) => p.id === product2.id
+      );
       if (productIndex !== -1) {
         newProducts[productIndex] = {
           ...newProducts[productIndex],
@@ -1851,7 +2042,9 @@ var RebuyProductAddOns = (props) => {
         if (event.target.checked) {
           setAddedItems((prev) => [...prev, product2]);
         } else {
-          setAddedItems((prev) => prev.filter((item) => item.id !== product2.id));
+          setAddedItems(
+            (prev) => prev.filter((item) => item.id !== product2.id)
+          );
         }
       }
     },
@@ -1884,7 +2077,14 @@ var RebuyProductAddOns = (props) => {
     return null;
   }
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: RebuyProductAddOns_default.container, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Title, { level: getTitleLevel(customTitleLevel), style: customTitleStyle, text: customTitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      Title,
+      {
+        level: getTitleLevel(customTitleLevel),
+        style: customTitleStyle,
+        text: customTitle
+      }
+    ),
     /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("ul", { className: RebuyProductAddOns_default.productAddOnsList, children: products.map((product2) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       RebuyProductAddOnCard,
       {
@@ -1898,11 +2098,23 @@ var RebuyProductAddOns = (props) => {
     /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: RebuyProductAddOns_default.productAddOnsFooter, children: [
       /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: RebuyProductAddOns_default.moneyContainer, children: [
         subtotalText,
-        subtotalWithOutProduct && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_hydrogen_react3.Money, { data: subtotalWithOutProduct, withoutTrailingZeros: true })
+        subtotalWithOutProduct && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          import_hydrogen_react3.Money,
+          {
+            data: subtotalWithOutProduct,
+            withoutTrailingZeros: true
+          }
+        )
       ] }),
       includeMainProduct && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: RebuyProductAddOns_default.moneyContainer, children: [
         withProductText,
-        subtotalWithProduct && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_hydrogen_react3.Money, { data: subtotalWithProduct, withoutTrailingZeros: true })
+        subtotalWithProduct && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          import_hydrogen_react3.Money,
+          {
+            data: subtotalWithProduct,
+            withoutTrailingZeros: true
+          }
+        )
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: RebuyProductAddOns_default.addCartBtnContainer, children: includeMainProduct ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         AddToCartBtn,
@@ -1912,7 +2124,9 @@ var RebuyProductAddOns = (props) => {
           disabled: addedItems.length === 0,
           isHydrogenReact,
           moneyData: subtotalWithProduct,
-          selectedVariants: addedItems.map((item) => item.selectedVariant)
+          selectedVariants: addedItems.map(
+            (item) => item.selectedVariant
+          )
         }
       ) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         AddToCartBtn,
@@ -1922,7 +2136,9 @@ var RebuyProductAddOns = (props) => {
           disabled: addedItems.length === 0,
           isHydrogenReact,
           moneyData: subtotalWithOutProduct,
-          selectedVariants: addedItems.map((item) => item.selectedVariant)
+          selectedVariants: addedItems.map(
+            (item) => item.selectedVariant
+          )
         }
       ) })
     ] })
@@ -1951,7 +2167,14 @@ var RebuyProductRecommendations = (props) => {
     return null;
   }
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("section", { className: RebuyProductRecommendations_default.container, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Title, { level: getTitleLevel(customTitleLevel), style: customTitleStyle, text: customTitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      Title,
+      {
+        level: getTitleLevel(customTitleLevel),
+        style: customTitleStyle,
+        text: customTitle
+      }
+    ),
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("ul", { className: RebuyProductRecommendations_default.productGrid, children: products.map((product) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("li", { className: RebuyProductRecommendations_default.productItem, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       ProductCard,
       {
@@ -1959,7 +2182,10 @@ var RebuyProductRecommendations = (props) => {
         addToCartCallback,
         isHydrogenReact: props.isHydrogenReact,
         product,
-        productCardTitleLevel: getTitleLevel(customTitleLevel, true)
+        productCardTitleLevel: getTitleLevel(
+          customTitleLevel,
+          true
+        )
       }
     ) }, product.id)) })
   ] });