@wexio/messenger-widget-react 1.0.4 → 1.0.5

package/dist/{widget-react-DwL_rsx_.js → widget-react-B0fjhAJD.js}

@@ -3,7 +3,7 @@ import "react-dom";
 import "react/jsx-runtime";
 import "react-dom/client";
 import { c as e, d as t } from "./widget-react-DE7AVrCo.js";
-import { C as n, E as r, P as i, R as a, m as o, n as s, p as c } from "./widget-react-BfPdgAQ-.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-A2LiLuw0.js";
 import { i as l, n as u, o as d, t as f } from "./widget-react-BxvW64LH.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";
@@ -80,15 +80,15 @@ var x = [
 	}
 ];
 function S(e) {
-	return x.map(({ tagSlugs: t, authorIds: r, categorySlug: i, ...a }) => ({
-		...a,
-		title: e.raw(`news.${a.id}.title`),
-		excerpt: e.raw(`news.${a.id}.excerpt`),
-		contentMarkdown: e.raw(`news.${a.id}.body`),
-		authors: n(r),
+	return x.map(({ tagSlugs: t, authorIds: n, categorySlug: r, ...i }) => ({
+		...i,
+		title: e.raw(`news.${i.id}.title`),
+		excerpt: e.raw(`news.${i.id}.excerpt`),
+		contentMarkdown: e.raw(`news.${i.id}.body`),
+		authors: s(n),
 		category: {
-			slug: i,
-			label: e.raw(`news.categories.${i}`)
+			slug: r,
+			label: e.raw(`news.categories.${r}`)
 		},
 		tags: t.map((t) => ({
 			slug: t,
@@ -211,7 +211,7 @@ function A(e) {
 }
 //#endregion
 //#region lib/graphql/queries/generated/news.generated.tsx
-var j = {}, M = a`
+var j = {}, M = c`
     query VisitorNewsList($args: VisitorNewsListArgs) {
   visitorNewsList(args: $args) {
     items {
@@ -257,12 +257,12 @@ var j = {}, M = a`
 }
     `;
 function N(e) {
-	return i(M, {
+	return r(M, {
 		...j,
 		...e
 	});
 }
-var P = a`
+var P = c`
     query VisitorNewsPostCard($args: VisitorNewsPostArgs!) {
   visitorNewsPost(args: $args) {
     _id
@@ -277,12 +277,12 @@ var P = a`
 }
     `;
 function F(e) {
-	return i(P, {
+	return r(P, {
 		...j,
 		...e
 	});
 }
-var I = a`
+var I = c`
     query VisitorNewsPost($args: VisitorNewsPostArgs!) {
   visitorNewsPost(args: $args) {
     _id
@@ -335,12 +335,12 @@ var I = a`
 }
     `;
 function L(e) {
-	return i(I, {
+	return r(I, {
 		...j,
 		...e
 	});
 }
-var R = a`
+var R = c`
     query VisitorNewsRelated($postId: ID!, $limit: Int, $locale: String) {
   visitorNewsRelated(postId: $postId, limit: $limit, locale: $locale) {
     _id
@@ -357,26 +357,42 @@ var R = a`
 }
     `;
 function z(e) {
-	return i(R, {
+	return r(R, {
 		...j,
 		...e
 	});
 }
-a`
+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 B(e) {
+function H(e) {
 	if (!e.upstreamUpdatedAt) return !1;
 	let t = Date.parse(e.upstreamUpdatedAt), n = Date.parse(e.publishedAt);
 	return Number.isNaN(t) || Number.isNaN(n) ? !1 : t > n + 6e4;
 }
-function V(e) {
+function U(e) {
 	let t = Date.parse(e);
 	if (Number.isNaN(t)) return "";
 	let n = Date.now() - t, r = Math.floor(n / 6e4);
@@ -389,12 +405,12 @@ function V(e) {
 }
 //#endregion
 //#region components/widget/tabs/news-tab/index.tsx
-var H = 10, U = 240;
-function W({ isDummy: e, onOpenArticle: t }) {
-	let n = l("news"), i = l("demo"), a = d(), o = r(), [c, u] = _(""), f = K(c, 300), g = f.length >= 2, x = o.previewData?.newsPosts, E = !e && Array.isArray(x) && x.length > 0, [D, k] = _(H), { data: j, error: M, loading: P, fetchMore: F } = N({
+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({
 		variables: { args: {
 			locale: a,
-			limit: H,
+			limit: W,
 			offset: 0,
 			...g ? { query: f } : {}
 		} },
@@ -402,26 +418,26 @@ function W({ isDummy: e, onOpenArticle: t }) {
 		notifyOnNetworkStatusChange: !0
 	});
 	m(() => {
-		k(H);
+		k(W);
 	}, [f, E]);
-	let I = h(() => (j?.visitorNewsList.items ?? []).filter((e) => !!e).map(G), [j]), L = E ? (x ?? []).filter((e) => !!e && typeof e == "object").map(G) : [], 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, [
+	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, [
 		e,
 		E,
 		D,
 		z.length,
 		j
-	]), [W, J] = _(!1), Y = p(async () => {
-		if (!(!V || W)) {
+	]), [H, U] = _(!1), K = p(async () => {
+		if (!(!V || H)) {
 			if (e || E) {
-				k((e) => e + H);
+				k((e) => e + W);
 				return;
 			}
-			J(!0);
+			U(!0);
 			try {
 				await F({
 					variables: { args: {
 						locale: a,
-						limit: H,
+						limit: W,
 						offset: j?.visitorNewsList.items.length ?? 0,
 						...g ? { query: f } : {}
 					} },
@@ -439,12 +455,12 @@ function W({ isDummy: e, onOpenArticle: t }) {
 					}
 				});
 			} finally {
-				J(!1);
+				U(!1);
 			}
 		}
 	}, [
 		V,
-		W,
+		H,
 		e,
 		E,
 		g,
@@ -454,22 +470,22 @@ function W({ isDummy: e, onOpenArticle: t }) {
 		j
 	]), X = A("news"), Z = p((e) => {
 		let t = e.currentTarget;
-		t.scrollHeight - t.clientHeight - t.scrollTop < U && Y();
-	}, [Y]), Q = z.length > 0 || g, $ = !e && !E && P && B.length === 0;
+		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", {
 		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",
-			children: n("emptyTitle")
+			children: r("emptyTitle")
 		})
-	}) : /* @__PURE__ */ b(s, {
+	}) : /* @__PURE__ */ b(o, {
 		className: "flex-1",
 		viewportRef: X,
 		onScroll: Z,
 		children: [Q && /* @__PURE__ */ y(O, {
 			value: c,
 			onChange: u,
-			placeholder: n("searchPlaceholder")
+			placeholder: r("searchPlaceholder")
 		}), /* @__PURE__ */ y("div", {
 			className: "flex flex-col gap-3 px-4 pt-4 pb-6",
 			children: $ ? Array.from({ length: 3 }).map((e, t) => /* @__PURE__ */ b("div", {
@@ -494,26 +510,26 @@ function W({ isDummy: e, onOpenArticle: t }) {
 					}),
 					/* @__PURE__ */ y("p", {
 						className: "text-base font-semibold text-wx-fg",
-						children: n(g ? "noResults" : "emptyTitle")
+						children: r(g ? "noResults" : "emptyTitle")
 					}),
 					!g && /* @__PURE__ */ y("p", {
 						className: "text-sm text-wx-fg-muted",
-						children: n("emptyBody")
+						children: r("emptyBody")
 					})
 				]
-			}) : /* @__PURE__ */ b(v, { children: [B.map((e, n) => /* @__PURE__ */ y(q, {
+			}) : /* @__PURE__ */ b(v, { children: [B.map((e, n) => /* @__PURE__ */ y(Y, {
 				item: e,
 				locale: a,
-				delay: n < H ? n * .04 : 0,
+				delay: n < W ? n * .04 : 0,
 				onClick: () => t(e.id)
-			}, e.id)), W && /* @__PURE__ */ y("div", {
+			}, e.id)), H && /* @__PURE__ */ y("div", {
 				className: "flex justify-center py-3",
 				children: /* @__PURE__ */ y(T, { className: "h-3 w-24" })
 			})] })
 		})]
 	});
 }
-function G(e, t = 0) {
+function q(e, t = 0) {
 	let n = e.coverImageUrl?.url, r = e.externalCoverImageUrl, i = typeof n == "string" ? n : typeof r == "string" ? r : null, a = (e) => Array.isArray(e) ? e.map((e) => {
 		if (!e || typeof e != "object") return null;
 		let t = e.slug, n = e.label;
@@ -546,18 +562,18 @@ function G(e, t = 0) {
 		reactionCounts: e.reactionCounts ?? null
 	};
 }
-function K(e, t) {
+function J(e, t) {
 	let [n, r] = _(e);
 	return m(() => {
 		let n = setTimeout(() => r(e), t);
 		return () => clearTimeout(n);
 	}, [e, t]), n;
 }
-function q({ item: e, locale: n, delay: r, onClick: i }) {
-	let a = l("news"), s = e.categories ?? (e.category ? [e.category] : []), d = E(e.authors);
+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);
 	return /* @__PURE__ */ b(t.button, {
 		type: "button",
-		onClick: i,
+		onClick: o,
 		initial: {
 			opacity: 0,
 			y: 8
@@ -580,11 +596,11 @@ function q({ item: e, locale: n, delay: r, onClick: i }) {
 		}), /* @__PURE__ */ b("div", {
 			className: "px-5 py-4",
 			children: [
-				(s.length > 0 || d != null) && /* @__PURE__ */ b("div", {
+				(c.length > 0 || d != null) && /* @__PURE__ */ b("div", {
 					className: "mb-1.5 flex items-center justify-between gap-2",
 					children: [/* @__PURE__ */ y("div", {
 						className: "flex min-w-0 flex-wrap gap-1.5",
-						children: s.slice(0, 2).map((e) => /* @__PURE__ */ y("span", {
+						children: c.slice(0, 2).map((e) => /* @__PURE__ */ y("span", {
 							className: "text-[10px] font-semibold uppercase tracking-wide text-wx-primary",
 							children: e.label
 						}, e.slug))
@@ -593,11 +609,11 @@ function q({ item: e, locale: n, delay: r, onClick: i }) {
 						className: "shrink-0"
 					})]
 				}),
-				/* @__PURE__ */ y(o, {
+				/* @__PURE__ */ y(i, {
 					className: "text-sm",
 					children: e.title
 				}),
-				e.excerpt && /* @__PURE__ */ y(c, {
+				e.excerpt && /* @__PURE__ */ y(a, {
 					className: "mt-1 text-xs",
 					children: e.excerpt
 				}),
@@ -607,10 +623,10 @@ function q({ item: e, locale: n, delay: r, onClick: i }) {
 						month: "short",
 						day: "numeric",
 						year: "numeric"
-					}) }), B(e) && e.upstreamUpdatedAt && /* @__PURE__ */ y("span", {
+					}) }), H(e) && e.upstreamUpdatedAt && /* @__PURE__ */ y("span", {
 						className: "rounded-full bg-wx-bg-elevated px-1.5 py-0.5 text-[10px] font-medium text-wx-fg-muted",
 						title: new Date(e.upstreamUpdatedAt).toLocaleString(n),
-						children: a("editedAt", { when: V(e.upstreamUpdatedAt) })
+						children: s("editedAt", { when: U(e.upstreamUpdatedAt) })
 					})]
 				}),
 				e.tags && e.tags.length > 0 && /* @__PURE__ */ y("div", {
@@ -625,6 +641,6 @@ function q({ item: e, locale: n, delay: r, onClick: i }) {
 	});
 }
 //#endregion
-export { F as a, A as c, E as d, T as f, S as h, N as i, O as l, C as m, V as n, L as o, w as p, B as r, z as s, W as t, D as u };
+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 };
 
-//# sourceMappingURL=widget-react-DwL_rsx_.js.map
+//# sourceMappingURL=widget-react-B0fjhAJD.js.map

package/dist/{widget-react-D-QrEVpv.js → widget-react-BC-2nOW4.js}

@@ -122,4 +122,4 @@ var t = /* @__PURE__ */ e({
 //#endregion
 export { t as n, s as t };
 
-//# sourceMappingURL=widget-react-D-QrEVpv.js.map
+//# sourceMappingURL=widget-react-BC-2nOW4.js.map

package/dist/{widget-react-CZs0xRrr.js → widget-react-BMpc2uNT2.js}

@@ -1333,4 +1333,4 @@ C.BasePlugin = class extends t {
 //#endregion
 export { C as t };
 
-//# sourceMappingURL=widget-react-CZs0xRrr.js.map
+//# sourceMappingURL=widget-react-BMpc2uNT2.js.map