@cardstack/boxel-cli 0.13.0-unstable.4 → 0.13.0-unstable.5

package/bundled-test-harness/assets/profile-settings-modal-CVnNl7Yu.js

@@ -0,0 +1,990 @@
+import "./chunk-Rp0pCe6z.js";
+import { n as decorateMethodV2, r as initializeDeferredDecorator, t as decorateFieldV2 } from "./runtime--fcdnjmJ-BoCBNIsz.js";
+import { cn as formatDistanceToNow } from "./runtime-common-BTaLJEw-.js";
+import { i as v4 } from "./esm-browser-CIYLo70w.js";
+import { t as config } from "./environment-DIUJgBKt.js";
+import { t as getOwner } from "./owner-BT6cj890.js";
+import { Vn as guidFor, wt as setComponentTemplate } from "./cache-DtDz7X5V-Wn8jRDfL.js";
+import { d as action, r as service } from "./service-LFpJ8EEP.js";
+import { H as templateFactory, S as on } from "./index-DaCZcoCY-CgzbilMy.js";
+import { l as didCancel, n as buildTask } from "./async-arrow-runtime-STsj7E8Y.js";
+import { i as fn, o as hash } from "./helper-BHX0HLF2.js";
+import "./modifier-D0EP-FQ7.js";
+import "./component-BJO47HTh.js";
+import { t as Component } from "./dist-CkA1rgqO.js";
+import { n as tracked } from "./tracking-800VJb8b.js";
+import "./template-factory-ds9s0u8l.js";
+import { t as templateOnly } from "./template-only-6nVzLWF-.js";
+import { a as and, c as eq, f as not, it as cn_default, k as formatNumber, o as bool, p as or } from "./helpers-U4_dLjnS.js";
+import { B as BoxelInput, dt as ButtonComponent, ft as LoadingIndicator, j as FieldContainer, st as Avatar } from "./components-Ck24ubaT.js";
+import { E as IconComponent, Q as IconComponent$2, _ as IconComponent$1, r as IconComponent$3 } from "./icons-Ctk-4xDe.js";
+import { r as modifier } from "./dist-nMt-N14r.js";
+import "./internals-BTorg710.js";
+import { i as all, r as timeout } from "./dist-DEVZvbin.js";
+import { t as buildWaiter } from "./dist-CSQ-y1Ft.js";
+import { n as PRETUI_TONES, o as resolveTone } from "./pretui-primitives-CRs8NRm0.js";
+import { t as Button } from "./button-BvYQm_A1.js";
+import { t as VisuallyHidden } from "./visually-hidden-KvpJ_iic.js";
+import { t as isTrustedMessageOrigin } from "./trusted-message-origin-C7kiFszV.js";
+import { t as ModalContainer } from "./modal-container-oiOlcE78.js";
+import { t as perform } from "./perform-g9ba6YNZ.js";
+import { t as keepStyle } from "./keep-style-BE2XHAZs.js";
+import { n as credentialFieldsError, r as credentialFieldsURL, t as CredentialFields } from "./credential-fields-DUoYE2UU.js";
+//#region ../pretui/internal/corner-mark.gts
+var PLACEMENTS = [
+	"top-end",
+	"top-start",
+	"bottom-end",
+	"bottom-start"
+];
+var PLACEMENT_ALIASES = {
+	"top-right": "top-end",
+	"top-left": "top-start",
+	"bottom-right": "bottom-end",
+	"bottom-left": "bottom-start"
+};
+function resolveCorner(value) {
+	let canonical = value ? PLACEMENT_ALIASES[value] ?? value : "top-end";
+	return PLACEMENTS.includes(canonical) ? canonical : "top-end";
+}
+/** A tone's hue as a CSS value — one map for every component that paints a tone as a single colour. */
+var TONE_HUES = {
+	neutral: "var(--muted-foreground)",
+	primary: "var(--primary)",
+	info: "var(--pretui-info)",
+	success: "var(--success)",
+	warning: "var(--warning)",
+	danger: "var(--destructive)",
+	attention: "var(--pretui-attention)"
+};
+function resolveCornerTone(tone, fallback) {
+	return resolveTone(tone, PRETUI_TONES, fallback);
+}
+/**
+* The mark's hue as one custom property, for `keepStyle`; the stylesheet
+* derives the rest. It is written through the CSSOM, never a `style`
+* attribute, which a strict Content Security Policy refuses. A tone the
+* caller passed wins over the same property in the caller's `style`; the
+* component's default tone fills in only when that `style` sets none.
+*/
+function cornerHue(tone, passed) {
+	return [{
+		property: "--pretui-mark-hue",
+		value: TONE_HUES[tone],
+		strength: passed ? "arg" : "default"
+	}];
+}
+var FOCUSABLE = "a[href], button, input, select, textarea, summary, [tabindex]:not([tabindex=\"-1\"])";
+/**
+* Points the first focusable element inside the mark's wrapper at the
+* spoken run with `aria-describedby`, so focusing the control reads its own
+* name and then the mark's meaning ("Messages, button, 3 unread"). Without
+* it the run is a sibling a screen reader only reaches by reading on. The
+* control's existing descriptions are kept; only this id is added and
+* removed.
+*/
+var describesFocusable = modifier((root, [id]) => {
+	if (!id) return;
+	let target = root.querySelector(FOCUSABLE);
+	if (!target) return;
+	let ids = (target.getAttribute("aria-describedby") ?? "").split(/\s+/).filter(Boolean);
+	if (!ids.includes(id)) target.setAttribute("aria-describedby", [...ids, id].join(" "));
+	return () => {
+		let now = (target.getAttribute("aria-describedby") ?? "").split(/\s+/).filter((t) => t && t !== id);
+		if (now.length) target.setAttribute("aria-describedby", now.join(" "));
+		else target.removeAttribute("aria-describedby");
+	};
+});
+//#endregion
+//#region ../pretui/components/badge.gts
+/**
+* The overlay badge MUI, Ant and Mantine ship — the unread 3 on an inbox
+* icon, 99+ on an avatar. shadcn's inline Badge is Chip in Pretui; a dot
+* with no number is Indicator.
+*
+* The visible mark is `aria-hidden`: a bare "3" read in the middle of a
+* button name means nothing. The meaning is a visually hidden run after the
+* child — "3 unread" — and the child's first focusable element points at it
+* with `aria-describedby`, so focusing the control reads its own name and
+* then the count.
+*/
+var Badge = class extends Component {
+	spokenId = guidFor(this) + "-spoken";
+	get describedBy() {
+		return this.spoken ? this.spokenId : void 0;
+	}
+	get tone() {
+		return resolveCornerTone(this.args.tone, "danger");
+	}
+	get max() {
+		return this.args.max ?? 99;
+	}
+	get hasCount() {
+		return typeof this.args.count === "number" && Number.isFinite(this.args.count);
+	}
+	get visible() {
+		if (this.args.invisible) return false;
+		if (this.args.dot) return true;
+		if (!this.hasCount) return true;
+		return this.args.count > 0 || (this.args.showZero ?? false);
+	}
+	get isDot() {
+		return (this.args.dot ?? false) || !this.hasCount;
+	}
+	get display() {
+		let count = this.args.count;
+		return count > this.max ? `${this.max}+` : String(count);
+	}
+	get spoken() {
+		if (!this.visible) return;
+		let words = this.hasCount ? [String(this.args.count)] : [];
+		if (this.args.label) words.push(this.args.label);
+		return words.length ? words.join(" ") : void 0;
+	}
+	get keptStyle() {
+		return cornerHue(this.tone, this.args.tone !== void 0);
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "2ON9YPSr",
+			"block": "[[[11,1],[24,0,\"pretui-badge\"],[16,\"data-placement\",[28,[32,0],[[30,1]],null]],[16,\"data-circular\",[52,[30,2],\"true\",\"false\"]],[24,\"data-test-pretui-badge\",\"\"],[17,3],[24,\"data-scopedcss-364c2d32e3-364236a2cf\",\"\"],[4,[32,1],[[30,0,[\"keptStyle\"]]],null],[4,[32,2],[[30,0,[\"describedBy\"]]],null],[12],[1,\"\\n  \"],[18,4,null],[1,\"\\n\"],[41,[30,0,[\"visible\"]],[[[1,\"    \"],[10,1],[14,0,\"pretui-badge-mark\"],[15,\"data-dot\",[52,[30,0,[\"isDot\"]],\"true\",\"false\"]],[15,\"data-tone\",[30,0,[\"tone\"]]],[14,\"aria-hidden\",\"true\"],[14,\"data-test-pretui-badge-mark\",\"\"],[14,\"data-scopedcss-364c2d32e3-364236a2cf\",\"\"],[12],[41,[51,[30,0,[\"isDot\"]]],[[[1,[30,0,[\"display\"]]]],[]],null],[13],[1,\"\\n\"]],[]],null],[41,[30,0,[\"spoken\"]],[[[1,\"    \"],[8,[32,3],[[16,1,[30,0,[\"spokenId\"]]],[24,\"data-test-pretui-badge-spoken\",\"\"],[24,\"data-scopedcss-364c2d32e3-364236a2cf\",\"\"]],null,[[\"default\"],[[[[1,[30,0,[\"spoken\"]]]],[]]]]],[1,\"\\n\"]],[]],null],[13],[1,\"\\n\"]],[\"@placement\",\"@circular\",\"&attrs\",\"&default\"],[\"if\",\"yield\",\"unless\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/components/badge.gts",
+			"scope": () => [
+				resolveCorner,
+				keepStyle,
+				describesFocusable,
+				VisuallyHidden
+			],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region app/components/matrix/credential-fields.gts
+var INHERITED_PROPERTIES = [
+	"color",
+	"color-scheme",
+	"font-family",
+	"font-size",
+	"font-style",
+	"font-weight",
+	"letter-spacing",
+	"line-height",
+	"text-rendering",
+	"-webkit-font-smoothing"
+];
+function scroller(element) {
+	for (let node = element.parentElement; node; node = node.parentElement) {
+		let { overflowX, overflowY } = getComputedStyle(node);
+		if (/auto|scroll/.test(`${overflowX} ${overflowY}`) && (node.scrollHeight > node.clientHeight || node.scrollWidth > node.clientWidth)) return node;
+	}
+}
+function backdropColor(element) {
+	let scrolling = scroller(element);
+	for (let node = element; node; node = node.parentElement) {
+		let style = getComputedStyle(node);
+		if (style.backgroundImage !== "none") return;
+		let color = style.backgroundColor;
+		let alpha = color.match(/rgba\([^)]*,\s*([\d.]+)\)/)?.[1];
+		if (alpha === void 0) return color;
+		if (Number(alpha) !== 0 || node === scrolling) return;
+	}
+}
+function placeFrame(element, frame) {
+	let { left, top, width, height } = element.getBoundingClientRect();
+	let origin = {
+		x: 0,
+		y: 0
+	};
+	let pixel = 1;
+	let scrolling = scroller(element);
+	if (scrolling) {
+		let box = scrolling.getBoundingClientRect();
+		origin = {
+			x: box.left + scrolling.clientLeft - scrolling.scrollLeft,
+			y: box.top + scrolling.clientTop - scrolling.scrollTop
+		};
+		pixel = 1 / (window.devicePixelRatio || 1);
+	}
+	let part = (position) => position - Math.floor(position / pixel) * pixel;
+	let offset = {
+		x: part(left - origin.x),
+		y: part(top - origin.y)
+	};
+	frame.style.left = `${-offset.x}px`;
+	frame.style.top = `${-offset.y}px`;
+	frame.style.width = `${Math.ceil(width + offset.x)}px`;
+	frame.style.height = `${Math.ceil(height + offset.y)}px`;
+	return {
+		offset,
+		width
+	};
+}
+var FRAME_WAIT_LIMITS = {
+	readyMs: 2e4,
+	loadMs: 15e3
+};
+var loadWaiter = buildWaiter("credential-fields:load");
+var CredentialFieldsFrame = class extends Component {
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "lGQIHgO6",
+			"block": "[[[11,0],[16,0,[29,[\"credential-fields credential-fields--\",[30,1]]]],[16,\"data-test-credential-fields\",[30,1]],[17,2],[24,\"data-scopedcss-cc21998a3e-6f984dfbbc\",\"\"],[4,[30,0,[\"connectFrame\"]],null,null],[12],[1,\"\\n  \"],[10,\"iframe\"],[14,0,\"credential-fields-frame\"],[15,\"src\",[30,0,[\"src\"]]],[14,\"title\",\"Password fields\"],[14,\"referrerpolicy\",\"no-referrer\"],[15,\"data-test-credential-fields-frame\",[30,1]],[14,\"data-scopedcss-cc21998a3e-6f984dfbbc\",\"\"],[12],[13],[1,\"\\n\"],[13],[1,\"\\n\"]],[\"@form\",\"&attrs\"],[]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/matrix/credential-fields.gts",
+			"isStrictMode": true
+		}), this);
+	}
+	get src() {
+		return credentialFieldsURL(config.secureOriginURL, this.args.form, window.location.origin);
+	}
+	connectFrame = modifier((element) => {
+		let fields = this.args.fields;
+		let frame = element.querySelector("iframe");
+		let secureOrigin = new URL(config.secureOriginURL).origin;
+		let requested;
+		let loadToken = loadWaiter.beginAsync();
+		let endLoadWait = () => {
+			if (loadToken) {
+				loadWaiter.endAsync(loadToken);
+				loadToken = void 0;
+			}
+		};
+		let loadTimer = setTimeout(endLoadWait, FRAME_WAIT_LIMITS.loadMs);
+		let reloadFrame = () => {
+			if (requested) return;
+			let src = frame.src;
+			frame.addEventListener("load", () => {
+				frame.src = src;
+			}, { once: true });
+			frame.src = "about:blank";
+		};
+		let readyTimer = setTimeout(reloadFrame, FRAME_WAIT_LIMITS.readyMs);
+		let post = (message) => frame.contentWindow?.postMessage(message, secureOrigin);
+		let sendStyle = () => {
+			if (!requested || !element.isConnected) return;
+			let computed = getComputedStyle(element);
+			post({
+				type: "style",
+				properties: Object.fromEntries(requested.map((name) => [name, computed.getPropertyValue(name)])),
+				inherited: Object.fromEntries(INHERITED_PROPERTIES.map((name) => [name, computed.getPropertyValue(name)])),
+				backdrop: backdropColor(element),
+				...placeFrame(element, frame)
+			});
+		};
+		let onMessage = (event) => {
+			if (!event.isTrusted || event.source !== frame.contentWindow || !isTrustedMessageOrigin(event.origin, config.secureOriginURL)) return;
+			let message = event.data;
+			if (!message || typeof message !== "object") return;
+			switch (message.type) {
+				case "ready":
+					clearTimeout(readyTimer);
+					requested = Array.isArray(message.properties) ? message.properties.filter((name) => typeof name === "string" && name.startsWith("--")) : [];
+					sendStyle();
+					fields.connect({ post });
+					break;
+				case "size":
+					element.style.height = `${Math.max(0, Number(message.height) || 0)}px`;
+					sendStyle();
+					if (requested) endLoadWait();
+					break;
+				default: fields.receive(message);
+			}
+		};
+		window.addEventListener("message", onMessage);
+		let resizeObserver = new ResizeObserver(sendStyle);
+		resizeObserver.observe(element);
+		window.addEventListener("resize", sendStyle);
+		let onStylesheetLoad = (event) => {
+			if (event.target instanceof HTMLLinkElement && event.target.rel === "stylesheet") sendStyle();
+		};
+		document.addEventListener("load", onStylesheetLoad, true);
+		return () => {
+			window.removeEventListener("message", onMessage);
+			resizeObserver.disconnect();
+			window.removeEventListener("resize", sendStyle);
+			document.removeEventListener("load", onStylesheetLoad, true);
+			clearTimeout(loadTimer);
+			clearTimeout(readyTimer);
+			endLoadWait();
+			fields.disconnect();
+		};
+	});
+};
+//#endregion
+//#region app/components/with-subscription-data.gts
+function formatLocalTimestamp(date) {
+	return new Intl.DateTimeFormat(void 0, {
+		year: "numeric",
+		month: "2-digit",
+		day: "2-digit",
+		hour: "numeric",
+		minute: "2-digit",
+		timeZoneName: "short"
+	}).format(date);
+}
+var Value = setComponentTemplate(templateFactory({
+	"id": "outaMacz",
+	"block": "[[[10,1],[15,0,[28,[32,0],[\"value\"],[[\"out-of-credit\"],[[30,1]]]]],[15,\"data-test-subscription-data\",[30,2]],[14,\"data-scopedcss-778f614660-2b875dc8d1\",\"\"],[12],[41,[30,3],[[[1,\"\\n    \"],[8,[32,1],[[24,\"data-scopedcss-778f614660-2b875dc8d1\",\"\"]],null,null],[1,\"\\n\"]],[]],[[[41,[30,4],[[[1,\"      \"],[8,[32,2],[[24,\"width\",\"16px\"],[24,\"height\",\"16px\"],[24,\"data-scopedcss-778f614660-2b875dc8d1\",\"\"]],null,null],[1,\"\\n\"]],[]],null],[1,\"    \"],[1,[30,5]],[1,\"\\n  \"]],[]]],[13],[1,\"\\n\"]],[\"@isOutOfCredit\",\"@tag\",\"@isLoading\",\"@displayCreditIcon\",\"@value\"],[\"if\"]]",
+	"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/with-subscription-data.gts",
+	"scope": () => [
+		cn_default,
+		LoadingIndicator,
+		IconComponent
+	],
+	"isStrictMode": true
+}), templateOnly());
+var WithSubscriptionData = class extends Component {
+	static {
+		decorateFieldV2(this.prototype, "billingService", [service]);
+	}
+	#billingService = (initializeDeferredDecorator(this, "billingService"), void 0);
+	constructor(...args) {
+		super(...args);
+		this.loadSubscriptionData.perform().catch((e) => {
+			if (didCancel(e)) return;
+			console.error("Failed to load subscription data", e);
+		});
+	}
+	get isLoading() {
+		return this.billingService.loadingSubscriptionData;
+	}
+	get plan() {
+		return this.billingService.subscriptionData?.plan;
+	}
+	get creditsIncludedInPlanAllowance() {
+		return this.billingService.subscriptionData?.creditsIncludedInPlanAllowance;
+	}
+	get creditsAvailableInPlanAllowance() {
+		return this.billingService.subscriptionData?.creditsAvailableInPlanAllowance;
+	}
+	get extraCreditsAvailableInBalance() {
+		return this.billingService.subscriptionData?.extraCreditsAvailableInBalance;
+	}
+	get lowCreditThreshold() {
+		return this.billingService.subscriptionData?.lowCreditThreshold ?? null;
+	}
+	get lastDailyCreditGrantAt() {
+		return this.billingService.subscriptionData?.lastDailyCreditGrantAt;
+	}
+	get nextDailyCreditGrantAt() {
+		return this.billingService.subscriptionData?.nextDailyCreditGrantAt;
+	}
+	get dailyCreditGrantCount() {
+		return this.billingService.subscriptionData?.dailyCreditGrantCount ?? 0;
+	}
+	get monthlyCreditText() {
+		return this.creditsAvailableInPlanAllowance != null && this.creditsIncludedInPlanAllowance != null ? `${formatNumber(this.creditsAvailableInPlanAllowance, { size: "short" })} of ${formatNumber(this.creditsIncludedInPlanAllowance, { size: "short" })} left` : "Not available on Free plan";
+	}
+	get isOutOfCredit() {
+		return this.isOutOfPlanCreditAllowance && (this.extraCreditsAvailableInBalance == null || this.extraCreditsAvailableInBalance == 0);
+	}
+	get isOutOfPlanCreditAllowance() {
+		return this.creditsAvailableInPlanAllowance == null || this.creditsIncludedInPlanAllowance == null || this.creditsAvailableInPlanAllowance <= 0;
+	}
+	get dailyGrantNote() {
+		if (this.isLoading || this.lowCreditThreshold == null) return null;
+		if (this.billingService.availableCredits < this.lowCreditThreshold) {
+			if (!this.nextDailyCreditGrantAt) return null;
+			let distance = formatDistanceToNow(/* @__PURE__ */ new Date(this.nextDailyCreditGrantAt * 1e3));
+			let timestampLocal = formatLocalTimestamp(/* @__PURE__ */ new Date(this.nextDailyCreditGrantAt * 1e3));
+			return [`Next free credit daily grant will top up your balance to ${formatNumber(this.lowCreditThreshold, { size: "short" })} credits in ${distance} (${timestampLocal}).`];
+		}
+		if (!this.lastDailyCreditGrantAt) return null;
+		let distance = formatDistanceToNow(/* @__PURE__ */ new Date(this.lastDailyCreditGrantAt * 1e3), { addSuffix: true });
+		let timestampLastDailyCreditGrant = formatLocalTimestamp(/* @__PURE__ */ new Date(this.lastDailyCreditGrantAt * 1e3));
+		let thresholdAmount = formatNumber(this.lowCreditThreshold, { size: "short" });
+		return [this.dailyCreditGrantCount > 1 ? `We topped up your account to ${thresholdAmount} credits since you were getting low.` : `We topped up your account to ${thresholdAmount} credits.`, `Last daily credits grant: ${distance} (${timestampLastDailyCreditGrant})`];
+	}
+	loadSubscriptionData = buildTask(() => ({
+		context: this,
+		generator: function* () {
+			yield this.billingService.loadSubscriptionData();
+		}
+	}), null, "loadSubscriptionData", null);
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "IOne4RSN",
+			"block": "[[[18,1,[[28,[32,0],null,[[\"plan\",\"monthlyCredit\",\"additionalCredit\",\"dailyGrantNote\",\"isOutOfCredit\",\"isLoading\"],[[50,[32,1],0,null,[[\"tag\",\"value\",\"isLoading\",\"isOutOfCredit\",\"displayCreditIcon\"],[\"plan\",[30,0,[\"plan\"]],[30,0,[\"isLoading\"]],false,false]]],[50,[32,1],0,null,[[\"tag\",\"value\",\"isLoading\",\"isOutOfCredit\",\"displayCreditIcon\"],[\"monthly-credit\",[30,0,[\"monthlyCreditText\"]],[30,0,[\"isLoading\"]],[30,0,[\"isOutOfPlanCreditAllowance\"]],true]]],[50,[32,1],0,null,[[\"tag\",\"value\",\"isLoading\",\"isOutOfCredit\",\"displayCreditIcon\"],[\"additional-credit\",[28,[32,2],[[30,0,[\"extraCreditsAvailableInBalance\"]]],[[\"size\"],[\"short\"]]],[30,0,[\"isLoading\"]],[30,0,[\"isOutOfCredit\"]],true]]],[30,0,[\"dailyGrantNote\"]],[30,0,[\"isOutOfCredit\"]],[30,0,[\"isLoading\"]]]]]]]],[\"&default\"],[\"yield\",\"component\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/with-subscription-data.gts",
+			"scope": () => [
+				hash,
+				Value,
+				formatNumber
+			],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region app/components/operator-mode/profile-info-popover.gts
+var ProfileInfoPopover = class extends Component {
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "A/1F+cQe",
+			"block": "[[[1,\"\\n\\n\"],[11,0],[24,0,\"profile-popover\"],[24,\"data-test-profile-popover\",\"\"],[17,1],[24,\"data-scopedcss-93735025b7-86abc53758\",\"\"],[12],[1,\"\\n  \"],[10,\"header\"],[14,0,\"header\"],[14,\"data-scopedcss-93735025b7-86abc53758\",\"\"],[12],[1,\"\\n    \"],[8,[32,0],[[24,\"data-test-settings-button\",\"\"],[24,\"data-scopedcss-93735025b7-86abc53758\",\"\"],[4,[32,1],[\"click\",[30,2]],null]],[[\"@kind\",\"@size\"],[\"secondary-light\",\"small\"]],[[\"default\"],[[[[1,\"\\n      Settings\\n    \"]],[]]]]],[1,\"\\n\\n    \"],[8,[32,0],[[24,\"data-test-signout-button\",\"\"],[24,\"data-scopedcss-93735025b7-86abc53758\",\"\"],[4,[32,1],[\"click\",[30,0,[\"logout\"]]],null]],[[\"@kind\",\"@size\"],[\"primary-dark\",\"small\"]],[[\"default\"],[[[[1,\"\\n      Sign Out\\n    \"]],[]]]]],[1,\"\\n  \"],[13],[1,\"\\n\\n  \"],[8,[32,2],[[24,\"data-scopedcss-93735025b7-86abc53758\",\"\"]],null,null],[1,\"\\n  \"],[8,[32,3],[[24,0,\"api-keys-item\"],[16,\"data-test-profile-api-keys-badge\",[52,[30,0,[\"keyNotices\",\"unread\"]],[30,0,[\"keyNotices\",\"unread\"]]]],[24,\"data-scopedcss-93735025b7-86abc53758\",\"\"]],[[\"@count\",\"@label\"],[[30,0,[\"keyNotices\",\"unread\"]],\"unseen key notices\"]],[[\"default\"],[[[[1,\"\\n    \"],[8,[32,4],[[24,0,\"api-keys-button\"],[24,\"data-test-profile-api-keys-button\",\"\"],[24,\"data-scopedcss-93735025b7-86abc53758\",\"\"],[4,[32,1],[\"click\",[30,0,[\"keyNotices\",\"openKeys\"]]],null]],[[\"@tone\",\"@appearance\"],[\"neutral\",\"outlined\"]],[[\"default\"],[[[[1,\"API Keys\"]],[]]]]],[1,\"\\n  \"]],[]]]]],[1,\"\\n  \"],[8,[32,5],[[24,\"data-scopedcss-93735025b7-86abc53758\",\"\"]],null,[[\"default\"],[[[[1,\"\\n    \"],[10,0],[14,0,\"credit-info\"],[14,\"data-test-credit-info\",\"\"],[14,\"data-scopedcss-93735025b7-86abc53758\",\"\"],[12],[1,\"\\n      \"],[10,0],[14,0,\"info-group\"],[14,\"data-scopedcss-93735025b7-86abc53758\",\"\"],[12],[1,\"\\n        \"],[10,1],[14,0,\"label\"],[14,\"data-scopedcss-93735025b7-86abc53758\",\"\"],[12],[1,\"Membership Tier\"],[13],[1,\"\\n        \"],[1,[30,3,[\"plan\"]]],[1,\"\\n      \"],[13],[1,\"\\n\\n      \"],[8,[32,0],[[24,\"data-test-upgrade-plan-button\",\"\"],[24,\"data-scopedcss-93735025b7-86abc53758\",\"\"],[4,[32,1],[\"click\",[30,4]],null]],[[\"@kind\",\"@size\"],[\"primary-dark\",\"small\"]],[[\"default\"],[[[[1,\"Upgrade Plan\"]],[]]]]],[1,\"\\n\\n      \"],[10,0],[14,0,\"info-group\"],[14,\"data-scopedcss-93735025b7-86abc53758\",\"\"],[12],[1,\"\\n        \"],[10,1],[14,0,\"label\"],[14,\"data-scopedcss-93735025b7-86abc53758\",\"\"],[12],[1,\"Monthly Credit\"],[13],[1,\"\\n        \"],[1,[30,3,[\"monthlyCredit\"]]],[1,\"\\n      \"],[13],[1,\"\\n      \"],[10,0],[14,0,\"info-group additional-credit\"],[14,\"data-scopedcss-93735025b7-86abc53758\",\"\"],[12],[1,\"\\n        \"],[10,1],[14,0,\"label\"],[14,\"data-scopedcss-93735025b7-86abc53758\",\"\"],[12],[1,\"Extra Credit\"],[13],[1,\"\\n        \"],[1,[30,3,[\"additionalCredit\"]]],[1,\"\\n      \"],[13],[1,\"\\n\"],[41,[30,3,[\"dailyGrantNote\"]],[[[1,\"        \"],[10,0],[14,0,\"daily-grant-note\"],[14,\"data-test-daily-grant-note\",\"\"],[14,\"data-scopedcss-93735025b7-86abc53758\",\"\"],[12],[1,\"\\n\"],[42,[28,[31,2],[[28,[31,2],[[30,3,[\"dailyGrantNote\"]]],null]],null],null,[[[1,\"            \"],[10,0],[14,\"data-scopedcss-93735025b7-86abc53758\",\"\"],[12],[1,[30,5]],[13],[1,\"\\n\"]],[5]],null],[1,\"        \"],[13],[1,\"\\n\"]],[]],null],[1,\"      \"],[10,0],[15,0,[28,[32,6],[\"buy-more-credits\"],[[\"out-of-credit\"],[[30,3,[\"isOutOfCredit\"]]]]]],[14,\"data-test-buy-more-credits\",\"\"],[14,\"data-scopedcss-93735025b7-86abc53758\",\"\"],[12],[1,\"\\n        \"],[8,[32,0],[[24,\"data-scopedcss-93735025b7-86abc53758\",\"\"],[4,[32,1],[\"click\",[30,2]],null]],[[\"@kind\",\"@size\"],[[52,[30,3,[\"isOutOfCredit\"]],\"primary\",\"secondary-light\"],[52,[30,3,[\"isOutOfCredit\"]],\"base\",\"small\"]]],[[\"default\"],[[[[1,\"Buy more credits\"]],[]]]]],[1,\"\\n      \"],[13],[1,\"\\n    \"],[13],[1,\"\\n  \"]],[3]]]]],[1,\"\\n\"],[13]],[\"&attrs\",\"@toggleProfileSettings\",\"subscriptionData\",\"@toggleSubscriptionPlans\",\"line\"],[\"if\",\"each\",\"-track-array\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/operator-mode/profile-info-popover.gts",
+			"scope": () => [
+				ButtonComponent,
+				on,
+				ProfileInfo,
+				Badge,
+				Button,
+				WithSubscriptionData,
+				cn_default
+			],
+			"isStrictMode": true
+		}), this);
+	}
+	static {
+		decorateFieldV2(this.prototype, "matrixService", [service]);
+	}
+	#matrixService = (initializeDeferredDecorator(this, "matrixService"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "billingService", [service]);
+	}
+	#billingService = (initializeDeferredDecorator(this, "billingService"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "keyNotices", [service]);
+	}
+	#keyNotices = (initializeDeferredDecorator(this, "keyNotices"), void 0);
+	logout() {
+		this.matrixService.signOut();
+	}
+	static {
+		decorateMethodV2(this.prototype, "logout", [action]);
+	}
+};
+var ProfileInfo = class extends Component {
+	static {
+		decorateFieldV2(this.prototype, "matrixService", [service]);
+	}
+	#matrixService = (initializeDeferredDecorator(this, "matrixService"), void 0);
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "BgeTIAUi",
+			"block": "[[[10,0],[14,0,\"profile-popover-body\"],[14,\"data-test-profile-icon-container\",\"\"],[14,\"data-scopedcss-93735025b7-0ca6d2eaf2\",\"\"],[12],[1,\"\\n  \"],[8,[32,0],[[24,\"data-scopedcss-93735025b7-0ca6d2eaf2\",\"\"]],[[\"@isReady\",\"@userId\",\"@displayName\"],[[30,0,[\"matrixService\",\"profile\",\"isLoaded\"]],[30,0,[\"matrixService\",\"userId\"]],[30,0,[\"matrixService\",\"profile\",\"displayName\"]]]],null],[1,\"\\n\\n  \"],[10,0],[14,0,\"display-name\"],[14,\"data-test-profile-display-name\",\"\"],[14,\"data-scopedcss-93735025b7-0ca6d2eaf2\",\"\"],[12],[1,\"\\n    \"],[1,[30,0,[\"matrixService\",\"profile\",\"displayName\"]]],[1,\"\\n  \"],[13],[1,\"\\n\\n  \"],[10,0],[14,0,\"profile-handle\"],[14,\"data-test-profile-icon-handle\",\"\"],[14,\"data-scopedcss-93735025b7-0ca6d2eaf2\",\"\"],[12],[1,\"\\n    \"],[1,[30,0,[\"matrixService\",\"userId\"]]],[1,\"\\n  \"],[13],[1,\"\\n\"],[13],[1,\"\\n\"]],[],[]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/operator-mode/profile-info-popover.gts",
+			"scope": () => [Avatar],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region app/components/operator-mode/profile/profile-email.gts
+var PasswordModal = setComponentTemplate(templateFactory({
+	"id": "IwUjosSZ",
+	"block": "[[[8,[32,0],[[24,0,\"password-modal\"],[24,\"data-test-password-modal\",\"\"],[24,\"data-scopedcss-5771c7c0e5-cfca3ff320\",\"\"]],[[\"@onClose\",\"@title\",\"@size\",\"@centered\",\"@isOpen\"],[[30,1],\"Confirm Identity\",\"small\",true,true]],[[\"content\",\"footer\"],[[[[1,\"\\n    \"],[10,0],[14,0,\"instructions\"],[14,\"data-scopedcss-5771c7c0e5-cfca3ff320\",\"\"],[12],[1,\"\\n      Confirm your identity by entering your password below.\\n    \"],[13],[1,\"\\n    \"],[8,[32,1],[[24,\"data-scopedcss-5771c7c0e5-cfca3ff320\",\"\"]],[[\"@form\",\"@fields\"],[\"confirm-password\",[30,2]]],null],[1,\"\\n  \"]],[]],[[[1,\"\\n    \"],[10,0],[14,0,\"buttons\"],[14,\"data-scopedcss-5771c7c0e5-cfca3ff320\",\"\"],[12],[1,\"\\n      \"],[8,[32,2],[[24,\"data-test-password-confirm-cancel-button\",\"\"],[24,\"data-scopedcss-5771c7c0e5-cfca3ff320\",\"\"],[4,[32,3],[\"click\",[30,1]],null]],[[\"@size\",\"@kind\"],[\"tall\",\"secondary-light\"]],[[\"default\"],[[[[1,\"\\n        Cancel\\n      \"]],[]]]]],[1,\"\\n\\n      \"],[8,[32,2],[[24,0,\"confirm-button\"],[24,\"data-test-confirm-password-button\",\"\"],[24,\"data-scopedcss-5771c7c0e5-cfca3ff320\",\"\"],[4,[32,3],[\"click\",[30,3]],null]],[[\"@kind\",\"@size\",\"@disabled\"],[\"primary\",\"tall\",[28,[32,4],[[30,2,[\"complete\"]]],null]]],[[\"default\"],[[[[1,\"\\n        Confirm\\n      \"]],[]]]]],[1,\"\\n    \"],[13],[1,\"\\n  \"]],[]]]]],[1,\"\\n\"]],[\"@togglePasswordModal\",\"@passwordFields\",\"@confirmPassword\"],[]]",
+	"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/operator-mode/profile/profile-email.gts",
+	"scope": () => [
+		ModalContainer,
+		CredentialFieldsFrame,
+		ButtonComponent,
+		on,
+		not
+	],
+	"isStrictMode": true
+}), templateOnly());
+var EmailWrapper = class extends Component {
+	resendEmailVerification() {
+		this.args.resendEmailVerification?.();
+	}
+	static {
+		decorateMethodV2(this.prototype, "resendEmailVerification", [action]);
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "44gvTk+M",
+			"block": "[[[10,0],[14,0,\"email-wrapper\"],[14,\"data-scopedcss-5771c7c0e5-86c1457a51\",\"\"],[12],[1,\"\\n\"],[41,[30,1],[[[1,\"    \"],[10,0],[14,0,\"email-value\"],[14,\"data-test-new-email\",\"\"],[14,\"data-scopedcss-5771c7c0e5-86c1457a51\",\"\"],[12],[1,[30,2]],[13],[1,\"\\n    \"],[10,0],[14,0,\"indicator\"],[14,\"data-scopedcss-5771c7c0e5-86c1457a51\",\"\"],[12],[1,\"\\n      \"],[10,0],[14,0,\"verification-icon\"],[14,\"data-scopedcss-5771c7c0e5-86c1457a51\",\"\"],[12],[1,\"\\n        \"],[8,[32,0],[[24,0,\"cross-out\"],[24,\"data-scopedcss-5771c7c0e5-86c1457a51\",\"\"]],null,null],[1,\"\\n      \"],[13],[1,\"\\n      \"],[10,0],[14,0,\"not-verified\"],[14,\"data-scopedcss-5771c7c0e5-86c1457a51\",\"\"],[12],[1,\"\\n        \"],[10,1],[14,0,\"verification\"],[14,\"data-test-new-email-not-verified\",\"\"],[14,\"data-scopedcss-5771c7c0e5-86c1457a51\",\"\"],[12],[1,\"Not\\n          Verified\"],[13],[1,\"\\n        \"],[8,[32,1],[[24,\"data-test-resend-validation\",\"\"],[24,\"data-scopedcss-5771c7c0e5-86c1457a51\",\"\"],[4,[32,2],[\"click\",[30,0,[\"resendEmailVerification\"]]],null]],[[\"@kind\",\"@size\",\"@loading\"],[\"text-only\",\"extra-small\",[30,3]]],[[\"default\"],[[[[1,\"Resend\"]],[]]]]],[1,\"\\n      \"],[13],[1,\"\\n    \"],[13],[1,\"\\n\"]],[]],[[[41,[30,2],[[[1,\"    \"],[10,0],[14,0,\"email-value\"],[14,\"data-test-current-email\",\"\"],[14,\"data-scopedcss-5771c7c0e5-86c1457a51\",\"\"],[12],[1,\"\\n      \"],[1,[30,2]],[1,\"\\n    \"],[13],[1,\"\\n    \"],[10,0],[14,0,\"indicator\"],[14,\"data-scopedcss-5771c7c0e5-86c1457a51\",\"\"],[12],[1,\"\\n      \"],[10,0],[14,0,\"verification-icon\"],[14,\"data-scopedcss-5771c7c0e5-86c1457a51\",\"\"],[12],[1,\"\\n        \"],[8,[32,3],[[24,0,\"checked\"],[24,\"data-scopedcss-5771c7c0e5-86c1457a51\",\"\"]],null,null],[1,\"\\n      \"],[13],[1,\"\\n      \"],[10,1],[14,0,\"verification\"],[14,\"data-scopedcss-5771c7c0e5-86c1457a51\",\"\"],[12],[1,\"Verified\"],[13],[1,\"\\n    \"],[13],[1,\"\\n\"]],[]],[[[1,\"    \"],[10,0],[14,0,\"email-value\"],[14,\"data-test-no-current-email\",\"\"],[14,\"data-scopedcss-5771c7c0e5-86c1457a51\",\"\"],[12],[1,\"- email not set -\"],[13],[1,\"\\n  \"]],[]]]],[]]],[13],[1,\"\\n\\n\"]],[\"@isWaitingValidation\",\"@email\",\"@isResending\"],[\"if\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/operator-mode/profile/profile-email.gts",
+			"scope": () => [
+				IconComponent$1,
+				ButtonComponent,
+				on,
+				IconComponent$2
+			],
+			"isStrictMode": true
+		}), this);
+	}
+};
+var ProfileEmail = class extends Component {
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "f9OSOa7U",
+			"block": "[[[41,[28,[32,0],[[30,0,[\"emailState\",\"type\"]],\"waitForValidation\"],null],[[[1,\"  \"],[8,[32,1],[[24,0,\"profile-field\"],[24,\"data-scopedcss-5771c7c0e5-23429917ab\",\"\"]],[[\"@label\",\"@tag\"],[\"Current Email\",\"label\"]],[[\"default\"],[[[[1,\"\\n    \"],[10,0],[14,0,\"email-versions\"],[14,\"data-scopedcss-5771c7c0e5-23429917ab\",\"\"],[12],[1,\"\\n      \"],[10,0],[14,0,\"email-version current\"],[14,\"data-scopedcss-5771c7c0e5-23429917ab\",\"\"],[12],[1,\"\\n        \"],[10,0],[14,0,\"header\"],[14,\"data-scopedcss-5771c7c0e5-23429917ab\",\"\"],[12],[1,\"Current\"],[13],[1,\"\\n        \"],[8,[32,2],[[24,\"data-scopedcss-5771c7c0e5-23429917ab\",\"\"]],[[\"@email\",\"@isWaitingValidation\"],[[30,0,[\"matrixService\",\"profile\",\"email\"]],false]],null],[1,\"\\n      \"],[13],[1,\"\\n      \"],[10,0],[14,0,\"email-version pending\"],[14,\"data-scopedcss-5771c7c0e5-23429917ab\",\"\"],[12],[1,\"\\n        \"],[10,0],[14,0,\"header\"],[14,\"data-scopedcss-5771c7c0e5-23429917ab\",\"\"],[12],[1,\"Pending\"],[13],[1,\"\\n        \"],[10,0],[14,0,\"pending-email\"],[14,\"data-scopedcss-5771c7c0e5-23429917ab\",\"\"],[12],[1,\"\\n          \"],[8,[32,2],[[24,\"data-scopedcss-5771c7c0e5-23429917ab\",\"\"]],[[\"@email\",\"@isWaitingValidation\",\"@resendEmailVerification\",\"@isResending\"],[[30,0,[\"email\"]],true,[30,0,[\"resendEmailVerification\"]],[30,0,[\"isResending\"]]]],null],[1,\"\\n          \"],[8,[32,3],[[24,\"data-test-cancel-email-change\",\"\"],[24,\"data-scopedcss-5771c7c0e5-23429917ab\",\"\"],[4,[32,4],[\"click\",[30,0,[\"cancelEmailChange\"]]],null]],[[\"@kind\",\"@size\"],[\"secondary-light\",\"extra-small\"]],[[\"default\"],[[[[1,\"Cancel\"]],[]]]]],[1,\"\\n        \"],[13],[1,\"\\n      \"],[13],[1,\"\\n    \"],[13],[1,\"\\n  \"]],[]]]]],[1,\"\\n\"]],[]],[[[41,[28,[32,0],[[30,0,[\"emailState\",\"type\"]],\"initial\"],null],[[[1,\"  \"],[8,[32,1],[[24,0,\"profile-field\"],[24,\"data-scopedcss-5771c7c0e5-23429917ab\",\"\"]],[[\"@label\",\"@tag\"],[\"Email\",\"label\"]],[[\"default\"],[[[[1,\"\\n    \"],[10,0],[14,0,\"email initial\"],[14,\"data-scopedcss-5771c7c0e5-23429917ab\",\"\"],[12],[1,\"\\n      \"],[8,[32,2],[[24,\"data-scopedcss-5771c7c0e5-23429917ab\",\"\"]],[[\"@email\",\"@isWaitingValidation\"],[[30,0,[\"matrixService\",\"profile\",\"email\"]],false]],null],[1,\"\\n      \"],[8,[32,3],[[24,\"data-test-change-email-button\",\"\"],[24,\"data-scopedcss-5771c7c0e5-23429917ab\",\"\"],[4,[32,4],[\"click\",[30,0,[\"changeEmail\"]]],null]],[[\"@kind\",\"@size\"],[\"secondary-light\",\"extra-small\"]],[[\"default\"],[[[[1,\"Change Email\"]],[]]]]],[1,\"\\n    \"],[13],[1,\"\\n  \"]],[]]]]],[1,\"\\n\"]],[]],[[[1,\"  \"],[8,[32,1],[[24,0,\"profile-field\"],[24,\"data-scopedcss-5771c7c0e5-23429917ab\",\"\"]],[[\"@label\",\"@tag\"],[\"Current Email\",\"label\"]],[[\"default\"],[[[[1,\"\\n    \"],[10,0],[14,0,\"email\"],[14,\"data-scopedcss-5771c7c0e5-23429917ab\",\"\"],[12],[1,\"\\n      \"],[8,[32,2],[[24,\"data-scopedcss-5771c7c0e5-23429917ab\",\"\"]],[[\"@email\",\"@isWaitingValidation\"],[[30,0,[\"matrixService\",\"profile\",\"email\"]],false]],null],[1,\"\\n    \"],[13],[1,\"\\n  \"]],[]]]]],[1,\"\\n  \"],[8,[32,1],[[24,0,\"profile-field\"],[24,\"data-scopedcss-5771c7c0e5-23429917ab\",\"\"]],[[\"@label\",\"@tag\"],[\"New Email\",\"label\"]],[[\"default\"],[[[[1,\"\\n    \"],[10,0],[14,0,\"email\"],[14,\"data-scopedcss-5771c7c0e5-23429917ab\",\"\"],[12],[1,\"\\n      \"],[8,[32,5],[[24,\"data-test-new-email-field\",\"\"],[24,\"data-scopedcss-5771c7c0e5-23429917ab\",\"\"]],[[\"@value\",\"@onInput\",\"@errorMessage\",\"@state\"],[[30,0,[\"email\"]],[30,0,[\"setEmail\"]],[30,0,[\"emailError\"]],[30,0,[\"emailValidationState\"]]]],null],[1,\"\\n      \"],[10,0],[14,0,\"warning-box\"],[14,\"data-test-email-validation-msg\",\"\"],[14,\"data-scopedcss-5771c7c0e5-23429917ab\",\"\"],[12],[1,\"\\n        \"],[10,0],[14,0,\"warning-title\"],[14,\"data-scopedcss-5771c7c0e5-23429917ab\",\"\"],[12],[1,\"\\n          \"],[8,[32,6],[[24,0,\"warning-icon\"],[24,\"width\",\"20px\"],[24,\"height\",\"20px\"],[24,\"role\",\"presentation\"],[24,\"data-scopedcss-5771c7c0e5-23429917ab\",\"\"]],null,null],[1,\"\\n          \"],[10,1],[14,\"data-scopedcss-5771c7c0e5-23429917ab\",\"\"],[12],[1,\"Before you proceed...\"],[13],[1,\"\\n        \"],[13],[1,\"\\n        \"],[10,2],[14,0,\"warning\"],[14,\"data-scopedcss-5771c7c0e5-23429917ab\",\"\"],[12],[1,\"\\n          You will need to\\n          \"],[10,\"strong\"],[14,\"data-scopedcss-5771c7c0e5-23429917ab\",\"\"],[12],[1,\"verify your new email address\"],[13],[1,\"\\n          before the change will take effect. You may cancel this process\\n          anytime before you verify your new email.\\n        \"],[13],[1,\"\\n      \"],[13],[1,\"\\n    \"],[13],[1,\"\\n  \"]],[]]]]],[1,\"\\n\"]],[]]]],[]]],[41,[30,0,[\"passwordFields\"]],[[[40,[[[1,\"    \"],[10,0],[14,0,\"password-modal-holder\"],[15,\"hidden\",[28,[32,7],[[30,0,[\"showPasswordModal\"]]],null]],[14,\"data-scopedcss-5771c7c0e5-23429917ab\",\"\"],[12],[1,\"\\n      \"],[8,[32,8],[[24,\"data-scopedcss-5771c7c0e5-23429917ab\",\"\"]],[[\"@confirmPassword\",\"@togglePasswordModal\",\"@passwordFields\"],[[30,0,[\"confirmPasswordForEmailChange\"]],[30,0,[\"cancelEmailChange\"]],[30,0,[\"passwordFields\"]]]],null],[1,\"\\n    \"],[13],[1,\"\\n\"]],[]],\"%cursor:0%\",[28,[31,2],[[30,0,[\"appRootElement\"]]],null],null]],[]],null],[1,\"\\n\"]],[],[\"if\",\"in-element\",\"-in-el-null\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/operator-mode/profile/profile-email.gts",
+			"scope": () => [
+				eq,
+				FieldContainer,
+				EmailWrapper,
+				ButtonComponent,
+				on,
+				BoxelInput,
+				IconComponent$3,
+				not,
+				PasswordModal
+			],
+			"isStrictMode": true
+		}), this);
+	}
+	static {
+		decorateFieldV2(this.prototype, "matrixService", [service]);
+	}
+	#matrixService = (initializeDeferredDecorator(this, "matrixService"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "emailError", [tracked]);
+	}
+	#emailError = (initializeDeferredDecorator(this, "emailError"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "passwordFields", [tracked]);
+	}
+	#passwordFields = (initializeDeferredDecorator(this, "passwordFields"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "emailState", [tracked], function() {
+			return { type: "initial" };
+		});
+	}
+	#emailState = (initializeDeferredDecorator(this, "emailState"), void 0);
+	constructor(owner, args) {
+		super(owner, args);
+		this.initialize.perform();
+		this.args.onSetup(() => {
+			if (this.emailState.type === "setEmail") {
+				this.passwordFields = new CredentialFields();
+				this.emailState = {
+					type: "askForPassword",
+					email: this.emailState.email
+				};
+			}
+		}, () => {
+			this.emailState = { type: "initial" };
+			this.passwordFields = void 0;
+		});
+	}
+	get email() {
+		if (this.emailState.type === "initial") return;
+		return this.emailState.email;
+	}
+	get emailValidationState() {
+		return this.emailError ? "invalid" : "initial";
+	}
+	get appRootElement() {
+		let root = getOwner(this)?.rootElement ?? document.body;
+		return typeof root === "string" ? document.querySelector(root) : root;
+	}
+	get showPasswordModal() {
+		return this.emailState.type === "askForPassword" || this.emailState.type === "sendPassword" && this.emailState.sendAttempt === 1 || this.emailState.type === "requestEmailValidation" && this.emailState.sendAttempt === 1;
+	}
+	get isResending() {
+		return (this.emailState.type === "requestEmailValidation" || this.emailState.type === "sendPassword") && this.emailState.sendAttempt > 1;
+	}
+	changeEmail() {
+		this.emailState = {
+			type: "setEmail",
+			email: ""
+		};
+		this.args.changeEmail();
+		this.args.disableSave(true);
+	}
+	static {
+		decorateMethodV2(this.prototype, "changeEmail", [action]);
+	}
+	setEmail(email) {
+		this.emailError = void 0;
+		this.args.disableSave(email.length === 0);
+		this.emailState = {
+			type: "setEmail",
+			email
+		};
+	}
+	static {
+		decorateMethodV2(this.prototype, "setEmail", [action]);
+	}
+	cancelEmailChange() {
+		this.doEmailFlow.cancelAll();
+		this.emailState = { type: "initial" };
+		this.passwordFields = void 0;
+		this.args.changeEmailComplete();
+	}
+	static {
+		decorateMethodV2(this.prototype, "cancelEmailChange", [action]);
+	}
+	async confirmPasswordForEmailChange() {
+		if (!await this.passwordFields?.validate()) return;
+		if (this.emailState.type !== "askForPassword") throw new Error(`invalid state: cannot perform confirmPasswordForEmailChange in state ${this.emailState.type}`);
+		this.emailState = {
+			...this.emailState,
+			clientSecret: v4(),
+			sendAttempt: 1,
+			type: "requestEmailValidation"
+		};
+		this.doEmailFlow.perform();
+	}
+	static {
+		decorateMethodV2(this.prototype, "confirmPasswordForEmailChange", [action]);
+	}
+	resendEmailVerification() {
+		if (this.emailState.type !== "waitForValidation" && this.emailState.type !== "sendPassword") throw new Error(`invalid state: cannot perform resendEmailVerification in state ${this.emailState.type}`);
+		this.emailState = {
+			...this.emailState,
+			clientSecret: v4(),
+			sendAttempt: this.emailState.sendAttempt + 1,
+			type: "requestEmailValidation"
+		};
+		this.doEmailFlow.perform();
+	}
+	static {
+		decorateMethodV2(this.prototype, "resendEmailVerification", [action]);
+	}
+	doEmailFlow = buildTask(() => ({
+		context: this,
+		generator: function* () {
+			if (this.emailState.type === "initial" || this.emailState.type === "setEmail" || this.emailState.type === "askForPassword") throw new Error(`invalid state: cannot perform doEmailFlow in state ${this.emailState.type}`);
+			if (this.emailState.type === "requestEmailValidation") try {
+				let { sid } = yield this.matrixService.requestChangeEmailToken(this.emailState.email, this.emailState.clientSecret, this.emailState.sendAttempt);
+				this.emailState.type;
+				this.emailState = {
+					...this.emailState,
+					type: "sendPassword",
+					sid
+				};
+			} catch (e) {
+				if ("errcode" in e.data) {
+					switch (e.data.errcode) {
+						case "M_THREEPID_IN_USE":
+							this.emailError = "Email address is already in use";
+							break;
+						case "M_BAD_JSON":
+							this.emailError = "Email address is formatted incorrectly";
+							break;
+						default: this.emailError = e.data.error;
+					}
+					this.args.disableSave(true);
+					this.emailState = {
+						...this.emailState,
+						type: "setEmail"
+					};
+					return;
+				}
+				throw e;
+			}
+			let emailAdded = false;
+			try {
+				let result = yield this.passwordFields.submit({
+					operation: "add-threepid",
+					args: {
+						auth: {
+							type: "m.login.password",
+							user: this.matrixService.userId,
+							identifier: {
+								type: "m.id.user",
+								user: this.matrixService.userId
+							}
+						},
+						accessToken: this.matrixService.accessToken ?? "",
+						clientSecret: this.emailState.clientSecret,
+						sid: this.emailState.sid
+					}
+				});
+				if (!result.ok) throw credentialFieldsError(result);
+				emailAdded = true;
+			} catch (e) {
+				if ("errcode" in e.data) switch (e.data.errcode) {
+					case "M_THREEPID_AUTH_FAILED":
+						if (this.emailState.type === "waitForValidation") yield timeout(1e3);
+						this.emailState = {
+							...this.emailState,
+							type: "waitForValidation"
+						};
+						this.args.changeEmailComplete();
+						this.doEmailFlow.perform();
+						return;
+					case "M_FORBIDDEN":
+						this.emailState = {
+							...this.emailState,
+							type: "askForPassword"
+						};
+						this.passwordFields?.setFieldError("current", "Invalid password");
+						return;
+				}
+				throw e;
+			}
+			if (emailAdded && this.matrixService.profile.email) {
+				let oldEmails = this.matrixService.profile.threePids;
+				yield Promise.all(oldEmails.map((email) => this.matrixService.deleteThreePid("email", email)));
+				this.emailState = { type: "initial" };
+				this.passwordFields = void 0;
+				this.matrixService.reloadProfile();
+			}
+		}
+	}), null, "doEmailFlow", "restartable");
+	initialize = buildTask(() => ({
+		context: this,
+		generator: function* () {
+			yield this.matrixService.profile.loaded;
+		}
+	}), null, "initialize", "restartable");
+};
+//#endregion
+//#region app/components/operator-mode/profile/profile-subscription.gts
+var ProfileSubscription = class extends Component {
+	static {
+		decorateFieldV2(this.prototype, "billingService", [service]);
+	}
+	#billingService = (initializeDeferredDecorator(this, "billingService"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "matrixService", [service]);
+	}
+	#matrixService = (initializeDeferredDecorator(this, "matrixService"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "network", [service]);
+	}
+	#network = (initializeDeferredDecorator(this, "network"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "realmServer", [service]);
+	}
+	#realmServer = (initializeDeferredDecorator(this, "realmServer"), void 0);
+	handleBuyMoreCredits(amount) {
+		this.billingService.redirectToStripe({ aiCreditAmount: amount });
+	}
+	static {
+		decorateMethodV2(this.prototype, "handleBuyMoreCredits", [action]);
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "Dnfg3QDn",
+			"block": "[[[8,[32,0],[[24,\"data-scopedcss-eff3fa3c93-42be3a943d\",\"\"]],null,[[\"default\"],[[[[1,\"\\n  \"],[8,[32,1],[[24,0,\"profile-field membership-tier-field\"],[24,\"data-scopedcss-eff3fa3c93-42be3a943d\",\"\"]],[[\"@label\"],[\"Membership Tier\"]],[[\"default\"],[[[[1,\"\\n    \"],[10,0],[14,0,\"profile-subscription membership-tier-content\"],[14,\"data-scopedcss-eff3fa3c93-42be3a943d\",\"\"],[12],[1,\"\\n      \"],[10,0],[14,0,\"monthly-credit\"],[14,\"data-scopedcss-eff3fa3c93-42be3a943d\",\"\"],[12],[1,\"\\n        \"],[10,0],[14,0,\"plan-name\"],[14,\"data-scopedcss-eff3fa3c93-42be3a943d\",\"\"],[12],[1,[30,1,[\"plan\"]]],[13],[1,\"\\n        \"],[10,0],[14,0,\"credit-info\"],[14,\"data-scopedcss-eff3fa3c93-42be3a943d\",\"\"],[12],[1,\"\\n          \"],[10,1],[14,0,\"credit-info__label\"],[14,\"data-scopedcss-eff3fa3c93-42be3a943d\",\"\"],[12],[1,\"Monthly Credit\"],[13],[1,\"\\n          \"],[1,[30,1,[\"monthlyCredit\"]]],[1,\"\\n        \"],[13],[1,\"\\n      \"],[13],[1,\"\\n\"],[41,[30,0,[\"billingService\",\"subscriptionData\",\"plan\"]],[[[1,\"        \"],[8,[32,2],[[24,0,\"membership-tier-button\"],[24,\"data-test-manage-plan-button\",\"\"],[24,\"data-scopedcss-eff3fa3c93-42be3a943d\",\"\"],[4,[32,3],[\"click\",[28,[32,4],[[30,0,[\"billingService\",\"redirectToStripe\"]],[28,[32,5],null,[[\"plan\"],[[30,0,[\"billingService\",\"subscriptionData\",\"plan\"]]]]]],null]],null]],[[\"@kind\",\"@size\"],[\"secondary-light\",\"extra-small\"]],[[\"default\"],[[[[1,\"Manage Plan\"]],[]]]]],[1,\"\\n\"]],[]],null],[1,\"    \"],[13],[1,\"\\n  \"]],[]]]]],[1,\"\\n  \"],[8,[32,1],[[24,0,\"profile-field\"],[24,\"data-scopedcss-eff3fa3c93-42be3a943d\",\"\"]],[[\"@label\"],[\"Additional Credit\"]],[[\"default\"],[[[[1,\"\\n    \"],[10,0],[14,0,\"additional-credit\"],[14,\"data-scopedcss-eff3fa3c93-42be3a943d\",\"\"],[12],[1,\"\\n      \"],[10,0],[14,0,\"profile-subscription\"],[14,\"data-scopedcss-eff3fa3c93-42be3a943d\",\"\"],[12],[1,\"\\n        \"],[10,0],[14,0,\"credit-info\"],[14,\"data-scopedcss-eff3fa3c93-42be3a943d\",\"\"],[12],[1,\"\\n          \"],[1,[30,1,[\"additionalCredit\"]]],[1,\"\\n        \"],[13],[1,\"\\n      \"],[13],[1,\"\\n      \"],[10,0],[14,0,\"buy-more-credits\"],[14,\"data-scopedcss-eff3fa3c93-42be3a943d\",\"\"],[12],[1,\"\\n        \"],[10,1],[14,0,\"buy-more-credits__title\"],[14,\"data-scopedcss-eff3fa3c93-42be3a943d\",\"\"],[12],[1,\"Buy more credits\"],[13],[1,\"\\n        \"],[10,0],[14,0,\"payment-links\"],[14,\"data-scopedcss-eff3fa3c93-42be3a943d\",\"\"],[12],[1,\"\\n\"],[42,[28,[31,2],[[28,[31,2],[[30,0,[\"billingService\",\"extraCreditsPricingFormatted\"]]],null]],null],null,[[[1,\"            \"],[10,0],[14,0,\"payment-link\"],[14,\"data-scopedcss-eff3fa3c93-42be3a943d\",\"\"],[12],[1,\"\\n              \"],[10,1],[14,\"data-scopedcss-eff3fa3c93-42be3a943d\",\"\"],[12],[8,[32,6],[[24,\"width\",\"16px\"],[24,\"height\",\"16px\"],[24,\"data-scopedcss-eff3fa3c93-42be3a943d\",\"\"]],null,null],[1,\"\\n                \"],[1,[30,2,[\"amountFormatted\"]]],[1,\"\\n              \"],[13],[1,\"\\n\\n              \"],[8,[32,2],[[16,\"data-test-buy-more-credits-button\",[30,2,[\"amount\"]]],[24,\"data-scopedcss-eff3fa3c93-42be3a943d\",\"\"],[4,[32,3],[\"click\",[28,[32,4],[[30,0,[\"handleBuyMoreCredits\"]],[30,2,[\"amount\"]]],null]],null]],[[\"@kind\",\"@size\"],[\"secondary-light\",\"extra-small\"]],[[\"default\"],[[[[1,\"Buy\"]],[]]]]],[1,\"\\n            \"],[13],[1,\"\\n\"]],[2]],null],[1,\"        \"],[13],[1,\"\\n      \"],[13],[1,\"\\n    \"],[13],[1,\"\\n  \"]],[]]]]],[1,\"\\n\"]],[1]]]]],[1,\"\\n\\n\"]],[\"subscriptionData\",\"extraCreditsPricing\"],[\"if\",\"each\",\"-track-array\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/operator-mode/profile/profile-subscription.gts",
+			"scope": () => [
+				WithSubscriptionData,
+				FieldContainer,
+				ButtonComponent,
+				on,
+				fn,
+				hash,
+				IconComponent
+			],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region app/components/operator-mode/profile/profile-settings-modal.gts
+var scrollIntoViewIfRequested = modifier((element, [requested]) => {
+	if (requested) element.scrollIntoView({ block: "start" });
+});
+var ProfileSettingsModal = class extends Component {
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "ag5zCbow",
+			"block": "[[[8,[32,0],[[24,0,\"profile-settings-modal\"],[24,\"data-test-settings-modal\",\"\"],[24,\"data-scopedcss-edd2d567bf-feda612bfc\",\"\"]],[[\"@onClose\",\"@title\",\"@size\",\"@centered\",\"@isOpen\",\"@cardContainerClass\"],[[30,1],[30,0,[\"title\"]],\"large\",true,true,\"profile-settings\"]],[[\"sidebar\",\"content\",\"footer\"],[[[[1,\"\\n    \"],[8,[32,1],[[24,\"data-scopedcss-edd2d567bf-feda612bfc\",\"\"]],null,null],[1,\"\\n  \"]],[]],[[[1,\"\\n    \"],[11,\"form\"],[24,0,\"settings-form\"],[24,\"data-scopedcss-edd2d567bf-feda612bfc\",\"\"],[4,[32,2],[\"submit\",[30,0,[\"onSubmit\"]]],null],[12],[1,\"\\n\"],[41,[51,[28,[32,3],[[30,0,[\"submode\"]]],null]],[[[1,\"        \"],[8,[32,4],[[24,0,\"profile-field\"],[24,\"data-scopedcss-edd2d567bf-feda612bfc\",\"\"]],[[\"@label\",\"@tag\"],[\"Name\",\"label\"]],[[\"default\"],[[[[1,\"\\n          \"],[8,[32,5],[[24,\"data-test-display-name-field\",\"\"],[24,\"data-scopedcss-edd2d567bf-feda612bfc\",\"\"]],[[\"@value\",\"@onInput\",\"@errorMessage\",\"@state\"],[[30,0,[\"matrixService\",\"profile\",\"displayName\"]],[30,0,[\"setDisplayName\"]],[52,[28,[32,6],[[30,0,[\"isDisplayNameValid\"]]],null],\"Name is required\"],[52,[28,[32,7],[[30,0,[\"showDisplayNameValidation\"]],[28,[32,6],[[30,0,[\"isDisplayNameValid\"]]],null]],null],\"invalid\"]]],null],[1,\"\\n        \"]],[]]]]],[1,\"\\n\"]],[]],null],[41,[28,[32,8],[[30,0,[\"submode\"]],\"password\"],null],[[[1,\"        \"],[8,[32,9],[[24,0,\"password-settings-fields\"],[24,\"data-scopedcss-edd2d567bf-feda612bfc\",\"\"]],[[\"@form\",\"@fields\"],[\"change-password\",[30,0,[\"passwordFields\"]]]],null],[1,\"\\n\"]],[]],[[[1,\"        \"],[8,[32,10],[[24,\"data-scopedcss-edd2d567bf-feda612bfc\",\"\"]],[[\"@onSetup\",\"@changeEmail\",\"@disableSave\",\"@changeEmailComplete\"],[[30,0,[\"setupProfileEmail\"]],[30,0,[\"changeEmail\"]],[30,0,[\"disableSaveForEmail\"]],[30,0,[\"completeEmail\"]]]],null],[1,\"\\n\"]],[]]],[1,\"      \"],[11,0],[24,0,\"profile-settings-subscription\"],[24,\"data-test-profile-subscription-section\",\"\"],[24,\"data-scopedcss-edd2d567bf-feda612bfc\",\"\"],[4,[32,11],[[30,0,[\"subscriptionRequested\"]]],null],[12],[1,\"\\n        \"],[8,[32,12],[[24,\"data-scopedcss-edd2d567bf-feda612bfc\",\"\"]],null,null],[1,\"\\n      \"],[13],[1,\"\\n    \"],[13],[1,\"\\n\"],[41,[28,[32,13],[[28,[32,3],[[30,0,[\"displayNameError\"]]],null],[28,[32,3],[[30,0,[\"error\"]]],null]],null],[[[1,\"      \"],[10,0],[14,0,\"error-message\"],[14,\"data-test-profile-save-error\",\"\"],[14,\"data-scopedcss-edd2d567bf-feda612bfc\",\"\"],[12],[1,\"\\n        \"],[1,[52,[30,0,[\"displayNameError\"]],[30,0,[\"displayNameError\",\"message\"]],[30,0,[\"error\"]]]],[1,\"\\n      \"],[13],[1,\"\\n\"]],[]],null],[1,\"  \"]],[]],[[[1,\"\\n    \"],[10,0],[14,0,\"buttons\"],[14,\"data-scopedcss-edd2d567bf-feda612bfc\",\"\"],[12],[1,\"\\n\"],[41,[51,[28,[32,8],[[30,0,[\"submode\"]],\"password\"],null]],[[[1,\"        \"],[8,[32,14],[[24,0,\"profile-settings-change-pw-button\"],[24,\"data-test-change-password-button\",\"\"],[24,\"data-scopedcss-edd2d567bf-feda612bfc\",\"\"],[4,[32,2],[\"click\",[30,0,[\"changePassword\"]]],null]],[[\"@size\",\"@kind\"],[\"tall\",\"secondary-light\"]],[[\"default\"],[[[[1,\"\\n          Change Password\\n        \"]],[]]]]],[1,\"\\n\"]],[]],null],[1,\"      \"],[10,0],[14,0,\"right-buttons\"],[14,\"data-scopedcss-edd2d567bf-feda612bfc\",\"\"],[12],[1,\"\\n        \"],[8,[32,14],[[24,\"data-test-confirm-cancel-button\",\"\"],[24,\"data-scopedcss-edd2d567bf-feda612bfc\",\"\"],[4,[32,2],[\"click\",[30,0,[\"cancel\"]]],null]],[[\"@size\",\"@kind\"],[\"tall\",\"secondary-light\"]],[[\"default\"],[[[[1,\"\\n          Cancel\\n        \"]],[]]]]],[1,\"\\n\\n        \"],[8,[32,14],[[24,0,\"save-button\"],[24,\"data-test-profile-settings-save-button\",\"\"],[24,\"data-scopedcss-edd2d567bf-feda612bfc\",\"\"],[4,[32,2],[\"click\",[28,[32,15],[[30,0,[\"saveTask\"]]],null]],null]],[[\"@kind\",\"@size\",\"@disabled\"],[\"primary\",\"tall\",[30,0,[\"isSaveButtonDisabled\"]]]],[[\"default\"],[[[[1,\"\\n          \"],[1,[30,0,[\"saveButtonText\"]]],[1,\"\\n        \"]],[]]]]],[1,\"\\n      \"],[13],[1,\"\\n    \"],[13],[1,\"\\n  \"]],[]]]]],[1,\"\\n\\n\"]],[\"@toggleProfileSettings\"],[\"unless\",\"if\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/operator-mode/profile/profile-settings-modal.gts",
+			"scope": () => [
+				ModalContainer,
+				ProfileInfo,
+				on,
+				bool,
+				FieldContainer,
+				BoxelInput,
+				not,
+				and,
+				eq,
+				CredentialFieldsFrame,
+				ProfileEmail,
+				scrollIntoViewIfRequested,
+				ProfileSubscription,
+				or,
+				ButtonComponent,
+				perform
+			],
+			"isStrictMode": true
+		}), this);
+	}
+	static {
+		decorateFieldV2(this.prototype, "matrixService", [service]);
+	}
+	#matrixService = (initializeDeferredDecorator(this, "matrixService"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "operatorModeStateService", [service]);
+	}
+	#operatorModeStateService = (initializeDeferredDecorator(this, "operatorModeStateService"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "displayName", [tracked]);
+	}
+	#displayName = (initializeDeferredDecorator(this, "displayName"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "submode", [tracked]);
+	}
+	#submode = (initializeDeferredDecorator(this, "submode"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "saveSuccessIndicatorShown", [tracked], function() {
+			return false;
+		});
+	}
+	#saveSuccessIndicatorShown = (initializeDeferredDecorator(this, "saveSuccessIndicatorShown"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "displayNameError", [tracked]);
+	}
+	#displayNameError = (initializeDeferredDecorator(this, "displayNameError"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "showDisplayNameValidation", [tracked], function() {
+			return false;
+		});
+	}
+	#showDisplayNameValidation = (initializeDeferredDecorator(this, "showDisplayNameValidation"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "isSaveDisabledForEmail", [tracked], function() {
+			return false;
+		});
+	}
+	#isSaveDisabledForEmail = (initializeDeferredDecorator(this, "isSaveDisabledForEmail"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "passwordFields", [tracked], function() {
+			return new CredentialFields();
+		});
+	}
+	#passwordFields = (initializeDeferredDecorator(this, "passwordFields"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "error", [tracked]);
+	}
+	#error = (initializeDeferredDecorator(this, "error"), void 0);
+	onSaveEmail;
+	resetChangeEmail;
+	constructor(owner, args) {
+		super(owner, args);
+		this.setInitialValues.perform();
+	}
+	get subscriptionRequested() {
+		return this.operatorModeStateService.profileSettingsSection === "subscription";
+	}
+	get title() {
+		switch (this.submode) {
+			case "email": return `Settings > Email`;
+			case "password": return `Settings > Password`;
+			default: return "Settings";
+		}
+	}
+	get saveButtonText() {
+		if (this.saveSuccessIndicatorShown) return "Saved!";
+		return this.saveTask.isRunning ? "Saving…" : "Save";
+	}
+	get isDisplayNameValid() {
+		return this.displayName !== void 0 && this.displayName.length > 0;
+	}
+	get isSaveButtonDisabled() {
+		return !this.submode && (this.saveTask.isRunning || !this.isDisplayNameValid || this.displayName === this.matrixService.profile.displayName) || this.submode === "email" && this.isSaveDisabledForEmail || this.submode === "password" && this.isSaveButtonDisabledForPassword;
+	}
+	get isSaveButtonDisabledForPassword() {
+		return !this.passwordFields.complete;
+	}
+	setDisplayName(name) {
+		this.showDisplayNameValidation = true;
+		this.displayName = name;
+	}
+	static {
+		decorateMethodV2(this.prototype, "setDisplayName", [action]);
+	}
+	changeEmail() {
+		this.submode = "email";
+	}
+	static {
+		decorateMethodV2(this.prototype, "changeEmail", [action]);
+	}
+	completeEmail() {
+		if (this.submode === "email") this.submode = void 0;
+	}
+	static {
+		decorateMethodV2(this.prototype, "completeEmail", [action]);
+	}
+	changePassword() {
+		this.passwordFields = new CredentialFields();
+		this.passwordFields.setContext({ username: this.matrixService.userId ?? void 0 });
+		this.submode = "password";
+	}
+	static {
+		decorateMethodV2(this.prototype, "changePassword", [action]);
+	}
+	cancel() {
+		if (this.submode === "email") this.resetChangeEmail?.();
+		if (this.submode) this.submode = void 0;
+		else this.args.toggleProfileSettings();
+	}
+	static {
+		decorateMethodV2(this.prototype, "cancel", [action]);
+	}
+	onSubmit(event) {
+		event.preventDefault();
+		this.saveTask.perform();
+	}
+	static {
+		decorateMethodV2(this.prototype, "onSubmit", [action]);
+	}
+	setupProfileEmail(onSave, resetChangeEmail) {
+		this.onSaveEmail = onSave;
+		this.resetChangeEmail = resetChangeEmail;
+	}
+	static {
+		decorateMethodV2(this.prototype, "setupProfileEmail", [action]);
+	}
+	disableSaveForEmail(isDisabled) {
+		this.isSaveDisabledForEmail = isDisabled;
+	}
+	static {
+		decorateMethodV2(this.prototype, "disableSaveForEmail", [action]);
+	}
+	saveTask = buildTask(() => ({
+		context: this,
+		generator: function* () {
+			yield this.matrixService.profile.loaded;
+			if (this.submode === "email") {
+				this.onSaveEmail?.();
+				return;
+			} else if (this.submode === "password") {
+				yield this.onSavePassword();
+				return;
+			}
+			this.displayNameError = void 0;
+			if (this.displayName !== this.matrixService.profile.displayName) {
+				try {
+					yield all([this.matrixService.setDisplayName(this.displayName || ""), timeout(config.minSaveTaskDurationMs)]);
+				} catch (e) {
+					this.displayNameError = /* @__PURE__ */ new Error("Failed to save profile. Please try again.");
+				}
+				this.matrixService.reloadProfile();
+				this.afterSaveTask.perform();
+			}
+		}
+	}), null, "saveTask", "restartable");
+	async onSavePassword() {
+		if (!await this.passwordFields.validate()) return;
+		if (!this.passwordFields.complete) throw new Error("bug: should never get here: the current and new passwords are required");
+		try {
+			this.error = void 0;
+			let result = await this.passwordFields.submit({
+				operation: "set-password",
+				args: { accessToken: this.matrixService.accessToken ?? "" }
+			});
+			if (!result.ok) throw credentialFieldsError(result);
+			this.submode = void 0;
+		} catch (e) {
+			if ("errcode" in e.data && e.data.errcode === "M_FORBIDDEN") this.passwordFields.setFieldError("current", "Invalid password");
+			else this.error = "Unknown error";
+		}
+	}
+	afterSaveTask = buildTask(() => ({
+		context: this,
+		generator: function* () {
+			this.saveSuccessIndicatorShown = true;
+			yield new Promise((resolve) => setTimeout(resolve, 2e3));
+			this.saveSuccessIndicatorShown = false;
+		}
+	}), null, "afterSaveTask", "restartable");
+	setInitialValues = buildTask(() => ({
+		context: this,
+		generator: function* () {
+			yield this.matrixService.profile.loaded;
+			this.displayName = this.matrixService.profile.displayName;
+		}
+	}), null, "setInitialValues", "restartable");
+};
+//#endregion
+export { Badge as a, FRAME_WAIT_LIMITS as i, ProfileInfoPopover as n, CredentialFieldsFrame as r, ProfileSettingsModal as t };