@telelogx/analytick-widget 1.0.0 → 1.0.2

package/dist/analytick-widget.es.js

@@ -87,19 +87,19 @@ function $() {
 }
 function I(n2, l2, u2, t2, i2, r2, o2, e2, f2, c2, s2) {
   var a2, h2, y2, w2, d2, g2, _2, m2 = t2 && t2.__k || v$1, b = l2.length;
-  for (f2 = P$1(u2, l2, m2, f2, b), a2 = 0; a2 < b; a2++) null != (y2 = u2.__k[a2]) && (h2 = -1 == y2.__i ? p$1 : m2[y2.__i] || p$1, y2.__i = a2, g2 = O(n2, y2, h2, i2, r2, o2, e2, f2, c2, s2), w2 = y2.__e, y2.ref && h2.ref != y2.ref && (h2.ref && B$2(h2.ref, null, y2), s2.push(y2.ref, y2.__c || w2, y2)), null == d2 && null != w2 && (d2 = w2), (_2 = !!(4 & y2.__u)) || h2.__k === y2.__k ? f2 = A$1(y2, f2, n2, _2) : "function" == typeof y2.type && void 0 !== g2 ? f2 = g2 : w2 && (f2 = w2.nextSibling), y2.__u &= -7);
+  for (f2 = P$1(u2, l2, m2, f2, b), a2 = 0; a2 < b; a2++) null != (y2 = u2.__k[a2]) && (h2 = -1 == y2.__i ? p$1 : m2[y2.__i] || p$1, y2.__i = a2, g2 = O(n2, y2, h2, i2, r2, o2, e2, f2, c2, s2), w2 = y2.__e, y2.ref && h2.ref != y2.ref && (h2.ref && B$2(h2.ref, null, y2), s2.push(y2.ref, y2.__c || w2, y2)), null == d2 && null != w2 && (d2 = w2), (_2 = !!(4 & y2.__u)) || h2.__k === y2.__k ? f2 = A$2(y2, f2, n2, _2) : "function" == typeof y2.type && void 0 !== g2 ? f2 = g2 : w2 && (f2 = w2.nextSibling), y2.__u &= -7);
   return u2.__e = d2, f2;
 }
 function P$1(n2, l2, u2, t2, i2) {
   var r2, o2, e2, f2, c2, s2 = u2.length, a2 = s2, h2 = 0;
   for (n2.__k = new Array(i2), r2 = 0; r2 < i2; r2++) null != (o2 = l2[r2]) && "boolean" != typeof o2 && "function" != typeof o2 ? (f2 = r2 + h2, (o2 = n2.__k[r2] = "string" == typeof o2 || "number" == typeof o2 || "bigint" == typeof o2 || o2.constructor == String ? m$1(null, o2, null, null, null) : w$1(o2) ? m$1(k$1, { children: o2 }, null, null, null) : null == o2.constructor && o2.__b > 0 ? m$1(o2.type, o2.props, o2.key, o2.ref ? o2.ref : null, o2.__v) : o2).__ = n2, o2.__b = n2.__b + 1, e2 = null, -1 != (c2 = o2.__i = L(o2, u2, f2, a2)) && (a2--, (e2 = u2[c2]) && (e2.__u |= 2)), null == e2 || null == e2.__v ? (-1 == c2 && (i2 > s2 ? h2-- : i2 < s2 && h2++), "function" != typeof o2.type && (o2.__u |= 4)) : c2 != f2 && (c2 == f2 - 1 ? h2-- : c2 == f2 + 1 ? h2++ : (c2 > f2 ? h2-- : h2++, o2.__u |= 4))) : n2.__k[r2] = null;
-  if (a2) for (r2 = 0; r2 < s2; r2++) null != (e2 = u2[r2]) && 0 == (2 & e2.__u) && (e2.__e == t2 && (t2 = S(e2)), D$1(e2, e2));
+  if (a2) for (r2 = 0; r2 < s2; r2++) null != (e2 = u2[r2]) && 0 == (2 & e2.__u) && (e2.__e == t2 && (t2 = S(e2)), D$2(e2, e2));
   return t2;
 }
