@eduzz-automacoes/webchat-widget 0.2.0 → 0.2.2

package/dist/eduzz-webchat.js

@@ -1,7 +1,7 @@
-import { jsx as o, jsxs as l, Fragment as Ue } from "react/jsx-runtime";
-import { forwardRef as Ve, createElement as ke, useState as R, useEffect as M, useRef as ce, useMemo as y, useCallback as re, useReducer as We } from "react";
-import { Container as Ge, MessageList as Ke, Composer as Je, WebchatProvider as Xe, useActiveConversation as Ze, useConversations as Ye, useUser as Qe, useConversationList as et, Block as tt, StylesheetProvider as ot } from "@botpress/webchat";
-import './style.css';const G = {
+import { jsx as o, jsxs as l, Fragment as Fe } from "react/jsx-runtime";
+import { forwardRef as Pe, createElement as Ne, useState as S, useEffect as M, useRef as Y, useMemo as k, useCallback as le, useReducer as st } from "react";
+import { Container as ct, MessageList as lt, Composer as it, WebchatProvider as dt, useActiveConversation as ut, useConversations as bt, useUser as ht, useConversationList as pt, Block as Te, StylesheetProvider as mt } from "@botpress/webchat";
+import './style.css';const Z = {
   botName: "Assistente Virtual",
   subtitle: "Conectado ao bot real",
   botAvatar: "",
@@ -64,8 +64,8 @@ import './style.css';const G = {
   welcomeCloseLabel: "Fechar painel",
   openFabBackgroundColor: "#2563eb",
   openFabIconColor: "#ffffff"
-}, Fe = (e) => e === "bottom-left" || e === "top-left" ? "bottom-left" : "bottom-right", at = (e) => {
-  switch (Fe(e)) {
+}, He = (e) => e === "bottom-left" || e === "top-left" ? "bottom-left" : "bottom-right", wt = (e) => {
+  switch (He(e)) {
     case "bottom-left":
       return {
         bottom: "24px",
@@ -82,12 +82,12 @@ import './style.css';const G = {
         "--panel-transform-origin": "right bottom"
       };
   }
-}, Re = (e, t, a) => Math.min(Math.max(e, t), a), xe = (e) => {
+}, $e = (e, t, a) => Math.min(Math.max(e, t), a), Ie = (e) => {
   if (typeof e != "string") return null;
   let t = e.trim();
   return !t || (t.startsWith("#") && (t = t.slice(1)), t.length === 3 && (t = t.split("").map((a) => `${a}${a}`).join("")), !/^[0-9a-fA-F]{6}$/.test(t)) ? null : `#${t.toLowerCase()}`;
-}, Ne = (e) => {
-  const t = xe(e);
+}, Me = (e) => {
+  const t = Ie(e);
   if (!t) return null;
   const a = t.slice(1);
   return {
@@ -95,19 +95,19 @@ import './style.css';const G = {
     g: Number.parseInt(a.slice(2, 4), 16),
     b: Number.parseInt(a.slice(4, 6), 16)
   };
-}, nt = ({ r: e, g: t, b: a }) => `#${[e, t, a].map(
-  (r) => Re(Math.round(r), 0, 255).toString(16).padStart(2, "0")
-).join("")}`, me = (e, t, a) => {
-  const r = Ne(e), s = Ne(t);
+}, ft = ({ r: e, g: t, b: a }) => `#${[e, t, a].map(
+  (r) => $e(Math.round(r), 0, 255).toString(16).padStart(2, "0")
+).join("")}`, pe = (e, t, a) => {
+  const r = Me(e), s = Me(t);
   if (!r || !s) return null;
-  const n = Re(a, 0, 1);
-  return nt({
+  const n = $e(a, 0, 1);
+  return ft({
     r: r.r * (1 - n) + s.r * n,
     g: r.g * (1 - n) + s.g * n,
     b: r.b * (1 - n) + s.b * n
   });
-}, rt = (e, t) => t < 0 ? me(e, "#000000", Math.abs(t)) : me(e, "#ffffff", t), pe = (e) => {
-  const t = Ne(e);
+}, gt = (e, t) => t < 0 ? pe(e, "#000000", Math.abs(t)) : pe(e, "#ffffff", t), me = (e) => {
+  const t = Me(e);
   return t && [t.r, t.g, t.b].map((r) => {
     const s = r / 255;
     return s <= 0.03928 ? s / 12.92 : ((s + 0.055) / 1.055) ** 2.4;
@@ -115,43 +115,43 @@ import './style.css';const G = {
     (r, s, n) => r + s * [0.2126, 0.7152, 0.0722][n],
     0
   ) > 0.42 ? "#18181b" : "#ffffff";
-}, F = (e, t) => e && Object.prototype.hasOwnProperty.call(e, t) && e[t] != null && e[t] !== "", st = (e, t) => {
-  const a = xe(e.brandColor);
+}, L = (e, t) => e && Object.prototype.hasOwnProperty.call(e, t) && e[t] != null && e[t] !== "", yt = (e, t) => {
+  const a = Ie(e.brandColor);
   if (!a) return e;
-  const r = xe(e.brandTextColor) || pe(a), s = me(a, "#ffffff", 0.82) || G.secondaryButtonBorderColor, n = me(a, "#ffffff", 0.92) || G.secondaryButtonHoverBackgroundColor, c = rt(a, -0.12) || G.primaryButtonHoverBackgroundColor;
+  const r = Ie(e.brandTextColor) || me(a), s = pe(a, "#ffffff", 0.82) || Z.secondaryButtonBorderColor, n = pe(a, "#ffffff", 0.92) || Z.secondaryButtonHoverBackgroundColor, c = gt(a, -0.12) || Z.primaryButtonHoverBackgroundColor;
   return {
     ...e,
     brandColor: a,
     brandTextColor: r,
-    primaryButtonBackgroundColor: F(
+    primaryButtonBackgroundColor: L(
       t,
       "primaryButtonBackgroundColor"
     ) ? e.primaryButtonBackgroundColor : a,
-    primaryButtonTextColor: F(t, "primaryButtonTextColor") ? e.primaryButtonTextColor : r,
-    primaryButtonHoverBackgroundColor: F(
+    primaryButtonTextColor: L(t, "primaryButtonTextColor") ? e.primaryButtonTextColor : r,
+    primaryButtonHoverBackgroundColor: L(
       t,
       "primaryButtonHoverBackgroundColor"
     ) ? e.primaryButtonHoverBackgroundColor : c,
-    secondaryButtonBackgroundColor: F(
+    secondaryButtonBackgroundColor: L(
       t,
       "secondaryButtonBackgroundColor"
     ) ? e.secondaryButtonBackgroundColor : "#ffffff",
-    secondaryButtonTextColor: F(t, "secondaryButtonTextColor") ? e.secondaryButtonTextColor : a,
-    secondaryButtonBorderColor: F(t, "secondaryButtonBorderColor") ? e.secondaryButtonBorderColor : s,
-    secondaryButtonHoverBackgroundColor: F(
+    secondaryButtonTextColor: L(t, "secondaryButtonTextColor") ? e.secondaryButtonTextColor : a,
+    secondaryButtonBorderColor: L(t, "secondaryButtonBorderColor") ? e.secondaryButtonBorderColor : s,
+    secondaryButtonHoverBackgroundColor: L(
       t,
       "secondaryButtonHoverBackgroundColor"
     ) ? e.secondaryButtonHoverBackgroundColor : n,
-    iconButtonBackgroundColor: F(t, "iconButtonBackgroundColor") ? e.iconButtonBackgroundColor : "#ffffff",
-    iconButtonIconColor: F(t, "iconButtonIconColor") ? e.iconButtonIconColor : a,
-    iconButtonBorderColor: F(t, "iconButtonBorderColor") ? e.iconButtonBorderColor : s,
-    iconButtonHoverBackgroundColor: F(
+    iconButtonBackgroundColor: L(t, "iconButtonBackgroundColor") ? e.iconButtonBackgroundColor : "#ffffff",
+    iconButtonIconColor: L(t, "iconButtonIconColor") ? e.iconButtonIconColor : a,
+    iconButtonBorderColor: L(t, "iconButtonBorderColor") ? e.iconButtonBorderColor : s,
+    iconButtonHoverBackgroundColor: L(
       t,
       "iconButtonHoverBackgroundColor"
     ) ? e.iconButtonHoverBackgroundColor : n
   };
-}, ct = (e) => {
-  const t = e.fabBackgroundColor || e.openFabBackgroundColor || G.fabBackgroundColor, a = e.fabIconColor || e.openFabIconColor || G.fabIconColor;
+}, vt = (e) => {
+  const t = e.fabBackgroundColor || e.openFabBackgroundColor || Z.fabBackgroundColor, a = e.fabIconColor || e.openFabIconColor || Z.fabIconColor;
   return {
     ...e,
     fabBackgroundColor: t,
@@ -159,17 +159,17 @@ import './style.css';const G = {
     openFabBackgroundColor: t,
     openFabIconColor: a
   };
-}, lt = (e = {}) => ct(
-  st(
+}, Ct = (e = {}) => vt(
+  yt(
     {
-      ...G,
+      ...Z,
       ...e,
-      position: Fe(e.position ?? G.position)
+      position: He(e.position ?? Z.position)
     },
     e
   )
-), se = (e) => ({
-  ...at(e.position),
+), ie = (e) => ({
+  ...wt(e.position),
   "--widget-width": e.width,
   "--widget-height": e.height,
   "--bpGray-1": "var(--ui-bg)",
@@ -185,9 +185,9 @@ import './style.css';const G = {
   "--bpGray-900": "var(--ui-text)",
   "--bpGray-950": "var(--ui-text)",
   "--accent-color": e.accentColor,
-  "--accent-text-color": pe(e.accentColor),
+  "--accent-text-color": me(e.accentColor),
   "--header-avatar-bg": e.accentColor,
-  "--header-avatar-text": pe(e.accentColor),
+  "--header-avatar-text": me(e.accentColor),
   "--primary-button-background-color": e.primaryButtonBackgroundColor,
   "--primary-button-text-color": e.primaryButtonTextColor,
   "--primary-button-hover-background-color": e.primaryButtonHoverBackgroundColor,
@@ -228,7 +228,7 @@ import './style.css';const G = {
   "--button-text": e.secondaryButtonTextColor,
   "--fab-background-color": e.fabBackgroundColor,
   "--fab-icon-color": e.fabIconColor
-}), it = (e) => ({
+}), Bt = (e) => ({
   color: e.color || e.accentColor,
   fontFamily: e.fontFamily,
   radius: e.radius,
@@ -238,18 +238,18 @@ import './style.css';const G = {
   additionalStylesheet: e.additionalStylesheet,
   additionalStylesheetUrl: e.additionalStylesheetUrl
 });
-const dt = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ut = (e) => e.replace(
+const kt = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), xt = (e) => e.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
   (t, a, r) => r ? r.toUpperCase() : a.toLowerCase()
-), Me = (e) => {
-  const t = ut(e);
+), Ae = (e) => {
+  const t = xt(e);
   return t.charAt(0).toUpperCase() + t.slice(1);
-}, Pe = (...e) => e.filter((t, a, r) => !!t && t.trim() !== "" && r.indexOf(t) === a).join(" ").trim(), bt = (e) => {
+}, Le = (...e) => e.filter((t, a, r) => !!t && t.trim() !== "" && r.indexOf(t) === a).join(" ").trim(), Nt = (e) => {
   for (const t in e)
     if (t.startsWith("aria-") || t === "role" || t === "title")
       return !0;
 };
-var ht = {
+var It = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -260,7 +260,7 @@ var ht = {
   strokeLinecap: "round",
   strokeLinejoin: "round"
 };
-const mt = Ve(
+const Mt = Pe(
   ({
     color: e = "currentColor",
     size: t = 24,
@@ -270,46 +270,47 @@ const mt = Ve(
     children: n,
     iconNode: c,
     ...i
-  }, u) => ke(
+  }, u) => Ne(
     "svg",
     {
       ref: u,
-      ...ht,
+      ...It,
       width: t,
       height: t,
       stroke: e,
       strokeWidth: r ? Number(a) * 24 / Number(t) : a,
-      className: Pe("lucide", s),
-      ...!n && !bt(i) && { "aria-hidden": "true" },
+      className: Le("lucide", s),
+      ...!n && !Nt(i) && { "aria-hidden": "true" },
       ...i
     },
     [
-      ...c.map(([m, w]) => ke(m, w)),
+      ...c.map(([w, m]) => Ne(w, m)),
       ...Array.isArray(n) ? n : [n]
     ]
   )
 );
-const S = (e, t) => {
-  const a = Ve(
-    ({ className: r, ...s }, n) => ke(mt, {
+const A = (e, t) => {
+  const a = Pe(
+    ({ className: r, ...s }, n) => Ne(Mt, {
       ref: n,
       iconNode: t,
-      className: Pe(
-        `lucide-${dt(Me(e))}`,
+      className: Le(
+        `lucide-${kt(Ae(e))}`,
         `lucide-${e}`,
         r
       ),
       ...s
     })
   );
-  return a.displayName = Me(e), a;
+  return a.displayName = Ae(e), a;
 };
-const pt = [
+const St = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
-], wt = S("arrow-right", pt);
-const ft = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], gt = S("chevron-right", ft);
-const yt = [
+], Tt = A("arrow-right", St);
+const At = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], Ut = A("chevron-down", At);
+const Vt = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], Rt = A("chevron-right", Vt);
+const Dt = [
   ["path", { d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8", key: "5wwlr5" }],
   [
     "path",
@@ -318,8 +319,8 @@ const yt = [
       key: "r6nss1"
     }
   ]
-], vt = S("house", yt);
-const Ct = [
+], Ft = A("house", Dt);
+const Pt = [
   [
     "path",
     {
@@ -330,8 +331,8 @@ const Ct = [
   ["path", { d: "M8 12h.01", key: "czm47f" }],
   ["path", { d: "M12 12h.01", key: "1mp3jc" }],
   ["path", { d: "M16 12h.01", key: "1l6xoz" }]
-], Bt = S("message-circle-more", Ct);
-const kt = [
+], Ht = A("message-circle-more", Pt);
+const $t = [
   [
     "path",
     {
@@ -339,8 +340,8 @@ const kt = [
       key: "1sd12s"
     }
   ]
-], xt = S("message-circle", kt);
-const Nt = [
+], Lt = A("message-circle", $t);
+const _t = [
   [
     "path",
     {
@@ -348,8 +349,8 @@ const Nt = [
       key: "18887p"
     }
   ]
-], He = S("message-square", Nt);
-const It = [
+], _e = A("message-square", _t);
+const zt = [
   [
     "path",
     {
@@ -364,12 +365,12 @@ const It = [
       key: "1qfcsi"
     }
   ]
-], $e = S("messages-square", It);
-const Mt = [
+], ze = A("messages-square", zt);
+const Et = [
   ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
   ["path", { d: "M3 3v5h5", key: "1xhq8a" }]
-], St = S("rotate-ccw", Mt);
-const Tt = [
+], Ot = A("rotate-ccw", Et);
+const qt = [
   ["path", { d: "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7", key: "1m0v6g" }],
   [
     "path",
@@ -378,8 +379,8 @@ const Tt = [
       key: "ohrbg2"
     }
   ]
-], At = S("square-pen", Tt);
-const Ut = [
+], jt = A("square-pen", qt);
+const Wt = [
   [
     "path",
     {
@@ -388,8 +389,8 @@ const Ut = [
     }
   ],
   ["path", { d: "M17 14V2", key: "8ymqnk" }]
-], Vt = S("thumbs-down", Ut);
-const Ft = [
+], Gt = A("thumbs-down", Wt);
+const Kt = [
   [
     "path",
     {
@@ -398,103 +399,103 @@ const Ft = [
     }
   ],
   ["path", { d: "M7 10v12", key: "1qc93n" }]
-], Rt = S("thumbs-up", Ft);
-const Pt = [
+], Jt = A("thumbs-up", Kt);
+const Xt = [
   ["circle", { cx: "12", cy: "8", r: "5", key: "1hypcn" }],
   ["path", { d: "M20 21a8 8 0 0 0-16 0", key: "rfgkzh" }]
-], Ht = S("user-round", Pt);
-const $t = [
+], Zt = A("user-round", Xt);
+const Yt = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], _e = S("x", $t), B = { "aria-hidden": !0, strokeWidth: 1.9 }, _t = /* @__PURE__ */ o(St, { ...B }), we = /* @__PURE__ */ o(_e, { ...B }), Lt = /* @__PURE__ */ o(_e, { ...B }), Se = {
-  "message-circle-more": /* @__PURE__ */ o(Bt, { ...B }),
-  "message-circle": /* @__PURE__ */ o(xt, { ...B }),
-  "message-square": /* @__PURE__ */ o(He, { ...B }),
-  "messages-square": /* @__PURE__ */ o($e, { ...B })
-}, zt = (e = "messages-square") => Se[e] || Se["messages-square"], Dt = /* @__PURE__ */ o(wt, { ...B }), Le = /* @__PURE__ */ o(vt, { ...B }), qt = /* @__PURE__ */ o(He, { ...B }), Ot = /* @__PURE__ */ o(Rt, { ...B }), jt = /* @__PURE__ */ o(Vt, { ...B }), Et = /* @__PURE__ */ o($e, { ...B }), Wt = /* @__PURE__ */ o(gt, { ...B }), Gt = /* @__PURE__ */ o(At, { ...B }), Kt = /* @__PURE__ */ o(Ht, { ...B }), he = (e) => String(e).replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&apos;"), Jt = ({ name: e, backgroundColor: t }) => {
-  const a = (e || "B").trim().charAt(0).toUpperCase() || "B", r = pe(t), s = `
+], Ee = A("x", Yt), x = { "aria-hidden": !0, strokeWidth: 1.9 }, Qt = /* @__PURE__ */ o(Ot, { ...x }), we = /* @__PURE__ */ o(Ee, { ...x }), eo = /* @__PURE__ */ o(Ee, { ...x }), Ue = {
+  "message-circle-more": /* @__PURE__ */ o(Ht, { ...x }),
+  "message-circle": /* @__PURE__ */ o(Lt, { ...x }),
+  "message-square": /* @__PURE__ */ o(_e, { ...x }),
+  "messages-square": /* @__PURE__ */ o(ze, { ...x })
+}, to = (e = "messages-square") => Ue[e] || Ue["messages-square"], oo = /* @__PURE__ */ o(Tt, { ...x }), Oe = /* @__PURE__ */ o(Ft, { ...x }), ao = /* @__PURE__ */ o(_e, { ...x }), no = /* @__PURE__ */ o(Jt, { ...x }), ro = /* @__PURE__ */ o(Gt, { ...x }), so = /* @__PURE__ */ o(ze, { ...x }), co = /* @__PURE__ */ o(Rt, { ...x }), lo = /* @__PURE__ */ o(Ut, { ...x }), io = /* @__PURE__ */ o(jt, { ...x }), uo = /* @__PURE__ */ o(Zt, { ...x }), he = (e) => String(e).replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&apos;"), bo = ({ name: e, backgroundColor: t }) => {
+  const a = (e || "B").trim().charAt(0).toUpperCase() || "B", r = me(t), s = `
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" role="img" aria-label="${he(e || "Bot")}">
       <rect width="96" height="96" rx="48" fill="${he(t)}" />
       <text x="50%" y="52%" dominant-baseline="middle" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="42" font-weight="700" fill="${he(r)}">${he(a)}</text>
     </svg>
   `.trim();
   return `data:image/svg+xml;charset=UTF-8,${encodeURIComponent(s)}`;
-}, Xt = (e) => e ? e.payload?.type === "text" ? e.payload.text : e.payload?.type === "bloc" && e.payload.items?.some((t) => t.type === "text") ? e.payload.items.find((a) => a.type === "text")?.payload.text ?? "Conversa sem mensagens" : "Anexo enviado" : "Conversa sem mensagens", Te = [
+}, ho = (e) => e ? e.payload?.type === "text" ? e.payload.text : e.payload?.type === "bloc" && e.payload.items?.some((t) => t.type === "text") ? e.payload.items.find((a) => a.type === "text")?.payload.text ?? "Conversa sem mensagens" : "Anexo enviado" : "Conversa sem mensagens", Ve = [
   { unit: "minute", seconds: 60 },
   { unit: "hour", seconds: 3600 },
   { unit: "day", seconds: 3600 * 24 },
   { unit: "week", seconds: 3600 * 24 * 7 },
   { unit: "month", seconds: 3600 * 24 * 30 },
   { unit: "year", seconds: 3600 * 24 * 365 }
-], Zt = new Intl.RelativeTimeFormat("pt-BR", { numeric: "auto" }), Yt = (e) => {
+], po = new Intl.RelativeTimeFormat("pt-BR", { numeric: "auto" }), mo = (e) => {
   const t = Math.round((new Date(e).getTime() - Date.now()) / 1e3);
   if (Math.abs(t) < 45) return "agora";
-  let a = Te[0];
-  for (const r of Te)
+  let a = Ve[0];
+  for (const r of Ve)
     Math.abs(t) >= r.seconds && (a = r);
-  return Zt.format(Math.round(t / a.seconds), a.unit);
-}, Qt = ({ messages: e, user: t, botName: a, botAvatar: r }) => e.map((s) => {
+  return po.format(Math.round(t / a.seconds), a.unit);
+}, wo = ({ messages: e, user: t, botName: a, botAvatar: r }) => e.map((s) => {
   const n = s.authorId === t?.userId;
   return {
     ...s,
     direction: n ? "outgoing" : "incoming",
     sender: n ? { name: t?.name ?? "Você", avatar: t?.pictureUrl } : { name: a, avatar: r }
   };
-}), eo = ({ activeView: e, clientState: t, conversationId: a, messagesLength: r }) => {
-  const [s, n] = R(!1), c = e === "chat", i = c && t === "connecting", u = c && t === "connected" && r === 0, m = s && (!c || r > 0 || t !== "connecting" && t !== "connected");
+}), fo = ({ activeView: e, clientState: t, conversationId: a, messagesLength: r }) => {
+  const [s, n] = S(!1), c = e === "chat", i = c && t === "connecting", u = c && t === "connected" && r === 0, w = s && (!c || r > 0 || t !== "connecting" && t !== "connected");
   return M(() => {
     if (s) {
       if (u) {
-        const w = window.setTimeout(() => n(!1), 900);
-        return () => window.clearTimeout(w);
+        const m = window.setTimeout(() => n(!1), 900);
+        return () => window.clearTimeout(m);
       }
-      if (m) {
-        const w = window.setTimeout(() => n(!1), 0);
-        return () => window.clearTimeout(w);
+      if (w) {
+        const m = window.setTimeout(() => n(!1), 0);
+        return () => window.clearTimeout(m);
       }
     }
-  }, [a, s, u, m]), {
+  }, [a, s, u, w]), {
     showInitialLoading: i || s && c,
     setShowInitialLoading: n
   };
-}, to = 3e4, oo = ({
+}, go = 3e4, yo = ({
   getSession: e,
   sessionKey: t,
   onSessionChange: a
 }) => {
-  const [r, s] = R(null), [n, c] = R(!!e), i = ce(e);
+  const [r, s] = S(null), [n, c] = S(!!e), i = Y(e);
   i.current = e;
-  const u = ce(a);
+  const u = Y(a);
   return u.current = a, M(() => {
-    let m = !0, w;
-    const b = (h) => {
-      m && (s(h), u.current?.(h));
+    let w = !0, m;
+    const b = (f) => {
+      w && (s(f), u.current?.(f));
     };
     if (!i.current) {
       c(!1), b(null);
       return;
     }
-    const P = async () => {
+    const U = async () => {
       try {
-        const h = await i.current();
-        if (!h?.userToken)
+        const f = await i.current();
+        if (!f?.userToken)
           throw new Error("Webchat session not created or empty");
-        if (!m) return;
-        b(h);
-        const x = h.expiresAt - Date.now() - to;
-        w = setTimeout(P, Math.max(x, 0));
-      } catch (h) {
-        console.error("[EduzzWebchat] error creating session: ", h), b(null);
+        if (!w) return;
+        b(f);
+        const B = f.expiresAt - Date.now() - go;
+        m = setTimeout(U, Math.max(B, 0));
+      } catch (f) {
+        console.error("[EduzzWebchat] error creating session: ", f), b(null);
       } finally {
-        m && c(!1);
+        w && c(!1);
       }
     };
-    return c(!0), P(), () => {
-      m = !1, w && clearTimeout(w);
+    return c(!0), U(), () => {
+      w = !1, m && clearTimeout(m);
     };
   }, [t, !!e]), { session: r, resolving: n };
 };
-function ao({
+function vo({
   botName: e,
   botAvatar: t,
   subtitle: a,
@@ -519,7 +520,7 @@ function ao({
           type: "button",
           "aria-label": "Abrir início",
           onClick: r,
-          children: Le
+          children: Oe
         }
       ) : null,
       /* @__PURE__ */ o(
@@ -529,7 +530,7 @@ function ao({
           type: "button",
           "aria-label": "Abrir conversas",
           onClick: s,
-          children: Et
+          children: so
         }
       ),
       /* @__PURE__ */ o(
@@ -539,7 +540,7 @@ function ao({
           type: "button",
           "aria-label": "Reiniciar conversa",
           onClick: n,
-          children: _t
+          children: Qt
         }
       ),
       c ? /* @__PURE__ */ o(
@@ -555,7 +556,7 @@ function ao({
     ] })
   ] });
 }
-function ze() {
+function qe() {
   return /* @__PURE__ */ l("div", { className: "bp-webchat-loading", children: [
     /* @__PURE__ */ l("div", { className: "bp-webchat-loading-hero", children: [
       /* @__PURE__ */ o("div", { className: "bp-webchat-loading-circle" }),
@@ -573,7 +574,7 @@ function ze() {
     ] })
   ] });
 }
-function no({
+function Co({
   config: e,
   allowFileUpload: t,
   clientState: a,
@@ -583,34 +584,34 @@ function no({
   sendMessage: c,
   uploadFile: i,
   addMessageFeedback: u,
-  showInitialLoading: m,
-  onShowHome: w,
+  showInitialLoading: w,
+  onShowHome: m,
   onOpenHistory: b,
-  onRestartConversation: P,
-  onCloseWidget: h
+  onRestartConversation: U,
+  onCloseWidget: f
 }) {
   return /* @__PURE__ */ l("div", { className: "bp-webchat-layout", children: [
     /* @__PURE__ */ o(
-      ao,
+      vo,
       {
         botName: e.botName,
         botAvatar: e.botAvatar,
         subtitle: e.subtitle,
-        onShowHome: w,
+        onShowHome: m,
         onOpenHistory: b,
-        onRestartConversation: P,
-        onCloseWidget: h
+        onRestartConversation: U,
+        onCloseWidget: f
       }
     ),
     /* @__PURE__ */ o(
-      Ge,
+      ct,
       {
         className: "bp-webchat-container",
         uploadFile: i,
         allowFileUpload: t,
-        children: m ? /* @__PURE__ */ o(ze, {}) : /* @__PURE__ */ l(Ue, { children: [
+        children: w ? /* @__PURE__ */ o(qe, {}) : /* @__PURE__ */ l(Fe, { children: [
           /* @__PURE__ */ o(
-            Ke,
+            lt,
             {
               botName: e.botName,
               botDescription: e.subtitle,
@@ -627,7 +628,7 @@ function no({
             }
           ),
           /* @__PURE__ */ o(
-            Je,
+            it,
             {
               connected: a !== "disconnected",
               sendMessage: c,
@@ -642,7 +643,7 @@ function no({
     )
   ] });
 }
-function De({ activeView: e, onShowHome: t, onShowConversations: a }) {
+function je({ activeView: e, onShowHome: t, onShowConversations: a }) {
   return /* @__PURE__ */ l("div", { className: "bp-webchat-tabs bp-webchat-welcome-bottom", children: [
     /* @__PURE__ */ l(
       "button",
@@ -652,7 +653,7 @@ function De({ activeView: e, onShowHome: t, onShowConversations: a }) {
         type: "button",
         onClick: t,
         children: [
-          /* @__PURE__ */ o("span", { className: "bp-webchat-tab-icon bp-webchat-welcome-tab-icon", children: Le }),
+          /* @__PURE__ */ o("span", { className: "bp-webchat-tab-icon bp-webchat-welcome-tab-icon", children: Oe }),
           /* @__PURE__ */ o("span", { children: "Início" })
         ]
       }
@@ -665,14 +666,14 @@ function De({ activeView: e, onShowHome: t, onShowConversations: a }) {
         type: "button",
         onClick: a,
         children: [
-          /* @__PURE__ */ o("span", { className: "bp-webchat-tab-icon bp-webchat-welcome-tab-icon", children: qt }),
+          /* @__PURE__ */ o("span", { className: "bp-webchat-tab-icon bp-webchat-welcome-tab-icon", children: ao }),
           /* @__PURE__ */ o("span", { children: "Conversas" })
         ]
       }
     )
   ] });
 }
-function ro({
+function Bo({
   conversations: e,
   currentConversationId: t,
   isLoading: a,
@@ -682,8 +683,8 @@ function ro({
   onCloseWidget: c,
   onShowHome: i,
   onShowConversations: u,
-  onNewConversation: m,
-  onConversationClick: w
+  onNewConversation: w,
+  onConversationClick: m
 }) {
   return /* @__PURE__ */ l("div", { className: "bp-webchat-history", children: [
     /* @__PURE__ */ l("div", { className: "bp-webchat-history-header", children: [
@@ -712,32 +713,32 @@ function ro({
       ] })
     ] }),
     /* @__PURE__ */ o("div", { className: "bp-webchat-history-list", children: a ? /* @__PURE__ */ o("div", { className: "bp-webchat-history-loading", children: "Carregando conversas..." }) : e.length === 0 ? /* @__PURE__ */ o("div", { className: "bp-webchat-history-empty", children: "Nenhuma conversa iniciada ainda." }) : e.map((b) => {
-      const P = Xt(b.lastMessage), h = b.lastMessage?.author?.type === "bot";
+      const U = ho(b.lastMessage), f = b.lastMessage?.author?.type === "bot";
       return /* @__PURE__ */ l(
         "button",
         {
           className: "bp-webchat-history-item",
           type: "button",
-          onClick: () => w(b.id),
+          onClick: () => m(b.id),
           "data-current": b.id === t || void 0,
           children: [
-            /* @__PURE__ */ o("div", { className: "bp-webchat-history-avatar", "data-kind": h ? "bot" : "user", children: h && r ? /* @__PURE__ */ o("img", { src: r, alt: "" }) : h ? /* @__PURE__ */ o("span", { children: (s || "B").slice(0, 1).toUpperCase() }) : Kt }),
+            /* @__PURE__ */ o("div", { className: "bp-webchat-history-avatar", "data-kind": f ? "bot" : "user", children: f && r ? /* @__PURE__ */ o("img", { src: r, alt: "" }) : f ? /* @__PURE__ */ o("span", { children: (s || "B").slice(0, 1).toUpperCase() }) : uo }),
             /* @__PURE__ */ l("div", { className: "bp-webchat-history-content", children: [
-              /* @__PURE__ */ o("span", { className: "bp-webchat-history-name", children: P }),
-              /* @__PURE__ */ o("span", { className: "bp-webchat-history-time", children: Yt(b.updatedAt) })
+              /* @__PURE__ */ o("span", { className: "bp-webchat-history-name", children: U }),
+              /* @__PURE__ */ o("span", { className: "bp-webchat-history-time", children: mo(b.updatedAt) })
             ] }),
-            /* @__PURE__ */ o("span", { className: "bp-webchat-history-chevron", children: Wt })
+            /* @__PURE__ */ o("span", { className: "bp-webchat-history-chevron", children: co })
           ]
         },
         b.id
       );
     }) }),
-    /* @__PURE__ */ o("div", { className: "bp-webchat-history-footer", children: /* @__PURE__ */ l("button", { className: "bp-webchat-history-new", type: "button", onClick: m, children: [
-      Gt,
+    /* @__PURE__ */ o("div", { className: "bp-webchat-history-footer", children: /* @__PURE__ */ l("button", { className: "bp-webchat-history-new", type: "button", onClick: w, children: [
+      io,
       /* @__PURE__ */ o("span", { children: "Nova conversa" })
     ] }) }),
     /* @__PURE__ */ o(
-      De,
+      je,
       {
         activeView: "conversations",
         onShowHome: i,
@@ -746,7 +747,103 @@ function ro({
     )
   ] });
 }
-function so({ open: e, draft: t, setDraft: a, onConfirm: r, onCancel: s }) {
+const Re = (e) => String(e ?? "").normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().trim();
+function ko(e) {
+  const { label: t, options: a = [], sendMessage: r, isReadOnly: s, messageId: n } = e, [c, i] = S(!1), [u, w] = S(""), [m, b] = S(0), [U, f] = S(null), B = Y(null), F = Y([]), _ = s || U !== null || a.length === 0, V = k(() => {
+    const d = Re(u);
+    return d ? a.filter((p) => Re(p.label).includes(d)) : a;
+  }, [a, u]);
+  M(() => {
+    b(0);
+  }, [u]), M(() => {
+    if (!c) return;
+    const d = (p) => {
+      B.current && !B.current.contains(p.target) && i(!1);
+    };
+    return document.addEventListener("mousedown", d), () => document.removeEventListener("mousedown", d);
+  }, [c]), M(() => {
+    c && F.current[m]?.scrollIntoView({ block: "nearest" });
+  }, [m, c]);
+  const W = (d) => {
+    d && (r?.({ type: "text", text: d.label, value: d.value }), f(d.label), w(""), i(!1));
+  }, G = (d) => {
+    if (!_)
+      switch (d.key) {
+        case "ArrowDown":
+          if (d.preventDefault(), !c) {
+            i(!0);
+            return;
+          }
+          b((p) => Math.min(p + 1, V.length - 1));
+          break;
+        case "ArrowUp":
+          d.preventDefault(), b((p) => Math.max(p - 1, 0));
+          break;
+        case "Enter":
+          d.preventDefault(), c && W(V[m]);
+          break;
+        case "Escape":
+          i(!1);
+          break;
+      }
+  }, N = `bpDropdownList-${n ?? "x"}`;
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: "bpDropdown",
+      "data-open": c || void 0,
+      "data-disabled": _ || void 0,
+      ref: B,
+      children: [
+        t ? /* @__PURE__ */ o("span", { className: "bpDropdownLabel", children: t }) : null,
+        /* @__PURE__ */ l("div", { className: "bpDropdownControl", children: [
+          /* @__PURE__ */ o(
+            "input",
+            {
+              className: "bpDropdownInput",
+              type: "text",
+              role: "combobox",
+              "aria-expanded": c,
+              "aria-controls": N,
+              "aria-autocomplete": "list",
+              autoComplete: "off",
+              placeholder: "Selecione...",
+              value: U ?? u,
+              disabled: _,
+              onFocus: () => {
+                _ || i(!0);
+              },
+              onChange: (d) => {
+                w(d.target.value), i(!0);
+              },
+              onKeyDown: G
+            }
+          ),
+          /* @__PURE__ */ o("span", { className: "bpDropdownChevron", children: lo })
+        ] }),
+        c && !_ ? /* @__PURE__ */ o("ul", { className: "bpDropdownMenu", id: N, role: "listbox", children: V.length > 0 ? V.map((d, p) => /* @__PURE__ */ o(
+          "li",
+          {
+            ref: (R) => {
+              F.current[p] = R;
+            },
+            className: "bpDropdownOption",
+            role: "option",
+            "aria-selected": p === m,
+            "data-active": p === m || void 0,
+            onMouseEnter: () => b(p),
+            onMouseDown: (R) => {
+              R.preventDefault(), W(d);
+            },
+            children: d.label
+          },
+          d.value
+        )) : /* @__PURE__ */ o("li", { className: "bpDropdownEmpty", role: "presentation", children: "Nenhuma opção encontrada" }) }) : null
+      ]
+    }
+  );
+}
+function xo({ open: e, draft: t, setDraft: a, onConfirm: r, onCancel: s }) {
   return e ? /* @__PURE__ */ o("div", { className: "bp-webchat-modal-backdrop", children: /* @__PURE__ */ l("div", { className: "bp-webchat-modal", children: [
     /* @__PURE__ */ o("h3", { className: "bp-webchat-modal-title", children: "Nos ajude a melhorar" }),
     /* @__PURE__ */ o("p", { className: "bp-webchat-modal-description", children: "Conte o que não ficou bom nesta resposta." }),
@@ -773,7 +870,7 @@ function so({ open: e, draft: t, setDraft: a, onConfirm: r, onCancel: s }) {
     ] })
   ] }) }) : null;
 }
-function co({ open: e, onConfirm: t, onCancel: a }) {
+function No({ open: e, onConfirm: t, onCancel: a }) {
   return e ? /* @__PURE__ */ o("div", { className: "bp-webchat-modal-backdrop", children: /* @__PURE__ */ l("div", { className: "bp-webchat-modal", children: [
     /* @__PURE__ */ o("h3", { className: "bp-webchat-modal-title", children: "Criar nova conversa" }),
     /* @__PURE__ */ o("p", { className: "bp-webchat-modal-description", children: "Isso vai limpar a conversa atual e iniciar uma nova sessão com o bot." }),
@@ -791,7 +888,7 @@ function co({ open: e, onConfirm: t, onCancel: a }) {
     ] })
   ] }) }) : null;
 }
-function lo({ config: e, activeView: t, onShowHome: a, onShowConversations: r, onStart: s, onClose: n }) {
+function Io({ config: e, activeView: t, onShowHome: a, onShowConversations: r, onStart: s, onClose: n }) {
   const c = e.welcomeCardImage || e.botAvatar;
   return /* @__PURE__ */ l("div", { className: "bp-webchat-welcome", children: [
     /* @__PURE__ */ l("div", { className: "bp-webchat-welcome-hero", children: [
@@ -817,11 +914,11 @@ function lo({ config: e, activeView: t, onShowHome: a, onShowConversations: r, o
           /* @__PURE__ */ o("span", { className: "bp-webchat-welcome-cta-title", children: e.welcomeCtaLabel }),
           e.welcomeButtonDescription ? /* @__PURE__ */ o("span", { className: "bp-webchat-welcome-cta-description", children: e.welcomeButtonDescription }) : null
         ] }) }),
-        /* @__PURE__ */ o("span", { className: "bp-webchat-welcome-cta-right", children: Dt })
+        /* @__PURE__ */ o("span", { className: "bp-webchat-welcome-cta-right", children: oo })
       ] })
     ] }) }),
     /* @__PURE__ */ o(
-      De,
+      je,
       {
         activeView: t,
         onShowHome: a,
@@ -830,43 +927,43 @@ function lo({ config: e, activeView: t, onShowHome: a, onShowConversations: r, o
     )
   ] });
 }
-const io = 220, fe = "eduzz-webchat", Be = Object.freeze({
+const Mo = 220, fe = "eduzz-webchat", xe = Object.freeze({
   allowFileUpload: !1,
   allowMessageFeedback: !1
-}), uo = "anonymous-id", bo = (e) => !!e && typeof e == "object" && !Array.isArray(e), qe = (e) => e.replace(/\/+$/, ""), Ie = ({ webchatProxyUrl: e }) => {
+}), So = "anonymous-id", To = (e) => !!e && typeof e == "object" && !Array.isArray(e), We = (e) => e.replace(/\/+$/, ""), Se = ({ webchatProxyUrl: e }) => {
   if (typeof e != "string" || !e.trim())
     return null;
-  const t = qe(e.trim()), a = "/webchat/proxy";
+  const t = We(e.trim()), a = "/webchat/proxy";
   return t.endsWith(a) ? t.slice(0, -a.length) : null;
-}, ho = ({ webchatProxyUrl: e, clientId: t }) => !e || !t ? null : `${e.endsWith("/") ? e.slice(0, -1) : e}/${encodeURIComponent(t)}/runtime-config`, mo = ({ webchatProxyUrl: e, clientId: t, presetSlug: a }) => {
+}, Ao = ({ webchatProxyUrl: e, clientId: t }) => !e || !t ? null : `${e.endsWith("/") ? e.slice(0, -1) : e}/${encodeURIComponent(t)}/runtime-config`, Uo = ({ webchatProxyUrl: e, clientId: t, presetSlug: a }) => {
   if (!e || !t)
     return null;
-  const r = Ie({ webchatProxyUrl: e });
+  const r = Se({ webchatProxyUrl: e });
   if (!r)
     return null;
   const s = new URLSearchParams();
   typeof a == "string" && a.trim() && s.set("slug", a.trim());
   const n = s.toString();
   return `${r}/webchat/bootstrap/${encodeURIComponent(t)}${n ? `?${n}` : ""}`;
-}, po = (e) => {
+}, Vo = (e) => {
   const t = e && typeof e == "object" && e.data && typeof e.data == "object" ? e.data : e;
   return t && typeof t == "object" ? t : null;
-}, Q = (e) => bo(e) ? e : null, wo = (e) => {
+}, re = (e) => To(e) ? e : null, Ro = (e) => {
   if (!e) return "";
   try {
     return JSON.stringify(e);
   } catch {
     return String(Date.now());
   }
-}, Oe = (e) => {
+}, Ge = (e) => {
   if (typeof window > "u") return null;
   try {
     return e === "sessionStorage" ? window.sessionStorage : window.localStorage;
   } catch {
     return null;
   }
-}, je = ({ storageKey: e, storageLocation: t }) => {
-  const a = Oe(t);
+}, Ke = ({ storageKey: e, storageLocation: t }) => {
+  const a = Ge(t);
   if (!a) return null;
   try {
     const r = a.getItem(
@@ -878,10 +975,13 @@ const io = 220, fe = "eduzz-webchat", Be = Object.freeze({
   } catch {
     return;
   }
-}, fo = ({ storageKey: e, storageLocation: t }) => {
-  const a = je({ storageKey: e, storageLocation: t });
+}, Do = ({ storageKey: e, storageLocation: t }) => {
+  const a = Ke({
+    storageKey: e,
+    storageLocation: t
+  });
   return typeof a?.conversationId == "string" && a.conversationId.trim() || void 0;
-}, Ae = () => {
+}, De = () => {
   try {
     if (typeof crypto < "u" && typeof crypto.randomUUID == "function")
       return crypto.randomUUID();
@@ -895,19 +995,23 @@ const io = 220, fe = "eduzz-webchat", Be = Object.freeze({
     const t = Math.random() * 16 | 0;
     return (e === "x" ? t : t & 3 | 8).toString(16);
   });
-}, go = (e) => `${e || fe}-${uo}`, yo = ({ storageKey: e, storageLocation: t }) => {
-  const a = Oe(t), r = go(e);
+}, Fo = (e) => `${e || fe}-${So}`, Po = ({ storageKey: e, storageLocation: t }) => {
+  const a = Ge(t), r = Fo(e);
   try {
     const s = a?.getItem(r);
     if (s)
       return s;
-    const n = `anon_${Ae()}`;
+    const n = `anon_${De()}`;
     return a?.setItem(r, n), n;
   } catch {
-    return `anon_${Ae()}`;
+    return `anon_${De()}`;
   }
-}, vo = async ({ webchatProxyUrl: e, clientId: t, accountId: a }) => {
-  const r = Ie({ webchatProxyUrl: e });
+}, Ho = async ({
+  webchatProxyUrl: e,
+  clientId: t,
+  accountId: a
+}) => {
+  const r = Se({ webchatProxyUrl: e });
   if (!r)
     throw new Error("public session request requires a valid webchatProxyUrl");
   const s = await fetch(
@@ -921,7 +1025,9 @@ const io = 220, fe = "eduzz-webchat", Be = Object.freeze({
     }
   );
   if (!s.ok)
-    throw new Error(`public session request failed with status ${s.status}`);
+    throw new Error(
+      `public session request failed with status ${s.status}`
+    );
   const n = await s.json(), c = n && typeof n == "object" && n.data && typeof n.data == "object" ? n.data : n;
   if (!c || typeof c != "object")
     throw new Error("public session response is invalid");
@@ -931,11 +1037,11 @@ const io = 220, fe = "eduzz-webchat", Be = Object.freeze({
     userId: c.userId,
     userToken: c.userToken
   };
-}, Co = (e) => ({
+}, $o = (e) => ({
   ...typeof e.name == "string" && e.name.trim() ? { name: e.name.trim() } : {},
   ...typeof e.pictureUrl == "string" && e.pictureUrl.trim() ? { pictureUrl: e.pictureUrl.trim() } : {},
   userData: e
-}), Bo = ({
+}), Lo = ({
   showWelcomeScreen: e,
   storageKey: t,
   storageLocation: a,
@@ -943,17 +1049,48 @@ const io = 220, fe = "eduzz-webchat", Be = Object.freeze({
   userToken: s
 }) => {
   if (!e)
-    return { activeView: "chat", historyReturnView: "chat", bootstrapView: "chat" };
+    return {
+      activeView: "chat",
+      historyReturnView: "chat",
+      bootstrapView: "chat"
+    };
   if (r && s)
-    return { activeView: "chat", historyReturnView: "chat", bootstrapView: "chat" };
-  const n = je({ storageKey: t, storageLocation: a });
+    return {
+      activeView: "chat",
+      historyReturnView: "chat",
+      bootstrapView: "chat"
+    };
+  const n = Ke({
+    storageKey: t,
+    storageLocation: a
+  });
   if (n == null)
-    return { activeView: "home", historyReturnView: "home", bootstrapView: "home" };
+    return {
+      activeView: "home",
+      historyReturnView: "home",
+      bootstrapView: "home"
+    };
   if (n === void 0)
-    return { activeView: "pending", historyReturnView: "home", bootstrapView: "pending" };
+    return {
+      activeView: "pending",
+      historyReturnView: "home",
+      bootstrapView: "pending"
+    };
   const c = typeof n.conversationId == "string" ? n.conversationId.trim() : "", i = typeof n.user?.userToken == "string" ? n.user.userToken.trim() : "";
-  return c && i ? { activeView: "chat", historyReturnView: "chat", bootstrapView: "chat" } : !c && !i ? { activeView: "home", historyReturnView: "home", bootstrapView: "home" } : { activeView: "pending", historyReturnView: "home", bootstrapView: "pending" };
-}, ko = (e, t) => {
+  return c && i ? {
+    activeView: "chat",
+    historyReturnView: "chat",
+    bootstrapView: "chat"
+  } : !c && !i ? {
+    activeView: "home",
+    historyReturnView: "home",
+    bootstrapView: "home"
+  } : {
+    activeView: "pending",
+    historyReturnView: "home",
+    bootstrapView: "pending"
+  };
+}, _o = (e, t) => {
   switch (t.type) {
     case "show":
       return { isPanelMounted: !0, isPanelVisible: e.isPanelVisible };
@@ -967,7 +1104,7 @@ const io = 220, fe = "eduzz-webchat", Be = Object.freeze({
       return e;
   }
 };
-function So({
+function jo({
   clientId: e,
   webchatProxyUrl: t,
   userCredentials: a,
@@ -977,204 +1114,240 @@ function So({
   presetSlug: c,
   storageKey: i = fe,
   storageLocation: u = "localStorage",
-  defaultOpen: m,
-  onUserApiChange: w,
+  defaultOpen: w,
+  onUserApiChange: m,
   getSession: b,
-  sessionKey: P,
-  onSessionChange: h
+  sessionKey: U,
+  onSessionChange: f
 }) {
-  const { session: x, resolving: z } = oo({
+  const { session: B, resolving: F } = yo({
     getSession: b,
-    sessionKey: P,
-    onSessionChange: h
-  }), ee = !!x && Date.now() < x.expiresAt, le = ee ? { userId: x.userId, userToken: x.userToken } : void 0, q = b ? le : a, te = ee ? x.conversationId : void 0, oe = y(
+    sessionKey: U,
+    onSessionChange: f
+  }), Q = !!B && Date.now() < B.expiresAt, _ = Q ? { userId: B.userId, userToken: B.userToken } : void 0, V = b ? _ : a, W = Q ? B.conversationId : void 0, G = k(
     () => typeof c == "string" && c.trim() ? c.trim() : void 0,
     [c]
-  ), N = y(
-    () => typeof t == "string" && t.trim() ? qe(t.trim()) : void 0,
+  ), N = k(
+    () => typeof t == "string" && t.trim() ? We(t.trim()) : void 0,
     [t]
   );
-  y(
-    () => N ? Ie({ webchatProxyUrl: N }) : null,
+  k(
+    () => N ? Se({ webchatProxyUrl: N }) : null,
     [N]
   );
-  const O = !!(e && N && (oe || !q)), T = y(
-    () => O ? mo({
+  const d = !!(e && N && (G || !V)), p = k(
+    () => d ? Uo({
       webchatProxyUrl: N,
       clientId: e,
-      presetSlug: oe
+      presetSlug: G
     }) : null,
-    [e, oe, N, O]
-  ), [D, K] = R({
+    [
+      e,
+      G,
+      N,
+      d
+    ]
+  ), [R, ee] = S({
     error: null,
     isLoading: !1,
     payload: null,
     url: null
   });
   M(() => {
-    if (!T) {
-      K({ error: null, isLoading: !1, payload: null, url: null });
+    if (!p) {
+      ee({
+        error: null,
+        isLoading: !1,
+        payload: null,
+        url: null
+      });
       return;
     }
-    const v = new AbortController();
-    return K({ error: null, isLoading: !0, payload: null, url: T }), fetch(T, {
+    const I = new AbortController();
+    return ee({
+      error: null,
+      isLoading: !0,
+      payload: null,
+      url: p
+    }), fetch(p, {
       headers: {
         accept: "application/json"
       },
-      signal: v.signal
-    }).then(async (g) => {
-      if (!g.ok)
-        throw new Error(`bootstrap request failed with status ${g.status}`);
-      return g.json();
-    }).then((g) => {
-      const U = po(g);
-      if (!U)
+      signal: I.signal
+    }).then(async (v) => {
+      if (!v.ok)
+        throw new Error(
+          `bootstrap request failed with status ${v.status}`
+        );
+      return v.json();
+    }).then((v) => {
+      const H = Vo(v);
+      if (!H)
         throw new Error("bootstrap response is invalid");
-      K({
+      ee({
         error: null,
         isLoading: !1,
-        payload: U,
-        url: T
+        payload: H,
+        url: p
       });
-    }).catch((g) => {
-      v.signal.aborted || (console.warn("[EduzzWebchat] failed to load bootstrap", g), K({ error: g, isLoading: !1, payload: null, url: T }));
-    }), () => v.abort();
-  }, [T]);
-  const f = T && D.url === T ? D.payload : null, ie = T && D.url === T ? D.error : null, k = f?.clientId || e, A = N || f?.webchatProxyUrl || void 0, H = i === fe && f?.storageKey ? f.storageKey : i, j = typeof m == "boolean" ? m : typeof f?.defaultOpen == "boolean" ? f.defaultOpen : m, I = y(
+    }).catch((v) => {
+      I.signal.aborted || (console.warn("[EduzzWebchat] failed to load bootstrap", v), ee({
+        error: v,
+        isLoading: !1,
+        payload: null,
+        url: p
+      }));
+    }), () => I.abort();
+  }, [p]);
+  const y = p && R.url === p ? R.payload : null, de = p && R.url === p ? R.error : null, T = y?.clientId || e, P = N || y?.webchatProxyUrl || void 0, z = i === fe && y?.storageKey ? y.storageKey : i, K = typeof w == "boolean" ? w : typeof y?.defaultOpen == "boolean" ? y.defaultOpen : w, D = k(
     () => ({
-      ...Q(f?.config) || {},
-      ...Q(s) || {}
+      ...re(y?.config) || {},
+      ...re(s) || {}
     }),
-    [f, s]
-  ), ge = y(
-    () => {
-      const v = {
-        ...Q(f?.defaultUserData) || {},
-        ...Q(n) || {}
-      };
-      return Object.keys(v).length > 0 ? v : null;
-    },
-    [n, f]
-  ), $ = !!(!q && !z && f?.sessionMode === "service-hub" && A && k), [ae, J] = R({
+    [y, s]
+  ), ge = k(() => {
+    const I = {
+      ...re(y?.defaultUserData) || {},
+      ...re(n) || {}
+    };
+    return Object.keys(I).length > 0 ? I : null;
+  }, [n, y]), E = !!(!V && !F && y?.sessionMode === "service-hub" && P && T), [se, te] = S({
     error: null,
     isLoading: !1,
     payload: null,
     key: null
   });
   M(() => {
-    if (!$) {
-      J({ error: null, isLoading: !1, payload: null, key: null });
+    if (!E) {
+      te({
+        error: null,
+        isLoading: !1,
+        payload: null,
+        key: null
+      });
       return;
     }
-    const v = yo({
-      storageKey: H,
+    const I = Po({
+      storageKey: z,
       storageLocation: u
-    }), g = `${k}:${A}:${v}`;
-    let U = !1;
-    return J({
+    }), v = `${T}:${P}:${I}`;
+    let H = !1;
+    return te({
       error: null,
       isLoading: !0,
       payload: null,
-      key: g
-    }), vo({
-      webchatProxyUrl: A,
-      clientId: k,
-      accountId: v
-    }).then((p) => {
-      U || J({
+      key: v
+    }), Ho({
+      webchatProxyUrl: P,
+      clientId: T,
+      accountId: I
+    }).then((C) => {
+      H || te({
         error: null,
         isLoading: !1,
-        payload: p,
-        key: g
+        payload: C,
+        key: v
       });
-    }).catch((p) => {
-      U || (console.warn("[EduzzWebchat] failed to open public session", p), J({
-        error: p,
+    }).catch((C) => {
+      H || (console.warn("[EduzzWebchat] failed to open public session", C), te({
+        error: C,
         isLoading: !1,
         payload: null,
-        key: g
+        key: v
       }));
     }), () => {
-      U = !0;
+      H = !0;
     };
   }, [
-    k,
-    H,
-    A,
-    $,
+    T,
+    z,
+    P,
+    E,
     u
   ]);
-  const E = $ ? ae.payload : null, X = q || E, _ = y(() => lt(I), [I]), Z = y(
-    () => te || r || fo({
-      storageKey: H,
+  const J = E ? se.payload : null, oe = V || J, O = k(
+    () => Ct(D),
+    [D]
+  ), ae = k(
+    () => W || r || Do({
+      storageKey: z,
       storageLocation: u
     }),
-    [te, r, H, u]
-  ), V = j ?? _.initiallyOpen ?? !0, [ye, W] = R(V), ne = ce(V), [L, Y] = R(Be), ve = re(() => W((v) => !v), []);
+    [
+      W,
+      r,
+      z,
+      u
+    ]
+  ), $ = K ?? O.initiallyOpen ?? !0, [ye, X] = S($), ce = Y($), [q, ne] = S(
+    xe
+  ), ve = le(() => X((I) => !I), []);
   M(() => {
-    ne.current !== V && (ne.current = V, W(V));
-  }, [V]);
-  const de = O && !f && !ie, Ce = $ && !E && !ae.error;
+    ce.current !== $ && (ce.current = $, X($));
+  }, [$]);
+  const ue = d && !y && !de, Ce = E && !J && !se.error;
   return M(() => {
-    const v = ho({
-      webchatProxyUrl: A,
-      clientId: k
+    const I = Ao({
+      webchatProxyUrl: P,
+      clientId: T
     });
-    if (Y(Be), !v)
+    if (ne(xe), !I)
       return;
-    const g = new AbortController();
-    let U = !1;
-    return fetch(v, {
+    const v = new AbortController();
+    let H = !1;
+    return fetch(I, {
       headers: {
         accept: "application/json"
       },
-      signal: g.signal
-    }).then(async (p) => {
-      if (!p.ok)
-        throw new Error(`runtime config request failed with status ${p.status}`);
-      return p.json();
-    }).then((p) => {
-      if (U)
+      signal: v.signal
+    }).then(async (C) => {
+      if (!C.ok)
+        throw new Error(
+          `runtime config request failed with status ${C.status}`
+        );
+      return C.json();
+    }).then((C) => {
+      if (H)
         return;
-      const ue = p && typeof p == "object" && p.data && typeof p.data == "object" ? p.data : {};
-      Y({
-        allowFileUpload: ue.allowFileUpload === !0,
-        allowMessageFeedback: ue.allowMessageFeedback === !0
+      const h = C && typeof C == "object" && C.data && typeof C.data == "object" ? C.data : {};
+      ne({
+        allowFileUpload: h.allowFileUpload === !0,
+        allowMessageFeedback: h.allowMessageFeedback === !0
       });
-    }).catch((p) => {
-      g.signal.aborted || U || (console.warn("[EduzzWebchat] failed to load runtime config", p), Y(Be));
+    }).catch((C) => {
+      v.signal.aborted || H || (console.warn("[EduzzWebchat] failed to load runtime config", C), ne(xe));
     }), () => {
-      U = !0, g.abort();
+      H = !0, v.abort();
     };
-  }, [k, A]), de || Ce || b && z ? null : ie && !f ? /* @__PURE__ */ o("div", { className: "bp-webchat-shell", style: se(_), children: /* @__PURE__ */ o("div", { className: "bp-webchat-error", children: "Nao foi possivel carregar a configuracao publica do webchat." }) }) : ae.error && !E ? /* @__PURE__ */ o("div", { className: "bp-webchat-shell", style: se(_), children: /* @__PURE__ */ o("div", { className: "bp-webchat-error", children: "Nao foi possivel abrir a sessao publica do webchat." }) }) : A ? k ? /* @__PURE__ */ o(
-    Xe,
+  }, [T, P]), ue || Ce || b && F ? null : de && !y ? /* @__PURE__ */ o("div", { className: "bp-webchat-shell", style: ie(O), children: /* @__PURE__ */ o("div", { className: "bp-webchat-error", children: "Nao foi possivel carregar a configuracao publica do webchat." }) }) : se.error && !J ? /* @__PURE__ */ o("div", { className: "bp-webchat-shell", style: ie(O), children: /* @__PURE__ */ o("div", { className: "bp-webchat-error", children: "Nao foi possivel abrir a sessao publica do webchat." }) }) : P ? T ? /* @__PURE__ */ o(
+    dt,
     {
-      clientId: k,
-      apiUrl: A,
-      conversationId: Z,
-      userCredentials: X,
-      storageKey: H,
+      clientId: T,
+      apiUrl: P,
+      conversationId: ae,
+      userCredentials: oe,
+      storageKey: z,
       storageLocation: u,
       children: /* @__PURE__ */ o(
-        xo,
+        zo,
         {
-          clientId: k,
-          config: _,
+          clientId: T,
+          config: O,
           defaultUserData: ge,
-          conversationIdProp: Z,
+          conversationIdProp: ae,
           isOpen: ye,
-          onUserApiChange: w,
+          onUserApiChange: m,
           onToggle: ve,
-          runtimeCapabilities: L,
-          storageKey: H,
+          runtimeCapabilities: q,
+          storageKey: z,
           storageLocation: u,
-          userToken: X?.userToken
+          userToken: oe?.userToken
         }
       )
     }
-  ) : /* @__PURE__ */ o("div", { className: "bp-webchat-shell", style: se(_), children: /* @__PURE__ */ o("div", { className: "bp-webchat-error", children: "Nenhum clientId foi informado." }) }) : /* @__PURE__ */ o("div", { className: "bp-webchat-shell", style: se(_), children: /* @__PURE__ */ o("div", { className: "bp-webchat-error", children: "Nenhuma URL publica do proxy do webchat foi informada." }) });
+  ) : /* @__PURE__ */ o("div", { className: "bp-webchat-shell", style: ie(O), children: /* @__PURE__ */ o("div", { className: "bp-webchat-error", children: "Nenhum clientId foi informado." }) }) : /* @__PURE__ */ o("div", { className: "bp-webchat-shell", style: ie(O), children: /* @__PURE__ */ o("div", { className: "bp-webchat-error", children: "Nenhuma URL publica do proxy do webchat foi informada." }) });
 }
-function xo({
+function zo({
   clientId: e,
   config: t,
   defaultUserData: a,
@@ -1184,165 +1357,233 @@ function xo({
   onToggle: c,
   runtimeCapabilities: i,
   storageKey: u,
-  storageLocation: m,
-  userToken: w
+  storageLocation: w,
+  userToken: m
 }) {
-  const b = y(
-    () => Bo({
+  const b = k(
+    () => Lo({
       showWelcomeScreen: t.showWelcomeScreen,
       storageKey: u,
-      storageLocation: m,
+      storageLocation: w,
       conversationId: r,
-      userToken: w
+      userToken: m
     }),
     [
       t.showWelcomeScreen,
       r,
       u,
-      m,
-      w
+      w,
+      m
     ]
-  ), [P, h] = R(!1), [x, z] = R({ open: !1, messageId: null, draft: "" }), [{ isPanelMounted: ee, isPanelVisible: le }, q] = We(ko, {
-    isPanelMounted: s,
-    isPanelVisible: s
-  }), {
-    conversationId: te,
-    isTyping: oe,
+  ), [U, f] = S(!1), [B, F] = S({
+    open: !1,
+    messageId: null,
+    draft: ""
+  }), [{ isPanelMounted: Q, isPanelVisible: _ }, V] = st(
+    _o,
+    {
+      isPanelMounted: s,
+      isPanelVisible: s
+    }
+  ), {
+    conversationId: W,
+    isTyping: G,
     messages: N,
-    saveMessageFeedback: O,
-    sendMessage: T,
-    status: D,
-    uploadFile: K
-  } = Ze(), { openConversation: f, listConversations: ie } = Ye(), { updateUser: k, userCredentials: A } = Qe(), H = ce({}), [j, I] = R(() => b.activeView), [ge, $] = R(() => b.historyReturnView), { conversations: ae, isLoading: J, refresh: E } = et({
-    userCredentials: A,
-    listConversations: ie,
+    saveMessageFeedback: d,
+    sendMessage: p,
+    status: R,
+    uploadFile: ee
+  } = ut(), { openConversation: y, listConversations: de } = bt(), { updateUser: T, userCredentials: P } = ht(), z = Y({}), [K, D] = S(
+    () => b.activeView
+  ), [ge, E] = S(
+    () => b.historyReturnView
+  ), {
+    conversations: se,
+    isLoading: te,
+    refresh: J
+  } = pt({
+    userCredentials: P,
+    listConversations: de,
     clientId: e
-  }), X = y(
-    () => wo(a),
+  }), oe = k(
+    () => Ro(a),
     [a]
-  ), _ = re(
-    async (C = {}) => {
-      if (!k)
+  ), O = le(
+    async (h = {}) => {
+      if (!T)
         return;
-      const d = {
-        ...Q(a) || {},
-        ...H.current,
-        ...Q(C) || {}
+      const j = {
+        ...re(a) || {},
+        ...z.current,
+        ...re(h) || {}
       };
-      return H.current = d, k(Co(d));
+      return z.current = j, T($o(j));
     },
-    [a, k]
-  ), Z = ce(_);
+    [a, T]
+  ), ae = Y(O);
   M(() => {
-    Z.current = _;
-  }, [_]);
-  const V = !!k;
+    ae.current = O;
+  }, [O]);
+  const $ = !!T;
   M(() => {
-    H.current = {};
-  }, [X]), M(() => {
+    z.current = {};
+  }, [oe]), M(() => {
     if (n)
       return n({
-        updateUserData: V ? (C) => Z.current(C) : void 0
+        updateUserData: $ ? (h) => ae.current(h) : void 0
       }), () => n(null);
-  }, [n, V]), M(() => {
-    !V || !X || Z.current();
-  }, [X, V]), M(() => {
-    i.allowMessageFeedback || z({ open: !1, messageId: null, draft: "" });
+  }, [n, $]), M(() => {
+    !$ || !oe || ae.current();
+  }, [oe, $]), M(() => {
+    i.allowMessageFeedback || F({ open: !1, messageId: null, draft: "" });
   }, [i.allowMessageFeedback]);
-  const { showInitialLoading: ye, setShowInitialLoading: W } = eo({
-    activeView: j,
-    clientState: D,
-    conversationId: te,
+  const { showInitialLoading: ye, setShowInitialLoading: X } = fo({
+    activeView: K,
+    clientState: R,
+    conversationId: W,
     messagesLength: N.length
-  }), ne = y(
-    () => t.botAvatar || Jt({ name: t.botName, backgroundColor: t.accentColor }),
+  }), ce = k(
+    () => t.botAvatar || bo({
+      name: t.botName,
+      backgroundColor: t.accentColor
+    }),
     [t.accentColor, t.botAvatar, t.botName]
-  ), L = y(
-    () => ({ ...t, botAvatar: ne }),
-    [t, ne]
-  ), Y = re(
-    async (C) => {
-      $(C), I("conversations"), await E();
+  ), q = k(
+    () => ({ ...t, botAvatar: ce }),
+    [t, ce]
+  ), ne = le(
+    async (h) => {
+      E(h), D("conversations"), await J();
     },
-    [E]
-  ), ve = re(
-    (C) => {
-      W(!0), f(C), I("chat");
+    [J]
+  ), ve = le(
+    (h) => {
+      X(!0), y(h), D("chat");
     },
-    [f, W]
-  ), de = re(() => {
-    W(!0), f(), I("chat");
-  }, [f, W]), Ce = y(
-    () => Qt({
+    [y, X]
+  ), ue = le(() => {
+    X(!0), y(), D("chat");
+  }, [y, X]), Ce = k(
+    () => wo({
       messages: N,
-      user: A,
-      botName: L.botName,
-      botAvatar: L.botAvatar
+      user: P,
+      botName: q.botName,
+      botAvatar: q.botAvatar
     }),
-    [N, L.botAvatar, L.botName, A]
-  ), v = se(t), g = y(() => it(t), [t]), U = y(() => zt(t.fabChatIconVariant), [t.fabChatIconVariant]);
+    [N, q.botAvatar, q.botName, P]
+  ), I = ie(t), v = k(() => Bt(t), [t]), H = k(
+    () => to(t.fabChatIconVariant),
+    [t.fabChatIconVariant]
+  );
   M(() => {
     if (s) {
-      q({ type: "show" });
-      const be = window.requestAnimationFrame(() => q({ type: "visible" }));
+      V({ type: "show" });
+      const be = window.requestAnimationFrame(
+        () => V({ type: "visible" })
+      );
       return () => window.cancelAnimationFrame(be);
     }
-    q({ type: "hide" });
-    const C = window.setTimeout(() => {
-      h(!1), z({ open: !1, messageId: null, draft: "" });
-    }, 0), d = window.setTimeout(() => q({ type: "unmount" }), io);
+    V({ type: "hide" });
+    const h = window.setTimeout(() => {
+      f(!1), F({ open: !1, messageId: null, draft: "" });
+    }, 0), j = window.setTimeout(
+      () => V({ type: "unmount" }),
+      Mo
+    );
     return () => {
-      window.clearTimeout(C), window.clearTimeout(d);
+      window.clearTimeout(h), window.clearTimeout(j);
     };
   }, [s]), M(() => {
     if (b.bootstrapView === "pending") {
       if (N.length > 0) {
-        const C = window.setTimeout(() => {
-          I("chat"), $("chat");
+        const h = window.setTimeout(() => {
+          D("chat"), E("chat");
         }, 0);
-        return () => window.clearTimeout(C);
+        return () => window.clearTimeout(h);
       }
-      if (D !== "connecting") {
-        const C = window.setTimeout(() => {
-          I("home"), $("home");
+      if (R !== "connecting") {
+        const h = window.setTimeout(() => {
+          D("home"), E("home");
         }, 0);
-        return () => window.clearTimeout(C);
+        return () => window.clearTimeout(h);
       }
     }
-  }, [D, b.bootstrapView, N.length]);
-  const p = y(
-    () => function(d) {
-      const be = i.allowMessageFeedback && d.direction === "incoming" && typeof d.addMessageFeedback == "function", Ee = {
-        ...d.block,
-        direction: d.direction,
-        sender: d.sender,
-        timestamp: d.timestamp,
-        messageId: d.messageId,
-        metadata: d.metadata,
-        isReadOnly: d.isReadOnly,
-        status: d.status,
-        feedback: d.feedback,
-        sendMessage: d.sendMessage,
-        addMessageFeedback: d.addMessageFeedback
+  }, [R, b.bootstrapView, N.length]);
+  const C = k(() => {
+    const h = {};
+    h.dropdown = ko;
+    const j = (be, g) => function({
+      blocks: ke,
+      horizontalAlignment: Je,
+      verticalAlignment: Xe,
+      direction: Ze,
+      sender: Ye,
+      timestamp: Qe,
+      metadata: et,
+      messageId: tt,
+      isReadOnly: ot,
+      sendMessage: at
+    }) {
+      return /* @__PURE__ */ o(
+        "div",
+        {
+          className: be,
+          "data-horizontal": Je,
+          "data-vertical": Xe,
+          children: ke.map((nt, rt) => /* @__PURE__ */ o(
+            Te,
+            {
+              block: {
+                ...nt,
+                direction: Ze,
+                timestamp: Qe,
+                sender: Ye,
+                messageId: tt,
+                isReadOnly: ot,
+                sendMessage: at,
+                ...g ? { metadata: et } : {}
+              },
+              renderers: h
+            },
+            rt
+          ))
+        }
+      );
+    };
+    return h.column = j("bpMessageBlocksColumn", !1), h.row = j("bpMessageBlocksRow", !0), h.bubble = function(g) {
+      const Be = i.allowMessageFeedback && g.direction === "incoming" && typeof g.addMessageFeedback == "function", ke = {
+        ...g.block,
+        direction: g.direction,
+        sender: g.sender,
+        timestamp: g.timestamp,
+        messageId: g.messageId,
+        metadata: g.metadata,
+        isReadOnly: g.isReadOnly,
+        status: g.status,
+        feedback: g.feedback,
+        sendMessage: g.sendMessage,
+        addMessageFeedback: g.addMessageFeedback
       };
       return /* @__PURE__ */ l(
         "div",
         {
           className: "bpMessageBlocksBubble",
-          "data-direction": d.direction,
-          "data-feedback": be || void 0,
+          "data-direction": g.direction,
+          "data-feedback": Be || void 0,
           children: [
-            /* @__PURE__ */ o(tt, { block: Ee }),
-            be ? /* @__PURE__ */ l("div", { className: "bpMessageBlocksBubbleFeedbackContainer", children: [
+            /* @__PURE__ */ o(Te, { block: ke, renderers: h }),
+            Be ? /* @__PURE__ */ l("div", { className: "bpMessageBlocksBubbleFeedbackContainer", children: [
               /* @__PURE__ */ o(
                 "button",
                 {
                   className: "bpMessageBlocksBubbleFeedbackIcon",
                   type: "button",
-                  "data-selected": d.feedback === "positive",
+                  "data-selected": g.feedback === "positive",
                   "aria-label": "Feedback positivo",
-                  onClick: () => d.addMessageFeedback(d.messageId, { value: "positive" }),
-                  children: Ot
+                  onClick: () => g.addMessageFeedback(g.messageId, {
+                    value: "positive"
+                  }),
+                  children: no
                 }
               ),
               /* @__PURE__ */ o(
@@ -1350,107 +1591,121 @@ function xo({
                 {
                   className: "bpMessageBlocksBubbleFeedbackIcon",
                   type: "button",
-                  "data-selected": d.feedback === "negative",
+                  "data-selected": g.feedback === "negative",
                   "aria-label": "Feedback negativo",
-                  onClick: () => z({
+                  onClick: () => F({
                     open: !0,
-                    messageId: d.messageId,
+                    messageId: g.messageId,
                     draft: ""
                   }),
-                  children: jt
+                  children: ro
                 }
               )
             ] }) : null
           ]
         }
       );
-    },
-    [i.allowMessageFeedback]
-  ), ue = y(() => ({ bubble: p }), [p]);
+    }, h;
+  }, [i.allowMessageFeedback]);
   return /* @__PURE__ */ l(
     "div",
     {
       className: "bp-webchat-shell",
-      "data-panel-mounted": ee,
-      "data-panel-open": le,
-      style: v,
+      "data-panel-mounted": Q,
+      "data-panel-open": _,
+      style: I,
       children: [
-        /* @__PURE__ */ o(ot, { ...g }),
-        ee ? /* @__PURE__ */ o("div", { className: "bp-webchat-panel", "data-state": le ? "open" : "closed", children: j === "home" ? /* @__PURE__ */ o(
-          lo,
-          {
-            config: L,
-            activeView: j,
-            onClose: c,
-            onShowHome: () => I("home"),
-            onShowConversations: () => Y("home"),
-            onStart: () => I("chat")
-          }
-        ) : j === "conversations" ? /* @__PURE__ */ o(
-          ro,
+        /* @__PURE__ */ o(mt, { ...v }),
+        Q ? /* @__PURE__ */ o(
+          "div",
           {
-            conversations: ae,
-            currentConversationId: te,
-            isLoading: J,
-            botAvatar: L.botAvatar,
-            botName: L.botName,
-            onClose: () => I(ge),
-            onCloseWidget: c,
-            onShowHome: () => {
-              I("home"), $("home");
-            },
-            onShowConversations: E,
-            onNewConversation: de,
-            onConversationClick: ve
-          }
-        ) : j === "pending" ? /* @__PURE__ */ o("div", { className: "bp-webchat-layout", children: /* @__PURE__ */ o(ze, {}) }) : /* @__PURE__ */ l(Ue, { children: [
-          /* @__PURE__ */ o(
-            no,
-            {
-              config: L,
-              allowFileUpload: i.allowFileUpload,
-              clientState: D,
-              isTyping: oe,
-              messages: Ce,
-              renderers: ue,
-              sendMessage: T,
-              uploadFile: K,
-              addMessageFeedback: i.allowMessageFeedback ? O : void 0,
-              showInitialLoading: ye,
-              onShowHome: t.showWelcomeScreen ? () => {
-                I("home"), $("home");
-              } : void 0,
-              onOpenHistory: () => Y("chat"),
-              onRestartConversation: () => h(!0),
-              onCloseWidget: c
-            }
-          ),
-          /* @__PURE__ */ o(
-            co,
-            {
-              open: P,
-              onCancel: () => h(!1),
-              onConfirm: () => {
-                h(!1), de();
+            className: "bp-webchat-panel",
+            "data-state": _ ? "open" : "closed",
+            children: K === "home" ? /* @__PURE__ */ o(
+              Io,
+              {
+                config: q,
+                activeView: K,
+                onClose: c,
+                onShowHome: () => D("home"),
+                onShowConversations: () => ne("home"),
+                onStart: () => D("chat")
               }
-            }
-          ),
-          i.allowMessageFeedback ? /* @__PURE__ */ o(
-            so,
-            {
-              open: x.open,
-              draft: x.draft,
-              setDraft: (C) => z((d) => ({ ...d, draft: C })),
-              onCancel: () => z({ open: !1, messageId: null, draft: "" }),
-              onConfirm: async () => {
-                x.messageId && O && await O(x.messageId, {
-                  value: "negative",
-                  comment: x.draft
-                }), z({ open: !1, messageId: null, draft: "" });
+            ) : K === "conversations" ? /* @__PURE__ */ o(
+              Bo,
+              {
+                conversations: se,
+                currentConversationId: W,
+                isLoading: te,
+                botAvatar: q.botAvatar,
+                botName: q.botName,
+                onClose: () => D(ge),
+                onCloseWidget: c,
+                onShowHome: () => {
+                  D("home"), E("home");
+                },
+                onShowConversations: J,
+                onNewConversation: ue,
+                onConversationClick: ve
               }
-            }
-          ) : null
-        ] }) }) : null,
+            ) : K === "pending" ? /* @__PURE__ */ o("div", { className: "bp-webchat-layout", children: /* @__PURE__ */ o(qe, {}) }) : /* @__PURE__ */ l(Fe, { children: [
+              /* @__PURE__ */ o(
+                Co,
+                {
+                  config: q,
+                  allowFileUpload: i.allowFileUpload,
+                  clientState: R,
+                  isTyping: G,
+                  messages: Ce,
+                  renderers: C,
+                  sendMessage: p,
+                  uploadFile: ee,
+                  addMessageFeedback: i.allowMessageFeedback ? d : void 0,
+                  showInitialLoading: ye,
+                  onShowHome: t.showWelcomeScreen ? () => {
+                    D("home"), E("home");
+                  } : void 0,
+                  onOpenHistory: () => ne("chat"),
+                  onRestartConversation: () => f(!0),
+                  onCloseWidget: c
+                }
+              ),
+              /* @__PURE__ */ o(
+                No,
+                {
+                  open: U,
+                  onCancel: () => f(!1),
+                  onConfirm: () => {
+                    f(!1), ue();
+                  }
+                }
+              ),
+              i.allowMessageFeedback ? /* @__PURE__ */ o(
+                xo,
+                {
+                  open: B.open,
+                  draft: B.draft,
+                  setDraft: (h) => F((j) => ({ ...j, draft: h })),
+                  onCancel: () => F({
+                    open: !1,
+                    messageId: null,
+                    draft: ""
+                  }),
+                  onConfirm: async () => {
+                    B.messageId && d && await d(B.messageId, {
+                      value: "negative",
+                      comment: B.draft
+                    }), F({
+                      open: !1,
+                      messageId: null,
+                      draft: ""
+                    });
+                  }
+                }
+              ) : null
+            ] })
+          }
+        ) : null,
         /* @__PURE__ */ l(
           "button",
           {
@@ -1460,8 +1715,8 @@ function xo({
             type: "button",
             "aria-label": s ? "Fechar webchat" : "Abrir webchat",
             children: [
-              /* @__PURE__ */ o("span", { className: "bp-webchat-fab-icon bp-webchat-fab-icon--chat", children: U }),
-              /* @__PURE__ */ o("span", { className: "bp-webchat-fab-icon bp-webchat-fab-icon--close", children: Lt })
+              /* @__PURE__ */ o("span", { className: "bp-webchat-fab-icon bp-webchat-fab-icon--chat", children: H }),
+              /* @__PURE__ */ o("span", { className: "bp-webchat-fab-icon bp-webchat-fab-icon--close", children: eo })
             ]
           }
         )
@@ -1470,9 +1725,9 @@ function xo({
   );
 }
 export {
-  So as Webchat,
-  G as defaultConfig,
-  pe as getContrastingTextColor,
-  se as getShellStyle,
-  lt as normalizeConfig
+  jo as Webchat,
+  Z as defaultConfig,
+  me as getContrastingTextColor,
+  ie as getShellStyle,
+  Ct as normalizeConfig
 };