@rebuy/rebuy-hydrogen 3.0.0-beta.16 → 3.0.0-beta.18

package/dist/index.mjs

@@ -1221,7 +1221,7 @@ var useTieredProgressBarStore = create((set, get) => ({
       if (idsToFetch.length > 0) {
         const productGids = idsToFetch.map((id) => `gid://shopify/Product/${id}`);
         const graphqlQuery = `query getProductsByIds($ids: [ID!]!) { nodes(ids: $ids) { ... on Product { id title handle tags images(first: 1) { edges { node { url altText } } } variants(first: 30) { edges { node { id title sku availableForSale price { amount currencyCode } compareAtPrice { amount currencyCode } selectedOptions { name value } image { url altText } } } } } } }`;
-        const response = await fetch(`https://${_shopifyDomain}/api/2024-07/graphql.json`, {
+        const response = await fetch(`https://${_shopifyDomain}/api/2025-01/graphql.json`, {
           body: JSON.stringify({ query: graphqlQuery, variables: { ids: productGids } }),
           headers: {
             "Content-Type": "application/json",
@@ -3524,7 +3524,7 @@ var RebuyHydrogenReactContextProvider = ({
   publicStoreDomain,
   publicStorefrontId,
   publicStorefrontToken,
-  storefrontApiVersion = "2024-07"
+  storefrontApiVersion = "2025-01"
 }) => {
   const adaptedCallbacks = useMemo4(
     () => ({
@@ -3817,6 +3817,13 @@ import clsx from "clsx";
 import { useCallback as useCallback4, useEffect as useEffect5, useMemo as useMemo7, useState as useState5 } from "react";
 import { useFetcher } from "react-router";
 
+// src/components/RebuyLink/RebuyLink.tsx
+import { Link } from "react-router";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var RebuyLink = ({ ariaLabel, children, className, handle, onClick, role = "link" }) => {
+  return /* @__PURE__ */ jsx9(Link, { "aria-label": ariaLabel, className, onClick, rel: "nofollow", role, to: handle, children });
+};
+
 // src/smart-cart/hooks/useCartItemFeatures.ts
 import { useCallback as useCallback3, useMemo as useMemo6, useState as useState4 } from "react";
 
@@ -4235,8 +4242,8 @@ var result2 = { "rebuy-cart-item": "CartItem_rebuy-cart-item", "rebuy-cart-item_
 var CartItem_default = result2;
 
 // src/smart-cart/components/CartItem/CartItem.tsx
-import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
-var Spinner = ({ className }) => /* @__PURE__ */ jsx9("span", { className: clsx(CartItem_default["rebuy-cart-item__spinner"], className) });
+import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
+var Spinner = ({ className }) => /* @__PURE__ */ jsx10("span", { className: clsx(CartItem_default["rebuy-cart-item__spinner"], className) });
 var CartItem = ({ line }) => {
   const { config, isCartBusy, isHydrogenReact, removeItem, updateItem } = useSmartCart();
   const itemFetcher = useFetcher();
@@ -4246,6 +4253,7 @@ var CartItem = ({ line }) => {
   const [isAdjustingBMSM, setIsAdjustingBMSM] = useState5(false);
   const [isSwitchingSubscription, setIsSwitchingSubscription] = useState5(false);
   const [switchingDirection, setSwitchingDirection] = useState5(null);
+  const { toggleCart } = useSmartCart();
   const {
     actions: itemActionsLogic,
     bmsm,
@@ -4473,21 +4481,34 @@ var CartItem = ({ line }) => {
       "data-line-id": line.id,
       "data-variant-id": line.merchandise.id,
       children: [
-        /* @__PURE__ */ jsx9("div", { className: CartItem_default["rebuy-cart-item__media"], children: /* @__PURE__ */ jsx9("a", { "aria-label": meta.linkLabel, href: meta.itemUrl, children: /* @__PURE__ */ jsx9("img", { alt: meta.imageAltText, height: 120, loading: "lazy", src: meta.imageUrl, width: 120 }) }) }),
+        /* @__PURE__ */ jsx10("div", { className: CartItem_default["rebuy-cart-item__media"], children: /* @__PURE__ */ jsx10(
+          RebuyLink,
+          {
+            ariaLabel: meta.linkLabel,
+            handle: meta.itemUrl,
+            onClick: () => {
+              toggleCart();
+            },
+            children: /* @__PURE__ */ jsx10("img", { alt: meta.imageAltText, height: 120, loading: "lazy", src: meta.imageUrl, width: 120 })
+          }
+        ) }),
         /* @__PURE__ */ jsxs5("div", { className: CartItem_default["rebuy-cart-item__info"], children: [
-          /* @__PURE__ */ jsx9(
-            "a",
+          /* @__PURE__ */ jsx10(
+            RebuyLink,
             {
-              "aria-level": 5,
+              ariaLabel: meta.linkLabel,
               className: CartItem_default["rebuy-cart-item__product-title"],
-              href: meta.itemUrl,
+              handle: meta.itemUrl,
+              onClick: () => {
+                toggleCart();
+              },
               role: "heading",
               children: meta.productTitle
             }
           ),
-          meta.variantTitle && /* @__PURE__ */ jsx9("div", { className: CartItem_default["rebuy-cart-item__variant-title"], children: meta.variantTitle }),
+          meta.variantTitle && /* @__PURE__ */ jsx10("div", { className: CartItem_default["rebuy-cart-item__variant-title"], children: meta.variantTitle }),
           properties.hasVisibleProperties && /* @__PURE__ */ jsxs5("div", { className: CartItem_default["rebuy-cart-item__properties-list"], children: [
-            properties.deliveryFrequency && /* @__PURE__ */ jsx9(
+            properties.deliveryFrequency && /* @__PURE__ */ jsx10(
               "div",
               {
                 className: clsx(
@@ -4497,7 +4518,7 @@ var CartItem = ({ line }) => {
                 children: properties.deliveryFrequency
               }
             ),
-            properties.visibleProperties.map((prop, index) => /* @__PURE__ */ jsx9(
+            properties.visibleProperties.map((prop, index) => /* @__PURE__ */ jsx10(
               "div",
               {
                 className: clsx(
@@ -4506,15 +4527,15 @@ var CartItem = ({ line }) => {
                   getItemPropertyValueClass(prop)
                 ),
                 children: prop.key !== "_Discount" ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
-                  /* @__PURE__ */ jsx9("span", { className: CartItem_default["rebuy-cart-item__property-key"], children: prop.key }),
-                  /* @__PURE__ */ jsx9("span", { className: CartItem_default["rebuy-cart-item__property-separator"], children: ": " }),
-                  /* @__PURE__ */ jsx9("span", { className: CartItem_default["rebuy-cart-item__property-value"], children: prop.value })
-                ] }) : /* @__PURE__ */ jsx9("span", { className: CartItem_default["rebuy-cart-item__property-value"], children: prop.value })
+                  /* @__PURE__ */ jsx10("span", { className: CartItem_default["rebuy-cart-item__property-key"], children: prop.key }),
+                  /* @__PURE__ */ jsx10("span", { className: CartItem_default["rebuy-cart-item__property-separator"], children: ": " }),
+                  /* @__PURE__ */ jsx10("span", { className: CartItem_default["rebuy-cart-item__property-value"], children: prop.value })
+                ] }) : /* @__PURE__ */ jsx10("span", { className: CartItem_default["rebuy-cart-item__property-value"], children: prop.value })
               },
               `${line.id}-prop-${index}`
             ))
           ] }),
-          /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx10(
             "button",
             {
               "aria-label": `Remove ${meta.productTitle}`,
@@ -4522,11 +4543,11 @@ var CartItem = ({ line }) => {
               disabled: isLoadingCombined,
               onClick: handleRemoveItem,
               type: "button",
-              children: isRemoving ? /* @__PURE__ */ jsx9(Spinner, {}) : "\u2715"
+              children: isRemoving ? /* @__PURE__ */ jsx10(Spinner, {}) : "\u2715"
             }
           ),
-          !shouldHideQuantitySelector && /* @__PURE__ */ jsx9("div", { className: CartItem_default["rebuy-cart-item__quantity-selector-area"], children: /* @__PURE__ */ jsxs5("div", { className: CartItem_default["rebuy-cart-item__quantity-selector"], children: [
-            /* @__PURE__ */ jsx9(
+          !shouldHideQuantitySelector && /* @__PURE__ */ jsx10("div", { className: CartItem_default["rebuy-cart-item__quantity-selector-area"], children: /* @__PURE__ */ jsxs5("div", { className: CartItem_default["rebuy-cart-item__quantity-selector"], children: [
+            /* @__PURE__ */ jsx10(
               "button",
               {
                 "aria-label": `Decrease quantity of ${meta.productTitle}`,
@@ -4534,7 +4555,7 @@ var CartItem = ({ line }) => {
                 disabled: isLoadingCombined,
                 onClick: handleDecreaseQuantity,
                 type: "button",
-                children: isDecreasing ? /* @__PURE__ */ jsx9(Spinner, {}) : "-"
+                children: isDecreasing ? /* @__PURE__ */ jsx10(Spinner, {}) : "-"
               }
             ),
             /* @__PURE__ */ jsxs5("span", { "aria-live": "polite", className: CartItem_default["rebuy-cart-item__quantity-selector-label"], children: [
@@ -4544,7 +4565,7 @@ var CartItem = ({ line }) => {
               ] }),
               line.quantity
             ] }),
-            /* @__PURE__ */ jsx9(
+            /* @__PURE__ */ jsx10(
               "button",
               {
                 "aria-label": `Increase quantity of ${meta.productTitle}`,
@@ -4552,11 +4573,11 @@ var CartItem = ({ line }) => {
                 disabled: isLoadingCombined,
                 onClick: handleIncreaseQuantity,
                 type: "button",
-                children: isIncreasing ? /* @__PURE__ */ jsx9(Spinner, {}) : "+"
+                children: isIncreasing ? /* @__PURE__ */ jsx10(Spinner, {}) : "+"
               }
             )
           ] }) }),
-          /* @__PURE__ */ jsx9("div", { className: CartItem_default["rebuy-cart-item__price-details"], children: pricing.hasDiscount && pricing.compareAtDisplayPrice ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
+          /* @__PURE__ */ jsx10("div", { className: CartItem_default["rebuy-cart-item__price-details"], children: pricing.hasDiscount && pricing.compareAtDisplayPrice ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
             /* @__PURE__ */ jsxs5(
               "span",
               {
@@ -4566,7 +4587,7 @@ var CartItem = ({ line }) => {
                   CartItem_default["rebuy-cart-item__money--sale"]
                 ),
                 children: [
-                  /* @__PURE__ */ jsx9(ScreenReaderText, { children: "Sale price" }),
+                  /* @__PURE__ */ jsx10(ScreenReaderText, { children: "Sale price" }),
                   pricing.displayPrice
                 ]
               }
@@ -4580,13 +4601,13 @@ var CartItem = ({ line }) => {
                   CartItem_default["rebuy-cart-item__money--compare-at"]
                 ),
                 children: [
-                  /* @__PURE__ */ jsx9(ScreenReaderText, { children: "Original price" }),
+                  /* @__PURE__ */ jsx10(ScreenReaderText, { children: "Original price" }),
                   pricing.compareAtDisplayPrice
                 ]
               }
             )
           ] }) : /* @__PURE__ */ jsxs5("span", { "aria-label": "Price", className: CartItem_default["rebuy-cart-item__money"], children: [
-            /* @__PURE__ */ jsx9(ScreenReaderText, { children: "Price" }),
+            /* @__PURE__ */ jsx10(ScreenReaderText, { children: "Price" }),
             pricing.displayPrice
           ] }) }),
           bundle.isBundleParent && bundle.showToggle && /* @__PURE__ */ jsxs5("div", { className: CartItem_default["rebuy-cart-item__bundle-section"], children: [
@@ -4606,11 +4627,11 @@ var CartItem = ({ line }) => {
                   bundle.itemCount,
                   " item",
                   bundle.itemCount !== 1 ? "s" : "",
-                  /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", className: CartItem_default["rebuy-cart-item__bundle-chev-icon"], children: isBundleExpanded ? "\u25B2" : "\u25BC" })
+                  /* @__PURE__ */ jsx10("span", { "aria-hidden": "true", className: CartItem_default["rebuy-cart-item__bundle-chev-icon"], children: isBundleExpanded ? "\u25B2" : "\u25BC" })
                 ]
               }
             ),
-            bundle.itemCount > 0 && isBundleExpanded && /* @__PURE__ */ jsx9(
+            bundle.itemCount > 0 && isBundleExpanded && /* @__PURE__ */ jsx10(
               "ul",
               {
                 className: CartItem_default["rebuy-cart-item__bundle-children-list"],
@@ -4629,7 +4650,7 @@ var CartItem = ({ line }) => {
                     {
                       className: CartItem_default["rebuy-cart-item__bundle-child-item"],
                       children: [
-                        /* @__PURE__ */ jsx9("div", { className: CartItem_default["rebuy-cart-item__bundle-child-media-wrapper"], children: /* @__PURE__ */ jsx9("div", { className: CartItem_default["rebuy-cart-item__bundle-child-image-wrapper"], children: /* @__PURE__ */ jsx9(
+                        /* @__PURE__ */ jsx10("div", { className: CartItem_default["rebuy-cart-item__bundle-child-media-wrapper"], children: /* @__PURE__ */ jsx10("div", { className: CartItem_default["rebuy-cart-item__bundle-child-image-wrapper"], children: /* @__PURE__ */ jsx10(
                           "img",
                           {
                             alt: childTitle,
@@ -4638,7 +4659,7 @@ var CartItem = ({ line }) => {
                             src: sizeImage(childImage, "40x40")
                           }
                         ) }) }),
-                        /* @__PURE__ */ jsx9("div", { className: CartItem_default["rebuy-cart-item__bundle-child-details"], children: /* @__PURE__ */ jsx9("h5", { className: CartItem_default["rebuy-cart-item__bundle-child-title"], children: childTitle }) })
+                        /* @__PURE__ */ jsx10("div", { className: CartItem_default["rebuy-cart-item__bundle-child-details"], children: /* @__PURE__ */ jsx10("h5", { className: CartItem_default["rebuy-cart-item__bundle-child-title"], children: childTitle }) })
                       ]
                     },
                     `${line.id}-bundle-child-${index}`
@@ -4649,18 +4670,18 @@ var CartItem = ({ line }) => {
           ] })
         ] }),
         " ",
-        bmsm.isEnabledAndApplicable && /* @__PURE__ */ jsx9("div", { className: CartItem_default["rebuy-cart-item__bmsm-section"], children: bmsm.isButtonMode ? /* @__PURE__ */ jsx9("div", { className: CartItem_default["rebuy-cart-item__bmsm-button-wrapper"], children: bmsm.nextApplicableTiers.map((tier) => /* @__PURE__ */ jsx9(
+        bmsm.isEnabledAndApplicable && /* @__PURE__ */ jsx10("div", { className: CartItem_default["rebuy-cart-item__bmsm-section"], children: bmsm.isButtonMode ? /* @__PURE__ */ jsx10("div", { className: CartItem_default["rebuy-cart-item__bmsm-button-wrapper"], children: bmsm.nextApplicableTiers.map((tier) => /* @__PURE__ */ jsx10(
           "button",
           {
             "aria-label": `${bmsm.getButtonText(tier)} for ${meta.productTitle}`,
             className: CartItem_default["rebuy-cart-item__bmsm-button"],
             disabled: isLoadingCombined,
             onClick: () => handleAdjustBMSMQuantity(tier.quantity ?? 0),
-            children: /* @__PURE__ */ jsx9("span", { children: bmsm.getButtonText(tier) })
+            children: /* @__PURE__ */ jsx10("span", { children: bmsm.getButtonText(tier) })
           },
           `bmsm-${line.id}-${tier.quantity}`
-        )) }) : /* @__PURE__ */ jsx9("span", { className: CartItem_default["rebuy-cart-item__bmsm-dynamic-message"], children: bmsm.dynamicText }) }),
-        sts.isEnabledAndApplicable && /* @__PURE__ */ jsx9("div", { className: CartItem_default["rebuy-cart-item__sts-section"], children: !sts.isCurrentlySubscription && sts.availableFrequencies.length > 0 ? /* @__PURE__ */ jsx9(
+        )) }) : /* @__PURE__ */ jsx10("span", { className: CartItem_default["rebuy-cart-item__bmsm-dynamic-message"], children: bmsm.dynamicText }) }),
+        sts.isEnabledAndApplicable && /* @__PURE__ */ jsx10("div", { className: CartItem_default["rebuy-cart-item__sts-section"], children: !sts.isCurrentlySubscription && sts.availableFrequencies.length > 0 ? /* @__PURE__ */ jsx10(
           "button",
           {
             "aria-label": `Switch ${meta.productTitle} to a Subscription`,
@@ -4668,9 +4689,9 @@ var CartItem = ({ line }) => {
             disabled: isLoadingCombined,
             onClick: handleUpgradeToSubscriptionClick,
             type: "button",
-            children: isSwitchingSubscription && switchingDirection === "upgrading" ? /* @__PURE__ */ jsx9(Spinner, {}) : /* @__PURE__ */ jsx9("span", { children: sts.getUpgradeButtonLabel() })
+            children: isSwitchingSubscription && switchingDirection === "upgrading" ? /* @__PURE__ */ jsx10(Spinner, {}) : /* @__PURE__ */ jsx10("span", { children: sts.getUpgradeButtonLabel() })
           }
-        ) : sts.isCurrentlySubscription || sts.canDowngrade ? /* @__PURE__ */ jsx9(Fragment3, { children: isSwitchingSubscription ? /* @__PURE__ */ jsx9("span", { className: CartItem_default["rebuy-cart-item__sts-loading-replacement"], children: sts.getLoadingLabel(switchingDirection) }) : /* @__PURE__ */ jsxs5(
+        ) : sts.isCurrentlySubscription || sts.canDowngrade ? /* @__PURE__ */ jsx10(Fragment3, { children: isSwitchingSubscription ? /* @__PURE__ */ jsx10("span", { className: CartItem_default["rebuy-cart-item__sts-loading-replacement"], children: sts.getLoadingLabel(switchingDirection) }) : /* @__PURE__ */ jsxs5(
           "select",
           {
             "aria-label": `Subscription delivery frequency for ${meta.productTitle}`,
@@ -4679,8 +4700,8 @@ var CartItem = ({ line }) => {
             onChange: handleSwitchSubscriptionChange,
             value: selectValue,
             children: [
-              sts.canDowngrade && /* @__PURE__ */ jsx9("optgroup", { label: sts.getOneTimeGroupLabel(), children: /* @__PURE__ */ jsx9("option", { value: "onetime", children: sts.getOneTimeLabel() }) }),
-              sts.availableFrequencies.length > 0 && /* @__PURE__ */ jsx9("optgroup", { label: sts.getGroupLabel(), children: sts.availableFrequencies.map((freq) => /* @__PURE__ */ jsx9("option", { value: freq.id, children: sts.getOptionLabel(freq.id) }, freq.id)) })
+              sts.canDowngrade && /* @__PURE__ */ jsx10("optgroup", { label: sts.getOneTimeGroupLabel(), children: /* @__PURE__ */ jsx10("option", { value: "onetime", children: sts.getOneTimeLabel() }) }),
+              sts.availableFrequencies.length > 0 && /* @__PURE__ */ jsx10("optgroup", { label: sts.getGroupLabel(), children: sts.availableFrequencies.map((freq) => /* @__PURE__ */ jsx10("option", { value: freq.id, children: sts.getOptionLabel(freq.id) }, freq.id)) })
             ]
           }
         ) }) : null })
@@ -4694,11 +4715,11 @@ var result3 = { "rebuy-empty-cart-message": "EmptyCart_rebuy-empty-cart-message"
 var EmptyCart_default = result3;
 
 // src/smart-cart/components/EmptyCart/EmptyCart.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var EmptyCart = () => {
   const { config } = useSmartCart();
   const emptyCartMarkup = config?.empty_cart_markup || "<p>Your cart is empty.</p>";
-  return /* @__PURE__ */ jsx10("div", { className: EmptyCart_default["rebuy-empty-cart-message"], dangerouslySetInnerHTML: { __html: emptyCartMarkup } });
+  return /* @__PURE__ */ jsx11("div", { className: EmptyCart_default["rebuy-empty-cart-message"], dangerouslySetInnerHTML: { __html: emptyCartMarkup } });
 };
 
 // src/smart-cart/components/CartItemList/CartItemList.module.css
@@ -4706,7 +4727,7 @@ var result4 = { "rebuy-cart-item-list__container": "CartItemList_rebuy-cart-item
 var CartItemList_default = result4;
 
 // src/smart-cart/components/CartItemList/CartItemList.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var CartItemList = ({ componentConfig }) => {
   const { cartData, isLoading: isCartLoading, isProgressBarLineItemMode } = useSmartCart();
   const lines = cartData?.lines?.nodes ?? [];
@@ -4717,13 +4738,13 @@ var CartItemList = ({ componentConfig }) => {
     return true;
   });
   const hasVisibleItems = visibleLines.length > 0;
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "div",
     {
       className: CartItemList_default["rebuy-cart-item-list__container"],
       "data-rebuy-component": "cart-items",
       "data-rebuy-component-id": componentConfig.component_id,
-      children: hasVisibleItems ? /* @__PURE__ */ jsx11("ul", { className: CartItemList_default["rebuy-cart-item-list"], "data-smartcart-items": "", role: "group", tabIndex: 0, children: visibleLines.map((line) => /* @__PURE__ */ jsx11(CartItem, { line }, line.id)) }) : !isCartLoading && /* @__PURE__ */ jsx11(EmptyCart, {})
+      children: hasVisibleItems ? /* @__PURE__ */ jsx12("ul", { className: CartItemList_default["rebuy-cart-item-list"], "data-smartcart-items": "", role: "group", tabIndex: 0, children: visibleLines.map((line) => /* @__PURE__ */ jsx12(CartItem, { line }, line.id)) }) : !isCartLoading && /* @__PURE__ */ jsx12(EmptyCart, {})
     }
   );
 };
@@ -4738,7 +4759,7 @@ var result5 = { "rebuy-cart-note-input": "CartNoteInput_rebuy-cart-note-input",
 var CartNoteInput_default = result5;
 
 // src/smart-cart/components/CartNoteInput/CartNoteInput.tsx
-import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
 var CartNoteInput = React2.memo(({ componentConfig }) => {
   const {
     cartData,
@@ -4907,7 +4928,7 @@ var CartNoteInput = React2.memo(({ componentConfig }) => {
       "data-rebuy-component-id": componentConfig.component_id ?? "notes",
       children: [
         /* @__PURE__ */ jsxs6("label", { className: CartNoteInput_default["rebuy-cart-note-input__toggle-control"], children: [
-          /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx13(
             "input",
             {
               checked: isTextareaVisible,
@@ -4917,7 +4938,7 @@ var CartNoteInput = React2.memo(({ componentConfig }) => {
               type: "checkbox"
             }
           ),
-          /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx13(
             "span",
             {
               className: CartNoteInput_default["rebuy-cart-note-input__toggle-label"],
@@ -4927,7 +4948,7 @@ var CartNoteInput = React2.memo(({ componentConfig }) => {
         ] }),
         isTextareaVisible && /* @__PURE__ */ jsxs6("div", { className: CartNoteInput_default["rebuy-cart-note-input__content-area"], children: [
           /* @__PURE__ */ jsxs6("div", { className: CartNoteInput_default["rebuy-cart-note-input__textarea-wrapper"], children: [
-            /* @__PURE__ */ jsx12(
+            /* @__PURE__ */ jsx13(
               "textarea",
               {
                 "aria-describedby": describedByIds || void 0,
@@ -4945,7 +4966,7 @@ var CartNoteInput = React2.memo(({ componentConfig }) => {
                 value: currentNoteValue
               }
             ),
-            /* @__PURE__ */ jsx12(
+            /* @__PURE__ */ jsx13(
               "button",
               {
                 "aria-label": saveMessage?.text || (isNoteChanged ? "Save note changes" : "Note is up to date"),
@@ -4965,7 +4986,7 @@ var CartNoteInput = React2.memo(({ componentConfig }) => {
                 !isNoteChanged && !saveMessage && CartNoteInput_default["rebuy-cart-note-input__meta-info--hidden"]
               ),
               children: [
-                limitChars && currentNoteValue.length > 0 && remainingChars !== null && /* @__PURE__ */ jsx12(
+                limitChars && currentNoteValue.length > 0 && remainingChars !== null && /* @__PURE__ */ jsx13(
                   "small",
                   {
                     "aria-live": "polite",
@@ -4974,7 +4995,7 @@ var CartNoteInput = React2.memo(({ componentConfig }) => {
                     children: `You have ${remainingChars} characters remaining.`
                   }
                 ),
-                /* @__PURE__ */ jsx12("small", { className: CartNoteInput_default["rebuy-cart-note-input__help-text"], id: helpTextId, children: "Press Enter to save, Shift+Enter for new line." })
+                /* @__PURE__ */ jsx13("small", { className: CartNoteInput_default["rebuy-cart-note-input__help-text"], id: helpTextId, children: "Press Enter to save, Shift+Enter for new line." })
               ]
             }
           )
@@ -4994,7 +5015,7 @@ var result6 = { "rebuy-cart-subtotal": "CartSubtotal_rebuy-cart-subtotal", "rebu
 var CartSubtotal_default = result6;
 
 // src/smart-cart/components/CartSubtotal/CartSubtotal.tsx
-import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
 var getDiscountAllocationTitle = (alloc) => {
   switch (alloc.__typename) {
     case "CartCodeDiscountAllocation":
@@ -5110,19 +5131,19 @@ var CartSubtotalComponent = ({ componentConfig }) => {
       "data-rebuy-component-id": componentConfig.component_id,
       children: [
         /* @__PURE__ */ jsxs7("div", { className: CartSubtotal_default["rebuy-cart-subtotal__row"], children: [
-          /* @__PURE__ */ jsx13("div", { className: CartSubtotal_default["rebuy-cart-subtotal__label"], children: /* @__PURE__ */ jsx13("span", { children: subtotalLabel }) }),
+          /* @__PURE__ */ jsx14("div", { className: CartSubtotal_default["rebuy-cart-subtotal__label"], children: /* @__PURE__ */ jsx14("span", { children: subtotalLabel }) }),
           /* @__PURE__ */ jsxs7("div", { className: CartSubtotal_default["rebuy-cart-subtotal__amount-wrapper"], children: [
-            /* @__PURE__ */ jsx13(ScreenReaderText, { children: "Cart subtotal" }),
+            /* @__PURE__ */ jsx14(ScreenReaderText, { children: "Cart subtotal" }),
             compareAtPrice ? /* @__PURE__ */ jsxs7(Fragment4, { children: [
               /* @__PURE__ */ jsxs7("span", { className: CartSubtotal_default["rebuy-cart-subtotal__price--final"], children: [
-                /* @__PURE__ */ jsx13(ScreenReaderText, { children: "Final price" }),
-                /* @__PURE__ */ jsx13("span", { children: primaryPrice })
+                /* @__PURE__ */ jsx14(ScreenReaderText, { children: "Final price" }),
+                /* @__PURE__ */ jsx14("span", { children: primaryPrice })
               ] }),
               /* @__PURE__ */ jsxs7("span", { className: CartSubtotal_default["rebuy-cart-subtotal__price--compare-at"], children: [
-                /* @__PURE__ */ jsx13(ScreenReaderText, { children: "Original price" }),
-                /* @__PURE__ */ jsx13("span", { children: compareAtPrice })
+                /* @__PURE__ */ jsx14(ScreenReaderText, { children: "Original price" }),
+                /* @__PURE__ */ jsx14("span", { children: compareAtPrice })
               ] })
-            ] }) : /* @__PURE__ */ jsx13("span", { children: primaryPrice })
+            ] }) : /* @__PURE__ */ jsx14("span", { children: primaryPrice })
           ] })
         ] }),
         shouldShowDiscountSummary && /* @__PURE__ */ jsxs7(
@@ -5140,15 +5161,15 @@ var CartSubtotalComponent = ({ componentConfig }) => {
                   className: CartSubtotal_default["rebuy-cart-subtotal__discount-summary-header"],
                   onClick: toggleDiscountSummary,
                   children: [
-                    /* @__PURE__ */ jsx13("span", { children: discountSummaryCountLabel }),
+                    /* @__PURE__ */ jsx14("span", { children: discountSummaryCountLabel }),
                     /* @__PURE__ */ jsxs7("span", { "aria-hidden": "true", className: CartSubtotal_default["rebuy-cart-subtotal__discount-summary-icon"], children: [
-                      /* @__PURE__ */ jsx13("i", { children: "\u25BC" }),
+                      /* @__PURE__ */ jsx14("i", { children: "\u25BC" }),
                       " "
                     ] })
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx13(
+              /* @__PURE__ */ jsx14(
                 "div",
                 {
                   "aria-hidden": !isDiscountSummaryExpanded,
@@ -5156,8 +5177,8 @@ var CartSubtotalComponent = ({ componentConfig }) => {
                   id: summaryId,
                   role: "region",
                   children: groupedCartLevelDiscounts.map((discount, index) => /* @__PURE__ */ jsxs7("div", { className: CartSubtotal_default["rebuy-cart-subtotal__discount-summary-item"], children: [
-                    /* @__PURE__ */ jsx13("span", { children: discount.title }),
-                    /* @__PURE__ */ jsx13("span", { children: discount.amount })
+                    /* @__PURE__ */ jsx14("span", { children: discount.title }),
+                    /* @__PURE__ */ jsx14("span", { children: discount.amount })
                   ] }, index))
                 }
               )
@@ -5180,7 +5201,7 @@ var result7 = { "rebuy-cart-title-bar": "CartTitleBar_rebuy-cart-title-bar" };
 var CartTitleBar_default = result7;
 
 // src/smart-cart/components/CartTitleBar/CartTitleBar.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var CartTitleBar = React4.memo(() => {
   const { getComponentConfigByType } = useSmartCart();
   const componentConfig = getComponentConfigByType("title_bar");
@@ -5194,16 +5215,16 @@ var CartTitleBar = React4.memo(() => {
   const DynamicHeadingTag = headingTag;
   if (title === "" && !screenReaderOnly) return null;
   if (screenReaderOnly) {
-    return /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsx15(
       DynamicHeadingTag,
       {
         "data-rebuy-component-id": componentConfig?.component_id ?? "title_bar",
         id: "rebuy-cart-title",
-        children: /* @__PURE__ */ jsx14(ScreenReaderText, { children: sanitizedTitle })
+        children: /* @__PURE__ */ jsx15(ScreenReaderText, { children: sanitizedTitle })
       }
     );
   }
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     DynamicHeadingTag,
     {
       className: CartTitleBar_default["rebuy-cart-title-bar"],
@@ -5225,7 +5246,7 @@ var result8 = { "rebuy-checkout-area": "CheckoutArea_rebuy-checkout-area", "rebu
 var CheckoutArea_default = result8;
 
 // src/smart-cart/components/CheckoutArea/CheckoutArea.tsx
-import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
 var CheckoutArea = React5.memo(({ componentConfig }) => {
   const {
     cartData,
@@ -5441,7 +5462,7 @@ var CheckoutArea = React5.memo(({ componentConfig }) => {
       "data-rebuy-component-id": componentConfig.component_id,
       children: [
         hasTermsEnabled && /* @__PURE__ */ jsxs8("div", { className: CheckoutArea_default["rebuy-checkout-area__terms"], children: [
-          /* @__PURE__ */ jsx15(
+          /* @__PURE__ */ jsx16(
             "input",
             {
               checked: termsAccepted,
@@ -5453,7 +5474,7 @@ var CheckoutArea = React5.memo(({ componentConfig }) => {
               type: "checkbox"
             }
           ),
-          /* @__PURE__ */ jsx15(
+          /* @__PURE__ */ jsx16(
             "label",
             {
               className: CheckoutArea_default["rebuy-checkout-area__terms-label"],
@@ -5462,34 +5483,34 @@ var CheckoutArea = React5.memo(({ componentConfig }) => {
             }
           )
         ] }),
-        hasCheckoutButton && /* @__PURE__ */ jsx15(
+        hasCheckoutButton && /* @__PURE__ */ jsx16(
           "button",
           {
             className: CheckoutArea_default["rebuy-checkout-area__checkout-button"],
             disabled: isCheckoutDisabled,
             onClick: handleCheckoutClick,
             type: "button",
-            children: /* @__PURE__ */ jsx15("span", { dangerouslySetInnerHTML: { __html: checkoutLabel } })
+            children: /* @__PURE__ */ jsx16("span", { dangerouslySetInnerHTML: { __html: checkoutLabel } })
           }
         ),
-        hasViewCartButton && /* @__PURE__ */ jsx15(
+        hasViewCartButton && /* @__PURE__ */ jsx16(
           "button",
           {
             className: CheckoutArea_default["rebuy-checkout-area__view-cart-button"],
             disabled: isAnyCriticalActionProcessing && processingSource !== "terms",
             onClick: handleViewCartClick,
             type: "button",
-            children: /* @__PURE__ */ jsx15("span", { dangerouslySetInnerHTML: { __html: viewCartLabel } })
+            children: /* @__PURE__ */ jsx16("span", { dangerouslySetInnerHTML: { __html: viewCartLabel } })
           }
         ),
-        hasContinueShoppingButton && /* @__PURE__ */ jsx15(
+        hasContinueShoppingButton && /* @__PURE__ */ jsx16(
           "button",
           {
             className: CheckoutArea_default["rebuy-checkout-area__continue-shopping-button"],
             disabled: isAnyCriticalActionProcessing && processingSource !== "terms",
             onClick: handleContinueShoppingClick,
             type: "button",
-            children: /* @__PURE__ */ jsx15(
+            children: /* @__PURE__ */ jsx16(
               "span",
               {
                 dangerouslySetInnerHTML: {
@@ -5499,7 +5520,7 @@ var CheckoutArea = React5.memo(({ componentConfig }) => {
             )
           }
         ),
-        hasShopPayButton && /* @__PURE__ */ jsx15(
+        hasShopPayButton && /* @__PURE__ */ jsx16(
           "button",
           {
             "aria-label": "Checkout with Shop Pay",
@@ -5509,7 +5530,7 @@ var CheckoutArea = React5.memo(({ componentConfig }) => {
             onClick: handleShopPayClick
           }
         ),
-        hasInstallments && installmentsMessage && hasItems && /* @__PURE__ */ jsx15(
+        hasInstallments && installmentsMessage && hasItems && /* @__PURE__ */ jsx16(
           "div",
           {
             className: CheckoutArea_default["rebuy-checkout-area__installments-message"],
@@ -5518,7 +5539,7 @@ var CheckoutArea = React5.memo(({ componentConfig }) => {
             }
           }
         ),
-        hasPrePurchase && hasItems && /* @__PURE__ */ jsx15("div", { "data-rebuy-id": settings.pre_purchase.widget_id })
+        hasPrePurchase && hasItems && /* @__PURE__ */ jsx16("div", { "data-rebuy-id": settings.pre_purchase.widget_id })
       ]
     }
   );
@@ -5532,9 +5553,9 @@ import { flattenConnection as flattenConnection3 } from "@shopify/hydrogen";
 import { useContext as useContext3, useEffect as useEffect13, useMemo as useMemo13, useRef as useRef7, useState as useState15 } from "react";
 
 // src/assets/Close.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var Close = () => {
-  return /* @__PURE__ */ jsx16("svg", { height: "1em", viewBox: "0 0 352 512", width: "1em", children: /* @__PURE__ */ jsx16("path", { d: "M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.19 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.19 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z" }) });
+  return /* @__PURE__ */ jsx17("svg", { height: "1em", viewBox: "0 0 352 512", width: "1em", children: /* @__PURE__ */ jsx17("path", { d: "M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.19 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.19 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z" }) });
 };
 
 // src/hooks/useBreakpoint.ts
@@ -6043,7 +6064,6 @@ var defaultProductCardSettings = {
 // src/components/ProductCard/ProductCard.tsx
 import { Image } from "@shopify/hydrogen";
 import { useCallback as useCallback9, useMemo as useMemo12, useState as useState12 } from "react";
-import { Link } from "react-router";
 
 // src/components/AddToCartBtn/HydrogenAddToCartBtn.tsx
 import { CartForm, Money } from "@shopify/hydrogen";
@@ -6053,7 +6073,7 @@ var result9 = { "rebuy-cart-button": "AddToCartBtn_rebuy-cart-button", "rebuy-ca
 var AddToCartBtn_default = result9;
 
 // src/components/AddToCartBtn/HydrogenAddToCartBtn.tsx
-import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs9 } from "react/jsx-runtime";
 var HydrogenAddToCartBtn = ({
   addToCartBtnText,
   addToCartCallback,
@@ -6075,7 +6095,7 @@ var HydrogenAddToCartBtn = ({
       addToCartCallback();
     }
   };
-  return /* @__PURE__ */ jsx17("div", { className: AddToCartBtn_default["rebuy-cart-button__container"], children: /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18("div", { className: AddToCartBtn_default["rebuy-cart-button__container"], children: /* @__PURE__ */ jsx18(
     CartForm,
     {
       action: CartForm.ACTIONS.LinesAdd,
@@ -6083,7 +6103,7 @@ var HydrogenAddToCartBtn = ({
         lines: linesToAdd
       },
       route: "/cart",
-      children: (fetcher) => /* @__PURE__ */ jsx17(Fragment5, { children: /* @__PURE__ */ jsxs9(
+      children: (fetcher) => /* @__PURE__ */ jsx18(Fragment5, { children: /* @__PURE__ */ jsxs9(
         "button",
         {
           className: AddToCartBtn_default["rebuy-cart-button"],
@@ -6093,8 +6113,8 @@ var HydrogenAddToCartBtn = ({
           children: [
             addToCartBtnText,
             moneyData && /* @__PURE__ */ jsxs9(Fragment5, { children: [
-              /* @__PURE__ */ jsx17("span", { children: " | " }),
-              /* @__PURE__ */ jsx17(Money, { data: moneyData, withoutTrailingZeros: true })
+              /* @__PURE__ */ jsx18("span", { children: " | " }),
+              /* @__PURE__ */ jsx18(Money, { data: moneyData, withoutTrailingZeros: true })
             ] })
           ]
         }
@@ -6105,7 +6125,7 @@ var HydrogenAddToCartBtn = ({
 
 // src/components/AddToCartBtn/HydrogenReactAddToCartBtn.tsx
 import { Money as Money2, useCart as useCart2 } from "@shopify/hydrogen-react";
-import { Fragment as Fragment6, jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
 var HydrogenReactAddToCartBtn = ({
   addToCartBtnText,
   addToCartCallback,
@@ -6131,14 +6151,14 @@ var HydrogenReactAddToCartBtn = ({
   return /* @__PURE__ */ jsxs10("button", { className: AddToCartBtn_default["rebuy-cart-button"], disabled, onClick: handleAddToCart, type: "button", children: [
     addToCartBtnText,
     moneyData && /* @__PURE__ */ jsxs10(Fragment6, { children: [
-      /* @__PURE__ */ jsx18("span", { children: " | " }),
-      /* @__PURE__ */ jsx18(Money2, { data: moneyData, withoutTrailingZeros: true })
+      /* @__PURE__ */ jsx19("span", { children: " | " }),
+      /* @__PURE__ */ jsx19(Money2, { data: moneyData, withoutTrailingZeros: true })
     ] })
   ] });
 };
 
 // src/components/AddToCartBtn/AddToCartBtn.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var AddToCartBtn = ({
   addToCartBtnText,
   addToCartCallback,
@@ -6160,7 +6180,7 @@ var AddToCartBtn = ({
     selectedVariant: variant
   }));
   if (isHydrogenReact) {
-    return /* @__PURE__ */ jsx19(
+    return /* @__PURE__ */ jsx20(
       HydrogenReactAddToCartBtn,
       {
         addToCartBtnText,
@@ -6173,7 +6193,7 @@ var AddToCartBtn = ({
       }
     );
   }
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     HydrogenAddToCartBtn,
     {
       addToCartBtnText,
@@ -6196,14 +6216,14 @@ var result10 = { "rebuy-product-price": "ProductPrice_rebuy-product-price", "reb
 var ProductPrice_default = result10;
 
 // src/components/ProductPrice/ProductPrice.tsx
-import { jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
 var RebuyProductPrice = ({ selectedVariant, settingsDiscount }) => {
   if (!selectedVariant) return null;
   const { compareAtPriceV2: compareAtPrice, priceV2: price } = selectedVariant;
   const isDiscounted = (price2, compareAtPrice2) => Number(compareAtPrice2?.amount) > Number(price2?.amount);
   const currentPriceIsOnSale = compareAtPrice && isDiscounted(price, compareAtPrice);
   const CompareAtPrice = ({ data: compareAtPriceData }) => {
-    return compareAtPriceData && /* @__PURE__ */ jsx20(
+    return compareAtPriceData && /* @__PURE__ */ jsx21(
       Money3,
       {
         as: "span",
@@ -6214,7 +6234,7 @@ var RebuyProductPrice = ({ selectedVariant, settingsDiscount }) => {
     );
   };
   return price && /* @__PURE__ */ jsxs11("div", { className: ProductPrice_default["rebuy-product-price"], children: [
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx21(
       Money3,
       {
         as: "span",
@@ -6226,7 +6246,7 @@ var RebuyProductPrice = ({ selectedVariant, settingsDiscount }) => {
         withoutTrailingZeros: true
       }
     ),
-    currentPriceIsOnSale && /* @__PURE__ */ jsx20(CompareAtPrice, { data: compareAtPrice })
+    currentPriceIsOnSale && /* @__PURE__ */ jsx21(CompareAtPrice, { data: compareAtPrice })
   ] });
 };
 
@@ -6238,7 +6258,7 @@ var result11 = { "rebuy-quantity__container": "QuantityInput_rebuy-quantity__con
 var QuantityInput_default = result11;
 
 // src/components/QuantityInput/QuantityInput.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var QuantityInput = ({
   defaultQuantity = 1,
   handleSelectedQuantity,
@@ -6254,7 +6274,7 @@ var QuantityInput = ({
     }
   };
   const quantityOptions = Array.from({ length: maxValue - minValue + 1 }, (_, i) => minValue + i);
-  return /* @__PURE__ */ jsx21("div", { className: QuantityInput_default["rebuy-quantity__container"], children: /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22("div", { className: QuantityInput_default["rebuy-quantity__container"], children: /* @__PURE__ */ jsx22(
     "select",
     {
       "aria-label": "Product quantity",
@@ -6262,46 +6282,18 @@ var QuantityInput = ({
       name: "quantity",
       onChange: handleChange,
       value: quantity,
-      children: quantityOptions.map((value) => /* @__PURE__ */ jsx21("option", { value, children: value }, `quantity-${value}`))
+      children: quantityOptions.map((value) => /* @__PURE__ */ jsx22("option", { value, children: value }, `quantity-${value}`))
     }
   ) });
 };
 
-// src/components/Title/Title.tsx
-import clsx5 from "clsx";
-
-// src/components/Title/Title.module.css
-var result12 = { "rebuy-title": "Title_rebuy-title" };
-var Title_default = result12;
-
-// src/components/Title/Title.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
-var Title = ({ className, level, style, text }) => {
-  const combinedClassName = clsx5(Title_default["rebuy-title"], className);
-  switch (level) {
-    case "h1":
-      return /* @__PURE__ */ jsx22("h1", { className: combinedClassName, style, children: text });
-    default:
-    case "h2":
-      return /* @__PURE__ */ jsx22("h2", { className: combinedClassName, style, children: text });
-    case "h3":
-      return /* @__PURE__ */ jsx22("h3", { className: combinedClassName, style, children: text });
-    case "h4":
-      return /* @__PURE__ */ jsx22("h4", { className: combinedClassName, style, children: text });
-    case "h5":
-      return /* @__PURE__ */ jsx22("h5", { className: combinedClassName, style, children: text });
-    case "h6":
-      return /* @__PURE__ */ jsx22("h6", { className: combinedClassName, style, children: text });
-  }
-};
-
 // src/components/VariantSelect/VariantSelect.tsx
-import clsx6 from "clsx";
+import clsx5 from "clsx";
 import { useEffect as useEffect10, useState as useState11 } from "react";
 
 // src/components/VariantSelect/VariantSelect.module.css
-var result13 = { "rebuy-variant__container": "VariantSelect_rebuy-variant__container", "rebuy-variant__select": "VariantSelect_rebuy-variant__select", "rebuy-variant__select-option": "VariantSelect_rebuy-variant__select-option", "rebuy-variant__buttons": "VariantSelect_rebuy-variant__buttons", "rebuy-variant__button": "VariantSelect_rebuy-variant__button", "rebuy-variant__button--selected": "VariantSelect_rebuy-variant__button--selected" };
-var VariantSelect_default = result13;
+var result12 = { "rebuy-variant__container": "VariantSelect_rebuy-variant__container", "rebuy-variant__select": "VariantSelect_rebuy-variant__select", "rebuy-variant__select-option": "VariantSelect_rebuy-variant__select-option", "rebuy-variant__buttons": "VariantSelect_rebuy-variant__buttons", "rebuy-variant__button": "VariantSelect_rebuy-variant__button", "rebuy-variant__button--selected": "VariantSelect_rebuy-variant__button--selected" };
+var VariantSelect_default = result12;
 
 // src/components/VariantSelect/VariantSelect.tsx
 import { jsx as jsx23 } from "react/jsx-runtime";
@@ -6340,7 +6332,7 @@ var VariantSelect = ({ handleSelectedVariant, product, selectedId, style = "sele
     "button",
     {
       "aria-pressed": id === selectedVariantId,
-      className: clsx6(
+      className: clsx5(
         VariantSelect_default["rebuy-variant__button"],
         id === selectedVariantId && VariantSelect_default["rebuy-variant__button--selected"]
       ),
@@ -6352,15 +6344,44 @@ var VariantSelect = ({ handleSelectedVariant, product, selectedId, style = "sele
   )) }) });
 };
 
+// src/components/Title/Title.tsx
+import clsx6 from "clsx";
+
+// src/components/Title/Title.module.css
+var result13 = { "rebuy-title": "Title_rebuy-title" };
+var Title_default = result13;
+
+// src/components/Title/Title.tsx
+import { jsx as jsx24 } from "react/jsx-runtime";
+var Title = ({ className, level, style, text }) => {
+  const combinedClassName = clsx6(Title_default["rebuy-title"], className);
+  switch (level) {
+    case "h1":
+      return /* @__PURE__ */ jsx24("h1", { className: combinedClassName, style, children: text });
+    default:
+    case "h2":
+      return /* @__PURE__ */ jsx24("h2", { className: combinedClassName, style, children: text });
+    case "h3":
+      return /* @__PURE__ */ jsx24("h3", { className: combinedClassName, style, children: text });
+    case "h4":
+      return /* @__PURE__ */ jsx24("h4", { className: combinedClassName, style, children: text });
+    case "h5":
+      return /* @__PURE__ */ jsx24("h5", { className: combinedClassName, style, children: text });
+    case "h6":
+      return /* @__PURE__ */ jsx24("h6", { className: combinedClassName, style, children: text });
+  }
+};
+
 // src/components/ProductCard/ProductCard.module.css
 var result14 = { "rebuy-product-card__container": "ProductCard_rebuy-product-card__container", "rebuy-product-card": "ProductCard_rebuy-product-card", "rebuy-product-card__content": "ProductCard_rebuy-product-card__content", "rebuy-product-card__header": "ProductCard_rebuy-product-card__header", "rebuy-product-card__info": "ProductCard_rebuy-product-card__info", "rebuy-product-card__actions": "ProductCard_rebuy-product-card__actions", "rebuy-product-card__media-link": "ProductCard_rebuy-product-card__media-link", "rebuy-product-card__image": "ProductCard_rebuy-product-card__image", "rebuy-product-card__title": "ProductCard_rebuy-product-card__title", "rebuy-product-card__title-link": "ProductCard_rebuy-product-card__title-link", "rebuy-product-card__actions-variant-select": "ProductCard_rebuy-product-card__actions-variant-select", "rebuy-product-card__variant-select": "ProductCard_rebuy-product-card__variant-select", "rebuy-product-card__actions-quantity": "ProductCard_rebuy-product-card__actions-quantity", "rebuy-product-card__actions-button": "ProductCard_rebuy-product-card__actions-button", "rebuy-product-card__vendor": "ProductCard_rebuy-product-card__vendor", "rebuy-product-card__variant-title": "ProductCard_rebuy-product-card__variant-title", "rebuy-product-card__review": "ProductCard_rebuy-product-card__review", "rebuy-product-card__star-rating": "ProductCard_rebuy-product-card__star-rating", "rebuy-product-card__star-rating-value": "ProductCard_rebuy-product-card__star-rating-value", "rebuy-product-card__star-rating-background": "ProductCard_rebuy-product-card__star-rating-background", "rebuy-product-card__star-rating-foreground": "ProductCard_rebuy-product-card__star-rating-foreground", "rebuy-product-card__review-count": "ProductCard_rebuy-product-card__review-count", "rebuy-product-card__review-count-parenthesis": "ProductCard_rebuy-product-card__review-count-parenthesis", "rebuy-product-card__review-count-number": "ProductCard_rebuy-product-card__review-count-number", "rebuy-product-card__review-count-label": "ProductCard_rebuy-product-card__review-count-label", "rebuy-product-card__description": "ProductCard_rebuy-product-card__description" };
 var ProductCard_default = result14;
 
 // src/components/ProductCard/ProductCard.tsx
-import { jsx as jsx24, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs12 } from "react/jsx-runtime";
 var ProductCard = ({
   addToCartBtnText,
   addToCartCallback,
+  isCrossSell,
   isHydrogenReact,
   isInPopup,
   onPopupDismiss,
@@ -6372,6 +6393,7 @@ var ProductCard = ({
   const [selectedVariant, setSelectedVariant] = useState12(product.variants.nodes[0]);
   const [selectedQuantity, setSelectedQuantity] = useState12(settings?.quantityInput?.default_quantity || 1);
   const [interactionStatus, setInteractionStatus] = useState12("ready");
+  const { toggleCart } = useSmartCart();
   const displayImage = selectedVariant.image || product.featuredImage;
   const handleSelectedVariant = useCallback9((product2, variant_id) => {
     const updatedVariant = product2.variants.nodes.find((variant) => variant.id === variant_id);
@@ -6383,6 +6405,9 @@ var ProductCard = ({
     setSelectedQuantity(quantity);
   }, []);
   const handleLinkClick = useCallback9(() => {
+    if (isCrossSell) {
+      toggleCart();
+    }
     if (isInPopup && onPopupDismiss) {
       onPopupDismiss();
     }
@@ -6441,38 +6466,90 @@ var ProductCard = ({
   const showQuantityInput = settings?.quantityInput?.enabled && settings?.quantityInput?.max_value !== null && settings?.quantityInput?.min_value !== null;
   return /* @__PURE__ */ jsxs12("div", { className: ProductCard_default["rebuy-product-card__container"], children: [
     /* @__PURE__ */ jsxs12("div", { className: ProductCard_default["rebuy-product-card"], "data-layout": cardLayout, children: [
-      /* @__PURE__ */ jsx24("div", { children: /* @__PURE__ */ jsx24(
-        Link,
-        {
-          "aria-label": `View ${product.title}`,
-          className: ProductCard_default["rebuy-product-card__media-link"],
-          onClick: handleLinkClick,
-          rel: "nofollow",
-          to: `/products/${product.handle}`,
-          children: /* @__PURE__ */ jsx24(
-            Image,
+      /* @__PURE__ */ jsxs12("div", { children: [
+        /* @__PURE__ */ jsx25(
+          RebuyLink,
+          {
+            ariaLabel: `View ${product.title}`,
+            className: ProductCard_default["rebuy-product-card__media-link"],
+            handle: `/products/${product.handle}`,
+            onClick: handleLinkClick,
+            children: /* @__PURE__ */ jsx25(
+              Image,
+              {
+                alt: displayImage?.altText ?? `Picture of ${product.title}`,
+                className: ProductCard_default["rebuy-product-card__image"],
+                data: displayImage,
+                sizes: "(max-width: 320px) 280px, (max-width: 768px) 720px, 1440px"
+              }
+            )
+          }
+        ),
+        settings?.layoutStyle === "grid" && /* @__PURE__ */ jsxs12("div", { className: ProductCard_default["rebuy-product-card__content"], children: [
+          /* @__PURE__ */ jsxs12("div", { className: ProductCard_default["rebuy-product-card__header"], children: [
+            product.vendor && /* @__PURE__ */ jsx25("p", { className: ProductCard_default["rebuy-product-card__vendor"], children: product.vendor }),
+            /* @__PURE__ */ jsx25(
+              RebuyLink,
+              {
+                ariaLabel: `View ${product.title}`,
+                className: ProductCard_default["rebuy-product-card__title-link"],
+                handle: `/products/${product.handle}`,
+                onClick: handleLinkClick,
+                children: /* @__PURE__ */ jsx25(
+                  Title,
+                  {
+                    className: ProductCard_default["rebuy-product-card__title"],
+                    level: productCardTitleLevel,
+                    text: product.title
+                  }
+                )
+              }
+            ),
+            showVariantTitle && /* @__PURE__ */ jsx25("div", { className: ProductCard_default["rebuy-product-card__variant-title"], children: selectedVariant.title })
+          ] }),
+          /* @__PURE__ */ jsx25(
+            RebuyProductPrice,
             {
-              alt: displayImage?.altText ?? `Picture of ${product.title}`,
-              className: ProductCard_default["rebuy-product-card__image"],
-              data: displayImage,
-              sizes: "(max-width: 320px) 280px, (max-width: 768px) 720px, 1440px"
+              selectedVariant,
+              settingsDiscount: settings?.settingsDiscount
             }
-          )
-        }
-      ) }),
+          ),
+          showReviews && /* @__PURE__ */ jsxs12("div", { "aria-label": "product star rating", className: ProductCard_default["rebuy-product-card__review"], children: [
+            /* @__PURE__ */ jsxs12("span", { className: ProductCard_default["rebuy-product-card__star-rating"], children: [
+              productReviewsRating && /* @__PURE__ */ jsxs12("span", { className: ProductCard_default["rebuy-product-card__star-rating-value"], children: [
+                productReviewsRating,
+                " stars out of 5 stars"
+              ] }),
+              /* @__PURE__ */ jsx25("span", { className: ProductCard_default["rebuy-product-card__star-rating-background"] }),
+              /* @__PURE__ */ jsx25(
+                "span",
+                {
+                  className: ProductCard_default["rebuy-product-card__star-rating-foreground"],
+                  style: productReviewsRating ? { width: productReviewsRating / 5 * 100 + "%" } : {}
+                }
+              )
+            ] }),
+            product.reviews?.review_count && /* @__PURE__ */ jsxs12("span", { className: ProductCard_default["rebuy-product-card__review-count"], children: [
+              "(",
+              product.reviews.review_count,
+              ")"
+            ] })
+          ] }),
+          showProductDescription && /* @__PURE__ */ jsx25("div", { className: ProductCard_default["rebuy-product-card__description"], children: /* @__PURE__ */ jsx25("p", { children: product.description }) })
+        ] })
+      ] }),
       /* @__PURE__ */ jsxs12("div", { className: ProductCard_default["rebuy-product-card__info"], children: [
-        /* @__PURE__ */ jsxs12("div", { className: ProductCard_default["rebuy-product-card__content"], children: [
+        settings?.layoutStyle !== "grid" && /* @__PURE__ */ jsxs12("div", { className: ProductCard_default["rebuy-product-card__content"], children: [
           /* @__PURE__ */ jsxs12("div", { className: ProductCard_default["rebuy-product-card__header"], children: [
-            product.vendor && /* @__PURE__ */ jsx24("p", { className: ProductCard_default["rebuy-product-card__vendor"], children: product.vendor }),
-            /* @__PURE__ */ jsx24(
-              Link,
+            product.vendor && /* @__PURE__ */ jsx25("p", { className: ProductCard_default["rebuy-product-card__vendor"], children: product.vendor }),
+            /* @__PURE__ */ jsx25(
+              RebuyLink,
               {
-                "aria-label": `View ${product.title}`,
+                ariaLabel: `View ${product.title}`,
                 className: ProductCard_default["rebuy-product-card__title-link"],
+                handle: `/products/${product.handle}`,
                 onClick: handleLinkClick,
-                rel: "nofollow",
-                to: `/products/${product.handle}`,
-                children: /* @__PURE__ */ jsx24(
+                children: /* @__PURE__ */ jsx25(
                   Title,
                   {
                     className: ProductCard_default["rebuy-product-card__title"],
@@ -6482,9 +6559,9 @@ var ProductCard = ({
                 )
               }
             ),
-            showVariantTitle && /* @__PURE__ */ jsx24("div", { className: ProductCard_default["rebuy-product-card__variant-title"], children: selectedVariant.title })
+            showVariantTitle && /* @__PURE__ */ jsx25("div", { className: ProductCard_default["rebuy-product-card__variant-title"], children: selectedVariant.title })
           ] }),
-          /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsx25(
             RebuyProductPrice,
             {
               selectedVariant,
@@ -6497,8 +6574,8 @@ var ProductCard = ({
                 productReviewsRating,
                 " stars out of 5 stars"
               ] }),
-              /* @__PURE__ */ jsx24("span", { className: ProductCard_default["rebuy-product-card__star-rating-background"] }),
-              /* @__PURE__ */ jsx24(
+              /* @__PURE__ */ jsx25("span", { className: ProductCard_default["rebuy-product-card__star-rating-background"] }),
+              /* @__PURE__ */ jsx25(
                 "span",
                 {
                   className: ProductCard_default["rebuy-product-card__star-rating-foreground"],
@@ -6512,15 +6589,15 @@ var ProductCard = ({
               ")"
             ] })
           ] }),
-          showProductDescription && /* @__PURE__ */ jsx24("div", { className: ProductCard_default["rebuy-product-card__description"], children: /* @__PURE__ */ jsx24("p", { children: product.description }) })
+          showProductDescription && /* @__PURE__ */ jsx25("div", { className: ProductCard_default["rebuy-product-card__description"], children: /* @__PURE__ */ jsx25("p", { children: product.description }) })
         ] }),
         /* @__PURE__ */ jsxs12("div", { className: ProductCard_default["rebuy-product-card__actions"], children: [
-          showVariantSelect && cardLayout !== "line" && /* @__PURE__ */ jsx24(
+          showVariantSelect && cardLayout !== "line" && /* @__PURE__ */ jsx25(
             "div",
             {
               className: ProductCard_default["rebuy-product-card__actions-variant-select"],
               "data-layout": cardLayout,
-              children: /* @__PURE__ */ jsx24(
+              children: /* @__PURE__ */ jsx25(
                 VariantSelect,
                 {
                   handleSelectedVariant,
@@ -6531,7 +6608,7 @@ var ProductCard = ({
               )
             }
           ),
-          showQuantityInput && /* @__PURE__ */ jsx24("div", { className: ProductCard_default["rebuy-product-card__actions-quantity"], children: /* @__PURE__ */ jsx24(
+          showQuantityInput && /* @__PURE__ */ jsx25("div", { className: ProductCard_default["rebuy-product-card__actions-quantity"], children: /* @__PURE__ */ jsx25(
             QuantityInput,
             {
               defaultQuantity: settings?.quantityInput?.default_quantity,
@@ -6540,7 +6617,7 @@ var ProductCard = ({
               minValue: settings?.quantityInput?.min_value
             }
           ) }),
-          /* @__PURE__ */ jsx24("div", { className: ProductCard_default["rebuy-product-card__actions-button"], children: /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsx25("div", { className: ProductCard_default["rebuy-product-card__actions-button"], children: /* @__PURE__ */ jsx25(
             AddToCartBtn,
             {
               addToCartBtnText: atcButtonLabel,
@@ -6555,7 +6632,7 @@ var ProductCard = ({
         ] })
       ] })
     ] }),
-    showVariantSelect && cardLayout === "line" && /* @__PURE__ */ jsx24("div", { className: ProductCard_default["rebuy-product-card__variant-select"], "data-layout": cardLayout, children: /* @__PURE__ */ jsx24(
+    showVariantSelect && cardLayout === "line" && /* @__PURE__ */ jsx25("div", { className: ProductCard_default["rebuy-product-card__variant-select"], "data-layout": cardLayout, children: /* @__PURE__ */ jsx25(
       VariantSelect,
       {
         handleSelectedVariant,
@@ -6575,12 +6652,15 @@ var result15 = { "rebuy-carousel": "ProductCarousel_rebuy-carousel", "rebuy-caro
 var ProductCarousel_default = result15;
 
 // src/components/ProductCarousel/ProductCarousel.tsx
-import { jsx as jsx25, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs13 } from "react/jsx-runtime";
 var ProductCarousel = ({
   addToCartBtnText,
   addToCartCallback,
   columns,
+  isCrossSell,
   isHydrogenReact,
+  isInPopup,
+  onPopupDismiss,
   productCardTitleLevel,
   products,
   settings,
@@ -6622,17 +6702,20 @@ var ProductCarousel = ({
     slides.push(repeatedProducts.slice(i, i + columns));
   }
   return /* @__PURE__ */ jsxs13("div", { className: ProductCarousel_default["rebuy-carousel"], children: [
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx26(
       "div",
       {
         className: ProductCarousel_default["rebuy-carousel__container"],
         style: { transform: `translateX(-${currentSlide * 100}%)` },
-        children: slides.map((slideProducts, index) => /* @__PURE__ */ jsx25("div", { className: ProductCarousel_default["rebuy-carousel__slide"], children: /* @__PURE__ */ jsx25("div", { className: ProductCarousel_default["rebuy-carousel__grid"], "data-columns": columns, children: slideProducts.map((product, productIndex) => /* @__PURE__ */ jsx25(
+        children: slides.map((slideProducts, index) => /* @__PURE__ */ jsx26("div", { className: ProductCarousel_default["rebuy-carousel__slide"], children: /* @__PURE__ */ jsx26("div", { className: ProductCarousel_default["rebuy-carousel__grid"], "data-columns": columns, children: slideProducts.map((product, productIndex) => /* @__PURE__ */ jsx26(
           ProductCard,
           {
             addToCartBtnText,
             addToCartCallback,
+            isCrossSell,
             isHydrogenReact,
+            isInPopup,
+            onPopupDismiss,
             product,
             productCardTitleLevel,
             settings,
@@ -6643,10 +6726,10 @@ var ProductCarousel = ({
       }
     ),
     totalSlides > 1 && /* @__PURE__ */ jsxs13("div", { className: ProductCarousel_default["rebuy-carousel__controls"], children: [
-      /* @__PURE__ */ jsx25("button", { className: ProductCarousel_default["rebuy-carousel__prev"], onClick: prevSlide, type: "button", children: "\u2190" }),
-      /* @__PURE__ */ jsx25("button", { className: ProductCarousel_default["rebuy-carousel__next"], onClick: nextSlide, type: "button", children: "\u2192" })
+      /* @__PURE__ */ jsx26("button", { className: ProductCarousel_default["rebuy-carousel__prev"], onClick: prevSlide, type: "button", children: "\u2190" }),
+      /* @__PURE__ */ jsx26("button", { className: ProductCarousel_default["rebuy-carousel__next"], onClick: nextSlide, type: "button", children: "\u2192" })
     ] }),
-    showPagination && totalSlides > 1 && /* @__PURE__ */ jsx25("div", { className: ProductCarousel_default["rebuy-carousel__pagination"], children: Array.from({ length: totalSlides }).map((_, index) => /* @__PURE__ */ jsx25(
+    showPagination && totalSlides > 1 && /* @__PURE__ */ jsx26("div", { className: ProductCarousel_default["rebuy-carousel__pagination"], children: Array.from({ length: totalSlides }).map((_, index) => /* @__PURE__ */ jsx26(
       "button",
       {
         className: ProductCarousel_default["rebuy-carousel__dot"],
@@ -6668,7 +6751,7 @@ var result16 = { "rebuy-timer__container": "Timer_rebuy-timer__container", "rebu
 var Timer_default = result16;
 
 // src/components/Timer/Timer.tsx
-import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs14 } from "react/jsx-runtime";
 var Timer = ({ action, durationMinutes, durationSeconds, isPopup = false, onDismiss, title }) => {
   const initialTotalSeconds = (durationMinutes || 0) * 60 + (durationSeconds || 0);
   const [totalSeconds, setTotalSeconds] = useState14(initialTotalSeconds);
@@ -6711,16 +6794,16 @@ var Timer = ({ action, durationMinutes, durationSeconds, isPopup = false, onDism
     return () => clearInterval(interval);
   }, [timerActive, handleTimerEnd]);
   const isUrgent = totalSeconds < 10;
-  return /* @__PURE__ */ jsx26("div", { className: Timer_default["rebuy-timer__container"], children: /* @__PURE__ */ jsxs14("p", { className: Timer_default["rebuy-timer__text"], children: [
-    /* @__PURE__ */ jsx26("span", { className: Timer_default["rebuy-timer__title"], children: title }),
+  return /* @__PURE__ */ jsx27("div", { className: Timer_default["rebuy-timer__container"], children: /* @__PURE__ */ jsxs14("p", { className: Timer_default["rebuy-timer__text"], children: [
+    /* @__PURE__ */ jsx27("span", { className: Timer_default["rebuy-timer__title"], children: title }),
     /* @__PURE__ */ jsxs14(
       "span",
       {
         className: clsx7(Timer_default["rebuy-timer__display"], isUrgent && Timer_default["rebuy-timer__display--urgent"]),
         children: [
-          /* @__PURE__ */ jsx26("span", { className: Timer_default["rebuy-timer__minutes"], children: formattedMinutes }),
-          /* @__PURE__ */ jsx26("span", { className: Timer_default["rebuy-timer__separator"], children: ":" }),
-          /* @__PURE__ */ jsx26("span", { className: Timer_default["rebuy-timer__seconds"], children: formattedSeconds })
+          /* @__PURE__ */ jsx27("span", { className: Timer_default["rebuy-timer__minutes"], children: formattedMinutes }),
+          /* @__PURE__ */ jsx27("span", { className: Timer_default["rebuy-timer__separator"], children: ":" }),
+          /* @__PURE__ */ jsx27("span", { className: Timer_default["rebuy-timer__seconds"], children: formattedSeconds })
         ]
       }
     )
@@ -6770,12 +6853,13 @@ var result17 = { "rebuy-widget__container": "RebuyWidget_rebuy-widget__container
 var RebuyWidget_default = result17;
 
 // src/widgets/RebuyWidget/WidgetContent.tsx
-import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs15 } from "react/jsx-runtime";
 var WidgetContent = ({
   addToCartCallback,
   customTitle,
   customTitleLevel,
   customTitleStyle,
+  isCrossSell,
   isHydrogenReact,
   isInPopup,
   onDismiss,
@@ -6826,13 +6910,16 @@ var WidgetContent = ({
       return null;
     }
     if (isCarousel) {
-      return /* @__PURE__ */ jsx27(
+      return /* @__PURE__ */ jsx28(
         ProductCarousel,
         {
           addToCartBtnText: settings?.language.add_to_cart,
           addToCartCallback,
           columns,
+          isCrossSell,
           isHydrogenReact,
+          isInPopup,
+          onPopupDismiss: onDismiss,
           productCardTitleLevel,
           products,
           settings: productCardSettings,
@@ -6841,11 +6928,12 @@ var WidgetContent = ({
         }
       );
     }
-    return /* @__PURE__ */ jsx27("div", { className: RebuyWidget_default["rebuy-widget__product-grid"], "data-columns": columns, role: "list", tabIndex: 0, children: products.map((product) => /* @__PURE__ */ jsx27("div", { children: /* @__PURE__ */ jsx27(
+    return /* @__PURE__ */ jsx28("div", { className: RebuyWidget_default["rebuy-widget__product-grid"], "data-columns": columns, role: "list", tabIndex: 0, children: products.map((product) => /* @__PURE__ */ jsx28("div", { children: /* @__PURE__ */ jsx28(
       ProductCard,
       {
         addToCartBtnText: settings?.language.add_to_cart,
         addToCartCallback,
+        isCrossSell,
         isHydrogenReact,
         isInPopup,
         onPopupDismiss: onDismiss,
@@ -6857,7 +6945,7 @@ var WidgetContent = ({
     ) }, product.id)) });
   };
   return /* @__PURE__ */ jsxs15("div", { className: RebuyWidget_default["rebuy-widget__inner-content"], children: [
-    hasTimer && /* @__PURE__ */ jsx27(
+    hasTimer && /* @__PURE__ */ jsx28(
       Timer,
       {
         action: settings?.timer.action,
@@ -6868,7 +6956,7 @@ var WidgetContent = ({
         title: settings?.language.timer_title
       }
     ),
-    hasSuperTitle && /* @__PURE__ */ jsx27(
+    hasSuperTitle && /* @__PURE__ */ jsx28(
       Title,
       {
         level: getTitleLevel(customTitleLevel),
@@ -6876,7 +6964,7 @@ var WidgetContent = ({
         text: settings.language.super_title
       }
     ),
-    hasPrimaryTitle && /* @__PURE__ */ jsx27(
+    hasPrimaryTitle && /* @__PURE__ */ jsx28(
       Title,
       {
         level: getTitleLevel(customTitleLevel, hasSuperTitle ? true : false),
@@ -6884,20 +6972,20 @@ var WidgetContent = ({
         text: primaryTitle
       }
     ),
-    hasDescription && /* @__PURE__ */ jsx27("p", { className: RebuyWidget_default["rebuy-widget__description"], children: settings.language.description }),
+    hasDescription && /* @__PURE__ */ jsx28("p", { className: RebuyWidget_default["rebuy-widget__description"], children: settings.language.description }),
     renderProducts()
   ] });
 };
 
 // src/widgets/RebuyWidget/RebuyWidget.tsx
-import { Fragment as Fragment7, jsx as jsx28, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx29, jsxs as jsxs16 } from "react/jsx-runtime";
 var RebuyWidget = (props) => {
   const {
     addToCartCallback,
     customTitle,
     customTitleLevel = "h2",
     customTitleStyle,
-    isHydrogenReact,
+    isCrossSell,
     popupTriggerId,
     product,
     productId,
@@ -7119,17 +7207,17 @@ var RebuyWidget = (props) => {
   if (settings && !loadingSettings && shouldHideWidget) {
     return null;
   }
-  return /* @__PURE__ */ jsx28(Fragment7, { children: (settings || products?.length > 0) && !loadingSettings && /* @__PURE__ */ jsx28("div", { className: RebuyWidget_default["rebuy-widget__container"], id: `rebuy-widget-${widgetId}`, children: settings?.display_type === "popup" && (settings.popup_trigger !== "add_to_cart" || settings.popup_trigger === "add_to_cart" && popupTriggerId) ? /* @__PURE__ */ jsx28("div", { children: showPopup && /* @__PURE__ */ jsx28("div", { className: RebuyWidget_default["rebuy-widget__popup-overlay"], children: /* @__PURE__ */ jsx28("div", { className: RebuyWidget_default["rebuy-widget__popup-content"], ref: popupRef, children: /* @__PURE__ */ jsxs16("div", { className: RebuyWidget_default["rebuy-widget__content"], children: [
-    /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(Fragment7, { children: (settings || products?.length > 0) && !loadingSettings && /* @__PURE__ */ jsx29("div", { className: RebuyWidget_default["rebuy-widget__container"], id: `rebuy-widget-${widgetId}`, children: settings?.display_type === "popup" && (settings.popup_trigger !== "add_to_cart" || settings.popup_trigger === "add_to_cart" && popupTriggerId) ? /* @__PURE__ */ jsx29("div", { children: showPopup && /* @__PURE__ */ jsx29("div", { className: RebuyWidget_default["rebuy-widget__popup-overlay"], children: /* @__PURE__ */ jsx29("div", { className: RebuyWidget_default["rebuy-widget__popup-content"], ref: popupRef, children: /* @__PURE__ */ jsxs16("div", { className: RebuyWidget_default["rebuy-widget__content"], children: [
+    /* @__PURE__ */ jsx29(
       "button",
       {
         "aria-label": "close modal",
         className: RebuyWidget_default["rebuy-widget__modal-close"],
         onClick: closePopup,
-        children: /* @__PURE__ */ jsx28(Close, {})
+        children: /* @__PURE__ */ jsx29(Close, {})
       }
     ),
-    /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx29(
       WidgetContent,
       {
         addToCartCallback: () => {
@@ -7141,21 +7229,22 @@ var RebuyWidget = (props) => {
         customTitle,
         customTitleLevel,
         customTitleStyle,
-        isHydrogenReact,
+        isHydrogenReact: rebuyGeneralContext?.contextParameters?.isHydrogenReact,
         isInPopup: true,
         onDismiss: closePopup,
         products,
         settings
       }
     )
-  ] }) }) }) }) : /* @__PURE__ */ jsx28("div", { className: RebuyWidget_default["rebuy-widget__content"], children: /* @__PURE__ */ jsx28(
+  ] }) }) }) }) : /* @__PURE__ */ jsx29("div", { className: RebuyWidget_default["rebuy-widget__content"], children: /* @__PURE__ */ jsx29(
     WidgetContent,
     {
       addToCartCallback,
       customTitle,
       customTitleLevel,
       customTitleStyle,
-      isHydrogenReact,
+      isCrossSell,
+      isHydrogenReact: rebuyGeneralContext?.contextParameters?.isHydrogenReact,
       isInPopup: settings?.display_type === "popup",
       products,
       settings
@@ -7164,14 +7253,14 @@ var RebuyWidget = (props) => {
 };
 
 // src/smart-cart/components/CrossSell/CrossSell.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 var CrossSell = ({ componentConfig }) => {
   const widgetId = componentConfig.settings.widget_id;
   if (!widgetId) {
     console.warn("[CrossSell] Widget ID is missing from component configuration");
     return null;
   }
-  return /* @__PURE__ */ jsx29("div", { "data-rebuy-component": "cross-sell-widget", "data-rebuy-component-id": widgetId, children: /* @__PURE__ */ jsx29(RebuyWidget, { widgetId }) });
+  return /* @__PURE__ */ jsx30("div", { "data-rebuy-component": "cross-sell-widget", "data-rebuy-component-id": widgetId, children: /* @__PURE__ */ jsx30(RebuyWidget, { isCrossSell: true, widgetId }) });
 };
 
 // src/smart-cart/components/CustomCode/CustomCodeBlock.tsx
@@ -7248,7 +7337,7 @@ var executeScriptsInContainer = (container, debugKey, debugContext) => {
 };
 
 // src/smart-cart/components/CustomCode/CustomCodeBlock.tsx
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var CustomCodeBlock = React6.memo(({ componentConfig }) => {
   const containerRef = useRef8(null);
   const executedCodeRef = useRef8(null);
@@ -7275,7 +7364,7 @@ var CustomCodeBlock = React6.memo(({ componentConfig }) => {
   if (!htmlCode) {
     return null;
   }
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     "div",
     {
       dangerouslySetInnerHTML: { __html: htmlCode },
@@ -7377,7 +7466,7 @@ var result18 = { "rebuy-discount-code-input": "DiscountCodeInput_rebuy-discount-
 var DiscountCodeInput_default = result18;
 
 // src/smart-cart/components/DiscountCodeInput/DiscountCodeInput.tsx
-import { jsx as jsx31, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs17 } from "react/jsx-runtime";
 var DiscountCodeInputComponent = ({ componentConfig }) => {
   const {
     applyDiscountCodes: hrApplyDiscountCodes,
@@ -7561,7 +7650,7 @@ var DiscountCodeInputComponent = ({ componentConfig }) => {
                 [DiscountCodeInput_default["rebuy-discount-code-input__input-wrapper--show-label"]]: !!inputValue || isInputFocused
               }),
               children: [
-                /* @__PURE__ */ jsx31(
+                /* @__PURE__ */ jsx32(
                   "input",
                   {
                     "aria-label": lang.inputLabel,
@@ -7582,7 +7671,7 @@ var DiscountCodeInputComponent = ({ componentConfig }) => {
                     value: inputValue
                   }
                 ),
-                /* @__PURE__ */ jsx31(
+                /* @__PURE__ */ jsx32(
                   "label",
                   {
                     className: DiscountCodeInput_default["rebuy-discount-code-input__input-label"],
@@ -7593,7 +7682,7 @@ var DiscountCodeInputComponent = ({ componentConfig }) => {
               ]
             }
           ),
-          /* @__PURE__ */ jsx31(
+          /* @__PURE__ */ jsx32(
             "button",
             {
               className: DiscountCodeInput_default["rebuy-discount-code-input__apply-button"],
@@ -7603,11 +7692,11 @@ var DiscountCodeInputComponent = ({ componentConfig }) => {
             }
           )
         ] }),
-        discountManagerError && /* @__PURE__ */ jsx31("div", { className: DiscountCodeInput_default["rebuy-discount-code-input__error-message"], children: discountManagerError }),
-        shouldShowTags && /* @__PURE__ */ jsx31("div", { className: DiscountCodeInput_default["rebuy-discount-code-input__tags-list"], children: appliedCodes.map((code) => /* @__PURE__ */ jsxs17("div", { className: DiscountCodeInput_default["rebuy-discount-code-input__tag"], children: [
-          /* @__PURE__ */ jsx31("span", { className: DiscountCodeInput_default["rebuy-discount-code-input__tag-icon"], children: /* @__PURE__ */ jsx31("svg", { fill: "currentColor", height: "14", viewBox: "0 0 24 24", width: "14", children: /* @__PURE__ */ jsx31("path", { d: "M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z" }) }) }),
-          /* @__PURE__ */ jsx31("span", { className: DiscountCodeInput_default["rebuy-discount-code-input__tag-text"], children: code }),
-          /* @__PURE__ */ jsx31(
+        discountManagerError && /* @__PURE__ */ jsx32("div", { className: DiscountCodeInput_default["rebuy-discount-code-input__error-message"], children: discountManagerError }),
+        shouldShowTags && /* @__PURE__ */ jsx32("div", { className: DiscountCodeInput_default["rebuy-discount-code-input__tags-list"], children: appliedCodes.map((code) => /* @__PURE__ */ jsxs17("div", { className: DiscountCodeInput_default["rebuy-discount-code-input__tag"], children: [
+          /* @__PURE__ */ jsx32("span", { className: DiscountCodeInput_default["rebuy-discount-code-input__tag-icon"], children: /* @__PURE__ */ jsx32("svg", { fill: "currentColor", height: "14", viewBox: "0 0 24 24", width: "14", children: /* @__PURE__ */ jsx32("path", { d: "M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z" }) }) }),
+          /* @__PURE__ */ jsx32("span", { className: DiscountCodeInput_default["rebuy-discount-code-input__tag-text"], children: code }),
+          /* @__PURE__ */ jsx32(
             "button",
             {
               "aria-label": `Remove discount code ${code}`,
@@ -7634,7 +7723,7 @@ var result19 = { "rebuy-login-button": "LoginButton_rebuy-login-button" };
 var LoginButton_default = result19;
 
 // src/smart-cart/components/LoginButton/LoginButton.tsx
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 var LoginButton = React8.memo(() => {
   const { cartData, getComponentConfigByType } = useSmartCart();
   const componentConfig = getComponentConfigByType("login");
@@ -7648,13 +7737,14 @@ var LoginButton = React8.memo(() => {
   }
   const loginLabel = componentConfig?.settings?.language?.title ?? "Login";
   const loginUrl = componentConfig?.settings?.url ?? "/account/login";
-  return /* @__PURE__ */ jsx32(
-    "a",
+  return /* @__PURE__ */ jsx33(
+    RebuyLink,
     {
+      ariaLabel: loginLabel,
       className: LoginButton_default["rebuy-login-button"],
       "data-rebuy-component": "login",
       "data-rebuy-component-id": componentConfig.component_id ?? "login",
-      href: loginUrl,
+      handle: loginUrl,
       children: loginLabel
     }
   );
@@ -7871,7 +7961,7 @@ var useSmartCartApps = () => {
 };
 
 // src/smart-cart/components/SmartCartApp/SmartCartApp.tsx
-import { jsx as jsx33, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs18 } from "react/jsx-runtime";
 var SmartCartApp = React9.memo(({ componentConfig }) => {
   const containerRef = useRef10(null);
   const executedScriptRef = useRef10(null);
@@ -7911,7 +8001,7 @@ var SmartCartApp = React9.memo(({ componentConfig }) => {
   }
   if (appsHookError) {
     console.error(`[SmartCartApp - ${componentId}] Hook error prevented app rendering: ${appsHookError}`);
-    return /* @__PURE__ */ jsx33("div", { "data-rebuy-component-id": componentId, children: "Error loading app data." });
+    return /* @__PURE__ */ jsx34("div", { "data-rebuy-component-id": componentId, children: "Error loading app data." });
   }
   if (appId === null) {
     console.warn(`[SmartCartApp - ${componentId}] Missing App ID (settings.app_id) in configuration.`);
@@ -7924,7 +8014,7 @@ var SmartCartApp = React9.memo(({ componentConfig }) => {
     );
     return null;
   }
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       dangerouslySetInnerHTML: { __html: scriptContent },
@@ -7951,7 +8041,7 @@ var result20 = { "rebuy-tiered-progress-bar": "TieredProgressBar_rebuy-tiered-pr
 var TieredProgressBar_default = result20;
 
 // src/smart-cart/components/TieredProgressBar/TPBGiftItem.tsx
-import { Fragment as Fragment8, jsx as jsx34, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx35, jsxs as jsxs19 } from "react/jsx-runtime";
 var TieredProgressBarGiftItem = ({
   isGloballySyncing,
   onAddOrReAdd,
@@ -7984,7 +8074,7 @@ var TieredProgressBarGiftItem = ({
         [TieredProgressBar_default["rebuy-tiered-progress-bar__gift-item--syncing"]]: isGloballySyncing
       }),
       children: [
-        /* @__PURE__ */ jsx34("div", { className: TieredProgressBar_default["rebuy-tiered-progress-bar__gift-item-image-wrapper"], children: imageSrc ? /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx35("div", { className: TieredProgressBar_default["rebuy-tiered-progress-bar__gift-item-image-wrapper"], children: imageSrc ? /* @__PURE__ */ jsx35(
           "img",
           {
             alt: imageAlt,
@@ -7992,7 +8082,7 @@ var TieredProgressBarGiftItem = ({
             loading: "lazy",
             src: imageSrc
           }
-        ) : /* @__PURE__ */ jsx34(
+        ) : /* @__PURE__ */ jsx35(
           "div",
           {
             "aria-label": "Gift product image placeholder",
@@ -8000,16 +8090,16 @@ var TieredProgressBarGiftItem = ({
           }
         ) }),
         /* @__PURE__ */ jsxs19("div", { className: TieredProgressBar_default["rebuy-tiered-progress-bar__gift-item-details"], children: [
-          /* @__PURE__ */ jsx34("h4", { className: TieredProgressBar_default["rebuy-tiered-progress-bar__gift-item-title"], id: `tpb-gift-${tierId}-title`, children: title }),
-          displayStatus === "added" /* ADDED */ && displayVariantTitle && /* @__PURE__ */ jsx34("div", { className: TieredProgressBar_default["rebuy-tiered-progress-bar__gift-item-variant-title"], children: displayVariantTitle }),
+          /* @__PURE__ */ jsx35("h4", { className: TieredProgressBar_default["rebuy-tiered-progress-bar__gift-item-title"], id: `tpb-gift-${tierId}-title`, children: title }),
+          displayStatus === "added" /* ADDED */ && displayVariantTitle && /* @__PURE__ */ jsx35("div", { className: TieredProgressBar_default["rebuy-tiered-progress-bar__gift-item-variant-title"], children: displayVariantTitle }),
           /* @__PURE__ */ jsxs19("div", { className: TieredProgressBar_default["rebuy-tiered-progress-bar__gift-item-actions-wrapper"], children: [
-            isGloballySyncing && /* @__PURE__ */ jsx34("button", { className: clsx9(TieredProgressBar_default["rebuy-tiered-progress-bar__gift-item-button"]), disabled: true, children: "Updating..." }),
+            isGloballySyncing && /* @__PURE__ */ jsx35("button", { className: clsx9(TieredProgressBar_default["rebuy-tiered-progress-bar__gift-item-button"]), disabled: true, children: "Updating..." }),
             itemLevelError && !isGloballySyncing && /* @__PURE__ */ jsxs19("div", { className: TieredProgressBar_default["rebuy-tiered-progress-bar__error-message"], children: [
               "Error: ",
               itemLevelError
             ] }),
             !isGloballySyncing && !itemLevelError && /* @__PURE__ */ jsxs19(Fragment8, { children: [
-              displayStatus === "added" /* ADDED */ && /* @__PURE__ */ jsx34(
+              displayStatus === "added" /* ADDED */ && /* @__PURE__ */ jsx35(
                 "button",
                 {
                   "aria-label": `Remove ${title} gift`,
@@ -8031,7 +8121,7 @@ var TieredProgressBarGiftItem = ({
                   onChange: handleVariantChange,
                   value: "",
                   children: [
-                    /* @__PURE__ */ jsx34("option", { disabled: true, value: "", children: "Select Option" }),
+                    /* @__PURE__ */ jsx35("option", { disabled: true, value: "", children: "Select Option" }),
                     availableChoices.map((variant) => {
                       const variantLabel = getFreeVariantTitle(variant) || variant.title;
                       return /* @__PURE__ */ jsxs19("option", { value: variant.id, children: [
@@ -8044,7 +8134,7 @@ var TieredProgressBarGiftItem = ({
                   ]
                 }
               ),
-              canReAdd && displayStatus === "declined" /* DECLINED */ && /* @__PURE__ */ jsx34(
+              canReAdd && displayStatus === "declined" /* DECLINED */ && /* @__PURE__ */ jsx35(
                 "button",
                 {
                   "aria-label": `Re-add ${title} gift`,
@@ -8057,7 +8147,7 @@ var TieredProgressBarGiftItem = ({
                   children: "Re-Add Gift"
                 }
               ),
-              displayStatus === "unavailable" /* UNAVAILABLE */ && !canReAdd && /* @__PURE__ */ jsx34("div", { className: TieredProgressBar_default["rebuy-tiered-progress-bar__gift-item-status-text"], children: "Unavailable" })
+              displayStatus === "unavailable" /* UNAVAILABLE */ && !canReAdd && /* @__PURE__ */ jsx35("div", { className: TieredProgressBar_default["rebuy-tiered-progress-bar__gift-item-status-text"], children: "Unavailable" })
             ] })
           ] })
         ] })
@@ -8143,7 +8233,7 @@ var codeBlock = {
 };
 
 // src/smart-cart/components/TieredProgressBar/TieredProgressBar.tsx
-import { jsx as jsx35, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs20 } from "react/jsx-runtime";
 var TieredProgressBar = React10.memo(() => {
   const { hydrogenReactCartActions, isCartBusy, isHydrogenReact } = useSmartCart();
   const tpbUserActionFetcher = useFetcher5();
@@ -8324,7 +8414,7 @@ var TieredProgressBar = React10.memo(() => {
   const giftAreaTitleId = `tpb-giftarea-title-${activeBarConfig.id}`;
   return /* @__PURE__ */ jsxs20("div", { className: TieredProgressBar_default["rebuy-tiered-progress-bar"], "data-rebuy-component": "tiered-progress-bar", children: [
     /* @__PURE__ */ jsxs20("div", { className: TieredProgressBar_default["rebuy-tiered-progress-bar__main-progress-area"], id: progressBarId, children: [
-      /* @__PURE__ */ jsx35("div", { className: TieredProgressBar_default["rebuy-tiered-progress-bar__tier-markers-list"], children: activeBarConfig.tiers.map((tier) => {
+      /* @__PURE__ */ jsx36("div", { className: TieredProgressBar_default["rebuy-tiered-progress-bar__tier-markers-list"], children: activeBarConfig.tiers.map((tier) => {
         const isReached = checkTierReachedCallback(tier);
         const tierLabel = getTierLabel(tier, fetchedProductMap);
         const iconRenderData = getTierIconComponent(tier, isReached, fetchedProductMap);
@@ -8339,7 +8429,7 @@ var TieredProgressBar = React10.memo(() => {
         if (React10.isValidElement(iconRenderData)) iconElement = iconRenderData;
         else if (iconRenderData.type === "image") {
           const imageObject = iconRenderData;
-          iconElement = /* @__PURE__ */ jsx35(
+          iconElement = /* @__PURE__ */ jsx36(
             "img",
             {
               alt: imageObject.alt,
@@ -8356,7 +8446,7 @@ var TieredProgressBar = React10.memo(() => {
             }),
             title: `${tierLabel} (${isReached ? "Reached" : "Pending"} at ${formatMoney(getTierMinimum(tier))})`,
             children: [
-              /* @__PURE__ */ jsx35(
+              /* @__PURE__ */ jsx36(
                 "div",
                 {
                   className: TieredProgressBar_default["rebuy-tiered-progress-bar__tier-icon-wrapper"],
@@ -8364,13 +8454,13 @@ var TieredProgressBar = React10.memo(() => {
                   children: iconElement
                 }
               ),
-              /* @__PURE__ */ jsx35("div", { className: TieredProgressBar_default["rebuy-tiered-progress-bar__tier-label"], children: tierLabel })
+              /* @__PURE__ */ jsx36("div", { className: TieredProgressBar_default["rebuy-tiered-progress-bar__tier-label"], children: tierLabel })
             ]
           },
           tier.id
         );
       }) }),
-      /* @__PURE__ */ jsx35("div", { className: TieredProgressBar_default["rebuy-tiered-progress-bar__track"], children: /* @__PURE__ */ jsx35(
+      /* @__PURE__ */ jsx36("div", { className: TieredProgressBar_default["rebuy-tiered-progress-bar__track"], children: /* @__PURE__ */ jsx36(
         "div",
         {
           "aria-label": "Reward progress",
@@ -8400,9 +8490,9 @@ var TieredProgressBar = React10.memo(() => {
       ] })
     ] }),
     renderGiftArea && /* @__PURE__ */ jsxs20("div", { className: TieredProgressBar_default["rebuy-tiered-progress-bar__gift-area"], children: [
-      renderGiftAreaTitle && /* @__PURE__ */ jsx35("h3", { className: TieredProgressBar_default["rebuy-tiered-progress-bar__gift-area-title"], id: giftAreaTitleId, children: giftAreaTitle }),
+      renderGiftAreaTitle && /* @__PURE__ */ jsx36("h3", { className: TieredProgressBar_default["rebuy-tiered-progress-bar__gift-area-title"], id: giftAreaTitleId, children: giftAreaTitle }),
       shouldDisableGiftActions && // If actions are disabled (likely loading something)
-      productsToRenderInGiftArea.length === 0 && !productFetchError && !cartSyncError && !userActionError && /* @__PURE__ */ jsx35(
+      productsToRenderInGiftArea.length === 0 && !productFetchError && !cartSyncError && !userActionError && /* @__PURE__ */ jsx36(
         "div",
         {
           style: {
@@ -8412,12 +8502,12 @@ var TieredProgressBar = React10.memo(() => {
           children: "Loading gifts..."
         }
       ),
-      productsToRenderInGiftArea.length > 0 && /* @__PURE__ */ jsx35(
+      productsToRenderInGiftArea.length > 0 && /* @__PURE__ */ jsx36(
         "div",
         {
           "aria-labelledby": renderGiftAreaTitle ? giftAreaTitleId : void 0,
           className: TieredProgressBar_default["rebuy-tiered-progress-bar__gift-items-list"],
-          children: productsToRenderInGiftArea.map((productState) => /* @__PURE__ */ jsx35(
+          children: productsToRenderInGiftArea.map((productState) => /* @__PURE__ */ jsx36(
             TieredProgressBarGiftItem,
             {
               isGloballySyncing: shouldDisableGiftActions,
@@ -8431,7 +8521,7 @@ var TieredProgressBar = React10.memo(() => {
         }
       )
     ] }),
-    rebuyDebugLog.isKeyActive("smart-cart-tpb" /* SC_TPB */) && /* @__PURE__ */ jsx35(
+    rebuyDebugLog.isKeyActive("smart-cart-tpb" /* SC_TPB */) && /* @__PURE__ */ jsx36(
       "button",
       {
         onClick: () => setShowDebugPanel(!showDebugPanel),
@@ -8454,7 +8544,7 @@ var TieredProgressBar = React10.memo(() => {
           width: "100%"
         },
         children: [
-          /* @__PURE__ */ jsx35("div", { style: infoText, children: /* @__PURE__ */ jsx35("strong", { children: "Progress Bar Debug Info" }) }),
+          /* @__PURE__ */ jsx36("div", { style: infoText, children: /* @__PURE__ */ jsx36("strong", { children: "Progress Bar Debug Info" }) }),
           /* @__PURE__ */ jsxs20("div", { style: codeBlock, children: [
             /* @__PURE__ */ jsxs20("div", { children: [
               "Subtotal: ",
@@ -8484,8 +8574,8 @@ var TieredProgressBar = React10.memo(() => {
             ] })
           ] }),
           giftsForDisplay.length > 0 && /* @__PURE__ */ jsxs20("div", { style: { marginTop: "8px" }, children: [
-            /* @__PURE__ */ jsx35("div", { style: infoText, children: "Gift Status:" }),
-            /* @__PURE__ */ jsx35("div", { style: codeBlock, children: giftsForDisplay.map((gift, idx) => /* @__PURE__ */ jsxs20("div", { style: { marginBottom: "4px" }, children: [
+            /* @__PURE__ */ jsx36("div", { style: infoText, children: "Gift Status:" }),
+            /* @__PURE__ */ jsx36("div", { style: codeBlock, children: giftsForDisplay.map((gift, idx) => /* @__PURE__ */ jsxs20("div", { style: { marginBottom: "4px" }, children: [
               "Tier ",
               gift.tierId,
               ": ",
@@ -8501,7 +8591,7 @@ var TieredProgressBar = React10.memo(() => {
 TieredProgressBar.displayName = "TieredProgressBar";
 
 // src/smart-cart/components/componentRegistry.tsx
-import { jsx as jsx36, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs21 } from "react/jsx-runtime";
 var componentRegistry = {
   // Use 'any' for props initially, refine later
   announcement_bar: AnnouncementBar,
@@ -8520,7 +8610,7 @@ var componentRegistry = {
 };
 
 // src/smart-cart/components/_Layouts/AnchorSlot.tsx
-import { Fragment as Fragment9, jsx as jsx37 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx38 } from "react/jsx-runtime";
 var AnchorSlot = ({ anchor, components, excludeTypes, includeTypes }) => {
   const componentsForSlot = useMemo19(() => {
     return components.filter((comp) => {
@@ -8538,13 +8628,13 @@ var AnchorSlot = ({ anchor, components, excludeTypes, includeTypes }) => {
     });
     return null;
   }
-  return /* @__PURE__ */ jsx37(Fragment9, { children: componentsForSlot.map((componentConfig) => {
+  return /* @__PURE__ */ jsx38(Fragment9, { children: componentsForSlot.map((componentConfig) => {
     const Component = componentRegistry[componentConfig.type];
     if (!Component) {
       console.warn(`[SmartCartReact] No component registered for type: "${componentConfig.type}"`);
       return null;
     }
-    return /* @__PURE__ */ jsx37(Component, { componentConfig }, componentConfig.component_id);
+    return /* @__PURE__ */ jsx38(Component, { componentConfig }, componentConfig.component_id);
   }) });
 };
 
@@ -8576,15 +8666,15 @@ var result21 = { "rebuy-smart-cart-layout__anchor-goal-box": "LayoutStyles_rebuy
 var LayoutStyles_default = result21;
 
 // src/smart-cart/components/_Layouts/DoubleColumnLayout.tsx
-import { jsx as jsx38, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs22 } from "react/jsx-runtime";
 var DoubleColumnLayout = ({ components, itemCount, layout }) => {
   const scrollAreaRef = useRef11(null);
   const isScrolled = useIsScrolled(scrollAreaRef);
   const layoutClass = layout === "double-right" ? LayoutStyles_default["rebuy-smart-cart-layout__flyout-inner--double-right"] : LayoutStyles_default["rebuy-smart-cart-layout__flyout-inner--double"];
   return /* @__PURE__ */ jsxs22("div", { className: clsx11(LayoutStyles_default["rebuy-smart-cart-layout__flyout-inner"], layoutClass), children: [
     /* @__PURE__ */ jsxs22("div", { className: LayoutStyles_default["rebuy-smart-cart-layout__column--primary"], children: [
-      /* @__PURE__ */ jsx38("div", { className: LayoutStyles_default["rebuy-smart-cart-layout__anchor-goal-box"], "data-rebuy-cart-anchor": "goalBox", children: /* @__PURE__ */ jsx38(AnchorSlot, { anchor: "goalBox", components }) }),
-      /* @__PURE__ */ jsx38(
+      /* @__PURE__ */ jsx39("div", { className: LayoutStyles_default["rebuy-smart-cart-layout__anchor-goal-box"], "data-rebuy-cart-anchor": "goalBox", children: /* @__PURE__ */ jsx39(AnchorSlot, { anchor: "goalBox", components }) }),
+      /* @__PURE__ */ jsx39(
         "div",
         {
           className: clsx11(
@@ -8593,26 +8683,26 @@ var DoubleColumnLayout = ({ components, itemCount, layout }) => {
           ),
           "data-rebuy-cart-scroll-area": true,
           ref: scrollAreaRef,
-          children: /* @__PURE__ */ jsx38("div", { className: LayoutStyles_default["rebuy-smart-cart-layout__anchor-body"], "data-rebuy-cart-anchor": "body", children: /* @__PURE__ */ jsx38(AnchorSlot, { anchor: "body", components }) })
+          children: /* @__PURE__ */ jsx39("div", { className: LayoutStyles_default["rebuy-smart-cart-layout__anchor-body"], "data-rebuy-cart-anchor": "body", children: /* @__PURE__ */ jsx39(AnchorSlot, { anchor: "body", components }) })
         }
       ),
-      /* @__PURE__ */ jsx38(
+      /* @__PURE__ */ jsx39(
         "div",
         {
           className: clsx11(LayoutStyles_default["rebuy-smart-cart-layout__anchor-footer"], {
             [LayoutStyles_default["rebuy-smart-cart-layout__anchor-footer--hidden"]]: itemCount === 0
           }),
           "data-rebuy-cart-anchor": "footer",
-          children: /* @__PURE__ */ jsx38(AnchorSlot, { anchor: "footer", components })
+          children: /* @__PURE__ */ jsx39(AnchorSlot, { anchor: "footer", components })
         }
       )
     ] }),
-    /* @__PURE__ */ jsx38("div", { className: LayoutStyles_default["rebuy-smart-cart-layout__column--secondary"], children: /* @__PURE__ */ jsx38(
+    /* @__PURE__ */ jsx39("div", { className: LayoutStyles_default["rebuy-smart-cart-layout__column--secondary"], children: /* @__PURE__ */ jsx39(
       "div",
       {
         className: LayoutStyles_default["rebuy-smart-cart-layout__anchor-cross-sells"],
         "data-rebuy-cart-anchor": "crossSells",
-        children: /* @__PURE__ */ jsx38(AnchorSlot, { anchor: "crossSells", components })
+        children: /* @__PURE__ */ jsx39(AnchorSlot, { anchor: "crossSells", components })
       }
     ) })
   ] });
@@ -8621,13 +8711,13 @@ var DoubleColumnLayout = ({ components, itemCount, layout }) => {
 // src/smart-cart/components/_Layouts/SingleColumnLayout.tsx
 import clsx12 from "clsx";
 import { useRef as useRef12 } from "react";
-import { Fragment as Fragment10, jsx as jsx39, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx40, jsxs as jsxs23 } from "react/jsx-runtime";
 var SingleColumnLayout = ({ components, itemCount }) => {
   const scrollAreaRef = useRef12(null);
   const isScrolled = useIsScrolled(scrollAreaRef);
   return /* @__PURE__ */ jsxs23(Fragment10, { children: [
-    /* @__PURE__ */ jsx39("div", { className: LayoutStyles_default["rebuy-smart-cart-layout__anchor-goal-box"], "data-rebuy-cart-anchor": "goalBox", children: /* @__PURE__ */ jsx39(AnchorSlot, { anchor: "goalBox", components }) }),
-    /* @__PURE__ */ jsx39(
+    /* @__PURE__ */ jsx40("div", { className: LayoutStyles_default["rebuy-smart-cart-layout__anchor-goal-box"], "data-rebuy-cart-anchor": "goalBox", children: /* @__PURE__ */ jsx40(AnchorSlot, { anchor: "goalBox", components }) }),
+    /* @__PURE__ */ jsx40(
       "div",
       {
         className: clsx12(
@@ -8636,17 +8726,17 @@ var SingleColumnLayout = ({ components, itemCount }) => {
         ),
         "data-rebuy-cart-scroll-area": true,
         ref: scrollAreaRef,
-        children: /* @__PURE__ */ jsx39("div", { className: LayoutStyles_default["rebuy-smart-cart-layout__anchor-body"], "data-rebuy-cart-anchor": "body", children: /* @__PURE__ */ jsx39(AnchorSlot, { anchor: "body", components }) })
+        children: /* @__PURE__ */ jsx40("div", { className: LayoutStyles_default["rebuy-smart-cart-layout__anchor-body"], "data-rebuy-cart-anchor": "body", children: /* @__PURE__ */ jsx40(AnchorSlot, { anchor: "body", components }) })
       }
     ),
-    /* @__PURE__ */ jsx39(
+    /* @__PURE__ */ jsx40(
       "div",
       {
         className: clsx12(LayoutStyles_default["rebuy-smart-cart-layout__anchor-footer"], {
           [LayoutStyles_default["rebuy-smart-cart-layout__anchor-footer--hidden"]]: itemCount === 0
         }),
         "data-rebuy-cart-anchor": "footer",
-        children: /* @__PURE__ */ jsx39(AnchorSlot, { anchor: "footer", components })
+        children: /* @__PURE__ */ jsx40(AnchorSlot, { anchor: "footer", components })
       }
     )
   ] });
@@ -8657,7 +8747,7 @@ var result22 = { "rebuy-smart-cart": "SmartCartContainer_rebuy-smart-cart", "reb
 var SmartCartContainer_default = result22;
 
 // src/smart-cart/components/SmartCartContainer/SmartCartContainer.tsx
-import { jsx as jsx40, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs24 } from "react/jsx-runtime";
 var SmartCartContainer = ({ containerId }) => {
   const { config, getItemCount, hideCart, isVisible } = useSmartCart();
   const containerRef = useRef13(null);
@@ -8678,6 +8768,16 @@ var SmartCartContainer = ({ containerId }) => {
       }
     }
   }, [isVisible]);
+  useEffect21(() => {
+    if (isVisible) {
+      document.body.classList.add("rebuy-smart-cart-open");
+    } else {
+      document.body.classList.remove("rebuy-smart-cart-open");
+    }
+    return () => {
+      document.body.classList.remove("rebuy-smart-cart-open");
+    };
+  }, [isVisible]);
   const backgroundClassName = clsx13(SmartCartContainer_default["rebuy-smart-cart__overlay-background"], {
     [SmartCartContainer_default["rebuy-smart-cart__overlay-background--visible"]]: isVisible
   });
@@ -8690,20 +8790,20 @@ var SmartCartContainer = ({ containerId }) => {
     }
   );
   const renderLayoutContent = () => {
-    if (!config) return /* @__PURE__ */ jsx40("div", { style: { padding: "20px", textAlign: "center" }, children: "Loading configuration..." });
+    if (!config) return /* @__PURE__ */ jsx41("div", { style: { padding: "20px", textAlign: "center" }, children: "Loading configuration..." });
     switch (config.layout) {
       case "double":
       case "double-right":
-        return /* @__PURE__ */ jsx40(DoubleColumnLayout, { components, itemCount: getItemCount(), layout: config.layout });
+        return /* @__PURE__ */ jsx41(DoubleColumnLayout, { components, itemCount: getItemCount(), layout: config.layout });
       default:
-        return /* @__PURE__ */ jsx40(SingleColumnLayout, { components, itemCount: getItemCount() });
+        return /* @__PURE__ */ jsx41(SingleColumnLayout, { components, itemCount: getItemCount() });
     }
   };
   const defaultTitleId = "rebuy-smart-cart-default-title";
   const titleBarComponent = components.find((c) => c.type === "title_bar");
   const ariaLabelledBy = titleBarComponent ? `rebuy-title-${titleBarComponent.component_id}` : defaultTitleId;
   return /* @__PURE__ */ jsxs24(React11.Fragment, { children: [
-    /* @__PURE__ */ jsx40("div", { className: backgroundClassName, onClick: handleClose }),
+    /* @__PURE__ */ jsx41("div", { className: backgroundClassName, onClick: handleClose }),
     /* @__PURE__ */ jsxs24(
       "div",
       {
@@ -8719,10 +8819,10 @@ var SmartCartContainer = ({ containerId }) => {
           /* @__PURE__ */ jsxs24("header", { className: SmartCartContainer_default["rebuy-smart-cart__header"], "data-rebuy-cart-anchor": "header", children: [
             /* @__PURE__ */ jsxs24("div", { className: SmartCartContainer_default["rebuy-smart-cart__header-top-bar"], "data-rebuy-cart-header-top-bar": "", children: [
               /* @__PURE__ */ jsxs24("div", { className: SmartCartContainer_default["rebuy-smart-cart__header-content"], "data-rebuy-cart-header-top-inner": "", children: [
-                /* @__PURE__ */ jsx40(AnchorSlot, { anchor: "header", components, includeTypes: ["title_bar", "login"] }),
+                /* @__PURE__ */ jsx41(AnchorSlot, { anchor: "header", components, includeTypes: ["title_bar", "login"] }),
                 !components.some(
                   (c) => c.type === "title_bar" && !c.settings?.screen_reader_only
-                ) && /* @__PURE__ */ jsx40("h2", { id: defaultTitleId, children: /* @__PURE__ */ jsx40(ScreenReaderText, { children: "Your Cart" }) })
+                ) && /* @__PURE__ */ jsx41("h2", { id: defaultTitleId, children: /* @__PURE__ */ jsx41(ScreenReaderText, { children: "Your Cart" }) })
               ] }),
               /* @__PURE__ */ jsxs24(
                 "button",
@@ -8734,15 +8834,15 @@ var SmartCartContainer = ({ containerId }) => {
                   type: "button",
                   children: [
                     "\u2715",
-                    /* @__PURE__ */ jsx40(ScreenReaderText, { children: "Close Cart" })
+                    /* @__PURE__ */ jsx41(ScreenReaderText, { children: "Close Cart" })
                   ]
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx40(AnchorSlot, { anchor: "header", components, excludeTypes: ["title_bar", "login"] })
+            /* @__PURE__ */ jsx41(AnchorSlot, { anchor: "header", components, excludeTypes: ["title_bar", "login"] })
           ] }),
           renderLayoutContent(),
-          /* @__PURE__ */ jsx40("div", { "aria-live": "polite", className: "rebuy-sr-only", id: "rebuy-cart-live-region" })
+          /* @__PURE__ */ jsx41("div", { "aria-live": "polite", className: "rebuy-sr-only", id: "rebuy-cart-live-region" })
         ]
       }
     )
@@ -8750,20 +8850,42 @@ var SmartCartContainer = ({ containerId }) => {
 };
 
 // src/smart-cart/RebuySmartCart.tsx
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 var RebuySmartCart = () => {
-  return /* @__PURE__ */ jsx41(SmartCartContainer, {});
+  return /* @__PURE__ */ jsx42(SmartCartContainer, {});
 };
 
 // src/widgetContainer/RebuyWidgetContainer.tsx
 import { RebuyClient as RebuyClient3 } from "@rebuy/rebuy";
 import * as Utilities5 from "@rebuy/rebuy/utilities";
 import { flattenConnection as flattenConnection4 } from "@shopify/hydrogen";
-import React12, { useContext as useContext4, useEffect as useEffect22, useMemo as useMemo21, useState as useState21 } from "react";
+import { useContext as useContext5, useEffect as useEffect22, useMemo as useMemo21, useState as useState21 } from "react";
+
+// src/context/RebuyWidgetContext.tsx
+import { createContext as createContext4, useContext as useContext4 } from "react";
+import { jsx as jsx43 } from "react/jsx-runtime";
+var RebuyWidgetContext = createContext4({
+  dataSource: "",
+  isHydrogenReact: false,
+  key: "",
+  limit: 0,
+  metadata: {},
+  options: {},
+  products: [],
+  variant: void 0,
+  variantId: void 0
+});
+var useRebuyWidget = () => useContext4(RebuyWidgetContext);
+var RebuyWidgetProvider = ({ children, value }) => {
+  return /* @__PURE__ */ jsx43(RebuyWidgetContext.Provider, { value, children });
+};
+
+// src/widgetContainer/RebuyWidgetContainer.tsx
+import { jsx as jsx44 } from "react/jsx-runtime";
 var RebuyWidgetContainerBase = ({ children, ...props }) => {
   const { collection, collectionId, dataSource, limit, options, product, productId, variant, variantId } = props;
   const { apiKey, loadingStatus: configLoadingStatus, rebuyConfig } = useRebuyConfig();
-  const rebuyContext = useContext4(RebuyContext);
+  const rebuyContext = useContext5(RebuyContext);
   const [rebuyApiClient, setRebuyApiClient] = useState21(null);
   const [initialized, setInitialized] = useState21(false);
   const shopifyProductId = product?.id ?? productId ?? null;
@@ -8846,22 +8968,30 @@ var RebuyWidgetContainerBase = ({ children, ...props }) => {
       isMounted = false;
     };
   }, [rebuyApiClient, initialized, request, configLoadingStatus]);
-  const childrenWithProps = (currentProps) => React12.Children.map(
-    children,
-    (child) => React12.isValidElement(child) ? React12.cloneElement(child, currentProps) : child
-  );
-  const childProps = {
-    ...props,
-    apiKey,
-    cacheKey: rebuyConfig?.shop?.cache_key,
-    key: product?.id,
-    metadata,
-    products
-  };
   if (configLoadingStatus !== "success" || !rebuyApiClient) {
     return null;
   }
-  return childrenWithProps(childProps);
+  return /* @__PURE__ */ jsx44(
+    RebuyWidgetProvider,
+    {
+      value: {
+        apiKey: apiKey ?? void 0,
+        cacheKey: rebuyConfig?.shop?.cache_key,
+        dataSource: dataSource || "/api/v1/products/recommended",
+        isHydrogenReact: rebuyContext?.contextParameters?.isHydrogenReact || false,
+        key: product?.id || "",
+        limit: limit || 0,
+        metadata: metadata || {},
+        options: options || {},
+        product,
+        productId,
+        products,
+        variant,
+        variantId
+      },
+      children
+    }
+  );
 };
 var RebuyWidgetContainer = RebuyWidgetContainerBase;
 
@@ -8870,32 +9000,33 @@ var result23 = { "container": "RebuyCompleteTheLook_container", "productGrid": "
 var RebuyCompleteTheLook_default = result23;
 
 // src/widgets/RebuyCompleteTheLook/RebuyCompleteTheLook.tsx
-import { jsx as jsx42, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs25 } from "react/jsx-runtime";
 var RebuyCompleteTheLook = (props) => {
   const {
     addToCartBtnText = "Add to cart",
     addToCartCallback,
-    customTitle = `These pair with ${props.product?.title}`,
+    customTitle = `These pair with {product_title}`,
     customTitleLevel = "h2",
-    customTitleStyle,
-    products = []
+    customTitleStyle
   } = props;
+  const { isHydrogenReact, product, products } = useRebuyWidget();
+  const productTitle = customTitle.replace("{product_title}", product?.title ?? "");
   if (products.length === 0) {
     rebuyDebugLog.log("widget-complete-the-look" /* WIDGET_COMPLETE_THE_LOOK */, "RebuyCompleteTheLook: No products found");
     return null;
   }
   return /* @__PURE__ */ jsxs25("section", { className: RebuyCompleteTheLook_default.container, children: [
-    /* @__PURE__ */ jsx42(Title, { level: getTitleLevel(customTitleLevel), style: customTitleStyle, text: customTitle }),
-    /* @__PURE__ */ jsx42("ul", { className: RebuyCompleteTheLook_default.productGrid, children: products.map((product) => /* @__PURE__ */ jsx42("li", { className: RebuyCompleteTheLook_default.productItem, children: /* @__PURE__ */ jsx42(
+    /* @__PURE__ */ jsx45(Title, { level: getTitleLevel(customTitleLevel), style: customTitleStyle, text: productTitle }),
+    /* @__PURE__ */ jsx45("ul", { className: RebuyCompleteTheLook_default.productGrid, children: products.map((product2) => /* @__PURE__ */ jsx45("li", { className: RebuyCompleteTheLook_default.productItem, children: /* @__PURE__ */ jsx45(
       ProductCard,
       {
         addToCartBtnText,
         addToCartCallback,
-        isHydrogenReact: props.isHydrogenReact,
-        product,
+        isHydrogenReact,
+        product: product2,
         productCardTitleLevel: getTitleLevel(customTitleLevel, true)
       }
-    ) }, product.id)) })
+    ) }, product2.id)) })
   ] });
 };
 
@@ -8904,11 +9035,34 @@ import { useCallback as useCallback15, useEffect as useEffect23, useState as use
 
 // src/utils/convertToRebuyProduct.tsx
 var convertToRebuyProduct = (isHydrogenReact, product) => {
-  const mainProductVariants = isHydrogenReact ? product?.variants?.nodes?.map((variant) => {
-    return {
-      ...variant
-    };
-  }) || [] : product?.adjacentVariants.map((variant) => {
+  const mainProductVariants = isHydrogenReact ? product?.variants?.nodes?.map((variant) => ({
+    availableForSale: variant.availableForSale,
+    compareAtPriceV2: {
+      amount: variant.compareAtPrice?.amount || "",
+      currencyCode: variant.compareAtPrice?.currencyCode || "USD"
+    },
+    id: variant.id,
+    image: variant.image ? {
+      altText: variant.image.altText || null,
+      height: variant.image.height || 100,
+      id: variant.image.id || "",
+      url: variant.image.url || "",
+      width: variant.image.width || 100
+    } : void 0,
+    priceV2: {
+      amount: variant.price.amount,
+      currencyCode: variant.price.currencyCode
+    },
+    product: {
+      handle: product.handle,
+      id: product.id,
+      title: product.title,
+      vendor: product.vendor
+    },
+    selectedOptions: variant.selectedOptions,
+    sku: variant.sku || "",
+    title: variant.title
+  })) || [] : product?.adjacentVariants.map((variant) => {
     return {
       availableForSale: variant.availableForSale,
       compareAtPriceV2: {
@@ -8972,26 +9126,28 @@ var convertToRebuyProduct = (isHydrogenReact, product) => {
     selected: true,
     selectedOptions: product?.selectedVariant?.selectedOptions?.reduce((acc, option) => {
       return { ...acc, [option.name]: option.value };
+    }, {}) || product?.variants?.nodes[0]?.selectedOptions?.reduce((acc, option) => {
+      return { ...acc, [option.name]: option.value };
     }, {}) || {},
     selectedSellingPlan: {},
     selectedSellingPlanAllocation: {},
     selectedVariant: {
-      availableForSale: product?.selectedVariant?.availableForSale || false,
+      availableForSale: product?.selectedVariant?.availableForSale || product?.variants?.nodes[0]?.availableForSale || false,
       compareAtPriceV2: {
-        amount: product?.selectedVariant?.compareAtPrice?.amount || "",
-        currencyCode: product?.selectedVariant?.compareAtPrice?.currencyCode || "USD"
+        amount: product?.selectedVariant?.compareAtPrice?.amount || product?.variants?.nodes[0]?.compareAtPrice?.amount || "",
+        currencyCode: product?.selectedVariant?.compareAtPrice?.currencyCode || product?.variants?.nodes[0]?.compareAtPrice?.currencyCode || "USD"
       },
       id: product?.selectedVariant?.id || "",
       image: {
-        altText: product?.selectedVariant?.image?.altText || "",
-        height: product?.selectedVariant?.image?.height || 100,
-        id: product?.selectedVariant?.image?.id || "",
-        url: product?.selectedVariant?.image?.url || "",
-        width: product?.selectedVariant?.image?.width || 100
+        altText: product?.selectedVariant?.image?.altText || product?.variants?.nodes[0]?.image?.altText || "",
+        height: product?.selectedVariant?.image?.height || product?.variants?.nodes[0]?.image?.height || 100,
+        id: product?.selectedVariant?.image?.id || product?.variants?.nodes[0]?.image?.id || "",
+        url: product?.selectedVariant?.image?.url || product?.variants?.nodes[0]?.image?.url || "",
+        width: product?.selectedVariant?.image?.width || product?.variants?.nodes[0]?.image?.width || 100
       },
       priceV2: {
-        amount: product?.selectedVariant?.price.amount || "",
-        currencyCode: product?.selectedVariant?.price.currencyCode || "USD"
+        amount: product?.selectedVariant?.price.amount || product?.variants?.nodes[0]?.price.amount || "",
+        currencyCode: product?.selectedVariant?.price.currencyCode || product?.variants?.nodes[0]?.price.currencyCode || "USD"
       },
       product: {
         handle: product?.handle || "",
@@ -8999,9 +9155,9 @@ var convertToRebuyProduct = (isHydrogenReact, product) => {
         title: product?.title || "",
         vendor: product?.vendor || ""
       },
-      selectedOptions: product?.selectedVariant?.selectedOptions || [],
-      sku: product?.selectedVariant?.sku || "",
-      title: product?.selectedVariant?.title || ""
+      selectedOptions: product?.selectedVariant?.selectedOptions || product?.variants?.nodes[0]?.selectedOptions || [],
+      sku: product?.selectedVariant?.sku || product?.variants?.nodes[0]?.sku || "",
+      title: product?.selectedVariant?.title || product?.variants?.nodes[0]?.title || ""
     },
     sellingPlanGroups: [],
     seo: {
@@ -9128,19 +9284,18 @@ var convertToRebuyProduct = (isHydrogenReact, product) => {
 // src/widgets/RebuyDynamicBundleProducts/BundleImages.tsx
 import { Image as Image2 } from "@shopify/hydrogen";
 import { Fragment as Fragment11 } from "react";
-import { Link as Link2 } from "react-router";
 
 // src/widgets/RebuyDynamicBundleProducts/RebuyDynamicBundleProducts.module.css
 var result24 = { "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", "bundleImageDelimiter": "RebuyDynamicBundleProducts_bundleImageDelimiter", "compareAtPrice": "RebuyDynamicBundleProducts_compareAtPrice" };
 var RebuyDynamicBundleProducts_default = result24;
 
 // src/widgets/RebuyDynamicBundleProducts/BundleImages.tsx
-import { Fragment as Fragment12, jsx as jsx43, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx46, jsxs as jsxs26 } from "react/jsx-runtime";
 var BundleImages = ({ products }) => {
   const selected = products.filter((product) => product.selected);
-  return /* @__PURE__ */ jsx43("ul", { className: RebuyDynamicBundleProducts_default.bundleImages, children: products.map((product, index) => {
+  return /* @__PURE__ */ jsx46("ul", { className: RebuyDynamicBundleProducts_default.bundleImages, children: products.map((product, index) => {
     const image = product.selectedVariant?.image;
-    const productImage = image ? /* @__PURE__ */ jsx43(
+    const productImage = image ? /* @__PURE__ */ jsx46(
       Image2,
       {
         alt: image.altText || `Picture of ${product.title}`,
@@ -9155,24 +9310,79 @@ var BundleImages = ({ products }) => {
       product.title
     );
     const showDelimiter = selected[0]?.id !== product.id;
-    return /* @__PURE__ */ jsx43(Fragment11, { children: product.selected && /* @__PURE__ */ jsxs26(Fragment12, { children: [
-      showDelimiter && /* @__PURE__ */ jsx43("li", { className: RebuyDynamicBundleProducts_default.bundleImageDelimiter, children: /* @__PURE__ */ jsx43("span", { children: "+" }) }),
-      /* @__PURE__ */ jsx43("li", { className: "flex items-center", children: product.default ? (
+    return /* @__PURE__ */ jsx46(Fragment11, { children: product.selected && /* @__PURE__ */ jsxs26(Fragment12, { children: [
+      showDelimiter && /* @__PURE__ */ jsx46("li", { className: RebuyDynamicBundleProducts_default.bundleImageDelimiter, children: /* @__PURE__ */ jsx46("span", { children: "+" }) }),
+      /* @__PURE__ */ jsx46("li", { className: "flex items-center", children: product.default ? (
         // Already on product page
         productImage
       ) : (
         // Link to product
-        /* @__PURE__ */ jsx43(Link2, { title: product.title, to: `/products/${product.handle}`, children: productImage })
+        /* @__PURE__ */ jsx46(
+          RebuyLink,
+          {
+            ariaLabel: `View ${product.title}`,
+            handle: `/products/${product.handle}`,
+            children: productImage
+          }
+        )
       ) })
     ] }) }, product.id + "-BundleImages-" + index);
   }) });
 };
 
+// src/widgets/RebuyDynamicBundleProducts/BundlePrice.tsx
+import { Money as Money4 } from "@shopify/hydrogen";
+import { jsx as jsx47, jsxs as jsxs27 } 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__ */ jsx47(Money4, { as: "span", className: RebuyDynamicBundleProducts_default.compareAtPrice, data: compareAtPrice2, withoutTrailingZeros: true });
+  };
+  return products.length > 0 && /* @__PURE__ */ jsx47("div", { className: "flex items-center flex-col", children: !isDisabled && /* @__PURE__ */ jsxs27("p", { className: "flex items-center gap-2 mb-2", children: [
+    /* @__PURE__ */ jsx47("span", { children: "Total Price:" }),
+    /* @__PURE__ */ jsx47(Money4, { as: "span", data: price, withoutTrailingZeros: true }),
+    isDiscounted(price, compareAtPrice) && /* @__PURE__ */ jsx47(CompareAtPrice, { data: compareAtPrice })
+  ] }) });
+};
+
 // src/widgets/RebuyDynamicBundleProducts/BundleSelection.tsx
 import clsx14 from "clsx";
 
 // src/widgets/RebuyDynamicBundleProducts/Select.tsx
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 var Select = ({ onSelectVariant, product }) => {
   const getOptionsLabel = (product2) => {
     const options = product2.variants.nodes[0].selectedOptions;
@@ -9181,30 +9391,30 @@ var Select = ({ onSelectVariant, product }) => {
     const useValues = optionsFromKeys.every((key) => ["name", "value"].includes(key));
     return (useValues ? optionsFromValues : optionsFromKeys).join(" / ");
   };
-  return product && /* @__PURE__ */ jsx44(
+  return product && /* @__PURE__ */ jsx48(
     "select",
     {
       "aria-label": "select variant",
       className: RebuyDynamicBundleProducts_default.select,
       onChange: (e) => onSelectVariant(product, e.target.value),
       value: product.selectedVariant.id,
-      children: /* @__PURE__ */ jsx44("optgroup", { label: getOptionsLabel(product), children: product.variants.nodes.map(({ id, title }) => /* @__PURE__ */ jsx44("option", { value: id, children: title }, id + "-BundleVariant")) })
+      children: /* @__PURE__ */ jsx48("optgroup", { label: getOptionsLabel(product), children: product.variants.nodes.map(({ id, title }) => /* @__PURE__ */ jsx48("option", { value: id, children: title }, id + "-BundleVariant")) })
     }
   );
 };
 
 // src/widgets/RebuyDynamicBundleProducts/BundleSelection.tsx
-import { jsx as jsx45, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs28 } from "react/jsx-runtime";
 var BundleSelection = ({ onSelectVariant, onToggleBundleItem, products }) => {
-  return /* @__PURE__ */ jsx45("ul", { children: products.map((product, index) => {
+  return /* @__PURE__ */ jsx49("ul", { children: products.map((product, index) => {
     const { availableForSale } = product.selectedVariant;
     const isOutOfStock = !availableForSale;
-    return /* @__PURE__ */ jsx45(
+    return /* @__PURE__ */ jsx49(
       "li",
       {
         className: clsx14(RebuyDynamicBundleProducts_default.bundleItemRowContainer, !product.selected && RebuyDynamicBundleProducts_default.unselected),
-        children: /* @__PURE__ */ jsxs27("div", { className: RebuyDynamicBundleProducts_default.bundleItemRow, children: [
-          /* @__PURE__ */ jsx45(
+        children: /* @__PURE__ */ jsxs28("div", { className: RebuyDynamicBundleProducts_default.bundleItemRow, children: [
+          /* @__PURE__ */ jsx49(
             "input",
             {
               checked: product.selected && availableForSale,
@@ -9216,14 +9426,14 @@ var BundleSelection = ({ onSelectVariant, onToggleBundleItem, products }) => {
               value: product.id
             }
           ),
-          /* @__PURE__ */ jsxs27("div", { className: RebuyDynamicBundleProducts_default.bundleItemInput, children: [
-            /* @__PURE__ */ jsxs27("label", { className: RebuyDynamicBundleProducts_default.bundleItemLabel, htmlFor: `${product.id}-toggle`, children: [
-              isOutOfStock && /* @__PURE__ */ jsx45("b", { children: "SOLD OUT" }),
-              product.default && /* @__PURE__ */ jsx45("b", { children: "This item:" }),
+          /* @__PURE__ */ jsxs28("div", { className: RebuyDynamicBundleProducts_default.bundleItemInput, children: [
+            /* @__PURE__ */ jsxs28("label", { className: RebuyDynamicBundleProducts_default.bundleItemLabel, htmlFor: `${product.id}-toggle`, children: [
+              isOutOfStock && /* @__PURE__ */ jsx49("b", { children: "SOLD OUT" }),
+              product.default && /* @__PURE__ */ jsx49("b", { children: "This item:" }),
               product.title,
-              /* @__PURE__ */ jsx45(RebuyProductPrice, { selectedVariant: product.selectedVariant })
+              /* @__PURE__ */ jsx49(RebuyProductPrice, { selectedVariant: product.selectedVariant })
             ] }),
-            product.variants.nodes.length > 1 && /* @__PURE__ */ jsx45(Select, { onSelectVariant, product })
+            product.variants.nodes.length > 1 && /* @__PURE__ */ jsx49(Select, { onSelectVariant, product })
           ] })
         ] })
       },
@@ -9232,67 +9442,18 @@ var BundleSelection = ({ onSelectVariant, onToggleBundleItem, products }) => {
   }) });
 };
 
-// src/widgets/RebuyDynamicBundleProducts/BundlePrice.tsx
-import { Money as Money4 } from "@shopify/hydrogen";
-import { jsx as jsx46, jsxs as jsxs28 } 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__ */ jsx46(Money4, { as: "span", className: RebuyDynamicBundleProducts_default.compareAtPrice, data: compareAtPrice2, withoutTrailingZeros: true });
-  };
-  return products.length > 0 && /* @__PURE__ */ jsx46("div", { className: "flex items-center flex-col", children: !isDisabled && /* @__PURE__ */ jsxs28("p", { className: "flex items-center gap-2 mb-2", children: [
-    /* @__PURE__ */ jsx46("span", { children: "Total Price:" }),
-    /* @__PURE__ */ jsx46(Money4, { as: "span", data: price, withoutTrailingZeros: true }),
-    isDiscounted(price, compareAtPrice) && /* @__PURE__ */ jsx46(CompareAtPrice, { data: compareAtPrice })
-  ] }) });
-};
-
 // src/widgets/RebuyDynamicBundleProducts/RebuyDynamicBundleProducts.tsx
-import { jsx as jsx47, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs29 } from "react/jsx-runtime";
 var RebuyDynamicBundleProducts = (props) => {
   const {
     addToCartBtnText = "Add to cart",
     addToCartCallback,
-    customTitle = `These pair with ${props.product?.title}`,
+    customTitle = `These pair with {product_title}`,
     customTitleLevel = "h2",
-    customTitleStyle,
-    isHydrogenReact,
-    product,
-    products = []
+    customTitleStyle
   } = props;
+  const { isHydrogenReact, product, products } = useRebuyWidget();
+  const productTitle = customTitle.replace("{product_title}", product?.title ?? "");
   const [bundleProducts, setBundleProducts] = useState22([]);
   useEffect23(() => {
     const mainProduct = convertToRebuyProduct(isHydrogenReact || false, product);
@@ -9328,11 +9489,11 @@ var RebuyDynamicBundleProducts = (props) => {
     return null;
   }
   return /* @__PURE__ */ jsxs29("section", { className: RebuyDynamicBundleProducts_default.container, children: [
-    /* @__PURE__ */ jsx47(Title, { level: getTitleLevel(customTitleLevel), style: customTitleStyle, text: customTitle }),
+    /* @__PURE__ */ jsx50(Title, { level: getTitleLevel(customTitleLevel), style: customTitleStyle, text: productTitle }),
     /* @__PURE__ */ jsxs29("div", { className: RebuyDynamicBundleProducts_default.bundleContainer, children: [
-      /* @__PURE__ */ jsx47(BundleImages, { products: bundleProducts }),
-      /* @__PURE__ */ jsx47(BundlePrice, { products: bundleProducts }),
-      /* @__PURE__ */ jsx47("div", { className: RebuyDynamicBundleProducts_default.addCartBtnContainer, children: /* @__PURE__ */ jsx47(
+      /* @__PURE__ */ jsx50(BundleImages, { products: bundleProducts }),
+      /* @__PURE__ */ jsx50(BundlePrice, { products: bundleProducts }),
+      /* @__PURE__ */ jsx50("div", { className: RebuyDynamicBundleProducts_default.addCartBtnContainer, children: /* @__PURE__ */ jsx50(
         AddToCartBtn,
         {
           addToCartBtnText,
@@ -9344,7 +9505,7 @@ var RebuyDynamicBundleProducts = (props) => {
           })
         }
       ) }),
-      /* @__PURE__ */ jsx47(
+      /* @__PURE__ */ jsx50(
         BundleSelection,
         {
           onSelectVariant,
@@ -9362,14 +9523,13 @@ import { useCallback as useCallback16, useEffect as useEffect24, useState as use
 
 // src/widgets/RebuyProductAddOns/RebuyProductAddOnCard.tsx
 import { Image as Image3 } from "@shopify/hydrogen";
-import { Link as Link3 } from "react-router";
 
 // src/widgets/RebuyProductAddOns/RebuyProductAddOns.module.css
 var result25 = { "container": "RebuyProductAddOns_container", "productAddOnsList": "RebuyProductAddOns_productAddOnsList", "addOnCard": "RebuyProductAddOns_addOnCard", "addOnCardContent": "RebuyProductAddOns_addOnCardContent", "addOnCardInput": "RebuyProductAddOns_addOnCardInput", "addOnCardContentImage": "RebuyProductAddOns_addOnCardContentImage", "addOnCardOutOfStock": "RebuyProductAddOns_addOnCardOutOfStock", "addOnCardTextContent": "RebuyProductAddOns_addOnCardTextContent", "addOnCardLearnMore": "RebuyProductAddOns_addOnCardLearnMore", "addCartBtnContainer": "RebuyProductAddOns_addCartBtnContainer", "productAddOnsFooter": "RebuyProductAddOns_productAddOnsFooter", "moneyContainer": "RebuyProductAddOns_moneyContainer" };
 var RebuyProductAddOns_default = result25;
 
 // src/widgets/RebuyProductAddOns/RebuyProductAddOnCard.tsx
-import { jsx as jsx48, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs30 } from "react/jsx-runtime";
 var RebuyProductAddOnCard = ({
   handleChange,
   learnMoreText,
@@ -9378,8 +9538,8 @@ var RebuyProductAddOnCard = ({
   titleLevel
 }) => {
   const { availableForSale, image } = product.selectedVariant || {};
-  return /* @__PURE__ */ jsx48("label", { className: RebuyProductAddOns_default.addOnCard, htmlFor: product.id, children: /* @__PURE__ */ jsxs30("div", { className: RebuyProductAddOns_default.addOnCardContent, children: [
-    /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx51("label", { className: RebuyProductAddOns_default.addOnCard, htmlFor: product.id, children: /* @__PURE__ */ jsxs30("div", { className: RebuyProductAddOns_default.addOnCardContent, children: [
+    /* @__PURE__ */ jsx51(
       "input",
       {
         checked: Boolean(product.selected),
@@ -9392,7 +9552,7 @@ var RebuyProductAddOnCard = ({
         value: ""
       }
     ),
-    /* @__PURE__ */ jsx48("div", { className: RebuyProductAddOns_default.addOnCardContentImage, children: image && /* @__PURE__ */ jsx48(
+    /* @__PURE__ */ jsx51("div", { className: RebuyProductAddOns_default.addOnCardContentImage, children: image && /* @__PURE__ */ jsx51(
       Image3,
       {
         alt: image.altText || `Picture of ${product.title}`,
@@ -9402,35 +9562,44 @@ var RebuyProductAddOnCard = ({
       }
     ) }),
     /* @__PURE__ */ jsxs30("div", { className: RebuyProductAddOns_default.addOnCardTextContent, children: [
-      !availableForSale && /* @__PURE__ */ jsx48("p", { className: RebuyProductAddOns_default.addOnCardOutOfStock, children: outOfStockText }),
-      /* @__PURE__ */ jsx48(Title, { level: titleLevel, text: product.title }),
-      /* @__PURE__ */ jsx48(RebuyProductPrice, { selectedVariant: product.selectedVariant }),
-      /* @__PURE__ */ jsx48(Link3, { className: RebuyProductAddOns_default.addOnCardLearnMore, to: `/products/${product.handle}`, children: learnMoreText })
+      !availableForSale && /* @__PURE__ */ jsx51("p", { className: RebuyProductAddOns_default.addOnCardOutOfStock, children: outOfStockText }),
+      /* @__PURE__ */ jsx51(Title, { level: titleLevel, text: product.title }),
+      /* @__PURE__ */ jsx51(RebuyProductPrice, { selectedVariant: product.selectedVariant }),
+      /* @__PURE__ */ jsx51(
+        RebuyLink,
+        {
+          ariaLabel: `View ${product.title}`,
+          className: RebuyProductAddOns_default.addOnCardLearnMore,
+          handle: `/products/${product.handle}`,
+          children: learnMoreText
+        }
+      )
     ] })
   ] }) });
 };
 
 // src/widgets/RebuyProductAddOns/RebuyProductAddOns.tsx
-import { jsx as jsx49, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs31 } from "react/jsx-runtime";
 var RebuyProductAddOns = (props) => {
   const {
+    addToCartBtnText = "Add to cart",
     addToCartCallback,
-    customTitle = `These pair with ${props.product?.title}`,
+    customTitle = `These pair with {product_title}`,
     customTitleLevel = "h2",
     customTitleStyle,
     includeMainProduct = false,
-    isHydrogenReact,
     learnMoreText = "Learn more",
     outOfStockText = "Out of stock",
-    product,
-    products = [],
-    addToCartBtnText = "Add to cart",
     subtotalText = "Add-ons Subtotal: ",
-    withProductText = `With ${product?.title}: `
+    withProductText = `With {product_title}: `
   } = props;
+  const { isHydrogenReact, product, products } = useRebuyWidget();
+  const productTitleClean = customTitle.replace("{product_title}", product?.title ?? "");
+  const withProductTextClean = withProductText.replace("{product_title}", product?.title ?? "");
   const [addedItems, setAddedItems] = useState23(products);
   const [subtotalWithProduct, setSubtotalWithProduct] = useState23();
   const [subtotalWithOutProduct, setSubtotalWithOutProduct] = useState23();
+  const convertedProduct = convertToRebuyProduct(isHydrogenReact || false, product);
   useEffect24(() => {
     let initialTotal = 0;
     let currencyCode = "USD";
@@ -9449,14 +9618,14 @@ var RebuyProductAddOns = (props) => {
     setSubtotalWithOutProduct({
       amount: String(
         initialTotal - Number(
-          isHydrogenReact ? product?.selectedVariant?.price.amount : product?.selectedOrFirstAvailableVariant?.price.amount
+          isHydrogenReact ? convertedProduct?.selectedVariant?.priceV2?.amount : product?.selectedOrFirstAvailableVariant?.price.amount
         )
       ),
       currencyCode
     });
     setAddedItems(products);
     if (includeMainProduct) {
-      setAddedItems([convertToRebuyProduct(isHydrogenReact || false, product), ...products]);
+      setAddedItems([convertedProduct, ...products]);
     } else {
       setAddedItems(products);
     }
@@ -9496,7 +9665,7 @@ var RebuyProductAddOns = (props) => {
     setSubtotalWithOutProduct({
       amount: String(
         total - Number(
-          isHydrogenReact ? product?.selectedVariant?.price.amount : product?.selectedOrFirstAvailableVariant?.price.amount
+          isHydrogenReact ? convertedProduct?.selectedVariant?.priceV2?.amount : product?.selectedOrFirstAvailableVariant?.price.amount
         )
       ),
       currencyCode
@@ -9507,8 +9676,8 @@ var RebuyProductAddOns = (props) => {
     return null;
   }
   return /* @__PURE__ */ jsxs31("div", { className: RebuyProductAddOns_default.container, children: [
-    /* @__PURE__ */ jsx49(Title, { level: getTitleLevel(customTitleLevel), style: customTitleStyle, text: customTitle }),
-    /* @__PURE__ */ jsx49("ul", { className: RebuyProductAddOns_default.productAddOnsList, children: products.map((product2) => /* @__PURE__ */ jsx49("li", { children: /* @__PURE__ */ jsx49(
+    /* @__PURE__ */ jsx52(Title, { level: getTitleLevel(customTitleLevel), style: customTitleStyle, text: productTitleClean }),
+    /* @__PURE__ */ jsx52("ul", { className: RebuyProductAddOns_default.productAddOnsList, children: products.map((product2) => /* @__PURE__ */ jsx52("li", { children: /* @__PURE__ */ jsx52(
       RebuyProductAddOnCard,
       {
         handleChange,
@@ -9521,13 +9690,13 @@ var RebuyProductAddOns = (props) => {
     /* @__PURE__ */ jsxs31("div", { className: RebuyProductAddOns_default.productAddOnsFooter, children: [
       /* @__PURE__ */ jsxs31("div", { className: RebuyProductAddOns_default.moneyContainer, children: [
         subtotalText,
-        subtotalWithOutProduct && /* @__PURE__ */ jsx49(Money5, { data: subtotalWithOutProduct, withoutTrailingZeros: true })
+        subtotalWithOutProduct && /* @__PURE__ */ jsx52(Money5, { data: subtotalWithOutProduct, withoutTrailingZeros: true })
       ] }),
       includeMainProduct && /* @__PURE__ */ jsxs31("div", { className: RebuyProductAddOns_default.moneyContainer, children: [
-        withProductText,
-        subtotalWithProduct && /* @__PURE__ */ jsx49(Money5, { data: subtotalWithProduct, withoutTrailingZeros: true })
+        withProductTextClean,
+        subtotalWithProduct && /* @__PURE__ */ jsx52(Money5, { data: subtotalWithProduct, withoutTrailingZeros: true })
       ] }),
-      /* @__PURE__ */ jsx49("div", { className: RebuyProductAddOns_default.addCartBtnContainer, children: includeMainProduct ? /* @__PURE__ */ jsx49(
+      /* @__PURE__ */ jsx52("div", { className: RebuyProductAddOns_default.addCartBtnContainer, children: includeMainProduct ? /* @__PURE__ */ jsx52(
         AddToCartBtn,
         {
           addToCartBtnText,
@@ -9537,7 +9706,7 @@ var RebuyProductAddOns = (props) => {
           moneyData: subtotalWithProduct,
           selectedVariants: addedItems.map((item) => item.selectedVariant)
         }
-      ) : /* @__PURE__ */ jsx49(
+      ) : /* @__PURE__ */ jsx52(
         AddToCartBtn,
         {
           addToCartBtnText,
@@ -9557,32 +9726,33 @@ var result26 = { "container": "RebuyProductRecommendations_container", "productG
 var RebuyProductRecommendations_default = result26;
 
 // src/widgets/RebuyProductRecommendations/RebuyProductRecommendations.tsx
-import { jsx as jsx50, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs32 } from "react/jsx-runtime";
 var RebuyProductRecommendations = (props) => {
   const {
     addToCartBtnText = "Add to cart",
     addToCartCallback,
-    customTitle = `These pair with ${props.product?.title}`,
+    customTitle = `These pair with {product_title}`,
     customTitleLevel = "h2",
-    customTitleStyle,
-    products = []
+    customTitleStyle
   } = props;
+  const { isHydrogenReact, product, products } = useRebuyWidget();
+  const productTitle = customTitle.replace("{product_title}", product?.title ?? "");
   if (products.length === 0) {
     rebuyDebugLog.log("widget-product-recommendations" /* WIDGET_PRODUCT_RECOMMENDATIONS */, "RebuyProductRecommendations: No products found");
     return null;
   }
   return /* @__PURE__ */ jsxs32("section", { className: RebuyProductRecommendations_default.container, children: [
-    /* @__PURE__ */ jsx50(Title, { level: getTitleLevel(customTitleLevel), style: customTitleStyle, text: customTitle }),
-    /* @__PURE__ */ jsx50("ul", { className: RebuyProductRecommendations_default.productGrid, children: products.map((product) => /* @__PURE__ */ jsx50("li", { children: /* @__PURE__ */ jsx50(
+    /* @__PURE__ */ jsx53(Title, { level: getTitleLevel(customTitleLevel), style: customTitleStyle, text: productTitle }),
+    /* @__PURE__ */ jsx53("ul", { className: RebuyProductRecommendations_default.productGrid, children: products.map((product2) => /* @__PURE__ */ jsx53("li", { children: /* @__PURE__ */ jsx53(
       ProductCard,
       {
         addToCartBtnText,
         addToCartCallback,
-        isHydrogenReact: props.isHydrogenReact,
-        product,
+        isHydrogenReact,
+        product: product2,
         productCardTitleLevel: getTitleLevel(customTitleLevel, true)
       }
-    ) }, product.id)) })
+    ) }, product2.id)) })
   ] });
 };
 
@@ -9659,14 +9829,14 @@ var RebuyProductViewed = ({ ...props }) => {
 // src/widgets/RebuyRecentlyViewedProducts/RebuyRecentlyViewedProducts.tsx
 import { RebuyClient as RebuyClient5 } from "@rebuy/rebuy";
 import { flattenConnection as flattenConnection5 } from "@shopify/hydrogen";
-import { useContext as useContext5, useEffect as useEffect26, useMemo as useMemo23, useState as useState25 } from "react";
+import { useContext as useContext6, useEffect as useEffect26, useMemo as useMemo23, useState as useState25 } from "react";
 
 // src/widgets/RebuyRecentlyViewedProducts/RebuyRecentlyViewedProducts.module.css
 var result27 = { "rebuy-recently-viewed-products-container": "RebuyRecentlyViewedProducts_rebuy-recently-viewed-products-container", "product-grid": "RebuyRecentlyViewedProducts_product-grid" };
 var RebuyRecentlyViewedProducts_default = result27;
 
 // src/widgets/RebuyRecentlyViewedProducts/RebuyRecentlyViewedProducts.tsx
-import { jsx as jsx51, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs33 } from "react/jsx-runtime";
 var RebuyRecentlyViewedProducts = (props) => {
   const {
     addToCartBtnText = "Add to cart",
@@ -9680,7 +9850,7 @@ var RebuyRecentlyViewedProducts = (props) => {
   } = props;
   const { customerId, uuid } = useProductViewedStore();
   const { apiKey, loadingStatus: configLoadingStatus, rebuyConfig } = useRebuyConfig();
-  const rebuyContext = useContext5(RebuyContext);
+  const rebuyContext = useContext6(RebuyContext);
   const [rebuyApiClient, setRebuyApiClient] = useState25(null);
   const [initialized, setInitialized] = useState25(false);
   const [products, setProducts] = useState25([]);
@@ -9756,8 +9926,8 @@ var RebuyRecentlyViewedProducts = (props) => {
     return null;
   }
   return /* @__PURE__ */ jsxs33("div", { className: RebuyRecentlyViewedProducts_default["rebuy-recently-viewed-products-container"], children: [
-    /* @__PURE__ */ jsx51(Title, { level: getTitleLevel(customTitleLevel), style: customTitleStyle, text: customTitle }),
-    /* @__PURE__ */ jsx51("ul", { className: RebuyRecentlyViewedProducts_default["product-grid"], children: products?.map((product) => /* @__PURE__ */ jsx51("li", { children: /* @__PURE__ */ jsx51(
+    /* @__PURE__ */ jsx54(Title, { level: getTitleLevel(customTitleLevel), style: customTitleStyle, text: customTitle }),
+    /* @__PURE__ */ jsx54("ul", { className: RebuyRecentlyViewedProducts_default["product-grid"], children: products?.map((product) => /* @__PURE__ */ jsx54("li", { children: /* @__PURE__ */ jsx54(
       ProductCard,
       {
         addToCartBtnText,