@lime-bundles/react 7.0.0 → 7.1.0

package/dist/index.d.cts

@@ -51,6 +51,14 @@ interface BundleComponentProps {
      * `marketIds` doesn't include this market.
      */
     marketId?: string;
+    /**
+     * The product page this component is rendered on — full GID
+     * (`gid://shopify/Product/123`) or bare numeric id. Multi-product
+     * renderers (`<VolumeBundle>`) price and sell this product; without it
+     * they fall back to the bundle's first product, so any bundle spanning
+     * more than one product should pass it.
+     */
+    productId?: string;
 }
 
 declare function FixedBundle(props: BundleComponentProps): react_jsx_runtime.JSX.Element | null;

package/dist/index.d.ts

@@ -51,6 +51,14 @@ interface BundleComponentProps {
      * `marketIds` doesn't include this market.
      */
     marketId?: string;
+    /**
+     * The product page this component is rendered on — full GID
+     * (`gid://shopify/Product/123`) or bare numeric id. Multi-product
+     * renderers (`<VolumeBundle>`) price and sell this product; without it
+     * they fall back to the bundle's first product, so any bundle spanning
+     * more than one product should pass it.
+     */
+    productId?: string;
 }
 
 declare function FixedBundle(props: BundleComponentProps): react_jsx_runtime.JSX.Element | null;

package/dist/index.js

@@ -2309,6 +2309,7 @@ import {
   resolveDefaultTierIndex,
   resolvePopularTierIndex,
   isVariantFulfillable as isVariantFulfillable4,
+  resolveContextProduct,
   shouldShowLowStockBadge as shouldShowLowStockBadge2
 } from "@lime-bundles/core";
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
@@ -2321,7 +2322,8 @@ function VolumeBundle(props) {
     analyticsEnabled,
     onAddToCart,
     onError,
-    className
+    className,
+    productId
   } = props;
   const result = useBundleData({
     shopDomain,
@@ -2371,7 +2373,7 @@ function VolumeBundle(props) {
       );
     }
   }, [result, onError]);
-  const product = bundle?.products[0];
+  const product = bundle ? resolveContextProduct(bundle.products, { productId }) : void 0;
   const variants = useMemo7(() => product?.variants.nodes ?? [], [product]);
   const optionNames = useMemo7(() => {
     const first = variants[0];