@wexio/messenger-widget-react 1.1.1 → 1.1.3

package/dist/widget-react.js

@@ -1099,13 +1099,13 @@ function Cr(e) {
 }
 //#endregion
 //#region lib/use-visitor-unread.ts
-function wr({ chatId: e, isDummy: t }) {
-	let n = V("demo"), [r, i] = X(!1), [a, o] = X(0), [s, c] = X(null), l = Y(/* @__PURE__ */ new Set()), u = Y(null), d = Y(!1), [f] = cn({ fetchPolicy: "network-only" });
+function wr({ chatId: e, isDummy: t, isLoading: n }) {
+	let r = V("demo"), [i, a] = X(!1), [o, s] = X(0), [c, l] = X(null), u = Y(/* @__PURE__ */ new Set()), d = Y(null), f = Y(!1), [p] = cn({ fetchPolicy: "network-only" });
 	J(() => {
-		t || !e || u.current !== e && (u.current = e, l.current = /* @__PURE__ */ new Set(), d.current = !1, f({ variables: { chatId: e } }).then((e) => {
-			if (d.current) return;
+		t || !e || d.current !== e && (d.current = e, u.current = /* @__PURE__ */ new Set(), f.current = !1, p({ variables: { chatId: e } }).then((e) => {
+			if (f.current) return;
 			let t = e.data?.visitorChatUnread;
-			if (t) if (o(t.count ?? 0), t.lastMessage) {
+			if (t) if (s(t.count ?? 0), t.lastMessage) {
 				let e = {
 					id: t.lastMessage.id,
 					text: t.lastMessage.text ?? null,
@@ -1116,32 +1116,32 @@ function wr({ chatId: e, isDummy: t }) {
 					},
 					buttons: Er(t.lastMessage.buttons)
 				};
-				l.current.add(e.id), c(e);
-			} else c(null);
+				u.current.add(e.id), l(e);
+			} else l(null);
 		}).catch(() => {}));
 	}, [
 		e,
 		t,
-		f
+		p
 	]);
-	let p = q(() => {
+	let m = q(() => {
 		if (t) {
-			i(!0);
+			a(!0);
 			return;
 		}
-		o(0), c(null), d.current = !0;
-	}, [t]), m = q((e) => {
+		s(0), l(null), f.current = !0;
+	}, [t]), h = q((e) => {
 		if (t || e.kind === "typing" || e.kind === "read-receipt" || e.kind === "assignment") return;
 		let n = e.from ?? e.sender;
 		if (n?.kind === "visitor") return;
 		let r = e.externalMessageId;
-		if (!r || l.current.has(r)) return;
-		l.current.add(r), o((e) => e + 1);
+		if (!r || u.current.has(r)) return;
+		u.current.add(r), s((e) => e + 1);
 		let i = Array.isArray(e.buttons) ? e.buttons.map((e) => ({
 			text: e.label,
 			payload: e.value
 		})) : [];
-		c({
+		l({
 			id: r,
 			text: e.text ?? null,
 			sender: {
@@ -1151,28 +1151,28 @@ function wr({ chatId: e, isDummy: t }) {
 			},
 			buttons: i
 		});
-	}, [t]), h = q((e) => {
+	}, [t]), g = q((e) => {
 		if (t || e.length === 0) return;
 		let n = 0;
-		for (let t of e) l.current.has(t) && (l.current.delete(t), n += 1);
-		n > 0 && o((e) => Math.max(0, e - n)), c((t) => t && (e.includes(t.id) ? null : t));
+		for (let t of e) u.current.has(t) && (u.current.delete(t), n += 1);
+		n > 0 && s((e) => Math.max(0, e - n)), l((t) => t && (e.includes(t.id) ? null : t));
 	}, [t]);
-	if (t) {
-		let e = r ? null : Tr(n);
+	if (t && !n) {
+		let e = i ? null : Tr(r);
 		return {
 			count: +!!e,
 			lastMessage: e,
-			clear: p,
-			noteInbound: m,
-			noteRead: h
+			clear: m,
+			noteInbound: h,
+			noteRead: g
 		};
 	}
 	return {
-		count: a,
-		lastMessage: s,
-		clear: p,
-		noteInbound: m,
-		noteRead: h
+		count: o,
+		lastMessage: c,
+		clear: m,
+		noteInbound: h,
+		noteRead: g
 	};
 }
 function Tr(e) {
@@ -19977,12 +19977,16 @@ function Iv({ isOpen: e, onToggle: t, unreadCount: i = 0, newsUnread: o = !1, po
 		onHoverEnd: m.onMouseLeave,
 		...m,
 		className: H(c ? "absolute" : "fixed", "bottom-4 z-2147483600", s === "left" ? "left-4" : "right-4", "flex h-14 w-14 items-center justify-center rounded-full", "bg-wx-launcher-bg text-wx-launcher-fg", "shadow-[0_8px_24px_rgba(0,0,0,0.18)]", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-wx-launcher-bg focus-visible:ring-offset-2 focus-visible:ring-offset-white"),
-		children: [/* @__PURE__ */ Z(xi, {
-			count: g ? h : 0,
-			dot: _,
-			label: _ ? d("unread") : void 0,
-			size: "md",
-			className: "absolute -top-1 -right-1 z-10"
+		children: [/* @__PURE__ */ Z("span", {
+			"aria-hidden": !0,
+			className: "contents",
+			children: /* @__PURE__ */ Z(xi, {
+				count: g ? h : 0,
+				dot: _,
+				label: _ ? d("unread") : void 0,
+				size: "md",
+				className: "absolute -top-1 -right-1 z-10"
+			})
 		}), /* @__PURE__ */ Z(ne, {
 			mode: "wait",
 			initial: !1,
@@ -20289,7 +20293,8 @@ function $v() {
 	]);
 	let _e = wr({
 		chatId: M.chatId,
-		isDummy: o
+		isDummy: o,
+		isLoading: s
 	}), ve = Pn({
 		enabled: i === "production" && !o && !!a.features.news,
 		locale: t
@@ -20483,6 +20488,7 @@ function $v() {
 	return /* @__PURE__ */ Q(Ft, { children: [
 		/* @__PURE__ */ Q(n.div, {
 			"aria-hidden": !de,
+			inert: !de,
 			initial: !1,
 			animate: de ? {
 				opacity: 1,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wexio/messenger-widget-react",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "description": "Native React component embed for the Wexio web messenger. Renders inside a Shadow DOM portal for style isolation.",
   "license": "MIT",
   "private": false,