@schmitech/chatbot-widget 0.6.3 → 0.7.0

package/dist/ui/ChatInput.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export interface ChatInputProps {
+    message: string;
+    isFocused: boolean;
+    isLoading: boolean;
+    theme: any;
+    inputRef: React.RefObject<HTMLTextAreaElement | null>;
+    handleMessageChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    handleKeyDown: (e: React.KeyboardEvent) => void;
+    handleSendMessage: () => void;
+    setIsFocused: (focused: boolean) => void;
+}
+/**
+ * ChatInput component handles the message input area
+ * Includes textarea, character counter, and send button with proper styling
+ */
+export declare const ChatInput: React.FC<ChatInputProps>;

package/dist/ui/Message.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Message as MessageType } from '../store/chatStore';
+export interface MessageProps {
+    message: MessageType;
+    index: number;
+    isLatestAssistantMessage: boolean;
+    showTypingAnimation: boolean;
+    theme: any;
+    copiedMessageId: string | null;
+    onCopyToClipboard: (text: string, messageId: string) => void;
+    onMarkMessageAnimated: (id: string, messagesLength: number, scrollToBottom: () => void) => void;
+    messagesLength: number;
+    scrollToBottom: () => void;
+    inputRef: React.RefObject<HTMLTextAreaElement | null>;
+    hasBeenAnimated: (id: string) => boolean;
+    typingProgressRef: React.MutableRefObject<Map<string, number>>;
+    isTypingRef: React.MutableRefObject<boolean>;
+    setIsAnimating: (value: boolean) => void;
+    formatTime: (date: Date) => string;
+    lastMessageRef: React.RefObject<HTMLDivElement | null>;
+}
+export declare const Message: React.NamedExoticComponent<MessageProps>;

package/dist/ui/MessagesList.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import { Message as MessageType } from '../store/chatStore';
+import { ChatConfig } from '../config/index';
+export interface MessagesListProps {
+    messages: MessageType[];
+    isLoading: boolean;
+    theme: ChatConfig['theme'];
+    currentConfig: ChatConfig;
+    showScrollTop: boolean;
+    showScrollBottom: boolean;
+    isAnimating: boolean;
+    messagesContainerRef: React.RefObject<HTMLDivElement | null>;
+    messagesEndRef: React.RefObject<HTMLDivElement | null>;
+    scrollToTop: () => void;
+    scrollToBottom: () => void;
+    handleScroll: () => void;
+    sendMessage: (message: string) => void;
+    focusInput: () => void;
+    copiedMessageId: string | null;
+    onCopyToClipboard: (text: string, messageId: string) => void;
+    onMarkMessageAnimated: (id: string, messagesLength: number, scrollToBottom: () => void) => void;
+    inputRef: React.RefObject<HTMLTextAreaElement | null>;
+    hasBeenAnimated: (id: string) => boolean;
+    typingProgressRef: React.MutableRefObject<Map<string, number>>;
+    isTypingRef: React.MutableRefObject<boolean>;
+    setIsAnimating: (value: boolean) => void;
+    formatTime: (date: Date) => string;
+    lastMessageRef: React.RefObject<HTMLDivElement | null>;
+    maxSuggestedQuestionLength?: number;
+    maxSuggestedQuestionQueryLength?: number;
+}
+export declare const MessagesList: React.NamedExoticComponent<MessagesListProps>;

package/dist/utils/contentFiltering.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Detects if text is likely base64-encoded audio.
+ */
+export declare function isBase64AudioData(text: string): boolean;
+/**
+ * Removes base64 audio data from streamed markdown content.
+ */
+export declare function sanitizeMessageContent(content: string): string;
+/**
+ * Truncate ultra long responses to keep the widget responsive.
+ */
+export declare function truncateLongContent(content: string, maxLength?: number): string;

package/dist/utils/sessionManager.d.ts

@@ -0,0 +1,2 @@
+export declare function getOrCreateSessionId(): string;
+export declare function setSessionId(sessionId: string): void;

package/dist/{xychartDiagram-PRI3JC2R-JzAaXa5z-k94imfkQ.js → xychartDiagram-PRI3JC2R-Cgg6Uija-BysdxdV7.js}

