@active-reach/web-sdk 1.35.2 → 1.36.0

package/dist/index.js

@@ -524,7 +524,8 @@ function applyPerCardOverride(tpl, look) {
   if (look.hide_price) drop("price");
   if (look.hide_cta) drop("cta");
   if (look.hide_rating) drop("rating");
-  if (look.cta_text) elements = elements.map((e) => e.type === "cta" ? { ...e, text: look.cta_text } : e);
+  if (look.cta_text)
+    elements = elements.map((e) => e.type === "cta" ? { ...e, text: look.cta_text } : e);
   if (look.cta_action || look.cta_url || look.cta_custom_name) {
     elements = elements.map(
       (e) => e.type === "cta" ? {
@@ -537,7 +538,9 @@ function applyPerCardOverride(tpl, look) {
   }
   if (look.badge) {
     const badgeEl = { type: "badge", text: look.badge, color: look.badge_color };
-    elements = elements.some((e) => e.type === "badge") ? elements.map((e) => e.type === "badge" ? badgeEl : e) : [elements[0], badgeEl, ...elements.slice(1)].filter(Boolean);
+    elements = elements.some((e) => e.type === "badge") ? elements.map((e) => e.type === "badge" ? badgeEl : e) : [elements[0], badgeEl, ...elements.slice(1)].filter(
+      Boolean
+    );
   }
   return { ...tpl, frame, elements };
 }
@@ -585,13 +588,12 @@ function paintRating(card) {
   const count = Number(meta.review_count ?? 0);
   const rr = document.createElement("div");
   rr.style.cssText = "display:flex;align-items:center;gap:3px;font-size:11px;line-height:1;";
-  const star2 = document.createElement("span");
-  star2.textContent = "★";
-  star2.style.cssText = "color:#059669;";
+  const star2 = lucideSvgEl("star", { size: 12, color: "#059669" });
+  if (star2) star2.setAttribute("fill", "#059669");
   const val = document.createElement("span");
   val.textContent = avg.toFixed(1);
   val.style.cssText = "color:#059669;font-weight:700;";
-  rr.appendChild(star2);
+  if (star2) rr.appendChild(star2);
   rr.appendChild(val);
   if (count > 0) {
     const c = document.createElement("span");
@@ -650,7 +652,9 @@ function appendRatingThanks(wrap, el2, ctx, fg, accent, isHigh) {
     cta.textContent = el2.rating_high_cta || "Leave a review";
     cta.style.cssText = `margin:4px auto 0;display:block;padding:9px 18px;border:none;border-radius:999px;background:${accent};color:#fff;font-size:13px;font-weight:800;cursor:pointer;`;
     cta.addEventListener("click", () => {
-      ctx.trackEvent(ctx.campaign.id, "clicked", { meta: { element: "rating_input", cta: "high_review" } });
+      ctx.trackEvent(ctx.campaign.id, "clicked", {
+        meta: { element: "rating_input", cta: "high_review" }
+      });
       if (ctx.navigate) ctx.navigate(url, "cta");
       else window.location.href = url;
     });
@@ -866,11 +870,25 @@ function buildProductRatingListElement(el2, ctx, fg) {
       panel.style.display = "flex";
       toggle.style.display = "none";
     });
+    const hint = document.createElement("div");
+    hint.style.cssText = `font-size:11px;color:${fg};opacity:.65;`;
     if (typeof el2.review_earn_hint === "string" && el2.review_earn_hint.trim()) {
-      const hint = document.createElement("div");
       hint.textContent = el2.review_earn_hint.trim();
-      hint.style.cssText = `font-size:11px;color:${fg};opacity:.65;`;
       panel.appendChild(hint);
+    } else if (ctx.apiHost && ctx.writeKey && ctx.organizationId) {
+      panel.appendChild(hint);
+      const url = `${ctx.apiHost}/v1/in-app/review-earn-hint`;
+      void fetch(url, {
+        headers: { "X-Aegis-Write-Key": ctx.writeKey, "X-Organization-ID": ctx.organizationId }
+      }).then((r) => r.ok ? r.json() : null).then((d) => {
+        if (!d || d.enabled !== true) return;
+        const name = typeof d.points_name === "string" ? d.points_name : "points";
+        const parts = [`Earn ${Number(d.base)} ${name}`];
+        if (Number(d.photo_bonus) > 0) parts.push(`+${Number(d.photo_bonus)} photo`);
+        if (Number(d.video_bonus) > 0) parts.push(`+${Number(d.video_bonus)} video`);
+        hint.textContent = parts.join(" · ");
+      }).catch(() => {
+      });
     }
     if (allowText) {
       const ta = document.createElement("textarea");
@@ -970,7 +988,9 @@ function buildProductRatingListElement(el2, ctx, fg) {
     submitBtn.disabled = true;
     submitBtn.style.opacity = ".6";
     submitBtn.textContent = "Saving…";
-    ctx.trackEvent(ctx.campaign.id, "clicked", { meta: { element: "product_rating_list", items: rated.length } });
+    ctx.trackEvent(ctx.campaign.id, "clicked", {
+      meta: { element: "product_rating_list", items: rated.length }
+    });
     Promise.resolve(
       (_a = ctx.submitResponse) == null ? void 0 : _a.call(ctx, "rating", {
         items: rated.map((pid) => ({ product_id: pid, score: scores[pid] })),
@@ -1005,10 +1025,12 @@ function buildProductRatingListElement(el2, ctx, fg) {
       nameEl.textContent = it.name || it.product_id;
       nameEl.style.cssText = `flex:1;min-width:0;font-size:13px;color:${fg};overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`;
       rowEl.appendChild(nameEl);
-      rowEl.appendChild(starRow(scale, (n) => {
-        scores[it.product_id] = n;
-        refreshSubmit();
-      }));
+      rowEl.appendChild(
+        starRow(scale, (n) => {
+          scores[it.product_id] = n;
+          refreshSubmit();
+        })
+      );
       list.appendChild(rowEl);
     });
     wrap.appendChild(list);
@@ -1029,12 +1051,13 @@ function buildProductRatingListElement(el2, ctx, fg) {
     wrap.appendChild(loader);
     const url = `${ctx.apiHost}/v1/in-app/rateable-items?token=${encodeURIComponent(token)}`;
     const ac = typeof AbortController !== "undefined" ? new AbortController() : null;
-    if (ac) setTimeout(() => {
-      try {
-        ac.abort();
-      } catch {
-      }
-    }, 6e3);
+    if (ac)
+      setTimeout(() => {
+        try {
+          ac.abort();
+        } catch {
+        }
+      }, 6e3);
     fetch(url, { headers: { "X-Aegis-Write-Key": ctx.writeKey }, signal: ac == null ? void 0 : ac.signal }).then((r) => r.ok ? r.json() : null).then((data) => {
       render(Array.isArray(data == null ? void 0 : data.items) ? data.items : []);
     }).catch(() => {
@@ -1086,7 +1109,9 @@ function buildPollElement(el2, ctx, fg, accent) {
       btn.style.background = accent;
       btn.style.color = "#fff";
       btn.style.opacity = "1";
-      ctx.trackEvent(ctx.campaign.id, "clicked", { meta: { element: "poll", option_index: idx, option_label: label } });
+      ctx.trackEvent(ctx.campaign.id, "clicked", {
+        meta: { element: "poll", option_index: idx, option_label: label }
+      });
       void ((_a = ctx.submitResponse) == null ? void 0 : _a.call(ctx, "poll", { option_index: idx, option_label: label }));
       (_b = ctx.playReaction) == null ? void 0 : _b.call(ctx, wrap, "affirm");
       appendThanks(wrap, el2, fg, "Thanks for your answer!");
@@ -1109,7 +1134,9 @@ function appendNpsThanks(wrap, el2, ctx, fg, accent, isPromoter) {
     cta.textContent = el2.nps_promoter_cta || "Leave a review";
     cta.style.cssText = `margin:4px auto 0;display:block;padding:9px 18px;border:none;border-radius:999px;background:${accent};color:#fff;font-size:13px;font-weight:800;cursor:pointer;`;
     cta.addEventListener("click", () => {
-      ctx.trackEvent(ctx.campaign.id, "clicked", { meta: { element: "nps", cta: "promoter_review" } });
+      ctx.trackEvent(ctx.campaign.id, "clicked", {
+        meta: { element: "nps", cta: "promoter_review" }
+      });
       if (ctx.navigate) ctx.navigate(url, "cta");
       else window.location.href = url;
     });
@@ -1154,7 +1181,11 @@ function renderNpsReasonStep(wrap, el2, ctx, score, fg, accent) {
     done = true;
     const comment = withComment ? ta.value.trim() : "";
     void ((_a = ctx.submitResponse) == null ? void 0 : _a.call(ctx, "nps", comment ? { score, band, comment } : { score, band }));
-    (_b = ctx.playReaction) == null ? void 0 : _b.call(ctx, wrap, score >= promoterThreshold ? "affirm" : score <= 6 ? "empathize" : "acknowledge");
+    (_b = ctx.playReaction) == null ? void 0 : _b.call(
+      ctx,
+      wrap,
+      score >= promoterThreshold ? "affirm" : score <= 6 ? "empathize" : "acknowledge"
+    );
     appendNpsThanks(wrap, el2, ctx, fg, accent, score >= promoterThreshold);
   };
   const btnRow = document.createElement("div");
@@ -1210,7 +1241,9 @@ function buildNpsElement(el2, ctx, fg, accent, muted) {
       btn.style.color = "#fff";
       btn.style.opacity = "1";
       const npsPayload = { score: n, band: npsBandFromScore(n) };
-      ctx.trackEvent(ctx.campaign.id, "clicked", { meta: { element: "nps", score: n, band: npsPayload.band } });
+      ctx.trackEvent(ctx.campaign.id, "clicked", {
+        meta: { element: "nps", score: n, band: npsPayload.band }
+      });
       if (el2.nps_followup_enabled === true) {
         renderNpsReasonStep(wrap, el2, ctx, n, fg, accent);
       } else {
@@ -1327,13 +1360,21 @@ function buildCtaAction(el2, card, meta, inline, sanitizeUrl) {
   const sku = meta.sku;
   const platformProductId = meta.platform_product_id;
   const platformUrl = safe(meta.platform_url);
+  const platformVariantId = meta.platform_variant_id;
   switch (kind) {
     case "open_cart":
       return { type: "open_cart" };
     case "open_login":
       return { type: "open_login" };
     case "open_product":
-      return { type: "open_product", productId, sku, url: platformUrl || url, platformProductId, platformUrl };
+      return {
+        type: "open_product",
+        productId,
+        sku,
+        url: platformUrl || url,
+        platformProductId,
+        platformUrl
+      };
     case "navigate":
       return { type: "navigate", url: url || "" };
     case "custom":
@@ -1345,6 +1386,7 @@ function buildCtaAction(el2, card, meta, inline, sanitizeUrl) {
         productId,
         sku,
         platformProductId,
+        platformVariantId,
         title: card.title,
         price: meta.price ?? card.body,
         imageUrl: card.image_url,
@@ -1550,7 +1592,10 @@ function renderCardFromTemplate(card, opts) {
             var _a;
             e.stopPropagation();
             trackEvent(campaign.id, "clicked", { stepId: el2.id || "add" });
-            (_a = ctx.dispatchAction) == null ? void 0 : _a.call(ctx, buildCtaAction(el2, card, meta, inline, sanitizeUrl));
+            (_a = ctx.dispatchAction) == null ? void 0 : _a.call(
+              ctx,
+              buildCtaAction(el2, card, meta, inline, sanitizeUrl)
+            );
           });
           (overlayOnImage ? imageWrap : container).appendChild(cta);
           break;
@@ -4018,6 +4063,7 @@ class AegisChat {
     this.pendingEcho = [];
     this.hasInteracted = false;
     this.writeKey = config.writeKey;
+    this.organizationId = config.organizationId;
     this.apiHost = (config.apiHost ?? "").replace(/\/$/, "");
     this.contactId = config.contactId;
     this.channel = config.channel ?? "web";
@@ -4207,6 +4253,7 @@ class AegisChat {
     const url = new URL("/v1/stream/realtime", this.apiHost || window.location.origin);
     url.searchParams.set("ticket", ticket);
     url.searchParams.set("mode", "ephemeral");
+    if (this.organizationId) url.searchParams.set("org", this.organizationId);
     try {
       this.eventSource = new EventSource(url.toString());
       this.eventSource.onopen = () => {
@@ -5368,6 +5415,27 @@ function verifiedBadge() {
   b.appendChild(el("span", "", "Verified purchase"));
   return b;
 }
+function incentivizedBadge() {
+  const b = el(
+    "span",
+    "display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:600;color:#6b7280;"
+  );
+  const svg = document.createElementNS(SVG_NS, "svg");
+  svg.setAttribute("viewBox", "0 0 24 24");
+  svg.setAttribute("width", "13");
+  svg.setAttribute("height", "13");
+  const p = document.createElementNS(SVG_NS, "path");
+  p.setAttribute("d", "M20 12v9H4v-9M2 7h20v5H2zM12 7v14M12 7a2.5 2.5 0 0 0-2.5-2.5C8 4.5 7 6 7 7M12 7a2.5 2.5 0 0 1 2.5-2.5C16 4.5 17 6 17 7");
+  p.setAttribute("fill", "none");
+  p.setAttribute("stroke", "#6b7280");
+  p.setAttribute("stroke-width", "2");
+  p.setAttribute("stroke-linecap", "round");
+  p.setAttribute("stroke-linejoin", "round");
+  svg.appendChild(p);
+  b.appendChild(svg);
+  b.appendChild(el("span", "", "Incentivized"));
+  return b;
+}
 function avatar(name, accent) {
   const initial = (name.trim()[0] || "?").toUpperCase();
   const a = el(
@@ -5495,6 +5563,7 @@ function renderReviewsInline(ctx, target, creds) {
     const nameRow = el("div", "display:flex;flex-wrap:wrap;align-items:center;gap:8px;");
     nameRow.appendChild(el("span", "font-size:15px;font-weight:700;color:#111827;", ((_b = r.reviewer_snapshot) == null ? void 0 : _b.name) ?? "Customer"));
     if (r.verified_purchase) nameRow.appendChild(verifiedBadge());
+    if (r.is_incentivized) nameRow.appendChild(incentivizedBadge());
     idn.appendChild(nameRow);
     idn.appendChild(stars(r.rating ?? 0, 14));
     head.appendChild(idn);
@@ -5899,6 +5968,11 @@ const _AegisInAppManager = class _AegisInAppManager {
     }
     if (typeof localStorage !== "undefined") {
       localStorage.setItem("aegis_returning_user", "1");
+      try {
+        const pv = parseInt(localStorage.getItem("aegis_pv_count") || "0", 10);
+        localStorage.setItem("aegis_pv_count", String(pv + 1));
+      } catch {
+      }
     }
     ensureInAppFont();
     await this.refreshCampaigns();
@@ -5911,6 +5985,22 @@ const _AegisInAppManager = class _AegisInAppManager {
       this.log("Re-fetching campaigns for surface/screen declared during init");
       void this.refreshCampaigns();
     }
+    if (typeof Notification !== "undefined" && Notification.permission === "granted" && this.propertyId) {
+      let alreadyHealed = false;
+      try {
+        alreadyHealed = sessionStorage.getItem("aegis_push_boot_heal") === "1";
+      } catch {
+      }
+      if (!alreadyHealed) {
+        try {
+          sessionStorage.setItem("aegis_push_boot_heal", "1");
+        } catch {
+        }
+        void this._subscribeFromPushPrimer().catch((err) => {
+          this.log("boot push resubscribe failed", err);
+        });
+      }
+    }
     this.log("AegisInApp initialized successfully");
   }
   updateUserId(userId) {
@@ -6126,6 +6216,7 @@ const _AegisInAppManager = class _AegisInAppManager {
       return;
     }
     const url = new URL("/v1/stream/realtime", this.apiHost);
+    url.searchParams.set("org", this.organizationId);
     const headers = {
       "X-Aegis-Write-Key": this.writeKey,
       "X-Organization-ID": this.organizationId
@@ -6133,11 +6224,10 @@ const _AegisInAppManager = class _AegisInAppManager {
     if (this.contactId) {
       headers["X-Contact-ID"] = this.contactId;
     }
-    const queryParams = new URLSearchParams();
     Object.entries(headers).forEach(([key, value]) => {
-      queryParams.append(key, value);
+      url.searchParams.append(key, value);
     });
-    this.eventSource = new EventSource(`${url}?${queryParams.toString()}`);
+    this.eventSource = new EventSource(url.toString());
     this.eventSource.addEventListener("open", () => {
       this.log("SSE connection established");
       this.reconnectAttempts = 0;
@@ -6300,7 +6390,7 @@ const _AegisInAppManager = class _AegisInAppManager {
   }
   tryDisplayNextCampaign() {
     const campaign = this.campaigns.find(
-      (c) => !this.displayedCampaigns.has(c.id) && !c.client_trigger && !this.isSuppressed(c.id) && c.type !== "active_web_chat"
+      (c) => !this.displayedCampaigns.has(c.id) && !c.client_trigger && !this.isSuppressed(c.id) && c.type !== "active_web_chat" && !(Array.isArray(c.delivery_modes) && c.delivery_modes.length > 0 && !c.delivery_modes.includes("in_app_overlay"))
     );
     if (campaign) {
       this.displayCampaign(campaign);
@@ -6333,34 +6423,38 @@ const _AegisInAppManager = class _AegisInAppManager {
    * `<div data-aegis-slot="feedback">` will accept the first active
    * campaign with `widget_category='feedback'` + embedded_card mode.
    */
-  /**
-   * Surface predicate (In-App Surface Filter tracker P2). Byte-for-byte the
-   * same logic as the server-side `_surface_matches` in
-   * apps/cell-plane/app/api/v1/in_app/campaigns.py:
-   *   - campaign with no `surface` (undefined / []) renders on every surface
-   *   - no declared `currentSurface` => no filter (back-compat)
-   *   - otherwise the current surface must be in the campaign's surface array
-   */
-  matchesCurrentSurface(c) {
-    if (!c.surface || c.surface.length === 0) return true;
-    if (this.currentSurface === null) return true;
-    return c.surface.includes(this.currentSurface);
+  /** Normalize a declared free-form screen name to a canonical surface key
+   * ('storefront.catalog' → 'storefront_catalog'), or null when it maps
+   * outside the enum (e.g. 'shopify.product'). Mirrors the server's
+   * `_canonical_surface_from_screen`. */
+  canonicalSurfaceFromScreen() {
+    if (!this.currentScreen) return null;
+    const norm = this.currentScreen.trim().toLowerCase().replace(/[.\- ]/g, "_");
+    return _AegisInAppManager.KNOWN_SURFACES.has(norm) ? norm : null;
   }
   /**
-   * Dynamic Screens P2 — combined surface + free-form screen predicate.
-   * Byte-for-byte the server's `_screen_or_surface_matches`: when the campaign
-   * has no `target_screens` this is exactly `matchesCurrentSurface` (every
-   * existing campaign → zero behaviour change). A screen-only campaign matches
-   * strictly on `currentScreen`; a dual campaign ORs the two tiers.
+   * Dynamic Screens P2 + substrate isolation — combined surface + free-form
+   * screen predicate, mirroring the server's `_screen_or_surface_matches`:
+   *   - screen-only campaign matches strictly on `currentScreen`
+   *   - a declared screen NORMALIZES into the canonical tier
+   *     ('storefront.catalog' → storefront_catalog) so surface pins match
+   *   - a declared screen that maps OUTSIDE the enum (e.g. 'shopify.product')
+   *     does NOT fall through to the all-surfaces default for surface-pinned
+   *     campaigns — actii.me-pinned campaigns never render on Shopify
+   *   - hosts that declare nothing keep the legacy render-everything default
    */
   matchesCurrentScreenOrSurface(c) {
     const screens = c.target_screens;
-    if (!screens || screens.length === 0) {
-      return this.matchesCurrentSurface(c);
+    const screenOk = !!screens && screens.length > 0 && this.currentScreen !== null && screens.includes(this.currentScreen);
+    if (screens && screens.length > 0 && (!c.surface || c.surface.length === 0)) {
+      return screenOk;
     }
-    const screenOk = this.currentScreen !== null && screens.includes(this.currentScreen);
-    if (!c.surface || c.surface.length === 0) return screenOk;
-    return screenOk || this.matchesCurrentSurface(c);
+    if (screenOk) return true;
+    if (!c.surface || c.surface.length === 0) return true;
+    const effective = this.currentSurface ?? this.canonicalSurfaceFromScreen();
+    if (effective !== null) return c.surface.includes(effective);
+    if (this.currentScreen !== null) return false;
+    return true;
   }
   // Re-fill slots that mount after a poll (SPA route changes). Observes the DOM
   // once; when a new [data-aegis-slot] appears it re-runs renderIntoSlots from
@@ -6396,6 +6490,7 @@ const _AegisInAppManager = class _AegisInAppManager {
     this.slotObserver.observe(document.body, { childList: true, subtree: true });
   }
   renderIntoSlots() {
+    var _a, _b;
     if (typeof document === "undefined") return;
     this.ensureSlotObserver();
     const slots = document.querySelectorAll("[data-aegis-slot]");
@@ -6408,6 +6503,16 @@ const _AegisInAppManager = class _AegisInAppManager {
       const category = c.widget_category;
       if (!modes || !modes.includes("embedded_card")) continue;
       if (!category) continue;
+      const anchorSel = (_b = (_a = c.interactive_config) == null ? void 0 : _a.anchor) == null ? void 0 : _b.element_selector;
+      if (typeof anchorSel === "string" && anchorSel.trim()) {
+        let anchorResolves = false;
+        try {
+          anchorResolves = !!document.querySelector(anchorSel);
+        } catch {
+          anchorResolves = false;
+        }
+        if (anchorResolves) continue;
+      }
       if (seenIds.has(c.id)) continue;
       seenIds.add(c.id);
       const arr2 = eligibleByCategory.get(category);
@@ -6434,8 +6539,8 @@ const _AegisInAppManager = class _AegisInAppManager {
       slot.querySelectorAll(":scope > [data-aegis-slot-default]").forEach((d) => d.remove());
       const attrMs = parseInt(slot.getAttribute("data-aegis-slot-rotate") || "0", 10);
       const declaredMs = list.reduce((m2, c) => {
-        var _a;
-        const v = Number((_a = c.interactive_config) == null ? void 0 : _a.slot_rotate_ms);
+        var _a2;
+        const v = Number((_a2 = c.interactive_config) == null ? void 0 : _a2.slot_rotate_ms);
         return Number.isFinite(v) && v > m2 ? v : m2;
       }, 0);
       const rotateMs = attrMs > 0 ? attrMs : declaredMs;
@@ -9128,6 +9233,72 @@ const _AegisInAppManager = class _AegisInAppManager {
    * so journeys can react. Degrades gracefully where Notification is absent.
    */
   renderPushPrimer(campaign, ic, bg, text) {
+    if (typeof Notification !== "undefined" && Notification.permission !== "default") {
+      void this.trackEvent(campaign.id, "dismissed", {
+        meta: { reason: `permission_${Notification.permission}` }
+      });
+      return;
+    }
+    void this._fetchPushOptInConfig().then((optIn) => {
+      if (optIn.mode !== "standard") {
+        void this.trackEvent(campaign.id, "dismissed", {
+          meta: { reason: `opt_in_mode_${optIn.mode}` }
+        });
+        return;
+      }
+      if (!this._promptTriggerSatisfied(optIn.trigger)) {
+        return;
+      }
+      this._renderPushPrimerModal(campaign, ic, bg, text);
+    });
+  }
+  /**
+   * Fetch the property's push opt-in mode/trigger from /v1/sdk/config
+   * (browser HTTP cache + ETag make repeat calls cheap). Fail-open to
+   * 'standard'/'immediate' — a config blip must not silently kill the
+   * only web-push opt-in surface.
+   */
+  async _fetchPushOptInConfig() {
+    var _a, _b;
+    try {
+      const res = await fetch(`${this.apiHost}/v1/sdk/config`, {
+        headers: { "X-Aegis-Write-Key": this.writeKey }
+      });
+      const cfg = await res.json();
+      return {
+        mode: ((_a = cfg.push) == null ? void 0 : _a.opt_in_mode) || "standard",
+        trigger: ((_b = cfg.push) == null ? void 0 : _b.prompt_trigger) || "immediate"
+      };
+    } catch {
+      return { mode: "standard", trigger: "immediate" };
+    }
+  }
+  /**
+   * Prompt-timing gate for the standard primer.
+   *   immediate        → always
+   *   second_page_view → from the 2nd page load on (localStorage counter,
+   *                      incremented once per manager init)
+   *   after_first_order→ once `aegis_ordered` is set (host runtimes set it
+   *                      on purchase; storefront checkout does)
+   *   manual           → never auto-shows; host calls the primer explicitly
+   */
+  _promptTriggerSatisfied(trigger) {
+    try {
+      switch (trigger) {
+        case "second_page_view":
+          return parseInt(localStorage.getItem("aegis_pv_count") || "0", 10) >= 2;
+        case "after_first_order":
+          return localStorage.getItem("aegis_ordered") === "1";
+        case "manual":
+          return false;
+        default:
+          return true;
+      }
+    } catch {
+      return true;
+    }
+  }
+  _renderPushPrimerModal(campaign, ic, bg, text) {
     const overlay = this.createOverlay("aegis-in-app-push-primer-overlay");
     const modal = document.createElement("div");
     modal.style.cssText = `
@@ -9138,8 +9309,13 @@ const _AegisInAppManager = class _AegisInAppManager {
     const body = document.createElement("div");
     body.style.cssText = "padding: 24px; text-align: center;";
     const icon = document.createElement("div");
-    icon.style.cssText = "font-size: 36px; margin-bottom: 8px;";
-    icon.textContent = ic.icon || "🔔";
+    icon.style.cssText = "margin-bottom: 8px; display: flex; justify-content: center;";
+    if (typeof ic.icon === "string" && ic.icon.length > 0) {
+      icon.textContent = ic.icon;
+      icon.style.fontSize = "36px";
+    } else {
+      icon.innerHTML = lucideSvg("bell", { size: 36, color: text });
+    }
     body.appendChild(icon);
     const title = document.createElement("div");
     title.style.cssText = "font-size: 18px; font-weight: 700; margin-bottom: 8px;";
@@ -9159,7 +9335,8 @@ const _AegisInAppManager = class _AegisInAppManager {
         if (overlay.parentNode) document.body.removeChild(overlay);
         return;
       }
-      void Promise.resolve(Notification.requestPermission()).then((perm) => {
+      enableBtn.disabled = true;
+      void this._subscribeFromPushPrimer().then((perm) => {
         void this.trackEvent(campaign.id, "clicked", { meta: { permission: perm } });
         if (overlay.parentNode) document.body.removeChild(overlay);
       });
@@ -9178,6 +9355,93 @@ const _AegisInAppManager = class _AegisInAppManager {
     this.addAnimationStyles();
     document.body.appendChild(overlay);
   }
+  /**
+   * Push-primer Enable handler — runs the SAME end-to-end subscribe flow the
+   * (now-retired) ACS PushOptInBanner did, so the primer is a complete web-push
+   * opt-in on every surface (ACS / Shopify / 3rd-party site), not just an OS
+   * permission prompt. Steps: fetch VAPID public key → register SW → hard-ask →
+   * subscribe → POST /v1/web_push/subscriptions → stitch known contact.
+   *
+   * Push runtime resolution prefers the already-loaded `window.AegisWebPush`
+   * global (the Shopify embed lazy-loads it via /apps/active_reach/push.js, so
+   * we reuse that single instance instead of registering the SW twice), and
+   * only dynamic-imports the module as a fallback for hosts that didn't preload
+   * it (ACS / 3rd-party sites). Returns the resolved permission string for
+   * engagement reporting; falls back to a bare permission ask if push can't be
+   * wired (no propertyId, no VAPID).
+   */
+  async _subscribeFromPushPrimer() {
+    var _a, _b, _c, _d, _e;
+    if (!this.propertyId) {
+      return Notification.requestPermission();
+    }
+    try {
+      const cfgRes = await fetch(`${this.apiHost}/v1/sdk/config`, {
+        headers: { "X-Aegis-Write-Key": this.writeKey }
+      });
+      const cfg = await cfgRes.json();
+      const vapidPublicKey = ((_a = cfg.push) == null ? void 0 : _a.vapid_public_key) || "";
+      if (!((_b = cfg.push) == null ? void 0 : _b.enabled) || !vapidPublicKey) {
+        return Notification.requestPermission();
+      }
+      if (((_c = cfg.push) == null ? void 0 : _c.opt_in_mode) === "off") {
+        return Notification.permission;
+      }
+      const serviceWorkerPath = ((_d = cfg.push) == null ? void 0 : _d.service_worker_path) || "/aegis-sw.js";
+      const serviceWorkerScope = ((_e = cfg.push) == null ? void 0 : _e.service_worker_scope) || "/";
+      if (this.contactId && typeof window !== "undefined") {
+        try {
+          window.localStorage.setItem("aegis_contact_id", this.contactId);
+        } catch {
+        }
+      }
+      const writeKey = this.writeKey;
+      const apiHost = this.apiHost;
+      const organizationId = this.organizationId;
+      const apiClient = {
+        async post(endpoint, payload, headers) {
+          const res = await fetch(`${apiHost}${endpoint}`, {
+            method: "POST",
+            headers: {
+              "Content-Type": "application/json",
+              "X-Aegis-Write-Key": writeKey,
+              ...organizationId ? { "X-Organization-ID": organizationId } : {},
+              ...headers ?? {}
+            },
+            body: JSON.stringify(payload)
+          });
+          if (!res.ok) throw new Error(`push api ${endpoint} → ${res.status}`);
+          return res.json().catch(() => ({}));
+        }
+      };
+      const AegisWebPush2 = typeof window !== "undefined" && window.AegisWebPush || (await import("./push/AegisWebPush.js")).AegisWebPush;
+      const webPush = new AegisWebPush2(apiClient, {
+        vapidPublicKey,
+        propertyId: this.propertyId,
+        // Anon id doubles as the device-fingerprint salt so a re-subscribe
+        // after VAPID rotation upserts onto the same subscription row.
+        firstPartyCookieId: readAnonIdFromStorage$1() || this.contactId || this.organizationId || "",
+        serviceWorkerPath,
+        serviceWorkerScope,
+        autoPrompt: false,
+        writeKey,
+        organizationId
+      });
+      await webPush.initialize();
+      const granted = await webPush.requestPermission();
+      if (granted && this.contactId) {
+        await webPush.identify({ contactId: this.contactId });
+      }
+      return Notification.permission;
+    } catch (err) {
+      console.warn("[Aegis in-app] push-primer subscribe failed:", err);
+      try {
+        return await Notification.requestPermission();
+      } catch {
+        return Notification.permission;
+      }
+    }
+  }
   renderQuiz(campaign, ic, bg, text) {
     const overlay = this.createOverlay("aegis-in-app-quiz-overlay");
     const modal = document.createElement("div");
@@ -11241,12 +11505,16 @@ const _AegisInAppManager = class _AegisInAppManager {
         // journey/template/outlet on the engagement delivery_event.
         journey_execution_id: trackedCampaign == null ? void 0 : trackedCampaign.journey_execution_id,
         lifecycle_fork_id: trackedCampaign == null ? void 0 : trackedCampaign.lifecycle_fork_id,
-        location_id: trackedCampaign == null ? void 0 : trackedCampaign.location_id,
+        // Outlet the customer is ACTIVELY viewing (setLocation) wins — that's
+        // where the impression/click actually happened; fall back to the served
+        // campaign's outlet, else brand-tier. The gateway promotes this to the
+        // canonical event's top-level for per-outlet in-app analytics.
+        location_id: this.currentLocationId ?? (trackedCampaign == null ? void 0 : trackedCampaign.location_id),
         metadata: {
           property_id: this.propertyId,
           variant_id: this.getVariantId(campaignId) ?? void 0,
           lifecycle_fork_id: trackedCampaign == null ? void 0 : trackedCampaign.lifecycle_fork_id,
-          location_id: trackedCampaign == null ? void 0 : trackedCampaign.location_id,
+          location_id: this.currentLocationId ?? (trackedCampaign == null ? void 0 : trackedCampaign.location_id),
           // Renderer-supplied metadata (e.g. anchor_resolved/anchor_selector on
           // an anchor_unresolved event). The gateway spreads payload.metadata
           // into the canonical event so these land in in_app_events.metadata.
@@ -14537,7 +14805,7 @@ const _AegisMessageRuntime = class _AegisMessageRuntime {
     var _a;
     this.initialized = false;
     {
-      const v = "1.35.2";
+      const v = "1.36.0";
       try {
         globalThis.__AEGIS_SDK_VERSION__ = v;
       } catch {