@active-reach/web-sdk 1.27.3 → 1.28.0

package/dist/index.js

@@ -1,5 +1,5 @@
-import { S as Storage, l as logger, A as Aegis } from "./analytics-0p0p56H0.mjs";
-import { B, E, N, R, U, m } from "./analytics-0p0p56H0.mjs";
+import { S as Storage, l as logger, A as Aegis } from "./analytics-CCDZCnut.mjs";
+import { B, E, N, R, U, m } from "./analytics-CCDZCnut.mjs";
 import { AegisWebPush } from "./push/AegisWebPush.js";
 function debounce(func, wait) {
   let timeoutId = null;
@@ -957,7 +957,7 @@ function renderCardFromTemplate(card, opts) {
     background:${frame.bg ? sanitizeColor(frame.bg) : "#ffffff"};
     border:1px solid ${frame.border ? sanitizeColor(frame.border) : "transparent"};
     border-radius:${radius}; padding:8px;
-    ${fLayout === "row" ? "" : "box-shadow:0 2px 10px rgba(0,0,0,0.12);"}
+    ${fLayout === "row" ? "" : "box-shadow:0 4px 16px rgba(0,0,0,0.18);"}
     ${frame.max_width ? `max-width:${frame.max_width}px;` : ""}${frame.min_width ? `min-width:${frame.min_width}px;` : ""}
     ${frame.height ? `height:${frame.height}px;` : ""}${frame.min_height ? `min-height:${frame.min_height}px;` : ""}
     ${sizing}
@@ -1256,7 +1256,8 @@ function renderCarouselCards(ctx) {
   track.style.cssText = `
     display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x proximity;
     scroll-padding-left: 0; scrollbar-width: none; -ms-overflow-style: none;
-    padding-bottom: 4px; -webkit-overflow-scrolling: touch;
+    /* room so overflow-x: auto doesn't clip the card drop-shadow */
+    padding: 8px 6px 16px; margin: -8px -6px -6px; -webkit-overflow-scrolling: touch;
   `;
   track.style.msOverflowStyle = "none";
   const template = resolveGlobalTemplate(ic);
@@ -1921,12 +1922,12 @@ function renderProductRecommendation(ctx) {
   if (layout === "row") {
     grid.style.cssText = `
       display: flex; gap: 10px; overflow-x: auto;
-      scroll-snap-type: x mandatory; padding: 14px 0 4px;
+      scroll-snap-type: x mandatory; padding: 14px 2px 18px;
     `;
   } else {
     grid.style.cssText = `
       display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;
-      padding-top: 14px;
+      padding: 14px 2px 6px;
     `;
   }
   cards.forEach((c) => {
@@ -1985,7 +1986,7 @@ function renderProductRecommendationInline(ctx, target) {
   } else {
     grid.style.cssText = `
       display: flex; gap: 10px; overflow-x: auto;
-      scroll-snap-type: x proximity; padding: 0 0 6px;
+      scroll-snap-type: x proximity; padding: 10px 8px 18px; margin: -8px -8px -6px;
       -webkit-overflow-scrolling: touch; scrollbar-width: none;
     `;
     grid.style.msOverflowStyle = "none";
@@ -11498,6 +11499,7 @@ class AegisWidgetManager {
     this.onEvent = config.onEvent;
     this.sourcePlatform = config.sourcePlatform;
     this.getWorkspaceId = config.getWorkspaceId;
+    this.onCartDetected = config.onCartDetected;
   }
   updateCSSCustomization(customization) {
     this.cssCustomization = { ...this.cssCustomization, ...customization };
@@ -11609,24 +11611,18 @@ class AegisWidgetManager {
     this.log("AegisWidgets initialized successfully");
   }
   setCartData(cartData) {
+    var _a;
     this.cartData = cartData;
     this.log(`Cart data updated: ${cartData.cart_items.length} items, total: ${cartData.cart_currency} ${cartData.cart_total}`);
+    (_a = this.onCartDetected) == null ? void 0 : _a.call(this, cartData);
   }
   detectPlatformCart() {
-    const shopifyCart = this.normalizeShopifyCart();
-    if (shopifyCart) {
-      this.log("Detected Shopify cart via browser globals");
-      return shopifyCart;
-    }
-    const wooCart = this.normalizeWooCart();
-    if (wooCart) {
-      this.log("Detected WooCommerce cart via injected data");
-      return wooCart;
-    }
-    const magentoCart = this.normalizeMagentoCart();
-    if (magentoCart) {
-      this.log("Detected Magento cart via localStorage");
-      return magentoCart;
+    var _a;
+    const detected = this.normalizeShopifyCart() ?? this.normalizeWooCart() ?? this.normalizeMagentoCart();
+    if (detected) {
+      this.log("Detected platform cart (Shopify/Woo/Magento)");
+      (_a = this.onCartDetected) == null ? void 0 : _a.call(this, detected);
+      return detected;
     }
     if (this.cartData) {
       this.log("Using manually set cart data");
@@ -13611,7 +13607,16 @@ class AegisMessageRuntime {
       ownsTriggerEngine,
       enablePrefetch: config.enableWidgetPrefetch !== false,
       sourcePlatform: config.sourcePlatform,
-      getWorkspaceId: config.getWorkspaceId
+      getWorkspaceId: config.getWorkspaceId,
+      // Cart-store unification: when the widget subsystem detects a platform
+      // cart (Shopify/Woo/Magento) or the host calls `widgets.setCartData`, flow
+      // it UP into the ONE cart store so the Free-Delivery card / progress bar /
+      // rule eval see the same cart. See CART_STORE_UNIFICATION_TRACKER.md.
+      onCartDetected: (cart) => this.applyCart({
+        total: cart.cart_total,
+        itemCount: Array.isArray(cart.cart_items) ? cart.cart_items.reduce((s, it) => s + (Number(it.quantity) || 1), 0) : 0,
+        currency: cart.cart_currency
+      })
     });
     this.inApp = new AegisInAppManager({
       writeKey: config.writeKey,
@@ -13781,11 +13786,31 @@ class AegisMessageRuntime {
    * feed for headless storefronts; prefer `updateContext` for new code.
    */
   setCartState(state) {
-    this.updateContext("cart", {
-      total: state.total,
-      items: state.itemCount,
-      currency: state.currency
-    });
+    this.applyCart(state);
+  }
+  /**
+   * The ONE cart writer. Normalizes any cart-ish shape and funnels it into the
+   * single `cart` context namespace (read by the Free-Delivery progress card,
+   * the progress-bar widget, and rule eval via the `cart_value` signal). EVERY
+   * cart feed routes through here: ecommerce events (`bindEcommerce`), platform
+   * auto-detect + `widgets.setCartData` (`onCartDetected`), and the explicit
+   * `setCartState` escape hatch. See CART_STORE_UNIFICATION_TRACKER.md.
+   */
+  applyCart(cart) {
+    const total = Number(cart.total) || 0;
+    const itemCount = Number(cart.itemCount ?? cart.items) || 0;
+    const currency = typeof cart.currency === "string" && cart.currency ? cart.currency : "INR";
+    this.updateContext("cart", { total, items: itemCount, currency });
+  }
+  /**
+   * Wire the analytics ecommerce tracker into the cart store — the CEP-standard
+   * path. After this, a host firing `aegis.ecommerce.addToCart(...)` /
+   * `cartViewed(...)` automatically drives every cart-reactive surface; no
+   * separate `setCartState` call is needed. Call once after constructing both
+   * the analytics SDK and the runtime. Idempotent.
+   */
+  bindEcommerce(tracker) {
+    tracker.onCartChange((c) => this.applyCart(c));
   }
   // --- Qualifying-event refresh facade (DLR Tracker 1 / P1, 2026-05-28) ---
   //