@lime-bundles/react 7.0.0 → 7.1.0

package/README.md

@@ -43,6 +43,7 @@ Same props for `<VolumeBundle>` and `<MixMatchBundle>`.
 | `onError` | `(error: Error) => void` |  | Fires on fetch, parse, or cart failure. |
 | `locale` | `string` |  | BCP-47 tag forwarded to the Storefront API. |
 | `className` | `string` |  | Applied to the outer wrapper. |
+| `productId` | `string` |  | The product page the component is rendered on — full GID or bare numeric id. `<VolumeBundle>` prices and sells this product; without it, it falls back to the bundle's first product, so always pass it for bundles spanning more than one product. |
 
 `CartLineInput` matches Shopify Hydrogen's shape. A structural-compat test guards the contract across versions. Always preserve `attributes[]` so `_lime_bundle_gid` reaches Shopify; the `orders/create` webhook keys off it for purchase attribution.
 

package/dist/index.cjs

@@ -2336,7 +2336,8 @@ function VolumeBundle(props) {
     analyticsEnabled,
     onAddToCart,
     onError,
-    className
+    className,
+    productId
   } = props;
   const result = useBundleData({
     shopDomain,
@@ -2386,7 +2387,7 @@ function VolumeBundle(props) {
       );
     }
   }, [result, onError]);
-  const product = bundle?.products[0];
+  const product = bundle ? (0, import_core11.resolveContextProduct)(bundle.products, { productId }) : void 0;
   const variants = (0, import_react13.useMemo)(() => product?.variants.nodes ?? [], [product]);
   const optionNames = (0, import_react13.useMemo)(() => {
     const first = variants[0];