@active-reach/web-sdk 1.35.0 → 1.35.4

package/dist/index.js

@@ -1,5 +1,5 @@
-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 { S as Storage, l as logger, A as Aegis } from "./analytics-ZwrwqCTJ.mjs";
+import { B, E, N, R, U, m } from "./analytics-ZwrwqCTJ.mjs";
 import { AegisWebPush } from "./push/AegisWebPush.js";
 function debounce(func, wait) {
   let timeoutId = null;
@@ -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;
     });
@@ -753,6 +757,315 @@ function buildRatingInputElement(el2, ctx, fg) {
   wrap.appendChild(row);
   return wrap;
 }
+function starRow(scale, onPick) {
+  const row = document.createElement("div");
+  row.style.cssText = "display:flex;gap:2px;flex-shrink:0;";
+  const stars2 = [];
+  let picked = 0;
+  const paint = (upto) => {
+    stars2.forEach((s, idx) => {
+      const on = idx < upto;
+      s.setAttribute("stroke", on ? "#f59e0b" : "#d1d5db");
+      s.setAttribute("fill", on ? "#f59e0b" : "none");
+    });
+  };
+  for (let i = 1; i <= scale; i++) {
+    const btn = document.createElement("button");
+    btn.type = "button";
+    btn.setAttribute("aria-label", `${i} star${i > 1 ? "s" : ""}`);
+    btn.style.cssText = "cursor:pointer;border:none;background:none;padding:1px;line-height:0;";
+    const svg = lucideSvgEl("star", { size: 22, color: "#d1d5db" });
+    if (svg) {
+      btn.appendChild(svg);
+      stars2.push(svg);
+    }
+    btn.addEventListener("mouseenter", () => paint(i));
+    btn.addEventListener("mouseleave", () => paint(picked));
+    btn.addEventListener("click", () => {
+      picked = i;
+      paint(i);
+      onPick(i);
+    });
+    row.appendChild(btn);
+  }
+  return row;
+}
+function ratingThumb(it, accent) {
+  const box = document.createElement("div");
+  box.style.cssText = `width:40px;height:40px;flex-shrink:0;border-radius:8px;overflow:hidden;background:${accent}1f;display:flex;align-items:center;justify-content:center;`;
+  if (it.image_url) {
+    const img = document.createElement("img");
+    img.src = it.image_url;
+    img.alt = it.name || "";
+    img.loading = "lazy";
+    img.style.cssText = "width:100%;height:100%;object-fit:cover;";
+    box.appendChild(img);
+  } else {
+    const mono = document.createElement("span");
+    mono.textContent = (it.name || "?").slice(0, 1).toUpperCase();
+    mono.style.cssText = `font-size:16px;font-weight:700;color:${accent};`;
+    box.appendChild(mono);
+  }
+  return box;
+}
+function buildProductRatingListElement(el2, ctx, fg) {
+  const wrap = document.createElement("div");
+  wrap.style.cssText = "display:flex;flex-direction:column;gap:10px;margin:2px 0;";
+  const slot = ctx.slotEl;
+  if (!slot) return wrap;
+  const accent = ctx.sanitizeColor(
+    slot.getAttribute("data-accent") || ctx.campaign.background_color || "#4169e1"
+  );
+  const orderId = slot.getAttribute("data-order-id");
+  const billCode = slot.getAttribute("data-bill-code");
+  const token = slot.getAttribute("data-token");
+  const reviewsUrl = slot.getAttribute("data-reviews-url") || el2.rating_high_url || null;
+  const scale = typeof el2.rating_scale === "number" && el2.rating_scale >= 2 && el2.rating_scale <= 10 ? Math.floor(el2.rating_scale) : 5;
+  const showThumb = el2.show_thumbnail !== false && el2.rating_layout !== "compact";
+  const scores = {};
+  const allowText = el2.allow_review_text === true;
+  const canUpload = !!(ctx.apiHost && ctx.writeKey && ctx.organizationId);
+  const allowMedia = el2.allow_review_media === true && canUpload;
+  let reviewText = "";
+  const mediaUrls = [];
+  const fileToB64 = (file) => new Promise((resolve, reject) => {
+    const r = new FileReader();
+    r.onload = () => {
+      const s = String(r.result || "");
+      resolve(s.includes(",") ? s.split(",")[1] : s);
+    };
+    r.onerror = () => reject(r.error);
+    r.readAsDataURL(file);
+  });
+  const uploadOne = async (file) => {
+    if (!ctx.apiHost || !ctx.writeKey || !ctx.organizationId) return null;
+    try {
+      const data = await fileToB64(file);
+      const res = await fetch(`${ctx.apiHost}/v1/in-app/review-media`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          "X-Aegis-Write-Key": ctx.writeKey,
+          "X-Organization-ID": ctx.organizationId
+        },
+        body: JSON.stringify({ data, content_type: file.type })
+      });
+      if (!res.ok) return null;
+      const j = await res.json();
+      return j.url ? { url: j.url, type: j.type === "video" ? "video" : "image" } : null;
+    } catch {
+      return null;
+    }
+  };
+  const buildComposer = () => {
+    const box = document.createElement("div");
+    box.style.cssText = "display:flex;flex-direction:column;gap:8px;margin-top:2px;";
+    const toggle = document.createElement("button");
+    toggle.type = "button";
+    toggle.textContent = allowMedia ? "+ Add a written review & photos" : "+ Add a written review";
+    toggle.style.cssText = `align-self:flex-start;border:none;background:none;cursor:pointer;color:${accent};font-size:13px;font-weight:700;padding:2px 0;`;
+    const panel = document.createElement("div");
+    panel.style.cssText = "display:none;flex-direction:column;gap:8px;";
+    toggle.addEventListener("click", () => {
+      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()) {
+      hint.textContent = el2.review_earn_hint.trim();
+      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");
+      ta.placeholder = "Tell us more (optional)";
+      ta.rows = 3;
+      ta.style.cssText = `width:100%;box-sizing:border-box;border:1px solid #e5e7eb;border-radius:10px;padding:8px 10px;font-size:13px;color:${fg};font-family:inherit;resize:vertical;`;
+      ta.addEventListener("input", () => {
+        reviewText = ta.value;
+      });
+      panel.appendChild(ta);
+    }
+    if (allowMedia) {
+      const strip = document.createElement("div");
+      strip.style.cssText = "display:flex;gap:8px;flex-wrap:wrap;align-items:center;";
+      const input = document.createElement("input");
+      input.type = "file";
+      input.accept = "image/*,video/*";
+      input.multiple = true;
+      input.style.cssText = "display:none;";
+      const addTile = document.createElement("button");
+      addTile.type = "button";
+      addTile.setAttribute("aria-label", "Add photo or video");
+      addTile.style.cssText = `width:48px;height:48px;flex-shrink:0;border:1px dashed ${accent};border-radius:10px;background:${accent}14;color:${accent};cursor:pointer;display:flex;align-items:center;justify-content:center;`;
+      const plus = lucideSvgEl("plus", { size: 22, color: accent });
+      if (plus) addTile.appendChild(plus);
+      addTile.addEventListener("click", () => input.click());
+      input.addEventListener("change", () => {
+        const files = Array.from(input.files || []);
+        input.value = "";
+        files.forEach((f) => {
+          if (mediaUrls.length >= 6) return;
+          const thumb = document.createElement("div");
+          thumb.style.cssText = "width:48px;height:48px;flex-shrink:0;border-radius:10px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:11px;color:#9ca3af;";
+          thumb.textContent = "…";
+          strip.insertBefore(thumb, addTile);
+          void uploadOne(f).then((up) => {
+            if (!up) {
+              thumb.textContent = "!";
+              return;
+            }
+            mediaUrls.push(up);
+            thumb.textContent = "";
+            if (up.type === "video") {
+              const vid = lucideSvgEl("play", { size: 20, color: "#6b7280" });
+              if (vid) thumb.appendChild(vid);
+            } else {
+              const img = document.createElement("img");
+              img.src = up.url;
+              img.style.cssText = "width:100%;height:100%;object-fit:cover;";
+              thumb.appendChild(img);
+            }
+          });
+        });
+      });
+      strip.appendChild(addTile);
+      strip.appendChild(input);
+      panel.appendChild(strip);
+    }
+    box.appendChild(toggle);
+    box.appendChild(panel);
+    return box;
+  };
+  const submitBtn = document.createElement("button");
+  submitBtn.type = "button";
+  submitBtn.textContent = "Submit ratings";
+  submitBtn.style.cssText = `margin-top:2px;width:100%;border:0;border-radius:999px;background:${accent};color:#fff;font-size:14px;font-weight:700;padding:10px 16px;cursor:pointer;opacity:.5;pointer-events:none;`;
+  const refreshSubmit = () => {
+    const has = Object.keys(scores).length > 0;
+    submitBtn.style.opacity = has ? "1" : ".5";
+    submitBtn.style.pointerEvents = has ? "auto" : "none";
+  };
+  const done = (branch) => {
+    var _a;
+    wrap.innerHTML = "";
+    const ack = document.createElement("div");
+    ack.style.cssText = "text-align:center;padding:8px 0;";
+    const t = document.createElement("p");
+    t.textContent = typeof el2.thanks_text === "string" && el2.thanks_text.trim() ? el2.thanks_text : "Thanks for rating your items!";
+    t.style.cssText = `margin:0;font-size:14px;font-weight:700;color:${fg};`;
+    ack.appendChild(t);
+    if (branch === "positive" && reviewsUrl) {
+      const a = document.createElement("a");
+      a.href = ctx.sanitizeUrl(reviewsUrl) || "#";
+      a.textContent = el2.rating_high_cta || "Share a review";
+      a.style.cssText = `display:inline-block;margin-top:6px;font-size:12px;font-weight:700;color:${accent};text-decoration:none;`;
+      ack.appendChild(a);
+    }
+    wrap.appendChild(ack);
+    (_a = ctx.playReaction) == null ? void 0 : _a.call(ctx, wrap, branch === "positive" ? "affirm" : "acknowledge");
+  };
+  let submitting = false;
+  submitBtn.addEventListener("click", () => {
+    var _a;
+    const rated = Object.keys(scores);
+    if (submitting || rated.length === 0) return;
+    submitting = true;
+    submitBtn.disabled = true;
+    submitBtn.style.opacity = ".6";
+    submitBtn.textContent = "Saving…";
+    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] })),
+        order_id: orderId,
+        bill_code: billCode,
+        token,
+        ...reviewText.trim() ? { review_text: reviewText.trim() } : {},
+        ...mediaUrls.length ? { media_urls: mediaUrls } : {}
+      })
+    ).then((res) => {
+      var _a2;
+      const branch = ((_a2 = res == null ? void 0 : res.rating_result) == null ? void 0 : _a2.branch) || "positive";
+      done(branch);
+    }).catch(() => {
+      submitting = false;
+      submitBtn.disabled = false;
+      submitBtn.style.opacity = "1";
+      submitBtn.textContent = "Submit ratings";
+    });
+  });
+  const render = (items) => {
+    wrap.innerHTML = "";
+    const clean = (items || []).filter((it) => it && it.product_id);
+    if (clean.length === 0) return;
+    const list = document.createElement("div");
+    list.style.cssText = "display:flex;flex-direction:column;gap:10px;";
+    clean.forEach((it) => {
+      const rowEl = document.createElement("div");
+      rowEl.style.cssText = "display:flex;align-items:center;gap:10px;";
+      if (showThumb) rowEl.appendChild(ratingThumb(it, accent));
+      const nameEl = document.createElement("span");
+      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();
+        })
+      );
+      list.appendChild(rowEl);
+    });
+    wrap.appendChild(list);
+    if (allowText || allowMedia) wrap.appendChild(buildComposer());
+    wrap.appendChild(submitBtn);
+  };
+  const rawAttr = slot.getAttribute("data-rateable-items");
+  if (rawAttr) {
+    try {
+      const parsed = JSON.parse(rawAttr);
+      render(Array.isArray(parsed) ? parsed : []);
+    } catch {
+    }
+  } else if (token && ctx.apiHost && ctx.writeKey) {
+    const loader = document.createElement("div");
+    loader.textContent = "Loading your items…";
+    loader.style.cssText = `font-size:13px;color:${fg};opacity:.6;padding:6px 0;`;
+    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);
+    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(() => {
+      wrap.innerHTML = "";
+    });
+  }
+  return wrap;
+}
 function appendThanks(wrap, el2, fg, fallback) {
   const msg = typeof el2.thanks_text === "string" && el2.thanks_text.trim() ? el2.thanks_text : fallback;
   if (!msg) return;
@@ -796,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!");
@@ -819,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;
     });
