@wexio/messenger-widget-react 1.0.4 → 1.0.6

package/dist/widget-react-D3ZFysG9.js

@@ -0,0 +1,337 @@
+import "react";
+import "react-dom";
+import "react/jsx-runtime";
+import "react-dom/client";
+import { x as e } from "./widget-react-DE7AVrCo.js";
+//#region messages/he.json
+var t = /* @__PURE__ */ e({
+	article: () => m,
+	authError: () => _,
+	branding: () => f,
+	default: () => y,
+	header: () => r,
+	help: () => c,
+	home: () => a,
+	languageSelector: () => d,
+	launcher: () => i,
+	lightbox: () => g,
+	messages: () => o,
+	news: () => l,
+	peek: () => h,
+	prechat: () => s,
+	profile: () => v,
+	reactions: () => u,
+	sound: () => p,
+	tabs: () => n
+}), n = {
+	home: "בית",
+	messages: "הודעות",
+	help: "עזרה",
+	news: "חדשות",
+	profile: "פרופיל"
+}, r = {
+	close: "סגירה",
+	back: "חזרה",
+	conversationSubtitle: "גם הצוות שלנו יכול לעזור",
+	helpTitle: "עזרה",
+	newsTitle: "חדשות",
+	expand: "הרחבת הווידג'ט",
+	collapse: "כיווץ הווידג'ט"
+}, i = {
+	open: "פתיחת צ'אט",
+	close: "סגירת צ'אט",
+	loading: "מתחבר…"
+}, a = {
+	greetingHeadline: "שלום 👋",
+	greetingSubheadline: "במה נוכל לעזור?",
+	askTitle: "שאלו שאלה",
+	askSubtitle: "הבוט והצוות שלנו יוכלו לעזור",
+	recentMessageLabel: "הודעה אחרונה",
+	recentMessageTitle: "הודעה אחרונה",
+	recentMessageFromFallback: "Gaia",
+	recentMessageAgo: "4ש'",
+	recentMessageSample: "שלום 👋 תודה שפניתם - נחזור אליכם מיד.",
+	featuredArticleLoading: "מאמר מומלץ",
+	featuredArticleTap: "הקישו לקריאה",
+	featuredArticleEmpty: "בחרו מאמר",
+	featuredArticleSetUp: "הגדירו את הבלוק הזה בלוח הבקרה",
+	featuredArticleDemoEyebrow: "Pioneer · שמרו את התאריך",
+	featuredArticleDemoHeadline: "8 באוקטובר 2026",
+	featuredArticleDemoSubline: "סן פרנסיסקו · פרונטלי + וירטואלי",
+	featuredArticleDemoCta: "צפו בלוח האירועים",
+	seeAgenda: "צפו בלוח האירועים",
+	browseHelp: "עיון בעזרה",
+	whatsNew: "מה חדש",
+	searchPlaceholder: "חיפוש בעזרה",
+	pinnedArticlesTitle: "קראו את אלה ראשונים",
+	popularArticlesTitle: "מאמרים פופולריים",
+	pinnedArticleRow: "מאמר מוצמד {n}",
+	newsPreviewTitle: "החדשות האחרונות",
+	newsPreviewRow: "עדכון חדשות {n}",
+	myConversationsTitle: "השיחות שלך",
+	myConversationsEmpty: "צפייה בשיחות שלך",
+	teamStatusOnline: "אנחנו מחוברים",
+	teamStatusReplyTime: "בדרך כלל עונים תוך מספר דקות"
+}, o = {
+	today: "היום",
+	yesterday: "אתמול",
+	unreadMessages: "הודעות שלא נקראו",
+	emptyTitle: "אין עדיין הודעות",
+	emptyBody: "התחילו שיחה והצוות שלנו יחזור אליכם כאן.",
+	sendCta: "שלחו לנו הודעה",
+	attach: "צירוף קובץ",
+	commands: "פקודות מהירות",
+	record: "הקלטת הודעה קולית",
+	stopRecording: "עצירת הקלטה",
+	recording: "מקליט…",
+	uploading: "מעלה…",
+	uploadFailed: "ההעלאה נכשלה",
+	voiceDenied: "הגישה למיקרופון נדחתה",
+	voiceUnsupported: "הקלטה קולית אינה נתמכת בדפדפן זה",
+	fileTooLarge: "הקובץ גדול מדי (מקסימום 10MB)",
+	fileMimeNotAllowed: "סוג קובץ זה אינו נתמך",
+	emoji: "הוספת אימוג'י",
+	cancelRecording: "ביטול הקלטה",
+	pauseRecording: "השהיית הקלטה",
+	resumeRecording: "חידוש הקלטה",
+	playPreview: "השמעת ההקלטה",
+	emojiPicker: "בורר אימוג'י",
+	emojiSearch: "חיפוש…",
+	playAudio: "השמעה",
+	pauseAudio: "השהיה",
+	openAudio: "פתיחת אודיו",
+	removeAttachment: "הסרה",
+	aiAssistant: "עוזר AI",
+	operator: "נציג",
+	openImage: "פתיחת תמונה",
+	openPreview: "פתיחת תצוגה מקדימה",
+	play: "השמעה",
+	pause: "השהיה",
+	typing: "מקליד…",
+	aiThinking: "חושב…",
+	aiSearching: "מחפש…",
+	typingSomeone: "מישהו",
+	signInToChat: "אנא היכנסו כדי להתחיל את השיחה.",
+	signInUnavailable: "הכניסה אינה זמינה כעת.",
+	googleSignIn: "כניסה עם Google",
+	passkeySignIn: "כניסה עם מפתח גישה",
+	passkeyRegister: "פעם ראשונה? הגדירו מפתח גישה",
+	passkeyError: "הכניסה נכשלה. נסו שוב.",
+	passkeyNoCredential: "אין עדיין מפתח גישה במכשיר הזה — הקישו על «הגדירו מפתח גישה» כדי ליצור אחד.",
+	googleSignInDemo: "המשך עם Google"
+}, s = {
+	title: "לפני שמתחילים",
+	subtitle: "כמה פרטים מהירים כדי שהצוות יוכל לעזור מהר יותר.",
+	labelName: "שם",
+	labelEmail: "דוא\"ל",
+	labelPhone: "טלפון",
+	labelCustom: "פרטים",
+	required: "שדה חובה",
+	invalidEmail: "אנא הזינו כתובת דוא\"ל תקינה",
+	invalidPhone: "אנא הזינו מספר טלפון תקין",
+	submit: "המשך",
+	submitFailed: "השליחה נכשלה - נסו שוב."
+}, c = {
+	searchPlaceholder: "חיפוש בעזרה",
+	emptyTitle: "אין עדיין מאמרים",
+	emptyBody: "המפעיל שלכם עדיין לא פרסם דבר.",
+	back: "חזרה",
+	helpful: "האם זה היה מועיל?",
+	yes: "כן",
+	no: "לא",
+	thanks: "תודה על המשוב.",
+	unresolvedCta: "עדיין צריכים עזרה? שלחו לנו הודעה",
+	noResults: "אין תוצאות",
+	articleNotFound: "המאמר לא נמצא",
+	articleNotTranslated: "המאמר הזה עדיין אינו זמין בשפה שלכם.",
+	writtenBy: "נכתב על ידי {names}",
+	relatedTitle: "מאמרים קשורים",
+	collectionsCount: "{count, plural, =0 {אין אוספים} one {אוסף אחד} two {שני אוספים} other {# אוספים}}",
+	articlesCount: "{count, plural, =0 {אין מאמרים} one {מאמרים: #} two {מאמרים: #} other {מאמרים: #}}",
+	authorsByline: "מחברים {first}{remaining, plural, =0 {} one { ועוד אחד} two { ועוד #} other { ועוד #}}"
+}, l = {
+	emptyTitle: "אין עדיין עדכונים",
+	emptyBody: "חזרו לכאן כדי לקרוא חדשות מוצר והודעות.",
+	helpful: "האם המאמר הזה היה מועיל?",
+	yes: "כן",
+	no: "לא",
+	thanks: "תודה על המשוב.",
+	searchPlaceholder: "חיפוש בחדשות",
+	noResults: "לא נמצאו פוסטים מתאימים",
+	editedAt: "נערך {when}",
+	articleNotFound: "המאמר לא נמצא.",
+	articleNotTranslated: "הפוסט הזה עדיין אינו זמין בשפה שלכם.",
+	readOriginal: "קריאת המקור",
+	relatedTitle: "קשורים",
+	writtenBy: "נכתב על ידי {names}"
+}, u = {
+	ariaLabel: "תגובות",
+	tapAria: "תגובה עם {emoji}"
+}, d = {
+	title: "קריאה בשפה אחרת",
+	ariaLabel: "שפות המאמר"
+}, f = {
+	poweredBy: "מופעל על ידי",
+	wexio: "Wexio"
+}, p = {
+	mute: "השתקת צלילי התראה",
+	unmute: "הפעלת צלילי התראה"
+}, m = {
+	tableOfContents: "תוכן עניינים",
+	tabFallback: "לשונית {n}"
+}, h = {
+	newMessage: "הודעה חדשה",
+	dismiss: "סגירה",
+	aiAssistant: "עוזר AI",
+	operator: "נציג"
+}, g = {
+	mediaPreview: "תצוגה מקדימה של מדיה",
+	close: "סגירת תצוגה מקדימה",
+	previous: "הקודם",
+	next: "הבא"
+}, _ = {
+	turnstileTitle: "לא הצלחנו לאמת את הדפדפן",
+	turnstileBody: "לא הצלחנו להשלים את בדיקת האבטחה. זו לעיתים בעיית רשת או חוסם פרסומות — נסו שוב או רעננו את הדף.",
+	genericTitle: "לא הצלחנו להתחבר",
+	genericBody: "משהו השתבש במהלך הכניסה. נסו שוב בעוד רגע.",
+	retry: "נסו שוב",
+	dismiss: "סגירה"
+}, v = {
+	title: "הפרופיל שלך",
+	subtitle: "עדכנו את הפרטים שלכם ואת אופן פעולת הווידג'ט.",
+	uploadAvatar: "החלפת תמונה",
+	removeAvatar: "הסרת תמונה",
+	avatarUploading: "מעלה…",
+	preferencesHeading: "העדפות",
+	preferenceLanguage: "שפה",
+	preferenceDesktopNotifications: "התראות שולחן עבודה",
+	preferenceDesktopNotificationsHint: "קבלו התראת מערכת כשהווידג'ט לא במוקד.",
+	preferenceThemeMode: "ערכת נושא",
+	themeAuto: "כמו במערכת",
+	themeLight: "בהירה",
+	themeDark: "כהה",
+	themeLocked: "ערכת הנושא נקבעת על ידי המפעיל.",
+	pinnedHint: "נקבע על ידי המפעיל — לא ניתן לעריכה.",
+	requiredHint: "חובה",
+	invalidEmail: "אנא הזינו כתובת דוא\"ל תקינה.",
+	invalidPhone: "השתמשו בפורמט בינלאומי, למשל +14155552671.",
+	noFields: "אין עדיין מה לערוך כאן.",
+	save: "שמירת שינויים",
+	saving: "שומר…",
+	cancel: "ביטול",
+	saved: "השינויים נשמרו.",
+	loading: "טוען פרופיל…",
+	loadError: "לא הצלחנו לטעון את הפרופיל. נסו שוב.",
+	retry: "ניסיון חוזר",
+	errorFieldNotAllowed: "השדה הזה לא ניתן לעריכה בווידג'ט הזה. נסו לרענן.",
+	errorFieldPinned: "השדה הזה נעול על ידי החשבון שלכם.",
+	errorFieldInvalid: "חלק מהערכים אינם תקינים. בדקו את השדות המודגשים.",
+	errorThemeLocked: "ערכת הנושא נעולה על ידי המפעיל.",
+	errorFeatureDisabled: "עריכת הפרופיל הושבתה על ידי המפעיל.",
+	errorGeneric: "לא הצלחנו לשמור את השינויים. נסו שוב.",
+	notificationsBlocked: "התראות חסומות בדפדפן. עדכנו את הרשאות האתר כדי להפעיל.",
+	notificationsRequest: "אשרו התראות כשהדפדפן יבקש כדי להפעיל את זה.",
+	systemFields: {
+		avatar: "תמונה",
+		wexioId: "Wexio ID",
+		telegramId: "Telegram ID",
+		whatsappId: "WhatsApp ID",
+		viberId: "Viber ID",
+		instagramId: "Instagram ID",
+		optInWhatsapp: "אישור WhatsApp",
+		webVerified: "מבקר מאומת",
+		firstName: "שם פרטי",
+		lastName: "שם משפחה",
+		username: "שם משתמש",
+		language: "שפה",
+		email: "דוא\"ל",
+		phone: "טלפון",
+		company: "חברה",
+		location: "מיקום",
+		isValid: "חשבון תקין",
+		chatStatus: "סטטוס שיחה",
+		chatCategory: "קטגוריית שיחה",
+		priority: "עדיפות",
+		leadSource: "מקור הליד",
+		leadStatus: "סטטוס הליד",
+		interestLevel: "רמת עניין",
+		productInterest: "עניין במוצר",
+		budgetRange: "תקציב",
+		purchaseTimeline: "לוח זמנים לרכישה",
+		lastMessageSentAt: "הודעה אחרונה שנשלחה",
+		lastMessageReceivedAt: "הודעה אחרונה שהתקבלה",
+		lastSeenAt: "ביקור אחרון",
+		firstMessageReceivedAt: "פנייה ראשונה",
+		isBlocked: "חסום",
+		registrationDate: "תאריך הרשמה",
+		aiAvailable: "סיוע AI",
+		totalMessagesSent: "הודעות שנשלחו",
+		totalMessagesReceived: "הודעות שהתקבלו",
+		totalAiMessagesSent: "הודעות AI שנשלחו",
+		totalBotMessagesSent: "הודעות בוט שנשלחו",
+		totalUserMessagesSent: "הודעות נציג שנשלחו",
+		flowCompletionRate: "אחוז השלמת תהליכים",
+		lastFlowCompleted: "תהליך אחרון שהושלם",
+		totalFlowsStarted: "תהליכים שהתחילו",
+		totalFlowsCompleted: "תהליכים שהושלמו"
+	},
+	systemFieldOptions: {
+		chatStatus: {
+			ISSUE: "תקלה",
+			RESOLVED: "טופל",
+			PENDING: "ממתין",
+			IN_PROGRESS: "בתהליך",
+			CLOSED: "סגור"
+		},
+		chatCategory: {
+			SALES: "מכירות",
+			SUPPORT: "תמיכה",
+			BILLING: "חיוב",
+			FEEDBACK: "משוב",
+			GENERAL: "כללי",
+			OTHER: "אחר"
+		},
+		priority: {
+			LOW: "נמוכה",
+			MEDIUM: "בינונית",
+			HIGH: "גבוהה",
+			URGENT: "דחופה"
+		},
+		leadStatus: {
+			NEW: "חדש",
+			CONTACTED: "נוצר קשר",
+			QUALIFIED: "מוכשר",
+			NEGOTIATING: "במשא ומתן",
+			WON: "נסגר בהצלחה",
+			LOST: "אבד"
+		},
+		interestLevel: {
+			LOW: "נמוכה",
+			MEDIUM: "בינונית",
+			HIGH: "גבוהה",
+			VERY_HIGH: "גבוהה מאוד"
+		}
+	}
+}, y = {
+	tabs: n,
+	header: r,
+	launcher: i,
+	home: a,
+	messages: o,
+	prechat: s,
+	help: c,
+	news: l,
+	reactions: u,
+	languageSelector: d,
+	branding: f,
+	sound: p,
+	article: m,
+	peek: h,
+	lightbox: g,
+	authError: _,
+	profile: v
+};
+//#endregion
+export { t as n, y as t };
+
+//# sourceMappingURL=widget-react-D3ZFysG9.js.map

