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

package/dist/index.mjs

@@ -12,12 +12,7 @@ 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
@@ -58,18 +53,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;
@@ -92,16 +80,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(
@@ -133,14 +115,12 @@ var getRebuyConfig = async (rebuyKey, storeDomain) => {
       parameters: { shop: storeDomain },
       url: `/api/v1/user/config`
     };
-    const { data: rebuy, ...response } = await new RebuyClient(
-      rebuyKey
-    ).getShieldedAsset(request.url, request.parameters);
+    const { data: rebuy, ...response } = await new 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) {
@@ -165,6 +145,15 @@ var RebuyHydrogenContext = ({
   const primaryDomain = import.meta.env.PRIMARY_DOMAIN;
   const rebuyKey = import.meta.env.PUBLIC_REBUY_API_KEY;
   const storeDomain = import.meta.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] = useState(null);
   const location = useLocation();
   const queryObject = Utilities2.queryStringToObject(location.search);
@@ -192,17 +181,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 = useMemo(
@@ -211,10 +190,7 @@ var RebuyHydrogenContext = ({
   );
   return /* @__PURE__ */ jsx(RebuyContext.Provider, { value: contextValue, children });
 };
-var RebuyHydrogenContextProvider = ({
-  cart,
-  children
-}) => {
+var RebuyHydrogenContextProvider = ({ cart, children }) => {
   return /* @__PURE__ */ jsx(Await, { resolve: cart, children: (resolvedCart) => {
     const cart2 = resolvedCart;
     return /* @__PURE__ */ jsx(
@@ -235,11 +211,7 @@ 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
@@ -709,6 +681,15 @@ 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;
+  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] = useState2(null);
   const location = useLocation2();
   const queryObject = Utilities3.queryStringToObject(location.search);
@@ -837,27 +818,9 @@ 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 {
-    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);
@@ -895,48 +858,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]);
   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) => ({
@@ -969,24 +911,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
 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";
 
@@ -1047,22 +976,13 @@ 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
@@ -1119,24 +1039,12 @@ 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 }),
@@ -1171,17 +1079,12 @@ 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(
@@ -1195,6 +1098,12 @@ var VariantSelect = ({
   ) });
 };
 
+// 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 = ({
@@ -1204,14 +1113,10 @@ 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);
     }
@@ -1227,21 +1132,9 @@ 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(
@@ -1294,6 +1187,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
 import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
 var RebuyCompleteTheLook = (props) => {
@@ -1310,14 +1210,7 @@ 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,
       {
@@ -1325,10 +1218,7 @@ var RebuyCompleteTheLook = (props) => {
         addToCartCallback,
         isHydrogenReact: props.isHydrogenReact,
         product,
-        productCardTitleLevel: getTitleLevel(
-          customTitleLevel,
-          true
-        )
+        productCardTitleLevel: getTitleLevel(customTitleLevel, true)
       }
     ) }, product.id)) })
   ] });