@@ -1,10 +1,10 @@
-import { Q as a, e as gi, p as ui, E as Xt, v as xi, h as di, B as pi, s as Nt, al as fi, f as yi, F as mi, L as St, X as Vt, T as bi, as as Ai, Y as wi, at as Si, au as $t, Z as Bt, av as zt } from "./index-DlxA4QQ9.js";
+import { e as gi, f as ui, t as Wt, s as xi, g as di, h as pi, M as a, a as Xt, al as fi, i as yi, N as mi, P as St, j as bi, K as Ot, _ as Ai, as as wi, at as Si, au as It, Z as Bt, av as zt } from "./index-DU3Jqd59.js";
 typeof window < "u" && (window.global = window);
 var mt = function() {
   var t = /* @__PURE__ */ a(function(v, h, c, g) {
     for (c = c || {}, g = v.length; g--; c[v[g]] = h) ;
     return c;
-  }, "o"), i = [1, 10, 12, 14, 16, 18, 19, 21, 23], e = [2, 6], s = [1, 3], l = [1, 5], p = [1, 6], u = [1, 7], m = [1, 5, 10, 12, 14, 16, 18, 19, 21, 23, 34, 35, 36], L = [1, 25], z = [1, 26], I = [1, 28], R = [1, 29], P = [1, 30], F = [1, 31], W = [1, 32], T = [1, 33], M = [1, 34], d = [1, 35], A = [1, 36], r = [1, 37], $ = [1, 43], B = [1, 42], U = [1, 47], N = [1, 50], o = [1, 10, 12, 14, 16, 18, 19, 21, 23, 34, 35, 36], C = [1, 10, 12, 14, 16, 18, 19, 21, 23, 24, 26, 27, 28, 34, 35, 36], b = [1, 10, 12, 14, 16, 18, 19, 21, 23, 24, 26, 27, 28, 34, 35, 36, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50], w = [1, 64], j = {
+  }, "o"), i = [1, 10, 12, 14, 16, 18, 19, 21, 23], e = [2, 6], s = [1, 3], l = [1, 5], p = [1, 6], u = [1, 7], m = [1, 5, 10, 12, 14, 16, 18, 19, 21, 23, 34, 35, 36], L = [1, 25], z = [1, 26], $ = [1, 28], R = [1, 29], P = [1, 30], F = [1, 31], N = [1, 32], T = [1, 33], M = [1, 34], d = [1, 35], A = [1, 36], r = [1, 37], I = [1, 43], B = [1, 42], U = [1, 47], X = [1, 50], o = [1, 10, 12, 14, 16, 18, 19, 21, 23, 34, 35, 36], C = [1, 10, 12, 14, 16, 18, 19, 21, 23, 24, 26, 27, 28, 34, 35, 36], b = [1, 10, 12, 14, 16, 18, 19, 21, 23, 24, 26, 27, 28, 34, 35, 36, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50], w = [1, 64], G = {
     trace: /* @__PURE__ */ a(function() {
     }, "trace"),
     yy: {},
@@ -101,7 +101,7 @@ var mt = function() {
           break;
       }
     }, "anonymous"),
