@_solaris/messenger-widget 0.6.17 → 0.6.18

package/dist/messenger.js

@@ -1,4 +1,4 @@
-import { reactive as We, openBlock as c, createElementBlock as d, normalizeStyle as N, normalizeClass as R, toDisplayString as y, resolveComponent as P, createVNode as K, Transition as Ae, withCtx as Se, Fragment as I, renderList as D, withKeys as _e, withModifiers as G, createElementVNode as l, createCommentVNode as b, createBlock as E, resolveDynamicComponent as Te, mergeProps as je, withDirectives as $, vModelText as ee, createTextVNode as Me, renderSlot as $e, vModelCheckbox as Ge, vModelSelect as Ye, markRaw as Be } from "vue";
+import { reactive as We, openBlock as c, createElementBlock as d, normalizeStyle as N, normalizeClass as R, toDisplayString as y, resolveComponent as P, createVNode as K, Transition as Ae, withCtx as Se, Fragment as B, renderList as D, withKeys as _e, withModifiers as G, createElementVNode as l, createCommentVNode as b, createBlock as E, resolveDynamicComponent as Te, mergeProps as je, withDirectives as $, vModelText as ee, createTextVNode as Me, renderSlot as $e, vModelCheckbox as Ge, vModelSelect as Ye, markRaw as Ie } from "vue";
 const Je = [
   "connected",
   "message",
@@ -141,7 +141,7 @@ function tt(e) {
   }
   async function k() {
     try {
-      const u = await B();
+      const u = await I();
       t.lastActivityAt = u.reduce((g, p) => {
         const L = p == null ? void 0 : p.last_message_at;
         return L && (!g || L > g) ? L : g;
@@ -158,7 +158,7 @@ function tt(e) {
     const g = await a("PATCH", "/customers/me", u);
     return (g == null ? void 0 : g.customer) ?? null;
   }
-  async function B() {
+  async function I() {
     const u = await a("GET", "/conversations");
     return (u == null ? void 0 : u.conversations) ?? [];
   }
@@ -281,7 +281,7 @@ function tt(e) {
   }
   async function pe() {
     try {
-      const u = await B(), g = u.reduce((L, O) => {
+      const u = await I(), g = u.reduce((L, O) => {
         const V = O == null ? void 0 : O.last_message_at;
         return V && (!L || V > L) ? V : L;
       }, null);
@@ -340,7 +340,7 @@ function tt(e) {
     // REST
     getCustomer: v,
     patchCustomer: T,
-    listConversations: B,
+    listConversations: I,
     createConversation: S,
     getConversation: z,
     patchConversation: M,
@@ -552,7 +552,7 @@ function it(e) {
     const _ = await e.patchConversation(h, m), w = t.conversations.findIndex((A) => A.id === h);
     w !== -1 && (t.conversations[w] = _);
   }
-  async function B(h) {
+  async function I(h) {
     if (!h) return [];
     const m = t.messagesByConv[h] || [];
     let _ = "";
@@ -774,7 +774,7 @@ function it(e) {
     createConversation: a,
     openConversation: f,
     loadMore: k,
-    fetchSinceLast: B,
+    fetchSinceLast: I,
     patchConversation: T,
     markConversationRead: S,
     send: z,
@@ -872,7 +872,7 @@ const at = `
 function ut(e) {
   return typeof e != "string" || !e || e.length > 64 ? !1 : ct.test(e) || dt.test(e) || lt.test(e);
 }
-function Ie(e) {
+function Be(e) {
   if (typeof e != "string" || !e || e.length > 2048 || /["'()\\;\s<>]/.test(e)) return null;
   let t;
   try {
@@ -1278,10 +1278,10 @@ function _t(e) {
         if (!S) break;
         v.push(S[1]), r++;
       }
-      const T = v.map((S) => `<li>${de(S)}</li>`).join(""), B = k !== 1 ? ` start="${k}"` : "";
+      const T = v.map((S) => `<li>${de(S)}</li>`).join(""), I = k !== 1 ? ` start="${k}"` : "";
       s.push({
         type: "block",
-        html: `<ol class="wm-md-ol"${B}>${T}</ol>`
+        html: `<ol class="wm-md-ol"${I}>${T}</ol>`
       });
       continue;
     }
@@ -1884,7 +1884,7 @@ const ye = /* @__PURE__ */ F(St, [["render", Mt], ["__scopeId", "data-v-14e10c0d
       return this.peeks.slice(0, xt).reverse();
     }
   }
-}, Rt = ["aria-label", "onClick", "onKeydown"], Lt = ["aria-label", "onClick"], Bt = { class: "wm-peek__avatar" }, It = ["aria-label"], Et = { class: "wm-peek__body" }, Pt = { class: "wm-peek__head" }, Ft = { class: "wm-peek__name" }, Ut = { class: "wm-peek__action" }, Dt = { class: "wm-peek__text" }, Nt = ["onClick"], Ht = ["aria-label"], jt = ["aria-label"];
+}, Rt = ["aria-label", "onClick", "onKeydown"], Lt = ["aria-label", "onClick"], It = { class: "wm-peek__avatar" }, Bt = ["aria-label"], Et = { class: "wm-peek__body" }, Pt = { class: "wm-peek__head" }, Ft = { class: "wm-peek__name" }, Ut = { class: "wm-peek__action" }, Dt = { class: "wm-peek__text" }, Nt = ["onClick"], Ht = ["aria-label"], jt = ["aria-label"];
 function zt(e, t, s, r, i, n) {
   const a = P("HumanAvatar");
   return c(), d("div", {
@@ -1900,7 +1900,7 @@ function zt(e, t, s, r, i, n) {
           key: 0,
           class: R(["wm-peekStack", { "wm-peekStack--multi": n.visiblePeeks.length > 1 }])
         }, [
-          (c(!0), d(I, null, D(n.visiblePeeks, (o, f) => (c(), d("div", {
+          (c(!0), d(B, null, D(n.visiblePeeks, (o, f) => (c(), d("div", {
             key: o.convId,
             class: "wm-peek",
             style: N({
@@ -1938,7 +1938,7 @@ function zt(e, t, s, r, i, n) {
                 l("path", { d: "M18 6L6 18M6 6l12 12" })
               ], -1)
             ])], 8, Lt),
-            l("div", Bt, [
+            l("div", It, [
               K(a, {
                 name: o.senderName,
                 "avatar-url": o.senderAvatarUrl,
@@ -1948,7 +1948,7 @@ function zt(e, t, s, r, i, n) {
                 key: 0,
                 class: "wm-peek__avatarBadge",
                 "aria-label": n.t("launcher.unreadMessages", { count: o.count })
-              }, y(o.count > 9 ? "9+" : o.count), 9, It)) : b("", !0)
+              }, y(o.count > 9 ? "9+" : o.count), 9, Bt)) : b("", !0)
             ]),
             l("div", Et, [
               l("div", Pt, [
@@ -2124,7 +2124,7 @@ function en(e, t, s, r, i, n) {
       class: "wm-team__stack",
       style: N({ width: n.stackWidth + "px" })
     }, [
-      (c(!0), d(I, null, D(s.members.slice(0, 3), (a, o) => (c(), d("div", {
+      (c(!0), d(B, null, D(s.members.slice(0, 3), (a, o) => (c(), d("div", {
         key: o,
         class: "wm-team__pill",
         style: N({
@@ -2213,7 +2213,7 @@ function fn(e, t, s, r, i, n) {
         l("path", { d: "M19 12H5M12 5l-7 7 7 7" })
       ], -1)
     ])], 8, rn)) : (c(), d("div", an)),
-    s.showIdentity ? (c(), d(I, { key: 2 }, [
+    s.showIdentity ? (c(), d(B, { key: 2 }, [
       l("div", on, [
         K(a, {
           size: 30,
@@ -2362,7 +2362,7 @@ const _n = /* @__PURE__ */ F(nn, [["render", fn], ["__scopeId", "data-v-27232009
     // safety check as the quick-link icons (cf. safeIconUrl) so a
     // malformed config can't inject CSS into the background declaration.
     safeCoverUrl() {
-      return Ie(this.coverImageUrl);
+      return Be(this.coverImageUrl);
     },
     hasCover() {
       return !!this.safeCoverUrl;
@@ -2390,10 +2390,17 @@ const _n = /* @__PURE__ */ F(nn, [["render", fn], ["__scopeId", "data-v-27232009
     // freeze the state during a launch so the commit sequence isn't
     // disturbed by the input losing focus.
     onInputFocus() {
-      this.launchPhase === "idle" && (this.inputFocused = !0);
+      this.launchPhase === "idle" && (this.inputFocused = !0, this.$nextTick(() => this.autosize()));
     },
     onInputBlur() {
-      this.launchPhase === "idle" && (this.inputFocused = !1);
+      this.launchPhase === "idle" && (this.inputFocused = !1, this.$nextTick(() => this.autosize()));
+    },
+    // Grow the input with its content (mirrors the chat composer). The
+    // `min-height` from the rest/expanded state acts as the floor; this
+    // lets a multi-line draft push the pill taller up to the CSS cap.
+    autosize() {
+      const e = this.$refs.starterInput;
+      !e || e.clientWidth < 40 || (e.style.height = "auto", e.style.height = `${e.scrollHeight}px`);
     },
     // Launch choreography, in two beats:
     //   1. 'fade'  — hero, alerts and quick-link buttons fade out,
@@ -2443,7 +2450,7 @@ const _n = /* @__PURE__ */ F(nn, [["render", fn], ["__scopeId", "data-v-27232009
     // on the masked-glyph span and as the source of `--icon-url`
     // (cf. iconUrlStyle).
     safeIconUrl(e) {
-      return Ie(e == null ? void 0 : e.icon_url);
+      return Be(e == null ? void 0 : e.icon_url);
     },
     // Inline style exposing the link's icon_url as a CSS custom
     // property — only when the URL passes the safety gate, so a
@@ -2528,10 +2535,10 @@ const _n = /* @__PURE__ */ F(nn, [["render", fn], ["__scopeId", "data-v-27232009
 }, Sn = ["aria-label"], Tn = { class: "wm-onb__alert-body" }, Mn = { class: "wm-onb__alert-title" }, xn = { class: "wm-onb__alert-preview" }, On = {
   key: 0,
   class: "wm-onb__alert-sender"
-}, Rn = ["innerHTML"], Ln = { class: "wm-onb__alert-meta" }, Bn = {
+}, Rn = ["innerHTML"], Ln = { class: "wm-onb__alert-meta" }, In = {
   key: 0,
   class: "wm-onb__alert-time"
-}, In = { class: "wm-onb__alert-resume" }, En = { class: "wm-onb__actions" }, Pn = ["onClick"], Fn = { class: "wm-onb__btn-icon" }, Un = ["aria-label"], Dn = {
+}, Bn = { class: "wm-onb__alert-resume" }, En = { class: "wm-onb__actions" }, Pn = ["onClick"], Fn = { class: "wm-onb__btn-icon" }, Un = ["aria-label"], Dn = {
   key: 1,
   width: "18",
   height: "18",
@@ -2599,7 +2606,7 @@ function Xn(e, t, s, r, i, n) {
         role: "img",
         "aria-label": n.heroTitle
       }, null, 12, yn)) : b("", !0),
-      n.hasCover ? b("", !0) : (c(), d("svg", vn, [...t[6] || (t[6] = [
+      n.hasCover ? b("", !0) : (c(), d("svg", vn, [...t[7] || (t[7] = [
         l("circle", {
           cx: "170",
           cy: "10",
@@ -2636,7 +2643,7 @@ function Xn(e, t, s, r, i, n) {
       ])
     ], 2),
     n.unreadThreads.length ? (c(), d("div", kn, [
-      (c(!0), d(I, null, D(n.unreadThreads, (o) => (c(), d("button", {
+      (c(!0), d(B, null, D(n.unreadThreads, (o) => (c(), d("button", {
         key: o.id,
         type: "button",
         class: "wm-onb__alert",
@@ -2645,7 +2652,7 @@ function Xn(e, t, s, r, i, n) {
         l("span", {
           class: R(["wm-onb__alert-avatar", n.avatarWrapperClass(o)])
         }, [
-          n.isDefaultAvatar(o) ? (c(), d("span", An, [...t[7] || (t[7] = [
+          n.isDefaultAvatar(o) ? (c(), d("span", An, [...t[8] || (t[8] = [
             l("svg", {
               width: "20",
               height: "20",
@@ -2678,13 +2685,13 @@ function Xn(e, t, s, r, i, n) {
           ])
         ]),
         l("span", Ln, [
-          n.formatTs(o._ts) ? (c(), d("span", Bn, y(n.formatTs(o._ts)), 1)) : b("", !0),
-          l("span", In, y(n.t("onboarding.resume")), 1)
+          n.formatTs(o._ts) ? (c(), d("span", In, y(n.formatTs(o._ts)), 1)) : b("", !0),
+          l("span", Bn, y(n.t("onboarding.resume")), 1)
         ])
       ], 8, Cn))), 128))
     ])) : b("", !0),
     l("div", En, [
-      (c(!0), d(I, null, D(s.quickLinks, (o, f) => (c(), d("button", {
+      (c(!0), d(B, null, D(s.quickLinks, (o, f) => (c(), d("button", {
         key: "ql-" + f,
         type: "button",
         class: "wm-onb__btn",
@@ -2704,7 +2711,7 @@ function Xn(e, t, s, r, i, n) {
           ]))
         ]),
         l("span", Hn, y(o.label), 1),
-        n.isExternalLink(o) ? (c(), d("svg", jn, [...t[8] || (t[8] = [
+        n.isExternalLink(o) ? (c(), d("svg", jn, [...t[9] || (t[9] = [
           l("path", { d: "M7 17L17 7M9 7h8v8" }, null, -1)
         ])])) : b("", !0)
       ], 8, Pn))), 128)),
@@ -2723,7 +2730,7 @@ function Xn(e, t, s, r, i, n) {
         ]),
         l("span", Kn, y(n.t("onboarding.allConversations")), 1),
         l("span", Wn, y(s.openThreads.length), 1),
-        t[9] || (t[9] = l("svg", {
+        t[10] || (t[10] = l("svg", {
           class: "wm-onb__btn-trail",
           width: "13",
           height: "13",
@@ -2745,7 +2752,7 @@ function Xn(e, t, s, r, i, n) {
           "is-expanded": i.inputFocused,
           "wm-onb__starter--toBottom": i.launchPhase === "slide"
         }]),
-        onSubmit: t[5] || (t[5] = G((...o) => n.submitStarter && n.submitStarter(...o), ["prevent"]))
+        onSubmit: t[6] || (t[6] = G((...o) => n.submitStarter && n.submitStarter(...o), ["prevent"]))
       }, [
         $(l("textarea", {
           ref: "starterInput",
@@ -2757,8 +2764,9 @@ function Xn(e, t, s, r, i, n) {
           "aria-label": n.t("onboarding.start"),
           enterkeyhint: "send",
           onKeydown: t[2] || (t[2] = (...o) => n.onStarterKeydown && n.onStarterKeydown(...o)),
-          onFocus: t[3] || (t[3] = (...o) => n.onInputFocus && n.onInputFocus(...o)),
-          onBlur: t[4] || (t[4] = (...o) => n.onInputBlur && n.onInputBlur(...o))
+          onInput: t[3] || (t[3] = (...o) => n.autosize && n.autosize(...o)),
+          onFocus: t[4] || (t[4] = (...o) => n.onInputFocus && n.onInputFocus(...o)),
+          onBlur: t[5] || (t[5] = (...o) => n.onInputBlur && n.onInputBlur(...o))
         }, null, 40, $n), [
           [ee, i.starterText]
         ]),
@@ -2768,7 +2776,7 @@ function Xn(e, t, s, r, i, n) {
           disabled: s.busy || !n.canStart,
           "aria-label": n.t("composer.send")
         }, [
-          s.busy ? (c(), d("span", Jn)) : (c(), d("svg", Yn, [...t[10] || (t[10] = [
+          s.busy ? (c(), d("span", Jn)) : (c(), d("svg", Yn, [...t[11] || (t[11] = [
             l("path", { d: "M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z" }, null, -1)
           ])]))
         ], 10, Gn)
@@ -2776,7 +2784,7 @@ function Xn(e, t, s, r, i, n) {
     ])
   ], 2);
 }
-const Qn = /* @__PURE__ */ F(gn, [["render", Xn], ["__scopeId", "data-v-3e6686e2"]]), Zn = {
+const Qn = /* @__PURE__ */ F(gn, [["render", Xn], ["__scopeId", "data-v-f402d5fe"]]), Zn = {
   name: "WmHistory",
   components: { AIAvatar: me, HumanAvatar: ye },
   inject: {
@@ -2883,7 +2891,7 @@ function ms(e, t, s, r, i, n) {
       ])
     ]),
     l("div", ss, [
-      (c(!0), d(I, null, D(n.filteredThreads, (a) => (c(), d("button", {
+      (c(!0), d(B, null, D(n.filteredThreads, (a) => (c(), d("button", {
         key: a.id,
         type: "button",
         class: R(["wm-hist__thread", { "wm-hist__thread--unread": a.unread }]),
@@ -3040,7 +3048,7 @@ function Ss(e, t, s, r, i, n) {
     ]),
     l("span", ks, [
       l("span", Cs, y(s.label), 1),
-      n.detailText ? (c(), d(I, { key: 0 }, [
+      n.detailText ? (c(), d(B, { key: 0 }, [
         t[4] || (t[4] = l("span", {
           class: "wm-result__sep",
           "aria-hidden": "true"
@@ -3066,7 +3074,7 @@ const Ts = /* @__PURE__ */ F(gs, [["render", Ss], ["__scopeId", "data-v-7284acd0
       return Array.isArray((e = this.data) == null ? void 0 : e.fields) ? this.data.fields : [];
     }
   }
-}, xs = { class: "wm-art wm-art--formResponse" }, Os = { class: "wm-art__head" }, Rs = { class: "wm-art__title" }, Ls = { class: "wm-art__badge wm-art__badge--success" }, Bs = { class: "wm-art__body" }, Is = { class: "wm-art__fieldLabel" };
+}, xs = { class: "wm-art wm-art--formResponse" }, Os = { class: "wm-art__head" }, Rs = { class: "wm-art__title" }, Ls = { class: "wm-art__badge wm-art__badge--success" }, Is = { class: "wm-art__body" }, Bs = { class: "wm-art__fieldLabel" };
 function Es(e, t, s, r, i, n) {
   return c(), d("div", xs, [
     l("div", Os, [
@@ -3088,12 +3096,12 @@ function Es(e, t, s, r, i, n) {
         Me(" " + y(n.t("form.sent")), 1)
       ])
     ]),
-    l("div", Bs, [
-      (c(!0), d(I, null, D(n.fields, (a, o) => (c(), d("div", {
+    l("div", Is, [
+      (c(!0), d(B, null, D(n.fields, (a, o) => (c(), d("div", {
         key: o,
         class: "wm-art__field"
       }, [
-        l("div", Is, y(a.label), 1),
+        l("div", Bs, y(a.label), 1),
         l("div", {
           class: R([
             "wm-art__fieldValue",
@@ -3156,7 +3164,7 @@ function $s(e, t, s, r, i, n) {
     ]),
     n.hasBody ? (c(), d("div", Vs, [
       s.data.body ? (c(), d("div", Ks, y(s.data.body), 1)) : b("", !0),
-      n.fields.length ? (c(!0), d(I, { key: 1 }, D(n.fields, (a, o) => (c(), d("div", {
+      n.fields.length ? (c(!0), d(B, { key: 1 }, D(n.fields, (a, o) => (c(), d("div", {
         key: o,
         class: "wm-art__field"
       }, [
@@ -3293,7 +3301,7 @@ function lr(e, t, s, r, i, n) {
       s.data.body ? (c(), d("div", nr, y(s.data.body), 1)) : b("", !0)
     ]),
     n.fields.length ? (c(), d("div", sr, [
-      (c(!0), d(I, null, D(n.fields, (a, o) => (c(), d("div", {
+      (c(!0), d(B, null, D(n.fields, (a, o) => (c(), d("div", {
         key: o,
         class: "wm-art__field"
       }, [
@@ -3557,14 +3565,14 @@ function xr(e, t, s, r, i, n) {
   ], 2);
 }
 const Or = /* @__PURE__ */ F(Tr, [["render", xr], ["__scopeId", "data-v-7ab13147"]]), Rr = { name: "WmTyping" }, Lr = { class: "wm-typing" };
-function Br(e, t, s, r, i, n) {
+function Ir(e, t, s, r, i, n) {
   return c(), d("div", Lr, [...t[0] || (t[0] = [
     l("span", { style: { "animation-delay": "0s" } }, null, -1),
     l("span", { style: { "animation-delay": "0.2s" } }, null, -1),
     l("span", { style: { "animation-delay": "0.4s" } }, null, -1)
   ])]);
 }
-const Ir = /* @__PURE__ */ F(Rr, [["render", Br], ["__scopeId", "data-v-df2447fd"]]);
+const Br = /* @__PURE__ */ F(Rr, [["render", Ir], ["__scopeId", "data-v-df2447fd"]]);
 function se(e) {
   return e ? e.client_msg_id || e.id : "";
 }
@@ -3582,7 +3590,7 @@ const Er = {
     AIAvatar: me,
     HumanAvatar: ye,
     Bubble: Or,
-    Typing: Ir,
+    Typing: Br,
     ActionResult: Ts,
     AttachmentPreview: Sr,
     ArtifactRenderer: mr
@@ -3981,9 +3989,9 @@ const Er = {
     //   doit garder son arrondi.
     cornersFor(e, t) {
       var ie, ae, X;
-      const s = e.items, r = (ie = s[t]) == null ? void 0 : ie.kind, i = (ae = s[t - 1]) == null ? void 0 : ae.kind, n = (X = s[t + 1]) == null ? void 0 : X.kind, a = e.role === "user", o = 14, f = 4, k = i == null ? void 0 : i.bottom, v = n == null ? void 0 : n.top, T = this.widthByKey[this.rowKeyOf(e, t)], B = this.widthByKey[this.rowKeyOf(e, t - 1)], S = this.widthByKey[this.rowKeyOf(e, t + 1)], z = 0.5, M = (Q, oe, Z) => Q != null && T != null ? Q + z >= T : oe === Z || oe === "card" && Z === "bubble";
+      const s = e.items, r = (ie = s[t]) == null ? void 0 : ie.kind, i = (ae = s[t - 1]) == null ? void 0 : ae.kind, n = (X = s[t + 1]) == null ? void 0 : X.kind, a = e.role === "user", o = 14, f = 4, k = i == null ? void 0 : i.bottom, v = n == null ? void 0 : n.top, T = this.widthByKey[this.rowKeyOf(e, t)], I = this.widthByKey[this.rowKeyOf(e, t - 1)], S = this.widthByKey[this.rowKeyOf(e, t + 1)], z = 0.5, M = (Q, oe, Z) => Q != null && T != null ? Q + z >= T : oe === Z || oe === "card" && Z === "bubble";
       let U = o, x = o, q = o, J = o;
-      return a ? (k && (x = f), (v || !n) && (q = f), k && M(B, k, r == null ? void 0 : r.top) && (U = f), v && M(S, v, r == null ? void 0 : r.bottom) && (J = f)) : (k && (U = f), (v || !n) && (J = f), k && M(B, k, r == null ? void 0 : r.top) && (x = f), v && M(S, v, r == null ? void 0 : r.bottom) && (q = f)), { tl: U, tr: x, br: q, bl: J };
+      return a ? (k && (x = f), (v || !n) && (q = f), k && M(I, k, r == null ? void 0 : r.top) && (U = f), v && M(S, v, r == null ? void 0 : r.bottom) && (J = f)) : (k && (U = f), (v || !n) && (J = f), k && M(I, k, r == null ? void 0 : r.top) && (x = f), v && M(S, v, r == null ? void 0 : r.bottom) && (q = f)), { tl: U, tr: x, br: q, bl: J };
     },
     // Inline column-count for the mosaic grid, capped at 4. Single
     // attachment falls back to the vertical-list layout (null). Two
@@ -4213,7 +4221,7 @@ const Er = {
   class: "wm-list__row wm-list__row--ai fade-up"
 }, si = { class: "wm-list__avatarSlot" }, ri = ["aria-label", "title"];
 function ii(e, t, s, r, i, n) {
-  const a = P("AIAvatar"), o = P("HumanAvatar"), f = P("ActionResult"), k = P("ArtifactRenderer"), v = P("Bubble"), T = P("AttachmentPreview"), B = P("Typing");
+  const a = P("AIAvatar"), o = P("HumanAvatar"), f = P("ActionResult"), k = P("ArtifactRenderer"), v = P("Bubble"), T = P("AttachmentPreview"), I = P("Typing");
   return c(), d("div", Dr, [
     l("div", {
       ref: "scrollEl",
@@ -4232,7 +4240,7 @@ function ii(e, t, s, r, i, n) {
         l("span", qr, y(s.dateLabel), 1),
         t[8] || (t[8] = l("div", { class: "wm-list__line" }, null, -1))
       ])) : b("", !0),
-      (c(!0), d(I, null, D(n.groups, (S, z) => (c(), d(I, {
+      (c(!0), d(B, null, D(n.groups, (S, z) => (c(), d(B, {
         key: S.key
       }, [
         S.key === n.unreadGroupKey ? (c(), d("div", Vr, [
@@ -4248,8 +4256,8 @@ function ii(e, t, s, r, i, n) {
             t[11] || (t[11] = l("div", { class: "wm-list__line wm-list__line--strong" }, null, -1)),
             l("span", $r, y(S.systemLabel), 1),
             t[12] || (t[12] = l("div", { class: "wm-list__line wm-list__line--strong" }, null, -1))
-          ])) : (c(), d(I, { key: 1 }, [
-            (c(!0), d(I, null, D(S.items, (M, U) => (c(), d(I, {
+          ])) : (c(), d(B, { key: 1 }, [
+            (c(!0), d(B, null, D(S.items, (M, U) => (c(), d(B, {
               key: `${n.messageKey(M.message)}-${M.partKey}`
             }, [
               l("div", {
@@ -4270,7 +4278,7 @@ function ii(e, t, s, r, i, n) {
                 }, ["prevent"]))
               }, [
                 S.role !== "user" ? (c(), d("div", Yr, [
-                  U === S.items.length - 1 ? (c(), d(I, { key: 0 }, [
+                  U === S.items.length - 1 ? (c(), d(B, { key: 0 }, [
                     S.role === "ai" ? (c(), E(a, {
                       key: 0,
                       size: 26,
@@ -4325,7 +4333,7 @@ function ii(e, t, s, r, i, n) {
                       )
                     )
                   }, [
-                    (c(!0), d(I, null, D(n.attachmentsOf(
+                    (c(!0), d(B, null, D(n.attachmentsOf(
                       M.message
                     ), (x, q) => (c(), E(T, {
                       key: `${n.messageKey(M.message)}-att-${q}`,
@@ -4370,7 +4378,7 @@ function ii(e, t, s, r, i, n) {
             "image-url": s.aiAgentAvatarUrl
           }, null, 8, ["name", "image-url"])
         ]),
-        K(B)
+        K(I)
       ])) : b("", !0)
     ], 34),
     K(Ae, { name: "wm-scrollDown" }, {
@@ -4485,11 +4493,11 @@ async function di(e = {}) {
     v.data && v.data.size > 0 && i.push(v.data);
   }), r.addEventListener("stop", () => {
     var v, T;
-    if (n && clearInterval(n), t.getTracks().forEach((B) => {
-      B.stop();
+    if (n && clearInterval(n), t.getTracks().forEach((I) => {
+      I.stop();
     }), i.length) {
-      const B = r.mimeType || s || "video/webm", S = new Blob(i, { type: B }), z = /mp4/.test(B) ? "mp4" : "webm", M = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").slice(0, 19), U = new File([S], `ecran-${M}.${z}`, {
-        type: B
+      const I = r.mimeType || s || "video/webm", S = new Blob(i, { type: I }), z = /mp4/.test(I) ? "mp4" : "webm", M = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").slice(0, 19), U = new File([S], `ecran-${M}.${z}`, {
+        type: I
       });
       (v = e.onfinalize) == null || v.call(e, U);
     } else
@@ -4761,7 +4769,7 @@ function Ai(e, t, s, r, i, n) {
         onClick: t[2] || (t[2] = (a) => i.attachOpen = !1)
       })) : b("", !0),
       i.attachOpen ? (c(), d("div", _i, [
-        (c(!0), d(I, null, D(n.attachItems, (a) => (c(), d("button", {
+        (c(!0), d(B, null, D(n.attachItems, (a) => (c(), d("button", {
           key: a.action,
           type: "button",
           class: "wm-compose__menuItem",
@@ -4844,7 +4852,7 @@ function Ai(e, t, s, r, i, n) {
     ], 34)
   ], 6);
 }
-const Si = /* @__PURE__ */ F(hi, [["render", Ai], ["__scopeId", "data-v-f81cec81"]]), Ti = {
+const Si = /* @__PURE__ */ F(hi, [["render", Ai], ["__scopeId", "data-v-51c4452f"]]), Ti = {
   name: "WmInlineCallbacks",
   props: {
     // Array d'items `{ id?, label, style?, ... }`. Pour les suggestions,
@@ -4891,16 +4899,16 @@ function Li(e, t, s, r, i, n) {
     key: n.batchKey,
     class: R(["wm-icb", `wm-icb--${s.variant}`])
   }, [
-    s.variant === "chips" ? (c(!0), d(I, { key: 0 }, D(s.items, (a, o) => (c(), d("button", {
+    s.variant === "chips" ? (c(!0), d(B, { key: 0 }, D(s.items, (a, o) => (c(), d("button", {
       key: a.id != null ? a.id : o,
       type: "button",
       class: "wm-icb__btn wm-icb__btn--chip",
       style: N({ animationDelay: s.baseDelay + o * s.stepDelay + "ms" }),
       onClick: (f) => e.$emit("select", a)
-    }, y(a.label), 13, Mi))), 128)) : (c(), d(I, { key: 1 }, [
+    }, y(a.label), 13, Mi))), 128)) : (c(), d(B, { key: 1 }, [
       n.headerTitle ? (c(), d("div", xi, y(n.headerTitle), 1)) : b("", !0),
       l("div", Oi, [
-        (c(!0), d(I, null, D(s.items, (a, o) => (c(), d("button", {
+        (c(!0), d(B, null, D(s.items, (a, o) => (c(), d("button", {
           key: a.id != null ? a.id : o,
           type: "button",
           class: R(["wm-icb__btn", n.btnClass(a)]),
@@ -4910,9 +4918,9 @@ function Li(e, t, s, r, i, n) {
     ], 64))
   ], 2)) : b("", !0);
 }
-const Bi = /* @__PURE__ */ F(Ti, [["render", Li], ["__scopeId", "data-v-c8cc8cbf"]]);
+const Ii = /* @__PURE__ */ F(Ti, [["render", Li], ["__scopeId", "data-v-c8cc8cbf"]]);
 let Ne = 0;
-const Ii = /* @__PURE__ */ new Set([
+const Bi = /* @__PURE__ */ new Set([
   "text",
   "textarea",
   "number",
@@ -4950,7 +4958,7 @@ const Ii = /* @__PURE__ */ new Set([
     // douteux.
     normalizedFields() {
       var t;
-      return (Array.isArray((t = this.form) == null ? void 0 : t.fields) ? this.form.fields : []).filter((s) => !(!(s != null && s.key) || !(s != null && s.label) || !Ii.has(s == null ? void 0 : s.type) || (s.type === "select" || s.type === "multiselect") && (!Array.isArray(s.options) || s.options.length === 0)));
+      return (Array.isArray((t = this.form) == null ? void 0 : t.fields) ? this.form.fields : []).filter((s) => !(!(s != null && s.key) || !(s != null && s.label) || !Bi.has(s == null ? void 0 : s.type) || (s.type === "select" || s.type === "multiselect") && (!Array.isArray(s.options) || s.options.length === 0)));
     }
   },
   created() {
@@ -5050,7 +5058,7 @@ function ra(e, t, s, r, i, n) {
       class: "wm-form__body",
       onSubmit: t[0] || (t[0] = G((...o) => n.onSubmit && n.onSubmit(...o), ["prevent"]))
     }, [
-      (c(!0), d(I, null, D(n.normalizedFields, (o) => (c(), d("div", {
+      (c(!0), d(B, null, D(n.normalizedFields, (o) => (c(), d("div", {
         key: o.key,
         class: "wm-form__field"
       }, [
@@ -5128,14 +5136,14 @@ function ra(e, t, s, r, i, n) {
           disabled: s.readOnly || i.busy
         }, [
           l("option", Ji, y(o.placeholder || n.t("form.choose")), 1),
-          (c(!0), d(I, null, D(o.options, (f) => (c(), d("option", {
+          (c(!0), d(B, null, D(o.options, (f) => (c(), d("option", {
             key: f.value,
             value: f.value
           }, y(f.label), 9, Xi))), 128))
         ], 8, Yi)), [
           [Ye, i.values[o.key]]
         ]) : o.type === "multiselect" ? (c(), d("div", Qi, [
-          (c(!0), d(I, null, D(o.options, (f) => (c(), d("label", {
+          (c(!0), d(B, null, D(o.options, (f) => (c(), d("label", {
             key: f.value,
             class: "wm-form__multiItem"
           }, [
@@ -5225,11 +5233,11 @@ function va(e, t, s, r, i, n) {
       ], -1)),
       l("div", ga, y(n.t("feedback.doneTitle")), 1),
       l("div", ya, y(n.t("feedback.doneSubtitle")), 1)
-    ])) : (c(), d(I, { key: 0 }, [
+    ])) : (c(), d(B, { key: 0 }, [
       l("div", la, y(n.t("feedback.question")), 1),
       l("div", ca, y(n.t("feedback.subtitle")), 1),
       l("div", da, [
-        (c(!0), d(I, null, D(n.options, (a) => (c(), d("button", {
+        (c(!0), d(B, null, D(n.options, (a) => (c(), d("button", {
           key: a.v,
           type: "button",
           class: R(["wm-fb__opt", { "is-selected": i.sel === a.v }]),
@@ -5293,7 +5301,7 @@ const pa = /* @__PURE__ */ F(aa, [["render", va], ["__scopeId", "data-v-9b630564
   key: 1,
   class: "wm-mm__sep"
 }, Ma = { class: "wm-mm__section" }, xa = { class: "wm-mm__label" }, Oa = { class: "wm-mm__section" }, Ra = { class: "wm-mm__label" }, La = { class: "wm-mm__label" };
-function Ba(e, t, s, r, i, n) {
+function Ia(e, t, s, r, i, n) {
   return c(), d("div", ba, [
     l("div", {
       class: "wm-mm__scrim",
@@ -5433,7 +5441,7 @@ function Ba(e, t, s, r, i, n) {
     ])
   ]);
 }
-const Ia = /* @__PURE__ */ F(wa, [["render", Ba], ["__scopeId", "data-v-4cf6d578"]]), Ea = {
+const Ba = /* @__PURE__ */ F(wa, [["render", Ia], ["__scopeId", "data-v-4cf6d578"]]), Ea = {
   name: "WmRenameDialog",
   inject: {
     // Translator shared by the Messenger shell; French fallback when
@@ -5551,10 +5559,10 @@ const Ka = /* @__PURE__ */ F(Ea, [["render", Va], ["__scopeId", "data-v-6d5f94a8
     History: fs,
     MessageList: ai,
     Composer: Si,
-    InlineCallbacks: Bi,
+    InlineCallbacks: Ii,
     FormCard: ia,
     Feedback: pa,
-    MoreMenu: Ia,
+    MoreMenu: Ba,
     RenameDialog: Ka
   },
   mixins: [
@@ -5790,9 +5798,9 @@ const Ka = /* @__PURE__ */ F(Ea, [["render", Va], ["__scopeId", "data-v-6d5f94a8
           const T = i[v];
           if (!T) continue;
           if (((k = T.author) == null ? void 0 : k.type) === "user") break;
-          const B = Y(T.id);
-          if (B != null) {
-            if (n != null && B <= n) break;
+          const I = Y(T.id);
+          if (I != null) {
+            if (n != null && I <= n) break;
             t[T.id] !== 0 && (!o && T.author && (o = T.author), a++);
           }
         }
@@ -6028,7 +6036,7 @@ const Ka = /* @__PURE__ */ F(Ea, [["render", Va], ["__scopeId", "data-v-6d5f94a8
       }
       const s = this.revealedAt, r = (this.s.messagesByConv[e.id] || []).filter((a) => {
         var o, f, k, v, T;
-        return (a == null ? void 0 : a.type) === "action" && ((o = a == null ? void 0 : a.payload) == null ? void 0 : o.state) === "pending" || he(a) && !(s[a.id] > 0) ? !1 : (a == null ? void 0 : a.type) === "action" || (a == null ? void 0 : a.type) === "system" || ((f = a == null ? void 0 : a.payload) == null ? void 0 : f.type) === "system" || Array.isArray((k = a == null ? void 0 : a.payload) == null ? void 0 : k.attachments) && a.payload.attachments.length || (v = a == null ? void 0 : a.metadata) != null && v.artifact || (T = a == null ? void 0 : a.metadata) != null && T.form || Array.isArray(a == null ? void 0 : a.callbacks) && a.callbacks.some((B) => (B == null ? void 0 : B.intent) === "submit_form") ? !0 : typeof (a == null ? void 0 : a.text_md) == "string" && a.text_md.trim().length > 0;
+        return (a == null ? void 0 : a.type) === "action" && ((o = a == null ? void 0 : a.payload) == null ? void 0 : o.state) === "pending" || he(a) && !(s[a.id] > 0) ? !1 : (a == null ? void 0 : a.type) === "action" || (a == null ? void 0 : a.type) === "system" || ((f = a == null ? void 0 : a.payload) == null ? void 0 : f.type) === "system" || Array.isArray((k = a == null ? void 0 : a.payload) == null ? void 0 : k.attachments) && a.payload.attachments.length || (v = a == null ? void 0 : a.metadata) != null && v.artifact || (T = a == null ? void 0 : a.metadata) != null && T.form || Array.isArray(a == null ? void 0 : a.callbacks) && a.callbacks.some((I) => (I == null ? void 0 : I.intent) === "submit_form") ? !0 : typeof (a == null ? void 0 : a.text_md) == "string" && a.text_md.trim().length > 0;
       });
       return t.length ? [...t, ...r] : r;
     },
@@ -6344,12 +6352,12 @@ const Ka = /* @__PURE__ */ F(Ea, [["render", Va], ["__scopeId", "data-v-6d5f94a8
         return;
       }
       try {
-        await this.waitForParentInit(), this.transport = Be(
+        await this.waitForParentInit(), this.transport = Ie(
           tt({
             baseUrl: this.baseUrl,
             widgetId: this.widgetId
           })
-        ), this.store = Be(it(this.transport)), this.hydrateNotifPref();
+        ), this.store = Ie(it(this.transport)), this.hydrateNotifPref();
         const e = this.parentVariables || this.context || null;
         if (await this.store.start({
           origin: this.parentOrigin,
@@ -6444,13 +6452,13 @@ const Ka = /* @__PURE__ */ F(Ea, [["render", Va], ["__scopeId", "data-v-6d5f94a8
       this.launcherHovered = e, this.sendCurrentLauncherSize();
     },
     sendCurrentLauncherSize() {
-      var v, T, B, S, z, M, U;
+      var v, T, I, S, z, M, U;
       if (this.isOpen) return;
       const e = (T = (v = this.$el) == null ? void 0 : v.querySelector) == null ? void 0 : T.call(v, ".wm-launcherWrap");
       if (!e) return;
       const t = e.getBoundingClientRect();
       if (!t.width || !t.height) return;
-      const s = (((B = this.launcherPeeks) == null ? void 0 : B.length) ?? 0) > 0, r = 16, i = Math.ceil(t.width), n = Math.ceil(t.height), a = (z = (S = this.$el) == null ? void 0 : S.querySelector) == null ? void 0 : z.call(S, ".wm-launcher"), o = (U = (M = this.$el) == null ? void 0 : M.querySelectorAll) == null ? void 0 : U.call(M, ".wm-peek"), f = o && o.length ? o[o.length - 1] : null;
+      const s = (((I = this.launcherPeeks) == null ? void 0 : I.length) ?? 0) > 0, r = 16, i = Math.ceil(t.width), n = Math.ceil(t.height), a = (z = (S = this.$el) == null ? void 0 : S.querySelector) == null ? void 0 : z.call(S, ".wm-launcher"), o = (U = (M = this.$el) == null ? void 0 : M.querySelectorAll) == null ? void 0 : U.call(M, ".wm-peek"), f = o && o.length ? o[o.length - 1] : null;
       let k = null;
       if (f) {
         const x = f.getBoundingClientRect();
@@ -6898,7 +6906,7 @@ const Ka = /* @__PURE__ */ F(Ea, [["render", Va], ["__scopeId", "data-v-6d5f94a8
   "aria-live": "polite"
 }, fo = { class: "wm-ended__lbl" };
 function _o(e, t, s, r, i, n) {
-  const a = P("Launcher"), o = P("Header"), f = P("History"), k = P("Onboarding"), v = P("MessageList"), T = P("InlineCallbacks"), B = P("FormCard"), S = P("Feedback"), z = P("Composer"), M = P("MoreMenu"), U = P("RenameDialog");
+  const a = P("Launcher"), o = P("Header"), f = P("History"), k = P("Onboarding"), v = P("MessageList"), T = P("InlineCallbacks"), I = P("FormCard"), S = P("Feedback"), z = P("Composer"), M = P("MoreMenu"), U = P("RenameDialog");
   return c(), d("div", {
     class: R(["wm-root", `wm-root--${s.displayMode}`]),
     style: N(n.rootStyle)
@@ -6950,7 +6958,7 @@ function _o(e, t, s, r, i, n) {
           class: "wm-loading__spinner",
           "aria-hidden": "true"
         }, null, -1))
-      ])) : (c(), d(I, { key: 1 }, [
+      ])) : (c(), d(B, { key: 1 }, [
         K(o, {
           title: n.headerTitle,
           "team-members": n.teamMembers,
@@ -7022,7 +7030,7 @@ function _o(e, t, s, r, i, n) {
                       variant: "buttons",
                       items: n.resolutionCallbacks,
                       onSelect: n.onResolutionSelect
-                    }, null, 8, ["items", "onSelect"])) : n.pendingForm ? (c(), E(B, {
+                    }, null, 8, ["items", "onSelect"])) : n.pendingForm ? (c(), E(I, {
                       key: n.pendingForm.message && n.pendingForm.message.id,
                       form: n.pendingForm.form,
                       "agent-name": n.agentName,
@@ -7049,7 +7057,7 @@ function _o(e, t, s, r, i, n) {
                     })), 1)
                   ])) : b("", !0),
                   i.pendingAttachments.length ? (c(), d("div", io, [
-                    (c(!0), d(I, null, D(i.pendingAttachments, (x, q) => (c(), d("div", {
+                    (c(!0), d(B, null, D(i.pendingAttachments, (x, q) => (c(), d("div", {
                       key: x.path || q,
                       class: "wm-attached__item"
                     }, [
@@ -7178,7 +7186,7 @@ function _o(e, t, s, r, i, n) {
     ], 6)) : b("", !0)
   ], 6);
 }
-const vo = /* @__PURE__ */ F(Wa, [["render", _o], ["__scopeId", "data-v-9601fbb5"]]), po = "0.6.17";
+const vo = /* @__PURE__ */ F(Wa, [["render", _o], ["__scopeId", "data-v-9601fbb5"]]), po = "0.6.18";
 export {
   me as AIAvatar,
   be as AVATAR_COLORS,
@@ -7196,17 +7204,17 @@ export {
   ia as FormCard,
   _n as Header,
   ye as HumanAvatar,
-  Bi as InlineCallbacks,
+  Ii as InlineCallbacks,
   qt as Launcher,
   Le as MEDIA_RECORDER_SUPPORTED,
   ai as MessageList,
   vo as Messenger,
-  Ia as MoreMenu,
+  Ba as MoreMenu,
   Qn as Onboarding,
   ge as SCREEN_CAPTURE_SUPPORTED,
   ht as SUPPORTED_LANGUAGES,
   tn as TeamAvatars,
-  Ir as Typing,
+  Br as Typing,
   po as VERSION,
   xe as avatarColor,
   Oe as avatarInitials,