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

package/dist/index.js

@@ -54,12 +54,7 @@ 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
@@ -100,18 +95,11 @@ 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;
@@ -134,16 +122,10 @@ 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(
@@ -175,14 +157,12 @@ var getRebuyConfig = async (rebuyKey, storeDomain) => {
       parameters: { shop: storeDomain },
       url: `/api/v1/user/config`
     };
-    const { data: rebuy, ...response } = await new import_rebuy.RebuyClient(
-      rebuyKey
-    ).getShieldedAsset(request.url, request.parameters);
+    const { data: rebuy, ...response } = await new import_rebuy.RebuyClient(rebuyKey, null, storeDomain).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) {
@@ -207,6 +187,15 @@ var RebuyHydrogenContext = ({
   const primaryDomain = process.env.PRIMARY_DOMAIN;
   const rebuyKey = process.env.PUBLIC_REBUY_API_KEY;
   const storeDomain = process.env.PUBLIC_STORE_DOMAIN;
+  if (!primaryDomain) {
+    throw new Error("Missing required environment variable: PRIMARY_DOMAIN");
+  }
+  if (!rebuyKey) {
+    throw new Error("Missing required environment variable: PUBLIC_REBUY_API_KEY");
+  }
+  if (!storeDomain) {
+    throw new Error("Missing required environment variable: PUBLIC_STORE_DOMAIN");
+  }
   const [rebuyConfig, setRebuyConfig] = (0, import_react3.useState)(null);
   const location = (0, import_react2.useLocation)();
   const queryObject = Utilities2.queryStringToObject(location.search);
@@ -234,17 +223,7 @@ 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)(
@@ -253,10 +232,7 @@ var RebuyHydrogenContext = ({
   );
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RebuyContext.Provider, { value: contextValue, children });
 };
-var RebuyHydrogenContextProvider = ({
-  cart,
-  children
-}) => {
+var RebuyHydrogenContextProvider = ({ cart, 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)(
@@ -747,6 +723,15 @@ var RebuyHydrogenReactContext = ({ children }) => {
   const primaryDomain = process.env.PRIMARY_DOMAIN;
   const rebuyKey = process.env.PUBLIC_REBUY_API_KEY;
   const storeDomain = process.env.PUBLIC_STORE_DOMAIN;
+  if (!primaryDomain) {
+    throw new Error("Missing required environment variable: PRIMARY_DOMAIN");
+  }
+  if (!rebuyKey) {
+    throw new Error("Missing required environment variable: PUBLIC_REBUY_API_KEY");
+  }
+  if (!storeDomain) {
+    throw new Error("Missing required environment variable: PUBLIC_STORE_DOMAIN");
+  }
   const [rebuyConfig, setRebuyConfig] = (0, import_react5.useState)(null);
   const location = (0, import_react4.useLocation)();
   const queryObject = Utilities3.queryStringToObject(location.search);
@@ -876,21 +861,8 @@ 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 {
-    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);
@@ -928,48 +900,27 @@ var RebuyWidgetContainerBase = ({
       // 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) => ({
@@ -1002,24 +953,11 @@ var RebuyWidgetContainerBase = ({
 };
 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");
 
@@ -1080,22 +1018,13 @@ 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
@@ -1152,24 +1081,12 @@ 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 }),
@@ -1204,17 +1121,12 @@ 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)(
@@ -1228,6 +1140,12 @@ var VariantSelect = ({
   ) });
 };
 
+// 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 = ({
@@ -1237,14 +1155,10 @@ 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);
     }
@@ -1260,21 +1174,9 @@ 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)(
@@ -1327,6 +1229,13 @@ 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) => {
@@ -1343,14 +1252,7 @@ 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,
       {
@@ -1358,10 +1260,7 @@ var RebuyCompleteTheLook = (props) => {
         addToCartCallback,
         isHydrogenReact: props.isHydrogenReact,
         product,
-        productCardTitleLevel: getTitleLevel(
-          customTitleLevel,
-          true
-        )
+        productCardTitleLevel: getTitleLevel(customTitleLevel, true)
       }
     ) }, product.id)) })
   ] });
