@phtngyn/cms 0.2.0-beta.8 → 0.3.0

package/studio/chunks/AccountPage-DL3DitDM.js

@@ -0,0 +1,288 @@
+import { nn as e, t } from "./Button-BT3ztSPx.js";
+import { st as n } from "./Search-BEgCe9Aj.js";
+import { n as r, r as i } from "./studioContext-I8HozGU1.js";
+import { A as a, B as o, Ci as s, E as c, K as l, M as u, N as d, Or as f, V as p, Yr as m, fa as h, gn as g, k as _ } from "./runtime-core.esm-bundler-DKFA9Rep.js";
+import { t as v } from "./Select-B50WZMW-.js";
+import { n as y } from "./overlay-DnqFLZTc.js";
+import { t as b } from "./FormField-CgM6l2Yn.js";
+import { t as x } from "./notifications-OKOLc40v.js";
+import { r as S } from "./leaveGuards-D22fTGgr.js";
+import { t as C } from "./Alert-D0D24z_a.js";
+import { n as w } from "./externalRequest-CTzr2nDq.js";
+import { t as T } from "./Modal-D6hSvxHd.js";
+import { t as ee } from "./StudioPage-ngEIDr5d.js";
+import { n as E, t as D } from "./useLeaveConfirmation-_iCSnKEp.js";
+import { t as O } from "./useAcknowledgedDraft-0_c9sWI6.js";
+//#region src/people/useAccountSettings.ts
+var k = {
+	currentPassword: "",
+	newPassword: "",
+	confirmation: ""
+};
+function te(e) {
+	let { t } = n(), i = r(), a = () => i.user.id, o = O({
+		owner: a,
+		source: () => i.user.name,
+		value: (e) => e,
+		fingerprint: (e) => e.trim(),
+		failure: () => t("account.failure")
+	}), s = O({
+		owner: a,
+		source: k,
+		value: (e) => e,
+		failure: () => t("account.failure")
+	}), l = c({
+		get: () => o.draft.value ?? "",
+		set: (e) => o.draft.value = e
+	});
+	function u(e) {
+		return c({
+			get: () => s.draft.value?.[e] ?? "",
+			set: (t) => {
+				s.draft.value && (s.draft.value = {
+					...s.draft.value,
+					[e]: t
+				});
+			}
+		});
+	}
+	let d = u("currentPassword"), f = u("newPassword"), p = u("confirmation"), m = c(() => d.value.length > 0 && f.value.length >= 8 && f.value === p.value && f.value !== d.value), h = c(() => o.dirty.value || s.dirty.value || o.busy.value || s.busy.value), { leaveRequested: g, prepareToLeave: _, decideLeave: v } = D(h, { onDiscard: () => {
+		o.discard(), s.discard();
+	} });
+	S(_);
+	async function y() {
+		l.value.trim() && o.dirty.value && await o.submit("save", async (e) => {
+			let t = e.trim();
+			return await i.updateName(t), t;
+		}, { accepted: () => e(t("account.name-updated")) });
+	}
+	async function b() {
+		m.value && await s.submit("save", async (e) => (await w("/_cms/auth/change-password", {
+			method: "POST",
+			headers: { "content-type": "application/json" },
+			body: JSON.stringify({
+				currentPassword: e.currentPassword,
+				newPassword: e.newPassword,
+				revokeOtherSessions: !0
+			})
+		}), k), { accepted: () => e(t("account.password-changed")) });
+	}
+	return {
+		name: l,
+		currentPassword: d,
+		newPassword: f,
+		confirmation: p,
+		savingName: o.busy,
+		savingPassword: s.busy,
+		profileError: o.error,
+		passwordError: s.error,
+		nameChanged: o.dirty,
+		passwordValid: m,
+		hasUnsavedChanges: h,
+		leaveRequested: g,
+		saveName: y,
+		savePassword: b,
+		prepareToLeave: _,
+		decideLeave: v
+	};
+}
+//#endregion
+//#region src/people/AccountView.vue?vue&type=script&setup=true&lang.ts
+var ne = { class: "border-t border-default" }, A = { class: "text-sm font-medium text-highlighted" }, j = { class: "mt-2 text-sm text-highlighted" }, M = { class: "mt-1 text-xs leading-5 text-muted" }, N = { class: "flex justify-end" }, P = {
+	key: 1,
+	class: "text-sm text-error"
+}, F = { class: "flex justify-end" }, I = { class: "flex w-full justify-end gap-2" }, L = /* @__PURE__ */ l({
+	__name: "AccountView",
+	setup(l, { expose: S }) {
+		let { t: w, preference: D, supportedLanguages: O, setLanguage: k } = n(), L = i(), R = x(), z = r(), B = c(() => [{
+			value: "browser",
+			label: w("language.browser")
+		}, ...O.value.map(({ code: e, label: t }) => ({
+			value: e,
+			label: t
+		}))]), V = c({
+			get: () => D.value ?? "browser",
+			set: (e) => k(e === "browser" ? null : e)
+		}), { name: H, currentPassword: U, newPassword: W, confirmation: G, savingName: K, savingPassword: q, profileError: J, passwordError: Y, nameChanged: X, passwordValid: re, saveName: Z, savePassword: Q, leaveRequested: ie, prepareToLeave: ae, decideLeave: $ } = te((e) => R.add({ title: e }));
+		S({ prepareToLeave: ae });
+		function oe(e) {
+			e || $(!1);
+		}
+		return (n, r) => {
+			let i = v, c = b, l = C, x = y, S = t, D = T;
+			return g(), a(ee, {
+				title: s(L).navigation.account,
+				description: s(w)("account-view.manage-your-profile-and-signin-details")
+			}, {
+				default: f(() => [_("div", ne, [
+					p(E, {
+						stacked: "",
+						title: s(w)("language.title"),
+						description: s(w)("language.description")
+					}, {
+						default: f(() => [p(c, { label: s(w)("language.label") }, {
+							default: f(() => [p(i, {
+								modelValue: V.value,
+								"onUpdate:modelValue": r[0] ||= (e) => V.value = e,
+								items: B.value,
+								"value-key": "value",
+								class: "w-full max-w-xs"
+							}, null, 8, ["modelValue", "items"])]),
+							_: 1
+						}, 8, ["label"])]),
+						_: 1
+					}, 8, ["title", "description"]),
+					p(E, {
+						stacked: "",
+						title: s(w)("account-view.profile"),
+						description: s(w)("account-view.how-your-name-appears-to-your-team")
+					}, {
+						default: f(() => [_("form", {
+							class: "max-w-xl space-y-5",
+							onSubmit: r[2] ||= e((...e) => s(Z) && s(Z)(...e), ["prevent"])
+						}, [
+							s(J) ? (g(), a(l, {
+								key: 0,
+								title: s(w)("account-view.name-could-not-be-saved"),
+								color: "error",
+								description: s(J),
+								role: "alert"
+							}, null, 8, ["title", "description"])) : u("", !0),
+							p(c, {
+								label: s(w)("media-view.name"),
+								required: ""
+							}, {
+								default: f(() => [p(x, {
+									modelValue: s(H),
+									"onUpdate:modelValue": r[1] ||= (e) => m(H) ? H.value = e : null,
+									autocomplete: "name",
+									disabled: s(K),
+									class: "w-full"
+								}, null, 8, ["modelValue", "disabled"])]),
+								_: 1
+							}, 8, ["label"]),
+							_("div", null, [
+								_("p", A, h(s(w)("session-gate.email-address")), 1),
+								_("p", j, h(s(z).user.email), 1),
+								_("p", M, h(s(w)("account-view.used-to-sign-in-email-changes-arent")), 1)
+							]),
+							_("div", N, [p(S, {
+								type: "submit",
+								color: "neutral",
+								loading: s(K),
+								disabled: !s(H).trim() || !s(X)
+							}, {
+								default: f(() => [o(h(s(w)("account-view.save-name")), 1)]),
+								_: 1
+							}, 8, ["loading", "disabled"])])
+						], 32)]),
+						_: 1
+					}, 8, ["title", "description"]),
+					p(E, {
+						stacked: "",
+						title: s(w)("session-gate.password"),
+						description: s(w)("account-view.keep-your-account-secure-with-a-unique")
+					}, {
+						default: f(() => [_("form", {
+							class: "max-w-xl space-y-5",
+							onSubmit: r[6] ||= e((...e) => s(Q) && s(Q)(...e), ["prevent"])
+						}, [
+							s(Y) ? (g(), a(l, {
+								key: 0,
+								title: s(w)("account-view.password-could-not-be-changed"),
+								color: "error",
+								description: s(Y),
+								role: "alert"
+							}, null, 8, ["title", "description"])) : u("", !0),
+							p(c, {
+								label: s(w)("account-view.current-password"),
+								required: ""
+							}, {
+								default: f(() => [p(x, {
+									modelValue: s(U),
+									"onUpdate:modelValue": r[3] ||= (e) => m(U) ? U.value = e : null,
+									type: "password",
+									autocomplete: "current-password",
+									disabled: s(q),
+									class: "w-full"
+								}, null, 8, ["modelValue", "disabled"])]),
+								_: 1
+							}, 8, ["label"]),
+							p(c, {
+								label: s(w)("invitation-gate.new-password"),
+								description: s(w)("session-gate.use-at-least-8-characters"),
+								required: ""
+							}, {
+								default: f(() => [p(x, {
+									modelValue: s(W),
+									"onUpdate:modelValue": r[4] ||= (e) => m(W) ? W.value = e : null,
+									type: "password",
+									autocomplete: "new-password",
+									disabled: s(q),
+									class: "w-full"
+								}, null, 8, ["modelValue", "disabled"])]),
+								_: 1
+							}, 8, ["label", "description"]),
+							p(c, {
+								label: s(w)("account-view.confirm-new-password"),
+								error: s(G) && s(G) !== s(W) ? s(w)("account-view.passwords-do-not-match") : void 0,
+								required: ""
+							}, {
+								default: f(() => [p(x, {
+									modelValue: s(G),
+									"onUpdate:modelValue": r[5] ||= (e) => m(G) ? G.value = e : null,
+									type: "password",
+									autocomplete: "new-password",
+									disabled: s(q),
+									class: "w-full"
+								}, null, 8, ["modelValue", "disabled"])]),
+								_: 1
+							}, 8, ["label", "error"]),
+							s(W) && s(W) === s(U) ? (g(), d("p", P, h(s(w)("account-view.choose-a-different-password-from-your-current")), 1)) : u("", !0),
+							_("div", F, [p(S, {
+								type: "submit",
+								color: "neutral",
+								loading: s(q),
+								disabled: !s(re)
+							}, {
+								default: f(() => [o(h(s(w)("account-view.change-password")), 1)]),
+								_: 1
+							}, 8, ["loading", "disabled"])])
+						], 32)]),
+						_: 1
+					}, 8, ["title", "description"])
+				]), p(D, {
+					open: s(ie),
+					title: s(w)("account-view.leave-without-saving"),
+					description: s(w)("account-view.your-account-changes-have-not-been-saved"),
+					"onUpdate:open": oe
+				}, {
+					footer: f(() => [_("div", I, [p(S, {
+						color: "neutral",
+						variant: "ghost",
+						label: s(w)("account-view.keep-editing"),
+						onClick: r[7] ||= (e) => s($)(!1)
+					}, null, 8, ["label"]), p(S, {
+						color: "error",
+						variant: "soft",
+						label: s(w)("account-view.leave-page"),
+						onClick: r[8] ||= (e) => s($)(!0)
+					}, null, 8, ["label"])])]),
+					_: 1
+				}, 8, [
+					"open",
+					"title",
+					"description"
+				])]),
+				_: 1
+			}, 8, ["title", "description"]);
+		};
+	}
+}), R = /* @__PURE__ */ l({
+	__name: "AccountPage",
+	setup(e) {
+		return (e, t) => (g(), a(L));
+	}
+});
+//#endregion
+export { R as default };