aizek-chatbot 1.0.25 → 1.0.26

package/dist/index.mjs

@@ -0,0 +1,669 @@
+import { useRef, useState, useEffect } from 'react';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+
+// src/utils/cx.ts
+function validateHeaders(headers, authConfig, opts = {}) {
+  if (headers && (!authConfig || Object.keys(authConfig).length === 0)) {
+    return {
+      isValid: false,
+      missingKeys: [],
+      extraKeys: [],
+      emptyValueKeys: [],
+      warning: "Auth config bo\u015F ya da tan\u0131ms\u0131z, header do\u011Frulamas\u0131 yap\u0131lam\u0131yor."
+    };
+  }
+  const { caseSensitive = false, allowExtra = false } = opts;
+  const normalize = (s) => caseSensitive ? s : s.toLowerCase();
+  const headerEntries = Object.entries(headers).map(([k, v]) => [normalize(k), v.trim()]);
+  const authEntries = Object.entries(authConfig).map(([k, v]) => [normalize(k), v.trim()]);
+  const headerKeys = headerEntries.map(([k]) => k);
+  const authKeys = authEntries.map(([k]) => k);
+  const requiredSet = new Set(authKeys);
+  const missingKeys = authKeys.filter((k) => !headerKeys.includes(k));
+  const extraKeys = headerKeys.filter((k) => !requiredSet.has(k));
+  const hasAllRequired = missingKeys.length === 0;
+  const hasExtraKeys = extraKeys.length > 0 && !allowExtra;
+  const emptyValueKeys = authKeys.filter((k) => {
+    const val = headerEntries.find(([key]) => key === k)?.[1];
+    return !val || val.length === 0;
+  });
+  const isValid = hasAllRequired && !hasExtraKeys && emptyValueKeys.length === 0;
+  return { isValid, missingKeys, extraKeys, emptyValueKeys };
+}
+var HeaderAlert = ({ headerValidation, showAlert, setShowAlert }) => {
+  if (!headerValidation || !showAlert) return null;
+  const { isValid, missingKeys, extraKeys, emptyValueKeys, warning } = headerValidation;
+  if (isValid && missingKeys.length === 0 && extraKeys.length === 0 && emptyValueKeys.length === 0 && !warning) {
+    return null;
+  }
+  const hasErrors = missingKeys.length > 0 || emptyValueKeys.length > 0;
+  const hasWarnings = extraKeys.length > 0 || !!warning;
+  const alertType = hasErrors ? "error" : "warning";
+  const getAlertIcon = () => {
+    if (hasErrors) {
+      return /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" }) });
+    }
+    return /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" }) });
+  };
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: `alert-container ${alertType}`, children: [
+    /* @__PURE__ */ jsx("div", { className: "alert-icon-container", children: getAlertIcon() }),
+    /* @__PURE__ */ jsxs("div", { className: "alert-content", children: [
+      /* @__PURE__ */ jsx("h4", { className: "alert-title", children: hasErrors ? "Header Do\u011Frulama Hatas\u0131" : "Header Uyar\u0131s\u0131" }),
+      /* @__PURE__ */ jsx("p", { className: "alert-message", children: hasErrors && hasWarnings ? "Header yap\u0131land\u0131rman\u0131zda hatalar ve uyar\u0131lar bulundu." : hasErrors ? "Header yap\u0131land\u0131rman\u0131zda hatalar bulundu." : "Header yap\u0131land\u0131rman\u0131zda fazla anahtarlar bulundu." }),
+      missingKeys.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("strong", { children: "Eksik Header'lar:" }),
+        /* @__PURE__ */ jsx("ul", { className: "alert-list", children: missingKeys.map((key, index) => /* @__PURE__ */ jsxs("li", { className: "alert-list-item", children: [
+          /* @__PURE__ */ jsx("span", { children: "\u2022" }),
+          /* @__PURE__ */ jsx("code", { children: key })
+        ] }, index)) })
+      ] }),
+      emptyValueKeys.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("strong", { children: "Bo\u015F De\u011Ferli Header'lar:" }),
+        /* @__PURE__ */ jsx("ul", { className: "alert-list", children: emptyValueKeys.map((key, index) => /* @__PURE__ */ jsxs("li", { className: "alert-list-item", children: [
+          /* @__PURE__ */ jsx("span", { children: "\u2022" }),
+          /* @__PURE__ */ jsx("code", { children: key }),
+          /* @__PURE__ */ jsx("span", { children: "(de\u011Fer bo\u015F olamaz)" })
+        ] }, index)) })
+      ] }),
+      extraKeys.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("strong", { children: "Fazla Header'lar:" }),
+        /* @__PURE__ */ jsx("ul", { className: "alert-list", children: extraKeys.map((key, index) => /* @__PURE__ */ jsxs("li", { className: "alert-list-item", children: [
+          /* @__PURE__ */ jsx("span", { children: "\u2022" }),
+          /* @__PURE__ */ jsx("code", { children: key })
+        ] }, index)) })
+      ] }),
+      warning && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("strong", { children: "Uyar\u0131:" }),
+        /* @__PURE__ */ jsx("p", { className: "alert-message", children: warning })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => setShowAlert(false),
+        className: "alert-close-button",
+        "aria-label": "Uyar\u0131y\u0131 kapat",
+        children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }) })
+      }
+    )
+  ] }) });
+};
+var LoadingSpinner = () => {
+  return /* @__PURE__ */ jsx("div", { className: "loading-spinner" });
+};
+var ChatInput = ({ isLoading, placeholder, handleSendMessage }) => {
+  const [message, setMessage] = useState("");
+  const textareaRef = useRef(null);
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    if (message.trim() && !isLoading) {
+      handleSendMessage(message.trim());
+      setMessage("");
+      if (textareaRef.current) {
+        textareaRef.current.style.height = "auto";
+      }
+    }
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      handleSubmit(e);
+    }
+  };
+  const handleInputChange = (e) => {
+    setMessage(e.target.value);
+    const textarea = e.target;
+    textarea.style.height = "auto";
+    textarea.style.height = Math.min(textarea.scrollHeight, 120) + "px";
+  };
+  return /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "input-container", children: [
+    /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        ref: textareaRef,
+        value: message,
+        onChange: handleInputChange,
+        onKeyDown: handleKeyDown,
+        placeholder,
+        disabled: isLoading,
+        className: "textarea"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "submit",
+        disabled: isLoading || !message.trim(),
+        className: "send-button",
+        children: isLoading ? /* @__PURE__ */ jsx(LoadingSpinner, {}) : /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M2.01 21L23 12 2.01 3 2 10l15 2-15 2z" }) })
+      }
+    )
+  ] });
+};
+var GenericUIRenderer = ({ uiData, onInteraction }) => {
+  const containerRef = useRef(null);
+  if (!uiData || !uiData.components) return null;
+  const collectFormValues = () => {
+    if (!containerRef.current) return {};
+    const formData = {};
+    const inputs = containerRef.current.querySelectorAll("input, textarea, select");
+    inputs.forEach((element) => {
+      const name = element.getAttribute("name");
+      if (name) {
+        if (element instanceof HTMLInputElement && element.type === "checkbox") {
+          formData[name] = element.checked;
+        } else if (element instanceof HTMLInputElement && element.type === "radio") {
+          if (element.checked) {
+            formData[name] = element.value;
+          }
+        } else {
+          formData[name] = element.value;
+        }
+      }
+    });
+    return formData;
+  };
+  const renderComponent = (comp) => {
+    switch (comp.type) {
+      case "text":
+        return /* @__PURE__ */ jsx("p", { className: "gen-ui-text", children: comp.value ?? comp.label }, comp.id);
+      case "input":
+        return /* @__PURE__ */ jsxs("div", { className: "gen-ui-input-wrapper", children: [
+          comp.label && /* @__PURE__ */ jsx("label", { className: "gen-ui-input-label", children: comp.label }),
+          comp.fieldType === "textarea" ? /* @__PURE__ */ jsx(
+            "textarea",
+            {
+              name: comp.id,
+              placeholder: comp.placeholder,
+              className: "gen-ui-textarea"
+            }
+          ) : /* @__PURE__ */ jsx(
+            "input",
+            {
+              name: comp.id,
+              type: comp.fieldType || "text",
+              placeholder: comp.placeholder,
+              className: "gen-ui-input"
+            }
+          )
+        ] }, comp.id);
+      case "select":
+        return /* @__PURE__ */ jsxs("div", { className: "gen-ui-select-wrapper", children: [
+          comp.label && /* @__PURE__ */ jsx("label", { className: "gen-ui-select-label", children: comp.label }),
+          /* @__PURE__ */ jsx("select", { name: comp.id, className: "gen-ui-select", children: comp.options?.map((opt) => /* @__PURE__ */ jsx("option", { value: opt, children: opt }, opt)) })
+        ] }, comp.id);
+      case "button":
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => {
+              const formValues = collectFormValues();
+              onInteraction({
+                action: comp.label,
+                buttonId: comp.buttonType,
+                formData: formValues
+              });
+            },
+            className: "gen-ui-button",
+            children: comp.label
+          },
+          comp.id
+        );
+      case "card":
+        return /* @__PURE__ */ jsxs("div", { className: "gen-ui-card", children: [
+          comp.label && /* @__PURE__ */ jsx("h2", { className: "gen-ui-card-title", children: comp.label }),
+          comp.value && /* @__PURE__ */ jsx("p", { className: "gen-ui-card-content", children: comp.value })
+        ] }, comp.id);
+      case "list":
+        return /* @__PURE__ */ jsx("ul", { className: "gen-ui-list", children: comp.items?.map((item) => /* @__PURE__ */ jsx("li", { className: "gen-ui-list-item", children: item.label ?? String(item.value ?? "") }, item.id)) }, comp.id);
+      case "image":
+        return /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: comp.url,
+            alt: comp.label || "",
+            className: "gen-ui-image"
+          },
+          comp.id
+        );
+      case "link":
+        return /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: comp.url,
+            className: "gen-ui-link",
+            children: comp.label || comp.url
+          },
+          comp.id
+        );
+      case "table":
+        return /* @__PURE__ */ jsx("div", { className: "gen-ui-table-wrapper", children: /* @__PURE__ */ jsxs("table", { className: "gen-ui-table", children: [
+          comp.columns && /* @__PURE__ */ jsx("thead", { className: "gen-ui-table-header", children: /* @__PURE__ */ jsx("tr", { children: comp.columns.map((col) => /* @__PURE__ */ jsx("th", { className: "gen-ui-table-th", children: col }, col)) }) }),
+          comp.rows && /* @__PURE__ */ jsx("tbody", { className: "gen-ui-table-body", children: comp.rows.map((row, ridx) => /* @__PURE__ */ jsx("tr", { children: row.map((cell, cidx) => /* @__PURE__ */ jsx("td", { className: "gen-ui-table-td", children: cell }, cidx)) }, ridx)) })
+        ] }) }, comp.id);
+      case "form":
+        return /* @__PURE__ */ jsx("form", { className: "gen-ui-form", children: comp.items?.map((field) => renderComponent(field)) }, comp.id);
+      default:
+        return null;
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "generative-ui-container", ref: containerRef, children: [
+    (uiData.title || uiData.description) && /* @__PURE__ */ jsxs("div", { className: "generative-ui-header", children: [
+      uiData.title && /* @__PURE__ */ jsx("h1", { className: "generative-ui-title", children: uiData.title }),
+      uiData.description && /* @__PURE__ */ jsx("p", { className: "generative-ui-description", children: uiData.description })
+    ] }),
+    uiData.components.map((comp) => renderComponent(comp))
+  ] });
+};
+var MessageBubble = ({ message, onAction }) => {
+  console.log("MESSAGE", message);
+  const isUser = message.role === "user";
+  const approval = message.role === "approval";
+  if (approval) {
+    return /* @__PURE__ */ jsx(Fragment, {});
+  }
+  return /* @__PURE__ */ jsxs("div", { className: `message-container ${isUser ? "user" : "assistant"}`, children: [
+    /* @__PURE__ */ jsx("div", { className: `message-bubble ${isUser ? "user" : "assistant"}`, children: isUser ? message.text && /* @__PURE__ */ jsx("div", { className: "markdown-content", children: message.text }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      message.text && /* @__PURE__ */ jsx("div", { className: "markdown-content", children: /* @__PURE__ */ jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], children: message.text }) }),
+      message.ui && /* @__PURE__ */ jsx(
+        GenericUIRenderer,
+        {
+          uiData: message.ui,
+          onInteraction: (event) => {
+            console.log("event", event);
+            if (event.buttonId === "submit") {
+              onAction(JSON.stringify(event.formData), true);
+            } else {
+              onAction(event.action, true);
+            }
+          }
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: `message-time ${isUser ? "user" : "assistant"}`, children: message.timestamp.toLocaleTimeString("tr-TR", {
+      hour: "2-digit",
+      minute: "2-digit"
+    }) })
+  ] });
+};
+var TypingDots = () => {
+  const [dots, setDots] = useState("");
+  useEffect(() => {
+    const interval = setInterval(() => {
+      setDots((prev) => {
+        if (prev === "...") return "";
+        return prev + ".";
+      });
+    }, 500);
+    return () => clearInterval(interval);
+  }, []);
+  return /* @__PURE__ */ jsx("div", { className: "message-container assistant", children: /* @__PURE__ */ jsx("div", { className: "message-bubble assistant", children: /* @__PURE__ */ jsx("div", { className: "message-typing-indicator", children: /* @__PURE__ */ jsx("span", { children: dots }) }) }) });
+};
+
+// src/utils/chatbot.ts
+var extractUIJsonFromText = (text) => {
+  const regex = /```ui-component([\s\S]*?)```/g;
+  let cleaned = text;
+  let match;
+  let uiData = null;
+  while ((match = regex.exec(text)) !== null) {
+    const block = match[1].trim();
+    try {
+      const parsed = JSON.parse(block);
+      if (parsed && parsed.components && Array.isArray(parsed.components)) {
+        parsed.components = parsed.components.map((comp, index) => {
+          if (!comp.id || typeof comp.id !== "string" || !comp.id.trim()) {
+            comp.id = `ui-comp-${index}-${Date.now()}`;
+          }
+          if (comp.type === "button") {
+            if (!comp.buttonType) {
+              comp.buttonType = "click";
+            }
+          }
+          if (comp.type === "input") {
+            if (!comp.fieldType) {
+              comp.fieldType = "text";
+            }
+          }
+          if (comp.type === "select") {
+            if (comp.options && Array.isArray(comp.options)) {
+              const firstOption = comp.options[0];
+              if (typeof firstOption === "object" && firstOption !== null) {
+                if ("label" in firstOption || "value" in firstOption) {
+                  comp.options = comp.options.map(
+                    (opt) => opt.label || opt.value || String(opt)
+                  );
+                }
+              }
+            }
+          }
+          if (comp.type === "table") {
+            if (comp.columns && Array.isArray(comp.columns)) {
+              const firstCol = comp.columns[0];
+              if (typeof firstCol === "object" && firstCol !== null) {
+                comp.columns = comp.columns.map(
+                  (col) => col.label || col.id || String(col)
+                );
+              }
+            }
+            if (comp.rows && Array.isArray(comp.rows)) {
+              const firstRow = comp.rows[0];
+              if (typeof firstRow === "object" && !Array.isArray(firstRow)) {
+                comp.rows = comp.rows.map((row) => {
+                  if (Array.isArray(row)) return row;
+                  return Object.values(row).map((val) => {
+                    if (typeof val === "object" && val !== null) {
+                      if (val.type === "image" && val.src) return val.src;
+                      if (val.value !== void 0) return String(val.value);
+                    }
+                    return String(val || "");
+                  });
+                });
+              }
+            }
+          }
+          if (comp.type === "form" && comp.items && Array.isArray(comp.items)) {
+            comp.items = comp.items.map((field, fieldIndex) => {
+              if (!field.id || !field.id.trim()) {
+                field.id = `field-${fieldIndex}-${Date.now()}`;
+              }
+              if (field.optional !== void 0) {
+                field.requiredField = !field.optional;
+                delete field.optional;
+              }
+              if (field.required !== void 0) {
+                field.requiredField = field.required;
+                delete field.required;
+              }
+              if (field.type === "input" && !field.fieldType) {
+                field.fieldType = "text";
+              }
+              if (field.type === "select" && field.options && Array.isArray(field.options)) {
+                const firstOpt = field.options[0];
+                if (typeof firstOpt === "object" && firstOpt !== null) {
+                  field.options = field.options.map(
+                    (opt) => opt.label || opt.value || String(opt)
+                  );
+                }
+              }
+              return field;
+            });
+          }
+          if (comp.type === "list" && comp.items && Array.isArray(comp.items)) {
+            comp.items = comp.items.map((item, itemIndex) => {
+              if (typeof item === "string") {
+                return {
+                  id: `list-item-${itemIndex}-${Date.now()}`,
+                  type: "text",
+                  value: item,
+                  label: item
+                };
+              }
+              if (!item.id || !item.id.trim()) {
+                item.id = `list-item-${itemIndex}-${Date.now()}`;
+              }
+              return item;
+            });
+          }
+          return comp;
+        });
+        uiData = parsed;
+      }
+      cleaned = cleaned.replace(match[0], "").trim();
+      break;
+    } catch (e) {
+      console.error("Invalid ui-component JSON:", e, block);
+    }
+  }
+  return {
+    cleanedText: cleaned,
+    uiData
+  };
+};
+var AizekChatBot = ({ clientId, headers, onMounted, onReady, onOpen, onClose, onMessage, onToolCall, onDisconnect }) => {
+  const messagesEndRef = useRef(null);
+  const [config, setConfig] = useState();
+  const [messages, setMessages] = useState([]);
+  const [isLoading, setIsLoading] = useState(false);
+  const [isConfigLoading, setIsConfigLoading] = useState(true);
+  const [isOpen, setIsOpen] = useState(false);
+  const [headerValidation, setHeaderValidation] = useState(null);
+  const [showAlert, setShowAlert] = useState(true);
+  const PROXY_BASE_URL = "https://proxy.aizek.ai/api";
+  const loadConfig = async () => {
+    try {
+      setIsConfigLoading(true);
+      const response = await fetch(`${PROXY_BASE_URL}/aizek-connect`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          "x-alternate": JSON.stringify(headers)
+        },
+        credentials: "include",
+        body: JSON.stringify({ clientId })
+      });
+      const data = await response.json();
+      if (data.success) {
+        setIsOpen(data.data.widget_config.initial_open);
+        setConfig(data.data);
+        if (headers) {
+          const validationResult = validateHeaders(
+            headers,
+            data.data.auth_config,
+            {
+              allowExtra: false,
+              caseSensitive: true
+            }
+          );
+          setHeaderValidation(validationResult);
+        }
+        onReady?.({ config: { ...data.data } });
+      } else {
+        setIsOpen(false);
+      }
+    } catch (error) {
+      console.error("Failed to load chat widget config:", error);
+    } finally {
+      setIsConfigLoading(false);
+    }
+  };
+  const disconnect = async () => {
+    try {
+      setIsConfigLoading(true);
+      await fetch(`${PROXY_BASE_URL}/aizek-disconnect`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          "x-alternate": JSON.stringify(headers)
+        },
+        credentials: "include"
+      });
+      onDisconnect?.();
+    } catch (error) {
+      console.error("Failed to load chat widget config:", error);
+    } finally {
+      setIsConfigLoading(false);
+    }
+  };
+  useEffect(() => {
+    onMounted?.();
+    loadConfig();
+    return () => {
+      disconnect();
+    };
+  }, []);
+  useEffect(() => {
+    const newIsOpen = !isOpen;
+    setIsOpen(newIsOpen);
+    if (newIsOpen) onOpen?.();
+    else onClose?.();
+  }, [config?.widget_config.initial_open]);
+  useEffect(() => {
+    messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
+  }, [messages]);
+  const addMessage = (payload) => {
+    const newMessage = {
+      text: payload.text,
+      ui: payload.ui,
+      role: payload.role,
+      timestamp: /* @__PURE__ */ new Date()
+    };
+    onMessage?.(newMessage);
+    setMessages((prev) => [...prev, newMessage]);
+    messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
+    return newMessage;
+  };
+  const sendMessage = async (message, approval) => {
+    if (!message.trim() || isLoading) return;
+    const newMessage = {
+      text: message,
+      ui: void 0,
+      role: approval ? "approval" : "user",
+      timestamp: /* @__PURE__ */ new Date()
+    };
+    setMessages((prev) => [...prev, newMessage]);
+    setIsLoading(true);
+    try {
+      const response = await fetch(`${PROXY_BASE_URL}/aizek-chat`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          "x-alternate": JSON.stringify(headers)
+        },
+        body: JSON.stringify({ message }),
+        credentials: "include"
+      });
+      if (!response.ok) {
+        throw new Error(`HTTP error ${response.status}`);
+      }
+      if (!response.body) {
+        throw new Error("Streaming desteklenmiyor (response.body yok)");
+      }
+      const reader = response.body.getReader();
+      const decoder = new TextDecoder();
+      let buffer = "";
+      while (true) {
+        const { value, done } = await reader.read();
+        if (done) break;
+        buffer += decoder.decode(value, { stream: true });
+        const chunks = buffer.split("\n\n");
+        buffer = chunks.pop() ?? "";
+        for (const rawChunk of chunks) {
+          const line = rawChunk.split("\n").find((l) => l.startsWith("data:"));
+          if (!line) continue;
+          const jsonStr = line.replace(/^data:\s*/, "").trim();
+          if (!jsonStr) continue;
+          const event = JSON.parse(jsonStr);
+          if (event.type === "assistant_text" && event.content) {
+            const { cleanedText, uiData } = extractUIJsonFromText(event.content);
+            addMessage({
+              text: cleanedText,
+              ui: uiData,
+              role: "assistant"
+            });
+          }
+          if (event.type === "assistant_tool_result" && event.content) {
+            const toolInfoParsed = JSON.parse(event.content);
+            onToolCall?.(toolInfoParsed);
+          }
+          if (event.type === "error" && event.content) {
+            const { cleanedText, uiData } = extractUIJsonFromText(event.content);
+            addMessage({
+              text: cleanedText,
+              ui: uiData,
+              role: "assistant"
+            });
+          }
+        }
+      }
+    } catch (error) {
+      console.error("Error sending message:", error);
+      addMessage({ text: "\xDCzg\xFCn\xFCm, bir hata olu\u015Ftu. L\xFCtfen tekrar deneyin.", role: "assistant" });
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  const toggleChat = () => {
+    const newIsOpen = !isOpen;
+    setIsOpen(newIsOpen);
+    if (newIsOpen) onOpen?.();
+    else onClose?.();
+  };
+  return /* @__PURE__ */ jsx(Fragment, { children: isConfigLoading ? /* @__PURE__ */ jsx(
+    "button",
+    {
+      className: "floating-button bottom-right button-sizes medium loading-state",
+      style: { background: "#4f46e5" },
+      "aria-label": "Y\xFCkleniyor",
+      children: /* @__PURE__ */ jsx("div", { className: "loading-spinner" })
+    }
+  ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    isOpen && /* @__PURE__ */ jsx("div", { className: `overlay floating-chat-overlay ${isOpen ? "is-open" : ""}`, onClick: toggleChat }),
+    /* @__PURE__ */ jsx("div", { className: `chat-container ${config?.widget_config.button_position} ${isOpen ? "is-open" : ""}`, style: { width: config?.widget_config.chat_width, height: config?.widget_config.chat_height }, children: /* @__PURE__ */ jsxs("div", { className: "chatbot-container", children: [
+      /* @__PURE__ */ jsxs("div", { className: "header", style: { background: config?.widget_config.header_background }, children: [
+        /* @__PURE__ */ jsx("div", { className: "logo-container", children: config?.widget_config.company_logo ? config?.widget_config.company_logo.startsWith("http") || config?.widget_config.company_logo.startsWith("data:") ? /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: config?.widget_config.company_logo,
+            alt: "Company Logo",
+            className: "logo-image"
+          }
+        ) : /* @__PURE__ */ jsx("span", { className: "logo-text", children: config?.widget_config.company_logo }) : "\u{1F916}" }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h3", { className: "company-name", children: config?.widget_config.company_name }),
+          /* @__PURE__ */ jsx("p", { className: "status-text", children: isLoading ? "Yaz\u0131yor..." : "\xC7evrimi\xE7i" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "messages-container", children: [
+        /* @__PURE__ */ jsx(
+          HeaderAlert,
+          {
+            headerValidation,
+            setShowAlert,
+            showAlert
+          }
+        ),
+        messages.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "empty-state", children: [
+          /* @__PURE__ */ jsx("div", { className: "empty-state-icon", children: "\u{1F4AC}" }),
+          /* @__PURE__ */ jsx("h4", { className: "empty-state-title", children: config?.widget_config.welcome_message }),
+          /* @__PURE__ */ jsx("p", { className: "empty-state-description", children: "A\u015Fa\u011F\u0131daki alana mesaj\u0131n\u0131z\u0131 yazarak ba\u015Flayabilirsiniz." })
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          messages.map((message, index) => /* @__PURE__ */ jsx(
+            MessageBubble,
+            {
+              message,
+              onAction: sendMessage
+            },
+            index
+          )),
+          config?.widget_config.show_typing_indicator && isLoading && /* @__PURE__ */ jsx(TypingDots, {})
+        ] }),
+        /* @__PURE__ */ jsx("div", { ref: messagesEndRef })
+      ] }),
+      /* @__PURE__ */ jsx(
+        ChatInput,
+        {
+          handleSendMessage: sendMessage,
+          isLoading,
+          placeholder: config?.widget_config.placeholder ?? ""
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: toggleChat,
+        className: `floating-button ${config?.widget_config.button_position} button-sizes ${config?.widget_config.button_size} ${isOpen ? "is-open" : ""}`,
+        style: { background: config?.widget_config.button_background },
+        "aria-label": isOpen ? "Chati kapat" : "Chati a\xE7",
+        children: isOpen ? /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }) }) : /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M20 2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h4l4 4 4-4h4c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z" }) })
+      }
+    )
+  ] }) });
+};
+
+export { AizekChatBot };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map