@botonic/webchat-react 2.34.1 → 2.35.0-alpha.0

package/trigger.js

@@ -20,7 +20,7 @@ function Ie() {
     }
   );
 }
-function Ne() {
+function We() {
   return /* @__PURE__ */ n(
     "svg",
     {
@@ -39,8 +39,8 @@ function Ne() {
     }
   );
 }
-const We = ie(
-  () => import("./webchat-app-BfcNIC8B.js").then((p) => p.N).then((p) => ({ default: p.WebchatApp }))
+const Ne = ie(
+  () => import("./webchat-app-BrBET32o.js").then((p) => p.U).then((p) => ({ default: p.WebchatApp }))
 );
 function Me(p, m) {
   const {
@@ -55,18 +55,18 @@ function Me(p, m) {
     loader: y,
     proactiveMessage: C,
     proactiveDelay: H = 5
-  } = p, [w, A] = l(!1), [d, b] = l(!1), [T, I] = l(0), [r, N] = l(!1), [t, ae] = l(null), [j, ce] = l(!1), [R, W] = l("appearing"), [le, q] = l(!1), [P, Y] = l(!1), [ue, M] = l(!1), [pe, de] = l(0), F = i(!1), K = i(null), Q = i(!1), U = i(!1), O = i(0), Z = i(!1), B = i(0), J = i({ x: 0, y: 0 }), X = i({ x: 0, y: 0 }), a = i(null), c = i(null), _ = i(!1), G = i(!1);
-  U.current || (U.current = !0, Pe()), u(() => {
+  } = p, [w, A] = l(!1), [d, b] = l(!1), [T, I] = l(0), [r, W] = l(!1), [t, ae] = l(null), [j, ce] = l(!1), [R, N] = l("appearing"), [le, q] = l(!1), [P, Y] = l(!1), [ue, M] = l(!1), [pe, de] = l(0), F = i(!1), K = i(null), U = i(!1), Q = i(!1), O = i(0), Z = i(!1), B = i(0), J = i({ x: 0, y: 0 }), X = i({ x: 0, y: 0 }), a = i(null), c = i(null), _ = i(!1), G = i(!1);
+  Q.current || (Q.current = !0, Pe()), u(() => {
     G.current = P;
   }, [P]), u(() => {
     Z.current = r;
   }, [r]);
   const ge = ye(
-    () => y ? ie(y) : We,
+    () => y ? ie(y) : Ne,
     [y]
   ), he = h(
     (e) => {
-      e.target === e.currentTarget && R !== null && W(null);
+      e.target === e.currentTarget && R !== null && N(null);
     },
     [R]
   );
@@ -74,31 +74,31 @@ function Me(p, m) {
     if (!t) return;
     const e = t.machine.subscribe((s) => {
       const v = s.context.isOpen ?? !1, g = s.context.messageActors?.size ?? 0;
-      ce(s.context.connectionStatus === "connected"), N(v), v ? (q(!1), O.current = g) : (g > O.current && q(!0), O.current = g);
+      ce(s.context.connectionStatus === "connected"), W(v), v ? (q(!1), O.current = g) : (g > O.current && q(!0), O.current = g);
     });
     return () => e.unsubscribe();
   }, [t]), u(() => {
     const e = F.current, s = t !== null && K.current === null;
     if (F.current = r, K.current = t, !!t) {
       if (s && r) {
-        W("opening");
+        N("opening");
         return;
       }
-      e === !1 && r ? W("opening") : e === !0 && !r && W("closing");
+      e === !1 && r ? N("opening") : e === !0 && !r && N("closing");
     }
   }, [r, t]);
   const me = h((e) => {
     ae(e), xe(e);
   }, []);
   u(() => {
-    !t || !j || Q.current || (Q.current = !0, Ae(), E?.(t));
+    !t || !j || U.current || (U.current = !0, Ae(), E?.(t));
   }, [t, j, E]);
   const k = h(() => {
-    d && (b(!1), I((e) => e + 1)), w ? t ? t.open() : N(!0) : (A(!0), N(!0));
+    d && (b(!1), I((e) => e + 1)), w ? t ? t.open() : W(!0) : (A(!0), W(!0));
   }, [d, w, t]), fe = h(() => {
     t ? r ? t.close() : t.open() : k();
   }, [t, r, k]), $ = h(() => {
-    b(!1), I((e) => e + 1), A(!0), N(!0);
+    b(!1), I((e) => e + 1), A(!0), W(!0);
   }, []), we = h((e) => {
     console.error("Failed to load webchat:", e), b(!0);
   }, []);
@@ -269,7 +269,7 @@ function Be(p) {
     isPopupDismissing: d,
     proactiveMessage: b,
     onPopupAnimationEnd: T
-  } = Me(p, m), I = f ? /* @__PURE__ */ n(Ne, {}) : /* @__PURE__ */ n(Ie, {});
+  } = Me(p, m), I = f ? /* @__PURE__ */ n(We, {}) : /* @__PURE__ */ n(Ie, {});
   return /* @__PURE__ */ ne(Le, { children: [
     (A || d) && b && /* @__PURE__ */ n(
       "div",

package/{webchat-app-BfcNIC8B.js → webchat-app-BrBET32o.js}

@@ -285,7 +285,7 @@ function Pn() {
     }
   );
 }
-const Bn = "dialog-module__base___K18e8", kn = "dialog-module__success___z5NAQ", On = "dialog-module__error___Q46VR", Dn = "dialog-module__loading___21312", Vn = "dialog-module__actions___xFizf", Wn = "dialog-module__closing___qgRFX", zn = "dialog-module__iconContainer___8lOJ3", Fn = "dialog-module__spinner___jL0bN", Hn = "dialog-module__textContent___t6Tqt", Un = "dialog-module__title___jr3if", $n = "dialog-module__subtitle___K1uUB", Z = {
+const Bn = "dialog-module__base___K18e8", kn = "dialog-module__success___z5NAQ", On = "dialog-module__error___Q46VR", Dn = "dialog-module__loading___21312", Vn = "dialog-module__actions___xFizf", Wn = "dialog-module__closing___qgRFX", zn = "dialog-module__iconContainer___8lOJ3", Fn = "dialog-module__spinner___jL0bN", Un = "dialog-module__textContent___t6Tqt", Hn = "dialog-module__title___jr3if", $n = "dialog-module__subtitle___K1uUB", Z = {
   base: Bn,
   success: kn,
   error: On,
@@ -294,8 +294,8 @@ const Bn = "dialog-module__base___K18e8", kn = "dialog-module__success___z5NAQ",
   closing: Wn,
   iconContainer: zn,
   spinner: Fn,
-  textContent: Hn,
-  title: Un,
+  textContent: Un,
+  title: Hn,
   subtitle: $n
 }, Gn = j(Z.base, {
   variants: {
@@ -1132,10 +1132,10 @@ function Fo({
     }
   );
 }
-function Ho() {
+function Uo() {
   return /* @__PURE__ */ t("svg", { ..._e, children: /* @__PURE__ */ t("path", { d: "M212.333 224.333H12c-6.627 0-12-5.373-12-12V12C0 5.373 5.373 0 12 0h48c6.627 0 12 5.373 12 12v78.112C117.773 39.279 184.26 7.47 258.175 8.007c136.906.994 246.448 111.623 246.157 248.532C504.041 393.258 393.12 504 256.333 504c-64.089 0-122.496-24.313-166.51-64.215-5.099-4.622-5.334-12.554-.467-17.42l33.967-33.967c4.474-4.474 11.662-4.717 16.401-.525C170.76 415.336 211.58 432 256.333 432c97.268 0 176-78.716 176-176 0-97.267-78.716-176-176-176-58.496 0-110.28 28.476-142.274 72.333h98.274c6.627 0 12 5.373 12 12v48c0 6.627-5.373 12-12 12z" }) });
 }
-function Uo({
+function Ho({
   onClose: e,
   children: n
 }) {
@@ -1143,7 +1143,7 @@ function Uo({
   return /* @__PURE__ */ t(
     tt,
     {
-      icon: /* @__PURE__ */ t(Ho, {}),
+      icon: /* @__PURE__ */ t(Uo, {}),
       onPress: () => {
         a.resetConversation(), e?.();
       },
@@ -1881,14 +1881,14 @@ function Da(e, n) {
     m && (s(Ye), d());
   }, [m, s, d]), Fe = b(() => {
     i(Ye), u();
-  }, [i, u]), He = b(() => {
+  }, [i, u]), Ue = b(() => {
     i(Ye), i(fe), c();
   }, [i, c]), he = b(
     (O) => {
       !v.current || M === 0 || (v.current.currentTime = O * M, W(Math.round(v.current.currentTime)));
     },
     [M]
-  ), Ue = b(() => {
+  ), He = b(() => {
     v.current?.pause(), i(fe), l && ka(l).then((O) => {
       const Qe = nt.createAudio({
         attachmentContent: O,
@@ -1909,7 +1909,7 @@ function Da(e, n) {
     isRecording: qe,
     handleMicrophoneClick: ze,
     handleConfirmRecording: Fe,
-    handleSendRecording: Ue,
+    handleSendRecording: He,
     overlayProps: {
       showControls: $e,
       recordingControlsClassName: je,
@@ -1922,7 +1922,7 @@ function Da(e, n) {
       isPreview: ee,
       handlePlayPause: We,
       handleSeekPreview: he,
-      handleCancelRecording: He,
+      handleCancelRecording: Ue,
       timerDisplay: Y,
       objectUrl: L,
       audioRef: v,
@@ -1977,12 +1977,12 @@ function Fa() {
 function pt() {
   return /* @__PURE__ */ t("svg", { ..._e, children: /* @__PURE__ */ t("path", { d: "M57.6 35.8C23.1 20.6-11.3 57.4 6.1 90.9l63 121.2c4.4 8.4 12.6 14.1 22 15.3L266 249.3c3.4 .4 6 3.3 6 6.7s-2.6 6.3-6 6.7L91.1 284.6c-9.4 1.2-17.6 6.9-22 15.3L6.1 421.1c-17.4 33.5 17 70.2 51.6 55.1L492.9 285.3c25.5-11.2 25.5-47.4 0-58.6L57.6 35.8z" }) });
 }
-const Ha = "webchat-input-module__base___TZXU7", Ua = "webchat-input-module__branding___ReLzJ", R = {
+const Ua = "webchat-input-module__base___TZXU7", Ha = "webchat-input-module__branding___ReLzJ", R = {
   default: "webchat-input-module__default___tHS5e",
-  base: Ha,
+  base: Ua,
   "input-form": "webchat-input-module__input-form___GnKc7",
   "input-row": "webchat-input-module__input-row___uqTs6",
-  branding: Ua,
+  branding: Ha,
   "input-form--active": "webchat-input-module__input-form--active___ZioHn",
   "input-field": "webchat-input-module__input-field___c4r26",
   "primary-action-base": "webchat-input-module__primary-action-base___UfC2U",
@@ -2045,7 +2045,7 @@ function Ga(e, n, a) {
     handleMicrophoneClick: We,
     handleConfirmRecording: ze,
     handleSendRecording: Fe,
-    overlayProps: He
+    overlayProps: Ue
   } = Da(n), he = b(() => {
     if (!T || y) return;
     const te = v.current.trim();
@@ -2058,7 +2058,7 @@ function Ga(e, n, a) {
       });
       m?.(), o.sendMessage(Me), v.current = "", p("");
     }
-  }, [o, T, y, m]), Ue = b(
+  }, [o, T, y, m]), He = b(
     (te) => {
       te.preventDefault(), M && X(), he();
     },
@@ -2088,7 +2088,7 @@ function Ga(e, n, a) {
     // Form state and handlers
     inputValue: C,
     hasText: A,
-    handleSubmit: Ue,
+    handleSubmit: He,
     onEmojiClick: d,
     onAttachmentClick: Jt,
     // Attachment preview
@@ -2117,7 +2117,7 @@ function Ga(e, n, a) {
     inputBehavior: L,
     showBranding: l,
     // Audio overlay (passed to AudioInput)
-    overlayProps: He,
+    overlayProps: Ue,
     hideBaseContent: ie,
     audioRecordingAvailable: J,
     // Primary action button
@@ -2594,7 +2594,6 @@ function rt(e) {
     isContinuation: u,
     hasActions: c,
     isFullWidth: m,
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     children: g,
     // Consume unknown props without forwarding them to child components
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -2696,7 +2695,7 @@ const de = G(
   waveformPlaceholder: zs,
   timer: Fs
 };
-function Hs({
+function Us({
   src: e,
   messageId: n,
   onAudioLoad: a,
@@ -2756,7 +2755,7 @@ function Hs({
     }
   };
 }
-const Ht = G(
+const Ut = G(
   ({
     src: e,
     messageId: n,
@@ -2778,7 +2777,7 @@ const Ht = G(
       handleSeek: p,
       audioProps: v,
       playButtonProps: L
-    } = Hs({
+    } = Us({
       src: e,
       messageId: n,
       onAudioLoad: o,
@@ -2830,9 +2829,9 @@ const Ht = G(
     );
   }
 );
-Ht.displayName = "AudioMessage";
-const Us = "markdown-text-module__markdownText___UbIHM", $s = {
-  markdownText: Us
+Ut.displayName = "AudioMessage";
+const Hs = "markdown-text-module__markdownText___UbIHM", $s = {
+  markdownText: Hs
 }, it = ({
   text: e,
   className: n
@@ -2899,7 +2898,7 @@ const qs = "quick-reply-module__quickReply___XdDLW", Ks = "quick-reply-module__s
 function Zs(e) {
   return "type" in e ? e.type === hn.WebUrl || !!e.webview : !1;
 }
-const Ut = G(
+const Ht = G(
   ({
     text: e,
     disabled: n = !1,
@@ -2954,7 +2953,7 @@ const Ut = G(
               "data-webchat-message-actions": !0,
               style: { gridTemplateColumns: `repeat(${l}, 1fr)` },
               children: n.map((c, m) => /* @__PURE__ */ t(
-                Ut,
+                Ht,
                 {
                   text: c.text,
                   disabled: c.disabled,
@@ -2977,7 +2976,7 @@ const Ut = G(
       }
     );
   }
-), er = "carousel-message-module__carouselMessageBase___yV-Nd", tr = "carousel-message-module__buttonContainer___lPydV", nr = "carousel-message-module__carouselWrapper___OaVVz", or = "carousel-message-module__carouselSlider___qtpjn", ar = "carousel-message-module__carouselCard___5GhQQ", sr = "carousel-message-module__imageContainer___-NYcV", rr = "carousel-message-module__elementImage___TEjVf", ir = "carousel-message-module__elementContent___fQqqZ", lr = "carousel-message-module__elementTitle___sUPzb", cr = "carousel-message-module__elementSubtitle___7yW9w", dr = "carousel-message-module__arrowLayer___-lMZC", ur = "carousel-message-module__arrowButton___EkObr", mr = "carousel-message-module__prevArrow___YcQdm", _r = "carousel-message-module__nextArrow___ndT0K", H = {
+), er = "carousel-message-module__carouselMessageBase___yV-Nd", tr = "carousel-message-module__buttonContainer___lPydV", nr = "carousel-message-module__carouselWrapper___OaVVz", or = "carousel-message-module__carouselSlider___qtpjn", ar = "carousel-message-module__carouselCard___5GhQQ", sr = "carousel-message-module__imageContainer___-NYcV", rr = "carousel-message-module__elementImage___TEjVf", ir = "carousel-message-module__elementContent___fQqqZ", lr = "carousel-message-module__elementTitle___sUPzb", cr = "carousel-message-module__elementSubtitle___7yW9w", dr = "carousel-message-module__arrowLayer___-lMZC", ur = "carousel-message-module__arrowButton___EkObr", mr = "carousel-message-module__prevArrow___YcQdm", _r = "carousel-message-module__nextArrow___ndT0K", U = {
   carouselMessageBase: er,
   buttonContainer: tr,
   carouselWrapper: nr,
@@ -3118,35 +3117,35 @@ const $t = G(
       de,
       {
         ref: i,
-        className: P(H.carouselMessageBase, o),
+        className: P(U.carouselMessageBase, o),
         isFullWidth: !0,
         ...s,
-        children: /* @__PURE__ */ f("div", { ...r, className: H.carouselWrapper, children: [
-          /* @__PURE__ */ t("div", { ...l, className: H.carouselSlider, children: e.map((g, C) => /* @__PURE__ */ f(
+        children: /* @__PURE__ */ f("div", { ...r, className: U.carouselWrapper, children: [
+          /* @__PURE__ */ t("div", { ...l, className: U.carouselSlider, children: e.map((g, C) => /* @__PURE__ */ f(
             "div",
             {
               ...h(C),
-              className: H.carouselCard,
+              className: U.carouselCard,
               children: [
-                /* @__PURE__ */ t("div", { className: H.imageContainer, children: /* @__PURE__ */ t(
+                /* @__PURE__ */ t("div", { className: U.imageContainer, children: /* @__PURE__ */ t(
                   "img",
                   {
                     src: g.image,
                     alt: g.title,
-                    className: H.elementImage,
+                    className: U.elementImage,
                     ..._(C)
                   }
                 ) }),
-                /* @__PURE__ */ f("div", { className: H.elementContent, children: [
-                  /* @__PURE__ */ t("h3", { className: H.elementTitle, children: g.title }),
-                  g.subtitle && /* @__PURE__ */ t("p", { className: H.elementSubtitle, children: g.subtitle })
+                /* @__PURE__ */ f("div", { className: U.elementContent, children: [
+                  /* @__PURE__ */ t("h3", { className: U.elementTitle, children: g.title }),
+                  g.subtitle && /* @__PURE__ */ t("p", { className: U.elementSubtitle, children: g.subtitle })
                 ] }),
                 g.buttons.map((p, v) => /* @__PURE__ */ t(
                   "div",
                   {
-                    className: H.buttonContainer,
+                    className: U.buttonContainer,
                     children: /* @__PURE__ */ t(
-                      Ut,
+                      Ht,
                       {
                         text: p.title,
                         button: p,
@@ -3161,13 +3160,13 @@ const $t = G(
             },
             g.id
           )) }),
-          e.length > 1 && /* @__PURE__ */ f("div", { className: H.arrowLayer, children: [
+          e.length > 1 && /* @__PURE__ */ f("div", { className: U.arrowLayer, children: [
             m.canScrollPrev && /* @__PURE__ */ t(
               "button",
               {
                 ...d,
                 type: "button",
-                className: P(H.arrowButton, H.prevArrow),
+                className: P(U.arrowButton, U.prevArrow),
                 children: /* @__PURE__ */ t(hr, {})
               }
             ),
@@ -3176,7 +3175,7 @@ const $t = G(
               {
                 ...u,
                 type: "button",
-                className: P(H.arrowButton, H.nextArrow),
+                className: P(U.arrowButton, U.nextArrow),
                 children: /* @__PURE__ */ t(gr, {})
               }
             )
@@ -3444,10 +3443,10 @@ const Mr = "location-message-module__locationMessageBase___rY3d-", Ar = "locatio
     d: "M287.9 0c9.2 0 17.6 5.2 21.6 13.5l68.6 141.3 153.2 22.6c9 1.3 16.5 7.6 19.3 16.3s.5 18.1-5.9 24.5L433.6 328.4l26.2 155.6c1.5 9-2.2 18.1-9.7 23.5s-17.3 6-25.3 1.7l-137-73.2L151 509.1c-8.1 4.3-17.9 3.7-25.3-1.7s-11.2-14.5-9.7-23.5l26.2-155.6L31.1 218.2c-6.5-6.4-8.7-15.9-5.9-24.5s10.3-14.9 19.3-16.3l153.2-22.6L266.3 13.5C270.4 5.2 278.7 0 287.9 0zm0 79L235.4 187.2c-3.5 7.1-10.2 12.1-18.1 13.3L99 217.9 184.9 303c5.5 5.5 8.1 13.3 6.8 21L171.4 443.7l105.2-56.2c7.1-3.8 15.6-3.8 22.6 0l105.2 56.2L384.2 324.1c-1.3-7.7 1.2-15.5 6.8-21l85.9-85.1L358.6 200.5c-7.8-1.2-14.6-6.1-18.1-13.3L287.9 79z",
     fill: "currentColor"
   }
-) }), Fr = "rating-message-module__ratingBubble___7wyHy", Hr = "rating-message-module__container___dtkEH", Ur = "rating-message-module__titleBlock___V-gUi", $r = "rating-message-module__title___nox04", Gr = "rating-message-module__subtitle___HvR5A", qr = "rating-message-module__starsBlock___p7KFf", Kr = "rating-message-module__starsRow___0okuD", jr = "rating-message-module__ratingIconWrap___c8yQW", Qr = "rating-message-module__starButton___jEIj0", Zr = "rating-message-module__smileyButton___W-mdc", Yr = "rating-message-module__submitButton___fzRTp", U = {
+) }), Fr = "rating-message-module__ratingBubble___7wyHy", Ur = "rating-message-module__container___dtkEH", Hr = "rating-message-module__titleBlock___V-gUi", $r = "rating-message-module__title___nox04", Gr = "rating-message-module__subtitle___HvR5A", qr = "rating-message-module__starsBlock___p7KFf", Kr = "rating-message-module__starsRow___0okuD", jr = "rating-message-module__ratingIconWrap___c8yQW", Qr = "rating-message-module__starButton___jEIj0", Zr = "rating-message-module__smileyButton___W-mdc", Yr = "rating-message-module__submitButton___fzRTp", H = {
   ratingBubble: Fr,
-  container: Hr,
-  titleBlock: Ur,
+  container: Ur,
+  titleBlock: Hr,
   title: $r,
   subtitle: Gr,
   starsBlock: qr,
@@ -3524,13 +3523,13 @@ const ti = [
     {
       variant: "bot",
       ...g,
-      bubbleClassName: U.ratingBubble,
-      children: /* @__PURE__ */ f("div", { className: U.container, children: [
-        /* @__PURE__ */ f("div", { className: U.titleBlock, children: [
-          /* @__PURE__ */ t("p", { className: U.title, children: u }),
-          c && /* @__PURE__ */ t(it, { text: c, className: U.subtitle })
+      bubbleClassName: H.ratingBubble,
+      children: /* @__PURE__ */ f("div", { className: H.container, children: [
+        /* @__PURE__ */ f("div", { className: H.titleBlock, children: [
+          /* @__PURE__ */ t("p", { className: H.title, children: u }),
+          c && /* @__PURE__ */ t(it, { text: c, className: H.subtitle })
         ] }),
-        /* @__PURE__ */ t("div", { className: U.starsBlock, children: /* @__PURE__ */ t("div", { className: U.starsRow, "data-rating-type": C, children: v.map((L) => {
+        /* @__PURE__ */ t("div", { className: H.starsBlock, children: /* @__PURE__ */ t("div", { className: H.starsRow, "data-rating-type": C, children: v.map((L) => {
           const T = s !== void 0 && L <= s || s === void 0 && i !== void 0 && L <= i, y = T ? oi : ni, A = ti[L - 1];
           return p ? /* @__PURE__ */ t(
             "button",
@@ -3538,13 +3537,13 @@ const ti = [
               type: "button",
               "aria-label": `Rate ${L} out of 5`,
               className: P(
-                U.smileyButton,
-                r && U["is-submitted"]
+                H.smileyButton,
+                r && H["is-submitted"]
               ),
               onClick: () => h(L),
               onMouseEnter: () => _(L),
               onMouseLeave: () => _(void 0),
-              children: /* @__PURE__ */ t("span", { className: U.ratingIconWrap, "aria-hidden": !0, children: /* @__PURE__ */ t(A, { color: y, selected: T }) })
+              children: /* @__PURE__ */ t("span", { className: H.ratingIconWrap, "aria-hidden": !0, children: /* @__PURE__ */ t(A, { color: y, selected: T }) })
             },
             L
           ) : /* @__PURE__ */ t(
@@ -3553,13 +3552,13 @@ const ti = [
               type: "button",
               "aria-label": `Rate ${L} out of 5`,
               className: P(
-                U.starButton,
-                r && U["is-submitted"]
+                H.starButton,
+                r && H["is-submitted"]
               ),
               onClick: () => h(L),
               onMouseEnter: () => _(L),
               onMouseLeave: () => _(void 0),
-              children: /* @__PURE__ */ t("span", { className: U.ratingIconWrap, "aria-hidden": !0, children: /* @__PURE__ */ t(zr, { color: y, selected: T }) })
+              children: /* @__PURE__ */ t("span", { className: H.ratingIconWrap, "aria-hidden": !0, children: /* @__PURE__ */ t(zr, { color: y, selected: T }) })
             },
             L
           );
@@ -3572,8 +3571,8 @@ const ti = [
             disabled: s === void 0 || l,
             "aria-label": m,
             className: P(
-              U.submitButton,
-              s !== void 0 && !l && U["is-active"]
+              H.submitButton,
+              s !== void 0 && !l && H["is-active"]
             ),
             children: l ? "..." : m
           }
@@ -4039,7 +4038,7 @@ const Wi = ({ tools: e, onSeeToolDetails: n }) => e.length ? /* @__PURE__ */ f("
     `${a.tool_name}-${o}`
   ))
 ] }) : null, zi = "retrieve_knowledge", Fi = "transfer_to_";
-function Hi(e, n = !1) {
+function Ui(e, n = !1) {
   const a = {
     retrieveKnowledgeTools: [],
     otherTools: [],
@@ -4056,7 +4055,7 @@ function Hi(e, n = !1) {
   }
   return a;
 }
-const Ui = ({
+const Hi = ({
   tools_executed: e,
   input_guardrails_triggered: n,
   output_guardrails_triggered: a,
@@ -4066,7 +4065,7 @@ const Ui = ({
   previewUtils: r
 }) => {
   const { otherTools: l, allSourcesIds: h, allChunksIds: _, query: d } = ce(
-    () => Hi(e),
+    () => Ui(e),
     [e]
   ), {
     sources: u,
@@ -4143,7 +4142,7 @@ const Ui = ({
       e.flow_node_content_id
     ] })
   ] }),
-  component: Ui,
+  component: Hi,
   icon: /* @__PURE__ */ t(Qt, {}),
   collapsible: !0
 });
@@ -4910,7 +4909,7 @@ const Nl = ({
       return /* @__PURE__ */ t(ii, { ...l, text: r.data.text }, d);
     if (r.isAudio())
       return /* @__PURE__ */ t(
-        Ht,
+        Ut,
         {
           ...l,
           src: r.data.attachment_url ?? r.data.attachment_content ?? "",
@@ -5330,7 +5329,7 @@ function zl({
             trigger: /* @__PURE__ */ t(Pt, { "aria-label": "Open menu" }),
             placement: "bottom right",
             children: ({ close: v }) => /* @__PURE__ */ f(on, { children: [
-              /* @__PURE__ */ t(Uo, { onClose: v }),
+              /* @__PURE__ */ t(Ho, { onClose: v }),
               /* @__PURE__ */ t(Fo, { onClose: v }),
               /* @__PURE__ */ t(Xo, {}),
               /* @__PURE__ */ t(Zo, { onClose: v })
@@ -5397,51 +5396,52 @@ const ec = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   WebchatApp: Fl
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  ho as A,
+  Oe as A,
   xn as B,
   Do as C,
   Nn as D,
-  Xr as E,
-  So as F,
-  q as G,
-  xo as H,
-  Tn as I,
-  Ga as J,
-  Al as K,
-  yn as L,
+  ho as E,
+  Xr as F,
+  So as G,
+  q as H,
+  xo as I,
+  Tn as J,
+  Ga as K,
+  Al as L,
   it as M,
-  ec as N,
+  yn as N,
   yo as O,
   yl as P,
-  Ut as Q,
+  Ht as Q,
   ai as R,
   Ll as S,
   as as T,
+  ec as U,
   Fl as W,
   qn as a,
   It as b,
   jn as c,
   Fo as d,
-  Uo as e,
+  Ho as e,
   Zo as f,
   Xo as g,
-  Pt as h,
-  de as i,
-  st as j,
-  Nl as k,
-  ro as l,
-  Rt as m,
-  Jn as n,
-  fo as o,
-  so as p,
-  Ao as q,
-  Wo as r,
-  Ka as s,
-  Wl as t,
-  Sn as u,
-  Ze as v,
-  Mn as w,
-  xt as x,
-  bo as y,
-  Oe as z
+  bn as h,
+  Pt as i,
+  de as j,
+  st as k,
+  Nl as l,
+  ro as m,
+  Rt as n,
+  Jn as o,
+  fo as p,
+  so as q,
+  Ao as r,
+  Wo as s,
+  Ka as t,
+  Wl as u,
+  Sn as v,
+  Ze as w,
+  Mn as x,
+  xt as y,
+  bo as z
 };