-    table: [t(i, e, { 3: 1, 4: 2, 7: 4, 5: s, 34: l, 35: p, 36: u }), { 1: [3] }, t(i, e, { 4: 2, 7: 4, 3: 8, 5: s, 34: l, 35: p, 36: u }), t(i, e, { 4: 2, 7: 4, 6: 9, 3: 10, 5: s, 8: [1, 11], 34: l, 35: p, 36: u }), { 1: [2, 4], 9: 12, 10: [1, 13], 12: [1, 14], 14: [1, 15], 16: [1, 16], 18: [1, 17], 19: [1, 18], 21: [1, 19], 23: [1, 20] }, t(m, [2, 34]), t(m, [2, 35]), t(m, [2, 36]), { 1: [2, 1] }, t(i, e, { 4: 2, 7: 4, 3: 21, 5: s, 34: l, 35: p, 36: u }), { 1: [2, 3] }, t(m, [2, 5]), t(i, [2, 7], { 4: 22, 34: l, 35: p, 36: u }), { 11: 23, 37: 24, 38: L, 39: z, 40: 27, 41: I, 42: R, 43: P, 44: F, 45: W, 46: T, 47: M, 48: d, 49: A, 50: r }, { 11: 39, 13: 38, 24: $, 27: B, 29: 40, 30: 41, 37: 24, 38: L, 39: z, 40: 27, 41: I, 42: R, 43: P, 44: F, 45: W, 46: T, 47: M, 48: d, 49: A, 50: r }, { 11: 45, 15: 44, 27: U, 33: 46, 37: 24, 38: L, 39: z, 40: 27, 41: I, 42: R, 43: P, 44: F, 45: W, 46: T, 47: M, 48: d, 49: A, 50: r }, { 11: 49, 17: 48, 24: N, 37: 24, 38: L, 39: z, 40: 27, 41: I, 42: R, 43: P, 44: F, 45: W, 46: T, 47: M, 48: d, 49: A, 50: r }, { 11: 52, 17: 51, 24: N, 37: 24, 38: L, 39: z, 40: 27, 41: I, 42: R, 43: P, 44: F, 45: W, 46: T, 47: M, 48: d, 49: A, 50: r }, { 20: [1, 53] }, { 22: [1, 54] }, t(o, [2, 18]), { 1: [2, 2] }, t(o, [2, 8]), t(o, [2, 9]), t(C, [2, 37], { 40: 55, 41: I, 42: R, 43: P, 44: F, 45: W, 46: T, 47: M, 48: d, 49: A, 50: r }), t(C, [2, 38]), t(C, [2, 39]), t(b, [2, 40]), t(b, [2, 42]), t(b, [2, 43]), t(b, [2, 44]), t(b, [2, 45]), t(b, [2, 46]), t(b, [2, 47]), t(b, [2, 48]), t(b, [2, 49]), t(b, [2, 50]), t(b, [2, 51]), t(o, [2, 10]), t(o, [2, 22], { 30: 41, 29: 56, 24: $, 27: B }), t(o, [2, 24]), t(o, [2, 25]), { 31: [1, 57] }, { 11: 59, 32: 58, 37: 24, 38: L, 39: z, 40: 27, 41: I, 42: R, 43: P, 44: F, 45: W, 46: T, 47: M, 48: d, 49: A, 50: r }, t(o, [2, 11]), t(o, [2, 30], { 33: 60, 27: U }), t(o, [2, 32]), { 31: [1, 61] }, t(o, [2, 12]), { 17: 62, 24: N }, { 25: 63, 27: w }, t(o, [2, 14]), { 17: 65, 24: N }, t(o, [2, 16]), t(o, [2, 17]), t(b, [2, 41]), t(o, [2, 23]), { 27: [1, 66] }, { 26: [1, 67] }, { 26: [2, 29], 28: [1, 68] }, t(o, [2, 31]), { 27: [1, 69] }, t(o, [2, 13]), { 26: [1, 70] }, { 26: [2, 21], 28: [1, 71] }, t(o, [2, 15]), t(o, [2, 26]), t(o, [2, 27]), { 11: 59, 32: 72, 37: 24, 38: L, 39: z, 40: 27, 41: I, 42: R, 43: P, 44: F, 45: W, 46: T, 47: M, 48: d, 49: A, 50: r }, t(o, [2, 33]), t(o, [2, 19]), { 25: 73, 27: w }, { 26: [2, 28] }, { 26: [2, 20] }],
+    table: [t(i, e, { 3: 1, 4: 2, 7: 4, 5: s, 34: l, 35: p, 36: u }), { 1: [3] }, t(i, e, { 4: 2, 7: 4, 3: 8, 5: s, 34: l, 35: p, 36: u }), t(i, e, { 4: 2, 7: 4, 6: 9, 3: 10, 5: s, 8: [1, 11], 34: l, 35: p, 36: u }), { 1: [2, 4], 9: 12, 10: [1, 13], 12: [1, 14], 14: [1, 15], 16: [1, 16], 18: [1, 17], 19: [1, 18], 21: [1, 19], 23: [1, 20] }, t(m, [2, 34]), t(m, [2, 35]), t(m, [2, 36]), { 1: [2, 1] }, t(i, e, { 4: 2, 7: 4, 3: 21, 5: s, 34: l, 35: p, 36: u }), { 1: [2, 3] }, t(m, [2, 5]), t(i, [2, 7], { 4: 22, 34: l, 35: p, 36: u }), { 11: 23, 37: 24, 38: L, 39: z, 40: 27, 41: $, 42: R, 43: P, 44: F, 45: N, 46: T, 47: M, 48: d, 49: A, 50: r }, { 11: 39, 13: 38, 24: I, 27: B, 29: 40, 30: 41, 37: 24, 38: L, 39: z, 40: 27, 41: $, 42: R, 43: P, 44: F, 45: N, 46: T, 47: M, 48: d, 49: A, 50: r }, { 11: 45, 15: 44, 27: U, 33: 46, 37: 24, 38: L, 39: z, 40: 27, 41: $, 42: R, 43: P, 44: F, 45: N, 46: T, 47: M, 48: d, 49: A, 50: r }, { 11: 49, 17: 48, 24: X, 37: 24, 38: L, 39: z, 40: 27, 41: $, 42: R, 43: P, 44: F, 45: N, 46: T, 47: M, 48: d, 49: A, 50: r }, { 11: 52, 17: 51, 24: X, 37: 24, 38: L, 39: z, 40: 27, 41: $, 42: R, 43: P, 44: F, 45: N, 46: T, 47: M, 48: d, 49: A, 50: r }, { 20: [1, 53] }, { 22: [1, 54] }, t(o, [2, 18]), { 1: [2, 2] }, t(o, [2, 8]), t(o, [2, 9]), t(C, [2, 37], { 40: 55, 41: $, 42: R, 43: P, 44: F, 45: N, 46: T, 47: M, 48: d, 49: A, 50: r }), t(C, [2, 38]), t(C, [2, 39]), t(b, [2, 40]), t(b, [2, 42]), t(b, [2, 43]), t(b, [2, 44]), t(b, [2, 45]), t(b, [2, 46]), t(b, [2, 47]), t(b, [2, 48]), t(b, [2, 49]), t(b, [2, 50]), t(b, [2, 51]), t(o, [2, 10]), t(o, [2, 22], { 30: 41, 29: 56, 24: I, 27: B }), t(o, [2, 24]), t(o, [2, 25]), { 31: [1, 57] }, { 11: 59, 32: 58, 37: 24, 38: L, 39: z, 40: 27, 41: $, 42: R, 43: P, 44: F, 45: N, 46: T, 47: M, 48: d, 49: A, 50: r }, t(o, [2, 11]), t(o, [2, 30], { 33: 60, 27: U }), t(o, [2, 32]), { 31: [1, 61] }, t(o, [2, 12]), { 17: 62, 24: X }, { 25: 63, 27: w }, t(o, [2, 14]), { 17: 65, 24: X }, t(o, [2, 16]), t(o, [2, 17]), t(b, [2, 41]), t(o, [2, 23]), { 27: [1, 66] }, { 26: [1, 67] }, { 26: [2, 29], 28: [1, 68] }, t(o, [2, 31]), { 27: [1, 69] }, t(o, [2, 13]), { 26: [1, 70] }, { 26: [2, 21], 28: [1, 71] }, t(o, [2, 15]), t(o, [2, 26]), t(o, [2, 27]), { 11: 59, 32: 72, 37: 24, 38: L, 39: z, 40: 27, 41: $, 42: R, 43: P, 44: F, 45: N, 46: T, 47: M, 48: d, 49: A, 50: r }, t(o, [2, 33]), t(o, [2, 19]), { 25: 73, 27: w }, { 26: [2, 28] }, { 26: [2, 20] }],
     defaultActions: { 8: [2, 1], 10: [2, 3], 21: [2, 2], 72: [2, 28], 73: [2, 20] },
     parseError: /* @__PURE__ */ a(function(v, h) {
       if (h.recoverable)
@@ -112,25 +112,25 @@ var mt = function() {
       }
     }, "parseError"),
     parse: /* @__PURE__ */ a(function(v) {
-      var h = this, c = [0], g = [], y = [null], n = [], k = this.table, x = "", q = 0, vt = 0, oi = 2, Et = 1, ri = n.slice.call(arguments, 1), S = Object.create(this.lexer), O = { yy: {} };
+      var h = this, c = [0], g = [], y = [null], n = [], k = this.table, x = "", q = 0, vt = 0, oi = 2, Et = 1, ri = n.slice.call(arguments, 1), S = Object.create(this.lexer), V = { yy: {} };
       for (var at in this.yy)
-        Object.prototype.hasOwnProperty.call(this.yy, at) && (O.yy[at] = this.yy[at]);
-      S.setInput(v, O.yy), O.yy.lexer = S, O.yy.parser = this, typeof S.yylloc > "u" && (S.yylloc = {});
+        Object.prototype.hasOwnProperty.call(this.yy, at) && (V.yy[at] = this.yy[at]);
+      S.setInput(v, V.yy), V.yy.lexer = S, V.yy.parser = this, typeof S.yylloc > "u" && (S.yylloc = {});
       var nt = S.yylloc;
       n.push(nt);
       var li = S.options && S.options.ranges;
-      typeof O.yy.parseError == "function" ? this.parseError = O.yy.parseError : this.parseError = Object.getPrototypeOf(this).parseError;
+      typeof V.yy.parseError == "function" ? this.parseError = V.yy.parseError : this.parseError = Object.getPrototypeOf(this).parseError;
       function ci(D) {
         c.length = c.length - 2 * D, y.length = y.length - D, n.length = n.length - D;
       }
       a(ci, "popStack");
-      function It() {
+      function $t() {
         var D;
         return D = g.pop() || S.lex() || Et, typeof D != "number" && (D instanceof Array && (g = D, D = g.pop()), D = h.symbols_[D] || D), D;
       }
-      a(It, "lex");
-      for (var _, Y, E, ht, H = {}, tt, X, Mt, it; ; ) {
-        if (Y = c[c.length - 1], this.defaultActions[Y] ? E = this.defaultActions[Y] : ((_ === null || typeof _ > "u") && (_ = It()), E = k[Y] && k[Y][_]), typeof E > "u" || !E.length || !E[0]) {
+      a($t, "lex");
+      for (var _, Y, E, ht, H = {}, tt, W, Mt, it; ; ) {
+        if (Y = c[c.length - 1], this.defaultActions[Y] ? E = this.defaultActions[Y] : ((_ === null || typeof _ > "u") && (_ = $t()), E = k[Y] && k[Y][_]), typeof E > "u" || !E.length || !E[0]) {
           var ot = "";
           it = [];
           for (tt in k[Y])
@@ -152,25 +152,25 @@ Expecting ` + it.join(", ") + ", got '" + (this.terminals_[_] || _) + "'" : ot =
             c.push(_), y.push(S.yytext), n.push(S.yylloc), c.push(E[1]), _ = null, vt = S.yyleng, x = S.yytext, q = S.yylineno, nt = S.yylloc;
             break;
           case 2:
-            if (X = this.productions_[E[1]][1], H.$ = y[y.length - X], H._$ = {
-              first_line: n[n.length - (X || 1)].first_line,
+            if (W = this.productions_[E[1]][1], H.$ = y[y.length - W], H._$ = {
+              first_line: n[n.length - (W || 1)].first_line,
               last_line: n[n.length - 1].last_line,
-              first_column: n[n.length - (X || 1)].first_column,
+              first_column: n[n.length - (W || 1)].first_column,
               last_column: n[n.length - 1].last_column
             }, li && (H._$.range = [
-              n[n.length - (X || 1)].range[0],
+              n[n.length - (W || 1)].range[0],
               n[n.length - 1].range[1]
             ]), ht = this.performAction.apply(H, [
               x,
               vt,
               q,
-              O.yy,
+              V.yy,
               E[1],
               y,
               n
             ].concat(ri)), typeof ht < "u")
               return ht;
-            X && (c = c.slice(0, -1 * X * 2), y = y.slice(0, -1 * X), n = n.slice(0, -1 * X)), c.push(this.productions_[E[1]][0]), y.push(H.$), n.push(H._$), Mt = k[c[c.length - 2]][c[c.length - 1]], c.push(Mt);
+            W && (c = c.slice(0, -1 * W * 2), y = y.slice(0, -1 * W), n = n.slice(0, -1 * W)), c.push(this.productions_[E[1]][0]), y.push(H.$), n.push(H._$), Mt = k[c[c.length - 2]][c[c.length - 1]], c.push(Mt);
             break;
           case 3:
             return !0;
@@ -178,7 +178,7 @@ Expecting ` + it.join(", ") + ", got '" + (this.terminals_[_] || _) + "'" : ot =
       }
       return !0;
     }, "parse")
-  }, Z = /* @__PURE__ */ function() {
+  }, J = /* @__PURE__ */ function() {
     var v = {
       EOF: 1,
       parseError: /* @__PURE__ */ a(function(h, c) {
@@ -456,11 +456,11 @@ Expecting ` + it.join(", ") + ", got '" + (this.terminals_[_] || _) + "'" : ot =
     };
     return v;
   }();
-  j.lexer = Z;
-  function V() {
+  G.lexer = J;
+  function O() {
     this.yy = {};
   }
-  return a(V, "Parser"), V.prototype = j, j.Parser = V, new V();
+  return a(O, "Parser"), O.prototype = G, G.Parser = O, new O();
 }();
 mt.parser = mt;
 var Ci = mt;
@@ -472,11 +472,11 @@ function Ct(t) {
   return t.type === "band";
 }
 a(Ct, "isBandAxisData");
-function G(t) {
+function j(t) {
   return t.type === "linear";
 }
-a(G, "isLinearAxisData");
-var rt, Ot = (rt = class {
+a(j, "isLinearAxisData");
+var rt, Vt = (rt = class {
   constructor(t) {
     this.parentGroup = t;
   }
@@ -496,7 +496,7 @@ var rt, Ot = (rt = class {
     }
     return s.remove(), e;
   }
-}, a(rt, "TextDimensionCalculatorWithFont"), rt), Ft = 0.7, Wt = 0.2, lt, Yt = (lt = class {
+}, a(rt, "TextDimensionCalculatorWithFont"), rt), Ft = 0.7, Nt = 0.2, lt, Yt = (lt = class {
   constructor(t, i, e, s) {
     this.axisConfig = t, this.title = i, this.textDimensionCalculator = e, this.axisThemeConfig = s, this.boundingRect = { x: 0, y: 0, width: 0, height: 0 }, this.axisPosition = "left", this.showTitle = !1, this.showLabel = !1, this.showTick = !1, this.showAxisLine = !1, this.outerPadding = 0, this.titleTextHeight = 0, this.labelTextHeight = 0, this.range = [0, 10], this.boundingRect = { x: 0, y: 0, width: 0, height: 0 }, this.axisPosition = "left";
   }
@@ -528,7 +528,7 @@ var rt, Ot = (rt = class {
   calculateSpaceIfDrawnHorizontally(t) {
     let i = t.height;
     if (this.axisConfig.showAxisLine && i > this.axisConfig.axisLineWidth && (i -= this.axisConfig.axisLineWidth, this.showAxisLine = !0), this.axisConfig.showLabel) {
-      const e = this.getLabelDimension(), s = Wt * t.width;
+      const e = this.getLabelDimension(), s = Nt * t.width;
       this.outerPadding = Math.min(e.width / 2, s);
       const l = e.height + this.axisConfig.labelPadding * 2;
       this.labelTextHeight = e.height, l <= i && (i -= l, this.showLabel = !0);
@@ -545,7 +545,7 @@ var rt, Ot = (rt = class {
   calculateSpaceIfDrawnVertical(t) {
     let i = t.width;
     if (this.axisConfig.showAxisLine && i > this.axisConfig.axisLineWidth && (i -= this.axisConfig.axisLineWidth, this.showAxisLine = !0), this.axisConfig.showLabel) {
-      const e = this.getLabelDimension(), s = Wt * t.height;
+      const e = this.getLabelDimension(), s = Nt * t.height;
       this.outerPadding = Math.min(e.height / 2, s);
       const l = e.width + this.axisConfig.labelPadding * 2;
       l <= i && (i -= l, this.showLabel = !0);
@@ -751,13 +751,13 @@ var rt, Ot = (rt = class {
   }
 }, a(lt, "BaseAxis"), lt), ct, ki = (ct = class extends Yt {
   constructor(t, i, e, s, l) {
-    super(t, s, l, i), this.categories = e, this.scale = $t().domain(this.categories).range(this.getRange());
+    super(t, s, l, i), this.categories = e, this.scale = It().domain(this.categories).range(this.getRange());
   }
   setRange(t) {
     super.setRange(t);
   }
   recalculateScale() {
-    this.scale = $t().domain(this.categories).range(this.getRange()).paddingInner(1).paddingOuter(0).align(0.5), Nt.trace("BandAxis axis final categories, range: ", this.categories, this.getRange());
+    this.scale = It().domain(this.categories).range(this.getRange()).paddingInner(1).paddingOuter(0).align(0.5), Xt.trace("BandAxis axis final categories, range: ", this.categories, this.getRange());
   }
   getTickValues() {
     return this.categories;
@@ -781,7 +781,7 @@ var rt, Ot = (rt = class {
   }
 }, a(gt, "LinearAxis"), gt);
 function At(t, i, e, s) {
-  const l = new Ot(s);
+  const l = new Vt(s);
   return Ct(t) ? new ki(
     i,
     e,
@@ -840,7 +840,7 @@ var ut, Ri = (ut = class {
   }
 }, a(ut, "ChartTitle"), ut);
 function Ut(t, i, e, s) {
-  const l = new Ot(s);
+  const l = new Vt(s);
   return new Ri(l, t, i, e);
 }
 a(Ut, "getChartTitleComponent");
@@ -1053,16 +1053,16 @@ var ft, Pi = (ft = class {
   static build(t, i, e, s) {
     return new Pi(t, i, e, s).getDrawableElement();
   }
-}, a(yt, "XYChartBuilder"), yt), Q = 0, Gt, J = Rt(), K = _t(), f = Tt(), wt = K.plotColorPalette.split(",").map((t) => t.trim()), et = !1, kt = !1;
+}, a(yt, "XYChartBuilder"), yt), Q = 0, jt, K = Rt(), Z = _t(), f = Tt(), wt = Z.plotColorPalette.split(",").map((t) => t.trim()), et = !1, kt = !1;
 function _t() {
-  const t = Ai(), i = St();
-  return Vt(t.xyChart, i.themeVariables.xyChart);
+  const t = wi(), i = St();
+  return Ot(t.xyChart, i.themeVariables.xyChart);
 }
 a(_t, "getChartDefaultThemeConfig");
 function Rt() {
   const t = St();
-  return Vt(
-    bi.xyChart,
+  return Ot(
+    Ai.xyChart,
     t.xyChart
   );
 }
@@ -1087,43 +1087,43 @@ function Tt() {
 a(Tt, "getChartDefaultData");
 function st(t) {
   const i = St();
-  return wi(t.trim(), i);
+  return bi(t.trim(), i);
 }
 a(st, "textSanitizer");
-function jt(t) {
-  Gt = t;
+function Gt(t) {
+  jt = t;
 }
-a(jt, "setTmpSVGG");
+a(Gt, "setTmpSVGG");
 function Qt(t) {
-  t === "horizontal" ? J.chartOrientation = "horizontal" : J.chartOrientation = "vertical";
+  t === "horizontal" ? K.chartOrientation = "horizontal" : K.chartOrientation = "vertical";
 }
 a(Qt, "setOrientation");
-function Jt(t) {
+function Kt(t) {
   f.xAxis.title = st(t.text);
 }
-a(Jt, "setXAxisTitle");
+a(Kt, "setXAxisTitle");
 function Dt(t, i) {
   f.xAxis = { type: "linear", title: f.xAxis.title, min: t, max: i }, et = !0;
 }
 a(Dt, "setXAxisRangeData");
-function Kt(t) {
+function Zt(t) {
   f.xAxis = {
     type: "band",
     title: f.xAxis.title,
     categories: t.map((i) => st(i.text))
   }, et = !0;
 }
-a(Kt, "setXAxisBand");
-function Zt(t) {
+a(Zt, "setXAxisBand");
+function Jt(t) {
   f.yAxis.title = st(t.text);
 }
-a(Zt, "setYAxisTitle");
+a(Jt, "setYAxisTitle");
 function qt(t, i) {
   f.yAxis = { type: "linear", title: f.yAxis.title, min: t, max: i }, kt = !0;
 }
 a(qt, "setYAxisRangeData");
 function ti(t) {
-  const i = Math.min(...t), e = Math.max(...t), s = G(f.yAxis) ? f.yAxis.min : 1 / 0, l = G(f.yAxis) ? f.yAxis.max : -1 / 0;
+  const i = Math.min(...t), e = Math.max(...t), s = j(f.yAxis) ? f.yAxis.min : 1 / 0, l = j(f.yAxis) ? f.yAxis.max : -1 / 0;
   f.yAxis = {
     type: "linear",
     title: f.yAxis.title,
@@ -1137,10 +1137,10 @@ function Lt(t) {
   if (t.length === 0)
     return i;
   if (!et) {
-    const e = G(f.xAxis) ? f.xAxis.min : 1 / 0, s = G(f.xAxis) ? f.xAxis.max : -1 / 0;
+    const e = j(f.xAxis) ? f.xAxis.min : 1 / 0, s = j(f.xAxis) ? f.xAxis.max : -1 / 0;
     Dt(Math.min(e, 1), Math.max(s, t.length));
   }
-  if (kt || ti(t), Ct(f.xAxis) && (i = f.xAxis.categories.map((e, s) => [e, t[s]])), G(f.xAxis)) {
+  if (kt || ti(t), Ct(f.xAxis) && (i = f.xAxis.categories.map((e, s) => [e, t[s]])), j(f.xAxis)) {
     const e = f.xAxis.min, s = f.xAxis.max, l = (s - e) / (t.length - 1), p = [];
     for (let u = e; u <= s; u += l)
       p.push(`${u}`);
@@ -1175,15 +1175,15 @@ a(ei, "setBarData");
 function si() {
   if (f.plots.length === 0)
     throw Error("No Plot to render, please provide a plot with some data");
-  return f.title = Xt(), vi.build(J, f, K, Gt);
+  return f.title = Wt(), vi.build(K, f, Z, jt);
 }
 a(si, "getDrawableElem");
 function ai() {
-  return K;
+  return Z;
 }
 a(ai, "getChartThemeConfig");
 function ni() {
-  return J;
+  return K;
 }
 a(ni, "getChartConfig");
 function hi() {
@@ -1191,25 +1191,25 @@ function hi() {
 }
 a(hi, "getXYChartData");
 var Ei = /* @__PURE__ */ a(function() {
-  mi(), Q = 0, J = Rt(), f = Tt(), K = _t(), wt = K.plotColorPalette.split(",").map((t) => t.trim()), et = !1, kt = !1;
-}, "clear"), Ii = {
+  mi(), Q = 0, K = Rt(), f = Tt(), Z = _t(), wt = Z.plotColorPalette.split(",").map((t) => t.trim()), et = !1, kt = !1;
+}, "clear"), $i = {
   getDrawableElem: si,
   clear: Ei,
   setAccTitle: pi,
   getAccTitle: di,
   setDiagramTitle: xi,
-  getDiagramTitle: Xt,
+  getDiagramTitle: Wt,
   getAccDescription: ui,
   setAccDescription: gi,
   setOrientation: Qt,
-  setXAxisTitle: Jt,
+  setXAxisTitle: Kt,
   setXAxisRangeData: Dt,
-  setXAxisBand: Kt,
-  setYAxisTitle: Zt,
+  setXAxisBand: Zt,
+  setYAxisTitle: Jt,
   setYAxisRangeData: qt,
   setLineData: ii,
   setBarData: ei,
-  setTmpSVGG: jt,
+  setTmpSVGG: Gt,
   getChartThemeConfig: ai,
   getChartConfig: ni,
   getXYChartData: hi
@@ -1223,24 +1223,24 @@ var Ei = /* @__PURE__ */ a(function() {
     return d === "left" ? "start" : d === "right" ? "end" : "middle";
   }
   a(z, "getTextAnchor");
-  function I(d) {
+  function $(d) {
     return `translate(${d.x}, ${d.y}) rotate(${d.rotation || 0})`;
   }
-  a(I, "getTextTransformation"), Nt.debug(`Rendering xychart chart
+  a($, "getTextTransformation"), Xt.debug(`Rendering xychart chart
 ` + t);
   const R = fi(i), P = R.append("g").attr("class", "main"), F = P.append("rect").attr("width", u.width).attr("height", u.height).attr("class", "background");
   yi(R, u.height, u.width, !0), R.attr("viewBox", `0 0 ${u.width} ${u.height}`), F.attr("fill", p.backgroundColor), l.setTmpSVGG(R.append("g").attr("class", "mermaid-tmp-group"));
-  const W = l.getDrawableElem(), T = {};
+  const N = l.getDrawableElem(), T = {};
   function M(d) {
     let A = P, r = "";
-    for (const [$] of d.entries()) {
+    for (const [I] of d.entries()) {
       let B = P;
-      $ > 0 && T[r] && (B = T[r]), r += d[$], A = T[r], A || (A = T[r] = B.append("g").attr("class", d[$]));
+      I > 0 && T[r] && (B = T[r]), r += d[I], A = T[r], A || (A = T[r] = B.append("g").attr("class", d[I]));
     }
     return A;
   }
   a(M, "getGroup");
-  for (const d of W) {
+  for (const d of N) {
     if (d.data.length === 0)
       continue;
     const A = M(d.groupTexts);
@@ -1250,47 +1250,47 @@ var Ei = /* @__PURE__ */ a(function() {
           if (u.chartOrientation === "horizontal") {
             let r = function(o, C) {
               const { data: b, label: w } = o;
-              return C * w.length * $ <= b.width - 10;
+              return C * w.length * I <= b.width - 10;
             };
             a(r, "fitsHorizontally");
-            const $ = 0.7, B = d.data.map((o, C) => ({ data: o, label: m[C].toString() })).filter((o) => o.data.width > 0 && o.data.height > 0), U = B.map((o) => {
+            const I = 0.7, B = d.data.map((o, C) => ({ data: o, label: m[C].toString() })).filter((o) => o.data.width > 0 && o.data.height > 0), U = B.map((o) => {
               const { data: C } = o;
               let b = C.height * 0.7;
               for (; !r(o, b) && b > 0; )
                 b -= 1;
               return b;
-            }), N = Math.floor(Math.min(...U));
-            A.selectAll("text").data(B).enter().append("text").attr("x", (o) => o.data.x + o.data.width - 10).attr("y", (o) => o.data.y + o.data.height / 2).attr("text-anchor", "end").attr("dominant-baseline", "middle").attr("fill", "black").attr("font-size", `${N}px`).text((o) => o.label);
+            }), X = Math.floor(Math.min(...U));
+            A.selectAll("text").data(B).enter().append("text").attr("x", (o) => o.data.x + o.data.width - 10).attr("y", (o) => o.data.y + o.data.height / 2).attr("text-anchor", "end").attr("dominant-baseline", "middle").attr("fill", "black").attr("font-size", `${X}px`).text((o) => o.label);
           } else {
             let r = function(o, C, b) {
-              const { data: w, label: j } = o, Z = C * j.length * 0.7, V = w.x + w.width / 2, v = V - Z / 2, h = V + Z / 2, c = v >= w.x && h <= w.x + w.width, g = w.y + b + C <= w.y + w.height;
+              const { data: w, label: G } = o, J = C * G.length * 0.7, O = w.x + w.width / 2, v = O - J / 2, h = O + J / 2, c = v >= w.x && h <= w.x + w.width, g = w.y + b + C <= w.y + w.height;
               return c && g;
             };
             a(r, "fitsInBar");
-            const $ = 10, B = d.data.map((o, C) => ({ data: o, label: m[C].toString() })).filter((o) => o.data.width > 0 && o.data.height > 0), U = B.map((o) => {
+            const I = 10, B = d.data.map((o, C) => ({ data: o, label: m[C].toString() })).filter((o) => o.data.width > 0 && o.data.height > 0), U = B.map((o) => {
               const { data: C, label: b } = o;
               let w = C.width / (b.length * 0.7);
-              for (; !r(o, w, $) && w > 0; )
+              for (; !r(o, w, I) && w > 0; )
                 w -= 1;
               return w;
-            }), N = Math.floor(Math.min(...U));
-            A.selectAll("text").data(B).enter().append("text").attr("x", (o) => o.data.x + o.data.width / 2).attr("y", (o) => o.data.y + $).attr("text-anchor", "middle").attr("dominant-baseline", "hanging").attr("fill", "black").attr("font-size", `${N}px`).text((o) => o.label);
+            }), X = Math.floor(Math.min(...U));
+            A.selectAll("text").data(B).enter().append("text").attr("x", (o) => o.data.x + o.data.width / 2).attr("y", (o) => o.data.y + I).attr("text-anchor", "middle").attr("dominant-baseline", "hanging").attr("fill", "black").attr("font-size", `${X}px`).text((o) => o.label);
           }
         break;
       case "text":
-        A.selectAll("text").data(d.data).enter().append("text").attr("x", 0).attr("y", 0).attr("fill", (r) => r.fill).attr("font-size", (r) => r.fontSize).attr("dominant-baseline", (r) => L(r.verticalPos)).attr("text-anchor", (r) => z(r.horizontalPos)).attr("transform", (r) => I(r)).text((r) => r.text);
+        A.selectAll("text").data(d.data).enter().append("text").attr("x", 0).attr("y", 0).attr("fill", (r) => r.fill).attr("font-size", (r) => r.fontSize).attr("dominant-baseline", (r) => L(r.verticalPos)).attr("text-anchor", (r) => z(r.horizontalPos)).attr("transform", (r) => $(r)).text((r) => r.text);
         break;
       case "path":
         A.selectAll("path").data(d.data).enter().append("path").attr("d", (r) => r.path).attr("fill", (r) => r.fill ? r.fill : "none").attr("stroke", (r) => r.strokeFill).attr("stroke-width", (r) => r.strokeWidth);
         break;
     }
   }
-}, "draw"), $i = {
+}, "draw"), Ii = {
   draw: Mi
 }, zi = {
   parser: Ci,
-  db: Ii,
-  renderer: $i
+  db: $i,
+  renderer: Ii
 };
 export {
   zi as diagram

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@schmitech/chatbot-widget",
   "private": false,
-  "version": "0.6.3",
+  "version": "0.7.0",
   "type": "module",
   "main": "./dist/chatbot-widget.umd.js",
   "module": "./dist/chatbot-widget.es.js",
@@ -28,19 +28,19 @@
   },
   "dependencies": {
     "@schmitech/chatbot-api": "^2.1.6",
-    "@schmitech/markdown-renderer": "^0.7.4",
+    "@schmitech/markdown-renderer": "^0.8.0",
     "clsx": "^2.1.0",
-    "lucide-react": "^0.344.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "lucide-react": "^0.469.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "zustand": "^5.0.8"
   },
   "devDependencies": {
     "@eslint/js": "^9.9.1",
     "@tailwindcss/typography": "^0.5.16",
     "@types/node": "^22.13.11",
-    "@types/react": "^18.3.5",
-    "@types/react-dom": "^18.3.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "@vitejs/plugin-react": "^4.3.1",
     "autoprefixer": "^10.4.18",
     "eslint": "^9.9.1",
@@ -55,7 +55,7 @@
     "vite-plugin-svgr": "^4.3.0"
   },
   "peerDependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
   }
 }