@lime-bundles/widget 4.6.0 → 4.6.2

package/dist/index.cjs

@@ -43,6 +43,8 @@ function intlFormatMoney(currencyCode) {
 }
 var BUNDLE_GID_ATTRIBUTE = "_lime_bundle_gid";
 var BUNDLE_TYPE_ATTRIBUTE = "_lime_bundle_type";
+var BUNDLE_ROLE_ATTRIBUTE = "_lime_bundle_role";
+var BUNDLE_ROLE_GET = "get";
 function bundleLineAttributes(bundleGid, bundleType) {
   return [
     { key: BUNDLE_GID_ATTRIBUTE, value: bundleGid },
@@ -3170,7 +3172,8 @@ function buildBogoCartItems(sides, percent, buyQty, getQty) {
     {
       variantId: Number(sides[1].selectedVariantId),
       quantity: getQty,
-      priceCents: getPriceCents
+      priceCents: getPriceCents,
+      attributes: [{ key: BUNDLE_ROLE_ATTRIBUTE, value: BUNDLE_ROLE_GET }]
     }
   ];
 }
@@ -3195,18 +3198,20 @@ function renderBogoBundle(container, bundle, onAddToCart, onCleanup) {
     productQuantities: bundle.productQuantities,
     variantQuantities: bundle.variantQuantities
   };
+  const buyAllowed = bundle.buyVariantIds?.length ? bundle.buyVariantIds : null;
+  const getAllowed = bundle.getVariantIds?.length ? bundle.getVariantIds : null;
   const sides = [
     {
       ...adaptProduct(buyProduct, bundle.id, {
         quantities,
-        allowedVariantIds: bundle.selectedVariantIds?.[0] ?? null
+        allowedVariantIds: buyAllowed
       }),
       role: "buy"
     },
     {
       ...adaptProduct(getProduct, bundle.id, {
         quantities,
-        allowedVariantIds: bundle.selectedVariantIds?.[1] ?? null
+        allowedVariantIds: getAllowed
       }),
       role: "get"
     }
@@ -3268,7 +3273,12 @@ function renderBogoBundle(container, bundle, onAddToCart, onCleanup) {
         buildBogoCartItems(sides, percent, buyQty, getQty).map((item) => ({
           merchandiseId: "gid://shopify/ProductVariant/" + item.variantId,
           quantity: item.quantity,
-          attributes: bundleLineAttributes(bundle.id, bundle.bundleType)
+          // Per-line extras (the reward marker) on top of the attribution
+          // every line carries.
+          attributes: [
+            ...bundleLineAttributes(bundle.id, bundle.bundleType),
+            ...item.attributes ?? []
+          ]
         }))
       );
     });
@@ -4352,8 +4362,10 @@ var BUNDLE_BASE_CSS = `/* Lime Bundles \u2014 shared base styles for all bundle
      internally (with the .lb-edge-fade treatment) when content exceeds
      this. */
   --lb-list-max-height: 360px;
-  /* Depth of the soft fade at a scroll list's clipped edge. */
-  --lb-edge-fade-size: 20px;
+  /* Depth of the soft fade at a scroll list's clipped edge. Sized to dim
+     roughly half of the peeking product row (~90px tall): at 20px shoppers
+     read the cut as the end of the list and missed the products below. */
+  --lb-edge-fade-size: 48px;
   /* Derived "small" corner radius for chips and badges \u2014 the low-stock badge,
      the volume tier badge, the multi-step count chip. Controls and media
      (thumbnails, selects, steppers, buttons) take the full --lb-radius: they

package/dist/index.js

@@ -37,6 +37,8 @@ function intlFormatMoney(currencyCode) {
 }
 var BUNDLE_GID_ATTRIBUTE = "_lime_bundle_gid";
 var BUNDLE_TYPE_ATTRIBUTE = "_lime_bundle_type";
+var BUNDLE_ROLE_ATTRIBUTE = "_lime_bundle_role";
+var BUNDLE_ROLE_GET = "get";
 function bundleLineAttributes(bundleGid, bundleType) {
   return [
     { key: BUNDLE_GID_ATTRIBUTE, value: bundleGid },
@@ -3176,7 +3178,8 @@ function buildBogoCartItems(sides, percent, buyQty, getQty) {
     {
       variantId: Number(sides[1].selectedVariantId),
       quantity: getQty,
-      priceCents: getPriceCents
+      priceCents: getPriceCents,
+      attributes: [{ key: BUNDLE_ROLE_ATTRIBUTE, value: BUNDLE_ROLE_GET }]
     }
   ];
 }
@@ -3201,18 +3204,20 @@ function renderBogoBundle(container, bundle, onAddToCart, onCleanup) {
     productQuantities: bundle.productQuantities,
     variantQuantities: bundle.variantQuantities
   };
+  const buyAllowed = bundle.buyVariantIds?.length ? bundle.buyVariantIds : null;
+  const getAllowed = bundle.getVariantIds?.length ? bundle.getVariantIds : null;
   const sides = [
     {
       ...adaptProduct(buyProduct, bundle.id, {
         quantities,
-        allowedVariantIds: bundle.selectedVariantIds?.[0] ?? null
+        allowedVariantIds: buyAllowed
       }),
       role: "buy"
     },
     {
       ...adaptProduct(getProduct, bundle.id, {
         quantities,
-        allowedVariantIds: bundle.selectedVariantIds?.[1] ?? null
+        allowedVariantIds: getAllowed
       }),
       role: "get"
     }
@@ -3274,7 +3279,12 @@ function renderBogoBundle(container, bundle, onAddToCart, onCleanup) {
         buildBogoCartItems(sides, percent, buyQty, getQty).map((item) => ({
           merchandiseId: "gid://shopify/ProductVariant/" + item.variantId,
           quantity: item.quantity,
-          attributes: bundleLineAttributes(bundle.id, bundle.bundleType)
+          // Per-line extras (the reward marker) on top of the attribution
+          // every line carries.
+          attributes: [
+            ...bundleLineAttributes(bundle.id, bundle.bundleType),
+            ...item.attributes ?? []
+          ]
         }))
       );
     });
@@ -4361,8 +4371,10 @@ var BUNDLE_BASE_CSS = `/* Lime Bundles \u2014 shared base styles for all bundle
      internally (with the .lb-edge-fade treatment) when content exceeds
      this. */
   --lb-list-max-height: 360px;
-  /* Depth of the soft fade at a scroll list's clipped edge. */
-  --lb-edge-fade-size: 20px;
+  /* Depth of the soft fade at a scroll list's clipped edge. Sized to dim
+     roughly half of the peeking product row (~90px tall): at 20px shoppers
+     read the cut as the end of the list and missed the products below. */
+  --lb-edge-fade-size: 48px;
   /* Derived "small" corner radius for chips and badges \u2014 the low-stock badge,
      the volume tier badge, the multi-step count chip. Controls and media
      (thumbnails, selects, steppers, buttons) take the full --lb-radius: they