react-aichatbot-widget 1.4.3 → 1.4.5

package/dist/index.js

@@ -1,8 +1,8 @@
 import { jsxs as O, jsx as y, Fragment as Ee } from "react/jsx-runtime";
 import { useState as L, useRef as Rt, useEffect as Ke } from "react";
-import { X as Ct, MessageCircle as Xe, Send as Ye, Bot as Pe, Minimize2 as Tt, Maximize2 as Ot, Minus as At } from "lucide-react";
+import { Minus as Ct, MessageCircle as Xe, Send as Ye, Bot as Pe, Minimize2 as Tt, Maximize2 as Ot, X as At } from "lucide-react";
 import { v4 as kt } from "uuid";
-const Ft = ({ onClick: e, isOpen: t, theme: n, chatBotData: r }) => {
+const Ft = ({ onMinimise: e, isOpen: t, theme: n, chatBotData: r }) => {
   const o = r.position === "left", l = {
     position: "fixed",
     bottom: "32px",
@@ -32,11 +32,11 @@ const Ft = ({ onClick: e, isOpen: t, theme: n, chatBotData: r }) => {
       onClick: e,
       style: l,
       onMouseEnter: (c) => Object.assign(c.currentTarget.style, p),
-      onMouseLeave: (c) => Object.keys(p).forEach((d) => c.currentTarget.style[d] = l[d] || ""),
+      onMouseLeave: (c) => Object.keys(p).forEach((u) => c.currentTarget.style[u] = l[u] || ""),
       onFocus: (c) => Object.assign(c.currentTarget.style, p),
-      onBlur: (c) => Object.keys(p).forEach((d) => c.currentTarget.style[d] = l[d] || ""),
+      onBlur: (c) => Object.keys(p).forEach((u) => c.currentTarget.style[u] = l[u] || ""),
       children: [
-        t ? /* @__PURE__ */ y(Ct, { size: 30, strokeWidth: 2.5 }) : /* @__PURE__ */ y(Xe, { size: 30, strokeWidth: 2.5 }),
+        t ? /* @__PURE__ */ y(Ct, { size: 20, strokeWidth: 2.5 }) : /* @__PURE__ */ y(Xe, { size: 20, strokeWidth: 2.5 }),
         !t && /* @__PURE__ */ y("span", { style: {
           position: "absolute",
           top: "-4px",
@@ -67,8 +67,8 @@ const Ft = ({ onClick: e, isOpen: t, theme: n, chatBotData: r }) => {
 }, Nt = ({ onSendMessage: e, isLoading: t, theme: n }) => {
   const [r, o] = L(""), i = () => {
     !r.trim() || t || (e(r.trim()), o(""));
-  }, s = (d) => {
-    d.key === "Enter" && !d.shiftKey && (d.preventDefault(), i());
+  }, s = (u) => {
+    u.key === "Enter" && !u.shiftKey && (u.preventDefault(), i());
   }, l = {
     padding: "16px",
     borderTop: "1px solid rgba(255, 255, 255, 0.2)",
@@ -79,7 +79,7 @@ const Ft = ({ onClick: e, isOpen: t, theme: n, chatBotData: r }) => {
     display: "flex",
     gap: "12px",
     alignItems: "center"
-  }, u = {
+  }, d = {
     flex: 1,
     padding: "12px 16px",
     background: n.inputBackgroundColor || n.backgroundColor,
@@ -116,15 +116,15 @@ const Ft = ({ onClick: e, isOpen: t, theme: n, chatBotData: r }) => {
         type: "text",
         placeholder: "Type a message...",
         value: r,
-        onChange: (d) => o(d.target.value),
+        onChange: (u) => o(u.target.value),
         onKeyDown: s,
         disabled: t,
-        style: u,
-        onFocus: (d) => {
-          d.target.style.boxShadow = "0 0 0 3px rgba(100, 150, 255, 0.3)", d.target.style.borderColor = "#60a5fa";
+        style: d,
+        onFocus: (u) => {
+          u.target.style.boxShadow = "0 0 0 3px rgba(100, 150, 255, 0.3)", u.target.style.borderColor = "#60a5fa";
         },
-        onBlur: (d) => {
-          d.target.style.boxShadow = "none", d.target.style.borderColor = n.fontColor;
+        onBlur: (u) => {
+          u.target.style.boxShadow = "none", u.target.style.borderColor = n.fontColor;
         }
       }
     ),
@@ -135,11 +135,11 @@ const Ft = ({ onClick: e, isOpen: t, theme: n, chatBotData: r }) => {
         disabled: t || !r.trim(),
         style: c,
         "aria-label": "Send message",
-        onMouseEnter: (d) => {
-          !t && r.trim() && (d.currentTarget.style.transform = "translateY(-2px)", d.currentTarget.style.boxShadow = "0 8px 16px rgba(0,0,0,0.15)");
+        onMouseEnter: (u) => {
+          !t && r.trim() && (u.currentTarget.style.transform = "translateY(-2px)", u.currentTarget.style.boxShadow = "0 8px 16px rgba(0,0,0,0.15)");
         },
-        onMouseLeave: (d) => {
-          d.currentTarget.style.transform = "translateY(0)", d.currentTarget.style.boxShadow = "none";
+        onMouseLeave: (u) => {
+          u.currentTarget.style.transform = "translateY(0)", u.currentTarget.style.boxShadow = "none";
         },
         children: /* @__PURE__ */ y(Ye, { size: 18 })
       }
@@ -149,10 +149,19 @@ const Ft = ({ onClick: e, isOpen: t, theme: n, chatBotData: r }) => {
   const r = Rt(null), o = () => {
     r.current?.scrollIntoView({ behavior: "smooth" });
   };
+  function i(u) {
+    return new Date(u).toLocaleString("en-AU", {
+      day: "numeric",
+      month: "short",
+      year: "numeric",
+      hour: "2-digit",
+      minute: "2-digit"
+    });
+  }
   Ke(() => {
     o();
   }, [e, t]);
-  const i = {
+  const s = {
     flex: 1,
     overflowY: "auto",
     padding: "20px",
@@ -162,32 +171,32 @@ const Ft = ({ onClick: e, isOpen: t, theme: n, chatBotData: r }) => {
     display: "flex",
     flexDirection: "column",
     gap: "16px"
-  }, s = (c) => ({
+  }, l = (u) => ({
     display: "flex",
-    justifyContent: c === "user" ? "flex-end" : "flex-start",
+    justifyContent: u === "user" ? "flex-end" : "flex-start",
     width: "100%"
-  }), l = {
+  }), p = {
     display: "flex",
     flexDirection: "column",
     maxWidth: "80%"
-  }, p = (c) => ({
+  }, d = (u) => ({
     padding: "12px 16px",
     borderRadius: "16px",
     boxShadow: "0 1px 3px rgba(0, 0, 0, 0.1)",
     border: "1px solid #e4e4e7",
     fontSize: "14px",
     lineHeight: "1.5",
-    background: c === "user" ? n.primaryColor : n.backgroundColor,
+    background: u === "user" ? n.primaryColor : n.backgroundColor,
     color: n.fontColor,
     wordWrap: "break-word"
-  }), u = {
-    ...p("bot"),
+  }), c = {
+    ...d("bot"),
     animation: "fadeIn 0.3s ease-in-out, pulse 1.5s ease-in-out infinite",
     animationDelay: "0s, 0.3s"
   };
-  return /* @__PURE__ */ O("div", { style: i, children: [
-    e.map((c, d) => /* @__PURE__ */ y("div", { style: s(c.type), children: /* @__PURE__ */ O("div", { style: l, children: [
-      c.type === "bot" && /* @__PURE__ */ O("div", { style: { display: "flex", alignItems: "center", gap: "4px", justifyContent: "flex-start", marginLeft: "4px", marginBottom: "2px" }, children: [
+  return /* @__PURE__ */ O("div", { style: s, children: [
+    e.map((u, g) => /* @__PURE__ */ y("div", { style: l(u.type), children: /* @__PURE__ */ O("div", { style: p, children: [
+      u.type === "bot" && /* @__PURE__ */ O("div", { style: { display: "flex", alignItems: "center", gap: "4px", justifyContent: "flex-start", marginLeft: "4px", marginBottom: "2px" }, children: [
         /* @__PURE__ */ y(Pe, { size: 14, color: n.fontColor }),
         /* @__PURE__ */ y(
           "span",
@@ -197,11 +206,11 @@ const Ft = ({ onClick: e, isOpen: t, theme: n, chatBotData: r }) => {
               opacity: 0.55,
               color: n.fontColor
             },
-            children: c.response_timestamp
+            children: i(u.response_timestamp)
           }
         )
       ] }),
-      c.type === "user" && /* @__PURE__ */ y("div", { style: { display: "flex", alignItems: "center", gap: "4px", justifyContent: "flex-end", marginRight: "4px", marginBottom: "2px" }, children: /* @__PURE__ */ y(
+      u.type === "user" && /* @__PURE__ */ y("div", { style: { display: "flex", alignItems: "center", gap: "4px", justifyContent: "flex-end", marginRight: "4px", marginBottom: "2px" }, children: /* @__PURE__ */ y(
         "span",
         {
           style: {
@@ -212,10 +221,10 @@ const Ft = ({ onClick: e, isOpen: t, theme: n, chatBotData: r }) => {
           children: "You"
         }
       ) }),
-      /* @__PURE__ */ y("div", { style: p(c.type), children: c.text })
-    ] }) }, d)),
-    t && /* @__PURE__ */ y("div", { style: s("bot"), children: /* @__PURE__ */ O("div", { style: {
-      typingBubbleStyle: u,
+      /* @__PURE__ */ y("div", { style: d(u.type), children: u.text })
+    ] }) }, g)),
+    t && /* @__PURE__ */ y("div", { style: l("bot"), children: /* @__PURE__ */ O("div", { style: {
+      typingBubbleStyle: c,
       display: "flex",
       alignItems: "center",
       gap: "8px"
@@ -234,9 +243,9 @@ function Ge(e, t) {
 const { toString: _t } = Object.prototype, { getPrototypeOf: Re } = Object, { iterator: ce, toStringTag: Qe } = Symbol, ue = /* @__PURE__ */ ((e) => (t) => {
   const n = _t.call(t);
   return e[n] || (e[n] = n.slice(8, -1).toLowerCase());
-})(/* @__PURE__ */ Object.create(null)), B = (e) => (e = e.toLowerCase(), (t) => ue(t) === e), de = (e) => (t) => typeof t === e, { isArray: X } = Array, K = de("undefined");
+})(/* @__PURE__ */ Object.create(null)), B = (e) => (e = e.toLowerCase(), (t) => ue(t) === e), de = (e) => (t) => typeof t === e, { isArray: K } = Array, V = de("undefined");
 function Z(e) {
-  return e !== null && !K(e) && e.constructor !== null && !K(e.constructor) && P(e.constructor.isBuffer) && e.constructor.isBuffer(e);
+  return e !== null && !V(e) && e.constructor !== null && !V(e.constructor) && P(e.constructor.isBuffer) && e.constructor.isBuffer(e);
 }
 const Ze = B("ArrayBuffer");
 function Ut(e) {
@@ -265,7 +274,7 @@ function te(e, t, { allOwnKeys: n = !1 } = {}) {
   if (e === null || typeof e > "u")
     return;
   let r, o;
-  if (typeof e != "object" && (e = [e]), X(e))
+  if (typeof e != "object" && (e = [e]), K(e))
     for (r = 0, o = e.length; r < o; r++)
       t.call(null, e[r], r, e);
   else {
@@ -288,11 +297,11 @@ function tt(e, t) {
       return o;
   return null;
 }
-const H = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : global, nt = (e) => !K(e) && e !== H;
+const q = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : global, nt = (e) => !V(e) && e !== q;
 function ge() {
   const { caseless: e, skipUndefined: t } = nt(this) && this || {}, n = {}, r = (o, i) => {
     const s = e && tt(n, i) || i;
-    se(n[s]) && se(o) ? n[s] = ge(n[s], o) : se(o) ? n[s] = ge({}, o) : X(o) ? n[s] = o.slice() : (!t || !K(o)) && (n[s] = o);
+    se(n[s]) && se(o) ? n[s] = ge(n[s], o) : se(o) ? n[s] = ge({}, o) : K(o) ? n[s] = o.slice() : (!t || !V(o)) && (n[s] = o);
   };
   for (let o = 0, i = arguments.length; o < i; o++)
     arguments[o] && te(arguments[o], r);
@@ -320,7 +329,7 @@ const Xt = (e, t, n, { allOwnKeys: r } = {}) => (te(t, (o, i) => {
   return r !== -1 && r === n;
 }, en = (e) => {
   if (!e) return null;
-  if (X(e)) return e;
+  if (K(e)) return e;
   let t = e.length;
   if (!et(t)) return null;
   const n = new Array(t);
@@ -372,7 +381,7 @@ const Xt = (e, t, n, { allOwnKeys: r } = {}) => (te(t, (o, i) => {
       n[i] = !0;
     });
   };
-  return X(e) ? r(e) : r(String(e).split(t)), n;
+  return K(e) ? r(e) : r(String(e).split(t)), n;
 }, un = () => {
 }, dn = (e, t) => e != null && Number.isFinite(e = +e) ? e : t;
 function fn(e) {
@@ -387,25 +396,25 @@ const pn = (e) => {
         return r;
       if (!("toJSON" in r)) {
         t[o] = r;
-        const i = X(r) ? [] : {};
+        const i = K(r) ? [] : {};
         return te(r, (s, l) => {
           const p = n(s, o + 1);
-          !K(p) && (i[l] = p);
+          !V(p) && (i[l] = p);
         }), t[o] = void 0, i;
       }
     }
     return r;
   };
   return n(e, 0);
-}, hn = B("AsyncFunction"), mn = (e) => e && (ee(e) || P(e)) && P(e.then) && P(e.catch), ot = ((e, t) => e ? setImmediate : t ? ((n, r) => (H.addEventListener("message", ({ source: o, data: i }) => {
-  o === H && i === n && r.length && r.shift()();
+}, hn = B("AsyncFunction"), mn = (e) => e && (ee(e) || P(e)) && P(e.then) && P(e.catch), ot = ((e, t) => e ? setImmediate : t ? ((n, r) => (q.addEventListener("message", ({ source: o, data: i }) => {
+  o === q && i === n && r.length && r.shift()();
 }, !1), (o) => {
-  r.push(o), H.postMessage(n, "*");
+  r.push(o), q.postMessage(n, "*");
 }))(`axios@${Math.random()}`, []) : (n) => setTimeout(n))(
   typeof setImmediate == "function",
-  P(H.postMessage)
-), yn = typeof queueMicrotask < "u" ? queueMicrotask.bind(H) : typeof process < "u" && process.nextTick || ot, bn = (e) => e != null && P(e[ce]), a = {
-  isArray: X,
+  P(q.postMessage)
+), yn = typeof queueMicrotask < "u" ? queueMicrotask.bind(q) : typeof process < "u" && process.nextTick || ot, bn = (e) => e != null && P(e[ce]), a = {
+  isArray: K,
   isArrayBuffer: Ze,
   isBuffer: Z,
   isFormData: qt,
@@ -420,7 +429,7 @@ const pn = (e) => {
   isRequest: Wt,
   isResponse: Jt,
   isHeaders: Vt,
-  isUndefined: K,
+  isUndefined: V,
   isDate: jt,
   isFile: It,
   isBlob: vt,
@@ -454,7 +463,7 @@ const pn = (e) => {
   noop: un,
   toFiniteNumber: dn,
   findKey: tt,
-  global: H,
+  global: q,
   isContextDefined: nt,
   isSpecCompliantForm: fn,
   toJSONObject: pn,
@@ -512,7 +521,7 @@ b.from = (e, t, n, r, o, i) => {
   const s = Object.create(st);
   a.toFlatObject(e, s, function(c) {
     return c !== Error.prototype;
-  }, (u) => u !== "isAxiosError");
+  }, (d) => d !== "isAxiosError");
   const l = e && e.message ? e.message : "Error", p = t == null && e ? e.code : t;
   return b.call(s, l, p, n, r, o), e && s.cause == null && Object.defineProperty(s, "cause", { value: e, configurable: !0 }), s.name = e && e.name || "Error", i && Object.assign(s, i), s;
 };
@@ -547,7 +556,7 @@ function fe(e, t, n) {
   const r = n.metaTokens, o = n.visitor || c, i = n.dots, s = n.indexes, p = (n.Blob || typeof Blob < "u" && Blob) && a.isSpecCompliantForm(t);
   if (!a.isFunction(o))
     throw new TypeError("visitor must be a function");
-  function u(f) {
+  function d(f) {
     if (f === null) return "";
     if (a.isDate(f))
       return f.toISOString();
@@ -567,22 +576,22 @@ function fe(e, t, n) {
           !(a.isUndefined(x) || x === null) && t.append(
             // eslint-disable-next-line no-nested-ternary
             s === !0 ? Ue([m], T, i) : s === null ? m : m + "[]",
-            u(x)
+            d(x)
           );
         }), !1;
     }
-    return xe(f) ? !0 : (t.append(Ue(h, m, i), u(f)), !1);
+    return xe(f) ? !0 : (t.append(Ue(h, m, i), d(f)), !1);
   }
-  const d = [], g = Object.assign(wn, {
+  const u = [], g = Object.assign(wn, {
     defaultVisitor: c,
-    convertValue: u,
+    convertValue: d,
     isVisitable: xe
   });
   function R(f, m) {
     if (!a.isUndefined(f)) {
-      if (d.indexOf(f) !== -1)
+      if (u.indexOf(f) !== -1)
         throw Error("Circular reference detected in " + m.join("."));
-      d.push(f), a.forEach(f, function(w, C) {
+      u.push(f), a.forEach(f, function(w, C) {
         (!(a.isUndefined(w) || w === null) && o.call(
           t,
           w,
@@ -590,7 +599,7 @@ function fe(e, t, n) {
           m,
           g
         )) === !0 && R(w, m ? m.concat(C) : [C]);
-      }), d.pop();
+      }), u.pop();
     }
   }
   if (!a.isObject(e))
@@ -906,24 +915,24 @@ let _ = class {
   }
   set(t, n, r) {
     const o = this;
-    function i(l, p, u) {
+    function i(l, p, d) {
       const c = Q(p);
       if (!c)
         throw new Error("header name must be a non-empty string");
-      const d = a.findKey(o, c);
-      (!d || o[d] === void 0 || u === !0 || u === void 0 && o[d] !== !1) && (o[d || p] = ie(l));
+      const u = a.findKey(o, c);
+      (!u || o[u] === void 0 || d === !0 || d === void 0 && o[u] !== !1) && (o[u || p] = ie(l));
     }
-    const s = (l, p) => a.forEach(l, (u, c) => i(u, c, p));
+    const s = (l, p) => a.forEach(l, (d, c) => i(d, c, p));
     if (a.isPlainObject(t) || t instanceof this.constructor)
       s(t, n);
     else if (a.isString(t) && (t = t.trim()) && !jn(t))
       s(Bn(t), n);
     else if (a.isObject(t) && a.isIterable(t)) {
-      let l = {}, p, u;
+      let l = {}, p, d;
       for (const c of t) {
         if (!a.isArray(c))
           throw TypeError("Object iterator must return a key-value pair");
-        l[u = c[0]] = (p = l[u]) ? a.isArray(p) ? [...p, c[1]] : [p, c[1]] : c[1];
+        l[d = c[0]] = (p = l[d]) ? a.isArray(p) ? [...p, c[1]] : [p, c[1]] : c[1];
       }
       s(l, n);
     } else
@@ -1047,10 +1056,10 @@ function ye(e, t) {
 function ft(e) {
   return !!(e && e.__CANCEL__);
 }
-function Y(e, t, n) {
+function X(e, t, n) {
   b.call(this, e ?? "canceled", b.ERR_CANCELED, t, n), this.name = "CanceledError";
 }
-a.inherits(Y, b, {
+a.inherits(X, b, {
   __CANCEL__: !0
 });
 function pt(e, t, n) {
@@ -1072,47 +1081,47 @@ function zn(e, t) {
   const n = new Array(e), r = new Array(e);
   let o = 0, i = 0, s;
   return t = t !== void 0 ? t : 1e3, function(p) {
-    const u = Date.now(), c = r[i];
-    s || (s = u), n[o] = p, r[o] = u;
-    let d = i, g = 0;
-    for (; d !== o; )
-      g += n[d++], d = d % e;
-    if (o = (o + 1) % e, o === i && (i = (i + 1) % e), u - s < t)
+    const d = Date.now(), c = r[i];
+    s || (s = d), n[o] = p, r[o] = d;
+    let u = i, g = 0;
+    for (; u !== o; )
+      g += n[u++], u = u % e;
+    if (o = (o + 1) % e, o === i && (i = (i + 1) % e), d - s < t)
       return;
-    const R = c && u - c;
+    const R = c && d - c;
     return R ? Math.round(g * 1e3 / R) : void 0;
   };
 }
 function qn(e, t) {
   let n = 0, r = 1e3 / t, o, i;
-  const s = (u, c = Date.now()) => {
-    n = c, o = null, i && (clearTimeout(i), i = null), e(...u);
+  const s = (d, c = Date.now()) => {
+    n = c, o = null, i && (clearTimeout(i), i = null), e(...d);
   };
-  return [(...u) => {
-    const c = Date.now(), d = c - n;
-    d >= r ? s(u, c) : (o = u, i || (i = setTimeout(() => {
+  return [(...d) => {
+    const c = Date.now(), u = c - n;
+    u >= r ? s(d, c) : (o = d, i || (i = setTimeout(() => {
       i = null, s(o);
-    }, r - d)));
+    }, r - u)));
   }, () => o && s(o)];
 }
 const le = (e, t, n = 3) => {
   let r = 0;
   const o = zn(50, 250);
   return qn((i) => {
-    const s = i.loaded, l = i.lengthComputable ? i.total : void 0, p = s - r, u = o(p), c = s <= l;
+    const s = i.loaded, l = i.lengthComputable ? i.total : void 0, p = s - r, d = o(p), c = s <= l;
     r = s;
-    const d = {
+    const u = {
       loaded: s,
       total: l,
       progress: l ? s / l : void 0,
       bytes: p,
-      rate: u || void 0,
-      estimated: u && l && c ? (l - s) / u : void 0,
+      rate: d || void 0,
+      estimated: d && l && c ? (l - s) / d : void 0,
       event: i,
       lengthComputable: l != null,
       [t ? "download" : "upload"]: !0
     };
-    e(d);
+    e(u);
   }, n);
 }, je = (e, t) => {
   const n = e != null;
@@ -1164,33 +1173,33 @@ function ht(e, t, n) {
   return e && (r || n == !1) ? Jn(e, t) : t;
 }
 const ve = (e) => e instanceof _ ? { ...e } : e;
-function W(e, t) {
+function $(e, t) {
   t = t || {};
   const n = {};
-  function r(u, c, d, g) {
-    return a.isPlainObject(u) && a.isPlainObject(c) ? a.merge.call({ caseless: g }, u, c) : a.isPlainObject(c) ? a.merge({}, c) : a.isArray(c) ? c.slice() : c;
+  function r(d, c, u, g) {
+    return a.isPlainObject(d) && a.isPlainObject(c) ? a.merge.call({ caseless: g }, d, c) : a.isPlainObject(c) ? a.merge({}, c) : a.isArray(c) ? c.slice() : c;
   }
-  function o(u, c, d, g) {
+  function o(d, c, u, g) {
     if (a.isUndefined(c)) {
-      if (!a.isUndefined(u))
-        return r(void 0, u, d, g);
-    } else return r(u, c, d, g);
+      if (!a.isUndefined(d))
+        return r(void 0, d, u, g);
+    } else return r(d, c, u, g);
   }
-  function i(u, c) {
+  function i(d, c) {
     if (!a.isUndefined(c))
       return r(void 0, c);
   }
-  function s(u, c) {
+  function s(d, c) {
     if (a.isUndefined(c)) {
-      if (!a.isUndefined(u))
-        return r(void 0, u);
+      if (!a.isUndefined(d))
+        return r(void 0, d);
     } else return r(void 0, c);
   }
-  function l(u, c, d) {
-    if (d in t)
-      return r(u, c);
-    if (d in e)
-      return r(void 0, u);
+  function l(d, c, u) {
+    if (u in t)
+      return r(d, c);
+    if (u in e)
+      return r(void 0, d);
   }
   const p = {
     url: i,
@@ -1221,15 +1230,15 @@ function W(e, t) {
     socketPath: s,
     responseEncoding: s,
     validateStatus: l,
-    headers: (u, c, d) => o(ve(u), ve(c), d, !0)
+    headers: (d, c, u) => o(ve(d), ve(c), u, !0)
   };
   return a.forEach(Object.keys({ ...e, ...t }), function(c) {
-    const d = p[c] || o, g = d(e[c], t[c], c);
-    a.isUndefined(g) && d !== l || (n[c] = g);
+    const u = p[c] || o, g = u(e[c], t[c], c);
+    a.isUndefined(g) && u !== l || (n[c] = g);
   }), n;
 }
 const mt = (e) => {
-  const t = W({}, e);
+  const t = $({}, e);
   let { data: n, withXSRFToken: r, xsrfHeaderName: o, xsrfCookieName: i, headers: s, auth: l } = t;
   if (t.headers = s = _.from(s), t.url = ct(ht(t.baseURL, t.url, t.allowAbsoluteUrls), e.params, e.paramsSerializer), l && s.set(
     "Authorization",
@@ -1238,9 +1247,9 @@ const mt = (e) => {
     if (N.hasStandardBrowserEnv || N.hasStandardBrowserWebWorkerEnv)
       s.setContentType(void 0);
     else if (a.isFunction(n.getHeaders)) {
-      const p = n.getHeaders(), u = ["content-type", "content-length"];
-      Object.entries(p).forEach(([c, d]) => {
-        u.includes(c.toLowerCase()) && s.set(c, d);
+      const p = n.getHeaders(), d = ["content-type", "content-length"];
+      Object.entries(p).forEach(([c, u]) => {
+        d.includes(c.toLowerCase()) && s.set(c, u);
       });
     }
   }
@@ -1254,7 +1263,7 @@ const mt = (e) => {
     const o = mt(e);
     let i = o.data;
     const s = _.from(o.headers).normalize();
-    let { responseType: l, onUploadProgress: p, onDownloadProgress: u } = o, c, d, g, R, f;
+    let { responseType: l, onUploadProgress: p, onDownloadProgress: d } = o, c, u, g, R, f;
     function m() {
       R && R(), f && f(), o.cancelToken && o.cancelToken.unsubscribe(c), o.signal && o.signal.removeEventListener("abort", c);
     }
@@ -1273,10 +1282,10 @@ const mt = (e) => {
         config: e,
         request: h
       };
-      pt(function(E) {
-        n(E), m();
-      }, function(E) {
-        r(E), m();
+      pt(function(S) {
+        n(S), m();
+      }, function(S) {
+        r(S), m();
       }, F), h = null;
     }
     "onloadend" in h ? h.onloadend = w : h.onreadystatechange = function() {
@@ -1284,8 +1293,8 @@ const mt = (e) => {
     }, h.onabort = function() {
       h && (r(new b("Request aborted", b.ECONNABORTED, e, h)), h = null);
     }, h.onerror = function(T) {
-      const F = T && T.message ? T.message : "Network Error", S = new b(F, b.ERR_NETWORK, e, h);
-      S.event = T || null, r(S), h = null;
+      const F = T && T.message ? T.message : "Network Error", E = new b(F, b.ERR_NETWORK, e, h);
+      E.event = T || null, r(E), h = null;
     }, h.ontimeout = function() {
       let T = o.timeout ? "timeout of " + o.timeout + "ms exceeded" : "timeout exceeded";
       const F = o.transitional || ut;
@@ -1297,8 +1306,8 @@ const mt = (e) => {
       )), h = null;
     }, i === void 0 && s.setContentType(null), "setRequestHeader" in h && a.forEach(s.toJSON(), function(T, F) {
       h.setRequestHeader(F, T);
-    }), a.isUndefined(o.withCredentials) || (h.withCredentials = !!o.withCredentials), l && l !== "json" && (h.responseType = o.responseType), u && ([g, f] = le(u, !0), h.addEventListener("progress", g)), p && h.upload && ([d, R] = le(p), h.upload.addEventListener("progress", d), h.upload.addEventListener("loadend", R)), (o.cancelToken || o.signal) && (c = (x) => {
-      h && (r(!x || x.type ? new Y(null, e, h) : x), h.abort(), h = null);
+    }), a.isUndefined(o.withCredentials) || (h.withCredentials = !!o.withCredentials), l && l !== "json" && (h.responseType = o.responseType), d && ([g, f] = le(d, !0), h.addEventListener("progress", g)), p && h.upload && ([u, R] = le(p), h.upload.addEventListener("progress", u), h.upload.addEventListener("loadend", R)), (o.cancelToken || o.signal) && (c = (x) => {
+      h && (r(!x || x.type ? new X(null, e, h) : x), h.abort(), h = null);
     }, o.cancelToken && o.cancelToken.subscribe(c), o.signal && (o.signal.aborted ? c() : o.signal.addEventListener("abort", c)));
     const C = Mn(o.url);
     if (C && N.protocols.indexOf(C) === -1) {
@@ -1311,22 +1320,22 @@ const mt = (e) => {
   const { length: n } = e = e ? e.filter(Boolean) : [];
   if (t || n) {
     let r = new AbortController(), o;
-    const i = function(u) {
+    const i = function(d) {
       if (!o) {
         o = !0, l();
-        const c = u instanceof Error ? u : this.reason;
-        r.abort(c instanceof b ? c : new Y(c instanceof Error ? c.message : c));
+        const c = d instanceof Error ? d : this.reason;
+        r.abort(c instanceof b ? c : new X(c instanceof Error ? c.message : c));
       }
     };
     let s = t && setTimeout(() => {
       s = null, i(new b(`timeout ${t} of ms exceeded`, b.ETIMEDOUT));
     }, t);
     const l = () => {
-      e && (s && clearTimeout(s), s = null, e.forEach((u) => {
-        u.unsubscribe ? u.unsubscribe(i) : u.removeEventListener("abort", i);
+      e && (s && clearTimeout(s), s = null, e.forEach((d) => {
+        d.unsubscribe ? d.unsubscribe(i) : d.removeEventListener("abort", i);
       }), e = null);
     };
-    e.forEach((u) => u.addEventListener("abort", i));
+    e.forEach((d) => d.addEventListener("abort", i));
     const { signal: p } = r;
     return p.unsubscribe = () => a.asap(l), p;
   }
@@ -1366,19 +1375,19 @@ const mt = (e) => {
   return new ReadableStream({
     async pull(p) {
       try {
-        const { done: u, value: c } = await o.next();
-        if (u) {
+        const { done: d, value: c } = await o.next();
+        if (d) {
           l(), p.close();
           return;
         }
-        let d = c.byteLength;
+        let u = c.byteLength;
         if (n) {
-          let g = i += d;
+          let g = i += u;
           n(g);
         }
         p.enqueue(new Uint8Array(c));
-      } catch (u) {
-        throw l(u), u;
+      } catch (d) {
+        throw l(d), d;
       }
     },
     cancel(p) {
@@ -1406,7 +1415,7 @@ const mt = (e) => {
   const { fetch: t, Request: n, Response: r } = e, o = t ? oe(t) : typeof fetch == "function", i = oe(n), s = oe(r);
   if (!o)
     return !1;
-  const l = o && oe(qe), p = o && (typeof He == "function" ? /* @__PURE__ */ ((f) => (m) => f.encode(m))(new He()) : async (f) => new Uint8Array(await new n(f).arrayBuffer())), u = i && l && $e(() => {
+  const l = o && oe(qe), p = o && (typeof He == "function" ? /* @__PURE__ */ ((f) => (m) => f.encode(m))(new He()) : async (f) => new Uint8Array(await new n(f).arrayBuffer())), d = i && l && $e(() => {
     let f = !1;
     const m = new n(N.origin, {
       body: new qe(),
@@ -1416,11 +1425,11 @@ const mt = (e) => {
       }
     }).headers.has("Content-Type");
     return f && !m;
-  }), c = s && l && $e(() => a.isReadableStream(new r("").body)), d = {
+  }), c = s && l && $e(() => a.isReadableStream(new r("").body)), u = {
     stream: c && ((f) => f.body)
   };
   o && ["text", "arrayBuffer", "blob", "formData", "stream"].forEach((f) => {
-    !d[f] && (d[f] = (m, h) => {
+    !u[f] && (u[f] = (m, h) => {
       let w = m && m[f];
       if (w)
         return w.call(m);
@@ -1454,66 +1463,66 @@ const mt = (e) => {
       cancelToken: x,
       timeout: T,
       onDownloadProgress: F,
-      onUploadProgress: S,
-      responseType: E,
-      headers: z,
-      withCredentials: J = "same-origin",
+      onUploadProgress: E,
+      responseType: S,
+      headers: Y,
+      withCredentials: W = "same-origin",
       fetchOptions: k
     } = mt(f), U = t || fetch;
-    E = E ? (E + "").toLowerCase() : "text";
+    S = S ? (S + "").toLowerCase() : "text";
     let I = Xn([C, x && x.toAbortSignal()], T), G = null;
-    const q = I && I.unsubscribe && (() => {
+    const z = I && I.unsubscribe && (() => {
       I.unsubscribe();
     });
     let Ae;
     try {
-      if (S && u && h !== "get" && h !== "head" && (Ae = await R(z, w)) !== 0) {
+      if (E && d && h !== "get" && h !== "head" && (Ae = await R(Y, w)) !== 0) {
         let M = new n(m, {
           method: "POST",
           body: w,
           duplex: "half"
-        }), V;
-        if (a.isFormData(w) && (V = M.headers.get("content-type")) && z.setContentType(V), M.body) {
+        }), J;
+        if (a.isFormData(w) && (J = M.headers.get("content-type")) && Y.setContentType(J), M.body) {
           const [he, re] = je(
             Ae,
-            le(Ie(S))
+            le(Ie(E))
           );
           w = Me(M.body, ze, he, re);
         }
       }
-      a.isString(J) || (J = J ? "include" : "omit");
+      a.isString(W) || (W = W ? "include" : "omit");
       const D = i && "credentials" in n.prototype, ke = {
         ...k,
         signal: I,
         method: h.toUpperCase(),
-        headers: z.normalize().toJSON(),
+        headers: Y.normalize().toJSON(),
         body: w,
         duplex: "half",
-        credentials: D ? J : void 0
+        credentials: D ? W : void 0
       };
       G = i && new n(m, ke);
       let v = await (i ? U(G, k) : U(m, ke));
-      const Fe = c && (E === "stream" || E === "response");
-      if (c && (F || Fe && q)) {
+      const Fe = c && (S === "stream" || S === "response");
+      if (c && (F || Fe && z)) {
         const M = {};
         ["status", "statusText", "headers"].forEach((Ne) => {
           M[Ne] = v[Ne];
         });
-        const V = a.toFiniteNumber(v.headers.get("content-length")), [he, re] = F && je(
-          V,
+        const J = a.toFiniteNumber(v.headers.get("content-length")), [he, re] = F && je(
+          J,
           le(Ie(F), !0)
         ) || [];
         v = new r(
           Me(v.body, ze, he, () => {
-            re && re(), q && q();
+            re && re(), z && z();
           }),
           M
         );
       }
-      E = E || "text";
-      let Et = await d[a.findKey(d, E) || "text"](v, f);
-      return !Fe && q && q(), await new Promise((M, V) => {
-        pt(M, V, {
+      S = S || "text";
+      let Et = await u[a.findKey(u, S) || "text"](v, f);
+      return !Fe && z && z(), await new Promise((M, J) => {
+        pt(M, J, {
           data: Et,
           headers: _.from(v.headers),
           status: v.status,
@@ -1523,7 +1532,7 @@ const mt = (e) => {
         });
       });
     } catch (D) {
-      throw q && q(), D && D.name === "TypeError" && /Load failed|fetch/i.test(D.message) ? Object.assign(
+      throw z && z(), D && D.name === "TypeError" && /Load failed|fetch/i.test(D.message) ? Object.assign(
         new b("Network Error", b.ERR_NETWORK, f, G),
         {
           cause: D.cause || D
@@ -1538,10 +1547,10 @@ const mt = (e) => {
     o,
     n
   ];
-  let s = i.length, l = s, p, u, c = tr;
+  let s = i.length, l = s, p, d, c = tr;
   for (; l--; )
-    p = i[l], u = c.get(p), u === void 0 && c.set(p, u = l ? /* @__PURE__ */ new Map() : er(t)), c = u;
-  return u;
+    p = i[l], d = c.get(p), d === void 0 && c.set(p, d = l ? /* @__PURE__ */ new Map() : er(t)), c = d;
+  return d;
 };
 yt();
 const Oe = {
@@ -1577,7 +1586,7 @@ function rr(e, t) {
   }
   if (!o) {
     const s = Object.entries(i).map(
-      ([p, u]) => `adapter ${p} ` + (u === !1 ? "is not supported by the environment" : "is not available in the build")
+      ([p, d]) => `adapter ${p} ` + (d === !1 ? "is not supported by the environment" : "is not available in the build")
     );
     let l = n ? s.length > 1 ? `since :
 ` + s.map(We).join(`
@@ -1603,7 +1612,7 @@ const bt = {
 };
 function be(e) {
   if (e.cancelToken && e.cancelToken.throwIfRequested(), e.signal && e.signal.aborted)
-    throw new Y(null, e);
+    throw new X(null, e);
 }
 function Je(e) {
   return be(e), e.headers = _.from(e.headers), e.data = ye.call(
@@ -1672,7 +1681,7 @@ const ae = {
   assertOptions: or,
   validators: pe
 }, j = ae.validators;
-let $ = class {
+let H = class {
   constructor(t) {
     this.defaults = t || {}, this.interceptors = {
       request: new Be(),
@@ -1705,7 +1714,7 @@ let $ = class {
     }
   }
   _request(t, n) {
-    typeof t == "string" ? (n = n || {}, n.url = t) : n = t || {}, n = W(this.defaults, n);
+    typeof t == "string" ? (n = n || {}, n.url = t) : n = t || {}, n = $(this.defaults, n);
     const { transitional: r, paramsSerializer: o, headers: i } = n;
     r !== void 0 && ae.assertOptions(r, {
       silentJSONParsing: j.transitional(j.boolean),
@@ -1735,21 +1744,21 @@ let $ = class {
     this.interceptors.request.forEach(function(m) {
       typeof m.runWhen == "function" && m.runWhen(n) === !1 || (p = p && m.synchronous, l.unshift(m.fulfilled, m.rejected));
     });
-    const u = [];
+    const d = [];
     this.interceptors.response.forEach(function(m) {
-      u.push(m.fulfilled, m.rejected);
+      d.push(m.fulfilled, m.rejected);
     });
-    let c, d = 0, g;
+    let c, u = 0, g;
     if (!p) {
       const f = [Je.bind(this), void 0];
-      for (f.unshift(...l), f.push(...u), g = f.length, c = Promise.resolve(n); d < g; )
-        c = c.then(f[d++], f[d++]);
+      for (f.unshift(...l), f.push(...d), g = f.length, c = Promise.resolve(n); u < g; )
+        c = c.then(f[u++], f[u++]);
       return c;
     }
     g = l.length;
     let R = n;
-    for (; d < g; ) {
-      const f = l[d++], m = l[d++];
+    for (; u < g; ) {
+      const f = l[u++], m = l[u++];
       try {
         R = f(R);
       } catch (h) {
@@ -1762,19 +1771,19 @@ let $ = class {
     } catch (f) {
       return Promise.reject(f);
     }
-    for (d = 0, g = u.length; d < g; )
-      c = c.then(u[d++], u[d++]);
+    for (u = 0, g = d.length; u < g; )
+      c = c.then(d[u++], d[u++]);
     return c;
   }
   getUri(t) {
-    t = W(this.defaults, t);
+    t = $(this.defaults, t);
     const n = ht(t.baseURL, t.url, t.allowAbsoluteUrls);
     return ct(n, t.params, t.paramsSerializer);
   }
 };
 a.forEach(["delete", "get", "head", "options"], function(t) {
-  $.prototype[t] = function(n, r) {
-    return this.request(W(r || {}, {
+  H.prototype[t] = function(n, r) {
+    return this.request($(r || {}, {
       method: t,
       url: n,
       data: (r || {}).data
@@ -1784,7 +1793,7 @@ a.forEach(["delete", "get", "head", "options"], function(t) {
 a.forEach(["post", "put", "patch"], function(t) {
   function n(r) {
     return function(i, s, l) {
-      return this.request(W(l || {}, {
+      return this.request($(l || {}, {
         method: t,
         headers: r ? {
           "Content-Type": "multipart/form-data"
@@ -1794,7 +1803,7 @@ a.forEach(["post", "put", "patch"], function(t) {
       }));
     };
   }
-  $.prototype[t] = n(), $.prototype[t + "Form"] = n(!0);
+  H.prototype[t] = n(), H.prototype[t + "Form"] = n(!0);
 });
 let sr = class xt {
   constructor(t) {
@@ -1820,7 +1829,7 @@ let sr = class xt {
         r.unsubscribe(i);
       }, s;
     }, t(function(i, s, l) {
-      r.reason || (r.reason = new Y(i, s, l), n(r.reason));
+      r.reason || (r.reason = new X(i, s, l), n(r.reason));
     });
   }
   /**
@@ -1952,14 +1961,14 @@ Object.entries(Se).forEach(([e, t]) => {
   Se[t] = e;
 });
 function wt(e) {
-  const t = new $(e), n = Ge($.prototype.request, t);
-  return a.extend(n, $.prototype, t, { allOwnKeys: !0 }), a.extend(n, t, null, { allOwnKeys: !0 }), n.create = function(o) {
-    return wt(W(e, o));
+  const t = new H(e), n = Ge(H.prototype.request, t);
+  return a.extend(n, H.prototype, t, { allOwnKeys: !0 }), a.extend(n, t, null, { allOwnKeys: !0 }), n.create = function(o) {
+    return wt($(e, o));
   }, n;
 }
 const A = wt(ne);
-A.Axios = $;
-A.CanceledError = Y;
+A.Axios = H;
+A.CanceledError = X;
 A.CancelToken = sr;
 A.isCancel = ft;
 A.VERSION = gt;
@@ -1971,7 +1980,7 @@ A.all = function(t) {
 };
 A.spread = ir;
 A.isAxiosError = ar;
-A.mergeConfig = W;
+A.mergeConfig = $;
 A.AxiosHeaders = _;
 A.formToJSON = (e) => dt(a.isHTMLForm(e) ? new FormData(e) : e);
 A.getAdapter = bt.getAdapter;
@@ -2018,26 +2027,26 @@ const {
     throw console.error("Error communicating with chat API:", l), l;
   }
 }, lr = ({ handleMessageFromForm: e, theme: t, chatBotData: n }) => {
-  const [r, o] = L(""), [i, s] = L(""), [l, p] = L(""), [u, c] = L(""), [d, g] = L(!1), R = async (S) => {
-    if (S.preventDefault(), g(!0), c(""), !r.trim() || !i.trim()) {
+  const [r, o] = L(""), [i, s] = L(""), [l, p] = L(""), [d, c] = L(""), [u, g] = L(!1), R = async (E) => {
+    if (E.preventDefault(), g(!0), c(""), !r.trim() || !i.trim()) {
       c("Name and email are required"), g(!1);
       return;
     }
     try {
-      const z = (await St(
+      const S = await St(
         l,
         n.sessionId,
         n.pineconeNamespace,
         n.url,
         r,
         i
-      )).response;
+      );
       e([
         { type: "user", text: l },
-        { type: "bot", text: z }
+        { type: "bot", text: S.response, response_timestamp: S.response_timestamp }
       ]);
-    } catch (E) {
-      console.log("error sending user details", E), c("Failed to submit. Please try again.");
+    } catch (S) {
+      console.log("error sending user details", S), c("Failed to submit. Please try again.");
     } finally {
       g(!1);
     }
@@ -2081,8 +2090,8 @@ const {
     fontWeight: "600",
     fontSize: "15px",
     border: "none",
-    cursor: r.trim() && i.trim() && !d ? "pointer" : "not-allowed",
-    opacity: r.trim() && i.trim() && !d ? 1 : 0.5,
+    cursor: r.trim() && i.trim() && !u ? "pointer" : "not-allowed",
+    opacity: r.trim() && i.trim() && !u ? 1 : 0.5,
     background: `linear-gradient(135deg, ${t.primaryColor}, ${t.secondaryColor})`,
     color: t.fontColor,
     display: "flex",
@@ -2092,7 +2101,7 @@ const {
     transition: "all 0.2s ease"
   };
   return /* @__PURE__ */ y("div", { style: f, children: /* @__PURE__ */ O("form", { onSubmit: R, style: m, children: [
-    u && /* @__PURE__ */ y("div", { style: {
+    d && /* @__PURE__ */ y("div", { style: {
       backgroundColor: "#fee2e2",
       color: "#713f12",
       padding: "8px 12px",
@@ -2100,7 +2109,7 @@ const {
       fontSize: "13px",
       textAlign: "center",
       fontWeight: "500"
-    }, role: "alert", children: u }),
+    }, role: "alert", children: d }),
     /* @__PURE__ */ y("p", { style: h, children: n.welcomeText }),
     /* @__PURE__ */ O("div", { style: w, children: [
       /* @__PURE__ */ O("div", { style: { display: "flex", flexDirection: "column", gap: "4px" }, children: [
@@ -2111,8 +2120,8 @@ const {
             type: "text",
             placeholder: "Enter your full name",
             value: r,
-            onChange: (S) => {
-              o(S.target.value), c("");
+            onChange: (E) => {
+              o(E.target.value), c("");
             },
             style: x,
             required: !0
@@ -2127,8 +2136,8 @@ const {
             type: "email",
             placeholder: "Enter your email",
             value: i,
-            onChange: (S) => {
-              s(S.target.value), c("");
+            onChange: (E) => {
+              s(E.target.value), c("");
             },
             style: x,
             required: !0
@@ -2142,8 +2151,8 @@ const {
           {
             placeholder: "Enter your message",
             value: l,
-            onChange: (S) => {
-              p(S.target.value), c("");
+            onChange: (E) => {
+              p(E.target.value), c("");
             },
             style: {
               ...x,
@@ -2159,29 +2168,29 @@ const {
       "button",
       {
         type: "submit",
-        disabled: !r.trim() || !i.trim() || d,
+        disabled: !r.trim() || !i.trim() || u,
         style: T,
-        onMouseEnter: (S) => {
-          r.trim() && i.trim() && !d && (S.currentTarget.style.transform = "translateY(-2px)", S.currentTarget.style.boxShadow = "0 10px 20px rgba(0,0,0,0.15)");
+        onMouseEnter: (E) => {
+          r.trim() && i.trim() && !u && (E.currentTarget.style.transform = "translateY(-2px)", E.currentTarget.style.boxShadow = "0 10px 20px rgba(0,0,0,0.15)");
         },
-        onMouseLeave: (S) => {
-          S.currentTarget.style.transform = "translateY(0)", S.currentTarget.style.boxShadow = "none";
+        onMouseLeave: (E) => {
+          E.currentTarget.style.transform = "translateY(0)", E.currentTarget.style.boxShadow = "none";
         },
-        children: d ? "Submitting..." : /* @__PURE__ */ O(Ee, { children: [
+        children: u ? "Submitting..." : /* @__PURE__ */ O(Ee, { children: [
           /* @__PURE__ */ y(Ye, { size: 18 }),
           "Submit"
         ] })
       }
     )
   ] }) });
-}, cr = ({ onMinimise: e, theme: t, chatBotData: n }) => {
-  const [r, o] = L([]), [i, s] = L(!1), [l, p] = L(!1), [u, c] = L(!1), g = {
+}, cr = ({ onClose: e, theme: t, chatBotData: n }) => {
+  const [r, o] = L([]), [i, s] = L(!1), [l, p] = L(!1), [d, c] = L(!1), g = {
     position: "fixed",
     bottom: "112px",
     [n.position === "left" ? "left" : "right"]: "32px",
     zIndex: 50,
-    width: u ? "684px" : "384px",
-    height: u ? "620px" : "520px",
+    width: d ? "684px" : "384px",
+    height: d ? "620px" : "520px",
     background: `${t.backgroundColor}cc`,
     backdropFilter: "blur(16px)",
     WebkitBackdropFilter: "blur(16px)",
@@ -2246,13 +2255,13 @@ const {
     fontSize: "11px",
     color: t.fontColor,
     letterSpacing: "0.5px"
-  }, S = {
+  }, E = {
     fontWeight: "600"
-  }, E = (k, U) => {
+  }, S = (k, U) => {
     k.currentTarget.style.background = U ? "rgba(255,255,255,0.2)" : "transparent";
-  }, z = (k) => {
+  }, Y = (k) => {
     o(k), p(!0);
-  }, J = async (k) => {
+  }, W = async (k) => {
     s(!0), o((U) => [...U, { type: "user", text: k }]);
     try {
       const U = await St(
@@ -2290,19 +2299,19 @@ const {
             onClick: () => c((k) => !k),
             "aria-label": "expand chat",
             style: x,
-            onMouseEnter: (k) => E(k, !0),
-            onMouseLeave: (k) => E(k, !1),
-            children: u ? /* @__PURE__ */ y(Tt, { size: 20 }) : /* @__PURE__ */ y(Ot, { size: 20 })
+            onMouseEnter: (k) => S(k, !0),
+            onMouseLeave: (k) => S(k, !1),
+            children: d ? /* @__PURE__ */ y(Tt, { size: 20 }) : /* @__PURE__ */ y(Ot, { size: 20 })
           }
         ),
         /* @__PURE__ */ y(
           "button",
           {
             onClick: e,
-            "aria-label": "minimise chat",
+            "aria-label": "close chat",
             style: x,
-            onMouseEnter: (k) => E(k, !0),
-            onMouseLeave: (k) => E(k, !1),
+            onMouseEnter: (k) => S(k, !0),
+            onMouseLeave: (k) => S(k, !1),
             children: /* @__PURE__ */ y(At, { size: 20 })
           }
         )
@@ -2310,11 +2319,11 @@ const {
     ] }),
     l ? /* @__PURE__ */ O(Ee, { children: [
       /* @__PURE__ */ y(Pt, { messages: r, isLoading: i, theme: t }),
-      /* @__PURE__ */ y(Nt, { onSendMessage: J, isLoading: i, theme: t, messages: r })
+      /* @__PURE__ */ y(Nt, { onSendMessage: W, isLoading: i, theme: t, messages: r })
     ] }) : /* @__PURE__ */ y(
       lr,
       {
-        handleMessageFromForm: z,
+        handleMessageFromForm: Y,
         theme: t,
         chatBotData: n
       }
@@ -2322,7 +2331,7 @@ const {
     /* @__PURE__ */ y("div", { style: T, children: /* @__PURE__ */ O("p", { style: F, children: [
       "powered by",
       " ",
-      /* @__PURE__ */ y("span", { style: S, children: "clone67.com" })
+      /* @__PURE__ */ y("span", { style: E, children: "clone67.com" })
     ] }) })
   ] });
 }, _r = ({
@@ -2335,14 +2344,14 @@ const {
   placeholderColor: s = "#9ca3af",
   position: l = "right",
   name: p = "Assistant",
-  subTitle: u = "Typically replies instantly",
+  subTitle: d = "Typically replies instantly",
   welcomeText: c = "Hi! How can I help you today?"
 }) => {
-  const [d, g] = L(!1), [R, f] = L("");
+  const [u, g] = L(!1), [R, f] = L("");
   Ke(() => {
     f(kt());
   }, []);
-  const m = () => g((E) => !E), h = () => g((E) => !E), w = {
+  const m = () => g((S) => !S), h = () => g((S) => !S), w = {
     primaryColor: n,
     secondaryColor: r,
     backgroundColor: o,
@@ -2352,7 +2361,7 @@ const {
     // fallback if not provided
   }, C = {
     name: p,
-    subTitle: u,
+    subTitle: d,
     welcomeText: c,
     url: t,
     pineconeNamespace: e,
@@ -2365,7 +2374,7 @@ const {
     [x ? "left" : "right"]: T,
     zIndex: 9999,
     pointerEvents: "auto"
-  }, S = {
+  }, E = {
     position: "fixed",
     bottom: "32px",
     [x ? "left" : "right"]: T,
@@ -2373,19 +2382,19 @@ const {
     pointerEvents: "auto"
   };
   return /* @__PURE__ */ O(Ee, { children: [
-    d && /* @__PURE__ */ y("div", { style: F, children: /* @__PURE__ */ y(
+    u && /* @__PURE__ */ y("div", { style: F, children: /* @__PURE__ */ y(
       cr,
       {
-        onMinimise: h,
+        onClose: m,
         theme: w,
         chatBotData: C
       }
     ) }),
-    /* @__PURE__ */ y("div", { style: S, children: /* @__PURE__ */ y(
+    /* @__PURE__ */ y("div", { style: E, children: /* @__PURE__ */ y(
       Ft,
       {
-        onClick: m,
-        isOpen: d,
+        onMinimise: h,
+        isOpen: u,
         theme: w,
         chatBotData: C
       }