@supportwire/messenger-js-sdk 1.0.26 → 1.0.27

package/dist/index.js

@@ -217,12 +217,12 @@ const Ot = (e) => e && typeof e == "string" && e.trim() !== "" ? e.trim().replac
 	`, document.head.appendChild(t);
 }, At = (e, t, i) => {
   Ht();
-  const n = e.querySelector(".supportwire-widget-tail");
-  n && n.remove();
+  const o = e.querySelector(".supportwire-widget-tail");
+  o && o.remove();
   const r = document.createElement("div");
   r.className = `supportwire-widget-tail ${t || "bottom-right"}`, r.style.background = i === "dark" ? "#1a1a1a" : "#ffffff", e.appendChild(r);
 }, Xe = (e, t) => {
-  var i, n;
+  var i, o;
   const r = {
     position: "fixed",
     zIndex: "999999",
@@ -230,10 +230,10 @@ const Ot = (e) => e && typeof e == "string" && e.trim() !== "" ? e.trim().replac
     opacity: "0",
     backgroundColor: t.theme === "dark" ? "#28282a" : "#f1f1f3",
     transition: "width 200ms ease-out, height 200ms ease-out"
-  }, o = !t.selector;
+  }, n = !t.selector;
   switch (t.widgetType) {
     case "popup": {
-      const l = (i = t.triggerPosition) != null && i.endsWith("left") ? "left" : "right", s = (n = t.triggerPosition) != null && n.startsWith("top") ? "top" : "bottom", u = A(Se(A({}, r), {
+      const l = (i = t.triggerPosition) != null && i.endsWith("left") ? "left" : "right", s = (o = t.triggerPosition) != null && o.startsWith("top") ? "top" : "bottom", m = A(Se(A({}, r), {
         width: "min(400px, max(0px, -20px + 100vw))",
         height: "min(704px, 100% - 104px)",
         minHeight: "80px",
@@ -242,8 +242,8 @@ const Ot = (e) => e && typeof e == "string" && e.trim() !== "" ? e.trim().replac
         boxShadow: t.theme === "dark" ? "rgba(0, 0, 0, 0.5) 0px 5px 40px 0px" : "rgba(9, 14, 21, 0.12) 0px 5px 40px 0px",
         overflow: "hidden",
         transformOrigin: `${l} ${s}`
-      }), zt(t.triggerPosition, o));
-      Object.assign(e.style, u);
+      }), zt(t.triggerPosition, n));
+      Object.assign(e.style, m);
       break;
     }
     case "drawer":
@@ -383,37 +383,37 @@ const Ot = (e) => e && typeof e == "string" && e.trim() !== "" ? e.trim().replac
 		}
 	`, document.head.appendChild(t);
 }, Gt = (e, t) => {
-  var i, n;
+  var i, o;
   jt();
   const r = document.createElement("div");
   r.className = "supportwire-trigger-wrapper";
-  const o = document.createElement("button");
-  o.className = "supportwire-widget-trigger", o.setAttribute("aria-label", "Open SupportWire chat"), o.style.position = "relative";
+  const n = document.createElement("button");
+  n.className = "supportwire-widget-trigger", n.setAttribute("aria-label", "Open SupportWire chat"), n.style.position = "relative";
   const l = document.createElement("span");
   l.className = "supportwire-trigger-icon supportwire-trigger-icon--visible", l.setAttribute("data-icon", "logo"), l.innerHTML = Wt;
   const s = document.createElement("span");
-  s.className = "supportwire-trigger-icon supportwire-trigger-icon--hidden", s.setAttribute("data-icon", "chevron"), s.innerHTML = Bt, o.appendChild(l), o.appendChild(s), Object.assign(o.style, {
+  s.className = "supportwire-trigger-icon supportwire-trigger-icon--hidden", s.setAttribute("data-icon", "chevron"), s.innerHTML = Bt, n.appendChild(l), n.appendChild(s), Object.assign(n.style, {
     backgroundColor: e.theme === "dark" ? "#1a1a1a" : "#ffffff",
     color: e.theme === "dark" ? "#ffffff" : "#1a1a1a",
     boxShadow: "0 1px 6px 0 rgba(0, 0, 0, 0.06), 0 2px 32px 0 rgba(0, 0, 0, 0.16)"
   });
-  const u = {
+  const m = {
     "bottom-right": { bottom: "20px", right: "20px" },
     "bottom-left": { bottom: "20px", left: "20px" },
     "top-right": { top: "20px", right: "20px" },
     "top-left": { top: "20px", left: "20px" }
-  }, d = (i = e.triggerPosition) != null ? i : "bottom-right", h = (n = u[d]) != null ? n : u["bottom-right"];
+  }, h = (i = e.triggerPosition) != null ? i : "bottom-right", u = (o = m[h]) != null ? o : m["bottom-right"];
   return Object.assign(r.style, A({
     position: "fixed",
     zIndex: "999998"
-  }, h)), r.appendChild(o), o.addEventListener("click", t), document.body.appendChild(r), r;
+  }, u)), r.appendChild(n), n.addEventListener("click", t), document.body.appendChild(r), r;
 }, qt = (e, t) => {
   const i = {
     "bottom-right": { bottom: "20px", right: "20px", top: "auto", left: "auto" },
     "bottom-left": { bottom: "20px", left: "20px", top: "auto", right: "auto" },
     "top-right": { top: "20px", right: "20px", bottom: "auto", left: "auto" },
     "top-left": { top: "20px", left: "20px", bottom: "auto", right: "auto" }
-  }, n = t && i[t] ? t : "bottom-right", r = i[n];
+  }, o = t && i[t] ? t : "bottom-right", r = i[o];
   Object.assign(e.style, r);
 }, Yt = () => {
   const e = "supportwire-widget-badge-styles";
@@ -478,159 +478,162 @@ const Ot = (e) => e && typeof e == "string" && e.trim() !== "" ? e.trim().replac
   Yt();
   let i = e.querySelector(".supportwire-widget-badge");
   if (t > 0) {
-    const n = !i || i.style.display === "none";
-    i || (i = document.createElement("span"), i.className = "supportwire-widget-badge", e.appendChild(i)), i.textContent = t > 99 ? "99+" : String(t), i.style.display = "flex", i.removeAttribute("data-animate"), i.offsetWidth, i.setAttribute("data-animate", n ? "pop-in" : "pulse");
+    const o = !i || i.style.display === "none";
+    i || (i = document.createElement("span"), i.className = "supportwire-widget-badge", e.appendChild(i)), i.textContent = t > 99 ? "99+" : String(t), i.style.display = "flex", i.removeAttribute("data-animate"), i.offsetWidth, i.setAttribute("data-animate", o ? "pop-in" : "pulse");
   } else
     i && (i.style.display = "none", i.removeAttribute("data-animate"));
 }, Le = (e, t, i) => {
-  const n = e.querySelector(".supportwire-widget-trigger");
-  if (!n) return;
-  const r = n.querySelector('[data-icon="logo"]'), o = n.querySelector('[data-icon="chevron"]');
-  r && o && (t ? (r.className = "supportwire-trigger-icon supportwire-trigger-icon--hidden", o.className = "supportwire-trigger-icon supportwire-trigger-icon--visible") : (r.className = "supportwire-trigger-icon supportwire-trigger-icon--visible", o.className = "supportwire-trigger-icon supportwire-trigger-icon--hidden")), t ? (n.setAttribute("aria-label", "Close SupportWire chat"), n.style.color = i === "dark" ? "#ffffff" : "#1a1a1a") : (n.setAttribute("aria-label", "Open SupportWire chat"), n.style.color = "");
-}, Kt = (e, t, i, n) => {
+  const o = e.querySelector(".supportwire-widget-trigger");
+  if (!o) return;
+  const r = o.querySelector('[data-icon="logo"]'), n = o.querySelector('[data-icon="chevron"]');
+  r && n && (t ? (r.className = "supportwire-trigger-icon supportwire-trigger-icon--hidden", n.className = "supportwire-trigger-icon supportwire-trigger-icon--visible") : (r.className = "supportwire-trigger-icon supportwire-trigger-icon--visible", n.className = "supportwire-trigger-icon supportwire-trigger-icon--hidden")), t ? (o.setAttribute("aria-label", "Close SupportWire chat"), o.style.color = i === "dark" ? "#ffffff" : "#1a1a1a") : (o.setAttribute("aria-label", "Open SupportWire chat"), o.style.color = "");
+}, Kt = (e, t, i, o) => {
   const r = document.createElement("iframe");
-  return r.id = t, r.src = `${i}?iframeId=${t}&theme=${n}`, r.style.width = "100%", r.style.height = "100%", r.style.border = "none", r.style.backgroundColor = n === "dark" ? "#28282a" : "#f1f1f3", r.setAttribute("allow", "clipboard-read; clipboard-write"), r.setAttribute("sandbox", "allow-same-origin allow-scripts allow-forms allow-popups"), e.appendChild(r), r;
-}, Vt = (e, t, i, n) => {
+  return r.id = t, r.src = `${i}?iframeId=${t}&theme=${o}`, r.style.width = "100%", r.style.height = "100%", r.style.border = "none", r.style.backgroundColor = o === "dark" ? "#28282a" : "#f1f1f3", r.setAttribute("allow", "clipboard-read; clipboard-write"), r.setAttribute("sandbox", "allow-same-origin allow-scripts allow-forms allow-popups"), e.appendChild(r), r;
+}, Vt = (e, t, i, o) => {
   if (!e || !e.contentWindow)
     return;
-  const r = Se(A({}, n), {
+  const r = Se(A({}, o), {
     iframeId: t
   });
   e.contentWindow.postMessage(r, "*");
-}, Jt = (e, t, i, n) => (r) => {
-  var o, l;
+}, Jt = (e, t, i, o) => (r) => {
+  var n, l;
   try {
-    const u = new URL(t).origin;
-    r.origin !== u && r.origin;
+    const m = new URL(t).origin;
+    r.origin !== m && r.origin;
   } catch {
   }
   const s = r.data;
   if (!(!s || s.iframeId !== e))
     switch (s.type) {
       case "READY":
-        n.onReady && n.onReady();
+        o.onReady && o.onReady();
         break;
       case "OPENED":
-        i && (i.style.display = "block", ut(i)), n.onOpen();
+        i && (i.style.display = "block", ut(i)), o.onOpen();
         break;
       case "CLOSED":
-        i && ht(i), n.onClose();
+        i && ht(i), o.onClose();
         break;
       case "ERROR":
-        n.onError(new Error(s.error || "Unknown error"));
+        o.onError(new Error(s.error || "Unknown error"));
         break;
       case "UNREAD_COUNT":
-        n.onUnreadCount && s.count !== void 0 && n.onUnreadCount(s.count);
+        o.onUnreadCount && s.count !== void 0 && o.onUnreadCount(s.count);
         break;
       case "OPEN_IMAGE_PREVIEW":
-        n.onImagePreview && s.imagePreview && n.onImagePreview(
+        o.onImagePreview && s.imagePreview && o.onImagePreview(
           s.imagePreview.src,
           s.imagePreview.alt,
           s.imagePreview.filename
         );
         break;
       case "TOGGLE_FULLSCREEN":
-        n.onToggleFullscreen && n.onToggleFullscreen();
+        o.onToggleFullscreen && o.onToggleFullscreen();
         break;
       case "MESSAGE_PREVIEW":
-        n.onMessagePreview && s.messagePreview && n.onMessagePreview(
+        o.onMessagePreview && s.messagePreview && o.onMessagePreview(
           s.messagePreview.body,
           s.messagePreview.senderName,
           s.messagePreview.timestamp
         );
         break;
       case "EVENT_RULES_REGISTERED":
-        n.onEventRulesRegistered && s.eventRules && n.onEventRulesRegistered(s.eventRules);
+        o.onEventRulesRegistered && s.eventRules && o.onEventRulesRegistered(s.eventRules);
         break;
       case "REQUEST_PAGE_SCREENSHOT":
-        n.onScreenshotRequest && n.onScreenshotRequest((l = (o = s.payload) == null ? void 0 : o.mode) != null ? l : "full");
+        o.onScreenshotRequest && o.onScreenshotRequest((l = (n = s.payload) == null ? void 0 : n.mode) != null ? l : "full");
         break;
     }
 };
-function Xt(e, t) {
-  let i = null;
-  const n = () => (i || (i = import("./index-bfV4xNqW-CRQbrL80.js")), i), r = (u) => {
-    var d;
-    (d = e.contentWindow) == null || d.postMessage(Se(A({}, u), { iframeId: t }), "*");
-  }, o = async (u) => {
-    const d = u.data;
-    if (!(!d || typeof d != "object") && !(d.iframeId && d.iframeId !== t))
-      switch (d.type) {
+function Xt(e, t, i = {}) {
+  let o = null;
+  const r = () => (o || (o = import("./index-BWmHLrzv-D5EBMgNv.js")), o), n = (h) => {
+    var u;
+    (u = e.contentWindow) == null || u.postMessage(Se(A({}, h), { iframeId: t }), "*");
+  }, l = async (h) => {
+    var u;
+    const p = h.data;
+    if (!(!p || typeof p != "object") && !(p.iframeId && p.iframeId !== t))
+      switch (p.type) {
         case "RECORDING:START": {
-          (await n()).recording.start({ guideId: d.guideId, title: d.title });
+          const g = await r();
+          (u = i.closeWidget) == null || u.call(i), g.recording.start({ guideId: p.guideId, title: p.title });
           return;
         }
         case "RECORDING:STOP": {
-          const h = (await n()).recording.stop();
-          h && r({
+          const g = (await r()).recording.stop();
+          g && n({
             type: "RECORDING:DONE",
-            guideId: h.guideId,
-            title: h.title,
-            steps: h.steps
+            guideId: g.guideId,
+            title: g.title,
+            steps: g.steps
           });
           return;
         }
         case "PLAYBACK:START": {
-          const h = await n();
-          h.playback.onDone((g, w, y) => {
-            r({
+          const g = await r();
+          g.playback.onDone((y, k, b) => {
+            n({
               type: "PLAYBACK:DONE",
-              status: g,
-              end_reason: w,
-              current_step: y
+              status: y,
+              end_reason: k,
+              current_step: b
             });
-          }), h.playback.start({
-            sessionId: d.sessionId,
-            guideId: d.guideId,
-            versionId: d.versionId,
-            version: d.version
+          }), g.playback.start({
+            sessionId: p.sessionId,
+            guideId: p.guideId,
+            versionId: p.versionId,
+            version: p.version
           });
           return;
         }
         case "OPEN_URL": {
-          typeof d.url == "string" && window.open(d.url, "_blank", "noopener");
+          typeof p.url == "string" && window.open(p.url, "_blank", "noopener");
           return;
         }
       }
-  }, l = (u) => {
-    const d = u.detail;
-    d && r({
+  }, s = (h) => {
+    const u = h.detail;
+    u && n({
       type: "RECORDING:DONE",
-      guideId: d.guideId,
-      title: d.title,
-      steps: d.steps
+      guideId: u.guideId,
+      title: u.title,
+      steps: u.steps
     });
   };
-  window.addEventListener("message", o), window.addEventListener("sw-guide:recording-done", l), (async () => {
-    const u = await s();
+  window.addEventListener("message", l), window.addEventListener("sw-guide:recording-done", s), (async () => {
+    var h;
+    const u = await m();
     if (!u) return;
-    const d = u.recording.maybeResume();
-    d && u.recording.start({ guideId: d.guideId, title: d.title });
-    const h = u.playback.maybeResume();
-    h && (u.playback.onDone((w, y, S) => {
-      r({
+    const p = u.recording.maybeResume();
+    p && ((h = i.closeWidget) == null || h.call(i), u.recording.start({ guideId: p.guideId, title: p.title }));
+    const g = u.playback.maybeResume();
+    g && (u.playback.onDone((k, b, x) => {
+      n({
         type: "PLAYBACK:DONE",
-        status: w,
-        end_reason: y,
-        current_step: S
+        status: k,
+        end_reason: b,
+        current_step: x
       });
     }), u.playback.start({
-      sessionId: h.sessionId,
-      guideId: h.guideId,
-      versionId: h.versionId,
-      version: h.version,
-      resumeStepIndex: h.stepIndex
+      sessionId: g.sessionId,
+      guideId: g.guideId,
+      versionId: g.versionId,
+      version: g.version,
+      resumeStepIndex: g.stepIndex
     }));
-    const g = new URLSearchParams(location.search).get("sw_guide");
-    g && r({ type: "DEEP_LINK_GUIDE", guideId: g });
+    const y = new URLSearchParams(location.search).get("sw_guide");
+    y && n({ type: "DEEP_LINK_GUIDE", guideId: y });
   })();
-  function s() {
-    const u = !!localStorage.getItem("sw.guide.recording"), d = !!localStorage.getItem("sw.guide.playback"), h = new URLSearchParams(location.search).has("sw_guide");
-    return !u && !d && !h ? Promise.resolve(null) : n();
+  function m() {
+    const h = !!localStorage.getItem("sw.guide.recording"), u = !!localStorage.getItem("sw.guide.playback"), p = new URLSearchParams(location.search).has("sw_guide");
+    return !h && !u && !p ? Promise.resolve(null) : r();
   }
   return {
     teardown: () => {
-      window.removeEventListener("message", o), window.removeEventListener("sw-guide:recording-done", l);
+      window.removeEventListener("message", l), window.removeEventListener("sw-guide:recording-done", s);
     }
   };
 }
@@ -883,8 +886,8 @@ function Qe() {
 }
 async function ri(e, t) {
   try {
-    const i = await (await fetch(e)).blob(), n = URL.createObjectURL(i), r = document.createElement("a");
-    r.href = n, r.download = t || "image", document.body.appendChild(r), r.click(), document.body.removeChild(r), URL.revokeObjectURL(n);
+    const i = await (await fetch(e)).blob(), o = URL.createObjectURL(i), r = document.createElement("a");
+    r.href = o, r.download = t || "image", document.body.appendChild(r), r.click(), document.body.removeChild(r), URL.revokeObjectURL(o);
   } catch {
     window.open(e, "_blank");
   }
@@ -896,14 +899,14 @@ function re() {
     e.remove(), W === e && (W = null);
   }, 200);
 }
-function ni(e, t, i, n) {
+function oi(e, t, i, o) {
   W && (W.remove(), W = null), Zt(), gt = document.body.style.overflow, document.body.style.overflow = "hidden";
   const r = document.createElement("div");
   r.className = "supportwire-image-preview-backdrop", r.setAttribute("role", "dialog"), r.setAttribute("aria-modal", "true"), r.setAttribute("aria-label", t || "Image preview"), r.onclick = (y) => {
     (y.target === r || y.target.classList.contains("supportwire-image-preview-image-container")) && re();
   };
-  const o = document.createElement("div");
-  o.className = "supportwire-image-preview-actions";
+  const n = document.createElement("div");
+  n.className = "supportwire-image-preview-actions";
   const l = document.createElement("button");
   l.className = "supportwire-image-preview-button", l.setAttribute("aria-label", "Copy link"), l.innerHTML = $e(), l.onclick = async (y) => {
     y.stopPropagation();
@@ -922,57 +925,57 @@ function ni(e, t, i, n) {
   s.className = "supportwire-image-preview-button", s.setAttribute("aria-label", "Download image"), s.innerHTML = ei(), s.onclick = (y) => {
     y.stopPropagation(), ri(e, i);
   };
-  let u = null;
-  n && (u = document.createElement("button"), u.className = "supportwire-image-preview-button", u.setAttribute("aria-label", "Annotate image"), u.innerHTML = ii(), u.onclick = async (y) => {
+  let m = null;
+  o && (m = document.createElement("button"), m.className = "supportwire-image-preview-button", m.setAttribute("aria-label", "Annotate image"), m.innerHTML = ii(), m.onclick = async (y) => {
     y.stopPropagation();
     try {
-      const S = await (await fetch(e)).blob(), b = await new Promise((v, k) => {
+      const k = await (await fetch(e)).blob(), b = await new Promise((x, E) => {
         const C = new FileReader();
-        C.onload = () => v(C.result), C.onerror = k, C.readAsDataURL(S);
+        C.onload = () => x(C.result), C.onerror = E, C.readAsDataURL(k);
       });
-      re(), n(b);
+      re(), o(b);
     } catch {
-      const b = document.createElement("canvas"), v = new Image();
-      v.crossOrigin = "anonymous", v.onload = () => {
-        b.width = v.naturalWidth, b.height = v.naturalHeight;
-        const k = b.getContext("2d");
-        if (k) {
-          k.drawImage(v, 0, 0);
+      const b = document.createElement("canvas"), x = new Image();
+      x.crossOrigin = "anonymous", x.onload = () => {
+        b.width = x.naturalWidth, b.height = x.naturalHeight;
+        const E = b.getContext("2d");
+        if (E) {
+          E.drawImage(x, 0, 0);
           const C = b.toDataURL("image/png");
-          re(), n(C);
+          re(), o(C);
         }
-      }, v.onerror = () => {
+      }, x.onerror = () => {
         console.warn("Could not load image for annotation");
-      }, v.src = e;
+      }, x.src = e;
     }
   });
-  const d = document.createElement("button");
-  d.className = "supportwire-image-preview-button", d.setAttribute("aria-label", "Close preview"), d.innerHTML = ti(), d.onclick = (y) => {
+  const h = document.createElement("button");
+  h.className = "supportwire-image-preview-button", h.setAttribute("aria-label", "Close preview"), h.innerHTML = ti(), h.onclick = (y) => {
     y.stopPropagation(), re();
-  }, o.appendChild(l), o.appendChild(s), u && o.appendChild(u), o.appendChild(d);
-  const h = document.createElement("div");
-  h.className = "supportwire-image-preview-image-container";
-  const g = document.createElement("div");
-  g.className = "supportwire-image-preview-loader", h.appendChild(g);
-  const w = document.createElement("img");
-  if (w.className = "supportwire-image-preview-image", w.alt = t || "Image preview", w.onload = () => {
-    g.remove();
-  }, w.onerror = () => {
-    g.remove();
+  }, n.appendChild(l), n.appendChild(s), m && n.appendChild(m), n.appendChild(h);
+  const u = document.createElement("div");
+  u.className = "supportwire-image-preview-image-container";
+  const p = document.createElement("div");
+  p.className = "supportwire-image-preview-loader", u.appendChild(p);
+  const g = document.createElement("img");
+  if (g.className = "supportwire-image-preview-image", g.alt = t || "Image preview", g.onload = () => {
+    p.remove();
+  }, g.onerror = () => {
+    p.remove();
     const y = document.createElement("div");
-    y.className = "supportwire-image-preview-error", y.textContent = "Failed to load image", h.appendChild(y);
-  }, w.src = e, h.appendChild(w), i) {
+    y.className = "supportwire-image-preview-error", y.textContent = "Failed to load image", u.appendChild(y);
+  }, g.src = e, u.appendChild(g), i) {
     const y = document.createElement("p");
     y.className = "supportwire-image-preview-filename", y.textContent = i, r.appendChild(y);
   }
-  r.appendChild(o), r.appendChild(h), document.body.appendChild(r), W = r, requestAnimationFrame(() => {
+  r.appendChild(n), r.appendChild(u), document.body.appendChild(r), W = r, requestAnimationFrame(() => {
     r.classList.add("visible");
   }), se = (y) => {
     y.key === "Escape" && re();
-  }, document.addEventListener("keydown", se), d.focus();
+  }, document.addEventListener("keydown", se), h.focus();
 }
 let V = null, ae = null, mt = "";
-const c = "supportwire-ss-editor", oi = `
+const c = "supportwire-ss-editor", ni = `
 .${c}-backdrop {
 	position: fixed;
 	inset: 0;
@@ -1225,7 +1228,7 @@ const c = "supportwire-ss-editor", oi = `
 function si() {
   if (document.getElementById(`${c}-styles`)) return;
   const e = document.createElement("style");
-  e.id = `${c}-styles`, e.textContent = oi, document.head.appendChild(e);
+  e.id = `${c}-styles`, e.textContent = ni, document.head.appendChild(e);
 }
 const Re = {
   select: '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z"/><path d="M13 13l6 6"/></svg>',
@@ -1237,9 +1240,9 @@ const Re = {
   close: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>',
   undo: '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 7v6h6"/><path d="M3 13a9 9 0 0 1 15.36-6.36"/></svg>'
 };
-function ft(e, t, i, n, r, o) {
-  const l = Math.min(o, Math.abs(n) / 2, Math.abs(r) / 2);
-  e.beginPath(), e.moveTo(t + l, i), e.lineTo(t + n - l, i), e.arcTo(t + n, i, t + n, i + l, l), e.lineTo(t + n, i + r - l), e.arcTo(t + n, i + r, t + n - l, i + r, l), e.lineTo(t + l, i + r), e.arcTo(t, i + r, t, i + r - l, l), e.lineTo(t, i + l), e.arcTo(t, i, t + l, i, l), e.closePath(), e.stroke();
+function ft(e, t, i, o, r, n) {
+  const l = Math.min(n, Math.abs(o) / 2, Math.abs(r) / 2);
+  e.beginPath(), e.moveTo(t + l, i), e.lineTo(t + o - l, i), e.arcTo(t + o, i, t + o, i + l, l), e.lineTo(t + o, i + r - l), e.arcTo(t + o, i + r, t + o - l, i + r, l), e.lineTo(t + l, i + r), e.arcTo(t, i + r, t, i + r - l, l), e.lineTo(t, i + l), e.arcTo(t, i, t + l, i, l), e.closePath(), e.stroke();
 }
 function Ze(e, t) {
   if (e.strokeStyle = t.color, e.fillStyle = t.color, e.lineWidth = "width" in t ? t.width : 2, e.lineCap = "round", e.lineJoin = "round", t.type === "pen" && t.points.length >= 4) {
@@ -1248,8 +1251,8 @@ function Ze(e, t) {
     e.stroke();
   } else if (t.type === "arrow") {
     e.beginPath(), e.moveTo(t.x1, t.y1), e.lineTo(t.x2, t.y2), e.stroke();
-    const i = 10, n = Math.atan2(t.y2 - t.y1, t.x2 - t.x1);
-    e.beginPath(), e.moveTo(t.x2, t.y2), e.lineTo(t.x2 - i * Math.cos(n - 0.4), t.y2 - i * Math.sin(n - 0.4)), e.lineTo(t.x2 - i * Math.cos(n + 0.4), t.y2 - i * Math.sin(n + 0.4)), e.closePath(), e.fill();
+    const i = 10, o = Math.atan2(t.y2 - t.y1, t.x2 - t.x1);
+    e.beginPath(), e.moveTo(t.x2, t.y2), e.lineTo(t.x2 - i * Math.cos(o - 0.4), t.y2 - i * Math.sin(o - 0.4)), e.lineTo(t.x2 - i * Math.cos(o + 0.4), t.y2 - i * Math.sin(o + 0.4)), e.closePath(), e.fill();
   } else t.type === "rect" ? t.radius > 0 ? ft(e, t.x, t.y, t.w, t.h, t.radius) : e.strokeRect(t.x, t.y, t.w, t.h) : t.type === "text" && (e.font = "16px system-ui, sans-serif", e.fillText(t.text, t.x, t.y + 16));
 }
 function wt(e) {
@@ -1259,38 +1262,38 @@ function wt(e) {
     const t = Math.min(e.x1, e.x2), i = Math.min(e.y1, e.y2);
     return { x: t, y: i, w: Math.abs(e.x2 - e.x1), h: Math.abs(e.y2 - e.y1) };
   } else if (e.type === "pen" && e.points.length >= 4) {
-    let t = e.points[0], i = e.points[0], n = e.points[1], r = e.points[1];
-    for (let o = 2; o < e.points.length; o += 2)
-      t = Math.min(t, e.points[o]), i = Math.max(i, e.points[o]), n = Math.min(n, e.points[o + 1]), r = Math.max(r, e.points[o + 1]);
-    return { x: t, y: n, w: i - t, h: r - n };
+    let t = e.points[0], i = e.points[0], o = e.points[1], r = e.points[1];
+    for (let n = 2; n < e.points.length; n += 2)
+      t = Math.min(t, e.points[n]), i = Math.max(i, e.points[n]), o = Math.min(o, e.points[n + 1]), r = Math.max(r, e.points[n + 1]);
+    return { x: t, y: o, w: i - t, h: r - o };
   } else if (e.type === "text")
     return { x: e.x, y: e.y, w: 100, h: 20 };
   return { x: 0, y: 0, w: 0, h: 0 };
 }
-function ai(e, t, i, n) {
-  const r = n;
+function ai(e, t, i, o) {
+  const r = o;
   if (e.type === "rect") {
-    const { x: o, y: l, w: s, h: u } = e, d = i >= l - r && i <= l + r && t >= o - r && t <= o + s + r, h = i >= l + u - r && i <= l + u + r && t >= o - r && t <= o + s + r, g = t >= o - r && t <= o + r && i >= l - r && i <= l + u + r, w = t >= o + s - r && t <= o + s + r && i >= l - r && i <= l + u + r, y = t >= o && t <= o + s && i >= l && i <= l + u;
-    return d || h || g || w || y;
+    const { x: n, y: l, w: s, h: m } = e, h = i >= l - r && i <= l + r && t >= n - r && t <= n + s + r, u = i >= l + m - r && i <= l + m + r && t >= n - r && t <= n + s + r, p = t >= n - r && t <= n + r && i >= l - r && i <= l + m + r, g = t >= n + s - r && t <= n + s + r && i >= l - r && i <= l + m + r, y = t >= n && t <= n + s && i >= l && i <= l + m;
+    return h || u || p || g || y;
   } else {
     if (e.type === "arrow")
       return et(t, i, e.x1, e.y1, e.x2, e.y2) <= r + e.width;
     if (e.type === "pen" && e.points.length >= 4) {
-      for (let o = 0; o < e.points.length - 2; o += 2)
-        if (et(t, i, e.points[o], e.points[o + 1], e.points[o + 2], e.points[o + 3]) <= r + e.width) return !0;
+      for (let n = 0; n < e.points.length - 2; n += 2)
+        if (et(t, i, e.points[n], e.points[n + 1], e.points[n + 2], e.points[n + 3]) <= r + e.width) return !0;
       return !1;
     } else if (e.type === "text") {
-      const o = wt(e);
-      return t >= o.x - r && t <= o.x + o.w + r && i >= o.y - r && i <= o.y + o.h + r;
+      const n = wt(e);
+      return t >= n.x - r && t <= n.x + n.w + r && i >= n.y - r && i <= n.y + n.h + r;
     }
   }
   return !1;
 }
-function et(e, t, i, n, r, o) {
-  const l = r - i, s = o - n, u = l * l + s * s;
-  if (u === 0) return Math.hypot(e - i, t - n);
-  let d = ((e - i) * l + (t - n) * s) / u;
-  return d = Math.max(0, Math.min(1, d)), Math.hypot(e - (i + d * l), t - (n + d * s));
+function et(e, t, i, o, r, n) {
+  const l = r - i, s = n - o, m = l * l + s * s;
+  if (m === 0) return Math.hypot(e - i, t - o);
+  let h = ((e - i) * l + (t - o) * s) / m;
+  return h = Math.max(0, Math.min(1, h)), Math.hypot(e - (i + h * l), t - (o + h * s));
 }
 function li(e, t, i) {
   if (e.type === "rect")
@@ -1298,31 +1301,31 @@ function li(e, t, i) {
   else if (e.type === "arrow")
     e.x1 += t, e.y1 += i, e.x2 += t, e.y2 += i;
   else if (e.type === "pen")
-    for (let n = 0; n < e.points.length; n += 2)
-      e.points[n] += t, e.points[n + 1] += i;
+    for (let o = 0; o < e.points.length; o += 2)
+      e.points[o] += t, e.points[o + 1] += i;
   else e.type === "text" && (e.x += t, e.y += i);
 }
 function di(e, t) {
-  const i = wt(t), n = 6;
-  e.save(), e.strokeStyle = "#0091FF", e.lineWidth = 1.5, e.setLineDash([4, 3]), e.strokeRect(i.x - n, i.y - n, i.w + n * 2, i.h + n * 2), e.setLineDash([]);
+  const i = wt(t), o = 6;
+  e.save(), e.strokeStyle = "#0091FF", e.lineWidth = 1.5, e.setLineDash([4, 3]), e.strokeRect(i.x - o, i.y - o, i.w + o * 2, i.h + o * 2), e.setLineDash([]);
   const r = 5;
   e.fillStyle = "#fff", e.strokeStyle = "#0091FF", e.lineWidth = 1.5;
-  const o = [
-    [i.x - n, i.y - n],
-    [i.x + i.w + n, i.y - n],
-    [i.x - n, i.y + i.h + n],
-    [i.x + i.w + n, i.y + i.h + n]
+  const n = [
+    [i.x - o, i.y - o],
+    [i.x + i.w + o, i.y - o],
+    [i.x - o, i.y + i.h + o],
+    [i.x + i.w + o, i.y + i.h + o]
   ];
-  for (const [l, s] of o)
+  for (const [l, s] of n)
     e.beginPath(), e.arc(l, s, r, 0, Math.PI * 2), e.fill(), e.stroke();
   e.restore();
 }
-function ne() {
+function oe() {
   V && (ae && (document.removeEventListener("keydown", ae), ae = null), document.body.style.overflow = mt, V.remove(), V = null);
 }
 function tt(e, t, i) {
   V && (V.remove(), V = null), si(), mt = document.body.style.overflow, document.body.style.overflow = "hidden";
-  let n = "rect", r = "#FF3B30", o = 3, l = 0, s = [], u = e, d = 0, h = 0, g = 1, w = 0, y = 0, S = !1, b = [], v = null, k = null, C = null, N = null, M = null, D = null, K = null;
+  let o = "rect", r = "#FF3B30", n = 3, l = 0, s = [], m = e, h = 0, u = 0, p = 1, g = 0, y = 0, k = !1, b = [], x = null, E = null, C = null, N = null, M = null, D = null, K = null;
   const ce = document.createElement("div");
   ce.className = `${c}-backdrop`;
   const X = document.createElement("div");
@@ -1333,40 +1336,40 @@ function tt(e, t, i) {
   Me.className = `${c}-title`, Me.textContent = "Edit screenshot";
   const Z = document.createElement("button");
   Z.className = `${c}-close-btn`, Z.setAttribute("aria-label", "Close"), Z.innerHTML = Re.close, Z.onclick = () => {
-    ne(), i();
+    oe(), i();
   }, ue.appendChild(Me), ue.appendChild(Z);
-  const E = document.createElement("div");
-  E.className = `${c}-canvas-wrap`;
+  const S = document.createElement("div");
+  S.className = `${c}-canvas-wrap`;
   const j = document.createElement("img");
   j.className = `${c}-img`, j.alt = "Screenshot";
   const P = document.createElement("canvas");
-  P.className = `${c}-canvas`, E.appendChild(j), E.appendChild(P);
+  P.className = `${c}-canvas`, S.appendChild(j), S.appendChild(P);
   const ee = document.createElement("div");
   ee.className = `${c}-toolbar`;
   const O = document.createElement("div");
   O.className = `${c}-tools`;
   const He = {}, Et = ["select", "pen", "arrow", "rect", "text", "crop"], Ae = { select: "Select & Move", pen: "Pen", arrow: "Arrow", rect: "Rectangle", text: "Text", crop: "Crop" };
   for (const a of Et) {
-    const p = document.createElement("button");
-    p.className = `${c}-tool-btn${a === "rect" ? " active" : ""}`, p.setAttribute("aria-label", Ae[a]), p.title = Ae[a], p.innerHTML = Re[a], p.onclick = () => qe(a), He[a] = p, O.appendChild(p);
+    const d = document.createElement("button");
+    d.className = `${c}-tool-btn${a === "rect" ? " active" : ""}`, d.setAttribute("aria-label", Ae[a]), d.title = Ae[a], d.innerHTML = Re[a], d.onclick = () => qe(a), He[a] = d, O.appendChild(d);
   }
   const De = document.createElement("div");
   De.className = `${c}-separator`, O.appendChild(De);
   const St = ["#FF3B30", "#FF9500", "#FFCC00", "#34C759", "#0091FF", "#AF52DE", "#FF2D55", "#000000", "#8E8E93"], he = document.createElement("div");
   he.className = `${c}-color-swatches`;
   const We = [];
-  function Te(a) {
-    We.forEach((p) => p.classList.toggle("active", p.dataset.color === a));
+  function Ie(a) {
+    We.forEach((d) => d.classList.toggle("active", d.dataset.color === a));
   }
   for (const a of St) {
-    const p = document.createElement("button");
-    p.className = `${c}-swatch${a === r ? " active" : ""}`, p.style.background = a, p.dataset.color = a, p.setAttribute("aria-label", `Color ${a}`), p.onclick = () => {
-      r = a, F.value = a, Te(a), ye("color", a);
-    }, We.push(p), he.appendChild(p);
+    const d = document.createElement("button");
+    d.className = `${c}-swatch${a === r ? " active" : ""}`, d.style.background = a, d.dataset.color = a, d.setAttribute("aria-label", `Color ${a}`), d.onclick = () => {
+      r = a, F.value = a, Ie(a), ye("color", a);
+    }, We.push(d), he.appendChild(d);
   }
   const F = document.createElement("input");
   F.type = "color", F.value = r, F.className = `${c}-color-picker`, F.setAttribute("aria-label", "Custom color"), F.title = "Custom color", F.oninput = () => {
-    r = F.value, Te(""), ye("color", r);
+    r = F.value, Ie(""), ye("color", r);
   }, he.appendChild(F), O.appendChild(he);
   const Be = document.createElement("div");
   Be.className = `${c}-separator`, O.appendChild(Be);
@@ -1375,8 +1378,8 @@ function tt(e, t, i) {
   const te = document.createElement("span");
   te.className = `${c}-thickness-label`, te.textContent = "3px";
   const U = document.createElement("input");
-  U.type = "range", U.min = "1", U.max = "12", U.value = String(o), U.className = `${c}-thickness-slider`, U.setAttribute("aria-label", "Stroke thickness"), U.oninput = () => {
-    o = parseInt(U.value, 10), te.textContent = `${o}px`, ye("width", o);
+  U.type = "range", U.min = "1", U.max = "12", U.value = String(n), U.className = `${c}-thickness-slider`, U.setAttribute("aria-label", "Stroke thickness"), U.oninput = () => {
+    n = parseInt(U.value, 10), te.textContent = `${n}px`, ye("width", n);
   }, ge.appendChild(U), ge.appendChild(te), O.appendChild(ge);
   const je = document.createElement("div");
   je.className = `${c}-separator`, O.appendChild(je);
@@ -1386,189 +1389,189 @@ function tt(e, t, i) {
   }, O.appendChild(G);
   const Ge = document.createElement("div");
   Ge.className = `${c}-separator`, O.appendChild(Ge);
-  const I = document.createElement("button");
-  I.className = `${c}-undo-btn`, I.setAttribute("aria-label", "Undo"), I.title = "Undo", I.innerHTML = Re.undo, I.disabled = !0, I.onclick = () => {
-    s.length > 0 && (s.pop(), I.disabled = s.length === 0, C = null, T());
-  }, O.appendChild(I);
+  const T = document.createElement("button");
+  T.className = `${c}-undo-btn`, T.setAttribute("aria-label", "Undo"), T.title = "Undo", T.innerHTML = Re.undo, T.disabled = !0, T.onclick = () => {
+    s.length > 0 && (s.pop(), T.disabled = s.length === 0, C = null, I());
+  }, O.appendChild(T);
   const z = document.createElement("button");
-  z.className = `${c}-btn-crop-apply`, z.textContent = "Apply crop", z.style.display = "none", z.onclick = Tt;
+  z.className = `${c}-btn-crop-apply`, z.textContent = "Apply crop", z.style.display = "none", z.onclick = It;
   const me = document.createElement("div");
   me.className = `${c}-actions`;
   const fe = document.createElement("button");
   fe.className = `${c}-btn-cancel`, fe.textContent = "Cancel", fe.onclick = () => {
-    ne(), i();
+    oe(), i();
   };
   const we = document.createElement("button");
-  we.className = `${c}-btn-done`, we.textContent = "Done", we.onclick = Lt, me.appendChild(fe), me.appendChild(we), ee.appendChild(O), ee.appendChild(z), ee.appendChild(me), X.appendChild(ue), X.appendChild(E), X.appendChild(ee), ce.appendChild(X), document.body.appendChild(ce), V = ce;
+  we.className = `${c}-btn-done`, we.textContent = "Done", we.onclick = Lt, me.appendChild(fe), me.appendChild(we), ee.appendChild(O), ee.appendChild(z), ee.appendChild(me), X.appendChild(ue), X.appendChild(S), X.appendChild(ee), ce.appendChild(X), document.body.appendChild(ce), V = ce;
   function qe(a) {
-    n = a;
-    for (const [p, f] of Object.entries(He))
-      f.classList.toggle("active", p === a);
-    a !== "crop" && (M = null, D = null, z.style.display = "none"), a !== "select" && (C = null), E.classList.toggle("select-mode", a === "select"), E.classList.remove("select-mode-moving"), ie(), T();
+    o = a;
+    for (const [d, w] of Object.entries(He))
+      w.classList.toggle("active", d === a);
+    a !== "crop" && (M = null, D = null, z.style.display = "none"), a !== "select" && (C = null), S.classList.toggle("select-mode", a === "select"), S.classList.remove("select-mode-moving"), ie(), I();
   }
-  function ye(a, p) {
+  function ye(a, d) {
     if (C === null || C >= s.length) return;
-    const f = s[C];
-    a === "color" ? f.color = p : a === "width" && "width" in f ? f.width = p : a === "radius" && f.type === "rect" && (f.radius = p), T();
+    const w = s[C];
+    a === "color" ? w.color = d : a === "width" && "width" in w ? w.width = d : a === "radius" && w.type === "rect" && (w.radius = d), I();
   }
   function Mt(a) {
-    r = a.color, F.value = a.color, Te(a.color), "width" in a && (o = a.width, U.value = String(a.width), te.textContent = `${a.width}px`), a.type === "rect" && (l = a.radius, G.classList.toggle("active", a.radius > 0));
+    r = a.color, F.value = a.color, Ie(a.color), "width" in a && (n = a.width, U.value = String(a.width), te.textContent = `${a.width}px`), a.type === "rect" && (l = a.radius, G.classList.toggle("active", a.radius > 0));
   }
-  function Ie(a, p) {
-    const f = E.getBoundingClientRect();
+  function Te(a, d) {
+    const w = S.getBoundingClientRect();
     return {
-      x: Math.round((a - f.left - w) / g),
-      y: Math.round((p - f.top - y) / g)
+      x: Math.round((a - w.left - g) / p),
+      y: Math.round((d - w.top - y) / p)
     };
   }
   function Ye() {
-    if (!d || !h) return;
-    const a = E.clientWidth - 32, p = E.clientHeight - 32;
-    g = Math.min(a / d, p / h, 1), w = (E.clientWidth - d * g) / 2, y = (E.clientHeight - h * g) / 2, j.style.width = `${d * g}px`, j.style.height = `${h * g}px`, j.style.marginLeft = `${w}px`, j.style.marginTop = `${y}px`, P.width = E.clientWidth, P.height = E.clientHeight, T();
+    if (!h || !u) return;
+    const a = S.clientWidth - 32, d = S.clientHeight - 32;
+    p = Math.min(a / h, d / u, 1), g = (S.clientWidth - h * p) / 2, y = (S.clientHeight - u * p) / 2, j.style.width = `${h * p}px`, j.style.height = `${u * p}px`, j.style.marginLeft = `${g}px`, j.style.marginTop = `${y}px`, P.width = S.clientWidth, P.height = S.clientHeight, I();
   }
   function Ke() {
     const a = new Image();
     a.onload = () => {
-      d = a.naturalWidth, h = a.naturalHeight, j.src = u, Ye();
-    }, a.src = u;
+      h = a.naturalWidth, u = a.naturalHeight, j.src = m, Ye();
+    }, a.src = m;
   }
-  function T() {
+  function I() {
     const a = P.getContext("2d");
     if (a) {
-      if (a.clearRect(0, 0, P.width, P.height), a.save(), a.translate(w, y), a.scale(g, g), s.forEach((p, f) => {
-        Ze(a, p), f === C && di(a, p);
-      }), S && b.length >= 4 && n === "pen") {
-        a.strokeStyle = r, a.lineWidth = o, a.lineCap = "round", a.lineJoin = "round", a.beginPath(), a.moveTo(b[0], b[1]);
-        for (let p = 2; p < b.length; p += 2) a.lineTo(b[p], b[p + 1]);
+      if (a.clearRect(0, 0, P.width, P.height), a.save(), a.translate(g, y), a.scale(p, p), s.forEach((d, w) => {
+        Ze(a, d), w === C && di(a, d);
+      }), k && b.length >= 4 && o === "pen") {
+        a.strokeStyle = r, a.lineWidth = n, a.lineCap = "round", a.lineJoin = "round", a.beginPath(), a.moveTo(b[0], b[1]);
+        for (let d = 2; d < b.length; d += 2) a.lineTo(b[d], b[d + 1]);
         a.stroke();
       }
-      if (a.restore(), n === "crop" && M) {
+      if (a.restore(), o === "crop" && M) {
         a.fillStyle = "rgba(0,0,0,0.4)", a.fillRect(0, 0, P.width, P.height);
-        const p = w + M.x * g, f = y + M.y * g, m = M.w * g, x = M.h * g;
-        a.clearRect(p, f, m, x), a.strokeStyle = "#0091FF", a.lineWidth = 2, a.strokeRect(p, f, m, x), z.style.display = "";
+        const d = g + M.x * p, w = y + M.y * p, f = M.w * p, v = M.h * p;
+        a.clearRect(d, w, f, v), a.strokeStyle = "#0091FF", a.lineWidth = 2, a.strokeRect(d, w, f, v), z.style.display = "";
       }
     }
   }
-  function Tt() {
+  function It() {
     if (!M || M.w < 10 || M.h < 10) return;
     const a = new Image();
     a.onload = () => {
-      const p = document.createElement("canvas");
-      p.width = M.w, p.height = M.h;
-      const f = p.getContext("2d");
-      f && (f.drawImage(a, M.x, M.y, M.w, M.h, 0, 0, M.w, M.h), u = p.toDataURL("image/png"), s = [], I.disabled = !0, C = null, M = null, D = null, z.style.display = "none", qe("rect"), Ke());
-    }, a.src = u;
+      const d = document.createElement("canvas");
+      d.width = M.w, d.height = M.h;
+      const w = d.getContext("2d");
+      w && (w.drawImage(a, M.x, M.y, M.w, M.h, 0, 0, M.w, M.h), m = d.toDataURL("image/png"), s = [], T.disabled = !0, C = null, M = null, D = null, z.style.display = "none", qe("rect"), Ke());
+    }, a.src = m;
   }
   function ie() {
     K && (K.remove(), K = null);
   }
-  function It(a, p) {
+  function Tt(a, d) {
     ie();
-    const f = document.createElement("div");
-    f.className = `${c}-text-overlay`, f.style.left = `${a * g + w}px`, f.style.top = `${p * g + y}px`;
-    const m = document.createElement("input");
-    m.type = "text", m.className = `${c}-text-input`, m.placeholder = "Text...";
-    const x = document.createElement("button");
-    x.className = `${c}-text-ok`, x.textContent = "Add";
+    const w = document.createElement("div");
+    w.className = `${c}-text-overlay`, w.style.left = `${a * p + g}px`, w.style.top = `${d * p + y}px`;
+    const f = document.createElement("input");
+    f.type = "text", f.className = `${c}-text-input`, f.placeholder = "Text...";
+    const v = document.createElement("button");
+    v.className = `${c}-text-ok`, v.textContent = "Add";
     const H = () => {
-      const q = m.value.trim();
-      q && (s.push({ type: "text", x: a, y: p, text: q, color: r }), I.disabled = !1, T()), ie();
+      const q = f.value.trim();
+      q && (s.push({ type: "text", x: a, y: d, text: q, color: r }), T.disabled = !1, I()), ie();
     };
-    m.onkeydown = (q) => {
+    f.onkeydown = (q) => {
       q.key === "Enter" && H(), q.key === "Escape" && ie();
-    }, x.onclick = H, f.appendChild(m), f.appendChild(x), E.appendChild(f), K = f, m.focus();
-  }
-  E.onmousedown = (a) => {
-    const { x: p, y: f } = Ie(a.clientX, a.clientY);
-    if (n === "select") {
-      let m = -1;
-      for (let x = s.length - 1; x >= 0; x--)
-        if (ai(s[x], p, f, 8)) {
-          m = x;
+    }, v.onclick = H, w.appendChild(f), w.appendChild(v), S.appendChild(w), K = w, f.focus();
+  }
+  S.onmousedown = (a) => {
+    const { x: d, y: w } = Te(a.clientX, a.clientY);
+    if (o === "select") {
+      let f = -1;
+      for (let v = s.length - 1; v >= 0; v--)
+        if (ai(s[v], d, w, 8)) {
+          f = v;
           break;
         }
-      m >= 0 ? (C = m, N = { x: p, y: f }, Mt(s[m]), E.classList.add("select-mode-moving")) : C = null, T();
+      f >= 0 ? (C = f, N = { x: d, y: w }, Mt(s[f]), S.classList.add("select-mode-moving")) : C = null, I();
       return;
     }
-    if (n === "crop") {
-      D = { x: p, y: f }, M = null, z.style.display = "none";
+    if (o === "crop") {
+      D = { x: d, y: w }, M = null, z.style.display = "none";
       return;
     }
-    K || (C = null, n === "pen" ? (S = !0, b = [p, f]) : n === "arrow" ? v = { x: p, y: f } : n === "rect" ? k = { x: p, y: f } : n === "text" && It(p, f));
-  }, E.onmousemove = (a) => {
-    const { x: p, y: f } = Ie(a.clientX, a.clientY);
-    if (n === "select" && N && C !== null) {
-      const m = p - N.x, x = f - N.y;
-      (Math.abs(m) > 1 || Math.abs(x) > 1) && (li(s[C], m, x), N = { x: p, y: f }, T());
+    K || (C = null, o === "pen" ? (k = !0, b = [d, w]) : o === "arrow" ? x = { x: d, y: w } : o === "rect" ? E = { x: d, y: w } : o === "text" && Tt(d, w));
+  }, S.onmousemove = (a) => {
+    const { x: d, y: w } = Te(a.clientX, a.clientY);
+    if (o === "select" && N && C !== null) {
+      const f = d - N.x, v = w - N.y;
+      (Math.abs(f) > 1 || Math.abs(v) > 1) && (li(s[C], f, v), N = { x: d, y: w }, I());
       return;
     }
-    if (n === "crop" && D) {
-      const m = Math.min(D.x, p), x = Math.min(D.y, f);
-      M = { x: m, y: x, w: Math.max(20, Math.abs(p - D.x)), h: Math.max(20, Math.abs(f - D.y)) }, T();
-    } else if (S && n === "pen")
-      b.push(p, f), T();
-    else if (n === "rect" && k) {
-      T();
-      const m = P.getContext("2d");
-      if (m) {
-        m.save(), m.translate(w, y), m.scale(g, g), m.strokeStyle = r, m.lineWidth = o, m.lineCap = "round", m.lineJoin = "round";
-        const x = Math.min(k.x, p), H = Math.min(k.y, f), q = Math.abs(p - k.x), Ve = Math.abs(f - k.y);
-        l > 0 ? ft(m, x, H, q, Ve, l) : m.strokeRect(x, H, q, Ve), m.restore();
+    if (o === "crop" && D) {
+      const f = Math.min(D.x, d), v = Math.min(D.y, w);
+      M = { x: f, y: v, w: Math.max(20, Math.abs(d - D.x)), h: Math.max(20, Math.abs(w - D.y)) }, I();
+    } else if (k && o === "pen")
+      b.push(d, w), I();
+    else if (o === "rect" && E) {
+      I();
+      const f = P.getContext("2d");
+      if (f) {
+        f.save(), f.translate(g, y), f.scale(p, p), f.strokeStyle = r, f.lineWidth = n, f.lineCap = "round", f.lineJoin = "round";
+        const v = Math.min(E.x, d), H = Math.min(E.y, w), q = Math.abs(d - E.x), Ve = Math.abs(w - E.y);
+        l > 0 ? ft(f, v, H, q, Ve, l) : f.strokeRect(v, H, q, Ve), f.restore();
       }
-    } else if (n === "arrow" && v) {
-      T();
-      const m = P.getContext("2d");
-      if (m) {
-        m.save(), m.translate(w, y), m.scale(g, g), m.strokeStyle = r, m.fillStyle = r, m.lineWidth = o, m.lineCap = "round", m.lineJoin = "round", m.beginPath(), m.moveTo(v.x, v.y), m.lineTo(p, f), m.stroke();
-        const x = 10, H = Math.atan2(f - v.y, p - v.x);
-        m.beginPath(), m.moveTo(p, f), m.lineTo(p - x * Math.cos(H - 0.4), f - x * Math.sin(H - 0.4)), m.lineTo(p - x * Math.cos(H + 0.4), f - x * Math.sin(H + 0.4)), m.closePath(), m.fill(), m.restore();
+    } else if (o === "arrow" && x) {
+      I();
+      const f = P.getContext("2d");
+      if (f) {
+        f.save(), f.translate(g, y), f.scale(p, p), f.strokeStyle = r, f.fillStyle = r, f.lineWidth = n, f.lineCap = "round", f.lineJoin = "round", f.beginPath(), f.moveTo(x.x, x.y), f.lineTo(d, w), f.stroke();
+        const v = 10, H = Math.atan2(w - x.y, d - x.x);
+        f.beginPath(), f.moveTo(d, w), f.lineTo(d - v * Math.cos(H - 0.4), w - v * Math.sin(H - 0.4)), f.lineTo(d - v * Math.cos(H + 0.4), w - v * Math.sin(H + 0.4)), f.closePath(), f.fill(), f.restore();
       }
     }
-  }, E.onmouseup = (a) => {
-    const { x: p, y: f } = Ie(a.clientX, a.clientY);
-    if (n === "select") {
-      N = null, E.classList.remove("select-mode-moving");
+  }, S.onmouseup = (a) => {
+    const { x: d, y: w } = Te(a.clientX, a.clientY);
+    if (o === "select") {
+      N = null, S.classList.remove("select-mode-moving");
       return;
     }
-    if (n === "crop") {
+    if (o === "crop") {
       D = null;
       return;
     }
-    if (n === "pen" && S)
-      S = !1, b.length >= 4 && (s.push({ type: "pen", points: [...b], color: r, width: o }), I.disabled = !1, b = []);
-    else if (n === "arrow" && v)
-      s.push({ type: "arrow", x1: v.x, y1: v.y, x2: p, y2: f, color: r, width: o }), I.disabled = !1, v = null;
-    else if (n === "rect" && k) {
-      const m = Math.min(k.x, p), x = Math.min(k.y, f);
-      s.push({ type: "rect", x: m, y: x, w: Math.abs(p - k.x), h: Math.abs(f - k.y), color: r, width: o, radius: l }), I.disabled = !1, k = null;
+    if (o === "pen" && k)
+      k = !1, b.length >= 4 && (s.push({ type: "pen", points: [...b], color: r, width: n }), T.disabled = !1, b = []);
+    else if (o === "arrow" && x)
+      s.push({ type: "arrow", x1: x.x, y1: x.y, x2: d, y2: w, color: r, width: n }), T.disabled = !1, x = null;
+    else if (o === "rect" && E) {
+      const f = Math.min(E.x, d), v = Math.min(E.y, w);
+      s.push({ type: "rect", x: f, y: v, w: Math.abs(d - E.x), h: Math.abs(w - E.y), color: r, width: n, radius: l }), T.disabled = !1, E = null;
     }
-    T();
-  }, E.onmouseleave = (a) => {
-    if (n === "select" && N) {
-      N = null, E.classList.remove("select-mode-moving");
+    I();
+  }, S.onmouseleave = (a) => {
+    if (o === "select" && N) {
+      N = null, S.classList.remove("select-mode-moving");
       return;
     }
-    E.onmouseup(a);
+    S.onmouseup(a);
   };
   function Lt() {
     const a = new Image();
     a.onload = () => {
-      const p = document.createElement("canvas");
-      p.width = a.naturalWidth, p.height = a.naturalHeight;
-      const f = p.getContext("2d");
-      if (!f) return;
-      f.drawImage(a, 0, 0), s.forEach((x) => Ze(f, x));
-      const m = p.toDataURL("image/png");
-      ne(), t(m);
+      const d = document.createElement("canvas");
+      d.width = a.naturalWidth, d.height = a.naturalHeight;
+      const w = d.getContext("2d");
+      if (!w) return;
+      w.drawImage(a, 0, 0), s.forEach((v) => Ze(w, v));
+      const f = d.toDataURL("image/png");
+      oe(), t(f);
     }, a.onerror = () => {
-      ne(), t(u);
-    }, a.src = u;
+      oe(), t(m);
+    }, a.src = m;
   }
   ae = (a) => {
-    a.key === "Escape" ? K ? ie() : n === "crop" && M ? (M = null, z.style.display = "none", T()) : C !== null ? (C = null, T()) : (ne(), i()) : a.key === "z" && (a.ctrlKey || a.metaKey) && !a.shiftKey ? (a.preventDefault(), s.length > 0 && (s.pop(), I.disabled = s.length === 0, C = null, T())) : (a.key === "Delete" || a.key === "Backspace") && C !== null && !K && (a.preventDefault(), s.splice(C, 1), I.disabled = s.length === 0, C = null, T());
+    a.key === "Escape" ? K ? ie() : o === "crop" && M ? (M = null, z.style.display = "none", I()) : C !== null ? (C = null, I()) : (oe(), i()) : a.key === "z" && (a.ctrlKey || a.metaKey) && !a.shiftKey ? (a.preventDefault(), s.length > 0 && (s.pop(), T.disabled = s.length === 0, C = null, I())) : (a.key === "Delete" || a.key === "Backspace") && C !== null && !K && (a.preventDefault(), s.splice(C, 1), T.disabled = s.length === 0, C = null, I());
   }, document.addEventListener("keydown", ae), new ResizeObserver(() => {
-    d && h && Ye();
-  }).observe(E), Ke();
+    h && u && Ye();
+  }).observe(S), Ke();
 }
 const Pe = 3, it = 8, rt = 14, pi = `<svg width="20" height="20" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
 	<defs>
@@ -1589,11 +1592,11 @@ const Pe = 3, it = 8, rt = 14, pi = `<svg width="20" height="20" viewBox="0 0 20
 let _ = null, Y = null;
 const $ = [];
 let le = !1;
-const nt = "supportwire-message-preview-styles";
+const ot = "supportwire-message-preview-styles";
 function ci() {
-  if (document.getElementById(nt)) return;
+  if (document.getElementById(ot)) return;
   const e = document.createElement("style");
-  e.id = nt, e.textContent = `
+  e.id = ot, e.textContent = `
 		.sw-preview-stack {
 			position: fixed;
 			z-index: 999997;
@@ -1729,8 +1732,8 @@ function Ce() {
     if (le) {
       let e = 0;
       for (let t = 0; t < $.length; t++) {
-        const { el: i, height: n } = $[t];
-        i.style.zIndex = String(Pe + 1 - t), i.style.transform = `translateY(-${e}px) scale(1)`, i.style.opacity = i.dataset.visible === "true" ? "1" : "0", e += n + it;
+        const { el: i, height: o } = $[t];
+        i.style.zIndex = String(Pe + 1 - t), i.style.transform = `translateY(-${e}px) scale(1)`, i.style.opacity = i.dataset.visible === "true" ? "1" : "0", e += o + it;
       }
       _.style.height = `${e - it}px`;
     } else {
@@ -1743,44 +1746,44 @@ function Ce() {
 }
 function ui(e) {
   if (!Number.isFinite(e) || e <= 0) return "just now";
-  const t = Date.now(), i = e < 1e12 ? e * 1e3 : e, n = Math.max(0, t - i), r = Math.floor(n / 1e3);
+  const t = Date.now(), i = e < 1e12 ? e * 1e3 : e, o = Math.max(0, t - i), r = Math.floor(o / 1e3);
   if (r < 60) return "just now";
-  const o = Math.floor(r / 60);
-  if (o < 60) return `${o}m ago`;
-  const l = Math.floor(o / 60);
+  const n = Math.floor(r / 60);
+  if (n < 60) return `${n}m ago`;
+  const l = Math.floor(n / 60);
   return l < 24 ? `${l}h ago` : `${Math.floor(l / 24)}d ago`;
 }
 function hi(e, t) {
   if (_) return _;
   const i = document.createElement("div");
   i.className = "sw-preview-stack";
-  const n = e.startsWith("bottom"), r = e.endsWith("right"), o = 20, l = 48, s = 8;
-  return n ? i.style.bottom = `${o + l + s}px` : i.style.top = `${o + l + s}px`, r ? i.style.right = `${o}px` : i.style.left = `${o}px`, i.addEventListener("mouseenter", () => {
+  const o = e.startsWith("bottom"), r = e.endsWith("right"), n = 20, l = 48, s = 8;
+  return o ? i.style.bottom = `${n + l + s}px` : i.style.top = `${n + l + s}px`, r ? i.style.right = `${n}px` : i.style.left = `${n}px`, i.addEventListener("mouseenter", () => {
     le = !0, Ce();
   }), i.addEventListener("mouseleave", () => {
     le = !1, Ce();
-  }), Y = document.createElement("button"), Y.className = `sw-preview-dismiss sw-dismiss-${t}`, Y.setAttribute("aria-label", "Dismiss all message previews"), Y.textContent = "×", Y.addEventListener("click", (u) => {
-    u.stopPropagation(), ke();
+  }), Y = document.createElement("button"), Y.className = `sw-preview-dismiss sw-dismiss-${t}`, Y.setAttribute("aria-label", "Dismiss all message previews"), Y.textContent = "×", Y.addEventListener("click", (m) => {
+    m.stopPropagation(), ke();
   }), i.appendChild(Y), document.body.appendChild(i), _ = i, i;
 }
-function gi(e, t, i, n, r, o) {
+function gi(e, t, i, o, r, n) {
   ci();
-  const l = hi(n, r);
+  const l = hi(o, r);
   $.length >= Pe && $.pop().el.remove();
   const s = document.createElement("div");
   s.className = `sw-preview-card sw-card-${r}`, s.dataset.visible = "false";
-  const u = document.createElement("div");
-  u.className = "sw-preview-header";
-  const d = document.createElement("div");
-  d.className = "sw-preview-logo", d.innerHTML = pi;
+  const m = document.createElement("div");
+  m.className = "sw-preview-header";
   const h = document.createElement("div");
-  h.className = "sw-preview-meta", h.textContent = `${t || "Support"} · ${ui(i)}`, u.appendChild(d), u.appendChild(h);
-  const g = document.createElement("div");
-  g.className = "sw-preview-body", g.textContent = e, s.appendChild(u), s.appendChild(g), s.addEventListener("click", () => {
-    ke(!0), o();
+  h.className = "sw-preview-logo", h.innerHTML = pi;
+  const u = document.createElement("div");
+  u.className = "sw-preview-meta", u.textContent = `${t || "Support"} · ${ui(i)}`, m.appendChild(h), m.appendChild(u);
+  const p = document.createElement("div");
+  p.className = "sw-preview-body", p.textContent = e, s.appendChild(m), s.appendChild(p), s.addEventListener("click", () => {
+    ke(!0), n();
   }), l.appendChild(s);
-  const w = s.offsetHeight;
-  $.unshift({ el: s, height: w }), Ce(), requestAnimationFrame(() => {
+  const g = s.offsetHeight;
+  $.unshift({ el: s, height: g }), Ce(), requestAnimationFrame(() => {
     requestAnimationFrame(() => {
       s.dataset.visible = "true", Ce();
     });
@@ -1796,10 +1799,10 @@ function ke(e) {
   $.length = 0;
   for (const i of t) {
     i.el.dataset.visible = "false", i.el.style.opacity = "0";
-    const n = () => {
-      i.el.removeEventListener("transitionend", n), i.el.remove();
+    const o = () => {
+      i.el.removeEventListener("transitionend", o), i.el.remove();
     };
-    i.el.addEventListener("transitionend", n), setTimeout(() => i.el.remove(), 300);
+    i.el.addEventListener("transitionend", o), setTimeout(() => i.el.remove(), 300);
   }
   if (_) {
     const i = _;
@@ -1830,15 +1833,15 @@ function fi(e) {
 }
 function wi(e, t) {
   try {
-    const i = (o) => o.replace(/\/+$/, "");
+    const i = (n) => n.replace(/\/+$/, "");
     if (!t.includes("*"))
       return i(e) === i(t);
-    const n = t.split("*").map((o) => {
+    const o = t.split("*").map((n) => {
       let l = "";
-      for (const s of o)
+      for (const s of n)
         "-/\\^$*+?.()|[]{}".indexOf(s) !== -1 && (l += "\\"), l += s;
       return l;
-    }), r = new RegExp("^" + n.join(".*") + "$");
+    }), r = new RegExp("^" + o.join(".*") + "$");
     return r.test(e) || r.test(i(e));
   } catch {
     return !1;
@@ -1846,55 +1849,55 @@ function wi(e, t) {
 }
 function yi(e, t) {
   var i;
-  const n = [];
+  const o = [];
   for (const r of e) {
     if (r.event_name !== "SW_PAGE_VIEW") continue;
-    const o = (i = r.event_info) == null ? void 0 : i.url;
-    if (o) {
+    const n = (i = r.event_info) == null ? void 0 : i.url;
+    if (n) {
       if (fi(r)) {
         Ue(r.id);
         continue;
       }
-      wi(t, o) && n.push({
+      wi(t, n) && o.push({
         ruleId: r.id,
         delay: r.delay,
         messagesToSend: r.messages_to_send
       });
     }
   }
-  return n;
+  return o;
 }
 function bi(e, t) {
   var i;
-  for (const h of e)
-    (i = h.event_info) != null && i.url, h.max_executions != null && String(h.max_executions), Ue(h.id);
-  const n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set();
-  let o = "";
+  for (const u of e)
+    (i = u.event_info) != null && i.url, u.max_executions != null && String(u.max_executions), Ue(u.id);
+  const o = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set();
+  let n = "";
   function l() {
-    const h = window.location.href;
-    if (h === o) return;
-    o = h;
-    const g = yi(e, h);
-    for (const w of g) {
-      if (r.has(w.ruleId))
+    const u = window.location.href;
+    if (u === n) return;
+    n = u;
+    const p = yi(e, u);
+    for (const g of p) {
+      if (r.has(g.ruleId))
         continue;
-      r.add(w.ruleId);
-      const y = (w.delay || 0) * 1e3, S = setTimeout(() => {
-        n.delete(S), mi(w.ruleId), t(w);
+      r.add(g.ruleId);
+      const y = (g.delay || 0) * 1e3, k = setTimeout(() => {
+        o.delete(k), mi(g.ruleId), t(g);
       }, y);
-      n.add(S);
+      o.add(k);
     }
   }
-  const s = history.pushState.bind(history), u = history.replaceState.bind(history);
-  history.pushState = function(...h) {
-    s(...h), l();
-  }, history.replaceState = function(...h) {
-    u(...h), l();
+  const s = history.pushState.bind(history), m = history.replaceState.bind(history);
+  history.pushState = function(...u) {
+    s(...u), l();
+  }, history.replaceState = function(...u) {
+    m(...u), l();
   };
-  const d = () => l();
-  return window.addEventListener("popstate", d), l(), () => {
-    for (const h of n) clearTimeout(h);
-    n.clear(), history.pushState = s, history.replaceState = u, window.removeEventListener("popstate", d);
+  const h = () => l();
+  return window.addEventListener("popstate", h), l(), () => {
+    for (const u of o) clearTimeout(u);
+    o.clear(), history.pushState = s, history.replaceState = m, window.removeEventListener("popstate", h);
   };
 }
 const xi = "supportwire", de = (e, t) => `${xi}-${t}-${e}`, _e = (e, t) => {
@@ -1921,8 +1924,8 @@ const xi = "supportwire", de = (e, t) => `${xi}-${t}-${e}`, _e = (e, t) => {
     return null;
   }
 };
-var Ei = { success: { pattern: [{ duration: 30, intensity: 0.5 }, { delay: 60, duration: 40, intensity: 1 }] }, warning: { pattern: [{ duration: 40, intensity: 0.8 }, { delay: 100, duration: 40, intensity: 0.6 }] }, error: { pattern: [{ duration: 40, intensity: 0.9 }, { delay: 40, duration: 40, intensity: 0.9 }, { delay: 40, duration: 40, intensity: 0.9 }] }, light: { pattern: [{ duration: 15, intensity: 0.4 }] }, medium: { pattern: [{ duration: 25, intensity: 0.7 }] }, heavy: { pattern: [{ duration: 35, intensity: 1 }] }, soft: { pattern: [{ duration: 40, intensity: 0.5 }] }, rigid: { pattern: [{ duration: 10, intensity: 1 }] }, selection: { pattern: [{ duration: 8, intensity: 0.3 }] }, nudge: { pattern: [{ duration: 80, intensity: 0.8 }, { delay: 80, duration: 50, intensity: 0.3 }] }, buzz: { pattern: [{ duration: 1e3, intensity: 1 }] } }, Si = 16, Mi = 184, ot = 1e3, xe = 20;
-function Ti(e) {
+var Ei = { success: { pattern: [{ duration: 30, intensity: 0.5 }, { delay: 60, duration: 40, intensity: 1 }] }, warning: { pattern: [{ duration: 40, intensity: 0.8 }, { delay: 100, duration: 40, intensity: 0.6 }] }, error: { pattern: [{ duration: 40, intensity: 0.9 }, { delay: 40, duration: 40, intensity: 0.9 }, { delay: 40, duration: 40, intensity: 0.9 }] }, light: { pattern: [{ duration: 15, intensity: 0.4 }] }, medium: { pattern: [{ duration: 25, intensity: 0.7 }] }, heavy: { pattern: [{ duration: 35, intensity: 1 }] }, soft: { pattern: [{ duration: 40, intensity: 0.5 }] }, rigid: { pattern: [{ duration: 10, intensity: 1 }] }, selection: { pattern: [{ duration: 8, intensity: 0.3 }] }, nudge: { pattern: [{ duration: 80, intensity: 0.8 }, { delay: 80, duration: 50, intensity: 0.3 }] }, buzz: { pattern: [{ duration: 1e3, intensity: 1 }] } }, Si = 16, Mi = 184, nt = 1e3, xe = 20;
+function Ii(e) {
   if (typeof e == "number") return { vibrations: [{ duration: e }] };
   if (typeof e == "string") {
     let t = Ei[e];
@@ -1932,9 +1935,9 @@ function Ti(e) {
     if (e.length === 0) return { vibrations: [] };
     if (typeof e[0] == "number") {
       let t = e, i = [];
-      for (let n = 0; n < t.length; n += 2) {
-        let r = n > 0 ? t[n - 1] : 0;
-        i.push(Se(A({}, r > 0 && { delay: r }), { duration: t[n] }));
+      for (let o = 0; o < t.length; o += 2) {
+        let r = o > 0 ? t[o - 1] : 0;
+        i.push(Se(A({}, r > 0 && { delay: r }), { duration: t[o] }));
       }
       return { vibrations: i };
     }
@@ -1942,31 +1945,31 @@ function Ti(e) {
   }
   return { vibrations: e.pattern.map((t) => A({}, t)) };
 }
-function Ii(e, t) {
+function Ti(e, t) {
   if (t >= 1) return [e];
   if (t <= 0) return [];
-  let i = Math.max(1, Math.round(xe * t)), n = xe - i, r = [], o = e;
-  for (; o >= xe; ) r.push(i), r.push(n), o -= xe;
-  if (o > 0) {
-    let l = Math.max(1, Math.round(o * t));
+  let i = Math.max(1, Math.round(xe * t)), o = xe - i, r = [], n = e;
+  for (; n >= xe; ) r.push(i), r.push(o), n -= xe;
+  if (n > 0) {
+    let l = Math.max(1, Math.round(n * t));
     r.push(l);
-    let s = o - l;
+    let s = n - l;
     s > 0 && r.push(s);
   }
   return r;
 }
 function Li(e, t) {
-  var i, n;
+  var i, o;
   let r = [];
-  for (let o = 0; o < e.length; o++) {
-    let l = e[o], s = Math.max(0, Math.min(1, (i = l.intensity) != null ? i : t)), u = (n = l.delay) != null ? n : 0;
-    u > 0 && (r.length > 0 && r.length % 2 === 0 ? r[r.length - 1] += u : (r.length === 0 && r.push(0), r.push(u)));
-    let d = Ii(l.duration, s);
-    if (d.length === 0) {
+  for (let n = 0; n < e.length; n++) {
+    let l = e[n], s = Math.max(0, Math.min(1, (i = l.intensity) != null ? i : t)), m = (o = l.delay) != null ? o : 0;
+    m > 0 && (r.length > 0 && r.length % 2 === 0 ? r[r.length - 1] += m : (r.length === 0 && r.push(0), r.push(m)));
+    let h = Ti(l.duration, s);
+    if (h.length === 0) {
       r.length > 0 && r.length % 2 === 0 ? r[r.length - 1] += l.duration : l.duration > 0 && (r.push(0), r.push(l.duration));
       continue;
     }
-    for (let h of d) r.push(h);
+    for (let u of h) r.push(u);
   }
   return r;
 }
@@ -1977,25 +1980,25 @@ var $i = 0, Q, Ri = (Q = class {
     this.instanceId = ++$i, this.debug = (t = e?.debug) != null ? t : !1, this.showSwitch = (i = e?.showSwitch) != null ? i : !1;
   }
   async trigger(e = [{ duration: 25, intensity: 0.7 }], t) {
-    var i, n, r, o;
-    let l = Ti(e);
+    var i, o, r, n;
+    let l = Ii(e);
     if (!l) return;
     let { vibrations: s } = l;
     if (s.length === 0) return;
-    let u = Math.max(0, Math.min(1, (i = t?.intensity) != null ? i : 0.5));
-    for (let d of s) if (d.duration > ot && (d.duration = ot), !Number.isFinite(d.duration) || d.duration < 0 || d.delay !== void 0 && (!Number.isFinite(d.delay) || d.delay < 0)) {
+    let m = Math.max(0, Math.min(1, (i = t?.intensity) != null ? i : 0.5));
+    for (let h of s) if (h.duration > nt && (h.duration = nt), !Number.isFinite(h.duration) || h.duration < 0 || h.delay !== void 0 && (!Number.isFinite(h.delay) || h.delay < 0)) {
       console.warn("[web-haptics] Invalid vibration values. Durations and delays must be finite non-negative numbers.");
       return;
     }
-    if (Q.isSupported && navigator.vibrate(Li(s, u)), !Q.isSupported || this.debug) {
+    if (Q.isSupported && navigator.vibrate(Li(s, m)), !Q.isSupported || this.debug) {
       if (this.ensureDOM(), !this.hapticLabel) return;
       this.debug && await this.ensureAudio(), this.stopPattern();
-      let d = ((r = (n = s[0]) == null ? void 0 : n.delay) != null ? r : 0) === 0;
-      if (d && (this.hapticLabel.click(), this.debug && this.audioCtx)) {
-        let h = Math.max(0, Math.min(1, (o = s[0].intensity) != null ? o : u));
-        this.playClick(h);
+      let h = ((r = (o = s[0]) == null ? void 0 : o.delay) != null ? r : 0) === 0;
+      if (h && (this.hapticLabel.click(), this.debug && this.audioCtx)) {
+        let u = Math.max(0, Math.min(1, (n = s[0].intensity) != null ? n : m));
+        this.playClick(u);
       }
-      await this.runPattern(s, u, d);
+      await this.runPattern(s, m, h);
     }
   }
   cancel() {
@@ -2018,43 +2021,43 @@ var $i = 0, Q, Ri = (Q = class {
     this.rafId !== null && (cancelAnimationFrame(this.rafId), this.rafId = null), (e = this.patternResolve) == null || e.call(this), this.patternResolve = null;
   }
   runPattern(e, t, i) {
-    return new Promise((n) => {
-      var r, o;
-      this.patternResolve = n;
+    return new Promise((o) => {
+      var r, n;
+      this.patternResolve = o;
       let l = [], s = 0;
-      for (let w of e) {
-        let y = Math.max(0, Math.min(1, (r = w.intensity) != null ? r : t)), S = (o = w.delay) != null ? o : 0;
-        S > 0 && (s += S, l.push({ end: s, isOn: !1, intensity: 0 })), s += w.duration, l.push({ end: s, isOn: !0, intensity: y });
+      for (let g of e) {
+        let y = Math.max(0, Math.min(1, (r = g.intensity) != null ? r : t)), k = (n = g.delay) != null ? n : 0;
+        k > 0 && (s += k, l.push({ end: s, isOn: !1, intensity: 0 })), s += g.duration, l.push({ end: s, isOn: !0, intensity: y });
       }
-      let u = s, d = 0, h = -1, g = (w) => {
-        var y, S;
-        d === 0 && (d = w);
-        let b = w - d;
-        if (b >= u) {
-          this.rafId = null, this.patternResolve = null, n();
+      let m = s, h = 0, u = -1, p = (g) => {
+        var y, k;
+        h === 0 && (h = g);
+        let b = g - h;
+        if (b >= m) {
+          this.rafId = null, this.patternResolve = null, o();
           return;
         }
-        let v = l[0];
-        for (let k of l) if (b < k.end) {
-          v = k;
+        let x = l[0];
+        for (let E of l) if (b < E.end) {
+          x = E;
           break;
         }
-        if (v.isOn) {
-          let k = Si + (1 - v.intensity) * Mi;
-          h === -1 ? (h = w, i || ((y = this.hapticLabel) == null || y.click(), this.debug && this.audioCtx && this.playClick(v.intensity), i = !0)) : w - h >= k && ((S = this.hapticLabel) == null || S.click(), this.debug && this.audioCtx && this.playClick(v.intensity), h = w);
+        if (x.isOn) {
+          let E = Si + (1 - x.intensity) * Mi;
+          u === -1 ? (u = g, i || ((y = this.hapticLabel) == null || y.click(), this.debug && this.audioCtx && this.playClick(x.intensity), i = !0)) : g - u >= E && ((k = this.hapticLabel) == null || k.click(), this.debug && this.audioCtx && this.playClick(x.intensity), u = g);
         }
-        this.rafId = requestAnimationFrame(g);
+        this.rafId = requestAnimationFrame(p);
       };
-      this.rafId = requestAnimationFrame(g);
+      this.rafId = requestAnimationFrame(p);
     });
   }
   playClick(e) {
     if (!this.audioCtx || !this.audioFilter || !this.audioGain || !this.audioBuffer) return;
     let t = this.audioBuffer.getChannelData(0);
-    for (let o = 0; o < t.length; o++) t[o] = (Math.random() * 2 - 1) * Math.exp(-o / 25);
+    for (let n = 0; n < t.length; n++) t[n] = (Math.random() * 2 - 1) * Math.exp(-n / 25);
     this.audioGain.gain.value = 0.5 * e;
-    let i = 2e3 + e * 2e3, n = 1 + (Math.random() - 0.5) * 0.3;
-    this.audioFilter.frequency.value = i * n;
+    let i = 2e3 + e * 2e3, o = 1 + (Math.random() - 0.5) * 0.3;
+    this.audioFilter.frequency.value = i * o;
     let r = this.audioCtx.createBufferSource();
     r.buffer = this.audioBuffer, r.connect(this.audioFilter), r.onended = () => r.disconnect(), r.start();
   }
@@ -2065,7 +2068,7 @@ var $i = 0, Q, Ri = (Q = class {
       let t = 4e-3;
       this.audioBuffer = this.audioCtx.createBuffer(1, this.audioCtx.sampleRate * t, this.audioCtx.sampleRate);
       let i = this.audioBuffer.getChannelData(0);
-      for (let n = 0; n < i.length; n++) i[n] = (Math.random() * 2 - 1) * Math.exp(-n / 25);
+      for (let o = 0; o < i.length; o++) i[o] = (Math.random() * 2 - 1) * Math.exp(-o / 25);
     }
     ((e = this.audioCtx) == null ? void 0 : e.state) === "suspended" && await this.audioCtx.resume();
   }
@@ -2077,9 +2080,9 @@ var $i = 0, Q, Ri = (Q = class {
     i.type = "checkbox", i.setAttribute("switch", ""), i.id = e, i.style.all = "initial", i.style.appearance = "auto", this.showSwitch || (t.style.display = "none", i.style.display = "none"), t.appendChild(i), document.body.appendChild(t), this.domInitialized = !0;
   }
 }, R(Q, "isSupported", typeof navigator < "u" && typeof navigator.vibrate == "function"), Q);
-const oe = new Ri(), xt = class ve {
+const ne = new Ri(), xt = class ve {
   constructor(t) {
-    var i, n, r;
+    var i, o, r;
     if (this.iframe = null, this.container = null, this.trigger = null, this.isOpen = !1, this.isExpanded = !1, this.messageHandler = null, this.unreadCount = 0, this.titleModified = !1, this.visibilityHandler = null, this.eventRuleCleanup = null, this.triggerClickHandler = null, this.guideBridgeTeardown = null, !t.widgetSlug || typeof t.widgetSlug != "string" || t.widgetSlug.trim() === "")
       throw new Error("widgetSlug is required in widget config");
     this.config = {
@@ -2094,13 +2097,13 @@ const oe = new Ri(), xt = class ve {
       userExternalUserId: t.userExternalUserId || "",
       userSignature: t.userSignature || "",
       userData: (i = t.userData) != null ? i : {},
-      hideOnLaunch: (n = t.hideOnLaunch) != null ? n : !1,
+      hideOnLaunch: (o = t.hideOnLaunch) != null ? o : !1,
       enableScreenshot: (r = t.enableScreenshot) != null ? r : !1,
       onOpen: t.onOpen || (() => {
       }),
       onClose: t.onClose || (() => {
       }),
-      onError: t.onError || ((o) => console.error("SupportWireWidget error:", o))
+      onError: t.onError || ((n) => console.error("SupportWireWidget error:", n))
     }, this.iframeId = Ft(), this.widgetUrl = this.buildWidgetUrl(), ve.instances.set(this.iframeId, this), this.init();
   }
   updateDocumentTitle(t) {
@@ -2121,8 +2124,8 @@ const oe = new Ri(), xt = class ve {
     try {
       const t = this.getUnreadCountKey(), i = localStorage.getItem(t);
       if (i) {
-        const n = parseInt(i, 10);
-        return isNaN(n) ? 0 : n;
+        const o = parseInt(i, 10);
+        return isNaN(o) ? 0 : o;
       }
     } catch (t) {
       console.error("Failed to load unread count from localStorage:", t);
@@ -2196,16 +2199,16 @@ const oe = new Ri(), xt = class ve {
         },
         onError: this.config.onError,
         onUnreadCount: (t) => {
-          t > this.unreadCount && oe.trigger("selection"), this.unreadCount = t, this.saveUnreadCountToStorage(t), this.trigger && be(this.trigger, t), this.updateDocumentTitle(t);
+          t > this.unreadCount && ne.trigger("selection"), this.unreadCount = t, this.saveUnreadCountToStorage(t), this.trigger && be(this.trigger, t), this.updateDocumentTitle(t);
         },
-        onImagePreview: (t, i, n) => {
-          ni(t, i, n, (r) => {
+        onImagePreview: (t, i, o) => {
+          oi(t, i, o, (r) => {
             tt(
               r,
-              (o) => {
+              (n) => {
                 this.sendMessageToIframe({
                   type: "PAGE_SCREENSHOT_RESULT",
-                  payload: { dataUrl: o }
+                  payload: { dataUrl: n }
                 });
               },
               () => {
@@ -2216,8 +2219,8 @@ const oe = new Ri(), xt = class ve {
         onToggleFullscreen: () => {
           this.toggleExpand();
         },
-        onMessagePreview: (t, i, n) => {
-          this.isOpen || gi(t, i, n, this.config.triggerPosition, this.config.theme, () => this.open());
+        onMessagePreview: (t, i, o) => {
+          this.isOpen || gi(t, i, o, this.config.triggerPosition, this.config.theme, () => this.open());
         },
         onScreenshotRequest: (t) => {
           this.capturePageScreenshot(t);
@@ -2235,7 +2238,11 @@ const oe = new Ri(), xt = class ve {
           }));
         }
       }
-    ), window.addEventListener("message", this.messageHandler), this.iframe && (this.guideBridgeTeardown = Xt(this.iframe, this.iframeId).teardown);
+    ), window.addEventListener("message", this.messageHandler), this.iframe && (this.guideBridgeTeardown = Xt(this.iframe, this.iframeId, {
+      closeWidget: () => {
+        this.isOpen && this.close();
+      }
+    }).teardown);
   }
   setupTrigger() {
     if (this.triggerClickHandler = () => this.toggle(), this.config.selector) {
@@ -2254,10 +2261,10 @@ const oe = new Ri(), xt = class ve {
     this.isOpen ? this.close() : this.open();
   }
   open() {
-    !this.container || !this.iframe || (ke(!0), this.showTrigger(), this.isOpen = !0, oe.trigger("medium"), _e(this.config.widgetSlug, !0), this.container.style.display = "block", ut(this.container), this.unreadCount = 0, this.saveUnreadCountToStorage(0), this.updateDocumentTitle(0), this.trigger && (be(this.trigger, 0), Le(this.trigger, !0, this.config.theme), window.innerWidth <= 480 && (this.trigger.style.display = "none")), this.sendMessageToIframe({ type: "OPEN" }));
+    !this.container || !this.iframe || (ke(!0), this.showTrigger(), this.isOpen = !0, ne.trigger("medium"), _e(this.config.widgetSlug, !0), this.container.style.display = "block", ut(this.container), this.unreadCount = 0, this.saveUnreadCountToStorage(0), this.updateDocumentTitle(0), this.trigger && (be(this.trigger, 0), Le(this.trigger, !0, this.config.theme), window.innerWidth <= 480 && (this.trigger.style.display = "none")), this.sendMessageToIframe({ type: "OPEN" }));
   }
   close() {
-    this.container && (this.isOpen = !1, oe.trigger("light"), _e(this.config.widgetSlug, !1), this.trigger && (Le(this.trigger, !1, this.config.theme), window.innerWidth <= 480 && (this.trigger.style.display = "")), ht(this.container), this.sendMessageToIframe({ type: "CLOSE" }));
+    this.container && (this.isOpen = !1, ne.trigger("light"), _e(this.config.widgetSlug, !1), this.trigger && (Le(this.trigger, !1, this.config.theme), window.innerWidth <= 480 && (this.trigger.style.display = "")), ht(this.container), this.sendMessageToIframe({ type: "CLOSE" }));
   }
   showTrigger() {
     this.trigger && (this.trigger.style.display = "");
@@ -2284,15 +2291,15 @@ const oe = new Ri(), xt = class ve {
       color: "var(--muted-foreground, #999)",
       borderRadius: "4px"
     }), i.addEventListener("mouseenter", () => {
-      const g = i.querySelector("svg");
-      g && (g.style.opacity = "0.6");
+      const p = i.querySelector("svg");
+      p && (p.style.opacity = "0.6");
     }), i.addEventListener("mouseleave", () => {
-      const g = i.querySelector("svg");
-      g && (g.style.opacity = "0.3");
+      const p = i.querySelector("svg");
+      p && (p.style.opacity = "0.3");
     });
-    const n = 320, r = 700, o = 400;
-    i.addEventListener("dblclick", (g) => {
-      g.stopPropagation(), oe.trigger("light"), window.matchMedia("(prefers-reduced-motion: reduce)").matches || (t.style.willChange = "width, height", t.style.transition = "width 250ms cubic-bezier(0.22, 1, 0.36, 1), height 250ms cubic-bezier(0.22, 1, 0.36, 1), max-height 250ms cubic-bezier(0.22, 1, 0.36, 1)", setTimeout(() => {
+    const o = 320, r = 700, n = 400;
+    i.addEventListener("dblclick", (p) => {
+      p.stopPropagation(), ne.trigger("light"), window.matchMedia("(prefers-reduced-motion: reduce)").matches || (t.style.willChange = "width, height", t.style.transition = "width 250ms cubic-bezier(0.22, 1, 0.36, 1), height 250ms cubic-bezier(0.22, 1, 0.36, 1), max-height 250ms cubic-bezier(0.22, 1, 0.36, 1)", setTimeout(() => {
         t.style.willChange = "", t.style.transition = "width 200ms ease-out, height 200ms ease-out";
       }, 270)), t.style.width = "min(400px, max(0px, -20px + 100vw))", t.style.height = "min(704px, 100% - 104px)", t.style.maxHeight = "704px";
       try {
@@ -2300,42 +2307,42 @@ const oe = new Ri(), xt = class ve {
       } catch {
       }
     });
-    let l = !1, s = 0, u = 0, d = 0, h = 0;
-    i.addEventListener("pointerdown", (g) => {
-      g.stopPropagation(), g.preventDefault(), l = !0, s = g.clientX, u = g.clientY;
-      const w = t.getBoundingClientRect();
-      d = w.width, h = w.height, i.setPointerCapture(g.pointerId), t.style.transition = "none";
-    }), i.addEventListener("pointermove", (g) => {
+    let l = !1, s = 0, m = 0, h = 0, u = 0;
+    i.addEventListener("pointerdown", (p) => {
+      p.stopPropagation(), p.preventDefault(), l = !0, s = p.clientX, m = p.clientY;
+      const g = t.getBoundingClientRect();
+      h = g.width, u = g.height, i.setPointerCapture(p.pointerId), t.style.transition = "none";
+    }), i.addEventListener("pointermove", (p) => {
       if (!l) return;
-      const w = s - g.clientX, y = u - g.clientY, S = parseInt(t.style.right) || 20, b = parseInt(t.style.bottom) || 84, v = Math.min(r, window.innerWidth - S - 20), k = window.innerHeight - b - 20, C = Math.max(n, Math.min(v, d + w)), N = Math.max(o, Math.min(k, h + y));
+      const g = s - p.clientX, y = m - p.clientY, k = parseInt(t.style.right) || 20, b = parseInt(t.style.bottom) || 84, x = Math.min(r, window.innerWidth - k - 20), E = window.innerHeight - b - 20, C = Math.max(o, Math.min(x, h + g)), N = Math.max(n, Math.min(E, u + y));
       t.style.width = `${C}px`, t.style.height = `${N}px`, t.style.maxHeight = `${N}px`;
-    }), i.addEventListener("pointerup", (g) => {
+    }), i.addEventListener("pointerup", (p) => {
       if (!l) return;
-      l = !1, i.releasePointerCapture(g.pointerId), t.style.transition = "";
-      const w = t.getBoundingClientRect();
+      l = !1, i.releasePointerCapture(p.pointerId), t.style.transition = "";
+      const g = t.getBoundingClientRect();
       Ci(this.config.widgetSlug, {
-        width: Math.round(w.width),
-        height: Math.round(w.height)
+        width: Math.round(g.width),
+        height: Math.round(g.height)
       });
     }), t.appendChild(i);
   }
   toggleExpand() {
-    this.container && (oe.trigger("medium"), window.matchMedia("(prefers-reduced-motion: reduce)").matches || (this.container.style.willChange = "width, height", this.container.style.transition = "width 300ms cubic-bezier(0.22, 1, 0.36, 1), height 300ms cubic-bezier(0.22, 1, 0.36, 1), max-height 300ms cubic-bezier(0.22, 1, 0.36, 1), bottom 300ms cubic-bezier(0.22, 1, 0.36, 1)", setTimeout(() => {
+    this.container && (ne.trigger("medium"), window.matchMedia("(prefers-reduced-motion: reduce)").matches || (this.container.style.willChange = "width, height", this.container.style.transition = "width 300ms cubic-bezier(0.22, 1, 0.36, 1), height 300ms cubic-bezier(0.22, 1, 0.36, 1), max-height 300ms cubic-bezier(0.22, 1, 0.36, 1), bottom 300ms cubic-bezier(0.22, 1, 0.36, 1)", setTimeout(() => {
       this.container && (this.container.style.willChange = "", this.container.style.transition = "width 200ms ease-out, height 200ms ease-out");
     }, 320)), this.isExpanded ? (this.container.style.width = "min(400px, max(0px, -20px + 100vw))", this.container.style.height = "min(704px, 100% - 104px)", this.container.style.maxHeight = "704px", this.container.style.bottom = "84px", this.isExpanded = !1) : (this.container.style.width = "min(688px, max(0px, -20px + 100vw))", this.container.style.height = "calc(100% - 40px)", this.container.style.maxHeight = "calc(100% - 40px)", this.container.style.bottom = "20px", this.isExpanded = !0));
   }
   async capturePageScreenshot(t) {
-    var i, n;
+    var i, o;
     try {
-      const r = (i = this.container) == null ? void 0 : i.style.display, o = (n = this.trigger) == null ? void 0 : n.style.display;
+      const r = (i = this.container) == null ? void 0 : i.style.display, n = (o = this.trigger) == null ? void 0 : o.style.display;
       this.container && (this.container.style.display = "none"), this.trigger && (this.trigger.style.display = "none");
       const { snapdom: l } = await import("./snapdom-6yvsn_Iv-6uiY9rZc.js"), s = (await l.toCanvas(document.documentElement, { scale: 1 })).toDataURL("image/png");
-      this.container && (this.container.style.display = r ?? ""), this.trigger && (this.trigger.style.display = o ?? ""), tt(
+      this.container && (this.container.style.display = r ?? ""), this.trigger && (this.trigger.style.display = n ?? ""), tt(
         s,
-        (u) => {
+        (m) => {
           this.sendMessageToIframe({
             type: "PAGE_SCREENSHOT_RESULT",
-            payload: { dataUrl: u }
+            payload: { dataUrl: m }
           });
         },
         () => {
@@ -2347,18 +2354,18 @@ const oe = new Ri(), xt = class ve {
       );
     } catch (r) {
       this.container && (this.container.style.display = ""), this.trigger && (this.trigger.style.display = "");
-      const o = r instanceof Error ? r.message : "Screenshot capture failed";
+      const n = r instanceof Error ? r.message : "Screenshot capture failed";
       this.sendMessageToIframe({
         type: "PAGE_SCREENSHOT_ERROR",
-        payload: { error: o }
+        payload: { error: n }
       });
     }
   }
   updateConfig(t) {
     const i = A({}, this.config);
     t.appUrl !== void 0 && (this.config.appUrl = t.appUrl), t.theme !== void 0 && (this.config.theme = t.theme), t.triggerPosition !== void 0 && (this.config.triggerPosition = t.triggerPosition), t.widgetType !== void 0 && (this.config.widgetType = t.widgetType), t.userToken !== void 0 && (this.config.userToken = t.userToken), t.userEmail !== void 0 && (this.config.userEmail = t.userEmail), t.userSignature !== void 0 && (this.config.userSignature = t.userSignature), t.userData !== void 0 && (this.config.userData = t.userData), t.onOpen !== void 0 && (this.config.onOpen = t.onOpen), t.onClose !== void 0 && (this.config.onClose = t.onClose), t.onError !== void 0 && (this.config.onError = t.onError), t.hideOnLaunch !== void 0 && (this.config.hideOnLaunch = t.hideOnLaunch, this.trigger && (this.trigger.style.display = t.hideOnLaunch ? "none" : "")), t.enableScreenshot !== void 0 && (this.config.enableScreenshot = t.enableScreenshot);
-    const n = t.appUrl !== void 0 && t.appUrl !== i.appUrl, r = t.theme !== void 0 && t.theme !== i.theme;
-    (n || r) && (r && this.sendMessageToIframe({
+    const o = t.appUrl !== void 0 && t.appUrl !== i.appUrl, r = t.theme !== void 0 && t.theme !== i.theme;
+    (o || r) && (r && this.sendMessageToIframe({
       type: "THEME",
       theme: t.theme
     }), this.iframe && (this.widgetUrl = this.buildWidgetUrl(), this.iframe.src = `${this.widgetUrl}?iframeId=${this.iframeId}&theme=${this.config.theme}`)), t.widgetType !== void 0 && t.widgetType !== i.widgetType && this.container && Xe(this.container, this.config), t.triggerPosition !== void 0 && this.trigger && !this.config.selector && (qt(this.trigger, this.config.triggerPosition), this.config.widgetType === "popup" && this.container && Dt(this.container, this.config.triggerPosition, this.config.widgetType)), this.sendMessageToIframe({
@@ -2385,7 +2392,7 @@ const oe = new Ri(), xt = class ve {
    */
   static getInstances(t) {
     const i = Array.from(ve.instances.values());
-    return t !== void 0 ? i.filter((n) => n.config.widgetSlug === t) : i;
+    return t !== void 0 ? i.filter((o) => o.config.widgetSlug === t) : i;
   }
 };
 xt.instances = /* @__PURE__ */ new Map();
@@ -2426,8 +2433,8 @@ const Ni = [
 ];
 function vt(e) {
   const t = {};
-  for (const [i, n] of Object.entries(e))
-    Ni.includes(i) || (t[i] = n);
+  for (const [i, o] of Object.entries(e))
+    Ni.includes(i) || (t[i] = o);
   return e.name !== void 0 && (t.name = e.name), e.phone !== void 0 && (t.phone = e.phone), e.created_at !== void 0 && (t.created_at = e.created_at), e.company !== void 0 && (t.company = e.company), e.companies !== void 0 && (t.companies = e.companies), e.unsubscribed_from_emails !== void 0 && (t.unsubscribed_from_emails = e.unsubscribed_from_emails), {
     widgetSlug: String(e.app_id),
     userEmail: typeof e.email == "string" ? e.email : void 0,
@@ -2465,14 +2472,14 @@ function Fi() {
   if (!e || !e.q) return;
   const t = e.q.slice();
   e.q.length = 0;
-  const i = (...n) => {
-    const [r, ...o] = n;
-    lt(r, ...o);
+  const i = (...o) => {
+    const [r, ...n] = o;
+    lt(r, ...n);
   };
   i.q = [], window.SupportWireMessenger = i;
-  for (const n of t) {
-    const [r, ...o] = n;
-    lt(r, ...o);
+  for (const o of t) {
+    const [r, ...n] = o;
+    lt(r, ...n);
   }
 }
 function lt(e, ...t) {
@@ -2513,7 +2520,7 @@ function ze(e) {
   L && (L.destroy(), L = null);
   const t = vt(e);
   J = e;
-  const i = t.widgetSlug, n = pe;
+  const i = t.widgetSlug, o = pe;
   if (L = new _i({
     widgetSlug: i,
     userEmail: t.userEmail,
@@ -2530,7 +2537,7 @@ function ze(e) {
     onClose: () => {
       for (const r of Fe) r();
     }
-  }), t.userEmail && t.userEmail !== n) {
+  }), t.userEmail && t.userEmail !== o) {
     pe = t.userEmail;
     for (const r of Ee) r();
   }
@@ -2543,15 +2550,15 @@ function kt(e) {
   }
   const t = { ...J ?? {}, ...e }, i = pe;
   J = t;
-  const n = vt(t);
+  const o = vt(t);
   if (L.updateConfig({
-    userEmail: n.userEmail || void 0,
-    userExternalUserId: n.userExternalUserId || void 0,
-    userSignature: n.userSignature || void 0,
-    userData: n.userData,
-    theme: n.theme
-  }), n.userEmail && n.userEmail !== i) {
-    pe = n.userEmail;
+    userEmail: o.userEmail || void 0,
+    userExternalUserId: o.userExternalUserId || void 0,
+    userSignature: o.userSignature || void 0,
+    userData: o.userData,
+    theme: o.theme
+  }), o.userEmail && o.userEmail !== i) {
+    pe = o.userEmail;
     for (const r of Ee) r();
   }
 }
@@ -2613,13 +2620,13 @@ function B(e) {
   };
 }
 const Vi = B("startTour"), Ji = B("showArticle"), Xi = B("showNews"), Qi = B("startSurvey"), Zi = B("startChecklist"), er = B("showTicket"), tr = B("showConversation"), ir = B("showSpace"), rr = B("showMessages");
-function nr(e) {
+function or(e) {
   ze(e);
 }
 export {
-  nr as SupportWire,
+  or as SupportWire,
   ze as boot,
-  nr as default,
+  or as default,
   Yi as getVisitorId,
   Hi as hide,
   qi as hideNotifications,