@ibti-tech/chatbot 0.6.2 → 0.8.0

package/dist/index.mjs

@@ -59,6 +59,38 @@ var dispatchAssitantAnswer = /* @__PURE__ */ __name(() => {
   document.dispatchEvent(evt);
 }, "dispatchAssitantAnswer");
 
+// src/services/api/http-client.ts
+var getDefaultHeaders = /* @__PURE__ */ __name(() => ({
+  "Content-Type": "application/json",
+  "User-Agent": typeof navigator !== "undefined" ? navigator.userAgent : "IBTI-Chatbot/1.0"
+}), "getDefaultHeaders");
+
+// src/services/chatbot/chatbot.api.ts
+var CACHE_TTL_MS = 5 * 60 * 1e3;
+var cache = /* @__PURE__ */ new Map();
+function cacheKey(apiURL, publicHash) {
+  const base = apiURL.replace(/\/+$/, "");
+  return `${base}:${publicHash}`;
+}
+__name(cacheKey, "cacheKey");
+var getChatbotByPublicHash = /* @__PURE__ */ __name(async (apiURL, publicHash) => {
+  const key = cacheKey(apiURL, publicHash);
+  const now = Date.now();
+  const entry = cache.get(key);
+  if (entry && entry.expires > now) return entry.data;
+  const response = await fetch(`${apiURL}/chatbots/public/${publicHash}`, {
+    method: "GET",
+    headers: getDefaultHeaders(),
+    cache: "default"
+  });
+  if (!response.ok) {
+    throw new Error(`Chatbot not found (${response.status})`);
+  }
+  const data = await response.json();
+  cache.set(key, { data, expires: now + CACHE_TTL_MS });
+  return data;
+}, "getChatbotByPublicHash");
+
 // src/i18n/en.json
 var en_default = {
   CHATBOT_NAME: "IBTI Chatbot (Beta)",
@@ -71,7 +103,9 @@ var en_default = {
   },
   WRITING_MESSAGE: "Writing",
   ERRORS: {
-    UNKNOWN: "Sorry. We couldn't provide a response."
+    UNKNOWN: "Sorry. We couldn't provide a response.",
+    DOMAIN_NOT_ALLOWED: "The chatbot is not available on this domain.",
+    CHATBOT_NOT_FOUND: "Chatbot not found. Please check the configuration."
   },
   INPUT_PLACEHOLDER: "Ask something",
   CHATBOT_BAR: {
@@ -110,7 +144,9 @@ var pt_BR_default = {
   },
   WRITING_MESSAGE: "Escrevendo",
   ERRORS: {
-    UNKNOWN: "Desculpe. N\xE3o conseguimos fornecer uma resposta."
+    UNKNOWN: "Desculpe. N\xE3o conseguimos fornecer uma resposta.",
+    DOMAIN_NOT_ALLOWED: "O chatbot n\xE3o est\xE1 dispon\xEDvel neste dom\xEDnio.",
+    CHATBOT_NOT_FOUND: "Chatbot n\xE3o encontrado. Verifique a configura\xE7\xE3o."
   },
   INPUT_PLACEHOLDER: "Pergunte alguma coisa",
   CHATBOT_BAR: {
@@ -143,115 +179,137 @@ var i18n = {
   "pt-BR": pt_BR_default
 };
 
-// src/services/chatbot-api.ts
+// src/services/chat/chat.api.ts
 var sendChatContext = /* @__PURE__ */ __name(async ({
   chatContext,
   locale = "en",
   onReceiving,
   onDone,
-  apiURL
-}) => fetch(`${apiURL}/chat/completion?locale=${locale}`, {
-  method: "POST",
-  headers: {
-    "Content-type": "application/json"
-  },
-  body: JSON.stringify({
-    context: chatContext
-  })
-}).then((response) => {
-  if (!response.ok)
+  apiURL,
+  publicHash,
+  visitorId
+}) => {
+  const params = new URLSearchParams({ locale });
+  if (publicHash) params.set("hash", publicHash);
+  if (visitorId) params.set("visitorId", visitorId);
+  const response = await fetch(
+    `${apiURL}/chat/completion?${params.toString()}`,
+    {
+      method: "POST",
+      headers: getDefaultHeaders(),
+      body: JSON.stringify({ context: chatContext })
+    }
+  );
+  if (!response.ok) {
     throw new Error(
       i18n[locale].ERRORS.UNKNOWN + ` (status: ${response.status})`
     );
+  }
   if (!response.body) return;
   const reader = response.body.getReader();
   const decoder = new TextDecoder();
   let message = "";
-  function read() {
-    reader.read().then(({ done, value }) => {
-      if (done) {
-        onDone && onDone();
-        return;
-      }
-      const decodifiedChunk = decoder.decode(value, { stream: true });
-      message += decodifiedChunk;
-      onReceiving(message, decodifiedChunk);
-      read();
-    });
-  }
-  __name(read, "read");
-  read();
-}), "sendChatContext");
-var sendUserChatFeedback = /* @__PURE__ */ __name(async ({
-  apiURL,
-  chatContext,
-  locale = "en",
-  ratingScore,
-  description
-}) => fetch(`${apiURL}/chat/feedback`, {
-  method: "POST",
-  headers: {
-    "Content-type": "application/json"
-  },
-  body: JSON.stringify({
-    locale,
-    rating_score: ratingScore,
-    chat_context: chatContext,
-    message: description
-  })
-}), "sendUserChatFeedback");
-var checkApiHealth = /* @__PURE__ */ __name(async (apiUrl, locale = "en") => {
+  const read = /* @__PURE__ */ __name(() => reader.read().then(({ done, value }) => {
+    if (done) {
+      onDone?.();
+      return;
+    }
+    const chunk = decoder.decode(value, { stream: true });
+    message += chunk;
+    onReceiving(message, chunk);
+    return read();
+  }), "read");
+  return read();
+}, "sendChatContext");
+var checkApiHealth = /* @__PURE__ */ __name(async (apiUrl, locale = "en", publicHash) => {
+  const params = new URLSearchParams({ locale });
+  if (publicHash) params.set("hash", publicHash);
+  const url = `${apiUrl}/chat/welcome?${params.toString()}`;
   const controller = new AbortController();
-  const timeoutId = setTimeout(() => controller.abort(), 5e3);
+  const timeoutMs = 5e3;
+  const timeoutId = setTimeout(() => controller.abort(), timeoutMs);
   try {
-    const req = await fetch(`${apiUrl}/chat/welcome?locale=${locale}`, {
+    const response = await fetch(url, {
       method: "HEAD",
-      // Use HEAD to minimize data transfer
-      signal: controller.signal
+      signal: controller.signal,
+      headers: getDefaultHeaders()
     });
     clearTimeout(timeoutId);
-    return req.ok;
-  } catch (err) {
+    return response.ok;
+  } catch {
     clearTimeout(timeoutId);
-    const fallbackController = new AbortController();
-    const fallbackTimeoutId = setTimeout(
-      () => fallbackController.abort(),
-      5e3
-    );
-    try {
-      const req = await fetch(`${apiUrl}/chat/welcome?locale=${locale}`, {
-        method: "GET",
-        signal: fallbackController.signal
-      });
-      clearTimeout(fallbackTimeoutId);
-      return req.ok;
-    } catch {
-      clearTimeout(fallbackTimeoutId);
-      return false;
-    }
+  }
+  const fallbackController = new AbortController();
+  const fallbackTimeoutId = setTimeout(
+    () => fallbackController.abort(),
+    timeoutMs
+  );
+  try {
+    const response = await fetch(url, {
+      method: "GET",
+      signal: fallbackController.signal,
+      headers: getDefaultHeaders()
+    });
+    clearTimeout(fallbackTimeoutId);
+    return response.ok;
+  } catch {
+    clearTimeout(fallbackTimeoutId);
+    return false;
   }
 }, "checkApiHealth");
-var getWelcomeMessage = /* @__PURE__ */ __name(async (apiUrl, locale = "en") => {
-  const req = await fetch(`${apiUrl}/chat/welcome?locale=${locale}`, {
-    method: "GET"
-  });
-  if (!req.ok) {
+var getWelcomeMessage = /* @__PURE__ */ __name(async (apiUrl, locale = "en", publicHash) => {
+  const params = new URLSearchParams({ locale });
+  if (publicHash) params.set("hash", publicHash);
+  const response = await fetch(
+    `${apiUrl}/chat/welcome?${params.toString()}`,
+    {
+      method: "GET",
+      headers: getDefaultHeaders()
+    }
+  );
+  if (!response.ok) {
     throw new Error(
-      i18n[locale].ERRORS.UNKNOWN + ` (status: ${req.status})`
+      i18n[locale].ERRORS.UNKNOWN + ` (status: ${response.status})`
     );
   }
-  const data = await req.json();
+  const data = await response.json();
   return data.welcomeMessage;
 }, "getWelcomeMessage");
 
+// src/services/feedback/feedback.api.ts
+var sendUserChatFeedback = /* @__PURE__ */ __name(async ({
+  apiURL,
+  chatContext,
+  locale = "en",
+  ratingScore,
+  description,
+  publicHash,
+  visitorId
+}) => {
+  return fetch(`${apiURL}/chat/feedback`, {
+    method: "POST",
+    headers: getDefaultHeaders(),
+    body: JSON.stringify({
+      locale,
+      rating_score: ratingScore,
+      chat_context: chatContext,
+      message: description,
+      ...publicHash && { hash: publicHash },
+      ...visitorId && { visitorId }
+    })
+  });
+}, "sendUserChatFeedback");
+
 // src/cookies/chat.tsx
 import { parseCookies, setCookie } from "nookies";
 var ChatCookieManager = class {
-  constructor() {
-    this.storageKey = "ibtiChatbot@chat";
-    this.cookieKey = "ibtiChatbot@chat";
-    // Keep for migration purposes
+  // Keep for migration purposes
+  constructor(keySuffix) {
     this.maxAgeInHours = 24;
+    const base = "ibtiChatbot@chat";
+    const suffix = keySuffix ? `:${keySuffix}` : "";
+    this.storageKey = `${base}${suffix}`;
+    this.cookieKey = `${base}${suffix}`;
   }
   static {
     __name(this, "ChatCookieManager");
@@ -420,10 +478,13 @@ var useI18n = /* @__PURE__ */ __name(() => {
 // src/contexts/Chatbot/useChatbotMessages.ts
 var useChatbotMessages = /* @__PURE__ */ __name(({
   apiURL,
-  locale
+  locale,
+  publicHash,
+  visitorId
 }) => {
   const i18n2 = useI18n();
-  const chatCookie = new ChatCookieManager();
+  const cookieKeySuffix = publicHash && apiURL ? `${apiURL.replace(/\/+$/, "")}:${publicHash}` : void 0;
+  const chatCookie = new ChatCookieManager(cookieKeySuffix);
   const [chatMessages, setChatMessages] = useState2(
     []
   );
@@ -525,6 +586,8 @@ var useChatbotMessages = /* @__PURE__ */ __name(({
       await sendChatContext({
         apiURL,
         locale,
+        publicHash,
+        visitorId,
         chatContext: [
           ...chatMessages.map((item) => ({
             role: item.role,
@@ -596,8 +659,11 @@ var useChatbotMessages = /* @__PURE__ */ __name(({
     };
   }, []);
   const init = /* @__PURE__ */ __name(async () => {
+    if (publicHash !== void 0 && visitorId === void 0) {
+      return;
+    }
     try {
-      const isApiAvailable = await checkApiHealth(apiURL, locale);
+      const isApiAvailable = await checkApiHealth(apiURL, locale, publicHash);
       if (!isApiAvailable) {
         setApiConnectionError(true);
         setInitialized(true);
@@ -616,7 +682,7 @@ var useChatbotMessages = /* @__PURE__ */ __name(({
       setInitialized(true);
     } else {
       try {
-        const firstMessage = await getWelcomeMessage(apiURL, locale);
+        const firstMessage = await getWelcomeMessage(apiURL, locale, publicHash);
         setChatMessages([
           {
             id: uuidv4(),
@@ -639,8 +705,9 @@ var useChatbotMessages = /* @__PURE__ */ __name(({
   }, "init");
   useEffect(() => {
     if (initialized) return;
+    if (publicHash !== void 0 && visitorId === void 0) return;
     init();
-  }, [initialized]);
+  }, [initialized, publicHash, visitorId]);
   return {
     chatMessages,
     makeQuestion,
@@ -659,17 +726,156 @@ var themes = {
   light: defaultLightTheme,
   dark: defaultDarkTheme
 };
+function mergeThemeWithCustomColors(baseTheme, customColors) {
+  const has = /* @__PURE__ */ __name((v) => v && v.trim().length > 0, "has");
+  if (!customColors || !Object.values(customColors).some(has)) {
+    return baseTheme;
+  }
+  const primary = has(customColors.primaryColor) ? customColors.primaryColor : baseTheme.colors.palette.primary.normal;
+  const headerBg = has(customColors.headerBackground) ? customColors.headerBackground : has(customColors.primaryColor) ? customColors.primaryColor : baseTheme.colors.palette.primary.normal;
+  const userBalloon = has(customColors.userBalloonColor) ? customColors.userBalloonColor : has(customColors.primaryColor) ? customColors.primaryColor : baseTheme.colors.palette.primary.normal;
+  return {
+    ...baseTheme,
+    colors: {
+      ...baseTheme.colors,
+      palette: {
+        ...baseTheme.colors.palette,
+        primary: {
+          ...baseTheme.colors.palette.primary,
+          normal: primary
+        }
+      },
+      custom: {
+        headerBackground: headerBg,
+        userBalloonColor: userBalloon
+      }
+    }
+  };
+}
+__name(mergeThemeWithCustomColors, "mergeThemeWithCustomColors");
 
 // src/contexts/Chatbot/provider.tsx
 import { ThemeProvider } from "styled-components";
+
+// src/utils/domainValidation.ts
+var ALLOWED_ORIGINS_WITHOUT_DOMAIN_CHECK = [
+  "localhost",
+  "127.0.0.1",
+  "null",
+  "https://admin-chatbot.ibti.tech",
+  "https://admin-chatbot.ibti.tech/",
+  "http://admin-chatbot.ibti.tech",
+  "http://admin-chatbot.ibti.tech/"
+];
+function normalizeHost(host) {
+  const lower = host.toLowerCase().trim();
+  if (lower.startsWith("localhost") || lower.startsWith("127.0.0.1")) {
+    return lower.split(":")[0] ?? lower;
+  }
+  return lower;
+}
+__name(normalizeHost, "normalizeHost");
+function normalizeDomainName(domainName) {
+  return domainName.toLowerCase().trim();
+}
+__name(normalizeDomainName, "normalizeDomainName");
+function getHostname(value) {
+  const trimmed = value.toLowerCase().trim();
+  if (trimmed.startsWith("http://") || trimmed.startsWith("https://")) {
+    try {
+      return new URL(trimmed).hostname;
+    } catch {
+      return trimmed.split(":")[0] ?? trimmed;
+    }
+  }
+  return trimmed.split(":")[0] ?? trimmed;
+}
+__name(getHostname, "getHostname");
+function isOriginAllowedWithoutCheck(originOrHost, customAllowedOrigins) {
+  const list = customAllowedOrigins ?? ALLOWED_ORIGINS_WITHOUT_DOMAIN_CHECK;
+  const normalized = originOrHost.toLowerCase().trim().replace(/\/+$/, "");
+  const hostname = getHostname(originOrHost);
+  return list.some((allowed) => {
+    const a = allowed.toLowerCase().trim().replace(/\/+$/, "");
+    const aHostname = getHostname(a);
+    if (normalized === a || hostname === aHostname) return true;
+    if (hostname === "localhost" || hostname === "127.0.0.1") {
+      return aHostname === "localhost" || aHostname === "127.0.0.1";
+    }
+    return false;
+  });
+}
+__name(isOriginAllowedWithoutCheck, "isOriginAllowedWithoutCheck");
+function isDomainAllowed(currentOriginOrHost, domainName, customAllowedOrigins) {
+  const origin = currentOriginOrHost ?? "";
+  if (!origin || origin === "null") return true;
+  if (isOriginAllowedWithoutCheck(origin, customAllowedOrigins)) {
+    return true;
+  }
+  const current = normalizeHost(
+    origin.startsWith("http") ? new URL(origin).host : origin
+  );
+  const allowed = normalizeDomainName(domainName);
+  if (current === allowed) return true;
+  const currentHostname = current.split(":")[0] ?? current;
+  if (currentHostname === allowed) return true;
+  if (currentHostname.endsWith("." + allowed)) return true;
+  return false;
+}
+__name(isDomainAllowed, "isDomainAllowed");
+
+// src/utils/visitorId.ts
+import { v4 as uuidv42 } from "uuid";
+var STORAGE_PREFIX = "ibtiChatbot@visitorId";
+function storageKey(apiURL, publicHash) {
+  const base = apiURL.replace(/\/+$/, "");
+  return `${STORAGE_PREFIX}:${base}:${publicHash}`;
+}
+__name(storageKey, "storageKey");
+function getOrCreateVisitorId(apiURL, publicHash) {
+  if (typeof window === "undefined") {
+    return uuidv42();
+  }
+  const key = storageKey(apiURL, publicHash);
+  const existing = localStorage.getItem(key);
+  if (existing) {
+    return existing;
+  }
+  const newId = uuidv42();
+  localStorage.setItem(key, newId);
+  return newId;
+}
+__name(getOrCreateVisitorId, "getOrCreateVisitorId");
+
+// src/contexts/Chatbot/provider.tsx
 var ChatbotProvider = /* @__PURE__ */ __name(({
   locale,
   children,
   apiURL,
+  publicHash,
   theme,
   isOpen = false,
-  texts
+  texts,
+  allowedOriginsWithoutCheck,
+  skipDomainCheck,
+  colors: customColors,
+  icon: customIcon
 }) => {
+  const [initializationStatus, setInitializationStatus] = useState3(publicHash ? "loading" : "ready");
+  const [chatbot, setChatbot] = useState3();
+  const [domainAllowed, setDomainAllowed] = useState3(!publicHash);
+  const [visitorId, setVisitorId] = useState3(
+    () => publicHash ? void 0 : void 0
+  );
+  const isReady = initializationStatus === "ready" && (domainAllowed || !publicHash);
+  useEffect2(() => {
+    if (isReady && skipDomainCheck && typeof window !== "undefined" && window.self !== window.top) {
+      try {
+        window.parent.postMessage({ type: "IBTI_CHATBOT_READY" }, "*");
+      } catch {
+      }
+    }
+  }, [isReady, skipDomainCheck]);
   const {
     makeQuestion,
     chatMessages,
@@ -680,13 +886,26 @@ var ChatbotProvider = /* @__PURE__ */ __name(({
     suggestedQuestions
   } = useChatbotMessages_default({
     apiURL,
-    locale
+    locale,
+    publicHash: isReady ? publicHash : void 0,
+    visitorId: isReady ? visitorId : void 0
   });
   const [opened, setOpened] = useState3(isOpen);
   const scrollRef = useRef2(null);
   useEffect2(() => {
     setOpened(isOpen);
   }, [isOpen]);
+  useEffect2(() => {
+    if (skipDomainCheck && typeof window !== "undefined" && window.self !== window.top) {
+      try {
+        window.parent.postMessage(
+          { type: "IBTI_CHATBOT_OPEN_STATE", isOpen: opened },
+          "*"
+        );
+      } catch {
+      }
+    }
+  }, [opened, skipDomainCheck]);
   const openedToggle = /* @__PURE__ */ __name(() => {
     setOpened((state) => !state);
   }, "openedToggle");
@@ -696,6 +915,59 @@ var ChatbotProvider = /* @__PURE__ */ __name(({
     if (loading) return "loading";
     return "online";
   }, [writing, loading, error, apiConnectionError]);
+  useEffect2(() => {
+    if (!publicHash) {
+      setInitializationStatus("ready");
+      setDomainAllowed(true);
+      return;
+    }
+    let cancelled = false;
+    const bootstrap = /* @__PURE__ */ __name(async () => {
+      try {
+        const data = await getChatbotByPublicHash(apiURL, publicHash);
+        if (cancelled) return;
+        if (skipDomainCheck) {
+          setChatbot(data);
+          setDomainAllowed(true);
+          const vid = getOrCreateVisitorId(apiURL, publicHash);
+          setVisitorId(vid);
+          setInitializationStatus("ready");
+          return;
+        }
+        let currentOrigin = typeof window !== "undefined" ? window.location.origin : "";
+        if (typeof window !== "undefined" && (currentOrigin === "null" || currentOrigin === "" || currentOrigin == null)) {
+          setChatbot(data);
+          setDomainAllowed(true);
+          const vid = getOrCreateVisitorId(apiURL, publicHash);
+          setVisitorId(vid);
+          setInitializationStatus("ready");
+          return;
+        }
+        const allowed = isDomainAllowed(
+          currentOrigin,
+          data.domain.name,
+          allowedOriginsWithoutCheck
+        );
+        setChatbot(data);
+        setDomainAllowed(allowed);
+        if (allowed) {
+          const vid = getOrCreateVisitorId(apiURL, publicHash);
+          setVisitorId(vid);
+          setInitializationStatus("ready");
+        } else {
+          setInitializationStatus("domain_not_allowed");
+        }
+      } catch (err) {
+        if (cancelled) return;
+        setInitializationStatus("error");
+        setDomainAllowed(false);
+      }
+    }, "bootstrap");
+    bootstrap();
+    return () => {
+      cancelled = true;
+    };
+  }, [apiURL, publicHash, skipDomainCheck, allowedOriginsWithoutCheck]);
   return /* @__PURE__ */ React3.createElement(
     ChatbotContext.Provider,
     {
@@ -713,10 +985,16 @@ var ChatbotProvider = /* @__PURE__ */ __name(({
         suggestedQuestions,
         apiURL,
         texts,
-        theme
+        theme,
+        icon: customIcon,
+        publicHash,
+        visitorId,
+        domainAllowed,
+        initializationStatus,
+        chatbot
       }
     },
-    /* @__PURE__ */ React3.createElement(ThemeProvider, { theme: themes[theme] }, children)
+    /* @__PURE__ */ React3.createElement(ThemeProvider, { theme: mergeThemeWithCustomColors(themes[theme], customColors) }, children)
   );
 }, "ChatbotProvider");
 
@@ -959,7 +1237,7 @@ var ProfileImage = styled2.span`
   }
 `;
 var Wrapper2 = styled2.div`
-  background: ${(props) => props.theme.colors.layers[2].background};
+  background: ${(props) => props.theme.colors.custom?.headerBackground ?? props.theme.colors.layers[2].background};
   border: 1px solid ${(props) => props.theme.colors.layers[2].border};
   display: flex;
   padding: ${(props) => props.theme.spacing.components.small};
@@ -978,14 +1256,49 @@ var Wrapper2 = styled2.div`
 
 // src/components/BotIcon/index.tsx
 import React4 from "react";
+
+// src/components/BotIcon/embedIcons.tsx
+import {
+  Bot,
+  MessageCircle,
+  MessageSquare,
+  MessageSquarePlus,
+  MessageSquareDashed,
+  Sparkles,
+  Headphones,
+  HelpCircle
+} from "lucide-react";
+var EMBED_ICON_MAP = {
+  Bot,
+  MessageCircle,
+  MessageSquare,
+  MessageSquarePlus,
+  MessageSquareDashed,
+  Sparkles,
+  Headphones,
+  HelpCircle
+};
+function getEmbedIconComponent(name) {
+  if (!name) return null;
+  return EMBED_ICON_MAP[name] ?? null;
+}
+__name(getEmbedIconComponent, "getEmbedIconComponent");
+
+// src/components/BotIcon/index.tsx
+var DefaultBotSvg = /* @__PURE__ */ __name(() => /* @__PURE__ */ React4.createElement("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em" }, /* @__PURE__ */ React4.createElement(
+  "path",
+  {
+    d: "M17.7530511,13.999921 C18.9956918,13.999921 20.0030511,15.0072804 20.0030511,16.249921 L20.0030511,17.1550008 C20.0030511,18.2486786 19.5255957,19.2878579 18.6957793,20.0002733 C17.1303315,21.344244 14.8899962,22.0010712 12,22.0010712 C9.11050247,22.0010712 6.87168436,21.3444691 5.30881727,20.0007885 C4.48019625,19.2883988 4.00354153,18.2500002 4.00354153,17.1572408 L4.00354153,16.249921 C4.00354153,15.0072804 5.01090084,13.999921 6.25354153,13.999921 L17.7530511,13.999921 Z M11.8985607,2.00734093 L12.0003312,2.00049432 C12.380027,2.00049432 12.6938222,2.2826482 12.7434846,2.64872376 L12.7503312,2.75049432 L12.7495415,3.49949432 L16.25,3.5 C17.4926407,3.5 18.5,4.50735931 18.5,5.75 L18.5,10.254591 C18.5,11.4972317 17.4926407,12.504591 16.25,12.504591 L7.75,12.504591 C6.50735931,12.504591 5.5,11.4972317 5.5,10.254591 L5.5,5.75 C5.5,4.50735931 6.50735931,3.5 7.75,3.5 L11.2495415,3.49949432 L11.2503312,2.75049432 C11.2503312,2.37079855 11.5324851,2.05700336 11.8985607,2.00734093 L12.0003312,2.00049432 L11.8985607,2.00734093 Z M9.74928905,6.5 C9.05932576,6.5 8.5,7.05932576 8.5,7.74928905 C8.5,8.43925235 9.05932576,8.99857811 9.74928905,8.99857811 C10.4392523,8.99857811 10.9985781,8.43925235 10.9985781,7.74928905 C10.9985781,7.05932576 10.4392523,6.5 9.74928905,6.5 Z M14.2420255,6.5 C13.5520622,6.5 12.9927364,7.05932576 12.9927364,7.74928905 C12.9927364,8.43925235 13.5520622,8.99857811 14.2420255,8.99857811 C14.9319888,8.99857811 15.4913145,8.43925235 15.4913145,7.74928905 C15.4913145,7.05932576 14.9319888,6.5 14.2420255,6.5 Z",
+    fill: "currentColor"
+  }
+)), "DefaultBotSvg");
 var BotIcon = /* @__PURE__ */ __name(() => {
-  return /* @__PURE__ */ React4.createElement("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em" }, /* @__PURE__ */ React4.createElement(
-    "path",
-    {
-      d: "M17.7530511,13.999921 C18.9956918,13.999921 20.0030511,15.0072804 20.0030511,16.249921 L20.0030511,17.1550008 C20.0030511,18.2486786 19.5255957,19.2878579 18.6957793,20.0002733 C17.1303315,21.344244 14.8899962,22.0010712 12,22.0010712 C9.11050247,22.0010712 6.87168436,21.3444691 5.30881727,20.0007885 C4.48019625,19.2883988 4.00354153,18.2500002 4.00354153,17.1572408 L4.00354153,16.249921 C4.00354153,15.0072804 5.01090084,13.999921 6.25354153,13.999921 L17.7530511,13.999921 Z M11.8985607,2.00734093 L12.0003312,2.00049432 C12.380027,2.00049432 12.6938222,2.2826482 12.7434846,2.64872376 L12.7503312,2.75049432 L12.7495415,3.49949432 L16.25,3.5 C17.4926407,3.5 18.5,4.50735931 18.5,5.75 L18.5,10.254591 C18.5,11.4972317 17.4926407,12.504591 16.25,12.504591 L7.75,12.504591 C6.50735931,12.504591 5.5,11.4972317 5.5,10.254591 L5.5,5.75 C5.5,4.50735931 6.50735931,3.5 7.75,3.5 L11.2495415,3.49949432 L11.2503312,2.75049432 C11.2503312,2.37079855 11.5324851,2.05700336 11.8985607,2.00734093 L12.0003312,2.00049432 L11.8985607,2.00734093 Z M9.74928905,6.5 C9.05932576,6.5 8.5,7.05932576 8.5,7.74928905 C8.5,8.43925235 9.05932576,8.99857811 9.74928905,8.99857811 C10.4392523,8.99857811 10.9985781,8.43925235 10.9985781,7.74928905 C10.9985781,7.05932576 10.4392523,6.5 9.74928905,6.5 Z M14.2420255,6.5 C13.5520622,6.5 12.9927364,7.05932576 12.9927364,7.74928905 C12.9927364,8.43925235 13.5520622,8.99857811 14.2420255,8.99857811 C14.9319888,8.99857811 15.4913145,8.43925235 15.4913145,7.74928905 C15.4913145,7.05932576 14.9319888,6.5 14.2420255,6.5 Z",
-      fill: "currentColor"
-    }
-  ));
+  const { icon: iconName } = useChatbot_default();
+  const IconComponent = getEmbedIconComponent(iconName);
+  if (IconComponent) {
+    return /* @__PURE__ */ React4.createElement(IconComponent, { size: 20, strokeWidth: 1.8 });
+  }
+  return /* @__PURE__ */ React4.createElement(DefaultBotSvg, null);
 }, "BotIcon");
 
 // src/hooks/useChatbotTexts.ts
@@ -1306,7 +1619,7 @@ var Balloon = styled5.div`
         `;
     case "sent":
       return css2`
-          background: ${(props) => props.theme.colors.palette.primary.normal};
+          background: ${(props) => props.theme.colors.custom?.userBalloonColor ?? props.theme.colors.palette.primary.normal};
           color: white;
           border-top-right-radius: 0;
           text-align: left;
@@ -1314,18 +1627,27 @@ var Balloon = styled5.div`
           &::after {
             border-width: 0px 0px 10px 10px;
             border-color: transparent transparent transparent
-              ${(props) => props.theme.colors.palette.primary.normal};
+              ${(props) => props.theme.colors.custom?.userBalloonColor ?? props.theme.colors.palette.primary.normal};
             top: 0;
             right: -10px;
           }
         `;
   }
 }}
-  // Markdown styles
-  
+
   display: flex;
-  flex-direction: column;
-  gap: 1.3em;
+  ${({ $error }) => $error ? css2`
+          flex-direction: row;
+          align-items: center;
+          gap: ${(props) => props.theme.spacing.components.small};
+
+          & > *:first-of-type {
+            flex-shrink: 0;
+          }
+        ` : css2`
+          flex-direction: column;
+          gap: 1.3em;
+        `}
 
   p {
     margin: 0;
@@ -1955,10 +2277,20 @@ var SuggestedQuestions_default = SuggestedQuestions;
 
 // src/components/ChatbotBody/index.tsx
 var ChatbotBody = /* @__PURE__ */ __name(({}) => {
-  const { chatMessages, suggestedQuestions, loading } = useChatbot();
+  const {
+    chatMessages,
+    suggestedQuestions,
+    loading,
+    initializationStatus,
+    domainAllowed
+  } = useChatbot();
+  const i18n2 = useI18n();
   const scrollableElementRef = useRef5(null);
   const { scrollProgress, scrollToEnd } = useElementScroll(scrollableElementRef);
   const { dateUTC } = useUpdatedTime({ intervalInSeconds: 15 });
+  const showDomainError = !domainAllowed && initializationStatus === "domain_not_allowed";
+  const showInitError = initializationStatus === "error";
+  const showLoading = initializationStatus === "loading";
   useEffect6(() => {
     if (scrollProgress > 85) scrollToEnd();
     document.addEventListener(
@@ -1977,6 +2309,26 @@ var ChatbotBody = /* @__PURE__ */ __name(({}) => {
       scrollToEnd();
     }
   }, [loading, scrollToEnd]);
+  if (showLoading) {
+    return /* @__PURE__ */ React10.createElement(Wrapper4, { ref: scrollableElementRef }, /* @__PURE__ */ React10.createElement(MessagesList, null, /* @__PURE__ */ React10.createElement(WritingIndicator_default, null)));
+  }
+  if (showDomainError || showInitError) {
+    const errorMessage = showDomainError ? i18n2.ERRORS.DOMAIN_NOT_ALLOWED ?? "O chatbot n\xE3o est\xE1 dispon\xEDvel neste dom\xEDnio." : i18n2.ERRORS.CHATBOT_NOT_FOUND ?? "Chatbot n\xE3o encontrado. Verifique a configura\xE7\xE3o.";
+    return /* @__PURE__ */ React10.createElement(Wrapper4, { ref: scrollableElementRef }, /* @__PURE__ */ React10.createElement(MessagesList, null, /* @__PURE__ */ React10.createElement(
+      MessageBalloon_default,
+      {
+        key: "init-error",
+        data: {
+          id: "init-error",
+          timestamp: (/* @__PURE__ */ new Date()).toUTCString(),
+          role: "assistant",
+          content: errorMessage,
+          error: true
+        },
+        currentDateUTC: dateUTC
+      }
+    )));
+  }
   return /* @__PURE__ */ React10.createElement(Wrapper4, { ref: scrollableElementRef }, /* @__PURE__ */ React10.createElement(MessagesList, null, chatMessages.map((msgData) => /* @__PURE__ */ React10.createElement(
     MessageBalloon_default,
     {
@@ -2353,11 +2705,16 @@ var Title2 = styled10.span`
 `;
 var Box = styled10(CardBase)`
   width: 100%;
+  max-width: 100%;
   height: max-content;
+  max-height: 100%;
+  min-height: 0;
+  overflow-y: auto;
   padding: ${(props) => props.theme.spacing.components.medium};
   transition: ${(props) => props.theme.transitionDurations.default};
   font-family: 'Montserrat', sans-serif !important;
   font-weight: 600 !important;
+  box-sizing: border-box;
 
   * {
     font-family: 'Montserrat', sans-serif !important;
@@ -2378,6 +2735,8 @@ var Wrapper9 = styled10.div`
   align-items: center;
   justify-content: center;
   padding: ${(props) => props.theme.spacing.components.medium};
+  box-sizing: border-box;
+  overflow: auto;
   transition: ${(props) => props.theme.transitionDurations.default};
 
   ${(props) => props.$opened ? css5`
@@ -2448,7 +2807,7 @@ var ChatUserFeedbackRating = /* @__PURE__ */ __name(({
 // src/contexts/Chatbot/useChatFeedbackBox.ts
 import { useState as useState9 } from "react";
 var useChatFeedbackBox = /* @__PURE__ */ __name(() => {
-  const { chatMessages, apiURL, locale } = useChatbot_default();
+  const { chatMessages, apiURL, locale, publicHash, visitorId } = useChatbot_default();
   const [rated, setRated] = useState9(false);
   const [opened, setOpened] = useState9(false);
   const [loading, setLoading] = useState9(false);
@@ -2467,6 +2826,8 @@ var useChatFeedbackBox = /* @__PURE__ */ __name(() => {
       setLoading(true);
       await sendUserChatFeedback({
         apiURL,
+        publicHash,
+        visitorId,
         chatContext: chatMessages.map((item) => ({
           role: item.role,
           content: item.content