@@ -1337,84 +1227,6 @@ 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) => {
@@ -1474,9 +1286,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: [],
@@ -1485,12 +1295,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: {
@@ -1567,12 +1374,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: {
@@ -1650,12 +1454,32 @@ 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";
-import { Fragment as Fragment4, jsx as jsx12, jsxs as jsxs7 } from "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
+import { Fragment as Fragment4, jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
 var BundleImages = ({ products }) => {
   const selected = products.filter((product) => product.selected);
-  return /* @__PURE__ */ jsx12("ul", { className: RebuyDynamicBundleProducts_default.bundleImages, children: products.map((product, index) => {
+  return /* @__PURE__ */ jsx11("ul", { className: RebuyDynamicBundleProducts_default.bundleImages, children: products.map((product, index) => {
     const image = product.selectedVariant?.image;
-    const productImage = image ? /* @__PURE__ */ jsx12(
+    const productImage = image ? /* @__PURE__ */ jsx11(
       Image2,
       {
         alt: image.altText || `Picture of ${product.title}`,
@@ -1670,66 +1494,53 @@ var BundleImages = ({ products }) => {
       product.title
     );
     const showDelimiter = selected[0]?.id !== product.id;
-    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 ? (
+    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 ? (
         // Already on product page
         productImage
       ) : (
         // Link to product
-        /* @__PURE__ */ jsx12(
-          Link2,
-          {
-            title: product.title,
-            to: `/products/${product.handle}`,
-            children: productImage
-          }
-        )
+        /* @__PURE__ */ jsx11(Link2, { title: product.title, to: `/products/${product.handle}`, children: productImage })
       ) })
     ] }) }, product.id + "-BundleImages-" + index);
   }) });
 };
 
 // src/widgets/RebuyDynamicBundleProducts/Select.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx12 } 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__ */ jsx13(
+  return product && /* @__PURE__ */ jsx12(
     "select",
     {
       "aria-label": "select variant",
       className: RebuyDynamicBundleProducts_default.select,
       onChange: (e) => onSelectVariant(product, e.target.value),
       value: product.selectedVariant.id,
-      children: /* @__PURE__ */ jsx13("optgroup", { label: getOptionsLabel(product), children: product.variants.nodes.map(({ id, title }) => /* @__PURE__ */ jsx13("option", { value: id, children: title }, id + "-BundleVariant")) })
+      children: /* @__PURE__ */ jsx12("optgroup", { label: getOptionsLabel(product), children: product.variants.nodes.map(({ id, title }) => /* @__PURE__ */ jsx12("option", { value: id, children: title }, id + "-BundleVariant")) })
     }
   );
 };
 
 // src/widgets/RebuyDynamicBundleProducts/BundleSelection.tsx
-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) => {
+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) => {
     const { availableForSale } = product.selectedVariant;
     const isOutOfStock = !availableForSale;
-    return /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsx13(
       "li",
       {
         className: `${RebuyDynamicBundleProducts_default.bundleItemRowContainer} ${!product.selected && RebuyDynamicBundleProducts_default.unselected}`,
-        children: /* @__PURE__ */ jsxs8("div", { className: RebuyDynamicBundleProducts_default.bundleItemRow, children: [
-          /* @__PURE__ */ jsx14(
+        children: /* @__PURE__ */ jsxs7("div", { className: RebuyDynamicBundleProducts_default.bundleItemRow, children: [
+          /* @__PURE__ */ jsx13(
             "input",
             {
               checked: product.selected && availableForSale,
@@ -1741,32 +1552,14 @@ var BundleSelection = ({
               value: product.id
             }
           ),
-          /* @__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
-              }
-            )
+          /* @__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 })
           ] })
         ] })
       },
@@ -1775,6 +1568,54 @@ var BundleSelection = ({
   }) });
 };
 
+// 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) => {
@@ -1790,10 +1631,7 @@ 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,
@@ -1812,9 +1650,7 @@ 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;
@@ -1828,14 +1664,7 @@ 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 }),
@@ -1922,20 +1751,8 @@ 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 })
     ] })
   ] }) });
 };
@@ -1986,10 +1803,7 @@ var RebuyProductAddOns = (props) => {
     });
     setAddedItems(products);
     if (includeMainProduct) {
-      setAddedItems([
-        convertToRebuyProduct(isHydrogenReact || false, product),
-        ...products
-      ]);
+      setAddedItems([convertToRebuyProduct(isHydrogenReact || false, product), ...products]);
     } else {
       setAddedItems(products);
     }
@@ -1997,9 +1811,7 @@ 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],
@@ -2009,9 +1821,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));
         }
       }
     },
@@ -2044,14 +1854,7 @@ 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,
       {
@@ -2065,23 +1868,11 @@ 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,
@@ -2091,9 +1882,7 @@ 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,
@@ -2103,9 +1892,7 @@ var RebuyProductAddOns = (props) => {
           disabled: addedItems.length === 0,
           isHydrogenReact,
           moneyData: subtotalWithOutProduct,
-          selectedVariants: addedItems.map(
-            (item) => item.selectedVariant
-          )
+          selectedVariants: addedItems.map((item) => item.selectedVariant)
         }
       ) })
     ] })
@@ -2134,14 +1921,7 @@ 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,
       {
@@ -2149,10 +1929,7 @@ var RebuyProductRecommendations = (props) => {
         addToCartCallback,
         isHydrogenReact: props.isHydrogenReact,
         product,
-        productCardTitleLevel: getTitleLevel(
-          customTitleLevel,
-          true
-        )
+        productCardTitleLevel: getTitleLevel(customTitleLevel, true)
       }
     ) }, product.id)) })
   ] });