npm - @burdenoff/microfe-tours - Versions diffs - 2026.625.2 → 2026.626.2 - Mend

@burdenoff/microfe-tours 2026.625.2 → 2026.626.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (25) hide show

package/dist/tours/i18n.js +19 -1
package/dist/tours/i18n.js.map +1 -1
package/dist/tours/pages/AnalyticsDashboardPage.js +43 -41
package/dist/tours/pages/AnalyticsDashboardPage.js.map +1 -1
package/dist/tours/pages/MediaLibraryPage.js +66 -59
package/dist/tours/pages/MediaLibraryPage.js.map +1 -1
package/dist/tours/pages/MyToursPage.js +75 -53
package/dist/tours/pages/MyToursPage.js.map +1 -1
package/dist/tours/pages/MyToursProgressPage.js +81 -74
package/dist/tours/pages/MyToursProgressPage.js.map +1 -1
package/dist/tours/pages/SchedulerPage.js +78 -78
package/dist/tours/pages/SchedulerPage.js.map +1 -1
package/dist/tours/pages/StepEditorPage.js +570 -575
package/dist/tours/pages/StepEditorPage.js.map +1 -1
package/dist/tours/pages/SystemAnalyticsPage.js +128 -118
package/dist/tours/pages/SystemAnalyticsPage.js.map +1 -1
package/dist/tours/pages/TemplateLibraryPage.js +54 -65
package/dist/tours/pages/TemplateLibraryPage.js.map +1 -1
package/dist/tours/pages/TourBuilderPage.js +307 -272
package/dist/tours/pages/TourBuilderPage.js.map +1 -1
package/dist/tours/pages/TourPreviewPage.js +114 -122
package/dist/tours/pages/TourPreviewPage.js.map +1 -1
package/dist/tours/pages/ToursListPage.js +148 -147
package/dist/tours/pages/ToursListPage.js.map +1 -1
package/package.json +2 -2

package/dist/tours/pages/MyToursProgressPage.js CHANGED Viewed

@@ -4,109 +4,116 @@ import { useToursI18n as n } from "../i18n.js";
 import { useEffect as r, useMemo as i, useRef as a } from "react";
 import { CheckCircle2 as o, HelpCircle as s, MinusCircle as c, Play as l } from "lucide-react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { EmphasisPanel as f } from "@burdenoff/fe-libs/ui";
-import { useEventBus as p } from "@burdenoff/fe-libs/shared/events";
+import { EmphasisPanel as f, IllustratedEmptyState as p, PagePurpose as m } from "@burdenoff/fe-libs/ui";
+import { useEventBus as h } from "@burdenoff/fe-libs/shared/events";
 //#region src/tours/pages/MyToursProgressPage.tsx
