@wexio/messenger-widget-react 1.0.28 → 1.1.0

package/dist/{widget-react-BSrCOwHs.js → widget-react-CQ0MdjMO.js}

@@ -12,12 +12,188 @@ import "react-dom";
 import "react/jsx-runtime";
 import "react-dom/client";
 import { c as e, d as t } from "./widget-react-B9XrHKqv.js";
-import { D as n, F as r, h as i, m as a, r as o, w as s, z as c } from "./widget-react-DfX-FjHu.js";
+import { E as n, F as r, h as i, m as a, r as o, w as s, z as c } from "./widget-react-D4IN0PAd.js";
 import { i as l, n as u, o as d, t as f } from "./widget-react-CQ0DMi7b.js";
 import { useCallback as p, useEffect as m, useMemo as h, useRef as g, useState as _ } from "react";
 import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+//#region lib/graphql/queries/generated/news.generated.tsx
+var x = {}, S = c`
+    query VisitorNewsList($args: VisitorNewsListArgs) {
+  visitorNewsList(args: $args) {
+    items {
+      _id
+      title
+      slug
+      excerpt
+      publishedAt
+      upstreamUpdatedAt
+      reactionCounts
+      coverImageUrl {
+        _id
+        url
+      }
+      externalCoverImageUrl
+      authors {
+        _id
+        name
+        photo {
+          _id
+          url
+        }
+      }
+      categories {
+        _id
+        slug
+        label
+      }
+      tags {
+        _id
+        slug
+        label
+      }
+    }
+    meta {
+      totalCount
+      currentPage
+      totalPages
+      hasNextPage
+      hasPreviousPage
+    }
+  }
+}
+    `;
+function C(e) {
+	return r(S, {
+		...x,
+		...e
+	});
+}
+var w = c`
+    query VisitorNewsPostCard($args: VisitorNewsPostArgs!) {
+  visitorNewsPost(args: $args) {
+    _id
+    title
+    excerpt
+    coverImageUrl {
+      _id
+      url
+    }
+    externalCoverImageUrl
+  }
+}
+    `;
+function T(e) {
+	return r(w, {
+		...x,
+		...e
+	});
+}
+var E = c`
+    query VisitorNewsPost($args: VisitorNewsPostArgs!) {
+  visitorNewsPost(args: $args) {
+    _id
+    title
+    slug
+    excerpt
+    contentMarkdown
+    bodyFormat
+    locale
+    publishedAt
+    upstreamUpdatedAt
+    viewCount
+    reactionCounts
+    viewerReaction
+    sourceUrl
+    coverImageUrl {
+      _id
+      url
+    }
+    externalCoverImageUrl
+    source {
+      _id
+      name
+      type
+    }
+    authors {
+      _id
+      name
+      photo {
+        _id
+        url
+      }
+    }
+    categories {
+      _id
+      slug
+      label
+    }
+    tags {
+      _id
+      slug
+      label
+    }
+    translations {
+      _id
+      locale
+      slug
+    }
+  }
+}
+    `;
+function D(e) {
+	return r(E, {
+		...x,
+		...e
+	});
+}
+var O = c`
+    query VisitorNewsRelated($postId: ID!, $limit: Int, $locale: String) {
+  visitorNewsRelated(postId: $postId, limit: $limit, locale: $locale) {
+    _id
+    title
+    slug
+    excerpt
+    publishedAt
+    coverImageUrl {
+      _id
+      url
+    }
+    externalCoverImageUrl
+  }
+}
+    `;
+function k(e) {
+	return r(O, {
+		...x,
+		...e
+	});
+}
+c`
+    mutation RecordVisitorNewsView($postId: String!) {
+  recordVisitorNewsView(postId: $postId) {
+    ok
+  }
+}
+    `;
+var A = c`
+    query VisitorNewsListSlim($args: VisitorNewsListArgs) {
+  visitorNewsList(args: $args) {
+    items {
+      _id
+      title
+    }
+  }
+}
+    `;
+function j(e) {
+	return r(A, {
+		...x,
+		...e
+	});
+}
+//#endregion
 //#region dummy/news.ts
