@eduzz-automacoes/webchat-widget 0.0.1

package/dist/eduzz-webchat.js

@@ -0,0 +1,1435 @@
+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 = {
+  botName: "Assistente Virtual",
+  subtitle: "Conectado ao bot real",
+  botAvatar: "",
+  color: "",
+  themeMode: "light",
+  variant: "solid",
+  headerVariant: "glass",
+  radius: 4,
+  fontFamily: "Inter",
+  additionalStylesheet: "",
+  additionalStylesheetUrl: "",
+  accentColor: "#2563eb",
+  brandColor: "#18181b",
+  brandTextColor: "#fafafa",
+  placeholder: "Escreva uma mensagem...",
+  fabBackgroundColor: "#2563eb",
+  fabIconColor: "#ffffff",
+  fabChatIconVariant: "messages-square",
+  primaryButtonBackgroundColor: "#18181b",
+  primaryButtonTextColor: "#fafafa",
+  primaryButtonHoverBackgroundColor: "#27272a",
+  panelBackgroundColor: "#ffffff",
+  panelElevatedBackgroundColor: "#ffffff",
+  panelSubtleBackgroundColor: "#fafafa",
+  panelMutedBackgroundColor: "#f4f4f5",
+  panelHoverBackgroundColor: "#f4f4f5",
+  panelSelectedBackgroundColor: "#f5f5f5",
+  panelBorderColor: "#e4e4e7",
+  panelStrongBorderColor: "#d4d4d8",
+  panelTextColor: "#18181b",
+  panelMutedTextColor: "#71717a",
+  panelHeaderBackgroundColor: "rgba(255, 255, 255, 0.96)",
+  welcomeBackground: "linear-gradient(180deg, #f4f4f5 0%, #fafafa 34%, #ffffff 34%, #ffffff 100%)",
+  welcomeHeroBackground: "linear-gradient(180deg, #f5f5f5 0%, #efeff1 100%)",
+  welcomeOnlineStatusColor: "#16a34a",
+  secondaryButtonBackgroundColor: "#ffffff",
+  secondaryButtonTextColor: "#18181b",
+  secondaryButtonBorderColor: "#e4e4e7",
+  secondaryButtonHoverBackgroundColor: "#f4f4f5",
+  iconButtonBackgroundColor: "#ffffff",
+  iconButtonIconColor: "#71717a",
+  iconButtonBorderColor: "#e4e4e7",
+  iconButtonHoverBackgroundColor: "#f4f4f5",
+  outgoingMessageBackgroundColor: "#ebf1fd",
+  outgoingMessageTextColor: "#0f2346",
+  incomingMessageBackgroundColor: "#f0f0f3",
+  incomingMessageTextColor: "#202127",
+  position: "bottom-right",
+  initiallyOpen: !0,
+  showWelcomeScreen: !0,
+  width: "380px",
+  height: "640px",
+  welcomeCoverImage: "",
+  welcomeCardImage: "",
+  welcomeCardTitle: "Suporte",
+  welcomeCardStatus: "Online agora!",
+  welcomeCardDescription: "Estamos disponíveis para esclarecer qualquer dúvida que você possa ter. Sinta-se a vontade para nos contatar a qualquer momento.",
+  welcomeCtaLabel: "Iniciar atendimento",
+  welcomeButtonDescription: "",
+  welcomeCloseLabel: "Fechar painel",
+  openFabBackgroundColor: "#2563eb",
+  openFabIconColor: "#ffffff"
+}, Me = (e) => e === "bottom-left" || e === "top-left" ? "bottom-left" : "bottom-right", at = (e) => {
+  switch (Me(e)) {
+    case "bottom-left":
+      return {
+        bottom: "24px",
+        left: "24px",
+        "--widget-align": "flex-start",
+        "--panel-transform-origin": "left bottom"
+      };
+    case "bottom-right":
+    default:
+      return {
+        bottom: "24px",
+        right: "24px",
+        "--widget-align": "flex-end",
+        "--panel-transform-origin": "right bottom"
+      };
+  }
+}, Se = (e, t, a) => Math.min(Math.max(e, t), a), pe = (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);
+  if (!t) return null;
+  const a = t.slice(1);
+  return {
+    r: Number.parseInt(a.slice(0, 2), 16),
+    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) => Se(Math.round(r), 0, 255).toString(16).padStart(2, "0")
+).join("")}`, se = (e, t, a) => {
+  const r = we(e), s = we(t);
+  if (!r || !s) return null;
+  const n = Se(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);
+  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;
+  }).reduce(
+    (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 = pe(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;
+  return {
+    ...e,
+    brandColor: a,
+    brandTextColor: r,
+    primaryButtonBackgroundColor: F(
+      t,
+      "primaryButtonBackgroundColor"
+    ) ? e.primaryButtonBackgroundColor : a,
+    primaryButtonTextColor: F(t, "primaryButtonTextColor") ? e.primaryButtonTextColor : r,
+    primaryButtonHoverBackgroundColor: F(
+      t,
+      "primaryButtonHoverBackgroundColor"
+    ) ? e.primaryButtonHoverBackgroundColor : c,
+    secondaryButtonBackgroundColor: F(
+      t,
+      "secondaryButtonBackgroundColor"
+    ) ? e.secondaryButtonBackgroundColor : "#ffffff",
+    secondaryButtonTextColor: F(t, "secondaryButtonTextColor") ? e.secondaryButtonTextColor : a,
+    secondaryButtonBorderColor: F(t, "secondaryButtonBorderColor") ? e.secondaryButtonBorderColor : s,
+    secondaryButtonHoverBackgroundColor: F(
+      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(
+      t,
+      "iconButtonHoverBackgroundColor"
+    ) ? e.iconButtonHoverBackgroundColor : n
+  };
+}, ct = (e) => {
+  const t = e.fabBackgroundColor || e.openFabBackgroundColor || j.fabBackgroundColor, a = e.fabIconColor || e.openFabIconColor || j.fabIconColor;
+  return {
+    ...e,
+    fabBackgroundColor: t,
+    fabIconColor: a,
+    openFabBackgroundColor: t,
+    openFabIconColor: a
+  };
+}, lt = (e = {}) => ct(
+  st(
+    {
+      ...j,
+      ...e,
+      position: Me(e.position ?? j.position)
+    },
+    e
+  )
+), te = (e) => ({
+  ...at(e.position),
+  "--widget-width": e.width,
+  "--widget-height": e.height,
+  "--bpGray-1": "var(--ui-bg)",
+  "--bpGray-50": "var(--ui-bg-subtle)",
+  "--bpGray-100": "var(--ui-bg-muted)",
+  "--bpGray-200": "var(--ui-border)",
+  "--bpGray-300": "var(--ui-border-strong)",
+  "--bpGray-400": "var(--ui-text-muted)",
+  "--bpGray-500": "var(--ui-text-muted)",
+  "--bpGray-600": "var(--ui-text-muted)",
+  "--bpGray-700": "var(--ui-text)",
+  "--bpGray-800": "var(--ui-text)",
+  "--bpGray-900": "var(--ui-text)",
+  "--bpGray-950": "var(--ui-text)",
+  "--accent-color": e.accentColor,
+  "--accent-text-color": ce(e.accentColor),
+  "--header-avatar-bg": e.accentColor,
+  "--header-avatar-text": ce(e.accentColor),
+  "--primary-button-background-color": e.primaryButtonBackgroundColor,
+  "--primary-button-text-color": e.primaryButtonTextColor,
+  "--primary-button-hover-background-color": e.primaryButtonHoverBackgroundColor,
+  "--panel-background-color": e.panelBackgroundColor,
+  "--panel-elevated-background-color": e.panelElevatedBackgroundColor,
+  "--panel-subtle-background-color": e.panelSubtleBackgroundColor,
+  "--panel-muted-background-color": e.panelMutedBackgroundColor,
+  "--panel-hover-background-color": e.panelHoverBackgroundColor,
+  "--panel-selected-background-color": e.panelSelectedBackgroundColor,
+  "--panel-border-color": e.panelBorderColor,
+  "--panel-strong-border-color": e.panelStrongBorderColor,
+  "--panel-text-color": e.panelTextColor,
+  "--panel-muted-text-color": e.panelMutedTextColor,
+  "--panel-header-background-color": e.panelHeaderBackgroundColor,
+  "--welcome-background": e.welcomeBackground,
+  "--welcome-hero-background": e.welcomeHeroBackground,
+  "--welcome-online-status-color": e.welcomeOnlineStatusColor,
+  "--secondary-button-background-color": e.secondaryButtonBackgroundColor,
+  "--secondary-button-text-color": e.secondaryButtonTextColor,
+  "--secondary-button-border-color": e.secondaryButtonBorderColor,
+  "--secondary-button-hover-background-color": e.secondaryButtonHoverBackgroundColor,
+  "--icon-button-background-color": e.iconButtonBackgroundColor,
+  "--icon-button-icon-color": e.iconButtonIconColor,
+  "--icon-button-border-color": e.iconButtonBorderColor,
+  "--icon-button-hover-background-color": e.iconButtonHoverBackgroundColor,
+  "--outgoing-message-background-color": e.outgoingMessageBackgroundColor,
+  "--outgoing-message-text-color": e.outgoingMessageTextColor,
+  "--incoming-message-background-color": e.incomingMessageBackgroundColor,
+  "--incoming-message-text-color": e.incomingMessageTextColor,
+  "--message-bg": e.outgoingMessageBackgroundColor,
+  "--message-text": e.outgoingMessageTextColor,
+  "--message-bg-hover": e.outgoingMessageBackgroundColor,
+  "--send-button-bg": e.primaryButtonBackgroundColor,
+  "--send-button-bg-hover": e.primaryButtonHoverBackgroundColor,
+  "--send-button-text": e.primaryButtonTextColor,
+  "--button-bg": e.secondaryButtonBackgroundColor,
+  "--button-bg-hover": e.secondaryButtonHoverBackgroundColor,
+  "--button-text": e.secondaryButtonTextColor,
+  "--fab-background-color": e.fabBackgroundColor,
+  "--fab-icon-color": e.fabIconColor
+}), it = (e) => ({
+  color: e.color || e.accentColor,
+  fontFamily: e.fontFamily,
+  radius: e.radius,
+  themeMode: e.themeMode,
+  variant: e.variant,
+  headerVariant: e.headerVariant,
+  additionalStylesheet: e.additionalStylesheet,
+  additionalStylesheetUrl: e.additionalStylesheetUrl
+});
+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) => {
+  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) => {
+  for (const t in e)
+    if (t.startsWith("aria-") || t === "role" || t === "title")
+      return !0;
+};
+var ht = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+const mt = Ie(
+  ({
+    color: e = "currentColor",
+    size: t = 24,
+    strokeWidth: a = 2,
+    absoluteStrokeWidth: r,
+    className: s = "",
+    children: n,
+    iconNode: c,
+    ...d
+  }, h) => he(
+    "svg",
+    {
+      ref: h,
+      ...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
+    },
+    [
+      ...c.map(([B, x]) => he(B, x)),
+      ...Array.isArray(n) ? n : [n]
+    ]
+  )
+);
+const M = (e, t) => {
+  const a = Ie(
+    ({ className: r, ...s }, n) => he(mt, {
+      ref: n,
+      iconNode: t,
+      className: Te(
+        `lucide-${dt(ve(e))}`,
+        `lucide-${e}`,
+        r
+      ),
+      ...s
+    })
+  );
+  return a.displayName = ve(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);
+const yt = [
+  ["path", { d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8", key: "5wwlr5" }],
+  [
+    "path",
+    {
+      d: "M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",
+      key: "r6nss1"
+    }
+  ]
+], Ct = M("house", yt);
+const vt = [
+  [
+    "path",
+    {
+      d: "M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719",
+      key: "1sd12s"
+    }
+  ],
+  ["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);
+const kt = [
+  [
+    "path",
+    {
+      d: "M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719",
+      key: "1sd12s"
+    }
+  ]
+], xt = M("message-circle", kt);
+const Nt = [
+  [
+    "path",
+    {
+      d: "M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z",
+      key: "18887p"
+    }
+  ]
+], Ae = M("message-square", Nt);
+const It = [
+  [
+    "path",
+    {
+      d: "M16 10a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 14.286V4a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z",
+      key: "1n2ejm"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M20 9a2 2 0 0 1 2 2v10.286a.71.71 0 0 1-1.212.502l-2.202-2.202A2 2 0 0 0 17.172 19H10a2 2 0 0 1-2-2v-1",
+      key: "1qfcsi"
+    }
+  ]
+], Ve = M("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);
+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" }],
+  [
+    "path",
+    {
+      d: "M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z",
+      key: "ohrbg2"
+    }
+  ]
+], At = M("square-pen", Tt);
+const Vt = [
+  [
+    "path",
+    {
+      d: "M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z",
+      key: "m61m77"
+    }
+  ],
+  ["path", { d: "M17 14V2", key: "8ymqnk" }]
+], Ut = M("thumbs-down", Vt);
+const Ft = [
+  [
+    "path",
+    {
+      d: "M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z",
+      key: "emmmcr"
+    }
+  ],
+  ["path", { d: "M7 10v12", key: "1qc93n" }]
+], Pt = M("thumbs-up", Ft);
+const Ht = [
+  ["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);
+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>
+    </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 = [
+  { 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) => {
+  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)
+    Math.abs(t) >= r.seconds && (a = r);
+  return Xt.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 {
+    ...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", d = c && t === "connecting", h = c && t === "connected" && r === 0, B = s && (!c || r > 0 || t !== "connecting" && t !== "connected");
+  return A(() => {
+    if (s) {
+      if (h) {
+        const x = window.setTimeout(() => n(!1), 900);
+        return () => window.clearTimeout(x);
+      }
+      if (B) {
+        const x = window.setTimeout(() => n(!1), 0);
+        return () => window.clearTimeout(x);
+      }
+    }
+  }, [a, s, h, B]), {
+    showInitialLoading: d || s && c,
+    setShowInitialLoading: n
+  };
+};
+function to({
+  botName: e,
+  botAvatar: t,
+  subtitle: a,
+  onShowHome: r,
+  onOpenHistory: s,
+  onRestartConversation: n,
+  onCloseWidget: c
+}) {
+  return /* @__PURE__ */ l("div", { className: "bp-webchat-header", children: [
+    /* @__PURE__ */ l("div", { className: "bp-webchat-header-meta", children: [
+      /* @__PURE__ */ o("div", { className: "bp-webchat-avatar", children: t ? /* @__PURE__ */ o("img", { src: t, alt: "" }) : /* @__PURE__ */ o("span", { children: (e || "B").slice(0, 1).toUpperCase() }) }),
+      /* @__PURE__ */ l("div", { className: "bp-webchat-header-text", children: [
+        /* @__PURE__ */ o("h2", { className: "bp-webchat-header-title", children: e }),
+        /* @__PURE__ */ o("p", { className: "bp-webchat-header-subtitle", children: a })
+      ] })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "bp-webchat-header-actions", children: [
+      r ? /* @__PURE__ */ o(
+        "button",
+        {
+          className: "bp-webchat-icon-button",
+          type: "button",
+          "aria-label": "Abrir início",
+          onClick: r,
+          children: Fe
+        }
+      ) : null,
+      /* @__PURE__ */ o(
+        "button",
+        {
+          className: "bp-webchat-icon-button",
+          type: "button",
+          "aria-label": "Abrir conversas",
+          onClick: s,
+          children: Et
+        }
+      ),
+      /* @__PURE__ */ o(
+        "button",
+        {
+          className: "bp-webchat-icon-button",
+          type: "button",
+          "aria-label": "Reiniciar conversa",
+          onClick: n,
+          children: _t
+        }
+      ),
+      c ? /* @__PURE__ */ o(
+        "button",
+        {
+          className: "bp-webchat-icon-button bp-webchat-mobile-close",
+          type: "button",
+          "aria-label": "Fechar webchat",
+          onClick: c,
+          children: le
+        }
+      ) : null
+    ] })
+  ] });
+}
+function Pe() {
+  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" }),
+      /* @__PURE__ */ o("div", { className: "bp-webchat-loading-line bp-webchat-loading-line--title" }),
+      /* @__PURE__ */ o("div", { className: "bp-webchat-loading-line bp-webchat-loading-line--subtitle" })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "bp-webchat-loading-bubble", children: [
+      /* @__PURE__ */ o("div", { className: "bp-webchat-loading-line", style: { width: "82%", height: "12px" } }),
+      /* @__PURE__ */ o("div", { className: "bp-webchat-loading-line", style: { width: "58%", height: "12px" } })
+    ] }),
+    /* @__PURE__ */ o("div", { className: "bp-webchat-loading-bubble bp-webchat-loading-bubble--right", children: /* @__PURE__ */ o("div", { className: "bp-webchat-loading-line", style: { width: "72%", height: "12px" } }) }),
+    /* @__PURE__ */ l("div", { className: "bp-webchat-loading-composer", children: [
+      /* @__PURE__ */ o("div", { className: "bp-webchat-loading-input" }),
+      /* @__PURE__ */ o("div", { className: "bp-webchat-loading-mic" })
+    ] })
+  ] });
+}
+function oo({
+  config: e,
+  allowFileUpload: t,
+  clientState: a,
+  isTyping: r,
+  messages: s,
+  renderers: n,
+  sendMessage: c,
+  uploadFile: d,
+  addMessageFeedback: h,
+  showInitialLoading: B,
+  onShowHome: x,
+  onOpenHistory: p,
+  onRestartConversation: I,
+  onCloseWidget: N
+}) {
+  return /* @__PURE__ */ l("div", { className: "bp-webchat-layout", children: [
+    /* @__PURE__ */ o(
+      to,
+      {
+        botName: e.botName,
+        botAvatar: e.botAvatar,
+        subtitle: e.subtitle,
+        onShowHome: x,
+        onOpenHistory: p,
+        onRestartConversation: I,
+        onCloseWidget: N
+      }
+    ),
+    /* @__PURE__ */ o(
+      Ge,
+      {
+        className: "bp-webchat-container",
+        uploadFile: d,
+        allowFileUpload: t,
+        children: B ? /* @__PURE__ */ o(Pe, {}) : /* @__PURE__ */ l(Ne, { children: [
+          /* @__PURE__ */ o(
+            Ke,
+            {
+              botName: e.botName,
+              botDescription: e.subtitle,
+              botAvatar: e.botAvatar,
+              isTyping: r,
+              messages: s,
+              sendMessage: c,
+              addMessageFeedback: h,
+              renderers: n,
+              showDateSystemMessage: !1,
+              showMessageStatus: !1,
+              showIncomingMessageAvatar: !0,
+              showOutgoingMessageAvatar: !1
+            }
+          ),
+          /* @__PURE__ */ o(
+            Je,
+            {
+              connected: a !== "disconnected",
+              sendMessage: c,
+              uploadFile: d,
+              allowFileUpload: t,
+              composerPlaceholder: e.placeholder,
+              disableSendButton: !1
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+}
+function He({ activeView: e, onShowHome: t, onShowConversations: a }) {
+  return /* @__PURE__ */ l("div", { className: "bp-webchat-tabs bp-webchat-welcome-bottom", children: [
+    /* @__PURE__ */ l(
+      "button",
+      {
+        className: "bp-webchat-tab bp-webchat-welcome-tab",
+        "data-active": e === "home",
+        type: "button",
+        onClick: t,
+        children: [
+          /* @__PURE__ */ o("span", { className: "bp-webchat-tab-icon bp-webchat-welcome-tab-icon", children: Fe }),
+          /* @__PURE__ */ o("span", { children: "Início" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ l(
+      "button",
+      {
+        className: "bp-webchat-tab bp-webchat-welcome-tab",
+        "data-active": e === "conversations",
+        type: "button",
+        onClick: a,
+        children: [
+          /* @__PURE__ */ o("span", { className: "bp-webchat-tab-icon bp-webchat-welcome-tab-icon", children: qt }),
+          /* @__PURE__ */ o("span", { children: "Conversas" })
+        ]
+      }
+    )
+  ] });
+}
+function ao({
+  conversations: e,
+  currentConversationId: t,
+  isLoading: a,
+  botAvatar: r,
+  botName: s,
+  onClose: n,
+  onCloseWidget: c,
+  onShowHome: d,
+  onShowConversations: h,
+  onNewConversation: B,
+  onConversationClick: x
+}) {
+  return /* @__PURE__ */ l("div", { className: "bp-webchat-history", children: [
+    /* @__PURE__ */ l("div", { className: "bp-webchat-history-header", children: [
+      /* @__PURE__ */ o("h2", { className: "bp-webchat-history-title", children: "Conversas" }),
+      /* @__PURE__ */ l("div", { className: "bp-webchat-header-actions", children: [
+        /* @__PURE__ */ o(
+          "button",
+          {
+            className: "bp-webchat-icon-button",
+            type: "button",
+            onClick: n,
+            "aria-label": "Fechar conversas",
+            children: le
+          }
+        ),
+        c ? /* @__PURE__ */ o(
+          "button",
+          {
+            className: "bp-webchat-icon-button bp-webchat-mobile-close",
+            type: "button",
+            onClick: c,
+            "aria-label": "Fechar webchat",
+            children: le
+          }
+        ) : 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";
+      return /* @__PURE__ */ l(
+        "button",
+        {
+          className: "bp-webchat-history-item",
+          type: "button",
+          onClick: () => x(p.id),
+          "data-current": p.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__ */ 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-chevron", children: Wt })
+          ]
+        },
+        p.id
+      );
+    }) }),
+    /* @__PURE__ */ o("div", { className: "bp-webchat-history-footer", children: /* @__PURE__ */ l("button", { className: "bp-webchat-history-new", type: "button", onClick: B, children: [
+      Gt,
+      /* @__PURE__ */ o("span", { children: "Nova conversa" })
+    ] }) }),
+    /* @__PURE__ */ o(
+      He,
+      {
+        activeView: "conversations",
+        onShowHome: d,
+        onShowConversations: h
+      }
+    )
+  ] });
+}
+function no({ 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." }),
+    /* @__PURE__ */ o("div", { className: "bp-webchat-modal-field-wrap", children: /* @__PURE__ */ o(
+      "textarea",
+      {
+        className: "bp-webchat-modal-textarea",
+        value: t,
+        onChange: (n) => a(n.target.value),
+        placeholder: "Descreva o problema encontrado..."
+      }
+    ) }),
+    /* @__PURE__ */ l("div", { className: "bp-webchat-modal-actions", children: [
+      /* @__PURE__ */ o(
+        "button",
+        {
+          className: "bp-webchat-modal-button bp-webchat-modal-button--primary",
+          type: "button",
+          onClick: r,
+          children: "Enviar feedback"
+        }
+      ),
+      /* @__PURE__ */ o("button", { className: "bp-webchat-modal-button", type: "button", onClick: s, children: "Cancelar" })
+    ] })
+  ] }) }) : null;
+}
+function ro({ 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." }),
+    /* @__PURE__ */ l("div", { className: "bp-webchat-modal-actions", children: [
+      /* @__PURE__ */ o(
+        "button",
+        {
+          className: "bp-webchat-modal-button bp-webchat-modal-button--primary",
+          type: "button",
+          onClick: t,
+          children: "Nova conversa"
+        }
+      ),
+      /* @__PURE__ */ o("button", { className: "bp-webchat-modal-button", type: "button", onClick: a, children: "Cancelar" })
+    ] })
+  ] }) }) : null;
+}
+function so({ 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: [
+      /* @__PURE__ */ o(
+        "button",
+        {
+          className: "bp-webchat-icon-button bp-webchat-welcome-close",
+          type: "button",
+          onClick: n,
+          "aria-label": e.welcomeCloseLabel,
+          children: le
+        }
+      ),
+      e.welcomeCoverImage ? /* @__PURE__ */ o("img", { className: "bp-webchat-welcome-cover", src: e.welcomeCoverImage, alt: "" }) : null
+    ] }),
+    /* @__PURE__ */ o("div", { className: "bp-webchat-welcome-card-wrap", children: /* @__PURE__ */ l("div", { className: "bp-webchat-welcome-card", children: [
+      /* @__PURE__ */ o("div", { className: "bp-webchat-welcome-card-badge", children: c ? /* @__PURE__ */ o("img", { src: c, alt: "" }) : /* @__PURE__ */ o("span", { children: (e.botName || "B").slice(0, 1).toUpperCase() }) }),
+      /* @__PURE__ */ o("h3", { className: "bp-webchat-welcome-card-title", children: e.welcomeCardTitle }),
+      /* @__PURE__ */ o("p", { className: "bp-webchat-welcome-card-status", children: /* @__PURE__ */ o("strong", { children: e.welcomeCardStatus }) }),
+      /* @__PURE__ */ o("p", { className: "bp-webchat-welcome-card-description", children: e.welcomeCardDescription }),
+      /* @__PURE__ */ l("button", { className: "bp-webchat-welcome-cta", type: "button", onClick: s, children: [
+        /* @__PURE__ */ o("span", { className: "bp-webchat-welcome-cta-left", children: /* @__PURE__ */ l("span", { className: "bp-webchat-welcome-cta-copy", children: [
+          /* @__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(
+      He,
+      {
+        activeView: t,
+        onShowHome: a,
+        onShowConversations: r
+      }
+    )
+  ] });
+}
+const co = 220, ie = "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 }) => {
+  if (typeof e != "string" || !e.trim())
+    return null;
+  const t = Re(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 }) => {
+  if (!e || !t)
+    return null;
+  const r = fe({ 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) => {
+  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) => {
+  if (!e) return "";
+  try {
+    return JSON.stringify(e);
+  } catch {
+    return String(Date.now());
+  }
+}, $e = (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);
+  if (!a) return null;
+  try {
+    const r = a.getItem(
+      `${e || ie}-client`
+    );
+    if (!r) return null;
+    const s = JSON.parse(r), n = typeof s?.state == "string" ? JSON.parse(s.state) : s?.state ?? s;
+    return n && typeof n == "object" ? n : null;
+  } catch {
+    return;
+  }
+}, po = ({ storageKey: e, storageLocation: t }) => {
+  const a = _e({ storageKey: e, storageLocation: t });
+  return typeof a?.conversationId == "string" && a.conversationId.trim() || void 0;
+}, xe = () => {
+  try {
+    if (typeof crypto < "u" && typeof crypto.randomUUID == "function")
+      return crypto.randomUUID();
+  } catch {
+    return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (e) => {
+      const t = Math.random() * 16 | 0;
+      return (e === "x" ? t : t & 3 | 8).toString(16);
+    });
+  }
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (e) => {
+    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);
+  try {
+    const s = a?.getItem(r);
+    if (s)
+      return s;
+    const n = `anon_${xe()}`;
+    return a?.setItem(r, n), n;
+  } catch {
+    return `anon_${xe()}`;
+  }
+}, go = async ({ webchatProxyUrl: e, clientId: t, accountId: a }) => {
+  const r = fe({ webchatProxyUrl: e });
+  if (!r)
+    throw new Error("public session request requires a valid webchatProxyUrl");
+  const s = await fetch(
+    `${r}/webchat/session/open/${encodeURIComponent(t)}`,
+    {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({ accountId: a })
+    }
+  );
+  if (!s.ok)
+    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");
+  if (typeof c.userId != "string" || typeof c.userToken != "string")
+    throw new Error("public session response is missing credentials");
+  return {
+    userId: c.userId,
+    userToken: c.userToken
+  };
+}, yo = (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 = ({
+  showWelcomeScreen: e,
+  storageKey: t,
+  storageLocation: a,
+  conversationId: r,
+  userToken: s
+}) => {
+  if (!e)
+    return { activeView: "chat", historyReturnView: "chat", bootstrapView: "chat" };
+  if (r && s)
+    return { activeView: "chat", historyReturnView: "chat", bootstrapView: "chat" };
+  const n = _e({ 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) => {
+  switch (t.type) {
+    case "show":
+      return { isPanelMounted: !0, isPanelVisible: e.isPanelVisible };
+    case "visible":
+      return { isPanelMounted: !0, isPanelVisible: !0 };
+    case "hide":
+      return { isPanelMounted: e.isPanelMounted, isPanelVisible: !1 };
+    case "unmount":
+      return { isPanelMounted: !1, isPanelVisible: !1 };
+    default:
+      return e;
+  }
+};
+function Io({
+  clientId: e,
+  webchatProxyUrl: t,
+  userCredentials: a,
+  conversationId: r,
+  config: s,
+  defaultUserData: n,
+  presetSlug: c,
+  storageKey: d = ie,
+  storageLocation: h = "localStorage",
+  defaultOpen: B,
+  onUserApiChange: x
+}) {
+  const p = f(
+    () => typeof c == "string" && c.trim() ? c.trim() : void 0,
+    [c]
+  ), I = f(
+    () => typeof t == "string" && t.trim() ? Re(t.trim()) : void 0,
+    [t]
+  );
+  f(
+    () => I ? fe({ webchatProxyUrl: I }) : null,
+    [I]
+  );
+  const N = !!(e && I && (p || !a)), g = f(
+    () => N ? bo({
+      webchatProxyUrl: I,
+      clientId: e,
+      presetSlug: p
+    }) : null,
+    [e, p, I, N]
+  ), [V, D] = R({
+    error: null,
+    isLoading: !1,
+    payload: null,
+    url: null
+  });
+  A(() => {
+    if (!g) {
+      D({ 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, {
+      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)
+        throw new Error("bootstrap response is invalid");
+      D({
+        error: null,
+        isLoading: !1,
+        payload: k,
+        url: g
+      });
+    }).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(
+    () => ({
+      ...J(y?.config) || {},
+      ...J(s) || {}
+    }),
+    [y, s]
+  ), E = f(
+    () => {
+      const u = {
+        ...J(y?.defaultUserData) || {},
+        ...J(n) || {}
+      };
+      return Object.keys(u).length > 0 ? u : null;
+    },
+    [n, y]
+  ), W = !!(!a && y?.sessionMode === "service-hub" && P && S), [$, G] = R({
+    error: null,
+    isLoading: !1,
+    payload: null,
+    key: null
+  });
+  A(() => {
+    if (!W) {
+      G({ 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({
+      error: null,
+      isLoading: !0,
+      payload: null,
+      key: m
+    }), go({
+      webchatProxyUrl: P,
+      clientId: S,
+      accountId: u
+    }).then((b) => {
+      k || G({
+        error: null,
+        isLoading: !1,
+        payload: b,
+        key: m
+      });
+    }).catch((b) => {
+      k || (console.warn("[EduzzWebchat] failed to open public session", b), G({
+        error: b,
+        isLoading: !1,
+        payload: null,
+        key: m
+      }));
+    }), () => {
+      k = !0;
+    };
+  }, [
+    S,
+    T,
+    P,
+    W,
+    h
+  ]);
+  const _ = W ? $.payload : null, K = a || _, H = f(() => lt(oe), [oe]), L = f(
+    () => r || po({
+      storageKey: T,
+      storageLocation: h
+    }),
+    [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
+    });
+    if (O(be), !u)
+      return;
+    const m = new AbortController();
+    let k = !1;
+    return fetch(u, {
+      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)
+        return;
+      const U = b && typeof b == "object" && b.data && typeof b.data == "object" ? b.data : {};
+      O({
+        allowFileUpload: U.allowFileUpload === !0,
+        allowMessageFeedback: U.allowMessageFeedback === !0
+      });
+    }).catch((b) => {
+      m.signal.aborted || k || (console.warn("[EduzzWebchat] failed to load runtime config", b), O(be));
+    }), () => {
+      k = !0, m.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,
+    {
+      clientId: S,
+      apiUrl: P,
+      conversationId: L,
+      userCredentials: K,
+      storageKey: T,
+      storageLocation: h,
+      children: /* @__PURE__ */ o(
+        Bo,
+        {
+          clientId: S,
+          config: H,
+          defaultUserData: E,
+          conversationIdProp: L,
+          isOpen: de,
+          onUserApiChange: x,
+          onToggle: X,
+          runtimeCapabilities: ue,
+          storageKey: T,
+          storageLocation: h,
+          userToken: K?.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." }) });
+}
+function Bo({
+  clientId: e,
+  config: t,
+  defaultUserData: a,
+  conversationIdProp: r,
+  isOpen: s,
+  onUserApiChange: n,
+  onToggle: c,
+  runtimeCapabilities: d,
+  storageKey: h,
+  storageLocation: B,
+  userToken: x
+}) {
+  const p = f(
+    () => Co({
+      showWelcomeScreen: t.showWelcomeScreen,
+      storageKey: h,
+      storageLocation: B,
+      conversationId: r,
+      userToken: x
+    }),
+    [
+      t.showWelcomeScreen,
+      r,
+      h,
+      B,
+      x
+    ]
+  ), [I, N] = R(!1), [g, V] = R({ open: !1, messageId: null, draft: "" }), [{ isPanelMounted: D, isPanelVisible: y }, q] = We(vo, {
+    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,
+    clientId: e
+  }), X = f(
+    () => mo(a),
+    [a]
+  ), Y = ee(
+    async (C = {}) => {
+      if (!_)
+        return;
+      const i = {
+        ...J(a) || {},
+        ...H.current,
+        ...J(C) || {}
+      };
+      return H.current = i, _(yo(i));
+    },
+    [a, _]
+  ), Q = me(Y);
+  A(() => {
+    Q.current = Y;
+  }, [Y]);
+  const u = !!_;
+  A(() => {
+    H.current = {};
+  }, [X]), A(() => {
+    if (n)
+      return n({
+        updateUserData: u ? (C) => Q.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(
+    () => t.botAvatar || Jt({ name: t.botName, backgroundColor: t.accentColor }),
+    [t.accentColor, t.botAvatar, t.botName]
+  ), U = f(
+    () => ({ ...t, botAvatar: b }),
+    [t, b]
+  ), ge = ee(
+    async (C) => {
+      z(C), w("conversations"), await O();
+    },
+    [O]
+  ), Le = ee(
+    (C) => {
+      k(!0), $(C), w("chat");
+    },
+    [$, k]
+  ), ye = ee(() => {
+    k(!0), $(), w("chat");
+  }, [$, k]), ze = f(
+    () => Qt({
+      messages: T,
+      user: K,
+      botName: U.botName,
+      botAvatar: U.botAvatar
+    }),
+    [T, U.botAvatar, U.botName, K]
+  ), De = te(t), qe = f(() => it(t), [t]), Oe = f(() => zt(t.fabChatIconVariant), [t.fabChatIconVariant]);
+  A(() => {
+    if (s) {
+      q({ type: "show" });
+      const ne = window.requestAnimationFrame(() => q({ type: "visible" }));
+      return () => window.cancelAnimationFrame(ne);
+    }
+    q({ type: "hide" });
+    const C = window.setTimeout(() => {
+      N(!1), V({ open: !1, messageId: null, draft: "" });
+    }, 0), i = window.setTimeout(() => q({ type: "unmount" }), co);
+    return () => {
+      window.clearTimeout(C), window.clearTimeout(i);
+    };
+  }, [s]), A(() => {
+    if (p.bootstrapView === "pending") {
+      if (T.length > 0) {
+        const C = window.setTimeout(() => {
+          w("chat"), z("chat");
+        }, 0);
+        return () => window.clearTimeout(C);
+      }
+      if (E !== "connecting") {
+        const C = window.setTimeout(() => {
+          w("home"), z("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
+      };
+      return /* @__PURE__ */ l(
+        "div",
+        {
+          className: "bpMessageBlocksBubble",
+          "data-direction": i.direction,
+          "data-feedback": ne || void 0,
+          children: [
+            /* @__PURE__ */ o(tt, { block: Ee }),
+            ne ? /* @__PURE__ */ l("div", { className: "bpMessageBlocksBubbleFeedbackContainer", children: [
+              /* @__PURE__ */ o(
+                "button",
+                {
+                  className: "bpMessageBlocksBubbleFeedbackIcon",
+                  type: "button",
+                  "data-selected": i.feedback === "positive",
+                  "aria-label": "Feedback positivo",
+                  onClick: () => i.addMessageFeedback(i.messageId, { value: "positive" }),
+                  children: Ot
+                }
+              ),
+              /* @__PURE__ */ o(
+                "button",
+                {
+                  className: "bpMessageBlocksBubbleFeedbackIcon",
+                  type: "button",
+                  "data-selected": i.feedback === "negative",
+                  "aria-label": "Feedback negativo",
+                  onClick: () => V({
+                    open: !0,
+                    messageId: i.messageId,
+                    draft: ""
+                  }),
+                  children: jt
+                }
+              )
+            ] }) : null
+          ]
+        }
+      );
+    },
+    [d.allowMessageFeedback]
+  ), je = f(() => ({ bubble: Ce }), [Ce]);
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: "bp-webchat-shell",
+      "data-panel-mounted": D,
+      "data-panel-open": y,
+      style: De,
+      children: [
+        /* @__PURE__ */ o(ot, { ...qe }),
+        D ? /* @__PURE__ */ o("div", { className: "bp-webchat-panel", "data-state": y ? "open" : "closed", children: L === "home" ? /* @__PURE__ */ o(
+          so,
+          {
+            config: U,
+            activeView: L,
+            onClose: c,
+            onShowHome: () => w("home"),
+            onShowConversations: () => ge("home"),
+            onStart: () => w("chat")
+          }
+        ) : L === "conversations" ? /* @__PURE__ */ o(
+          ao,
+          {
+            conversations: ae,
+            currentConversationId: S,
+            isLoading: ue,
+            botAvatar: U.botAvatar,
+            botName: U.botName,
+            onClose: () => w(de),
+            onCloseWidget: c,
+            onShowHome: () => {
+              w("home"), z("home");
+            },
+            onShowConversations: O,
+            onNewConversation: ye,
+            onConversationClick: Le
+          }
+        ) : L === "pending" ? /* @__PURE__ */ o("div", { className: "bp-webchat-layout", children: /* @__PURE__ */ o(Pe, {}) }) : /* @__PURE__ */ l(Ne, { children: [
+          /* @__PURE__ */ o(
+            oo,
+            {
+              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,
+              onShowHome: t.showWelcomeScreen ? () => {
+                w("home"), z("home");
+              } : void 0,
+              onOpenHistory: () => ge("chat"),
+              onRestartConversation: () => N(!0),
+              onCloseWidget: c
+            }
+          ),
+          /* @__PURE__ */ o(
+            ro,
+            {
+              open: I,
+              onCancel: () => N(!1),
+              onConfirm: () => {
+                N(!1), ye();
+              }
+            }
+          ),
+          d.allowMessageFeedback ? /* @__PURE__ */ o(
+            no,
+            {
+              open: g.open,
+              draft: g.draft,
+              setDraft: (C) => V((i) => ({ ...i, draft: C })),
+              onCancel: () => V({ open: !1, messageId: null, draft: "" }),
+              onConfirm: async () => {
+                g.messageId && Z && await Z(g.messageId, {
+                  value: "negative",
+                  comment: g.draft
+                }), V({ open: !1, messageId: null, draft: "" });
+              }
+            }
+          ) : null
+        ] }) }) : null,
+        /* @__PURE__ */ l(
+          "button",
+          {
+            className: "bp-webchat-fab",
+            "data-open": s,
+            onClick: c,
+            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--close", children: Lt })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  Io as Webchat,
+  j as defaultConfig,
+  ce as getContrastingTextColor,
+  te as getShellStyle,
+  lt as normalizeConfig
+};