-function m() {
-	let { tr: m } = n(), { currentUser: g, productId: _, moduleId: v, pageId: y, workspaceId: b } = e(), x = p(), S = a(!1);
+function g() {
+	let { tr: g } = n(), { currentUser: v, productId: y, moduleId: b, pageId: x, workspaceId: S } = e(), C = h(), w = a(!1);
 	r(() => {
-		S.current || (S.current = !0, x.emit("tours.page.viewed", {
+		w.current || (w.current = !0, C.emit("tours.page.viewed", {
 			page: "/tours/progress",
-			productId: _,
-			moduleId: v,
-			pageId: y,
-			workspaceId: b
+			productId: y,
+			moduleId: b,
+			pageId: x,
+			workspaceId: S
 		}));
 	}, [
-		x,
-		_,
-		v,
+		C,
 		y,
-		b
+		b,
+		x,
+		S
 	]);
-	let { data: C, loading: w } = t({
+	let { data: T, loading: E } = t({
 		variables: {
-			userId: g?.id,
+			userId: v?.id,
 			pagination: {
 				limit: 100,
 				offset: 0
 			}
 		},
-		skip: !g?.id,
+		skip: !v?.id,
 		fetchPolicy: "cache-and-network"
-	}), T = i(() => {
+	}), D = i(() => {
 		let e = {
 			IN_PROGRESS: [],
 			COMPLETED: [],
 			SKIPPED: [],
 			OTHER: []
-		}, t = (C?.userTourProgresses ?? []).filter((e) => !(_ && e.tour.productId !== _ || v && e.tour.moduleId && e.tour.moduleId !== v || y && e.tour.pageId && e.tour.pageId !== y));
+		}, t = (T?.userTourProgresses ?? []).filter((e) => !(y && e.tour.productId !== y || b && e.tour.moduleId && e.tour.moduleId !== b || x && e.tour.pageId && e.tour.pageId !== x));
 		for (let n of t) n.status === "COMPLETED" ? e.COMPLETED.push(n) : n.status === "IN_PROGRESS" ? e.IN_PROGRESS.push(n) : n.status === "SKIPPED" || n.status === "DISMISSED" ? e.SKIPPED.push(n) : e.OTHER.push(n);
 		return e;
 	}, [
-		C,
-		_,
-		v,
-		y
-	]);
+		T,
+		y,
+		b,
+		x
+	]), O = D.IN_PROGRESS.length + D.COMPLETED.length + D.SKIPPED.length + D.OTHER.length;
 	return /* @__PURE__ */ d("div", {
 		className: "space-y-4 sm:space-y-6 p-3 sm:p-6",
-		children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h1", {
-			className: "text-xl sm:text-2xl font-bold text-text-primary",
-			children: m("myToursProgress.title")
-		}), /* @__PURE__ */ u("p", {
-			className: "text-sm sm:text-base text-text-secondary",
-			children: m("myToursProgress.subtitle")
-		})] }), w && (C?.userTourProgresses?.length ?? 0) === 0 ? /* @__PURE__ */ u("output", {
-			className: "text-sm text-text-secondary",
-			children: m("myToursProgress.loading")
-		}) : /* @__PURE__ */ d("div", {
-			className: "space-y-6",
-			children: [
-				/* @__PURE__ */ u(f, {
-					className: "p-4 sm:p-5",
-					children: /* @__PURE__ */ u(h, {
-						title: m("myToursProgress.inProgress"),
-						icon: /* @__PURE__ */ u(l, {
+		children: [
+			/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h1", {
+				className: "text-xl sm:text-2xl font-bold text-text-primary",
+				children: g("myToursProgress.title")
+			}), /* @__PURE__ */ u("p", {
+				className: "text-sm sm:text-base text-text-secondary",
+				children: g("myToursProgress.subtitle")
+			})] }),
+			/* @__PURE__ */ u(m, { children: g("myToursProgress.purpose") }),
+			E && (T?.userTourProgresses?.length ?? 0) === 0 ? /* @__PURE__ */ u("output", {
+				className: "text-sm text-text-secondary",
+				children: g("myToursProgress.loading")
+			}) : O === 0 ? /* @__PURE__ */ u(p, {
+				illustration: "empty-data",
+				title: g("myToursProgress.empty")
+			}) : /* @__PURE__ */ d("div", {
+				className: "space-y-6",
+				children: [
+					/* @__PURE__ */ u(f, {
+						className: "p-4 sm:p-5",
+						children: /* @__PURE__ */ u(_, {
+							title: g("myToursProgress.inProgress"),
+							icon: /* @__PURE__ */ u(l, {
+								size: 16,
+								className: "text-warning"
+							}),
+							rows: D.IN_PROGRESS,
+							emptyText: g("myToursProgress.emptyInProgress")
+						})
+					}),
+					/* @__PURE__ */ u(_, {
+						title: g("myToursProgress.completed"),
+						icon: /* @__PURE__ */ u(o, {
 							size: 16,
-							className: "text-warning"
+							className: "text-success"
 						}),
-						rows: T.IN_PROGRESS,
-						emptyText: m("myToursProgress.emptyInProgress")
-					})
-				}),
-				/* @__PURE__ */ u(h, {
-					title: m("myToursProgress.completed"),
-					icon: /* @__PURE__ */ u(o, {
-						size: 16,
-						className: "text-success"
-					}),
-					rows: T.COMPLETED,
-					emptyText: m("myToursProgress.emptyCompleted")
-				}),
-				/* @__PURE__ */ u(h, {
-					title: m("myToursProgress.skipped"),
-					icon: /* @__PURE__ */ u(c, {
-						size: 16,
-						className: "text-text-secondary"
+						rows: D.COMPLETED,
+						emptyText: g("myToursProgress.emptyCompleted")
 					}),
-					rows: T.SKIPPED,
-					emptyText: m("myToursProgress.emptySkipped")
-				}),
-				T.OTHER.length > 0 ? /* @__PURE__ */ u(h, {
-					title: m("myToursProgress.other"),
-					icon: /* @__PURE__ */ u(s, {
-						size: 16,
-						className: "text-text-secondary"
+					/* @__PURE__ */ u(_, {
+						title: g("myToursProgress.skipped"),
+						icon: /* @__PURE__ */ u(c, {
+							size: 16,
+							className: "text-text-secondary"
+						}),
+						rows: D.SKIPPED,
+						emptyText: g("myToursProgress.emptySkipped")
 					}),
-					rows: T.OTHER,
-					emptyText: m("myToursProgress.emptyOther")
-				}) : null
-			]
-		})]
+					D.OTHER.length > 0 ? /* @__PURE__ */ u(_, {
+						title: g("myToursProgress.other"),
+						icon: /* @__PURE__ */ u(s, {
+							size: 16,
+							className: "text-text-secondary"
+						}),
+						rows: D.OTHER,
+						emptyText: g("myToursProgress.emptyOther")
+					}) : null
+				]
+			})
+		]
 	});
 }
