makethisbetter 1.1.3 → 1.2.0

package/dist/makethisbetter.esm.js

@@ -33,45 +33,8 @@ class nt {
     this.el.removeEventListener("click", this.onClick), this.el.remove();
   }
 }
-const x = "#059669", w = {
-  color: x,
-  width: "3.5",
-  linecap: "round",
-  linejoin: "round",
-  filter: "drop-shadow(0 1px 2px rgba(5,150,105,0.35))"
-};
-class ot {
-  constructor(t, e, s) {
-    this.onClick = s, this.el = t.el("div", "mtb-pet"), this.el.innerHTML = this.buildSVG(), this.el.setAttribute("role", "button"), this.el.setAttribute("aria-label", e.tab), this.el.tabIndex = 0, this.bubble = t.el("div", "mtb-pet-bubble"), this.bubble.textContent = e.pet.bubble, this.el.appendChild(this.bubble), this.el.addEventListener("click", this.onClick), this.el.addEventListener("keydown", (r) => {
-      (r.key === "Enter" || r.key === " ") && (r.preventDefault(), this.onClick());
-    }), t.append(this.el);
-  }
-  buildSVG() {
-    return `<svg class="mtb-pet-svg" width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <circle cx="24" cy="28" r="16" fill="${x}"/>
-      <circle cx="24" cy="28" r="14" fill="#10b981"/>
-      <circle cx="19" cy="25" r="3" fill="#fff"/>
-      <circle cx="29" cy="25" r="3" fill="#fff"/>
-      <circle cx="20" cy="24.5" r="1.5" fill="#064e3b"/>
-      <circle cx="30" cy="24.5" r="1.5" fill="#064e3b"/>
-      <ellipse cx="19.5" cy="23.5" rx="0.8" ry="0.6" fill="#fff" opacity="0.7"/>
-      <ellipse cx="29.5" cy="23.5" rx="0.8" ry="0.6" fill="#fff" opacity="0.7"/>
-      <path d="M20 31 Q24 34 28 31" stroke="#064e3b" stroke-width="1.5" stroke-linecap="round" fill="none"/>
-      <circle cx="15" cy="30" r="2.5" fill="${x}" opacity="0.4"/>
-      <circle cx="33" cy="30" r="2.5" fill="${x}" opacity="0.4"/>
-      <path d="M14 17 Q16 12 20 15" stroke="#10b981" stroke-width="2" stroke-linecap="round" fill="none"/>
-      <path d="M34 17 Q32 12 28 15" stroke="#10b981" stroke-width="2" stroke-linecap="round" fill="none"/>
-    </svg>`;
-  }
-  setActive(t) {
-    this.el.classList.toggle("active", t), t && this.bubble.classList.add("hidden");
-  }
-  destroy() {
-    this.el.removeEventListener("click", this.onClick), this.el.remove();
-  }
-}
-const at = 8e3;
-class lt {
+const ot = 8e3;
+class at {
   constructor(t, e, s) {
     this.el = t.el("div", "mtb-frustration-prompt"), this.el.innerHTML = `
       <div class="mtb-frustration-icon">&#9888;&#65039;</div>
@@ -80,13 +43,13 @@ class lt {
         <button class="mtb-frustration-tell">${e.frustration.action}</button>
         <button class="mtb-frustration-dismiss">${e.frustration.dismiss}</button>
       </div>
-    `, this.el.querySelector(".mtb-frustration-tell").addEventListener("click", s.onTell), this.el.querySelector(".mtb-frustration-dismiss").addEventListener("click", s.onDismiss), t.append(this.el), setTimeout(s.onDismiss, at);
+    `, this.el.querySelector(".mtb-frustration-tell").addEventListener("click", s.onTell), this.el.querySelector(".mtb-frustration-dismiss").addEventListener("click", s.onDismiss), t.append(this.el), setTimeout(s.onDismiss, ot);
   }
   destroy() {
     this.el.remove();
   }
 }
-class ct {
+class lt {
   constructor(t, e, s, r) {
     this.currentMode = "markup", this.messages = e, this.el = t.el("div", "mtb-toolbar"), this.el.innerHTML = this.buildHTML(e), t.append(this.el), this.hintEl = this.el.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", () => {
       this.setMode("markup"), r?.("markup");
@@ -123,7 +86,7 @@ class ct {
     this.el.remove();
   }
 }
-class ht {
+class ct {
   constructor(t, e) {
     this.onMouseDown = e.onMouseDown, this.onMouseMove = e.onMouseMove, this.onMouseUp = e.onMouseUp, this.onMouseLeave = e.onMouseLeave, this.overlayEl = t.el("div", "mtb-overlay"), this.overlayEl.addEventListener("mousedown", this.onMouseDown), this.overlayEl.addEventListener("mousemove", this.onMouseMove), this.overlayEl.addEventListener("mouseup", this.onMouseUp), this.overlayEl.addEventListener("mouseleave", this.onMouseLeave), t.append(this.overlayEl), this.dimEl = t.el("div", "mtb-dim"), t.append(this.dimEl);
   }
@@ -131,7 +94,7 @@ class ht {
     this.overlayEl.removeEventListener("mousedown", this.onMouseDown), this.overlayEl.removeEventListener("mousemove", this.onMouseMove), this.overlayEl.removeEventListener("mouseup", this.onMouseUp), this.overlayEl.removeEventListener("mouseleave", this.onMouseLeave), this.overlayEl.remove(), this.dimEl.remove();
   }
 }
-class dt {
+class ht {
   constructor(t) {
     this.highlightEl = t.el("div", "mtb-highlight"), this.hide(), t.append(this.highlightEl);
   }
@@ -146,7 +109,7 @@ class dt {
     this.highlightEl.remove();
   }
 }
-function ut(i) {
+function dt(i) {
   if (i instanceof HTMLElement) {
     const t = i.getAttribute("aria-label");
     if (t) return t;
@@ -163,7 +126,7 @@ function ut(i) {
   }
   return i.tagName.toLowerCase();
 }
-function pt(i) {
+function ut(i) {
   const t = [];
   let e = i;
   for (; e && e !== document.body && t.length < 5; ) {
@@ -188,7 +151,7 @@ function pt(i) {
   }
   return t.join(" > ");
 }
-class ft {
+class pt {
   constructor(t) {
     this.pins = [], this.shadow = t;
   }
@@ -204,12 +167,19 @@ class ft {
     this.clearAll();
   }
 }
-class mt {
+const D = "#059669", x = {
+  color: D,
+  width: "3.5",
+  linecap: "round",
+  linejoin: "round",
+  filter: "drop-shadow(0 1px 2px rgba(5,150,105,0.35))"
+};
+class ft {
   constructor(t, e) {
     this.path = null, this.points = [], this.isDrawing = !1, this.onDrawComplete = e, this.svg = document.createElementNS("http://www.w3.org/2000/svg", "svg"), this.svg.setAttribute("class", "mtb-draw-svg"), t.append(this.svg);
   }
   startDraw(t, e) {
-    this.isDrawing = !0, this.points = [[t, e]], this.path = document.createElementNS("http://www.w3.org/2000/svg", "path"), this.path.setAttribute("fill", "none"), this.path.setAttribute("stroke", w.color), this.path.setAttribute("stroke-width", w.width), this.path.setAttribute("stroke-linecap", w.linecap), this.path.setAttribute("stroke-linejoin", w.linejoin), this.path.setAttribute("style", `filter:${w.filter}`), this.svg.appendChild(this.path);
+    this.isDrawing = !0, this.points = [[t, e]], this.path = document.createElementNS("http://www.w3.org/2000/svg", "path"), this.path.setAttribute("fill", "none"), this.path.setAttribute("stroke", x.color), this.path.setAttribute("stroke-width", x.width), this.path.setAttribute("stroke-linecap", x.linecap), this.path.setAttribute("stroke-linejoin", x.linejoin), this.path.setAttribute("style", `filter:${x.filter}`), this.svg.appendChild(this.path);
   }
   continueDraw(t, e) {
     !this.isDrawing || !this.path || (this.points.push([t, e]), this.path.setAttribute("d", this.buildPathD()));
@@ -259,12 +229,12 @@ class mt {
     this.svg.remove();
   }
 }
-const bt = 5;
+const mt = 5;
 class H {
   constructor(t, e, s) {
-    this.messages = e, this.onReady = s, this.pinCount = 0, this.interactionActive = !0, this.pendingHighlightFrame = null, this.lastMoveX = 0, this.lastMoveY = 0, this.highlighter = new dt(t), this.pinMarker = new ft(t), this.drawLayer = new mt(t, (r) => {
+    this.messages = e, this.onReady = s, this.pinCount = 0, this.interactionActive = !0, this.pendingHighlightFrame = null, this.lastMoveX = 0, this.lastMoveY = 0, this.highlighter = new ht(t), this.pinMarker = new pt(t), this.drawLayer = new ft(t, (r) => {
       this.onReady(r, this.messages.annotation.drawing);
-    }), this.overlay = new ht(t, {
+    }), this.overlay = new ct(t, {
       onMouseDown: (r) => this.handleMouseDown(r),
       onMouseMove: (r) => this.handleMouseMove(r),
       onMouseUp: (r) => this.handleMouseUp(r),
@@ -295,16 +265,16 @@ class H {
   }
   handleMouseUp(t) {
     if (!this.drawLayer.isCurrentlyDrawing()) return;
-    if (this.drawLayer.getPointCount() >= bt) {
+    if (this.drawLayer.getPointCount() >= mt) {
       this.drawLayer.endDraw();
       return;
     }
     this.drawLayer.cancelCurrentDraw();
-    const e = $(t.clientX, t.clientY), s = e ? ut(e) : this.messages.annotation.element, r = {
+    const e = $(t.clientX, t.clientY), s = e ? dt(e) : this.messages.annotation.element, r = {
       type: "pin",
       x: t.clientX,
       y: t.clientY,
-      targetSelector: e ? pt(e) : void 0,
+      targetSelector: e ? ut(e) : void 0,
       targetText: e?.textContent?.trim().slice(0, 200) ?? "",
       targetName: s
     };
@@ -320,7 +290,7 @@ class H {
 function $(i, t) {
   return document.elementsFromPoint(i, t).find((e) => e.id !== "mtb-widget-host") ?? null;
 }
-class gt {
+class bt {
   constructor(t, e) {
     this.loading = !1, this.onSubmit = e.onSubmit, this.onClose = e.onClose, this.submitLabel = e.messages.popup.submit, this.el = t.el("div", "mtb-popup"), this.el.innerHTML = this.buildHTML(e), t.append(this.el), this.textarea = this.el.querySelector(".mtb-textarea"), this.submitBtn = this.el.querySelector(".mtb-submit-btn"), this.positionPopup(e.x, e.y), this.bindEvents(e.messages), this.textarea.focus();
   }
@@ -397,8 +367,8 @@ class gt {
 function m(i) {
   return i.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
 }
-const yt = 2e3, xt = 2e3;
-class wt {
+const gt = 2e3, yt = 2e3;
+class xt {
   constructor(t, e) {
     this.pollTimer = null, this.doneTimer = null, this.sending = !1, this.destroyed = !1, this.feedbackId = e.feedbackId, this.apiClient = e.apiClient, this.onDone = e.onDone, this.el = t.el("div", "mtb-clarify"), this.el.style.right = "20px", this.el.style.bottom = "20px", this.el.innerHTML = this.buildHTML(e.messages), t.append(this.el), this.messagesEl = this.el.querySelector(".mtb-clarify-messages"), this.inputEl = this.el.querySelector(".mtb-clarify-input"), this.sendBtn = this.el.querySelector(".mtb-clarify-send"), this.bindEvents(e.messages), this.startConversation();
   }
@@ -406,16 +376,16 @@ class wt {
     return `
       <div class="mtb-clarify-header">
         <div class="mtb-clarify-icon">
-          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="${x}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="${D}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
             <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
           </svg>
         </div>
-        <button class="mtb-clarify-skip">${L(t.clarify.skip)}</button>
+        <button class="mtb-clarify-skip">${T(t.clarify.skip)}</button>
       </div>
       <div class="mtb-clarify-messages"></div>
       <div class="mtb-clarify-footer">
-        <input class="mtb-clarify-input" type="text" placeholder="${L(t.clarify.placeholder)}" />
-        <button class="mtb-clarify-send" disabled>${L(t.clarify.send)}</button>
+        <input class="mtb-clarify-input" type="text" placeholder="${T(t.clarify.placeholder)}" />
+        <button class="mtb-clarify-send" disabled>${T(t.clarify.send)}</button>
       </div>
     `;
   }
@@ -457,7 +427,7 @@ class wt {
     }
   }
   startPolling() {
-    this.stopPolling(), this.pollTimer = setInterval(() => this.poll(), yt);
+    this.stopPolling(), this.pollTimer = setInterval(() => this.poll(), gt);
   }
   stopPolling() {
     this.pollTimer !== null && (clearInterval(this.pollTimer), this.pollTimer = null);
@@ -475,7 +445,7 @@ class wt {
   handleDone() {
     this.inputEl.disabled = !0, this.sendBtn.disabled = !0, this.doneTimer = setTimeout(() => {
       this.destroyed || this.onDone();
-    }, xt);
+    }, yt);
   }
   renderConversation(t, e) {
     this.renderMessages(t);
@@ -500,17 +470,17 @@ class wt {
     this.destroyed = !0, this.stopPolling(), this.doneTimer !== null && (clearTimeout(this.doneTimer), this.doneTimer = null), this.el.remove();
   }
 }
-function L(i) {
+function T(i) {
   return i.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
 }
-const kt = 5e3;
-class vt {
+const wt = 5e3;
+class kt {
   constructor(t, e, s, r) {
     this.el = t.el("div", "mtb-success"), this.el.style.right = "20px", this.el.style.bottom = "20px";
     const n = r ? `<button class="mtb-view-feedback-link">${e.success.view_feedback}</button>` : "";
     this.el.innerHTML = `
       <div class="mtb-success-icon">
-        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="${x}" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
+        <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="${D}" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
           <polyline points="20 6 9 17 4 12"/>
         </svg>
       </div>
@@ -518,13 +488,13 @@ class vt {
       <div class="mtb-success-msg">${e.success.message}</div>
       ${n}
       <button class="mtb-close-link">${e.success.close}</button>
-    `, t.append(this.el), this.el.querySelector(".mtb-close-link").addEventListener("click", s), r && this.el.querySelector(".mtb-view-feedback-link").addEventListener("click", r), setTimeout(() => s(), kt);
+    `, t.append(this.el), this.el.querySelector(".mtb-close-link").addEventListener("click", s), r && this.el.querySelector(".mtb-view-feedback-link").addEventListener("click", r), setTimeout(() => s(), wt);
   }
   destroy() {
     this.el.remove();
   }
 }
-function Et(i, t) {
+function vt(i, t) {
   if (i.match(/^[a-z]+:\/\//i))
     return i;
   if (i.match(/^\/\//))
@@ -556,19 +526,19 @@ function S(i, t) {
   const s = (i.ownerDocument.defaultView || window).getComputedStyle(i).getPropertyValue(t);
   return s ? parseFloat(s.replace("px", "")) : 0;
 }
-function Ct(i) {
+function Et(i) {
   const t = S(i, "border-left-width"), e = S(i, "border-right-width");
   return i.clientWidth + t + e;
 }
-function Mt(i) {
+function Ct(i) {
   const t = S(i, "border-top-width"), e = S(i, "border-bottom-width");
   return i.clientHeight + t + e;
 }
 function Y(i, t = {}) {
-  const e = t.width || Ct(i), s = t.height || Mt(i);
+  const e = t.width || Et(i), s = t.height || Ct(i);
   return { width: e, height: s };
 }
-function Tt() {
+function Mt() {
   let i, t;
   try {
     t = process;
@@ -578,10 +548,10 @@ function Tt() {
   return e && (i = parseInt(e, 10), Number.isNaN(i) && (i = 1)), i || window.devicePixelRatio || 1;
 }
 const d = 16384;
-function Lt(i) {
+function Tt(i) {
   (i.width > d || i.height > d) && (i.width > d && i.height > d ? i.width > i.height ? (i.height *= d / i.width, i.width = d) : (i.width *= d / i.height, i.height = d) : i.width > d ? (i.height *= d / i.width, i.width = d) : (i.width *= d / i.height, i.height = d));
 }
-function C(i) {
+function E(i) {
   return new Promise((t, e) => {
     const s = new Image();
     s.onload = () => {
@@ -591,12 +561,12 @@ function C(i) {
     }, s.onerror = e, s.crossOrigin = "anonymous", s.decoding = "async", s.src = i;
   });
 }
-async function At(i) {
+async function Lt(i) {
   return Promise.resolve().then(() => new XMLSerializer().serializeToString(i)).then(encodeURIComponent).then((t) => `data:image/svg+xml;charset=utf-8,${t}`);
 }
-async function Dt(i, t, e) {
+async function At(i, t, e) {
   const s = "http://www.w3.org/2000/svg", r = document.createElementNS(s, "svg"), n = document.createElementNS(s, "foreignObject");
-  return r.setAttribute("width", `${t}`), r.setAttribute("height", `${e}`), r.setAttribute("viewBox", `0 0 ${t} ${e}`), n.setAttribute("width", "100%"), n.setAttribute("height", "100%"), n.setAttribute("x", "0"), n.setAttribute("y", "0"), n.setAttribute("externalResourcesRequired", "true"), r.appendChild(n), n.appendChild(i), At(r);
+  return r.setAttribute("width", `${t}`), r.setAttribute("height", `${e}`), r.setAttribute("viewBox", `0 0 ${t} ${e}`), n.setAttribute("width", "100%"), n.setAttribute("height", "100%"), n.setAttribute("x", "0"), n.setAttribute("y", "0"), n.setAttribute("externalResourcesRequired", "true"), r.appendChild(n), n.appendChild(i), Lt(r);
 }
 const h = (i, t) => {
   if (i instanceof t)
@@ -604,18 +574,18 @@ const h = (i, t) => {
   const e = Object.getPrototypeOf(i);
   return e === null ? !1 : e.constructor.name === t.name || h(e, t);
 };
-function Pt(i) {
+function Rt(i) {
   const t = i.getPropertyValue("content");
   return `${i.cssText} content: '${t.replace(/'|"/g, "")}';`;
 }
-function Rt(i, t) {
+function Dt(i, t) {
   return V(t).map((e) => {
     const s = i.getPropertyValue(e), r = i.getPropertyPriority(e);
     return `${e}: ${s}${r ? " !important" : ""};`;
   }).join(" ");
 }
-function _t(i, t, e, s) {
-  const r = `.${i}:${t}`, n = e.cssText ? Pt(e) : Rt(e, s);
+function Pt(i, t, e, s) {
+  const r = `.${i}:${t}`, n = e.cssText ? Rt(e) : Dt(e, s);
   return document.createTextNode(`${r}{${n}}`);
 }
 function I(i, t, e, s) {
@@ -629,12 +599,12 @@ function I(i, t, e, s) {
     return;
   }
   const a = document.createElement("style");
-  a.appendChild(_t(o, e, r, s)), t.appendChild(a);
+  a.appendChild(Pt(o, e, r, s)), t.appendChild(a);
 }
-function Ht(i, t, e) {
+function _t(i, t, e) {
   I(i, t, ":before", e), I(i, t, ":after", e);
 }
-const O = "application/font-woff", F = "image/jpeg", $t = {
+const O = "application/font-woff", F = "image/jpeg", Ht = {
   woff: O,
   woff2: O,
   ttf: "application/font-truetype",
@@ -647,21 +617,21 @@ const O = "application/font-woff", F = "image/jpeg", $t = {
   svg: "image/svg+xml",
   webp: "image/webp"
 };
-function It(i) {
+function $t(i) {
   const t = /\.([^./]*?)$/g.exec(i);
   return t ? t[1] : "";
 }
-function R(i) {
-  const t = It(i).toLowerCase();
-  return $t[t] || "";
+function P(i) {
+  const t = $t(i).toLowerCase();
+  return Ht[t] || "";
 }
-function Ot(i) {
+function It(i) {
   return i.split(/,/)[1];
 }
-function D(i) {
+function A(i) {
   return i.search(/^(data:)/) !== -1;
 }
-function Ft(i, t) {
+function Ot(i, t) {
   return `data:${t};base64,${i}`;
 }
 async function X(i, t, e) {
@@ -680,64 +650,64 @@ async function X(i, t, e) {
     }, a.readAsDataURL(r);
   });
 }
-const A = {};
-function jt(i, t, e) {
+const L = {};
+function Ft(i, t, e) {
   let s = i.replace(/\?.*/, "");
   return e && (s = i), /ttf|otf|eot|woff2?/i.test(s) && (s = s.replace(/.*\//, "")), t ? `[${t}]${s}` : s;
 }
 async function _(i, t, e) {
-  const s = jt(i, t, e.includeQueryParams);
-  if (A[s] != null)
-    return A[s];
+  const s = Ft(i, t, e.includeQueryParams);
+  if (L[s] != null)
+    return L[s];
   e.cacheBust && (i += (/\?/.test(i) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
   let r;
   try {
-    const n = await X(i, e.fetchRequestInit, ({ res: o, result: a }) => (t || (t = o.headers.get("Content-Type") || ""), Ot(a)));
-    r = Ft(n, t);
+    const n = await X(i, e.fetchRequestInit, ({ res: o, result: a }) => (t || (t = o.headers.get("Content-Type") || ""), It(a)));
+    r = Ot(n, t);
   } catch (n) {
     r = e.imagePlaceholder || "";
     let o = `Failed to fetch resource: ${i}`;
     n && (o = typeof n == "string" ? n : n.message), o && console.warn(o);
   }
-  return A[s] = r, r;
+  return L[s] = r, r;
 }
-async function Ut(i) {
+async function jt(i) {
   const t = i.toDataURL();
-  return t === "data:," ? i.cloneNode(!1) : C(t);
+  return t === "data:," ? i.cloneNode(!1) : E(t);
 }
-async function zt(i, t) {
+async function Ut(i, t) {
   if (i.currentSrc) {
     const n = document.createElement("canvas"), o = n.getContext("2d");
     n.width = i.clientWidth, n.height = i.clientHeight, o?.drawImage(i, 0, 0, n.width, n.height);
     const a = n.toDataURL();
-    return C(a);
+    return E(a);
   }
-  const e = i.poster, s = R(e), r = await _(e, s, t);
-  return C(r);
+  const e = i.poster, s = P(e), r = await _(e, s, t);
+  return E(r);
 }
-async function Bt(i, t) {
+async function zt(i, t) {
   var e;
   try {
     if (!((e = i?.contentDocument) === null || e === void 0) && e.body)
-      return await M(i.contentDocument.body, t, !0);
+      return await C(i.contentDocument.body, t, !0);
   } catch {
   }
   return i.cloneNode(!1);
 }
-async function qt(i, t) {
-  return h(i, HTMLCanvasElement) ? Ut(i) : h(i, HTMLVideoElement) ? zt(i, t) : h(i, HTMLIFrameElement) ? Bt(i, t) : i.cloneNode(G(i));
+async function Bt(i, t) {
+  return h(i, HTMLCanvasElement) ? jt(i) : h(i, HTMLVideoElement) ? Ut(i, t) : h(i, HTMLIFrameElement) ? zt(i, t) : i.cloneNode(G(i));
 }
-const Wt = (i) => i.tagName != null && i.tagName.toUpperCase() === "SLOT", G = (i) => i.tagName != null && i.tagName.toUpperCase() === "SVG";
-async function Nt(i, t, e) {
+const qt = (i) => i.tagName != null && i.tagName.toUpperCase() === "SLOT", G = (i) => i.tagName != null && i.tagName.toUpperCase() === "SVG";
+async function Wt(i, t, e) {
   var s, r;
   if (G(t))
     return t;
   let n = [];
-  return Wt(i) && i.assignedNodes ? n = p(i.assignedNodes()) : h(i, HTMLIFrameElement) && (!((s = i.contentDocument) === null || s === void 0) && s.body) ? n = p(i.contentDocument.body.childNodes) : n = p(((r = i.shadowRoot) !== null && r !== void 0 ? r : i).childNodes), n.length === 0 || h(i, HTMLVideoElement) || await n.reduce((o, a) => o.then(() => M(a, e)).then((l) => {
+  return qt(i) && i.assignedNodes ? n = p(i.assignedNodes()) : h(i, HTMLIFrameElement) && (!((s = i.contentDocument) === null || s === void 0) && s.body) ? n = p(i.contentDocument.body.childNodes) : n = p(((r = i.shadowRoot) !== null && r !== void 0 ? r : i).childNodes), n.length === 0 || h(i, HTMLVideoElement) || await n.reduce((o, a) => o.then(() => C(a, e)).then((l) => {
     l && t.appendChild(l);
   }), Promise.resolve()), t;
 }
-function Vt(i, t, e) {
+function Nt(i, t, e) {
   const s = t.style;
   if (!s)
     return;
@@ -747,19 +717,19 @@ function Vt(i, t, e) {
     n === "font-size" && o.endsWith("px") && (o = `${Math.floor(parseFloat(o.substring(0, o.length - 2))) - 0.1}px`), h(i, HTMLIFrameElement) && n === "display" && o === "inline" && (o = "block"), n === "d" && t.getAttribute("d") && (o = `path(${t.getAttribute("d")})`), s.setProperty(n, o, r.getPropertyPriority(n));
   });
 }
-function Yt(i, t) {
+function Vt(i, t) {
   h(i, HTMLTextAreaElement) && (t.innerHTML = i.value), h(i, HTMLInputElement) && t.setAttribute("value", i.value);
 }
-function Xt(i, t) {
+function Yt(i, t) {
   if (h(i, HTMLSelectElement)) {
     const e = t, s = Array.from(e.children).find((r) => i.value === r.getAttribute("value"));
     s && s.setAttribute("selected", "");
   }
 }
-function Gt(i, t, e) {
-  return h(t, Element) && (Vt(i, t, e), Ht(i, t, e), Yt(i, t), Xt(i, t)), t;
+function Xt(i, t, e) {
+  return h(t, Element) && (Nt(i, t, e), _t(i, t, e), Vt(i, t), Yt(i, t)), t;
 }
-async function Kt(i, t) {
+async function Gt(i, t) {
   const e = i.querySelectorAll ? i.querySelectorAll("use") : [];
   if (e.length === 0)
     return i;
@@ -768,7 +738,7 @@ async function Kt(i, t) {
     const a = e[n].getAttribute("xlink:href");
     if (a) {
       const l = i.querySelector(a), c = document.querySelector(a);
-      !l && c && !s[a] && (s[a] = await M(c, t, !0));
+      !l && c && !s[a] && (s[a] = await C(c, t, !0));
     }
   }
   const r = Object.values(s);
@@ -783,31 +753,31 @@ async function Kt(i, t) {
   }
   return i;
 }
-async function M(i, t, e) {
-  return !e && t.filter && !t.filter(i) ? null : Promise.resolve(i).then((s) => qt(s, t)).then((s) => Nt(i, s, t)).then((s) => Gt(i, s, t)).then((s) => Kt(s, t));
+async function C(i, t, e) {
+  return !e && t.filter && !t.filter(i) ? null : Promise.resolve(i).then((s) => Bt(s, t)).then((s) => Wt(i, s, t)).then((s) => Xt(i, s, t)).then((s) => Gt(s, t));
 }
-const K = /url\((['"]?)([^'"]+?)\1\)/g, Jt = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, Qt = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
-function Zt(i) {
+const K = /url\((['"]?)([^'"]+?)\1\)/g, Kt = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, Jt = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
+function Qt(i) {
   const t = i.replace(/([.*+?^${}()|\[\]\/\\])/g, "\\$1");
   return new RegExp(`(url\\(['"]?)(${t})(['"]?\\))`, "g");
 }
-function te(i) {
+function Zt(i) {
   const t = [];
-  return i.replace(K, (e, s, r) => (t.push(r), e)), t.filter((e) => !D(e));
+  return i.replace(K, (e, s, r) => (t.push(r), e)), t.filter((e) => !A(e));
 }
-async function ee(i, t, e, s, r) {
+async function te(i, t, e, s, r) {
   try {
-    const n = e ? Et(t, e) : t, o = R(t);
+    const n = e ? vt(t, e) : t, o = P(t);
     let a;
-    return r || (a = await _(n, o, s)), i.replace(Zt(t), `$1${a}$3`);
+    return r || (a = await _(n, o, s)), i.replace(Qt(t), `$1${a}$3`);
   } catch {
   }
   return i;
 }
-function ie(i, { preferredFontFormat: t }) {
-  return t ? i.replace(Qt, (e) => {
+function ee(i, { preferredFontFormat: t }) {
+  return t ? i.replace(Jt, (e) => {
     for (; ; ) {
-      const [s, , r] = Jt.exec(e) || [];
+      const [s, , r] = Kt.exec(e) || [];
       if (!r)
         return "";
       if (r === t)
@@ -821,8 +791,8 @@ function J(i) {
 async function Q(i, t, e) {
   if (!J(i))
     return i;
-  const s = ie(i, e);
-  return te(s).reduce((n, o) => n.then((a) => ee(a, o, t, e)), Promise.resolve(s));
+  const s = ee(i, e);
+  return Zt(s).reduce((n, o) => n.then((a) => te(a, o, t, e)), Promise.resolve(s));
 }
 async function g(i, t, e) {
   var s;
@@ -833,14 +803,14 @@ async function g(i, t, e) {
   }
   return !1;
 }
-async function se(i, t) {
+async function ie(i, t) {
   await g("background", i, t) || await g("background-image", i, t), await g("mask", i, t) || await g("-webkit-mask", i, t) || await g("mask-image", i, t) || await g("-webkit-mask-image", i, t);
 }
-async function re(i, t) {
+async function se(i, t) {
   const e = h(i, HTMLImageElement);
-  if (!(e && !D(i.src)) && !(h(i, SVGImageElement) && !D(i.href.baseVal)))
+  if (!(e && !A(i.src)) && !(h(i, SVGImageElement) && !A(i.href.baseVal)))
     return;
-  const s = e ? i.src : i.href.baseVal, r = await _(s, R(s), t);
+  const s = e ? i.src : i.href.baseVal, r = await _(s, P(s), t);
   await new Promise((n, o) => {
     i.onload = n, i.onerror = t.onImageErrorHandler ? (...l) => {
       try {
@@ -853,14 +823,14 @@ async function re(i, t) {
     a.decode && (a.decode = n), a.loading === "lazy" && (a.loading = "eager"), e ? (i.srcset = "", i.src = r) : i.href.baseVal = r;
   });
 }
-async function ne(i, t) {
+async function re(i, t) {
   const s = p(i.childNodes).map((r) => Z(r, t));
   await Promise.all(s).then(() => i);
 }
 async function Z(i, t) {
-  h(i, Element) && (await se(i, t), await re(i, t), await ne(i, t));
+  h(i, Element) && (await ie(i, t), await se(i, t), await re(i, t));
 }
-function oe(i, t) {
+function ne(i, t) {
   const { style: e } = i;
   t.backgroundColor && (e.backgroundColor = t.backgroundColor), t.width && (e.width = `${t.width}px`), t.height && (e.height = `${t.height}px`);
   const s = t.style;
@@ -910,7 +880,7 @@ function B(i) {
   }
   return t;
 }
-async function ae(i, t) {
+async function oe(i, t) {
   const e = [], s = [];
   return i.forEach((r) => {
     if ("cssRules" in r)
@@ -918,12 +888,12 @@ async function ae(i, t) {
         p(r.cssRules || []).forEach((n, o) => {
           if (n.type === CSSRule.IMPORT_RULE) {
             let a = o + 1;
-            const l = n.href, c = U(l).then((u) => z(u, t)).then((u) => B(u).forEach((T) => {
+            const l = n.href, c = U(l).then((u) => z(u, t)).then((u) => B(u).forEach((M) => {
               try {
-                r.insertRule(T, T.startsWith("@import") ? a += 1 : r.cssRules.length);
+                r.insertRule(M, M.startsWith("@import") ? a += 1 : r.cssRules.length);
               } catch (it) {
                 console.error("Error inserting rule from remote css", {
-                  rule: T,
+                  rule: M,
                   error: it
                 });
               }
@@ -952,19 +922,19 @@ async function ae(i, t) {
       }
   }), e));
 }
-function le(i) {
+function ae(i) {
   return i.filter((t) => t.type === CSSRule.FONT_FACE_RULE).filter((t) => J(t.style.getPropertyValue("src")));
 }
-async function ce(i, t) {
+async function le(i, t) {
   if (i.ownerDocument == null)
     throw new Error("Provided element is not within a Document");
-  const e = p(i.ownerDocument.styleSheets), s = await ae(e, t);
-  return le(s);
+  const e = p(i.ownerDocument.styleSheets), s = await oe(e, t);
+  return ae(s);
 }
 function tt(i) {
   return i.trim().replace(/["']/g, "");
 }
-function he(i) {
+function ce(i) {
   const t = /* @__PURE__ */ new Set();
   function e(s) {
     (s.style.fontFamily || getComputedStyle(s).fontFamily).split(",").forEach((n) => {
@@ -975,56 +945,56 @@ function he(i) {
   }
   return e(i), t;
 }
-async function de(i, t) {
-  const e = await ce(i, t), s = he(i);
+async function he(i, t) {
+  const e = await le(i, t), s = ce(i);
   return (await Promise.all(e.filter((n) => s.has(tt(n.style.fontFamily))).map((n) => {
     const o = n.parentStyleSheet ? n.parentStyleSheet.href : null;
     return Q(n.cssText, o, t);
   }))).join(`
 `);
 }
-async function ue(i, t) {
-  const e = t.fontEmbedCSS != null ? t.fontEmbedCSS : t.skipFonts ? null : await de(i, t);
+async function de(i, t) {
+  const e = t.fontEmbedCSS != null ? t.fontEmbedCSS : t.skipFonts ? null : await he(i, t);
   if (e) {
     const s = document.createElement("style"), r = document.createTextNode(e);
     s.appendChild(r), i.firstChild ? i.insertBefore(s, i.firstChild) : i.appendChild(s);
   }
 }
+async function ue(i, t = {}) {
+  const { width: e, height: s } = Y(i, t), r = await C(i, t, !0);
+  return await de(r, t), await Z(r, t), ne(r, t), await At(r, e, s);
+}
 async function pe(i, t = {}) {
-  const { width: e, height: s } = Y(i, t), r = await M(i, t, !0);
-  return await ue(r, t), await Z(r, t), oe(r, t), await Dt(r, e, s);
+  const { width: e, height: s } = Y(i, t), r = await ue(i, t), n = await E(r), o = document.createElement("canvas"), a = o.getContext("2d"), l = t.pixelRatio || Mt(), c = t.canvasWidth || e, u = t.canvasHeight || s;
+  return o.width = c * l, o.height = u * l, t.skipAutoScale || Tt(o), o.style.width = `${c}`, o.style.height = `${u}`, t.backgroundColor && (a.fillStyle = t.backgroundColor, a.fillRect(0, 0, o.width, o.height)), a.drawImage(n, 0, 0, o.width, o.height), o;
 }
 async function fe(i, t = {}) {
-  const { width: e, height: s } = Y(i, t), r = await pe(i, t), n = await C(r), o = document.createElement("canvas"), a = o.getContext("2d"), l = t.pixelRatio || Tt(), c = t.canvasWidth || e, u = t.canvasHeight || s;
-  return o.width = c * l, o.height = u * l, t.skipAutoScale || Lt(o), o.style.width = `${c}`, o.style.height = `${u}`, t.backgroundColor && (a.fillStyle = t.backgroundColor, a.fillRect(0, 0, o.width, o.height)), a.drawImage(n, 0, 0, o.width, o.height), o;
+  return (await pe(i, t)).toDataURL();
 }
-async function me(i, t = {}) {
-  return (await fe(i, t)).toDataURL();
-}
-async function be(i = []) {
-  const t = ge(i);
+async function me(i = []) {
+  const t = be(i);
   try {
-    const e = await me(document.body, {
+    const e = await fe(document.body, {
       cacheBust: !0,
       skipAutoScale: !1,
       filter: (s) => !(s instanceof HTMLElement && s.id === "mtb-widget-host")
     });
-    return we(e);
+    return xe(e);
   } catch {
     return null;
   } finally {
     t?.remove();
   }
 }
-function ge(i) {
+function be(i) {
   if (i.length === 0) return null;
   const t = document.createElement("div");
   t.setAttribute("data-mtb-capture-annotations", "true"), t.setAttribute("aria-hidden", "true"), t.style.cssText = "position:fixed;inset:0;pointer-events:none;z-index:2147483645;";
   for (const [e, s] of i.entries())
-    s.type === "pin" ? t.appendChild(ye(s, e + 1)) : s.type === "draw" && s.drawPath && t.appendChild(xe(s.drawPath));
+    s.type === "pin" ? t.appendChild(ge(s, e + 1)) : s.type === "draw" && s.drawPath && t.appendChild(ye(s.drawPath));
   return document.body.appendChild(t), t;
 }
-function ye(i, t) {
+function ge(i, t) {
   const e = document.createElement("div");
   return e.textContent = String(t), e.style.cssText = [
     "position:fixed",
@@ -1044,19 +1014,19 @@ function ye(i, t) {
     "transform:translate(-50%,-50%)"
   ].join(";"), e;
 }
-function xe(i) {
+function ye(i) {
   const t = document.createElementNS("http://www.w3.org/2000/svg", "svg");
   t.setAttribute("width", "100%"), t.setAttribute("height", "100%"), t.setAttribute("viewBox", `0 0 ${window.innerWidth} ${window.innerHeight}`), t.style.cssText = "position:fixed;inset:0;width:100%;height:100%;overflow:visible;";
   const e = document.createElementNS("http://www.w3.org/2000/svg", "path");
   return e.setAttribute("d", i), e.setAttribute("fill", "none"), e.setAttribute("stroke", "#059669"), e.setAttribute("stroke-width", "3.5"), e.setAttribute("stroke-linecap", "round"), e.setAttribute("stroke-linejoin", "round"), e.setAttribute("filter", "drop-shadow(0 1px 2px rgba(5,150,105,0.35))"), t.appendChild(e), t;
 }
-function we(i) {
+function xe(i) {
   const [t, e] = i.split(","), s = t.match(/:(.*?);/)?.[1] ?? "image/png", r = atob(e), n = new Uint8Array(r.length);
   for (let o = 0; o < r.length; o++)
     n[o] = r.charCodeAt(o);
   return new Blob([n], { type: s });
 }
-class ke {
+class we {
   constructor() {
     this.listeners = /* @__PURE__ */ new Set(), this.originalOnError = null, this.installedOnError = null, this.rejectionHandler = null, this.hooked = !1;
   }
@@ -1078,8 +1048,8 @@ class ke {
     for (const e of this.listeners) e(t);
   }
 }
-const et = new ke(), ve = 20;
-class Ee {
+const et = new we(), ke = 20;
+class ve {
   constructor() {
     this.errors = [], this.unsubscribe = null;
   }
@@ -1091,7 +1061,7 @@ class Ee {
     this.addError(`${t.message}${e}`);
   }
   addError(t) {
-    this.errors.length >= ve || this.errors.includes(t) || this.errors.push(t);
+    this.errors.length >= ke || this.errors.includes(t) || this.errors.push(t);
   }
   getErrors() {
     return [...this.errors];
@@ -1100,7 +1070,7 @@ class Ee {
     this.unsubscribe?.(), this.unsubscribe = null;
   }
 }
-const Se = 3, Ce = 1e3, Me = 3, Te = 5e3, Le = 500, Ae = 500, De = 300, Pe = /* @__PURE__ */ new Set([
+const Se = 3, Ee = 1e3, Ce = 3, Me = 5e3, Te = 500, Le = 500, Ae = 300, Re = /* @__PURE__ */ new Set([
   "A",
   "BUTTON",
   "INPUT",
@@ -1109,7 +1079,7 @@ const Se = 3, Ce = 1e3, Me = 3, Te = 5e3, Le = 500, Ae = 500, De = 300, Pe = /*
   "LABEL",
   "SUMMARY",
   "DETAILS"
-]), Re = /* @__PURE__ */ new Set([
+]), De = /* @__PURE__ */ new Set([
   "button",
   "link",
   "checkbox",
@@ -1130,7 +1100,7 @@ const Se = 3, Ce = 1e3, Me = 3, Te = 5e3, Le = 500, Ae = 500, De = 300, Pe = /*
   "page not found",
   "server error",
   "internal server error"
-], v = class v {
+], k = class k {
   constructor(t) {
     this.clickHistory = [], this.unsubscribeErrors = null, this.active = !1, this.errorCount = 0, this.deadClickCount = 0, this.cooldownUntil = 0, this.navTimestamps = [], this.boundPopstateHandler = null, this.originalPushState = null, this.originalReplaceState = null, this.installedPushState = null, this.installedReplaceState = null, this.boundSubmitHandler = null, this.boundInvalidHandler = null, this.errorPageUrls = /* @__PURE__ */ new Set(), this.domObserver = null, this.pendingDomChecks = 0, this.lastMutationAt = -1, this.onFrustration = t, this.boundClickHandler = (e) => this.handleClick(e);
   }
@@ -1165,7 +1135,7 @@ const Se = 3, Ce = 1e3, Me = 3, Te = 5e3, Le = 500, Ae = 500, De = 300, Pe = /*
     if (!e || this.isWidgetElement(e)) return;
     const s = Date.now();
     this.clickHistory.push({ target: e, time: s });
-    const r = s - Ce;
+    const r = s - Ee;
     if (this.clickHistory = this.clickHistory.filter((o) => o.time > r), this.clickHistory.filter((o) => o.target === e).length >= Se) {
       this.clickHistory = [], this.emitHighPriority({
         signal: "rage_click",
@@ -1183,13 +1153,13 @@ const Se = 3, Ce = 1e3, Me = 3, Te = 5e3, Le = 500, Ae = 500, De = 300, Pe = /*
   handleNavigation() {
     const t = Date.now();
     this.navTimestamps.push(t);
-    const e = t - Te;
-    this.navTimestamps = this.navTimestamps.filter((s) => s > e), this.navTimestamps.length >= Me && (this.navTimestamps = [], this.emitIfReady({
+    const e = t - Me;
+    this.navTimestamps = this.navTimestamps.filter((s) => s > e), this.navTimestamps.length >= Ce && (this.navTimestamps = [], this.emitIfReady({
       signal: "rapid_navigation",
       timestamp: t
     })), setTimeout(() => {
       this.active && this.checkErrorPage();
-    }, De);
+    }, Ae);
   }
   handleFormSubmit(t) {
     const e = t.target;
@@ -1199,7 +1169,7 @@ const Se = 3, Ce = 1e3, Me = 3, Te = 5e3, Le = 500, Ae = 500, De = 300, Pe = /*
         target: y(e),
         timestamp: Date.now()
       });
-    }, Le));
+    }, Te));
   }
   handleFormInvalid(t) {
     const e = t.target;
@@ -1250,7 +1220,7 @@ const Se = 3, Ce = 1e3, Me = 3, Te = 5e3, Le = 500, Ae = 500, De = 300, Pe = /*
         target: y(t),
         timestamp: e
       });
-    }, Ae));
+    }, Le));
   }
   ensureDomObserver() {
     this.domObserver || (this.domObserver = new MutationObserver(() => {
@@ -1275,9 +1245,9 @@ const Se = 3, Ce = 1e3, Me = 3, Te = 5e3, Le = 500, Ae = 500, De = 300, Pe = /*
     return !1;
   }
   isInteractive(t) {
-    if (Pe.has(t.tagName)) return !0;
+    if (Re.has(t.tagName)) return !0;
     const e = t.getAttribute("role");
-    return !!(e && Re.has(e) || t.hasAttribute("onclick") || t.hasAttribute("tabindex") || t.contentEditable === "true" || window.getComputedStyle(t).cursor === "pointer" || t.closest('a, button, [role="button"], [role="link"], label'));
+    return !!(e && De.has(e) || t.hasAttribute("onclick") || t.hasAttribute("tabindex") || t.contentEditable === "true" || window.getComputedStyle(t).cursor === "pointer" || t.closest('a, button, [role="button"], [role="link"], label'));
   }
   isWidgetElement(t) {
     const e = document.getElementById("mtb-widget-host");
@@ -1285,40 +1255,40 @@ const Se = 3, Ce = 1e3, Me = 3, Te = 5e3, Le = 500, Ae = 500, De = 300, Pe = /*
   }
   emitIfReady(t) {
     const e = Date.now();
-    e < this.cooldownUntil || (this.cooldownUntil = e + v.COOLDOWN_MS, this.onFrustration(t));
+    e < this.cooldownUntil || (this.cooldownUntil = e + k.COOLDOWN_MS, this.onFrustration(t));
   }
   emitHighPriority(t) {
-    this.cooldownUntil = Date.now() + v.COOLDOWN_MS, this.onFrustration(t);
+    this.cooldownUntil = Date.now() + k.COOLDOWN_MS, this.onFrustration(t);
   }
 };
-v.COOLDOWN_MS = 6e4;
-let P = v;
+k.COOLDOWN_MS = 6e4;
+let R = k;
 function y(i) {
   const t = i.tagName.toLowerCase(), e = i.id ? `#${i.id}` : "", s = i.className && typeof i.className == "string" ? "." + i.className.trim().split(/\s+/).slice(0, 2).join(".") : "", r = i.textContent?.trim().slice(0, 30) ?? "";
   return `<${t}${e}${s}>${r ? ` "${r}"` : ""}`;
 }
-function _e() {
+function Pe() {
   return {
     page_url: window.location.href,
     user_agent: navigator.userAgent,
-    browser: He(),
-    os: $e(),
+    browser: _e(),
+    os: He(),
     screen_width: window.screen.width,
     screen_height: window.screen.height
   };
 }
-function He() {
+function _e() {
   const i = navigator.userAgent;
   return /Edg\//.test(i) ? `Edge ${i.match(/Edg\/(\S+)/)?.[1] ?? ""}` : /OPR\//.test(i) ? `Opera ${i.match(/OPR\/(\S+)/)?.[1] ?? ""}` : /Chrome\//.test(i) ? `Chrome ${i.match(/Chrome\/(\S+)/)?.[1] ?? ""}` : /Safari\//.test(i) && /Version\//.test(i) ? `Safari ${i.match(/Version\/(\S+)/)?.[1] ?? ""}` : /Firefox\//.test(i) ? `Firefox ${i.match(/Firefox\/(\S+)/)?.[1] ?? ""}` : "Unknown";
 }
-function $e() {
+function He() {
   const i = navigator.userAgent;
   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";
 }
-const Ie = "https://makethisbetter.dev/api/v1";
-class Oe {
+const $e = "https://makethisbetter.dev/api/v1";
+class Ie {
   constructor(t, e, s = 1e3, r, n) {
-    this.projectKey = t, this.apiUrl = (e ?? Ie).replace(/\/$/, ""), this.retryDelayMs = s, this.userToken = r, this.userTokenFn = n;
+    this.projectKey = t, this.apiUrl = (e ?? $e).replace(/\/$/, ""), this.retryDelayMs = s, this.userToken = r, this.userTokenFn = n;
   }
   async resolveUserToken() {
     return this.userTokenFn ? this.userTokenFn() : this.userToken;
@@ -1335,7 +1305,7 @@ class Oe {
     }
     e && s.append("feedback[screenshot]", e, "screenshot.png");
     const r = await this.authHeaders();
-    return r["X-Idempotency-Key"] = Fe(), (await this.fetchWithRetry(`${this.apiUrl}/widget/feedbacks`, {
+    return r["X-Idempotency-Key"] = Oe(), (await this.fetchWithRetry(`${this.apiUrl}/widget/feedbacks`, {
       method: "POST",
       headers: r,
       body: s
@@ -1376,10 +1346,10 @@ class Oe {
 function W(i) {
   return i <= 0 ? Promise.resolve() : new Promise((t) => setTimeout(t, i));
 }
-function Fe() {
+function Oe() {
   return typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 12)}`;
 }
-function je(i, t, e, s, r, n) {
+function Fe(i, t, e, s, r, n) {
   return {
     description: i,
     ...t,
@@ -1397,7 +1367,7 @@ function je(i, t, e, s, r, n) {
     recording_duration: n?.duration
   };
 }
-const Ue = {
+const je = {
   tab: "Feedback",
   toolbar: {
     markup: "Mark up",
@@ -1450,7 +1420,7 @@ const Ue = {
     send: "Send",
     skip: "Skip"
   }
-}, ze = {
+}, Ue = {
   tab: "反馈",
   toolbar: {
     markup: "标注",
@@ -1503,7 +1473,7 @@ const Ue = {
     send: "发送",
     skip: "跳过"
   }
-}, Be = {
+}, ze = {
   tab: "フィードバック",
   toolbar: {
     markup: "マークアップ",
@@ -1556,7 +1526,7 @@ const Ue = {
     send: "送信",
     skip: "スキップ"
   }
-}, qe = {
+}, Be = {
   tab: "피드백",
   toolbar: {
     markup: "마크업",
@@ -1609,7 +1579,7 @@ const Ue = {
     send: "보내기",
     skip: "건너뛰기"
   }
-}, We = {
+}, qe = {
   tab: "Comentarios",
   toolbar: {
     markup: "Anotar",
@@ -1662,7 +1632,7 @@ const Ue = {
     send: "Enviar",
     skip: "Omitir"
   }
-}, Ne = {
+}, We = {
   tab: "Avis",
   toolbar: {
     markup: "Annoter",
@@ -1715,7 +1685,7 @@ const Ue = {
     send: "Envoyer",
     skip: "Passer"
   }
-}, Ve = {
+}, Ne = {
   tab: "Feedback",
   toolbar: {
     markup: "Markieren",
@@ -1768,29 +1738,29 @@ const Ue = {
     send: "Senden",
     skip: "Überspringen"
   }
-}, k = {
-  en: Ue,
-  "zh-CN": ze,
-  ja: Be,
-  ko: qe,
-  es: We,
-  fr: Ne,
-  de: Ve
+}, w = {
+  en: je,
+  "zh-CN": Ue,
+  ja: ze,
+  ko: Be,
+  es: qe,
+  fr: We,
+  de: Ne
 };
-function Ye(i) {
-  if (k[i]) return k[i];
+function Ve(i) {
+  if (w[i]) return w[i];
   const t = i.split("-")[0];
-  return k[t] ? k[t] : k.en;
+  return w[t] ? w[t] : w.en;
 }
-const Xe = 60, Ge = "https://cdn.jsdelivr.net/npm/rrweb@2.1.0/dist/rrweb.min.js", Ke = "sha384-6qZKf9GE/E2uhA8IdLwXsQiLN/jVx8mhA0i04rQ1aHLrs2URo3ivHlSbaccG59zt";
-let E = null;
-function Je() {
-  return E || (E = Qe().catch(() => Ze()), E);
+const Ye = 60, Xe = "https://cdn.jsdelivr.net/npm/rrweb@2.1.0/dist/rrweb.min.js", Ge = "sha384-6qZKf9GE/E2uhA8IdLwXsQiLN/jVx8mhA0i04rQ1aHLrs2URo3ivHlSbaccG59zt";
+let v = null;
+function Ke() {
+  return v || (v = Je().catch(() => Qe()), v);
 }
-async function Qe() {
+async function Je() {
   return (await import("rrweb")).record;
 }
-function Ze() {
+function Qe() {
   return new Promise((i, t) => {
     const e = globalThis;
     if (e.rrweb?.record) {
@@ -1798,18 +1768,18 @@ function Ze() {
       return;
     }
     const s = document.createElement("script");
-    s.src = Ge, s.integrity = Ke, s.crossOrigin = "anonymous", s.onload = () => {
+    s.src = Xe, s.integrity = Ge, s.crossOrigin = "anonymous", s.onload = () => {
       const r = globalThis;
       r.rrweb?.record ? i(r.rrweb.record) : t(new Error("rrweb global not found after script load"));
     }, s.onerror = () => t(new Error("Failed to load rrweb from CDN")), document.head.appendChild(s);
   });
 }
-class ti {
+class Ze {
   constructor(t, e) {
     this.events = [], this.stopFn = null, this.startedAt = 0, this.timer = null, this.clickHandler = null, this.stopped = !1, this.shadow = t, this.onMaxReached = e;
   }
   async start() {
-    const t = await Je();
+    const t = await Ke();
     this.startedAt = Date.now(), this.stopped = !1, this.stopFn = t({
       emit: (e) => {
         this.stopped || this.events.push(e);
@@ -1822,7 +1792,7 @@ class ti {
       });
     }, document.addEventListener("click", this.clickHandler, !0), this.timer = setTimeout(() => {
       this.onMaxReached?.();
-    }, Xe * 1e3);
+    }, Ye * 1e3);
   }
   stop() {
     return this.stopped = !0, this.stopFn?.(), this.stopFn = null, this.cleanupTimer(), this.cleanupClickHandler(), {
@@ -1847,7 +1817,7 @@ class ti {
     s.style.left = `${t}px`, s.style.top = `${e}px`, this.shadow.append(s), s.addEventListener("animationend", () => s.remove());
   }
 }
-class ei {
+class ti {
   constructor(t, e, s, r) {
     this.intervalId = null, this.getDuration = s, this.el = t.el("div", "mtb-record-bar"), this.el.innerHTML = `
       <span class="mtb-record-dot"></span>
@@ -1863,12 +1833,12 @@ class ei {
     this.intervalId && (clearInterval(this.intervalId), this.intervalId = null), this.el.remove();
   }
 }
-class ii {
+class ei {
   constructor() {
     this.session = null, this.bar = null, this.result = null;
   }
   async start(t, e, s) {
-    this.session = new ti(t, s), this.bar = new ei(
+    this.session = new Ze(t, s), this.bar = new ti(
       t,
       e,
       () => this.session?.getDuration() ?? 0,
@@ -1890,10 +1860,10 @@ class ii {
 }
 class N {
   constructor(t) {
-    this.tab = null, this.pet = null, this.toolbar = null, this.session = null, this.popup = null, this.clarify = null, this.success = null, this.frustrationPrompt = null, this.frustrationDetector = null, this.mode = "idle", this.currentAnnotation = null, this.recordingManager = null, this.config = t, this.messages = Ye(t.locale ?? "en"), this.apiClient = new Oe(t.projectKey, t.apiUrl, void 0, t.userToken, t.userTokenFn), this.consoleCollector = new Ee(), this.consoleCollector.start(), this.buildUI(), t.frustrationDetection !== !1 && (this.frustrationDetector = new P(() => this.handleFrustration()), this.frustrationDetector.start());
+    this.tab = null, this.toolbar = null, this.session = null, this.popup = null, this.clarify = null, this.success = null, this.frustrationPrompt = null, this.frustrationDetector = null, this.mode = "idle", this.currentAnnotation = null, this.recordingManager = null, this.config = t, this.messages = Ve(t.locale ?? "en"), this.apiClient = new Ie(t.projectKey, t.apiUrl, void 0, t.userToken, t.userTokenFn), this.consoleCollector = new ve(), this.consoleCollector.start(), this.buildUI(), t.frustrationDetection !== !1 && (this.frustrationDetector = new R(() => this.handleFrustration()), this.frustrationDetector.start());
   }
   buildUI() {
-    this.shadow = new rt(this.config.theme ?? "auto"), (this.config.entryMode ?? "button") === "pet" ? this.pet = new ot(this.shadow, this.messages, () => this.handleTabClick()) : this.tab = new nt(
+    this.shadow = new rt(this.config.theme ?? "auto"), this.tab = new nt(
       this.shadow,
       this.messages,
       this.config.position ?? "right",
@@ -1905,7 +1875,7 @@ class N {
     this.mode === "idle" ? (this.dismissFrustrationPrompt(), this.enterAnnotationMode()) : this.exitAll();
   }
   handleFrustration() {
-    this.mode !== "idle" || this.frustrationPrompt || (this.frustrationPrompt = new lt(this.shadow, this.messages, {
+    this.mode !== "idle" || this.frustrationPrompt || (this.frustrationPrompt = new at(this.shadow, this.messages, {
       onTell: () => {
         this.dismissFrustrationPrompt(), this.enterAnnotationMode();
       },
@@ -1916,7 +1886,7 @@ class N {
     this.frustrationPrompt?.destroy(), this.frustrationPrompt = null;
   }
   enterAnnotationMode() {
-    this.mode = "annotating", this.tab?.setActive(!0), this.pet?.setActive(!0), this.toolbar = new ct(
+    this.mode = "annotating", this.tab?.setActive(!0), this.toolbar = new lt(
       this.shadow,
       this.messages,
       () => this.exitAll(),
@@ -1926,7 +1896,7 @@ class N {
     });
   }
   handleToolbarModeChange(t) {
-    t === "record" ? (this.mode = "recording", this.session?.destroy(), this.session = null, this.recordingManager = new ii(), this.recordingManager.start(this.shadow, this.messages, () => {
+    t === "record" ? (this.mode = "recording", this.session?.destroy(), this.session = null, this.recordingManager = new ei(), this.recordingManager.start(this.shadow, this.messages, () => {
       this.recordingManager && (this.recordingManager.stop(), this.showPopup(window.innerWidth / 2, window.innerHeight / 2, this.messages.record.timer_label));
     }).catch(() => {
       this.mode === "recording" && (this.toolbar?.setMode("markup"), this.handleToolbarModeChange("markup"));
@@ -1935,7 +1905,7 @@ class N {
     })), this.mode = "annotating");
   }
   showPopup(t, e, s) {
-    this.mode = "popup", this.session?.dismissInteraction(), this.popup = new gt(this.shadow, {
+    this.mode = "popup", this.session?.dismissInteraction(), this.popup = new bt(this.shadow, {
       targetName: s,
       x: t,
       y: e,
@@ -1948,9 +1918,9 @@ class N {
     if (!this.popup) return;
     this.popup.setLoading(!0);
     const e = this.currentAnnotation, s = this.recordingManager?.getRecording() ?? void 0, [r, n] = await Promise.all([
-      be(e ? [e] : []),
-      Promise.resolve(_e())
-    ]), o = je(
+      me(e ? [e] : []),
+      Promise.resolve(Pe())
+    ]), o = Fe(
       t,
       n,
       this.consoleCollector.getErrors(),
@@ -1966,7 +1936,7 @@ class N {
     }
   }
   showClarify(t, e) {
-    this.mode = "idle", this.tab?.setActive(!1), this.pet?.setActive(!1), this.clarify = new wt(this.shadow, {
+    this.mode = "idle", this.tab?.setActive(!1), this.clarify = new xt(this.shadow, {
       feedbackId: t,
       apiClient: this.apiClient,
       messages: this.messages,
@@ -1976,9 +1946,9 @@ class N {
     });
   }
   showSuccess(t) {
-    this.mode = "idle", this.tab?.setActive(!1), this.pet?.setActive(!1);
+    this.mode = "idle", this.tab?.setActive(!1);
     const s = `${this.config.apiUrl ? this.config.apiUrl.replace(/\/api\/v1\/?$/, "") : "https://makethisbetter.dev"}/board/projects/${t}/feedbacks`, r = !!(this.config.userToken || this.config.userTokenFn);
-    this.success = new vt(this.shadow, this.messages, () => {
+    this.success = new kt(this.shadow, this.messages, () => {
       this.success?.destroy(), this.success = null;
     }, r ? async () => {
       const n = await this.apiClient.resolveUserToken();
@@ -1986,14 +1956,14 @@ class N {
     } : void 0);
   }
   exitAll() {
-    this.mode = "idle", this.tab?.setActive(!1), this.pet?.setActive(!1), this.toolbar?.destroy(), this.toolbar = null, this.session?.destroy(), this.session = null, this.popup?.destroy(), this.popup = null, this.clarify?.destroy(), this.clarify = null, this.currentAnnotation = null, this.recordingManager?.destroy(), this.recordingManager = null;
+    this.mode = "idle", this.tab?.setActive(!1), this.toolbar?.destroy(), this.toolbar = null, this.session?.destroy(), this.session = null, this.popup?.destroy(), this.popup = null, this.clarify?.destroy(), this.clarify = null, this.currentAnnotation = null, this.recordingManager?.destroy(), this.recordingManager = null;
   }
   destroy() {
-    this.exitAll(), this.consoleCollector.stop(), this.frustrationDetector?.stop(), this.dismissFrustrationPrompt(), this.clarify?.destroy(), this.success?.destroy(), this.tab?.destroy(), this.pet?.destroy(), this.recordingManager?.destroy(), this.shadow.destroy();
+    this.exitAll(), this.consoleCollector.stop(), this.frustrationDetector?.stop(), this.dismissFrustrationPrompt(), this.clarify?.destroy(), this.success?.destroy(), this.tab?.destroy(), this.recordingManager?.destroy(), this.shadow.destroy();
   }
 }
 let f = null;
-const si = {
+const ii = {
   init(i) {
     f && (f.destroy(), f = null), document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", () => {
       f = new N(i);
@@ -2003,8 +1973,8 @@ const si = {
     f?.destroy(), f = null;
   }
 };
-typeof window < "u" && (window.MakeThisBetter = si);
+typeof window < "u" && (window.MakeThisBetter = ii);
 export {
-  si as MakeThisBetter
+  ii as MakeThisBetter
 };
 //# sourceMappingURL=makethisbetter.esm.js.map