@active-reach/web-sdk 1.40.0 → 1.41.0

package/dist/index.js

@@ -5037,22 +5037,35 @@ class TriggerEngine {
       callbacks.delete(callback);
     }
   }
+  // A register* call after start() takes effect at once: in-app campaigns
+  // (and so their triggers) arrive after the engine is already running.
   registerScrollDepth(depthPercent) {
+    const firstTarget = this.scrollDepthTargets.size === 0;
     this.scrollDepthTargets.add(depthPercent);
+    if (!this.isStarted) return;
+    if (firstTarget) {
+      this.attachScrollListener();
+    } else {
+      this.handleScroll();
+    }
   }
   registerTimeOnPage(seconds) {
     if (!this.timeOnPageTargets.has(seconds)) {
+      const elapsedMs = this.isStarted && this.pageLoadTime ? Date.now() - this.pageLoadTime : 0;
       const timerId = window.setTimeout(() => {
         this.emit(`time_on_page_${seconds}`, {
           seconds,
           page_url: redactUrl(window.location.href)
         });
         this.timeOnPageTargets.delete(seconds);
-      }, seconds * 1e3);
+      }, Math.max(0, seconds * 1e3 - elapsedMs));
       this.timeOnPageTargets.set(seconds, timerId);
     }
   }
   registerExitIntent() {
+    if (this.isStarted && !this.exitIntentEnabled) {
+      this.attachExitIntentListener();
+    }
     this.exitIntentEnabled = true;
   }
   registerInactivity(idleSeconds) {
@@ -5064,13 +5077,16 @@ class TriggerEngine {
             idle_seconds: idleSeconds,
             actual_idle_time: idleTime
           });
+          this.inactivityTargets.delete(idleSeconds);
         }
