@telelogx/analytick-widget 1.0.1 → 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;
 }
@@ -1558,176 +1862,42 @@ class Client {
    */
   abort(transactionId) {
     this._checkConnection();
-    this._stompHandler.abort(transactionId);
-  }
-  /**
-   * ACK a message. It is preferable to acknowledge a message by calling [ack]{@link IMessage#ack} directly
-   * on the {@link IMessage} handled by a subscription callback:
-   *
-   * ```javascript
-   *        var callback = function (message) {
-   *          // process the message
-   *          // acknowledge it
-   *          message.ack();
-   *        };
-   *        client.subscribe(destination, callback, {'ack': 'client'});
-   * ```
-   */
-  ack(messageId, subscriptionId, headers = {}) {
-    this._checkConnection();
-    this._stompHandler.ack(messageId, subscriptionId, headers);
-  }
-  /**
-   * 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);
+    this._stompHandler.abort(transactionId);
+  }
+  /**
+   * ACK a message. It is preferable to acknowledge a message by calling [ack]{@link IMessage#ack} directly
+   * on the {@link IMessage} handled by a subscription callback:
+   *
+   * ```javascript
+   *        var callback = function (message) {
+   *          // process the message
+   *          // acknowledge it
+   *          message.ack();
+   *        };
+   *        client.subscribe(destination, callback, {'ack': 'client'});
+   * ```
+   */
+  ack(messageId, subscriptionId, headers = {}) {
+    this._checkConnection();
+    this._stompHandler.ack(messageId, subscriptionId, headers);
+  }
+  /**
+   * 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);
   }
-}
-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 = () => {
@@ -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,7 +8066,7 @@ 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, {})
       }
     )
   ] });
@@ -8074,19 +8082,7 @@ let AnalytickWidget$1 = class AnalytickWidget extends HTMLElement {
     this.shadowRoot = this.attachShadow({ mode: "closed" });
   }
   static get observedAttributes() {
-    return [
-      "org-id",
-      "widget-id",
-      "base-url",
-      "primary-color",
-      "secondary-color",
-      "theme",
-      "language",
-      "position",
-      "auto-open",
-      "greeting-message",
-      "rtl"
-    ];
+    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() {
@@ -8237,7 +8233,7 @@ let AnalytickWidget$1 = class AnalytickWidget extends HTMLElement {
     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;
@@ -8373,7 +8369,7 @@ const init = (config) => {
     return widget;
   }
 };
-const AnalytickWidget2 = (props) => {
+const AnalytickWidget2 = D((props, ref) => {
   if (typeof window === "undefined") return null;
   if (!customElements.get("analytick-widget")) {
     customElements.define("analytick-widget", AnalytickWidget$1);
@@ -8389,9 +8385,10 @@ const AnalytickWidget2 = (props) => {
     position: props.position,
     "auto-open": props.autoOpen ? "" : void 0,
     "greeting-message": props.greetingMessage,
-    rtl: props.rtl ? "" : void 0
+    rtl: props.rtl ? "" : void 0,
+    ref: ref || null
   });
-};
+});
 if (typeof window !== "undefined" && !customElements.get("analytick-widget")) {
   customElements.define("analytick-widget", AnalytickWidget$1);
 }