@@ -864,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");
@@ -920,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 {
@@ -1037,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":
@@ -1055,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,
@@ -1233,6 +1565,10 @@ function renderCardFromTemplate(card, opts) {
           container.appendChild(buildNpsElement(el2, ctx, fg, brand, muted));
           break;
         }
+        case "product_rating_list": {
+          container.appendChild(buildProductRatingListElement(el2, ctx, fg));
+          break;
+        }
         case "group": {
           const g = document.createElement("div");
           const gdir = el2.layout === "row" ? "row" : "column";
@@ -1256,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;
@@ -3724,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";
@@ -3913,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 = () => {
@@ -5027,7 +5368,7 @@ function disposeActiveWebChat() {
   activeInstance = null;
 }
 const SVG_NS = "http://www.w3.org/2000/svg";
-function el$1(tag, css, text) {
+function el(tag, css, text) {
   const e = document.createElement(tag);
   if (css) e.style.cssText = css;
   if (text != null) e.textContent = text;
@@ -5048,13 +5389,13 @@ function star(filled, size) {
   return svg;
 }
 function stars(rating, size = 15) {
-  const wrap = el$1("span", "display:inline-flex;gap:2px;vertical-align:middle;");
+  const wrap = el("span", "display:inline-flex;gap:2px;vertical-align:middle;");
   wrap.setAttribute("aria-label", `${rating} out of 5`);
   for (let i = 1; i <= 5; i++) wrap.appendChild(star(i <= rating, size));
   return wrap;
 }
 function verifiedBadge() {
-  const b = el$1(
+  const b = el(
     "span",
     "display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:600;color:#059669;"
   );
@@ -5071,12 +5412,33 @@ function verifiedBadge() {
   p.setAttribute("stroke-linejoin", "round");
   svg.appendChild(p);
   b.appendChild(svg);
-  b.appendChild(el$1("span", "", "Verified purchase"));
+  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$1(
+  const a = el(
     "span",
     `flex:0 0 auto;width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:${accent};background:${accent}1a;`,
     initial
@@ -5084,7 +5446,7 @@ function avatar(name, accent) {
   return a;
 }
 function thumbBtn(up, count, reviewId, creds) {
-  const btn = el$1(
+  const btn = el(
     "button",
     "display:inline-flex;align-items:center;gap:5px;font-size:13px;color:#6b7280;background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:8px;font-family:inherit;"
   );
@@ -5101,7 +5463,7 @@ function thumbBtn(up, count, reviewId, creds) {
   p.setAttribute("fill", "currentColor");
   svg.appendChild(p);
   btn.appendChild(svg);
-  const c = el$1("span", "", String(count));
+  const c = el("span", "", String(count));
   btn.appendChild(c);
   const key = `aegis_rv_voted_${reviewId}`;
   let voted = false;
@@ -5179,7 +5541,7 @@ function renderReviewsInline(ctx, target, creds) {
   const productId = cfg.getAttribute("data-product-id") || ctx.campaign.product_id || null;
   const state = { sort: "recent", withPhotos: false };
   target.innerHTML = "";
-  target.appendChild(el$1("div", `font-family:${IN_APP_FONT_STACK};font-size:13px;color:#9ca3af;padding:10px 0;`, "Loading reviews…"));
+  target.appendChild(el("div", `font-family:${IN_APP_FONT_STACK};font-size:13px;color:#9ca3af;padding:10px 0;`, "Loading reviews…"));
   function buildUrl() {
     const url = new URL("/v1/reviews/public", creds.apiHost);
     if (productId) url.searchParams.set("product_id", productId);
@@ -5194,20 +5556,21 @@ function renderReviewsInline(ctx, target, creds) {
   let listContainer = null;
   function reviewCard(r) {
     var _a, _b, _c;
-    const li = el$1("li", "padding:22px 0;border-top:1px solid #f0f1f3;");
-    const head = el$1("div", "display:flex;align-items:center;gap:10px;");
+    const li = el("li", "padding:22px 0;border-top:1px solid #f0f1f3;");
+    const head = el("div", "display:flex;align-items:center;gap:10px;");
     head.appendChild(avatar(((_a = r.reviewer_snapshot) == null ? void 0 : _a.name) ?? "Customer", accent));
-    const idn = el$1("div", "display:flex;flex-direction:column;gap:2px;min-width:0;");
-    const nameRow = el$1("div", "display:flex;flex-wrap:wrap;align-items:center;gap:8px;");
-    nameRow.appendChild(el$1("span", "font-size:15px;font-weight:700;color:#111827;", ((_b = r.reviewer_snapshot) == null ? void 0 : _b.name) ?? "Customer"));
+    const idn = el("div", "display:flex;flex-direction:column;gap:2px;min-width:0;");
+    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);
     if (r.created_at) {
       const d = new Date(r.created_at);
       if (!Number.isNaN(d.getTime())) {
-        head.appendChild(el$1(
+        head.appendChild(el(
           "span",
           "margin-left:auto;font-size:12px;color:#9ca3af;white-space:nowrap;",
           d.toLocaleDateString(void 0, { day: "numeric", month: "short", year: "numeric" })
@@ -5216,10 +5579,10 @@ function renderReviewsInline(ctx, target, creds) {
     }
     li.appendChild(head);
     if (r.review_text) {
-      li.appendChild(el$1("p", "margin:12px 0 0;font-size:15px;line-height:1.6;color:#374151;", r.review_text));
+      li.appendChild(el("p", "margin:12px 0 0;font-size:15px;line-height:1.6;color:#374151;", r.review_text));
     }
     if (r.media && r.media.length > 0) {
-      const gallery = el$1("div", "display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;");
+      const gallery = el("div", "display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;");
       for (const m2 of r.media.slice(0, 6)) {
         const safe = ctx.sanitizeUrl(m2.url);
         if (!safe) continue;
@@ -5232,22 +5595,22 @@ function renderReviewsInline(ctx, target, creds) {
       }
       if (gallery.childElementCount) li.appendChild(gallery);
     }
-    const foot = el$1("div", "display:flex;align-items:center;gap:6px;margin-top:12px;");
-    foot.appendChild(el$1("span", "font-size:13px;color:#9ca3af;margin-right:2px;", "Was this helpful?"));
+    const foot = el("div", "display:flex;align-items:center;gap:6px;margin-top:12px;");
+    foot.appendChild(el("span", "font-size:13px;color:#9ca3af;margin-right:2px;", "Was this helpful?"));
     foot.appendChild(thumbBtn(true, r.helpful_count ?? 0, r.id, creds));
     foot.appendChild(thumbBtn(false, r.not_helpful_count ?? 0, r.id, creds));
     li.appendChild(foot);
     if ((_c = r.operator_reply) == null ? void 0 : _c.text) {
-      const reply = el$1(
+      const reply = el(
         "div",
         `margin-top:14px;margin-left:44px;border-left:3px solid ${accent};background:${accent}0d;border-radius:0 12px 12px 0;padding:12px 14px;`
       );
-      const rlabel = el$1("div", "display:flex;align-items:center;gap:6px;margin-bottom:5px;");
-      rlabel.appendChild(el$1("span", `width:7px;height:7px;border-radius:999px;background:${accent};display:inline-block;`));
-      rlabel.appendChild(el$1("span", `font-size:12px;font-weight:700;color:${accent};`, brand));
-      rlabel.appendChild(el$1("span", "font-size:12px;color:#9ca3af;", "· replied"));
+      const rlabel = el("div", "display:flex;align-items:center;gap:6px;margin-bottom:5px;");
+      rlabel.appendChild(el("span", `width:7px;height:7px;border-radius:999px;background:${accent};display:inline-block;`));
+      rlabel.appendChild(el("span", `font-size:12px;font-weight:700;color:${accent};`, brand));
+      rlabel.appendChild(el("span", "font-size:12px;color:#9ca3af;", "· replied"));
       reply.appendChild(rlabel);
-      reply.appendChild(el$1("p", "margin:0;font-size:14px;line-height:1.55;color:#4b5563;", r.operator_reply.text));
+      reply.appendChild(el("p", "margin:0;font-size:14px;line-height:1.55;color:#4b5563;", r.operator_reply.text));
       li.appendChild(reply);
     }
     return li;
@@ -5256,15 +5619,15 @@ function renderReviewsInline(ctx, target, creds) {
     if (!listContainer) return;
     listContainer.innerHTML = "";
     if (items.length === 0) {
-      listContainer.appendChild(el$1("p", "padding:20px 0;font-size:14px;color:#9ca3af;text-align:center;", "No reviews match this filter."));
+      listContainer.appendChild(el("p", "padding:20px 0;font-size:14px;color:#9ca3af;text-align:center;", "No reviews match this filter."));
       return;
     }
-    const ul = el$1("ul", "list-style:none;margin:0;padding:0;");
+    const ul = el("ul", "list-style:none;margin:0;padding:0;");
     for (const r of items) ul.appendChild(reviewCard(r));
     listContainer.appendChild(ul);
   }
   function pill(label, active, onClick) {
-    const b = el$1(
+    const b = el(
       "button",
       `font-size:13px;font-weight:600;padding:7px 16px;border-radius:999px;cursor:pointer;font-family:inherit;` + (active ? `background:${accent};color:#fff;border:1px solid ${accent};` : "background:#fff;color:#374151;border:1px solid #e5e7eb;"),
       label
@@ -5273,7 +5636,7 @@ function renderReviewsInline(ctx, target, creds) {
     return b;
   }
   function controls(rerender) {
-    const bar = el$1("div", "display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 4px;");
+    const bar = el("div", "display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 4px;");
     const sel = document.createElement("select");
     sel.style.cssText = `font-size:13px;font-weight:600;padding:7px 30px 7px 14px;border:1px solid #e5e7eb;border-radius:999px;background:#fff;color:#374151;cursor:pointer;font-family:inherit;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;`;
     for (const s of SORTS) {
@@ -5300,29 +5663,29 @@ function renderReviewsInline(ctx, target, creds) {
     return bar;
   }
   function distributionPanel(dist, total) {
-    const box = el$1("div", "flex:0 1 300px;width:300px;max-width:100%;display:flex;flex-direction:column;gap:7px;");
+    const box = el("div", "flex:0 1 300px;width:300px;max-width:100%;display:flex;flex-direction:column;gap:7px;");
     for (let r = 5; r >= 1; r--) {
       const n = dist[String(r)] ?? 0;
       const pct = total > 0 ? Math.round(n / total * 100) : 0;
-      const row = el$1("div", "display:flex;align-items:center;gap:10px;font-size:13px;color:#6b7280;");
-      const lbl = el$1("span", "width:30px;display:inline-flex;align-items:center;gap:3px;color:#374151;font-weight:600;", String(r));
+      const row = el("div", "display:flex;align-items:center;gap:10px;font-size:13px;color:#6b7280;");
+      const lbl = el("span", "width:30px;display:inline-flex;align-items:center;gap:3px;color:#374151;font-weight:600;", String(r));
       lbl.appendChild(star(true, 11));
       row.appendChild(lbl);
-      const track = el$1("div", "flex:1;height:8px;background:#f0f1f3;border-radius:999px;overflow:hidden;");
-      track.appendChild(el$1("div", `width:${pct}%;height:100%;background:${accent};border-radius:999px;`));
+      const track = el("div", "flex:1;height:8px;background:#f0f1f3;border-radius:999px;overflow:hidden;");
+      track.appendChild(el("div", `width:${pct}%;height:100%;background:${accent};border-radius:999px;`));
       row.appendChild(track);
-      row.appendChild(el$1("span", "width:24px;text-align:right;font-variant-numeric:tabular-nums;", String(n)));
+      row.appendChild(el("span", "width:24px;text-align:right;font-variant-numeric:tabular-nums;", String(n)));
       box.appendChild(row);
     }
     return box;
   }
   function aiSummaryCard(summary) {
-    const card = el$1(
+    const card = el(
       "div",
       "position:relative;border-radius:18px;padding:18px 20px;margin-bottom:24px;background:linear-gradient(135deg,#faf5ff 0%,#f5f3ff 100%);border:1px solid #ede9fe;"
     );
-    const head = el$1("div", "display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;");
-    const left = el$1("div", "display:flex;align-items:center;gap:7px;");
+    const head = el("div", "display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;");
+    const left = el("div", "display:flex;align-items:center;gap:7px;");
     const sp = document.createElementNS(SVG_NS, "svg");
     sp.setAttribute("viewBox", "0 0 24 24");
     sp.setAttribute("width", "16");
@@ -5332,17 +5695,17 @@ function renderReviewsInline(ctx, target, creds) {
     spp.setAttribute("fill", "#7c3aed");
     sp.appendChild(spp);
     left.appendChild(sp);
-    left.appendChild(el$1("span", "font-size:12px;font-weight:800;letter-spacing:.07em;color:#6d28d9;text-transform:uppercase;", "What customers say"));
+    left.appendChild(el("span", "font-size:12px;font-weight:800;letter-spacing:.07em;color:#6d28d9;text-transform:uppercase;", "What customers say"));
     head.appendChild(left);
-    head.appendChild(el$1("span", "font-size:11px;font-weight:600;color:#a78bda;", "AI-generated"));
+    head.appendChild(el("span", "font-size:11px;font-weight:600;color:#a78bda;", "AI-generated"));
     card.appendChild(head);
-    card.appendChild(el$1("p", "margin:0;font-size:15px;line-height:1.6;color:#3b2a63;", summary.text));
-    card.appendChild(el$1("p", "margin:8px 0 0;font-size:12px;color:#a78bda;text-align:right;", `from ${summary.review_count} reviews`));
+    card.appendChild(el("p", "margin:0;font-size:15px;line-height:1.6;color:#3b2a63;", summary.text));
+    card.appendChild(el("p", "margin:8px 0 0;font-size:12px;color:#a78bda;text-align:right;", `from ${summary.review_count} reviews`));
     return card;
   }
   function renderWall(data) {
     target.innerHTML = "";
-    const root = el$1(
+    const root = el(
       "section",
       `font-family:${IN_APP_FONT_STACK};color:#111827;max-width:860px;margin:0 auto;-webkit-font-smoothing:antialiased;`
     );
@@ -5350,25 +5713,25 @@ function renderReviewsInline(ctx, target, creds) {
     const summary = data.aggregate.ai_summary;
     if (summary && summary.text) root.appendChild(aiSummaryCard(summary));
     if (data.aggregate.count === 0) {
-      root.appendChild(el$1("p", "font-size:15px;color:#9ca3af;padding:6px 0;", "No reviews yet — be the first to share your experience."));
+      root.appendChild(el("p", "font-size:15px;color:#9ca3af;padding:6px 0;", "No reviews yet — be the first to share your experience."));
       target.appendChild(root);
       return;
     }
-    const header = el$1("div", "display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 40px;padding-bottom:4px;");
-    const ratingBlock = el$1("div", "display:flex;flex-direction:column;gap:4px;");
-    const topRow = el$1("div", "display:flex;align-items:center;gap:12px;");
+    const header = el("div", "display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 40px;padding-bottom:4px;");
+    const ratingBlock = el("div", "display:flex;flex-direction:column;gap:4px;");
+    const topRow = el("div", "display:flex;align-items:center;gap:12px;");
     const avg = data.aggregate.avg_rating ?? 0;
     topRow.appendChild(stars(Math.round(avg), 20));
-    topRow.appendChild(el$1("span", "font-size:32px;font-weight:800;line-height:1;letter-spacing:-0.02em;", avg ? avg.toFixed(1) : "—"));
+    topRow.appendChild(el("span", "font-size:32px;font-weight:800;line-height:1;letter-spacing:-0.02em;", avg ? avg.toFixed(1) : "—"));
     ratingBlock.appendChild(topRow);
-    ratingBlock.appendChild(el$1("span", "font-size:13px;color:#6b7280;", `${data.aggregate.count} review${data.aggregate.count === 1 ? "" : "s"} · 100% verified`));
+    ratingBlock.appendChild(el("span", "font-size:13px;color:#6b7280;", `${data.aggregate.count} review${data.aggregate.count === 1 ? "" : "s"} · 100% verified`));
     header.appendChild(ratingBlock);
     header.appendChild(distributionPanel(data.aggregate.distribution, data.aggregate.count));
     root.appendChild(header);
     root.appendChild(controls(() => {
       void fetchReviews().then((d) => renderList((d == null ? void 0 : d.items) ?? []));
     }));
-    listContainer = el$1("div", "margin-top:2px;");
+    listContainer = el("div", "margin-top:2px;");
     root.appendChild(listContainer);
     renderList(data.items);
     target.appendChild(root);
@@ -5380,23 +5743,23 @@ function renderReviewsInline(ctx, target, creds) {
     var _a;
     target.innerHTML = "";
     if (data.aggregate.count === 0) return;
-    const root = el$1(
+    const root = el(
       "section",
       `font-family:${IN_APP_FONT_STACK};color:#111827;max-width:860px;margin:0 auto;border:1px solid #f0f1f3;border-radius:16px;padding:16px 18px;`
     );
-    const line = el$1("div", "display:flex;align-items:center;gap:8px;");
+    const line = el("div", "display:flex;align-items:center;gap:8px;");
     const avg = data.aggregate.avg_rating ?? 0;
     line.appendChild(stars(Math.round(avg), 16));
-    line.appendChild(el$1("span", "font-size:16px;font-weight:700;", avg ? avg.toFixed(1) : "—"));
-    line.appendChild(el$1("span", "font-size:13px;color:#6b7280;", `(${data.aggregate.count})`));
+    line.appendChild(el("span", "font-size:16px;font-weight:700;", avg ? avg.toFixed(1) : "—"));
+    line.appendChild(el("span", "font-size:13px;color:#6b7280;", `(${data.aggregate.count})`));
     line.appendChild(verifiedBadge());
     root.appendChild(line);
     const top = data.items.find((i) => i.review_text);
     if (top && top.review_text) {
-      root.appendChild(el$1("p", "margin:10px 0 0;font-size:15px;color:#374151;line-height:1.5;", `“${top.review_text}”`));
-      root.appendChild(el$1("span", "font-size:13px;color:#9ca3af;", `— ${((_a = top.reviewer_snapshot) == null ? void 0 : _a.name) ?? "Customer"}`));
+      root.appendChild(el("p", "margin:10px 0 0;font-size:15px;color:#374151;line-height:1.5;", `“${top.review_text}”`));
+      root.appendChild(el("span", "font-size:13px;color:#9ca3af;", `— ${((_a = top.reviewer_snapshot) == null ? void 0 : _a.name) ?? "Customer"}`));
     }
-    const seeAll = el$1("button", `margin-top:12px;font-size:14px;font-weight:700;color:${accent};background:none;border:none;cursor:pointer;padding:0;font-family:inherit;`, "See all reviews →");
+    const seeAll = el("button", `margin-top:12px;font-size:14px;font-weight:700;color:${accent};background:none;border:none;cursor:pointer;padding:0;font-family:inherit;`, "See all reviews →");
     seeAll.addEventListener("click", () => renderWall(data));
     root.appendChild(seeAll);
     target.appendChild(root);
@@ -5420,10 +5783,10 @@ function renderReviewsOverlay(ctx, creds) {
   overlay.style.cssText = "position:fixed;inset:0;background:rgba(17,24,39,0.5);display:flex;align-items:flex-end;justify-content:center;z-index:99999;";
   const sheet = document.createElement("div");
   sheet.style.cssText = `background:#fff;color:#111827;max-width:680px;width:100%;max-height:84vh;overflow-y:auto;border-radius:24px 24px 0 0;padding:18px 18px 28px;font-family:${IN_APP_FONT_STACK};box-shadow:0 -16px 40px rgba(0,0,0,0.14);`;
-  sheet.appendChild(el$1("div", "width:38px;height:4px;border-radius:999px;background:#e5e7eb;margin:0 auto 14px;"));
-  const bar = el$1("div", "display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;");
-  bar.appendChild(el$1("div", "font-weight:800;font-size:17px;", ctx.campaign.title || "Customer reviews"));
-  const close = el$1("button", "background:none;border:none;cursor:pointer;padding:4px 8px;color:#6b7280;");
+  sheet.appendChild(el("div", "width:38px;height:4px;border-radius:999px;background:#e5e7eb;margin:0 auto 14px;"));
+  const bar = el("div", "display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;");
+  bar.appendChild(el("div", "font-weight:800;font-size:17px;", ctx.campaign.title || "Customer reviews"));
+  const close = el("button", "background:none;border:none;cursor:pointer;padding:4px 8px;color:#6b7280;");
   const x = document.createElementNS(SVG_NS, "svg");
   x.setAttribute("viewBox", "0 0 24 24");
   x.setAttribute("width", "20");
@@ -5442,7 +5805,7 @@ function renderReviewsOverlay(ctx, creds) {
   });
   bar.appendChild(close);
   sheet.appendChild(bar);
-  const body = el$1("div");
+  const body = el("div");
   const pid = ctx.campaign.product_id;
   if (pid) body.setAttribute("data-product-id", pid);
   sheet.appendChild(body);
@@ -5456,161 +5819,6 @@ function renderReviewsOverlay(ctx, creds) {
   document.body.appendChild(overlay);
   renderReviewsInline(ctx, body, creds);
 }
-const STAR_PATH = "M12 2L15.09 8.26 22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z";
-function el(tag, css, txt) {
-  const e = document.createElement(tag);
-  e.style.cssText = css;
-  if (txt != null) e.textContent = txt;
-  return e;
-}
-function starSvg(filled, accent, size = 26) {
-  const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-  svg.setAttribute("viewBox", "0 0 24 24");
-  svg.setAttribute("width", String(size));
-  svg.setAttribute("height", String(size));
-  svg.style.cssText = "display:block;transition:transform .1s ease;";
-  const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
-  path.setAttribute("d", STAR_PATH);
-  path.setAttribute("fill", "#d1d5db");
-  svg.appendChild(path);
-  return svg;
-}
-function readContext(target) {
-  const cfg = target.closest("[data-aegis-slot]") ?? target;
-  let items = [];
-  const raw = cfg.getAttribute("data-rateable-items");
-  if (raw) {
-    try {
-      const parsed = JSON.parse(raw);
-      if (Array.isArray(parsed)) {
-        items = parsed.filter((p) => !!p && typeof p === "object" && "product_id" in p).map((p) => ({ product_id: String(p.product_id), name: p.name ?? null }));
-      }
-    } catch {
-    }
-  }
-  return {
-    items,
-    orderId: cfg.getAttribute("data-order-id"),
-    billCode: cfg.getAttribute("data-bill-code"),
-    token: cfg.getAttribute("data-token"),
-    accent: cfg.getAttribute("data-accent"),
-    reviewsUrl: cfg.getAttribute("data-reviews-url"),
-    // The bill knows its customer server-side; the SDK may still be anonymous
-    // on a fresh visit. Prefer the slot-stamped contact so the per-item write
-    // (contact_id NOT NULL) succeeds. On untrusted origins the server ignores
-    // this and uses the token-resolved contact instead.
-    contactId: cfg.getAttribute("data-contact-id")
-  };
-}
-function renderProductRatingInline(ctx, target, creds) {
-  if (typeof document === "undefined" || !(creds == null ? void 0 : creds.apiHost) || !(creds == null ? void 0 : creds.writeKey)) return false;
-  ensureInAppFont();
-  const { items, orderId, billCode, token, accent: slotAccent, reviewsUrl, contactId: slotContact } = readContext(target);
-  if (items.length === 0 || !orderId && !billCode && !token) return false;
-  const ic = ctx.campaign.interactive_config || {};
-  const accent = ctx.sanitizeColor(
-    slotAccent || ctx.campaign.background_color || "#4169e1"
-  );
-  const title = ic.question || "Rate your items";
-  const scores = {};
-  target.innerHTML = "";
-  const card = el(
-    "div",
-    `font-family:${IN_APP_FONT_STACK};border:1px solid #f1f1f3;border-radius:14px;background:#fff;padding:14px 16px;`
-  );
-  card.appendChild(el("p", "margin:0;font-size:14px;font-weight:700;color:#111827;", title));
-  const list = el("ul", "list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;");
-  for (const it of items) {
-    const li = el("li", "display:flex;align-items:center;justify-content:space-between;gap:12px;");
-    li.appendChild(el("span", "flex:1;min-width:0;font-size:13px;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;", it.name || it.product_id));
-    const row = el("div", "display:flex;gap:2px;flex-shrink:0;");
-    const starEls = [];
-    for (let n = 1; n <= 5; n += 1) {
-      const btn = el("span", "cursor:pointer;padding:1px;line-height:0;");
-      const sv = starSvg();
-      btn.appendChild(sv);
-      starEls.push(sv);
-      btn.setAttribute("role", "button");
-      btn.setAttribute("aria-label", `Rate ${it.name || it.product_id} ${n} star${n === 1 ? "" : "s"}`);
-      btn.addEventListener("click", () => {
-        scores[it.product_id] = n;
-        starEls.forEach((s, i) => {
-          const p = s.querySelector("path");
-          if (p) p.setAttribute("fill", i < n ? accent : "#d1d5db");
-        });
-        submitBtn.style.opacity = "1";
-        submitBtn.style.pointerEvents = "auto";
-      });
-      row.appendChild(btn);
-    }
-    li.appendChild(row);
-    list.appendChild(li);
-  }
-  card.appendChild(list);
-  const submitBtn = el(
-    "button",
-    `margin-top:14px;width:100%;border:0;border-radius:999px;background:${accent};color:#fff;font-size:14px;font-weight:700;padding:10px 16px;cursor:pointer;opacity:.5;pointer-events:none;font-family:inherit;`,
-    "Submit ratings"
-  );
-  card.appendChild(submitBtn);
-  const done = (branch) => {
-    target.innerHTML = "";
-    const ack = el(
-      "div",
-      `font-family:${IN_APP_FONT_STACK};border:1px solid #f1f1f3;border-radius:14px;background:#fff;padding:18px 16px;text-align:center;`
-    );
-    ack.appendChild(el("p", "margin:0;font-size:14px;font-weight:700;color:#111827;", "Thanks for rating your items!"));
-    const positiveUrl = reviewsUrl || ic.rating_high_url || null;
-    if (branch === "positive" && positiveUrl) {
-      const a = document.createElement("a");
-      a.href = positiveUrl;
-      a.textContent = ic.rating_high_cta || "Share a review";
-      a.style.cssText = `display:inline-block;margin-top:8px;font-size:12px;font-weight:700;color:${accent};text-decoration:none;`;
-      ack.appendChild(a);
-    } else {
-      ack.appendChild(el("p", "margin:6px 0 0;font-size:12px;color:#9ca3af;", "We'll use your feedback to improve."));
-    }
-    target.appendChild(ack);
-  };
-  submitBtn.addEventListener("click", () => {
-    const rated = Object.keys(scores);
-    if (rated.length === 0) return;
-    submitBtn.disabled = true;
-    submitBtn.style.opacity = ".6";
-    submitBtn.textContent = "Saving…";
-    const payload = {
-      items: rated.map((pid) => ({ product_id: pid, score: scores[pid] })),
-      order_id: orderId,
-      bill_code: billCode,
-      token
-    };
-    fetch(new URL("/v1/in-app/responses", creds.apiHost).toString(), {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        "X-Aegis-Write-Key": creds.writeKey,
-        "X-Organization-ID": creds.organizationId
-      },
-      body: JSON.stringify({
-        campaign_id: ctx.campaign.id,
-        response_type: "rating",
-        contact_id: slotContact || creds.contactId,
-        platform: "web",
-        payload
-      })
-    }).then((r) => r.ok ? r.json() : null).then((data) => {
-      var _a;
-      ctx.trackEvent(ctx.campaign.id, "clicked");
-      done(((_a = data == null ? void 0 : data.rating_result) == null ? void 0 : _a.branch) || "positive");
-    }).catch(() => {
-      submitBtn.disabled = false;
-      submitBtn.style.opacity = "1";
-      submitBtn.textContent = "Submit ratings";
-    });
-  });
-  target.appendChild(card);
-  return true;
-}
 function readAnonIdFromStorage$1() {
   if (typeof document === "undefined") return void 0;
   try {
@@ -5987,6 +6195,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
@@ -5994,11 +6203,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;
@@ -6161,7 +6369,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);
@@ -6194,34 +6402,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
@@ -6257,6 +6469,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]");
@@ -6269,6 +6482,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);
@@ -6295,8 +6518,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;
@@ -6582,23 +6805,6 @@ const _AegisInAppManager = class _AegisInAppManager {
       }
       return;
     }
-    if (campaign.sub_type === "star_rating" && this._isPerItemRating(campaign)) {
-      const ok = renderProductRatingInline(this.buildRenderContext(campaign), target, {
-        apiHost: this.apiHost,
-        writeKey: this.writeKey,
-        organizationId: this.organizationId ?? "",
-        contactId: this.contactId ?? null
-      });
-      if (!ok) {
-        this.displayedCampaigns.delete(campaign.id);
-        return;
-      }
-      if (!(options == null ? void 0 : options.deferImpression)) {
-        this.trackEvent(campaign.id, "impression");
-        this.emit("campaign-shown", campaign);
-      }
-      return;
-    }
     this._ensureSurveyTemplate(campaign);
     const _isMultiCard = campaign.sub_type === "product_recommendation" || campaign.sub_type === "carousel_cards";
     if (this._hasComposedTemplate(ic) && !_isMultiCard) {
@@ -6679,14 +6885,6 @@ const _AegisInAppManager = class _AegisInAppManager {
     const tpl = ic.card_template;
     return !!tpl && typeof tpl === "object" && Array.isArray(tpl.elements) && tpl.elements.length > 0;
   }
-  /** G5 — whether a `star_rating` campaign captures PER-SKU ratings (one row per
-   *  order line-item) vs a single order-level score. Opt-in via
-   *  `interactive_config.rating_mode='per_item'`, so the order-level star path is
-   *  untouched. The renderer reads the SKUs from the slot at mount. */
-  _isPerItemRating(campaign) {
-    const ic = campaign.interactive_config || {};
-    return ic.rating_mode === "per_item";
-  }
   /**
    * P6.full — flat survey → card_template adapter. A `nps_survey` / `star_rating`
    * / `quick_poll` authored WITHOUT a card_template gets one synthesised in place
@@ -6756,9 +6954,11 @@ const _AegisInAppManager = class _AegisInAppManager {
     };
     const template = resolveGlobalTemplate(ic);
     const { accent } = this._surfacePalette(campaign);
+    const ctx = this.buildRenderContext(campaign);
+    ctx.slotEl = target.closest("[data-aegis-slot]") ?? target;
     const tile = renderCardFromTemplate(card, {
       template,
-      ctx: this.buildRenderContext(campaign),
+      ctx,
       action: "navigate",
       layoutAccent: this.sanitizeColor(campaign.background_color || accent)
     });
@@ -8604,7 +8804,10 @@ const _AegisInAppManager = class _AegisInAppManager {
       },
       sanitizeColor: (color) => this.sanitizeColor(color),
       log: (msg, level) => this.log(msg, level),
-      addAnimationStyles: () => this.addAnimationStyles()
+      addAnimationStyles: () => this.addAnimationStyles(),
+      apiHost: this.apiHost,
+      writeKey: this.writeKey,
+      organizationId: this.organizationId
     };
   }
   /**
@@ -9009,6 +9212,12 @@ 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;
+    }
     const overlay = this.createOverlay("aegis-in-app-push-primer-overlay");
     const modal = document.createElement("div");
     modal.style.cssText = `
@@ -9019,8 +9228,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;";
@@ -9040,7 +9254,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);
       });
@@ -9059,6 +9274,90 @@ 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;
+    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();
+      }
+      const serviceWorkerPath = ((_c = cfg.push) == null ? void 0 : _c.service_worker_path) || "/aegis-sw.js";
+      const serviceWorkerScope = ((_d = cfg.push) == null ? void 0 : _d.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");
@@ -11088,7 +11387,7 @@ const _AegisInAppManager = class _AegisInAppManager {
       }
     }
     try {
-      const url = `${this.apiHost}/v1/in_app/events`;
+      const url = `${this.apiHost}/v1/in-app/events`;
       const externalEventId = `inapp_${campaignId}_${eventType}_${Date.now()}`;
       const headers = {
         "Content-Type": "application/json",
@@ -11122,12 +11421,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.
@@ -11190,6 +11493,7 @@ _AegisInAppManager.KNOWN_SURFACES = /* @__PURE__ */ new Set([
   "storefront_feedback",
   "storefront_reviews",
   "storefront_members",
+  "storefront_orders",
   "external_website",
   "external_mobile_screen"
 ]);
@@ -14417,7 +14721,7 @@ const _AegisMessageRuntime = class _AegisMessageRuntime {
     var _a;
     this.initialized = false;
     {
-      const v = "1.35.0";
+      const v = "1.35.4";
       try {
         globalThis.__AEGIS_SDK_VERSION__ = v;
       } catch {