@eduzz-automacoes/webchat-widget 0.0.2 → 0.2.0

package/dist/eduzz-webchat.js

@@ -1,7 +1,7 @@
-import { jsx as o, jsxs as l, Fragment as Ne } from "react/jsx-runtime";
-import { forwardRef as Ie, createElement as he, useState as R, useEffect as A, useMemo as f, useRef as me, useCallback as ee, useReducer as We } from "react";
-import { Container as Ge, MessageList as Ke, Composer as Je, WebchatProvider as Ze, useActiveConversation as Xe, useConversations as Ye, useUser as Qe, useConversationList as et, Block as tt, StylesheetProvider as ot } from "@botpress/webchat";
-const j = {
+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 = {
   botName: "Assistente Virtual",
   subtitle: "Conectado ao bot real",
   botAvatar: "",
@@ -64,8 +64,8 @@ const j = {
   welcomeCloseLabel: "Fechar painel",
   openFabBackgroundColor: "#2563eb",
   openFabIconColor: "#ffffff"
-}, Me = (e) => e === "bottom-left" || e === "top-left" ? "bottom-left" : "bottom-right", at = (e) => {
-  switch (Me(e)) {
+}, Fe = (e) => e === "bottom-left" || e === "top-left" ? "bottom-left" : "bottom-right", at = (e) => {
+  switch (Fe(e)) {
     case "bottom-left":
       return {
         bottom: "24px",
@@ -82,12 +82,12 @@ const j = {
         "--panel-transform-origin": "right bottom"
       };
   }
-}, Se = (e, t, a) => Math.min(Math.max(e, t), a), pe = (e) => {
+}, Re = (e, t, a) => Math.min(Math.max(e, t), a), xe = (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()}`;
-}, we = (e) => {
-  const t = pe(e);
+}, Ne = (e) => {
+  const t = xe(e);
   if (!t) return null;
   const a = t.slice(1);
   return {
@@ -96,18 +96,18 @@ const j = {
     b: Number.parseInt(a.slice(4, 6), 16)
   };
 }, nt = ({ r: e, g: t, b: a }) => `#${[e, t, a].map(
-  (r) => Se(Math.round(r), 0, 255).toString(16).padStart(2, "0")
-).join("")}`, se = (e, t, a) => {
-  const r = we(e), s = we(t);
+  (r) => Re(Math.round(r), 0, 255).toString(16).padStart(2, "0")
+).join("")}`, me = (e, t, a) => {
+  const r = Ne(e), s = Ne(t);
   if (!r || !s) return null;
-  const n = Se(a, 0, 1);
+  const n = Re(a, 0, 1);
   return nt({
     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 ? se(e, "#000000", Math.abs(t)) : se(e, "#ffffff", t), ce = (e) => {
-  const t = we(e);
+}, rt = (e, t) => t < 0 ? me(e, "#000000", Math.abs(t)) : me(e, "#ffffff", t), pe = (e) => {
+  const t = Ne(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;
@@ -116,9 +116,9 @@ const j = {
     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 = pe(e.brandColor);
+  const a = xe(e.brandColor);
   if (!a) return e;
-  const r = pe(e.brandTextColor) || ce(a), s = se(a, "#ffffff", 0.82) || j.secondaryButtonBorderColor, n = se(a, "#ffffff", 0.92) || j.secondaryButtonHoverBackgroundColor, c = rt(a, -0.12) || j.primaryButtonHoverBackgroundColor;
+  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;
   return {
     ...e,
     brandColor: a,
@@ -151,7 +151,7 @@ const j = {
     ) ? e.iconButtonHoverBackgroundColor : n
   };
 }, ct = (e) => {
-  const t = e.fabBackgroundColor || e.openFabBackgroundColor || j.fabBackgroundColor, a = e.fabIconColor || e.openFabIconColor || j.fabIconColor;
+  const t = e.fabBackgroundColor || e.openFabBackgroundColor || G.fabBackgroundColor, a = e.fabIconColor || e.openFabIconColor || G.fabIconColor;
   return {
     ...e,
     fabBackgroundColor: t,
@@ -162,13 +162,13 @@ const j = {
 }, lt = (e = {}) => ct(
   st(
     {
-      ...j,
+      ...G,
       ...e,
-      position: Me(e.position ?? j.position)
+      position: Fe(e.position ?? G.position)
     },
     e
   )
-), te = (e) => ({
+), se = (e) => ({
   ...at(e.position),
   "--widget-width": e.width,
   "--widget-height": e.height,
@@ -185,9 +185,9 @@ const j = {
   "--bpGray-900": "var(--ui-text)",
   "--bpGray-950": "var(--ui-text)",
   "--accent-color": e.accentColor,
-  "--accent-text-color": ce(e.accentColor),
+  "--accent-text-color": pe(e.accentColor),
   "--header-avatar-bg": e.accentColor,
-  "--header-avatar-text": ce(e.accentColor),
+  "--header-avatar-text": pe(e.accentColor),
   "--primary-button-background-color": e.primaryButtonBackgroundColor,
   "--primary-button-text-color": e.primaryButtonTextColor,
   "--primary-button-hover-background-color": e.primaryButtonHoverBackgroundColor,
@@ -241,10 +241,10 @@ const j = {
 const dt = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ut = (e) => e.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
   (t, a, r) => r ? r.toUpperCase() : a.toLowerCase()
-), ve = (e) => {
+), Me = (e) => {
   const t = ut(e);
   return t.charAt(0).toUpperCase() + t.slice(1);
-}, Te = (...e) => e.filter((t, a, r) => !!t && t.trim() !== "" && r.indexOf(t) === a).join(" ").trim(), bt = (e) => {
+}, Pe = (...e) => e.filter((t, a, r) => !!t && t.trim() !== "" && r.indexOf(t) === a).join(" ").trim(), bt = (e) => {
   for (const t in e)
     if (t.startsWith("aria-") || t === "role" || t === "title")
       return !0;
@@ -260,7 +260,7 @@ var ht = {
   strokeLinecap: "round",
   strokeLinejoin: "round"
 };
-const mt = Ie(
+const mt = Ve(
   ({
     color: e = "currentColor",
     size: t = 24,
@@ -269,46 +269,46 @@ const mt = Ie(
     className: s = "",
     children: n,
     iconNode: c,
-    ...d
-  }, h) => he(
+    ...i
+  }, u) => ke(
     "svg",
     {
-      ref: h,
+      ref: u,
       ...ht,
       width: t,
       height: t,
       stroke: e,
       strokeWidth: r ? Number(a) * 24 / Number(t) : a,
-      className: Te("lucide", s),
-      ...!n && !bt(d) && { "aria-hidden": "true" },
-      ...d
+      className: Pe("lucide", s),
+      ...!n && !bt(i) && { "aria-hidden": "true" },
+      ...i
     },
     [
-      ...c.map(([B, x]) => he(B, x)),
+      ...c.map(([m, w]) => ke(m, w)),
       ...Array.isArray(n) ? n : [n]
     ]
   )
 );
-const M = (e, t) => {
-  const a = Ie(
-    ({ className: r, ...s }, n) => he(mt, {
+const S = (e, t) => {
+  const a = Ve(
+    ({ className: r, ...s }, n) => ke(mt, {
       ref: n,
       iconNode: t,
-      className: Te(
-        `lucide-${dt(ve(e))}`,
+      className: Pe(
+        `lucide-${dt(Me(e))}`,
         `lucide-${e}`,
         r
       ),
       ...s
     })
   );
-  return a.displayName = ve(e), a;
+  return a.displayName = Me(e), a;
 };
 const pt = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
-], wt = M("arrow-right", pt);
-const ft = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], gt = M("chevron-right", ft);
+], wt = S("arrow-right", pt);
+const ft = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], gt = S("chevron-right", ft);
 const yt = [
   ["path", { d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8", key: "5wwlr5" }],
   [
@@ -318,8 +318,8 @@ const yt = [
       key: "r6nss1"
     }
   ]
-], Ct = M("house", yt);
-const vt = [
+], vt = S("house", yt);
+const Ct = [
   [
     "path",
     {
@@ -330,7 +330,7 @@ const vt = [
   ["path", { d: "M8 12h.01", key: "czm47f" }],
   ["path", { d: "M12 12h.01", key: "1mp3jc" }],
   ["path", { d: "M16 12h.01", key: "1l6xoz" }]
-], Bt = M("message-circle-more", vt);
+], Bt = S("message-circle-more", Ct);
 const kt = [
   [
     "path",
@@ -339,7 +339,7 @@ const kt = [
       key: "1sd12s"
     }
   ]
-], xt = M("message-circle", kt);
+], xt = S("message-circle", kt);
 const Nt = [
   [
     "path",
@@ -348,7 +348,7 @@ const Nt = [
       key: "18887p"
     }
   ]
-], Ae = M("message-square", Nt);
+], He = S("message-square", Nt);
 const It = [
   [
     "path",
@@ -364,11 +364,11 @@ const It = [
       key: "1qfcsi"
     }
   ]
-], Ve = M("messages-square", It);
+], $e = S("messages-square", It);
 const Mt = [
   ["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 = M("rotate-ccw", Mt);
+], St = S("rotate-ccw", Mt);
 const Tt = [
   ["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" }],
   [
@@ -378,8 +378,8 @@ const Tt = [
       key: "ohrbg2"
     }
   ]
-], At = M("square-pen", Tt);
-const Vt = [
+], At = S("square-pen", Tt);
+const Ut = [
   [
     "path",
     {
@@ -388,7 +388,7 @@ const Vt = [
     }
   ],
   ["path", { d: "M17 14V2", key: "8ymqnk" }]
-], Ut = M("thumbs-down", Vt);
+], Vt = S("thumbs-down", Ut);
 const Ft = [
   [
     "path",
@@ -398,41 +398,41 @@ const Ft = [
     }
   ],
   ["path", { d: "M7 10v12", key: "1qc93n" }]
-], Pt = M("thumbs-up", Ft);
-const Ht = [
+], Rt = S("thumbs-up", Ft);
+const Pt = [
   ["circle", { cx: "12", cy: "8", r: "5", key: "1hypcn" }],
   ["path", { d: "M20 21a8 8 0 0 0-16 0", key: "rfgkzh" }]
-], Rt = M("user-round", Ht);
+], Ht = S("user-round", Pt);
 const $t = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], Ue = M("x", $t), v = { "aria-hidden": !0, strokeWidth: 1.9 }, _t = /* @__PURE__ */ o(St, { ...v }), le = /* @__PURE__ */ o(Ue, { ...v }), Lt = /* @__PURE__ */ o(Ue, { ...v }), Be = {
-  "message-circle-more": /* @__PURE__ */ o(Bt, { ...v }),
-  "message-circle": /* @__PURE__ */ o(xt, { ...v }),
-  "message-square": /* @__PURE__ */ o(Ae, { ...v }),
-  "messages-square": /* @__PURE__ */ o(Ve, { ...v })
-}, zt = (e = "messages-square") => Be[e] || Be["messages-square"], Dt = /* @__PURE__ */ o(wt, { ...v }), Fe = /* @__PURE__ */ o(Ct, { ...v }), qt = /* @__PURE__ */ o(Ae, { ...v }), Ot = /* @__PURE__ */ o(Pt, { ...v }), jt = /* @__PURE__ */ o(Ut, { ...v }), Et = /* @__PURE__ */ o(Ve, { ...v }), Wt = /* @__PURE__ */ o(gt, { ...v }), Gt = /* @__PURE__ */ o(At, { ...v }), Kt = /* @__PURE__ */ o(Rt, { ...v }), re = (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 = ce(t), s = `
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" role="img" aria-label="${re(e || "Bot")}">
-      <rect width="96" height="96" rx="48" fill="${re(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="${re(r)}">${re(a)}</text>
+], _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 = `
+    <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)}`;
-}, Zt = (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", ke = [
+}, 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 = [
   { 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 }
-], Xt = new Intl.RelativeTimeFormat("pt-BR", { numeric: "auto" }), Yt = (e) => {
+], Zt = new Intl.RelativeTimeFormat("pt-BR", { numeric: "auto" }), Yt = (e) => {
   const t = Math.round((new Date(e).getTime() - Date.now()) / 1e3);
   if (Math.abs(t) < 45) return "agora";
-  let a = ke[0];
-  for (const r of ke)
+  let a = Te[0];
+  for (const r of Te)
     Math.abs(t) >= r.seconds && (a = r);
-  return Xt.format(Math.round(t / a.seconds), a.unit);
+  return Zt.format(Math.round(t / a.seconds), a.unit);
 }, Qt = ({ messages: e, user: t, botName: a, botAvatar: r }) => e.map((s) => {
   const n = s.authorId === t?.userId;
   return {
@@ -441,24 +441,60 @@ const $t = [
     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", d = c && t === "connecting", h = c && t === "connected" && r === 0, B = s && (!c || r > 0 || t !== "connecting" && t !== "connected");
-  return A(() => {
+  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");
+  return M(() => {
     if (s) {
-      if (h) {
-        const x = window.setTimeout(() => n(!1), 900);
-        return () => window.clearTimeout(x);
+      if (u) {
+        const w = window.setTimeout(() => n(!1), 900);
+        return () => window.clearTimeout(w);
       }
-      if (B) {
-        const x = window.setTimeout(() => n(!1), 0);
-        return () => window.clearTimeout(x);
+      if (m) {
+        const w = window.setTimeout(() => n(!1), 0);
+        return () => window.clearTimeout(w);
       }
     }
-  }, [a, s, h, B]), {
-    showInitialLoading: d || s && c,
+  }, [a, s, u, m]), {
+    showInitialLoading: i || s && c,
     setShowInitialLoading: n
   };
+}, to = 3e4, oo = ({
+  getSession: e,
+  sessionKey: t,
+  onSessionChange: a
+}) => {
+  const [r, s] = R(null), [n, c] = R(!!e), i = ce(e);
+  i.current = e;
+  const u = ce(a);
+  return u.current = a, M(() => {
+    let m = !0, w;
+    const b = (h) => {
+      m && (s(h), u.current?.(h));
+    };
+    if (!i.current) {
+      c(!1), b(null);
+      return;
+    }
+    const P = async () => {
+      try {
+        const h = await i.current();
+        if (!h?.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);
+      } finally {
+        m && c(!1);
+      }
+    };
+    return c(!0), P(), () => {
+      m = !1, w && clearTimeout(w);
+    };
+  }, [t, !!e]), { session: r, resolving: n };
 };
-function to({
+function ao({
   botName: e,
   botAvatar: t,
   subtitle: a,
@@ -483,7 +519,7 @@ function to({
           type: "button",
           "aria-label": "Abrir início",
           onClick: r,
-          children: Fe
+          children: Le
         }
       ) : null,
       /* @__PURE__ */ o(
@@ -513,13 +549,13 @@ function to({
           type: "button",
           "aria-label": "Fechar webchat",
           onClick: c,
-          children: le
+          children: we
         }
       ) : null
     ] })
   ] });
 }
-function Pe() {
+function ze() {
   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" }),
@@ -537,7 +573,7 @@ function Pe() {
     ] })
   ] });
 }
-function oo({
+function no({
   config: e,
   allowFileUpload: t,
   clientState: a,
@@ -545,34 +581,34 @@ function oo({
   messages: s,
   renderers: n,
   sendMessage: c,
-  uploadFile: d,
-  addMessageFeedback: h,
-  showInitialLoading: B,
-  onShowHome: x,
-  onOpenHistory: p,
-  onRestartConversation: I,
-  onCloseWidget: N
+  uploadFile: i,
+  addMessageFeedback: u,
+  showInitialLoading: m,
+  onShowHome: w,
+  onOpenHistory: b,
+  onRestartConversation: P,
+  onCloseWidget: h
 }) {
   return /* @__PURE__ */ l("div", { className: "bp-webchat-layout", children: [
     /* @__PURE__ */ o(
-      to,
+      ao,
       {
         botName: e.botName,
         botAvatar: e.botAvatar,
         subtitle: e.subtitle,
-        onShowHome: x,
-        onOpenHistory: p,
-        onRestartConversation: I,
-        onCloseWidget: N
+        onShowHome: w,
+        onOpenHistory: b,
+        onRestartConversation: P,
+        onCloseWidget: h
       }
     ),
     /* @__PURE__ */ o(
       Ge,
       {
         className: "bp-webchat-container",
-        uploadFile: d,
+        uploadFile: i,
         allowFileUpload: t,
-        children: B ? /* @__PURE__ */ o(Pe, {}) : /* @__PURE__ */ l(Ne, { children: [
+        children: m ? /* @__PURE__ */ o(ze, {}) : /* @__PURE__ */ l(Ue, { children: [
           /* @__PURE__ */ o(
             Ke,
             {
@@ -582,7 +618,7 @@ function oo({
               isTyping: r,
               messages: s,
               sendMessage: c,
-              addMessageFeedback: h,
+              addMessageFeedback: u,
               renderers: n,
               showDateSystemMessage: !1,
               showMessageStatus: !1,
@@ -595,7 +631,7 @@ function oo({
             {
               connected: a !== "disconnected",
               sendMessage: c,
-              uploadFile: d,
+              uploadFile: i,
               allowFileUpload: t,
               composerPlaceholder: e.placeholder,
               disableSendButton: !1
@@ -606,7 +642,7 @@ function oo({
     )
   ] });
 }
-function He({ activeView: e, onShowHome: t, onShowConversations: a }) {
+function De({ activeView: e, onShowHome: t, onShowConversations: a }) {
   return /* @__PURE__ */ l("div", { className: "bp-webchat-tabs bp-webchat-welcome-bottom", children: [
     /* @__PURE__ */ l(
       "button",
@@ -616,7 +652,7 @@ function He({ 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: Fe }),
+          /* @__PURE__ */ o("span", { className: "bp-webchat-tab-icon bp-webchat-welcome-tab-icon", children: Le }),
           /* @__PURE__ */ o("span", { children: "Início" })
         ]
       }
@@ -636,7 +672,7 @@ function He({ activeView: e, onShowHome: t, onShowConversations: a }) {
     )
   ] });
 }
-function ao({
+function ro({
   conversations: e,
   currentConversationId: t,
   isLoading: a,
@@ -644,10 +680,10 @@ function ao({
   botName: s,
   onClose: n,
   onCloseWidget: c,
-  onShowHome: d,
-  onShowConversations: h,
-  onNewConversation: B,
-  onConversationClick: x
+  onShowHome: i,
+  onShowConversations: u,
+  onNewConversation: m,
+  onConversationClick: w
 }) {
   return /* @__PURE__ */ l("div", { className: "bp-webchat-history", children: [
     /* @__PURE__ */ l("div", { className: "bp-webchat-history-header", children: [
@@ -660,7 +696,7 @@ function ao({
             type: "button",
             onClick: n,
             "aria-label": "Fechar conversas",
-            children: le
+            children: we
           }
         ),
         c ? /* @__PURE__ */ o(
@@ -670,47 +706,47 @@ function ao({
             type: "button",
             onClick: c,
             "aria-label": "Fechar webchat",
-            children: le
+            children: we
           }
         ) : null
       ] })
     ] }),
-    /* @__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((p) => {
-      const I = Zt(p.lastMessage), N = p.lastMessage?.author?.type === "bot";
+    /* @__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";
       return /* @__PURE__ */ l(
         "button",
         {
           className: "bp-webchat-history-item",
           type: "button",
-          onClick: () => x(p.id),
-          "data-current": p.id === t || void 0,
+          onClick: () => w(b.id),
+          "data-current": b.id === t || void 0,
           children: [
-            /* @__PURE__ */ o("div", { className: "bp-webchat-history-avatar", "data-kind": N ? "bot" : "user", children: N && r ? /* @__PURE__ */ o("img", { src: r, alt: "" }) : N ? /* @__PURE__ */ o("span", { children: (s || "B").slice(0, 1).toUpperCase() }) : Kt }),
+            /* @__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__ */ l("div", { className: "bp-webchat-history-content", children: [
-              /* @__PURE__ */ o("span", { className: "bp-webchat-history-name", children: I }),
-              /* @__PURE__ */ o("span", { className: "bp-webchat-history-time", children: Yt(p.updatedAt) })
+              /* @__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-chevron", children: Wt })
           ]
         },
-        p.id
+        b.id
       );
     }) }),
-    /* @__PURE__ */ o("div", { className: "bp-webchat-history-footer", children: /* @__PURE__ */ l("button", { className: "bp-webchat-history-new", type: "button", onClick: B, children: [
+    /* @__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("span", { children: "Nova conversa" })
     ] }) }),
     /* @__PURE__ */ o(
-      He,
+      De,
       {
         activeView: "conversations",
-        onShowHome: d,
-        onShowConversations: h
+        onShowHome: i,
+        onShowConversations: u
       }
     )
   ] });
 }
-function no({ open: e, draft: t, setDraft: a, onConfirm: r, onCancel: s }) {
+function so({ 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." }),
@@ -737,7 +773,7 @@ function no({ open: e, draft: t, setDraft: a, onConfirm: r, onCancel: s }) {
     ] })
   ] }) }) : null;
 }
-function ro({ open: e, onConfirm: t, onCancel: a }) {
+function co({ 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." }),
@@ -755,7 +791,7 @@ function ro({ open: e, onConfirm: t, onCancel: a }) {
     ] })
   ] }) }) : null;
 }
-function so({ config: e, activeView: t, onShowHome: a, onShowConversations: r, onStart: s, onClose: n }) {
+function lo({ 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: [
@@ -766,7 +802,7 @@ function so({ config: e, activeView: t, onShowHome: a, onShowConversations: r, o
           type: "button",
           onClick: n,
           "aria-label": e.welcomeCloseLabel,
-          children: le
+          children: we
         }
       ),
       e.welcomeCoverImage ? /* @__PURE__ */ o("img", { className: "bp-webchat-welcome-cover", src: e.welcomeCoverImage, alt: "" }) : null
@@ -785,7 +821,7 @@ function so({ config: e, activeView: t, onShowHome: a, onShowConversations: r, o
       ] })
     ] }) }),
     /* @__PURE__ */ o(
-      He,
+      De,
       {
         activeView: t,
         onShowHome: a,
@@ -794,47 +830,47 @@ function so({ config: e, activeView: t, onShowHome: a, onShowConversations: r, o
     )
   ] });
 }
-const co = 220, ie = "eduzz-webchat", be = Object.freeze({
+const io = 220, fe = "eduzz-webchat", Be = Object.freeze({
   allowFileUpload: !1,
   allowMessageFeedback: !1
-}), lo = "anonymous-id", io = (e) => !!e && typeof e == "object" && !Array.isArray(e), Re = (e) => e.replace(/\/+$/, ""), fe = ({ webchatProxyUrl: e }) => {
+}), uo = "anonymous-id", bo = (e) => !!e && typeof e == "object" && !Array.isArray(e), qe = (e) => e.replace(/\/+$/, ""), Ie = ({ webchatProxyUrl: e }) => {
   if (typeof e != "string" || !e.trim())
     return null;
-  const t = Re(e.trim()), a = "/webchat/proxy";
+  const t = qe(e.trim()), a = "/webchat/proxy";
   return t.endsWith(a) ? t.slice(0, -a.length) : null;
-}, uo = ({ webchatProxyUrl: e, clientId: t }) => !e || !t ? null : `${e.endsWith("/") ? e.slice(0, -1) : e}/${encodeURIComponent(t)}/runtime-config`, bo = ({ webchatProxyUrl: e, clientId: t, presetSlug: a }) => {
+}, 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 }) => {
   if (!e || !t)
     return null;
-  const r = fe({ webchatProxyUrl: e });
+  const r = Ie({ 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}` : ""}`;
-}, ho = (e) => {
+}, po = (e) => {
   const t = e && typeof e == "object" && e.data && typeof e.data == "object" ? e.data : e;
   return t && typeof t == "object" ? t : null;
-}, J = (e) => io(e) ? e : null, mo = (e) => {
+}, Q = (e) => bo(e) ? e : null, wo = (e) => {
   if (!e) return "";
   try {
     return JSON.stringify(e);
   } catch {
     return String(Date.now());
   }
-}, $e = (e) => {
+}, Oe = (e) => {
   if (typeof window > "u") return null;
   try {
     return e === "sessionStorage" ? window.sessionStorage : window.localStorage;
   } catch {
     return null;
   }
-}, _e = ({ storageKey: e, storageLocation: t }) => {
-  const a = $e(t);
+}, je = ({ storageKey: e, storageLocation: t }) => {
+  const a = Oe(t);
   if (!a) return null;
   try {
     const r = a.getItem(
-      `${e || ie}-client`
+      `${e || fe}-client`
     );
     if (!r) return null;
     const s = JSON.parse(r), n = typeof s?.state == "string" ? JSON.parse(s.state) : s?.state ?? s;
@@ -842,10 +878,10 @@ const co = 220, ie = "eduzz-webchat", be = Object.freeze({
   } catch {
     return;
   }
-}, po = ({ storageKey: e, storageLocation: t }) => {
-  const a = _e({ storageKey: e, storageLocation: t });
+}, fo = ({ storageKey: e, storageLocation: t }) => {
+  const a = je({ storageKey: e, storageLocation: t });
   return typeof a?.conversationId == "string" && a.conversationId.trim() || void 0;
-}, xe = () => {
+}, Ae = () => {
   try {
     if (typeof crypto < "u" && typeof crypto.randomUUID == "function")
       return crypto.randomUUID();
@@ -859,19 +895,19 @@ const co = 220, ie = "eduzz-webchat", be = Object.freeze({
     const t = Math.random() * 16 | 0;
     return (e === "x" ? t : t & 3 | 8).toString(16);
   });
-}, wo = (e) => `${e || ie}-${lo}`, fo = ({ storageKey: e, storageLocation: t }) => {
-  const a = $e(t), r = wo(e);
+}, go = (e) => `${e || fe}-${uo}`, yo = ({ storageKey: e, storageLocation: t }) => {
+  const a = Oe(t), r = go(e);
   try {
     const s = a?.getItem(r);
     if (s)
       return s;
-    const n = `anon_${xe()}`;
+    const n = `anon_${Ae()}`;
     return a?.setItem(r, n), n;
   } catch {
-    return `anon_${xe()}`;
+    return `anon_${Ae()}`;
   }
-}, go = async ({ webchatProxyUrl: e, clientId: t, accountId: a }) => {
-  const r = fe({ webchatProxyUrl: e });
+}, vo = async ({ webchatProxyUrl: e, clientId: t, accountId: a }) => {
+  const r = Ie({ webchatProxyUrl: e });
   if (!r)
     throw new Error("public session request requires a valid webchatProxyUrl");
   const s = await fetch(
@@ -895,11 +931,11 @@ const co = 220, ie = "eduzz-webchat", be = Object.freeze({
     userId: c.userId,
     userToken: c.userToken
   };
-}, yo = (e) => ({
+}, Co = (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
-}), Co = ({
+}), Bo = ({
   showWelcomeScreen: e,
   storageKey: t,
   storageLocation: a,
@@ -910,14 +946,14 @@ const co = 220, ie = "eduzz-webchat", be = Object.freeze({
     return { activeView: "chat", historyReturnView: "chat", bootstrapView: "chat" };
   if (r && s)
     return { activeView: "chat", historyReturnView: "chat", bootstrapView: "chat" };
-  const n = _e({ storageKey: t, storageLocation: a });
+  const n = je({ storageKey: t, storageLocation: a });
   if (n == null)
     return { activeView: "home", historyReturnView: "home", bootstrapView: "home" };
   if (n === void 0)
     return { activeView: "pending", historyReturnView: "home", bootstrapView: "pending" };
-  const c = typeof n.conversationId == "string" ? n.conversationId.trim() : "", d = typeof n.user?.userToken == "string" ? n.user.userToken.trim() : "";
-  return c && d ? { activeView: "chat", historyReturnView: "chat", bootstrapView: "chat" } : !c && !d ? { activeView: "home", historyReturnView: "home", bootstrapView: "home" } : { activeView: "pending", historyReturnView: "home", bootstrapView: "pending" };
-}, vo = (e, t) => {
+  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) => {
   switch (t.type) {
     case "show":
       return { isPanelMounted: !0, isPanelVisible: e.isPanelVisible };
@@ -931,7 +967,7 @@ const co = 220, ie = "eduzz-webchat", be = Object.freeze({
       return e;
   }
 };
-function Io({
+function So({
   clientId: e,
   webchatProxyUrl: t,
   userCredentials: a,
@@ -939,199 +975,206 @@ function Io({
   config: s,
   defaultUserData: n,
   presetSlug: c,
-  storageKey: d = ie,
-  storageLocation: h = "localStorage",
-  defaultOpen: B,
-  onUserApiChange: x
+  storageKey: i = fe,
+  storageLocation: u = "localStorage",
+  defaultOpen: m,
+  onUserApiChange: w,
+  getSession: b,
+  sessionKey: P,
+  onSessionChange: h
 }) {
-  const p = f(
+  const { session: x, resolving: z } = oo({
+    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(
     () => typeof c == "string" && c.trim() ? c.trim() : void 0,
     [c]
-  ), I = f(
-    () => typeof t == "string" && t.trim() ? Re(t.trim()) : void 0,
+  ), N = y(
+    () => typeof t == "string" && t.trim() ? qe(t.trim()) : void 0,
     [t]
   );
-  f(
-    () => I ? fe({ webchatProxyUrl: I }) : null,
-    [I]
+  y(
+    () => N ? Ie({ webchatProxyUrl: N }) : null,
+    [N]
   );
-  const N = !!(e && I && (p || !a)), g = f(
-    () => N ? bo({
-      webchatProxyUrl: I,
+  const O = !!(e && N && (oe || !q)), T = y(
+    () => O ? mo({
+      webchatProxyUrl: N,
       clientId: e,
-      presetSlug: p
+      presetSlug: oe
     }) : null,
-    [e, p, I, N]
-  ), [V, D] = R({
+    [e, oe, N, O]
+  ), [D, K] = R({
     error: null,
     isLoading: !1,
     payload: null,
     url: null
   });
-  A(() => {
-    if (!g) {
-      D({ error: null, isLoading: !1, payload: null, url: null });
+  M(() => {
+    if (!T) {
+      K({ error: null, isLoading: !1, payload: null, url: null });
       return;
     }
-    const u = new AbortController();
-    return D({ error: null, isLoading: !0, payload: null, url: g }), fetch(g, {
+    const v = new AbortController();
+    return K({ error: null, isLoading: !0, payload: null, url: T }), fetch(T, {
       headers: {
         accept: "application/json"
       },
-      signal: u.signal
-    }).then(async (m) => {
-      if (!m.ok)
-        throw new Error(`bootstrap request failed with status ${m.status}`);
-      return m.json();
-    }).then((m) => {
-      const k = ho(m);
-      if (!k)
+      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)
         throw new Error("bootstrap response is invalid");
-      D({
+      K({
         error: null,
         isLoading: !1,
-        payload: k,
-        url: g
+        payload: U,
+        url: T
       });
-    }).catch((m) => {
-      u.signal.aborted || (console.warn("[EduzzWebchat] failed to load bootstrap", m), D({ error: m, isLoading: !1, payload: null, url: g }));
-    }), () => u.abort();
-  }, [g]);
-  const y = g && V.url === g ? V.payload : null, q = g && V.url === g ? V.error : null, S = y?.clientId || e, P = I || y?.webchatProxyUrl || void 0, T = d === ie && y?.storageKey ? y.storageKey : d, Z = typeof B == "boolean" ? B : typeof y?.defaultOpen == "boolean" ? y.defaultOpen : B, oe = f(
+    }).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(
     () => ({
-      ...J(y?.config) || {},
-      ...J(s) || {}
+      ...Q(f?.config) || {},
+      ...Q(s) || {}
     }),
-    [y, s]
-  ), E = f(
+    [f, s]
+  ), ge = y(
     () => {
-      const u = {
-        ...J(y?.defaultUserData) || {},
-        ...J(n) || {}
+      const v = {
+        ...Q(f?.defaultUserData) || {},
+        ...Q(n) || {}
       };
-      return Object.keys(u).length > 0 ? u : null;
+      return Object.keys(v).length > 0 ? v : null;
     },
-    [n, y]
-  ), W = !!(!a && y?.sessionMode === "service-hub" && P && S), [$, G] = R({
+    [n, f]
+  ), $ = !!(!q && !z && f?.sessionMode === "service-hub" && A && k), [ae, J] = R({
     error: null,
     isLoading: !1,
     payload: null,
     key: null
   });
-  A(() => {
-    if (!W) {
-      G({ error: null, isLoading: !1, payload: null, key: null });
+  M(() => {
+    if (!$) {
+      J({ error: null, isLoading: !1, payload: null, key: null });
       return;
     }
-    const u = fo({
-      storageKey: T,
-      storageLocation: h
-    }), m = `${S}:${P}:${u}`;
-    let k = !1;
-    return G({
+    const v = yo({
+      storageKey: H,
+      storageLocation: u
+    }), g = `${k}:${A}:${v}`;
+    let U = !1;
+    return J({
       error: null,
       isLoading: !0,
       payload: null,
-      key: m
-    }), go({
-      webchatProxyUrl: P,
-      clientId: S,
-      accountId: u
-    }).then((b) => {
-      k || G({
+      key: g
+    }), vo({
+      webchatProxyUrl: A,
+      clientId: k,
+      accountId: v
+    }).then((p) => {
+      U || J({
         error: null,
         isLoading: !1,
-        payload: b,
-        key: m
+        payload: p,
+        key: g
       });
-    }).catch((b) => {
-      k || (console.warn("[EduzzWebchat] failed to open public session", b), G({
-        error: b,
+    }).catch((p) => {
+      U || (console.warn("[EduzzWebchat] failed to open public session", p), J({
+        error: p,
         isLoading: !1,
         payload: null,
-        key: m
+        key: g
       }));
     }), () => {
-      k = !0;
+      U = !0;
     };
   }, [
-    S,
-    T,
-    P,
-    W,
-    h
+    k,
+    H,
+    A,
+    $,
+    u
   ]);
-  const _ = W ? $.payload : null, K = a || _, H = f(() => lt(oe), [oe]), L = f(
-    () => r || po({
-      storageKey: T,
-      storageLocation: h
+  const E = $ ? ae.payload : null, X = q || E, _ = y(() => lt(I), [I]), Z = y(
+    () => te || r || fo({
+      storageKey: H,
+      storageLocation: u
     }),
-    [r, T, h]
-  ), w = Z ?? H.initiallyOpen ?? !0, [de, z] = R(w), ae = me(w), [ue, O] = R(be), X = ee(() => z((u) => !u), []);
-  A(() => {
-    ae.current !== w && (ae.current = w, z(w));
-  }, [w]);
-  const Y = N && !y && !q, Q = W && !_ && !$.error;
-  return A(() => {
-    const u = uo({
-      webchatProxyUrl: P,
-      clientId: S
+    [te, r, H, u]
+  ), V = j ?? _.initiallyOpen ?? !0, [ye, W] = R(V), ne = ce(V), [L, Y] = R(Be), ve = re(() => W((v) => !v), []);
+  M(() => {
+    ne.current !== V && (ne.current = V, W(V));
+  }, [V]);
+  const de = O && !f && !ie, Ce = $ && !E && !ae.error;
+  return M(() => {
+    const v = ho({
+      webchatProxyUrl: A,
+      clientId: k
     });
-    if (O(be), !u)
+    if (Y(Be), !v)
       return;
-    const m = new AbortController();
-    let k = !1;
-    return fetch(u, {
+    const g = new AbortController();
+    let U = !1;
+    return fetch(v, {
       headers: {
         accept: "application/json"
       },
-      signal: m.signal
-    }).then(async (b) => {
-      if (!b.ok)
-        throw new Error(`runtime config request failed with status ${b.status}`);
-      return b.json();
-    }).then((b) => {
-      if (k)
+      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)
         return;
-      const U = b && typeof b == "object" && b.data && typeof b.data == "object" ? b.data : {};
-      O({
-        allowFileUpload: U.allowFileUpload === !0,
-        allowMessageFeedback: U.allowMessageFeedback === !0
+      const ue = p && typeof p == "object" && p.data && typeof p.data == "object" ? p.data : {};
+      Y({
+        allowFileUpload: ue.allowFileUpload === !0,
+        allowMessageFeedback: ue.allowMessageFeedback === !0
       });
-    }).catch((b) => {
-      m.signal.aborted || k || (console.warn("[EduzzWebchat] failed to load runtime config", b), O(be));
+    }).catch((p) => {
+      g.signal.aborted || U || (console.warn("[EduzzWebchat] failed to load runtime config", p), Y(Be));
     }), () => {
-      k = !0, m.abort();
+      U = !0, g.abort();
     };
-  }, [S, P]), Y || Q ? null : q && !y ? /* @__PURE__ */ o("div", { className: "bp-webchat-shell", style: te(H), children: /* @__PURE__ */ o("div", { className: "bp-webchat-error", children: "Nao foi possivel carregar a configuracao publica do webchat." }) }) : $.error && !_ ? /* @__PURE__ */ o("div", { className: "bp-webchat-shell", style: te(H), children: /* @__PURE__ */ o("div", { className: "bp-webchat-error", children: "Nao foi possivel abrir a sessao publica do webchat." }) }) : P ? S ? /* @__PURE__ */ o(
-    Ze,
+  }, [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,
     {
-      clientId: S,
-      apiUrl: P,
-      conversationId: L,
-      userCredentials: K,
-      storageKey: T,
-      storageLocation: h,
+      clientId: k,
+      apiUrl: A,
+      conversationId: Z,
+      userCredentials: X,
+      storageKey: H,
+      storageLocation: u,
       children: /* @__PURE__ */ o(
-        Bo,
+        xo,
         {
-          clientId: S,
-          config: H,
-          defaultUserData: E,
-          conversationIdProp: L,
-          isOpen: de,
-          onUserApiChange: x,
-          onToggle: X,
-          runtimeCapabilities: ue,
-          storageKey: T,
-          storageLocation: h,
-          userToken: K?.userToken
+          clientId: k,
+          config: _,
+          defaultUserData: ge,
+          conversationIdProp: Z,
+          isOpen: ye,
+          onUserApiChange: w,
+          onToggle: ve,
+          runtimeCapabilities: L,
+          storageKey: H,
+          storageLocation: u,
+          userToken: X?.userToken
         }
       )
     }
-  ) : /* @__PURE__ */ o("div", { className: "bp-webchat-shell", style: te(H), children: /* @__PURE__ */ o("div", { className: "bp-webchat-error", children: "Nenhum clientId foi informado." }) }) : /* @__PURE__ */ o("div", { className: "bp-webchat-shell", style: te(H), 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: 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." }) });
 }
-function Bo({
+function xo({
   clientId: e,
   config: t,
   defaultUserData: a,
@@ -1139,166 +1182,166 @@ function Bo({
   isOpen: s,
   onUserApiChange: n,
   onToggle: c,
-  runtimeCapabilities: d,
-  storageKey: h,
-  storageLocation: B,
-  userToken: x
+  runtimeCapabilities: i,
+  storageKey: u,
+  storageLocation: m,
+  userToken: w
 }) {
-  const p = f(
-    () => Co({
+  const b = y(
+    () => Bo({
       showWelcomeScreen: t.showWelcomeScreen,
-      storageKey: h,
-      storageLocation: B,
+      storageKey: u,
+      storageLocation: m,
       conversationId: r,
-      userToken: x
+      userToken: w
     }),
     [
       t.showWelcomeScreen,
       r,
-      h,
-      B,
-      x
+      u,
+      m,
+      w
     ]
-  ), [I, N] = R(!1), [g, V] = R({ open: !1, messageId: null, draft: "" }), [{ isPanelMounted: D, isPanelVisible: y }, q] = We(vo, {
+  ), [P, h] = R(!1), [x, z] = R({ open: !1, messageId: null, draft: "" }), [{ isPanelMounted: ee, isPanelVisible: le }, q] = We(ko, {
     isPanelMounted: s,
     isPanelVisible: s
   }), {
-    conversationId: S,
-    isTyping: P,
-    messages: T,
-    saveMessageFeedback: Z,
-    sendMessage: oe,
-    status: E,
-    uploadFile: W
-  } = Xe(), { openConversation: $, listConversations: G } = Ye(), { updateUser: _, userCredentials: K } = Qe(), H = me({}), [L, w] = R(() => p.activeView), [de, z] = R(() => p.historyReturnView), { conversations: ae, isLoading: ue, refresh: O } = et({
-    userCredentials: K,
-    listConversations: G,
+    conversationId: te,
+    isTyping: oe,
+    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,
     clientId: e
-  }), X = f(
-    () => mo(a),
+  }), X = y(
+    () => wo(a),
     [a]
-  ), Y = ee(
+  ), _ = re(
     async (C = {}) => {
-      if (!_)
+      if (!k)
         return;
-      const i = {
-        ...J(a) || {},
+      const d = {
+        ...Q(a) || {},
         ...H.current,
-        ...J(C) || {}
+        ...Q(C) || {}
       };
-      return H.current = i, _(yo(i));
+      return H.current = d, k(Co(d));
     },
-    [a, _]
-  ), Q = me(Y);
-  A(() => {
-    Q.current = Y;
-  }, [Y]);
-  const u = !!_;
-  A(() => {
+    [a, k]
+  ), Z = ce(_);
+  M(() => {
+    Z.current = _;
+  }, [_]);
+  const V = !!k;
+  M(() => {
     H.current = {};
-  }, [X]), A(() => {
+  }, [X]), M(() => {
     if (n)
       return n({
-        updateUserData: u ? (C) => Q.current(C) : void 0
+        updateUserData: V ? (C) => Z.current(C) : void 0
       }), () => n(null);
-  }, [n, u]), A(() => {
-    !u || !X || Q.current();
-  }, [X, u]), A(() => {
-    d.allowMessageFeedback || V({ open: !1, messageId: null, draft: "" });
-  }, [d.allowMessageFeedback]);
-  const { showInitialLoading: m, setShowInitialLoading: k } = eo({
-    activeView: L,
-    clientState: E,
-    conversationId: S,
-    messagesLength: T.length
-  }), b = f(
+  }, [n, V]), M(() => {
+    !V || !X || Z.current();
+  }, [X, V]), M(() => {
+    i.allowMessageFeedback || z({ open: !1, messageId: null, draft: "" });
+  }, [i.allowMessageFeedback]);
+  const { showInitialLoading: ye, setShowInitialLoading: W } = eo({
+    activeView: j,
+    clientState: D,
+    conversationId: te,
+    messagesLength: N.length
+  }), ne = y(
     () => t.botAvatar || Jt({ name: t.botName, backgroundColor: t.accentColor }),
     [t.accentColor, t.botAvatar, t.botName]
-  ), U = f(
-    () => ({ ...t, botAvatar: b }),
-    [t, b]
-  ), ge = ee(
+  ), L = y(
+    () => ({ ...t, botAvatar: ne }),
+    [t, ne]
+  ), Y = re(
     async (C) => {
-      z(C), w("conversations"), await O();
+      $(C), I("conversations"), await E();
     },
-    [O]
-  ), Le = ee(
+    [E]
+  ), ve = re(
     (C) => {
-      k(!0), $(C), w("chat");
+      W(!0), f(C), I("chat");
     },
-    [$, k]
-  ), ye = ee(() => {
-    k(!0), $(), w("chat");
-  }, [$, k]), ze = f(
+    [f, W]
+  ), de = re(() => {
+    W(!0), f(), I("chat");
+  }, [f, W]), Ce = y(
     () => Qt({
-      messages: T,
-      user: K,
-      botName: U.botName,
-      botAvatar: U.botAvatar
+      messages: N,
+      user: A,
+      botName: L.botName,
+      botAvatar: L.botAvatar
     }),
-    [T, U.botAvatar, U.botName, K]
-  ), De = te(t), qe = f(() => it(t), [t]), Oe = f(() => zt(t.fabChatIconVariant), [t.fabChatIconVariant]);
-  A(() => {
+    [N, L.botAvatar, L.botName, A]
+  ), v = se(t), g = y(() => it(t), [t]), U = y(() => zt(t.fabChatIconVariant), [t.fabChatIconVariant]);
+  M(() => {
     if (s) {
       q({ type: "show" });
-      const ne = window.requestAnimationFrame(() => q({ type: "visible" }));
-      return () => window.cancelAnimationFrame(ne);
+      const be = window.requestAnimationFrame(() => q({ type: "visible" }));
+      return () => window.cancelAnimationFrame(be);
     }
     q({ type: "hide" });
     const C = window.setTimeout(() => {
-      N(!1), V({ open: !1, messageId: null, draft: "" });
-    }, 0), i = window.setTimeout(() => q({ type: "unmount" }), co);
+      h(!1), z({ open: !1, messageId: null, draft: "" });
+    }, 0), d = window.setTimeout(() => q({ type: "unmount" }), io);
     return () => {
-      window.clearTimeout(C), window.clearTimeout(i);
+      window.clearTimeout(C), window.clearTimeout(d);
     };
-  }, [s]), A(() => {
-    if (p.bootstrapView === "pending") {
-      if (T.length > 0) {
+  }, [s]), M(() => {
+    if (b.bootstrapView === "pending") {
+      if (N.length > 0) {
         const C = window.setTimeout(() => {
-          w("chat"), z("chat");
+          I("chat"), $("chat");
         }, 0);
         return () => window.clearTimeout(C);
       }
-      if (E !== "connecting") {
+      if (D !== "connecting") {
         const C = window.setTimeout(() => {
-          w("home"), z("home");
+          I("home"), $("home");
         }, 0);
         return () => window.clearTimeout(C);
       }
     }
-  }, [E, p.bootstrapView, T.length]);
-  const Ce = f(
-    () => function(i) {
-      const ne = d.allowMessageFeedback && i.direction === "incoming" && typeof i.addMessageFeedback == "function", Ee = {
-        ...i.block,
-        direction: i.direction,
-        sender: i.sender,
-        timestamp: i.timestamp,
-        messageId: i.messageId,
-        metadata: i.metadata,
-        isReadOnly: i.isReadOnly,
-        status: i.status,
-        feedback: i.feedback,
-        sendMessage: i.sendMessage,
-        addMessageFeedback: i.addMessageFeedback
+  }, [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
       };
       return /* @__PURE__ */ l(
         "div",
         {
           className: "bpMessageBlocksBubble",
-          "data-direction": i.direction,
-          "data-feedback": ne || void 0,
+          "data-direction": d.direction,
+          "data-feedback": be || void 0,
           children: [
             /* @__PURE__ */ o(tt, { block: Ee }),
-            ne ? /* @__PURE__ */ l("div", { className: "bpMessageBlocksBubbleFeedbackContainer", children: [
+            be ? /* @__PURE__ */ l("div", { className: "bpMessageBlocksBubbleFeedbackContainer", children: [
               /* @__PURE__ */ o(
                 "button",
                 {
                   className: "bpMessageBlocksBubbleFeedbackIcon",
                   type: "button",
-                  "data-selected": i.feedback === "positive",
+                  "data-selected": d.feedback === "positive",
                   "aria-label": "Feedback positivo",
-                  onClick: () => i.addMessageFeedback(i.messageId, { value: "positive" }),
+                  onClick: () => d.addMessageFeedback(d.messageId, { value: "positive" }),
                   children: Ot
                 }
               ),
@@ -1307,11 +1350,11 @@ function Bo({
                 {
                   className: "bpMessageBlocksBubbleFeedbackIcon",
                   type: "button",
-                  "data-selected": i.feedback === "negative",
+                  "data-selected": d.feedback === "negative",
                   "aria-label": "Feedback negativo",
-                  onClick: () => V({
+                  onClick: () => z({
                     open: !0,
-                    messageId: i.messageId,
+                    messageId: d.messageId,
                     draft: ""
                   }),
                   children: jt
@@ -1322,88 +1365,88 @@ function Bo({
         }
       );
     },
-    [d.allowMessageFeedback]
-  ), je = f(() => ({ bubble: Ce }), [Ce]);
+    [i.allowMessageFeedback]
+  ), ue = y(() => ({ bubble: p }), [p]);
   return /* @__PURE__ */ l(
     "div",
     {
       className: "bp-webchat-shell",
-      "data-panel-mounted": D,
-      "data-panel-open": y,
-      style: De,
+      "data-panel-mounted": ee,
+      "data-panel-open": le,
+      style: v,
       children: [
-        /* @__PURE__ */ o(ot, { ...qe }),
-        D ? /* @__PURE__ */ o("div", { className: "bp-webchat-panel", "data-state": y ? "open" : "closed", children: L === "home" ? /* @__PURE__ */ o(
-          so,
+        /* @__PURE__ */ o(ot, { ...g }),
+        ee ? /* @__PURE__ */ o("div", { className: "bp-webchat-panel", "data-state": le ? "open" : "closed", children: j === "home" ? /* @__PURE__ */ o(
+          lo,
           {
-            config: U,
-            activeView: L,
+            config: L,
+            activeView: j,
             onClose: c,
-            onShowHome: () => w("home"),
-            onShowConversations: () => ge("home"),
-            onStart: () => w("chat")
+            onShowHome: () => I("home"),
+            onShowConversations: () => Y("home"),
+            onStart: () => I("chat")
           }
-        ) : L === "conversations" ? /* @__PURE__ */ o(
-          ao,
+        ) : j === "conversations" ? /* @__PURE__ */ o(
+          ro,
           {
             conversations: ae,
-            currentConversationId: S,
-            isLoading: ue,
-            botAvatar: U.botAvatar,
-            botName: U.botName,
-            onClose: () => w(de),
+            currentConversationId: te,
+            isLoading: J,
+            botAvatar: L.botAvatar,
+            botName: L.botName,
+            onClose: () => I(ge),
             onCloseWidget: c,
             onShowHome: () => {
-              w("home"), z("home");
+              I("home"), $("home");
             },
-            onShowConversations: O,
-            onNewConversation: ye,
-            onConversationClick: Le
+            onShowConversations: E,
+            onNewConversation: de,
+            onConversationClick: ve
           }
-        ) : L === "pending" ? /* @__PURE__ */ o("div", { className: "bp-webchat-layout", children: /* @__PURE__ */ o(Pe, {}) }) : /* @__PURE__ */ l(Ne, { children: [
+        ) : j === "pending" ? /* @__PURE__ */ o("div", { className: "bp-webchat-layout", children: /* @__PURE__ */ o(ze, {}) }) : /* @__PURE__ */ l(Ue, { children: [
           /* @__PURE__ */ o(
-            oo,
+            no,
             {
-              config: U,
-              allowFileUpload: d.allowFileUpload,
-              clientState: E,
-              isTyping: P,
-              messages: ze,
-              renderers: je,
-              sendMessage: oe,
-              uploadFile: W,
-              addMessageFeedback: d.allowMessageFeedback ? Z : void 0,
-              showInitialLoading: m,
+              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 ? () => {
-                w("home"), z("home");
+                I("home"), $("home");
               } : void 0,
-              onOpenHistory: () => ge("chat"),
-              onRestartConversation: () => N(!0),
+              onOpenHistory: () => Y("chat"),
+              onRestartConversation: () => h(!0),
               onCloseWidget: c
             }
           ),
           /* @__PURE__ */ o(
-            ro,
+            co,
             {
-              open: I,
-              onCancel: () => N(!1),
+              open: P,
+              onCancel: () => h(!1),
               onConfirm: () => {
-                N(!1), ye();
+                h(!1), de();
               }
             }
           ),
-          d.allowMessageFeedback ? /* @__PURE__ */ o(
-            no,
+          i.allowMessageFeedback ? /* @__PURE__ */ o(
+            so,
             {
-              open: g.open,
-              draft: g.draft,
-              setDraft: (C) => V((i) => ({ ...i, draft: C })),
-              onCancel: () => V({ open: !1, messageId: null, draft: "" }),
+              open: x.open,
+              draft: x.draft,
+              setDraft: (C) => z((d) => ({ ...d, draft: C })),
+              onCancel: () => z({ open: !1, messageId: null, draft: "" }),
               onConfirm: async () => {
-                g.messageId && Z && await Z(g.messageId, {
+                x.messageId && O && await O(x.messageId, {
                   value: "negative",
-                  comment: g.draft
-                }), V({ open: !1, messageId: null, draft: "" });
+                  comment: x.draft
+                }), z({ open: !1, messageId: null, draft: "" });
               }
             }
           ) : null
@@ -1417,7 +1460,7 @@ function Bo({
             type: "button",
             "aria-label": s ? "Fechar webchat" : "Abrir webchat",
             children: [
-              /* @__PURE__ */ o("span", { className: "bp-webchat-fab-icon bp-webchat-fab-icon--chat", children: Oe }),
+              /* @__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 })
             ]
           }
@@ -1427,9 +1470,9 @@ function Bo({
   );
 }
 export {
-  Io as Webchat,
-  j as defaultConfig,
-  ce as getContrastingTextColor,
-  te as getShellStyle,
+  So as Webchat,
+  G as defaultConfig,
+  pe as getContrastingTextColor,
+  se as getShellStyle,
   lt as normalizeConfig
 };