-function h({ title: e, icon: t, rows: n, emptyText: r }) {
+function _({ title: e, icon: t, rows: n, emptyText: r }) {
 	return /* @__PURE__ */ d("section", {
 		className: "space-y-2",
 		children: [/* @__PURE__ */ d("h2", {
@@ -145,6 +152,6 @@ function h({ title: e, icon: t, rows: n, emptyText: r }) {
 	});
 }
 //#endregion
-export { m as MyToursProgressPage };
+export { g as MyToursProgressPage };
 //# sourceMappingURL=MyToursProgressPage.js.map

package/dist/tours/pages/MyToursProgressPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MyToursProgressPage.js","names":[],"sources":["../../../src/tours/pages/MyToursProgressPage.tsx"],"sourcesContent":["import { useMemo, useEffect, useRef } from 'react';\nimport { CheckCircle2, HelpCircle, MinusCircle, Play } from 'lucide-react';\nimport { useGetUserTourProgressesQuery } from '../../generated/global-operations';\nimport { useToursContext } from '../providers/ToursProvider';\nimport { useToursI18n } from '../i18n';\nimport { useEventBus } from '@burdenoff/fe-libs/shared/events';\nimport { EmphasisPanel } from '@burdenoff/fe-libs/ui';\n\ntype ProgressGroup = 'IN_PROGRESS' \| 'COMPLETED' \| 'SKIPPED' \| 'OTHER';\n\ntype ProgressRow = {\n id: string;\n status: string;\n tour: { id: string; name: string; productId?: string; moduleId?: string; pageId?: string };\n lastViewedAt?: string \| null;\n};\n\n/*\n MyToursProgressPage — user-facing read-only view of the current user's\n * tour interactions, grouped by status (In progress / Completed / Skipped).\n */\nexport function MyToursProgressPage() {\n const { tr } = useToursI18n();\n const {\n currentUser,\n productId: shellProductId,\n moduleId: shellModuleId,\n pageId: shellPageId,\n workspaceId,\n } = useToursContext();\n const eventBus = useEventBus();\n\n // Emit page view event exactly once per mount. A ref guard keeps the effect\n // semantically mount-only while satisfying exhaustive-deps with the real\n // dependency list, so we don't have to disable the lint rule.\n const pageViewedRef = useRef(false);\n useEffect(() => {\n if (pageViewedRef.current) return;\n pageViewedRef.current = true;\n eventBus.emit('tours.page.viewed', {\n page: '/tours/progress',\n productId: shellProductId,\n moduleId: shellModuleId,\n pageId: shellPageId,\n workspaceId,\n });\n }, [eventBus, shellProductId, shellModuleId, shellPageId, workspaceId]);\n\n const { data, loading } = useGetUserTourProgressesQuery({\n variables: { userId: currentUser?.id, pagination: { limit: 100, offset: 0 } },\n skip: !currentUser?.id,\n fetchPolicy: 'cache-and-network',\n });\n\n const grouped = useMemo(() => {\n const result: Record<ProgressGroup, NonNullable<typeof data>['userTourProgresses']> = {\n IN_PROGRESS: [],\n COMPLETED: [],\n SKIPPED: [],\n OTHER: [],\n };\n // Filter the raw progress list to the shell's product/module/page context\n // so a user's vibecontrols session doesn't see workspaces / bigconsole\n // progress rows. `userTourProgresses` returns everything scoped by userId;\n // this MFE is mounted per-shell so we narrow to what the shell advertises.\n // When the shell didn't supply a filter, the corresponding level is not\n // checked (e.g., no shellModuleId → accept any moduleId).\n const rows = (data?.userTourProgresses ?? []).filter((row: ProgressRow) => {\n if (shellProductId && row.tour.productId !== shellProductId) return false;\n if (shellModuleId && row.tour.moduleId && row.tour.moduleId !== shellModuleId) return false;\n if (shellPageId && row.tour.pageId && row.tour.pageId !== shellPageId) return false;\n return true;\n });\n for (const row of rows) {\n if (row.status === 'COMPLETED') result.COMPLETED.push(row);\n else if (row.status === 'IN_PROGRESS') result.IN_PROGRESS.push(row);\n else if (row.status === 'SKIPPED' \|\| row.status === 'DISMISSED') result.SKIPPED.push(row);\n // Unknown / future status values fall through here so nothing is\n // silently dropped if the backend introduces a new state.\n else result.OTHER.push(row);\n }\n return result;\n }, [data, shellProductId, shellModuleId, shellPageId]);\n\n return (\n <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n <div>\n <h1 className=\"text-xl sm:text-2xl font-bold text-text-primary\">\n {tr('myToursProgress.title')}\n </h1>\n <p className=\"text-sm sm:text-base text-text-secondary\">\n {tr('myToursProgress.subtitle')}\n </p>\n </div>\n\n {loading && (data?.userTourProgresses?.length ?? 0) === 0 ? (\n <output className=\"text-sm text-text-secondary\">{tr('myToursProgress.loading')}</output>\n ) : (\n <div className=\"space-y-6\">\n <EmphasisPanel className=\"p-4 sm:p-5\">\n <ProgressSection\n title={tr('myToursProgress.inProgress')}\n icon={<Play size={16} className=\"text-warning\" />}\n rows={grouped.IN_PROGRESS}\n emptyText={tr('myToursProgress.emptyInProgress')}\n />\n </EmphasisPanel>\n <ProgressSection\n title={tr('myToursProgress.completed')}\n icon={<CheckCircle2 size={16} className=\"text-success\" />}\n rows={grouped.COMPLETED}\n emptyText={tr('myToursProgress.emptyCompleted')}\n />\n <ProgressSection\n title={tr('myToursProgress.skipped')}\n icon={<MinusCircle size={16} className=\"text-text-secondary\" />}\n rows={grouped.SKIPPED}\n emptyText={tr('myToursProgress.emptySkipped')}\n />\n {grouped.OTHER.length > 0 ? (\n <ProgressSection\n title={tr('myToursProgress.other')}\n icon={<HelpCircle size={16} className=\"text-text-secondary\" />}\n rows={grouped.OTHER}\n emptyText={tr('myToursProgress.emptyOther')}\n />\n ) : null}\n </div>\n )}\n </div>\n );\n}\n\nfunction ProgressSection({\n title,\n icon,\n rows,\n emptyText,\n}: {\n title: string;\n icon: React.ReactNode;\n rows: Array<{ id: string; tour: { id: string; name: string }; lastViewedAt?: string \| null }>;\n emptyText: string;\n}) {\n return (\n <section className=\"space-y-2\">\n <h2 className=\"flex items-center gap-2 text-sm font-semibold text-text-primary\">\n {icon}\n {title}\n <span className=\"text-xs text-text-secondary font-normal\">({rows.length})</span>\n </h2>\n {rows.length === 0 ? (\n <p className=\"text-sm text-text-secondary\" role=\"status\" aria-live=\"polite\">\n {emptyText}\n </p>\n ) : (\n <ul className=\"divide-y divide-border-seam rounded-md border border-border-seam\">\n {rows.map((row) => (\n <li key={row.id} className=\"flex items-center justify-between gap-3 p-3\">\n <span className=\"text-sm text-text-primary line-clamp-1\">{row.tour.name}</span>\n {row.lastViewedAt ? (\n <time className=\"text-xs text-text-secondary\" dateTime={row.lastViewedAt}>\n {new Date(row.lastViewedAt).toLocaleDateString()}\n </time>\n ) : null}\n </li>\n ))}\n </ul>\n )}\n </section>\n );\n}\n"],"mappings":";;;;;;;;;AAqBA,SAAgB,IAAsB;CACpC,IAAM,EAAE,UAAO,GAAc,EACvB,EACJ,gBACA,WAAW,GACX,UAAU,GACV,QAAQ,GACR,mBACE,GAAiB,EACf,IAAW,GAAa,EAKxB,IAAgB,EAAO,GAAM;AACnC,SAAgB;AACV,IAAc,YAClB,EAAc,UAAU,IACxB,EAAS,KAAK,qBAAqB;GACjC,MAAM;GACN,WAAW;GACX,UAAU;GACV,QAAQ;GACR;GACD,CAAC;IACD;EAAC;EAAU;EAAgB;EAAe;EAAa;EAAY,CAAC;CAEvE,IAAM,EAAE,SAAM,eAAY,EAA8B;EACtD,WAAW;GAAE,QAAQ,GAAa;GAAI,YAAY;IAAE,OAAO;IAAK,QAAQ;IAAG;GAAE;EAC7E,MAAM,CAAC,GAAa;EACpB,aAAa;EACd,CAAC,EAEI,IAAU,QAAc;EAC5B,IAAM,IAAgF;GACpF,aAAa,EAAE;GACf,WAAW,EAAE;GACb,SAAS,EAAE;GACX,OAAO,EAAE;GACV,EAOK,KAAQ,GAAM,sBAAsB,EAAE,EAAE,QAAQ,MAGpD,EAFI,KAAkB,EAAI,KAAK,cAAc,KACzC,KAAiB,EAAI,KAAK,YAAY,EAAI,KAAK,aAAa,KAC5D,KAAe,EAAI,KAAK,UAAU,EAAI,KAAK,WAAW,GAE1D;AACF,OAAK,IAAM,KAAO,EAChB,CAAI,EAAI,WAAW,cAAa,EAAO,UAAU,KAAK,EAAI,GACjD,EAAI,WAAW,gBAAe,EAAO,YAAY,KAAK,EAAI,GAC1D,EAAI,WAAW,aAAa,EAAI,WAAW,cAAa,EAAO,QAAQ,KAAK,EAAI,GAGpF,EAAO,MAAM,KAAK,EAAI;AAE7B,SAAO;IACN;EAAC;EAAM;EAAgB;EAAe;EAAY,CAAC;~~AAEtD~~,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,~~CACE,~~kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;~~GAAI~~,WAAU;~~aACX~~,EAAG,wBAAwB;~~GACzB~~,CAAA,EACL,kBAAC,KAAD;~~GAAG~~,WAAU;~~aACV~~,EAAG,2BAA2B;~~GAC7B~~,CAAA,CACA,EAAA,CAAA,~~EAEL~~,MAAY,GAAM,oBAAoB,UAAU,OAAO,IACtD,kBAAC,UAAD;~~GAAQ~~,WAAU;~~aAA~~+B,EAAG,0BAA0B;~~GAAU~~,CAAA,~~GAExF~~,kBAAC,OAAD;~~GAAK~~,WAAU;~~aAAf~~;~~IACE~~,kBAAC,GAAD;~~KAAe~~,WAAU;~~eACvB~~,kBAAC,GAAD;~~MACE~~,OAAO,EAAG,6BAA6B;~~MACvC~~,MAAM,kBAAC,GAAD;~~OAAM~~,MAAM;~~OAAI~~,WAAU;~~OAAiB~~,CAAA;~~MACjD~~,MAAM,EAAQ;~~MACd~~,WAAW,EAAG,kCAAkC;~~MAChD~~,CAAA;~~KACY~~,CAAA;~~IAChB~~,kBAAC,GAAD;~~KACE~~,OAAO,EAAG,4BAA4B;~~KACtC~~,MAAM,kBAAC,GAAD;~~MAAc~~,MAAM;~~MAAI~~,WAAU;~~MAAiB~~,CAAA;~~KACzD~~,MAAM,EAAQ;~~KACd~~,WAAW,EAAG,iCAAiC;~~KAC~~/C,CAAA;~~IACF~~,kBAAC,GAAD;~~KACE~~,OAAO,EAAG,0BAA0B;~~KACpC~~,MAAM,kBAAC,GAAD;~~MAAa~~,MAAM;~~MAAI~~,WAAU;~~MAAwB~~,CAAA;~~KAC~~/D,MAAM,EAAQ;~~KACd~~,WAAW,EAAG,+BAA+B;~~KAC7C~~,CAAA;~~IACD~~,EAAQ,MAAM,SAAS,IACtB,kBAAC,GAAD;~~KACE~~,OAAO,EAAG,wBAAwB;~~KAClC~~,MAAM,kBAAC,GAAD;~~MAAY~~,MAAM;~~MAAI~~,WAAU;~~MAAwB~~,CAAA;~~KAC9D~~,MAAM,EAAQ;~~KACd~~,WAAW,EAAG,6BAA6B;~~KAC3C~~,CAAA,GACA;~~IACA;KAEJ~~;;;AAIV,SAAS,EAAgB,EACvB,UACA,SACA,SACA,gBAMC;AACD,QACE,kBAAC,WAAD;EAAS,WAAU;YAAnB,CACE,kBAAC,MAAD;GAAI,WAAU;aAAd;IACG;IACA;IACD,kBAAC,QAAD;KAAM,WAAU;eAAhB;MAA0D;MAAE,EAAK;MAAO;MAAQ;;IAC7E;MACJ,EAAK,WAAW,IACf,kBAAC,KAAD;GAAG,WAAU;GAA8B,MAAK;GAAS,aAAU;aAChE;GACC,CAAA,GAEJ,kBAAC,MAAD;GAAI,WAAU;aACX,EAAK,KAAK,MACT,kBAAC,MAAD;IAAiB,WAAU;cAA3B,CACE,kBAAC,QAAD;KAAM,WAAU;eAA0C,EAAI,KAAK;KAAY,CAAA,EAC9E,EAAI,eACH,kBAAC,QAAD;KAAM,WAAU;KAA8B,UAAU,EAAI;eACzD,IAAI,KAAK,EAAI,aAAa,CAAC,oBAAoB;KAC3C,CAAA,GACL,KACD;MAPI,EAAI,GAOR,CACL;GACC,CAAA,CAEC"}
1	+ {"version":3,"file":"MyToursProgressPage.js","names":[],"sources":["../../../src/tours/pages/MyToursProgressPage.tsx"],"sourcesContent":["import { useMemo, useEffect, useRef } from 'react';\nimport { CheckCircle2, HelpCircle, MinusCircle, Play } from 'lucide-react';\nimport { useGetUserTourProgressesQuery } from '../../generated/global-operations';\nimport { useToursContext } from '../providers/ToursProvider';\nimport { useToursI18n } from '../i18n';\nimport { useEventBus } from '@burdenoff/fe-libs/shared/events';\nimport { EmphasisPanel, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\ntype ProgressGroup = 'IN_PROGRESS' \| 'COMPLETED' \| 'SKIPPED' \| 'OTHER';\n\ntype ProgressRow = {\n id: string;\n status: string;\n tour: { id: string; name: string; productId?: string; moduleId?: string; pageId?: string };\n lastViewedAt?: string \| null;\n};\n\n/*\n MyToursProgressPage — user-facing read-only view of the current user's\n * tour interactions, grouped by status (In progress / Completed / Skipped).\n */\nexport function MyToursProgressPage() {\n const { tr } = useToursI18n();\n const {\n currentUser,\n productId: shellProductId,\n moduleId: shellModuleId,\n pageId: shellPageId,\n workspaceId,\n } = useToursContext();\n const eventBus = useEventBus();\n\n // Emit page view event exactly once per mount. A ref guard keeps the effect\n // semantically mount-only while satisfying exhaustive-deps with the real\n // dependency list, so we don't have to disable the lint rule.\n const pageViewedRef = useRef(false);\n useEffect(() => {\n if (pageViewedRef.current) return;\n pageViewedRef.current = true;\n eventBus.emit('tours.page.viewed', {\n page: '/tours/progress',\n productId: shellProductId,\n moduleId: shellModuleId,\n pageId: shellPageId,\n workspaceId,\n });\n }, [eventBus, shellProductId, shellModuleId, shellPageId, workspaceId]);\n\n const { data, loading } = useGetUserTourProgressesQuery({\n variables: { userId: currentUser?.id, pagination: { limit: 100, offset: 0 } },\n skip: !currentUser?.id,\n fetchPolicy: 'cache-and-network',\n });\n\n const grouped = useMemo(() => {\n const result: Record<ProgressGroup, NonNullable<typeof data>['userTourProgresses']> = {\n IN_PROGRESS: [],\n COMPLETED: [],\n SKIPPED: [],\n OTHER: [],\n };\n // Filter the raw progress list to the shell's product/module/page context\n // so a user's vibecontrols session doesn't see workspaces / bigconsole\n // progress rows. `userTourProgresses` returns everything scoped by userId;\n // this MFE is mounted per-shell so we narrow to what the shell advertises.\n // When the shell didn't supply a filter, the corresponding level is not\n // checked (e.g., no shellModuleId → accept any moduleId).\n const rows = (data?.userTourProgresses ?? []).filter((row: ProgressRow) => {\n if (shellProductId && row.tour.productId !== shellProductId) return false;\n if (shellModuleId && row.tour.moduleId && row.tour.moduleId !== shellModuleId) return false;\n if (shellPageId && row.tour.pageId && row.tour.pageId !== shellPageId) return false;\n return true;\n });\n for (const row of rows) {\n if (row.status === 'COMPLETED') result.COMPLETED.push(row);\n else if (row.status === 'IN_PROGRESS') result.IN_PROGRESS.push(row);\n else if (row.status === 'SKIPPED' \|\| row.status === 'DISMISSED') result.SKIPPED.push(row);\n // Unknown / future status values fall through here so nothing is\n // silently dropped if the backend introduces a new state.\n else result.OTHER.push(row);\n }\n return result;\n }, [data, shellProductId, shellModuleId, shellPageId]);\n\n const totalInContext =\n grouped.IN_PROGRESS.length +\n grouped.COMPLETED.length +\n grouped.SKIPPED.length +\n grouped.OTHER.length;\n\n return (\n <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n <div>\n <h1 className=\"text-xl sm:text-2xl font-bold text-text-primary\">\n {tr('myToursProgress.title')}\n </h1>\n <p className=\"text-sm sm:text-base text-text-secondary\">\n {tr('myToursProgress.subtitle')}\n </p>\n </div>\n\n <PagePurpose>{tr('myToursProgress.purpose')}</PagePurpose>\n\n {loading && (data?.userTourProgresses?.length ?? 0) === 0 ? (\n <output className=\"text-sm text-text-secondary\">{tr('myToursProgress.loading')}</output>\n ) : totalInContext === 0 ? (\n <IllustratedEmptyState illustration=\"empty-data\" title={tr('myToursProgress.empty')} />\n ) : (\n <div className=\"space-y-6\">\n <EmphasisPanel className=\"p-4 sm:p-5\">\n <ProgressSection\n title={tr('myToursProgress.inProgress')}\n icon={<Play size={16} className=\"text-warning\" />}\n rows={grouped.IN_PROGRESS}\n emptyText={tr('myToursProgress.emptyInProgress')}\n />\n </EmphasisPanel>\n <ProgressSection\n title={tr('myToursProgress.completed')}\n icon={<CheckCircle2 size={16} className=\"text-success\" />}\n rows={grouped.COMPLETED}\n emptyText={tr('myToursProgress.emptyCompleted')}\n />\n <ProgressSection\n title={tr('myToursProgress.skipped')}\n icon={<MinusCircle size={16} className=\"text-text-secondary\" />}\n rows={grouped.SKIPPED}\n emptyText={tr('myToursProgress.emptySkipped')}\n />\n {grouped.OTHER.length > 0 ? (\n <ProgressSection\n title={tr('myToursProgress.other')}\n icon={<HelpCircle size={16} className=\"text-text-secondary\" />}\n rows={grouped.OTHER}\n emptyText={tr('myToursProgress.emptyOther')}\n />\n ) : null}\n </div>\n )}\n </div>\n );\n}\n\nfunction ProgressSection({\n title,\n icon,\n rows,\n emptyText,\n}: {\n title: string;\n icon: React.ReactNode;\n rows: Array<{ id: string; tour: { id: string; name: string }; lastViewedAt?: string \| null }>;\n emptyText: string;\n}) {\n return (\n <section className=\"space-y-2\">\n <h2 className=\"flex items-center gap-2 text-sm font-semibold text-text-primary\">\n {icon}\n {title}\n <span className=\"text-xs text-text-secondary font-normal\">({rows.length})</span>\n </h2>\n {rows.length === 0 ? (\n <p className=\"text-sm text-text-secondary\" role=\"status\" aria-live=\"polite\">\n {emptyText}\n </p>\n ) : (\n <ul className=\"divide-y divide-border-seam rounded-md border border-border-seam\">\n {rows.map((row) => (\n <li key={row.id} className=\"flex items-center justify-between gap-3 p-3\">\n <span className=\"text-sm text-text-primary line-clamp-1\">{row.tour.name}</span>\n {row.lastViewedAt ? (\n <time className=\"text-xs text-text-secondary\" dateTime={row.lastViewedAt}>\n {new Date(row.lastViewedAt).toLocaleDateString()}\n </time>\n ) : null}\n </li>\n ))}\n </ul>\n )}\n </section>\n );\n}\n"],"mappings":"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"}

package/dist/tours/pages/SchedulerPage.js CHANGED Viewed

@@ -8,46 +8,46 @@ import { PermissionGate as c } from "@burdenoff/fe-libs/shared/components";
 import { ArrowLeft as l, Calendar as u, Clock as d, Save as f } from "lucide-react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 import { useNavigate as h, useParams as g } from "react-router-dom";
-import { Button as _, GlassCard as v } from "@burdenoff/fe-libs/ui";
-import { useI18n as y } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { useEventBus as b } from "@burdenoff/fe-libs/shared/events";
+import { Button as _, EmphasisPanel as v, GlassCard as y, PagePurpose as b } from "@burdenoff/fe-libs/ui";
+import { useI18n as x } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useEventBus as S } from "@burdenoff/fe-libs/shared/events";
 //#region src/tours/pages/SchedulerPage.tsx
-function x() {
-	let { t: x } = y(), S = o((e, t) => {
-		let n = x(e);
+function C() {
+	let { t: C } = x(), w = o((e, t) => {
+		let n = C(e);
 		return n === e ? t : n;
-	}, [x]), { tourId: C } = g(), w = h(), T = e(), { basePath: E = "/" } = T, D = b(), { hasPermission: O } = r(), k = O(i.TOUR_SCHEDULE_CREATE), A = O(i.TOUR_SCHEDULE_LIST), [j, M] = s({
+	}, [C]), { tourId: T } = g(), E = h(), D = e(), { basePath: O = "/" } = D, k = S(), { hasPermission: A } = r(), j = A(i.TOUR_SCHEDULE_CREATE), M = A(i.TOUR_SCHEDULE_LIST), [N, P] = s({
 		startDate: "",
 		endDate: "",
 		recurrencePattern: "DAILY",
 		timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
 		isActive: !0
-	}), [N, P] = s(!1), [F] = t(), { data: I } = n({
-		variables: { tourId: C },
-		skip: !C || !A
-	}), L = I?.tourSchedules ?? [], R = async (e) => {
-		if (e.preventDefault(), C) {
-			P(!0);
+	}), [F, I] = s(!1), [L] = t(), { data: R } = n({
+		variables: { tourId: T },
+		skip: !T || !M
+	}), z = R?.tourSchedules ?? [], B = async (e) => {
+		if (e.preventDefault(), T) {
+			I(!0);
 			try {
-				let e = j.recurrencePattern === "DAILY" ? "FREQ=DAILY" : j.recurrencePattern === "WEEKLY" ? "FREQ=WEEKLY" : j.recurrencePattern === "MONTHLY" ? "FREQ=MONTHLY" : void 0;
-				await F({
+				let e = N.recurrencePattern === "DAILY" ? "FREQ=DAILY" : N.recurrencePattern === "WEEKLY" ? "FREQ=WEEKLY" : N.recurrencePattern === "MONTHLY" ? "FREQ=MONTHLY" : void 0;
+				await L({
 					variables: { input: {
-						tourId: C,
-						startDate: new Date(j.startDate).toISOString(),
-						endDate: j.endDate ? new Date(j.endDate).toISOString() : void 0,
+						tourId: T,
+						startDate: new Date(N.startDate).toISOString(),
+						endDate: N.endDate ? new Date(N.endDate).toISOString() : void 0,
 						recurrenceRule: e,
-						timezone: j.timezone
+						timezone: N.timezone
 					} },
 					refetchQueries: ["GetTourSchedules"]
-				}), w(`${E}/${C}/edit`);
+				}), E(`${O}/${T}/edit`);
 			} catch {
-				a(D, "schedule.create", T);
+				a(k, "schedule.create", D);
 			} finally {
-				P(!1);
+				I(!1);
 			}
 		}
-	}, z = () => {
-		w(`${E}/${C}/edit`);
+	}, V = () => {
+		E(`${O}/${T}/edit`);
 	};
 	return /* @__PURE__ */ m("div", {
 		className: "space-y-4 sm:space-y-6 p-3 sm:p-6 max-w-3xl mx-auto",
@@ -56,44 +56,44 @@ function x() {
 				className: "flex items-center gap-3 sm:gap-4",
 				children: [/* @__PURE__ */ p("button", {
 					type: "button",
-					onClick: z,
+					onClick: V,
 					className: "p-2 min-h-[44px] min-w-[44px] hover:bg-accent rounded-md",
-					"aria-label": S("tourScheduler.goBack", "Go back"),
+					"aria-label": w("tourScheduler.goBack", "Go back"),
 					children: /* @__PURE__ */ p(l, { size: 20 })
 				}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
 					className: "text-xl sm:text-2xl font-bold",
-					children: S("tourScheduler.title", "Schedule Tour")
+					children: w("tourScheduler.title", "Schedule Tour")
 				}), /* @__PURE__ */ p("p", {
 					className: "text-sm text-text-secondary",
-					children: S("tourScheduler.subtitle", "Configure when this tour should be activated")
+					children: w("tourScheduler.subtitle", "Configure when this tour should be activated")
 				})] })]
 			}),
-			L.length > 0 && /* @__PURE__ */ m(v, {
-				treatment: "plain",
-				className: "p-4 sm:p-6 border-border-seam",
+			/* @__PURE__ */ p(b, { children: w("tourScheduler.purpose", "Decide exactly when this tour goes live and how often it repeats — for example, run an onboarding tour every Monday, or activate a feature-announcement tour for a single launch window. Set a start (and optional end) date plus a recurrence pattern, and the tour will surface to users automatically on schedule.") }),
+			z.length > 0 && /* @__PURE__ */ m(v, {
+				className: "p-4 sm:p-6",
 				children: [/* @__PURE__ */ p("h2", {
 					className: "text-lg font-semibold mb-4",
-					children: S("tourScheduler.existingSchedules", "Existing Schedules")
+					children: w("tourScheduler.existingSchedules", "Existing Schedules")
 				}), /* @__PURE__ */ p("div", {
 					className: "space-y-2",
-					children: L.map((e) => /* @__PURE__ */ m("div", {
+					children: z.map((e) => /* @__PURE__ */ m("div", {
 						className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between p-3 border border-border-seam rounded-md",
 						children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("div", {
 							className: "text-sm font-medium",
-							children: [new Date(e.startDate).toLocaleDateString(), e.endDate ? ` — ${new Date(e.endDate).toLocaleDateString()}` : ` — ${S("tourScheduler.noEndDate", "No end date")}`]
+							children: [new Date(e.startDate).toLocaleDateString(), e.endDate ? ` — ${new Date(e.endDate).toLocaleDateString()}` : ` — ${w("tourScheduler.noEndDate", "No end date")}`]
 						}), /* @__PURE__ */ m("div", {
 							className: "text-xs text-text-secondary",
 							children: [
-								e.recurrenceRule || S("tourScheduler.oneTime", "One-time"),
+								e.recurrenceRule || w("tourScheduler.oneTime", "One-time"),
 								" ·",
 								" ",
 								e.timezone,
-								e.isActive ? ` · ${S("tourScheduler.active", "Active")}` : ` · ${S("tourScheduler.inactive", "Inactive")}`
+								e.isActive ? ` · ${w("tourScheduler.active", "Active")}` : ` · ${w("tourScheduler.inactive", "Inactive")}`
 							]
 						})] }), /* @__PURE__ */ m("div", {
 							className: "text-xs text-text-secondary tabular-nums",
 							children: [
-								S("tourScheduler.runs", "Runs"),
+								w("tourScheduler.runs", "Runs"),
 								": ",
 								e.executionCount
 							]
@@ -102,126 +102,126 @@ function x() {
 				})]
 			}),
 			/* @__PURE__ */ m("form", {
-				onSubmit: R,
+				onSubmit: B,
 				className: "space-y-6",
 				children: [
-					/* @__PURE__ */ m(v, {
+					/* @__PURE__ */ m(y, {
 						treatment: "plain",
 						className: "p-4 sm:p-6 border-border-seam",
 						children: [/* @__PURE__ */ m("h2", {
 							className: "text-lg font-semibold mb-4 flex items-center gap-2",
-							children: [/* @__PURE__ */ p(u, { size: 20 }), S("tourScheduler.sectionDateRange", "Date Range")]
+							children: [/* @__PURE__ */ p(u, { size: 20 }), w("tourScheduler.sectionDateRange", "Date Range")]
 						}), /* @__PURE__ */ m("div", {
 							className: "space-y-4",
 							children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 								htmlFor: "scheduler-start-date",
 								className: "block text-sm font-medium mb-2",
-								children: S("tourScheduler.labelStartDate", "Start Date *")
+								children: w("tourScheduler.labelStartDate", "Start Date *")
 							}), /* @__PURE__ */ p("input", {
 								id: "scheduler-start-date",
 								type: "datetime-local",
-								value: j.startDate,
-								onChange: (e) => M({
-									...j,
+								value: N.startDate,
+								onChange: (e) => P({
+									...N,
 									startDate: e.target.value
 								}),
 								className: "w-full px-3 py-2 min-h-[44px] border border-border-subtle rounded-md bg-bg-surface",
 								required: !0,
-								"aria-label": S("tourScheduler.labelStartDate", "Start Date *")
+								"aria-label": w("tourScheduler.labelStartDate", "Start Date *")
 							})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 								htmlFor: "scheduler-end-date",
 								className: "block text-sm font-medium mb-2",
-								children: S("tourScheduler.labelEndDate", "End Date (Optional)")
+								children: w("tourScheduler.labelEndDate", "End Date (Optional)")
 							}), /* @__PURE__ */ p("input", {
 								id: "scheduler-end-date",
 								type: "datetime-local",
-								value: j.endDate,
-								onChange: (e) => M({
-									...j,
+								value: N.endDate,
+								onChange: (e) => P({
+									...N,
 									endDate: e.target.value
 								}),
 								className: "w-full px-3 py-2 min-h-[44px] border border-border-subtle rounded-md bg-bg-surface",
-								"aria-label": S("tourScheduler.labelEndDate", "End Date (Optional)")
+								"aria-label": w("tourScheduler.labelEndDate", "End Date (Optional)")
 							})] })]
 						})]
 					}),
-					/* @__PURE__ */ m(v, {
+					/* @__PURE__ */ m(y, {
 						treatment: "plain",
 						className: "p-4 sm:p-6 border-border-seam",
 						children: [/* @__PURE__ */ m("h2", {
 							className: "text-lg font-semibold mb-4 flex items-center gap-2",
-							children: [/* @__PURE__ */ p(d, { size: 20 }), S("tourScheduler.sectionRecurrence", "Recurrence")]
+							children: [/* @__PURE__ */ p(d, { size: 20 }), w("tourScheduler.sectionRecurrence", "Recurrence")]
 						}), /* @__PURE__ */ m("div", {
 							className: "space-y-4",
 							children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 								htmlFor: "scheduler-recurrence",
 								className: "block text-sm font-medium mb-2",
-								children: S("tourScheduler.labelRecurrencePattern", "Recurrence Pattern")
+								children: w("tourScheduler.labelRecurrencePattern", "Recurrence Pattern")
 							}), /* @__PURE__ */ m("select", {
 								id: "scheduler-recurrence",
-								value: j.recurrencePattern,
-								onChange: (e) => M({
-									...j,
+								value: N.recurrencePattern,
+								onChange: (e) => P({
+									...N,
 									recurrencePattern: e.target.value
 								}),
 								className: "w-full px-3 py-2 min-h-[44px] border border-border-subtle rounded-md bg-bg-surface",
-								"aria-label": S("tourScheduler.labelRecurrencePattern", "Recurrence Pattern"),
+								"aria-label": w("tourScheduler.labelRecurrencePattern", "Recurrence Pattern"),
 								children: [
 									/* @__PURE__ */ p("option", {
 										value: "DAILY",
-										children: S("tourScheduler.recurrenceDaily", "Daily")
+										children: w("tourScheduler.recurrenceDaily", "Daily")
 									}),
 									/* @__PURE__ */ p("option", {
 										value: "WEEKLY",
-										children: S("tourScheduler.recurrenceWeekly", "Weekly")
+										children: w("tourScheduler.recurrenceWeekly", "Weekly")
 									}),
 									/* @__PURE__ */ p("option", {
 										value: "MONTHLY",
-										children: S("tourScheduler.recurrenceMonthly", "Monthly")
+										children: w("tourScheduler.recurrenceMonthly", "Monthly")
 									}),
 									/* @__PURE__ */ p("option", {
 										value: "CUSTOM",
-										children: S("tourScheduler.recurrenceCustom", "Custom")
+										children: w("tourScheduler.recurrenceCustom", "Custom")
 									})
 								]
 							})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 								htmlFor: "scheduler-timezone",
 								className: "block text-sm font-medium mb-2",
-								children: S("tourScheduler.labelTimezone", "Timezone")
+								children: w("tourScheduler.labelTimezone", "Timezone")
 							}), /* @__PURE__ */ p("input", {
 								id: "scheduler-timezone",
 								type: "text",
-								value: j.timezone,
-								onChange: (e) => M({
-									...j,
+								value: N.timezone,
+								onChange: (e) => P({
+									...N,
 									timezone: e.target.value
 								}),
 								className: "w-full px-3 py-2 min-h-[44px] border border-border-subtle rounded-md bg-bg-surface",
 								readOnly: !0,
-								"aria-label": S("tourScheduler.labelTimezone", "Timezone")
+								"aria-label": w("tourScheduler.labelTimezone", "Timezone")
 							})] })]
 						})]
 					}),
-					/* @__PURE__ */ p(v, {
+					/* @__PURE__ */ p(y, {
 						treatment: "plain",
 						className: "p-4 sm:p-6 border-border-seam",
 						children: /* @__PURE__ */ m("label", {
 							className: "flex items-center gap-3 cursor-pointer",
 							children: [/* @__PURE__ */ p("input", {
 								type: "checkbox",
-								checked: j.isActive,
-								onChange: (e) => M({
-									...j,
+								checked: N.isActive,
+								onChange: (e) => P({
+									...N,
 									isActive: e.target.checked
 								}),
 								className: "size-5 rounded",
-								"aria-label": S("tourScheduler.statusActiveLabel", "Active")
+								"aria-label": w("tourScheduler.statusActiveLabel", "Active")
 							}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("div", {
 								className: "font-medium",
-								children: S("tourScheduler.statusActiveLabel", "Active")
+								children: w("tourScheduler.statusActiveLabel", "Active")
 							}), /* @__PURE__ */ p("div", {
 								className: "text-sm text-text-secondary",
-								children: S("tourScheduler.statusActiveDescription", "Enable this schedule immediately after creation")
+								children: w("tourScheduler.statusActiveDescription", "Enable this schedule immediately after creation")
 							})] })]
 						})
 					}),
@@ -230,16 +230,16 @@ function x() {
 						children: [/* @__PURE__ */ p(_, {
 							type: "button",
 							variant: "outline",
-							onClick: z,
+							onClick: V,
 							className: "flex-1 min-h-[44px]",
-							children: S("tourScheduler.cancel", "Cancel")
+							children: w("tourScheduler.cancel", "Cancel")
 						}), /* @__PURE__ */ p(c, {
 							permission: i.TOUR_SCHEDULE_CREATE,
 							children: /* @__PURE__ */ m(_, {
 								type: "submit",
-								disabled: N || !k,
+								disabled: F || !j,
 								className: "flex-1 min-h-[44px]",
-								children: [/* @__PURE__ */ p(f, { size: 20 }), N ? S("tourScheduler.creating", "Creating...") : S("tourScheduler.createSchedule", "Create Schedule")]
+								children: [/* @__PURE__ */ p(f, { size: 20 }), F ? w("tourScheduler.creating", "Creating...") : w("tourScheduler.createSchedule", "Create Schedule")]
 							})
 						})]
 					})
@@ -249,6 +249,6 @@ function x() {
 	});
 }
 //#endregion
-export { x as SchedulerPage };
+export { C as SchedulerPage };
 //# sourceMappingURL=SchedulerPage.js.map