@botpress/webchat 1.3.5 → 1.3.6

package/dist/index.js

@@ -858,7 +858,7 @@ function J5(e, t) {
     () => e.dispatchEvent(t)
   );
 }
-const _k = "Avatar", [Q5, Ixe] = n_(_k), [X5, wk] = Q5(_k), xk = /* @__PURE__ */ It((e, t) => {
+const _k = "Avatar", [Q5, $xe] = n_(_k), [X5, wk] = Q5(_k), xk = /* @__PURE__ */ It((e, t) => {
   const { __scopeAvatar: n, ...r } = e, [i, a] = At("idle");
   return /* @__PURE__ */ en(X5, {
     scope: n,
@@ -43953,7 +43953,7 @@ class oL extends i_ {
     }, this._state;
   }
 }
-const g1e = ({
+const y1e = ({
   clientId: e,
   apiUrl: t = "https://webchat.botpress.cloud",
   mode: n = "pushpin"
@@ -43983,33 +43983,35 @@ const g1e = ({
     };
     return /* @__PURE__ */ Q.jsx(MA.Provider, { value: { value: a, setValue: o, historyIndex: s, setHistoryIndex: u, sendMessage: c }, children: /* @__PURE__ */ Q.jsx("div", { "data-disabled": n.disableComposer, ...e, ...r == null ? void 0 : r.container, ref: t }) });
   })
-), p_e = fu(({ ...e }) => {
+), p_e = fu((e) => {
   const {
     state: t,
-    theme: { composer: n }
-  } = _n(), { value: r, setValue: i, historyIndex: a, setHistoryIndex: o, sendMessage: s } = NA(), u = Mt(null), c = xo((p) => p.user), f = xo((p) => p.messageHistory);
+    theme: { composer: n },
+    configuration: r
+  } = _n(), { value: i, setValue: a, historyIndex: o, setHistoryIndex: s, sendMessage: u } = NA(), c = Mt(null), f = xo((m) => m.user), p = xo((m) => m.messageHistory);
   return St(() => {
-    u.current && (u.current.selectionStart = u.current.value.length, u.current.selectionEnd = u.current.value.length);
-  }, [r]), /* @__PURE__ */ Q.jsx(
+    c.current && (c.current.selectionStart = c.current.value.length, c.current.selectionEnd = c.current.value.length);
+  }, [i]), /* @__PURE__ */ Q.jsx(
     "textarea",
     {
       ...n == null ? void 0 : n.input,
+      placeholder: (r == null ? void 0 : r.composerPlaceholder) ?? "Type your message...",
       disabled: t.disableComposer,
-      ref: u,
-      value: r,
-      "data-has-value": !!r,
-      onChange: (p) => i(p.target.value),
-      onKeyDown: (p) => {
+      ref: c,
+      value: i,
+      "data-has-value": !!i,
+      onChange: (m) => a(m.target.value),
+      onKeyDown: (m) => {
         if (!t.disableComposer) {
-          if (p.key === "Enter" && (p.preventDefault(), s()), p.key === "ArrowUp") {
-            p.preventDefault();
-            const m = f[(c == null ? void 0 : c.userId) ?? ""] ?? [];
-            a < m.length - 1 && i(m[a + 1]), o(() => Math.min(a + 1, m.length - 1));
+          if (m.key === "Enter" && (m.preventDefault(), u()), m.key === "ArrowUp") {
+            m.preventDefault();
+            const h = p[(f == null ? void 0 : f.userId) ?? ""] ?? [];
+            o < h.length - 1 && a(h[o + 1]), s(() => Math.min(o + 1, h.length - 1));
           }
-          if (p.key === "ArrowDown") {
-            p.preventDefault();
-            const m = f[(c == null ? void 0 : c.userId) ?? ""] ?? [];
-            i(a === 0 ? "" : m[a - 1]), o(() => Math.max(a - 1, -1));
+          if (m.key === "ArrowDown") {
+            m.preventDefault();
+            const h = p[(f == null ? void 0 : f.userId) ?? ""] ?? [];
+            a(o === 0 ? "" : h[o - 1]), s(() => Math.max(o - 1, -1));
           }
         }
       },
@@ -44034,7 +44036,7 @@ const g1e = ({
     /* @__PURE__ */ Q.jsx(Bs, { open: t, onOpenChange: n, children: /* @__PURE__ */ Q.jsx(Bs.Content, { title: r, children: a }) }),
     e
   ] });
-}, y1e = ({
+}, v1e = ({
   theme: e = {},
   renderers: t,
   client: n,
@@ -45070,7 +45072,7 @@ var gwe = function(e) {
     return null;
   };
 };
-const vL = "Dialog", [bL, v1e] = n_(vL), [_we, ao] = bL(vL), wwe = (e) => {
+const vL = "Dialog", [bL, b1e] = n_(vL), [_we, ao] = bL(vL), wwe = (e) => {
   const { __scopeDialog: t, children: n, open: r, defaultOpen: i, onOpenChange: a, modal: o = !0 } = e, s = Mt(null), u = Mt(null), [c = !1, f] = sL({
     prop: r,
     defaultProp: i,
@@ -45107,7 +45109,7 @@ const vL = "Dialog", [bL, v1e] = n_(vL), [_we, ao] = bL(vL), wwe = (e) => {
     ref: a,
     onClick: Ha(e.onClick, i.onOpenToggle)
   }));
-}), Ewe = "DialogPortal", [b1e, _L] = bL(Ewe, {
+}), Ewe = "DialogPortal", [_1e, _L] = bL(Ewe, {
   forceMount: void 0
 }), t_ = "DialogOverlay", Cwe = /* @__PURE__ */ It((e, t) => {
   const n = _L(t_, e.__scopeDialog), { forceMount: r = n.forceMount, ...i } = e, a = ao(t_, e.__scopeDialog);
@@ -45306,12 +45308,12 @@ const zwe = It(({ children: e, ...t }, n) => {
       ] })
     });
   }, [t]), /* @__PURE__ */ Q.jsx(Q.Fragment, {});
-}, _1e = It(({ children: e, onClick: t, ...n }, r) => {
+}, w1e = It(({ children: e, onClick: t, ...n }, r) => {
   const {
     theme: { fab: i }
   } = _n(), { container: a, icon: o } = i ?? {};
   return /* @__PURE__ */ Q.jsx("div", { ...n, ...a, ref: r, onClick: t, children: /* @__PURE__ */ Q.jsx("div", { ...o }) });
-}), EL = "Collapsible", [Zwe, w1e] = n_(EL), [Wwe, xx] = Zwe(EL), Hwe = /* @__PURE__ */ It((e, t) => {
+}), EL = "Collapsible", [Zwe, x1e] = n_(EL), [Wwe, xx] = Zwe(EL), Hwe = /* @__PURE__ */ It((e, t) => {
   const { __scopeCollapsible: n, open: r, defaultOpen: i, disabled: a, onOpenChange: o, ...s } = e, [u = !1, c] = sL({
     prop: r,
     defaultProp: i,
@@ -45398,51 +45400,100 @@ const zwe = It(({ children: e, ...t }, n) => {
 function Sx(e) {
   return e ? "open" : "closed";
 }
-const Jwe = Hwe, Qwe = Kwe, Xwe = Gwe, exe = (e) => /* @__PURE__ */ j.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", viewBox: "0 0 16 16", ...e }, /* @__PURE__ */ j.createElement("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M15.5 5.5v-5m0 0h-5m5 0L8.833 7.167m-2.5-5H4.5c-1.4 0-2.1 0-2.635.272A2.5 2.5 0 0 0 .772 3.532C.5 4.066.5 4.767.5 6.167V11.5c0 1.4 0 2.1.272 2.635a2.5 2.5 0 0 0 1.093 1.092C2.4 15.5 3.1 15.5 4.5 15.5h5.333c1.4 0 2.1 0 2.635-.273a2.5 2.5 0 0 0 1.093-1.092c.272-.535.272-1.235.272-2.635V9.667" })), txe = fu(
+const Jwe = Hwe, Qwe = Kwe, Xwe = Gwe, exe = (e) => /* @__PURE__ */ j.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", viewBox: "0 0 16 16", ...e }, /* @__PURE__ */ j.createElement("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M15.5 5.5v-5m0 0h-5m5 0L8.833 7.167m-2.5-5H4.5c-1.4 0-2.1 0-2.635.272A2.5 2.5 0 0 0 .772 3.532C.5 4.066.5 4.767.5 6.167V11.5c0 1.4 0 2.1.272 2.635a2.5 2.5 0 0 0 1.093 1.092C2.4 15.5 3.1 15.5 4.5 15.5h5.333c1.4 0 2.1 0 2.635-.273a2.5 2.5 0 0 0 1.093-1.092c.272-.535.272-1.235.272-2.635V9.667" })), txe = ({ ...e }) => {
+  var o, s;
+  const {
+    theme: { header: t, modal: n },
+    client: r
+  } = _n(), { showModal: i } = jA(), a = (u) => {
+    var c, f, p, m;
+    u.stopPropagation(), i({
+      title: "Restart Conversation",
+      content: /* @__PURE__ */ Q.jsxs(Q.Fragment, { children: [
+        /* @__PURE__ */ Q.jsx("p", { ...(f = (c = n == null ? void 0 : n.dialog) == null ? void 0 : c.newConversation) == null ? void 0 : f.text, children: "Are you sure you want to restart a new conversation?" }),
+        /* @__PURE__ */ Q.jsx(Bs.Close, { asChild: !0, children: /* @__PURE__ */ Q.jsx("button", { ...(m = (p = n == null ? void 0 : n.dialog) == null ? void 0 : p.newConversation) == null ? void 0 : m.button, onClick: r == null ? void 0 : r.restartConversation, children: "Restart" }) })
+      ] })
+    });
+  };
+  return /* @__PURE__ */ Q.jsx(
+    v8,
+    {
+      ...e,
+      ...(s = (o = t == null ? void 0 : t.content) == null ? void 0 : o.actions) == null ? void 0 : s.icons,
+      role: "button",
+      tabIndex: 0,
+      onClick: a,
+      onKeyDown: (u) => {
+        u.key === "Enter" && a(u);
+      }
+    }
+  );
+}, nxe = ({ ...e }) => {
+  var i, a;
+  const {
+    theme: { header: t },
+    closeWindow: n
+  } = _n(), r = (o) => {
+    o.stopPropagation(), n == null || n();
+  };
+  return /* @__PURE__ */ Q.jsx(
+    SL,
+    {
+      ...e,
+      ...(a = (i = t == null ? void 0 : t.content) == null ? void 0 : i.actions) == null ? void 0 : a.icons,
+      role: "button",
+      tabIndex: 0,
+      onClick: r,
+      onKeyDown: (o) => {
+        o.key === "Enter" && r(o);
+      }
+    }
+  );
+}, rxe = fu(
   It(({ defaultOpen: e, ...t }, n) => {
     const {
       theme: { header: r }
     } = _n(), [i, a] = At(!!e);
     return /* @__PURE__ */ Q.jsx(Jwe, { open: i, onOpenChange: a, ...t, ...r == null ? void 0 : r.container, ref: n });
   })
-), nxe = It((e, t) => {
+), ixe = It((e, t) => {
   var r;
   const {
     theme: { header: n }
   } = _n();
   return /* @__PURE__ */ Q.jsx(Qwe, { ...e, ...(r = n == null ? void 0 : n.content) == null ? void 0 : r.container, ref: t });
-}), rxe = It((e, t) => {
+}), axe = It((e, t) => {
   var r;
   const {
     theme: { header: n }
   } = _n();
   return /* @__PURE__ */ Q.jsx(Xwe, { ...e, ...(r = n == null ? void 0 : n.expandedContent) == null ? void 0 : r.container, ref: t });
-}), ixe = It(({ src: e, children: t }, n) => {
+}), oxe = It(({ src: e, children: t }, n) => {
   var a;
   const {
     theme: { header: r },
     client: i
   } = _n();
   return /* @__PURE__ */ Q.jsx(Ok, { ref: n, userId: i == null ? void 0 : i.clientId, children: t, src: e, ...(a = r == null ? void 0 : r.content) == null ? void 0 : a.avatar });
-}), axe = It((e, t) => {
+}), sxe = It((e, t) => {
   var r;
   const {
     theme: { header: n }
   } = _n();
   return /* @__PURE__ */ Q.jsx("h2", { ...e, ...(r = n == null ? void 0 : n.content) == null ? void 0 : r.title, ref: t });
-}), oxe = It((e, t) => {
+}), lxe = It((e, t) => {
   var r;
   const {
     theme: { header: n }
   } = _n();
   return /* @__PURE__ */ Q.jsx("p", { ...e, ...(r = n == null ? void 0 : n.content) == null ? void 0 : r.description, ref: t });
-}), sxe = It((e, t) => {
+}), uxe = It((e, t) => {
   var r, i;
   const {
     theme: { header: n }
   } = _n();
   return /* @__PURE__ */ Q.jsx("div", { ...e, ...(i = (r = n == null ? void 0 : n.content) == null ? void 0 : r.actions) == null ? void 0 : i.container, ref: t });
-}), lxe = ({ icon: e, title: t, link: n, ...r }) => {
+}), cxe = ({ icon: e, title: t, link: n, ...r }) => {
   var s, u, c, f, p, m, h, y, v, x, b, w;
   const {
     theme: { header: i }
@@ -45476,15 +45527,76 @@ const Jwe = Hwe, Qwe = Kwe, Xwe = Gwe, exe = (e) => /* @__PURE__ */ j.createElem
       ]
     }
   );
-}, bi = Object.assign(txe, {
-  Content: nxe,
-  ExpandedContent: rxe,
-  Avatar: ixe,
-  Description: oxe,
-  Title: axe,
-  Actions: sxe,
-  DescriptionItem: lxe
-}), uxe = fu(({ ...e }) => {
+}, bi = Object.assign(rxe, {
+  Content: ixe,
+  ExpandedContent: axe,
+  Avatar: oxe,
+  Description: lxe,
+  Title: sxe,
+  Actions: uxe,
+  DescriptionItem: cxe
+}), dxe = () => {
+  var r, i, a, o, s, u, c, f, p, m, h, y, v, x, b;
+  const { configuration: e, closeWindow: t } = _n(), n = !!((r = e.email) != null && r.title) || !!((i = e.phone) != null && i.title) || !!((a = e.website) != null && a.title) || !!((o = e.termsOfService) != null && o.link) || !!((s = e.privacyPolicy) != null && s.link);
+  return /* @__PURE__ */ Q.jsxs(bi, { open: n ? void 0 : !1, "data-disabled": n ? void 0 : "", children: [
+    /* @__PURE__ */ Q.jsxs(bi.Content, { children: [
+      /* @__PURE__ */ Q.jsx(bi.Avatar, { src: e.botAvatar, children: e.botName || "Bot" }),
+      /* @__PURE__ */ Q.jsx(bi.Title, { children: e.botName || "Bot" }),
+      /* @__PURE__ */ Q.jsx(bi.Description, { children: e.botDescription }),
+      /* @__PURE__ */ Q.jsxs(bi.Actions, { children: [
+        /* @__PURE__ */ Q.jsx(txe, {}),
+        t && /* @__PURE__ */ Q.jsx(nxe, {})
+      ] })
+    ] }),
+    /* @__PURE__ */ Q.jsxs(bi.ExpandedContent, { children: [
+      /* @__PURE__ */ Q.jsx(
+        bi.DescriptionItem,
+        {
+          "data-email": "",
+          icon: xV,
+          title: (u = e.email) == null ? void 0 : u.title,
+          link: (c = e.email) == null ? void 0 : c.link
+        }
+      ),
+      /* @__PURE__ */ Q.jsx(
+        bi.DescriptionItem,
+        {
+          "data-phone": "",
+          icon: RV,
+          title: (f = e.phone) == null ? void 0 : f.title,
+          link: (p = e.phone) == null ? void 0 : p.link
+        }
+      ),
+      /* @__PURE__ */ Q.jsx(
+        bi.DescriptionItem,
+        {
+          "data-website": "",
+          link: (m = e.website) == null ? void 0 : m.link,
+          icon: CV,
+          title: (h = e.website) == null ? void 0 : h.title
+        }
+      ),
+      /* @__PURE__ */ Q.jsx(
+        bi.DescriptionItem,
+        {
+          "data-terms": "",
+          link: (y = e.termsOfService) == null ? void 0 : y.link,
+          icon: bV,
+          title: (v = e.termsOfService) == null ? void 0 : v.title
+        }
+      ),
+      /* @__PURE__ */ Q.jsx(
+        bi.DescriptionItem,
+        {
+          "data-privacy": "",
+          link: (x = e.privacyPolicy) == null ? void 0 : x.link,
+          icon: kV,
+          title: (b = e.privacyPolicy) == null ? void 0 : b.title
+        }
+      )
+    ] })
+  ] });
+}, fxe = fu(({ ...e }) => {
   const {
     theme: { loadingIndicator: t }
   } = _n();
@@ -45814,8 +45926,8 @@ var OL = { exports: {} };
     }, R.en = C[T], R.Ls = C, R.p = {}, R;
   });
 })(OL);
-var cxe = OL.exports;
-const ty = /* @__PURE__ */ Wo(cxe);
+var pxe = OL.exports;
+const ty = /* @__PURE__ */ Wo(pxe);
 var TL = { exports: {} };
 (function(e, t) {
   (function(n, r) {
@@ -45829,8 +45941,8 @@ var TL = { exports: {} };
     };
   });
 })(TL);
-var dxe = TL.exports;
-const fxe = /* @__PURE__ */ Wo(dxe);
+var hxe = TL.exports;
+const mxe = /* @__PURE__ */ Wo(hxe);
 var kL = { exports: {} };
 (function(e, t) {
   (function(n, r) {
@@ -45844,11 +45956,11 @@ var kL = { exports: {} };
     };
   });
 })(kL);
-var pxe = kL.exports;
-const hxe = /* @__PURE__ */ Wo(pxe);
-ty.extend(fxe);
-ty.extend(hxe);
-function mxe(e, t = "day") {
+var gxe = kL.exports;
+const yxe = /* @__PURE__ */ Wo(gxe);
+ty.extend(mxe);
+ty.extend(yxe);
+function vxe(e, t = "day") {
   if (!e || e.length === 0)
     return [];
   const n = [];
@@ -45867,15 +45979,15 @@ function gk(e) {
     timestamp: e,
     block: {
       type: "text",
-      text: gxe(e)
+      text: bxe(e)
     }
   };
 }
-function gxe(e, t = !1) {
+function bxe(e, t = !1) {
   const n = ty(e), r = "h:mma";
   return n.isToday() ? t ? `Today • ${n.format(r)}` : "Today" : n.isYesterday() ? t ? `Yesterday • ${n.format(r)}` : "Yesterday" : t ? n.format(`YYYY-MM-DD • ${r}`) : n.format("YYYY-MM-DD");
 }
-const yk = 10 * 1e3, yxe = fu(({ scrollDownButton: e, ...t }) => {
+const yk = 10 * 1e3, _xe = fu(({ scrollDownButton: e, ...t }) => {
   var w, S, A, T, C, D, z, K;
   const {
     messages: n,
@@ -45884,7 +45996,7 @@ const yk = 10 * 1e3, yxe = fu(({ scrollDownButton: e, ...t }) => {
     configuration: a,
     messageContainerRef: o,
     theme: { messageList: s }
-  } = _n(), u = Ts(() => mxe(n), [n]), [c, f] = At(!0), { y: p } = zG(o), [m, h] = At(!1), [y, v] = ZG(), x = () => {
+  } = _n(), u = Ts(() => vxe(n), [n]), [c, f] = At(!0), { y: p } = zG(o), [m, h] = At(!1), [y, v] = ZG(), x = () => {
     if (!o.current)
       return;
     const { scrollHeight: R } = o.current;
@@ -45932,129 +46044,19 @@ const yk = 10 * 1e3, yxe = fu(({ scrollDownButton: e, ...t }) => {
       ] })
     ] }),
     u.map((R, B) => /* @__PURE__ */ Q.jsx(mk, { scroll: x, ...R }, B)),
-    m && /* @__PURE__ */ Q.jsx(mk, { scroll: x, direction: "incoming", children: /* @__PURE__ */ Q.jsx(uxe, {}) })
-  ] });
-}), vxe = ({ ...e }) => {
-  var o, s;
-  const {
-    theme: { header: t, modal: n },
-    client: r
-  } = _n(), { showModal: i } = jA(), a = (u) => {
-    var c, f, p, m;
-    u.stopPropagation(), i({
-      title: "Restart Conversation",
-      content: /* @__PURE__ */ Q.jsxs(Q.Fragment, { children: [
-        /* @__PURE__ */ Q.jsx("p", { ...(f = (c = n == null ? void 0 : n.dialog) == null ? void 0 : c.newConversation) == null ? void 0 : f.text, children: "Are you sure you want to restart a new conversation?" }),
-        /* @__PURE__ */ Q.jsx(Bs.Close, { asChild: !0, children: /* @__PURE__ */ Q.jsx("button", { ...(m = (p = n == null ? void 0 : n.dialog) == null ? void 0 : p.newConversation) == null ? void 0 : m.button, onClick: r == null ? void 0 : r.restartConversation, children: "Restart" }) })
-      ] })
-    });
-  };
-  return /* @__PURE__ */ Q.jsx(
-    v8,
-    {
-      ...e,
-      ...(s = (o = t == null ? void 0 : t.content) == null ? void 0 : o.actions) == null ? void 0 : s.icons,
-      role: "button",
-      tabIndex: 0,
-      onClick: a,
-      onKeyDown: (u) => {
-        u.key === "Enter" && a(u);
-      }
-    }
-  );
-}, bxe = ({ ...e }) => {
-  var i, a;
-  const {
-    theme: { header: t },
-    closeWindow: n
-  } = _n(), r = (o) => {
-    o.stopPropagation(), n == null || n();
-  };
-  return /* @__PURE__ */ Q.jsx(
-    SL,
-    {
-      ...e,
-      ...(a = (i = t == null ? void 0 : t.content) == null ? void 0 : i.actions) == null ? void 0 : a.icons,
-      role: "button",
-      tabIndex: 0,
-      onClick: r,
-      onKeyDown: (o) => {
-        o.key === "Enter" && r(o);
-      }
-    }
-  );
-}, x1e = () => {
-  var r, i, a, o, s, u, c, f, p, m, h, y, v, x, b;
-  const { configuration: e, closeWindow: t } = _n(), n = !!((r = e.email) != null && r.title) || !!((i = e.phone) != null && i.title) || !!((a = e.website) != null && a.title) || !!((o = e.termsOfService) != null && o.link) || !!((s = e.privacyPolicy) != null && s.link);
-  return /* @__PURE__ */ Q.jsxs(zwe, { children: [
-    /* @__PURE__ */ Q.jsxs(bi, { open: n ? void 0 : !1, "data-disabled": n ? void 0 : "", children: [
-      /* @__PURE__ */ Q.jsxs(bi.Content, { children: [
-        /* @__PURE__ */ Q.jsx(bi.Avatar, { src: e.botAvatar, children: e.botName || "Bot" }),
-        /* @__PURE__ */ Q.jsx(bi.Title, { children: e.botName || "Bot" }),
-        /* @__PURE__ */ Q.jsx(bi.Description, { children: e.botDescription }),
-        /* @__PURE__ */ Q.jsxs(bi.Actions, { children: [
-          /* @__PURE__ */ Q.jsx(vxe, {}),
-          t && /* @__PURE__ */ Q.jsx(bxe, {})
-        ] })
-      ] }),
-      /* @__PURE__ */ Q.jsxs(bi.ExpandedContent, { children: [
-        /* @__PURE__ */ Q.jsx(
-          bi.DescriptionItem,
-          {
-            "data-email": "",
-            icon: xV,
-            title: (u = e.email) == null ? void 0 : u.title,
-            link: (c = e.email) == null ? void 0 : c.link
-          }
-        ),
-        /* @__PURE__ */ Q.jsx(
-          bi.DescriptionItem,
-          {
-            "data-phone": "",
-            icon: RV,
-            title: (f = e.phone) == null ? void 0 : f.title,
-            link: (p = e.phone) == null ? void 0 : p.link
-          }
-        ),
-        /* @__PURE__ */ Q.jsx(
-          bi.DescriptionItem,
-          {
-            "data-website": "",
-            link: (m = e.website) == null ? void 0 : m.link,
-            icon: CV,
-            title: (h = e.website) == null ? void 0 : h.title
-          }
-        ),
-        /* @__PURE__ */ Q.jsx(
-          bi.DescriptionItem,
-          {
-            "data-terms": "",
-            link: (y = e.termsOfService) == null ? void 0 : y.link,
-            icon: bV,
-            title: (v = e.termsOfService) == null ? void 0 : v.title
-          }
-        ),
-        /* @__PURE__ */ Q.jsx(
-          bi.DescriptionItem,
-          {
-            "data-privacy": "",
-            link: (x = e.privacyPolicy) == null ? void 0 : x.link,
-            icon: kV,
-            title: (b = e.privacyPolicy) == null ? void 0 : b.title
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ Q.jsx(yxe, {}),
-    /* @__PURE__ */ Q.jsxs(f_e, { children: [
-      /* @__PURE__ */ Q.jsx(p_e, { placeholder: e.composerPlaceholder || "Type your message" }),
-      /* @__PURE__ */ Q.jsx(h_e, {})
-    ] })
+    m && /* @__PURE__ */ Q.jsx(mk, { scroll: x, direction: "incoming", children: /* @__PURE__ */ Q.jsx(fxe, {}) })
   ] });
-}, pc = te.object({
+}), S1e = () => /* @__PURE__ */ Q.jsxs(zwe, { children: [
+  /* @__PURE__ */ Q.jsx(dxe, {}),
+  /* @__PURE__ */ Q.jsx(_xe, {}),
+  /* @__PURE__ */ Q.jsxs(f_e, { children: [
+    /* @__PURE__ */ Q.jsx(p_e, {}),
+    /* @__PURE__ */ Q.jsx(h_e, {})
+  ] })
+] }), pc = te.object({
   title: te.string(),
   link: te.string().optional()
-}), _xe = te.object({
+}), wxe = te.object({
   composerPlaceholder: te.string().optional(),
   botName: te.string().optional(),
   botAvatar: te.string().optional(),
@@ -46064,7 +46066,7 @@ const yk = 10 * 1e3, yxe = fu(({ scrollDownButton: e, ...t }) => {
   phone: pc.optional(),
   privacyPolicy: pc.optional(),
   termsOfService: pc.optional()
-}), wxe = te.enum([
+}), xxe = te.enum([
   "heading1",
   "heading2",
   "heading3",
@@ -46078,16 +46080,16 @@ const yk = 10 * 1e3, yxe = fu(({ scrollDownButton: e, ...t }) => {
   "listItem",
   "lineBreak",
   "pre"
-]), xxe = te.object({}).passthrough().transform((e) => e), Ze = te.object({
+]), Sxe = te.object({}).passthrough().transform((e) => e), Ze = te.object({
   className: te.string().optional(),
-  style: xxe.optional()
+  style: Sxe.optional()
 }), Tb = te.object({
   container: Ze.optional(),
   image: Ze.optional(),
   fallback: Ze.optional()
-}), Sxe = te.object({
+}), Exe = te.object({
   button: Ze.optional(),
-  text: te.record(wxe, Ze.optional()),
+  text: te.record(xxe, Ze.optional()),
   image: te.object({
     image: Ze.optional(),
     placeholder: Ze.optional()
@@ -46124,7 +46126,7 @@ const yk = 10 * 1e3, yxe = fu(({ scrollDownButton: e, ...t }) => {
       item: Ze.optional()
     }).optional()
   }).optional()
-}), Exe = te.object({
+}), Cxe = te.object({
   container: Ze.optional(),
   modal: te.object({
     overlay: Ze.optional(),
@@ -46208,20 +46210,20 @@ const yk = 10 * 1e3, yxe = fu(({ scrollDownButton: e, ...t }) => {
   message: te.object({
     container: Ze.optional(),
     avatar: Tb.optional(),
-    blocks: Sxe.optional()
+    blocks: Exe.optional()
   }).optional(),
   loadingIndicator: te.object({
     container: Ze.optional(),
     loader: Ze.optional()
   }).optional()
-}), Cxe = te.enum(["opened", "closed", "initial"]), Oxe = te.object({
+}), Oxe = te.enum(["opened", "closed", "initial"]), Txe = te.object({
   data: te.record(te.string()).optional()
-}), Txe = te.enum(["messaging", "pushpin"]), kxe = te.object({
-  configuration: _xe.optional().catch(void 0),
-  theme: Exe.optional().catch(void 0),
+}), kxe = te.enum(["messaging", "pushpin"]), Axe = te.object({
+  configuration: wxe.optional().catch(void 0),
+  theme: Cxe.optional().catch(void 0),
   style: te.string().optional().catch(void 0),
-  user: Oxe.optional().catch(void 0)
-}), S1e = kxe.extend({
+  user: Txe.optional().catch(void 0)
+}), E1e = Axe.extend({
   clientId: te.string(),
   botId: te.string(),
   selector: te.string().optional().catch(void 0),
@@ -46229,9 +46231,9 @@ const yk = 10 * 1e3, yxe = fu(({ scrollDownButton: e, ...t }) => {
   fabScriptUrl: te.string().optional().catch(void 0),
   messagingUrl: te.string().optional().catch(void 0),
   pushpinUrl: te.string().optional().catch(void 0),
-  clientMode: Txe.optional().catch(void 0),
-  defaultState: Cxe.optional().catch(void 0)
-}), E1e = ({
+  clientMode: kxe.optional().catch(void 0),
+  defaultState: Oxe.optional().catch(void 0)
+}), C1e = ({
   clientId: e,
   apiUrl: t = "https://webchat.botpress.cloud",
   mode: n = "pushpin"
@@ -46249,31 +46251,32 @@ export {
   h_e as ComposerButton,
   p_e as ComposerInput,
   zwe as Container,
-  _1e as Fab,
-  bi as Header,
-  uxe as LoadingIndicator,
+  w1e as Fab,
+  dxe as Header,
+  bi as HeaderRoot,
+  fxe as LoadingIndicator,
   mk as Message,
-  yxe as MessageList,
+  _xe as MessageList,
   Bs as Modal,
   m_e as ModalProvider,
-  vxe as RestartConversation,
-  x1e as Webchat,
-  y1e as WebchatProvider,
+  txe as RestartConversation,
+  S1e as Webchat,
+  v1e as WebchatProvider,
   Tb as avatarThemeSchema,
-  Sxe as blockThemeSchema,
-  Txe as clientModePropsSchema,
-  kxe as configPropsSchema,
-  _xe as configurationSchema,
-  xxe as cssStyleSchema,
+  Exe as blockThemeSchema,
+  kxe as clientModePropsSchema,
+  Axe as configPropsSchema,
+  wxe as configurationSchema,
+  Sxe as cssStyleSchema,
   pc as descriptionItemSchema,
-  E1e as getClient,
-  S1e as initPropsSchema,
-  wxe as markdownTypeSchema,
+  C1e as getClient,
+  E1e as initPropsSchema,
+  xxe as markdownTypeSchema,
   IP as renderers,
-  Cxe as statePropsSchema,
+  Oxe as statePropsSchema,
   Ze as styleOptionSchema,
-  Exe as themeSchema,
-  g1e as useClient,
+  Cxe as themeSchema,
+  y1e as useClient,
   _n as useWebchatContext,
-  Oxe as userPropsSchema
+  Txe as userPropsSchema
 };