@active-reach/web-sdk 1.34.1 → 1.35.0

package/dist/index.js

@@ -5027,7 +5027,7 @@ function disposeActiveWebChat() {
   activeInstance = null;
 }
 const SVG_NS = "http://www.w3.org/2000/svg";
-function el(tag, css, text) {
+function el$1(tag, css, text) {
   const e = document.createElement(tag);
   if (css) e.style.cssText = css;
   if (text != null) e.textContent = text;
@@ -5048,13 +5048,13 @@ function star(filled, size) {
   return svg;
 }
 function stars(rating, size = 15) {
-  const wrap = el("span", "display:inline-flex;gap:2px;vertical-align:middle;");
+  const wrap = el$1("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(
+  const b = el$1(
     "span",
     "display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:600;color:#059669;"
   );
@@ -5071,12 +5071,12 @@ function verifiedBadge() {
   p.setAttribute("stroke-linejoin", "round");
   svg.appendChild(p);
   b.appendChild(svg);
-  b.appendChild(el("span", "", "Verified purchase"));
+  b.appendChild(el$1("span", "", "Verified purchase"));
   return b;
 }
 function avatar(name, accent) {
   const initial = (name.trim()[0] || "?").toUpperCase();
-  const a = el(
+  const a = el$1(
     "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 +5084,7 @@ function avatar(name, accent) {
   return a;
 }
 function thumbBtn(up, count, reviewId, creds) {
-  const btn = el(
+  const btn = el$1(
     "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 +5101,7 @@ function thumbBtn(up, count, reviewId, creds) {
   p.setAttribute("fill", "currentColor");
   svg.appendChild(p);
   btn.appendChild(svg);
-  const c = el("span", "", String(count));
+  const c = el$1("span", "", String(count));
   btn.appendChild(c);
   const key = `aegis_rv_voted_${reviewId}`;
   let voted = false;
@@ -5179,7 +5179,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("div", `font-family:${IN_APP_FONT_STACK};font-size:13px;color:#9ca3af;padding:10px 0;`, "Loading reviews…"));
+  target.appendChild(el$1("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 +5194,12 @@ function renderReviewsInline(ctx, target, creds) {
   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;");
+    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;");
     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"));
+    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"));
     if (r.verified_purchase) nameRow.appendChild(verifiedBadge());
     idn.appendChild(nameRow);
     idn.appendChild(stars(r.rating ?? 0, 14));
@@ -5207,7 +5207,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(
+        head.appendChild(el$1(
           "span",
           "margin-left:auto;font-size:12px;color:#9ca3af;white-space:nowrap;",
           d.toLocaleDateString(void 0, { day: "numeric", month: "short", year: "numeric" })
@@ -5216,10 +5216,10 @@ function renderReviewsInline(ctx, target, creds) {
     }
     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));
+      li.appendChild(el$1("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;");
+      const gallery = el$1("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 +5232,22 @@ function renderReviewsInline(ctx, target, creds) {
       }
       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?"));
+    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?"));
     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(
+      const reply = el$1(
         "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"));
+      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"));
       reply.appendChild(rlabel);
-      reply.appendChild(el("p", "margin:0;font-size:14px;line-height:1.55;color:#4b5563;", r.operator_reply.text));
+      reply.appendChild(el$1("p", "margin:0;font-size:14px;line-height:1.55;color:#4b5563;", r.operator_reply.text));
       li.appendChild(reply);
     }
     return li;
@@ -5256,15 +5256,15 @@ function renderReviewsInline(ctx, target, creds) {
     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."));
+      listContainer.appendChild(el$1("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;");
+    const ul = el$1("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(
+    const b = el$1(
       "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 +5273,7 @@ function renderReviewsInline(ctx, target, creds) {
     return b;
   }
   function controls(rerender) {
-    const bar = el("div", "display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 4px;");
+    const bar = el$1("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 +5300,29 @@ function renderReviewsInline(ctx, target, creds) {
     return bar;
   }
   function distributionPanel(dist, total) {
-    const box = el("div", "flex:0 1 300px;width:300px;max-width:100%;display:flex;flex-direction:column;gap:7px;");
+    const box = el$1("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("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));
+      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));
       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;`));
+      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;`));
       row.appendChild(track);
-      row.appendChild(el("span", "width:24px;text-align:right;font-variant-numeric:tabular-nums;", String(n)));
+      row.appendChild(el$1("span", "width:24px;text-align:right;font-variant-numeric:tabular-nums;", String(n)));
       box.appendChild(row);
     }
     return box;
   }
   function aiSummaryCard(summary) {
-    const card = el(
+    const card = el$1(
       "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 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 sp = document.createElementNS(SVG_NS, "svg");
     sp.setAttribute("viewBox", "0 0 24 24");
     sp.setAttribute("width", "16");
@@ -5332,17 +5332,17 @@ function renderReviewsInline(ctx, target, creds) {
     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"));
+    left.appendChild(el$1("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"));
+    head.appendChild(el$1("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`));
+    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`));
     return card;
   }
   function renderWall(data) {
     target.innerHTML = "";
-    const root = el(
+    const root = el$1(
       "section",
       `font-family:${IN_APP_FONT_STACK};color:#111827;max-width:860px;margin:0 auto;-webkit-font-smoothing:antialiased;`
     );
@@ -5350,25 +5350,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("p", "font-size:15px;color:#9ca3af;padding:6px 0;", "No reviews yet — be the first to share your experience."));
+      root.appendChild(el$1("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 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 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) : "—"));
+    topRow.appendChild(el$1("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`));
+    ratingBlock.appendChild(el$1("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;");
+    listContainer = el$1("div", "margin-top:2px;");
     root.appendChild(listContainer);
     renderList(data.items);
     target.appendChild(root);
@@ -5380,23 +5380,23 @@ function renderReviewsInline(ctx, target, creds) {
     var _a;
     target.innerHTML = "";
     if (data.aggregate.count === 0) return;
-    const root = el(
+    const root = el$1(
       "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 line = el$1("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(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(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"}`));
+      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"}`));
     }
-    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 →");
+    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 →");
     seeAll.addEventListener("click", () => renderWall(data));
     root.appendChild(seeAll);
     target.appendChild(root);
@@ -5420,10 +5420,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("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;");
+  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;");
   const x = document.createElementNS(SVG_NS, "svg");
   x.setAttribute("viewBox", "0 0 24 24");
   x.setAttribute("width", "20");
@@ -5442,7 +5442,7 @@ function renderReviewsOverlay(ctx, creds) {
   });
   bar.appendChild(close);
   sheet.appendChild(bar);
-  const body = el("div");
+  const body = el$1("div");
   const pid = ctx.campaign.product_id;
   if (pid) body.setAttribute("data-product-id", pid);
   sheet.appendChild(body);
@@ -5456,6 +5456,161 @@ 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 {
@@ -6427,6 +6582,23 @@ 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) {
@@ -6507,6 +6679,14 @@ 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
@@ -14237,7 +14417,7 @@ const _AegisMessageRuntime = class _AegisMessageRuntime {
     var _a;
     this.initialized = false;
     {
-      const v = "1.34.1";
+      const v = "1.35.0";
       try {
         globalThis.__AEGIS_SDK_VERSION__ = v;
       } catch {