@phtngyn/cms 0.2.0-beta.7 → 0.3.0

package/studio/chunks/ScheduledPage-C0hqrkr5.js

@@ -0,0 +1,332 @@
+import { ft as e, t } from "./Button-BT3ztSPx.js";
+import { st as n } from "./Search-BEgCe9Aj.js";
+import { a as r, d as i, n as a, r as o } from "./studioContext-I8HozGU1.js";
+import { g as s } from "./useApi-CUWMwLLw-B3Q3g2nf.js";
+import { A as c, B as ee, Ci as l, Cr as u, E as d, In as te, K as f, M as p, N as m, Nn as h, Or as g, R as ne, V as _, fa as v, gn as y, hr as b, k as x, o as S, ui as C } from "./runtime-core.esm-bundler-DKFA9Rep.js";
+import { n as re } from "./overlay-DnqFLZTc.js";
+import { t as ie } from "./DropdownMenu-CA9fB0uZ.js";
+import { t as ae } from "./Badge-BBFs88TI.js";
+import { t as oe } from "./notifications-OKOLc40v.js";
+import { t as se } from "./Alert-D0D24z_a.js";
+import { a as ce } from "./destinations-DPIQVQa6.js";
+import { t as le } from "./Modal-D6hSvxHd.js";
+import { n as ue, t as de } from "./studioQueries-BR-9NT5F.js";
+import { t as fe } from "./StudioPage-ngEIDr5d.js";
+import { n as pe, r as me, t as he } from "./StudioPageToolbar-BwHnqyr6.js";
+import { t as ge } from "./Skeleton-COz8dcrw.js";
+//#region src/app/pages/ScheduledPage.vue?vue&type=script&setup=true&lang.ts
+var _e = { class: "text-xs text-muted" }, ve = ["aria-label"], ye = ["datetime"], be = { class: "mt-1 block text-xs text-muted" }, xe = {
+	key: 0,
+	class: "mb-3 font-medium text-highlighted"
+}, Se = { class: "space-y-2" }, Ce = {
+	key: 1,
+	class: "text-muted"
+}, we = { class: "text-xs text-muted" }, Te = {
+	key: 1,
+	class: "mt-3 max-w-md text-xs leading-5 text-error",
+	role: "alert"
+}, Ee = { class: "text-muted" }, De = { class: "space-y-4" }, w = { class: "text-xs text-muted" }, T = { class: "space-y-2 text-sm" }, E = { class: "font-medium text-highlighted" }, Oe = { class: "ml-2 text-xs text-muted" }, D = /* @__PURE__ */ f({
+	__name: "ScheduledPage",
+	setup(f) {
+		let { t: D, date: ke } = n(), O = r(), k = o(), A = a(), Ae = i().requests, je = oe(), { data: Me, loading: j, error: M, refresh: Ne } = ue(() => de.releases(), []), N = s(), P = d(() => N.query.view === "history"), Pe = d(() => ce("scheduled", { query: N.query }, D)), F = C(""), I = b("searchInput"), L = b("inventory"), { width: Fe } = e(L), R = d(() => Fe.value < 760), z = C(!1), B = C(""), V = d(() => {
+			let e = new Map(A.items.map((e) => [e.id, e]));
+			return Me.value.map((t) => {
+				let n = t.changes.map((t) => ({
+					...t,
+					document: e.get(t.documentId)
+				}));
+				return {
+					...t,
+					label: t.label || D("publication.scheduledPublication"),
+					changes: n
+				};
+			});
+		}), H = C(null), U = C(!1), W = null, G = d(() => V.value.filter((e) => e.status === "pending").sort((e, t) => e.publishAt.localeCompare(t.publishAt))), K = d(() => V.value.filter((e) => e.status === "failed").sort((e, t) => t.publishAt.localeCompare(e.publishAt))), Ie = d(() => V.value.filter((e) => e.status === "completed" || e.status === "cancelled").sort((e, t) => t.publishAt.localeCompare(e.publishAt))), q = d(() => F.value.trim().toLowerCase()), J = d(() => ({
+			pending: D("scheduled-page.scheduled"),
+			failed: D("scheduled-page.failed"),
+			completed: D("scheduled-page.completed"),
+			cancelled: D("scheduled-page.cancelled")
+		})), Y = d(() => (P.value ? Ie.value : [...K.value, ...G.value]).filter((e) => `${e.label} ${e.requestedByName ?? ""} ${e.changes.map((e) => e.document?.title ?? "").join(" ")}`.toLowerCase().includes(q.value))), Le = d(() => [
+			{
+				accessorKey: "publishAt",
+				header: D("scheduled-page.when")
+			},
+			{
+				accessorKey: "label",
+				header: D("scheduled-page.documents")
+			},
+			{
+				accessorKey: "status",
+				header: D("scheduled-page.status")
+			},
+			{
+				accessorKey: "requestedBy",
+				header: D("scheduled-page.scheduled-by-2")
+			},
+			{
+				id: "actions",
+				header: ""
+			}
+		]), Re = d(() => {
+			if (j.value) return D("scheduled-page.loading-schedules-2");
+			if (P.value || q.value) return D("schedules.count", { count: Y.value.length });
+			let e = D("schedules.upcoming", { count: G.value.length });
+			return K.value.length ? D("schedules.summary", {
+				upcoming: e,
+				attention: D("schedules.attention", { count: K.value.length })
+			}) : e;
+		});
+		u(P, () => {
+			F.value = "", z.value || (U.value = !1);
+		});
+		let X = Intl.DateTimeFormat().resolvedOptions().timeZone, Z = (e) => ke(e, {
+			dateStyle: "medium",
+			timeStyle: "short"
+		});
+		function Q() {
+			j.value || Ne().catch(() => {});
+		}
+		function $(e) {
+			W = e.currentTarget instanceof HTMLElement ? e.currentTarget : null;
+		}
+		function ze(e) {
+			B.value = "", H.value = e, U.value = !0;
+		}
+		function Be(e) {
+			let t = W?.isConnected ? W : I.value?.inputRef;
+			t && (e.preventDefault(), t.focus());
+		}
+		async function Ve() {
+			let e = H.value;
+			if (e && !z.value && A.user.role !== "viewer" && e.status === "pending") {
+				z.value = !0, B.value = "";
+				try {
+					await Ae.publication.cancelRelease({ params: { id: e.id } }), U.value = !1, je.add({ title: D("scheduled-page.schedule-cancelled") });
+				} catch (e) {
+					B.value = O(e, D("scheduled-page.could-not-cancel-publication"));
+				} finally {
+					z.value = !1;
+				}
+			}
+		}
+		return (e, n) => {
+			let r = t, i = re, a = se, o = ge, s = te("RouterLink"), u = ae, d = ie, f = me, b = le;
+			return y(), c(fe, {
+				title: Pe.value,
+				summary: Re.value
+			}, {
+				actions: g(() => [_(r, {
+					color: "neutral",
+					variant: "outline",
+					icon: "i-lucide-refresh-cw",
+					label: l(D)("scheduled-page.refresh"),
+					loading: l(j),
+					onClick: Q
+				}, null, 8, ["label", "loading"])]),
+				default: g(() => [
+					_(he, null, {
+						actions: g(() => [x("span", _e, v(P.value ? l(D)("schedules.planned-times", { timeZone: l(X) }) : l(D)("schedules.times", { timeZone: l(X) })), 1)]),
+						default: g(() => [_(i, {
+							ref_key: "searchInput",
+							ref: I,
+							modelValue: F.value,
+							"onUpdate:modelValue": n[0] ||= (e) => F.value = e,
+							icon: "i-lucide-search",
+							placeholder: l(D)("scheduled-page.search-schedules"),
+							"aria-label": l(D)("scheduled-page.search-schedules-2"),
+							class: "w-full sm:max-w-xs"
+						}, null, 8, [
+							"modelValue",
+							"placeholder",
+							"aria-label"
+						]), F.value ? (y(), c(r, {
+							key: 0,
+							label: l(D)("media-view.clear-search"),
+							variant: "ghost",
+							onClick: n[1] ||= (e) => F.value = ""
+						}, null, 8, ["label"])) : p("", !0)]),
+						_: 1
+					}),
+					l(M) ? (y(), c(a, {
+						key: 0,
+						title: l(D)("scheduled-page.schedules-could-not-be-refreshed"),
+						description: l(M),
+						color: "error",
+						role: "alert",
+						actions: [{
+							label: l(k).actions.retry,
+							color: "error",
+							variant: "soft",
+							onClick: Q
+						}]
+					}, null, 8, [
+						"title",
+						"description",
+						"actions"
+					])) : p("", !0),
+					l(j) ? (y(), m("div", {
+						key: 1,
+						class: "space-y-5",
+						"aria-label": l(D)("scheduled-page.loading-schedules")
+					}, [(y(), m(S, null, h(3, (e) => _(o, {
+						key: e,
+						class: "h-24"
+					})), 64))], 8, ve)) : Y.value.length || !l(M) ? (y(), m("div", {
+						key: 2,
+						ref_key: "inventory",
+						ref: L,
+						class: "min-w-0 overflow-hidden rounded-lg border border-default"
+					}, [_(pe, {
+						data: Y.value,
+						columns: Le.value,
+						"get-row-id": (e) => e.id,
+						ui: {
+							thead: R.value ? "hidden" : "block",
+							tr: R.value ? "grid grid-cols-1" : "grid grid-cols-[9rem_minmax(0,1fr)_7rem_9rem_3.5rem]",
+							td: "min-w-0 whitespace-normal align-top"
+						}
+					}, {
+						"publishAt-cell": g(({ row: e }) => [x("time", {
+							datetime: e.original.publishAt,
+							class: "block font-medium text-highlighted"
+						}, v(Z(e.original.publishAt)), 9, ye), x("span", be, v(e.original.status === "failed" ? l(D)("scheduled-page.needs-attention") : e.original.status === "pending" ? l(k).navigation.upcoming : l(D)("scheduled-page.past-schedule")), 1)]),
+						"label-cell": g(({ row: e }) => [
+							e.original.changes.length > 1 ? (y(), m("p", xe, v(e.original.label), 1)) : p("", !0),
+							x("div", Se, [(y(!0), m(S, null, h(e.original.changes, (e) => (y(), m("div", {
+								key: e.documentId,
+								class: "flex flex-wrap items-baseline gap-2"
+							}, [
+								e.document ? (y(), c(s, {
+									key: 0,
+									to: {
+										name: "editor",
+										params: { documentId: e.documentId }
+									},
+									class: "min-w-0 wrap-break-word rounded-sm font-medium text-highlighted hover:underline focus-visible:outline-2 focus-visible:outline-offset-4"
+								}, {
+									default: g(() => [ee(v(e.document.title || l(k).document.untitled), 1)]),
+									_: 2
+								}, 1032, ["to"])) : p("", !0),
+								e.document ? p("", !0) : (y(), m("span", Ce, v(l(D)("scheduled-page.unavailable-document")), 1)),
+								x("span", we, v(e.action === "publish" ? l(k).publication.publish : l(k).publication.takeOffline), 1)
+							]))), 128))]),
+							e.original.failure ? (y(), m("p", Te, v(l(O)(e.original.failure)), 1)) : p("", !0),
+							e.original.status === "failed" && e.original.changes.some((e) => e.document) ? (y(), c(r, {
+								key: 2,
+								label: l(D)("scheduled-page.review-issues"),
+								icon: "i-lucide-arrow-up-right",
+								variant: "ghost",
+								size: "sm",
+								class: "mt-2",
+								to: {
+									name: "editor",
+									params: { documentId: e.original.changes.find((e) => e.document)?.documentId }
+								},
+								"aria-label": l(D)("schedules.review", { name: e.original.label })
+							}, null, 8, [
+								"label",
+								"to",
+								"aria-label"
+							])) : p("", !0)
+						]),
+						"status-cell": g(({ row: e }) => [_(u, {
+							label: J.value[e.original.status],
+							color: e.original.status === "failed" ? "error" : "neutral",
+							variant: "subtle"
+						}, null, 8, ["label", "color"])]),
+						"requestedBy-cell": g(({ row: e }) => [x("span", Ee, v(R.value ? l(D)("schedules.by", { name: e.original.requestedByName || l(D)("scheduled-page.unavailable-author") }) : e.original.requestedByName || l(D)("scheduled-page.unavailable-author")), 1)]),
+						"actions-cell": g(({ row: e }) => [e.original.status === "pending" && l(A).user.role !== "viewer" ? (y(), c(d, {
+							key: 0,
+							items: [{
+								label: l(k).publication.cancelSchedule,
+								icon: "i-lucide-calendar-x",
+								onSelect: () => ze(e.original)
+							}]
+						}, {
+							default: g(() => [_(r, {
+								icon: "i-lucide-ellipsis",
+								variant: "ghost",
+								disabled: z.value,
+								"aria-label": l(D)("schedules.options", { name: e.original.label }),
+								onClick: $,
+								onFocus: $
+							}, null, 8, ["disabled", "aria-label"])]),
+							_: 2
+						}, 1032, ["items"])) : p("", !0)]),
+						empty: g(() => [_(f, {
+							icon: "i-lucide-calendar-clock",
+							title: F.value ? l(D)("scheduled-page.no-schedules-found") : P.value ? l(D)("scheduled-page.no-schedule-history") : l(D)("scheduled-page.nothing-scheduled"),
+							description: F.value ? l(D)("scheduled-page.try-another-document-title-or-person") : P.value ? l(D)("scheduled-page.completed-and-cancelled-schedules-will-appear-here") : l(D)("scheduled-page.schedule-publication-from-a-document-or-a"),
+							variant: "naked"
+						}, {
+							actions: g(() => [F.value ? (y(), c(r, {
+								key: 0,
+								label: l(D)("media-view.clear-search"),
+								variant: "outline",
+								onClick: n[2] ||= (e) => F.value = ""
+							}, null, 8, ["label"])) : (y(), c(r, {
+								key: 1,
+								label: l(D)("scheduled-page.browse-content"),
+								variant: "outline",
+								to: { name: "content" }
+							}, null, 8, ["label"]))]),
+							_: 1
+						}, 8, ["title", "description"])]),
+						_: 1
+					}, 8, [
+						"data",
+						"columns",
+						"get-row-id",
+						"ui"
+					])], 512)) : p("", !0),
+					_(b, {
+						open: U.value,
+						title: l(D)("scheduled-page.cancel-this-schedule"),
+						description: H.value?.changes.length === 1 ? l(D)("scheduled-page.the-planned-change-for-this-page-will") : l(D)("schedules.cancel-many", { count: H.value?.changes.length ?? 0 }),
+						dismissible: !z.value,
+						content: { onCloseAutoFocus: Be },
+						"onUpdate:open": n[4] ||= (e) => !e && !z.value && (U.value = !1),
+						"onAfter:leave": n[5] ||= (e) => !U.value && (H.value = null)
+					}, ne({
+						footer: g(() => [_(r, {
+							color: "neutral",
+							variant: "outline",
+							label: l(D)("scheduled-page.keep-schedule"),
+							disabled: z.value,
+							onClick: n[3] ||= (e) => U.value = !1
+						}, null, 8, ["label", "disabled"]), _(r, {
+							color: "error",
+							variant: "soft",
+							label: l(k).publication.cancelSchedule,
+							loading: z.value,
+							onClick: Ve
+						}, null, 8, ["label", "loading"])]),
+						_: 2
+					}, [H.value ? {
+						name: "body",
+						fn: g(() => [x("div", De, [
+							x("p", w, v(H.value.label) + " · " + v(Z(H.value.publishAt)), 1),
+							x("ul", T, [(y(!0), m(S, null, h(H.value.changes, (e) => (y(), m("li", { key: e.documentId }, [x("span", E, v(e.document ? e.document.title || l(k).document.untitled : l(D)("scheduled-page.unavailable-page")), 1), x("span", Oe, v(e.action === "publish" ? l(k).publication.publish : l(k).publication.takeOffline), 1)]))), 128))]),
+							B.value ? (y(), c(a, {
+								key: 0,
+								description: B.value,
+								color: "error",
+								role: "alert"
+							}, null, 8, ["description"])) : p("", !0)
+						])]),
+						key: "0"
+					} : void 0]), 1032, [
+						"open",
+						"title",
+						"description",
+						"dismissible",
+						"content"
+					])
+				]),
+				_: 1
+			}, 8, ["title", "summary"]);
+		};
+	}
+});
+//#endregion
+export { D as default };