@_solaris/messenger-widget 0.4.1 → 0.4.3

package/dist/messenger.js

@@ -1,4 +1,4 @@
-import { reactive as Fe, openBlock as c, createElementBlock as u, normalizeStyle as W, normalizeClass as x, toDisplayString as v, resolveComponent as I, createVNode as z, Transition as je, withCtx as Pe, Fragment as L, renderList as j, withKeys as ue, withModifiers as X, createElementVNode as o, createCommentVNode as b, createBlock as R, withDirectives as V, vModelText as Z, createTextVNode as pe, resolveDynamicComponent as De, renderSlot as Ue, vModelCheckbox as $e, vModelSelect as He, markRaw as ye } from "vue";
+import { reactive as Fe, openBlock as c, createElementBlock as u, normalizeStyle as K, normalizeClass as x, toDisplayString as v, resolveComponent as I, createVNode as z, Transition as je, withCtx as Pe, Fragment as L, renderList as j, withKeys as ue, withModifiers as X, createElementVNode as o, createCommentVNode as b, createBlock as R, withDirectives as V, vModelText as ee, createTextVNode as pe, resolveDynamicComponent as De, renderSlot as Ue, vModelCheckbox as $e, vModelSelect as He, markRaw as ye } from "vue";
 const ze = [
   "connected",
   "message",
@@ -6,8 +6,8 @@ const ze = [
   "conversation_updated",
   "config_updated",
   "action_status"
-], be = "/client", qe = 5 * 60 * 1e3, Ve = 10 * 60 * 1e3, We = 5 * 60 * 1e3;
-function Ke(e) {
+], be = "/client", qe = 5 * 60 * 1e3, Ve = 10 * 60 * 1e3, Ke = 5 * 60 * 1e3;
+function We(e) {
   const t = {
     baseUrl: Ge(e.baseUrl || ""),
     widgetId: e.widgetId || "",
@@ -166,7 +166,7 @@ function Ke(e) {
       _ ? { inputs: _ } : {}
     );
   }
-  async function K(d) {
+  async function W(d) {
     const f = (
       /** @type {File} */
       d.name || "attachment"
@@ -191,13 +191,13 @@ function Ke(e) {
       size_bytes: y
     };
   }
-  async function ee(d) {
+  async function te(d) {
     return a(
       "GET",
       `/attachments/sign?path=${encodeURIComponent(d)}`
     );
   }
-  function te() {
+  function ne() {
     const d = new URLSearchParams({
       userId: t.userId,
       userHash: t.userHash,
@@ -208,7 +208,7 @@ function Ke(e) {
   function G() {
     if (!t.eventSource && !(typeof document < "u" && document.hidden))
       try {
-        const d = new EventSource(te());
+        const d = new EventSource(ne());
         for (const f of ze)
           d.addEventListener(f, (_) => Y(f, _.data));
         d.addEventListener(
@@ -250,16 +250,16 @@ function Ke(e) {
     }
   }
   function de() {
-    ne(), !(typeof document < "u" && document.hidden) && (t.pollTimer = setInterval(ce, qe));
+    se(), !(typeof document < "u" && document.hidden) && (t.pollTimer = setInterval(ce, qe));
   }
-  function ne() {
+  function se() {
     t.pollTimer && (clearInterval(t.pollTimer), t.pollTimer = null);
   }
   function h() {
     if (document.hidden)
       clearTimeout(t.hiddenGraceTimer), t.hiddenGraceTimer = setTimeout(() => {
-        t.hiddenGraceTimer = null, document.hidden && (ne(), Q(), r("paused"));
-      }, We);
+        t.hiddenGraceTimer = null, document.hidden && (se(), Q(), r("paused"));
+      }, Ke);
     else {
       if (t.hiddenGraceTimer) {
         clearTimeout(t.hiddenGraceTimer), t.hiddenGraceTimer = null;
@@ -288,7 +288,7 @@ function Ke(e) {
     )), de(), d;
   }
   function p() {
-    ne(), clearTimeout(t.burstTimer), clearTimeout(t.hiddenGraceTimer), t.hiddenGraceTimer = null, Q(), t.visibilityHandler && (document.removeEventListener(
+    se(), clearTimeout(t.burstTimer), clearTimeout(t.hiddenGraceTimer), t.hiddenGraceTimer = null, Q(), t.visibilityHandler && (document.removeEventListener(
       "visibilitychange",
       t.visibilityHandler
     ), t.visibilityHandler = null), t.started = !1;
@@ -310,8 +310,8 @@ function Ke(e) {
     listMessages: D,
     postMessage: N,
     postCallback: $,
-    uploadAttachment: K,
-    signAttachment: ee,
+    uploadAttachment: W,
+    signAttachment: te,
     // Read-only state
     get connection() {
       return t.connection;
@@ -552,7 +552,7 @@ function Xe(e) {
     var F;
     const f = (m || "").trim(), _ = Array.isArray(p) && p.length > 0;
     if (!h || !f && !_) return;
-    const y = Qe(), w = ne(h), S = {
+    const y = Qe(), w = se(h), S = {
       id: y,
       client_msg_id: y,
       conversation_id: h,
@@ -623,7 +623,7 @@ function Xe(e) {
     };
     await T(h, { metadata: _ });
   }
-  function K(h) {
+  function W(h) {
     var p, d;
     const m = t.messagesByConv[h] || [];
     for (let f = m.length - 1; f >= 0; f--) {
@@ -633,7 +633,7 @@ function Xe(e) {
     }
     return null;
   }
-  function ee(h) {
+  function te(h) {
     var p, d, f;
     const m = t.messagesByConv[h] || [];
     for (let _ = m.length - 1; _ >= 0; _--) {
@@ -646,7 +646,7 @@ function Xe(e) {
     }
     return null;
   }
-  function te(h) {
+  function ne(h) {
     const m = t.runningActionsByConv[h];
     if (!m) return null;
     const p = Object.keys(m);
@@ -727,7 +727,7 @@ function Xe(e) {
       f !== void 0 && (d === "name" || d === "email" ? f != null && String(f).trim() !== "" && (m[d] = f) : (d === "values" || d === "metadata") && f && typeof f == "object" ? Object.assign(p, f) : p[d] = f);
     return Object.keys(p).length && (m.values = p), Object.keys(m).length ? m : null;
   }
-  function ne(h) {
+  function se(h) {
     const m = t.messagesByConv[h] || [];
     let p = "";
     for (const _ of m)
@@ -750,10 +750,10 @@ function Xe(e) {
     clickCallback: M,
     signAttachment: N,
     submitFeedback: $,
-    getPendingApproval: K,
-    getActionInFlight: te,
+    getPendingApproval: W,
+    getActionInFlight: ne,
     getLatestSuggestions: G,
-    getLatestForm: ee,
+    getLatestForm: te,
     // Pass-through for panel open/close (controls SSE burst).
     setPanelOpen: e.setPanelOpen
   };
@@ -1644,7 +1644,7 @@ const E = (e, t) => {
 function bt(e, t, n, i, r, s) {
   return c(), u("div", {
     class: x(["wm-huav", { "wm-huav--tail": n.tail }]),
-    style: W({
+    style: K({
       width: n.size + "px",
       height: n.size + "px",
       "--wm-avr": Math.round(n.size * 0.32) + "px",
@@ -1657,7 +1657,7 @@ function bt(e, t, n, i, r, s) {
       alt: n.name || ""
     }, null, 8, yt)) : (c(), u("span", {
       key: 1,
-      style: W({ fontSize: n.size * 0.36 + "px" })
+      style: K({ fontSize: n.size * 0.36 + "px" })
     }, v(s.initials), 5))
   ], 6);
 }
@@ -1700,7 +1700,7 @@ function Ft(e, t, n, i, r, s) {
           (c(!0), u(L, null, j(s.visiblePeeks, (l, g) => (c(), u("div", {
             key: l.convId,
             class: "wm-peek",
-            style: W({
+            style: K({
               "--depth": s.visiblePeeks.length - 1 - g,
               zIndex: g + 1
             }),
@@ -1814,7 +1814,7 @@ const jt = /* @__PURE__ */ E(kt, [["render", Ft], ["__scopeId", "data-v-5193a529
 function $t(e, t, n, i, r, s) {
   return c(), u("div", {
     class: x(["wm-aiav", { "wm-aiav--tail": n.tail }]),
-    style: W({
+    style: K({
       width: n.size + "px",
       height: n.size + "px",
       "--wm-avr": n.size * 0.32 + "px"
@@ -1879,20 +1879,20 @@ const le = /* @__PURE__ */ E(Pt, [["render", $t], ["__scopeId", "data-v-d621a129
 }, zt = {
   key: 0,
   class: "wm-team"
-}, qt = ["src", "alt"], Vt = { key: 1 }, Wt = {
+}, qt = ["src", "alt"], Vt = { key: 1 }, Kt = {
   key: 0,
   class: "wm-team__label"
 };
-function Kt(e, t, n, i, r, s) {
+function Wt(e, t, n, i, r, s) {
   return s.visible ? (c(), u("div", zt, [
     o("div", {
       class: "wm-team__stack",
-      style: W({ width: s.stackWidth + "px" })
+      style: K({ width: s.stackWidth + "px" })
     }, [
       (c(!0), u(L, null, j(n.members.slice(0, 3), (a, l) => (c(), u("div", {
         key: l,
         class: "wm-team__pill",
-        style: W({
+        style: K({
           left: l * 13 + "px",
           zIndex: 3 - l,
           background: s.colorFor(a)
@@ -1905,10 +1905,10 @@ function Kt(e, t, n, i, r, s) {
         }, null, 8, qt)) : (c(), u("span", Vt, v(s.initialsFor(a)), 1))
       ], 4))), 128))
     ], 4),
-    n.responseLabel ? (c(), u("span", Wt, v(n.responseLabel), 1)) : b("", !0)
+    n.responseLabel ? (c(), u("span", Kt, v(n.responseLabel), 1)) : b("", !0)
   ])) : b("", !0);
 }
-const Gt = /* @__PURE__ */ E(Ht, [["render", Kt], ["__scopeId", "data-v-e49a9063"]]), Yt = {
+const Gt = /* @__PURE__ */ E(Ht, [["render", Wt], ["__scopeId", "data-v-e49a9063"]]), Yt = {
   name: "WmHeader",
   components: { AIAvatar: le, TeamAvatars: Gt },
   inject: {
@@ -2321,7 +2321,7 @@ function $n(e, t, n, i, r, s) {
           placeholder: s.t("onboarding.search"),
           "aria-label": s.t("onboarding.search")
         }, null, 8, In), [
-          [Z, r.query]
+          [ee, r.query]
         ])
       ]),
       o("div", En, [
@@ -2403,7 +2403,7 @@ const qn = {
 }, Vn = {
   class: "wm-result__icon",
   "aria-hidden": "true"
-}, Wn = {
+}, Kn = {
   key: 0,
   width: "11",
   height: "11",
@@ -2413,7 +2413,7 @@ const qn = {
   "stroke-width": "2.8",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, Kn = {
+}, Wn = {
   key: 1,
   width: "11",
   height: "11",
@@ -2449,9 +2449,9 @@ function Zn(e, t, n, i, r, s) {
     class: x(["wm-result", `wm-result--${n.state}`])
   }, [
     o("span", Vn, [
-      n.state === "success" ? (c(), u("svg", Wn, [...t[0] || (t[0] = [
+      n.state === "success" ? (c(), u("svg", Kn, [...t[0] || (t[0] = [
         o("path", { d: "M20 6L9 17l-5-5" }, null, -1)
-      ])])) : n.state === "rejected" ? (c(), u("svg", Kn, [...t[1] || (t[1] = [
+      ])])) : n.state === "rejected" ? (c(), u("svg", Wn, [...t[1] || (t[1] = [
         o("path", { d: "M18 6L6 18M6 6l12 12" }, null, -1)
       ])])) : n.state === "awaiting" ? (c(), u("svg", Gn, [...t[2] || (t[2] = [
         o("circle", {
@@ -2900,7 +2900,7 @@ const $s = /* @__PURE__ */ E(Ds, [["render", Us]]), Hs = {
       this.url || e.preventDefault();
     }
   }
-}, zs = ["href"], qs = ["src", "alt"], Vs = ["src"], Ws = ["src"], Ks = ["href", "download"], Gs = { class: "wm-att__main" }, Ys = { class: "wm-att__name" }, Qs = {
+}, zs = ["href"], qs = ["src", "alt"], Vs = ["src"], Ks = ["src"], Ws = ["href", "download"], Gs = { class: "wm-att__main" }, Ys = { class: "wm-att__name" }, Qs = {
   key: 0,
   class: "wm-att__meta"
 }, Xs = {
@@ -2934,7 +2934,7 @@ function Js(e, t, n, i, r, s) {
       src: r.url,
       controls: "",
       preload: "metadata"
-    }, null, 8, Ws)) : (c(), u("a", {
+    }, null, 8, Ks)) : (c(), u("a", {
       key: 3,
       class: "wm-att__file",
       href: r.url || "#",
@@ -2964,7 +2964,7 @@ function Js(e, t, n, i, r, s) {
         s.sizeLabel ? (c(), u("span", Qs, v(s.sizeLabel), 1)) : b("", !0)
       ]),
       r.loading ? (c(), u("span", Xs)) : b("", !0)
-    ], 8, Ks))
+    ], 8, Ws))
   ], 2);
 }
 const Zs = /* @__PURE__ */ E(Hs, [["render", Js], ["__scopeId", "data-v-afc7b0d3"]]), er = {
@@ -2998,7 +2998,7 @@ function ar(e, t, n, i, r, s) {
   ])]);
 }
 const or = /* @__PURE__ */ E(rr, [["render", ar], ["__scopeId", "data-v-df2447fd"]]);
-function se(e) {
+function Z(e) {
   return e ? e.client_msg_id || e.id : "";
 }
 const lr = {
@@ -3079,7 +3079,7 @@ const lr = {
           if (((n = a == null ? void 0 : a.payload) == null ? void 0 : n.event) === "action_admin_pending") {
             const k = e[e.length - 1];
             k && k.role === "ai" ? k.messages.push(a) : e.push({
-              key: `g-${se(a)}`,
+              key: `g-${Z(a)}`,
               role: "ai",
               agentName: "",
               agentAvatarUrl: null,
@@ -3089,7 +3089,7 @@ const lr = {
             continue;
           }
           e.push({
-            key: `sys-${se(a)}`,
+            key: `sys-${Z(a)}`,
             role: l,
             messages: [a],
             items: [],
@@ -3099,7 +3099,7 @@ const lr = {
         }
         const g = e[e.length - 1];
         g && g.role === l && (l === "ai" || g.agentName === (((i = a == null ? void 0 : a.author) == null ? void 0 : i.name) || "")) ? g.messages.push(a) : e.push({
-          key: `g-${se(a)}`,
+          key: `g-${Z(a)}`,
           role: l,
           agentName: ((r = a == null ? void 0 : a.author) == null ? void 0 : r.name) || "",
           agentAvatarUrl: ((s = a == null ? void 0 : a.author) == null ? void 0 : s.avatar_url) || null,
@@ -3124,6 +3124,8 @@ const lr = {
         }
         t.push(a);
       }
+      for (const a of t)
+        a.role !== "system" && (a.key = this.stableGroupKey(a.messages));
       return t;
     },
     // Key of the first non-user group that starts after the unread
@@ -3145,6 +3147,9 @@ const lr = {
   },
   watch: {
     messages: { handler: "snapshotAndRestore", deep: !0 },
+    conversationId(e, t) {
+      e !== t && (this._groupIdByMsgKey = null);
+    },
     loadingMore(e) {
       e || (this._pendingLoadMore = !1), this.silentFades = !0, clearTimeout(this._silenceTimer), e || (this._silenceTimer = setTimeout(() => {
         this.silentFades = !1;
@@ -3163,7 +3168,31 @@ const lr = {
     this.scheduleMeasure();
   },
   methods: {
-    messageKey: se,
+    messageKey: Z,
+    // Resolve a stable Vue :key for a non-system group by checking if
+    // any of its messages were previously part of a group we'd already
+    // assigned an id to; if so, reuse that id, otherwise mint a new
+    // one. Keyed by `messageKey(m)` (client_msg_id || id) — stable
+    // across the optimistic→persisted swap. Reset on conv switch by
+    // the `conversationId` watcher.
+    stableGroupKey(e) {
+      this._groupIdByMsgKey || (this._groupIdByMsgKey = /* @__PURE__ */ new Map(), this._groupIdCounter = 0);
+      const t = this._groupIdByMsgKey;
+      let n = null;
+      for (const i of e) {
+        const r = Z(i);
+        if (r && t.has(r)) {
+          n = t.get(r);
+          break;
+        }
+      }
+      n == null && (n = ++this._groupIdCounter);
+      for (const i of e) {
+        const r = Z(i);
+        r && t.set(r, n);
+      }
+      return `g-${n}`;
+    },
     isAtBottom(e) {
       return e.scrollHeight - e.scrollTop - e.clientHeight <= cr;
     },
@@ -3353,10 +3382,10 @@ const lr = {
     //   adjacent à une `bubble`) : mon coin déborde le voisin et
     //   doit garder son arrondi.
     cornersFor(e, t) {
-      var ee, te, G;
-      const n = e.items, i = (ee = n[t]) == null ? void 0 : ee.kind, r = (te = n[t - 1]) == null ? void 0 : te.kind, s = (G = n[t + 1]) == null ? void 0 : G.kind, a = e.role === "user", l = 14, g = 4, C = r == null ? void 0 : r.bottom, k = s == null ? void 0 : s.top, T = this.widthByKey[this.rowKeyOf(e, t)], B = this.widthByKey[this.rowKeyOf(e, t - 1)], A = this.widthByKey[this.rowKeyOf(e, t + 1)], H = 0.5, M = (Y, Q, q) => Y != null && T != null ? Y + H >= T : Q === q || Q === "card" && q === "bubble";
-      let D = l, N = l, $ = l, K = l;
-      return a ? (C && (N = g), (k || !s) && ($ = g), C && M(B, C, i == null ? void 0 : i.top) && (D = g), k && M(A, k, i == null ? void 0 : i.bottom) && (K = g)) : (C && (D = g), (k || !s) && (K = g), C && M(B, C, i == null ? void 0 : i.top) && (N = g), k && M(A, k, i == null ? void 0 : i.bottom) && ($ = g)), { tl: D, tr: N, br: $, bl: K };
+      var te, ne, G;
+      const n = e.items, i = (te = n[t]) == null ? void 0 : te.kind, r = (ne = n[t - 1]) == null ? void 0 : ne.kind, s = (G = n[t + 1]) == null ? void 0 : G.kind, a = e.role === "user", l = 14, g = 4, C = r == null ? void 0 : r.bottom, k = s == null ? void 0 : s.top, T = this.widthByKey[this.rowKeyOf(e, t)], B = this.widthByKey[this.rowKeyOf(e, t - 1)], A = this.widthByKey[this.rowKeyOf(e, t + 1)], H = 0.5, M = (Y, Q, q) => Y != null && T != null ? Y + H >= T : Q === q || Q === "card" && q === "bubble";
+      let D = l, N = l, $ = l, W = l;
+      return a ? (C && (N = g), (k || !s) && ($ = g), C && M(B, C, i == null ? void 0 : i.top) && (D = g), k && M(A, k, i == null ? void 0 : i.bottom) && (W = g)) : (C && (D = g), (k || !s) && (W = g), C && M(B, C, i == null ? void 0 : i.top) && (N = g), k && M(A, k, i == null ? void 0 : i.bottom) && ($ = g)), { tl: D, tr: N, br: $, bl: W };
     },
     // Inline style emitting the four corner CSS variables. Set on
     // `.wm-list__row` so they cascade to Bubble/ActionResult/
@@ -3377,7 +3406,7 @@ const lr = {
     rowKeyOf(e, t) {
       var i;
       const n = (i = e == null ? void 0 : e.items) == null ? void 0 : i[t];
-      return n ? `${se(n.message)}-${n.partKey}` : "";
+      return n ? `${Z(n.message)}-${n.partKey}` : "";
     },
     // rAF-debouncé : `updated()` peut être appelé en rafale (stream,
     // typing, scroll), un seul flush layout par frame suffit.
@@ -3553,7 +3582,7 @@ function Or(e, t, n, i, r, s) {
                 "is-failed": M.message._failed
               }
             ]]),
-            style: W(s.cornersStyle(A, D))
+            style: K(s.cornersStyle(A, D))
           }, [
             A.role !== "user" ? (c(), u("div", kr, [
               D === A.items.length - 1 ? (c(), u(L, { key: 0 }, [
@@ -3629,7 +3658,7 @@ function Or(e, t, n, i, r, s) {
     ])) : b("", !0)
   ], 34);
 }
-const Lr = /* @__PURE__ */ E(ur, [["render", Or], ["__scopeId", "data-v-ced149e1"]]), he = typeof navigator < "u" && !!navigator.mediaDevices && typeof navigator.mediaDevices.getDisplayMedia == "function", ve = typeof window < "u" && typeof window.MediaRecorder < "u";
+const Lr = /* @__PURE__ */ E(ur, [["render", Or], ["__scopeId", "data-v-499ea569"]]), he = typeof navigator < "u" && !!navigator.mediaDevices && typeof navigator.mediaDevices.getDisplayMedia == "function", ve = typeof window < "u" && typeof window.MediaRecorder < "u";
 function Ir() {
   return ve && [
     "video/webm;codecs=vp9,opus",
@@ -3911,7 +3940,7 @@ const Nr = [
   width: "14",
   height: "14",
   "aria-hidden": "true"
-}, qr = ["d"], Vr = ["placeholder", "disabled"], Wr = { class: "wm-compose__actions" }, Kr = ["title", "aria-label", "disabled"], Gr = ["disabled", "aria-label"];
+}, qr = ["d"], Vr = ["placeholder", "disabled"], Kr = { class: "wm-compose__actions" }, Wr = ["title", "aria-label", "disabled"], Gr = ["disabled", "aria-label"];
 function Yr(e, t, n, i, r, s) {
   return c(), u("div", jr, [
     r.recording ? (c(), u("div", Pr, [
@@ -3975,9 +4004,9 @@ function Yr(e, t, n, i, r, s) {
         onKeydown: t[4] || (t[4] = (...a) => s.onKeydown && s.onKeydown(...a)),
         onInput: t[5] || (t[5] = (...a) => s.autosize && s.autosize(...a))
       }, null, 40, Vr), [
-        [Z, r.local]
+        [ee, r.local]
       ]),
-      o("div", Wr, [
+      o("div", Kr, [
         o("button", {
           type: "button",
           class: x(["wm-compose__icon", { "is-open": r.attachOpen }]),
@@ -3999,7 +4028,7 @@ function Yr(e, t, n, i, r, s) {
           }, [
             o("path", { d: "M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48" })
           ], -1)
-        ])], 10, Kr),
+        ])], 10, Wr),
         o("button", {
           type: "submit",
           class: x(["wm-compose__send", { "is-empty": !s.canSend }]),
@@ -4051,7 +4080,7 @@ function Zr(e, t, n, i, r, s) {
       key: l,
       type: "button",
       class: "wm-chip",
-      style: W({ animationDelay: n.baseDelay + l * n.stepDelay + "ms" }),
+      style: K({ animationDelay: n.baseDelay + l * n.stepDelay + "ms" }),
       onClick: (g) => e.$emit("select", a)
     }, v(a.label), 13, Jr))), 128))
   ])) : b("", !0);
@@ -4285,7 +4314,7 @@ function Fi(e, t, n, i, r, s) {
           required: l.required,
           disabled: n.readOnly || r.busy
         }, null, 8, wi)), [
-          [Z, r.values[l.key]]
+          [ee, r.values[l.key]]
         ]) : l.type === "textarea" ? V((c(), u("textarea", {
           key: 1,
           id: `wm-f-${r._uid}-${l.key}`,
@@ -4296,7 +4325,7 @@ function Fi(e, t, n, i, r, s) {
           required: l.required,
           disabled: n.readOnly || r.busy
         }, null, 8, ki)), [
-          [Z, r.values[l.key]]
+          [ee, r.values[l.key]]
         ]) : l.type === "number" ? V((c(), u("input", {
           key: 2,
           id: `wm-f-${r._uid}-${l.key}`,
@@ -4308,7 +4337,7 @@ function Fi(e, t, n, i, r, s) {
           disabled: n.readOnly || r.busy
         }, null, 8, Ci)), [
           [
-            Z,
+            ee,
             r.values[l.key],
             void 0,
             { number: !0 }
@@ -4322,7 +4351,7 @@ function Fi(e, t, n, i, r, s) {
           required: l.required,
           disabled: n.readOnly || r.busy
         }, null, 8, Ai)), [
-          [Z, r.values[l.key]]
+          [ee, r.values[l.key]]
         ]) : l.type === "boolean" ? (c(), u("label", Si, [
           V(o("input", {
             id: `wm-f-${r._uid}-${l.key}`,
@@ -4415,13 +4444,13 @@ const ji = /* @__PURE__ */ E(hi, [["render", Fi], ["__scopeId", "data-v-75332dad
       !this.sel || this.busy || this.$emit("submit", { rating: this.sel });
     }
   }
-}, Di = { class: "wm-fb" }, Ui = { class: "wm-fb__title" }, $i = { class: "wm-fb__sub" }, Hi = { class: "wm-fb__row" }, zi = ["onClick"], qi = { class: "wm-fb__emoji" }, Vi = { class: "wm-fb__label" }, Wi = ["disabled"], Ki = {
+}, Di = { class: "wm-fb" }, Ui = { class: "wm-fb__title" }, $i = { class: "wm-fb__sub" }, Hi = { class: "wm-fb__row" }, zi = ["onClick"], qi = { class: "wm-fb__emoji" }, Vi = { class: "wm-fb__label" }, Ki = ["disabled"], Wi = {
   key: 1,
   class: "wm-fb__done"
 }, Gi = { class: "wm-fb__doneTitle" }, Yi = { class: "wm-fb__doneSub" };
 function Qi(e, t, n, i, r, s) {
   return c(), u("div", Di, [
-    n.done ? (c(), u("div", Ki, [
+    n.done ? (c(), u("div", Wi, [
       t[1] || (t[1] = o("div", { class: "wm-fb__check" }, [
         o("svg", {
           width: "16",
@@ -4458,7 +4487,7 @@ function Qi(e, t, n, i, r, s) {
         class: "wm-fb__send",
         disabled: !r.sel || n.busy,
         onClick: t[0] || (t[0] = (...a) => s.onSend && s.onSend(...a))
-      }, v(n.busy ? s.t("common.sending") : s.t("feedback.submit")), 9, Wi)
+      }, v(n.busy ? s.t("common.sending") : s.t("feedback.submit")), 9, Ki)
     ], 64))
   ]);
 }
@@ -4772,7 +4801,7 @@ function Ca(e, t, n, i, r, s) {
             t[4] || (t[4] = ue(X((a) => e.$emit("close"), ["prevent"]), ["esc"]))
           ]
         }, null, 40, ba), [
-          [Z, r.value]
+          [ee, r.value]
         ])
       ]),
       o("div", wa, [
@@ -5371,7 +5400,7 @@ const Aa = /* @__PURE__ */ E(ma, [["render", Ca], ["__scopeId", "data-v-6d5f94a8
       }
       try {
         this.transport = ye(
-          Ke({
+          We({
             baseUrl: this.baseUrl,
             widgetId: this.widgetId,
             userId: this.userId,
@@ -5673,7 +5702,7 @@ function Pa(e, t, n, i, r, s) {
     r.isOpen || s.isEmbedded ? (c(), u("section", {
       key: 1,
       class: x(["wm-panel", `wm-panel--${n.displayMode}`]),
-      style: W(r.floatHeight ? { "--wm-float-h": r.floatHeight + "px" } : null),
+      style: K(r.floatHeight ? { "--wm-float-h": r.floatHeight + "px" } : null),
       role: "dialog",
       "aria-label": "Messenger"
     }, [
@@ -5836,7 +5865,7 @@ function Pa(e, t, n, i, r, s) {
               o("button", {
                 type: "button",
                 "aria-label": s.t("attachment.remove"),
-                onClick: (K) => r.pendingAttachments.splice($, 1)
+                onClick: (W) => r.pendingAttachments.splice($, 1)
               }, [...t[9] || (t[9] = [
                 o("svg", {
                   width: "10",
@@ -5882,7 +5911,7 @@ function Pa(e, t, n, i, r, s) {
     ], 6)) : b("", !0)
   ], 2);
 }
-const $a = /* @__PURE__ */ E(Sa, [["render", Pa], ["__scopeId", "data-v-d9dce1ad"]]), Ha = "0.4.1";
+const $a = /* @__PURE__ */ E(Sa, [["render", Pa], ["__scopeId", "data-v-d9dce1ad"]]), Ha = "0.4.3";
 export {
   le as AIAvatar,
   fe as AVATAR_COLORS,
@@ -5919,7 +5948,7 @@ export {
   U as colors,
   Xe as createStore,
   P as createTranslator,
-  Ke as createTransport,
+  We as createTransport,
   oe as dateLocale,
   $a as default,
   Le as formatTime,