@active-reach/web-sdk 1.29.0 → 1.31.0

package/dist/index.js

@@ -311,12 +311,12 @@ const ICONS = {
 function escapeAttr(value) {
   return value.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;");
 }
-const SVG_NS = "http://www.w3.org/2000/svg";
+const SVG_NS$1 = "http://www.w3.org/2000/svg";
 function lucideSvgEl(name, opts = {}) {
   const node = ICONS[name];
   if (!node || typeof document === "undefined") return null;
   const size = opts.size ?? 24;
-  const svg = document.createElementNS(SVG_NS, "svg");
+  const svg = document.createElementNS(SVG_NS$1, "svg");
   svg.setAttribute("width", String(size));
   svg.setAttribute("height", String(size));
   svg.setAttribute("viewBox", "0 0 24 24");
@@ -333,7 +333,7 @@ function lucideSvgEl(name, opts = {}) {
     svg.setAttribute("aria-hidden", "true");
   }
   for (const [tag, attrs] of node) {
-    const child = document.createElementNS(SVG_NS, tag);
+    const child = document.createElementNS(SVG_NS$1, tag);
     for (const [k, v] of Object.entries(attrs)) child.setAttribute(k, String(v));
     svg.appendChild(child);
   }
@@ -525,6 +525,16 @@ function applyPerCardOverride(tpl, look) {
   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_action || look.cta_url || look.cta_custom_name) {
+    elements = elements.map(
+      (e) => e.type === "cta" ? {
+        ...e,
+        ...look.cta_action ? { cta_action: look.cta_action } : {},
+        ...look.cta_url ? { cta_url: look.cta_url } : {},
+        ...look.cta_custom_name ? { cta_custom_name: look.cta_custom_name } : {}
+      } : e
+    );
+  }
   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);
@@ -538,7 +548,7 @@ function priceText(card) {
   if (card.body && /\d/.test(card.body)) return card.body;
   return void 0;
 }
-function paintPrice(card, el, accent, ctx) {
+function paintPrice(card, el2, accent, ctx) {
   const price = priceText(card);
   if (price === void 0) return null;
   const meta = card.metadata || {};
@@ -547,10 +557,10 @@ function paintPrice(card, el, accent, ctx) {
   row.style.cssText = "display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;";
   const p = document.createElement("span");
   p.textContent = price;
-  if (el.variant === "plain") {
+  if (el2.variant === "plain") {
     p.style.cssText = `color:${accent};font-weight:700;font-size:13px;`;
   } else {
-    const pillBg = el.color ? ctx.sanitizeColor(el.color) : "#059669";
+    const pillBg = el2.color ? ctx.sanitizeColor(el2.color) : "#059669";
     p.style.cssText = `background:${pillBg};color:#fff;font-weight:800;font-size:12px;padding:2px 7px;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,0.30);`;
   }
   row.appendChild(p);
@@ -575,13 +585,13 @@ 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 star = document.createElement("span");
-  star.textContent = "★";
-  star.style.cssText = "color:#059669;";
+  const star2 = document.createElement("span");
+  star2.textContent = "★";
+  star2.style.cssText = "color:#059669;";
   const val = document.createElement("span");
   val.textContent = avg.toFixed(1);
   val.style.cssText = "color:#059669;font-weight:700;";
-  rr.appendChild(star);
+  rr.appendChild(star2);
   rr.appendChild(val);
   if (count > 0) {
     const c = document.createElement("span");
@@ -602,14 +612,14 @@ function contrastFg(bg) {
   const lum = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
   return lum < 0.5 ? "#ffffff" : "#1f2937";
 }
-function buildCountdownElement(el, fg, muted) {
-  const targetStr = typeof el.countdown_target === "string" ? el.countdown_target : "";
+function buildCountdownElement(el2, fg, muted) {
+  const targetStr = typeof el2.countdown_target === "string" ? el2.countdown_target : "";
   const target = targetStr ? Date.parse(targetStr) : NaN;
   if (!targetStr || isNaN(target)) return null;
   const wrap = document.createElement("div");
   wrap.style.cssText = "display:flex;align-items:baseline;gap:8px;font-variant-numeric:tabular-nums;margin:2px 0;";
   const label = document.createElement("span");
-  label.textContent = typeof el.countdown_label === "string" && el.countdown_label || "Ends in";
+  label.textContent = typeof el2.countdown_label === "string" && el2.countdown_label || "Ends in";
   label.style.cssText = `font-size:12px;color:${muted};`;
   const time = document.createElement("span");
   time.style.cssText = `font-size:15px;font-weight:700;color:${fg};letter-spacing:0.2px;`;
@@ -631,13 +641,13 @@ function buildCountdownElement(el, fg, muted) {
   timer = setInterval(tick, 1e3);
   return wrap;
 }
-function appendRatingThanks(wrap, el, ctx, fg, accent, isHigh) {
-  appendThanks(wrap, el, fg, "Thanks for rating us!");
-  const url = isHigh && typeof el.rating_high_url === "string" ? ctx.sanitizeUrl(el.rating_high_url) : "";
+function appendRatingThanks(wrap, el2, ctx, fg, accent, isHigh) {
+  appendThanks(wrap, el2, fg, "Thanks for rating us!");
+  const url = isHigh && typeof el2.rating_high_url === "string" ? ctx.sanitizeUrl(el2.rating_high_url) : "";
   if (url) {
     const cta = document.createElement("button");
     cta.type = "button";
-    cta.textContent = el.rating_high_cta || "Leave a review";
+    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" } });
@@ -647,10 +657,10 @@ function appendRatingThanks(wrap, el, ctx, fg, accent, isHigh) {
     wrap.appendChild(cta);
   }
 }
-function renderRatingFollowupStep(wrap, el, ctx, stars, fg, accent) {
+function renderRatingFollowupStep(wrap, el2, ctx, stars2, fg, accent) {
   while (wrap.firstChild) wrap.removeChild(wrap.firstChild);
   const heading = document.createElement("div");
-  heading.textContent = el.rating_followup_prompt || "Sorry to hear that — what went wrong?";
+  heading.textContent = el2.rating_followup_prompt || "Sorry to hear that — what went wrong?";
   heading.style.cssText = `font-size:13px;font-weight:700;color:${fg};text-align:center;margin-bottom:8px;`;
   wrap.appendChild(heading);
   const ta = document.createElement("textarea");
@@ -664,9 +674,9 @@ function renderRatingFollowupStep(wrap, el, ctx, stars, fg, accent) {
     if (done) return;
     done = true;
     const comment = withComment ? ta.value.trim() : "";
-    void ((_a = ctx.submitResponse) == null ? void 0 : _a.call(ctx, "rating", comment ? { stars, comment } : { stars }));
+    void ((_a = ctx.submitResponse) == null ? void 0 : _a.call(ctx, "rating", comment ? { stars: stars2, comment } : { stars: stars2 }));
     (_b = ctx.playReaction) == null ? void 0 : _b.call(ctx, wrap, "acknowledge");
-    appendThanks(wrap, el, fg, "Thanks — we’ll do better.");
+    appendThanks(wrap, el2, fg, "Thanks — we’ll do better.");
   };
   const btnRow = document.createElement("div");
   btnRow.style.cssText = "display:flex;gap:8px;justify-content:center;";
@@ -685,23 +695,23 @@ function renderRatingFollowupStep(wrap, el, ctx, stars, fg, accent) {
   wrap.appendChild(btnRow);
   ta.focus();
 }
-function buildRatingInputElement(el, ctx, fg) {
+function buildRatingInputElement(el2, ctx, fg) {
   const accent = ctx.sanitizeColor(ctx.campaign.background_color || "#4169e1");
   const wrap = document.createElement("div");
   wrap.style.cssText = "display:flex;flex-direction:column;gap:6px;margin:2px 0;";
-  if (el.content) {
+  if (el2.content) {
     const q = document.createElement("div");
-    q.textContent = el.content;
+    q.textContent = el2.content;
     q.style.cssText = `font-size:13px;font-weight:600;color:${fg};`;
     wrap.appendChild(q);
   }
-  const scale = typeof el.rating_scale === "number" && el.rating_scale >= 2 && el.rating_scale <= 10 ? Math.floor(el.rating_scale) : 5;
+  const scale = typeof el2.rating_scale === "number" && el2.rating_scale >= 2 && el2.rating_scale <= 10 ? Math.floor(el2.rating_scale) : 5;
   const row = document.createElement("div");
   row.style.cssText = "display:flex;gap:6px;";
-  const stars = [];
+  const stars2 = [];
   let submitted = false;
   const paint = (upto) => {
-    stars.forEach((s, idx) => {
+    stars2.forEach((s, idx) => {
       const on = idx < upto;
       s.setAttribute("stroke", on ? "#f59e0b" : "#d1d5db");
       s.setAttribute("fill", on ? "#f59e0b" : "none");
@@ -715,7 +725,7 @@ function buildRatingInputElement(el, ctx, fg) {
     const svg = lucideSvgEl("star", { size: 26, color: "#d1d5db" });
     if (svg) {
       btn.appendChild(svg);
-      stars.push(svg);
+      stars2.push(svg);
     }
     btn.addEventListener("mouseenter", () => {
       if (!submitted) paint(i);
@@ -729,13 +739,13 @@ function buildRatingInputElement(el, ctx, fg) {
       submitted = true;
       paint(i);
       ctx.trackEvent(ctx.campaign.id, "clicked", { meta: { element: "rating_input", stars: i } });
-      const lowThreshold = typeof el.rating_followup_threshold === "number" ? el.rating_followup_threshold : Math.ceil(scale * 0.8);
-      if (el.rating_followup_enabled === true && i <= lowThreshold) {
-        renderRatingFollowupStep(wrap, el, ctx, i, fg, accent);
+      const lowThreshold = typeof el2.rating_followup_threshold === "number" ? el2.rating_followup_threshold : Math.ceil(scale * 0.8);
+      if (el2.rating_followup_enabled === true && i <= lowThreshold) {
+        renderRatingFollowupStep(wrap, el2, ctx, i, fg, accent);
       } else {
         void ((_a = ctx.submitResponse) == null ? void 0 : _a.call(ctx, "rating", { stars: i }));
         (_b = ctx.playReaction) == null ? void 0 : _b.call(ctx, wrap, i >= Math.ceil(scale * 0.6) ? "affirm" : "acknowledge");
-        appendRatingThanks(wrap, el, ctx, fg, accent, i >= Math.ceil(scale * 0.6));
+        appendRatingThanks(wrap, el2, ctx, fg, accent, i >= Math.ceil(scale * 0.6));
       }
     });
     row.appendChild(btn);
@@ -743,8 +753,8 @@ function buildRatingInputElement(el, ctx, fg) {
   wrap.appendChild(row);
   return wrap;
 }
-function appendThanks(wrap, el, fg, fallback) {
-  const msg = typeof el.thanks_text === "string" && el.thanks_text.trim() ? el.thanks_text : fallback;
+function appendThanks(wrap, el2, fg, fallback) {
+  const msg = typeof el2.thanks_text === "string" && el2.thanks_text.trim() ? el2.thanks_text : fallback;
   if (!msg) return;
   const note = document.createElement("div");
   note.textContent = msg;
@@ -752,14 +762,14 @@ function appendThanks(wrap, el, fg, fallback) {
   note.style.cssText = `font-size:12px;font-weight:600;color:${fg};opacity:0.85;margin-top:4px;`;
   wrap.appendChild(note);
 }
-function buildPollElement(el, ctx, fg, accent) {
-  const opts = Array.isArray(el.poll_options) ? el.poll_options.filter((o) => typeof o === "string" && o.trim().length > 0) : [];
+function buildPollElement(el2, ctx, fg, accent) {
+  const opts = Array.isArray(el2.poll_options) ? el2.poll_options.filter((o) => typeof o === "string" && o.trim().length > 0) : [];
   if (opts.length < 2) return null;
   const wrap = document.createElement("div");
   wrap.style.cssText = "display:flex;flex-direction:column;gap:6px;margin:2px 0;";
-  if (el.content) {
+  if (el2.content) {
     const q = document.createElement("div");
-    q.textContent = el.content;
+    q.textContent = el2.content;
     q.style.cssText = `font-size:13px;font-weight:600;color:${fg};`;
     wrap.appendChild(q);
   }
@@ -789,24 +799,24 @@ function buildPollElement(el, ctx, fg, accent) {
       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, el, fg, "Thanks for your answer!");
+      appendThanks(wrap, el2, fg, "Thanks for your answer!");
     });
     wrap.appendChild(btn);
   });
   return wrap;
 }
-function appendNpsThanks(wrap, el, ctx, fg, accent, isPromoter) {
+function appendNpsThanks(wrap, el2, ctx, fg, accent, isPromoter) {
   while (wrap.firstChild) wrap.removeChild(wrap.firstChild);
   const note = document.createElement("div");
   note.setAttribute("role", "status");
-  note.textContent = (typeof el.thanks_text === "string" && el.thanks_text.trim() ? el.thanks_text : "") || (isPromoter ? "Thank you! We’d love a public review." : "Thanks — your feedback helps us improve.");
+  note.textContent = (typeof el2.thanks_text === "string" && el2.thanks_text.trim() ? el2.thanks_text : "") || (isPromoter ? "Thank you! We’d love a public review." : "Thanks — your feedback helps us improve.");
   note.style.cssText = `font-size:13px;font-weight:700;color:${fg};text-align:center;margin:6px 0;`;
   wrap.appendChild(note);
-  const url = isPromoter && typeof el.nps_promoter_url === "string" ? ctx.sanitizeUrl(el.nps_promoter_url) : "";
+  const url = isPromoter && typeof el2.nps_promoter_url === "string" ? ctx.sanitizeUrl(el2.nps_promoter_url) : "";
   if (url) {
     const cta = document.createElement("button");
     cta.type = "button";
-    cta.textContent = el.nps_promoter_cta || "Leave a review";
+    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" } });
@@ -816,17 +826,17 @@ function appendNpsThanks(wrap, el, ctx, fg, accent, isPromoter) {
     wrap.appendChild(cta);
   }
 }
-function renderNpsReasonStep(wrap, el, ctx, score, fg, accent) {
-  const promoterThreshold = typeof el.nps_promoter_threshold === "number" ? el.nps_promoter_threshold : 9;
+function renderNpsReasonStep(wrap, el2, ctx, score, fg, accent) {
+  const promoterThreshold = typeof el2.nps_promoter_threshold === "number" ? el2.nps_promoter_threshold : 9;
   const band = npsBandFromScore(score);
-  const prompt = score >= promoterThreshold ? el.nps_follow_up_promoter || "What do you love most about us?" : score <= 6 ? el.nps_follow_up_detractor || "How can we improve?" : el.nps_follow_up_passive || "What would make us a 10?";
+  const prompt = score >= promoterThreshold ? el2.nps_follow_up_promoter || "What do you love most about us?" : score <= 6 ? el2.nps_follow_up_detractor || "How can we improve?" : el2.nps_follow_up_passive || "What would make us a 10?";
   while (wrap.firstChild) wrap.removeChild(wrap.firstChild);
   const heading = document.createElement("div");
   heading.textContent = prompt;
   heading.style.cssText = `font-size:13px;font-weight:700;color:${fg};text-align:center;margin-bottom:8px;`;
   wrap.appendChild(heading);
   const ta = document.createElement("textarea");
-  const chips = Array.isArray(el.nps_reason_chips) ? el.nps_reason_chips : [];
+  const chips = Array.isArray(el2.nps_reason_chips) ? el2.nps_reason_chips : [];
   if (chips.length) {
     const chipRow = document.createElement("div");
     chipRow.style.cssText = "display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:8px;";
@@ -855,7 +865,7 @@ function renderNpsReasonStep(wrap, el, ctx, score, fg, accent) {
     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");
-    appendNpsThanks(wrap, el, ctx, fg, accent, score >= promoterThreshold);
+    appendNpsThanks(wrap, el2, ctx, fg, accent, score >= promoterThreshold);
   };
   const btnRow = document.createElement("div");
   btnRow.style.cssText = "display:flex;gap:8px;justify-content:center;";
@@ -874,12 +884,12 @@ function renderNpsReasonStep(wrap, el, ctx, score, fg, accent) {
   wrap.appendChild(btnRow);
   ta.focus();
 }
-function buildNpsElement(el, ctx, fg, accent, muted) {
+function buildNpsElement(el2, ctx, fg, accent, muted) {
   const wrap = document.createElement("div");
   wrap.style.cssText = "display:flex;flex-direction:column;gap:6px;margin:2px 0;";
-  if (el.content) {
+  if (el2.content) {
     const q = document.createElement("div");
-    q.textContent = el.content;
+    q.textContent = el2.content;
     q.style.cssText = `font-size:13px;font-weight:600;color:${fg};`;
     wrap.appendChild(q);
   }
@@ -911,12 +921,12 @@ function buildNpsElement(el, ctx, fg, accent, muted) {
       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 } });
-      if (el.nps_followup_enabled === true) {
-        renderNpsReasonStep(wrap, el, ctx, n, fg, accent);
+      if (el2.nps_followup_enabled === true) {
+        renderNpsReasonStep(wrap, el2, ctx, n, fg, accent);
       } else {
         void ((_a = ctx.submitResponse) == null ? void 0 : _a.call(ctx, "nps", { ...npsPayload }));
         (_b = ctx.playReaction) == null ? void 0 : _b.call(ctx, wrap, n >= 9 ? "affirm" : n >= 7 ? "acknowledge" : "empathize");
-        appendThanks(wrap, el, fg, "Thanks for your feedback!");
+        appendThanks(wrap, el2, fg, "Thanks for your feedback!");
       }
     });
     row.appendChild(btn);
@@ -933,22 +943,22 @@ function buildNpsElement(el, ctx, fg, accent, muted) {
   wrap.appendChild(scale);
   return wrap;
 }
-function buildProgressElement(el, ctx, accent, muted) {
+function buildProgressElement(el2, ctx, accent, muted) {
   const { trackEvent, campaign, sanitizeColor } = ctx;
-  const goal = el.goal_type || "cart_total";
+  const goal = el2.goal_type || "cart_total";
   const moneyGoal = goal === "cart_total";
-  const fill = el.fill ? sanitizeColor(el.fill) : accent;
+  const fill = el2.fill ? sanitizeColor(el2.fill) : accent;
   const props = () => ctx.properties && ctx.properties() || {};
   const sym = () => {
     var _a;
-    if (el.currency_symbol) return el.currency_symbol;
+    if (el2.currency_symbol) return el2.currency_symbol;
     const code = ctx.getCartState && ((_a = ctx.getCartState()) == null ? void 0 : _a.currency);
     const M = { INR: "₹", USD: "$", EUR: "€", GBP: "£" };
     return code && M[code] || "";
   };
   const threshold = () => {
-    if (typeof el.threshold === "number" && el.threshold > 0) return el.threshold;
-    if (el.threshold_source === "free_delivery_setting") {
+    if (typeof el2.threshold === "number" && el2.threshold > 0) return el2.threshold;
+    if (el2.threshold_source === "free_delivery_setting") {
       const v = Number(props()["cart.free_delivery_above"]);
       if (v > 0) return v;
     }
@@ -989,9 +999,9 @@ function buildProgressElement(el, ctx, accent, muted) {
       goalType: goal,
       threshold: th,
       current: cur,
-      rewardText: el.reward_text,
+      rewardText: el2.reward_text,
       currencySymbol: moneyGoal ? sym() : "",
-      showPct: el.show_pct
+      showPct: el2.show_pct
     });
     sub.textContent = labeled.text;
     if (complete) {
@@ -1000,8 +1010,8 @@ function buildProgressElement(el, ctx, accent, muted) {
       if (!firedUnlock) {
         firedUnlock = true;
         if (seenIncomplete) {
-          trackEvent(campaign.id, "clicked", { stepId: el.id || "unlocked" });
-          if (el.celebrate_on_complete !== false) (_a = ctx.playReaction) == null ? void 0 : _a.call(ctx, wrap, "celebrate");
+          trackEvent(campaign.id, "clicked", { stepId: el2.id || "unlocked" });
+          if (el2.celebrate_on_complete !== false) (_a = ctx.playReaction) == null ? void 0 : _a.call(ctx, wrap, "celebrate");
         }
       }
     } else {
@@ -1019,6 +1029,40 @@ function buildProgressElement(el, ctx, accent, muted) {
   }
   return wrap;
 }
+function buildCtaAction(el2, card, meta, inline, sanitizeUrl) {
+  const kind = el2.cta_action ?? (inline ? "add_to_cart" : "navigate");
+  const safe = (u) => u ? sanitizeUrl(u) || void 0 : void 0;
+  const url = safe(el2.cta_url || card.cta_url);
+  const productId = meta.product_id;
+  const sku = meta.sku;
+  const platformProductId = meta.platform_product_id;
+  const platformUrl = safe(meta.platform_url);
+  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 };
+    case "navigate":
+      return { type: "navigate", url: url || "" };
+    case "custom":
+      return { type: "custom", name: el2.cta_custom_name || "cta", payload: { ...meta, url } };
+    case "add_to_cart":
+    default:
+      return {
+        type: "add_to_cart",
+        productId,
+        sku,
+        platformProductId,
+        title: card.title,
+        price: meta.price ?? card.body,
+        imageUrl: card.image_url,
+        url: platformUrl || url,
+        qty: 1
+      };
+  }
+}
 function renderCardFromTemplate(card, opts) {
   const { ctx, action, layout, layoutAccent } = opts;
   const inline = action === "cart";
@@ -1038,7 +1082,7 @@ function renderCardFromTemplate(card, opts) {
   const fLayout = frame.layout;
   const dir = fLayout === "row" ? "row" : "column";
   const tileGap = frame.gap != null ? frame.gap : 6;
-  const sizing = fLayout ? frame.width != null ? `width:${typeof frame.width === "number" ? `${frame.width}px` : frame.width};` : "flex:1 1 auto; width:100%;" : layout === "grid" ? "" : "flex:0 0 150px; scroll-snap-align:start;";
+  const sizing = fLayout ? frame.width != null ? `width:${typeof frame.width === "number" ? `${frame.width}px` : frame.width};` : "flex:1 1 auto; width:100%;" : layout === "grid" || layout === "list" ? "" : "flex:0 0 150px; scroll-snap-align:start;";
   tile.style.cssText = `
     box-sizing:border-box; display:flex; flex-direction:${dir}; ${fLayout === "row" ? "align-items:center;" : ""} gap:${tileGap}px; position:relative;
     color:${fg};
@@ -1055,11 +1099,11 @@ function renderCardFromTemplate(card, opts) {
   const elements = tpl.elements && tpl.elements.length ? tpl.elements : DEFAULT_CARD_TEMPLATE.elements;
   let imageWrap = null;
   const paintInto = (container, els) => {
-    for (const el of els) {
-      switch (el.type) {
+    for (const el2 of els) {
+      switch (el2.type) {
         case "image": {
           const wrap = document.createElement("div");
-          wrap.style.cssText = `position:relative;width:100%;aspect-ratio:${ASPECT$2[el.aspect || "1/1"] || "1 / 1"};border-radius:${el.radius ?? 10}px;overflow:hidden;background:#f7f8fa;`;
+          wrap.style.cssText = `position:relative;width:100%;aspect-ratio:${ASPECT$2[el2.aspect || "1/1"] || "1 / 1"};border-radius:${el2.radius ?? 10}px;overflow:hidden;background:#f7f8fa;`;
           const safeVideo = card.video_url ? sanitizeUrl(card.video_url) : "";
           if (safeVideo) {
             const v = document.createElement("video");
@@ -1087,17 +1131,17 @@ function renderCardFromTemplate(card, opts) {
           break;
         }
         case "badge": {
-          const text = el.text;
+          const text = el2.text;
           if (!text) break;
           const badge = document.createElement("span");
           badge.textContent = text;
-          const bg = el.color ? sanitizeColor(el.color) : brand;
+          const bg = el2.color ? sanitizeColor(el2.color) : brand;
           badge.style.cssText = `position:absolute;top:6px;left:6px;z-index:1;background:${bg};color:#fff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:0.03em;padding:3px 6px;border-radius:5px;`;
           (imageWrap || container).appendChild(badge);
           break;
         }
         case "price": {
-          const node = paintPrice(card, el, accent, ctx);
+          const node = paintPrice(card, el2, accent, ctx);
           if (node) container.appendChild(node);
           break;
         }
@@ -1105,8 +1149,8 @@ function renderCardFromTemplate(card, opts) {
           if (!card.title) break;
           const t = document.createElement("div");
           t.textContent = card.title;
-          const lines = el.lines && el.lines > 0 ? el.lines : 2;
-          t.style.cssText = `font-size:12.5px;font-weight:600;line-height:1.3;text-align:${el.align ?? "left"};color:${el.color ? sanitizeColor(el.color) : fg};display:-webkit-box;-webkit-line-clamp:${lines};-webkit-box-orient:vertical;overflow:hidden;`;
+          const lines = el2.lines && el2.lines > 0 ? el2.lines : 2;
+          t.style.cssText = `font-size:12.5px;font-weight:600;line-height:1.3;text-align:${el2.align ?? "left"};color:${el2.color ? sanitizeColor(el2.color) : fg};display:-webkit-box;-webkit-line-clamp:${lines};-webkit-box-orient:vertical;overflow:hidden;`;
           container.appendChild(t);
           break;
         }
@@ -1114,8 +1158,8 @@ function renderCardFromTemplate(card, opts) {
           if (!card.body) break;
           const s = document.createElement("div");
           s.textContent = card.body;
-          const lines = el.lines && el.lines > 0 ? el.lines : 2;
-          s.style.cssText = `font-size:11px;color:${el.color ? sanitizeColor(el.color) : muted};line-height:1.3;text-align:${el.align ?? "left"};display:-webkit-box;-webkit-line-clamp:${lines};-webkit-box-orient:vertical;overflow:hidden;`;
+          const lines = el2.lines && el2.lines > 0 ? el2.lines : 2;
+          s.style.cssText = `font-size:11px;color:${el2.color ? sanitizeColor(el2.color) : muted};line-height:1.3;text-align:${el2.align ?? "left"};display:-webkit-box;-webkit-line-clamp:${lines};-webkit-box-orient:vertical;overflow:hidden;`;
           container.appendChild(s);
           break;
         }
@@ -1135,17 +1179,17 @@ function renderCardFromTemplate(card, opts) {
         }
         // ── rich-card-editor elements (P0) ──────────────────────────────────
         case "icon": {
-          const px = ICON_PX[el.size || "md"] || 30;
+          const px = ICON_PX[el2.size || "md"] || 30;
           const node = document.createElement("div");
-          const iconColor = el.color ? sanitizeColor(el.color) : fg;
-          if (el.bubble) {
-            const bubbleTint = el.color ? sanitizeColor(el.color) : brand;
+          const iconColor = el2.color ? sanitizeColor(el2.color) : fg;
+          if (el2.bubble) {
+            const bubbleTint = el2.color ? sanitizeColor(el2.color) : brand;
             node.style.cssText = `flex:0 0 auto;width:${px}px;height:${px}px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb, ${bubbleTint} 16%, transparent);`;
           } else {
             node.style.cssText = "flex:0 0 auto;display:flex;align-items:center;";
           }
-          const svg = lucideSvgEl(el.icon_name || "circle-check", {
-            size: el.bubble ? Math.round(px * 0.55) : Math.round(px * 0.7),
+          const svg = lucideSvgEl(el2.icon_name || "circle-check", {
+            size: el2.bubble ? Math.round(px * 0.55) : Math.round(px * 0.7),
             color: iconColor,
             strokeWidth: 2
           });
@@ -1155,99 +1199,64 @@ function renderCardFromTemplate(card, opts) {
         }
         case "text": {
           const t = document.createElement("div");
-          const fs = TEXT_PX[el.size || "md"] || 13;
-          t.style.cssText = `font-size:${fs}px;font-weight:${WEIGHT[el.weight ?? "medium"]};text-align:${el.align ?? "left"};color:${el.color ? sanitizeColor(el.color) : fg};line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;`;
-          t.textContent = interpolateTokens(el.content ?? "", ctx);
+          const fs = TEXT_PX[el2.size || "md"] || 13;
+          t.style.cssText = `font-size:${fs}px;font-weight:${WEIGHT[el2.weight ?? "medium"]};text-align:${el2.align ?? "left"};color:${el2.color ? sanitizeColor(el2.color) : fg};line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;`;
+          t.textContent = interpolateTokens(el2.content ?? "", ctx);
           container.appendChild(t);
           break;
         }
         case "spacer": {
           const sp = document.createElement("div");
-          sp.style.height = `${el.height ?? 8}px`;
+          sp.style.height = `${el2.height ?? 8}px`;
           container.appendChild(sp);
           break;
         }
         case "progress": {
-          container.appendChild(buildProgressElement(el, ctx, brand, muted));
+          container.appendChild(buildProgressElement(el2, ctx, brand, muted));
           break;
         }
         case "countdown": {
-          const cd = buildCountdownElement(el, fg, muted);
+          const cd = buildCountdownElement(el2, fg, muted);
           if (cd) container.appendChild(cd);
           break;
         }
         case "rating_input": {
-          container.appendChild(buildRatingInputElement(el, ctx, fg));
+          container.appendChild(buildRatingInputElement(el2, ctx, fg));
           break;
         }
         case "poll": {
-          const p = buildPollElement(el, ctx, fg, brand);
+          const p = buildPollElement(el2, ctx, fg, brand);
           if (p) container.appendChild(p);
           break;
         }
         case "nps": {
-          container.appendChild(buildNpsElement(el, ctx, fg, brand, muted));
+          container.appendChild(buildNpsElement(el2, ctx, fg, brand, muted));
           break;
         }
         case "group": {
           const g = document.createElement("div");
-          const gdir = el.layout === "row" ? "row" : "column";
-          g.style.cssText = `display:flex;flex-direction:${gdir};${el.layout === "row" ? "align-items:center;" : ""}gap:${el.gap ?? 4}px;min-width:0;${el.layout === "row" ? "" : "flex:1 1 auto;"}`;
-          paintInto(g, el.elements || []);
+          const gdir = el2.layout === "row" ? "row" : "column";
+          g.style.cssText = `display:flex;flex-direction:${gdir};${el2.layout === "row" ? "align-items:center;" : ""}gap:${el2.gap ?? 4}px;min-width:0;${el2.layout === "row" ? "" : "flex:1 1 auto;"}`;
+          paintInto(g, el2.elements || []);
           container.appendChild(g);
           break;
         }
         case "cta": {
-          const label = el.text || card.cta_text || (inline ? "Add" : "Shop");
+          const label = el2.text || card.cta_text || (inline ? "Add" : "Shop");
           const cta = document.createElement("button");
           cta.className = "aegis-cta";
           cta.textContent = label;
-          const overlayOnImage = !!el.overlay && !!imageWrap;
+          const overlayOnImage = !!el2.overlay && !!imageWrap;
           if (overlayOnImage) {
-            cta.style.cssText = el.variant === "outline" ? `position:absolute;right:6px;bottom:6px;background:#fff;color:${brand};border:1px solid ${brand};border-radius:9px;padding:5px 18px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0.04em;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,0.14);` : `position:absolute;right:6px;bottom:6px;background:${brand};color:#fff;border:none;border-radius:9px;padding:5px 18px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0.04em;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,0.14);`;
+            cta.style.cssText = el2.variant === "outline" ? `position:absolute;right:6px;bottom:6px;background:#fff;color:${brand};border:1px solid ${brand};border-radius:9px;padding:5px 18px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0.04em;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,0.14);` : `position:absolute;right:6px;bottom:6px;background:${brand};color:#fff;border:none;border-radius:9px;padding:5px 18px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0.04em;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,0.14);`;
           } else {
-            cta.style.cssText = el.variant === "outline" ? `margin-top:${fLayout === "row" ? "0" : "auto"};background:transparent;color:${brand};border:1px solid ${brand};border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;` : `margin-top:${fLayout === "row" ? "0" : "auto"};background:${brand};color:#fff;border:none;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;`;
+            cta.style.cssText = el2.variant === "outline" ? `margin-top:${fLayout === "row" ? "0" : "auto"};background:transparent;color:${brand};border:1px solid ${brand};border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;` : `margin-top:${fLayout === "row" ? "0" : "auto"};background:${brand};color:#fff;border:none;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;`;
           }
           cta.addEventListener("click", (e) => {
+            var _a;
             e.stopPropagation();
-            trackEvent(campaign.id, "clicked", { stepId: el.id || "add" });
-            if (inline) {
-              const m2 = meta;
-              if (ctx.dispatchAction) {
-                ctx.dispatchAction({
-                  type: "add_to_cart",
-                  productId: m2.product_id,
-                  sku: m2.sku,
-                  // Platform-native id (catalog-sync C.2) — plugins use this for a
-                  // native add; undefined today → graceful product-search fallback.
-                  platformProductId: m2.platform_product_id,
-                  title: card.title,
-                  price: m2.price ?? card.body,
-                  imageUrl: card.image_url,
-                  url: m2.platform_url || card.cta_url,
-                  qty: 1
-                });
-              } else if (typeof window !== "undefined") {
-                window.dispatchEvent(
-                  new CustomEvent("aegis:add-to-cart", {
-                    detail: {
-                      campaign_id: campaign.id,
-                      product_id: m2.product_id,
-                      sku: m2.sku,
-                      title: card.title,
-                      price: m2.price ?? card.body,
-                      image_url: card.image_url,
-                      cta_url: card.cta_url
-                    }
-                  })
-                );
-              }
-              return;
-            }
-            if (card.cta_url) {
-              const safe = sanitizeUrl(card.cta_url);
-              if (safe) ctx.navigate ? ctx.navigate(safe) : window.location.href = safe;
-            }
+            trackEvent(campaign.id, "clicked", { stepId: el2.id || "add" });
+            (_a = ctx.dispatchAction) == null ? void 0 : _a.call(ctx, buildCtaAction(el2, card, meta, inline, sanitizeUrl));
           });
           (overlayOnImage ? imageWrap : container).appendChild(cta);
           break;
@@ -1257,37 +1266,20 @@ function renderCardFromTemplate(card, opts) {
   };
   paintInto(tile, elements);
   const open = (e) => {
+    var _a;
     e.stopPropagation();
     trackEvent(campaign.id, "clicked");
-    if (inline) {
-      const bm = meta;
-      if (ctx.dispatchAction) {
-        ctx.dispatchAction({
-          type: "open_product",
-          productId: bm.product_id,
-          sku: bm.sku,
-          url: bm.platform_url || card.cta_url,
-          platformProductId: bm.platform_product_id,
-          platformUrl: bm.platform_url
-        });
-      } else if (typeof window !== "undefined") {
-        window.dispatchEvent(
-          new CustomEvent("aegis:open-product", {
-            detail: {
-              campaign_id: campaign.id,
-              product_id: bm.product_id,
-              sku: bm.sku,
-              cta_url: card.cta_url
-            }
-          })
-        );
-      }
-      return;
-    }
-    if (card.cta_url) {
-      const safe = sanitizeUrl(card.cta_url);
-      if (safe) ctx.navigate ? ctx.navigate(safe) : window.location.href = safe;
-    }
+    const bm = meta;
+    const safe = (u) => u ? sanitizeUrl(u) || void 0 : void 0;
+    const act = inline ? {
+      type: "open_product",
+      productId: bm.product_id,
+      sku: bm.sku,
+      url: safe(bm.platform_url) || safe(card.cta_url),
+      platformProductId: bm.platform_product_id,
+      platformUrl: safe(bm.platform_url)
+    } : { type: "navigate", url: safe(card.cta_url) || "" };
+    (_a = ctx.dispatchAction) == null ? void 0 : _a.call(ctx, act);
   };
   if (inline || card.cta_url) tile.addEventListener("click", open);
   if (frame.celebrate_on_show === true && ctx.playReaction) {
@@ -1320,6 +1312,7 @@ function renderCarouselCards(ctx) {
   }
   const autoplay = Number(ic.autoplay_ms) || 0;
   const loop = ic.loop !== false;
+  const layout = ic.rec_layout || "row";
   addAnimationStyles();
   ensureInAppFont();
   const bg = "#ffffff";
@@ -1367,20 +1360,26 @@ function renderCarouselCards(ctx) {
   header.appendChild(closeBtn);
   card.appendChild(header);
   const track = document.createElement("div");
-  track.style.cssText = `
-    display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x proximity;
-    scroll-padding-left: 0; scrollbar-width: none; -ms-overflow-style: none;
-    /* room so overflow-x: auto doesn't clip the card drop-shadow */
-    padding: 8px 6px 16px; margin: -8px -6px -6px; -webkit-overflow-scrolling: touch;
-  `;
-  track.style.msOverflowStyle = "none";
+  if (layout === "grid") {
+    track.style.cssText = "display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; padding: 4px 2px;";
+  } else if (layout === "list") {
+    track.style.cssText = "display: flex; flex-direction: column; gap: 10px; padding: 4px 2px;";
+  } else {
+    track.style.cssText = `
+      display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x proximity;
+      scroll-padding-left: 0; scrollbar-width: none; -ms-overflow-style: none;
+      /* room so overflow-x: auto doesn't clip the card drop-shadow */
+      padding: 8px 6px 16px; margin: -8px -6px -6px; -webkit-overflow-scrolling: touch;
+    `;
+    track.style.msOverflowStyle = "none";
+  }
   const template = resolveGlobalTemplate(ic);
   cards.forEach((c, i) => {
     const tile = renderCardFromTemplate(c, {
       template,
       ctx,
       action: "navigate",
-      layout: "row",
+      layout,
       layoutAccent: accent
     });
     tile.setAttribute("data-card-index", String(i));
@@ -1390,6 +1389,12 @@ function renderCarouselCards(ctx) {
     track.appendChild(tile);
   });
   card.appendChild(track);
+  if (layout !== "row") {
+    cards.forEach((_, i) => trackEvent(campaign.id, "impression", { stepId: `card_${i}` }));
+    overlay.appendChild(card);
+    document.body.appendChild(overlay);
+    return;
+  }
   const dots = document.createElement("div");
   dots.style.cssText = "display: flex; justify-content: center; gap: 6px; margin-top: 10px;";
   const dotEls = [];
@@ -1419,9 +1424,9 @@ function renderCarouselCards(ctx) {
   const tiles = track.querySelectorAll("[data-card-index]");
   const goto = (idx) => {
     activeIdx = (idx % cards.length + cards.length) % cards.length;
-    const el = tiles[activeIdx];
-    if (el) {
-      const delta = el.getBoundingClientRect().left - track.getBoundingClientRect().left;
+    const el2 = tiles[activeIdx];
+    if (el2) {
+      const delta = el2.getBoundingClientRect().left - track.getBoundingClientRect().left;
       track.scrollTo({ left: track.scrollLeft + delta, behavior: "smooth" });
       setActive(activeIdx);
     }
@@ -2038,6 +2043,10 @@ function renderProductRecommendation(ctx) {
       display: flex; gap: 10px; overflow-x: auto;
       scroll-snap-type: x mandatory; padding: 14px 2px 18px;
     `;
+  } else if (layout === "list") {
+    grid.style.cssText = `
+      display: flex; flex-direction: column; gap: 10px; padding: 14px 2px 6px;
+    `;
   } else {
     grid.style.cssText = `
       display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;
@@ -2094,9 +2103,11 @@ function renderProductRecommendationInline(ctx, target) {
     section.appendChild(body);
   }
   const grid = document.createElement("div");
-  const isRow = layout !== "grid";
+  const isRow = layout === "row" || layout !== "grid" && layout !== "list";
   if (layout === "grid") {
     grid.style.cssText = "display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;";
+  } else if (layout === "list") {
+    grid.style.cssText = "display: flex; flex-direction: column; gap: 10px;";
   } else {
     grid.style.cssText = `
       display: flex; gap: 10px; overflow-x: auto;
@@ -2639,10 +2650,10 @@ function brandAccent(ctx) {
 function injectGameStyles() {
   if (typeof document === "undefined" || document.getElementById("aegis-game-styles")) return;
   if (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
-  const el = document.createElement("style");
-  el.id = "aegis-game-styles";
-  el.textContent = "@keyframes aegisBoxRattle{0%,100%{transform:scale(1) rotate(0)}20%{transform:scale(1.05) rotate(-4deg)}40%{transform:scale(1.05) rotate(4deg)}60%{transform:scale(1.06) rotate(-3deg)}80%{transform:scale(1.06) rotate(3deg)}}@keyframes aegisStampIn{0%{transform:scale(2.4) rotate(-20deg);opacity:0}55%{transform:scale(0.82) rotate(7deg);opacity:1}100%{transform:scale(1) rotate(-6deg);opacity:1}}@keyframes aegisBadgePop{0%{transform:scale(0) rotate(-12deg);opacity:0}70%{transform:scale(1.18) rotate(4deg);opacity:1}100%{transform:scale(1) rotate(0);opacity:1}}";
-  document.head.appendChild(el);
+  const el2 = document.createElement("style");
+  el2.id = "aegis-game-styles";
+  el2.textContent = "@keyframes aegisBoxRattle{0%,100%{transform:scale(1) rotate(0)}20%{transform:scale(1.05) rotate(-4deg)}40%{transform:scale(1.05) rotate(4deg)}60%{transform:scale(1.06) rotate(-3deg)}80%{transform:scale(1.06) rotate(3deg)}}@keyframes aegisStampIn{0%{transform:scale(2.4) rotate(-20deg);opacity:0}55%{transform:scale(0.82) rotate(7deg);opacity:1}100%{transform:scale(1) rotate(-6deg);opacity:1}}@keyframes aegisBadgePop{0%{transform:scale(0) rotate(-12deg);opacity:0}70%{transform:scale(1.18) rotate(4deg);opacity:1}100%{transform:scale(1) rotate(0);opacity:1}}";
+  document.head.appendChild(el2);
 }
 function openGameModal(ctx, className, maxWidth = 360) {
   const { campaign, trackEvent, addAnimationStyles } = ctx;
@@ -4150,8 +4161,8 @@ class AegisChat {
     }
     if (msg.interactive && Array.isArray(msg.interactive)) {
       for (const inter of msg.interactive) {
-        const el = this.renderInteractive(inter);
-        if (el) row.appendChild(el);
+        const el2 = this.renderInteractive(inter);
+        if (el2) row.appendChild(el2);
       }
     }
     this.thread.appendChild(row);
@@ -5015,6 +5026,432 @@ function disposeActiveWebChat() {
   activeInstance == null ? void 0 : activeInstance.destroy();
   activeInstance = null;
 }
+const SVG_NS = "http://www.w3.org/2000/svg";
+function el(tag, css, text) {
+  const e = document.createElement(tag);
+  if (css) e.style.cssText = css;
+  if (text != null) e.textContent = text;
+  return e;
+}
+function star(filled, size) {
+  const svg = document.createElementNS(SVG_NS, "svg");
+  svg.setAttribute("viewBox", "0 0 24 24");
+  svg.setAttribute("width", String(size));
+  svg.setAttribute("height", String(size));
+  const p = document.createElementNS(SVG_NS, "path");
+  p.setAttribute(
+    "d",
+    "M12 2l2.9 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l7.1-1.01L12 2z"
+  );
+  p.setAttribute("fill", filled ? "#f59e0b" : "#e5e7eb");
+  svg.appendChild(p);
+  return svg;
+}
+function stars(rating, size = 15) {
+  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(
+    "span",
+    "display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:600;color:#059669;"
+  );
+  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", "M9 12l2 2 4-4M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0z");
+  p.setAttribute("fill", "none");
+  p.setAttribute("stroke", "#059669");
+  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", "", "Verified purchase"));
+  return b;
+}
+function avatar(name, accent) {
+  const initial = (name.trim()[0] || "?").toUpperCase();
+  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
+  );
+  return a;
+}
+function thumbBtn(up, count, reviewId, creds) {
+  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;"
+  );
+  const svg = document.createElementNS(SVG_NS, "svg");
+  svg.setAttribute("viewBox", "0 0 24 24");
+  svg.setAttribute("width", "15");
+  svg.setAttribute("height", "15");
+  if (!up) svg.style.cssText = "transform:rotate(180deg);";
+  const p = document.createElementNS(SVG_NS, "path");
+  p.setAttribute(
+    "d",
+    "M2 21h4V9H2v12zM23 10a2 2 0 0 0-2-2h-6.31l.95-4.57.03-.32a1.5 1.5 0 0 0-.44-1.06L14.17 1 7.59 7.59A2 2 0 0 0 7 9v10a2 2 0 0 0 2 2h9a2 2 0 0 0 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-1z"
+  );
+  p.setAttribute("fill", "currentColor");
+  svg.appendChild(p);
+  btn.appendChild(svg);
+  const c = el("span", "", String(count));
+  btn.appendChild(c);
+  const key = `aegis_rv_voted_${reviewId}`;
+  let voted = false;
+  try {
+    voted = typeof localStorage !== "undefined" && localStorage.getItem(key) != null;
+  } catch {
+  }
+  if (voted) btn.style.opacity = "0.5";
+  btn.addEventListener("mouseenter", () => {
+    if (!voted) btn.style.color = "#111827";
+  });
+  btn.addEventListener("mouseleave", () => {
+    btn.style.color = "#6b7280";
+  });
+  btn.addEventListener("click", () => {
+    try {
+      if (localStorage.getItem(key) != null) return;
+      localStorage.setItem(key, up ? "up" : "down");
+    } catch {
+    }
+    voted = true;
+    c.textContent = String(count + 1);
+    btn.style.opacity = "0.5";
+    const url = new URL(`/v1/reviews/${reviewId}/helpful`, creds.apiHost);
+    void fetch(url.toString(), {
+      method: "POST",
+      headers: { "X-Aegis-Write-Key": creds.writeKey, "Content-Type": "application/json" },
+      body: JSON.stringify({ direction: up ? "up" : "down" })
+    }).catch(() => {
+    });
+  });
+  return btn;
+}
+function injectJsonLd(target, data, productId) {
+  if (!data.aggregate.count || data.aggregate.avg_rating == null) return;
+  const ld = {
+    "@context": "https://schema.org",
+    "@type": "Product",
+    ...productId ? { sku: productId } : {},
+    aggregateRating: {
+      "@type": "AggregateRating",
+      ratingValue: data.aggregate.avg_rating,
+      reviewCount: data.aggregate.count
+    },
+    review: data.items.slice(0, 10).map((r) => {
+      var _a;
+      return {
+        "@type": "Review",
+        reviewRating: { "@type": "Rating", ratingValue: r.rating ?? 0 },
+        author: { "@type": "Person", name: ((_a = r.reviewer_snapshot) == null ? void 0 : _a.name) ?? "Customer" },
+        ...r.review_text ? { reviewBody: r.review_text } : {}
+      };
+    })
+  };
+  const script = document.createElement("script");
+  script.type = "application/ld+json";
+  script.textContent = JSON.stringify(ld);
+  target.appendChild(script);
+}
+const SORTS = [
+  { key: "recent", label: "Most recent" },
+  { key: "helpful", label: "Most helpful" },
+  { key: "rating", label: "Highest rated" }
+];
+function renderReviewsInline(ctx, target, creds) {
+  if (typeof document === "undefined" || !(creds == null ? void 0 : creds.apiHost) || !(creds == null ? void 0 : creds.writeKey)) return false;
+  ensureInAppFont();
+  const ic = ctx.campaign.interactive_config || {};
+  const accent = ctx.sanitizeColor(ctx.campaign.background_color || "#4169e1");
+  const brand = String(ic.brand_name || "").trim() || "The store";
+  const productId = target.getAttribute("data-product-id") || ctx.campaign.product_id || null;
+  const state = { sort: "recent", withPhotos: false };
+  target.innerHTML = "";
+  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);
+    url.searchParams.set("sort", state.sort);
+    if (state.withPhotos) url.searchParams.set("with_photos", "true");
+    url.searchParams.set("limit", "20");
+    return url.toString();
+  }
+  function fetchReviews() {
+    return fetch(buildUrl(), { method: "GET", headers: { "X-Aegis-Write-Key": creds.writeKey } }).then((r) => r.ok ? r.json() : null).catch(() => null);
+  }
+  let listContainer = null;
+  function reviewCard(r) {
+    var _a, _b, _c;
+    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("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());
+    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(
+          "span",
+          "margin-left:auto;font-size:12px;color:#9ca3af;white-space:nowrap;",
+          d.toLocaleDateString(void 0, { day: "numeric", month: "short", year: "numeric" })
+        ));
+      }
+    }
+    li.appendChild(head);
+    if (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("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;
+        const img = document.createElement("img");
+        img.src = safe;
+        img.loading = "lazy";
+        img.alt = "";
+        img.style.cssText = "width:72px;height:72px;object-fit:cover;border-radius:12px;border:1px solid #f0f1f3;";
+        gallery.appendChild(img);
+      }
+      if (gallery.childElementCount) li.appendChild(gallery);
+    }
+    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(
+        "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("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("p", "margin:0;font-size:14px;line-height:1.55;color:#4b5563;", r.operator_reply.text));
+      li.appendChild(reply);
+    }
+    return li;
+  }
+  function renderList(items) {
+    if (!listContainer) return;
+    listContainer.innerHTML = "";
+    if (items.length === 0) {
+      listContainer.appendChild(el("p", "padding:20px 0;font-size:14px;color:#9ca3af;text-align:center;", "No reviews match this filter."));
+      return;
+    }
+    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(
+      "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
+    );
+    b.addEventListener("click", onClick);
+    return b;
+  }
+  function controls(rerender) {
+    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) {
+      const o = document.createElement("option");
+      o.value = s.key;
+      o.textContent = s.label;
+      sel.appendChild(o);
+    }
+    sel.value = state.sort;
+    sel.addEventListener("change", () => {
+      state.sort = sel.value;
+      rerender();
+    });
+    bar.appendChild(sel);
+    let photosBtn = null;
+    photosBtn = pill("With photos", state.withPhotos, () => {
+      state.withPhotos = !state.withPhotos;
+      if (photosBtn) {
+        photosBtn.style.cssText = `font-size:13px;font-weight:600;padding:7px 16px;border-radius:999px;cursor:pointer;font-family:inherit;` + (state.withPhotos ? `background:${accent};color:#fff;border:1px solid ${accent};` : "background:#fff;color:#374151;border:1px solid #e5e7eb;");
+      }
+      rerender();
+    });
+    bar.appendChild(photosBtn);
+    return bar;
+  }
+  function distributionPanel(dist, total) {
+    const box = el("div", "flex:1 1 260px;max-width:340px;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("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("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("span", "width:24px;text-align:right;font-variant-numeric:tabular-nums;", String(n)));
+      box.appendChild(row);
+    }
+    return box;
+  }
+  function aiSummaryCard(summary) {
+    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("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");
+    sp.setAttribute("height", "16");
+    const spp = document.createElementNS(SVG_NS, "path");
+    spp.setAttribute("d", "M12 3l1.6 4.4L18 9l-4.4 1.6L12 15l-1.6-4.4L6 9l4.4-1.6L12 3z");
+    spp.setAttribute("fill", "#7c3aed");
+    sp.appendChild(spp);
+    left.appendChild(sp);
+    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("span", "font-size:11px;font-weight:600;color:#a78bda;", "AI-generated"));
+    card.appendChild(head);
+    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(
+      "section",
+      `font-family:${IN_APP_FONT_STACK};color:#111827;max-width:860px;margin:0 auto;-webkit-font-smoothing:antialiased;`
+    );
+    root.setAttribute("data-aegis-reviews", "true");
+    const summary = data.aggregate.ai_summary;
+    if (summary && summary.text) root.appendChild(aiSummaryCard(summary));
+    if (data.aggregate.count === 0) {
+      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("div", "display:flex;flex-wrap:wrap;align-items:center;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("span", "font-size:32px;font-weight:800;line-height:1;letter-spacing:-0.02em;", avg ? avg.toFixed(1) : "—"));
+    ratingBlock.appendChild(topRow);
+    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("div", "margin-top:2px;");
+    root.appendChild(listContainer);
+    renderList(data.items);
+    target.appendChild(root);
+    injectJsonLd(target, data, productId);
+    ctx.trackEvent(ctx.campaign.id, "impression");
+  }
+  const compact = ic.display_style === "compact";
+  function renderCompact(data) {
+    var _a;
+    target.innerHTML = "";
+    if (data.aggregate.count === 0) return;
+    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("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("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("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("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);
+    ctx.trackEvent(ctx.campaign.id, "impression");
+  }
+  void fetchReviews().then((data) => {
+    if (!data || !Array.isArray(data.items)) {
+      target.innerHTML = "";
+      return;
+    }
+    if (compact) renderCompact(data);
+    else renderWall(data);
+  });
+  return true;
+}
+function renderReviewsOverlay(ctx, creds) {
+  if (typeof document === "undefined" || !(creds == null ? void 0 : creds.apiHost) || !(creds == null ? void 0 : creds.writeKey)) return;
+  ensureInAppFont();
+  const overlay = document.createElement("div");
+  overlay.setAttribute("data-campaign-id", ctx.campaign.id);
+  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("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");
+  x.setAttribute("height", "20");
+  const xp = document.createElementNS(SVG_NS, "path");
+  xp.setAttribute("d", "M18 6L6 18M6 6l12 12");
+  xp.setAttribute("stroke", "currentColor");
+  xp.setAttribute("stroke-width", "2");
+  xp.setAttribute("stroke-linecap", "round");
+  x.appendChild(xp);
+  close.appendChild(x);
+  close.setAttribute("aria-label", "Close");
+  close.addEventListener("click", () => {
+    ctx.trackEvent(ctx.campaign.id, "dismissed");
+    overlay.remove();
+  });
+  bar.appendChild(close);
+  sheet.appendChild(bar);
+  const body = el("div");
+  const pid = ctx.campaign.product_id;
+  if (pid) body.setAttribute("data-product-id", pid);
+  sheet.appendChild(body);
+  overlay.appendChild(sheet);
+  overlay.addEventListener("click", (e) => {
+    if (e.target === overlay) {
+      ctx.trackEvent(ctx.campaign.id, "dismissed");
+      overlay.remove();
+    }
+  });
+  document.body.appendChild(overlay);
+  renderReviewsInline(ctx, body, creds);
+}
 function readAnonIdFromStorage$1() {
   if (typeof document === "undefined") return void 0;
   try {
@@ -5642,8 +6079,8 @@ const _AegisInAppManager = class _AegisInAppManager {
         m2.addedNodes.forEach((n) => {
           var _a, _b;
           if (sawSlot || n.nodeType !== 1) return;
-          const el = n;
-          if (((_a = el.matches) == null ? void 0 : _a.call(el, "[data-aegis-slot]")) || ((_b = el.querySelector) == null ? void 0 : _b.call(el, "[data-aegis-slot]"))) {
+          const el2 = n;
+          if (((_a = el2.matches) == null ? void 0 : _a.call(el2, "[data-aegis-slot]")) || ((_b = el2.querySelector) == null ? void 0 : _b.call(el2, "[data-aegis-slot]"))) {
             sawSlot = true;
           }
         });
@@ -5850,13 +6287,13 @@ const _AegisInAppManager = class _AegisInAppManager {
       const anchor = ic == null ? void 0 : ic.anchor;
       const selector = anchor == null ? void 0 : anchor.element_selector;
       if (!selector) continue;
-      let el = null;
+      let el2 = null;
       try {
-        el = document.querySelector(selector);
+        el2 = document.querySelector(selector);
       } catch {
-        el = null;
+        el2 = null;
       }
-      if (!el) {
+      if (!el2) {
         void this.trackEvent(c.id, "anchor_unresolved", {
           meta: { anchor_resolved: false, anchor_selector: selector, widget_type: c.sub_type }
         });
@@ -5867,9 +6304,9 @@ const _AegisInAppManager = class _AegisInAppManager {
       if (position === "before" || position === "after") {
         target = document.createElement("div");
         target.setAttribute("data-aegis-anchor-wrapper", c.id);
-        (_a = el.parentNode) == null ? void 0 : _a.insertBefore(target, position === "before" ? el : el.nextSibling);
+        (_a = el2.parentNode) == null ? void 0 : _a.insertBefore(target, position === "before" ? el2 : el2.nextSibling);
       } else {
-        target = el;
+        target = el2;
         if (position === "replace") {
           target.querySelectorAll(":scope > [data-aegis-slot-default]").forEach((d) => d.remove());
         }
@@ -6026,6 +6463,12 @@ const _AegisInAppManager = class _AegisInAppManager {
         case "product_recommendation":
           rendered = renderProductRecommendationInline(this.buildRenderContext(campaign), target);
           break;
+        case "reviews":
+          rendered = renderReviewsInline(this.buildRenderContext(campaign), target, {
+            apiHost: this.apiHost,
+            writeKey: this.writeKey
+          });
+          break;
         case "quiz":
           rendered = this.renderQuizSlot(campaign, ic, bg, text, target);
           if (!rendered) {
@@ -7078,17 +7521,27 @@ const _AegisInAppManager = class _AegisInAppManager {
       h.textContent = campaign.title;
       card.appendChild(h);
     }
+    const layout = ic.rec_layout || "row";
     const strip = document.createElement("div");
-    strip.style.cssText = `display: flex; gap: 8px; overflow-x: auto; scroll-snap-type: x mandatory; padding: ${st.padY ?? 12}px ${st.padX ?? 12}px;`;
+    const pad = `${st.padY ?? 12}px ${st.padX ?? 12}px`;
+    if (layout === "grid") {
+      strip.style.cssText = `display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; padding: ${pad};`;
+    } else if (layout === "list") {
+      strip.style.cssText = `display: flex; flex-direction: column; gap: 8px; padding: ${pad};`;
+    } else {
+      strip.style.cssText = `display: flex; gap: 8px; overflow-x: auto; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding: ${pad};`;
+    }
     const template = resolveGlobalTemplate(ic);
     const ctx = this.buildRenderContext(campaign);
     const accent = this.sanitizeColor(campaign.background_color || text);
     cards.forEach((c, i) => {
+      const meta = c.metadata || {};
+      const linked = !!(meta.product_id || meta.sku);
       const tile = renderCardFromTemplate(c, {
         template,
         ctx,
-        action: "navigate",
-        layout: "row",
+        action: linked ? "cart" : "navigate",
+        layout,
         layoutAccent: accent
       });
       tile.setAttribute("data-card-index", String(i));
@@ -7096,6 +7549,43 @@ const _AegisInAppManager = class _AegisInAppManager {
     });
     card.appendChild(strip);
     target.appendChild(card);
+    const autoplayMs = Number(ic.autoplay_ms) || 0;
+    if (layout === "row" && autoplayMs > 0 && cards.length > 1) {
+      const loop = ic.loop !== false;
+      const interval = Math.max(autoplayMs, 600);
+      let idx = 0;
+      let timer = null;
+      const stop = () => {
+        if (timer) {
+          clearInterval(timer);
+          timer = null;
+        }
+      };
+      timer = setInterval(() => {
+        if (!document.body.contains(strip)) {
+          stop();
+          return;
+        }
+        if (strip.scrollWidth <= strip.clientWidth + 4) return;
+        const tiles = Array.from(strip.children);
+        idx += 1;
+        if (idx >= tiles.length) {
+          if (!loop) {
+            stop();
+            return;
+          }
+          idx = 0;
+        }
+        const el2 = tiles[idx];
+        if (el2) {
+          const delta = el2.getBoundingClientRect().left - strip.getBoundingClientRect().left;
+          strip.scrollTo({ left: strip.scrollLeft + delta, behavior: "smooth" });
+        }
+      }, interval);
+      ["pointerdown", "wheel", "touchstart"].forEach(
+        (evt) => strip.addEventListener(evt, stop, { passive: true })
+      );
+    }
     return true;
   }
   /** Built-in embedded COUNTDOWN — live H:M:S digits that pulse red in the
@@ -7118,10 +7608,10 @@ const _AegisInAppManager = class _AegisInAppManager {
     const digits = document.createElement("div");
     digits.style.cssText = "display: flex; gap: 6px; justify-content: center;";
     const mkDigit = () => {
-      const el = document.createElement("span");
-      el.style.cssText = `padding: 6px 9px; border-radius: 8px; font-size: 18px; font-weight: 700; font-family: ui-monospace, monospace; background: ${text}1a; transition: background 0.3s ease, color 0.3s ease;`;
-      el.textContent = "00";
-      return el;
+      const el2 = document.createElement("span");
+      el2.style.cssText = `padding: 6px 9px; border-radius: 8px; font-size: 18px; font-weight: 700; font-family: ui-monospace, monospace; background: ${text}1a; transition: background 0.3s ease, color 0.3s ease;`;
+      el2.textContent = "00";
+      return el2;
     };
     const hEl = mkDigit();
     const mEl = mkDigit();
@@ -7151,9 +7641,9 @@ const _AegisInAppManager = class _AegisInAppManager {
       sEl.textContent = String(s).padStart(2, "0");
       if (diff > 0 && diff <= 6e4 && !urgent) {
         urgent = true;
-        [hEl, mEl, sEl].forEach((el) => {
-          el.style.boxShadow = "0 0 0 2px #ef4444";
-          el.style.animation = "aegisUrgencyPulse 1s ease-in-out infinite";
+        [hEl, mEl, sEl].forEach((el2) => {
+          el2.style.boxShadow = "0 0 0 2px #ef4444";
+          el2.style.animation = "aegisUrgencyPulse 1s ease-in-out infinite";
         });
       }
       if (diff > 0) requestAnimationFrame(tick);
@@ -7695,9 +8185,9 @@ const _AegisInAppManager = class _AegisInAppManager {
    */
   _flattenSlotCard(container) {
     const cards = container.matches("[data-campaign-id]") ? [container] : Array.from(container.querySelectorAll("[data-campaign-id]"));
-    for (const el of cards) {
-      el.style.borderRadius = "0";
-      el.style.boxShadow = "none";
+    for (const el2 of cards) {
+      el2.style.borderRadius = "0";
+      el2.style.boxShadow = "none";
     }
   }
   /**
@@ -7783,6 +8273,15 @@ const _AegisInAppManager = class _AegisInAppManager {
       this.emit("campaign-shown", campaign);
       return;
     }
+    if (campaign.sub_type === "reviews") {
+      renderReviewsOverlay(this.buildRenderContext(campaign), {
+        apiHost: this.apiHost,
+        writeKey: this.writeKey
+      });
+      this.trackEvent(campaign.id, "impression");
+      this.emit("campaign-shown", campaign);
+      return;
+    }
     {
       const ic2 = campaign.interactive_config || {};
       const multiCard2 = campaign.sub_type === "product_recommendation" || campaign.sub_type === "carousel_cards";
@@ -7910,7 +8409,7 @@ const _AegisInAppManager = class _AegisInAppManager {
       navigate: (url, buttonId) => this.navigateToCampaignAction(campaign, url, buttonId),
       dispatchAction: (action) => this.dispatchAction(action, campaign.id),
       submitResponse: (responseType, payload) => this.submitWidgetResponse(campaign, responseType, payload),
-      playReaction: (el, intent, lottieFile, scope) => this._playReaction(el, intent, lottieFile, campaign.interactive_config, scope),
+      playReaction: (el2, intent, lottieFile, scope) => this._playReaction(el2, intent, lottieFile, campaign.interactive_config, scope),
       haptic: (pattern) => {
         try {
           if (typeof navigator !== "undefined" && typeof navigator.vibrate === "function") {
@@ -8167,9 +8666,9 @@ const _AegisInAppManager = class _AegisInAppManager {
       if (cells.s) cells.s.textContent = pad(s);
       if (!urgent && diff > 0 && diff <= 6e4) {
         urgent = true;
-        Object.values(cells).forEach((el) => {
-          if (el) {
-            el.style.boxShadow = "0 0 0 2px #ef4444";
+        Object.values(cells).forEach((el2) => {
+          if (el2) {
+            el2.style.boxShadow = "0 0 0 2px #ef4444";
           }
         });
         digits.style.animation = "aegisCountdownPulse 1.1s ease-in-out infinite";
@@ -8698,58 +9197,21 @@ const _AegisInAppManager = class _AegisInAppManager {
    *   3. if STILL unhandled → canonical fallback (navigate to the product/cart
    *      page) so a CTA is never a dead no-op (the rail-"Add" 3rd-party gap).
    * Both add-to-cart paths (card "Add" + the `aegis://cart-add` verb) funnel here,
-   * so they're one behaviour with one legacy event (`aegis:add-to-cart`).
+   * so they're one behaviour delivered to the host's single `onAction` handler.
+   * (Phase E.2 hard cutover — the legacy `aegis:*` DOM events were removed.)
    */
-  dispatchAction(action, campaignId) {
+  dispatchAction(action, _campaignId) {
     var _a;
     let handled = false;
     try {
       handled = ((_a = this.onActionHandler) == null ? void 0 : _a.call(this, action)) === true;
     } catch {
     }
-    if (typeof window !== "undefined") {
-      const legacy = this._legacyEventFor(action, campaignId);
-      if (legacy) {
-        const evt = new CustomEvent(legacy.name, { detail: legacy.detail, cancelable: true });
-        const proceed = window.dispatchEvent(evt);
-        if (!proceed || evt.defaultPrevented) handled = true;
-      }
-    }
     if (!handled) {
       const url = fallbackUrlForAction(action, this.productUrl);
       if (url && typeof window !== "undefined") window.location.href = url;
     }
   }
-  /** Back-compat mapping: canonical action → the legacy DOM event hosts listen
-   *  for today. `add_to_cart` always emits `aegis:add-to-cart` (the one ACS
-   *  handles), collapsing the old `aegis:cart-add` divergence. */
-  _legacyEventFor(a, campaignId) {
-    const base = { campaign_id: campaignId };
-    switch (a.type) {
-      case "add_to_cart":
-        return {
-          name: "aegis:add-to-cart",
-          detail: {
-            ...base,
-            product_id: a.productId,
-            sku: a.sku,
-            title: a.title,
-            price: a.price,
-            image_url: a.imageUrl,
-            cta_url: a.url,
-            qty: a.qty ?? 1
-          }
-        };
-      case "open_product":
-        return { name: "aegis:open-product", detail: { ...base, sku: a.sku, product_id: a.productId, url: a.url } };
-      case "open_cart":
-        return { name: "aegis:open-cart", detail: base };
-      case "open_login":
-        return { name: "aegis:open-login", detail: base };
-      default:
-        return null;
-    }
-  }
   /**
    * Phase-2 CTA action verbs (`aegis://<verb>?<params>`). Performs an in-app
    * behaviour instead of navigating. Verbs:
@@ -8789,9 +9251,9 @@ const _AegisInAppManager = class _AegisInAppManager {
   /** Remove a rendered campaign's element(s) from the DOM by campaign id. */
   removeCampaignEl(campaignId) {
     if (typeof document === "undefined") return;
-    document.querySelectorAll(`[data-campaign-id="${campaignId}"]`).forEach((el) => {
+    document.querySelectorAll(`[data-campaign-id="${campaignId}"]`).forEach((el2) => {
       var _a;
-      return (_a = el.parentNode) == null ? void 0 : _a.removeChild(el);
+      return (_a = el2.parentNode) == null ? void 0 : _a.removeChild(el2);
     });
   }
   /**
@@ -10518,9 +10980,9 @@ const _AegisInAppManager = class _AegisInAppManager {
     if (typeof document !== "undefined") {
       document.querySelectorAll(
         ".aegis-in-app-banner, .aegis-in-app-modal-overlay, .aegis-in-app-fullscreen-overlay, .aegis-in-app-half-interstitial-overlay, .aegis-in-app-alert-overlay, .aegis-in-app-pip, .aegis-in-app-nps-overlay, .aegis-in-app-countdown-overlay, .aegis-in-app-rating-overlay, .aegis-in-app-poll-overlay, .aegis-in-app-quiz-overlay, .aegis-in-app-rating-card, .aegis-in-app-nps-card"
-      ).forEach((el) => {
-        if (el.parentNode) {
-          el.parentNode.removeChild(el);
+      ).forEach((el2) => {
+        if (el2.parentNode) {
+          el2.parentNode.removeChild(el2);
         }
       });
       const styles = document.getElementById("aegis-in-app-styles");
@@ -10552,9 +11014,9 @@ let AegisInAppManager = _AegisInAppManager;
 function renderPreview(config, opts) {
   document.querySelectorAll(
     '[class^="aegis-in-app-"]'
-  ).forEach((el) => {
-    if (el.parentNode) {
-      el.parentNode.removeChild(el);
+  ).forEach((el2) => {
+    if (el2.parentNode) {
+      el2.parentNode.removeChild(el2);
     }
   });
   try {
@@ -10590,7 +11052,7 @@ function renderPreview(config, opts) {
     if (anchors.length > 0) {
       try {
         anchors.forEach((slot) => {
-          slot.querySelectorAll(":scope > :not([data-aegis-slot-default])").forEach((el) => el.remove());
+          slot.querySelectorAll(":scope > :not([data-aegis-slot-default])").forEach((el2) => el2.remove());
         });
         const mm = manager;
         mm.campaigns = (inline ? [config, ...coGroup] : coGroup).map((c) => ({ ...c, surface: void 0, target_screens: void 0 })).sort((a, b) => (b.priority || 0) - (a.priority || 0));
@@ -10611,17 +11073,17 @@ function renderPreview(config, opts) {
   m2.displayCampaign(config);
 }
 const MAX_NODES = 400;
-function selectorFor(el) {
-  if (el.id) return `#${CSS.escape(el.id)}`;
+function selectorFor(el2) {
+  if (el2.id) return `#${CSS.escape(el2.id)}`;
   for (const attr of ["data-testid", "data-test", "data-aegis-anchor", "data-qa", "name"]) {
-    const v = el.getAttribute(attr);
+    const v = el2.getAttribute(attr);
     if (v) {
-      const sel = `${el.tagName.toLowerCase()}[${attr}="${CSS.escape(v)}"]`;
+      const sel = `${el2.tagName.toLowerCase()}[${attr}="${CSS.escape(v)}"]`;
       if (document.querySelectorAll(sel).length === 1) return sel;
     }
   }
   const parts = [];
-  let node = el;
+  let node = el2;
   while (node && node !== document.body && parts.length < 6) {
     if (node.id) {
       parts.unshift(`#${CSS.escape(node.id)}`);
@@ -10645,15 +11107,15 @@ function captureWebScreen(screenName) {
   const candidates = document.querySelectorAll(
     "a,button,input,select,textarea,[role],[data-aegis-anchor],[data-testid],h1,h2,h3,img,[data-aegis-slot]"
   );
-  for (const el of Array.from(candidates)) {
+  for (const el2 of Array.from(candidates)) {
     if (nodes.length >= MAX_NODES) break;
-    const rect = el.getBoundingClientRect();
+    const rect = el2.getBoundingClientRect();
     if (rect.width <= 0 || rect.height <= 0) continue;
-    const slotKey = el.getAttribute("data-aegis-slot");
-    const role = slotKey ? `slot:${slotKey}` : el.getAttribute("role") || el.tagName.toLowerCase();
-    const text = (el.textContent || el.getAttribute("aria-label") || "").trim().slice(0, 80);
+    const slotKey = el2.getAttribute("data-aegis-slot");
+    const role = slotKey ? `slot:${slotKey}` : el2.getAttribute("role") || el2.tagName.toLowerCase();
+    const text = (el2.textContent || el2.getAttribute("aria-label") || "").trim().slice(0, 80);
     nodes.push({
-      selector: selectorFor(el),
+      selector: selectorFor(el2),
       role,
       ...text ? { text } : {},
       bounds: {