-var x = [
+var M = [
 	{
 		id: "demo-news-1",
 		publishedAt: "2026-04-30T10:00:00.000Z",
@@ -88,8 +264,8 @@ var x = [
 		tagSlugs: ["ai", "analytics"]
 	}
 ];
-function S(e) {
-	return x.map(({ tagSlugs: t, authorIds: n, categorySlug: r, ...i }) => ({
+function N(e) {
+	return M.map(({ tagSlugs: t, authorIds: n, categorySlug: r, ...i }) => ({
 		...i,
 		title: e.raw(`news.${i.id}.title`),
 		excerpt: e.raw(`news.${i.id}.excerpt`),
@@ -105,7 +281,7 @@ function S(e) {
 		}))
 	}));
 }
-var C = f("megaphone", [
+var P = f("megaphone", [
 	["path", {
 		d: "M11 6a13 13 0 0 0 8.4-2.8A1 1 0 0 1 21 4v12a1 1 0 0 1-1.6.8A13 13 0 0 0 11 14H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z",
 		key: "q8bfy3"
@@ -121,7 +297,7 @@ var C = f("megaphone", [
 ]);
 //#endregion
 //#region components/ui/icon.tsx
-function w({ icon: e, size: t = 20, strokeWidth: n = 2, className: r, ...i }) {
+function F({ icon: e, size: t = 20, strokeWidth: n = 2, className: r, ...i }) {
 	return /* @__PURE__ */ y(e, {
 		width: t,
 		height: t,
@@ -132,7 +308,7 @@ function w({ icon: e, size: t = 20, strokeWidth: n = 2, className: r, ...i }) {
 }
 //#endregion
 //#region components/ui/skeleton.tsx
-function T({ className: e, ...t }) {
+function I({ className: e, ...t }) {
 	return /* @__PURE__ */ y("div", {
 		"data-slot": "skeleton",
 		className: u("animate-pulse rounded-wx-sm bg-wx-bg-elevated", e),
@@ -141,7 +317,7 @@ function T({ className: e, ...t }) {
 }
 //#endregion
 //#region components/widget/author-avatars.tsx
-function E(e) {
+function L(e) {
 	if (!Array.isArray(e)) return;
 	let t = e.map((e) => {
 		if (!e || typeof e != "object") return null;
@@ -156,7 +332,7 @@ function E(e) {
 	}).filter((e) => !!e);
 	return t.length > 0 ? t : void 0;
 }
-function D({ authors: e, max: t = 3, className: n }) {
+function R({ authors: e, max: t = 3, className: n }) {
 	return !e || e.length === 0 ? null : /* @__PURE__ */ y("span", {
 		className: `flex items-center -space-x-1.5 ${n ?? ""}`,
 		children: e.slice(0, t).map((e) => e.photoUrl ? /* @__PURE__ */ y("img", {
@@ -173,7 +349,7 @@ function D({ authors: e, max: t = 3, className: n }) {
 }
 //#endregion
 //#region components/widget/sticky-search-header.tsx
-function O({ value: t, onChange: n, placeholder: r, className: i }) {
+function z({ value: t, onChange: n, placeholder: r, className: i }) {
 	return /* @__PURE__ */ b("div", {
 		className: u("sticky top-0 z-10 flex items-center gap-2.5 border-wx-border border-b bg-wx-bg px-4", i),
 		children: [/* @__PURE__ */ y(e, {
@@ -190,13 +366,13 @@ function O({ value: t, onChange: n, placeholder: r, className: i }) {
 }
 //#endregion
 //#region lib/use-scroll-restore.ts
-var k = /* @__PURE__ */ new Map();
-function A(e) {
+var B = /* @__PURE__ */ new Map();
+function V(e) {
 	let t = g(null);
 	return m(() => {
 		let n = t.current;
 		if (!n) return;
-		let r = k.get(e) ?? 0, i = !1, a = performance.now(), o = () => {
+		let r = B.get(e) ?? 0, i = !1, a = performance.now(), o = () => {
 			if (i || !t.current) return;
 			let e = t.current;
 			if (e.scrollHeight - e.clientHeight >= r) {
@@ -211,7 +387,7 @@ function A(e) {
 		};
 		requestAnimationFrame(o);
 		let s = () => {
-			k.set(e, n.scrollTop);
+			B.set(e, n.scrollTop);
 		};
 		return n.addEventListener("scroll", s, { passive: !0 }), () => {
 			i = !0, n.removeEventListener("scroll", s);
@@ -219,182 +395,6 @@ function A(e) {
 	}, [e]), t;
 }
 //#endregion
-//#region lib/graphql/queries/generated/news.generated.tsx
-var j = {}, M = c`
-    query VisitorNewsList($args: VisitorNewsListArgs) {
-  visitorNewsList(args: $args) {
-    items {
-      _id
-      title
-      slug
-      excerpt
-      publishedAt
-      upstreamUpdatedAt
-      reactionCounts
-      coverImageUrl {
-        _id
-        url
-      }
-      externalCoverImageUrl
-      authors {
-        _id
-        name
-        photo {
-          _id
-          url
-        }
-      }
-      categories {
-        _id
-        slug
-        label
-      }
-      tags {
-        _id
-        slug
-        label
-      }
-    }
-    meta {
-      totalCount
-      currentPage
-      totalPages
-      hasNextPage
-      hasPreviousPage
-    }
-  }
-}
-    `;
-function N(e) {
-	return r(M, {
-		...j,
-		...e
-	});
-}
-var P = c`
-    query VisitorNewsPostCard($args: VisitorNewsPostArgs!) {
-  visitorNewsPost(args: $args) {
-    _id
-    title
-    excerpt
-    coverImageUrl {
-      _id
-      url
-    }
-    externalCoverImageUrl
-  }
-}
-    `;
-function F(e) {
-	return r(P, {
-		...j,
-		...e
-	});
-}
-var I = c`
-    query VisitorNewsPost($args: VisitorNewsPostArgs!) {
-  visitorNewsPost(args: $args) {
-    _id
-    title
-    slug
-    excerpt
-    contentMarkdown
-    bodyFormat
-    locale
-    publishedAt
-    upstreamUpdatedAt
-    viewCount
-    reactionCounts
-    viewerReaction
-    sourceUrl
-    coverImageUrl {
-      _id
-      url
-    }
-    externalCoverImageUrl
-    source {
-      _id
-      name
-      type
-    }
-    authors {
-      _id
-      name
-      photo {
-        _id
-        url
-      }
-    }
-    categories {
-      _id
-      slug
-      label
-    }
-    tags {
-      _id
-      slug
-      label
-    }
-    translations {
-      _id
-      locale
-      slug
-    }
-  }
-}
-    `;
-function L(e) {
-	return r(I, {
-		...j,
-		...e
-	});
-}
-var R = c`
-    query VisitorNewsRelated($postId: ID!, $limit: Int, $locale: String) {
-  visitorNewsRelated(postId: $postId, limit: $limit, locale: $locale) {
-    _id
-    title
-    slug
-    excerpt
-    publishedAt
-    coverImageUrl {
-      _id
-      url
-    }
-    externalCoverImageUrl
-  }
-}
-    `;
-function z(e) {
-	return r(R, {
-		...j,
-		...e
-	});
-}
-c`
-    mutation RecordVisitorNewsView($postId: String!) {
-  recordVisitorNewsView(postId: $postId) {
-    ok
-  }
-}
-    `;
-var B = c`
-    query VisitorNewsListSlim($args: VisitorNewsListArgs) {
-  visitorNewsList(args: $args) {
-    items {
-      _id
-      title
-    }
-  }
-}
-    `;
-function V(e) {
-	return r(B, {
-		...j,
-		...e
-	});
-}
-//#endregion
 //#region components/widget/tabs/news-tab/helpers.ts
 function H(e) {
 	if (!e.upstreamUpdatedAt) return !1;
@@ -416,38 +416,38 @@ function U(e) {
 //#region components/widget/tabs/news-tab/index.tsx
 var W = 10, G = 240;
 function K({ isDummy: e, onOpenArticle: t }) {
-	let r = l("news"), i = l("demo"), a = d(), s = n(), [c, u] = _(""), f = J(c, 300), g = f.length >= 2, x = s.previewData?.newsPosts, E = !e && Array.isArray(x) && x.length > 0, [D, k] = _(W), { data: j, error: M, loading: P, fetchMore: F } = N({
+	let r = l("news"), i = l("demo"), a = d(), s = n(), [c, u] = _(""), f = J(c, 300), g = f.length >= 2, x = s.previewData?.newsPosts, S = !e && Array.isArray(x) && x.length > 0, [w, T] = _(W), { data: E, error: D, loading: O, fetchMore: k } = C({
 		variables: { args: {
 			locale: a,
 			limit: W,
 			offset: 0,
 			...g ? { query: f } : {}
 		} },
-		skip: e || E,
+		skip: e || S,
 		notifyOnNetworkStatusChange: !0
 	});
 	m(() => {
-		k(W);
-	}, [f, E]);
-	let I = h(() => (j?.visitorNewsList.items ?? []).filter((e) => !!e).map(q), [j]), L = E ? (x ?? []).filter((e) => !!e && typeof e == "object").map(q) : [], R = p((e) => e.title.toLowerCase().includes(f.toLowerCase()) || e.excerpt.toLowerCase().includes(f.toLowerCase()), [f]), z = e ? g ? S(i).filter(R) : S(i) : E ? g ? L.filter(R) : L : I, B = E || e ? z.slice(0, D) : z, V = h(() => e || E ? D < z.length : j?.visitorNewsList.meta.hasNextPage ?? !1, [
+		T(W);
+	}, [f, S]);
+	let A = h(() => (E?.visitorNewsList.items ?? []).filter((e) => !!e).map(q), [E]), j = S ? (x ?? []).filter((e) => !!e && typeof e == "object").map(q) : [], M = p((e) => e.title.toLowerCase().includes(f.toLowerCase()) || e.excerpt.toLowerCase().includes(f.toLowerCase()), [f]), L = e ? g ? N(i).filter(M) : N(i) : S ? g ? j.filter(M) : j : A, R = S || e ? L.slice(0, w) : L, B = h(() => e || S ? w < L.length : E?.visitorNewsList.meta.hasNextPage ?? !1, [
 		e,
-		E,
-		D,
-		z.length,
-		j
+		S,
+		w,
+		L.length,
+		E
 	]), [H, U] = _(!1), K = p(async () => {
-		if (!(!V || H)) {
-			if (e || E) {
-				k((e) => e + W);
+		if (!(!B || H)) {
+			if (e || S) {
+				T((e) => e + W);
 				return;
 			}
 			U(!0);
 			try {
-				await F({
+				await k({
 					variables: { args: {
 						locale: a,
 						limit: W,
-						offset: j?.visitorNewsList.items.length ?? 0,
+						offset: E?.visitorNewsList.items.length ?? 0,
 						...g ? { query: f } : {}
 					} },
 					updateQuery: (e, { fetchMoreResult: t }) => {
@@ -468,20 +468,20 @@ function K({ isDummy: e, onOpenArticle: t }) {
 			}
 		}
 	}, [
-		V,
+		B,
 		H,
 		e,
-		E,
+		S,
 		g,
 		f,
 		a,
-		F,
-		j
-	]), X = A("news"), Z = p((e) => {
+		k,
+		E
+	]), X = V("news"), Z = p((e) => {
 		let t = e.currentTarget;
 		t.scrollHeight - t.clientHeight - t.scrollTop < G && K();
-	}, [K]), Q = z.length > 0 || g, $ = !e && !E && P && B.length === 0;
-	return M && B.length === 0 ? /* @__PURE__ */ y("div", {
+	}, [K]), Q = L.length > 0 || g, $ = !e && !S && O && R.length === 0;
+	return D && R.length === 0 ? /* @__PURE__ */ y("div", {
 		className: "flex flex-1 flex-col items-center justify-center gap-3 px-6 py-12 text-center",
 		children: /* @__PURE__ */ y("p", {
 			className: "text-sm text-wx-fg-muted",
@@ -491,7 +491,7 @@ function K({ isDummy: e, onOpenArticle: t }) {
 		className: "flex-1",
 		viewportRef: X,
 		onScroll: Z,
-		children: [Q && /* @__PURE__ */ y(O, {
+		children: [Q && /* @__PURE__ */ y(z, {
 			value: c,
 			onChange: u,
 			placeholder: r("searchPlaceholder")
@@ -499,21 +499,21 @@ function K({ isDummy: e, onOpenArticle: t }) {
 			className: "flex flex-col gap-3 px-4 pt-4 pb-6",
 			children: $ ? Array.from({ length: 3 }).map((e, t) => /* @__PURE__ */ b("div", {
 				className: "overflow-hidden rounded-wx-lg bg-wx-bg-elevated",
-				children: [/* @__PURE__ */ y(T, { className: "aspect-[16/10] w-full rounded-none" }), /* @__PURE__ */ b("div", {
+				children: [/* @__PURE__ */ y(I, { className: "aspect-[16/10] w-full rounded-none" }), /* @__PURE__ */ b("div", {
 					className: "space-y-2 px-5 py-4",
 					children: [
-						/* @__PURE__ */ y(T, { className: "h-3 w-3/4" }),
-						/* @__PURE__ */ y(T, { className: "h-3 w-1/2" }),
-						/* @__PURE__ */ y(T, { className: "mt-1 h-2 w-1/3" })
+						/* @__PURE__ */ y(I, { className: "h-3 w-3/4" }),
+						/* @__PURE__ */ y(I, { className: "h-3 w-1/2" }),
+						/* @__PURE__ */ y(I, { className: "mt-1 h-2 w-1/3" })
 					]
 				})]
-			}, t)) : B.length === 0 ? /* @__PURE__ */ b("div", {
+			}, t)) : R.length === 0 ? /* @__PURE__ */ b("div", {
 				className: "flex flex-1 flex-col items-center justify-center gap-3 px-6 py-12 text-center",
 				children: [
 					/* @__PURE__ */ y("div", {
 						className: "flex h-14 w-14 items-center justify-center rounded-full bg-wx-bg-elevated text-wx-fg-muted",
-						children: /* @__PURE__ */ y(w, {
-							icon: C,
+						children: /* @__PURE__ */ y(F, {
+							icon: P,
 							size: 28
 						})
 					}),
@@ -526,14 +526,14 @@ function K({ isDummy: e, onOpenArticle: t }) {
 						children: r("emptyBody")
 					})
 				]
-			}) : /* @__PURE__ */ b(v, { children: [B.map((e, n) => /* @__PURE__ */ y(Y, {
+			}) : /* @__PURE__ */ b(v, { children: [R.map((e, n) => /* @__PURE__ */ y(Y, {
 				item: e,
 				locale: a,
 				delay: n < W ? n * .04 : 0,
 				onClick: () => t(e.id)
 			}, e.id)), H && /* @__PURE__ */ y("div", {
 				className: "flex justify-center py-3",
-				children: /* @__PURE__ */ y(T, { className: "h-3 w-24" })
+				children: /* @__PURE__ */ y(I, { className: "h-3 w-24" })
 			})] })
 		})]
 	});
@@ -579,7 +579,7 @@ function J(e, t) {
 	}, [e, t]), n;
 }
 function Y({ item: e, locale: n, delay: r, onClick: o }) {
-	let s = l("news"), c = e.categories ?? (e.category ? [e.category] : []), d = E(e.authors);
+	let s = l("news"), c = e.categories ?? (e.category ? [e.category] : []), d = L(e.authors);
 	return /* @__PURE__ */ b(t.button, {
 		type: "button",
 		onClick: o,
@@ -613,7 +613,7 @@ function Y({ item: e, locale: n, delay: r, onClick: o }) {
 							className: "text-[10px] font-semibold uppercase tracking-wide text-wx-primary",
 							children: e.label
 						}, e.slug))
-					}), /* @__PURE__ */ y(D, {
+					}), /* @__PURE__ */ y(R, {
 						authors: d,
 						className: "shrink-0"
 					})]
@@ -650,6 +650,6 @@ function Y({ item: e, locale: n, delay: r, onClick: o }) {
 	});
 }
 //#endregion
-export { F as a, A as c, E as d, T as f, S as h, V as i, O as l, C as m, U as n, L as o, w as p, H as r, z as s, K as t, D as u };
+export { z as a, I as c, N as d, j as f, k as h, V as i, F as l, D as m, U as n, R as o, T as p, H as r, L as s, K as t, P as u };
 
-//# sourceMappingURL=widget-react-BSrCOwHs.js.map
+//# sourceMappingURL=widget-react-CQ0MdjMO.js.map

package/dist/{widget-react-BE-hnNxO2.js → widget-react-CRMJO52c2.js}

@@ -127,7 +127,14 @@ var t = /* @__PURE__ */ e({
 	passkeyRegister: "Вперше? Створіть passkey",
 	passkeyError: "Не вдалося увійти. Спробуйте ще раз.",
 	passkeyNoCredential: "На цьому пристрої ще немає passkey — натисніть «Створіть passkey», щоб додати.",
-	googleSignInDemo: "Продовжити з Google"
+	googleSignInDemo: "Продовжити з Google",
+	connectingOperator: "Оператора призначено, зачекайте…",
+	withOperator: "Тепер з вами {name}",
+	operatorConnected: "Оператор приєднався",
+	chatResolved: "Розмову завершено",
+	chatResolvedByYou: "Розмову завершено вами",
+	chatResolvedByOperator: "Розмову завершено — {name}",
+	resolveConversation: "Завершити розмову"
 }, s = {
 	title: "Перш ніж почати",
 	subtitle: "Кілька деталей, щоб наша команда могла швидше допомогти.",
@@ -159,6 +166,7 @@ var t = /* @__PURE__ */ e({
 	articlesCount: "{count, plural, =0 {Без статей} one {Статей: #} few {Статей: #} many {Статей: #} other {Статей: #}}",
 	authorsByline: "Автори {first}{remaining, plural, =0 {} one { та ще #} few { та ще #} many { та ще #} other { та ще #}}"
 }, l = {
+	unread: "Непрочитані новини",
 	emptyTitle: "Поки що нічого нового",
 	emptyBody: "Заходьте сюди за продуктовими новинами й оголошеннями.",
 	helpful: "Чи була ця стаття корисною?",
@@ -343,4 +351,4 @@ var t = /* @__PURE__ */ e({
 //#endregion
 export { t as n, y as t };
 
-//# sourceMappingURL=widget-react-BE-hnNxO2.js.map
+//# sourceMappingURL=widget-react-CRMJO52c2.js.map

package/dist/{widget-react-BD4KAXKy2.js → widget-react-CRU0Mk7M2.js}

@@ -127,7 +127,14 @@ var t = /* @__PURE__ */ e({
 	passkeyRegister: "第一次嗎? 設定通行金鑰",
 	passkeyError: "無法登入。請再試一次。",
 	passkeyNoCredential: "此裝置上尚無通行金鑰 — 點擊「設定通行金鑰」來建立一個。",
-	googleSignInDemo: "使用 Google 繼續"
+	googleSignInDemo: "使用 Google 繼續",
+	connectingOperator: "已指派客服,請稍候…",
+	withOperator: "您現在正在與 {name} 聊天",
+	operatorConnected: "客服已連線",
+	chatResolved: "對話已解決",
+	chatResolvedByYou: "您已解決此對話",
+	chatResolvedByOperator: "{name} 已解決此對話",
+	resolveConversation: "解決對話"
 }, s = {
 	title: "開始之前",
 	subtitle: "請提供一些資訊,讓我們的團隊能更快協助您。",
@@ -172,7 +179,8 @@ var t = /* @__PURE__ */ e({
 	articleNotTranslated: "本貼文尚未提供您所用語言的版本。",
 	readOriginal: "閱讀原文",
 	relatedTitle: "相關",
-	writtenBy: "作者:{names}"
+	writtenBy: "作者:{names}",
+	unread: "未讀消息"
 }, u = {
 	ariaLabel: "回應",
 	tapAria: "用 {emoji} 回應"
@@ -343,4 +351,4 @@ var t = /* @__PURE__ */ e({
 //#endregion
 export { t as n, y as t };
 
-//# sourceMappingURL=widget-react-BD4KAXKy2.js.map
+//# sourceMappingURL=widget-react-CRU0Mk7M2.js.map