ghost 6.58.0 → 6.59.0

package/core/built/admin/assets/activitypub/settings-pDzybcb3.js

@@ -0,0 +1,315 @@
+import { T as e, _ as t, c as n, d as r, g as i, u as a, v as o, w as s } from "./_react-D4KM8XEu.js";
+import { S as c, t as l } from "./chunk-KS7C4IRE-CnTrsgmM.js";
+import { St as u, Y as d, Z as f, et as p, mt as m, nt as h, tt as g, vt as _, wt as v, yt as y } from "./routes-nHCKlZl-.js";
+import { f as b, m as x, n as S, r as C, t as w, y as T } from "./use-navigate-with-base-path-iCkcbMGk.js";
+import { Z as E } from "./use-activity-pub-queries-DUDEdSdR.js";
+import { a as D, c as O, i as ee } from "./avatar-B0SpBPVL.js";
+import { t as k } from "./edit-profile-VT-piVxq.js";
+//#region ../../node_modules/.pnpm/@radix-ui+react-collection@1.1.11_@types+react-dom@18.3.7_@types+react@18.3.31__@types+_d63a01f8f2419583266dd4480c0aa94b/node_modules/@radix-ui/react-collection/dist/index.mjs
+r();
+var A = c();
+function j(e) {
+	let t = e + "CollectionProvider", [n, r] = O(t), [c, l] = n(t, {
+		collectionRef: { current: null },
+		itemMap: /* @__PURE__ */ new Map()
+	}), u = (e) => {
+		let { scope: t, children: n } = e, r = s(null), i = s(/* @__PURE__ */ new Map()).current;
+		return /* @__PURE__ */ (0, A.jsx)(c, {
+			scope: t,
+			itemMap: i,
+			collectionRef: r,
+			children: n
+		});
+	};
+	u.displayName = t;
+	let d = e + "CollectionSlot", f = b(d), p = a((e, t) => {
+		let { scope: n, children: r } = e, i = x(t, l(d, n).collectionRef);
+		return /* @__PURE__ */ (0, A.jsx)(f, {
+			ref: i,
+			children: r
+		});
+	});
+	p.displayName = d;
+	let m = e + "CollectionItemSlot", h = "data-radix-collection-item", g = b(m), _ = a((e, t) => {
+		let { scope: n, children: r, ...i } = e, a = s(null), c = x(t, a), u = l(m, n);
+		return o(() => (u.itemMap.set(a, {
+			ref: a,
+			...i
+		}), () => void u.itemMap.delete(a))), /* @__PURE__ */ (0, A.jsx)(g, {
+			[h]: "",
+			ref: c,
+			children: r
+		});
+	});
+	_.displayName = m;
+	function v(t) {
+		let n = l(e + "CollectionConsumer", t);
+		return i(() => {
+			let e = n.collectionRef.current;
+			if (!e) return [];
+			let t = Array.from(e.querySelectorAll(`[${h}]`));
+			return Array.from(n.itemMap.values()).sort((e, n) => t.indexOf(e.ref.current) - t.indexOf(n.ref.current));
+		}, [n.collectionRef, n.itemMap]);
+	}
+	return [
+		{
+			Provider: u,
+			Slot: p,
+			ItemSlot: _
+		},
+		v,
+		r
+	];
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@radix-ui+react-direction@1.1.2_@types+react@18.3.31_react@18.3.1/node_modules/@radix-ui/react-direction/dist/index.mjs
+r();
+var M = n(void 0);
+function N(e) {
+	let n = t(M);
+	return e || n || "ltr";
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@radix-ui+react-roving-focus@1.1.14_@types+react-dom@18.3.7_@types+react@18.3.31__@type_a513f2abd288270d6d7328308a8fd3e4/node_modules/@radix-ui/react-roving-focus/dist/index.mjs
+r();
+var P = "rovingFocusGroup.onEntryFocus", te = {
+	bubbles: !1,
+	cancelable: !0
+}, F = "RovingFocusGroup", [I, L, R] = j(F), [z, B] = O(F, [R]), [V, H] = z(F), U = a((e, t) => /* @__PURE__ */ (0, A.jsx)(I.Provider, {
+	scope: e.__scopeRovingFocusGroup,
+	children: /* @__PURE__ */ (0, A.jsx)(I.Slot, {
+		scope: e.__scopeRovingFocusGroup,
+		children: /* @__PURE__ */ (0, A.jsx)(W, {
+			...e,
+			ref: t
+		})
+	})
+}));
+U.displayName = F;
+var W = a((t, n) => {
+	let { __scopeRovingFocusGroup: r, orientation: a, loop: c = !1, dir: l, currentTabStopId: u, defaultCurrentTabStopId: d, onCurrentTabStopIdChange: f, onEntryFocus: p, preventScrollOnEntryFocus: m = !1, ...h } = t, g = s(null), v = x(n, g), b = N(l), [S, C] = _({
+		prop: u,
+		defaultProp: d ?? null,
+		onChange: f,
+		caller: F
+	}), [w, T] = e(!1), E = ee(p), O = L(r), k = s(!1), [j, M] = e(0);
+	return o(() => {
+		let e = g.current;
+		if (e) return e.addEventListener(P, E), () => e.removeEventListener(P, E);
+	}, [E]), /* @__PURE__ */ (0, A.jsx)(V, {
+		scope: r,
+		orientation: a,
+		dir: b,
+		loop: c,
+		currentTabStopId: S,
+		onItemFocus: i((e) => C(e), [C]),
+		onItemShiftTab: i(() => T(!0), []),
+		onFocusableItemAdd: i(() => M((e) => e + 1), []),
+		onFocusableItemRemove: i(() => M((e) => e - 1), []),
+		children: /* @__PURE__ */ (0, A.jsx)(D.div, {
+			tabIndex: w || j === 0 ? -1 : 0,
+			"data-orientation": a,
+			...h,
+			ref: v,
+			style: {
+				outline: "none",
+				...t.style
+			},
+			onMouseDown: y(t.onMouseDown, () => {
+				k.current = !0;
+			}),
+			onFocus: y(t.onFocus, (e) => {
+				let t = !k.current;
+				if (e.target === e.currentTarget && t && !w) {
+					let t = new CustomEvent(P, te);
+					if (e.currentTarget.dispatchEvent(t), !t.defaultPrevented) {
+						let e = O().filter((e) => e.focusable);
+						q([
+							e.find((e) => e.active),
+							e.find((e) => e.id === S),
+							...e
+						].filter(Boolean).map((e) => e.ref.current), m);
+					}
+				}
+				k.current = !1;
+			}),
+			onBlur: y(t.onBlur, () => T(!1))
+		})
+	});
+}), G = "RovingFocusGroupItem", K = a((e, t) => {
+	let { __scopeRovingFocusGroup: n, focusable: r = !0, active: i = !1, tabStopId: a, children: s, ...c } = e, l = m(), u = a || l, d = H(G, n), f = d.currentTabStopId === u, p = L(n), { onFocusableItemAdd: h, onFocusableItemRemove: g, currentTabStopId: _ } = d;
+	return o(() => {
+		if (r) return h(), () => g();
+	}, [
+		r,
+		h,
+		g
+	]), /* @__PURE__ */ (0, A.jsx)(I.ItemSlot, {
+		scope: n,
+		id: u,
+		focusable: r,
+		active: i,
+		children: /* @__PURE__ */ (0, A.jsx)(D.span, {
+			tabIndex: f ? 0 : -1,
+			"data-orientation": d.orientation,
+			...c,
+			ref: t,
+			onMouseDown: y(e.onMouseDown, (e) => {
+				r ? d.onItemFocus(u) : e.preventDefault();
+			}),
+			onFocus: y(e.onFocus, () => d.onItemFocus(u)),
+			onKeyDown: y(e.onKeyDown, (e) => {
+				if (e.key === "Tab" && e.shiftKey) {
+					d.onItemShiftTab();
+					return;
+				}
+				if (e.target !== e.currentTarget) return;
+				let t = ie(e, d.orientation, d.dir);
+				if (t !== void 0) {
+					if (e.metaKey || e.ctrlKey || e.altKey || e.shiftKey) return;
+					e.preventDefault();
+					let n = p().filter((e) => e.focusable).map((e) => e.ref.current);
+					if (t === "last") n.reverse();
+					else if (t === "prev" || t === "next") {
+						t === "prev" && n.reverse();
+						let r = n.indexOf(e.currentTarget);
+						n = d.loop ? ae(n, r + 1) : n.slice(r + 1);
+					}
+					setTimeout(() => q(n));
+				}
+			}),
+			children: typeof s == "function" ? s({
+				isCurrentTabStop: f,
+				hasTabStop: _ != null
+			}) : s
+		})
+	});
+});
+K.displayName = G;
+var ne = {
+	ArrowLeft: "prev",
+	ArrowUp: "prev",
+	ArrowRight: "next",
+	ArrowDown: "next",
+	PageUp: "first",
+	Home: "first",
+	PageDown: "last",
+	End: "last"
+};
+function re(e, t) {
+	return t === "rtl" ? e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e : e;
+}
+function ie(e, t, n) {
+	let r = re(e.key, n);
+	if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(r)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(r))) return ne[r];
+}
+function q(e, t = !1) {
+	let n = document.activeElement;
+	for (let r of e) if (r === n || (r.focus({ preventScroll: t }), document.activeElement !== n)) return;
+}
+function ae(e, t) {
+	return e.map((n, r) => e[(t + r) % e.length]);
+}
+var oe = U, se = K;
+//#endregion
+//#region src/views/preferences/components/settings.tsx
+r();
+var ce = ({ account: t, className: n = "" }) => {
+	let [r, i] = e(!1), a = w();
+	return /* @__PURE__ */ (0, A.jsxs)("div", {
+		className: `flex flex-col ${n}`,
+		children: [
+			/* @__PURE__ */ (0, A.jsx)($, {}),
+			/* @__PURE__ */ (0, A.jsxs)(Q, { children: [/* @__PURE__ */ (0, A.jsxs)(X, { children: [/* @__PURE__ */ (0, A.jsx)(J, { children: "Profile" }), /* @__PURE__ */ (0, A.jsx)(Y, { children: "Edit your profile information and account details" })] }), /* @__PURE__ */ (0, A.jsxs)(d, {
+				open: r,
+				onOpenChange: i,
+				children: [/* @__PURE__ */ (0, A.jsx)(h, { children: /* @__PURE__ */ (0, A.jsx)(Z, { children: /* @__PURE__ */ (0, A.jsx)(C, {
+					variant: "secondary",
+					children: "Edit"
+				}) }) }), /* @__PURE__ */ (0, A.jsxs)(f, {
+					onOpenAutoFocus: (e) => e.preventDefault(),
+					children: [/* @__PURE__ */ (0, A.jsx)(p, { children: /* @__PURE__ */ (0, A.jsx)(g, { children: "Profile settings" }) }), t && /* @__PURE__ */ (0, A.jsx)(k, {
+						account: t,
+						setIsEditingProfile: i
+					})]
+				})]
+			})] }),
+			/* @__PURE__ */ (0, A.jsxs)(Q, {
+				to: "/preferences/handle",
+				withHover: !0,
+				children: [/* @__PURE__ */ (0, A.jsxs)(X, { children: [/* @__PURE__ */ (0, A.jsx)(J, { children: "Social web handle" }), /* @__PURE__ */ (0, A.jsx)(Y, { children: "Set your account username and domain" })] }), /* @__PURE__ */ (0, A.jsx)(Z, {
+					className: "flex items-center gap-2",
+					children: /* @__PURE__ */ (0, A.jsx)(v, { size: 20 })
+				})]
+			}),
+			/* @__PURE__ */ (0, A.jsxs)(Q, {
+				to: "/preferences/moderation",
+				withHover: !0,
+				children: [/* @__PURE__ */ (0, A.jsxs)(X, { children: [/* @__PURE__ */ (0, A.jsx)(J, { children: "Moderation" }), /* @__PURE__ */ (0, A.jsx)(Y, { children: "Manage blocked users and domains" })] }), /* @__PURE__ */ (0, A.jsx)(Z, {
+					className: "flex items-center gap-2",
+					children: /* @__PURE__ */ (0, A.jsx)(v, { size: 20 })
+				})]
+			}),
+			/* @__PURE__ */ (0, A.jsxs)(Q, {
+				withHover: !0,
+				onClick: () => a("/preferences/bluesky-sharing"),
+				children: [/* @__PURE__ */ (0, A.jsxs)(X, { children: [/* @__PURE__ */ (0, A.jsx)(J, { children: "Bluesky sharing" }), /* @__PURE__ */ (0, A.jsx)(Y, { children: "Share content directly on Bluesky" })] }), /* @__PURE__ */ (0, A.jsxs)(Z, {
+					className: "flex items-center gap-2",
+					children: [t?.blueskyEnabled ? /* @__PURE__ */ (0, A.jsx)("span", {
+						className: "font-medium text-black",
+						children: "On"
+					}) : /* @__PURE__ */ (0, A.jsx)("span", { children: "Off" }), /* @__PURE__ */ (0, A.jsx)(v, { size: 20 })]
+				})]
+			}),
+			/* @__PURE__ */ (0, A.jsxs)(Q, {
+				to: "/preferences/move",
+				withHover: !0,
+				children: [/* @__PURE__ */ (0, A.jsxs)(X, { children: [/* @__PURE__ */ (0, A.jsx)(J, { children: "Account migration" }), /* @__PURE__ */ (0, A.jsx)(Y, { children: "Move another social web account to this one" })] }), /* @__PURE__ */ (0, A.jsx)(Z, {
+					className: "flex items-center gap-2",
+					children: /* @__PURE__ */ (0, A.jsx)(v, { size: 20 })
+				})]
+			}),
+			/* @__PURE__ */ (0, A.jsx)($, {}),
+			/* @__PURE__ */ (0, A.jsxs)(Q, {
+				href: "https://ghost.org/help/social-web/",
+				withHover: !0,
+				children: [/* @__PURE__ */ (0, A.jsxs)(X, { children: [/* @__PURE__ */ (0, A.jsx)(J, { children: "Help" }), /* @__PURE__ */ (0, A.jsx)(Y, { children: "Social web guides and support resources" })] }), /* @__PURE__ */ (0, A.jsx)(Z, { children: /* @__PURE__ */ (0, A.jsx)(u, { size: 18 }) })]
+			})
+		]
+	});
+}, J = E, Y = ({ children: e, className: t = "" }) => /* @__PURE__ */ (0, A.jsx)("span", {
+	className: `text-sm text-gray-700 ${t}`,
+	children: e
+}), X = ({ children: e, className: t = "" }) => /* @__PURE__ */ (0, A.jsx)("div", {
+	className: `relative flex flex-col gap-0.5 ${t}`,
+	children: e
+}), Z = ({ children: e, className: t = "" }) => /* @__PURE__ */ (0, A.jsx)("div", {
+	className: `relative text-gray-500 ${t}`,
+	children: e
+}), Q = ({ children: e, className: t = "", withHover: n = !1, to: r, href: i, onClick: a }) => {
+	let o = S(), s = T("flex items-center justify-between py-3 gap-4", n ? "relative cursor-pointer before:absolute before:inset-x-[-16px] before:inset-y-[-1px] before:rounded-md before:bg-gray-50 before:opacity-0 before:transition-opacity before:will-change-[opacity] hover:z-10 hover:cursor-pointer hover:border-b-transparent hover:before:opacity-100 dark:before:bg-gray-950" : "", t), c = r && r.startsWith("/") ? `${o}${r}` : r;
+	return c ? /* @__PURE__ */ (0, A.jsx)(l, {
+		className: s,
+		to: c,
+		children: e
+	}) : i ? /* @__PURE__ */ (0, A.jsx)("a", {
+		className: s,
+		href: i,
+		rel: "noreferrer",
+		target: "_blank",
+		children: e
+	}) : a ? /* @__PURE__ */ (0, A.jsx)("div", {
+		className: s,
+		role: "button",
+		tabIndex: 0,
+		onClick: a,
+		children: e
+	}) : /* @__PURE__ */ (0, A.jsx)("div", {
+		className: s,
+		children: e
+	});
+}, $ = () => /* @__PURE__ */ (0, A.jsx)("hr", { className: "my-3 h-px border-0 bg-gray-200 dark:bg-gray-950" });
+//#endregion
+export { J as a, oe as c, j as d, Q as i, B as l, Y as n, ce as o, X as r, se as s, Z as t, N as u };
+
+//# sourceMappingURL=settings-pDzybcb3.js.map