lulichat 1.0.4 → 1.0.6

package/dist/lulichat-support.es.js

@@ -0,0 +1,1727 @@
+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 F = (n, s, l) => Ct(n, typeof s != "symbol" ? s + "" : s, l);
+import S, { useRef as U, useCallback as $e, useImperativeHandle as Et, useState as P, 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, d = { 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) && !d.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"), d = 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"), A = Symbol.iterator, M = "@@iterator";
+    function j(e) {
+      if (e === null || typeof e != "object")
+        return null;
+      var r = A && e[A] || 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, fe;
+    fe = Symbol.for("react.module.reference");
+    function Je(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === i || e === d || 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 === fe || 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 de(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 d:
+          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 de(r) + ".Consumer";
+          case y:
+            var a = e;
+            return de(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 L = 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: L({}, e, {
+              value: he
+            }),
+            info: L({}, e, {
+              value: me
+            }),
+            warn: L({}, e, {
+              value: ve
+            }),
+            error: L({}, e, {
+              value: pe
+            }),
+            group: L({}, e, {
+              value: ge
+            }),
+            groupCollapsed: L({}, e, {
+              value: xe
+            }),
+            groupEnd: L({}, 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 f = N.stack.split(`
+`), _ = c.stack.split(`
+`), k = f.length - 1, C = _.length - 1; k >= 1 && C >= 0 && f[k] !== _[C]; )
+            C--;
+          for (; k >= 1 && C >= 0; k--, C--)
+            if (f[k] !== _[C]) {
+              if (k !== 1 || C !== 1)
+                do
+                  if (k--, C--, C < 0 || f[k] !== _[C]) {
+                    var D = `
+` + f[k].replace(" at new ", " at ");
+                    return e.displayName && D.includes("<anonymous>") && (D = D.replace("<anonymous>", e.displayName)), typeof e == "function" && Z.set(e, D), D;
+                  }
+                while (k >= 1 && C >= 0);
+              break;
+            }
+        }
+      } finally {
+        ne = !1, te.current = x, Ze(), Error.prepareStackTrace = g;
+      }
+      var B = e ? e.displayName || e.name : "", W = B ? G(B) : "";
+      return typeof e == "function" && Z.set(e, W), W;
+    }
+    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 f = 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", _;
+              }
+              f = e[m](r, m, c, a, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (k) {
+              f = k;
+            }
+            f && !(f 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 f), Q(null)), f instanceof Error && !(f.message in we) && (we[f.message] = !0, Q(g), o("Failed %s type: %s", a, f.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 ft = function(e, r, a, c, g, x, m) {
+      var f = {
+        // 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 f._store = {}, Object.defineProperty(f._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(f, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: c
+      }), Object.defineProperty(f, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: g
+      }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
+    };
+    function dt(e, r, a, c, g) {
+      {
+        var x, m = {}, f = null, _ = null;
+        a !== void 0 && (Ee(a), f = "" + a), it(r) && (Ee(r.key), f = "" + 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 (f || _) {
+          var C = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          f && ct(m, C), _ && ut(m, C);
+        }
+        return ft(e, f, _, g, c, Re.current, m);
+      }
+    }
+    var se = O.ReactCurrentOwner, Ne = O.ReactDebugCurrentFrame;
+    function V(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 De(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) + "."), V(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), V(null);
+      }
+    }
+    function Pe(e, r) {
+      {
+        if (typeof e != "object")
+          return;
+        if (ae(e))
+          for (var a = 0; a < e.length; a++) {
+            var c = e[a];
+            ie(c) && De(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) && De(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") {
+            V(e), o("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", c), V(null);
+            break;
+          }
+        }
+        e.ref !== null && (V(e), o("Invalid attribute `ref` supplied to `React.Fragment`."), V(null));
+      }
+    }
+    var Fe = {};
+    function Ae(e, r, a, c, g, x) {
+      {
+        var m = Je(e);
+        if (!m) {
+          var f = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (f += " 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();
+          _ ? f += _ : f += Te();
+          var k;
+          e === null ? k = "null" : ae(e) ? k = "array" : e !== void 0 && e.$$typeof === s ? (k = "<" + (I(e.type) || "Unknown") + " />", f = " 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, f);
+        }
+        var C = dt(e, r, a, g, x);
+        if (C == null)
+          return C;
+        if (m) {
+          var D = r.children;
+          if (D !== void 0)
+            if (c)
+              if (ae(D)) {
+                for (var B = 0; B < D.length; B++)
+                  Pe(D[B], e);
+                Object.freeze && Object.freeze(D);
+              } 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
+              Pe(D, e);
+        }
+        if (H.call(r, "key")) {
+          var W = I(e), N = Object.keys(r).filter(function(wt) {
+            return wt !== "key";
+          }), le = N.length > 0 ? "{key: someKey, " + N.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Fe[W + 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, W, jt, W), Fe[W + le] = !0;
+          }
+        }
+        return e === i ? pt(C) : vt(C), C;
+      }
+    }
+    function gt(e, r, a) {
+      return Ae(e, r, a, !0);
+    }
+    function xt(e, r, a) {
+      return Ae(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) {
+    F(this, "config");
+    F(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 Le(...n) {
+  return St(n);
+}
+const ee = S.forwardRef(
+  (n, s) => /* @__PURE__ */ t.jsx(
+    "input",
+    {
+      ...n,
+      autoComplete: n.autoComplete || n.name || "off",
+      ref: s,
+      className: Le("lulichat-input", n.className)
+    }
+  )
+);
+S.forwardRef(
+  (n, s) => /* @__PURE__ */ t.jsx("input", { className: "", ...n, ref: s })
+);
+const We = S.createContext(
+  void 0
+), Y = S.forwardRef(
+  ({ children: n, onValuesChange: s, initialValues: l, ...i }, v) => {
+    const d = U(l || {}), y = U(null), b = $e(
+      (h, p) => {
+        d.current[h] = p, s && s({ ...d.current });
+      },
+      [s]
+    ), u = {
+      getValues: () => d.current,
+      getFieldValue: (h) => {
+        var p;
+        return (p = d.current) == null ? void 0 : p[h];
+      },
+      elementRef: () => y.current,
+      setFieldValue: b
+    };
+    return Et(v, () => u), /* @__PURE__ */ t.jsx(We.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(We), d = 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: d.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(ze, { htmlFor: n, required: l.required, children: l.label }),
+      y,
+      l.error && /* @__PURE__ */ t.jsx("p", { className: "error", children: l.error })
+    ] });
+  }
+), ze = S.forwardRef(
+  (n, s) => {
+    const l = n.required, i = n.children;
+    return /* @__PURE__ */ t.jsxs(
+      "label",
+      {
+        ...n,
+        className: Le("lulichat-form-label", n.className),
+        ref: s,
+        children: [
+          i,
+          l && /* @__PURE__ */ t.jsx("b", { style: { color: "red" }, children: "*" })
+        ]
+      }
+    );
+  }
+), Dt = (n) => {
+  const s = U(n || {}), l = U(null), i = $e(
+    (d, y) => {
+      s.current[d] = y;
+    },
+    []
+  );
+  return [{
+    getValues: () => s.current,
+    getFieldValue: (d) => {
+      var y;
+      return (y = s.current) == null ? void 0 : y[d];
+    },
+    elementRef: () => l.current,
+    setFieldValue: i
+  }];
+};
+Y.Item = Ot;
+Y.Label = ze;
+Y.useForm = Dt;
+const Pt = (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",
+        strokeDasharray: "10",
+        strokeDashoffset: "10",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "2",
+        d: "M12 15l-5 -5M12 15l5 -5",
+        children: /* @__PURE__ */ t.jsx(
+          "animate",
+          {
+            fill: "freeze",
+            attributeName: "stroke-dashoffset",
+            dur: "0.3s",
+            values: "10;0"
+          }
+        )
+      }
+    )
+  }
+), Ft = (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",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: "2",
+          children: [
+            /* @__PURE__ */ t.jsxs(
+              "path",
+              {
+                fill: "#fff",
+                fillOpacity: "0",
+                strokeDasharray: "64",
+                strokeDashoffset: "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",
+                strokeDasharray: "12",
+                strokeDashoffset: "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",
+                strokeDasharray: "8",
+                strokeDashoffset: "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)"
+        }
+      )
+    ]
+  }
+), At = (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",
+        strokeDasharray: "28",
+        strokeDashoffset: "28",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "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"
+            }
+          ) })
+        ]
+      }
+    )
+  }
+), Ve = () => /* @__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",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "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",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "2",
+        children: [
+          /* @__PURE__ */ t.jsxs(
+            "path",
+            {
+              strokeDasharray: "16",
+              strokeDashoffset: "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",
+            {
+              strokeDasharray: "64",
+              strokeDashoffset: "64",
+              strokeOpacity: "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",
+            fillOpacity: "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",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: "2",
+            children: [
+              /* @__PURE__ */ t.jsxs(
+                "path",
+                {
+                  fill: "transparent",
+                  fillOpacity: "0",
+                  strokeDasharray: "56",
+                  strokeDashoffset: "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",
+                  strokeDasharray: "2",
+                  strokeDashoffset: "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",
+                  strokeDasharray: "2",
+                  strokeDashoffset: "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",
+                  strokeDasharray: "2",
+                  strokeDashoffset: "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)"
+        }
+      )
+    ]
+  }
+), z = S.forwardRef(
+  ({
+    className: n,
+    variant: s = "outline",
+    size: l = "md",
+    shape: i = "rounded",
+    ...v
+  }, d) => /* @__PURE__ */ t.jsx(
+    "button",
+    {
+      className: Rt(
+        "lulichat-btn",
+        `lulichat-btn-${s}`,
+        `lulichat-btn-${l}`,
+        `lulichat-btn-${i}`,
+        n
+      ),
+      ref: d,
+      ...v
+    }
+  )
+);
+z.displayName = "Button";
+const Lt = ({
+  companyName: n,
+  onSubmit: s,
+  onSkip: l,
+  allowAnonymous: i,
+  isLoading: v
+}) => {
+  const [d, y] = S.useState(!1), [b, u] = P({
+    name: "",
+    email: "",
+    phone: "",
+    company: ""
+  }), [h, p] = P({}), [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;
+  }, A = (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: A,
+      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(
+                  At,
+                  {
+                    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(!d),
+              style: {
+                textDecoration: "underline",
+                lineHeight: "1rem",
+                cursor: "pointer"
+              },
+              children: [
+                "Please provide your details for a better support experience",
+                " ",
+                /* @__PURE__ */ t.jsx(
+                  Pt,
+                  {
+                    style: {
+                      display: "inline-block",
+                      marginBottom: -2
+                    },
+                    height: 20,
+                    width: 20
+                  }
+                )
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t.jsxs("div", { className: `lulichat-form-group${d ? " 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(
+            z,
+            {
+              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 Wt {
+  constructor(s, l, i = "wss://ws.lulichat.com") {
+    F(this, "socket", null);
+    F(this, "token");
+    F(this, "sessionId");
+    F(this, "onMessageCallback");
+    F(this, "onStatusCallback");
+    F(this, "reconnectAttempts", 0);
+    F(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 d = JSON.parse(i.data);
+          (v = this.onMessageCallback) == null || v.call(this, d);
+        } catch (d) {
+          console.error("Failed to parse message:", d);
+        }
+      }, 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 zt = ({
+  session: n,
+  companyInfo: s,
+  onClose: l
+}) => {
+  const [i, v] = P([]), [d, y] = P(""), [b, u] = P(!1), [h, p] = P("disconnected"), E = U(null), R = U(null);
+  ce(() => (R.current = new Wt(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" });
+  }, A = () => {
+    var w;
+    if (!d.trim() || h !== "connected") return;
+    const o = {
+      id: Date.now().toString(),
+      content: d,
+      timestamp: /* @__PURE__ */ new Date(),
+      sender: "user"
+    };
+    v(($) => [...$, o]), (w = R.current) == null || w.sendMessage(d), y(""), u(!0);
+  }, M = (o) => {
+    o.key === "Enter" && !o.shiftKey && (o.preventDefault(), A());
+  }, 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(
+          z,
+          {
+            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: d,
+            onChange: (o) => y(o.target.value),
+            onKeyPress: M,
+            placeholder: "Type your message...",
+            disabled: h !== "connected",
+            className: "flex-1"
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          z,
+          {
+            onClick: A,
+            disabled: !d.trim() || h !== "connected",
+            size: "icon",
+            children: /* @__PURE__ */ t.jsx(Ve, { 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..." })
+    ] })
+  ] });
+}, Vt = ({ config: n }) => {
+  const [s, l] = P("contact-form"), [i, v] = P(
+    null
+  ), [d, y] = P(null), [b, u] = P(!1), [h, p] = P(null), [E, R] = S.useState(!1), T = new Tt(n);
+  ce(() => {
+    A();
+  }, [n]);
+  const A = 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(
+        Lt,
+        {
+          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(z, { style: { color: "#00000080" }, size: "icon", children: /* @__PURE__ */ t.jsx(Ft, { height: 24 }) }),
+                /* @__PURE__ */ t.jsx(z, { style: { color: "#00000080" }, size: "icon", children: /* @__PURE__ */ t.jsx(Ve, {}) })
+              ] })
+            ]
+          }
+        )
+      ] }),
+      s === "chat" && d && i && /* @__PURE__ */ t.jsx(
+        zt,
+        {
+          session: d,
+          companyInfo: i,
+          onClose: O
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t.jsx(
+      z,
+      {
+        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: d = "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: d,
+    requireContactInfo: y,
+    allowAnonymous: b
+  };
+  return n ? /* @__PURE__ */ t.jsx(Vt, { config: u }) : (console.error("LuliChat: API key is required"), null);
+};
+export {
+  qt as default
+};