@talkjs/web-components 0.1.3 → 0.1.4

package/default.d.ts

@@ -1367,6 +1367,7 @@ export { ParticipantSnapshot }
  * PopoverButton component that renders a popover triggered by a button.
  *
  * Usage:
+ * ```tsx
  * <PopoverButton
  *   popoverComponent={YourMenuComponent}
  *   popoverProps={{ prop1: value1, prop2: value2 }}
@@ -1374,10 +1375,12 @@ export { ParticipantSnapshot }
  * >
  *   <Icon type="horizontalDots" />
  * </MenuButton>
- *
+ * ```
  * All props except for menuComponent and popoverProps are passed to the button element.
  *
  * the popoverComponent will also receive a closePopover prop. It's a function you can call to close the popover.
+ *
+ * @public
  */
 export declare function PopoverButton<T extends object>(props: PopoverButtonProps<T>): JSX_2.Element;
 

package/default.js

@@ -1939,7 +1939,7 @@ function Ju(e) {
   if (!pe.use) throw t;
   pe.use(t);
 }
-function et(e, t) {
+function tt(e, t) {
   let n;
   if (dl.inObserver && Tt(e) && !(t != null && t.suspense)) return n = ze(e, t), t != null && t.suspense && n === void 0 && Ju(e), n;
   try {
@@ -1986,10 +1986,10 @@ function xf(e, t, n, r, i) {
       const A = E[0], _ = {}, O = Object.keys(A);
       for (let S = 0; S < O.length; S++) {
         const T = O[S], y = A[T], v = u && u.has(T);
-        if (T === "children" && (K(y) || Tt(y))) _[T] = et(y, { skipCheck: !0 });
+        if (T === "children" && (K(y) || Tt(y))) _[T] = tt(y, { skipCheck: !0 });
         else if (v || T.startsWith("$") || T.endsWith("$")) {
           const I = v ? T : T.endsWith("$") ? T.slice(0, -1) : T.slice(1), g = i == null ? void 0 : i[I], D = g && Tt(y);
-          if (_[I] = D && (g != null && g.selector) ? g.selector(_, y) : et(y), D && (g.defaultValue !== void 0 && _[I] === void 0 && (_[I] = g.defaultValue), g.handler && g.getValue)) {
+          if (_[I] = D && (g != null && g.selector) ? g.selector(_, y) : tt(y), D && (g.defaultValue !== void 0 && _[I] === void 0 && (_[I] = g.defaultValue), g.handler && g.getValue)) {
             const k = (C) => {
               var w;
               y.set(g.getValue(C)), (w = A[g.handler]) == null || w.call(A, C);
@@ -2001,7 +2001,7 @@ function xf(e, t, n, r, i) {
       }
       E[0] = _;
     }
-    return t ? et(() => {
+    return t ? tt(() => {
       dl.inObserver = !0;
       try {
         return Reflect.apply(f, m, E);
@@ -2017,7 +2017,7 @@ var { findIDKey: F_, getNode: H_, optimized: U_ } = ks, Qu = /* @__PURE__ */ new
 function hl({ each: e, optimized: t, item: n, itemProps: r, sortValues: i, children: o }) {
   var s;
   if (!e) return null;
-  const a = et(() => e.get(!t || U_));
+  const a = tt(() => e.get(!t || U_));
   if (!n && o) {
     const c = q();
     c.current = o, n = J(() => {
@@ -2050,7 +2050,7 @@ function hl({ each: e, optimized: t, item: n, itemProps: r, sortValues: i, child
   return l;
 }
 fn(function({ children: e }) {
-  return et(() => ze(ze(e)), { skipCheck: !0 });
+  return tt(() => ze(ze(e)), { skipCheck: !0 });
 }, (e, t) => !t.scoped || e.children === t.children);
 var td = /* @__PURE__ */ new Map(), ed = /* @__PURE__ */ new Map();
 new Proxy({}, { get(e, t) {
@@ -10159,16 +10159,19 @@ const oS = En(/(?:^|\n)(?:\s*[-*+]\s+[^\n]+(?:\n|$))+/g, ([e]) => /* @__PURE__ *
   return { type: "bulletlist", children: t };
 }([e.startsWith(`
 `) ? e.slice(1) : e])), sS = En(/^\s*[-*+]\s+([^\n]+)(?:\n|$)/gm, ([e, t]) => ({ type: "bulletpoint", children: [t] })), DE = (e) => {
-  const t = /(?:^|[^-:/\w])([(+]?[0-9](?:[-_+ ().]?[0-9]){5,11}[0-9])(?:[^-:/\w]|$)/g;
-  let n = 0;
-  const r = [];
-  for (const i of Us(e, t)) {
-    const o = i[0], s = i[1], a = o.startsWith(s) ? i.index : i.index + 1;
-    a - n > 0 && r.push(e.substring(n, a));
-    const l = AE("tel:" + s.replace(/[^0-9+]/g, ""), s);
-    r.push(l), n = a + s.length;
-  }
-  return n < e.length && r.push(e.substring(n)), r;
+  const t = /(?:^|[^-:/\w])([(+]?[0-9](?:[-_+ ().]?[0-9]){5,11}[0-9])(?:[^-:/\w]|$)/g, n = /^(\d{4})-(\d{4})$/;
+  let r = 0;
+  const i = [];
+  for (const o of Us(e, t)) {
+    const s = o[0], a = o[1], l = a.match(n);
+    if (l && Number(l[1]) < Number(l[2]))
+      continue;
+    const c = s.startsWith(a) ? o.index : o.index + 1;
+    c - r > 0 && i.push(e.substring(r, c));
+    const u = AE("tel:" + a.replace(/[^0-9+]/g, ""), a);
+    i.push(u), r = c + a.length;
+  }
+  return r < e.length && i.push(e.substring(r)), i;
 }, OE = (e) => _E(e).flatMap((t) => typeof t == "string" ? Ua(t) : ["<", ...Ua(t.url), ...Ua("|" + t.children[0] + ">")]), Ua = (e) => {
   const t = ZO.parse(e, { urls: !0, email: !0, phone: !1, hashtag: !1, mention: !1 }), n = [];
   let r = 0;
@@ -10502,7 +10505,7 @@ function he(e) {
   }, set value(r) {
     n.current._value = r;
   } });
-  return et(() => {
+  return tt(() => {
     if (!t.get()) return mS;
     const r = typeof e == "function" ? e() : e.get();
     return n.current.value = r, r;
@@ -10570,7 +10573,7 @@ const wl = "talkjs_drafts", AS = /* @__PURE__ */ function(e, t) {
   s.match(/^\s*$/) ? delete o[i] : o[i] = s, qt.setItem(wl, JSON.stringify(o));
 }), NE = (e, t, n) => `draft_${e}_${t}_${n}`;
 function yE(e) {
-  const t = ce(), n = lt(), r = An(), i = et(n.referencedMessage$), o = et(n.state$.userPermissions), s = ro(), { sendMessage: a } = z_(), l = et(Ie(() => {
+  const t = ce(), n = lt(), r = An(), i = tt(n.referencedMessage$), o = tt(n.state$.userPermissions), s = ro(), { sendMessage: a } = z_(), l = tt(Ie(() => {
     const u = s.state$.get();
     return e.editMessageId === void 0 ? new id(u, a, e.attachFile, e.shareLocation, s.toggleEmojiPicker) : new id(u, e.onEditMessage, () => {
     }, () => {
@@ -10588,7 +10591,7 @@ function yE(e) {
   }({ appId: r.app.id, conversationId: r.conversation.id, meId: r.currentUser.id, setText: c, enabled: !e.editMessageId }), N(Gf.Provider, { value: { onClose: () => s.toggleEmojiPicker(!1), onEmojiSelected: (u) => s.selectEmoji(u) }, children: N(t.MessageField, { common: r, referencedMessage: i, permissions: o, editor: l, editMessageId: e.editMessageId }) });
 }
 function _S({ message: e }) {
-  const t = lt(), n = oo(), r = et(t.state$.editingMessageId), i = J(() => He(e.content[0].children), [e]), o = Ie({ isEmpty: i.length === 0, isTyping: !1, atTextLimit: !1, characterCount: i.length, showEmojiPicker: !1, suggestEmojiQuery: void 0, suggestMentionQuery: void 0 }), s = J(() => new IE(o, t.device$, t.state$.userPermissions), [o, t]), a = Z(async () => {
+  const t = lt(), n = oo(), r = tt(t.state$.editingMessageId), i = J(() => He(e.content[0].children), [e]), o = Ie({ isEmpty: i.length === 0, isTyping: !1, atTextLimit: !1, characterCount: i.length, showEmojiPicker: !1, suggestEmojiQuery: void 0, suggestMentionQuery: void 0 }), s = J(() => new IE(o, t.device$, t.state$.userPermissions), [o, t]), a = Z(async () => {
     const l = s.state$;
     if (l.isEmpty.peek() || l.atTextLimit.peek()) return;
     const c = s.getText();
@@ -10625,48 +10628,48 @@ function TS() {
   return N(e.AfterMessages, { common: t });
 }
 function vS({ extConversationId: e }) {
-  const t = io(), n = lt(), r = oo(), i = q(!0), o = q(null);
+  const t = io(), n = lt(), r = oo(), i = q(!0), o = q(null), s = tt(() => !!n.state$.messages.child(e).loadedAll.get());
   ge(() => {
     i.current = o.current.scrollTop > -30;
   }), z(() => {
     i.current && (o.current.scrollTop = 0);
   }), z(() => {
-    const c = new IntersectionObserver((u) => n.state$.visibility.isInView.set(u[0].isIntersecting), { threshold: 0.9 });
-    return c.observe(o.current), () => c.disconnect();
+    const u = new IntersectionObserver((d) => n.state$.visibility.isInView.set(d[0].isIntersecting), { threshold: 0.9 });
+    return u.observe(o.current), () => u.disconnect();
   }, [n]), z(() => {
-    const c = () => n.state$.visibility.tabFocused.set(!document.hidden);
-    return document.addEventListener("visibilitychange", c), () => document.removeEventListener("visibilitychange", c);
+    const u = () => n.state$.visibility.tabFocused.set(!document.hidden);
+    return document.addEventListener("visibilitychange", u), () => document.removeEventListener("visibilitychange", u);
   }, [n]);
-  const [s, a] = it(!1);
+  const [a, l] = it(!1);
   z(() => {
-    a(!1);
-    const c = n.state$.currentConversation.peek();
-    (c == null ? void 0 : c.isUnread) === !0 && t.conversation(e).markAsRead().catch((u) => {
-      Zo.warn("Could not mark conversation as read", u);
+    l(!1);
+    const u = n.state$.currentConversation.peek();
+    (u == null ? void 0 : u.isUnread) === !0 && t.conversation(e).markAsRead().catch((d) => {
+      Zo.warn("Could not mark conversation as read", d);
     });
-  }, [e, t, n]), Wr((c) => {
+  }, [e, t, n]), Wr((u) => {
     if (!o.current) return;
-    const u = n.state$.currentConversation.get(), d = !(!u || !u.isUnread), h = u == null ? void 0 : u.unreadMessageCount;
-    if (d && h === 0) return void a(!0);
-    if (d && s) return;
-    if (!d) return void a(!1);
-    const p = n.state$.visibility.tabFocused.get(), f = n.state$.visibility.isInView.get(), m = function(E) {
-      if (E.checkVisibility) return E.checkVisibility({ contentVisibilityAuto: !0, opacityProperty: !0, visibilityProperty: !0, checkOpacity: !0, checkVisibilityCSS: !0 });
+    const d = n.state$.currentConversation.get(), h = !(!d || !d.isUnread), p = d == null ? void 0 : d.unreadMessageCount;
+    if (h && p === 0) return void l(!0);
+    if (h && a) return;
+    if (!h) return void l(!1);
+    const f = n.state$.visibility.tabFocused.get(), m = n.state$.visibility.isInView.get(), E = function(A) {
+      if (A.checkVisibility) return A.checkVisibility({ contentVisibilityAuto: !0, opacityProperty: !0, visibilityProperty: !0, checkOpacity: !0, checkVisibilityCSS: !0 });
       {
-        const A = window.getComputedStyle(E), _ = A.visibility, O = A.opacity;
-        return !(E.getClientRects().length === 0 || _ === "hidden" || O === "0");
+        const _ = window.getComputedStyle(A), O = _.visibility, S = _.opacity;
+        return !(A.getClientRects().length === 0 || O === "hidden" || S === "0");
       }
     }(o.current);
-    return p && f && m ? t.conversation(u.id).markAsRead() : void 0;
+    return f && m && E ? t.conversation(d.id).markAsRead() : void 0;
   });
-  const l = Z((c) => {
-    const u = c.currentTarget;
-    u.scrollHeight - u.clientHeight + u.scrollTop < 90 && n.messageSubscription && n.messageSubscription.loadMore(10);
+  const c = Z((u) => {
+    const d = u.currentTarget;
+    d.scrollHeight - d.clientHeight + d.scrollTop < 90 && n.messageSubscription && n.messageSubscription.loadMore(10);
   }, [n.messageSubscription]);
-  return N("div", { className: "t-message-list", ref: o, "t-menu-boundary": "", onScroll: l, children: [N(TS, {}), N(hl, { each: n.chatItems$, children: (c) => N("div", { className: "t-message-group", children: N(hl, { each: c, item: RS, itemProps: { controller: r, extConversationId: e } }) }) }), N(SS, {})] });
+  return N("div", { className: "t-message-list", ref: o, "t-menu-boundary": "", onScroll: c, children: [N(TS, {}), N(hl, { each: n.chatItems$, children: (u) => N("div", { className: "t-message-group", children: N(hl, { each: u, item: RS, itemProps: { controller: r, extConversationId: e } }) }) }), s && N(SS, {})] });
 }
 function RS({ item$: e }) {
-  const t = lt(), n = et(e), r = et(t.state$.editingMessageId);
+  const t = lt(), n = tt(e), r = tt(t.state$.editingMessageId);
   return n instanceof pl ? N(DS, { timestamp: n.timestamp, isReadMarker: n.isReadMarker, isDayMarker: n.isDayMarker }) : r === n.id ? N(_S, { message: n }) : N(OS, { message: n });
 }
 function ds(e) {
@@ -10681,7 +10684,7 @@ function CS(e) {
   return N(t.Icon, { common: n, ...e });
 }
 function $c() {
-  return N(ds, { type: "spinner", "aria-label": et(lt().t$).LOADING, className: "t-loading-icon" });
+  return N(ds, { type: "spinner", "aria-label": tt(lt().t$).LOADING, className: "t-loading-icon" });
 }
 const NS = /* @__PURE__ */ new Set(["ByV39eoc", "B1FxElnd", "aW4c49tW", "qGfuGtx", "SbERe5ee", "ilaVEa15", "FOlWOSaH", "dao5gGmT", "DLUgAhzL", "fqXFumr6", "FtiWHMYT", "66iWOyWt", "1375amYi", "mWbJgzpt", "jO7GqAvL", "SkFIKxo5", "2z4ILc3y", "aDr8oPL1", "Hku1c4Pt"]);
 function $s({ appId: e, chatboxState: t }) {
@@ -10708,13 +10711,13 @@ function $s({ appId: e, chatboxState: t }) {
   }, [t]), N("div", { className: "t-panel t-error-panel", children: [N("span", { className: "t-heading", children: "Something went wrong." }), N("p", { children: "Please reload the page and try again." }), N("p", n ? { style: { fontStyle: "italic" }, children: ["Developer note: check your browser's developer tools console for messages that may help solve the problem.", N("br", {}), N("small", { children: "This message only shows up in test mode." })] } : { className: "text-balance", children: "If things keep not working, do not hesitate to get in touch with us." })] });
 }
 function yS() {
-  return N("div", { className: "t-panel t-error-panel", children: N("span", { className: "t-heading", style: { fontStyle: "italic" }, children: et(lt().t$).CHAT_NOT_FOUND }) });
+  return N("div", { className: "t-panel t-error-panel", children: N("span", { className: "t-heading", style: { fontStyle: "italic" }, children: tt(lt().t$).CHAT_NOT_FOUND }) });
 }
 function bE() {
   return N("div", { className: "t-panel t-loading-panel", children: N($c, {}) });
 }
 function kE() {
-  const e = et(lt().t$);
+  const e = tt(lt().t$);
   return N("div", { className: "t-panel t-error-panel", children: [N("span", { className: "t-heading", style: { fontStyle: "italic" }, children: e.AUTH_EXPIRED_OVERLAY_TITLE }), N("p", { children: e.AUTH_EXPIRED_OVERLAY_DESCRIPTION })] });
 }
 const bS = () => !0;
@@ -12096,7 +12099,7 @@ class zi extends HS {
   }
 }
 function Yc({ src: e, onError: t, filename: n, className: r = "" }) {
-  const i = q(null), o = q(), s = q(), [a, l] = it(!1), [c, u] = it(0), [d, h] = it(1), p = q(), [f, m] = it(!1), E = et(lt().t$);
+  const i = q(null), o = q(), s = q(), [a, l] = it(!1), [c, u] = it(0), [d, h] = it(1), p = q(), [f, m] = it(!1), E = tt(lt().t$);
   z(() => {
     o.current = new Audio();
     const O = { normalize: !0, height: 50, container: i.current };
@@ -12268,13 +12271,13 @@ function zc(e) {
 }
 function t0({ id: e, text: t }) {
   var i;
-  const n = lt(), r = et(() => {
+  const n = lt(), r = tt(() => {
     var a;
     if (n.type === "ConversationListStore") return;
     const o = n.state$.extCurrentConversationId.get(), s = o && n.state$.participants.child(o).get();
     return (a = s == null ? void 0 : s.find((l) => l.user.id === e)) == null ? void 0 : a.user;
   });
-  return N("span", { className: "t-mention", "t-is-current-user": et(n.extUserId$) === e ? "" : void 0, children: `@${(i = r == null ? void 0 : r.name) != null ? i : t}` });
+  return N("span", { className: "t-mention", "t-is-current-user": tt(n.extUserId$) === e ? "" : void 0, children: `@${(i = r == null ? void 0 : r.name) != null ? i : t}` });
 }
 function e0({ message: e, type: t, action: n, params: r, children: i }) {
   const o = oo(), s = Z((l) => {
@@ -12451,7 +12454,7 @@ function jh(e, t) {
 function BE({ block: e, nonInteractive: t, message: n, className: r = "" }) {
   const i = !t, { nodes: o, roleOptions: s } = function(l, c) {
     var _;
-    const u = lt(), d = et(u.app$.role);
+    const u = lt(), d = tt(u.app$.role);
     rt.defined(d);
     const h = c.type === "UserMessage", p = ((_ = c.sender) == null ? void 0 : _.id) === u.extUserId$.peek(), f = d.suppressContactInfo, m = h && f.shouldSuppress({ isContentBySender: p }), E = s0(l.children, { contactInfo: m ? "suppress" : "link", suppression: f }), A = { sameTabLinkRules: d.sameTabLinkRules, contactInfoHiddenText: d.suppressContactInfo.replacement || `(${u.t$.peek().CONTACT_INFORMATION_HIDDEN})` };
     return { nodes: E, roleOptions: A };
@@ -12461,7 +12464,7 @@ function BE({ block: e, nonInteractive: t, message: n, className: r = "" }) {
   return dt("span", { className: `t-text ${r}` }, ...a);
 }
 function a0(e) {
-  const t = ce(), n = lt(), { className: r = "", ...i } = e, o = et(() => n.state$.messages.child(n.state$.extCurrentConversationId.get()).lookup.child(e.message.id).content.child(0).url.get());
+  const t = ce(), n = lt(), { className: r = "", ...i } = e, o = tt(() => n.state$.messages.child(n.state$.extCurrentConversationId.get()).lookup.child(e.message.id).content.child(0).url.get());
   return N("div", { className: `t-message-content ${r}`, children: e.message.content.map((s) => {
     var a;
     return N(l0, { block: s, theme: t, downloadUrl: o, ...i }, e.message.createdAt + ((a = e.message.editedAt) != null ? a : 0));
@@ -12555,7 +12558,7 @@ function Gc() {
 }
 const za = {};
 function jE(e) {
-  const { onClose: t, onEmojiSelected: n } = G_(), r = q(null), i = et(lt().t$), o = Gc();
+  const { onClose: t, onEmojiSelected: n } = G_(), r = q(null), i = tt(lt().t$), o = Gc();
   return z(() => {
     if (!o) return;
     rt.defined(r.current);
@@ -12806,7 +12809,7 @@ function XE({ focused: e, setFocused: t, buttonId: n }) {
   return { containerProps: i, itemProps: o };
 }
 function m0(e) {
-  const [t, n] = it([]), [r, i] = it([]), [o, s] = it(0), [a, l] = it(0), c = Gc(), u = J(() => (c == null ? void 0 : c.value) && new c.value.Database({ dataSource: c.value.dataSource }), [c]), d = ro(), h = et(d.state$.suggestEmojiQuery);
+  const [t, n] = it([]), [r, i] = it([]), [o, s] = it(0), [a, l] = it(0), c = Gc(), u = J(() => (c == null ? void 0 : c.value) && new c.value.Database({ dataSource: c.value.dataSource }), [c]), d = ro(), h = tt(d.state$.suggestEmojiQuery);
   z(() => {
     u && (h ? async function() {
       const _ = await u.getPreferredSkinTone();
@@ -14104,7 +14107,7 @@ function lp(e) {
   return typeof e == "string" ? document.querySelector(e) : e;
 }
 function dT(e) {
-  const t = lt(), n = ro(), r = et(n.state$.suggestMentionQuery), i = wE(et(t.state$.extCurrentConversationId), r ? 1e3 : 0), o = J(() => (i != null ? i : []).map((E) => E.user), [i]), [s, a] = it(0), l = J(() => Object.fromEntries(o.map((E) => [E.id, mD(E.name)])), [o]), c = J(() => {
+  const t = lt(), n = ro(), r = tt(n.state$.suggestMentionQuery), i = wE(tt(t.state$.extCurrentConversationId), r ? 1e3 : 0), o = J(() => (i != null ? i : []).map((E) => E.user), [i]), [s, a] = it(0), l = J(() => Object.fromEntries(o.map((E) => [E.id, mD(E.name)])), [o]), c = J(() => {
     if (!r) return [];
     const E = cp(r);
     return E === "" ? o : o.filter((A) => l[A.id].some((_) => function(O, S) {
@@ -14330,11 +14333,11 @@ function DT({ uploadState: e }) {
   z(() => {
     t && r.current.focus();
   }, [t]);
-  const i = et(lt().t$);
+  const i = tt(lt().t$);
   return N(DA, { className: "t-upload-preview", children: N("div", { className: "t-preview", children: [!n && N(OT, { upload: e.upload, uploaded: t }), n && N("div", { className: "t-error-row", children: i.UPLOAD_ERROR }), N("div", { className: "t-send-row", children: [N("button", { className: "t-cancel", onClick: () => e.closePreview("cancel"), children: i.CANCEL }), !n && t && N("button", { className: "t-confirm-send test__confirm-upload-button", onClick: () => e.closePreview("send"), ref: r, children: i.SEND_BUTTON_TEXT })] })] }) });
 }
 function OT({ upload: e, uploaded: t }) {
-  const n = et(lt().t$);
+  const n = tt(lt().t$);
   return e.type !== "location" ? N(Pt, { children: [N(TT, { upload: e }), N(vT, { upload: e, uploaded: t, t: n })] }) : t ? N(ST, { location: e.location }) : N("div", { className: "t-loading", children: N($c, {}) });
 }
 function ST({ location: e }) {
@@ -14360,7 +14363,7 @@ function RT(e) {
   return N("video", { ...n });
 }
 function IT() {
-  const e = ce(), t = lt(), n = An(), r = et(t.state$.isUserConnected), i = et(t.state$.userPermissions);
+  const e = ce(), t = lt(), n = An(), r = tt(t.state$.isUserConnected), i = tt(t.state$.userPermissions);
   return N(e.ChatHeader, { common: n, isUserConnected: r, permissions: i });
 }
 function CT() {
@@ -14423,12 +14426,12 @@ function NT({ appId: e, chatHeaderVisible: t, messageFieldVisible: n }) {
           clearTimeout(S);
         };
       } else _.set(A.get());
-    }), et(_);
+    }), tt(_);
   }(), { attachFile: o, shareLocation: s, uploadState: a } = LS({ onClose: () => r.focus() });
   z(() => {
     r.uploadFile = o;
   }, [r, o]);
-  const [l, c] = it(!1), u = lt(), d = et(() => u.app$.get() ? u.state$.userPermissions.canShareFile.get() : void 0), h = Z((m) => {
+  const [l, c] = it(!1), u = lt(), d = tt(() => u.app$.get() ? u.state$.userPermissions.canShareFile.get() : void 0), h = Z((m) => {
     o(m.dataTransfer.files[0]), m.preventDefault(), c(!1);
   }, [o]), p = Z((m) => {
     m.preventDefault(), c(!0);
@@ -14742,11 +14745,11 @@ var Xl = { exports: {} };
     this.size = L.size;
   }
   function mr(R, L) {
-    var F = Js(R), j = !F && qs(R), tt = !F && !j && nu(R), gt = !F && !j && !tt && iu(R), mt = F || j || tt || gt, Kt = mt ? function(Ft, en) {
+    var F = Js(R), j = !F && qs(R), et = !F && !j && nu(R), gt = !F && !j && !et && iu(R), mt = F || j || et || gt, Kt = mt ? function(Ft, en) {
       for (var oe = -1, Er = Array(Ft); ++oe < Ft; ) Er[oe] = en(oe);
       return Er;
     }(R.length, String) : [], ie = Kt.length;
-    for (var Dt in R) mt && (Dt == "length" || tt && (Dt == "offset" || Dt == "parent") || gt && (Dt == "buffer" || Dt == "byteLength" || Dt == "byteOffset") || tu(Dt, ie)) || Kt.push(Dt);
+    for (var Dt in R) mt && (Dt == "length" || et && (Dt == "offset" || Dt == "parent") || gt && (Dt == "buffer" || Dt == "byteLength" || Dt == "byteOffset") || tu(Dt, ie)) || Kt.push(Dt);
     return Kt;
   }
   function xe(R, L, F) {
@@ -14825,9 +14828,9 @@ var Xl = { exports: {} };
     return F.set(R, L), this.size = F.size, this;
   };
   var bA = function(R, L, F) {
-    for (var j = -1, tt = Object(R), gt = F(R), mt = gt.length; mt--; ) {
+    for (var j = -1, et = Object(R), gt = F(R), mt = gt.length; mt--; ) {
       var Kt = gt[++j];
-      if (L(tt[Kt], Kt, tt) === !1) break;
+      if (L(et[Kt], Kt, et) === !1) break;
     }
     return R;
   };
@@ -14836,11 +14839,11 @@ var Xl = { exports: {} };
       var F = g.call(L, Q), j = L[Q];
       try {
         L[Q] = void 0;
-        var tt = !0;
+        var et = !0;
       } catch (mt) {
       }
       var gt = k.call(L);
-      return tt && (F ? L[Q] = j : delete L[Q]), gt;
+      return et && (F ? L[Q] = j : delete L[Q]), gt;
     }(R) : function(L) {
       return k.call(L);
     }(R);
@@ -14866,18 +14869,18 @@ var Xl = { exports: {} };
     }(R));
   }
   function LA(R) {
-    if (!Fn(R)) return function(tt) {
+    if (!Fn(R)) return function(et) {
       var gt = [];
-      if (tt != null) for (var mt in Object(tt)) gt.push(mt);
+      if (et != null) for (var mt in Object(et)) gt.push(mt);
       return gt;
     }(R);
     var L = eu(R), F = [];
     for (var j in R) (j != "constructor" || !L && g.call(R, j)) && F.push(j);
     return F;
   }
-  function Qc(R, L, F, j, tt) {
+  function Qc(R, L, F, j, et) {
     R !== L && bA(L, function(gt, mt) {
-      if (tt || (tt = new _t()), Fn(gt)) (function(ie, Dt, Ft, en, oe, Er, oi) {
+      if (et || (et = new _t()), Fn(gt)) (function(ie, Dt, Ft, en, oe, Er, oi) {
         var Fe = Ks(ie, Ft), se = Ks(Dt, Ft), au = oi.get(se);
         if (au) return void xe(ie, Ft, au);
         var ue = Er ? Er(Fe, se, Ft + "", ie, Dt, oi) : void 0, si = ue === void 0;
@@ -14912,20 +14915,20 @@ var Xl = { exports: {} };
         }
         var cu;
         si && (oi.set(se, ue), oe(ue, se, en, Er, oi), oi.delete(se)), xe(ie, Ft, ue);
-      })(R, L, mt, F, Qc, j, tt);
+      })(R, L, mt, F, Qc, j, et);
       else {
-        var Kt = j ? j(Ks(R, mt), gt, mt + "", R, L, tt) : void 0;
+        var Kt = j ? j(Ks(R, mt), gt, mt + "", R, L, et) : void 0;
         Kt === void 0 && (Kt = gt), xe(R, mt, Kt);
       }
     }, ou);
   }
   function wA(R, L) {
-    return PA(function(F, j, tt) {
+    return PA(function(F, j, et) {
       return j = re(j === void 0 ? F.length - 1 : j, 0), function() {
         for (var gt = arguments, mt = -1, Kt = re(gt.length - j, 0), ie = Array(Kt); ++mt < Kt; ) ie[mt] = gt[j + mt];
         mt = -1;
         for (var Dt = Array(j + 1); ++mt < j; ) Dt[mt] = gt[mt];
-        return Dt[j] = tt(ie), function(Ft, en, oe) {
+        return Dt[j] = et(ie), function(Ft, en, oe) {
           switch (oe.length) {
             case 0:
               return Ft.call(en);
@@ -14948,12 +14951,12 @@ var Xl = { exports: {} };
     var F;
   } : su;
   function mo(R, L) {
-    var F, j, tt = R.__data__;
-    return ((j = typeof (F = L)) == "string" || j == "number" || j == "symbol" || j == "boolean" ? F !== "__proto__" : F === null) ? tt[typeof L == "string" ? "string" : "hash"] : tt.map;
+    var F, j, et = R.__data__;
+    return ((j = typeof (F = L)) == "string" || j == "number" || j == "symbol" || j == "boolean" ? F !== "__proto__" : F === null) ? et[typeof L == "string" ? "string" : "hash"] : et.map;
   }
   function Xs(R, L) {
-    var F = function(j, tt) {
-      return j == null ? void 0 : j[tt];
+    var F = function(j, et) {
+      return j == null ? void 0 : j[et];
     }(R, L);
     return kA(F) ? F : void 0;
   }
@@ -14971,8 +14974,8 @@ var Xl = { exports: {} };
   var PA = /* @__PURE__ */ function(R) {
     var L = 0, F = 0;
     return function() {
-      var j = Me(), tt = 16 - (j - F);
-      if (F = j, tt > 0) {
+      var j = Me(), et = 16 - (j - F);
+      if (F = j, et > 0) {
         if (++L >= 800) return arguments[0];
       } else L = 0;
       return R.apply(void 0, arguments);
@@ -15020,14 +15023,14 @@ var Xl = { exports: {} };
   var ta, xA = (ta = function(R, L, F) {
     Qc(R, L, F);
   }, wA(function(R, L) {
-    var F = -1, j = L.length, tt = j > 1 ? L[j - 1] : void 0, gt = j > 2 ? L[2] : void 0;
-    for (tt = ta.length > 3 && typeof tt == "function" ? (j--, tt) : void 0, gt && function(Kt, ie, Dt) {
+    var F = -1, j = L.length, et = j > 1 ? L[j - 1] : void 0, gt = j > 2 ? L[2] : void 0;
+    for (et = ta.length > 3 && typeof et == "function" ? (j--, et) : void 0, gt && function(Kt, ie, Dt) {
       if (!Fn(Dt)) return !1;
       var Ft = typeof ie;
       return !!(Ft == "number" ? Zs(Dt) && tu(ie, Dt.length) : Ft == "string" && ie in Dt) && Eo(Dt[ie], Kt);
-    }(L[0], L[1], gt) && (tt = j < 3 ? void 0 : tt, j = 1), R = Object(R); ++F < j; ) {
+    }(L[0], L[1], gt) && (et = j < 3 ? void 0 : et, j = 1), R = Object(R); ++F < j; ) {
       var mt = L[F];
-      mt && ta(R, mt, F, tt);
+      mt && ta(R, mt, F, et);
     }
     return R;
   }));
@@ -15434,7 +15437,7 @@ Hr = new WeakMap(), Zt = new WeakSet(), on = function() {
   return Gt(this, Hr).current.editorInternals;
 };
 function HT({ conversation: e }) {
-  const t = lt(), n = io(), r = ce(), i = CE(), o = et(t.extCurrentConversationId$), [s, a] = it([]);
+  const t = lt(), n = io(), r = ce(), i = CE(), o = tt(t.extCurrentConversationId$), [s, a] = it([]);
   return z(() => {
     const l = n.conversation(e.id).subscribeParticipants(async (c) => {
       c && a(c);
@@ -15514,7 +15517,7 @@ function BT({ appId: e }) {
           clearTimeout(a);
         };
       } else o.set(i.get());
-    }), et(o);
+    }), tt(o);
   }();
   return t.type === "invisible-loading" ? N(Pt, {}) : t.type === "loading" ? N(bE, {}) : t.type === "unknown-user" || t.type === "auth-failed" || t.type === "wrong-app-id" || t.type === "server-error" || t.type === "unexpected-error" ? N($s, { appId: e, chatboxState: t }) : t.type == "expired-token" ? N(kE, {}) : t.type === "loaded" ? N(UT, {}) : N(Pt, {});
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@talkjs/web-components",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "bugs": {
     "url": "https://talkjs.com/?chat"
   },