@@ -1370,84 +1269,6 @@ 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) => {
@@ -1507,9 +1328,7 @@ 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: [],
@@ -1518,12 +1337,9 @@ 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: {
@@ -1600,12 +1416,9 @@ 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: {
@@ -1681,15 +1494,35 @@ var convertToRebuyProduct = (isHydrogenReact, product) => {
 
 // src/widgets/RebuyDynamicBundleProducts/BundleImages.tsx
 var import_react9 = require("@remix-run/react");
-var import_hydrogen6 = require("@shopify/hydrogen");
+var import_hydrogen5 = require("@shopify/hydrogen");
 var import_react10 = require("react");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+
+// 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 BundleImages = ({ products }) => {
   const selected = products.filter((product) => product.selected);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("ul", { className: RebuyDynamicBundleProducts_default.bundleImages, children: products.map((product, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("ul", { className: RebuyDynamicBundleProducts_default.bundleImages, children: products.map((product, index) => {
     const image = product.selectedVariant?.image;
-    const productImage = image ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-      import_hydrogen6.Image,
+    const productImage = image ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      import_hydrogen5.Image,
       {
         alt: image.altText || `Picture of ${product.title}`,
         className: RebuyDynamicBundleProducts_default.bundleImage,
@@ -1703,66 +1536,53 @@ var BundleImages = ({ products }) => {
       product.title
     );
     const showDelimiter = selected[0]?.id !== product.id;
-    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 ? (
+    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 ? (
         // Already on product page
         productImage
       ) : (
         // Link to product
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-          import_react9.Link,
-          {
-            title: product.title,
-            to: `/products/${product.handle}`,
-            children: productImage
-          }
-        )
+        /* @__PURE__ */ (0, import_jsx_runtime11.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_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime12 = 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_runtime13.jsx)(
+  return product && /* @__PURE__ */ (0, import_jsx_runtime12.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_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")) })
+      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")) })
     }
   );
 };
 
 // src/widgets/RebuyDynamicBundleProducts/BundleSelection.tsx
-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) => {
+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) => {
     const { availableForSale } = product.selectedVariant;
     const isOutOfStock = !availableForSale;
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       "li",
       {
         className: `${RebuyDynamicBundleProducts_default.bundleItemRowContainer} ${!product.selected && RebuyDynamicBundleProducts_default.unselected}`,
-        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: RebuyDynamicBundleProducts_default.bundleItemRow, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: RebuyDynamicBundleProducts_default.bundleItemRow, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             "input",
             {
               checked: product.selected && availableForSale,
@@ -1774,32 +1594,14 @@ var BundleSelection = ({
               value: product.id
             }
           ),
-          /* @__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
-              }
-            )
+          /* @__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 })
           ] })
         ] })
       },
@@ -1808,6 +1610,54 @@ var BundleSelection = ({
   }) });
 };
 
+// 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) => {
@@ -1823,10 +1673,7 @@ 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,
@@ -1845,9 +1692,7 @@ 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;
@@ -1861,14 +1706,7 @@ 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 }),
@@ -1955,20 +1793,8 @@ 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 })
     ] })
   ] }) });
 };
@@ -2019,10 +1845,7 @@ var RebuyProductAddOns = (props) => {
     });
     setAddedItems(products);
     if (includeMainProduct) {
-      setAddedItems([
-        convertToRebuyProduct(isHydrogenReact || false, product),
-        ...products
-      ]);
+      setAddedItems([convertToRebuyProduct(isHydrogenReact || false, product), ...products]);
     } else {
       setAddedItems(products);
     }
@@ -2030,9 +1853,7 @@ 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],
@@ -2042,9 +1863,7 @@ 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));
         }
       }
     },
@@ -2077,14 +1896,7 @@ 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,
       {
@@ -2098,23 +1910,11 @@ 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,
@@ -2124,9 +1924,7 @@ 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,
@@ -2136,9 +1934,7 @@ var RebuyProductAddOns = (props) => {
           disabled: addedItems.length === 0,
           isHydrogenReact,
           moneyData: subtotalWithOutProduct,
-          selectedVariants: addedItems.map(
-            (item) => item.selectedVariant
-          )
+          selectedVariants: addedItems.map((item) => item.selectedVariant)
         }
       ) })
     ] })
@@ -2167,14 +1963,7 @@ 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,
       {
@@ -2182,10 +1971,7 @@ var RebuyProductRecommendations = (props) => {
         addToCartCallback,
         isHydrogenReact: props.isHydrogenReact,
         product,
-        productCardTitleLevel: getTitleLevel(
-          customTitleLevel,
-          true
-        )
+        productCardTitleLevel: getTitleLevel(customTitleLevel, true)
       }
     ) }, product.id)) })
   ] });