react-sigma-chatbox 1.0.2 → 1.0.3

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import le, { useState as R, useRef as ee, useEffect as te } from "react";
-var F = { exports: {} }, $ = {};
+import ce, { useState as R, useRef as ne, useEffect as q, useMemo as K } from "react";
+var H = { exports: {} }, W = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -9,29 +9,29 @@ var F = { exports: {} }, $ = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var re;
-function ie() {
-  if (re) return $;
-  re = 1;
+var se;
+function de() {
+  if (se) return W;
+  se = 1;
   var r = Symbol.for("react.transitional.element"), u = Symbol.for("react.fragment");
-  function o(s, l, c) {
-    var h = null;
-    if (c !== void 0 && (h = "" + c), l.key !== void 0 && (h = "" + l.key), "key" in l) {
+  function s(o, l, c) {
+    var x = null;
+    if (c !== void 0 && (x = "" + c), l.key !== void 0 && (x = "" + l.key), "key" in l) {
       c = {};
       for (var i in l)
         i !== "key" && (c[i] = l[i]);
     } else c = l;
     return l = c.ref, {
       $$typeof: r,
-      type: s,
-      key: h,
+      type: o,
+      key: x,
       ref: l !== void 0 ? l : null,
       props: c
     };
   }
-  return $.Fragment = u, $.jsx = o, $.jsxs = o, $;
+  return W.Fragment = u, W.jsx = s, W.jsxs = s, W;
 }
-var D = {};
+var Y = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -41,26 +41,26 @@ var D = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ne;
-function ce() {
-  return ne || (ne = 1, process.env.NODE_ENV !== "production" && (function() {
+var ae;
+function ue() {
+  return ae || (ae = 1, process.env.NODE_ENV !== "production" && (function() {
     function r(t) {
       if (t == null) return null;
       if (typeof t == "function")
-        return t.$$typeof === A ? null : t.displayName || t.name || null;
+        return t.$$typeof === N ? null : t.displayName || t.name || null;
       if (typeof t == "string") return t;
       switch (t) {
-        case E:
+        case T:
           return "Fragment";
-        case Y:
+        case X:
           return "Profiler";
         case C:
           return "StrictMode";
-        case P:
+        case V:
           return "Suspense";
-        case z:
+        case J:
           return "SuspenseList";
-        case T:
+        case G:
           return "Activity";
       }
       if (typeof t == "object")
@@ -69,19 +69,19 @@ function ce() {
         ), t.$$typeof) {
           case _:
             return "Portal";
-          case X:
+          case B:
             return t.displayName || "Context";
-          case q:
+          case z:
             return (t._context.displayName || "Context") + ".Consumer";
-          case N:
-            var n = t.render;
-            return t = t.displayName, t || (t = n.displayName || n.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
-          case w:
-            return n = t.displayName || null, n !== null ? n : r(t.type) || "Memo";
-          case j:
-            n = t._payload, t = t._init;
+          case U:
+            var a = t.render;
+            return t = t.displayName, t || (t = a.displayName || a.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
+          case v:
+            return a = t.displayName || null, a !== null ? a : r(t.type) || "Memo";
+          case A:
+            a = t._payload, t = t._init;
             try {
-              return r(t(n));
+              return r(t(a));
             } catch {
             }
         }
@@ -90,77 +90,77 @@ function ce() {
     function u(t) {
       return "" + t;
     }
-    function o(t) {
+    function s(t) {
       try {
         u(t);
-        var n = !1;
+        var a = !1;
       } catch {
-        n = !0;
+        a = !0;
       }
-      if (n) {
-        n = console;
-        var m = n.error, f = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
-        return m.call(
-          n,
+      if (a) {
+        a = console;
+        var f = a.error, p = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return f.call(
+          a,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          f
+          p
         ), u(t);
       }
     }
-    function s(t) {
-      if (t === E) return "<>";
-      if (typeof t == "object" && t !== null && t.$$typeof === j)
+    function o(t) {
+      if (t === T) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === A)
         return "<...>";
       try {
-        var n = r(t);
-        return n ? "<" + n + ">" : "<...>";
+        var a = r(t);
+        return a ? "<" + a + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function l() {
-      var t = M.A;
+      var t = y.A;
       return t === null ? null : t.getOwner();
     }
     function c() {
       return Error("react-stack-top-frame");
     }
-    function h(t) {
-      if (I.call(t, "key")) {
-        var n = Object.getOwnPropertyDescriptor(t, "key").get;
-        if (n && n.isReactWarning) return !1;
+    function x(t) {
+      if (k.call(t, "key")) {
+        var a = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (a && a.isReactWarning) return !1;
       }
       return t.key !== void 0;
     }
-    function i(t, n) {
-      function m() {
-        J || (J = !0, console.error(
+    function i(t, a) {
+      function f() {
+        I || (I = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          n
+          a
         ));
       }
-      m.isReactWarning = !0, Object.defineProperty(t, "key", {
-        get: m,
+      f.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: f,
         configurable: !0
       });
     }
-    function a() {
+    function h() {
       var t = r(this.type);
-      return G[t] || (G[t] = !0, console.error(
+      return M[t] || (M[t] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), t = this.props.ref, t !== void 0 ? t : null;
     }
-    function d(t, n, m, f, U, V) {
-      var p = m.ref;
+    function n(t, a, f, p, F, Q) {
+      var g = f.ref;
       return t = {
         $$typeof: S,
         type: t,
-        key: n,
-        props: m,
-        _owner: f
-      }, (p !== void 0 ? p : null) !== null ? Object.defineProperty(t, "ref", {
+        key: a,
+        props: f,
+        _owner: p
+      }, (g !== void 0 ? g : null) !== null ? Object.defineProperty(t, "ref", {
         enumerable: !1,
-        get: a
+        get: h
       }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -175,119 +175,119 @@ function ce() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: U
+        value: F
       }), Object.defineProperty(t, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: V
+        value: Q
       }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
     }
-    function x(t, n, m, f, U, V) {
-      var p = n.children;
-      if (p !== void 0)
-        if (f)
-          if (L(p)) {
-            for (f = 0; f < p.length; f++)
-              g(p[f]);
-            Object.freeze && Object.freeze(p);
+    function d(t, a, f, p, F, Q) {
+      var g = a.children;
+      if (g !== void 0)
+        if (p)
+          if (O(g)) {
+            for (p = 0; p < g.length; p++)
+              m(g[p]);
+            Object.freeze && Object.freeze(g);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else g(p);
-      if (I.call(n, "key")) {
-        p = r(t);
-        var O = Object.keys(n).filter(function(oe) {
-          return oe !== "key";
+        else m(g);
+      if (k.call(a, "key")) {
+        g = r(t);
+        var P = Object.keys(a).filter(function(ie) {
+          return ie !== "key";
         });
-        f = 0 < O.length ? "{key: someKey, " + O.join(": ..., ") + ": ...}" : "{key: someKey}", K[p + f] || (O = 0 < O.length ? "{" + O.join(": ..., ") + ": ...}" : "{}", console.error(
+        p = 0 < P.length ? "{key: someKey, " + P.join(": ..., ") + ": ...}" : "{key: someKey}", re[g + p] || (P = 0 < P.length ? "{" + P.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          f,
           p,
-          O,
-          p
-        ), K[p + f] = !0);
+          g,
+          P,
+          g
+        ), re[g + p] = !0);
       }
-      if (p = null, m !== void 0 && (o(m), p = "" + m), h(n) && (o(n.key), p = "" + n.key), "key" in n) {
-        m = {};
-        for (var H in n)
-          H !== "key" && (m[H] = n[H]);
-      } else m = n;
-      return p && i(
-        m,
+      if (g = null, f !== void 0 && (s(f), g = "" + f), x(a) && (s(a.key), g = "" + a.key), "key" in a) {
+        f = {};
+        for (var Z in a)
+          Z !== "key" && (f[Z] = a[Z]);
+      } else f = a;
+      return g && i(
+        f,
         typeof t == "function" ? t.displayName || t.name || "Unknown" : t
-      ), d(
+      ), n(
         t,
-        p,
-        m,
+        g,
+        f,
         l(),
-        U,
-        V
+        F,
+        Q
       );
     }
-    function g(t) {
-      y(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === j && (t._payload.status === "fulfilled" ? y(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
+    function m(t) {
+      j(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === A && (t._payload.status === "fulfilled" ? j(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
     }
-    function y(t) {
+    function j(t) {
       return typeof t == "object" && t !== null && t.$$typeof === S;
     }
-    var v = le, S = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), E = Symbol.for("react.fragment"), C = Symbol.for("react.strict_mode"), Y = Symbol.for("react.profiler"), q = Symbol.for("react.consumer"), X = Symbol.for("react.context"), N = Symbol.for("react.forward_ref"), P = Symbol.for("react.suspense"), z = Symbol.for("react.suspense_list"), w = Symbol.for("react.memo"), j = Symbol.for("react.lazy"), T = Symbol.for("react.activity"), A = Symbol.for("react.client.reference"), M = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, I = Object.prototype.hasOwnProperty, L = Array.isArray, B = console.createTask ? console.createTask : function() {
+    var b = ce, S = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), T = Symbol.for("react.fragment"), C = Symbol.for("react.strict_mode"), X = Symbol.for("react.profiler"), z = Symbol.for("react.consumer"), B = Symbol.for("react.context"), U = Symbol.for("react.forward_ref"), V = Symbol.for("react.suspense"), J = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), G = Symbol.for("react.activity"), N = Symbol.for("react.client.reference"), y = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, k = Object.prototype.hasOwnProperty, O = Array.isArray, D = console.createTask ? console.createTask : function() {
       return null;
     };
-    v = {
+    b = {
       react_stack_bottom_frame: function(t) {
         return t();
       }
     };
-    var J, G = {}, Q = v.react_stack_bottom_frame.bind(
-      v,
+    var I, M = {}, ee = b.react_stack_bottom_frame.bind(
+      b,
       c
-    )(), Z = B(s(c)), K = {};
-    D.Fragment = E, D.jsx = function(t, n, m) {
-      var f = 1e4 > M.recentlyCreatedOwnerStacks++;
-      return x(
+    )(), te = D(o(c)), re = {};
+    Y.Fragment = T, Y.jsx = function(t, a, f) {
+      var p = 1e4 > y.recentlyCreatedOwnerStacks++;
+      return d(
         t,
-        n,
-        m,
+        a,
+        f,
         !1,
-        f ? Error("react-stack-top-frame") : Q,
-        f ? B(s(t)) : Z
+        p ? Error("react-stack-top-frame") : ee,
+        p ? D(o(t)) : te
       );
-    }, D.jsxs = function(t, n, m) {
-      var f = 1e4 > M.recentlyCreatedOwnerStacks++;
-      return x(
+    }, Y.jsxs = function(t, a, f) {
+      var p = 1e4 > y.recentlyCreatedOwnerStacks++;
+      return d(
         t,
-        n,
-        m,
+        a,
+        f,
         !0,
-        f ? Error("react-stack-top-frame") : Q,
-        f ? B(s(t)) : Z
+        p ? Error("react-stack-top-frame") : ee,
+        p ? D(o(t)) : te
       );
     };
-  })()), D;
+  })()), Y;
 }
-var se;
-function de() {
-  return se || (se = 1, process.env.NODE_ENV === "production" ? F.exports = ie() : F.exports = ce()), F.exports;
+var oe;
+function he() {
+  return oe || (oe = 1, process.env.NODE_ENV === "production" ? H.exports = de() : H.exports = ue()), H.exports;
 }
-var e = de(), k = /* @__PURE__ */ ((r) => (r.TEXT = "text", r.PRODUCT_LIST = "product_list", r.LOADING = "loading", r))(k || {}), b = /* @__PURE__ */ ((r) => (r.USER = "user", r.AI = "ai", r))(b || {});
-const ue = ({
+var e = he(), E = /* @__PURE__ */ ((r) => (r.TEXT = "text", r.PRODUCT_LIST = "product_list", r.LOADING = "loading", r))(E || {}), w = /* @__PURE__ */ ((r) => (r.USER = "user", r.AI = "ai", r))(w || {});
+const me = ({
   title: r,
   primaryColor: u,
-  onClose: o,
-  onReset: s,
+  onClose: s,
+  onReset: o,
   onToggleExpand: l,
   isExpanded: c,
-  language: h,
+  language: x,
   onLanguageChange: i
 }) => {
-  const a = [
+  const h = [
     { value: "en", label: "EN" },
     { value: "vi", label: "VI" },
     { value: "ja", label: "JA" }
@@ -302,7 +302,7 @@ const ue = ({
             "img",
             {
               src: "https://fptshop.com.vn/img/bitu/bitu-avatar.png",
-              onError: (d) => d.currentTarget.src = "https://cdn-icons-png.flaticon.com/512/4712/4712035.png",
+              onError: (n) => n.currentTarget.src = "https://cdn-icons-png.flaticon.com/512/4712/4712035.png",
               className: "w-full h-full object-contain",
               alt: "Bot Icon"
             }
@@ -324,11 +324,11 @@ const ue = ({
             /* @__PURE__ */ e.jsx(
               "select",
               {
-                value: h,
-                onChange: (d) => i(d.target.value),
+                value: x,
+                onChange: (n) => i(n.target.value),
                 className: "appearance-none bg-white/50 border border-gray-200 rounded-lg px-2 pr-5 py-1 text-[10px] font-black text-indigo-600 cursor-pointer hover:bg-white transition-all focus:outline-none focus:ring-2 focus:ring-indigo-100 uppercase",
                 title: "Select language",
-                children: a.map((d) => /* @__PURE__ */ e.jsx("option", { value: d.value, className: "font-sans font-bold", children: d.label }, d.value))
+                children: h.map((n) => /* @__PURE__ */ e.jsx("option", { value: n.value, className: "font-sans font-bold", children: n.label }, n.value))
               }
             ),
             /* @__PURE__ */ e.jsx("div", { className: "absolute right-1.5 top-1/2 -translate-y-1/2 pointer-events-none text-indigo-400", children: /* @__PURE__ */ e.jsx("svg", { width: "8", height: "8", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "4", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ e.jsx("path", { d: "m6 9 6 6 6-6" }) }) })
@@ -336,7 +336,7 @@ const ue = ({
           /* @__PURE__ */ e.jsx(
             "button",
             {
-              onClick: s,
+              onClick: o,
               className: "w-8 h-8 flex items-center justify-center rounded-lg hover:bg-white/60 text-gray-500 hover:text-indigo-600 transition-all",
               title: "Reset chat",
               children: /* @__PURE__ */ e.jsxs("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
@@ -369,7 +369,7 @@ const ue = ({
           /* @__PURE__ */ e.jsx(
             "button",
             {
-              onClick: o,
+              onClick: s,
               className: "w-8 h-8 flex items-center justify-center rounded-lg hover:bg-red-50 text-gray-500 hover:text-red-500 transition-all",
               title: "Close",
               children: /* @__PURE__ */ e.jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
@@ -382,7 +382,7 @@ const ue = ({
       ]
     }
   );
-}, he = ({ product: r, primaryColor: u }) => /* @__PURE__ */ e.jsxs("div", { className: "min-w-[170px] max-w-[170px] bg-white rounded-xl border border-gray-50 shadow-sm overflow-hidden flex flex-col hover:shadow-lg transition-all duration-300 group", children: [
+}, xe = ({ product: r, primaryColor: u }) => /* @__PURE__ */ e.jsxs("div", { className: "min-w-[170px] max-w-[170px] bg-white rounded-xl border border-gray-50 shadow-sm overflow-hidden flex flex-col hover:shadow-lg transition-all duration-300 group", children: [
   /* @__PURE__ */ e.jsxs("div", { className: "relative h-32 w-full bg-white flex items-center justify-center p-2", children: [
     /* @__PURE__ */ e.jsx(
       "img",
@@ -407,30 +407,30 @@ const ue = ({
       {
         className: "w-full py-1.5 rounded-lg text-[11px] font-bold border transition-all duration-300 active:scale-95 shadow-sm",
         style: { borderColor: u, color: u },
-        onMouseEnter: (o) => {
-          o.currentTarget.style.backgroundColor = u, o.currentTarget.style.color = "white";
+        onMouseEnter: (s) => {
+          s.currentTarget.style.backgroundColor = u, s.currentTarget.style.color = "white";
         },
-        onMouseLeave: (o) => {
-          o.currentTarget.style.backgroundColor = "transparent", o.currentTarget.style.color = u;
+        onMouseLeave: (s) => {
+          s.currentTarget.style.backgroundColor = "transparent", s.currentTarget.style.color = u;
         },
         children: "Chọn mua"
       }
     )
   ] })
-] }), W = (r) => {
+] }), $ = (r) => {
   const u = /(\*\*.*?\*\*|\[.*?\]\(.*?\))/g;
-  return r.split(u).map((s, l) => {
-    if (s.startsWith("**") && s.endsWith("**")) {
-      const h = s.slice(2, -2);
-      return /* @__PURE__ */ e.jsx("strong", { className: "font-bold text-gray-900", children: h }, l);
+  return r.split(u).map((o, l) => {
+    if (o.startsWith("**") && o.endsWith("**")) {
+      const x = o.slice(2, -2);
+      return /* @__PURE__ */ e.jsx("strong", { className: "font-bold text-gray-900", children: x }, l);
     }
-    const c = s.match(/\[(.*?)\]\((.*?)\)/);
+    const c = o.match(/\[(.*?)\]\((.*?)\)/);
     if (c) {
-      const [h, i, a] = c;
+      const [x, i, h] = c;
       return /* @__PURE__ */ e.jsx(
         "a",
         {
-          href: a,
+          href: h,
           target: "_blank",
           rel: "noopener noreferrer",
           className: "text-blue-600 hover:underline break-all font-semibold",
@@ -439,71 +439,72 @@ const ue = ({
         l
       );
     }
-    return s;
+    return o;
   });
-}, me = ({ text: r }) => {
-  const u = r.split(`
-`), o = [];
-  let s = [], l = !1;
-  const c = (h) => {
-    if (s.length > 0) {
-      const a = s.length > 1 && s[1].every((d) => d.trim().match(/^:?-+:?$/)) ? [s[0], ...s.slice(2)] : s;
-      o.push(
-        /* @__PURE__ */ e.jsx("div", { className: "my-4 overflow-x-auto border border-gray-200 rounded-lg shadow-sm bg-white", children: /* @__PURE__ */ e.jsxs("table", { className: "min-w-full divide-y divide-gray-200 text-[13px]", children: [
-          /* @__PURE__ */ e.jsx("thead", { className: "bg-gray-50", children: /* @__PURE__ */ e.jsx("tr", { children: a[0].map((d, x) => /* @__PURE__ */ e.jsx("th", { className: "px-3 py-2 text-left font-bold text-gray-700 border-r last:border-r-0 border-gray-200", children: W(d.trim()) }, x)) }) }),
-          /* @__PURE__ */ e.jsx("tbody", { className: "divide-y divide-gray-100 bg-white", children: a.slice(1).map((d, x) => /* @__PURE__ */ e.jsx("tr", { className: "hover:bg-gray-50/50 transition-colors", children: d.map((g, y) => /* @__PURE__ */ e.jsx("td", { className: "px-3 py-2 text-gray-600 border-r last:border-r-0 border-gray-200 align-top", children: W(g.trim()) }, y)) }, x)) })
-        ] }) }, `table-${h}`)
-      ), s = [], l = !1;
+}, fe = ({ text: r }) => {
+  const u = r.replace(/\r/g, "").split(`
+`), s = [];
+  let o = [], l = !1;
+  const c = (x) => {
+    if (o.length > 0) {
+      const h = o.length > 1 && o[1].every((n) => n.trim().match(/^:?-+:?$/)) ? [o[0], ...o.slice(2)] : o;
+      h.length > 0 && s.push(
+        /* @__PURE__ */ e.jsx("div", { className: "my-4 overflow-x-auto border border-slate-200 rounded-xl shadow-sm bg-white", children: /* @__PURE__ */ e.jsxs("table", { className: "min-w-full border-collapse text-[13px] leading-normal", children: [
+          /* @__PURE__ */ e.jsx("thead", { className: "bg-slate-50 border-b border-slate-200", children: /* @__PURE__ */ e.jsx("tr", { children: h[0].map((n, d) => /* @__PURE__ */ e.jsx("th", { className: "px-4 py-3 text-left font-bold text-slate-700 border-r last:border-r-0 border-slate-200 whitespace-nowrap", children: $(n.trim()) }, d)) }) }),
+          /* @__PURE__ */ e.jsx("tbody", { className: "divide-y divide-slate-100", children: h.slice(1).map((n, d) => /* @__PURE__ */ e.jsx("tr", { className: "hover:bg-slate-50/50 transition-colors", children: n.map((m, j) => /* @__PURE__ */ e.jsx("td", { className: "px-4 py-3 text-slate-600 border-r last:border-r-0 border-slate-200 align-top", children: $(m.trim()) }, j)) }, d)) })
+        ] }) }, `table-wrapper-${x}`)
+      ), o = [], l = !1;
     }
   };
-  return u.forEach((h, i) => {
-    const a = h.trim();
-    if (a.startsWith("|") && a.endsWith("|")) {
-      const g = a.split("|").slice(1, -1);
-      s.push(g), l = !0;
+  return u.forEach((x, i) => {
+    const h = x.trim();
+    if (h.includes("|") && (h.startsWith("|") || h.split("|").length > 1)) {
+      let m = h.split("|");
+      h.startsWith("|") && m.shift(), h.endsWith("|") && m.pop(), o.push(m), l = !0;
       return;
     } else l && c(i);
-    const d = a.match(/^(#{1,4})\s+(.*)$/);
-    if (d) {
-      const g = d[1].length, y = d[2], v = g === 1 ? "text-lg font-bold mb-3 mt-4 first:mt-1" : g === 2 ? "text-md font-bold mb-2 mt-3" : "text-[13px] font-black mb-1.5 mt-4 text-indigo-600 uppercase tracking-widest";
-      o.push(/* @__PURE__ */ e.jsx("div", { className: v, children: W(y) }, i));
+    const n = h.match(/^(#{1,4})\s+(.*)$/);
+    if (n) {
+      const m = n[1].length, j = n[2], b = m === 1 ? "text-xl font-bold mb-4 mt-6 first:mt-1" : m === 2 ? "text-lg font-bold mb-3 mt-5" : "text-[13px] font-black mb-2 mt-5 text-indigo-600 uppercase tracking-widest";
+      s.push(/* @__PURE__ */ e.jsx("div", { className: b, children: $(j) }, i));
       return;
     }
-    const x = a.match(/^[*+-]\s+(.*)$/);
-    if (x) {
-      const g = x[1];
-      o.push(
-        /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2.5 pl-1 mb-1.5 items-start", children: [
-          /* @__PURE__ */ e.jsx("span", { className: "text-indigo-400 flex-shrink-0 mt-2 w-1.5 h-1.5 bg-indigo-400 rounded-full" }),
-          /* @__PURE__ */ e.jsx("div", { className: "flex-1 leading-relaxed text-gray-800", children: W(g) })
+    const d = h.match(/^[*+-]\s+(.*)$/);
+    if (d) {
+      const m = d[1];
+      s.push(
+        /* @__PURE__ */ e.jsxs("div", { className: "flex gap-3 pl-1 mb-2 items-start group", children: [
+          /* @__PURE__ */ e.jsx("span", { className: "text-indigo-400 flex-shrink-0 mt-2 w-1.5 h-1.5 bg-indigo-400 rounded-full group-hover:scale-125 transition-transform" }),
+          /* @__PURE__ */ e.jsx("div", { className: "flex-1 leading-relaxed text-slate-700", children: $(m) })
         ] }, i)
       );
       return;
     }
-    if (a === "") {
-      o.push(/* @__PURE__ */ e.jsx("div", { className: "h-2" }, i));
+    if (h === "") {
+      s.push(/* @__PURE__ */ e.jsx("div", { className: "h-3" }, i));
       return;
     }
-    o.push(
-      /* @__PURE__ */ e.jsx("div", { className: "mb-1 leading-relaxed text-gray-800", children: W(h) }, i)
+    s.push(
+      /* @__PURE__ */ e.jsx("div", { className: "mb-1.5 leading-relaxed text-slate-700", children: $(x) }, i)
     );
-  }), l && c(u.length), /* @__PURE__ */ e.jsx("div", { className: "markdown-body text-[14px]", children: o });
-}, xe = ({
+  }), l && c(u.length), /* @__PURE__ */ e.jsx("div", { className: "markdown-render w-full", children: s });
+}, pe = ({
   messages: r,
   isLoading: u,
+  description: s,
   quickReplies: o,
-  onQuickReply: s,
-  primaryColor: l,
-  renderMarkdown: c = !1
+  onQuickReply: l,
+  primaryColor: c,
+  renderMarkdown: x = !1
 }) => {
-  const h = "https://fptshop.com.vn/img/bitu/bitu-avatar.png", i = "https://cdn-icons-png.flaticon.com/512/4712/4712035.png";
+  const i = "https://fptshop.com.vn/img/bitu/bitu-avatar.png", h = "https://cdn-icons-png.flaticon.com/512/4712/4712035.png";
   return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-8 pb-4", children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center justify-center py-8 text-center animate-msg", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center justify-center pt-4 text-center animate-msg", children: [
       /* @__PURE__ */ e.jsx("div", { className: "relative mb-5", children: /* @__PURE__ */ e.jsx("div", { className: "w-20 h-20 flex items-center justify-center", children: /* @__PURE__ */ e.jsx(
         "img",
         {
-          src: h,
-          onError: (a) => a.currentTarget.src = i,
+          src: i,
+          onError: (n) => n.currentTarget.src = h,
           className: "w-full h-full object-contain",
           alt: "Sigma AI Hero"
         }
@@ -512,58 +513,55 @@ const ue = ({
         "Sigma ",
         /* @__PURE__ */ e.jsx("span", { className: "bg-indigo-600 text-white text-[10px] px-1.5 py-0.5 rounded-md leading-none ml-1 uppercase font-bold tracking-tight", children: "AI" })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "text-[14px] text-gray-600 mt-3 leading-relaxed px-4 max-w-[280px]", children: /* @__PURE__ */ e.jsxs("p", { children: [
-        /* @__PURE__ */ e.jsx("span", { className: "font-bold text-gray-800", children: "Sigma Assistant" }),
-        " hỗ trợ bạn mọi lúc mọi nơi"
-      ] }) })
+      /* @__PURE__ */ e.jsx("div", { className: "text-[14px] text-gray-600 mt-3 leading-relaxed px-4 max-w-[280px]", children: s && /* @__PURE__ */ e.jsx("div", { className: "bot-description", children: $(s) }) })
     ] }),
-    r.map((a, d) => /* @__PURE__ */ e.jsxs(
+    r.map((n, d) => /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: `flex flex-col animate-msg ${a.sender === b.USER ? "items-end" : "items-start"}`,
+        className: `flex flex-col animate-msg ${n.sender === w.USER ? "items-end" : "items-start"}`,
         style: { animationDelay: `${d * 0.05}s` },
         children: [
-          a.sender === b.AI && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1.5 mb-2 ml-1", children: [
+          n.sender === w.AI && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1.5 mb-2 ml-1", children: [
             /* @__PURE__ */ e.jsx(
               "img",
               {
-                src: h,
-                onError: (x) => x.currentTarget.src = i,
+                src: i,
+                onError: (m) => m.currentTarget.src = h,
                 className: "w-4 h-4 object-contain",
                 alt: "AI"
               }
             ),
             /* @__PURE__ */ e.jsx("span", { className: "text-[11px] font-bold text-gray-400 uppercase tracking-widest", children: "AI Agent" })
           ] }),
-          /* @__PURE__ */ e.jsxs("div", { className: `flex flex-col ${a.sender === b.USER ? "items-end" : "items-start"} max-w-[96%]`, children: [
+          /* @__PURE__ */ e.jsxs("div", { className: `flex flex-col ${n.sender === w.USER ? "items-end" : "items-start"} w-full max-w-[96%]`, children: [
             /* @__PURE__ */ e.jsx(
               "div",
               {
-                className: `px-4 py-3 rounded-[20px] shadow-sm border border-black/[0.02] ${a.sender === b.USER ? "bg-indigo-600 text-white rounded-tr-none whitespace-pre-line shadow-indigo-100" : "bg-white text-gray-800 border-none rounded-tl-none"} ${!c || a.sender === b.USER ? "whitespace-pre-line" : ""}`,
-                children: c && a.sender === b.AI ? /* @__PURE__ */ e.jsx(me, { text: a.content }) : a.content
+                className: `px-4 py-3 rounded-[20px] shadow-sm border border-black/[0.02] overflow-hidden ${n.sender === w.USER ? "bg-indigo-600 text-white rounded-tr-none whitespace-pre-line shadow-indigo-100/50" : "bg-white text-slate-800 border-none rounded-tl-none"} ${!x || n.sender === w.USER ? "whitespace-pre-line" : ""}`,
+                children: x && n.sender === w.AI ? /* @__PURE__ */ e.jsx(fe, { text: n.content }) : n.content
               }
             ),
-            a.type === k.PRODUCT_LIST && a.products && /* @__PURE__ */ e.jsx("div", { className: "w-full mt-4 flex gap-4 overflow-x-auto pb-4 pt-1 no-scrollbar snap-x", children: a.products.map((x) => /* @__PURE__ */ e.jsx("div", { className: "product-card-snap", children: /* @__PURE__ */ e.jsx(he, { product: x, primaryColor: l }) }, x.id)) }),
-            d === 0 && r.length === 1 && a.sender === b.AI && /* @__PURE__ */ e.jsx("div", { className: "mt-5 flex flex-wrap gap-2.5 w-full", children: o.map((x, g) => /* @__PURE__ */ e.jsx(
+            n.type === E.PRODUCT_LIST && n.products && /* @__PURE__ */ e.jsx("div", { className: "w-full mt-4 flex gap-4 overflow-x-auto pb-4 pt-1 no-scrollbar snap-x", children: n.products.map((m) => /* @__PURE__ */ e.jsx("div", { className: "product-card-snap", children: /* @__PURE__ */ e.jsx(xe, { product: m, primaryColor: c }) }, m.id)) }),
+            d === 0 && r.length === 1 && n.sender === w.AI && /* @__PURE__ */ e.jsx("div", { className: "mt-5 flex flex-wrap gap-2.5 w-full", children: o.map((m, j) => /* @__PURE__ */ e.jsx(
               "button",
               {
-                onClick: () => s(x),
+                onClick: () => l(m),
                 className: "px-4 py-2 rounded-full text-[13px] font-semibold border border-transparent bg-white text-gray-600 hover:text-indigo-600 hover:border-indigo-100 transition-all duration-200 shadow-sm active:scale-95",
-                children: x
+                children: m
               },
-              g
+              j
             )) })
           ] })
         ]
       },
-      a.id
+      n.id
     )),
     u && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-1.5 items-start animate-msg", children: [
       /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-1.5 ml-1", children: /* @__PURE__ */ e.jsx(
         "img",
         {
-          src: h,
-          onError: (a) => a.currentTarget.src = i,
+          src: i,
+          onError: (n) => n.currentTarget.src = h,
           className: "w-4 h-4 object-contain",
           alt: "AI Loading"
         }
@@ -575,19 +573,19 @@ const ue = ({
       ] })
     ] })
   ] });
-}, fe = ({ placeholder: r, onSendMessage: u, primaryColor: o }) => {
-  const [s, l] = R(""), c = () => {
-    s.trim() && (u(s), l(""));
-  }, h = (i) => {
+}, ge = ({ placeholder: r, onSendMessage: u, primaryColor: s }) => {
+  const [o, l] = R(""), c = () => {
+    o.trim() && (u(o), l(""));
+  }, x = (i) => {
     i.key === "Enter" && !i.shiftKey && (i.preventDefault(), c());
   };
   return /* @__PURE__ */ e.jsx("div", { className: "p-1", children: /* @__PURE__ */ e.jsxs("div", { className: "relative flex items-center bg-gray-50/50 rounded-2xl border border-gray-100 focus-within:border-indigo-100 focus-within:bg-white transition-all duration-200 pr-2 pl-3 py-1", children: [
     /* @__PURE__ */ e.jsx(
       "textarea",
       {
-        value: s,
+        value: o,
         onChange: (i) => l(i.target.value),
-        onKeyDown: h,
+        onKeyDown: x,
         placeholder: r,
         rows: 1,
         className: "w-full bg-transparent border-none outline-none focus:ring-0 text-[14px] text-gray-700 font-normal py-3 px-1 resize-none chat-scrollbar min-h-[44px] max-h-[120px] leading-relaxed placeholder:text-gray-400",
@@ -598,8 +596,8 @@ const ue = ({
       "button",
       {
         onClick: c,
-        disabled: !s.trim(),
-        className: `w-9 h-9 rounded-xl flex-shrink-0 flex items-center justify-center transition-all duration-300 shadow-sm ${s.trim() ? "bg-indigo-600 text-white hover:bg-indigo-700 active:scale-95" : "bg-gray-200 text-gray-400 cursor-not-allowed"}`,
+        disabled: !o.trim(),
+        className: `w-9 h-9 rounded-xl flex-shrink-0 flex items-center justify-center transition-all duration-300 shadow-sm ${o.trim() ? "bg-indigo-600 text-white hover:bg-indigo-700 active:scale-95" : "bg-gray-200 text-gray-400 cursor-not-allowed"}`,
         children: /* @__PURE__ */ e.jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: [
           /* @__PURE__ */ e.jsx("path", { d: "m5 12 7-7 7 7" }),
           /* @__PURE__ */ e.jsx("path", { d: "M12 19V5" })
@@ -607,7 +605,7 @@ const ue = ({
       }
     )
   ] }) });
-}, pe = ({ isOpen: r, onClick: u, primaryColor: o, className: s = "" }) => /* @__PURE__ */ e.jsx("div", { className: `fixed bottom-4 right-4 md:bottom-6 md:right-6 z-[100] ${s}`, children: /* @__PURE__ */ e.jsx(
+}, be = ({ isOpen: r, onClick: u, primaryColor: s, className: o = "" }) => /* @__PURE__ */ e.jsx("div", { className: `fixed bottom-4 right-4 md:bottom-6 md:right-6 z-[100] ${o}`, children: /* @__PURE__ */ e.jsx(
   "button",
   {
     onClick: u,
@@ -622,129 +620,142 @@ const ue = ({
       }
     )
   }
-) }), ae = () => Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15), be = ({ config: r, onGetAiResponse: u }) => {
-  const [o, s] = R(!1), [l, c] = R(!1), [h, i] = R(!1), [a, d] = R(ae()), [x, g] = R("en"), [y, v] = R([
-    {
+) }), le = () => Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15), L = (r, u, s) => typeof r == "object" && r !== null && !Array.isArray(r) ? r[u] || r.en || Object.values(r)[0] || s : r ?? s, je = ({ config: r, onGetAiResponse: u }) => {
+  const [s, o] = R(!1), [l, c] = R(!1), [x, i] = R(!1), [h, n] = R(le()), [d, m] = R("en"), [j, b] = R([]), [S, _] = R(!1), T = ne(null), C = ne(0);
+  q(() => {
+    const v = L(r.welcomeMessage, d, "Hello!");
+    b([{
       id: "welcome",
-      type: k.TEXT,
-      sender: b.AI,
-      content: r.welcomeMessage,
+      type: E.TEXT,
+      sender: w.AI,
+      content: v,
       timestamp: /* @__PURE__ */ new Date()
+    }]);
+  }, []);
+  const X = K(() => L(r.placeholder, d, "Type a message..."), [r.placeholder, d]), z = K(() => L(r.quickReplies, d, []), [r.quickReplies, d]), B = K(() => L(r.description, d, ""), [r.description, d]);
+  q(() => {
+    if (j.length === 1 && j[0].id === "welcome") {
+      const v = L(r.welcomeMessage, d, "Hello!");
+      b([{ ...j[0], content: v }]);
     }
-  ]), [S, _] = R(!1), E = ee(null), C = ee(0);
-  te(() => {
-    if (o) {
-      const N = setTimeout(() => i(!0), 50);
-      return () => clearTimeout(N);
+  }, [d]), q(() => {
+    if (s) {
+      const v = setTimeout(() => i(!0), 50);
+      return () => clearTimeout(v);
     } else
       i(!1);
-  }, [o]), te(() => {
-    E.current && o && (E.current.scrollTop = E.current.scrollHeight);
-  }, [y, o, S]);
-  const Y = async (N) => {
-    if (!N.trim() || S) return;
-    const P = ++C.current, z = {
+  }, [s]), q(() => {
+    T.current && s && (T.current.scrollTop = T.current.scrollHeight);
+  }, [j, s, S]);
+  const U = async (v) => {
+    if (!v.trim() || S) return;
+    const A = ++C.current, G = {
       id: `user-${Date.now()}`,
-      type: k.TEXT,
-      sender: b.USER,
-      content: N,
+      type: E.TEXT,
+      sender: w.USER,
+      content: v,
       timestamp: /* @__PURE__ */ new Date()
     };
-    v((w) => [...w, z]), _(!0);
+    b((N) => [...N, G]), _(!0);
     try {
-      const w = u(N, a, x);
-      if (w && typeof w == "object" && Symbol.asyncIterator in w) {
-        let j = "", T = !1;
-        const A = `ai-${Date.now()}`;
-        for await (const M of w) {
-          if (P !== C.current) return;
-          T || (v((I) => [...I, {
-            id: A,
-            type: k.TEXT,
-            sender: b.AI,
+      const N = u(v, h, d);
+      if (N && typeof N == "object" && Symbol.asyncIterator in N) {
+        let y = "", k = !1;
+        const O = `ai-${Date.now()}`;
+        for await (const D of N) {
+          if (A !== C.current) return;
+          k || (b((I) => [...I, {
+            id: O,
+            type: E.TEXT,
+            sender: w.AI,
             content: "",
             timestamp: /* @__PURE__ */ new Date()
-          }]), _(!1), T = !0), j += M, v((I) => I.map(
-            (L) => L.id === A ? { ...L, content: j } : L
+          }]), _(!1), k = !0), y += D, b((I) => I.map(
+            (M) => M.id === O ? { ...M, content: y } : M
           ));
         }
       } else {
-        const j = await w;
-        if (P !== C.current) return;
+        const y = await N;
+        if (A !== C.current) return;
         _(!1);
-        const T = typeof j == "string" ? { text: j, products: void 0 } : j;
-        v((A) => [...A, {
+        const k = typeof y == "string" ? { text: y, products: void 0 } : y;
+        b((O) => [...O, {
           id: `ai-${Date.now()}`,
-          type: T.products ? k.PRODUCT_LIST : k.TEXT,
-          sender: b.AI,
-          content: T.text,
-          products: T.products,
+          type: k.products ? E.PRODUCT_LIST : E.TEXT,
+          sender: w.AI,
+          content: k.text,
+          products: k.products,
           timestamp: /* @__PURE__ */ new Date()
         }]);
       }
-    } catch (w) {
-      if (P !== C.current) return;
-      console.error("Chatbox Error:", w), _(!1), v((j) => [...j, {
+    } catch (N) {
+      if (A !== C.current) return;
+      console.error("Chatbox Error:", N), _(!1);
+      const y = d === "vi" ? "Hệ thống đang bận, vui lòng thử lại sau." : "System is busy, please try again later.";
+      b((k) => [...k, {
         id: `err-${Date.now()}`,
-        type: k.TEXT,
-        sender: b.AI,
-        content: "Hệ thống đang bận, vui lòng thử lại sau.",
+        type: E.TEXT,
+        sender: w.AI,
+        content: y,
         timestamp: /* @__PURE__ */ new Date()
       }]);
     }
-  }, q = () => {
-    C.current++, d(ae()), v([{
+  }, V = () => {
+    C.current++, n(le());
+    const v = L(r.welcomeMessage, d, "Hello!");
+    b([{
       id: "welcome",
-      type: k.TEXT,
-      sender: b.AI,
-      content: r.welcomeMessage,
+      type: E.TEXT,
+      sender: w.AI,
+      content: v,
       timestamp: /* @__PURE__ */ new Date()
     }]), _(!1), c(!1);
-  }, X = `
+  }, J = `
     fixed z-[99] overflow-hidden flex flex-col border border-white/40 shadow-2xl bg-white animate-chat-pop
-    ${h ? "transition-[width,height,border-radius,right,bottom] duration-300 ease-in-out" : ""}
-    ${l ? "bottom-0 right-0 w-full h-full md:bottom-6 md:right-28 md:w-[850px] md:h-[85vh] rounded-none md:rounded-[32px]" : "bottom-0 right-0 w-full h-[80vh] md:bottom-6 md:right-28 md:w-[380px] md:h-[580px] rounded-t-[28px] md:rounded-[28px]"}
+    ${x ? "transition-[width,height,border-radius,right,bottom] duration-300 ease-in-out" : ""}
+    ${l ? "bottom-0 right-0 w-full h-full md:bottom-6 md:right-28 md:w-[850px] md:h-[85vh] rounded-none md:rounded-[32px]" : "bottom-0 right-0 w-full h-[80vh] md:bottom-6 md:right-28 md:w-[420px] md:h-[580px] rounded-t-[28px] md:rounded-[28px]"}
   `;
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
-      pe,
+      be,
       {
-        isOpen: o,
-        onClick: () => s(!o),
+        isOpen: s,
+        onClick: () => o(!s),
         primaryColor: r.primaryColor,
-        className: o ? "hidden md:flex" : "flex"
+        className: s ? "hidden md:flex" : "flex"
       }
     ),
-    o && /* @__PURE__ */ e.jsxs("div", { className: X, style: { left: "auto" }, children: [
+    s && /* @__PURE__ */ e.jsxs("div", { className: J, style: { left: "auto" }, children: [
       /* @__PURE__ */ e.jsx(
-        ue,
+        me,
         {
           title: r.botName,
           primaryColor: r.primaryColor,
-          onClose: () => s(!1),
-          onReset: q,
+          onClose: () => o(!1),
+          onReset: V,
           onToggleExpand: () => c(!l),
           isExpanded: l,
-          language: x,
-          onLanguageChange: g
+          language: d,
+          onLanguageChange: m
         }
       ),
-      /* @__PURE__ */ e.jsx("div", { className: "flex-1 overflow-y-auto chat-scrollbar px-5 py-5 bg-slate-50/30", ref: E, children: /* @__PURE__ */ e.jsx(
-        xe,
+      /* @__PURE__ */ e.jsx("div", { className: "flex-1 overflow-y-auto chat-scrollbar px-5 py-5 bg-slate-50/30", ref: T, children: /* @__PURE__ */ e.jsx(
+        pe,
         {
-          messages: y,
+          messages: j,
           isLoading: S,
-          quickReplies: r.quickReplies,
-          onQuickReply: (N) => Y(N),
+          description: B,
+          quickReplies: z,
+          onQuickReply: (v) => U(v),
           primaryColor: r.primaryColor,
           renderMarkdown: r.renderMarkdown
         }
       ) }),
       /* @__PURE__ */ e.jsx("div", { className: "bg-white p-3 border-t border-slate-100", children: /* @__PURE__ */ e.jsx(
-        fe,
+        ge,
         {
-          placeholder: r.placeholder,
-          onSendMessage: Y,
+          placeholder: X,
+          onSendMessage: U,
           primaryColor: r.primaryColor
         }
       ) })
@@ -752,7 +763,7 @@ const ue = ({
   ] });
 };
 export {
-  be as Chatbox,
-  k as MessageType,
-  b as SenderType
+  je as Chatbox,
+  E as MessageType,
+  w as SenderType
 };