-function A$1(n2, l2, u2, t2) {
+function A$2(n2, l2, u2, t2) {
   var i2, r2;
   if ("function" == typeof n2.type) {
-    for (i2 = n2.__k, r2 = 0; i2 && r2 < i2.length; r2++) i2[r2] && (i2[r2].__ = n2, l2 = A$1(i2[r2], l2, u2, t2));
+    for (i2 = n2.__k, r2 = 0; i2 && r2 < i2.length; r2++) i2[r2] && (i2[r2].__ = n2, l2 = A$2(i2[r2], l2, u2, t2));
     return l2;
   }
   n2.__e != l2 && (t2 && (l2 && n2.type && !l2.parentNode && (l2 = S(n2)), u2.insertBefore(n2.__e, l2 || null)), l2 = n2.__e);
@@ -247,7 +247,7 @@ function B$2(n2, u2, t2) {
     l$1.__e(n3, t2);
   }
 }
-function D$1(n2, u2, t2) {
+function D$2(n2, u2, t2) {
   var i2, r2;
   if (l$1.unmount && l$1.unmount(n2), (i2 = n2.ref) && (i2.current && i2.current != n2.__e || B$2(i2, null, u2)), null != (i2 = n2.__c)) {
     if (i2.componentWillUnmount) try {
@@ -257,7 +257,7 @@ function D$1(n2, u2, t2) {
     }
     i2.base = i2.__P = null;
   }
-  if (i2 = n2.__k) for (r2 = 0; r2 < i2.length; r2++) i2[r2] && D$1(i2[r2], u2, t2 || "function" != typeof n2.type);
+  if (i2 = n2.__k) for (r2 = 0; r2 < i2.length; r2++) i2[r2] && D$2(i2[r2], u2, t2 || "function" != typeof n2.type);
   t2 || g$1(n2.__e), n2.__c = n2.__ = n2.__e = void 0;
 }
 function E$1(n2, l2, u2) {
@@ -305,12 +305,316 @@ n = v$1.slice, l$1 = { __e: function(n2, l2, u2, t2) {
 }, x$1.prototype.render = k$1, i$1 = [], o$1 = "function" == typeof Promise ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, e$1 = function(n2, l2) {
   return n2.__v.__b - l2.__v.__b;
 }, $.__r = 0, f$2 = /(PointerCapture)$|Capture$/i, c$1 = 0, s$1 = F$1(false), a$1 = F$1(true), h$1 = 0;
-var f$1 = 0;
-function u$1(e2, t2, n2, o2, i2, u2) {
+var t, r, u$1, i, o = 0, f$1 = [], c = l$1, e = c.__b, a = c.__r, v = c.diffed, l = c.__c, m = c.unmount, s = c.__;
+function p(n2, t2) {
+  c.__h && c.__h(r, n2, o || t2), o = 0;
+  var u2 = r.__H || (r.__H = { __: [], __h: [] });
+  return n2 >= u2.__.length && u2.__.push({}), u2.__[n2];
+}
+function d(n2) {
+  return o = 1, h(D$1, n2);
+}
+function h(n2, u2, i2) {
+  var o2 = p(t++, 2);
+  if (o2.t = n2, !o2.__c && (o2.__ = [i2 ? i2(u2) : D$1(void 0, u2), function(n3) {
+    var t2 = o2.__N ? o2.__N[0] : o2.__[0], r2 = o2.t(t2, n3);
+    t2 !== r2 && (o2.__N = [r2, o2.__[1]], o2.__c.setState({}));
+  }], o2.__c = r, !r.__f)) {
+    var f2 = function(n3, t2, r2) {
+      if (!o2.__c.__H) return true;
+      var u3 = o2.__c.__H.__.filter(function(n4) {
+        return !!n4.__c;
+      });
+      if (u3.every(function(n4) {
+        return !n4.__N;
+      })) return !c2 || c2.call(this, n3, t2, r2);
+      var i3 = o2.__c.props !== n3;
+      return u3.forEach(function(n4) {
+        if (n4.__N) {
+          var t3 = n4.__[0];
+          n4.__ = n4.__N, n4.__N = void 0, t3 !== n4.__[0] && (i3 = true);
+        }
+      }), c2 && c2.call(this, n3, t2, r2) || i3;
+    };
+    r.__f = true;
+    var c2 = r.shouldComponentUpdate, e2 = r.componentWillUpdate;
+    r.componentWillUpdate = function(n3, t2, r2) {
+      if (this.__e) {
+        var u3 = c2;
+        c2 = void 0, f2(n3, t2, r2), c2 = u3;
+      }
+      e2 && e2.call(this, n3, t2, r2);
+    }, r.shouldComponentUpdate = f2;
+  }
+  return o2.__N || o2.__;
+}
+function y(n2, u2) {
+  var i2 = p(t++, 3);
+  !c.__s && C(i2.__H, u2) && (i2.__ = n2, i2.u = u2, r.__H.__h.push(i2));
+}
+function A$1(n2) {
+  return o = 5, T$1(function() {
+    return { current: n2 };
+  }, []);
+}
+function T$1(n2, r2) {
+  var u2 = p(t++, 7);
+  return C(u2.__H, r2) && (u2.__ = n2(), u2.__H = r2, u2.__h = n2), u2.__;
+}
+function q$1(n2, t2) {
+  return o = 8, T$1(function() {
+    return n2;
+  }, t2);
+}
+function x(n2) {
+  var u2 = r.context[n2.__c], i2 = p(t++, 9);
+  return i2.c = n2, u2 ? (null == i2.__ && (i2.__ = true, u2.sub(r)), u2.props.value) : n2.__;
+}
+function j$1() {
+  for (var n2; n2 = f$1.shift(); ) if (n2.__P && n2.__H) try {
+    n2.__H.__h.forEach(z), n2.__H.__h.forEach(B$1), n2.__H.__h = [];
+  } catch (t2) {
+    n2.__H.__h = [], c.__e(t2, n2.__v);
+  }
+}
+c.__b = function(n2) {
+  r = null, e && e(n2);
+}, c.__ = function(n2, t2) {
+  n2 && t2.__k && t2.__k.__m && (n2.__m = t2.__k.__m), s && s(n2, t2);
+}, c.__r = function(n2) {
+  a && a(n2), t = 0;
+  var i2 = (r = n2.__c).__H;
+  i2 && (u$1 === r ? (i2.__h = [], r.__h = [], i2.__.forEach(function(n3) {
+    n3.__N && (n3.__ = n3.__N), n3.u = n3.__N = void 0;
+  })) : (i2.__h.forEach(z), i2.__h.forEach(B$1), i2.__h = [], t = 0)), u$1 = r;
+}, c.diffed = function(n2) {
+  v && v(n2);
+  var t2 = n2.__c;
+  t2 && t2.__H && (t2.__H.__h.length && (1 !== f$1.push(t2) && i === c.requestAnimationFrame || ((i = c.requestAnimationFrame) || w)(j$1)), t2.__H.__.forEach(function(n3) {
+    n3.u && (n3.__H = n3.u), n3.u = void 0;
+  })), u$1 = r = null;
+}, c.__c = function(n2, t2) {
+  t2.some(function(n3) {
+    try {
+      n3.__h.forEach(z), n3.__h = n3.__h.filter(function(n4) {
+        return !n4.__ || B$1(n4);
+      });
+    } catch (r2) {
+      t2.some(function(n4) {
+        n4.__h && (n4.__h = []);
+      }), t2 = [], c.__e(r2, n3.__v);
+    }
+  }), l && l(n2, t2);
+}, c.unmount = function(n2) {
+  m && m(n2);
+  var t2, r2 = n2.__c;
+  r2 && r2.__H && (r2.__H.__.forEach(function(n3) {
+    try {
+      z(n3);
+    } catch (n4) {
+      t2 = n4;
+    }
+  }), r2.__H = void 0, t2 && c.__e(t2, r2.__v));
+};
+var k = "function" == typeof requestAnimationFrame;
+function w(n2) {
+  var t2, r2 = function() {
+    clearTimeout(u2), k && cancelAnimationFrame(t2), setTimeout(n2);
+  }, u2 = setTimeout(r2, 35);
+  k && (t2 = requestAnimationFrame(r2));
+}
+function z(n2) {
+  var t2 = r, u2 = n2.__c;
+  "function" == typeof u2 && (n2.__c = void 0, u2()), r = t2;
+}
+function B$1(n2) {
+  var t2 = r;
+  n2.__c = n2.__(), r = t2;
+}
+function C(n2, t2) {
+  return !n2 || n2.length !== t2.length || t2.some(function(t3, r2) {
+    return t3 !== n2[r2];
+  });
+}
+function D$1(n2, t2) {
+  return "function" == typeof t2 ? t2(n2) : t2;
+}
+function g(n2, t2) {
+  for (var e2 in t2) n2[e2] = t2[e2];
+  return n2;
+}
+function E(n2, t2) {
+  for (var e2 in n2) if ("__source" !== e2 && !(e2 in t2)) return true;
+  for (var r2 in t2) if ("__source" !== r2 && n2[r2] !== t2[r2]) return true;
+  return false;
+}
+function N(n2, t2) {
+  this.props = n2, this.context = t2;
+}
+(N.prototype = new x$1()).isPureReactComponent = true, N.prototype.shouldComponentUpdate = function(n2, t2) {
+  return E(this.props, n2) || E(this.state, t2);
+};
+var T = l$1.__b;
+l$1.__b = function(n2) {
+  n2.type && n2.type.__f && n2.ref && (n2.props.ref = n2.ref, n2.ref = null), T && T(n2);
+};
+var A = "undefined" != typeof Symbol && Symbol.for && Symbol.for("react.forward_ref") || 3911;
+function D(n2) {
+  function t2(t3) {
+    var e2 = g({}, t3);
+    return delete e2.ref, n2(e2, t3.ref || null);
+  }
+  return t2.$$typeof = A, t2.render = n2, t2.prototype.isReactComponent = t2.__f = true, t2.displayName = "ForwardRef(" + (n2.displayName || n2.name) + ")", t2;
+}
+var F = l$1.__e;
+l$1.__e = function(n2, t2, e2, r2) {
+  if (n2.then) {
+    for (var u2, o2 = t2; o2 = o2.__; ) if ((u2 = o2.__c) && u2.__c) return null == t2.__e && (t2.__e = e2.__e, t2.__k = e2.__k), u2.__c(n2, t2);
+  }
+  F(n2, t2, e2, r2);
+};
+var U = l$1.unmount;
+function V(n2, t2, e2) {
+  return n2 && (n2.__c && n2.__c.__H && (n2.__c.__H.__.forEach(function(n3) {
+    "function" == typeof n3.__c && n3.__c();
+  }), n2.__c.__H = null), null != (n2 = g({}, n2)).__c && (n2.__c.__P === e2 && (n2.__c.__P = t2), n2.__c.__e = true, n2.__c = null), n2.__k = n2.__k && n2.__k.map(function(n3) {
+    return V(n3, t2, e2);
+  })), n2;
+}
+function W(n2, t2, e2) {
+  return n2 && e2 && (n2.__v = null, n2.__k = n2.__k && n2.__k.map(function(n3) {
+    return W(n3, t2, e2);
+  }), n2.__c && n2.__c.__P === t2 && (n2.__e && e2.appendChild(n2.__e), n2.__c.__e = true, n2.__c.__P = e2)), n2;
+}
+function P() {
+  this.__u = 0, this.o = null, this.__b = null;
+}
+function j(n2) {
+  var t2 = n2.__.__c;
+  return t2 && t2.__a && t2.__a(n2);
+}
+function B() {
+  this.i = null, this.l = null;
+}
+l$1.unmount = function(n2) {
+  var t2 = n2.__c;
+  t2 && t2.__R && t2.__R(), t2 && 32 & n2.__u && (n2.type = null), U && U(n2);
+}, (P.prototype = new x$1()).__c = function(n2, t2) {
+  var e2 = t2.__c, r2 = this;
+  null == r2.o && (r2.o = []), r2.o.push(e2);
+  var u2 = j(r2.__v), o2 = false, i2 = function() {
+    o2 || (o2 = true, e2.__R = null, u2 ? u2(l2) : l2());
+  };
+  e2.__R = i2;
+  var l2 = function() {
+    if (!--r2.__u) {
+      if (r2.state.__a) {
+        var n3 = r2.state.__a;
+        r2.__v.__k[0] = W(n3, n3.__c.__P, n3.__c.__O);
+      }
+      var t3;
+      for (r2.setState({ __a: r2.__b = null }); t3 = r2.o.pop(); ) t3.forceUpdate();
+    }
+  };
+  r2.__u++ || 32 & t2.__u || r2.setState({ __a: r2.__b = r2.__v.__k[0] }), n2.then(i2, i2);
+}, P.prototype.componentWillUnmount = function() {
+  this.o = [];
+}, P.prototype.render = function(n2, e2) {
+  if (this.__b) {
+    if (this.__v.__k) {
+      var r2 = document.createElement("div"), o2 = this.__v.__k[0].__c;
+      this.__v.__k[0] = V(this.__b, r2, o2.__O = o2.__P);
+    }
+    this.__b = null;
+  }
+  var i2 = e2.__a && _(k$1, null, n2.fallback);
+  return i2 && (i2.__u &= -33), [_(k$1, null, e2.__a ? null : n2.children), i2];
+};
+var H = function(n2, t2, e2) {
+  if (++e2[1] === e2[0] && n2.l.delete(t2), n2.props.revealOrder && ("t" !== n2.props.revealOrder[0] || !n2.l.size)) for (e2 = n2.i; e2; ) {
+    for (; e2.length > 3; ) e2.pop()();
+    if (e2[1] < e2[0]) break;
+    n2.i = e2 = e2[2];
+  }
+};
+(B.prototype = new x$1()).__a = function(n2) {
+  var t2 = this, e2 = j(t2.__v), r2 = t2.l.get(n2);
+  return r2[0]++, function(u2) {
+    var o2 = function() {
+      t2.props.revealOrder ? (r2.push(u2), H(t2, n2, r2)) : u2();
+    };
+    e2 ? e2(o2) : o2();
+  };
+}, B.prototype.render = function(n2) {
+  this.i = null, this.l = /* @__PURE__ */ new Map();
+  var t2 = H$1(n2.children);
+  n2.revealOrder && "b" === n2.revealOrder[0] && t2.reverse();
+  for (var e2 = t2.length; e2--; ) this.l.set(t2[e2], this.i = [1, 0, this.i]);
+  return n2.children;
+}, B.prototype.componentDidUpdate = B.prototype.componentDidMount = function() {
+  var n2 = this;
+  this.l.forEach(function(t2, e2) {
+    H(n2, e2, t2);
+  });
+};
+var q = "undefined" != typeof Symbol && Symbol.for && Symbol.for("react.element") || 60103, G = /^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/, J = /^on(Ani|Tra|Tou|BeforeInp|Compo)/, K = /[A-Z0-9]/g, Q = "undefined" != typeof document, X = function(n2) {
+  return ("undefined" != typeof Symbol && "symbol" == typeof Symbol() ? /fil|che|rad/ : /fil|che|ra/).test(n2);
+};
+x$1.prototype.isReactComponent = {}, ["componentWillMount", "componentWillReceiveProps", "componentWillUpdate"].forEach(function(t2) {
+  Object.defineProperty(x$1.prototype, t2, { configurable: true, get: function() {
+    return this["UNSAFE_" + t2];
+  }, set: function(n2) {
+    Object.defineProperty(this, t2, { configurable: true, writable: true, value: n2 });
+  } });
+});
+var en = l$1.event;
+function rn() {
+}
+function un() {
+  return this.cancelBubble;
+}
+function on() {
+  return this.defaultPrevented;
+}
+l$1.event = function(n2) {
+  return en && (n2 = en(n2)), n2.persist = rn, n2.isPropagationStopped = un, n2.isDefaultPrevented = on, n2.nativeEvent = n2;
+};
+var cn = { enumerable: false, configurable: true, get: function() {
+  return this.class;
+} }, fn = l$1.vnode;
+l$1.vnode = function(n2) {
+  "string" == typeof n2.type && (function(n3) {
+    var t2 = n3.props, e2 = n3.type, u2 = {}, o2 = -1 === e2.indexOf("-");
+    for (var i2 in t2) {
+      var l2 = t2[i2];
+      if (!("value" === i2 && "defaultValue" in t2 && null == l2 || Q && "children" === i2 && "noscript" === e2 || "class" === i2 || "className" === i2)) {
+        var c2 = i2.toLowerCase();
+        "defaultValue" === i2 && "value" in t2 && null == t2.value ? i2 = "value" : "download" === i2 && true === l2 ? l2 = "" : "translate" === c2 && "no" === l2 ? l2 = false : "o" === c2[0] && "n" === c2[1] ? "ondoubleclick" === c2 ? i2 = "ondblclick" : "onchange" !== c2 || "input" !== e2 && "textarea" !== e2 || X(t2.type) ? "onfocus" === c2 ? i2 = "onfocusin" : "onblur" === c2 ? i2 = "onfocusout" : J.test(i2) && (i2 = c2) : c2 = i2 = "oninput" : o2 && G.test(i2) ? i2 = i2.replace(K, "-$&").toLowerCase() : null === l2 && (l2 = void 0), "oninput" === c2 && u2[i2 = c2] && (i2 = "oninputCapture"), u2[i2] = l2;
+      }
+    }
+    "select" == e2 && u2.multiple && Array.isArray(u2.value) && (u2.value = H$1(t2.children).forEach(function(n4) {
+      n4.props.selected = -1 != u2.value.indexOf(n4.props.value);
+    })), "select" == e2 && null != u2.defaultValue && (u2.value = H$1(t2.children).forEach(function(n4) {
+      n4.props.selected = u2.multiple ? -1 != u2.defaultValue.indexOf(n4.props.value) : u2.defaultValue == n4.props.value;
+    })), t2.class && !t2.className ? (u2.class = t2.class, Object.defineProperty(u2, "className", cn)) : (t2.className && !t2.class || t2.class && t2.className) && (u2.class = u2.className = t2.className), n3.props = u2;
+  })(n2), n2.$$typeof = q, fn && fn(n2);
+};
+var an = l$1.__r;
+l$1.__r = function(n2) {
+  an && an(n2), n2.__c;
+};
+var sn = l$1.diffed;
+l$1.diffed = function(n2) {
+  sn && sn(n2);
+  var t2 = n2.props, e2 = n2.__e;
+  null != e2 && "textarea" === n2.type && "value" in t2 && t2.value !== e2.value && (e2.value = null == t2.value ? "" : t2.value);
+};
+var f = 0;
+function u(e2, t2, n2, o2, i2, u2) {
   t2 || (t2 = {});
   var a2, c2, p2 = t2;
   if ("ref" in p2) for (c2 in p2 = {}, t2) "ref" == c2 ? a2 = t2[c2] : p2[c2] = t2[c2];
-  var l2 = { type: e2, props: p2, key: n2, ref: a2, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --f$1, __i: -1, __u: 0, __source: i2, __self: u2 };
+  var l2 = { type: e2, props: p2, key: n2, ref: a2, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --f, __i: -1, __u: 0, __source: i2, __self: u2 };
   if ("function" == typeof e2 && (a2 = e2.defaultProps)) for (c2 in a2) void 0 === p2[c2] && (p2[c2] = a2[c2]);
   return l$1.vnode && l$1.vnode(l2), l2;
 }
@@ -1580,155 +1884,21 @@ class Client {
   /**
    * NACK a message. It is preferable to acknowledge a message by calling [nack]{@link IMessage#nack} directly
    * on the {@link IMessage} handled by a subscription callback:
-   *
-   * ```javascript
-   *        var callback = function (message) {
-   *          // process the message
-   *          // an error occurs, nack it
-   *          message.nack();
-   *        };
-   *        client.subscribe(destination, callback, {'ack': 'client'});
-   * ```
-   */
-  nack(messageId, subscriptionId, headers = {}) {
-    this._checkConnection();
-    this._stompHandler.nack(messageId, subscriptionId, headers);
-  }
-}
-var t, r, u, i, o = 0, f = [], c = l$1, e = c.__b, a = c.__r, v = c.diffed, l = c.__c, m = c.unmount, s = c.__;
-function p(n2, t2) {
-  c.__h && c.__h(r, n2, o || t2), o = 0;
-  var u2 = r.__H || (r.__H = { __: [], __h: [] });
-  return n2 >= u2.__.length && u2.__.push({}), u2.__[n2];
-}
-function d(n2) {
-  return o = 1, h(D, n2);
-}
-function h(n2, u2, i2) {
-  var o2 = p(t++, 2);
-  if (o2.t = n2, !o2.__c && (o2.__ = [i2 ? i2(u2) : D(void 0, u2), function(n3) {
-    var t2 = o2.__N ? o2.__N[0] : o2.__[0], r2 = o2.t(t2, n3);
-    t2 !== r2 && (o2.__N = [r2, o2.__[1]], o2.__c.setState({}));
-  }], o2.__c = r, !r.__f)) {
-    var f2 = function(n3, t2, r2) {
-      if (!o2.__c.__H) return true;
-      var u3 = o2.__c.__H.__.filter(function(n4) {
-        return !!n4.__c;
-      });
-      if (u3.every(function(n4) {
-        return !n4.__N;
-      })) return !c2 || c2.call(this, n3, t2, r2);
-      var i3 = o2.__c.props !== n3;
-      return u3.forEach(function(n4) {
-        if (n4.__N) {
-          var t3 = n4.__[0];
-          n4.__ = n4.__N, n4.__N = void 0, t3 !== n4.__[0] && (i3 = true);
-        }
-      }), c2 && c2.call(this, n3, t2, r2) || i3;
-    };
-    r.__f = true;
-    var c2 = r.shouldComponentUpdate, e2 = r.componentWillUpdate;
-    r.componentWillUpdate = function(n3, t2, r2) {
-      if (this.__e) {
-        var u3 = c2;
-        c2 = void 0, f2(n3, t2, r2), c2 = u3;
-      }
-      e2 && e2.call(this, n3, t2, r2);
-    }, r.shouldComponentUpdate = f2;
-  }
-  return o2.__N || o2.__;
-}
-function y(n2, u2) {
-  var i2 = p(t++, 3);
-  !c.__s && C(i2.__H, u2) && (i2.__ = n2, i2.u = u2, r.__H.__h.push(i2));
-}
-function A(n2) {
-  return o = 5, T$1(function() {
-    return { current: n2 };
-  }, []);
-}
-function T$1(n2, r2) {
-  var u2 = p(t++, 7);
-  return C(u2.__H, r2) && (u2.__ = n2(), u2.__H = r2, u2.__h = n2), u2.__;
-}
-function q$1(n2, t2) {
-  return o = 8, T$1(function() {
-    return n2;
-  }, t2);
-}
-function x(n2) {
-  var u2 = r.context[n2.__c], i2 = p(t++, 9);
-  return i2.c = n2, u2 ? (null == i2.__ && (i2.__ = true, u2.sub(r)), u2.props.value) : n2.__;
-}
-function j$1() {
-  for (var n2; n2 = f.shift(); ) if (n2.__P && n2.__H) try {
-    n2.__H.__h.forEach(z), n2.__H.__h.forEach(B$1), n2.__H.__h = [];
-  } catch (t2) {
-    n2.__H.__h = [], c.__e(t2, n2.__v);
+   *
+   * ```javascript
+   *        var callback = function (message) {
+   *          // process the message
+   *          // an error occurs, nack it
+   *          message.nack();
+   *        };
+   *        client.subscribe(destination, callback, {'ack': 'client'});
+   * ```
+   */
+  nack(messageId, subscriptionId, headers = {}) {
+    this._checkConnection();
+    this._stompHandler.nack(messageId, subscriptionId, headers);
   }
 }
-c.__b = function(n2) {
-  r = null, e && e(n2);
-}, c.__ = function(n2, t2) {
-  n2 && t2.__k && t2.__k.__m && (n2.__m = t2.__k.__m), s && s(n2, t2);
-}, c.__r = function(n2) {
-  a && a(n2), t = 0;
-  var i2 = (r = n2.__c).__H;
-  i2 && (u === r ? (i2.__h = [], r.__h = [], i2.__.forEach(function(n3) {
-    n3.__N && (n3.__ = n3.__N), n3.u = n3.__N = void 0;
-  })) : (i2.__h.forEach(z), i2.__h.forEach(B$1), i2.__h = [], t = 0)), u = r;
-}, c.diffed = function(n2) {
-  v && v(n2);
-  var t2 = n2.__c;
-  t2 && t2.__H && (t2.__H.__h.length && (1 !== f.push(t2) && i === c.requestAnimationFrame || ((i = c.requestAnimationFrame) || w)(j$1)), t2.__H.__.forEach(function(n3) {
-    n3.u && (n3.__H = n3.u), n3.u = void 0;
-  })), u = r = null;
-}, c.__c = function(n2, t2) {
-  t2.some(function(n3) {
-    try {
-      n3.__h.forEach(z), n3.__h = n3.__h.filter(function(n4) {
-        return !n4.__ || B$1(n4);
-      });
-    } catch (r2) {
-      t2.some(function(n4) {
-        n4.__h && (n4.__h = []);
-      }), t2 = [], c.__e(r2, n3.__v);
-    }
-  }), l && l(n2, t2);
-}, c.unmount = function(n2) {
-  m && m(n2);
-  var t2, r2 = n2.__c;
-  r2 && r2.__H && (r2.__H.__.forEach(function(n3) {
-    try {
-      z(n3);
-    } catch (n4) {
-      t2 = n4;
-    }
-  }), r2.__H = void 0, t2 && c.__e(t2, r2.__v));
-};
-var k = "function" == typeof requestAnimationFrame;
-function w(n2) {
-  var t2, r2 = function() {
-    clearTimeout(u2), k && cancelAnimationFrame(t2), setTimeout(n2);
-  }, u2 = setTimeout(r2, 35);
-  k && (t2 = requestAnimationFrame(r2));
-}
-function z(n2) {
-  var t2 = r, u2 = n2.__c;
-  "function" == typeof u2 && (n2.__c = void 0, u2()), r = t2;
-}
-function B$1(n2) {
-  var t2 = r;
-  n2.__c = n2.__(), r = t2;
-}
-function C(n2, t2) {
-  return !n2 || n2.length !== t2.length || t2.some(function(t3, r2) {
-    return t3 !== n2[r2];
-  });
-}
-function D(n2, t2) {
-  return "function" == typeof t2 ? t2(n2) : t2;
-}
 const StompConnectionContext = Q$1(null);
 const useStompConnectionContext = () => {
   const context = x(StompConnectionContext);
@@ -1739,15 +1909,15 @@ const useStompConnectionContext = () => {
 };
 const StompConnectionProvider = ({ children }) => {
   const [connectionState, setConnectionState] = d("disconnected");
-  const clientRef = A(null);
-  const configRef = A(null);
-  const userRef = A(null);
-  const isConnectingRef = A(false);
-  const connectionStateRef = A("disconnected");
-  const subscriptionsRef = A(/* @__PURE__ */ new Map());
-  const messageCallbacksRef = A(/* @__PURE__ */ new Set());
-  const announcementCallbacksRef = A(/* @__PURE__ */ new Set());
-  const tokenRefreshCallbacksRef = A(/* @__PURE__ */ new Set());
+  const clientRef = A$1(null);
+  const configRef = A$1(null);
+  const userRef = A$1(null);
+  const isConnectingRef = A$1(false);
+  const connectionStateRef = A$1("disconnected");
+  const subscriptionsRef = A$1(/* @__PURE__ */ new Map());
+  const messageCallbacksRef = A$1(/* @__PURE__ */ new Set());
+  const announcementCallbacksRef = A$1(/* @__PURE__ */ new Set());
+  const tokenRefreshCallbacksRef = A$1(/* @__PURE__ */ new Set());
   const updateConnectionState = q$1((state) => {
     if (connectionStateRef.current !== state) {
       console.log("STOMP Context: Connection state changed from", connectionStateRef.current, "to", state);
@@ -1989,11 +2159,11 @@ const StompConnectionProvider = ({ children }) => {
     onAnnouncement,
     onTokenRefresh
   };
-  return /* @__PURE__ */ u$1(StompConnectionContext.Provider, { value: contextValue, children });
+  return /* @__PURE__ */ u(StompConnectionContext.Provider, { value: contextValue, children });
 };
 const WidgetContext = Q$1(null);
 const WidgetProvider = ({ value, children }) => {
-  return /* @__PURE__ */ u$1(WidgetContext.Provider, { value, children });
+  return /* @__PURE__ */ u(WidgetContext.Provider, { value, children });
 };
 const useWidgetContext = () => {
   const context = x(WidgetContext);
@@ -4540,168 +4710,6 @@ class Browser {
   }
 }
 Browser.type = "languageDetector";
-function g(n2, t2) {
-  for (var e2 in t2) n2[e2] = t2[e2];
-  return n2;
-}
-function E(n2, t2) {
-  for (var e2 in n2) if ("__source" !== e2 && !(e2 in t2)) return true;
-  for (var r2 in t2) if ("__source" !== r2 && n2[r2] !== t2[r2]) return true;
-  return false;
-}
-function N(n2, t2) {
-  this.props = n2, this.context = t2;
-}
-(N.prototype = new x$1()).isPureReactComponent = true, N.prototype.shouldComponentUpdate = function(n2, t2) {
-  return E(this.props, n2) || E(this.state, t2);
-};
-var T = l$1.__b;
-l$1.__b = function(n2) {
-  n2.type && n2.type.__f && n2.ref && (n2.props.ref = n2.ref, n2.ref = null), T && T(n2);
-};
-var F = l$1.__e;
-l$1.__e = function(n2, t2, e2, r2) {
-  if (n2.then) {
-    for (var u2, o2 = t2; o2 = o2.__; ) if ((u2 = o2.__c) && u2.__c) return null == t2.__e && (t2.__e = e2.__e, t2.__k = e2.__k), u2.__c(n2, t2);
-  }
-  F(n2, t2, e2, r2);
-};
-var U = l$1.unmount;
-function V(n2, t2, e2) {
-  return n2 && (n2.__c && n2.__c.__H && (n2.__c.__H.__.forEach(function(n3) {
-    "function" == typeof n3.__c && n3.__c();
-  }), n2.__c.__H = null), null != (n2 = g({}, n2)).__c && (n2.__c.__P === e2 && (n2.__c.__P = t2), n2.__c.__e = true, n2.__c = null), n2.__k = n2.__k && n2.__k.map(function(n3) {
-    return V(n3, t2, e2);
-  })), n2;
-}
-function W(n2, t2, e2) {
-  return n2 && e2 && (n2.__v = null, n2.__k = n2.__k && n2.__k.map(function(n3) {
-    return W(n3, t2, e2);
-  }), n2.__c && n2.__c.__P === t2 && (n2.__e && e2.appendChild(n2.__e), n2.__c.__e = true, n2.__c.__P = e2)), n2;
-}
-function P() {
-  this.__u = 0, this.o = null, this.__b = null;
-}
-function j(n2) {
-  var t2 = n2.__.__c;
-  return t2 && t2.__a && t2.__a(n2);
-}
-function B() {
-  this.i = null, this.l = null;
-}
-l$1.unmount = function(n2) {
-  var t2 = n2.__c;
-  t2 && t2.__R && t2.__R(), t2 && 32 & n2.__u && (n2.type = null), U && U(n2);
-}, (P.prototype = new x$1()).__c = function(n2, t2) {
-  var e2 = t2.__c, r2 = this;
-  null == r2.o && (r2.o = []), r2.o.push(e2);
-  var u2 = j(r2.__v), o2 = false, i2 = function() {
-    o2 || (o2 = true, e2.__R = null, u2 ? u2(l2) : l2());
-  };
-  e2.__R = i2;
-  var l2 = function() {
-    if (!--r2.__u) {
-      if (r2.state.__a) {
-        var n3 = r2.state.__a;
-        r2.__v.__k[0] = W(n3, n3.__c.__P, n3.__c.__O);
-      }
-      var t3;
-      for (r2.setState({ __a: r2.__b = null }); t3 = r2.o.pop(); ) t3.forceUpdate();
-    }
-  };
-  r2.__u++ || 32 & t2.__u || r2.setState({ __a: r2.__b = r2.__v.__k[0] }), n2.then(i2, i2);
-}, P.prototype.componentWillUnmount = function() {
-  this.o = [];
-}, P.prototype.render = function(n2, e2) {
-  if (this.__b) {
-    if (this.__v.__k) {
-      var r2 = document.createElement("div"), o2 = this.__v.__k[0].__c;
-      this.__v.__k[0] = V(this.__b, r2, o2.__O = o2.__P);
-    }
-    this.__b = null;
-  }
-  var i2 = e2.__a && _(k$1, null, n2.fallback);
-  return i2 && (i2.__u &= -33), [_(k$1, null, e2.__a ? null : n2.children), i2];
-};
-var H = function(n2, t2, e2) {
-  if (++e2[1] === e2[0] && n2.l.delete(t2), n2.props.revealOrder && ("t" !== n2.props.revealOrder[0] || !n2.l.size)) for (e2 = n2.i; e2; ) {
-    for (; e2.length > 3; ) e2.pop()();
-    if (e2[1] < e2[0]) break;
-    n2.i = e2 = e2[2];
-  }
-};
-(B.prototype = new x$1()).__a = function(n2) {
-  var t2 = this, e2 = j(t2.__v), r2 = t2.l.get(n2);
-  return r2[0]++, function(u2) {
-    var o2 = function() {
-      t2.props.revealOrder ? (r2.push(u2), H(t2, n2, r2)) : u2();
-    };
-    e2 ? e2(o2) : o2();
-  };
-}, B.prototype.render = function(n2) {
-  this.i = null, this.l = /* @__PURE__ */ new Map();
-  var t2 = H$1(n2.children);
-  n2.revealOrder && "b" === n2.revealOrder[0] && t2.reverse();
-  for (var e2 = t2.length; e2--; ) this.l.set(t2[e2], this.i = [1, 0, this.i]);
-  return n2.children;
-}, B.prototype.componentDidUpdate = B.prototype.componentDidMount = function() {
-  var n2 = this;
-  this.l.forEach(function(t2, e2) {
-    H(n2, e2, t2);
-  });
-};
-var q = "undefined" != typeof Symbol && Symbol.for && Symbol.for("react.element") || 60103, G = /^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/, J = /^on(Ani|Tra|Tou|BeforeInp|Compo)/, K = /[A-Z0-9]/g, Q = "undefined" != typeof document, X = function(n2) {
-  return ("undefined" != typeof Symbol && "symbol" == typeof Symbol() ? /fil|che|rad/ : /fil|che|ra/).test(n2);
-};
-x$1.prototype.isReactComponent = {}, ["componentWillMount", "componentWillReceiveProps", "componentWillUpdate"].forEach(function(t2) {
-  Object.defineProperty(x$1.prototype, t2, { configurable: true, get: function() {
-    return this["UNSAFE_" + t2];
-  }, set: function(n2) {
-    Object.defineProperty(this, t2, { configurable: true, writable: true, value: n2 });
-  } });
-});
-var en = l$1.event;
-function rn() {
-}
-function un() {
-  return this.cancelBubble;
-}
-function on() {
-  return this.defaultPrevented;
-}
-l$1.event = function(n2) {
-  return en && (n2 = en(n2)), n2.persist = rn, n2.isPropagationStopped = un, n2.isDefaultPrevented = on, n2.nativeEvent = n2;
-};
-var cn = { enumerable: false, configurable: true, get: function() {
-  return this.class;
-} }, fn = l$1.vnode;
-l$1.vnode = function(n2) {
-  "string" == typeof n2.type && (function(n3) {
-    var t2 = n3.props, e2 = n3.type, u2 = {}, o2 = -1 === e2.indexOf("-");
-    for (var i2 in t2) {
-      var l2 = t2[i2];
-      if (!("value" === i2 && "defaultValue" in t2 && null == l2 || Q && "children" === i2 && "noscript" === e2 || "class" === i2 || "className" === i2)) {
-        var c2 = i2.toLowerCase();
-        "defaultValue" === i2 && "value" in t2 && null == t2.value ? i2 = "value" : "download" === i2 && true === l2 ? l2 = "" : "translate" === c2 && "no" === l2 ? l2 = false : "o" === c2[0] && "n" === c2[1] ? "ondoubleclick" === c2 ? i2 = "ondblclick" : "onchange" !== c2 || "input" !== e2 && "textarea" !== e2 || X(t2.type) ? "onfocus" === c2 ? i2 = "onfocusin" : "onblur" === c2 ? i2 = "onfocusout" : J.test(i2) && (i2 = c2) : c2 = i2 = "oninput" : o2 && G.test(i2) ? i2 = i2.replace(K, "-$&").toLowerCase() : null === l2 && (l2 = void 0), "oninput" === c2 && u2[i2 = c2] && (i2 = "oninputCapture"), u2[i2] = l2;
-      }
-    }
-    "select" == e2 && u2.multiple && Array.isArray(u2.value) && (u2.value = H$1(t2.children).forEach(function(n4) {
-      n4.props.selected = -1 != u2.value.indexOf(n4.props.value);
-    })), "select" == e2 && null != u2.defaultValue && (u2.value = H$1(t2.children).forEach(function(n4) {
-      n4.props.selected = u2.multiple ? -1 != u2.defaultValue.indexOf(n4.props.value) : u2.defaultValue == n4.props.value;
-    })), t2.class && !t2.className ? (u2.class = t2.class, Object.defineProperty(u2, "className", cn)) : (t2.className && !t2.class || t2.class && t2.className) && (u2.class = u2.className = t2.className), n3.props = u2;
-  })(n2), n2.$$typeof = q, fn && fn(n2);
-};
-var an = l$1.__r;
-l$1.__r = function(n2) {
-  an && an(n2), n2.__c;
-};
-var sn = l$1.diffed;
-l$1.diffed = function(n2) {
-  sn && sn(n2);
-  var t2 = n2.props, e2 = n2.__e;
-  null != e2 && "textarea" === n2.type && "value" in t2 && t2.value !== e2.value && (e2.value = null == t2.value ? "" : t2.value);
-};
 const warn = (i18n, code, msg, rest) => {
   var _a, _b, _c, _d;
   const args = [msg, __spreadValues({
@@ -4829,7 +4837,7 @@ class ReportNamespaces {
   }
 }
 const usePrevious = (value, ignore) => {
-  const ref = A();
+  const ref = A$1();
   y(() => {
     ref.current = value;
   }, [value, ignore]);
@@ -4878,7 +4886,7 @@ const useTranslation = (ns, props = {}) => {
   let joinedNS = namespaces.join();
   if (props.lng) joinedNS = `${props.lng}${joinedNS}`;
   const previousJoinedNS = usePrevious(joinedNS);
-  const isMounted = A(true);
+  const isMounted = A$1(true);
   y(() => {
     const {
       bindI18n,
@@ -5884,8 +5892,8 @@ const useAPIService = (config) => {
 const FallbackUI = ({ error, errorInfo, retryCount, maxRetries, onRetry, onReset, showDetails = false }) => {
   const canRetry = retryCount < maxRetries;
   const isMaxRetriesReached = retryCount >= maxRetries;
-  return /* @__PURE__ */ u$1("div", { className: "fixed bottom-5 right-5 bg-white border border-red-200 rounded-lg shadow-lg p-4 max-w-sm z-[1000]", children: /* @__PURE__ */ u$1("div", { className: "flex items-start", children: [
-    /* @__PURE__ */ u$1("div", { className: "flex-shrink-0", children: /* @__PURE__ */ u$1("svg", { className: "h-5 w-5 text-red-400", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ u$1(
+  return /* @__PURE__ */ u("div", { className: "fixed bottom-5 right-5 bg-white border border-red-200 rounded-lg shadow-lg p-4 max-w-sm z-[1000]", children: /* @__PURE__ */ u("div", { className: "flex items-start", children: [
+    /* @__PURE__ */ u("div", { className: "flex-shrink-0", children: /* @__PURE__ */ u("svg", { className: "h-5 w-5 text-red-400", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ u(
       "path",
       {
         fillRule: "evenodd",
@@ -5893,30 +5901,30 @@ const FallbackUI = ({ error, errorInfo, retryCount, maxRetries, onRetry, onReset
         clipRule: "evenodd"
       }
     ) }) }),
-    /* @__PURE__ */ u$1("div", { className: "ml-3 flex-1", children: [
-      /* @__PURE__ */ u$1("h3", { className: "text-sm font-medium text-red-800", children: isMaxRetriesReached ? "Widget Error" : "Temporary Error" }),
-      /* @__PURE__ */ u$1("div", { className: "mt-2 text-sm text-red-700", children: [
-        /* @__PURE__ */ u$1("p", { children: isMaxRetriesReached ? "The widget encountered an error and couldn't recover automatically." : "The widget encountered an error but will retry automatically." }),
-        retryCount > 0 && /* @__PURE__ */ u$1("p", { className: "mt-1 text-xs text-red-600", children: [
+    /* @__PURE__ */ u("div", { className: "ml-3 flex-1", children: [
+      /* @__PURE__ */ u("h3", { className: "text-sm font-medium text-red-800", children: isMaxRetriesReached ? "Widget Error" : "Temporary Error" }),
+      /* @__PURE__ */ u("div", { className: "mt-2 text-sm text-red-700", children: [
+        /* @__PURE__ */ u("p", { children: isMaxRetriesReached ? "The widget encountered an error and couldn't recover automatically." : "The widget encountered an error but will retry automatically." }),
+        retryCount > 0 && /* @__PURE__ */ u("p", { className: "mt-1 text-xs text-red-600", children: [
           "Retry attempt: ",
           retryCount,
           "/",
           maxRetries
         ] })
       ] }),
-      showDetails && error && /* @__PURE__ */ u$1("details", { className: "mt-2", children: [
-        /* @__PURE__ */ u$1("summary", { className: "text-xs text-red-600 cursor-pointer hover:text-red-800", children: "Show technical details" }),
-        /* @__PURE__ */ u$1("div", { className: "mt-1 text-xs text-red-600 font-mono bg-red-50 p-2 rounded border", children: [
-          /* @__PURE__ */ u$1("p", { className: "font-semibold", children: "Error:" }),
-          /* @__PURE__ */ u$1("p", { className: "mb-2", children: error.message }),
-          (errorInfo == null ? void 0 : errorInfo.componentStack) && /* @__PURE__ */ u$1(k$1, { children: [
-            /* @__PURE__ */ u$1("p", { className: "font-semibold", children: "Component Stack:" }),
-            /* @__PURE__ */ u$1("pre", { className: "whitespace-pre-wrap text-xs", children: errorInfo.componentStack })
+      showDetails && error && /* @__PURE__ */ u("details", { className: "mt-2", children: [
+        /* @__PURE__ */ u("summary", { className: "text-xs text-red-600 cursor-pointer hover:text-red-800", children: "Show technical details" }),
+        /* @__PURE__ */ u("div", { className: "mt-1 text-xs text-red-600 font-mono bg-red-50 p-2 rounded border", children: [
+          /* @__PURE__ */ u("p", { className: "font-semibold", children: "Error:" }),
+          /* @__PURE__ */ u("p", { className: "mb-2", children: error.message }),
+          (errorInfo == null ? void 0 : errorInfo.componentStack) && /* @__PURE__ */ u(k$1, { children: [
+            /* @__PURE__ */ u("p", { className: "font-semibold", children: "Component Stack:" }),
+            /* @__PURE__ */ u("pre", { className: "whitespace-pre-wrap text-xs", children: errorInfo.componentStack })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ u$1("div", { className: "mt-3 flex space-x-2", children: [
-        canRetry && /* @__PURE__ */ u$1(
+      /* @__PURE__ */ u("div", { className: "mt-3 flex space-x-2", children: [
+        canRetry && /* @__PURE__ */ u(
           "button",
           {
             type: "button",
@@ -5925,7 +5933,7 @@ const FallbackUI = ({ error, errorInfo, retryCount, maxRetries, onRetry, onReset
             children: "Retry Now"
           }
         ),
-        /* @__PURE__ */ u$1(
+        /* @__PURE__ */ u(
           "button",
           {
             type: "button",
@@ -6014,7 +6022,7 @@ class WidgetErrorBoundary extends x$1 {
       if (this.props.fallback) {
         return this.props.fallback;
       }
-      return /* @__PURE__ */ u$1(
+      return /* @__PURE__ */ u(
         FallbackUI,
         {
           error: this.state.error,
@@ -6162,8 +6170,8 @@ const handleUserValidationError = (error, storageService) => {
 };
 const usePersistence = ({ state, dispatch, storageService, orgId, widgetId }) => {
   const storageKey = `analytick-widget-${orgId}-${widgetId}`;
-  const stateRef = A(state);
-  const dispatchRef = A(dispatch);
+  const stateRef = A$1(state);
+  const dispatchRef = A$1(dispatch);
   stateRef.current = state;
   dispatchRef.current = dispatch;
   const loadPersistedState = q$1(() => __async(null, null, function* () {
@@ -6287,9 +6295,9 @@ const createPersistenceService = (orgId, widgetId) => {
   return createLocalStorageService(config);
 };
 const ChatIcon = () => {
-  return /* @__PURE__ */ u$1("svg", { width: "29", height: "31", viewBox: "0 0 29 31", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "w-7 h-8", role: "img", "aria-label": "Chat", children: [
-    /* @__PURE__ */ u$1("title", { children: "Chat" }),
-    /* @__PURE__ */ u$1(
+  return /* @__PURE__ */ u("svg", { width: "29", height: "31", viewBox: "0 0 29 31", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "w-7 h-8", role: "img", "aria-label": "Chat", children: [
+    /* @__PURE__ */ u("title", { children: "Chat" }),
+    /* @__PURE__ */ u(
       "path",
       {
         d: "M28.093 31C28.093 31 23.3641 29.2031 19.5382 27.7637H3.44856C1.54359 27.7637 0 26.182 0 24.232V3.53064C0 1.58163 1.54359 0 3.44856 0H24.6424C26.5474 0 28.092 1.58163 28.092 3.53064V21.36L28.093 21.359V31ZM23.9407 19.392C23.6104 18.9976 23.0288 18.9526 22.6444 19.2899C22.6143 19.3159 19.6192 21.8886 14.0445 21.8886C8.54082 21.8886 5.49968 19.334 5.44462 19.2879C5.05922 18.9516 4.48062 18.9986 4.15028 19.392C3.81894 19.7874 3.86499 20.381 4.25039 20.7204C4.39353 20.8445 7.80005 23.7715 14.0445 23.7715C20.2919 23.7715 23.6995 20.8445 23.8406 20.7204C24.226 20.381 24.2721 19.7874 23.9407 19.392Z",
@@ -6299,15 +6307,15 @@ const ChatIcon = () => {
   ] });
 };
 const CloseIcon = () => {
-  return /* @__PURE__ */ u$1("svg", { width: "16", height: "10", viewBox: "0 0 16 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "w-4 h-2.5", role: "img", "aria-label": "Close", children: [
-    /* @__PURE__ */ u$1("title", { children: "Close" }),
-    /* @__PURE__ */ u$1("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 1.79401L1.79401 0L8 6.20599L14.206 0L16 1.79401L8 9.79401L0 1.79401Z", fill: "white" })
+  return /* @__PURE__ */ u("svg", { width: "16", height: "10", viewBox: "0 0 16 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "w-4 h-2.5", role: "img", "aria-label": "Close", children: [
+    /* @__PURE__ */ u("title", { children: "Close" }),
+    /* @__PURE__ */ u("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 1.79401L1.79401 0L8 6.20599L14.206 0L16 1.79401L8 9.79401L0 1.79401Z", fill: "white" })
   ] });
 };
 const NotificationBadge$1 = ({ count, isRTL }) => {
   const positionClasses = isRTL ? "-top-1 -left-1" : "-top-1 -right-1";
   const displayCount = count > 9 ? "9+" : count.toString();
-  return /* @__PURE__ */ u$1("output", { className: `absolute ${positionClasses} bg-red-500 text-white rounded-full w-5 h-5 text-xs flex items-center justify-center font-bold min-w-5`, "aria-label": `${count} unread messages`, children: displayCount });
+  return /* @__PURE__ */ u("output", { className: `absolute ${positionClasses} bg-red-500 text-white rounded-full w-5 h-5 text-xs flex items-center justify-center font-bold min-w-5`, "aria-label": `${count} unread messages`, children: displayCount });
 };
 const TriggerButton = () => {
   const { state, dispatch } = useWidgetContext();
@@ -6334,7 +6342,7 @@ const TriggerButton = () => {
     }
   };
   const positionClasses = getPositionClasses();
-  return /* @__PURE__ */ u$1(
+  return /* @__PURE__ */ u(
     "button",
     {
       type: "button",
@@ -6364,8 +6372,8 @@ const TriggerButton = () => {
       },
       "aria-label": state.isOpen ? "Close chat" : "Open chat",
       children: [
-        state.isOpen ? /* @__PURE__ */ u$1(CloseIcon, {}) : /* @__PURE__ */ u$1(ChatIcon, {}),
-        state.unreadCount > 0 && !state.isOpen && /* @__PURE__ */ u$1(NotificationBadge$1, { count: state.unreadCount, isRTL })
+        state.isOpen ? /* @__PURE__ */ u(CloseIcon, {}) : /* @__PURE__ */ u(ChatIcon, {}),
+        state.unreadCount > 0 && !state.isOpen && /* @__PURE__ */ u(NotificationBadge$1, { count: state.unreadCount, isRTL })
       ]
     }
   );
@@ -6373,7 +6381,7 @@ const TriggerButton = () => {
 const useChatMessaging = () => {
   const { state, dispatch } = useWidgetContext();
   const { sendMessage, isConnected } = useStompConnectionContext();
-  const writingTimeoutRef = A(null);
+  const writingTimeoutRef = A$1(null);
   const handleSendMessage = q$1(
     (messageContent) => __async(null, null, function* () {
       if (!state.user || !state.widgetConfig || !state.channelId || !isConnected) {
@@ -6443,7 +6451,7 @@ const useChatMessaging = () => {
 };
 const MessageInput = ({ onSendMessage, disabled = false, placeholder, className = "", isWriting = false }) => {
   const [message, setMessage] = d("");
-  const textareaRef = A(null);
+  const textareaRef = A$1(null);
   const { t: t2, isRTL } = useWidgetTranslation();
   const handleSubmit = (e2) => {
     e2.preventDefault();
@@ -6463,8 +6471,8 @@ const MessageInput = ({ onSendMessage, disabled = false, placeholder, className
       handleSubmit(e2);
     }
   };
-  return /* @__PURE__ */ u$1("div", { className: `border-t border-gray-200 p-4 max-sm:p-3 ${className}`, children: /* @__PURE__ */ u$1("form", { onSubmit: handleSubmit, className: "flex items-start gap-2 max-sm:gap-1.5", children: [
-    /* @__PURE__ */ u$1("div", { className: "flex-1", children: /* @__PURE__ */ u$1(
+  return /* @__PURE__ */ u("div", { className: `border-t border-gray-200 p-4 max-sm:p-3 ${className}`, children: /* @__PURE__ */ u("form", { onSubmit: handleSubmit, className: "flex items-start gap-2 max-sm:gap-1.5", children: [
+    /* @__PURE__ */ u("div", { className: "flex-1", children: /* @__PURE__ */ u(
       "textarea",
       {
         ref: textareaRef,
@@ -6495,7 +6503,7 @@ const MessageInput = ({ onSendMessage, disabled = false, placeholder, className
         }
       }
     ) }),
-    /* @__PURE__ */ u$1(
+    /* @__PURE__ */ u(
       "button",
       {
         type: "submit",
@@ -6524,7 +6532,7 @@ const MessageInput = ({ onSendMessage, disabled = false, placeholder, className
           }
         },
         "aria-label": t2("chat.input.send", "Send message"),
-        children: /* @__PURE__ */ u$1("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", className: `max-sm:w-5 max-sm:h-5 ${isRTL ? "rotate-180" : ""}`, "aria-hidden": "true", children: /* @__PURE__ */ u$1("path", { d: "M2.01 21L23 12 2.01 3 2 10l15 2-15 2z", fill: "currentColor" }) })
+        children: /* @__PURE__ */ u("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", className: `max-sm:w-5 max-sm:h-5 ${isRTL ? "rotate-180" : ""}`, "aria-hidden": "true", children: /* @__PURE__ */ u("path", { d: "M2.01 21L23 12 2.01 3 2 10l15 2-15 2z", fill: "currentColor" }) })
       }
     )
   ] }) });
@@ -6571,8 +6579,8 @@ const ButtonMessage = ({ content, className = "" }) => {
   const onButtonClick = (buttonId, payload) => {
     handleButtonClick(buttonId, payload);
   };
-  return /* @__PURE__ */ u$1("div", { className: `button-message ${className}`, children: [
-    content.text && /* @__PURE__ */ u$1(
+  return /* @__PURE__ */ u("div", { className: `button-message ${className}`, children: [
+    content.text && /* @__PURE__ */ u(
       "p",
       {
         className: "leading-relaxed mb-3",
@@ -6583,7 +6591,7 @@ const ButtonMessage = ({ content, className = "" }) => {
         children: content.text
       }
     ),
-    /* @__PURE__ */ u$1("div", { className: "space-y-2", children: content.buttons.map((button) => /* @__PURE__ */ u$1(
+    /* @__PURE__ */ u("div", { className: "space-y-2", children: content.buttons.map((button) => /* @__PURE__ */ u(
       "button",
       {
         type: "button",
@@ -6624,8 +6632,8 @@ const DocumentMessage = ({ content, className = "" }) => {
   const handleDownloadClick = () => {
     handleDownload(content.url, content.filename);
   };
-  return /* @__PURE__ */ u$1("div", { className: `document-message ${className}`, children: /* @__PURE__ */ u$1("div", { className: "bg-gray-50 border border-gray-200 rounded-lg p-4 max-w-sm", children: /* @__PURE__ */ u$1("div", { className: "flex items-center space-x-3", children: [
-    /* @__PURE__ */ u$1("div", { className: "flex-shrink-0", children: /* @__PURE__ */ u$1("div", { className: "w-10 h-10 bg-blue-100 rounded-lg flex items-center justify-center", children: /* @__PURE__ */ u$1("svg", { className: "w-5 h-5 text-blue-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ u$1(
+  return /* @__PURE__ */ u("div", { className: `document-message ${className}`, children: /* @__PURE__ */ u("div", { className: "bg-gray-50 border border-gray-200 rounded-lg p-4 max-w-sm", children: /* @__PURE__ */ u("div", { className: "flex items-center space-x-3", children: [
+    /* @__PURE__ */ u("div", { className: "flex-shrink-0", children: /* @__PURE__ */ u("div", { className: "w-10 h-10 bg-blue-100 rounded-lg flex items-center justify-center", children: /* @__PURE__ */ u("svg", { className: "w-5 h-5 text-blue-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ u(
       "path",
       {
         strokeLinecap: "round",
@@ -6634,8 +6642,8 @@ const DocumentMessage = ({ content, className = "" }) => {
         d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
       }
     ) }) }) }),
-    /* @__PURE__ */ u$1("div", { className: "flex-1 min-w-0", children: [
-      /* @__PURE__ */ u$1(
+    /* @__PURE__ */ u("div", { className: "flex-1 min-w-0", children: [
+      /* @__PURE__ */ u(
         "p",
         {
           className: "font-medium text-gray-900 truncate",
@@ -6646,7 +6654,7 @@ const DocumentMessage = ({ content, className = "" }) => {
           children: content.filename
         }
       ),
-      /* @__PURE__ */ u$1(
+      /* @__PURE__ */ u(
         "div",
         {
           className: "flex items-center space-x-2 text-gray-500",
@@ -6655,14 +6663,14 @@ const DocumentMessage = ({ content, className = "" }) => {
             fontSize: "calc(var(--widget-font-size, 14px) * 0.8)"
           },
           children: [
-            /* @__PURE__ */ u$1("span", { children: getFileExtension(content.filename) }),
-            /* @__PURE__ */ u$1("span", { children: "•" }),
-            /* @__PURE__ */ u$1("span", { children: formatFileSize(content.size) })
+            /* @__PURE__ */ u("span", { children: getFileExtension(content.filename) }),
+            /* @__PURE__ */ u("span", { children: "•" }),
+            /* @__PURE__ */ u("span", { children: formatFileSize(content.size) })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ u$1("button", { type: "button", onClick: handleDownloadClick, className: "flex-shrink-0 p-2 text-blue-600 hover:bg-blue-50 rounded-lg transition-colors", title: "Download file", children: /* @__PURE__ */ u$1("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ u$1(
+    /* @__PURE__ */ u("button", { type: "button", onClick: handleDownloadClick, className: "flex-shrink-0 p-2 text-blue-600 hover:bg-blue-50 rounded-lg transition-colors", title: "Download file", children: /* @__PURE__ */ u("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ u(
       "path",
       {
         strokeLinecap: "round",
@@ -6687,9 +6695,9 @@ const ImageMessage = ({ content, className = "" }) => {
     window.open(content.url, "_blank");
   };
   if (hasError) {
-    return /* @__PURE__ */ u$1("div", { className: `image-message ${className}`, children: [
-      /* @__PURE__ */ u$1("div", { className: "bg-gray-100 border border-gray-200 rounded-lg p-4 text-center", children: /* @__PURE__ */ u$1("div", { className: "text-gray-500 text-sm", children: [
-        /* @__PURE__ */ u$1("svg", { className: "w-8 h-8 mx-auto mb-2", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ u$1(
+    return /* @__PURE__ */ u("div", { className: `image-message ${className}`, children: [
+      /* @__PURE__ */ u("div", { className: "bg-gray-100 border border-gray-200 rounded-lg p-4 text-center", children: /* @__PURE__ */ u("div", { className: "text-gray-500 text-sm", children: [
+        /* @__PURE__ */ u("svg", { className: "w-8 h-8 mx-auto mb-2", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ u(
           "path",
           {
             strokeLinecap: "round",
@@ -6698,15 +6706,15 @@ const ImageMessage = ({ content, className = "" }) => {
             d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"
           }
         ) }),
-        /* @__PURE__ */ u$1("p", { children: "Image could not be loaded" })
+        /* @__PURE__ */ u("p", { children: "Image could not be loaded" })
       ] }) }),
-      content.caption && /* @__PURE__ */ u$1("p", { className: "text-sm text-gray-600 mt-2", children: content.caption })
+      content.caption && /* @__PURE__ */ u("p", { className: "text-sm text-gray-600 mt-2", children: content.caption })
     ] });
   }
-  return /* @__PURE__ */ u$1("div", { className: `image-message ${className}`, children: [
-    /* @__PURE__ */ u$1("div", { className: "relative max-w-sm", children: [
-      isLoading && /* @__PURE__ */ u$1("div", { className: "absolute inset-0 bg-gray-100 rounded-lg flex items-center justify-center", children: /* @__PURE__ */ u$1("div", { className: "animate-spin rounded-full h-6 w-6 border-b-2 border-blue-600" }) }),
-      /* @__PURE__ */ u$1(
+  return /* @__PURE__ */ u("div", { className: `image-message ${className}`, children: [
+    /* @__PURE__ */ u("div", { className: "relative max-w-sm", children: [
+      isLoading && /* @__PURE__ */ u("div", { className: "absolute inset-0 bg-gray-100 rounded-lg flex items-center justify-center", children: /* @__PURE__ */ u("div", { className: "animate-spin rounded-full h-6 w-6 border-b-2 border-blue-600" }) }),
+      /* @__PURE__ */ u(
         "button",
         {
           type: "button",
@@ -6714,11 +6722,11 @@ const ImageMessage = ({ content, className = "" }) => {
           className: "w-full h-auto rounded-lg cursor-pointer hover:opacity-90 transition-opacity border-none bg-transparent p-0",
           "aria-label": `Open image in new tab: ${content.caption || "Shared image"}`,
           style: { display: isLoading ? "none" : "block" },
-          children: /* @__PURE__ */ u$1("img", { src: content.url, alt: content.caption || "Shared image", className: "w-full h-auto rounded-lg", onLoad: handleImageLoad, onError: handleImageError })
+          children: /* @__PURE__ */ u("img", { src: content.url, alt: content.caption || "Shared image", className: "w-full h-auto rounded-lg", onLoad: handleImageLoad, onError: handleImageError })
         }
       )
     ] }),
-    content.caption && /* @__PURE__ */ u$1("p", { className: "text-sm text-gray-600 mt-2", children: content.caption })
+    content.caption && /* @__PURE__ */ u("p", { className: "text-sm text-gray-600 mt-2", children: content.caption })
   ] });
 };
 const SelectMessage = ({ content, className = "" }) => {
@@ -6728,8 +6736,8 @@ const SelectMessage = ({ content, className = "" }) => {
     setSelectedOption(optionId);
     handleSelectOption(optionId, title);
   };
-  return /* @__PURE__ */ u$1("div", { className: `select-message ${className}`, children: [
-    content.text && /* @__PURE__ */ u$1(
+  return /* @__PURE__ */ u("div", { className: `select-message ${className}`, children: [
+    content.text && /* @__PURE__ */ u(
       "p",
       {
         className: "leading-relaxed mb-3",
@@ -6740,7 +6748,7 @@ const SelectMessage = ({ content, className = "" }) => {
         children: content.text
       }
     ),
-    /* @__PURE__ */ u$1("div", { className: "space-y-2", children: content.options.map((option) => /* @__PURE__ */ u$1(
+    /* @__PURE__ */ u("div", { className: "space-y-2", children: content.options.map((option) => /* @__PURE__ */ u(
       "button",
       {
         type: "button",
@@ -6751,17 +6759,17 @@ const SelectMessage = ({ content, className = "" }) => {
 							focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2
 							${selectedOption === option.id ? "bg-blue-50 border-blue-500 text-blue-700" : selectedOption !== null ? "bg-gray-50 border-gray-200 text-gray-400 cursor-not-allowed" : "bg-white border-gray-200 hover:bg-gray-50 hover:border-gray-300"}
 						`,
-        children: /* @__PURE__ */ u$1("div", { className: "flex items-start justify-between", children: [
-          /* @__PURE__ */ u$1("div", { className: "flex-1", children: [
-            /* @__PURE__ */ u$1("p", { className: "text-sm font-medium", children: option.title }),
-            option.description && /* @__PURE__ */ u$1("p", { className: "text-xs text-gray-500 mt-1", children: option.description })
+        children: /* @__PURE__ */ u("div", { className: "flex items-start justify-between", children: [
+          /* @__PURE__ */ u("div", { className: "flex-1", children: [
+            /* @__PURE__ */ u("p", { className: "text-sm font-medium", children: option.title }),
+            option.description && /* @__PURE__ */ u("p", { className: "text-xs text-gray-500 mt-1", children: option.description })
           ] }),
-          selectedOption === option.id && /* @__PURE__ */ u$1("div", { className: "flex-shrink-0 ml-2", children: /* @__PURE__ */ u$1("svg", { className: "w-4 h-4 text-blue-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ u$1("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }) })
+          selectedOption === option.id && /* @__PURE__ */ u("div", { className: "flex-shrink-0 ml-2", children: /* @__PURE__ */ u("svg", { className: "w-4 h-4 text-blue-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ u("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }) })
         ] })
       },
       option.id
     )) }),
-    selectedOption && /* @__PURE__ */ u$1("p", { className: "text-xs text-gray-500 mt-2", children: "Option selected. Your response has been sent." })
+    selectedOption && /* @__PURE__ */ u("p", { className: "text-xs text-gray-500 mt-2", children: "Option selected. Your response has been sent." })
   ] });
 };
 const processBoldText = (line) => {
@@ -6850,7 +6858,7 @@ const TextMessage = ({ content, className = "" }) => {
   const parsedElements = T$1(() => {
     return parseSimpleMarkdown(content.body);
   }, [content.body]);
-  return /* @__PURE__ */ u$1("div", { className: `text-message ${className}`, children: /* @__PURE__ */ u$1(
+  return /* @__PURE__ */ u("div", { className: `text-message ${className}`, children: /* @__PURE__ */ u(
     "div",
     {
       className: "leading-relaxed break-words",
@@ -6861,17 +6869,17 @@ const TextMessage = ({ content, className = "" }) => {
       children: parsedElements.map((element) => {
         switch (element.type) {
           case "bold":
-            return /* @__PURE__ */ u$1("strong", { className: "font-semibold", style: { color: "inherit" }, children: element.content }, element.id);
+            return /* @__PURE__ */ u("strong", { className: "font-semibold", style: { color: "inherit" }, children: element.content }, element.id);
           case "italic":
-            return /* @__PURE__ */ u$1("em", { className: "italic", style: { color: "inherit" }, children: element.content }, element.id);
+            return /* @__PURE__ */ u("em", { className: "italic", style: { color: "inherit" }, children: element.content }, element.id);
           case "code":
-            return /* @__PURE__ */ u$1("code", { className: "bg-widget-gray-100 px-1 py-0.5 rounded text-xs", style: { color: "inherit" }, children: element.content }, element.id);
+            return /* @__PURE__ */ u("code", { className: "bg-widget-gray-100 px-1 py-0.5 rounded text-xs", style: { color: "inherit" }, children: element.content }, element.id);
           case "link":
-            return /* @__PURE__ */ u$1("a", { href: element.href, target: "_blank", rel: "noopener noreferrer", className: "text-widget-primary no-underline hover:underline", children: element.content }, element.id);
+            return /* @__PURE__ */ u("a", { href: element.href, target: "_blank", rel: "noopener noreferrer", className: "text-widget-primary no-underline hover:underline", children: element.content }, element.id);
           case "br":
-            return /* @__PURE__ */ u$1("br", {}, element.id);
+            return /* @__PURE__ */ u("br", {}, element.id);
           default:
-            return /* @__PURE__ */ u$1("span", { style: { color: "inherit" }, children: element.content }, element.id);
+            return /* @__PURE__ */ u("span", { style: { color: "inherit" }, children: element.content }, element.id);
         }
       })
     }
@@ -6881,14 +6889,14 @@ const MessageStatusIndicator = ({ status }) => {
   const getStatusIcon = () => {
     switch (status) {
       case "SENT":
-        return /* @__PURE__ */ u$1("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", className: "animate-spin", "aria-hidden": "true", children: [
-          /* @__PURE__ */ u$1("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeDasharray: "31.416", strokeDashoffset: "31.416", className: "opacity-25" }),
-          /* @__PURE__ */ u$1("path", { d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z", fill: "currentColor" })
+        return /* @__PURE__ */ u("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", className: "animate-spin", "aria-hidden": "true", children: [
+          /* @__PURE__ */ u("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeDasharray: "31.416", strokeDashoffset: "31.416", className: "opacity-25" }),
+          /* @__PURE__ */ u("path", { d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z", fill: "currentColor" })
         ] });
       case "DELIVERED":
-        return /* @__PURE__ */ u$1("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ u$1("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z", fill: "currentColor" }) });
+        return /* @__PURE__ */ u("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ u("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z", fill: "currentColor" }) });
       case "READ":
-        return /* @__PURE__ */ u$1("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ u$1("path", { d: "M18 7l-1.41-1.41-6.34 6.34 1.41 1.41L18 7zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41zM.41 13.41L6 19l1.41-1.41L1.83 12 .41 13.41z", fill: "currentColor" }) });
+        return /* @__PURE__ */ u("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ u("path", { d: "M18 7l-1.41-1.41-6.34 6.34 1.41 1.41L18 7zm4.24-1.41L11.66 16.17 7.48 12l-1.41 1.41L11.66 19l12-12-1.42-1.41zM.41 13.41L6 19l1.41-1.41L1.83 12 .41 13.41z", fill: "currentColor" }) });
       default:
         return null;
     }
@@ -6905,9 +6913,9 @@ const MessageStatusIndicator = ({ status }) => {
         return "";
     }
   };
-  return /* @__PURE__ */ u$1("div", { className: "flex items-center gap-1 text-xs opacity-70", children: [
+  return /* @__PURE__ */ u("div", { className: "flex items-center gap-1 text-xs opacity-70", children: [
     getStatusIcon(),
-    /* @__PURE__ */ u$1("span", { className: "sr-only", children: getStatusText() })
+    /* @__PURE__ */ u("span", { className: "sr-only", children: getStatusText() })
   ] });
 };
 const MessageBubble = ({ message, isRTL }) => {
@@ -6916,27 +6924,27 @@ const MessageBubble = ({ message, isRTL }) => {
   const renderMessageContent = () => {
     switch (message.content.type) {
       case "TEXT":
-        return /* @__PURE__ */ u$1(TextMessage, { content: message.content });
+        return /* @__PURE__ */ u(TextMessage, { content: message.content });
       case "IMAGE":
-        return /* @__PURE__ */ u$1(ImageMessage, { content: message.content });
+        return /* @__PURE__ */ u(ImageMessage, { content: message.content });
       case "DOCUMENT":
-        return /* @__PURE__ */ u$1(DocumentMessage, { content: message.content });
+        return /* @__PURE__ */ u(DocumentMessage, { content: message.content });
       case "BUTTON":
-        return /* @__PURE__ */ u$1(ButtonMessage, { content: message.content });
+        return /* @__PURE__ */ u(ButtonMessage, { content: message.content });
       case "SELECT":
-        return /* @__PURE__ */ u$1(SelectMessage, { content: message.content });
+        return /* @__PURE__ */ u(SelectMessage, { content: message.content });
       case "ARTICLE":
       case "CARDS":
       case "FORM":
-        return /* @__PURE__ */ u$1("p", { className: "text-sm leading-relaxed italic text-gray-500", children: [
+        return /* @__PURE__ */ u("p", { className: "text-sm leading-relaxed italic text-gray-500", children: [
           message.content.type,
           " message (not yet implemented)"
         ] });
       default:
-        return /* @__PURE__ */ u$1("p", { className: "text-sm leading-relaxed italic text-gray-500", children: "Unknown message type" });
+        return /* @__PURE__ */ u("p", { className: "text-sm leading-relaxed italic text-gray-500", children: "Unknown message type" });
     }
   };
-  return /* @__PURE__ */ u$1("div", { className: `flex items-center gap-2 ${shouldAlignRight ? isRTL ? "justify-start" : "justify-end" : isRTL ? "justify-end" : "justify-start"}`, children: /* @__PURE__ */ u$1(
+  return /* @__PURE__ */ u("div", { className: `flex items-center gap-2 ${shouldAlignRight ? isRTL ? "justify-start" : "justify-end" : isRTL ? "justify-end" : "justify-start"}`, children: /* @__PURE__ */ u(
     "div",
     {
       className: `max-w-xs lg:max-w-sm px-4 py-2 rounded-lg ${isRTL ? shouldAlignRight ? "rounded-bl-sm" : "rounded-br-sm" : shouldAlignRight ? "rounded-br-sm" : "rounded-bl-sm"}`,
@@ -6946,7 +6954,7 @@ const MessageBubble = ({ message, isRTL }) => {
       },
       children: [
         renderMessageContent(),
-        shouldAlignRight && /* @__PURE__ */ u$1("div", { className: `flex items-center gap-1 mt-1 ${isRTL ? "justify-start" : "justify-end"}`, children: /* @__PURE__ */ u$1(MessageStatusIndicator, { status: message.metadata.status }) })
+        shouldAlignRight && /* @__PURE__ */ u("div", { className: `flex items-center gap-1 mt-1 ${isRTL ? "justify-start" : "justify-end"}`, children: /* @__PURE__ */ u(MessageStatusIndicator, { status: message.metadata.status }) })
       ]
     }
   ) });
@@ -6954,7 +6962,7 @@ const MessageBubble = ({ message, isRTL }) => {
 const MessageList = ({ messages, className = "" }) => {
   const { isRTL } = useWidgetTranslation();
   const { state } = useWidgetContext();
-  const scrollRef = A(null);
+  const scrollRef = A$1(null);
   const getBackgroundColor = () => {
     var _a, _b;
     return ((_b = (_a = state.widgetConfig) == null ? void 0 : _a.uiConfigs) == null ? void 0 : _b.backgroundColor) || "#ffffff";
@@ -6964,7 +6972,7 @@ const MessageList = ({ messages, className = "" }) => {
       scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
     }
   }, [messages]);
-  return /* @__PURE__ */ u$1(
+  return /* @__PURE__ */ u(
     "div",
     {
       ref: scrollRef,
@@ -6975,19 +6983,19 @@ const MessageList = ({ messages, className = "" }) => {
       style: {
         backgroundColor: getBackgroundColor()
       },
-      children: messages.map((message) => /* @__PURE__ */ u$1(MessageBubble, { message, isRTL }, message.id))
+      children: messages.map((message) => /* @__PURE__ */ u(MessageBubble, { message, isRTL }, message.id))
     }
   );
 };
 const TypingIndicator = () => {
   const { t: t2 } = useWidgetTranslation();
-  return /* @__PURE__ */ u$1("div", { className: "flex items-center gap-2 px-4 py-2 text-sm text-gray-500", children: [
-    /* @__PURE__ */ u$1("div", { className: "flex gap-1", children: [
-      /* @__PURE__ */ u$1("div", { className: "w-2 h-2 bg-gray-400 rounded-full animate-bounce", style: { animationDelay: "0ms" } }),
-      /* @__PURE__ */ u$1("div", { className: "w-2 h-2 bg-gray-400 rounded-full animate-bounce", style: { animationDelay: "150ms" } }),
-      /* @__PURE__ */ u$1("div", { className: "w-2 h-2 bg-gray-400 rounded-full animate-bounce", style: { animationDelay: "300ms" } })
+  return /* @__PURE__ */ u("div", { className: "flex items-center gap-2 px-4 py-2 text-sm text-gray-500", children: [
+    /* @__PURE__ */ u("div", { className: "flex gap-1", children: [
+      /* @__PURE__ */ u("div", { className: "w-2 h-2 bg-gray-400 rounded-full animate-bounce", style: { animationDelay: "0ms" } }),
+      /* @__PURE__ */ u("div", { className: "w-2 h-2 bg-gray-400 rounded-full animate-bounce", style: { animationDelay: "150ms" } }),
+      /* @__PURE__ */ u("div", { className: "w-2 h-2 bg-gray-400 rounded-full animate-bounce", style: { animationDelay: "300ms" } })
     ] }),
-    /* @__PURE__ */ u$1("span", { children: t2("chat.writing", "Writing...") })
+    /* @__PURE__ */ u("span", { children: t2("chat.writing", "Writing...") })
   ] });
 };
 const WindowHeader = ({ title, subtitle, onClose, className = "", logoUrl }) => {
@@ -6998,7 +7006,7 @@ const WindowHeader = ({ title, subtitle, onClose, className = "", logoUrl }) =>
     yield changeLanguage(nextLang);
     services == null ? void 0 : services.themeService.applyRTLLayout(nextLang.startsWith("ar"));
   });
-  return /* @__PURE__ */ u$1(
+  return /* @__PURE__ */ u(
     "div",
     {
       className: `
@@ -7011,9 +7019,9 @@ const WindowHeader = ({ title, subtitle, onClose, className = "", logoUrl }) =>
         borderBottomColor: "rgba(0, 0, 0, 0.1)"
       },
       children: [
-        /* @__PURE__ */ u$1("div", { className: "flex items-center gap-3 max-sm:gap-2", children: [
-          /* @__PURE__ */ u$1("div", { className: "w-8 h-8 max-sm:w-7 max-sm:h-7 bg-white rounded-full flex items-center justify-center overflow-hidden", children: [
-            logoUrl ? /* @__PURE__ */ u$1(
+        /* @__PURE__ */ u("div", { className: "flex items-center gap-3 max-sm:gap-2", children: [
+          /* @__PURE__ */ u("div", { className: "w-8 h-8 max-sm:w-7 max-sm:h-7 bg-white rounded-full flex items-center justify-center overflow-hidden", children: [
+            logoUrl ? /* @__PURE__ */ u(
               "img",
               {
                 src: logoUrl,
@@ -7026,15 +7034,15 @@ const WindowHeader = ({ title, subtitle, onClose, className = "", logoUrl }) =>
                 }
               }
             ) : null,
-            /* @__PURE__ */ u$1("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", className: `text-blue-600 max-sm:w-3.5 max-sm:h-3.5 ${logoUrl ? "hidden" : ""}`, "aria-hidden": "true", children: /* @__PURE__ */ u$1("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z", fill: "currentColor" }) })
+            /* @__PURE__ */ u("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", className: `text-blue-600 max-sm:w-3.5 max-sm:h-3.5 ${logoUrl ? "hidden" : ""}`, "aria-hidden": "true", children: /* @__PURE__ */ u("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z", fill: "currentColor" }) })
           ] }),
-          /* @__PURE__ */ u$1("div", { className: "flex flex-col", children: [
-            title && /* @__PURE__ */ u$1("h2", { className: "text-lg max-sm:text-base font-semibold leading-tight", style: { color: "var(--widget-text-color, #FFFFFF)" }, children: title }),
-            subtitle && /* @__PURE__ */ u$1("p", { className: "text-sm max-sm:text-xs opacity-80 leading-tight", style: { color: "var(--widget-text-color, #FFFFFF)" }, children: subtitle })
+          /* @__PURE__ */ u("div", { className: "flex flex-col", children: [
+            title && /* @__PURE__ */ u("h2", { className: "text-lg max-sm:text-base font-semibold leading-tight", style: { color: "var(--widget-text-color, #FFFFFF)" }, children: title }),
+            subtitle && /* @__PURE__ */ u("p", { className: "text-sm max-sm:text-xs opacity-80 leading-tight", style: { color: "var(--widget-text-color, #FFFFFF)" }, children: subtitle })
           ] })
         ] }),
-        /* @__PURE__ */ u$1("div", { className: `flex items-center ${isRTL ? "ml-2" : "mr-2"} gap-2`, children: [
-          /* @__PURE__ */ u$1(
+        /* @__PURE__ */ u("div", { className: `flex items-center ${isRTL ? "ml-2" : "mr-2"} gap-2`, children: [
+          /* @__PURE__ */ u(
             "button",
             {
               type: "button",
@@ -7046,7 +7054,7 @@ const WindowHeader = ({ title, subtitle, onClose, className = "", logoUrl }) =>
               children: (currentLanguage == null ? void 0 : currentLanguage.startsWith("ar")) ? "EN" : "AR"
             }
           ),
-          onClose && /* @__PURE__ */ u$1(
+          onClose && /* @__PURE__ */ u(
             "button",
             {
               type: "button",
@@ -7061,7 +7069,7 @@ const WindowHeader = ({ title, subtitle, onClose, className = "", logoUrl }) =>
                 touchAction: "manipulation"
               },
               "aria-label": "Close chat",
-              children: /* @__PURE__ */ u$1("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", className: "text-white max-sm:w-4 max-sm:h-4", "aria-hidden": "true", children: /* @__PURE__ */ u$1("path", { d: "M5 12h14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
+              children: /* @__PURE__ */ u("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", className: "text-white max-sm:w-4 max-sm:h-4", "aria-hidden": "true", children: /* @__PURE__ */ u("path", { d: "M5 12h14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
             }
           )
         ] })
@@ -7135,7 +7143,7 @@ const ChatWindow = ({ className = "" }) => {
     }
     return void 0;
   };
-  return /* @__PURE__ */ u$1(
+  return /* @__PURE__ */ u(
     "div",
     {
       className: `
@@ -7145,7 +7153,7 @@ const ChatWindow = ({ className = "" }) => {
       `,
       dir: isRTL ? "rtl" : "ltr",
       children: [
-        /* @__PURE__ */ u$1(
+        /* @__PURE__ */ u(
           WindowHeader,
           {
             title: getHeaderTitle(),
@@ -7154,12 +7162,12 @@ const ChatWindow = ({ className = "" }) => {
             logoUrl: getLogoUrl()
           }
         ),
-        /* @__PURE__ */ u$1("div", { className: "flex-1 flex flex-col pb-[81px] max-sm:pb-[72px]", children: [
-          /* @__PURE__ */ u$1("div", { className: "flex-1 overflow-hidden max-h-[475px] relative", children: [
-            /* @__PURE__ */ u$1(MessageList, { messages: messagesWithGreeting, className: "h-full" }),
-            state.isWriting && /* @__PURE__ */ u$1("div", { className: "absolute bottom-0 left-0 right-0 bg-white", children: /* @__PURE__ */ u$1(TypingIndicator, {}) })
+        /* @__PURE__ */ u("div", { className: "flex-1 flex flex-col pb-[81px] max-sm:pb-[72px]", children: [
+          /* @__PURE__ */ u("div", { className: "flex-1 overflow-hidden max-h-[475px] relative", children: [
+            /* @__PURE__ */ u(MessageList, { messages: messagesWithGreeting, className: "h-full" }),
+            state.isWriting && /* @__PURE__ */ u("div", { className: "absolute bottom-0 left-0 right-0 bg-white", children: /* @__PURE__ */ u(TypingIndicator, {}) })
           ] }),
-          /* @__PURE__ */ u$1("div", { className: "absolute bottom-[69px] left-0 right-0 bg-white", children: /* @__PURE__ */ u$1(MessageInput, { onSendMessage: handleSendTextMessage, disabled: state.connectionState !== "connected", placeholder: getInputPlaceholder(), isWriting: state.isWriting }) })
+          /* @__PURE__ */ u("div", { className: "absolute bottom-[69px] left-0 right-0 bg-white", children: /* @__PURE__ */ u(MessageInput, { onSendMessage: handleSendTextMessage, disabled: state.connectionState !== "connected", placeholder: getInputPlaceholder(), isWriting: state.isWriting }) })
         ] })
       ]
     }
@@ -7174,15 +7182,15 @@ const FAQItem = ({ item, isExpanded = false, onToggle }) => {
   const answer = isArabic ? item.answerInArabic || item.answer : item.answer;
   const expanded = onToggle ? isExpanded : internalExpanded;
   const handleToggle = onToggle || (() => setInternalExpanded(!internalExpanded));
-  return /* @__PURE__ */ u$1("div", { className: "border-b border-gray-100 last:border-b-0", children: [
-    /* @__PURE__ */ u$1("button", { type: "button", onClick: handleToggle, className: `w-full p-4 text-left hover:bg-gray-50 transition-colors ${isRTL ? "text-right" : ""}`, "aria-expanded": expanded, children: /* @__PURE__ */ u$1("div", { className: "flex items-center justify-between gap-3", children: [
-      /* @__PURE__ */ u$1("h3", { className: "text-sm font-medium text-gray-900 flex-1", children: question }),
-      /* @__PURE__ */ u$1("div", { className: `flex-shrink-0 transition-transform duration-200 ${expanded ? "rotate-180" : ""}`, children: /* @__PURE__ */ u$1("svg", { className: "w-5 h-5 text-gray-500", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-label": expanded ? "Collapse" : "Expand", children: [
-        /* @__PURE__ */ u$1("title", { children: expanded ? "Collapse" : "Expand" }),
-        /* @__PURE__ */ u$1("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
+  return /* @__PURE__ */ u("div", { className: "border-b border-gray-100 last:border-b-0", children: [
+    /* @__PURE__ */ u("button", { type: "button", onClick: handleToggle, className: `w-full p-4 text-left hover:bg-gray-50 transition-colors ${isRTL ? "text-right" : ""}`, "aria-expanded": expanded, children: /* @__PURE__ */ u("div", { className: "flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ u("h3", { className: "text-sm font-medium text-gray-900 flex-1", children: question }),
+      /* @__PURE__ */ u("div", { className: `flex-shrink-0 transition-transform duration-200 ${expanded ? "rotate-180" : ""}`, children: /* @__PURE__ */ u("svg", { className: "w-5 h-5 text-gray-500", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-label": expanded ? "Collapse" : "Expand", children: [
+        /* @__PURE__ */ u("title", { children: expanded ? "Collapse" : "Expand" }),
+        /* @__PURE__ */ u("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
       ] }) })
     ] }) }),
-    expanded && /* @__PURE__ */ u$1("div", { className: `px-4 pb-4 ${isRTL ? "text-right" : ""}`, children: /* @__PURE__ */ u$1("div", { className: "text-sm text-gray-600 leading-relaxed", children: answer }) })
+    expanded && /* @__PURE__ */ u("div", { className: `px-4 pb-4 ${isRTL ? "text-right" : ""}`, children: /* @__PURE__ */ u("div", { className: "text-sm text-gray-600 leading-relaxed", children: answer }) })
   ] });
 };
 const FAQList = ({ items, title, showAll = false, maxItems = 5, enableScrolling = true }) => {
@@ -7201,12 +7209,12 @@ const FAQList = ({ items, title, showAll = false, maxItems = 5, enableScrolling
     setExpandedItems(newExpanded);
   };
   if (items.length === 0) {
-    return /* @__PURE__ */ u$1("div", { className: `text-center py-8 text-gray-500 ${isRTL ? "text-right" : ""}`, children: /* @__PURE__ */ u$1("p", { className: "text-sm", children: t2("faq.noItems", "No FAQ items available") }) });
+    return /* @__PURE__ */ u("div", { className: `text-center py-8 text-gray-500 ${isRTL ? "text-right" : ""}`, children: /* @__PURE__ */ u("p", { className: "text-sm", children: t2("faq.noItems", "No FAQ items available") }) });
   }
-  return /* @__PURE__ */ u$1("div", { className: `bg-white ${enableScrolling ? "h-full overflow-y-auto" : ""}`, children: [
-    title && /* @__PURE__ */ u$1("div", { className: `px-4 py-3 border-b border-gray-200 ${isRTL ? "text-right" : ""}`, children: /* @__PURE__ */ u$1("h2", { className: "text-lg font-semibold text-gray-900", children: title }) }),
-    /* @__PURE__ */ u$1("div", { className: "divide-y divide-gray-100", children: displayItems.map((item, index) => /* @__PURE__ */ u$1(FAQItem, { item, isExpanded: expandedItems.has(index), onToggle: () => toggleItem(index) }, `${item.question}-${index}`)) }),
-    hasMoreItems && !showAllItems && /* @__PURE__ */ u$1("div", { className: "p-4 border-t border-gray-100", children: /* @__PURE__ */ u$1("button", { type: "button", onClick: () => setShowAllItems(true), className: "w-full py-2 px-4 text-sm font-medium text-blue-600 hover:text-blue-700 hover:bg-blue-50 rounded-md transition-colors", children: [
+  return /* @__PURE__ */ u("div", { className: `bg-white ${enableScrolling ? "h-full overflow-y-auto" : ""}`, children: [
+    title && /* @__PURE__ */ u("div", { className: `px-4 py-3 border-b border-gray-200 ${isRTL ? "text-right" : ""}`, children: /* @__PURE__ */ u("h2", { className: "text-lg font-semibold text-gray-900", children: title }) }),
+    /* @__PURE__ */ u("div", { className: "divide-y divide-gray-100", children: displayItems.map((item, index) => /* @__PURE__ */ u(FAQItem, { item, isExpanded: expandedItems.has(index), onToggle: () => toggleItem(index) }, `${item.question}-${index}`)) }),
+    hasMoreItems && !showAllItems && /* @__PURE__ */ u("div", { className: "p-4 border-t border-gray-100", children: /* @__PURE__ */ u("button", { type: "button", onClick: () => setShowAllItems(true), className: "w-full py-2 px-4 text-sm font-medium text-blue-600 hover:text-blue-700 hover:bg-blue-50 rounded-md transition-colors", children: [
       t2("faq.showMore", "Show more FAQs"),
       " (",
       items.length - maxItems,
@@ -7232,8 +7240,8 @@ const FAQSearchInput = ({ value, onChange, onSearch, isLoading = false, placehol
     onChange("");
     onSearch("");
   }, [onChange, onSearch]);
-  return /* @__PURE__ */ u$1("div", { className: "p-4 border-b border-gray-200", children: /* @__PURE__ */ u$1("form", { onSubmit: handleSubmit, className: "relative", children: /* @__PURE__ */ u$1("div", { className: "relative", children: [
-    /* @__PURE__ */ u$1(
+  return /* @__PURE__ */ u("div", { className: "p-4 border-b border-gray-200", children: /* @__PURE__ */ u("form", { onSubmit: handleSubmit, className: "relative", children: /* @__PURE__ */ u("div", { className: "relative", children: [
+    /* @__PURE__ */ u(
       "input",
       {
         type: "text",
@@ -7244,42 +7252,42 @@ const FAQSearchInput = ({ value, onChange, onSearch, isLoading = false, placehol
         disabled: isLoading
       }
     ),
-    value && !isLoading && /* @__PURE__ */ u$1(
+    value && !isLoading && /* @__PURE__ */ u(
       "button",
       {
         type: "button",
         onClick: handleClear,
         className: `absolute ${isRTL ? "left-8" : "right-8"} top-1/2 transform -translate-y-1/2 p-1 text-gray-400 hover:text-gray-600 transition-colors`,
         "aria-label": t2("faq.search.clear", "Clear"),
-        children: /* @__PURE__ */ u$1("svg", { className: "w-3 h-3", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ u$1("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+        children: /* @__PURE__ */ u("svg", { className: "w-3 h-3", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ u("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
       }
     ),
-    /* @__PURE__ */ u$1("div", { className: `absolute ${isRTL ? "left-3" : "right-3"} top-1/2 transform -translate-y-1/2 pointer-events-none`, children: isLoading ? /* @__PURE__ */ u$1("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2 border-blue-500" }) : /* @__PURE__ */ u$1("svg", { className: "w-4 h-4 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ u$1("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) })
+    /* @__PURE__ */ u("div", { className: `absolute ${isRTL ? "left-3" : "right-3"} top-1/2 transform -translate-y-1/2 pointer-events-none`, children: isLoading ? /* @__PURE__ */ u("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2 border-blue-500" }) : /* @__PURE__ */ u("svg", { className: "w-4 h-4 text-gray-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ u("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) })
   ] }) }) });
 };
 const FAQSearchResults = ({ results, isLoading, hasSearched }) => {
   const { t: t2, isRTL } = useWidgetTranslation();
   if (isLoading) {
-    return /* @__PURE__ */ u$1("div", { className: "flex-1 flex items-center justify-center p-8", children: /* @__PURE__ */ u$1("div", { className: "text-center", children: [
-      /* @__PURE__ */ u$1("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600 mx-auto mb-4" }),
-      /* @__PURE__ */ u$1("p", { className: "text-sm text-gray-500", children: t2("faq.search.searching", "Searching...") })
+    return /* @__PURE__ */ u("div", { className: "flex-1 flex items-center justify-center p-8", children: /* @__PURE__ */ u("div", { className: "text-center", children: [
+      /* @__PURE__ */ u("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600 mx-auto mb-4" }),
+      /* @__PURE__ */ u("p", { className: "text-sm text-gray-500", children: t2("faq.search.searching", "Searching...") })
     ] }) });
   }
   if (!hasSearched) {
-    return /* @__PURE__ */ u$1("div", { className: `flex-1 flex items-center justify-center p-8 ${isRTL ? "text-right" : ""}`, children: /* @__PURE__ */ u$1("div", { className: "text-center text-gray-500", children: [
-      /* @__PURE__ */ u$1("svg", { className: "w-16 h-16 mx-auto mb-4 text-gray-300", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-label": t2("faq.search.icon", "Search icon"), children: [
-        /* @__PURE__ */ u$1("title", { children: t2("faq.search.icon", "Search icon") }),
-        /* @__PURE__ */ u$1("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1, d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" })
+    return /* @__PURE__ */ u("div", { className: `flex-1 flex items-center justify-center p-8 ${isRTL ? "text-right" : ""}`, children: /* @__PURE__ */ u("div", { className: "text-center text-gray-500", children: [
+      /* @__PURE__ */ u("svg", { className: "w-16 h-16 mx-auto mb-4 text-gray-300", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-label": t2("faq.search.icon", "Search icon"), children: [
+        /* @__PURE__ */ u("title", { children: t2("faq.search.icon", "Search icon") }),
+        /* @__PURE__ */ u("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1, d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" })
       ] }),
-      /* @__PURE__ */ u$1("h3", { className: "text-lg font-medium text-gray-900 mb-2", children: t2("faq.search.prompt.title", "Search FAQs") }),
-      /* @__PURE__ */ u$1("p", { className: "text-sm", children: t2("faq.search.prompt.description", "Enter a question or keyword to find relevant FAQs") })
+      /* @__PURE__ */ u("h3", { className: "text-lg font-medium text-gray-900 mb-2", children: t2("faq.search.prompt.title", "Search FAQs") }),
+      /* @__PURE__ */ u("p", { className: "text-sm", children: t2("faq.search.prompt.description", "Enter a question or keyword to find relevant FAQs") })
     ] }) });
   }
   if (results.length === 0) {
-    return /* @__PURE__ */ u$1("div", { className: `flex-1 flex items-center justify-center p-8 ${isRTL ? "text-right" : ""}`, children: /* @__PURE__ */ u$1("div", { className: "text-center text-gray-500", children: [
-      /* @__PURE__ */ u$1("svg", { className: "w-16 h-16 mx-auto mb-4 text-gray-300", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-label": t2("faq.search.noResults.icon", "No results icon"), children: [
-        /* @__PURE__ */ u$1("title", { children: t2("faq.search.noResults.icon", "No results icon") }),
-        /* @__PURE__ */ u$1(
+    return /* @__PURE__ */ u("div", { className: `flex-1 flex items-center justify-center p-8 ${isRTL ? "text-right" : ""}`, children: /* @__PURE__ */ u("div", { className: "text-center text-gray-500", children: [
+      /* @__PURE__ */ u("svg", { className: "w-16 h-16 mx-auto mb-4 text-gray-300", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-label": t2("faq.search.noResults.icon", "No results icon"), children: [
+        /* @__PURE__ */ u("title", { children: t2("faq.search.noResults.icon", "No results icon") }),
+        /* @__PURE__ */ u(
           "path",
           {
             strokeLinecap: "round",
@@ -7289,13 +7297,13 @@ const FAQSearchResults = ({ results, isLoading, hasSearched }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ u$1("h3", { className: "text-lg font-medium text-gray-900 mb-2", children: t2("faq.search.noResults.title", "No results found") }),
-      /* @__PURE__ */ u$1("p", { className: "text-sm", children: t2("faq.search.noResults.description", "No FAQs found. Try different keywords.") })
+      /* @__PURE__ */ u("h3", { className: "text-lg font-medium text-gray-900 mb-2", children: t2("faq.search.noResults.title", "No results found") }),
+      /* @__PURE__ */ u("p", { className: "text-sm", children: t2("faq.search.noResults.description", "No FAQs found. Try different keywords.") })
     ] }) });
   }
-  return /* @__PURE__ */ u$1("div", { className: "flex-1 max-h-[475px] flex flex-col", children: [
-    /* @__PURE__ */ u$1("div", { className: `p-4 border-b border-gray-100 flex-shrink-0 ${isRTL ? "text-right" : ""}`, children: /* @__PURE__ */ u$1("p", { className: "text-sm text-gray-600", children: results.length === 1 ? t2("faq.search.results.single", "1 result found") : t2("faq.search.results.multiple", "{count} results found").replace("{count}", results.length.toString()) }) }),
-    /* @__PURE__ */ u$1("div", { className: "flex-1 min-h-0", children: /* @__PURE__ */ u$1(FAQList, { items: results, showAll: true }) })
+  return /* @__PURE__ */ u("div", { className: "flex-1 max-h-[475px] flex flex-col", children: [
+    /* @__PURE__ */ u("div", { className: `p-4 border-b border-gray-100 flex-shrink-0 ${isRTL ? "text-right" : ""}`, children: /* @__PURE__ */ u("p", { className: "text-sm text-gray-600", children: results.length === 1 ? t2("faq.search.results.single", "1 result found") : t2("faq.search.results.multiple", "{count} results found").replace("{count}", results.length.toString()) }) }),
+    /* @__PURE__ */ u("div", { className: "flex-1 min-h-0", children: /* @__PURE__ */ u(FAQList, { items: results, showAll: true }) })
   ] });
 };
 const useFAQData = () => {
@@ -7369,7 +7377,7 @@ const FAQWindow = () => {
   const [searchResults, setSearchResults] = d([]);
   const [hasSearched, setHasSearched] = d(false);
   const [isSearching, setIsSearching] = d(false);
-  const searchTimeoutRef = A();
+  const searchTimeoutRef = A$1();
   const allFAQs = getAllFAQs();
   const performSearch = q$1(
     (query) => {
@@ -7409,30 +7417,30 @@ const FAQWindow = () => {
     };
   }, []);
   if (isLoading) {
-    return /* @__PURE__ */ u$1("div", { className: `flex flex-col h-full bg-white ${isRTL ? "rtl" : ""}`, children: [
-      /* @__PURE__ */ u$1("div", { className: "flex items-center justify-between p-4 border-b border-gray-200", children: /* @__PURE__ */ u$1("h2", { className: "text-lg font-semibold text-gray-900", children: t2("faq.title", "Frequently Asked Questions") }) }),
-      /* @__PURE__ */ u$1("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ u$1("div", { className: "text-center", children: [
-        /* @__PURE__ */ u$1("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600 mx-auto mb-4" }),
-        /* @__PURE__ */ u$1("p", { className: "text-sm text-gray-500", children: t2("faq.loading", "Loading FAQs...") })
+    return /* @__PURE__ */ u("div", { className: `flex flex-col h-full bg-white ${isRTL ? "rtl" : ""}`, children: [
+      /* @__PURE__ */ u("div", { className: "flex items-center justify-between p-4 border-b border-gray-200", children: /* @__PURE__ */ u("h2", { className: "text-lg font-semibold text-gray-900", children: t2("faq.title", "Frequently Asked Questions") }) }),
+      /* @__PURE__ */ u("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ u("div", { className: "text-center", children: [
+        /* @__PURE__ */ u("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600 mx-auto mb-4" }),
+        /* @__PURE__ */ u("p", { className: "text-sm text-gray-500", children: t2("faq.loading", "Loading FAQs...") })
       ] }) })
     ] });
   }
   if (error) {
-    return /* @__PURE__ */ u$1("div", { className: `flex flex-col h-full bg-white ${isRTL ? "rtl" : ""}`, children: [
-      /* @__PURE__ */ u$1("div", { className: "flex items-center justify-between p-4 border-b border-gray-200", children: /* @__PURE__ */ u$1("h2", { className: "text-lg font-semibold text-gray-900", children: t2("faq.title", "Frequently Asked Questions") }) }),
-      /* @__PURE__ */ u$1("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ u$1("div", { className: `text-center p-4 ${isRTL ? "text-right" : ""}`, children: [
-        /* @__PURE__ */ u$1("p", { className: "text-sm text-red-600 mb-2", children: t2("faq.error", "Failed to load FAQs") }),
-        /* @__PURE__ */ u$1("p", { className: "text-xs text-gray-500", children: error })
+    return /* @__PURE__ */ u("div", { className: `flex flex-col h-full bg-white ${isRTL ? "rtl" : ""}`, children: [
+      /* @__PURE__ */ u("div", { className: "flex items-center justify-between p-4 border-b border-gray-200", children: /* @__PURE__ */ u("h2", { className: "text-lg font-semibold text-gray-900", children: t2("faq.title", "Frequently Asked Questions") }) }),
+      /* @__PURE__ */ u("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ u("div", { className: `text-center p-4 ${isRTL ? "text-right" : ""}`, children: [
+        /* @__PURE__ */ u("p", { className: "text-sm text-red-600 mb-2", children: t2("faq.error", "Failed to load FAQs") }),
+        /* @__PURE__ */ u("p", { className: "text-xs text-gray-500", children: error })
       ] }) })
     ] });
   }
-  return /* @__PURE__ */ u$1("div", { className: `flex flex-col h-full bg-white ${isRTL ? "rtl" : ""}`, children: [
-    /* @__PURE__ */ u$1("div", { className: "flex items-center justify-between p-4 border-b border-gray-200", children: [
-      /* @__PURE__ */ u$1("h2", { className: "text-lg font-semibold text-gray-900", children: t2("faq.title", "Frequently Asked Questions") }),
-      /* @__PURE__ */ u$1("div", { className: "w-6 h-6 text-gray-400", children: /* @__PURE__ */ u$1("svg", { fill: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ u$1("path", { d: "M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zM12 17.25h.007v.008H12v-.008z" }) }) })
+  return /* @__PURE__ */ u("div", { className: `flex flex-col h-full bg-white ${isRTL ? "rtl" : ""}`, children: [
+    /* @__PURE__ */ u("div", { className: "flex items-center justify-between p-4 border-b border-gray-200", children: [
+      /* @__PURE__ */ u("h2", { className: "text-lg font-semibold text-gray-900", children: t2("faq.title", "Frequently Asked Questions") }),
+      /* @__PURE__ */ u("div", { className: "w-6 h-6 text-gray-400", children: /* @__PURE__ */ u("svg", { fill: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ u("path", { d: "M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zM12 17.25h.007v.008H12v-.008z" }) }) })
     ] }),
-    /* @__PURE__ */ u$1(FAQSearchInput, { value: searchQuery, onChange: handleInputChange, onSearch: handleSearch, isLoading: isSearching, placeholder: t2("faq.search.placeholder", "Search FAQs...") }),
-    hasSearched ? /* @__PURE__ */ u$1(FAQSearchResults, { results: searchResults, isLoading: isSearching, hasSearched, query: searchQuery }) : /* @__PURE__ */ u$1("div", { className: "flex-1 max-h-[475px]", children: /* @__PURE__ */ u$1(FAQList, { items: allFAQs, showAll: true }) })
+    /* @__PURE__ */ u(FAQSearchInput, { value: searchQuery, onChange: handleInputChange, onSearch: handleSearch, isLoading: isSearching, placeholder: t2("faq.search.placeholder", "Search FAQs...") }),
+    hasSearched ? /* @__PURE__ */ u(FAQSearchResults, { results: searchResults, isLoading: isSearching, hasSearched, query: searchQuery }) : /* @__PURE__ */ u("div", { className: "flex-1 max-h-[475px]", children: /* @__PURE__ */ u(FAQList, { items: allFAQs, showAll: true }) })
   ] });
 };
 const OrganizationLogo = () => {
@@ -7445,28 +7453,28 @@ const OrganizationLogo = () => {
     setLogoError(true);
   };
   if (logoError) {
-    return /* @__PURE__ */ u$1("div", { className: "w-8 h-8 max-sm:w-6 max-sm:h-6 bg-white rounded" });
+    return /* @__PURE__ */ u("div", { className: "w-8 h-8 max-sm:w-6 max-sm:h-6 bg-white rounded" });
   }
-  return /* @__PURE__ */ u$1("img", { src: logoUrl, alt: "Organization logo", className: "w-8 h-8 max-sm:w-6 max-sm:h-6 rounded object-contain", onError: handleImageError });
+  return /* @__PURE__ */ u("img", { src: logoUrl, alt: "Organization logo", className: "w-8 h-8 max-sm:w-6 max-sm:h-6 rounded object-contain", onError: handleImageError });
 };
 const PopularFAQs = ({ maxItems = 3, onClick }) => {
   const { t: t2, isRTL } = useWidgetTranslation();
   const { getPopularFAQs, isLoading, error } = useFAQData();
   const popularFAQs = getPopularFAQs(maxItems);
   if (isLoading) {
-    return /* @__PURE__ */ u$1("div", { className: `bg-white/10  bg-gray-100 rounded-lg p-4 ${isRTL ? "text-right" : ""}`, children: /* @__PURE__ */ u$1("div", { className: "animate-pulse", children: [
-      /* @__PURE__ */ u$1("div", { className: "h-4 bg-white/20 rounded mb-3" }),
-      /* @__PURE__ */ u$1("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ u$1("div", { className: "h-3 bg-white/20 rounded" }),
-        /* @__PURE__ */ u$1("div", { className: "h-3 bg-white/20 rounded w-3/4" })
+    return /* @__PURE__ */ u("div", { className: `bg-white/10  bg-gray-100 rounded-lg p-4 ${isRTL ? "text-right" : ""}`, children: /* @__PURE__ */ u("div", { className: "animate-pulse", children: [
+      /* @__PURE__ */ u("div", { className: "h-4 bg-white/20 rounded mb-3" }),
+      /* @__PURE__ */ u("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ u("div", { className: "h-3 bg-white/20 rounded" }),
+        /* @__PURE__ */ u("div", { className: "h-3 bg-white/20 rounded w-3/4" })
       ] })
     ] }) });
   }
   if (error || popularFAQs.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ u$1("div", { className: "bg-white/10  bg-gray-100 rounded-lg", children: [
-    /* @__PURE__ */ u$1(
+  return /* @__PURE__ */ u("div", { className: "bg-white/10  bg-gray-100 rounded-lg", children: [
+    /* @__PURE__ */ u(
       "button",
       {
         type: "button",
@@ -7478,20 +7486,20 @@ const PopularFAQs = ({ maxItems = 3, onClick }) => {
           "--tw-ring-color": "var(--widget-primary-color, #3C5BFF)"
         },
         children: [
-          /* @__PURE__ */ u$1("h4", { className: "text-sm max-sm:text-sm font-semibold text-gray-900", children: t2("home.searchHelp", "Search for help") }),
-          /* @__PURE__ */ u$1("div", { className: "w-4 h-4 max-sm:w-5 max-sm:h-5 flex-shrink-0", style: { color: "var(--widget-primary-color, #3C5BFF)" }, children: /* @__PURE__ */ u$1("svg", { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.75", "aria-hidden": "true", children: [
-            /* @__PURE__ */ u$1("circle", { cx: "7", cy: "7", r: "5" }),
-            /* @__PURE__ */ u$1("path", { d: "M13 13l-3-3" })
+          /* @__PURE__ */ u("h4", { className: "text-sm max-sm:text-sm font-semibold text-gray-900", children: t2("home.searchHelp", "Search for help") }),
+          /* @__PURE__ */ u("div", { className: "w-4 h-4 max-sm:w-5 max-sm:h-5 flex-shrink-0", style: { color: "var(--widget-primary-color, #3C5BFF)" }, children: /* @__PURE__ */ u("svg", { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.75", "aria-hidden": "true", children: [
+            /* @__PURE__ */ u("circle", { cx: "7", cy: "7", r: "5" }),
+            /* @__PURE__ */ u("path", { d: "M13 13l-3-3" })
           ] }) })
         ]
       }
     ),
-    /* @__PURE__ */ u$1("div", { className: "bg-white/5", children: /* @__PURE__ */ u$1(FAQList, { items: popularFAQs, maxItems, showAll: false, enableScrolling: false }) })
+    /* @__PURE__ */ u("div", { className: "bg-white/5", children: /* @__PURE__ */ u(FAQList, { items: popularFAQs, maxItems, showAll: false, enableScrolling: false }) })
   ] });
 };
 const SendMessageButton = ({ onClick }) => {
   const { t: t2 } = useWidgetTranslation();
-  return /* @__PURE__ */ u$1(
+  return /* @__PURE__ */ u(
     "button",
     {
       type: "button",
@@ -7503,26 +7511,26 @@ const SendMessageButton = ({ onClick }) => {
         "--tw-ring-color": "var(--widget-primary-color, #3C5BFF)"
       },
       children: [
-        /* @__PURE__ */ u$1("div", { className: "flex flex-col items-start", children: [
-          /* @__PURE__ */ u$1("h4", { className: "text-sm max-sm:text-sm font-semibold text-gray-900", children: t2("home.sendMessage", "Send us a message") }),
-          /* @__PURE__ */ u$1("p", { className: "text-sm max-sm:text-xs text-gray-600 mt-1", children: t2("home.replyTime", "We typically reply within a day") })
+        /* @__PURE__ */ u("div", { className: "flex flex-col items-start", children: [
+          /* @__PURE__ */ u("h4", { className: "text-sm max-sm:text-sm font-semibold text-gray-900", children: t2("home.sendMessage", "Send us a message") }),
+          /* @__PURE__ */ u("p", { className: "text-sm max-sm:text-xs text-gray-600 mt-1", children: t2("home.replyTime", "We typically reply within a day") })
         ] }),
-        /* @__PURE__ */ u$1("div", { className: "w-4 h-4 max-sm:w-5 max-sm:h-5 flex-shrink-0", style: { color: "var(--widget-primary-color, #3C5BFF)" }, children: /* @__PURE__ */ u$1("svg", { viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ u$1("path", { d: "M6 3l6 5-6 5V3z" }) }) })
+        /* @__PURE__ */ u("div", { className: "w-4 h-4 max-sm:w-5 max-sm:h-5 flex-shrink-0", style: { color: "var(--widget-primary-color, #3C5BFF)" }, children: /* @__PURE__ */ u("svg", { viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ u("path", { d: "M6 3l6 5-6 5V3z" }) }) })
       ]
     }
   );
 };
 const QuickActionButtons = ({ onSendMessage, onSearchHelp }) => {
-  return /* @__PURE__ */ u$1("div", { className: "flex flex-col gap-3 p-4 max-sm:p-3 max-sm:gap-2", children: [
-    /* @__PURE__ */ u$1(SendMessageButton, { onClick: onSendMessage }),
-    /* @__PURE__ */ u$1(PopularFAQs, { maxItems: 3, onClick: onSearchHelp })
+  return /* @__PURE__ */ u("div", { className: "flex flex-col gap-3 p-4 max-sm:p-3 max-sm:gap-2", children: [
+    /* @__PURE__ */ u(SendMessageButton, { onClick: onSendMessage }),
+    /* @__PURE__ */ u(PopularFAQs, { maxItems: 3, onClick: onSearchHelp })
   ] });
 };
 const WelcomeMessage = () => {
   const { t: t2 } = useWidgetTranslation();
-  return /* @__PURE__ */ u$1("div", { className: "text-white", children: [
-    /* @__PURE__ */ u$1("h2", { className: "text-2xl max-sm:text-xl font-bold opacity-70 mb-1", children: t2("home.greeting", "Hello there") }),
-    /* @__PURE__ */ u$1("h3", { className: "text-2xl max-sm:text-xl font-bold", children: t2("home.question", "How can we help?") })
+  return /* @__PURE__ */ u("div", { className: "text-white", children: [
+    /* @__PURE__ */ u("h2", { className: "text-2xl max-sm:text-xl font-bold opacity-70 mb-1", children: t2("home.greeting", "Hello there") }),
+    /* @__PURE__ */ u("h3", { className: "text-2xl max-sm:text-xl font-bold", children: t2("home.question", "How can we help?") })
   ] });
 };
 const HomeWindow = () => {
@@ -7534,8 +7542,8 @@ const HomeWindow = () => {
   const handleSearchHelp = () => {
     dispatch({ type: "SET_CURRENT_WINDOW", payload: "faq" });
   };
-  return /* @__PURE__ */ u$1("div", { className: `flex flex-col h-full ${isRTL ? "rtl" : ""}`, children: [
-    /* @__PURE__ */ u$1(
+  return /* @__PURE__ */ u("div", { className: `flex flex-col h-full ${isRTL ? "rtl" : ""}`, children: [
+    /* @__PURE__ */ u(
       "div",
       {
         className: "absolute inset-0",
@@ -7544,30 +7552,30 @@ const HomeWindow = () => {
         }
       }
     ),
-    /* @__PURE__ */ u$1("div", { className: "relative flex flex-col h-full overflow-y-auto overflow-x-hidden", children: [
-      /* @__PURE__ */ u$1("div", { className: "flex flex-col gap-6 p-5 max-sm:p-4 pt-5 max-sm:pt-4 flex-shrink-0", children: [
-        /* @__PURE__ */ u$1("div", { className: "flex justify-between items-end", children: /* @__PURE__ */ u$1(OrganizationLogo, {}) }),
-        /* @__PURE__ */ u$1(WelcomeMessage, {})
+    /* @__PURE__ */ u("div", { className: "relative flex flex-col h-full overflow-y-auto overflow-x-hidden", children: [
+      /* @__PURE__ */ u("div", { className: "flex flex-col gap-6 p-5 max-sm:p-4 pt-5 max-sm:pt-4 flex-shrink-0", children: [
+        /* @__PURE__ */ u("div", { className: "flex justify-between items-end", children: /* @__PURE__ */ u(OrganizationLogo, {}) }),
+        /* @__PURE__ */ u(WelcomeMessage, {})
       ] }),
-      /* @__PURE__ */ u$1("div", { className: "flex-1 min-h-0 bg-white", children: /* @__PURE__ */ u$1(QuickActionButtons, { onSendMessage: handleSendMessage, onSearchHelp: handleSearchHelp }) })
+      /* @__PURE__ */ u("div", { className: "flex-1 min-h-0 bg-white", children: /* @__PURE__ */ u(QuickActionButtons, { onSendMessage: handleSendMessage, onSearchHelp: handleSearchHelp }) })
     ] })
   ] });
 };
 const HelpIcon = ({ isActive = false, className = "" }) => {
   const strokeColor = isActive ? "var(--widget-secondary-color, #6B7280)" : "var(--widget-text-primary, #1A1A1A)";
-  return /* @__PURE__ */ u$1("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", className, role: "img", "aria-label": "Help", children: [
-    /* @__PURE__ */ u$1("title", { children: "Help" }),
-    /* @__PURE__ */ u$1("circle", { cx: "12", cy: "12", r: "9.25", stroke: strokeColor, strokeWidth: "1.7" }),
-    /* @__PURE__ */ u$1("path", { d: "M9.66 9C9.66 7.34315 10.9932 6 12.66 6C14.3268 6 15.66 7.34315 15.66 9C15.66 10.6569 14.3268 12 12.66 12", stroke: strokeColor, strokeWidth: "1.7", strokeLinecap: "round" }),
-    /* @__PURE__ */ u$1("circle", { cx: "12.66", cy: "16", r: "1.77", fill: strokeColor })
+  return /* @__PURE__ */ u("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", className, role: "img", "aria-label": "Help", children: [
+    /* @__PURE__ */ u("title", { children: "Help" }),
+    /* @__PURE__ */ u("circle", { cx: "12", cy: "12", r: "9.25", stroke: strokeColor, strokeWidth: "1.7" }),
+    /* @__PURE__ */ u("path", { d: "M9.66 9C9.66 7.34315 10.9932 6 12.66 6C14.3268 6 15.66 7.34315 15.66 9C15.66 10.6569 14.3268 12 12.66 12", stroke: strokeColor, strokeWidth: "1.7", strokeLinecap: "round" }),
+    /* @__PURE__ */ u("circle", { cx: "12.66", cy: "16", r: "1.77", fill: strokeColor })
   ] });
 };
 const HomeIcon = ({ isActive = false, className = "" }) => {
   const fillColor = isActive ? "var(--widget-secondary-color, #6B7280)" : "var(--widget-text-primary, #1A1A1A)";
-  return /* @__PURE__ */ u$1("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", className, role: "img", "aria-label": "Home", children: [
-    /* @__PURE__ */ u$1("title", { children: "Home" }),
-    /* @__PURE__ */ u$1("path", { d: "M2 12L12 2L22 12", stroke: fillColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ u$1(
+  return /* @__PURE__ */ u("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", className, role: "img", "aria-label": "Home", children: [
+    /* @__PURE__ */ u("title", { children: "Home" }),
+    /* @__PURE__ */ u("path", { d: "M2 12L12 2L22 12", stroke: fillColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ u(
       "path",
       {
         d: "M3 21V9L12 2L21 9V21H15V16C15 15.4477 14.5523 15 14 15H10C9.44772 15 9 15.4477 9 16V21H3Z",
@@ -7582,9 +7590,9 @@ const HomeIcon = ({ isActive = false, className = "" }) => {
 };
 const MessagesIcon = ({ isActive = false, className = "" }) => {
   const fillColor = isActive ? "var(--widget-secondary-color, #6B7280)" : "var(--widget-text-primary, #1A1A1A)";
-  return /* @__PURE__ */ u$1("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", className, role: "img", "aria-label": "Messages", children: [
-    /* @__PURE__ */ u$1("title", { children: "Messages" }),
-    /* @__PURE__ */ u$1(
+  return /* @__PURE__ */ u("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", className, role: "img", "aria-label": "Messages", children: [
+    /* @__PURE__ */ u("title", { children: "Messages" }),
+    /* @__PURE__ */ u(
       "path",
       {
         d: "M21 15C21 15.5304 20.7893 16.0391 20.4142 16.4142C20.0391 16.7893 19.5304 17 19 17H7L3 21V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V15Z",
@@ -7595,13 +7603,13 @@ const MessagesIcon = ({ isActive = false, className = "" }) => {
         strokeLinejoin: "round"
       }
     ),
-    isActive && /* @__PURE__ */ u$1("circle", { cx: "11.04", cy: "16", r: "1.77", fill: fillColor })
+    isActive && /* @__PURE__ */ u("circle", { cx: "11.04", cy: "16", r: "1.77", fill: fillColor })
   ] });
 };
 const NotificationBadge = ({ count, className = "" }) => {
   if (count <= 0) return null;
   const displayCount = count > 99 ? "99+" : count.toString();
-  return /* @__PURE__ */ u$1(
+  return /* @__PURE__ */ u(
     "div",
     {
       className: `absolute -top-1 -right-1 bg-red-500 text-white text-xs font-medium rounded-full min-w-[18px] h-[18px] flex items-center justify-center px-1 ${className}`,
@@ -7642,7 +7650,7 @@ const Navigation = ({ className = "" }) => {
       showBadge: false
     }
   ];
-  return /* @__PURE__ */ u$1(
+  return /* @__PURE__ */ u(
     "nav",
     {
       className: `
@@ -7659,7 +7667,7 @@ const Navigation = ({ className = "" }) => {
       children: navigationTabs.map((tab) => {
         const isActive = state.currentWindow === tab.id;
         const IconComponent = tab.icon;
-        return /* @__PURE__ */ u$1(
+        return /* @__PURE__ */ u(
           "button",
           {
             type: "button",
@@ -7682,11 +7690,11 @@ const Navigation = ({ className = "" }) => {
             "aria-label": tab.label,
             "aria-current": isActive ? "page" : void 0,
             children: [
-              /* @__PURE__ */ u$1("div", { className: "relative", children: [
-                /* @__PURE__ */ u$1(IconComponent, { isActive, className: "w-6 h-6" }),
-                tab.showBadge && state.unreadCount > 0 && /* @__PURE__ */ u$1(NotificationBadge, { count: state.unreadCount })
+              /* @__PURE__ */ u("div", { className: "relative", children: [
+                /* @__PURE__ */ u(IconComponent, { isActive, className: "w-6 h-6" }),
+                tab.showBadge && state.unreadCount > 0 && /* @__PURE__ */ u(NotificationBadge, { count: state.unreadCount })
               ] }),
-              /* @__PURE__ */ u$1(
+              /* @__PURE__ */ u(
                 "span",
                 {
                   className: "text-sm max-sm:text-xs font-medium leading-none",
@@ -7711,20 +7719,20 @@ const WidgetContent = () => {
   const renderCurrentWindow = () => {
     switch (state.currentWindow) {
       case "home":
-        return /* @__PURE__ */ u$1(HomeWindow, {});
+        return /* @__PURE__ */ u(HomeWindow, {});
       case "chat":
-        return /* @__PURE__ */ u$1(ChatWindow, {});
+        return /* @__PURE__ */ u(ChatWindow, {});
       case "faq":
-        return /* @__PURE__ */ u$1(FAQWindow, {});
+        return /* @__PURE__ */ u(FAQWindow, {});
       case "news":
-        return /* @__PURE__ */ u$1("div", { className: "flex-1 p-4", children: "News Window - Coming Soon" });
+        return /* @__PURE__ */ u("div", { className: "flex-1 p-4", children: "News Window - Coming Soon" });
       default:
-        return /* @__PURE__ */ u$1(HomeWindow, {});
+        return /* @__PURE__ */ u(HomeWindow, {});
     }
   };
-  return /* @__PURE__ */ u$1("div", { className: "flex-1 overflow-hidden relative flex flex-col", children: [
-    /* @__PURE__ */ u$1("div", { className: "flex-1 overflow-hidden", children: renderCurrentWindow() }),
-    /* @__PURE__ */ u$1(Navigation, {})
+  return /* @__PURE__ */ u("div", { className: "flex-1 overflow-hidden relative flex flex-col", children: [
+    /* @__PURE__ */ u("div", { className: "flex-1 overflow-hidden", children: renderCurrentWindow() }),
+    /* @__PURE__ */ u(Navigation, {})
   ] });
 };
 const initialWidgetState = {
@@ -7902,10 +7910,10 @@ const WidgetManager = ({ config }) => {
     initializeWidget();
   }, []);
   if (initError) {
-    return /* @__PURE__ */ u$1("div", { className: "fixed bottom-5 right-5 bg-red-50 border border-red-200 rounded-lg p-4 max-w-sm z-[1000]", children: /* @__PURE__ */ u$1("div", { className: "flex items-center", children: [
-      /* @__PURE__ */ u$1("div", { className: "flex-shrink-0", children: /* @__PURE__ */ u$1("svg", { className: "h-5 w-5 text-red-400", viewBox: "0 0 20 20", fill: "currentColor", "aria-label": "Error icon", children: [
-        /* @__PURE__ */ u$1("title", { children: "Error" }),
-        /* @__PURE__ */ u$1(
+    return /* @__PURE__ */ u("div", { className: "fixed bottom-5 right-5 bg-red-50 border border-red-200 rounded-lg p-4 max-w-sm z-[1000]", children: /* @__PURE__ */ u("div", { className: "flex items-center", children: [
+      /* @__PURE__ */ u("div", { className: "flex-shrink-0", children: /* @__PURE__ */ u("svg", { className: "h-5 w-5 text-red-400", viewBox: "0 0 20 20", fill: "currentColor", "aria-label": "Error icon", children: [
+        /* @__PURE__ */ u("title", { children: "Error" }),
+        /* @__PURE__ */ u(
           "path",
           {
             fillRule: "evenodd",
@@ -7914,16 +7922,16 @@ const WidgetManager = ({ config }) => {
           }
         )
       ] }) }),
-      /* @__PURE__ */ u$1("div", { className: "ml-3", children: [
-        /* @__PURE__ */ u$1("h3", { className: "text-sm font-medium text-red-800", children: "Widget Error" }),
-        /* @__PURE__ */ u$1("p", { className: "text-sm text-red-700 mt-1", children: initError })
+      /* @__PURE__ */ u("div", { className: "ml-3", children: [
+        /* @__PURE__ */ u("h3", { className: "text-sm font-medium text-red-800", children: "Widget Error" }),
+        /* @__PURE__ */ u("p", { className: "text-sm text-red-700 mt-1", children: initError })
       ] })
     ] }) });
   }
   if (!isInitialized) {
-    return /* @__PURE__ */ u$1("div", { className: "fixed bottom-5 right-5 w-14 h-14 rounded-full bg-gray-200 animate-pulse z-[1000]" });
+    return /* @__PURE__ */ u("div", { className: "fixed bottom-5 right-5 w-14 h-14 rounded-full bg-gray-200 animate-pulse z-[1000]" });
   }
-  return /* @__PURE__ */ u$1(
+  return /* @__PURE__ */ u(
     WidgetErrorBoundary,
     {
       maxRetries: 3,
@@ -7931,7 +7939,7 @@ const WidgetManager = ({ config }) => {
       onError: (error, errorInfo) => {
         console.error("Widget Error Boundary:", error, errorInfo);
       },
-      children: /* @__PURE__ */ u$1("div", { className: "font-widget text-widget-base leading-relaxed text-widget-text-primary", children: /* @__PURE__ */ u$1(
+      children: /* @__PURE__ */ u("div", { className: "font-widget text-widget-base leading-relaxed text-widget-text-primary", children: /* @__PURE__ */ u(
         WidgetProvider,
         {
           value: {
@@ -7940,7 +7948,7 @@ const WidgetManager = ({ config }) => {
             config,
             services: { apiService, themeService, i18nService, persistenceService }
           },
-          children: /* @__PURE__ */ u$1(WidgetWithConnection, {})
+          children: /* @__PURE__ */ u(WidgetWithConnection, {})
         }
       ) })
     }
@@ -7949,7 +7957,7 @@ const WidgetManager = ({ config }) => {
 const WidgetWithConnection = () => {
   const { state, dispatch, config } = useWidgetContext();
   const { initializeConnection, connectionState, onMessage, onTokenRefresh, refreshConnection } = useStompConnectionContext();
-  const connectionInitializedRef = A(false);
+  const connectionInitializedRef = A$1(false);
   y(() => {
     if (state.user && state.widgetConfig && config && !connectionInitializedRef.current) {
       connectionInitializedRef.current = true;
@@ -8047,9 +8055,9 @@ const WidgetWithConnection = () => {
         return `fixed bottom-20 right-5 ${width} ${height}`;
     }
   };
-  return /* @__PURE__ */ u$1(k$1, { children: [
-    /* @__PURE__ */ u$1(TriggerButton, {}),
-    state.isOpen && /* @__PURE__ */ u$1(
+  return /* @__PURE__ */ u(k$1, { children: [
+    /* @__PURE__ */ u(TriggerButton, {}),
+    state.isOpen && /* @__PURE__ */ u(
       "div",
       {
         className: `${getPositionClasses()} bg-white rounded-2xl shadow-xl border border-gray-200 z-[999] flex flex-col overflow-hidden
@@ -8058,14 +8066,14 @@ const WidgetWithConnection = () => {
 					max-sm:fixed max-sm:inset-4 max-sm:bottom-20 max-sm:w-auto max-sm:h-auto max-sm:max-h-[calc(100vh-8rem)] max-sm:rounded-xl
 					max-sm:landscape:inset-2 max-sm:landscape:bottom-16 max-sm:landscape:max-h-[calc(100vh-4rem)]
 					scrollbar-thin scrollbar-thumb-gray-300 scrollbar-track-gray-100`,
-        children: /* @__PURE__ */ u$1(WidgetContent, {})
+        children: /* @__PURE__ */ u(WidgetContent, {})
       }
     )
   ] });
 };
 const widgetCss = '/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-cyan-200:oklch(91.7% .08 205.041);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--animate-bounce:bounce 1s infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.-top-1{top:calc(var(--spacing)*-1)}.top-1{top:calc(var(--spacing)*1)}.top-1\\/2{top:50%}.top-4{top:calc(var(--spacing)*4)}.top-5{top:calc(var(--spacing)*5)}.top-20{top:calc(var(--spacing)*20)}.-right-1{right:calc(var(--spacing)*-1)}.right-0{right:calc(var(--spacing)*0)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.right-5{right:calc(var(--spacing)*5)}.right-8{right:calc(var(--spacing)*8)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-5{bottom:calc(var(--spacing)*5)}.bottom-20{bottom:calc(var(--spacing)*20)}.bottom-\\[69px\\]{bottom:69px}.-left-1{left:calc(var(--spacing)*-1)}.left-0{left:calc(var(--spacing)*0)}.left-1{left:calc(var(--spacing)*1)}.left-1\\/2{left:50%}.left-3{left:calc(var(--spacing)*3)}.left-5{left:calc(var(--spacing)*5)}.left-8{left:calc(var(--spacing)*8)}.z-10{z-index:10}.z-\\[999\\]{z-index:999}.z-\\[1000\\]{z-index:1000}.z-\\[1001\\]{z-index:1001}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.-ml-1{margin-left:calc(var(--spacing)*-1)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.h-2{height:calc(var(--spacing)*2)}.h-2\\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-14{height:calc(var(--spacing)*14)}.h-15{height:calc(var(--spacing)*15)}.h-16{height:calc(var(--spacing)*16)}.h-\\[18px\\]{height:18px}.h-\\[81px\\]{height:81px}.h-\\[500px\\]{height:500px}.h-\\[704px\\]{height:704px}.h-\\[800px\\]{height:800px}.h-auto{height:auto}.h-full{height:100%}.max-h-\\[475px\\]{max-height:475px}.max-h-\\[704px\\]{max-height:704px}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-\\[44px\\]{min-height:44px}.w-2{width:calc(var(--spacing)*2)}.w-3{width:calc(var(--spacing)*3)}.w-3\\/4{width:75%}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-14{width:calc(var(--spacing)*14)}.w-15{width:calc(var(--spacing)*15)}.w-16{width:calc(var(--spacing)*16)}.w-96{width:calc(var(--spacing)*96)}.w-\\[320px\\]{width:320px}.w-\\[400px\\]{width:400px}.w-\\[480px\\]{width:480px}.w-full{width:100%}.max-w-\\[calc\\(100vw-2\\.5rem\\)\\]{max-width:calc(100vw - 2.5rem)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-5{min-width:calc(var(--spacing)*5)}.min-w-\\[18px\\]{min-width:18px}.min-w-\\[44px\\]{min-width:44px}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.-translate-x-1{--tw-translate-x:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-manipulation{touch-action:manipulation}.resize{resize:both}.resize-none{resize:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.justify-stretch{justify-content:stretch}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-6{gap:calc(var(--spacing)*6)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-gray-100>:not(:last-child)){border-color:var(--color-gray-100)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-br-sm{border-bottom-right-radius:var(--radius-sm)}.rounded-bl-sm{border-bottom-left-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-none{--tw-border-style:none;border-style:none}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-600{border-color:var(--color-blue-600)}.border-blue-800{border-color:var(--color-blue-800)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-red-200{border-color:var(--color-red-200)}.border-red-300{border-color:var(--color-red-300)}.border-transparent{border-color:#0000}.border-yellow-200{border-color:var(--color-yellow-200)}.border-t-blue-500{border-top-color:var(--color-blue-500)}.bg-\\[var\\(--widget-primary-color\\)\\]{background-color:var(--widget-primary-color)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\\/5{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.bg-white\\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.bg-white\\/15{background-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.bg-white\\/15{background-color:color-mix(in oklab,var(--color-white)15%,transparent)}}.bg-white\\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-white\\/20{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-600{--tw-gradient-from:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-900{--tw-gradient-from:var(--color-blue-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-blue-600{--tw-gradient-via:var(--color-blue-600);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-blue-700{--tw-gradient-to:var(--color-blue-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-blue-800{--tw-gradient-to:var(--color-blue-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-cyan-200{--tw-gradient-to:var(--color-cyan-200);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-\\[2px\\]{padding-inline:2px}.py-0{padding-block:calc(var(--spacing)*0)}.py-0\\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-8{padding-block:calc(var(--spacing)*8)}.py-\\[18px\\]{padding-block:18px}.pt-5{padding-top:calc(var(--spacing)*5)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-12{padding-right:calc(var(--spacing)*12)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-\\[81px\\]{padding-bottom:81px}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-12{padding-left:calc(var(--spacing)*12)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-5{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5)}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-words{overflow-wrap:break-word}.whitespace-pre-wrap{white-space:pre-wrap}.text-black{color:var(--color-black)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-red-400{color:var(--color-red-400)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-white{color:var(--color-white)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-700{color:var(--color-yellow-700)}.text-yellow-800{color:var(--color-yellow-800)}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.no-underline{text-decoration-line:none}.opacity-25{opacity:.25}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.last\\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media (hover:hover){.hover\\:-translate-y-0\\.5:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\\:border-blue-300:hover{border-color:var(--color-blue-300)}.hover\\:border-gray-300:hover{border-color:var(--color-gray-300)}.hover\\:bg-\\[var\\(--widget-primary-color\\)\\]\\/90:hover{background-color:var(--widget-primary-color)}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-\\[var\\(--widget-primary-color\\)\\]\\/90:hover{background-color:color-mix(in oklab,var(--widget-primary-color)90%,transparent)}}.hover\\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\\:bg-blue-200:hover{background-color:var(--color-blue-200)}.hover\\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\\:bg-gray-300:hover{background-color:var(--color-gray-300)}.hover\\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\\:bg-red-200:hover{background-color:var(--color-red-200)}.hover\\:bg-white\\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-white\\/10:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.hover\\:bg-white\\/25:hover{background-color:#ffffff40}@supports (color:color-mix(in lab,red,red)){.hover\\:bg-white\\/25:hover{background-color:color-mix(in oklab,var(--color-white)25%,transparent)}}.hover\\:bg-yellow-200:hover{background-color:var(--color-yellow-200)}.hover\\:text-blue-500:hover{color:var(--color-blue-500)}.hover\\:text-blue-700:hover{color:var(--color-blue-700)}.hover\\:text-gray-600:hover{color:var(--color-gray-600)}.hover\\:text-red-800:hover{color:var(--color-red-800)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-90:hover{opacity:.9}.hover\\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\\:border-transparent:focus{border-color:#0000}.focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\\:ring-gray-500:focus{--tw-ring-color:var(--color-gray-500)}.focus\\:ring-red-500:focus{--tw-ring-color:var(--color-red-500)}.focus\\:ring-white\\/50:focus{--tw-ring-color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.focus\\:ring-white\\/50:focus{--tw-ring-color:color-mix(in oklab,var(--color-white)50%,transparent)}}.focus\\:ring-yellow-500:focus{--tw-ring-color:var(--color-yellow-500)}.focus\\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\\:ring-offset-blue-600:focus{--tw-ring-offset-color:var(--color-blue-600)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\\:translate-y-0:active{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.active\\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.active\\:bg-gray-50:active{background-color:var(--color-gray-50)}.active\\:bg-gray-100:active{background-color:var(--color-gray-100)}.active\\:bg-gray-300:active{background-color:var(--color-gray-300)}.active\\:bg-white\\/20:active{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.active\\:bg-white\\/20:active{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.active\\:text-blue-600:active{color:var(--color-blue-600)}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:bg-gray-100:disabled{background-color:var(--color-gray-100)}.disabled\\:bg-gray-300:disabled{background-color:var(--color-gray-300)}.disabled\\:opacity-50:disabled{opacity:.5}@media (hover:hover){.disabled\\:hover\\:text-gray-400:disabled:hover{color:var(--color-gray-400)}}@media (prefers-reduced-motion:reduce){.motion-reduce\\:transition-none{transition-property:none}@media (hover:hover){.motion-reduce\\:hover\\:scale-100:hover{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.motion-reduce\\:active\\:scale-100:active{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}}@media not all and (min-width:40rem){.max-sm\\:fixed{position:fixed}.max-sm\\:inset-4{inset:calc(var(--spacing)*4)}.max-sm\\:top-4{top:calc(var(--spacing)*4)}.max-sm\\:right-2{right:calc(var(--spacing)*2)}.max-sm\\:right-4{right:calc(var(--spacing)*4)}.max-sm\\:bottom-4{bottom:calc(var(--spacing)*4)}.max-sm\\:bottom-16{bottom:calc(var(--spacing)*16)}.max-sm\\:bottom-20{bottom:calc(var(--spacing)*20)}.max-sm\\:left-2{left:calc(var(--spacing)*2)}.max-sm\\:left-4{left:calc(var(--spacing)*4)}.max-sm\\:mb-2{margin-bottom:calc(var(--spacing)*2)}.max-sm\\:h-3{height:calc(var(--spacing)*3)}.max-sm\\:h-3\\.5{height:calc(var(--spacing)*3.5)}.max-sm\\:h-4{height:calc(var(--spacing)*4)}.max-sm\\:h-5{height:calc(var(--spacing)*5)}.max-sm\\:h-6{height:calc(var(--spacing)*6)}.max-sm\\:h-7{height:calc(var(--spacing)*7)}.max-sm\\:h-14{height:calc(var(--spacing)*14)}.max-sm\\:h-\\[72px\\]{height:72px}.max-sm\\:h-auto{height:auto}.max-sm\\:max-h-\\[calc\\(100vh-8rem\\)\\]{max-height:calc(100vh - 8rem)}.max-sm\\:min-h-\\[40px\\]{min-height:40px}.max-sm\\:w-3{width:calc(var(--spacing)*3)}.max-sm\\:w-3\\.5{width:calc(var(--spacing)*3.5)}.max-sm\\:w-4{width:calc(var(--spacing)*4)}.max-sm\\:w-5{width:calc(var(--spacing)*5)}.max-sm\\:w-6{width:calc(var(--spacing)*6)}.max-sm\\:w-7{width:calc(var(--spacing)*7)}.max-sm\\:w-14{width:calc(var(--spacing)*14)}.max-sm\\:w-\\[calc\\(100vw-2\\.5rem\\)\\]{width:calc(100vw - 2.5rem)}.max-sm\\:w-auto{width:auto}.max-sm\\:min-w-\\[40px\\]{min-width:40px}.max-sm\\:gap-1\\.5{gap:calc(var(--spacing)*1.5)}.max-sm\\:gap-2{gap:calc(var(--spacing)*2)}:where(.max-sm\\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}.max-sm\\:rounded-xl{border-radius:var(--radius-xl)}.max-sm\\:p-1{padding:calc(var(--spacing)*1)}.max-sm\\:p-1\\.5{padding:calc(var(--spacing)*1.5)}.max-sm\\:p-2{padding:calc(var(--spacing)*2)}.max-sm\\:p-2\\.5{padding:calc(var(--spacing)*2.5)}.max-sm\\:p-3{padding:calc(var(--spacing)*3)}.max-sm\\:p-4{padding:calc(var(--spacing)*4)}.max-sm\\:px-2\\.5{padding-inline:calc(var(--spacing)*2.5)}.max-sm\\:px-3{padding-inline:calc(var(--spacing)*3)}.max-sm\\:px-\\[1px\\]{padding-inline:1px}.max-sm\\:py-1\\.5{padding-block:calc(var(--spacing)*1.5)}.max-sm\\:py-2\\.5{padding-block:calc(var(--spacing)*2.5)}.max-sm\\:py-\\[14px\\]{padding-block:14px}.max-sm\\:pt-4{padding-top:calc(var(--spacing)*4)}.max-sm\\:pr-3{padding-right:calc(var(--spacing)*3)}.max-sm\\:pr-10{padding-right:calc(var(--spacing)*10)}.max-sm\\:pb-\\[72px\\]{padding-bottom:72px}.max-sm\\:pl-10{padding-left:calc(var(--spacing)*10)}.max-sm\\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.max-sm\\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.max-sm\\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.max-sm\\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}}@media (min-width:40rem){.sm\\:h-\\[704px\\]{height:704px}.sm\\:w-96{width:calc(var(--spacing)*96)}}@media (min-width:48rem){.md\\:h-\\[704px\\]{height:704px}}@media (min-width:64rem){.lg\\:max-w-sm{max-width:var(--container-sm)}}@media not all and (min-width:40rem){@media (orientation:landscape){.max-sm\\:landscape\\:inset-2{inset:calc(var(--spacing)*2)}.max-sm\\:landscape\\:top-2{top:calc(var(--spacing)*2)}.max-sm\\:landscape\\:right-4{right:calc(var(--spacing)*4)}.max-sm\\:landscape\\:bottom-2{bottom:calc(var(--spacing)*2)}.max-sm\\:landscape\\:bottom-16{bottom:calc(var(--spacing)*16)}.max-sm\\:landscape\\:left-4{left:calc(var(--spacing)*4)}.max-sm\\:landscape\\:max-h-\\[calc\\(100vh-4rem\\)\\]{max-height:calc(100vh - 4rem)}}}.\\[\\&_\\*\\]\\:text-right *{text-align:right}}:host{all:initial;z-index:var(--widget-z-index,2147480000);font-family:var(--widget-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif);font-size:var(--widget-font-size-base,14px);color:var(--widget-text-primary,#000);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;pointer-events:none;direction:ltr;line-height:1.4;display:block;position:fixed;bottom:0;right:0}:host([dir=rtl]){direction:rtl;left:0;right:auto}:host *{pointer-events:auto}:host *,:host :before,:host :after{box-sizing:border-box}:host .fixed{position:fixed}:host .absolute{position:absolute}:host .relative{position:relative}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}';
 const getWidgetStyles = () => widgetCss;
-class AnalytickWidget extends HTMLElement {
+let AnalytickWidget$1 = class AnalytickWidget extends HTMLElement {
   constructor() {
     super();
     __publicField(this, "shadowRoot");
@@ -8073,7 +8081,10 @@ class AnalytickWidget extends HTMLElement {
     __publicField(this, "isInitialized", false);
     this.shadowRoot = this.attachShadow({ mode: "closed" });
   }
-  // Properties to allow programmatic access
+  static get observedAttributes() {
+    return ["org-id", "widget-id", "base-url", "primary-color", "secondary-color", "theme", "language", "position", "auto-open", "greeting-message", "rtl"];
+  }
+  // Getters and Setters for properties
   get orgId() {
     return this.getAttribute("org-id");
   }
@@ -8109,8 +8120,47 @@ class AnalytickWidget extends HTMLElement {
     if (value) this.setAttribute("secondary-color", value);
     else this.removeAttribute("secondary-color");
   }
-  static get observedAttributes() {
-    return ["org-id", "widget-id", "base-url", "primary-color", "secondary-color"];
+  get theme() {
+    return this.getAttribute("theme");
+  }
+  set theme(value) {
+    if (value) this.setAttribute("theme", value);
+    else this.removeAttribute("theme");
+  }
+  get language() {
+    return this.getAttribute("language");
+  }
+  set language(value) {
+    if (value) this.setAttribute("language", value);
+    else this.removeAttribute("language");
+  }
+  get position() {
+    return this.getAttribute("position");
+  }
+  set position(value) {
+    if (value) this.setAttribute("position", value);
+    else this.removeAttribute("position");
+  }
+  get autoOpen() {
+    return this.hasAttribute("auto-open");
+  }
+  set autoOpen(value) {
+    if (value) this.setAttribute("auto-open", "");
+    else this.removeAttribute("auto-open");
+  }
+  get greetingMessage() {
+    return this.getAttribute("greeting-message");
+  }
+  set greetingMessage(value) {
+    if (value) this.setAttribute("greeting-message", value);
+    else this.removeAttribute("greeting-message");
+  }
+  get rtl() {
+    return this.hasAttribute("rtl");
+  }
+  set rtl(value) {
+    if (value) this.setAttribute("rtl", "");
+    else this.removeAttribute("rtl");
   }
   connectedCallback() {
     if (!this.isInitialized) {
@@ -8135,10 +8185,8 @@ class AnalytickWidget extends HTMLElement {
       this.updateTheme();
       return;
     }
-    if (name === "org-id" || name === "widget-id" || name === "base-url") {
-      this.isInitialized = false;
-      this.initializeWidget();
-    }
+    this.isInitialized = false;
+    this.initializeWidget();
   }
   initializeWidget() {
     if (this.isInitialized) {
@@ -8159,17 +8207,33 @@ class AnalytickWidget extends HTMLElement {
       this.renderError("Invalid base URL configuration");
       return;
     }
-    const language = this.detectLanguage();
+    const language = this.getAttribute("language") || this.detectLanguage();
+    const themeName = this.getAttribute("theme");
+    const position = this.getAttribute("position");
+    const autoOpen = this.hasAttribute("auto-open");
+    const greetingMessage = this.getAttribute("greeting-message");
+    const rtl = this.hasAttribute("rtl");
+    const primaryColor = this.getAttribute("primary-color");
+    const secondaryColor = this.getAttribute("secondary-color");
     this.config = {
       orgId: orgId.trim(),
       widgetId: widgetId.trim(),
       baseUrl: baseUrl.trim(),
-      language
+      language,
+      themeName: themeName || void 0,
+      position: position || void 0,
+      autoOpen,
+      greetingMessage: greetingMessage || void 0,
+      rtl,
+      theme: {
+        primaryColor: (primaryColor == null ? void 0 : primaryColor.trim()) || void 0,
+        secondaryColor: (secondaryColor == null ? void 0 : secondaryColor.trim()) || void 0
+      }
     };
     this.setupShadowDOM();
     try {
       G$1(
-        /* @__PURE__ */ u$1(StompConnectionProvider, { children: /* @__PURE__ */ u$1(WidgetManager, { config: this.config }) }),
+        /* @__PURE__ */ u(StompConnectionProvider, { children: /* @__PURE__ */ u(WidgetManager, { config: this.config }) }),
         this.shadowRoot
       );
       this.isInitialized = true;
@@ -8283,11 +8347,11 @@ class AnalytickWidget extends HTMLElement {
 			</div>
 		`;
   }
-}
+};
 const init = (config) => {
   if (typeof window === "undefined") return;
   if (!customElements.get("analytick-widget")) {
-    customElements.define("analytick-widget", AnalytickWidget);
+    customElements.define("analytick-widget", AnalytickWidget$1);
   }
   if (config) {
     const widget = document.createElement("analytick-widget");
@@ -8305,12 +8369,35 @@ const init = (config) => {
     return widget;
   }
 };
+const AnalytickWidget2 = D((props, ref) => {
+  if (typeof window === "undefined") return null;
+  if (!customElements.get("analytick-widget")) {
+    customElements.define("analytick-widget", AnalytickWidget$1);
+  }
+  return _("analytick-widget", {
+    "org-id": props.orgId,
+    "widget-id": props.widgetId,
+    "base-url": props.baseUrl,
+    "primary-color": props.primaryColor,
+    "secondary-color": props.secondaryColor,
+    theme: props.theme,
+    language: props.language,
+    position: props.position,
+    "auto-open": props.autoOpen ? "" : void 0,
+    "greeting-message": props.greetingMessage,
+    rtl: props.rtl ? "" : void 0,
+    ref: ref || null
+  });
+});
 if (typeof window !== "undefined" && !customElements.get("analytick-widget")) {
-  customElements.define("analytick-widget", AnalytickWidget);
+  customElements.define("analytick-widget", AnalytickWidget$1);
 }
 if (typeof window !== "undefined") {
   const globalWidget = {
-    AnalytickWidget,
+    AnalytickWidget: AnalytickWidget$1,
+    // Keep class for global access
+    AnalytickWidgetComponent: AnalytickWidget2,
+    // Functional component
     init,
     // Version info for debugging
     version: "1.0.0"
@@ -8321,6 +8408,7 @@ if (typeof window !== "undefined") {
   windowWithWidget.Widget.Analytick = globalWidget;
 }
 export {
-  AnalytickWidget,
+  AnalytickWidget2 as AnalytickWidget,
+  AnalytickWidget$1 as AnalytickWidgetElement,
   init
 };