makethisbetter 1.28.2 → 1.28.3

package/dist/makethisbetter.esm.js

@@ -230,8 +230,8 @@ class He {
   constructor(t, e, r, n, s = "right", o = !0) {
     this.currentMode = "markup", this.handlePointerMove = (a) => {
       if (a.pointerType !== "mouse") return;
-      const l = this.hintBarEl.getBoundingClientRect(), c = a.clientX >= l.left && a.clientX <= l.right && a.clientY >= l.top && a.clientY <= l.bottom;
-      this.hintBarEl.classList.toggle("mtb-hint-bar--under-pointer", c);
+      const c = this.hintBarEl.getBoundingClientRect(), l = a.clientX >= c.left && a.clientX <= c.right && a.clientY >= c.top && a.clientY <= c.bottom;
+      this.hintBarEl.classList.toggle("mtb-hint-bar--under-pointer", l);
     }, this.touchHintDismissListening = !1, this.dismissTouchHint = () => {
       this.hintBarEl.classList.add("mtb-hint-bar--dismissed"), this.stopTouchHintDismissListening();
     }, this.messages = e, this.touch = S(), this.hintBarEl = t.el("div", "mtb-hint-bar"), this.hintBarEl.innerHTML = `<span class="mtb-toolbar-hint">${d(this.idleHint())}</span>`, this.touch && !o && this.hintBarEl.classList.add("mtb-hint-bar--dismissed"), this.el = t.el("div", "mtb-toolbar"), s === "left" && this.el.classList.add("left"), this.el.innerHTML = this.buildHTML(e), t.append(this.hintBarEl, this.el), this.host = t.host, this.host.setAttribute("data-mtb-toolbar", ""), this.hintTextEl = this.hintBarEl.querySelector(".mtb-toolbar-hint"), this.markupBtn = this.el.querySelector(".mtb-toolbar-mode-markup"), this.recordBtn = this.el.querySelector(".mtb-toolbar-mode-record"), this.markupBtn.addEventListener("click", () => {
@@ -646,12 +646,12 @@ class Ge {
     if (!t) return null;
     const e = this.drawLayer.viewportDrift(), r = V(t.x - e.x, t.y - e.y);
     if (!r) return t;
-    const n = r.getBoundingClientRect(), s = Pt(r), o = s.x - (t.captureOffsetX ?? 0), a = s.y - (t.captureOffsetY ?? 0), l = Dt(r);
+    const n = r.getBoundingClientRect(), s = Pt(r), o = s.x - (t.captureOffsetX ?? 0), a = s.y - (t.captureOffsetY ?? 0), c = Dt(r);
     return {
       ...t,
-      targetSelector: l.selector,
-      targetText: l.text,
-      targetName: l.name,
+      targetSelector: c.selector,
+      targetText: c.text,
+      targetName: c.name,
       targetRect: {
         top: n.top + a,
         left: n.left + o,
@@ -793,10 +793,10 @@ const ni = [
 function ie(i) {
   const t = document.activeElement instanceof HTMLElement ? document.activeElement : null, e = (r) => {
     if (r.key !== "Tab") return;
-    const n = Array.from(i.querySelectorAll(ni)).filter((c) => !c.hidden);
+    const n = Array.from(i.querySelectorAll(ni)).filter((l) => !l.hidden);
     if (n.length === 0) return;
-    const s = n[0], o = n[n.length - 1], l = i.getRootNode().activeElement ?? document.activeElement;
-    r.shiftKey ? (l === s || !i.contains(l)) && (r.preventDefault(), o.focus({ preventScroll: !0 })) : (l === o || !i.contains(l)) && (r.preventDefault(), s.focus({ preventScroll: !0 }));
+    const s = n[0], o = n[n.length - 1], c = i.getRootNode().activeElement ?? document.activeElement;
+    r.shiftKey ? (c === s || !i.contains(c)) && (r.preventDefault(), o.focus({ preventScroll: !0 })) : (c === o || !i.contains(c)) && (r.preventDefault(), s.focus({ preventScroll: !0 }));
   };
   return i.addEventListener("keydown", e), {
     release() {
@@ -995,10 +995,10 @@ class ct {
     o.className = "mtb-chat-email-input", o.type = "email", o.placeholder = e.email_cta, s.appendChild(o);
     const a = document.createElement("button");
     a.className = "mtb-chat-email-submit", a.type = "button", a.textContent = e.notify, a.disabled = !0;
-    const l = async () => {
-      const c = o.value.trim();
-      if (!c) return;
-      if (a.disabled = !0, o.disabled = !0, await t.onSubmit(c)) {
+    const c = async () => {
+      const l = o.value.trim();
+      if (!l) return;
+      if (a.disabled = !0, o.disabled = !0, await t.onSubmit(l)) {
         const b = document.createElement("div");
         b.className = "mtb-chat-email-note", b.textContent = e.email_saved, r.replaceChildren(b), this.autoCloseTimer = setTimeout(() => this.destroy(), Mt);
         return;
@@ -1009,9 +1009,9 @@ class ct {
     };
     return o.addEventListener("input", () => {
       a.disabled = !o.value.trim();
-    }), o.addEventListener("keydown", (c) => {
-      c.key === "Enter" && o.value.trim() && l();
-    }), a.addEventListener("click", () => void l()), n.appendChild(s), n.appendChild(a), r.appendChild(n), r;
+    }), o.addEventListener("keydown", (l) => {
+      l.key === "Enter" && o.value.trim() && c();
+    }), a.addEventListener("click", () => void c()), n.appendChild(s), n.appendChild(a), r.appendChild(n), r;
   }
   appendUserBubble(t) {
     const e = document.createElement("div");
@@ -1084,10 +1084,10 @@ class ct {
     this.inputEl.disabled = t, this.sendBtn.disabled = t, this.composerEl.classList.toggle("mtb-chat-composer-disabled", t);
   }
   positionCard(t, e, r, n) {
-    const s = ii(n), { vw: o, vh: a, minLeft: l, maxRight: c } = s, h = J, u = 8, b = ri(si, s), g = (this.el.offsetHeight || 280) + 80;
+    const s = ii(n), { vw: o, vh: a, minLeft: c, maxRight: l } = s, h = J, u = 8, b = ri(si, s), g = (this.el.offsetHeight || 280) + 80;
     let f, m;
     const at = r && r.width < o * 0.6 && r.height < a * 0.6;
-    r && at ? (f = r.left, m = r.bottom + u, m + g > a - h && (m = r.top - g - u), m < h && (m = Math.min(r.bottom + u, a - g - h))) : (f = t + 12, m = e + 12), f + b > c && (f = c - b), f < l && (f = l), m < h && (m = h), m + g > a - h && (m = a - g - h), m < h && (m = h), this.el.style.left = `${f}px`, this.el.style.top = `${m}px`, this.el.style.maxHeight = `${a - m - h}px`;
+    r && at ? (f = r.left, m = r.bottom + u, m + g > a - h && (m = r.top - g - u), m < h && (m = Math.min(r.bottom + u, a - g - h))) : (f = t + 12, m = e + 12), f + b > l && (f = l - b), f < c && (f = c), m < h && (m = h), m + g > a - h && (m = a - g - h), m < h && (m = h), this.el.style.left = `${f}px`, this.el.style.top = `${m}px`, this.el.style.maxHeight = `${a - m - h}px`;
   }
   submit(t) {
     this.sendMessage(t);
@@ -1107,10 +1107,10 @@ class mi {
     this.el = t.el("div", "mtb-chat mtb-chat-receipt"), this.el.setAttribute("role", "dialog"), this.el.setAttribute("aria-modal", "true"), this.el.setAttribute("aria-label", o);
     const a = document.createElement("div");
     a.className = "mtb-chat-success mtb-chat-success-simple";
-    const l = document.createElement("div");
-    l.className = "mtb-chat-success-icon", l.innerHTML = ui, a.appendChild(l);
     const c = document.createElement("div");
-    if (c.className = "mtb-chat-success-title", c.textContent = o, a.appendChild(c), n?.onViewFeedback) {
+    c.className = "mtb-chat-success-icon", c.innerHTML = ui, a.appendChild(c);
+    const l = document.createElement("div");
+    if (l.className = "mtb-chat-success-title", l.textContent = o, a.appendChild(l), n?.onViewFeedback) {
       const h = document.createElement("a");
       h.className = "mtb-chat-success-link", h.href = "#", h.textContent = s.track_feedback, h.addEventListener("click", (u) => {
         u.preventDefault(), n.onViewFeedback();
@@ -1264,7 +1264,9 @@ const Ai = 200, Li = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAA
 async function Pi(i, t) {
   try {
     if (t?.aborted) return null;
-    const [{ toJpeg: e }, r] = await Promise.all([he(), St()]), n = document.body.getBoundingClientRect(), s = Oe(), o = { x: window.scrollX, y: window.scrollY }, a = Ni(document.body), l = await e(document.body, {
+    const [{ toJpeg: e }, r] = await Promise.all([he(), St()]);
+    if (await new Promise((l) => setTimeout(l, 0)), t?.aborted) return null;
+    const n = document.body.getBoundingClientRect(), s = Oe(), o = { x: window.scrollX, y: window.scrollY }, a = Ni(document.body), c = await e(document.body, {
       quality: 0.85,
       imagePlaceholder: Li,
       resourceUrlResolver: i,
@@ -1283,14 +1285,14 @@ async function Pi(i, t) {
         transform: `translate(${n.left}px, ${n.top}px)`,
         transformOrigin: "top left"
       },
-      filter: (c) => {
-        if (c instanceof HTMLElement && c.id === w) return !1;
-        if (!(c instanceof Element)) return !0;
-        const h = c.getBoundingClientRect();
+      filter: (l) => {
+        if (l instanceof HTMLElement && l.id === w) return !1;
+        if (!(l instanceof Element)) return !0;
+        const h = l.getBoundingClientRect();
         return h.width === 0 && h.height === 0 ? !0 : h.top + window.scrollY - o.y <= s.height + Ai;
       }
     });
-    return t?.aborted ? null : { dataUrl: l, metrics: s, redactions: a, pageScroll: o };
+    return t?.aborted ? null : { dataUrl: c, metrics: s, redactions: a, pageScroll: o };
   } catch {
     return null;
   }
@@ -1341,17 +1343,17 @@ async function Hi(i, t, e, r, n) {
   const a = await Ci(i);
   if (!a) return null;
   s.width = a.naturalWidth || window.innerWidth, s.height = a.naturalHeight || window.innerHeight, o.drawImage(a, 0, 0);
-  const l = Be(e, s.width, s.height);
+  const c = Be(e, s.width, s.height);
   o.fillStyle = "#e5e7eb";
-  for (const c of r) {
-    const h = ze(l, c);
+  for (const l of r) {
+    const h = ze(c, l);
     o.fillRect(h.left, h.top, h.width, h.height);
   }
-  for (const c of t)
-    c.type === "draw" && c.drawPath ? Bi(o, c.drawPath, l, n?.primary) : c.type === "pin" && Oi(
+  for (const l of t)
+    l.type === "draw" && l.drawPath ? Bi(o, l.drawPath, c, n?.primary) : l.type === "pin" && Oi(
       o,
-      G(l, c.x),
-      Z(l, c.y),
+      G(c, l.x),
+      Z(c, l.y),
       n
     );
   return Ui(s);
@@ -1362,18 +1364,18 @@ function Ni(i) {
     ut(t, s.getBoundingClientRect(), Rt(s));
   for (const s of i.querySelectorAll("input, textarea, select")) {
     if (It(s)) continue;
-    const o = s instanceof HTMLInputElement || s instanceof HTMLTextAreaElement || s instanceof HTMLSelectElement ? s.value : "", a = s.closest(`.${O}`) !== null, l = se(s) || tt(o, s) !== o;
-    !a && !l || ut(t, s.getBoundingClientRect(), Rt(s), Nt);
+    const o = s instanceof HTMLInputElement || s instanceof HTMLTextAreaElement || s instanceof HTMLSelectElement ? s.value : "", a = s.closest(`.${O}`) !== null, c = se(s) || tt(o, s) !== o;
+    !a && !c || ut(t, s.getBoundingClientRect(), Rt(s), Nt);
   }
   const e = document.createTreeWalker(i, NodeFilter.SHOW_TEXT), r = oe();
   let n = e.nextNode();
   for (; n; ) {
-    const s = n.parentElement, o = n.textContent ?? "", a = s?.closest(`.${O}`) !== null, l = C(o) !== o || ae(n, r);
-    if (s && !It(s) && (a || l)) {
-      const c = $(s), h = document.createRange();
+    const s = n.parentElement, o = n.textContent ?? "", a = s?.closest(`.${O}`) !== null, c = C(o) !== o || ae(n, r);
+    if (s && !It(s) && (a || c)) {
+      const l = $(s), h = document.createRange();
       h.selectNodeContents(n);
       for (const u of Array.from(h.getClientRects()))
-        ut(t, u, c, Nt);
+        ut(t, u, l, Nt);
     }
     n = e.nextNode();
   }
@@ -1914,7 +1916,7 @@ class yr {
       try {
         const o = new URL(r, window.location.href);
         if (!["http:", "https:"].includes(o.protocol) || o.origin === window.location.origin) return;
-        const a = await this.submissionHeaders(e, "application/json"), c = await (await this.fetchWithRetry(
+        const a = await this.submissionHeaders(e, "application/json"), l = await (await this.fetchWithRetry(
           `${this.apiUrl}/widget/feedback_submission_sessions/${t}/image_proxy_url`,
           {
             method: "POST",
@@ -1923,7 +1925,7 @@ class yr {
             signal: s
           }
         )).json();
-        return typeof c.url == "string" ? c.url : void 0;
+        return typeof l.url == "string" ? l.url : void 0;
       } catch {
         return;
       }
@@ -1939,12 +1941,12 @@ class yr {
   async createSubmissionSession(t, e) {
     const r = Er(), n = new FormData();
     if (n.append("feedback[description]", t.description), n.append("feedback[page_url]", t.page_url), n.append("feedback[user_agent]", t.user_agent), n.append("feedback[browser]", t.browser), n.append("feedback[os]", t.os), n.append("feedback[screen_width]", String(t.screen_width)), n.append("feedback[screen_height]", String(t.screen_height)), n.append("feedback[console_errors]", JSON.stringify(t.console_errors)), n.append("feedback[annotations]", JSON.stringify(t.annotations)), t.target_element && n.append("feedback[target_element]", JSON.stringify(t.target_element)), t.user_id && n.append("feedback[user_id]", t.user_id), t.reporter_external_id && n.append("feedback[reporter_external_id]", t.reporter_external_id), t.reporter_email && n.append("feedback[reporter_email]", t.reporter_email), t.user_email && n.append("feedback[user_email]", t.user_email), t.user_name && n.append("feedback[user_name]", t.user_name), t.breadcrumbs && t.breadcrumbs.length > 0 && n.append("feedback[breadcrumbs]", JSON.stringify(t.breadcrumbs)), t.recording_events && t.recording_events.length > 0) {
-      const l = JSON.stringify(t.recording_events), c = new Blob([l], { type: "application/json" });
-      n.append("feedback[recording]", c, "interaction-replay.json"), n.append("feedback[recording_duration]", String(t.recording_duration ?? 0));
+      const c = JSON.stringify(t.recording_events), l = new Blob([c], { type: "application/json" });
+      n.append("feedback[recording]", l, "interaction-replay.json"), n.append("feedback[recording_duration]", String(t.recording_duration ?? 0));
     }
     if (e) {
-      const l = e.type === "image/jpeg" ? "jpg" : "png";
-      n.append("feedback[screenshot]", e, `screenshot.${l}`);
+      const c = e.type === "image/jpeg" ? "jpg" : "png";
+      n.append("feedback[screenshot]", e, `screenshot.${c}`);
     }
     const s = await this.authHeaders();
     return s["X-Submission-Token"] = r, s["X-MTB-Capture-Policy"] = wr, s["X-Idempotency-Key"] = kr(), { ...(await (await this.fetchWithRetry(`${this.apiUrl}/widget/feedback_submission_sessions`, {
@@ -2063,11 +2065,11 @@ async function xr(i, t) {
   const e = i.getReader(), r = new TextDecoder();
   let n = "", s = null;
   const o = (a) => {
-    const l = a.split(`
-`).find((b) => b.startsWith("event:")), c = a.split(`
+    const c = a.split(`
+`).find((b) => b.startsWith("event:")), l = a.split(`
 `).find((b) => b.startsWith("data:"));
-    if (!c) return;
-    const h = l?.slice(6).trim(), u = JSON.parse(c.slice(5).trim());
+    if (!l) return;
+    const h = c?.slice(6).trim(), u = JSON.parse(l.slice(5).trim());
     h === "delta" && typeof u.text == "string" ? t(u.text) : h === "done" && (s = {
       messages: Array.isArray(u.messages) ? u.messages : [],
       suggestions: Array.isArray(u.suggestions) ? u.suggestions.filter((b) => typeof b == "string") : [],
@@ -2076,15 +2078,15 @@ async function xr(i, t) {
     });
   };
   for (; ; ) {
-    const { done: a, value: l } = await e.read();
+    const { done: a, value: c } = await e.read();
     if (a) break;
-    n += r.decode(l, { stream: !0 });
-    let c;
-    for (; (c = n.indexOf(`
+    n += r.decode(c, { stream: !0 });
+    let l;
+    for (; (l = n.indexOf(`
 
 `)) !== -1; ) {
-      const h = n.slice(0, c);
-      n = n.slice(c + 2);
+      const h = n.slice(0, l);
+      n = n.slice(l + 2);
       try {
         o(h);
       } catch {
@@ -2827,8 +2829,8 @@ function yt(i, t, e) {
   if (o instanceof Element) {
     if (typeof i.text == "string" && (i.text = tt(i.text, o)), r)
       for (const a of jt) {
-        const l = r[a];
-        typeof l == "string" && (r[a] = tt(l, o));
+        const c = r[a];
+        typeof c == "string" && (r[a] = tt(c, o));
       }
   } else o?.nodeType === Node.TEXT_NODE && ae(o, e) && (typeof i.textContent == "string" && (i.textContent = p), typeof i.value == "string" && (i.value = p));
   Object.values(i).forEach((a) => yt(a, t, e));
@@ -2973,7 +2975,7 @@ function Yr() {
   return /Windows NT 10/.test(i) ? "Windows 10/11" : /Windows NT/.test(i) ? "Windows" : /Mac OS X 10_15|macOS 1[56789]/.test(i) || /Mac OS X/.test(i) ? "macOS" : /Android/.test(i) ? `Android ${i.match(/Android (\d+)/)?.[1] ?? ""}` : /iPhone|iPad|iPod/.test(i) ? "iOS" : /Linux/.test(i) ? "Linux" : "Unknown";
 }
 function Vr(i) {
-  const { description: t, pageContext: e, consoleErrors: r, annotation: n, user: s, recording: o, anonId: a, anonEmail: l, breadcrumbs: c } = i;
+  const { description: t, pageContext: e, consoleErrors: r, annotation: n, user: s, recording: o, anonId: a, anonEmail: c, breadcrumbs: l } = i;
   return {
     ...Q({
       description: t,
@@ -2988,7 +2990,7 @@ function Vr(i) {
       } : void 0,
       recording_events: o?.events,
       recording_duration: o?.duration,
-      breadcrumbs: c
+      breadcrumbs: l
     }),
     user_id: s?.id,
     user_email: s?.email,
@@ -2997,7 +2999,7 @@ function Vr(i) {
     // for who the reporter is, so attaching the stored anon id/email would tie
     // that account to a stranger's earlier anonymous submissions.
     reporter_external_id: s ? void 0 : a,
-    reporter_email: s ? void 0 : l
+    reporter_email: s ? void 0 : c
   };
 }
 const Xr = 300, Kr = 5e3;
@@ -3065,10 +3067,10 @@ class Gr {
     } catch {
       return null;
     }
-    let l = null;
+    let c = null;
     if (this.screenshotEnabled) {
       const h = new AbortController();
-      l = h, this.screenshotAbortController?.abort(), this.screenshotAbortController = h;
+      c = h, this.screenshotAbortController?.abort(), this.screenshotAbortController = h;
       const b = (async () => {
         try {
           const g = await Pi(async (at, ke) => {
@@ -3095,16 +3097,16 @@ class Gr {
       });
       this.pendingScreenshotTask = b;
     }
-    let c;
+    let l;
     try {
-      if (c = await a, n !== this.submissionAttempt)
-        return l?.abort(), await this.deps.apiClient.abandonSubmissionSession(c.id, c.token).catch(() => {
+      if (l = await a, n !== this.submissionAttempt)
+        return c?.abort(), await this.deps.apiClient.abandonSubmissionSession(l.id, l.token).catch(() => {
         }), null;
-      this.activeSubmission = c;
+      this.activeSubmission = l;
     } catch {
-      return l?.abort(), null;
+      return c?.abort(), null;
     }
-    return c;
+    return l;
   }
   async finalize() {
     const t = this.submissionAttempt;
@@ -3571,13 +3573,13 @@ class tn {
       targetRect: n,
       messages: this.messages,
       position: this.config.position ?? "right",
-      onSubmit: async (l) => {
+      onSubmit: async (c) => {
         this.currentAnnotation = o ?? this.currentAnnotation;
-        const c = await this.lifecycle.start(l, this.currentAnnotation, a);
-        return c?.board_url && L(c.board_url), c;
+        const l = await this.lifecycle.start(c, this.currentAnnotation, a);
+        return l?.board_url && L(l.board_url), l;
       },
-      onClarify: async (l, c, h, u) => this.apiClient.streamClarification(l, c, h, u),
-      onAnswer: (l, c, h) => this.apiClient.answerClarification(l, c, h),
+      onClarify: async (c, l, h, u) => this.apiClient.streamClarification(c, l, h, u),
+      onAnswer: (c, l, h) => this.apiClient.answerClarification(c, l, h),
       // The chat card turns into a receipt at this point: the pin, the scrim
       // and the scroll lock have nothing left to hold. A finalization failure
       // remains in this card as a retryable receipt state.
@@ -3588,7 +3590,7 @@ class tn {
       resolveBoardLink: () => this.buildViewFeedbackHandler() ?? this.buildMyFeedbackHandler(),
       resolveEmailCapture: () => this.buildEmailCapture(),
       ...s ? { recordingSeconds: s.duration } : {
-        onScreenshotToggle: (l) => this.lifecycle.setScreenshotEnabled(l),
+        onScreenshotToggle: (c) => this.lifecycle.setScreenshotEnabled(c),
         screenshotEnabled: this.lifecycle.isScreenshotEnabled()
       }
     }), this.engageScrollLock(), this.lifecycle.warmScreenshotDeps();