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

package/dist/index.mjs

@@ -12,7 +12,12 @@ import * as Utilities from "@rebuy/rebuy/utilities";
 
 // 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
@@ -53,11 +58,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;
@@ -80,10 +92,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(
@@ -109,18 +127,20 @@ var createContextParameters = ({
 
 // src/utils/getRebuyConfig.ts
 import { RebuyClient } from "@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 RebuyClient(void 0, void 0, storeDomain).getShieldedAsset(
-      request.url,
-      request.parameters
-    );
+    const { data: rebuy, ...response } = await new 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) {
@@ -134,30 +154,30 @@ var getRebuyConfig = async (storeDomain) => {
 // src/providers/RebuyHydrogenContextProvider.tsx
 import { jsx } from "react/jsx-runtime";
 var RebuyHydrogenContext = ({
-  apiKey,
   cartAttributes,
   cartCost,
   cartId,
   cartLines,
   cartNote,
   cartQuantity,
-  children,
-  publicStoreDomain,
-  shop
+  children
 }) => {
+  const primaryDomain = import.meta.env.PRIMARY_DOMAIN;
+  const rebuyKey = import.meta.env.PUBLIC_REBUY_API_KEY;
+  const storeDomain = import.meta.env.PUBLIC_STORE_DOMAIN;
   const [rebuyConfig, setRebuyConfig] = useState(null);
   const location = useLocation();
   const queryObject = Utilities2.queryStringToObject(location.search);
-  const windowUrl = `${shop}${location.pathname}${location.search}`;
+  const windowUrl = `${primaryDomain}${location.pathname}${location.search}`;
   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 = useMemo(
     () => createContextParameters({
       cacheKey: rebuyConfig?.shop?.cache_key,
@@ -172,7 +192,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 = useMemo(
@@ -182,26 +212,20 @@ var RebuyHydrogenContext = ({
   return /* @__PURE__ */ jsx(RebuyContext.Provider, { value: contextValue, children });
 };
 var RebuyHydrogenContextProvider = ({
-  apiKey,
   cart,
-  children,
-  publicStoreDomain,
-  shop
+  children
 }) => {
   return /* @__PURE__ */ jsx(Await, { resolve: cart, children: (resolvedCart) => {
     const cart2 = resolvedCart;
     return /* @__PURE__ */ 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
       }
     );
@@ -211,7 +235,11 @@ var RebuyHydrogenContextProvider = ({
 // src/providers/RebuyHydrogenReactContextProvider.tsx
 import * as Utilities3 from "@rebuy/rebuy/utilities";
 import { useLocation as useLocation2 } from "@remix-run/react";
-import { CartProvider, ShopifyProvider, useCart } from "@shopify/hydrogen-react";
+import {
+  CartProvider,
+  ShopifyProvider,
+  useCart
+} from "@shopify/hydrogen-react";
 import { useEffect as useEffect2, useMemo as useMemo2, useState as useState2 } from "react";
 
 // src/queries/cart.queries.ts
@@ -677,26 +705,24 @@ var CART_FRAGMENT = `#graphql
 
 // src/providers/RebuyHydrogenReactContextProvider.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
-var PUBLIC_PRIMARY_DOMAIN = import.meta.env.PUBLIC_PRIMARY_DOMAIN;
-var PUBLIC_REBUY_API_KEY = import.meta.env.PUBLIC_REBUY_API_KEY;
-var PUBLIC_STORE_DOMAIN = import.meta.env.PUBLIC_STORE_DOMAIN;
-var PUBLIC_STOREFRONT_ID = import.meta.env.PUBLIC_STOREFRONT_ID;
-var PUBLIC_STOREFRONT_API_TOKEN = import.meta.env.PUBLIC_STOREFRONT_API_TOKEN || "";
 var RebuyHydrogenReactContext = ({ children }) => {
+  const primaryDomain = import.meta.env.PRIMARY_DOMAIN;
+  const rebuyKey = import.meta.env.PUBLIC_REBUY_API_KEY;
+  const storeDomain = import.meta.env.PUBLIC_STORE_DOMAIN;
   const [rebuyConfig, setRebuyConfig] = useState2(null);
   const location = useLocation2();
   const queryObject = Utilities3.queryStringToObject(location.search);
-  const windowUrl = `${PUBLIC_PRIMARY_DOMAIN}${location.pathname}${location.search}`;
+  const windowUrl = `${primaryDomain}${location.pathname}${location.search}`;
   const cart = useCart();
   useEffect2(() => {
     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 = useMemo2(
     () => createContextParameters({
       cacheKey: rebuyConfig?.shop?.cache_key,
@@ -745,6 +771,9 @@ var RebuyHydrogenReactContextProvider = ({
   onNoteUpdateComplete,
   storefrontApiVersion = "2025-01"
 }) => {
+  const publicStoreDomain = import.meta.env.PUBLIC_STORE_DOMAIN;
+  const storefrontId = import.meta.env.PUBLIC_STOREFRONT_ID;
+  const storefrontToken = import.meta.env.PUBLIC_STOREFRONT_API_TOKEN || "";
   const adapted = {
     onAttributesUpdate: onAttributesUpdate ? () => onAttributesUpdate() : void 0,
     onAttributesUpdateComplete: onAttributesUpdateComplete ? () => onAttributesUpdateComplete() : void 0,
@@ -768,10 +797,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__ */ jsx2(
         CartProvider,
         {
@@ -808,9 +837,27 @@ var RebuyHydrogenReactContextProvider = ({
 import { RebuyClient as RebuyClient2 } from "@rebuy/rebuy";
 import * as Utilities4 from "@rebuy/rebuy/utilities";
 import { flattenConnection } from "@shopify/hydrogen";
-import React, { useContext, useEffect as useEffect3, useMemo as useMemo3, useState as useState3 } from "react";
-var RebuyWidgetContainerBase = ({ children, ...props }) => {
-  const { apiKey, collection, collectionId, dataSource, limit, options, product, productId, variant, variantId } = props;
+import React, {
+  useContext,
+  useEffect as useEffect3,
+  useMemo as useMemo3,
+  useState as useState3
+} from "react";
+var RebuyWidgetContainerBase = ({
+  children,
+  ...props
+}) => {
+  const {
+    collection,
+    collectionId,
+    dataSource,
+    limit,
+    options,
+    product,
+    productId,
+    variant,
+    variantId
+  } = props;
   const contextParameters = useContext(RebuyContext);
   const [Rebuy, setRebuy] = useState3(null);
   const [initialized, setInitialized] = useState3(false);
@@ -819,9 +866,10 @@ var RebuyWidgetContainerBase = ({ children, ...props }) => {
   const shopifyCollectionId = collection?.id ?? collectionId ?? null;
   const [products, setProducts] = useState3([]);
   const [metadata, setMetadata] = useState3();
+  const REBUY_API_KEY = import.meta.env.PUBLIC_REBUY_API_KEY;
   useEffect3(() => {
     if (!Rebuy) {
-      const client = new RebuyClient2(apiKey);
+      const client = new RebuyClient2(REBUY_API_KEY);
       client.setContextParameters(
         contextParameters
         // TODO: fix this type when @rebuy/rebuy is moved to typescript
@@ -832,7 +880,7 @@ var RebuyWidgetContainerBase = ({ children, ...props }) => {
       setRebuy(client);
       setInitialized(true);
     }
-  }, [apiKey, Rebuy, contextParameters, options]);
+  }, [REBUY_API_KEY, Rebuy, contextParameters, options]);
   useEffect3(() => {
     if (!Rebuy) return;
     Rebuy.setContextParameters(
@@ -847,27 +895,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
+  ]);
   useEffect3(() => {
     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) => ({
@@ -900,11 +969,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
 import { Link } from "@remix-run/react";
 import { Image } from "@shopify/hydrogen";
 import { useState as useState4 } from "react";
 
+// src/components/ProductCard/ProductCard.module.css
+var ProductCard_default = {
+  container: "ProductCard_container",
+  productInfo: "ProductCard_productInfo"
+};
+
 // src/components/AddToCartBtn/HydrogenAddToCartBtn.tsx
 import { CartForm, Money } from "@shopify/hydrogen";
 
@@ -965,13 +1047,22 @@ var HydrogenReactAddToCartBtn = ({
     linesAdd(linesToAdd);
     addToCartCallback?.();
   };
-  return /* @__PURE__ */ jsxs2("button", { className: AddToCartBtn_default.button, disabled, onClick: handleAddToCart, type: "button", children: [
-    addToCartBtnText,
-    moneyData && /* @__PURE__ */ jsxs2(Fragment2, { children: [
-      /* @__PURE__ */ jsx4("span", { children: " | " }),
-      /* @__PURE__ */ jsx4(Money2, { data: moneyData, withoutTrailingZeros: true })
-    ] })
-  ] });
+  return /* @__PURE__ */ jsxs2(
+    "button",
+    {
+      className: AddToCartBtn_default.button,
+      disabled,
+      onClick: handleAddToCart,
+      type: "button",
+      children: [
+        addToCartBtnText,
+        moneyData && /* @__PURE__ */ jsxs2(Fragment2, { children: [
+          /* @__PURE__ */ jsx4("span", { children: " | " }),
+          /* @__PURE__ */ jsx4(Money2, { data: moneyData, withoutTrailingZeros: true })
+        ] })
+      ]
+    }
+  );
 };
 
 // src/components/AddToCartBtn/AddToCartBtn.tsx
@@ -1028,12 +1119,24 @@ var ProductPrice_default = {
 
 // src/components/ProductPrice/ProductPrice.tsx
 import { jsx as jsx6, jsxs as jsxs3 } from "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__ */ jsx6(Money3, { as: "span", className: ProductPrice_default.compareAtPrice, data: compareAtPrice2, withoutTrailingZeros: true });
+  const CompareAtPrice = ({
+    data: compareAtPrice2
+  }) => {
+    return compareAtPrice2 && /* @__PURE__ */ jsx6(
+      Money3,
+      {
+        as: "span",
+        className: ProductPrice_default.compareAtPrice,
+        data: compareAtPrice2,
+        withoutTrailingZeros: true
+      }
+    );
   };
   return price && /* @__PURE__ */ jsxs3("div", { className: ProductPrice_default.priceContainer, children: [
     /* @__PURE__ */ jsx6(Money3, { data: price, withoutTrailingZeros: true }),
@@ -1068,12 +1171,17 @@ var VariantSelect_default = {
 
 // src/components/VariantSelect/VariantSelect.tsx
 import { jsx as jsx8 } from "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__ */ jsx8("div", { children: /* @__PURE__ */ jsx8(
@@ -1087,12 +1195,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
 import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
 var ProductCard = ({
@@ -1102,10 +1204,14 @@ var ProductCard = ({
   product,
   productCardTitleLevel
 }) => {
-  const [selectedVariant, setSelectedVariant] = useState4(product.variants.nodes[0]);
+  const [selectedVariant, setSelectedVariant] = useState4(
+    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);
     }
@@ -1121,9 +1227,21 @@ var ProductCard = ({
         }
       ) }),
       /* @__PURE__ */ jsxs4("div", { className: ProductCard_default.productInfo, children: [
-        /* @__PURE__ */ jsx9(Link, { to: `/products/${product.handle}`, children: /* @__PURE__ */ jsx9(Title, { level: productCardTitleLevel, text: product.title }) }),
+        /* @__PURE__ */ jsx9(Link, { to: `/products/${product.handle}`, children: /* @__PURE__ */ jsx9(
+          Title,
+          {
+            level: productCardTitleLevel,
+            text: product.title
+          }
+        ) }),
         /* @__PURE__ */ jsx9(RebuyProductPrice, { selectedVariant }),
-        /* @__PURE__ */ jsx9(VariantSelect, { handleSelectedVariant, product })
+        /* @__PURE__ */ jsx9(
+          VariantSelect,
+          {
+            handleSelectedVariant,
+            product
+          }
+        )
       ] })
     ] }),
     /* @__PURE__ */ jsx9(
@@ -1176,13 +1294,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
 import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
 var RebuyCompleteTheLook = (props) => {
@@ -1199,7 +1310,14 @@ var RebuyCompleteTheLook = (props) => {
     return null;
   }
   return /* @__PURE__ */ jsxs5("section", { className: RebuyCompleteTheLook_default.container, children: [
-    /* @__PURE__ */ jsx10(Title, { level: getTitleLevel(customTitleLevel), style: customTitleStyle, text: customTitle }),
+    /* @__PURE__ */ jsx10(
+      Title,
+      {
+        level: getTitleLevel(customTitleLevel),
+        style: customTitleStyle,
+        text: customTitle
+      }
+    ),
     /* @__PURE__ */ jsx10("ul", { className: RebuyCompleteTheLook_default.productGrid, children: products.map((product) => /* @__PURE__ */ jsx10("li", { className: RebuyCompleteTheLook_default.productItem, children: /* @__PURE__ */ jsx10(
       ProductCard,
       {
@@ -1207,7 +1325,10 @@ var RebuyCompleteTheLook = (props) => {
         addToCartCallback,
         isHydrogenReact: props.isHydrogenReact,
         product,
-        productCardTitleLevel: getTitleLevel(customTitleLevel, true)
+        productCardTitleLevel: getTitleLevel(
+          customTitleLevel,
+          true
+        )
       }
     ) }, product.id)) })
   ] });
@@ -1216,6 +1337,84 @@ var RebuyCompleteTheLook = (props) => {
 // src/widgets/RebuyDynamicBundleProducts/RebuyDynamicBundleProducts.tsx
 import { useCallback, useEffect as useEffect4, useState as useState5 } from "react";
 
+// src/widgets/RebuyDynamicBundleProducts/BundlePrice.tsx
+import { Money as Money4 } from "@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
+import { jsx as jsx11, jsxs as jsxs6 } from "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__ */ jsx11(
+      Money4,
+      {
+        as: "span",
+        className: RebuyDynamicBundleProducts_default.compareAtPrice,
+        data: compareAtPrice2,
+        withoutTrailingZeros: true
+      }
+    );
+  };
+  return products.length > 0 && /* @__PURE__ */ jsx11("div", { className: "flex items-center flex-col", children: !isDisabled && /* @__PURE__ */ jsxs6("p", { className: "flex items-center gap-2 mb-2", children: [
+    /* @__PURE__ */ jsx11("span", { children: "Total Price:" }),
+    /* @__PURE__ */ jsx11(Money4, { as: "span", data: price, withoutTrailingZeros: true }),
+    isDiscounted(price, compareAtPrice) && /* @__PURE__ */ jsx11(CompareAtPrice, { data: compareAtPrice })
+  ] }) });
+};
+
 // src/utils/convertToRebuyProduct.tsx
 var convertToRebuyProduct = (isHydrogenReact, product) => {
   const mainProductVariants = isHydrogenReact ? product?.variants?.nodes?.map((variant) => {
@@ -1275,7 +1474,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: [],
@@ -1284,9 +1485,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: {
@@ -1363,9 +1567,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: {
@@ -1443,32 +1650,12 @@ var convertToRebuyProduct = (isHydrogenReact, product) => {
 import { Link as Link2 } from "@remix-run/react";
 import { Image as Image2 } from "@shopify/hydrogen";
 import { Fragment as Fragment3 } from "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
-import { Fragment as Fragment4, jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
 var BundleImages = ({ products }) => {
   const selected = products.filter((product) => product.selected);
-  return /* @__PURE__ */ jsx11("ul", { className: RebuyDynamicBundleProducts_default.bundleImages, children: products.map((product, index) => {
+  return /* @__PURE__ */ jsx12("ul", { className: RebuyDynamicBundleProducts_default.bundleImages, children: products.map((product, index) => {
     const image = product.selectedVariant?.image;
-    const productImage = image ? /* @__PURE__ */ jsx11(
+    const productImage = image ? /* @__PURE__ */ jsx12(
       Image2,
       {
         alt: image.altText || `Picture of ${product.title}`,
@@ -1483,53 +1670,66 @@ var BundleImages = ({ products }) => {
       product.title
     );
     const showDelimiter = selected[0]?.id !== product.id;
-    return /* @__PURE__ */ jsx11(Fragment3, { children: product.selected && /* @__PURE__ */ jsxs6(Fragment4, { children: [
-      showDelimiter && /* @__PURE__ */ jsx11("li", { className: RebuyDynamicBundleProducts_default.bundleImageDelimiter, children: /* @__PURE__ */ jsx11("span", { children: "+" }) }),
-      /* @__PURE__ */ jsx11("li", { className: "flex items-center", children: product.default ? (
+    return /* @__PURE__ */ jsx12(Fragment3, { children: product.selected && /* @__PURE__ */ jsxs7(Fragment4, { children: [
+      showDelimiter && /* @__PURE__ */ jsx12("li", { className: RebuyDynamicBundleProducts_default.bundleImageDelimiter, children: /* @__PURE__ */ jsx12("span", { children: "+" }) }),
+      /* @__PURE__ */ jsx12("li", { className: "flex items-center", children: product.default ? (
         // Already on product page
         productImage
       ) : (
         // Link to product
-        /* @__PURE__ */ jsx11(Link2, { title: product.title, to: `/products/${product.handle}`, children: productImage })
+        /* @__PURE__ */ jsx12(
+          Link2,
+          {
+            title: product.title,
+            to: `/products/${product.handle}`,
+            children: productImage
+          }
+        )
       ) })
     ] }) }, product.id + "-BundleImages-" + index);
   }) });
 };
 
 // src/widgets/RebuyDynamicBundleProducts/Select.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "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__ */ jsx12(
+  return product && /* @__PURE__ */ jsx13(
     "select",
     {
       "aria-label": "select variant",
       className: RebuyDynamicBundleProducts_default.select,
       onChange: (e) => onSelectVariant(product, e.target.value),
       value: product.selectedVariant.id,
-      children: /* @__PURE__ */ jsx12("optgroup", { label: getOptionsLabel(product), children: product.variants.nodes.map(({ id, title }) => /* @__PURE__ */ jsx12("option", { value: id, children: title }, id + "-BundleVariant")) })
+      children: /* @__PURE__ */ jsx13("optgroup", { label: getOptionsLabel(product), children: product.variants.nodes.map(({ id, title }) => /* @__PURE__ */ jsx13("option", { value: id, children: title }, id + "-BundleVariant")) })
     }
   );
 };
 
 // src/widgets/RebuyDynamicBundleProducts/BundleSelection.tsx
-import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
-var BundleSelection = ({ onSelectVariant, onToggleBundleItem, products }) => {
-  return /* @__PURE__ */ jsx13("ul", { children: products.map((product, index) => {
+import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
+var BundleSelection = ({
+  onSelectVariant,
+  onToggleBundleItem,
+  products
+}) => {
+  return /* @__PURE__ */ jsx14("ul", { children: products.map((product, index) => {
     const { availableForSale } = product.selectedVariant;
     const isOutOfStock = !availableForSale;
-    return /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx14(
       "li",
       {
         className: `${RebuyDynamicBundleProducts_default.bundleItemRowContainer} ${!product.selected && RebuyDynamicBundleProducts_default.unselected}`,
-        children: /* @__PURE__ */ jsxs7("div", { className: RebuyDynamicBundleProducts_default.bundleItemRow, children: [
-          /* @__PURE__ */ jsx13(
+        children: /* @__PURE__ */ jsxs8("div", { className: RebuyDynamicBundleProducts_default.bundleItemRow, children: [
+          /* @__PURE__ */ jsx14(
             "input",
             {
               checked: product.selected && availableForSale,
@@ -1541,14 +1741,32 @@ var BundleSelection = ({ onSelectVariant, onToggleBundleItem, products }) => {
               value: product.id
             }
           ),
-          /* @__PURE__ */ jsxs7("div", { className: RebuyDynamicBundleProducts_default.bundleItemInput, children: [
-            /* @__PURE__ */ jsxs7("label", { className: RebuyDynamicBundleProducts_default.bundleItemLabel, htmlFor: `${product.id}-toggle`, children: [
-              isOutOfStock && /* @__PURE__ */ jsx13("b", { children: "SOLD OUT" }),
-              product.default && /* @__PURE__ */ jsx13("b", { children: "This item:" }),
-              product.title,
-              /* @__PURE__ */ jsx13(RebuyProductPrice, { selectedVariant: product.selectedVariant })
-            ] }),
-            product.variants.nodes.length > 1 && /* @__PURE__ */ jsx13(Select, { onSelectVariant, product })
+          /* @__PURE__ */ jsxs8("div", { className: RebuyDynamicBundleProducts_default.bundleItemInput, children: [
+            /* @__PURE__ */ jsxs8(
+              "label",
+              {
+                className: RebuyDynamicBundleProducts_default.bundleItemLabel,
+                htmlFor: `${product.id}-toggle`,
+                children: [
+                  isOutOfStock && /* @__PURE__ */ jsx14("b", { children: "SOLD OUT" }),
+                  product.default && /* @__PURE__ */ jsx14("b", { children: "This item:" }),
+                  product.title,
+                  /* @__PURE__ */ jsx14(
+                    RebuyProductPrice,
+                    {
+                      selectedVariant: product.selectedVariant
+                    }
+                  )
+                ]
+              }
+            ),
+            product.variants.nodes.length > 1 && /* @__PURE__ */ jsx14(
+              Select,
+              {
+                onSelectVariant,
+                product
+              }
+            )
           ] })
         ] })
       },
@@ -1557,54 +1775,6 @@ var BundleSelection = ({ onSelectVariant, onToggleBundleItem, products }) => {
   }) });
 };
 
-// src/widgets/RebuyDynamicBundleProducts/BundlePrice.tsx
-import { Money as Money4 } from "@shopify/hydrogen";
-import { jsx as jsx14, jsxs as jsxs8 } from "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__ */ jsx14(Money4, { as: "span", className: RebuyDynamicBundleProducts_default.compareAtPrice, data: compareAtPrice2, withoutTrailingZeros: true });
-  };
-  return products.length > 0 && /* @__PURE__ */ jsx14("div", { className: "flex items-center flex-col", children: !isDisabled && /* @__PURE__ */ jsxs8("p", { className: "flex items-center gap-2 mb-2", children: [
-    /* @__PURE__ */ jsx14("span", { children: "Total Price:" }),
-    /* @__PURE__ */ jsx14(Money4, { as: "span", data: price, withoutTrailingZeros: true }),
-    isDiscounted(price, compareAtPrice) && /* @__PURE__ */ jsx14(CompareAtPrice, { data: compareAtPrice })
-  ] }) });
-};
-
 // src/widgets/RebuyDynamicBundleProducts/RebuyDynamicBundleProducts.tsx
 import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
 var RebuyDynamicBundleProducts = (props) => {
@@ -1620,7 +1790,10 @@ var RebuyDynamicBundleProducts = (props) => {
   } = props;
   const [bundleProducts, setBundleProducts] = useState5([]);
   useEffect4(() => {
-    const mainProduct = convertToRebuyProduct(isHydrogenReact || false, product);
+    const mainProduct = convertToRebuyProduct(
+      isHydrogenReact || false,
+      product
+    );
     const formattedProducts = products.map((product2) => {
       return {
         ...product2,
@@ -1639,7 +1812,9 @@ var RebuyDynamicBundleProducts = (props) => {
   );
   const onSelectVariant = 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;
@@ -1653,7 +1828,14 @@ var RebuyDynamicBundleProducts = (props) => {
     return null;
   }
   return /* @__PURE__ */ jsxs9("section", { className: RebuyDynamicBundleProducts_default.container, children: [
-    /* @__PURE__ */ jsx15(Title, { level: getTitleLevel(customTitleLevel), style: customTitleStyle, text: customTitle }),
+    /* @__PURE__ */ jsx15(
+      Title,
+      {
+        level: getTitleLevel(customTitleLevel),
+        style: customTitleStyle,
+        text: customTitle
+      }
+    ),
     /* @__PURE__ */ jsxs9("div", { className: RebuyDynamicBundleProducts_default.bundleContainer, children: [
       /* @__PURE__ */ jsx15(BundleImages, { products: bundleProducts }),
       /* @__PURE__ */ jsx15(BundlePrice, { products: bundleProducts }),
@@ -1740,8 +1922,20 @@ var RebuyProductAddOnCard = ({
     /* @__PURE__ */ jsxs10("div", { className: RebuyProductAddOns_default.addOnCardTextContent, children: [
       !availableForSale && /* @__PURE__ */ jsx16("p", { className: RebuyProductAddOns_default.addOnCardOutOfStock, children: outOfStockText }),
       /* @__PURE__ */ jsx16(Title, { level: titleLevel, text: product.title }),
-      /* @__PURE__ */ jsx16(RebuyProductPrice, { selectedVariant: product.selectedVariant }),
-      /* @__PURE__ */ jsx16(Link3, { className: RebuyProductAddOns_default.addOnCardLearnMore, to: `/products/${product.handle}`, children: learnMoreText })
+      /* @__PURE__ */ jsx16(
+        RebuyProductPrice,
+        {
+          selectedVariant: product.selectedVariant
+        }
+      ),
+      /* @__PURE__ */ jsx16(
+        Link3,
+        {
+          className: RebuyProductAddOns_default.addOnCardLearnMore,
+          to: `/products/${product.handle}`,
+          children: learnMoreText
+        }
+      )
     ] })
   ] }) });
 };
@@ -1792,7 +1986,10 @@ var RebuyProductAddOns = (props) => {
     });
     setAddedItems(products);
     if (includeMainProduct) {
-      setAddedItems([convertToRebuyProduct(isHydrogenReact || false, product), ...products]);
+      setAddedItems([
+        convertToRebuyProduct(isHydrogenReact || false, product),
+        ...products
+      ]);
     } else {
       setAddedItems(products);
     }
@@ -1800,7 +1997,9 @@ var RebuyProductAddOns = (props) => {
   const handleChange = useCallback2(
     (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],
@@ -1810,7 +2009,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)
+          );
         }
       }
     },
@@ -1843,7 +2044,14 @@ var RebuyProductAddOns = (props) => {
     return null;
   }
   return /* @__PURE__ */ jsxs11("div", { className: RebuyProductAddOns_default.container, children: [
-    /* @__PURE__ */ jsx17(Title, { level: getTitleLevel(customTitleLevel), style: customTitleStyle, text: customTitle }),
+    /* @__PURE__ */ jsx17(
+      Title,
+      {
+        level: getTitleLevel(customTitleLevel),
+        style: customTitleStyle,
+        text: customTitle
+      }
+    ),
     /* @__PURE__ */ jsx17("ul", { className: RebuyProductAddOns_default.productAddOnsList, children: products.map((product2) => /* @__PURE__ */ jsx17("li", { children: /* @__PURE__ */ jsx17(
       RebuyProductAddOnCard,
       {
@@ -1857,11 +2065,23 @@ var RebuyProductAddOns = (props) => {
     /* @__PURE__ */ jsxs11("div", { className: RebuyProductAddOns_default.productAddOnsFooter, children: [
       /* @__PURE__ */ jsxs11("div", { className: RebuyProductAddOns_default.moneyContainer, children: [
         subtotalText,
-        subtotalWithOutProduct && /* @__PURE__ */ jsx17(Money5, { data: subtotalWithOutProduct, withoutTrailingZeros: true })
+        subtotalWithOutProduct && /* @__PURE__ */ jsx17(
+          Money5,
+          {
+            data: subtotalWithOutProduct,
+            withoutTrailingZeros: true
+          }
+        )
       ] }),
       includeMainProduct && /* @__PURE__ */ jsxs11("div", { className: RebuyProductAddOns_default.moneyContainer, children: [
         withProductText,
-        subtotalWithProduct && /* @__PURE__ */ jsx17(Money5, { data: subtotalWithProduct, withoutTrailingZeros: true })
+        subtotalWithProduct && /* @__PURE__ */ jsx17(
+          Money5,
+          {
+            data: subtotalWithProduct,
+            withoutTrailingZeros: true
+          }
+        )
       ] }),
       /* @__PURE__ */ jsx17("div", { className: RebuyProductAddOns_default.addCartBtnContainer, children: includeMainProduct ? /* @__PURE__ */ jsx17(
         AddToCartBtn,
@@ -1871,7 +2091,9 @@ var RebuyProductAddOns = (props) => {
           disabled: addedItems.length === 0,
           isHydrogenReact,
           moneyData: subtotalWithProduct,
-          selectedVariants: addedItems.map((item) => item.selectedVariant)
+          selectedVariants: addedItems.map(
+            (item) => item.selectedVariant
+          )
         }
       ) : /* @__PURE__ */ jsx17(
         AddToCartBtn,
@@ -1881,7 +2103,9 @@ var RebuyProductAddOns = (props) => {
           disabled: addedItems.length === 0,
           isHydrogenReact,
           moneyData: subtotalWithOutProduct,
-          selectedVariants: addedItems.map((item) => item.selectedVariant)
+          selectedVariants: addedItems.map(
+            (item) => item.selectedVariant
+          )
         }
       ) })
     ] })
@@ -1910,7 +2134,14 @@ var RebuyProductRecommendations = (props) => {
     return null;
   }
   return /* @__PURE__ */ jsxs12("section", { className: RebuyProductRecommendations_default.container, children: [
-    /* @__PURE__ */ jsx18(Title, { level: getTitleLevel(customTitleLevel), style: customTitleStyle, text: customTitle }),
+    /* @__PURE__ */ jsx18(
+      Title,
+      {
+        level: getTitleLevel(customTitleLevel),
+        style: customTitleStyle,
+        text: customTitle
+      }
+    ),
     /* @__PURE__ */ jsx18("ul", { className: RebuyProductRecommendations_default.productGrid, children: products.map((product) => /* @__PURE__ */ jsx18("li", { className: RebuyProductRecommendations_default.productItem, children: /* @__PURE__ */ jsx18(
       ProductCard,
       {
@@ -1918,7 +2149,10 @@ var RebuyProductRecommendations = (props) => {
         addToCartCallback,
         isHydrogenReact: props.isHydrogenReact,
         product,
-        productCardTitleLevel: getTitleLevel(customTitleLevel, true)
+        productCardTitleLevel: getTitleLevel(
+          customTitleLevel,
+          true
+        )
       }
     ) }, product.id)) })
   ] });