-        this.inactivityTargets.delete(idleSeconds);
       }, idleSeconds * 1e3);
       this.inactivityTargets.set(idleSeconds, timerId);
     }
   }
   registerScrollVelocity(config) {
+    if (this.isStarted && !this.scrollVelocityEnabled) {
+      this.attachScrollVelocityListener();
+    }
     this.scrollVelocityEnabled = true;
     if (config) {
       this.scrollVelocityConfig = {
@@ -6013,6 +6029,70 @@ function markReturningVisitor() {
   } catch {
   }
 }
+const DEFAULT_SCROLL_DEPTH_PERCENT = 50;
+const DEFAULT_TIME_ON_PAGE_SECONDS = 30;
+const DEFAULT_IDLE_SECONDS = 30;
+function positiveNumber(raw, fallback) {
+  const n = Number(raw);
+  return Number.isFinite(n) && n > 0 ? n : fallback;
+}
+function behaviouralTriggerEvent(trigger) {
+  if (!trigger) return null;
+  const cfg = trigger.config || {};
+  switch (trigger.type) {
+    case "exit_intent":
+      return "exit_intent";
+    case "scroll_depth":
+      return `scroll_depth_${positiveNumber(cfg.depth_percent, DEFAULT_SCROLL_DEPTH_PERCENT)}`;
+    case "time_on_page":
+      return `time_on_page_${positiveNumber(cfg.seconds, DEFAULT_TIME_ON_PAGE_SECONDS)}`;
+    case "inactivity":
+      return `inactivity_${positiveNumber(cfg.idle_seconds, DEFAULT_IDLE_SECONDS)}`;
+    default:
+      return null;
+  }
+}
+function triggerFromEngineEvent(eventName) {
+  if (eventName === "exit_intent") return { type: "exit_intent" };
+  const match = /^(inactivity|time_on_page|scroll_depth)_(\d+)$/.exec(eventName);
+  if (!match) return null;
+  const n = Number(match[2]);
+  if (match[1] === "inactivity") return { type: "inactivity", config: { idle_seconds: n } };
+  if (match[1] === "time_on_page") return { type: "time_on_page", config: { seconds: n } };
+  return { type: "scroll_depth", config: { depth_percent: n } };
+}
+function armBehaviouralTriggers(engine, triggers, armed, fire, isMobile) {
+  const newlyArmed = [];
+  for (const trigger of triggers) {
+    const eventName = behaviouralTriggerEvent(trigger);
+    if (!eventName || armed.has(eventName)) continue;
+    armed.add(eventName);
+    newlyArmed.push(eventName);
+    const cfg = trigger.config || {};
+    switch (trigger.type) {
+      case "exit_intent":
+        if (isMobile) {
+          engine.registerScrollVelocity();
+          engine.on("mobile_exit_intent", () => fire("exit_intent"));
+        } else {
+          engine.registerExitIntent();
+          engine.on("exit_intent", () => fire("exit_intent"));
+        }
+        continue;
+      case "scroll_depth":
+        engine.registerScrollDepth(positiveNumber(cfg.depth_percent, DEFAULT_SCROLL_DEPTH_PERCENT));
+        break;
+      case "time_on_page":
+        engine.registerTimeOnPage(positiveNumber(cfg.seconds, DEFAULT_TIME_ON_PAGE_SECONDS));
+        break;
+      case "inactivity":
+        engine.registerInactivity(positiveNumber(cfg.idle_seconds, DEFAULT_IDLE_SECONDS));
+        break;
+    }
+    engine.on(eventName, () => fire(eventName));
+  }
+  return newlyArmed;
+}
 function readAnonIdFromStorage$1() {
   if (typeof document === "undefined") return void 0;
   try {
@@ -6108,7 +6188,6 @@ const _AegisInAppManager = class _AegisInAppManager {
     this.propertyId = config.propertyId;
     this.debugMode = config.debugMode || false;
     this.enableSSE = config.enableSSE === true;
-    this.onInteractiveCampaign = config.onInteractiveCampaign;
     this.onActionHandler = config.onAction;
     if (config.productUrl) this.productUrl = config.productUrl;
     this.getWorkspaceId = config.getWorkspaceId;
@@ -9036,6 +9115,9 @@ const _AegisInAppManager = class _AegisInAppManager {
    *                       matches config.product_id (string or string[])
    *   - `delay`         : client-side setTimeout — evaluated at armeng
    *                       time (kicked off from `displayCampaign`), not here.
+   *   - `exit_intent` / `scroll_depth` / `time_on_page` / `inactivity` : the
+   *                       TriggerEngine event named by `behaviouralTriggerEvent`;
+   *                       AegisMessageRuntime arms the engine and forwards it.
    */
   onClientEvent(eventName, eventData = {}) {
     for (const c of this.campaigns) {
@@ -9065,8 +9147,10 @@ const _AegisInAppManager = class _AegisInAppManager {
         );
         return wanted.includes(actual);
       }
-      default:
-        return false;
+      default: {
+        const behavioural = behaviouralTriggerEvent(trigger);
+        return behavioural !== null && behavioural === eventName;
+      }
     }
   }
   displayCampaign(campaign) {
@@ -9290,11 +9374,7 @@ const _AegisInAppManager = class _AegisInAppManager {
         break;
       case "spin_wheel":
       case "scratch_card":
-        if (this.onInteractiveCampaign) {
-          this.onInteractiveCampaign(campaign);
-        } else {
-          this.renderGamificationOverlay(campaign, ic, bg, text);
-        }
+        this.renderGamificationOverlay(campaign, ic, bg, text);
         break;
       default:
         this.log(`Unknown interactive sub_type: ${campaign.sub_type}`, "warn");
@@ -13275,39 +13355,6 @@ class AegisWidgetManager {
       this.preloadWidgetAssets();
     }
   }
-  /**
-   * Render an in-app campaign whose sub_type routes it to the
-   * gamification-widget code path (spin_wheel / scratch_card).
-   * InAppCampaign is adapted to the minimal WidgetConfig shape that
-   * the internal renderers already understand — no rewrite needed.
-   *
-   * AegisMessageRuntime wires this method as AegisInAppManager's
-   * `onInteractiveCampaign` callback so impressions from the inbox
-   * prefetch bundle actually land on screen.
-   */
-  renderInteractiveCampaign(campaign) {
-    if (this.isDestroyed) return;
-    if (typeof document === "undefined") return;
-    const subType = campaign.sub_type;
-    if (subType !== "spin_wheel" && subType !== "scratch_card") {
-      this.log(`renderInteractiveCampaign: unsupported sub_type "${subType}"`, true);
-      return;
-    }
-    const widget = {
-      widget_id: campaign.id,
-      widget_type: subType,
-      name: campaign.title,
-      config: campaign.interactive_config ?? {},
-      priority: campaign.priority ?? 0
-    };
-    if (this.renderedWidgets.has(widget.widget_id)) return;
-    this.renderedWidgets.add(widget.widget_id);
-    if (subType === "spin_wheel") {
-      this.renderSpinWheel(widget);
-    } else {
-      this.renderScratchCard(widget);
-    }
-  }
   /**
    * Tear down everything the manager installed: trigger listeners (if
    * we own the TriggerEngine), injected style sheets, and any rendered
@@ -13483,15 +13530,6 @@ class AegisWidgetManager {
           this.log(`Preloading exit intent image: ${imageUrl}`);
         }
       }
-      const spinWheelConfig = this.prefetchWidgetConfigs.spin_wheel;
-      if (spinWheelConfig == null ? void 0 : spinWheelConfig.enabled) {
-        const imageUrl = spinWheelConfig.image_url;
-        if (imageUrl) {
-          const img = new Image();
-          img.src = imageUrl;
-          this.log(`Preloading spin wheel image: ${imageUrl}`);
-        }
-      }
     } catch (error) {
       this.log(`Error preloading widget assets: ${error}`, true);
     }
@@ -13588,67 +13626,7 @@ class AegisWidgetManager {
     if (!this.enablePrefetch || !this.triggerEngine) {
       return;
     }
-    const spinWheelConfig = this.prefetchWidgetConfigs.spin_wheel;
     const exitIntentConfig = this.prefetchWidgetConfigs.exit_intent;
-    if (spinWheelConfig && spinWheelConfig.enabled) {
-      const isMobile2 = this.isMobileDevice();
-      const mobileConfig2 = (exitIntentConfig == null ? void 0 : exitIntentConfig.mobile_triggers) || {};
-      const handleSpinWheelIntent = () => {
-        const widgetId = `prefetch_spin_wheel_${Date.now()}`;
-        if (this.renderedWidgets.has(widgetId)) {
-          return;
-        }
-        this.renderedWidgets.add(widgetId);
-        const detectedCart = this.detectPlatformCart();
-        if (spinWheelConfig.type === "cart_recovery" && detectedCart) {
-          this.cartData = detectedCart;
-          this.renderSpinWheelWidget(widgetId, spinWheelConfig);
-          this.sendCartAbandonmentBeacon();
-        } else if (spinWheelConfig.type === "lead_gen") {
-          this.renderSpinWheelWidget(widgetId, spinWheelConfig);
-        }
-      };
-      if (isMobile2) {
-        const scrollVelocityEnabled = mobileConfig2.scroll_velocity !== false;
-        if (scrollVelocityEnabled) {
-          this.triggerEngine.registerScrollVelocity({
-            threshold: mobileConfig2.scroll_threshold || 0.5,
-            minScrollPosition: mobileConfig2.scroll_min_position || 100,
-            cooldown: mobileConfig2.scroll_cooldown || 5e3
-          });
-          this.triggerEngine.on("mobile_exit_intent", handleSpinWheelIntent);
-          this.log("Registered mobile scroll velocity trigger for spin wheel");
-        }
-        const idleTimerEnabled = mobileConfig2.idle_timer !== false;
-        if (idleTimerEnabled) {
-          const idleSeconds = mobileConfig2.idle_seconds || 15;
-          this.triggerEngine.registerInactivity(idleSeconds);
-          this.triggerEngine.on(`inactivity_${idleSeconds}`, handleSpinWheelIntent);
-          this.log(`Registered mobile idle timer trigger for spin wheel: ${idleSeconds}s`);
-        }
-        const visibilityChangeEnabled = mobileConfig2.visibility_change !== false;
-        if (visibilityChangeEnabled) {
-          const detectedCart = this.detectPlatformCart();
-          if (detectedCart && detectedCart.cart_items && detectedCart.cart_items.length > 0) {
-            this.triggerEngine.registerVisibilityChange();
-            this.triggerEngine.on("visibility_hidden", handleSpinWheelIntent);
-            this.log("Registered mobile visibility change trigger for spin wheel (cart detected)");
-          }
-        }
-        const backButtonEnabled = mobileConfig2.back_button === true;
-        if (backButtonEnabled) {
-          this.triggerEngine.registerBackButton();
-          this.triggerEngine.on("back_button", handleSpinWheelIntent);
-          this.log("Registered mobile back button trigger for spin wheel");
-        }
-        this.log(`Setup mobile spin wheel: type=${spinWheelConfig.type}, priority=${spinWheelConfig.priority}`);
-      } else {
-        this.triggerEngine.registerExitIntent();
-        this.triggerEngine.on("exit_intent", handleSpinWheelIntent);
-        this.log(`Setup desktop spin wheel exit intent: type=${spinWheelConfig.type}, priority=${spinWheelConfig.priority}`);
-      }
-      return;
-    }
     if (!exitIntentConfig || !exitIntentConfig.enabled) {
       this.log("No exit intent config found in prefetch");
       return;
@@ -13765,12 +13743,6 @@ class AegisWidgetManager {
       case "chat_bubble":
         this.renderChatBubble(widget);
         break;
-      case "spin_wheel":
-        this.renderSpinWheel(widget);
-        break;
-      case "scratch_card":
-        this.renderScratchCard(widget);
-        break;
       case "toast":
         this.renderToast(widget);
         break;
@@ -13839,531 +13811,6 @@ class AegisWidgetManager {
     bubble.setAttribute("data-aegis-widget-root", "");
     document.body.appendChild(bubble);
   }
-  renderSpinWheel(widget) {
-    const overlay = document.createElement("div");
-    overlay.className = "aegis-gamification-overlay";
-    overlay.setAttribute("data-widget-id", widget.widget_id);
-    overlay.style.cssText = `
-      position: fixed;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      background: rgba(0, 0, 0, 0.7);
-      z-index: 1000000;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      animation: aegisFadeIn 0.3s ease-out;
-    `;
-    const modal = document.createElement("div");
-    modal.className = "aegis-spin-wheel-modal";
-    modal.style.cssText = `
-      background: white;
-      border-radius: 16px;
-      padding: 32px;
-      max-width: 500px;
-      width: 90%;
-      box-shadow: 0 10px 40px rgba(0,0,0,0.3);
-      text-align: center;
-      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
-      animation: aegisScaleIn 0.3s ease-out;
-    `;
-    const title = document.createElement("h2");
-    title.textContent = widget.config.title || "Spin to Win!";
-    title.style.cssText = "margin: 0 0 16px 0; font-size: 24px; font-weight: 700; color: #1a1a1a;";
-    modal.appendChild(title);
-    const description = document.createElement("p");
-    description.textContent = widget.config.description || "Try your luck and win exclusive prizes!";
-    description.style.cssText = "margin: 0 0 24px 0; font-size: 14px; color: #666;";
-    modal.appendChild(description);
-    const segments = Array.isArray(
-      widget.config.segments
-    ) ? widget.config.segments : [
-      { label: "Prize 1", color: "#ff6b6b" },
-      { label: "Prize 2", color: "#feca57" },
-      { label: "Prize 3", color: "#48dbfb" },
-      { label: "Prize 4", color: "#ff6348" }
-    ];
-    const SVG_NS2 = "http://www.w3.org/2000/svg";
-    const wheel = document.createElementNS(SVG_NS2, "svg");
-    wheel.setAttribute("viewBox", "-160 -160 320 320");
-    wheel.setAttribute("width", "300");
-    wheel.setAttribute("height", "300");
-    wheel.style.cssText = "margin: 0 auto 24px; display: block;";
-    const n = segments.length;
-    const anglePer = 2 * Math.PI / n;
-    const radius = 140;
-    for (let i = 0; i < n; i++) {
-      const start = i * anglePer - Math.PI / 2;
-      const end = start + anglePer;
-      const x1 = Math.cos(start) * radius;
-      const y1 = Math.sin(start) * radius;
-      const x2 = Math.cos(end) * radius;
-      const y2 = Math.sin(end) * radius;
-      const largeArc = anglePer > Math.PI ? 1 : 0;
-      const path = document.createElementNS(SVG_NS2, "path");
-      path.setAttribute(
-        "d",
-        `M 0 0 L ${x1.toFixed(2)} ${y1.toFixed(2)} A ${radius} ${radius} 0 ${largeArc} 1 ${x2.toFixed(2)} ${y2.toFixed(2)} Z`
-      );
-      path.setAttribute("fill", this.sanitizeColor(segments[i].color || "#cccccc"));
-      path.setAttribute("stroke", "#ffffff");
-      path.setAttribute("stroke-width", "2");
-      wheel.appendChild(path);
-      const labelAngle = start + anglePer / 2;
-      const lx = Math.cos(labelAngle) * radius * 0.65;
-      const ly = Math.sin(labelAngle) * radius * 0.65;
-      const text = document.createElementNS(SVG_NS2, "text");
-      text.setAttribute("x", lx.toFixed(2));
-      text.setAttribute("y", ly.toFixed(2));
-      text.setAttribute("fill", "#ffffff");
-      text.setAttribute("font-size", "13");
-      text.setAttribute("font-weight", "600");
-      text.setAttribute("text-anchor", "middle");
-      text.setAttribute("dominant-baseline", "middle");
-      text.textContent = segments[i].label || `#${i + 1}`;
-      wheel.appendChild(text);
-    }
-    modal.appendChild(wheel);
-    const spinButton = document.createElement("button");
-    spinButton.textContent = "SPIN NOW!";
-    spinButton.style.cssText = `
-      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-      color: white;
-      border: none;
-      padding: 16px 48px;
-      border-radius: 8px;
-      font-weight: 700;
-      font-size: 16px;
-      cursor: pointer;
-      margin-bottom: 16px;
-    `;
-    spinButton.addEventListener("click", async () => {
-      spinButton.disabled = true;
-      spinButton.textContent = "SPINNING...";
-      try {
-        const prize = await this.generatePrize(widget.config.config_id);
-        wheel.style.animation = "aegisSpin 2s ease-out";
-        setTimeout(() => {
-          this.showPrizeResult(modal, prize);
-        }, 2e3);
-      } catch (error) {
-        this.log(`Error generating prize: ${error}`, true);
-        spinButton.disabled = false;
-        spinButton.textContent = "TRY AGAIN";
-      }
-    });
-    modal.appendChild(spinButton);
-    const closeButton = document.createElement("button");
-    closeButton.textContent = "×";
-    closeButton.setAttribute("aria-label", "Close");
-    closeButton.style.cssText = `
-      position: absolute;
-      top: 16px;
-      right: 16px;
-      background: transparent;
-      border: none;
-      font-size: 28px;
-      cursor: pointer;
-      color: #999;
-    `;
-    closeButton.addEventListener("click", () => {
-      this.trackEvent(widget.widget_id, "dismiss");
-      document.body.removeChild(overlay);
-      this.renderedWidgets.delete(widget.widget_id);
-    });
-    modal.style.position = "relative";
-    modal.appendChild(closeButton);
-    overlay.appendChild(modal);
-    this.addAnimationStyles();
-    overlay.setAttribute("data-aegis-widget-root", "");
-    document.body.appendChild(overlay);
-  }
-  renderSpinWheelWidget(widgetId, config) {
-    if (this.isDestroyed) return;
-    const cart = this.detectPlatformCart();
-    if (config.type === "cart_recovery" && !cart) {
-      this.log("Spin wheel requires cart, but none detected");
-      return;
-    }
-    if (cart) {
-      this.cartData = cart;
-    }
-    const customization = this.cssCustomization.spinWheel || {};
-    const accentColor = customization.accentColor || config.accent_color || "#FF6B6B";
-    const backgroundColor = customization.backgroundColor || config.background_color || "#FFFFFF";
-    const textColor = customization.textColor || config.text_color || "#333333";
-    const buttonColor = customization.buttonColor || config.button_color || accentColor;
-    const wheelColors = customization.wheelColors || ["#FF6B6B", "#4ECDC4", "#FFE66D", "#95E1D3"];
-    const overlay = document.createElement("div");
-    overlay.className = "aegis-spin-wheel-overlay";
-    overlay.setAttribute("data-widget-id", widgetId);
-    overlay.style.cssText = `
-      position: fixed;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      background: rgba(0, 0, 0, 0.7);
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      z-index: 999999;
-      animation: aegisFadeIn 0.3s ease;
-    `;
-    const modal = document.createElement("div");
-    modal.className = "aegis-spin-wheel-modal";
-    modal.style.cssText = `
-      background: ${this.sanitizeColor(backgroundColor)};
-      border-radius: 16px;
-      padding: 32px;
-      max-width: 500px;
-      width: 90%;
-      box-shadow: 0 20px 60px rgba(0,0,0,0.3);
-      position: relative;
-      animation: aegisScaleIn 0.4s ease;
-      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
-    `;
-    const closeBtn = document.createElement("button");
-    closeBtn.innerHTML = lucideSvg("x", { size: 16 });
-    closeBtn.setAttribute("aria-label", "Close");
-    closeBtn.className = "aegis-spin-wheel-close";
-    closeBtn.style.cssText = `
-      position: absolute;
-      top: 16px;
-      right: 16px;
-      background: none;
-      border: none;
-      font-size: 24px;
-      cursor: pointer;
-      color: #999;
-    `;
-    closeBtn.onclick = () => {
-      this.trackEvent(widgetId, "dismiss", { type: "spin_wheel" });
-      document.body.removeChild(overlay);
-      this.renderedWidgets.delete(widgetId);
-    };
-    modal.appendChild(closeBtn);
-    const title = document.createElement("h2");
-    title.textContent = this.interpolateCartVariables(config.title || "Spin to Win!");
-    title.style.cssText = `
-      margin: 0 0 16px 0;
-      font-size: 28px;
-      font-weight: bold;
-      text-align: center;
-      color: ${this.sanitizeColor(textColor)};
-    `;
-    modal.appendChild(title);
-    if (cart) {
-      const subtitle = document.createElement("p");
-      subtitle.textContent = `Complete your ${cart.cart_currency} ${cart.cart_total.toFixed(2)} order and save!`;
-      subtitle.style.cssText = `
-        margin: 0 0 24px 0;
-        font-size: 16px;
-        text-align: center;
-        color: #666;
-      `;
-      modal.appendChild(subtitle);
-    }
-    const wheelContainer = document.createElement("div");
-    wheelContainer.className = "aegis-wheel-container";
-    wheelContainer.style.cssText = `
-      width: 300px;
-      height: 300px;
-      margin: 0 auto 24px auto;
-      background: conic-gradient(
-        from 0deg,
-        ${wheelColors[0]} 0deg 90deg,
-        ${wheelColors[1]} 90deg 180deg,
-        ${wheelColors[2]} 180deg 270deg,
-        ${wheelColors[3]} 270deg 360deg
-      );
-      border-radius: 50%;
-      position: relative;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    `;
-    const form = document.createElement("form");
-    form.className = "aegis-spin-form";
-    form.style.cssText = "display: block;";
-    const phoneInput = document.createElement("input");
-    phoneInput.type = "tel";
-    phoneInput.placeholder = "Enter your phone number";
-    phoneInput.required = true;
-    phoneInput.style.cssText = `
-      width: 100%;
-      padding: 14px;
-      border: 2px solid #ddd;
-      border-radius: 8px;
-      font-size: 16px;
-      margin-bottom: 12px;
-      box-sizing: border-box;
-    `;
-    form.appendChild(phoneInput);
-    const emailInput = document.createElement("input");
-    emailInput.type = "email";
-    emailInput.placeholder = "Enter your email (optional)";
-    emailInput.style.cssText = `
-      width: 100%;
-      padding: 14px;
-      border: 2px solid #ddd;
-      border-radius: 8px;
-      font-size: 16px;
-      margin-bottom: 12px;
-      box-sizing: border-box;
-    `;
-    form.appendChild(emailInput);
-    const nameInput = document.createElement("input");
-    nameInput.type = "text";
-    nameInput.placeholder = "Enter your name (optional)";
-    nameInput.style.cssText = `
-      width: 100%;
-      padding: 14px;
-      border: 2px solid #ddd;
-      border-radius: 8px;
-      font-size: 16px;
-      margin-bottom: 12px;
-      box-sizing: border-box;
-    `;
-    form.appendChild(nameInput);
-    const collectBirthday = config.collect_birthday === true;
-    let birthdayInput = null;
-    if (collectBirthday) {
-      const birthdayId = `aegis-spin-dob-${widgetId}`;
-      const birthdayLabel = document.createElement("label");
-      birthdayLabel.htmlFor = birthdayId;
-      birthdayLabel.textContent = "Birthday (optional) — for a birthday treat";
-      birthdayLabel.style.cssText = `
-        display: block;
-        font-size: 12px;
-        font-weight: 600;
-        opacity: 0.75;
-        margin-bottom: 4px;
-        color: ${this.sanitizeColor(textColor)};
-      `;
-      form.appendChild(birthdayLabel);
-      birthdayInput = document.createElement("input");
-      birthdayInput.id = birthdayId;
-      birthdayInput.type = "date";
-      birthdayInput.max = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
-      birthdayInput.style.cssText = `
-        width: 100%;
-        padding: 14px;
-        border: 2px solid #ddd;
-        border-radius: 8px;
-        font-size: 16px;
-        margin-bottom: 12px;
-        box-sizing: border-box;
-      `;
-      form.appendChild(birthdayInput);
-    }
-    const submitButton = document.createElement("button");
-    submitButton.type = "submit";
-    submitButton.textContent = "Spin the Wheel!";
-    submitButton.style.cssText = `
-      width: 100%;
-      padding: 14px;
-      background: ${this.sanitizeColor(buttonColor)};
-      color: white;
-      border: none;
-      border-radius: 8px;
-      font-size: 16px;
-      font-weight: 700;
-      cursor: pointer;
-    `;
-    form.appendChild(submitButton);
-    const errorMessage = document.createElement("div");
-    errorMessage.className = "aegis-spin-error";
-    errorMessage.style.cssText = `
-      color: #d32f2f;
-      font-size: 14px;
-      margin-top: 12px;
-      text-align: center;
-      display: none;
-    `;
-    form.appendChild(errorMessage);
-    form.addEventListener("submit", async (e) => {
-      e.preventDefault();
-      const phone = phoneInput.value.trim();
-      const email = emailInput.value.trim();
-      const name = nameInput.value.trim();
-      const dateOfBirth = birthdayInput ? birthdayInput.value.trim() : "";
-      if (!this.validatePhone(phone)) {
-        errorMessage.textContent = "Please enter a valid phone number (e.g., +1234567890)";
-        errorMessage.style.display = "block";
-        return;
-      }
-      if (email && !this.validateEmail(email)) {
-        errorMessage.textContent = "Please enter a valid email address";
-        errorMessage.style.display = "block";
-        return;
-      }
-      errorMessage.style.display = "none";
-      submitButton.disabled = true;
-      submitButton.textContent = "Spinning...";
-      wheelContainer.style.animation = "aegisSpin 2s ease-out";
-      setTimeout(async () => {
-        try {
-          const prize = await this.submitSpinWheel({
-            phone,
-            email,
-            name,
-            dateOfBirth,
-            cart,
-            widgetId
-          });
-          this.showSpinWheelPrize(modal, prize);
-          this.trackEvent(widgetId, "submit", {
-            type: "spin_wheel",
-            prize_label: prize.prize_label,
-            has_email: !!email
-          });
-        } catch (error) {
-          this.log(`Error submitting spin wheel: ${error}`, true);
-          errorMessage.textContent = "Failed to submit. Please try again.";
-          errorMessage.style.display = "block";
-          submitButton.disabled = false;
-          submitButton.textContent = "Spin the Wheel!";
-          wheelContainer.style.animation = "";
-        }
-      }, 2e3);
-    });
-    modal.appendChild(wheelContainer);
-    modal.appendChild(form);
-    overlay.appendChild(modal);
-    this.addAnimationStyles();
-    overlay.setAttribute("data-aegis-widget-root", "");
-    document.body.appendChild(overlay);
-    this.trackEvent(widgetId, "show", { type: "spin_wheel" });
-  }
-  validatePhone(phone) {
-    const e164Regex = /^\+?[1-9]\d{1,14}$/;
-    return e164Regex.test(phone.replace(/[\s()-]/g, ""));
-  }
-  validateEmail(email) {
-    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-    return emailRegex.test(email);
-  }
-  async submitSpinWheel(data) {
-    var _a, _b, _c, _d, _e;
-    const url = `${this.apiHost}/v1/widgets/spin-wheel/submit`;
-    const headers = {
-      "X-Aegis-Write-Key": this.writeKey,
-      "Content-Type": "application/json"
-    };
-    if (this.organizationId) headers["X-Organization-ID"] = this.organizationId;
-    const geoRegion = this.detectGeoRegion();
-    const deviceType = this.getDeviceType();
-    const utmParams = this.getUTMParams();
-    const body = {
-      phone: data.phone.replace(/[\s()-]/g, ""),
-      email: data.email || void 0,
-      name: data.name || void 0,
-      // Omitted when blank — the server distinguishes "not given" from a value
-      // it could not parse, and neither is an empty string.
-      date_of_birth: data.dateOfBirth || void 0,
-      cart_id: ((_a = data.cart) == null ? void 0 : _a.cart_id) || `web_${Date.now()}`,
-      cart_token: (_b = data.cart) == null ? void 0 : _b.cart_id,
-      cart_total: ((_c = data.cart) == null ? void 0 : _c.cart_total) || 0,
-      cart_currency: ((_d = data.cart) == null ? void 0 : _d.cart_currency) || "USD",
-      cart_items: ((_e = data.cart) == null ? void 0 : _e.cart_items) || [],
-      // Redacted: a stored cart URL is re-sent later as a recovery link, and a
-      // credential in it (`?t=` / `?k=`) must not outlive this page view.
-      cart_url: redactUrl(window.location.href),
-      platform: "web",
-      geo_region: geoRegion,
-      device_type: deviceType,
-      session_id: this.getSessionId() || void 0,
-      anonymous_id: this.getAnonymousId() || void 0,
-      utm_source: utmParams.utm_source,
-      utm_medium: utmParams.utm_medium,
-      utm_campaign: utmParams.utm_campaign
-    };
-    const response = await fetch(url, {
-      method: "POST",
-      headers,
-      body: JSON.stringify(body),
-      credentials: "include"
-    });
-    if (!response.ok) {
-      const errorText = await response.text();
-      throw new Error(`Failed to submit spin wheel: ${response.status} - ${errorText}`);
-    }
-    return await response.json();
-  }
-  showSpinWheelPrize(modal, prize) {
-    modal.innerHTML = "";
-    const resultContainer = document.createElement("div");
-    resultContainer.style.cssText = "text-align: center; padding: 40px 20px;";
-    const emoji = document.createElement("div");
-    emoji.textContent = "🎉";
-    emoji.style.cssText = "font-size: 60px; margin-bottom: 20px;";
-    resultContainer.appendChild(emoji);
-    const title = document.createElement("h2");
-    title.textContent = "Congratulations!";
-    title.style.cssText = "margin: 0 0 12px 0; font-size: 28px; font-weight: 700; color: #1a73e8;";
-    resultContainer.appendChild(title);
-    const prizeLabel = document.createElement("p");
-    prizeLabel.textContent = prize.prize_label;
-    prizeLabel.style.cssText = "margin: 0 0 20px 0; font-size: 20px; font-weight: 600; color: #333;";
-    resultContainer.appendChild(prizeLabel);
-    if (prize.coupon_code) {
-      const couponContainer = document.createElement("div");
-      couponContainer.style.cssText = `
-        background: #f5f5f5;
-        padding: 16px;
-        border-radius: 8px;
-        margin-bottom: 20px;
-        border: 2px dashed #1a73e8;
-      `;
-      const couponLabel = document.createElement("div");
-      couponLabel.textContent = "Your coupon code:";
-      couponLabel.style.cssText = "font-size: 12px; color: #666; margin-bottom: 8px;";
-      couponContainer.appendChild(couponLabel);
-      const couponCode = document.createElement("div");
-      couponCode.textContent = prize.coupon_code;
-      couponCode.style.cssText = "font-size: 24px; font-weight: 700; color: #1a73e8; letter-spacing: 2px;";
-      couponContainer.appendChild(couponCode);
-      resultContainer.appendChild(couponContainer);
-    }
-    const message = document.createElement("p");
-    message.textContent = "Check your WhatsApp/SMS for your discount code and cart link!";
-    message.style.cssText = "margin: 0 0 20px 0; font-size: 14px; color: #666;";
-    resultContainer.appendChild(message);
-    const closeButton = document.createElement("button");
-    closeButton.textContent = "Close";
-    closeButton.style.cssText = `
-      background: #1a73e8;
-      color: white;
-      border: none;
-      padding: 12px 32px;
-      border-radius: 8px;
-      font-weight: 600;
-      font-size: 14px;
-      cursor: pointer;
-    `;
-    closeButton.addEventListener("click", () => {
-      const overlay = modal.parentElement;
-      if (overlay && document.body.contains(overlay)) {
-        document.body.removeChild(overlay);
-      }
-    });
-    resultContainer.appendChild(closeButton);
-    modal.appendChild(resultContainer);
-  }
-  detectGeoRegion() {
-    const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
-    if (timezone.includes("America")) return "north_america";
-    if (timezone.includes("Europe")) return "europe";
-    if (timezone.includes("Asia/Kolkata") || timezone.includes("Asia/Calcutta")) return "india";
-    if (timezone.includes("Asia/Singapore") || timezone.includes("Asia/Bangkok") || timezone.includes("Asia/Jakarta")) return "southeast_asia";
-    if (timezone.includes("Asia/Dubai") || timezone.includes("Asia/Riyadh")) return "middle_east";
-    if (timezone.includes("America") && (timezone.includes("Sao_Paulo") || timezone.includes("Buenos_Aires"))) return "latin_america";
-    if (timezone.includes("Australia") || timezone.includes("Pacific/Auckland")) return "oceania";
-    return "north_america";
-  }
   getUTMParams() {
     const params = new URLSearchParams(window.location.search);
     return {
@@ -14372,119 +13819,6 @@ class AegisWidgetManager {
       utm_campaign: params.get("utm_campaign") || void 0
     };
   }
-  getSessionId() {
-    return sessionStorage.getItem("aegis_session_id");
-  }
-  getAnonymousId() {
-    return localStorage.getItem("aegis_anonymous_id");
-  }
-  renderScratchCard(widget) {
-    const overlay = document.createElement("div");
-    overlay.className = "aegis-gamification-overlay";
-    overlay.setAttribute("data-widget-id", widget.widget_id);
-    overlay.style.cssText = `
-      position: fixed;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      background: rgba(0, 0, 0, 0.7);
-      z-index: 1000000;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      animation: aegisFadeIn 0.3s ease-out;
-    `;
-    const modal = document.createElement("div");
-    modal.className = "aegis-scratch-card-modal";
-    modal.style.cssText = `
-      background: white;
-      border-radius: 16px;
-      padding: 32px;
-      max-width: 500px;
-      width: 90%;
-      box-shadow: 0 10px 40px rgba(0,0,0,0.3);
-      text-align: center;
-      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
-      animation: aegisScaleIn 0.3s ease-out;
-    `;
-    const title = document.createElement("h2");
-    title.textContent = widget.config.title || "Scratch & Win!";
-    title.style.cssText = "margin: 0 0 16px 0; font-size: 24px; font-weight: 700; color: #1a1a1a;";
-    modal.appendChild(title);
-    const description = document.createElement("p");
-    description.textContent = widget.config.description || "Scratch to reveal your prize!";
-    description.style.cssText = "margin: 0 0 24px 0; font-size: 14px; color: #666;";
-    modal.appendChild(description);
-    const canvas = document.createElement("canvas");
-    canvas.width = 300;
-    canvas.height = 200;
-    canvas.style.cssText = `
-      border-radius: 8px;
-      cursor: pointer;
-      margin: 0 auto 24px;
-      display: block;
-      box-shadow: 0 4px 12px rgba(0,0,0,0.1);
-    `;
-    modal.appendChild(canvas);
-    const ctx = canvas.getContext("2d");
-    if (ctx) {
-      ctx.fillStyle = "#c0c0c0";
-      ctx.fillRect(0, 0, canvas.width, canvas.height);
-      ctx.fillStyle = "#888";
-      ctx.font = "20px Arial";
-      ctx.textAlign = "center";
-      ctx.fillText("Scratch here!", canvas.width / 2, canvas.height / 2);
-      let isScratching = false;
-      const scratch = (x, y) => {
-        ctx.globalCompositeOperation = "destination-out";
-        ctx.beginPath();
-        ctx.arc(x, y, 20, 0, Math.PI * 2);
-        ctx.fill();
-      };
-      canvas.addEventListener("mousedown", () => {
-        isScratching = true;
-      });
-      canvas.addEventListener("mouseup", () => {
-        isScratching = false;
-      });
-      canvas.addEventListener("mousemove", (e) => {
-        if (isScratching) {
-          const rect = canvas.getBoundingClientRect();
-          scratch(e.clientX - rect.left, e.clientY - rect.top);
-        }
-      });
-    }
-    const scratchButton = document.createElement("button");
-    scratchButton.textContent = "REVEAL PRIZE";
-    scratchButton.style.cssText = `
-      background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
-      color: white;
-      border: none;
-      padding: 16px 48px;
-      border-radius: 8px;
-      font-weight: 700;
-      font-size: 16px;
-      cursor: pointer;
-    `;
-    scratchButton.addEventListener("click", async () => {
-      scratchButton.disabled = true;
-      scratchButton.textContent = "REVEALING...";
-      try {
-        const prize = await this.generatePrize(widget.config.config_id);
-        this.showPrizeResult(modal, prize);
-      } catch (error) {
-        this.log(`Error generating prize: ${error}`, true);
-        scratchButton.disabled = false;
-        scratchButton.textContent = "TRY AGAIN";
-      }
-    });
-    modal.appendChild(scratchButton);
-    overlay.appendChild(modal);
-    this.addAnimationStyles();
-    overlay.setAttribute("data-aegis-widget-root", "");
-    document.body.appendChild(overlay);
-  }
   renderToast(widget) {
     const { message, icon, duration } = widget.config;
     const position = widget.position || "bottom_left";
@@ -14757,83 +14091,6 @@ class AegisWidgetManager {
     overlay.setAttribute("data-aegis-widget-root", "");
     document.body.appendChild(overlay);
   }
-  async generatePrize(configId) {
-    const url = `${this.apiHost}/v1/widgets/gamification/generate-prize`;
-    const headers = {
-      "X-Aegis-Write-Key": this.writeKey,
-      "Content-Type": "application/json"
-    };
-    if (this.userId) headers["X-User-ID"] = this.userId;
-    if (this.contactId) headers["X-Contact-ID"] = this.contactId;
-    if (this.contactId && this.contactToken) headers["X-Contact-Token"] = this.contactToken;
-    if (this.organizationId) headers["X-Organization-ID"] = this.organizationId;
-    const response = await fetch(url, {
-      method: "POST",
-      headers,
-      body: JSON.stringify({ config_id: configId }),
-      credentials: "include"
-    });
-    if (!response.ok) {
-      throw new Error(`Failed to generate prize: ${response.status}`);
-    }
-    return await response.json();
-  }
-  showPrizeResult(modal, prize) {
-    modal.innerHTML = "";
-    const resultContainer = document.createElement("div");
-    resultContainer.style.cssText = "text-align: center; padding: 40px 20px;";
-    const emoji = document.createElement("div");
-    emoji.textContent = "🎉";
-    emoji.style.cssText = "font-size: 60px; margin-bottom: 20px;";
-    resultContainer.appendChild(emoji);
-    const title = document.createElement("h2");
-    title.textContent = "Congratulations!";
-    title.style.cssText = "margin: 0 0 12px 0; font-size: 28px; font-weight: 700; color: #1a73e8;";
-    resultContainer.appendChild(title);
-    const prizeLabel = document.createElement("p");
-    prizeLabel.textContent = prize.prize_label;
-    prizeLabel.style.cssText = "margin: 0 0 20px 0; font-size: 20px; font-weight: 600; color: #333;";
-    resultContainer.appendChild(prizeLabel);
-    if (prize.coupon_code) {
-      const couponContainer = document.createElement("div");
-      couponContainer.style.cssText = `
-        background: #f5f5f5;
-        padding: 16px;
-        border-radius: 8px;
-        margin-bottom: 20px;
-        border: 2px dashed #1a73e8;
-      `;
-      const couponLabel = document.createElement("div");
-      couponLabel.textContent = "Your coupon code:";
-      couponLabel.style.cssText = "font-size: 12px; color: #666; margin-bottom: 8px;";
-      couponContainer.appendChild(couponLabel);
-      const couponCode = document.createElement("div");
-      couponCode.textContent = prize.coupon_code;
-      couponCode.style.cssText = "font-size: 24px; font-weight: 700; color: #1a73e8; letter-spacing: 2px;";
-      couponContainer.appendChild(couponCode);
-      resultContainer.appendChild(couponContainer);
-    }
-    const closeButton = document.createElement("button");
-    closeButton.textContent = "Close";
-    closeButton.style.cssText = `
-      background: #1a73e8;
-      color: white;
-      border: none;
-      padding: 12px 32px;
-      border-radius: 8px;
-      font-weight: 600;
-      font-size: 14px;
-      cursor: pointer;
-    `;
-    closeButton.addEventListener("click", () => {
-      const overlay = modal.parentElement;
-      if (overlay && document.body.contains(overlay)) {
-        document.body.removeChild(overlay);
-      }
-    });
-    resultContainer.appendChild(closeButton);
-    modal.appendChild(resultContainer);
-  }
   async submitFeedback(widgetId, data) {
     var _a;
     const url = `${this.apiHost}/v1/widgets/track-event`;
@@ -15389,8 +14646,9 @@ const _AegisMessageRuntime = class _AegisMessageRuntime {
   constructor(config) {
     var _a;
     this.initialized = false;
+    this.armedInAppTriggers = /* @__PURE__ */ new Set();
     {
-      const v = "1.40.0";
+      const v = "1.41.0";
       try {
         globalThis.__AEGIS_SDK_VERSION__ = v;
       } catch {
@@ -15409,6 +14667,8 @@ const _AegisMessageRuntime = class _AegisMessageRuntime {
     }
     const triggerEngine = config.triggerEngine ?? new TriggerEngine();
     const ownsTriggerEngine = !config.triggerEngine;
+    this.triggerEngine = triggerEngine;
+    this.ownsTriggerEngine = ownsTriggerEngine;
     this.contactId = config.contactId;
     this.contactToken = config.contactToken;
     this.pairingApiHost = config.apiHost ?? "";
@@ -15445,12 +14705,6 @@ const _AegisMessageRuntime = class _AegisMessageRuntime {
       propertyId: config.propertyId,
       debugMode: config.debugMode,
       enableSSE: config.enableSSE,
-      // Route gamification sub_types straight to the widget renderer —
-      // replaces the old CustomEvent('aegis:render-widget') bridge which
-      // had no listener and silently dropped impressions.
-      onInteractiveCampaign: (campaign) => {
-        this.widgets.renderInteractiveCampaign(campaign);
-      },
       getWorkspaceId: config.getWorkspaceId,
       // First-party cart reader — renderers (progress-bar) read live cart
       // state from here instead of `window.*` cart globals. See setCartState().
@@ -15489,13 +14743,36 @@ const _AegisMessageRuntime = class _AegisMessageRuntime {
         debugMode: config.debugMode,
         ...config.chat
       });
-      const proactive = ((_a = config.chat) == null ? void 0 : _a.proactiveTriggers) ?? [];
-      for (const evt of proactive) {
-        triggerEngine.on(evt, () => {
+      const proactive = (((_a = config.chat) == null ? void 0 : _a.proactiveTriggers) ?? []).map(triggerFromEngineEvent);
+      armBehaviouralTriggers(
+        triggerEngine,
+        proactive,
+        /* @__PURE__ */ new Set(),
+        () => {
           var _a2;
           return (_a2 = this.chat) == null ? void 0 : _a2.openPanel();
-        });
-      }
+        },
+        _AegisMessageRuntime.hasNoHover()
+      );
+    }
+    this.unsubscribeCampaignsLoaded = this.inApp.onCampaignsLoaded((campaigns) => {
+      armBehaviouralTriggers(
+        triggerEngine,
+        campaigns.map((c) => c.client_trigger),
+        this.armedInAppTriggers,
+        (eventName) => this.inApp.onClientEvent(eventName),
+        _AegisMessageRuntime.hasNoHover()
+      );
+    });
+  }
+  /** No hovering pointer (phones, tablets): exit intent is a fast scroll up,
+   *  not the mouse leaving the window. */
+  static hasNoHover() {
+    var _a, _b;
+    try {
+      return typeof window !== "undefined" && ((_b = (_a = window.matchMedia) == null ? void 0 : _a.call(window, "(hover: none)")) == null ? void 0 : _b.matches) === true;
+    } catch {
+      return false;
     }
   }
   /**
@@ -15512,6 +14789,9 @@ const _AegisMessageRuntime = class _AegisMessageRuntime {
       this.widgets.initialize()
     ]);
     (_a = this.chat) == null ? void 0 : _a.initialize();
+    if (this.ownsTriggerEngine) {
+      this.triggerEngine.start();
+    }
     if (this.contactId) {
       void this.contactScores.fetchForContact(this.contactId, { contactToken: this.contactToken });
     }
@@ -15721,6 +15001,7 @@ const _AegisMessageRuntime = class _AegisMessageRuntime {
    */
   destroy() {
     var _a, _b, _c;
+    this.unsubscribeCampaignsLoaded();
     (_b = (_a = this.inApp).destroy) == null ? void 0 : _b.call(_a);
     this.widgets.destroy();
     (_c = this.chat) == null ? void 0 : _c.destroy();
@@ -15729,8 +15010,8 @@ const _AegisMessageRuntime = class _AegisMessageRuntime {
   /**
    * Current armed campaigns visible to the InAppManager. Accessible for
    * the Prefetch Inspector and for debugging. WidgetManager's prefetched
-   * spin_wheel / scratch_card configs are NOT in this list — they live
-   * in `this.widgets` and have their own lifecycle.
+   * exit-intent popup config is NOT in this list — it lives in
+   * `this.widgets` and has its own lifecycle.
    */
   getCampaigns() {
     return this.inApp.campaigns ?? [];