@active-reach/web-sdk 1.35.0 → 1.35.2

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;
@@ -753,6 +753,296 @@ 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";
+    });
+    if (typeof el2.review_earn_hint === "string" && el2.review_earn_hint.trim()) {
+      const hint = document.createElement("div");
+      hint.textContent = el2.review_earn_hint.trim();
+      hint.style.cssText = `font-size:11px;color:${fg};opacity:.65;`;
+      panel.appendChild(hint);
+    }
+    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;
@@ -1233,6 +1523,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";
@@ -5027,7 +5321,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 +5342,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 +5365,12 @@ 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 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 +5378,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 +5395,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 +5473,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,12 +5488,12 @@ 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());
     idn.appendChild(nameRow);
     idn.appendChild(stars(r.rating ?? 0, 14));
@@ -5207,7 +5501,7 @@ function renderReviewsInline(ctx, target, creds) {
     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 +5510,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 +5526,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 +5550,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 +5567,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 +5594,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 +5626,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 +5644,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 +5674,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 +5714,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 +5736,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 +5750,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 {
@@ -6582,23 +6721,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 +6801,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 +6870,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 +8720,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
     };
   }
   /**
@@ -11088,7 +11207,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",
@@ -11190,6 +11309,7 @@ _AegisInAppManager.KNOWN_SURFACES = /* @__PURE__ */ new Set([
   "storefront_feedback",
   "storefront_reviews",
   "storefront_members",
+  "storefront_orders",
   "external_website",
   "external_mobile_screen"
 ]);
@@ -14417,7 +14537,7 @@ const _AegisMessageRuntime = class _AegisMessageRuntime {
     var _a;
     this.initialized = false;
     {
-      const v = "1.35.0";
+      const v = "1.35.2";
       try {
         globalThis.__AEGIS_SDK_VERSION__ = v;
       } catch {