@pocketping/widget 0.1.0

package/dist/index.global.js

@@ -0,0 +1,1475 @@
+"use strict";
+var PocketPing = (() => {
+  var __defProp = Object.defineProperty;
+  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+  var __getOwnPropNames = Object.getOwnPropertyNames;
+  var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __export = (target, all) => {
+    for (var name in all)
+      __defProp(target, name, { get: all[name], enumerable: true });
+  };
+  var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from === "object" || typeof from === "function") {
+      for (let key of __getOwnPropNames(from))
+        if (!__hasOwnProp.call(to, key) && key !== except)
+          __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+    }
+    return to;
+  };
+  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+  // src/index.ts
+  var index_exports = {};
+  __export(index_exports, {
+    close: () => close,
+    default: () => index_default,
+    destroy: () => destroy,
+    init: () => init,
+    open: () => open,
+    sendMessage: () => sendMessage,
+    toggle: () => toggle
+  });
+
+  // ../../node_modules/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.mjs
+  var n;
+  var l;
+  var u;
+  var t;
+  var i;
+  var o;
+  var r;
+  var e;
+  var f;
+  var c;
+  var s;
+  var a;
+  var h;
+  var p = {};
+  var v = [];
+  var y = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;
+  var d = Array.isArray;
+  function w(n2, l3) {
+    for (var u4 in l3) n2[u4] = l3[u4];
+    return n2;
+  }
+  function g(n2) {
+    n2 && n2.parentNode && n2.parentNode.removeChild(n2);
+  }
+  function _(l3, u4, t3) {
+    var i3, o3, r3, e3 = {};
+    for (r3 in u4) "key" == r3 ? i3 = u4[r3] : "ref" == r3 ? o3 = u4[r3] : e3[r3] = u4[r3];
+    if (arguments.length > 2 && (e3.children = arguments.length > 3 ? n.call(arguments, 2) : t3), "function" == typeof l3 && null != l3.defaultProps) for (r3 in l3.defaultProps) void 0 === e3[r3] && (e3[r3] = l3.defaultProps[r3]);
+    return m(l3, e3, i3, o3, null);
+  }
+  function m(n2, t3, i3, o3, r3) {
+    var e3 = { type: n2, props: t3, key: i3, ref: o3, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: null == r3 ? ++u : r3, __i: -1, __u: 0 };
+    return null == r3 && null != l.vnode && l.vnode(e3), e3;
+  }
+  function k(n2) {
+    return n2.children;
+  }
+  function x(n2, l3) {
+    this.props = n2, this.context = l3;
+  }
+  function S(n2, l3) {
+    if (null == l3) return n2.__ ? S(n2.__, n2.__i + 1) : null;
+    for (var u4; l3 < n2.__k.length; l3++) if (null != (u4 = n2.__k[l3]) && null != u4.__e) return u4.__e;
+    return "function" == typeof n2.type ? S(n2) : null;
+  }
+  function C(n2) {
+    var l3, u4;
+    if (null != (n2 = n2.__) && null != n2.__c) {
+      for (n2.__e = n2.__c.base = null, l3 = 0; l3 < n2.__k.length; l3++) if (null != (u4 = n2.__k[l3]) && null != u4.__e) {
+        n2.__e = n2.__c.base = u4.__e;
+        break;
+      }
+      return C(n2);
+    }
+  }
+  function M(n2) {
+    (!n2.__d && (n2.__d = true) && i.push(n2) && !$.__r++ || o != l.debounceRendering) && ((o = l.debounceRendering) || r)($);
+  }
+  function $() {
+    for (var n2, u4, t3, o3, r3, f4, c3, s3 = 1; i.length; ) i.length > s3 && i.sort(e), n2 = i.shift(), s3 = i.length, n2.__d && (t3 = void 0, o3 = void 0, r3 = (o3 = (u4 = n2).__v).__e, f4 = [], c3 = [], u4.__P && ((t3 = w({}, o3)).__v = o3.__v + 1, l.vnode && l.vnode(t3), O(u4.__P, t3, o3, u4.__n, u4.__P.namespaceURI, 32 & o3.__u ? [r3] : null, f4, null == r3 ? S(o3) : r3, !!(32 & o3.__u), c3), t3.__v = o3.__v, t3.__.__k[t3.__i] = t3, N(f4, t3, c3), o3.__e = o3.__ = null, t3.__e != r3 && C(t3)));
+    $.__r = 0;
+  }
+  function I(n2, l3, u4, t3, i3, o3, r3, e3, f4, c3, s3) {
+    var a3, h4, y3, d3, w3, g2, _2, m3 = t3 && t3.__k || v, b = l3.length;
+    for (f4 = P(u4, l3, m3, f4, b), a3 = 0; a3 < b; a3++) null != (y3 = u4.__k[a3]) && (h4 = -1 == y3.__i ? p : m3[y3.__i] || p, y3.__i = a3, g2 = O(n2, y3, h4, i3, o3, r3, e3, f4, c3, s3), d3 = y3.__e, y3.ref && h4.ref != y3.ref && (h4.ref && B(h4.ref, null, y3), s3.push(y3.ref, y3.__c || d3, y3)), null == w3 && null != d3 && (w3 = d3), (_2 = !!(4 & y3.__u)) || h4.__k === y3.__k ? f4 = A(y3, f4, n2, _2) : "function" == typeof y3.type && void 0 !== g2 ? f4 = g2 : d3 && (f4 = d3.nextSibling), y3.__u &= -7);
+    return u4.__e = w3, f4;
+  }
+  function P(n2, l3, u4, t3, i3) {
+    var o3, r3, e3, f4, c3, s3 = u4.length, a3 = s3, h4 = 0;
+    for (n2.__k = new Array(i3), o3 = 0; o3 < i3; o3++) null != (r3 = l3[o3]) && "boolean" != typeof r3 && "function" != typeof r3 ? ("string" == typeof r3 || "number" == typeof r3 || "bigint" == typeof r3 || r3.constructor == String ? r3 = n2.__k[o3] = m(null, r3, null, null, null) : d(r3) ? r3 = n2.__k[o3] = m(k, { children: r3 }, null, null, null) : void 0 === r3.constructor && r3.__b > 0 ? r3 = n2.__k[o3] = m(r3.type, r3.props, r3.key, r3.ref ? r3.ref : null, r3.__v) : n2.__k[o3] = r3, f4 = o3 + h4, r3.__ = n2, r3.__b = n2.__b + 1, e3 = null, -1 != (c3 = r3.__i = L(r3, u4, f4, a3)) && (a3--, (e3 = u4[c3]) && (e3.__u |= 2)), null == e3 || null == e3.__v ? (-1 == c3 && (i3 > s3 ? h4-- : i3 < s3 && h4++), "function" != typeof r3.type && (r3.__u |= 4)) : c3 != f4 && (c3 == f4 - 1 ? h4-- : c3 == f4 + 1 ? h4++ : (c3 > f4 ? h4-- : h4++, r3.__u |= 4))) : n2.__k[o3] = null;
+    if (a3) for (o3 = 0; o3 < s3; o3++) null != (e3 = u4[o3]) && 0 == (2 & e3.__u) && (e3.__e == t3 && (t3 = S(e3)), D(e3, e3));
+    return t3;
+  }
+  function A(n2, l3, u4, t3) {
+    var i3, o3;
+    if ("function" == typeof n2.type) {
+      for (i3 = n2.__k, o3 = 0; i3 && o3 < i3.length; o3++) i3[o3] && (i3[o3].__ = n2, l3 = A(i3[o3], l3, u4, t3));
+      return l3;
+    }
+    n2.__e != l3 && (t3 && (l3 && n2.type && !l3.parentNode && (l3 = S(n2)), u4.insertBefore(n2.__e, l3 || null)), l3 = n2.__e);
+    do {
+      l3 = l3 && l3.nextSibling;
+    } while (null != l3 && 8 == l3.nodeType);
+    return l3;
+  }
+  function L(n2, l3, u4, t3) {
+    var i3, o3, r3, e3 = n2.key, f4 = n2.type, c3 = l3[u4], s3 = null != c3 && 0 == (2 & c3.__u);
+    if (null === c3 && null == e3 || s3 && e3 == c3.key && f4 == c3.type) return u4;
+    if (t3 > (s3 ? 1 : 0)) {
+      for (i3 = u4 - 1, o3 = u4 + 1; i3 >= 0 || o3 < l3.length; ) if (null != (c3 = l3[r3 = i3 >= 0 ? i3-- : o3++]) && 0 == (2 & c3.__u) && e3 == c3.key && f4 == c3.type) return r3;
+    }
+    return -1;
+  }
+  function T(n2, l3, u4) {
+    "-" == l3[0] ? n2.setProperty(l3, null == u4 ? "" : u4) : n2[l3] = null == u4 ? "" : "number" != typeof u4 || y.test(l3) ? u4 : u4 + "px";
+  }
+  function j(n2, l3, u4, t3, i3) {
+    var o3, r3;
+    n: if ("style" == l3) if ("string" == typeof u4) n2.style.cssText = u4;
+    else {
+      if ("string" == typeof t3 && (n2.style.cssText = t3 = ""), t3) for (l3 in t3) u4 && l3 in u4 || T(n2.style, l3, "");
+      if (u4) for (l3 in u4) t3 && u4[l3] == t3[l3] || T(n2.style, l3, u4[l3]);
+    }
+    else if ("o" == l3[0] && "n" == l3[1]) o3 = l3 != (l3 = l3.replace(f, "$1")), r3 = l3.toLowerCase(), l3 = r3 in n2 || "onFocusOut" == l3 || "onFocusIn" == l3 ? r3.slice(2) : l3.slice(2), n2.l || (n2.l = {}), n2.l[l3 + o3] = u4, u4 ? t3 ? u4.u = t3.u : (u4.u = c, n2.addEventListener(l3, o3 ? a : s, o3)) : n2.removeEventListener(l3, o3 ? a : s, o3);
+    else {
+      if ("http://www.w3.org/2000/svg" == i3) l3 = l3.replace(/xlink(H|:h)/, "h").replace(/sName$/, "s");
+      else if ("width" != l3 && "height" != l3 && "href" != l3 && "list" != l3 && "form" != l3 && "tabIndex" != l3 && "download" != l3 && "rowSpan" != l3 && "colSpan" != l3 && "role" != l3 && "popover" != l3 && l3 in n2) try {
+        n2[l3] = null == u4 ? "" : u4;
+        break n;
+      } catch (n3) {
+      }
+      "function" == typeof u4 || (null == u4 || false === u4 && "-" != l3[4] ? n2.removeAttribute(l3) : n2.setAttribute(l3, "popover" == l3 && 1 == u4 ? "" : u4));
+    }
+  }
+  function F(n2) {
+    return function(u4) {
+      if (this.l) {
+        var t3 = this.l[u4.type + n2];
+        if (null == u4.t) u4.t = c++;
+        else if (u4.t < t3.u) return;
+        return t3(l.event ? l.event(u4) : u4);
+      }
+    };
+  }
+  function O(n2, u4, t3, i3, o3, r3, e3, f4, c3, s3) {
+    var a3, h4, p3, v3, y3, _2, m3, b, S2, C3, M2, $2, P2, A3, H, L2, T3, j3 = u4.type;
+    if (void 0 !== u4.constructor) return null;
+    128 & t3.__u && (c3 = !!(32 & t3.__u), r3 = [f4 = u4.__e = t3.__e]), (a3 = l.__b) && a3(u4);
+    n: if ("function" == typeof j3) try {
+      if (b = u4.props, S2 = "prototype" in j3 && j3.prototype.render, C3 = (a3 = j3.contextType) && i3[a3.__c], M2 = a3 ? C3 ? C3.props.value : a3.__ : i3, t3.__c ? m3 = (h4 = u4.__c = t3.__c).__ = h4.__E : (S2 ? u4.__c = h4 = new j3(b, M2) : (u4.__c = h4 = new x(b, M2), h4.constructor = j3, h4.render = E), C3 && C3.sub(h4), h4.state || (h4.state = {}), h4.__n = i3, p3 = h4.__d = true, h4.__h = [], h4._sb = []), S2 && null == h4.__s && (h4.__s = h4.state), S2 && null != j3.getDerivedStateFromProps && (h4.__s == h4.state && (h4.__s = w({}, h4.__s)), w(h4.__s, j3.getDerivedStateFromProps(b, h4.__s))), v3 = h4.props, y3 = h4.state, h4.__v = u4, p3) S2 && null == j3.getDerivedStateFromProps && null != h4.componentWillMount && h4.componentWillMount(), S2 && null != h4.componentDidMount && h4.__h.push(h4.componentDidMount);
+      else {
+        if (S2 && null == j3.getDerivedStateFromProps && b !== v3 && null != h4.componentWillReceiveProps && h4.componentWillReceiveProps(b, M2), u4.__v == t3.__v || !h4.__e && null != h4.shouldComponentUpdate && false === h4.shouldComponentUpdate(b, h4.__s, M2)) {
+          for (u4.__v != t3.__v && (h4.props = b, h4.state = h4.__s, h4.__d = false), u4.__e = t3.__e, u4.__k = t3.__k, u4.__k.some(function(n3) {
+            n3 && (n3.__ = u4);
+          }), $2 = 0; $2 < h4._sb.length; $2++) h4.__h.push(h4._sb[$2]);
+          h4._sb = [], h4.__h.length && e3.push(h4);
+          break n;
+        }
+        null != h4.componentWillUpdate && h4.componentWillUpdate(b, h4.__s, M2), S2 && null != h4.componentDidUpdate && h4.__h.push(function() {
+          h4.componentDidUpdate(v3, y3, _2);
+        });
+      }
+      if (h4.context = M2, h4.props = b, h4.__P = n2, h4.__e = false, P2 = l.__r, A3 = 0, S2) {
+        for (h4.state = h4.__s, h4.__d = false, P2 && P2(u4), a3 = h4.render(h4.props, h4.state, h4.context), H = 0; H < h4._sb.length; H++) h4.__h.push(h4._sb[H]);
+        h4._sb = [];
+      } else do {
+        h4.__d = false, P2 && P2(u4), a3 = h4.render(h4.props, h4.state, h4.context), h4.state = h4.__s;
+      } while (h4.__d && ++A3 < 25);
+      h4.state = h4.__s, null != h4.getChildContext && (i3 = w(w({}, i3), h4.getChildContext())), S2 && !p3 && null != h4.getSnapshotBeforeUpdate && (_2 = h4.getSnapshotBeforeUpdate(v3, y3)), L2 = a3, null != a3 && a3.type === k && null == a3.key && (L2 = V(a3.props.children)), f4 = I(n2, d(L2) ? L2 : [L2], u4, t3, i3, o3, r3, e3, f4, c3, s3), h4.base = u4.__e, u4.__u &= -161, h4.__h.length && e3.push(h4), m3 && (h4.__E = h4.__ = null);
+    } catch (n3) {
+      if (u4.__v = null, c3 || null != r3) if (n3.then) {
+        for (u4.__u |= c3 ? 160 : 128; f4 && 8 == f4.nodeType && f4.nextSibling; ) f4 = f4.nextSibling;
+        r3[r3.indexOf(f4)] = null, u4.__e = f4;
+      } else {
+        for (T3 = r3.length; T3--; ) g(r3[T3]);
+        z(u4);
+      }
+      else u4.__e = t3.__e, u4.__k = t3.__k, n3.then || z(u4);
+      l.__e(n3, u4, t3);
+    }
+    else null == r3 && u4.__v == t3.__v ? (u4.__k = t3.__k, u4.__e = t3.__e) : f4 = u4.__e = q(t3.__e, u4, t3, i3, o3, r3, e3, c3, s3);
+    return (a3 = l.diffed) && a3(u4), 128 & u4.__u ? void 0 : f4;
+  }
+  function z(n2) {
+    n2 && n2.__c && (n2.__c.__e = true), n2 && n2.__k && n2.__k.forEach(z);
+  }
+  function N(n2, u4, t3) {
+    for (var i3 = 0; i3 < t3.length; i3++) B(t3[i3], t3[++i3], t3[++i3]);
+    l.__c && l.__c(u4, n2), n2.some(function(u5) {
+      try {
+        n2 = u5.__h, u5.__h = [], n2.some(function(n3) {
+          n3.call(u5);
+        });
+      } catch (n3) {
+        l.__e(n3, u5.__v);
+      }
+    });
+  }
+  function V(n2) {
+    return "object" != typeof n2 || null == n2 || n2.__b && n2.__b > 0 ? n2 : d(n2) ? n2.map(V) : w({}, n2);
+  }
+  function q(u4, t3, i3, o3, r3, e3, f4, c3, s3) {
+    var a3, h4, v3, y3, w3, _2, m3, b = i3.props || p, k3 = t3.props, x2 = t3.type;
+    if ("svg" == x2 ? r3 = "http://www.w3.org/2000/svg" : "math" == x2 ? r3 = "http://www.w3.org/1998/Math/MathML" : r3 || (r3 = "http://www.w3.org/1999/xhtml"), null != e3) {
+      for (a3 = 0; a3 < e3.length; a3++) if ((w3 = e3[a3]) && "setAttribute" in w3 == !!x2 && (x2 ? w3.localName == x2 : 3 == w3.nodeType)) {
+        u4 = w3, e3[a3] = null;
+        break;
+      }
+    }
+    if (null == u4) {
+      if (null == x2) return document.createTextNode(k3);
+      u4 = document.createElementNS(r3, x2, k3.is && k3), c3 && (l.__m && l.__m(t3, e3), c3 = false), e3 = null;
+    }
+    if (null == x2) b === k3 || c3 && u4.data == k3 || (u4.data = k3);
+    else {
+      if (e3 = e3 && n.call(u4.childNodes), !c3 && null != e3) for (b = {}, a3 = 0; a3 < u4.attributes.length; a3++) b[(w3 = u4.attributes[a3]).name] = w3.value;
+      for (a3 in b) if (w3 = b[a3], "children" == a3) ;
+      else if ("dangerouslySetInnerHTML" == a3) v3 = w3;
+      else if (!(a3 in k3)) {
+        if ("value" == a3 && "defaultValue" in k3 || "checked" == a3 && "defaultChecked" in k3) continue;
+        j(u4, a3, null, w3, r3);
+      }
+      for (a3 in k3) w3 = k3[a3], "children" == a3 ? y3 = w3 : "dangerouslySetInnerHTML" == a3 ? h4 = w3 : "value" == a3 ? _2 = w3 : "checked" == a3 ? m3 = w3 : c3 && "function" != typeof w3 || b[a3] === w3 || j(u4, a3, w3, b[a3], r3);
+      if (h4) c3 || v3 && (h4.__html == v3.__html || h4.__html == u4.innerHTML) || (u4.innerHTML = h4.__html), t3.__k = [];
+      else if (v3 && (u4.innerHTML = ""), I("template" == t3.type ? u4.content : u4, d(y3) ? y3 : [y3], t3, i3, o3, "foreignObject" == x2 ? "http://www.w3.org/1999/xhtml" : r3, e3, f4, e3 ? e3[0] : i3.__k && S(i3, 0), c3, s3), null != e3) for (a3 = e3.length; a3--; ) g(e3[a3]);
+      c3 || (a3 = "value", "progress" == x2 && null == _2 ? u4.removeAttribute("value") : null != _2 && (_2 !== u4[a3] || "progress" == x2 && !_2 || "option" == x2 && _2 != b[a3]) && j(u4, a3, _2, b[a3], r3), a3 = "checked", null != m3 && m3 != u4[a3] && j(u4, a3, m3, b[a3], r3));
+    }
+    return u4;
+  }
+  function B(n2, u4, t3) {
+    try {
+      if ("function" == typeof n2) {
+        var i3 = "function" == typeof n2.__u;
+        i3 && n2.__u(), i3 && null == u4 || (n2.__u = n2(u4));
+      } else n2.current = u4;
+    } catch (n3) {
+      l.__e(n3, t3);
+    }
+  }
+  function D(n2, u4, t3) {
+    var i3, o3;
+    if (l.unmount && l.unmount(n2), (i3 = n2.ref) && (i3.current && i3.current != n2.__e || B(i3, null, u4)), null != (i3 = n2.__c)) {
+      if (i3.componentWillUnmount) try {
+        i3.componentWillUnmount();
+      } catch (n3) {
+        l.__e(n3, u4);
+      }
+      i3.base = i3.__P = null;
+    }
+    if (i3 = n2.__k) for (o3 = 0; o3 < i3.length; o3++) i3[o3] && D(i3[o3], u4, t3 || "function" != typeof n2.type);
+    t3 || g(n2.__e), n2.__c = n2.__ = n2.__e = void 0;
+  }
+  function E(n2, l3, u4) {
+    return this.constructor(n2, u4);
+  }
+  function G(u4, t3, i3) {
+    var o3, r3, e3, f4;
+    t3 == document && (t3 = document.documentElement), l.__ && l.__(u4, t3), r3 = (o3 = "function" == typeof i3) ? null : i3 && i3.__k || t3.__k, e3 = [], f4 = [], O(t3, u4 = (!o3 && i3 || t3).__k = _(k, null, [u4]), r3 || p, p, t3.namespaceURI, !o3 && i3 ? [i3] : r3 ? null : t3.firstChild ? n.call(t3.childNodes) : null, e3, !o3 && i3 ? i3 : r3 ? r3.__e : t3.firstChild, o3, f4), N(e3, u4, f4);
+  }
+  n = v.slice, l = { __e: function(n2, l3, u4, t3) {
+    for (var i3, o3, r3; l3 = l3.__; ) if ((i3 = l3.__c) && !i3.__) try {
+      if ((o3 = i3.constructor) && null != o3.getDerivedStateFromError && (i3.setState(o3.getDerivedStateFromError(n2)), r3 = i3.__d), null != i3.componentDidCatch && (i3.componentDidCatch(n2, t3 || {}), r3 = i3.__d), r3) return i3.__E = i3;
+    } catch (l4) {
+      n2 = l4;
+    }
+    throw n2;
+  } }, u = 0, t = function(n2) {
+    return null != n2 && void 0 === n2.constructor;
+  }, x.prototype.setState = function(n2, l3) {
+    var u4;
+    u4 = null != this.__s && this.__s != this.state ? this.__s : this.__s = w({}, this.state), "function" == typeof n2 && (n2 = n2(w({}, u4), this.props)), n2 && w(u4, n2), null != n2 && this.__v && (l3 && this._sb.push(l3), M(this));
+  }, x.prototype.forceUpdate = function(n2) {
+    this.__v && (this.__e = true, n2 && this.__h.push(n2), M(this));
+  }, x.prototype.render = k, i = [], r = "function" == typeof Promise ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, e = function(n2, l3) {
+    return n2.__v.__b - l3.__v.__b;
+  }, $.__r = 0, f = /(PointerCapture)$|Capture$/i, c = 0, s = F(false), a = F(true), h = 0;
+
+  // ../../node_modules/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.mjs
+  var t2;
+  var r2;
+  var u2;
+  var i2;
+  var o2 = 0;
+  var f2 = [];
+  var c2 = l;
+  var e2 = c2.__b;
+  var a2 = c2.__r;
+  var v2 = c2.diffed;
+  var l2 = c2.__c;
+  var m2 = c2.unmount;
+  var s2 = c2.__;
+  function p2(n2, t3) {
+    c2.__h && c2.__h(r2, n2, o2 || t3), o2 = 0;
+    var u4 = r2.__H || (r2.__H = { __: [], __h: [] });
+    return n2 >= u4.__.length && u4.__.push({}), u4.__[n2];
+  }
+  function d2(n2) {
+    return o2 = 1, h2(D2, n2);
+  }
+  function h2(n2, u4, i3) {
+    var o3 = p2(t2++, 2);
+    if (o3.t = n2, !o3.__c && (o3.__ = [i3 ? i3(u4) : D2(void 0, u4), function(n3) {
+      var t3 = o3.__N ? o3.__N[0] : o3.__[0], r3 = o3.t(t3, n3);
+      t3 !== r3 && (o3.__N = [r3, o3.__[1]], o3.__c.setState({}));
+    }], o3.__c = r2, !r2.__f)) {
+      var f4 = function(n3, t3, r3) {
+        if (!o3.__c.__H) return true;
+        var u5 = o3.__c.__H.__.filter(function(n4) {
+          return !!n4.__c;
+        });
+        if (u5.every(function(n4) {
+          return !n4.__N;
+        })) return !c3 || c3.call(this, n3, t3, r3);
+        var i4 = o3.__c.props !== n3;
+        return u5.forEach(function(n4) {
+          if (n4.__N) {
+            var t4 = n4.__[0];
+            n4.__ = n4.__N, n4.__N = void 0, t4 !== n4.__[0] && (i4 = true);
+          }
+        }), c3 && c3.call(this, n3, t3, r3) || i4;
+      };
+      r2.__f = true;
+      var c3 = r2.shouldComponentUpdate, e3 = r2.componentWillUpdate;
+      r2.componentWillUpdate = function(n3, t3, r3) {
+        if (this.__e) {
+          var u5 = c3;
+          c3 = void 0, f4(n3, t3, r3), c3 = u5;
+        }
+        e3 && e3.call(this, n3, t3, r3);
+      }, r2.shouldComponentUpdate = f4;
+    }
+    return o3.__N || o3.__;
+  }
+  function y2(n2, u4) {
+    var i3 = p2(t2++, 3);
+    !c2.__s && C2(i3.__H, u4) && (i3.__ = n2, i3.u = u4, r2.__H.__h.push(i3));
+  }
+  function A2(n2) {
+    return o2 = 5, T2(function() {
+      return { current: n2 };
+    }, []);
+  }
+  function T2(n2, r3) {
+    var u4 = p2(t2++, 7);
+    return C2(u4.__H, r3) && (u4.__ = n2(), u4.__H = r3, u4.__h = n2), u4.__;
+  }
+  function q2(n2, t3) {
+    return o2 = 8, T2(function() {
+      return n2;
+    }, t3);
+  }
+  function j2() {
+    for (var n2; n2 = f2.shift(); ) if (n2.__P && n2.__H) try {
+      n2.__H.__h.forEach(z2), n2.__H.__h.forEach(B2), n2.__H.__h = [];
+    } catch (t3) {
+      n2.__H.__h = [], c2.__e(t3, n2.__v);
+    }
+  }
+  c2.__b = function(n2) {
+    r2 = null, e2 && e2(n2);
+  }, c2.__ = function(n2, t3) {
+    n2 && t3.__k && t3.__k.__m && (n2.__m = t3.__k.__m), s2 && s2(n2, t3);
+  }, c2.__r = function(n2) {
+    a2 && a2(n2), t2 = 0;
+    var i3 = (r2 = n2.__c).__H;
+    i3 && (u2 === r2 ? (i3.__h = [], r2.__h = [], i3.__.forEach(function(n3) {
+      n3.__N && (n3.__ = n3.__N), n3.u = n3.__N = void 0;
+    })) : (i3.__h.forEach(z2), i3.__h.forEach(B2), i3.__h = [], t2 = 0)), u2 = r2;
+  }, c2.diffed = function(n2) {
+    v2 && v2(n2);
+    var t3 = n2.__c;
+    t3 && t3.__H && (t3.__H.__h.length && (1 !== f2.push(t3) && i2 === c2.requestAnimationFrame || ((i2 = c2.requestAnimationFrame) || w2)(j2)), t3.__H.__.forEach(function(n3) {
+      n3.u && (n3.__H = n3.u), n3.u = void 0;
+    })), u2 = r2 = null;
+  }, c2.__c = function(n2, t3) {
+    t3.some(function(n3) {
+      try {
+        n3.__h.forEach(z2), n3.__h = n3.__h.filter(function(n4) {
+          return !n4.__ || B2(n4);
+        });
+      } catch (r3) {
+        t3.some(function(n4) {
+          n4.__h && (n4.__h = []);
+        }), t3 = [], c2.__e(r3, n3.__v);
+      }
+    }), l2 && l2(n2, t3);
+  }, c2.unmount = function(n2) {
+    m2 && m2(n2);
+    var t3, r3 = n2.__c;
+    r3 && r3.__H && (r3.__H.__.forEach(function(n3) {
+      try {
+        z2(n3);
+      } catch (n4) {
+        t3 = n4;
+      }
+    }), r3.__H = void 0, t3 && c2.__e(t3, r3.__v));
+  };
+  var k2 = "function" == typeof requestAnimationFrame;
+  function w2(n2) {
+    var t3, r3 = function() {
+      clearTimeout(u4), k2 && cancelAnimationFrame(t3), setTimeout(n2);
+    }, u4 = setTimeout(r3, 35);
+    k2 && (t3 = requestAnimationFrame(r3));
+  }
+  function z2(n2) {
+    var t3 = r2, u4 = n2.__c;
+    "function" == typeof u4 && (n2.__c = void 0, u4()), r2 = t3;
+  }
+  function B2(n2) {
+    var t3 = r2;
+    n2.__c = n2.__(), r2 = t3;
+  }
+  function C2(n2, t3) {
+    return !n2 || n2.length !== t3.length || t3.some(function(t4, r3) {
+      return t4 !== n2[r3];
+    });
+  }
+  function D2(n2, t3) {
+    return "function" == typeof t3 ? t3(n2) : t3;
+  }
+
+  // src/components/styles.ts
+  function styles(primaryColor, theme) {
+    const isDark = theme === "dark";
+    const colors = {
+      bg: isDark ? "#1f2937" : "#ffffff",
+      bgSecondary: isDark ? "#374151" : "#f3f4f6",
+      text: isDark ? "#f9fafb" : "#111827",
+      textSecondary: isDark ? "#9ca3af" : "#6b7280",
+      border: isDark ? "#4b5563" : "#e5e7eb",
+      messageBg: isDark ? "#374151" : "#f3f4f6"
+    };
+    return `
+    #pocketping-container {
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+      font-size: 14px;
+      line-height: 1.5;
+      color: ${colors.text};
+    }
+
+    .pp-toggle {
+      position: fixed;
+      width: 56px;
+      height: 56px;
+      border-radius: 50%;
+      background: ${primaryColor};
+      color: white;
+      border: none;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+      transition: transform 0.2s, box-shadow 0.2s;
+      z-index: 9999;
+    }
+
+    .pp-toggle:hover {
+      transform: scale(1.05);
+      box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
+    }
+
+    .pp-toggle svg {
+      width: 24px;
+      height: 24px;
+    }
+
+    .pp-toggle.pp-bottom-right {
+      bottom: 20px;
+      right: 20px;
+    }
+
+    .pp-toggle.pp-bottom-left {
+      bottom: 20px;
+      left: 20px;
+    }
+
+    .pp-online-dot {
+      position: absolute;
+      top: 4px;
+      right: 4px;
+      width: 12px;
+      height: 12px;
+      background: #22c55e;
+      border-radius: 50%;
+      border: 2px solid white;
+    }
+
+    .pp-window {
+      position: fixed;
+      width: 380px;
+      height: 520px;
+      max-height: calc(100vh - 100px);
+      background: ${colors.bg};
+      border-radius: 16px;
+      box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+      z-index: 9998;
+    }
+
+    .pp-window.pp-bottom-right {
+      bottom: 88px;
+      right: 20px;
+    }
+
+    .pp-window.pp-bottom-left {
+      bottom: 88px;
+      left: 20px;
+    }
+
+    @media (max-width: 480px) {
+      .pp-window {
+        width: calc(100vw - 20px);
+        height: calc(100vh - 100px);
+        bottom: 80px;
+        right: 10px;
+        left: 10px;
+        border-radius: 12px;
+      }
+    }
+
+    .pp-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 16px;
+      background: ${primaryColor};
+      color: white;
+    }
+
+    .pp-header-info {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+
+    .pp-avatar {
+      width: 40px;
+      height: 40px;
+      border-radius: 50%;
+      object-fit: cover;
+    }
+
+    .pp-header-title {
+      font-weight: 600;
+      font-size: 16px;
+    }
+
+    .pp-header-status {
+      font-size: 12px;
+      opacity: 0.9;
+      display: flex;
+      align-items: center;
+      gap: 4px;
+    }
+
+    .pp-status-dot {
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+      background: rgba(255, 255, 255, 0.5);
+    }
+
+    .pp-status-dot.pp-online {
+      background: #22c55e;
+    }
+
+    .pp-close-btn {
+      background: transparent;
+      border: none;
+      color: white;
+      cursor: pointer;
+      padding: 4px;
+      border-radius: 4px;
+      opacity: 0.8;
+      transition: opacity 0.2s;
+    }
+
+    .pp-close-btn:hover {
+      opacity: 1;
+    }
+
+    .pp-close-btn svg {
+      width: 20px;
+      height: 20px;
+    }
+
+    .pp-messages {
+      flex: 1;
+      overflow-y: auto;
+      padding: 16px;
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+    }
+
+    .pp-welcome {
+      text-align: center;
+      color: ${colors.textSecondary};
+      padding: 24px;
+      font-size: 13px;
+    }
+
+    .pp-message {
+      max-width: 80%;
+      padding: 10px 14px;
+      border-radius: 16px;
+      word-wrap: break-word;
+    }
+
+    .pp-message-visitor {
+      align-self: flex-end;
+      background: ${primaryColor};
+      color: white;
+      border-bottom-right-radius: 4px;
+    }
+
+    .pp-message-operator,
+    .pp-message-ai {
+      align-self: flex-start;
+      background: ${colors.messageBg};
+      color: ${colors.text};
+      border-bottom-left-radius: 4px;
+    }
+
+    .pp-message-content {
+      margin-bottom: 4px;
+    }
+
+    .pp-message-time {
+      font-size: 11px;
+      opacity: 0.7;
+      display: flex;
+      align-items: center;
+      gap: 4px;
+    }
+
+    .pp-ai-badge {
+      background: rgba(0, 0, 0, 0.1);
+      padding: 1px 4px;
+      border-radius: 4px;
+      font-size: 10px;
+      font-weight: 600;
+    }
+
+    .pp-status {
+      display: inline-flex;
+      align-items: center;
+      margin-left: 4px;
+    }
+
+    .pp-status svg {
+      width: 14px;
+      height: 14px;
+    }
+
+    .pp-check,
+    .pp-check-double {
+      stroke: rgba(255, 255, 255, 0.7);
+    }
+
+    .pp-check-read {
+      stroke: #34b7f1;
+    }
+
+    .pp-status-sending .pp-check {
+      opacity: 0.5;
+    }
+
+    .pp-typing {
+      display: flex;
+      gap: 4px;
+      padding: 14px 18px;
+    }
+
+    .pp-typing span {
+      width: 8px;
+      height: 8px;
+      background: ${colors.textSecondary};
+      border-radius: 50%;
+      animation: pp-bounce 1.4s infinite ease-in-out both;
+    }
+
+    .pp-typing span:nth-child(1) { animation-delay: -0.32s; }
+    .pp-typing span:nth-child(2) { animation-delay: -0.16s; }
+
+    @keyframes pp-bounce {
+      0%, 80%, 100% { transform: scale(0); }
+      40% { transform: scale(1); }
+    }
+
+    .pp-input-form {
+      display: flex;
+      padding: 12px;
+      gap: 8px;
+      border-top: 1px solid ${colors.border};
+    }
+
+    .pp-input {
+      flex: 1;
+      padding: 10px 14px;
+      border: 1px solid ${colors.border};
+      border-radius: 20px;
+      background: ${colors.bg};
+      color: ${colors.text};
+      font-size: 14px;
+      outline: none;
+      transition: border-color 0.2s;
+    }
+
+    .pp-input:focus {
+      border-color: ${primaryColor};
+    }
+
+    .pp-input::placeholder {
+      color: ${colors.textSecondary};
+    }
+
+    .pp-send-btn {
+      width: 40px;
+      height: 40px;
+      border-radius: 50%;
+      background: ${primaryColor};
+      color: white;
+      border: none;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      transition: opacity 0.2s;
+    }
+
+    .pp-send-btn:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+
+    .pp-send-btn svg {
+      width: 18px;
+      height: 18px;
+    }
+
+    .pp-footer {
+      text-align: center;
+      padding: 8px;
+      font-size: 11px;
+      color: ${colors.textSecondary};
+      border-top: 1px solid ${colors.border};
+    }
+
+    .pp-footer a {
+      color: ${primaryColor};
+      text-decoration: none;
+    }
+
+    .pp-footer a:hover {
+      text-decoration: underline;
+    }
+  `;
+  }
+
+  // ../../node_modules/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs
+  var f3 = 0;
+  function u3(e3, t3, n2, o3, i3, u4) {
+    t3 || (t3 = {});
+    var a3, c3, p3 = t3;
+    if ("ref" in p3) for (c3 in p3 = {}, t3) "ref" == c3 ? a3 = t3[c3] : p3[c3] = t3[c3];
+    var l3 = { type: e3, props: p3, key: n2, ref: a3, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --f3, __i: -1, __u: 0, __source: i3, __self: u4 };
+    if ("function" == typeof e3 && (a3 = e3.defaultProps)) for (c3 in a3) void 0 === p3[c3] && (p3[c3] = a3[c3]);
+    return l.vnode && l.vnode(l3), l3;
+  }
+
+  // src/components/ChatWidget.tsx
+  function ChatWidget({ client: client2, config }) {
+    const [isOpen, setIsOpen] = d2(false);
+    const [messages, setMessages] = d2([]);
+    const [inputValue, setInputValue] = d2("");
+    const [isTyping, setIsTyping] = d2(false);
+    const [operatorOnline, setOperatorOnline] = d2(false);
+    const [isConnected, setIsConnected] = d2(false);
+    const messagesEndRef = A2(null);
+    const inputRef = A2(null);
+    y2(() => {
+      const unsubOpen = client2.on("openChange", setIsOpen);
+      const unsubMessage = client2.on("message", () => {
+        setMessages([...client2.getMessages()]);
+      });
+      const unsubTyping = client2.on("typing", (data) => {
+        setIsTyping(data.isTyping);
+      });
+      const unsubPresence = client2.on("presence", (data) => {
+        setOperatorOnline(data.online);
+      });
+      const unsubConnect = client2.on("connect", () => {
+        setIsConnected(true);
+        setMessages(client2.getMessages());
+        setOperatorOnline(client2.getSession()?.operatorOnline ?? false);
+      });
+      if (client2.isConnected()) {
+        setIsConnected(true);
+        setMessages(client2.getMessages());
+        setOperatorOnline(client2.getSession()?.operatorOnline ?? false);
+      }
+      return () => {
+        unsubOpen();
+        unsubMessage();
+        unsubTyping();
+        unsubPresence();
+        unsubConnect();
+      };
+    }, [client2]);
+    y2(() => {
+      messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
+    }, [messages]);
+    y2(() => {
+      if (isOpen) {
+        inputRef.current?.focus();
+      }
+    }, [isOpen]);
+    const markMessagesAsRead = q2(() => {
+      if (!isOpen || !isConnected) return;
+      const unreadMessages = messages.filter(
+        (msg) => msg.sender !== "visitor" && msg.status !== "read"
+      );
+      if (unreadMessages.length > 0) {
+        const messageIds = unreadMessages.map((msg) => msg.id);
+        client2.sendReadStatus(messageIds, "read");
+      }
+    }, [isOpen, isConnected, messages, client2]);
+    y2(() => {
+      if (!isOpen || !isConnected) return;
+      const timer = setTimeout(() => {
+        markMessagesAsRead();
+      }, 1e3);
+      return () => clearTimeout(timer);
+    }, [isOpen, isConnected, messages, markMessagesAsRead]);
+    y2(() => {
+      const handleVisibilityChange = () => {
+        if (document.visibilityState === "visible" && isOpen) {
+          markMessagesAsRead();
+        }
+      };
+      document.addEventListener("visibilitychange", handleVisibilityChange);
+      return () => document.removeEventListener("visibilitychange", handleVisibilityChange);
+    }, [isOpen, markMessagesAsRead]);
+    y2(() => {
+      const unsubRead = client2.on(
+        "read",
+        () => {
+          setMessages([...client2.getMessages()]);
+        }
+      );
+      return () => unsubRead();
+    }, [client2]);
+    const shouldShow = checkPageVisibility(config);
+    if (!shouldShow) return null;
+    const handleSubmit = async (e3) => {
+      e3.preventDefault();
+      if (!inputValue.trim()) return;
+      const content = inputValue;
+      setInputValue("");
+      try {
+        await client2.sendMessage(content);
+      } catch (err) {
+        console.error("[PocketPing] Failed to send message:", err);
+      }
+    };
+    const handleInputChange = (e3) => {
+      const target = e3.target;
+      setInputValue(target.value);
+      client2.sendTyping(true);
+    };
+    const position = config.position ?? "bottom-right";
+    const theme = getTheme(config.theme ?? "auto");
+    const primaryColor = config.primaryColor ?? "#6366f1";
+    return /* @__PURE__ */ u3(k, { children: [
+      /* @__PURE__ */ u3("style", { children: styles(primaryColor, theme) }),
+      /* @__PURE__ */ u3(
+        "button",
+        {
+          class: `pp-toggle pp-${position}`,
+          onClick: () => client2.toggleOpen(),
+          "aria-label": isOpen ? "Close chat" : "Open chat",
+          children: [
+            isOpen ? /* @__PURE__ */ u3(CloseIcon, {}) : /* @__PURE__ */ u3(ChatIcon, {}),
+            !isOpen && operatorOnline && /* @__PURE__ */ u3("span", { class: "pp-online-dot" })
+          ]
+        }
+      ),
+      isOpen && /* @__PURE__ */ u3("div", { class: `pp-window pp-${position} pp-theme-${theme}`, children: [
+        /* @__PURE__ */ u3("div", { class: "pp-header", children: [
+          /* @__PURE__ */ u3("div", { class: "pp-header-info", children: [
+            config.operatorAvatar && /* @__PURE__ */ u3("img", { src: config.operatorAvatar, alt: "", class: "pp-avatar" }),
+            /* @__PURE__ */ u3("div", { children: [
+              /* @__PURE__ */ u3("div", { class: "pp-header-title", children: config.operatorName ?? "Support" }),
+              /* @__PURE__ */ u3("div", { class: "pp-header-status", children: operatorOnline ? /* @__PURE__ */ u3(k, { children: [
+                /* @__PURE__ */ u3("span", { class: "pp-status-dot pp-online" }),
+                " Online"
+              ] }) : /* @__PURE__ */ u3(k, { children: [
+                /* @__PURE__ */ u3("span", { class: "pp-status-dot" }),
+                " Away"
+              ] }) })
+            ] })
+          ] }),
+          /* @__PURE__ */ u3(
+            "button",
+            {
+              class: "pp-close-btn",
+              onClick: () => client2.setOpen(false),
+              "aria-label": "Close chat",
+              children: /* @__PURE__ */ u3(CloseIcon, {})
+            }
+          )
+        ] }),
+        /* @__PURE__ */ u3("div", { class: "pp-messages", children: [
+          config.welcomeMessage && messages.length === 0 && /* @__PURE__ */ u3("div", { class: "pp-welcome", children: config.welcomeMessage }),
+          messages.map((msg) => /* @__PURE__ */ u3(
+            "div",
+            {
+              class: `pp-message pp-message-${msg.sender}`,
+              children: [
+                /* @__PURE__ */ u3("div", { class: "pp-message-content", children: msg.content }),
+                /* @__PURE__ */ u3("div", { class: "pp-message-time", children: [
+                  formatTime(msg.timestamp),
+                  msg.sender === "ai" && /* @__PURE__ */ u3("span", { class: "pp-ai-badge", children: "AI" }),
+                  msg.sender === "visitor" && /* @__PURE__ */ u3("span", { class: `pp-status pp-status-${msg.status ?? "sent"}`, children: /* @__PURE__ */ u3(StatusIcon, { status: msg.status }) })
+                ] })
+              ]
+            },
+            msg.id
+          )),
+          isTyping && /* @__PURE__ */ u3("div", { class: "pp-message pp-message-operator pp-typing", children: [
+            /* @__PURE__ */ u3("span", {}),
+            /* @__PURE__ */ u3("span", {}),
+            /* @__PURE__ */ u3("span", {})
+          ] }),
+          /* @__PURE__ */ u3("div", { ref: messagesEndRef })
+        ] }),
+        /* @__PURE__ */ u3("form", { class: "pp-input-form", onSubmit: handleSubmit, children: [
+          /* @__PURE__ */ u3(
+            "input",
+            {
+              ref: inputRef,
+              type: "text",
+              class: "pp-input",
+              placeholder: config.placeholder ?? "Type a message...",
+              value: inputValue,
+              onInput: handleInputChange,
+              disabled: !isConnected
+            }
+          ),
+          /* @__PURE__ */ u3(
+            "button",
+            {
+              type: "submit",
+              class: "pp-send-btn",
+              disabled: !inputValue.trim() || !isConnected,
+              "aria-label": "Send message",
+              children: /* @__PURE__ */ u3(SendIcon, {})
+            }
+          )
+        ] }),
+        /* @__PURE__ */ u3("div", { class: "pp-footer", children: [
+          "Powered by ",
+          /* @__PURE__ */ u3("a", { href: "https://github.com/pocketping/pocketping", target: "_blank", rel: "noopener", children: "PocketPing" })
+        ] })
+      ] })
+    ] });
+  }
+  function checkPageVisibility(config) {
+    const path = window.location.pathname;
+    if (config.hideOnPages?.some((pattern) => new RegExp(pattern).test(path))) {
+      return false;
+    }
+    if (config.showOnPages?.length) {
+      return config.showOnPages.some((pattern) => new RegExp(pattern).test(path));
+    }
+    return true;
+  }
+  function getTheme(theme) {
+    if (theme === "auto") {
+      return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+    }
+    return theme;
+  }
+  function formatTime(timestamp) {
+    const date = new Date(timestamp);
+    return date.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
+  }
+  function ChatIcon() {
+    return /* @__PURE__ */ u3("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", children: /* @__PURE__ */ u3("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) });
+  }
+  function CloseIcon() {
+    return /* @__PURE__ */ u3("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", children: [
+      /* @__PURE__ */ u3("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+      /* @__PURE__ */ u3("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+    ] });
+  }
+  function SendIcon() {
+    return /* @__PURE__ */ u3("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", children: [
+      /* @__PURE__ */ u3("line", { x1: "22", y1: "2", x2: "11", y2: "13" }),
+      /* @__PURE__ */ u3("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })
+    ] });
+  }
+  function StatusIcon({ status }) {
+    if (!status || status === "sending" || status === "sent") {
+      return /* @__PURE__ */ u3("svg", { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", "stroke-width": "2", class: "pp-check", children: /* @__PURE__ */ u3("polyline", { points: "3 8 7 12 13 4" }) });
+    }
+    if (status === "delivered") {
+      return /* @__PURE__ */ u3("svg", { viewBox: "0 0 20 16", fill: "none", stroke: "currentColor", "stroke-width": "2", class: "pp-check-double", children: [
+        /* @__PURE__ */ u3("polyline", { points: "1 8 5 12 11 4" }),
+        /* @__PURE__ */ u3("polyline", { points: "7 8 11 12 17 4" })
+      ] });
+    }
+    if (status === "read") {
+      return /* @__PURE__ */ u3("svg", { viewBox: "0 0 20 16", fill: "none", stroke: "currentColor", "stroke-width": "2", class: "pp-check-double pp-check-read", children: [
+        /* @__PURE__ */ u3("polyline", { points: "1 8 5 12 11 4" }),
+        /* @__PURE__ */ u3("polyline", { points: "7 8 11 12 17 4" })
+      ] });
+    }
+    return null;
+  }
+
+  // src/client.ts
+  var PocketPingClient = class {
+    constructor(config) {
+      this.session = null;
+      this.ws = null;
+      this.isOpen = false;
+      this.listeners = /* @__PURE__ */ new Map();
+      this.reconnectAttempts = 0;
+      this.maxReconnectAttempts = 5;
+      this.reconnectTimeout = null;
+      this.config = config;
+    }
+    // ─────────────────────────────────────────────────────────────────
+    // Public API
+    // ─────────────────────────────────────────────────────────────────
+    async connect() {
+      const visitorId = this.getOrCreateVisitorId();
+      const storedSessionId = this.getStoredSessionId();
+      const response = await this.fetch("/connect", {
+        method: "POST",
+        body: JSON.stringify({
+          visitorId,
+          sessionId: storedSessionId,
+          metadata: {
+            url: window.location.href,
+            referrer: document.referrer || void 0,
+            pageTitle: document.title || void 0,
+            userAgent: navigator.userAgent,
+            timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+            language: navigator.language,
+            screenResolution: `${window.screen.width}x${window.screen.height}`
+          }
+        })
+      });
+      this.session = {
+        sessionId: response.sessionId,
+        visitorId: response.visitorId,
+        operatorOnline: response.operatorOnline ?? false,
+        messages: response.messages ?? []
+      };
+      this.storeSessionId(response.sessionId);
+      this.connectWebSocket();
+      this.emit("connect", this.session);
+      this.config.onConnect?.(response.sessionId);
+      return this.session;
+    }
+    disconnect() {
+      this.ws?.close();
+      this.ws = null;
+      this.session = null;
+      if (this.reconnectTimeout) {
+        clearTimeout(this.reconnectTimeout);
+      }
+    }
+    async sendMessage(content) {
+      if (!this.session) {
+        throw new Error("Not connected");
+      }
+      const tempId = `temp-${this.generateId()}`;
+      const tempMessage = {
+        id: tempId,
+        sessionId: this.session.sessionId,
+        content,
+        sender: "visitor",
+        timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+        status: "sending"
+      };
+      this.session.messages.push(tempMessage);
+      this.emit("message", tempMessage);
+      try {
+        const response = await this.fetch("/message", {
+          method: "POST",
+          body: JSON.stringify({
+            sessionId: this.session.sessionId,
+            content,
+            sender: "visitor"
+          })
+        });
+        const messageIndex = this.session.messages.findIndex((m3) => m3.id === tempId);
+        if (messageIndex >= 0) {
+          this.session.messages[messageIndex].id = response.messageId;
+          this.session.messages[messageIndex].timestamp = response.timestamp;
+          this.session.messages[messageIndex].status = "sent";
+          this.emit("message", this.session.messages[messageIndex]);
+        }
+        const message = this.session.messages[messageIndex] || {
+          id: response.messageId,
+          sessionId: this.session.sessionId,
+          content,
+          sender: "visitor",
+          timestamp: response.timestamp,
+          status: "sent"
+        };
+        this.config.onMessage?.(message);
+        return message;
+      } catch (error) {
+        const messageIndex = this.session.messages.findIndex((m3) => m3.id === tempId);
+        if (messageIndex >= 0) {
+          this.session.messages.splice(messageIndex, 1);
+          this.emit("message", tempMessage);
+        }
+        throw error;
+      }
+    }
+    async fetchMessages(after) {
+      if (!this.session) {
+        throw new Error("Not connected");
+      }
+      const params = new URLSearchParams({
+        sessionId: this.session.sessionId
+      });
+      if (after) {
+        params.set("after", after);
+      }
+      const response = await this.fetch(
+        `/messages?${params}`,
+        { method: "GET" }
+      );
+      return response.messages;
+    }
+    async sendTyping(isTyping = true) {
+      if (!this.session) return;
+      await this.fetch("/typing", {
+        method: "POST",
+        body: JSON.stringify({
+          sessionId: this.session.sessionId,
+          sender: "visitor",
+          isTyping
+        })
+      });
+    }
+    async sendReadStatus(messageIds, status) {
+      if (!this.session || messageIds.length === 0) return;
+      try {
+        await this.fetch("/read", {
+          method: "POST",
+          body: JSON.stringify({
+            sessionId: this.session.sessionId,
+            messageIds,
+            status
+          })
+        });
+        for (const msg of this.session.messages) {
+          if (messageIds.includes(msg.id)) {
+            msg.status = status;
+            if (status === "delivered") {
+              msg.deliveredAt = (/* @__PURE__ */ new Date()).toISOString();
+            } else if (status === "read") {
+              msg.readAt = (/* @__PURE__ */ new Date()).toISOString();
+            }
+          }
+        }
+        this.emit("readStatusSent", { messageIds, status });
+      } catch (err) {
+        console.error("[PocketPing] Failed to send read status:", err);
+      }
+    }
+    async getPresence() {
+      return this.fetch("/presence", { method: "GET" });
+    }
+    // ─────────────────────────────────────────────────────────────────
+    // State
+    // ─────────────────────────────────────────────────────────────────
+    getSession() {
+      return this.session;
+    }
+    getMessages() {
+      return this.session?.messages ?? [];
+    }
+    isConnected() {
+      return this.session !== null;
+    }
+    isWidgetOpen() {
+      return this.isOpen;
+    }
+    setOpen(open2) {
+      this.isOpen = open2;
+      this.emit("openChange", open2);
+      if (open2) {
+        this.config.onOpen?.();
+      } else {
+        this.config.onClose?.();
+      }
+    }
+    toggleOpen() {
+      this.setOpen(!this.isOpen);
+    }
+    // ─────────────────────────────────────────────────────────────────
+    // Events
+    // ─────────────────────────────────────────────────────────────────
+    on(event, listener) {
+      if (!this.listeners.has(event)) {
+        this.listeners.set(event, /* @__PURE__ */ new Set());
+      }
+      this.listeners.get(event).add(listener);
+      return () => {
+        this.listeners.get(event)?.delete(listener);
+      };
+    }
+    emit(event, data) {
+      this.listeners.get(event)?.forEach((listener) => listener(data));
+    }
+    // ─────────────────────────────────────────────────────────────────
+    // WebSocket
+    // ─────────────────────────────────────────────────────────────────
+    connectWebSocket() {
+      if (!this.session) return;
+      const wsUrl = this.config.endpoint.replace(/^http/, "ws").replace(/\/$/, "") + `/stream?sessionId=${this.session.sessionId}`;
+      try {
+        this.ws = new WebSocket(wsUrl);
+        this.ws.onopen = () => {
+          this.reconnectAttempts = 0;
+          this.emit("wsConnected", null);
+        };
+        this.ws.onmessage = (event) => {
+          try {
+            const wsEvent = JSON.parse(event.data);
+            this.handleWebSocketEvent(wsEvent);
+          } catch (err) {
+            console.error("[PocketPing] Failed to parse WS message:", err);
+          }
+        };
+        this.ws.onclose = () => {
+          this.emit("wsDisconnected", null);
+          this.scheduleReconnect();
+        };
+        this.ws.onerror = (err) => {
+          console.error("[PocketPing] WebSocket error:", err);
+        };
+      } catch (err) {
+        console.warn("[PocketPing] WebSocket unavailable, using polling");
+        this.startPolling();
+      }
+    }
+    handleWebSocketEvent(event) {
+      switch (event.type) {
+        case "message":
+          const message = event.data;
+          if (this.session) {
+            let existingIndex = this.session.messages.findIndex((m3) => m3.id === message.id);
+            if (existingIndex < 0 && message.sender === "visitor") {
+              existingIndex = this.session.messages.findIndex(
+                (m3) => m3.id.startsWith("temp-") && m3.content === message.content && m3.sender === "visitor"
+              );
+              if (existingIndex >= 0) {
+                this.session.messages[existingIndex].id = message.id;
+              }
+            }
+            if (existingIndex < 0 && message.sender !== "visitor") {
+              const msgTime = new Date(message.timestamp).getTime();
+              existingIndex = this.session.messages.findIndex(
+                (m3) => m3.sender === message.sender && m3.content === message.content && Math.abs(new Date(m3.timestamp).getTime() - msgTime) < 2e3
+              );
+            }
+            if (existingIndex >= 0) {
+              const existing = this.session.messages[existingIndex];
+              if (message.status && message.status !== existing.status) {
+                existing.status = message.status;
+                if (message.deliveredAt) existing.deliveredAt = message.deliveredAt;
+                if (message.readAt) existing.readAt = message.readAt;
+                this.emit("read", { messageIds: [message.id], status: message.status });
+              }
+            } else {
+              this.session.messages.push(message);
+              this.emit("message", message);
+              this.config.onMessage?.(message);
+            }
+          }
+          if (message.sender !== "visitor") {
+            this.emit("typing", { isTyping: false });
+          }
+          break;
+        case "typing":
+          const typingData = event.data;
+          if (typingData.sender !== "visitor") {
+            this.emit("typing", { isTyping: typingData.isTyping });
+          }
+          break;
+        case "presence":
+          if (this.session) {
+            this.session.operatorOnline = event.data.online;
+          }
+          this.emit("presence", event.data);
+          break;
+        case "ai_takeover":
+          this.emit("aiTakeover", event.data);
+          break;
+        case "read":
+          const readData = event.data;
+          if (this.session) {
+            for (const msg of this.session.messages) {
+              if (readData.messageIds.includes(msg.id)) {
+                msg.status = readData.status;
+                if (readData.deliveredAt) msg.deliveredAt = readData.deliveredAt;
+                if (readData.readAt) msg.readAt = readData.readAt;
+              }
+            }
+          }
+          this.emit("read", readData);
+          break;
+      }
+    }
+    scheduleReconnect() {
+      if (this.reconnectAttempts >= this.maxReconnectAttempts) {
+        console.warn("[PocketPing] Max reconnect attempts reached, switching to polling");
+        this.startPolling();
+        return;
+      }
+      const delay = Math.min(1e3 * Math.pow(2, this.reconnectAttempts), 3e4);
+      this.reconnectAttempts++;
+      this.reconnectTimeout = setTimeout(() => {
+        this.connectWebSocket();
+      }, delay);
+    }
+    startPolling() {
+      const poll = async () => {
+        if (!this.session) return;
+        try {
+          const lastMessageId = this.session.messages[this.session.messages.length - 1]?.id;
+          const newMessages = await this.fetchMessages(lastMessageId);
+          for (const message of newMessages) {
+            if (!this.session.messages.find((m3) => m3.id === message.id)) {
+              this.session.messages.push(message);
+              this.emit("message", message);
+              this.config.onMessage?.(message);
+            }
+          }
+        } catch (err) {
+          console.error("[PocketPing] Polling error:", err);
+        }
+        if (this.session) {
+          setTimeout(poll, 3e3);
+        }
+      };
+      poll();
+    }
+    // ─────────────────────────────────────────────────────────────────
+    // HTTP
+    // ─────────────────────────────────────────────────────────────────
+    async fetch(path, options) {
+      const url = this.config.endpoint.replace(/\/$/, "") + path;
+      const response = await fetch(url, {
+        ...options,
+        headers: {
+          "Content-Type": "application/json",
+          ...options.headers
+        }
+      });
+      if (!response.ok) {
+        const error = await response.text();
+        throw new Error(`PocketPing API error: ${response.status} ${error}`);
+      }
+      return response.json();
+    }
+    // ─────────────────────────────────────────────────────────────────
+    // Storage
+    // ─────────────────────────────────────────────────────────────────
+    getOrCreateVisitorId() {
+      const key = "pocketping_visitor_id";
+      let visitorId = localStorage.getItem(key);
+      if (!visitorId) {
+        visitorId = this.generateId();
+        localStorage.setItem(key, visitorId);
+      }
+      return visitorId;
+    }
+    getStoredSessionId() {
+      return localStorage.getItem("pocketping_session_id");
+    }
+    storeSessionId(sessionId) {
+      localStorage.setItem("pocketping_session_id", sessionId);
+    }
+    generateId() {
+      return `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 11)}`;
+    }
+  };
+
+  // src/index.ts
+  var client = null;
+  var container = null;
+  function init(config) {
+    if (client) {
+      console.warn("[PocketPing] Already initialized");
+      return client;
+    }
+    if (!config.endpoint) {
+      throw new Error("[PocketPing] endpoint is required");
+    }
+    client = new PocketPingClient(config);
+    container = document.createElement("div");
+    container.id = "pocketping-container";
+    document.body.appendChild(container);
+    G(_(ChatWidget, { client, config }), container);
+    client.connect().catch((err) => {
+      console.error("[PocketPing] Failed to connect:", err);
+    });
+    return client;
+  }
+  function destroy() {
+    if (container) {
+      G(null, container);
+      container.remove();
+      container = null;
+    }
+    if (client) {
+      client.disconnect();
+      client = null;
+    }
+  }
+  function open() {
+    client?.setOpen(true);
+  }
+  function close() {
+    client?.setOpen(false);
+  }
+  function toggle() {
+    client?.toggleOpen();
+  }
+  function sendMessage(content) {
+    if (!client) {
+      throw new Error("[PocketPing] Not initialized");
+    }
+    return client.sendMessage(content);
+  }
+  if (typeof document !== "undefined") {
+    const script = document.currentScript;
+    if (script?.dataset.endpoint) {
+      init({
+        endpoint: script.dataset.endpoint,
+        theme: script.dataset.theme || "auto",
+        position: script.dataset.position || "bottom-right"
+      });
+    }
+  }
+  var index_default = { init, destroy, open, close, toggle, sendMessage };
+  return __toCommonJS(index_exports);
+})();