package/dist/widget-react-DAT3UgdW2.js

@@ -0,0 +1,285 @@
+import "react";
+import "react-dom";
+import "react/jsx-runtime";
+import "react-dom/client";
+import { i as e } from "./widget-react-DE7AVrCo.js";
+import { D as t, S as n, f as r, p as i, r as a } from "./widget-react-A2LiLuw0.js";
+import { a as o, c as ee, i as s, l as c, n as l, o as u, r as te, s as d, t as f } from "./widget-react-DxkbC0xE.js";
+import { f as p, g as m, l as h, n as g, r as _, u as v } from "./widget-react-CB6Jxluy.js";
+import { i as y, n as b } from "./widget-react-BxvW64LH.js";
+import { t as x } from "./widget-react-D8TPnM9r.js";
+import { useEffect as S, useMemo as C, useState as w } from "react";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+//#region components/widget/help-article-view/helpers.ts
+function ne(e) {
+	let t = (e) => Array.isArray(e) ? e : [];
+	return {
+		id: String(e._id ?? ""),
+		title: typeof e.title == "string" ? e.title : "",
+		excerpt: typeof e.excerpt == "string" ? e.excerpt : "",
+		content: typeof e.content == "string" ? e.content : "",
+		contentFormat: e.contentFormat === d.HTML ? d.HTML : d.MARKDOWN,
+		authors: t(e.authors).filter((e) => !!e && typeof e == "object").map((e) => ({
+			_id: String(e._id ?? ""),
+			name: typeof e.name == "string" ? e.name : null,
+			photo: e.photo
+		})),
+		tags: t(e.tags).filter((e) => !!e && typeof e == "object").map((e) => ({
+			_id: String(e._id ?? ""),
+			slug: typeof e.slug == "string" ? e.slug : "",
+			label: typeof e.label == "string" ? e.label : ""
+		}))
+	};
+}
+//#endregion
+//#region components/widget/help-article-view/index.tsx
+function D({ slug: b, locale: D, isDummy: k, onHandoff: A, onOpenArticle: j, onOpenTranslation: M, onTitleResolved: N }) {
+	let P = y("help"), F = y("demo"), I = t(), { config: L } = n(), R = L.messenger?.showRelatedHelpArticles ?? !0, z = L.messenger?.showReactionCounts ?? !0, B = x(), [V, H] = w(D), U = o(V, F), W = C(() => {
+		if (k) return null;
+		let e = I.previewData?.helpArticles;
+		return Array.isArray(e) ? e.find((e) => e && typeof e == "object" && e.slug === b) ?? null : null;
+	}, [
+		I.previewData,
+		k,
+		b
+	]), G = !!W, { data: K, loading: q } = _({
+		variables: { args: {
+			slug: b,
+			locale: D
+		} },
+		skip: k || G
+	}), [J] = g(), Y = C(() => k ? p(U).find((e) => e.slug === b) : null, [
+		k,
+		b,
+		U
+	]), X = k ? Y ? {
+		id: Y.id,
+		title: Y.title,
+		excerpt: Y.excerpt,
+		content: Y.contentMarkdown,
+		contentFormat: d.MARKDOWN,
+		authors: Y.authors,
+		tags: Y.tags,
+		reactionCounts: null,
+		locale: V,
+		translations: []
+	} : null : G && W ? {
+		...ne(W),
+		reactionCounts: W.reactionCounts ?? null,
+		locale: D,
+		translations: []
+	} : K?.visitorHelpArticle ? {
+		id: K.visitorHelpArticle._id,
+		title: K.visitorHelpArticle.title,
+		excerpt: K.visitorHelpArticle.excerpt ?? "",
+		content: K.visitorHelpArticle.content,
+		contentFormat: K.visitorHelpArticle.contentFormat,
+		authors: K.visitorHelpArticle.authors,
+		tags: K.visitorHelpArticle.tags,
+		reactionCounts: K.visitorHelpArticle.reactionCounts ?? null,
+		locale: K.visitorHelpArticle.locale,
+		translations: K.visitorHelpArticle.translations
+	} : null, { data: Z } = h({
+		variables: {
+			articleId: X?.id ?? "",
+			limit: 5,
+			locale: D
+		},
+		skip: k || G || !X?.id || !R
+	}), re = C(() => {
+		if (!G || !X?.id) return [];
+		let e = (I.previewData?.helpArticles ?? []).filter((e) => !!e && typeof e == "object"), t = new Set((X.tags ?? []).map((e) => typeof e == "object" && e && "slug" in e ? String(e.slug) : null).filter((e) => !!e)), n = (() => {
+			let e = W;
+			if (!e) return null;
+			let t = e.folderId;
+			if (typeof t == "string") return t;
+			let n = e.folder;
+			if (n && typeof n == "object" && "_id" in n) {
+				let e = n._id;
+				return typeof e == "string" ? e : null;
+			}
+			return null;
+		})();
+		return e.filter((e) => String(e._id ?? "") !== X.id).map((e) => {
+			let r = typeof e.folderId == "string" ? e.folderId : e.folder && typeof e.folder == "object" && "_id" in e.folder ? String(e.folder._id ?? "") : null, i = Array.isArray(e.tags) ? e.tags.map((e) => typeof e == "object" && e && "slug" in e ? String(e.slug) : null).filter((e) => !!e) : [];
+			return {
+				raw: e,
+				score: (n && r === n ? 2 : 0) + i.filter((e) => t.has(e)).length
+			};
+		}).filter((e) => e.score > 0).sort((e, t) => t.score - e.score).slice(0, 5).map(({ raw: e }) => ({
+			_id: String(e._id ?? ""),
+			title: typeof e.title == "string" ? e.title : "",
+			slug: typeof e.slug == "string" ? e.slug : "",
+			excerpt: typeof e.excerpt == "string" ? e.excerpt : null
+		}));
+	}, [
+		G,
+		X,
+		W,
+		I.previewData
+	]), Q = G ? re : Z?.visitorHelpRelated ?? [], ie = k || G ? null : K?.visitorHelpArticle?.viewerReaction ?? null, ae = !k && !G && K?.visitorHelpArticle ? [K.visitorHelpArticle._id, ...(K.visitorHelpArticle.translations ?? []).map((e) => e._id)] : X?.id ? [X.id] : [];
+	S(() => {
+		k || !X?.id || !m() || J({ variables: { articleId: X.id } }).catch(() => {});
+	}, [
+		X?.id,
+		k,
+		J
+	]), u(X?.title, N);
+	let oe = () => A();
+	if (!q && !X) return /* @__PURE__ */ T("div", {
+		className: "flex flex-1 flex-col items-center justify-center px-6 py-12",
+		children: /* @__PURE__ */ T(r, { children: /* @__PURE__ */ T(i, {
+			className: "py-8 text-center",
+			children: /* @__PURE__ */ T("p", {
+				className: "text-sm font-semibold text-wx-fg",
+				children: P("articleNotFound")
+			})
+		}) })
+	});
+	let se = D.split("-")[0].toLowerCase(), $ = X ? X.locale.split("-")[0].toLowerCase() : null;
+	return !k && !G && !L.contentLocaleFallback && $ !== null && $ !== se ? /* @__PURE__ */ T("div", {
+		className: "flex flex-1 flex-col items-center justify-center px-6 py-12",
+		children: /* @__PURE__ */ T(r, { children: /* @__PURE__ */ T(i, {
+			className: "py-8 text-center",
+			children: /* @__PURE__ */ T("p", {
+				className: "text-sm font-semibold text-wx-fg",
+				children: P("articleNotTranslated")
+			})
+		}) })
+	}) : X ? /* @__PURE__ */ T(a, {
+		className: "flex-1",
+		children: /* @__PURE__ */ E("div", {
+			className: "flex flex-col px-5 pt-5 pb-12",
+			children: [
+				/* @__PURE__ */ T("h2", {
+					className: "text-xl leading-tight font-bold text-wx-fg",
+					children: X.title
+				}),
+				X.authors.length > 0 && /* @__PURE__ */ E("p", {
+					className: "mt-2 flex items-center gap-2 text-xs text-wx-fg-muted",
+					children: [/* @__PURE__ */ T("span", {
+						className: "flex -space-x-1.5",
+						children: X.authors.slice(0, 3).map((e) => /* @__PURE__ */ T("span", {
+							className: "h-5 w-5 overflow-hidden rounded-full bg-wx-bg-elevated ring-1 ring-wx-bg",
+							"aria-hidden": "true",
+							children: e.photo?.url ? /* @__PURE__ */ T("img", {
+								src: e.photo.url,
+								alt: "",
+								className: "h-full w-full object-cover"
+							}) : /* @__PURE__ */ T("span", {
+								className: "flex h-full w-full items-center justify-center text-[10px] font-semibold uppercase text-wx-fg-muted",
+								children: (e.name ?? "?").charAt(0)
+							})
+						}, e._id))
+					}), /* @__PURE__ */ T("span", { children: P("writtenBy", { names: X.authors.map((e) => e.name ?? "").filter(Boolean).join(", ") }) })]
+				}),
+				X.tags.length > 0 && /* @__PURE__ */ T("div", {
+					className: "mt-2 flex flex-wrap gap-1",
+					children: X.tags.map((e) => /* @__PURE__ */ T("span", {
+						className: "rounded-full bg-wx-bg-elevated px-2 py-0.5 text-[11px] font-medium text-wx-fg-muted",
+						children: e.label
+					}, e._id))
+				}),
+				X.excerpt && /* @__PURE__ */ T("p", {
+					className: "mt-2 mb-5 text-sm text-wx-fg-muted",
+					children: X.excerpt
+				}),
+				/* @__PURE__ */ T(te, {
+					content: X.content,
+					isHtml: X.contentFormat === d.HTML || c(X.content),
+					markdownMarginClass: "mt-3"
+				}),
+				/* @__PURE__ */ E(v, {
+					type: "button",
+					variant: "solid",
+					size: "lg",
+					className: "mt-6 w-full shrink-0 min-h-12",
+					onClick: oe,
+					...B.parentHandlers,
+					children: [/* @__PURE__ */ T(e, {
+						ref: B.iconRef,
+						size: 16
+					}), /* @__PURE__ */ T("span", { children: P("unresolvedCta") })]
+				}),
+				X.id && /* @__PURE__ */ T(f, {
+					surface: ee.HELP,
+					itemId: X.id,
+					reactionCounts: X.reactionCounts,
+					viewerReaction: ie,
+					groupItemIds: ae,
+					isDummy: k,
+					showCounts: z,
+					className: "mt-4"
+				}),
+				/* @__PURE__ */ T(l, {
+					currentLocale: k ? V : X.locale,
+					locales: k ? [...s] : X.translations.map((e) => e.locale),
+					allowedLocales: k ? void 0 : L.supportedLocales,
+					onSelect: k ? (e) => H(e) : (e) => {
+						let t = X.translations.find((t) => t.locale === e);
+						t && M?.(t.slug, t.locale);
+					},
+					className: "mt-6"
+				}),
+				R && Q.length > 0 && /* @__PURE__ */ E("section", {
+					className: "mt-6",
+					children: [/* @__PURE__ */ T("p", {
+						className: "mb-2 text-xs font-semibold tracking-wide text-wx-fg-muted uppercase",
+						children: P("relatedTitle")
+					}), /* @__PURE__ */ T("ul", {
+						className: "flex flex-col gap-1.5",
+						children: Q.map((e) => /* @__PURE__ */ T("li", { children: /* @__PURE__ */ E("button", {
+							type: "button",
+							onClick: () => j?.(e.slug),
+							className: "flex w-full flex-col items-start gap-0.5 rounded-wx-lg bg-wx-bg-elevated px-3 py-2 text-left transition-colors hover:bg-wx-bg-elevated/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-wx-primary",
+							children: [/* @__PURE__ */ T("span", {
+								className: "block truncate text-sm font-medium text-wx-fg",
+								children: e.title
+							}), e.excerpt && /* @__PURE__ */ T("span", {
+								className: "line-clamp-1 block text-xs text-wx-fg-muted",
+								children: e.excerpt
+							})]
+						}) }, e._id))
+					})]
+				})
+			]
+		})
+	}) : /* @__PURE__ */ T(O, {});
+}
+function O() {
+	return /* @__PURE__ */ T(a, {
+		className: "flex-1",
+		children: /* @__PURE__ */ E("div", {
+			className: "flex flex-col px-5 pt-5 pb-12",
+			"aria-busy": "true",
+			"aria-live": "polite",
+			children: [
+				/* @__PURE__ */ E("div", {
+					className: "animate-pulse space-y-2.5",
+					children: [/* @__PURE__ */ T("div", { className: "h-5 w-3/4 rounded-md bg-wx-bg-elevated" }), /* @__PURE__ */ T("div", { className: "h-5 w-1/2 rounded-md bg-wx-bg-elevated" })]
+				}),
+				/* @__PURE__ */ E("div", {
+					className: "mt-4 flex items-center gap-2 animate-pulse",
+					children: [/* @__PURE__ */ T("div", { className: "h-5 w-5 rounded-full bg-wx-bg-elevated" }), /* @__PURE__ */ T("div", { className: "h-3 w-32 rounded-md bg-wx-bg-elevated" })]
+				}),
+				/* @__PURE__ */ T("div", {
+					className: "mt-6 space-y-2.5 animate-pulse",
+					children: [
+						"w-full",
+						"w-11/12",
+						"w-10/12",
+						"w-full",
+						"w-9/12",
+						"w-full",
+						"w-11/12",
+						"w-7/12"
+					].map((e, t) => /* @__PURE__ */ T("div", { className: b("h-3 rounded-md bg-wx-bg-elevated", e) }, t))
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { D as HelpArticleView };
+
+//# sourceMappingURL=widget-react-DAT3UgdW2.js.map