lulichat 1.0.2 → 1.0.4

package/dist/lulichat-support.es.js

@@ -1,1729 +0,0 @@
-var kt = Object.defineProperty;
-var Ct = (n, s, l) => s in n ? kt(n, s, { enumerable: !0, configurable: !0, writable: !0, value: l }) : n[s] = l;
-var A = (n, s, l) => Ct(n, typeof s != "symbol" ? s + "" : s, l);
-import S, { useRef as U, useCallback as $e, useImperativeHandle as Et, useState as F, useEffect as ce } from "react";
-import Rt, { clsx as St } from "clsx";
-var ue = { exports: {} }, J = {};
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Me;
-function _t() {
-  if (Me) return J;
-  Me = 1;
-  var n = S, s = Symbol.for("react.element"), l = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, v = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, f = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function y(b, u, h) {
-    var p, E = {}, R = null, T = null;
-    h !== void 0 && (R = "" + h), u.key !== void 0 && (R = "" + u.key), u.ref !== void 0 && (T = u.ref);
-    for (p in u) i.call(u, p) && !f.hasOwnProperty(p) && (E[p] = u[p]);
-    if (b && b.defaultProps) for (p in u = b.defaultProps, u) E[p] === void 0 && (E[p] = u[p]);
-    return { $$typeof: s, type: b, key: R, ref: T, props: E, _owner: v.current };
-  }
-  return J.Fragment = l, J.jsx = y, J.jsxs = y, J;
-}
-var K = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Ie;
-function Nt() {
-  return Ie || (Ie = 1, process.env.NODE_ENV !== "production" && function() {
-    var n = S, s = Symbol.for("react.element"), l = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), f = Symbol.for("react.profiler"), y = Symbol.for("react.provider"), b = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), T = Symbol.for("react.offscreen"), D = Symbol.iterator, M = "@@iterator";
-    function j(e) {
-      if (e === null || typeof e != "object")
-        return null;
-      var r = D && e[D] || e[M];
-      return typeof r == "function" ? r : null;
-    }
-    var O = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function o(e) {
-      {
-        for (var r = arguments.length, a = new Array(r > 1 ? r - 1 : 0), c = 1; c < r; c++)
-          a[c - 1] = arguments[c];
-        w("error", e, a);
-      }
-    }
-    function w(e, r, a) {
-      {
-        var c = O.ReactDebugCurrentFrame, g = c.getStackAddendum();
-        g !== "" && (r += "%s", a = a.concat([g]));
-        var x = a.map(function(m) {
-          return String(m);
-        });
-        x.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, x);
-      }
-    }
-    var $ = !1, Ye = !1, Ue = !1, qe = !1, He = !1, de;
-    de = Symbol.for("react.module.reference");
-    function Je(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === i || e === f || He || e === v || e === h || e === p || qe || e === T || $ || Ye || Ue || typeof e == "object" && e !== null && (e.$$typeof === R || e.$$typeof === E || e.$$typeof === y || e.$$typeof === b || e.$$typeof === u || // This needs to include all possible module reference object
-      // types supported by any Flight configuration anywhere since
-      // we don't know which Flight build this will end up being used
-      // with.
-      e.$$typeof === de || e.getModuleId !== void 0));
-    }
-    function Ke(e, r, a) {
-      var c = e.displayName;
-      if (c)
-        return c;
-      var g = r.displayName || r.name || "";
-      return g !== "" ? a + "(" + g + ")" : a;
-    }
-    function fe(e) {
-      return e.displayName || "Context";
-    }
-    function I(e) {
-      if (e == null)
-        return null;
-      if (typeof e.tag == "number" && o("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
-        return e.displayName || e.name || null;
-      if (typeof e == "string")
-        return e;
-      switch (e) {
-        case i:
-          return "Fragment";
-        case l:
-          return "Portal";
-        case f:
-          return "Profiler";
-        case v:
-          return "StrictMode";
-        case h:
-          return "Suspense";
-        case p:
-          return "SuspenseList";
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case b:
-            var r = e;
-            return fe(r) + ".Consumer";
-          case y:
-            var a = e;
-            return fe(a._context) + ".Provider";
-          case u:
-            return Ke(e, e.render, "ForwardRef");
-          case E:
-            var c = e.displayName || null;
-            return c !== null ? c : I(e.type) || "Memo";
-          case R: {
-            var g = e, x = g._payload, m = g._init;
-            try {
-              return I(m(x));
-            } catch {
-              return null;
-            }
-          }
-        }
-      return null;
-    }
-    var z = Object.assign, q = 0, he, me, ve, pe, ge, xe, ye;
-    function be() {
-    }
-    be.__reactDisabledLog = !0;
-    function Ge() {
-      {
-        if (q === 0) {
-          he = console.log, me = console.info, ve = console.warn, pe = console.error, ge = console.group, xe = console.groupCollapsed, ye = console.groupEnd;
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            value: be,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            info: e,
-            log: e,
-            warn: e,
-            error: e,
-            group: e,
-            groupCollapsed: e,
-            groupEnd: e
-          });
-        }
-        q++;
-      }
-    }
-    function Ze() {
-      {
-        if (q--, q === 0) {
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            log: z({}, e, {
-              value: he
-            }),
-            info: z({}, e, {
-              value: me
-            }),
-            warn: z({}, e, {
-              value: ve
-            }),
-            error: z({}, e, {
-              value: pe
-            }),
-            group: z({}, e, {
-              value: ge
-            }),
-            groupCollapsed: z({}, e, {
-              value: xe
-            }),
-            groupEnd: z({}, e, {
-              value: ye
-            })
-          });
-        }
-        q < 0 && o("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
-      }
-    }
-    var te = O.ReactCurrentDispatcher, re;
-    function G(e, r, a) {
-      {
-        if (re === void 0)
-          try {
-            throw Error();
-          } catch (g) {
-            var c = g.stack.trim().match(/\n( *(at )?)/);
-            re = c && c[1] || "";
-          }
-        return `
-` + re + e;
-      }
-    }
-    var ne = !1, Z;
-    {
-      var Xe = typeof WeakMap == "function" ? WeakMap : Map;
-      Z = new Xe();
-    }
-    function je(e, r) {
-      if (!e || ne)
-        return "";
-      {
-        var a = Z.get(e);
-        if (a !== void 0)
-          return a;
-      }
-      var c;
-      ne = !0;
-      var g = Error.prepareStackTrace;
-      Error.prepareStackTrace = void 0;
-      var x;
-      x = te.current, te.current = null, Ge();
-      try {
-        if (r) {
-          var m = function() {
-            throw Error();
-          };
-          if (Object.defineProperty(m.prototype, "props", {
-            set: function() {
-              throw Error();
-            }
-          }), typeof Reflect == "object" && Reflect.construct) {
-            try {
-              Reflect.construct(m, []);
-            } catch (N) {
-              c = N;
-            }
-            Reflect.construct(e, [], m);
-          } else {
-            try {
-              m.call();
-            } catch (N) {
-              c = N;
-            }
-            e.call(m.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (N) {
-            c = N;
-          }
-          e();
-        }
-      } catch (N) {
-        if (N && c && typeof N.stack == "string") {
-          for (var d = N.stack.split(`
-`), _ = c.stack.split(`
-`), k = d.length - 1, C = _.length - 1; k >= 1 && C >= 0 && d[k] !== _[C]; )
-            C--;
-          for (; k >= 1 && C >= 0; k--, C--)
-            if (d[k] !== _[C]) {
-              if (k !== 1 || C !== 1)
-                do
-                  if (k--, C--, C < 0 || d[k] !== _[C]) {
-                    var P = `
-` + d[k].replace(" at new ", " at ");
-                    return e.displayName && P.includes("<anonymous>") && (P = P.replace("<anonymous>", e.displayName)), typeof e == "function" && Z.set(e, P), P;
-                  }
-                while (k >= 1 && C >= 0);
-              break;
-            }
-        }
-      } finally {
-        ne = !1, te.current = x, Ze(), Error.prepareStackTrace = g;
-      }
-      var B = e ? e.displayName || e.name : "", V = B ? G(B) : "";
-      return typeof e == "function" && Z.set(e, V), V;
-    }
-    function Qe(e, r, a) {
-      return je(e, !1);
-    }
-    function et(e) {
-      var r = e.prototype;
-      return !!(r && r.isReactComponent);
-    }
-    function X(e, r, a) {
-      if (e == null)
-        return "";
-      if (typeof e == "function")
-        return je(e, et(e));
-      if (typeof e == "string")
-        return G(e);
-      switch (e) {
-        case h:
-          return G("Suspense");
-        case p:
-          return G("SuspenseList");
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case u:
-            return Qe(e.render);
-          case E:
-            return X(e.type, r, a);
-          case R: {
-            var c = e, g = c._payload, x = c._init;
-            try {
-              return X(x(g), r, a);
-            } catch {
-            }
-          }
-        }
-      return "";
-    }
-    var H = Object.prototype.hasOwnProperty, we = {}, ke = O.ReactDebugCurrentFrame;
-    function Q(e) {
-      if (e) {
-        var r = e._owner, a = X(e.type, e._source, r ? r.type : null);
-        ke.setExtraStackFrame(a);
-      } else
-        ke.setExtraStackFrame(null);
-    }
-    function tt(e, r, a, c, g) {
-      {
-        var x = Function.call.bind(H);
-        for (var m in e)
-          if (x(e, m)) {
-            var d = void 0;
-            try {
-              if (typeof e[m] != "function") {
-                var _ = Error((c || "React class") + ": " + a + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw _.name = "Invariant Violation", _;
-              }
-              d = e[m](r, m, c, a, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (k) {
-              d = k;
-            }
-            d && !(d instanceof Error) && (Q(g), o("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", c || "React class", a, m, typeof d), Q(null)), d instanceof Error && !(d.message in we) && (we[d.message] = !0, Q(g), o("Failed %s type: %s", a, d.message), Q(null));
-          }
-      }
-    }
-    var rt = Array.isArray;
-    function ae(e) {
-      return rt(e);
-    }
-    function nt(e) {
-      {
-        var r = typeof Symbol == "function" && Symbol.toStringTag, a = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return a;
-      }
-    }
-    function at(e) {
-      try {
-        return Ce(e), !1;
-      } catch {
-        return !0;
-      }
-    }
-    function Ce(e) {
-      return "" + e;
-    }
-    function Ee(e) {
-      if (at(e))
-        return o("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", nt(e)), Ce(e);
-    }
-    var Re = O.ReactCurrentOwner, st = {
-      key: !0,
-      ref: !0,
-      __self: !0,
-      __source: !0
-    }, Se, _e;
-    function ot(e) {
-      if (H.call(e, "ref")) {
-        var r = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (r && r.isReactWarning)
-          return !1;
-      }
-      return e.ref !== void 0;
-    }
-    function it(e) {
-      if (H.call(e, "key")) {
-        var r = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (r && r.isReactWarning)
-          return !1;
-      }
-      return e.key !== void 0;
-    }
-    function lt(e, r) {
-      typeof e.ref == "string" && Re.current;
-    }
-    function ct(e, r) {
-      {
-        var a = function() {
-          Se || (Se = !0, o("%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://reactjs.org/link/special-props)", r));
-        };
-        a.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: a,
-          configurable: !0
-        });
-      }
-    }
-    function ut(e, r) {
-      {
-        var a = function() {
-          _e || (_e = !0, o("%s: `ref` 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://reactjs.org/link/special-props)", r));
-        };
-        a.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: a,
-          configurable: !0
-        });
-      }
-    }
-    var dt = function(e, r, a, c, g, x, m) {
-      var d = {
-        // This tag allows us to uniquely identify this as a React Element
-        $$typeof: s,
-        // Built-in properties that belong on the element
-        type: e,
-        key: r,
-        ref: a,
-        props: m,
-        // Record the component responsible for creating this element.
-        _owner: x
-      };
-      return d._store = {}, Object.defineProperty(d._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: !1
-      }), Object.defineProperty(d, "_self", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: c
-      }), Object.defineProperty(d, "_source", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: g
-      }), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
-    };
-    function ft(e, r, a, c, g) {
-      {
-        var x, m = {}, d = null, _ = null;
-        a !== void 0 && (Ee(a), d = "" + a), it(r) && (Ee(r.key), d = "" + r.key), ot(r) && (_ = r.ref, lt(r, g));
-        for (x in r)
-          H.call(r, x) && !st.hasOwnProperty(x) && (m[x] = r[x]);
-        if (e && e.defaultProps) {
-          var k = e.defaultProps;
-          for (x in k)
-            m[x] === void 0 && (m[x] = k[x]);
-        }
-        if (d || _) {
-          var C = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          d && ct(m, C), _ && ut(m, C);
-        }
-        return dt(e, d, _, g, c, Re.current, m);
-      }
-    }
-    var se = O.ReactCurrentOwner, Ne = O.ReactDebugCurrentFrame;
-    function L(e) {
-      if (e) {
-        var r = e._owner, a = X(e.type, e._source, r ? r.type : null);
-        Ne.setExtraStackFrame(a);
-      } else
-        Ne.setExtraStackFrame(null);
-    }
-    var oe;
-    oe = !1;
-    function ie(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === s;
-    }
-    function Te() {
-      {
-        if (se.current) {
-          var e = I(se.current.type);
-          if (e)
-            return `
-
-Check the render method of \`` + e + "`.";
-        }
-        return "";
-      }
-    }
-    function ht(e) {
-      return "";
-    }
-    var Oe = {};
-    function mt(e) {
-      {
-        var r = Te();
-        if (!r) {
-          var a = typeof e == "string" ? e : e.displayName || e.name;
-          a && (r = `
-
-Check the top-level render call using <` + a + ">.");
-        }
-        return r;
-      }
-    }
-    function Pe(e, r) {
-      {
-        if (!e._store || e._store.validated || e.key != null)
-          return;
-        e._store.validated = !0;
-        var a = mt(r);
-        if (Oe[a])
-          return;
-        Oe[a] = !0;
-        var c = "";
-        e && e._owner && e._owner !== se.current && (c = " It was passed a child from " + I(e._owner.type) + "."), L(e), o('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', a, c), L(null);
-      }
-    }
-    function Fe(e, r) {
-      {
-        if (typeof e != "object")
-          return;
-        if (ae(e))
-          for (var a = 0; a < e.length; a++) {
-            var c = e[a];
-            ie(c) && Pe(c, r);
-          }
-        else if (ie(e))
-          e._store && (e._store.validated = !0);
-        else if (e) {
-          var g = j(e);
-          if (typeof g == "function" && g !== e.entries)
-            for (var x = g.call(e), m; !(m = x.next()).done; )
-              ie(m.value) && Pe(m.value, r);
-        }
-      }
-    }
-    function vt(e) {
-      {
-        var r = e.type;
-        if (r == null || typeof r == "string")
-          return;
-        var a;
-        if (typeof r == "function")
-          a = r.propTypes;
-        else if (typeof r == "object" && (r.$$typeof === u || // Note: Memo only checks outer props here.
-        // Inner props are checked in the reconciler.
-        r.$$typeof === E))
-          a = r.propTypes;
-        else
-          return;
-        if (a) {
-          var c = I(r);
-          tt(a, e.props, "prop", c, e);
-        } else if (r.PropTypes !== void 0 && !oe) {
-          oe = !0;
-          var g = I(r);
-          o("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", g || "Unknown");
-        }
-        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && o("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
-      }
-    }
-    function pt(e) {
-      {
-        for (var r = Object.keys(e.props), a = 0; a < r.length; a++) {
-          var c = r[a];
-          if (c !== "children" && c !== "key") {
-            L(e), o("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", c), L(null);
-            break;
-          }
-        }
-        e.ref !== null && (L(e), o("Invalid attribute `ref` supplied to `React.Fragment`."), L(null));
-      }
-    }
-    var Ae = {};
-    function De(e, r, a, c, g, x) {
-      {
-        var m = Je(e);
-        if (!m) {
-          var d = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (d += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var _ = ht();
-          _ ? d += _ : d += Te();
-          var k;
-          e === null ? k = "null" : ae(e) ? k = "array" : e !== void 0 && e.$$typeof === s ? (k = "<" + (I(e.type) || "Unknown") + " />", d = " Did you accidentally export a JSX literal instead of a component?") : k = typeof e, o("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", k, d);
-        }
-        var C = ft(e, r, a, g, x);
-        if (C == null)
-          return C;
-        if (m) {
-          var P = r.children;
-          if (P !== void 0)
-            if (c)
-              if (ae(P)) {
-                for (var B = 0; B < P.length; B++)
-                  Fe(P[B], e);
-                Object.freeze && Object.freeze(P);
-              } else
-                o("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
-              Fe(P, e);
-        }
-        if (H.call(r, "key")) {
-          var V = I(e), N = Object.keys(r).filter(function(wt) {
-            return wt !== "key";
-          }), le = N.length > 0 ? "{key: someKey, " + N.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Ae[V + le]) {
-            var jt = N.length > 0 ? "{" + N.join(": ..., ") + ": ...}" : "{}";
-            o(`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} />`, le, V, jt, V), Ae[V + le] = !0;
-          }
-        }
-        return e === i ? pt(C) : vt(C), C;
-      }
-    }
-    function gt(e, r, a) {
-      return De(e, r, a, !0);
-    }
-    function xt(e, r, a) {
-      return De(e, r, a, !1);
-    }
-    var yt = xt, bt = gt;
-    K.Fragment = i, K.jsx = yt, K.jsxs = bt;
-  }()), K;
-}
-process.env.NODE_ENV === "production" ? ue.exports = _t() : ue.exports = Nt();
-var t = ue.exports;
-class Tt {
-  constructor(s) {
-    A(this, "config");
-    A(this, "baseUrl");
-    this.config = s, this.baseUrl = s.baseUrl || "http://localhost:8000";
-  }
-  async getCompanyInfo() {
-    try {
-      const s = await fetch(`${this.baseUrl}/companies/e/info`, {
-        headers: {
-          Authorization: `Bearer ${this.config.apiKey}`,
-          "Content-Type": "application/json"
-        }
-      });
-      if (!s.ok)
-        throw new Error(`HTTP error! status: ${s.status}`);
-      return await s.json();
-    } catch (s) {
-      throw console.error("Failed to fetch company info:", s), s;
-    }
-  }
-  async submitContactInfo(s) {
-    try {
-      const l = await fetch(`${this.baseUrl}/companies/e/chat/init`, {
-        method: "POST",
-        headers: {
-          Authorization: `Bearer ${this.config.apiKey}`,
-          "Content-Type": "application/json"
-        },
-        body: JSON.stringify(s || {})
-      });
-      if (!l.ok)
-        throw new Error(`HTTP error! status: ${l.status}`);
-      return await l.json();
-    } catch (l) {
-      throw console.error("Failed to submit contact info:", l), l;
-    }
-  }
-  async startAnonymousChat() {
-    return this.submitContactInfo();
-  }
-}
-function ze(...n) {
-  return St(n);
-}
-const ee = S.forwardRef(
-  (n, s) => /* @__PURE__ */ t.jsx(
-    "input",
-    {
-      ...n,
-      autoComplete: n.autoComplete || n.name || "off",
-      ref: s,
-      className: ze("lulichat-input", n.className)
-    }
-  )
-);
-S.forwardRef(
-  (n, s) => /* @__PURE__ */ t.jsx("input", { className: "", ...n, ref: s })
-);
-const Ve = S.createContext(
-  void 0
-), Y = S.forwardRef(
-  ({ children: n, onValuesChange: s, initialValues: l, ...i }, v) => {
-    const f = U(l || {}), y = U(null), b = $e(
-      (h, p) => {
-        f.current[h] = p, s && s({ ...f.current });
-      },
-      [s]
-    ), u = {
-      getValues: () => f.current,
-      getFieldValue: (h) => {
-        var p;
-        return (p = f.current) == null ? void 0 : p[h];
-      },
-      elementRef: () => y.current,
-      setFieldValue: b
-    };
-    return Et(v, () => u), /* @__PURE__ */ t.jsx(Ve.Provider, { value: u, children: /* @__PURE__ */ t.jsx("form", { ...i, ref: y, onSubmit: i.onSubmit, children: n }) });
-  }
-), Ot = S.forwardRef(
-  ({ name: n, children: s, ...l }, i) => {
-    const v = S.useContext(Ve), f = function(u) {
-      var h, p;
-      v && n && v.setFieldValue(n, u.target.value), (p = (h = this.props).onChange) == null || p.call(h, u);
-    }, y = S.Children.map(s, (u) => {
-      if (S.isValidElement(u) && n && u.type === ee) {
-        let h = u;
-        return S.cloneElement(h, {
-          ...h.props,
-          name: n,
-          value: (v == null ? void 0 : v.getFieldValue(n)) ?? "",
-          onChange: f.bind(h),
-          required: l.required
-        });
-      }
-      return u;
-    }), b = Object.create(l);
-    return delete b.required, delete b.label, /* @__PURE__ */ t.jsxs("div", { className: "lulichat-form-item", ref: i, ...b, children: [
-      l.label && /* @__PURE__ */ t.jsx(We, { htmlFor: n, required: l.required, children: l.label }),
-      y,
-      l.error && /* @__PURE__ */ t.jsx("p", { className: "error", children: l.error })
-    ] });
-  }
-), We = S.forwardRef(
-  (n, s) => {
-    const l = n.required, i = n.children;
-    return /* @__PURE__ */ t.jsxs(
-      "label",
-      {
-        ...n,
-        className: ze("lulichat-form-label", n.className),
-        ref: s,
-        children: [
-          i,
-          l && /* @__PURE__ */ t.jsx("b", { style: { color: "red" }, children: "*" })
-        ]
-      }
-    );
-  }
-), Pt = (n) => {
-  const s = U(n || {}), l = U(null), i = $e(
-    (f, y) => {
-      s.current[f] = y;
-    },
-    []
-  );
-  return [{
-    getValues: () => s.current,
-    getFieldValue: (f) => {
-      var y;
-      return (y = s.current) == null ? void 0 : y[f];
-    },
-    elementRef: () => l.current,
-    setFieldValue: i
-  }];
-};
-Y.Item = Ot;
-Y.Label = We;
-Y.useForm = Pt;
-const Ft = (n) => /* @__PURE__ */ t.jsx(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "48",
-    height: "48",
-    viewBox: "0 0 18 18",
-    ...n,
-    children: /* @__PURE__ */ t.jsx(
-      "path",
-      {
-        fill: "none",
-        stroke: "currentColor",
-        "stroke-dasharray": "10",
-        "stroke-dashoffset": "10",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round",
-        "stroke-width": "2",
-        d: "M12 15l-5 -5M12 15l5 -5",
-        children: /* @__PURE__ */ t.jsx(
-          "animate",
-          {
-            fill: "freeze",
-            attributeName: "stroke-dashoffset",
-            dur: "0.3s",
-            values: "10;0"
-          }
-        )
-      }
-    )
-  }
-), At = (n) => /* @__PURE__ */ t.jsxs(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "48",
-    height: "48",
-    viewBox: "0 0 24 24",
-    ...n,
-    children: [
-      /* @__PURE__ */ t.jsx("mask", { id: "lineMdFileDocumentFilled0", children: /* @__PURE__ */ t.jsxs(
-        "g",
-        {
-          fill: "none",
-          stroke: "#fff",
-          "stroke-linecap": "round",
-          "stroke-linejoin": "round",
-          "stroke-width": "2",
-          children: [
-            /* @__PURE__ */ t.jsxs(
-              "path",
-              {
-                fill: "#fff",
-                "fill-opacity": "0",
-                "stroke-dasharray": "64",
-                "stroke-dashoffset": "64",
-                d: "M13.5 3l5.5 5.5v11.5c0 0.55 -0.45 1 -1 1h-12c-0.55 0 -1 -0.45 -1 -1v-16c0 -0.55 0.45 -1 1 -1Z",
-                children: [
-                  /* @__PURE__ */ t.jsx(
-                    "animate",
-                    {
-                      fill: "freeze",
-                      attributeName: "fill-opacity",
-                      begin: "0.6s",
-                      dur: "0.5s",
-                      values: "0;1"
-                    }
-                  ),
-                  /* @__PURE__ */ t.jsx(
-                    "animate",
-                    {
-                      fill: "freeze",
-                      attributeName: "stroke-dashoffset",
-                      dur: "0.6s",
-                      values: "64;0"
-                    }
-                  )
-                ]
-              }
-            ),
-            /* @__PURE__ */ t.jsx("path", { fill: "#000", stroke: "#000", d: "M14.5 3.5l0 4.5l4.5 0z", opacity: "0", children: /* @__PURE__ */ t.jsx("set", { fill: "freeze", attributeName: "opacity", begin: "0.6s", to: "1" }) }),
-            /* @__PURE__ */ t.jsx("path", { d: "M13.5 3l5.5 5.5", opacity: "0", children: /* @__PURE__ */ t.jsx("set", { fill: "freeze", attributeName: "opacity", begin: "0.6s", to: "1" }) }),
-            /* @__PURE__ */ t.jsx(
-              "path",
-              {
-                stroke: "#000",
-                "stroke-dasharray": "12",
-                "stroke-dashoffset": "12",
-                d: "M7 13h10",
-                children: /* @__PURE__ */ t.jsx(
-                  "animate",
-                  {
-                    fill: "freeze",
-                    attributeName: "stroke-dashoffset",
-                    begin: "1.1s",
-                    dur: "0.2s",
-                    values: "12;0"
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ t.jsx(
-              "path",
-              {
-                stroke: "#000",
-                "stroke-dasharray": "8",
-                "stroke-dashoffset": "8",
-                d: "M7 17h7",
-                children: /* @__PURE__ */ t.jsx(
-                  "animate",
-                  {
-                    fill: "freeze",
-                    attributeName: "stroke-dashoffset",
-                    begin: "1.3s",
-                    dur: "0.2s",
-                    values: "8;0"
-                  }
-                )
-              }
-            )
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ t.jsx(
-        "rect",
-        {
-          width: "24",
-          height: "24",
-          fill: "currentColor",
-          mask: "url(#lineMdFileDocumentFilled0)"
-        }
-      )
-    ]
-  }
-), Dt = (n) => /* @__PURE__ */ t.jsx(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "48",
-    height: "48",
-    viewBox: "0 0 22 22",
-    ...n,
-    children: /* @__PURE__ */ t.jsx(
-      "path",
-      {
-        fill: "currentColor",
-        d: "M1.5 4v1.5c0 4.15 2.21 7.78 5.5 9.8V20h15v-2c0-2.66-5.33-4-8-4h-.25C9 14 5 10 5 5.5V4m9 0a4 4 0 0 0-4 4a4 4 0 0 0 4 4a4 4 0 0 0 4-4a4 4 0 0 0-4-4"
-      }
-    )
-  }
-), Mt = (n) => /* @__PURE__ */ t.jsx(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    ...n,
-    children: /* @__PURE__ */ t.jsx(
-      "path",
-      {
-        fill: "currentColor",
-        d: "M12 2.25A9.75 9.75 0 0 0 2.25 12v5q0 .04.004.08v.05c-.003 1.278.602 2.682 1.963 3.25l.071.03c.11.044.22.12.362.25c.07.064.138.132.22.213l.008.008c.08.08.175.175.277.265c.204.183.474.388.83.506c.37.122.77.131 1.208.022c.723-.18 1.266-.752 1.469-1.454c.089-.309.089-.668.088-1.084v-4.094c0-.285 0-.528-.01-.728a2.3 2.3 0 0 0-.107-.627c-.23-.683-.786-1.223-1.504-1.377a2.25 2.25 0 0 0-1.264.065c-.37.133-.652.354-.87.558c-.12.11-.269.267-.391.396l-.164.17a1.8 1.8 0 0 1-.427.338q-.136.07-.263.152V12a8.25 8.25 0 1 1 16.5 0v1.864a3 3 0 0 0-.538-.274a1.2 1.2 0 0 1-.362-.25c-.07-.064-.138-.132-.22-.213l-.008-.008a7 7 0 0 0-.277-.265a2.4 2.4 0 0 0-.83-.506q-.553-.184-1.208-.022c-.723.18-1.266.752-1.469 1.454c-.089.309-.088.668-.088 1.085v4.093c0 .285 0 .528.01.728c.012.208.037.418.107.627c.23.683.786 1.223 1.504 1.377c.463.1.883.073 1.264-.065c.37-.133.652-.354.87-.558c.12-.11.269-.267.391-.395c.065-.069.123-.13.164-.17a1.8 1.8 0 0 1 .427-.34c1.11-.573 1.755-1.724 1.758-2.936v-.143L21.75 17v-5A9.75 9.75 0 0 0 12 2.25"
-      }
-    )
-  }
-), It = (n) => /* @__PURE__ */ t.jsx(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    ...n,
-    children: /* @__PURE__ */ t.jsxs(
-      "g",
-      {
-        fill: "none",
-        stroke: "currentColor",
-        "stroke-dasharray": "28",
-        "stroke-dashoffset": "28",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round",
-        "stroke-width": "2",
-        children: [
-          /* @__PURE__ */ t.jsx("path", { d: "M4 21v-1c0 -3.31 2.69 -6 6 -6h4c3.31 0 6 2.69 6 6v1", children: /* @__PURE__ */ t.jsx(
-            "animate",
-            {
-              fill: "freeze",
-              attributeName: "stroke-dashoffset",
-              dur: "0.4s",
-              values: "28;0"
-            }
-          ) }),
-          /* @__PURE__ */ t.jsx("path", { d: "M12 11c-2.21 0 -4 -1.79 -4 -4c0 -2.21 1.79 -4 4 -4c2.21 0 4 1.79 4 4c0 2.21 -1.79 4 -4 4Z", children: /* @__PURE__ */ t.jsx(
-            "animate",
-            {
-              fill: "freeze",
-              attributeName: "stroke-dashoffset",
-              begin: "0.4s",
-              dur: "0.4s",
-              values: "28;0"
-            }
-          ) })
-        ]
-      }
-    )
-  }
-), Le = () => /* @__PURE__ */ t.jsx(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    children: /* @__PURE__ */ t.jsx(
-      "path",
-      {
-        fill: "none",
-        stroke: "currentColor",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round",
-        "stroke-width": "2",
-        d: "M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11zm7.318-19.539l-10.94 10.939"
-      }
-    )
-  }
-), Be = (n) => /* @__PURE__ */ t.jsx(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    ...n,
-    children: /* @__PURE__ */ t.jsxs(
-      "g",
-      {
-        fill: "none",
-        stroke: "currentColor",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round",
-        "stroke-width": "2",
-        children: [
-          /* @__PURE__ */ t.jsxs(
-            "path",
-            {
-              "stroke-dasharray": "16",
-              "stroke-dashoffset": "16",
-              d: "M12 3c4.97 0 9 4.03 9 9",
-              children: [
-                /* @__PURE__ */ t.jsx(
-                  "animate",
-                  {
-                    fill: "freeze",
-                    attributeName: "stroke-dashoffset",
-                    dur: "0.3s",
-                    values: "16;0"
-                  }
-                ),
-                /* @__PURE__ */ t.jsx(
-                  "animateTransform",
-                  {
-                    attributeName: "transform",
-                    dur: "1.5s",
-                    repeatCount: "indefinite",
-                    type: "rotate",
-                    values: "0 12 12;360 12 12"
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ t.jsx(
-            "path",
-            {
-              "stroke-dasharray": "64",
-              "stroke-dashoffset": "64",
-              "stroke-opacity": "0.3",
-              d: "M12 3c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9c-4.97 0 -9 -4.03 -9 -9c0 -4.97 4.03 -9 9 -9Z",
-              children: /* @__PURE__ */ t.jsx(
-                "animate",
-                {
-                  fill: "freeze",
-                  attributeName: "stroke-dashoffset",
-                  dur: "1.2s",
-                  values: "64;0"
-                }
-              )
-            }
-          )
-        ]
-      }
-    )
-  }
-), $t = (n) => /* @__PURE__ */ t.jsxs(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    ...n,
-    children: [
-      /* @__PURE__ */ t.jsxs("mask", { id: "lineMdChatRoundDotsFilled0", children: [
-        /* @__PURE__ */ t.jsxs(
-          "path",
-          {
-            fill: "#fff",
-            "fill-opacity": "0",
-            d: "M5 15.5c1 1 2.5 2 4 2.5c-0.71 -0.24 -1.43 -0.59 -2.09 -1c-0.72 -0.45 -1.39 -0.98 -1.91 -1.5Z",
-            children: [
-              /* @__PURE__ */ t.jsx(
-                "animate",
-                {
-                  fill: "freeze",
-                  attributeName: "d",
-                  begin: "0.6s",
-                  dur: "0.2s",
-                  values: "M5 15.5c1 1 2.5 2 4 2.5c-0.71 -0.24 -1.43 -0.59 -2.09 -1c-0.72 -0.45 -1.39 -0.98 -1.91 -1.5Z;M5 15.5c1 1 2.5 2 4 2.5c-2 2 -5 3 -7 3c2 -2 3 -3.5 3 -5.5Z"
-                }
-              ),
-              /* @__PURE__ */ t.jsx("set", { fill: "freeze", attributeName: "fill-opacity", begin: "0.6s", to: "1" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ t.jsxs(
-          "g",
-          {
-            fill: "none",
-            stroke: "#fff",
-            "stroke-linecap": "round",
-            "stroke-linejoin": "round",
-            "stroke-width": "2",
-            children: [
-              /* @__PURE__ */ t.jsxs(
-                "path",
-                {
-                  fill: "transparent",
-                  "fill-opacity": "0",
-                  "stroke-dasharray": "56",
-                  "stroke-dashoffset": "56",
-                  d: "M7 16.82c-2.41 -1.25 -4 -3.39 -4 -5.82c0 -3.87 4.03 -7 9 -7c4.97 0 9 3.13 9 7c0 3.87 -4.03 7 -9 7c-1.85 0 -3.57 -0.43 -5 -1.18Z",
-                  children: [
-                    /* @__PURE__ */ t.jsx(
-                      "animate",
-                      {
-                        fill: "freeze",
-                        attributeName: "fill-opacity",
-                        begin: "0.9s",
-                        dur: "0.5s",
-                        values: "0;1"
-                      }
-                    ),
-                    /* @__PURE__ */ t.jsx(
-                      "animate",
-                      {
-                        fill: "freeze",
-                        attributeName: "stroke-dashoffset",
-                        dur: "0.6s",
-                        values: "56;0"
-                      }
-                    )
-                  ]
-                }
-              ),
-              /* @__PURE__ */ t.jsx(
-                "path",
-                {
-                  stroke: "currentColor",
-                  "stroke-dasharray": "2",
-                  "stroke-dashoffset": "2",
-                  d: "M8 11h0.01",
-                  children: /* @__PURE__ */ t.jsx(
-                    "animate",
-                    {
-                      fill: "freeze",
-                      attributeName: "stroke-dashoffset",
-                      begin: "1.4s",
-                      dur: "0.2s",
-                      values: "2;0"
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ t.jsx(
-                "path",
-                {
-                  stroke: "currentColor",
-                  "stroke-dasharray": "2",
-                  "stroke-dashoffset": "2",
-                  d: "M12 11h0.01",
-                  children: /* @__PURE__ */ t.jsx(
-                    "animate",
-                    {
-                      fill: "freeze",
-                      attributeName: "stroke-dashoffset",
-                      begin: "1.7s",
-                      dur: "0.2s",
-                      values: "2;0"
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ t.jsx(
-                "path",
-                {
-                  stroke: "currentColor",
-                  "stroke-dasharray": "2",
-                  "stroke-dashoffset": "2",
-                  d: "M16 11h0.01",
-                  children: /* @__PURE__ */ t.jsx(
-                    "animate",
-                    {
-                      fill: "freeze",
-                      attributeName: "stroke-dashoffset",
-                      begin: "2s",
-                      dur: "0.2s",
-                      values: "2;0"
-                    }
-                  )
-                }
-              )
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ t.jsx(
-        "rect",
-        {
-          width: "24",
-          height: "24",
-          fill: "currentColor",
-          mask: "url(#lineMdChatRoundDotsFilled0)"
-        }
-      )
-    ]
-  }
-), W = S.forwardRef(
-  ({
-    className: n,
-    variant: s = "outline",
-    size: l = "md",
-    shape: i = "rounded",
-    ...v
-  }, f) => /* @__PURE__ */ t.jsx(
-    "button",
-    {
-      className: Rt(
-        "lulichat-btn",
-        `lulichat-btn-${s}`,
-        `lulichat-btn-${l}`,
-        `lulichat-btn-${i}`,
-        n
-      ),
-      ref: f,
-      ...v
-    }
-  )
-);
-W.displayName = "Button";
-const zt = ({
-  companyName: n,
-  onSubmit: s,
-  onSkip: l,
-  allowAnonymous: i,
-  isLoading: v
-}) => {
-  const [f, y] = S.useState(!1), [b, u] = F({
-    name: "",
-    email: "",
-    phone: "",
-    company: ""
-  }), [h, p] = F({}), [E, R] = S.useState({
-    email: "",
-    name: ""
-  }), T = () => {
-    const j = {};
-    return b.name.trim() || (j.name = "Name is required"), b.email.trim() ? /\S+@\S+\.\S+/.test(b.email) || (j.email = "Email is invalid") : j.email = "Email is required", p(j), Object.keys(j).length === 0;
-  }, D = (j) => {
-    j.preventDefault(), T() && s(b);
-  }, M = (j, O) => {
-    u((o) => ({ ...o, [j]: O })), h[j] && p((o) => ({ ...o, [j]: void 0 }));
-  };
-  return /* @__PURE__ */ t.jsxs(
-    Y,
-    {
-      autoComplete: "off",
-      onSubmit: D,
-      onValuesChange: R,
-      className: "lulichat-contact-form",
-      children: [
-        /* @__PURE__ */ t.jsxs("div", { className: "lulichat-form-header", children: [
-          /* @__PURE__ */ t.jsxs(
-            "div",
-            {
-              style: {
-                marginBottom: "20px",
-                display: "flex",
-                alignItems: "end",
-                columnGap: 8
-              },
-              children: [
-                /* @__PURE__ */ t.jsx(
-                  Dt,
-                  {
-                    style: { display: "block" },
-                    color: "#DEDEDE6A",
-                    height: 40,
-                    width: 50
-                  }
-                ),
-                /* @__PURE__ */ t.jsx("h3", { style: { fontWeight: 500 }, children: "Hello," })
-              ]
-            }
-          ),
-          /* @__PURE__ */ t.jsxs("h3", { style: { marginBottom: 8 }, className: "lulichat-title", children: [
-            "Welcome to ",
-            n,
-            " Live Chat"
-          ] }),
-          /* @__PURE__ */ t.jsxs(
-            "p",
-            {
-              role: "button",
-              onClickCapture: () => y(!f),
-              style: {
-                textDecoration: "underline",
-                lineHeight: "1rem",
-                cursor: "pointer"
-              },
-              children: [
-                "Please provide your details for a better support experience",
-                " ",
-                /* @__PURE__ */ t.jsx(
-                  Ft,
-                  {
-                    style: {
-                      display: "inline-block",
-                      marginBottom: -2
-                    },
-                    height: 20,
-                    width: 20
-                  }
-                )
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ t.jsxs("div", { className: `lulichat-form-group${f ? " open" : ""}`, children: [
-          /* @__PURE__ */ t.jsx(Y.Item, { error: h.name, label: "Name (Optional)", name: "name", children: /* @__PURE__ */ t.jsx(
-            ee,
-            {
-              id: "name",
-              placeholder: "Enter your name",
-              type: "text",
-              value: b.name,
-              onChange: (j) => M("name", j.target.value),
-              className: "transparent" + (h.name ? " error" : "")
-            }
-          ) }),
-          /* @__PURE__ */ t.jsx(Y.Item, { name: "email", error: h.email, label: "Email", children: /* @__PURE__ */ t.jsx(
-            ee,
-            {
-              id: "email",
-              type: "email",
-              placeholder: "Enter your valid email",
-              value: b.email,
-              onChange: (j) => M("email", j.target.value),
-              className: "transparent" + (h.name ? " error" : "")
-            }
-          ) }),
-          /* @__PURE__ */ t.jsx(
-            W,
-            {
-              type: "submit",
-              disabled: v || !E.email,
-              style: { width: "100%", marginTop: 10 },
-              className: "lulichat-contact-form-btn",
-              children: v ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-                /* @__PURE__ */ t.jsx(Be, {}),
-                "Submitting..."
-              ] }) : "Submit"
-            }
-          )
-        ] })
-      ]
-    }
-  );
-};
-class Vt {
-  constructor(s, l, i = "wss://ws.lulichat.com") {
-    A(this, "socket", null);
-    A(this, "token");
-    A(this, "sessionId");
-    A(this, "onMessageCallback");
-    A(this, "onStatusCallback");
-    A(this, "reconnectAttempts", 0);
-    A(this, "maxReconnectAttempts", 5);
-    this.token = s, this.sessionId = l, this.connect(i);
-  }
-  connect(s) {
-    var l;
-    try {
-      this.socket = new WebSocket(
-        `${s}/chat?token=${this.token}&session=${this.sessionId}`
-      ), this.socket.onopen = () => {
-        var i;
-        console.log("Socket connected"), this.reconnectAttempts = 0, (i = this.onStatusCallback) == null || i.call(this, "connected");
-      }, this.socket.onmessage = (i) => {
-        var v;
-        try {
-          const f = JSON.parse(i.data);
-          (v = this.onMessageCallback) == null || v.call(this, f);
-        } catch (f) {
-          console.error("Failed to parse message:", f);
-        }
-      }, this.socket.onclose = () => {
-        var i;
-        console.log("Socket disconnected"), (i = this.onStatusCallback) == null || i.call(this, "disconnected"), this.handleReconnect(s);
-      }, this.socket.onerror = (i) => {
-        var v;
-        console.error("Socket error:", i), (v = this.onStatusCallback) == null || v.call(this, "error");
-      };
-    } catch (i) {
-      console.error("Failed to connect socket:", i), (l = this.onStatusCallback) == null || l.call(this, "error");
-    }
-  }
-  handleReconnect(s) {
-    this.reconnectAttempts < this.maxReconnectAttempts && (this.reconnectAttempts++, setTimeout(() => {
-      console.log(`Reconnecting... attempt ${this.reconnectAttempts}`), this.connect(s);
-    }, 2e3 * this.reconnectAttempts));
-  }
-  sendMessage(s) {
-    var l;
-    if (((l = this.socket) == null ? void 0 : l.readyState) === WebSocket.OPEN) {
-      const i = {
-        type: "message",
-        content: s,
-        timestamp: (/* @__PURE__ */ new Date()).toISOString()
-      };
-      this.socket.send(JSON.stringify(i));
-    }
-  }
-  onMessage(s) {
-    this.onMessageCallback = s;
-  }
-  onStatus(s) {
-    this.onStatusCallback = s;
-  }
-  disconnect() {
-    this.socket && (this.socket.close(), this.socket = null);
-  }
-}
-const Wt = ({
-  session: n,
-  companyInfo: s,
-  onClose: l
-}) => {
-  const [i, v] = F([]), [f, y] = F(""), [b, u] = F(!1), [h, p] = F("disconnected"), E = U(null), R = U(null);
-  ce(() => (R.current = new Vt(n.token, n.id), R.current.onMessage((w) => {
-    v(($) => [...$, w]), u(!1);
-  }), R.current.onStatus((w) => {
-    p(w);
-  }), v([{
-    id: "welcome",
-    content: "",
-    timestamp: /* @__PURE__ */ new Date(),
-    sender: "system"
-  }]), () => {
-    var w;
-    (w = R.current) == null || w.disconnect();
-  }), [n, s]), ce(() => {
-    T();
-  }, [i]);
-  const T = () => {
-    var o;
-    (o = E.current) == null || o.scrollIntoView({ behavior: "smooth" });
-  }, D = () => {
-    var w;
-    if (!f.trim() || h !== "connected") return;
-    const o = {
-      id: Date.now().toString(),
-      content: f,
-      timestamp: /* @__PURE__ */ new Date(),
-      sender: "user"
-    };
-    v(($) => [...$, o]), (w = R.current) == null || w.sendMessage(f), y(""), u(!0);
-  }, M = (o) => {
-    o.key === "Enter" && !o.shiftKey && (o.preventDefault(), D());
-  }, j = (o) => new Intl.DateTimeFormat("en-US", {
-    hour: "2-digit",
-    minute: "2-digit"
-  }).format(o), O = (o) => {
-    switch (o) {
-      case "agent":
-        return /* @__PURE__ */ t.jsx(Mt, { className: "w-4 h-4" });
-      case "user":
-        return /* @__PURE__ */ t.jsx(It, { className: "w-4 h-4" });
-      default:
-        return null;
-    }
-  };
-  return /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col h-full", children: [
-    /* @__PURE__ */ t.jsxs("div", { className: "bg-primary text-primary-foreground p-4 rounded-t-lg", children: [
-      /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ t.jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ t.jsx("div", { className: "w-2 h-2 rounded-full bg-green-400" }),
-          /* @__PURE__ */ t.jsx("span", { className: "font-medium", children: s.name })
-        ] }),
-        /* @__PURE__ */ t.jsx(
-          W,
-          {
-            variant: "ghost",
-            size: "sm",
-            onClick: l,
-            className: "text-primary-foreground hover:bg-primary-foreground/20",
-            children: "×"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ t.jsx("div", { className: "text-xs opacity-80 mt-1", children: h === "connected" ? "Online" : "Connecting..." })
-    ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: "flex-1 overflow-y-auto p-4 space-y-4 bg-background", children: [
-      i.map((o) => /* @__PURE__ */ t.jsx(
-        "div",
-        {
-          className: `flex ${o.sender === "user" ? "justify-end" : "justify-start"}`,
-          children: /* @__PURE__ */ t.jsxs(
-            "div",
-            {
-              className: `max-w-xs lg:max-w-md px-4 py-2 rounded-lg ${o.sender === "user" ? "bg-primary text-primary-foreground" : o.sender === "system" ? "bg-muted text-muted-foreground text-center" : "bg-muted text-foreground"}`,
-              children: [
-                o.sender !== "system" && /* @__PURE__ */ t.jsxs("div", { className: "flex items-center space-x-1 mb-1", children: [
-                  O(o.sender),
-                  /* @__PURE__ */ t.jsx("span", { className: "text-xs opacity-70", children: o.senderName || (o.sender === "user" ? "You" : "Support") })
-                ] }),
-                /* @__PURE__ */ t.jsx("p", { className: "text-sm", children: o.content }),
-                /* @__PURE__ */ t.jsx("p", { className: "text-xs opacity-60 mt-1", children: j(o.timestamp) })
-              ]
-            }
-          )
-        },
-        o.id
-      )),
-      b && /* @__PURE__ */ t.jsx("div", { className: "flex justify-start", children: /* @__PURE__ */ t.jsx("div", { className: "bg-muted text-foreground px-4 py-2 rounded-lg", children: /* @__PURE__ */ t.jsxs("div", { className: "flex space-x-1", children: [
-        /* @__PURE__ */ t.jsx("div", { className: "w-2 h-2 bg-current rounded-full animate-bounce" }),
-        /* @__PURE__ */ t.jsx(
-          "div",
-          {
-            className: "w-2 h-2 bg-current rounded-full animate-bounce",
-            style: { animationDelay: "0.1s" }
-          }
-        ),
-        /* @__PURE__ */ t.jsx(
-          "div",
-          {
-            className: "w-2 h-2 bg-current rounded-full animate-bounce",
-            style: { animationDelay: "0.2s" }
-          }
-        )
-      ] }) }) }),
-      /* @__PURE__ */ t.jsx("div", { ref: E })
-    ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: "p-4 border-t bg-background", children: [
-      /* @__PURE__ */ t.jsxs("div", { className: "flex space-x-2", children: [
-        /* @__PURE__ */ t.jsx(
-          "input",
-          {
-            value: f,
-            onChange: (o) => y(o.target.value),
-            onKeyPress: M,
-            placeholder: "Type your message...",
-            disabled: h !== "connected",
-            className: "flex-1"
-          }
-        ),
-        /* @__PURE__ */ t.jsx(
-          W,
-          {
-            onClick: D,
-            disabled: !f.trim() || h !== "connected",
-            size: "icon",
-            children: /* @__PURE__ */ t.jsx(Le, { className: "w-4 h-4" })
-          }
-        )
-      ] }),
-      h !== "connected" && /* @__PURE__ */ t.jsx("p", { className: "text-xs text-muted-foreground mt-2", children: h === "error" ? "Connection error. Retrying..." : "Connecting..." })
-    ] })
-  ] });
-}, Lt = ({ config: n }) => {
-  const [s, l] = F("contact-form"), [i, v] = F(
-    null
-  ), [f, y] = F(null), [b, u] = F(!1), [h, p] = F(null), [E, R] = S.useState(!1), T = new Tt(n);
-  ce(() => {
-    D();
-  }, [n]);
-  const D = async () => {
-    try {
-      const o = await T.getCompanyInfo();
-      v(o.data);
-    } catch (o) {
-      p("Failed to load chat configuration"), console.error("Failed to load company info:", o);
-    }
-  }, M = async (o) => {
-    u(!0);
-    try {
-      const w = await T.submitContactInfo(o), $ = {
-        id: w.sessionId,
-        token: w.token,
-        isActive: !0
-      };
-      y($), l("chat");
-    } catch (w) {
-      p("Failed to start chat. Please try again."), console.error("Failed to submit contact info:", w);
-    } finally {
-      u(!1);
-    }
-  }, j = async () => {
-    u(!0);
-    try {
-      const o = await T.startAnonymousChat(), w = {
-        id: o.sessionId,
-        token: o.token,
-        isActive: !0
-      };
-      y(w), l("chat");
-    } catch (o) {
-      p("Failed to start chat. Please try again."), console.error("Failed to start anonymous chat:", o);
-    } finally {
-      u(!1);
-    }
-  }, O = () => {
-    l("closed"), y(null), p(null);
-  };
-  return console.log({ companyInfo: i }), /* @__PURE__ */ t.jsxs("div", { className: `lulichat lulichat-${n.position}`, children: [
-    E && /* @__PURE__ */ t.jsxs("div", { className: "lulichat-main", children: [
-      h && /* @__PURE__ */ t.jsxs("div", { className: "p-4 bg-destructive/10 border-b", children: [
-        /* @__PURE__ */ t.jsx("p", { className: "text-sm text-destructive", children: h }),
-        /* @__PURE__ */ t.jsx("button", { onClick: () => p(null), className: "mt-2", children: "Retry" })
-      ] }),
-      /* @__PURE__ */ t.jsx(
-        zt,
-        {
-          companyName: i == null ? void 0 : i.name,
-          onSubmit: M,
-          onSkip: n.allowAnonymous ? j : void 0,
-          allowAnonymous: n.allowAnonymous || !1,
-          isLoading: b
-        }
-      ),
-      /* @__PURE__ */ t.jsxs("div", { style: { padding: 16 }, children: [
-        /* @__PURE__ */ t.jsx(
-          "div",
-          {
-            style: {
-              display: "flex",
-              gap: 10,
-              flexWrap: "wrap"
-            },
-            children: i == null ? void 0 : i.queues.map((o) => {
-              var w;
-              return /* @__PURE__ */ t.jsx("div", { className: "lulichat-tag", children: (w = o.name) == null ? void 0 : w.toLocaleLowerCase() }, o.id);
-            })
-          }
-        ),
-        /* @__PURE__ */ t.jsx(
-          "div",
-          {
-            style: {
-              height: 2,
-              backgroundColor: "hsl(var(--border))",
-              marginBlock: 16
-            }
-          }
-        ),
-        /* @__PURE__ */ t.jsxs(
-          "div",
-          {
-            style: {
-              display: "flex",
-              alignItems: "center",
-              columnGap: 10
-            },
-            className: "form-control",
-            children: [
-              /* @__PURE__ */ t.jsx(
-                ee,
-                {
-                  name: "message",
-                  autoComplete: "off",
-                  style: { border: "none", paddingInline: 0 },
-                  placeholder: "What can we help you with ?."
-                }
-              ),
-              /* @__PURE__ */ t.jsxs("div", { className: "lulichat-btn-group", children: [
-                /* @__PURE__ */ t.jsx(W, { style: { color: "#00000080" }, size: "icon", children: /* @__PURE__ */ t.jsx(At, { height: 24 }) }),
-                /* @__PURE__ */ t.jsx(W, { style: { color: "#00000080" }, size: "icon", children: /* @__PURE__ */ t.jsx(Le, {}) })
-              ] })
-            ]
-          }
-        )
-      ] }),
-      s === "chat" && f && i && /* @__PURE__ */ t.jsx(
-        Wt,
-        {
-          session: f,
-          companyInfo: i,
-          onClose: O
-        }
-      )
-    ] }),
-    /* @__PURE__ */ t.jsx(
-      W,
-      {
-        onClick: () => R(!E),
-        className: "",
-        shape: "circle",
-        size: "icon",
-        style: {
-          backgroundColor: n.primaryColor,
-          height: "4rem",
-          width: "4rem",
-          padding: 0,
-          color: "#fff",
-          alignSelf: "end"
-        },
-        disabled: !i && !h,
-        children: !i && !h ? /* @__PURE__ */ t.jsx(Be, {}) : /* @__PURE__ */ t.jsx($t, { height: 40, width: 40 })
-      }
-    )
-  ] });
-}, qt = ({
-  apiKey: n,
-  baseUrl: s,
-  position: l = "bottom-right",
-  primaryColor: i = "#007bff",
-  companyName: v = "Support",
-  welcomeMessage: f = "Hello! How can we help you today?",
-  requireContactInfo: y = !0,
-  allowAnonymous: b = !0
-}) => {
-  const u = {
-    apiKey: n,
-    baseUrl: s,
-    position: l,
-    primaryColor: i,
-    companyName: v,
-    welcomeMessage: f,
-    requireContactInfo: y,
-    allowAnonymous: b
-  };
-  return n ? /* @__PURE__ */ t.jsx(Lt, { config: u }) : (console.error("LuliChat: API key is required"), null);
-};
-export {
-  Vt as ChatSocket,
-  qt as LuliChat,
-  Tt as LuliChatAPI
-};