@declarion/react 0.61.1 → 0.63.1

package/dist-lib/Preferences.impl-BG9XBZDf.js

@@ -0,0 +1,162 @@
+import { Pt as e, wt as t } from "./useCurrentScreen--UovgvRj.js";
+import { t as n } from "./Icons-lt-7lhYR.js";
+import { r } from "./CopyButton-C0iEvaT1.js";
+import { t as i } from "./Kbd-CNttVu0z.js";
+import { $ as a, z as o } from "./PropertyGridEditor-BTjscqfz.js";
+import { t as s } from "./SectionCard-VonaiLrx.js";
+import { i as c, t as l } from "./useBranding-Ckp_AuJb.js";
+import { t as u } from "./utils-D_QDpB8_.js";
+import { t as d } from "./PageHeader-tw4pX3lI.js";
+import { n as f, t as p } from "./FieldRow-BXBBFOZh.js";
+import { t as m } from "./PageShell-tI-mm0C5.js";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/components/pages/profile/Preferences.impl.tsx
+var _ = [
+	"violet",
+	"blue",
+	"teal",
+	"amber",
+	"rose"
+], v = [
+	[
+		"compact",
+		"profile.preferences.density.compact",
+		"Compact"
+	],
+	[
+		"comfortable",
+		"profile.preferences.density.comfortable",
+		"Comfortable"
+	],
+	[
+		"cozy",
+		"profile.preferences.density.cozy",
+		"Cozy"
+	]
+], y = "px", b = [
+	[
+		"profile.preferences.shortcut.command_palette",
+		"Command palette",
+		"⌘ K"
+	],
+	[
+		"profile.preferences.shortcut.assistant",
+		"Toggle AI assistant",
+		"⌘ /"
+	],
+	[
+		"profile.preferences.shortcut.sidebar",
+		"Collapse sidebar",
+		"⌘ B"
+	],
+	[
+		"profile.preferences.shortcut.close_tab",
+		"Close current tab",
+		"⌘ W"
+	],
+	[
+		"profile.preferences.shortcut.search",
+		"Quick search",
+		"/"
+	],
+	[
+		"profile.preferences.shortcut.escape",
+		"Escape / close",
+		"Esc"
+	]
+];
+function x() {
+	let x = o((e) => e.colorScheme), C = o((e) => e.accent), w = o((e) => e.density), T = o((e) => e.radius), E = o((e) => e.zebra), D = o((e) => e.set), O = o((e) => e.resetToDefaults), { branding: k } = l(), A = t();
+	return /* @__PURE__ */ g(m, {
+		header: /* @__PURE__ */ h(d, {
+			title: A("profile.preferences", "Preferences"),
+			actions: /* @__PURE__ */ h(r, {
+				icon: /* @__PURE__ */ h(n.refresh, { size: 13 }),
+				onClick: () => O(k?.preferences),
+				children: A("profile.preferences.reset", "Reset to defaults")
+			})
+		}),
+		children: [/* @__PURE__ */ h(s, {
+			title: A("profile.preferences.appearance", "Appearance"),
+			icon: /* @__PURE__ */ h(n.moon, { size: 14 }),
+			footer: e(A("profile.preferences.subtitle", "These settings apply for this session; a reload returns to your workspace defaults, which admins set through the {parameter} parameter."), { parameter: /* @__PURE__ */ h("span", {
+				className: "mono",
+				children: c
+			}) }),
+			children: /* @__PURE__ */ g(f, { children: [
+				/* @__PURE__ */ h(p, {
+					label: A("profile.preferences.theme", "Theme"),
+					children: /* @__PURE__ */ h(S, { children: [["light", A("profile.preferences.theme.light", "Light")], ["dark", A("profile.preferences.theme.dark", "Dark")]].map(([e, t]) => /* @__PURE__ */ h(r, {
+						kind: x === e ? "primary" : "default",
+						"aria-pressed": x === e,
+						onClick: () => D("colorScheme", e),
+						children: t
+					}, e)) })
+				}),
+				/* @__PURE__ */ h(p, {
+					label: A("profile.preferences.accent", "Accent color"),
+					hint: A("profile.preferences.accent_hint", "Your personal accent across the app"),
+					children: /* @__PURE__ */ h(S, { children: _.map((e) => /* @__PURE__ */ h("button", {
+						type: "button",
+						"data-accent": e,
+						"data-color-scheme": x,
+						onClick: () => D("accent", e),
+						"aria-label": A(`profile.preferences.accent.${e}`, `Accent ${e}`),
+						"aria-pressed": C === e,
+						style: { background: "var(--accent)" },
+						className: u("size-6 cursor-pointer rounded-md border-2", C === e ? "border-foreground" : "border-transparent")
+					}, e)) })
+				}),
+				/* @__PURE__ */ h(p, {
+					label: A("profile.preferences.density", "Density"),
+					hint: A("profile.preferences.density_hint", "Compact saves space; cozy is easier on the eyes"),
+					children: /* @__PURE__ */ h(S, { children: v.map(([e, t, n]) => /* @__PURE__ */ h(r, {
+						kind: w === e ? "primary" : "default",
+						"aria-pressed": w === e,
+						onClick: () => D("density", e),
+						children: A(t, n)
+					}, e)) })
+				}),
+				/* @__PURE__ */ h(p, {
+					label: A("profile.preferences.radius", "Border radius"),
+					children: /* @__PURE__ */ g(S, { children: [/* @__PURE__ */ h("input", {
+						type: "range",
+						min: 0,
+						max: 14,
+						value: T,
+						onChange: (e) => D("radius", Number(e.target.value)),
+						className: "w-44"
+					}), /* @__PURE__ */ g("span", {
+						className: "mono num text-xs text-muted-foreground",
+						children: [T, y]
+					})] })
+				}),
+				/* @__PURE__ */ h(p, {
+					label: A("profile.preferences.zebra", "Zebra rows"),
+					labelId: "preferences-zebra",
+					hint: A("profile.preferences.zebra_hint", "Alternating row backgrounds on tables"),
+					children: /* @__PURE__ */ h(a, {
+						value: E,
+						ariaLabelledby: "preferences-zebra",
+						onChange: (e) => D("zebra", e)
+					})
+				})
+			] })
+		}), /* @__PURE__ */ h(s, {
+			title: A("profile.preferences.keyboard", "Keyboard"),
+			icon: /* @__PURE__ */ h(n.command, { size: 14 }),
+			children: /* @__PURE__ */ h(f, { children: b.map(([e, t, n]) => /* @__PURE__ */ h(p, {
+				label: A(e, t),
+				children: /* @__PURE__ */ h(i, { children: n })
+			}, e)) })
+		})]
+	});
+}
+function S({ children: e }) {
+	return /* @__PURE__ */ h("div", {
+		className: "flex flex-wrap items-center gap-1.5",
+		children: e
+	});
+}
+//#endregion
+export { x as Preferences };

package/dist-lib/Profile.impl-CbzSzxyG.js

@@ -0,0 +1,527 @@
+import { Ft as e, It as t, Lt as n, Nt as r, Ot as i, Q as a, U as o, n as s, wt as c, xt as l, yt as u } from "./useCurrentScreen--UovgvRj.js";
+import { t as d } from "./Icons-lt-7lhYR.js";
+import { n as f, r as p } from "./CopyButton-C0iEvaT1.js";
+import { t as m } from "./Pill-D-wsfRhx.js";
+import { Q as h, V as g, X as _, _ as v, et as y, h as b, m as x, q as S } from "./PropertyGridEditor-BTjscqfz.js";
+import { n as C } from "./useBrandingChrome-bKTXXDLy.js";
+import { t as w } from "./SectionCard-VonaiLrx.js";
+import { t as T } from "./DynamicIcon-DuBSz6TZ.js";
+import { n as E, t as D } from "./useParams-ei6w4I7w.js";
+import { n as O } from "./value-CDCeHgOv.js";
+import { n as k } from "./useTabNavigate-BZiW4q3M.js";
+import { n as ee } from "./useObject-1OCeV34A.js";
+import { d as A, p as j } from "./variants-CbAwl3Mn.js";
+import { t as M } from "./payload-B2wODLAX.js";
+import { t as N } from "./ChangePasswordDialog-DFe7lVQg.js";
+import { t as P } from "./AssociatedBlock-D6qDYmRO.js";
+import { n as F, t as I } from "./FieldRow-BXBBFOZh.js";
+import { n as L, t as R } from "./RecordHeader-Bv9nJXnG.js";
+import { t as te } from "./PageShell-tI-mm0C5.js";
+import { i as z, n as B, r as V, t as H } from "./param-editors-9yJr7xmN.js";
+import { Fragment as U, useId as W, useMemo as G, useState as K } from "react";
+import { Fragment as q, jsx as J, jsxs as Y } from "react/jsx-runtime";
+//#region src/components/params/ParamsBlock.tsx
+function X(e) {
+	return e === "tenant" || e === "role" || e === "user" ? e : "object";
+}
+function ne(e, t) {
+	return e ? e.filter((e) => e.scopes?.includes(t)) : [];
+}
+function re({ carrierEntityCode: e, carrierScope: t, rowId: n, title: r, icon: i }) {
+	let a = c(), o = c("errors"), s = D(), l = G(() => ne(s.data, t), [s.data, t]), [u, g] = K(null), { overrideByCode: _, missingParams: v, isLoading: y, error: b, clearError: x, save: S, reset: C } = E({
+		carrierEntityCode: e,
+		rowId: n,
+		enabled: l.length > 0,
+		onWritten: () => g(null)
+	});
+	return l.length === 0 ? null : /* @__PURE__ */ Y(w, {
+		title: r ?? a("params.title", "Parameters"),
+		icon: i ?? /* @__PURE__ */ J(d.settings, { size: 14 }),
+		children: [v ? /* @__PURE__ */ J(B, { text: o("param.overrides_unreadable", "The current parameter overrides could not be read.") }) : y ? /* @__PURE__ */ J("div", {
+			style: { padding: "8px 0" },
+			children: /* @__PURE__ */ J(h, { size: 16 })
+		}) : /* @__PURE__ */ Y("div", {
+			style: {
+				display: "flex",
+				flexDirection: "column",
+				gap: 10
+			},
+			children: [b && !u && /* @__PURE__ */ J(B, { text: b }), l.map((e) => {
+				let n = _.get(e.code), r = n !== void 0, i = r && e.source === X(t);
+				return /* @__PURE__ */ Y("div", {
+					"data-testid": `param-row-${e.code}`,
+					style: {
+						display: "flex",
+						alignItems: "center",
+						gap: 10
+					},
+					children: [
+						/* @__PURE__ */ Y("div", {
+							style: {
+								flex: 1,
+								minWidth: 0
+							},
+							children: [/* @__PURE__ */ J("div", {
+								style: {
+									fontSize: 12.5,
+									fontWeight: 500
+								},
+								children: a(e.name) || e.code
+							}), /* @__PURE__ */ J("div", {
+								className: "mono",
+								style: {
+									fontSize: 11,
+									color: "var(--text-3)"
+								},
+								children: e.code
+							})]
+						}),
+						/* @__PURE__ */ J(V, {
+							type: e.type,
+							value: e.value,
+							structure: e.structure
+						}),
+						i && /* @__PURE__ */ J(m, {
+							tone: "violet",
+							size: "xs",
+							children: a("params.overridden", "overridden")
+						}),
+						r && !i && /* @__PURE__ */ J("span", {
+							"data-testid": `param-not-applied-${e.code}`,
+							title: a("params.block.not_applied_hint", "You set {value}, and it no longer satisfies this parameter's declaration. Source of the value in effect: {source}. Reset to remove what you set, or edit it to a value the declaration accepts.", {
+								value: JSON.stringify(n.value),
+								source: z(a, e.source)
+							}),
+							children: /* @__PURE__ */ J(m, {
+								tone: "amber",
+								size: "xs",
+								children: a("params.not_applied", "not applied")
+							})
+						}),
+						/* @__PURE__ */ J(p, {
+							size: "xs",
+							icon: /* @__PURE__ */ J(d.edit, { size: 12 }),
+							onClick: () => {
+								x(), g(e);
+							},
+							children: a("params.edit", "Edit")
+						}),
+						r && /* @__PURE__ */ J(f, {
+							icon: /* @__PURE__ */ J(d.refresh, { size: 13 }),
+							title: a("params.reset", "Reset to default"),
+							onClick: () => C(e)
+						})
+					]
+				}, e.code);
+			})]
+		}), u && /* @__PURE__ */ J(H, {
+			param: u,
+			current: _.get(u.code)?.value ?? u.value,
+			error: b,
+			onCancel: () => {
+				g(null), x();
+			},
+			onSave: (e) => S(u, e)
+		})]
+	});
+}
+//#endregion
+//#region src/components/pages/profile/Profile.impl.tsx
+var Z = "profile", Q = "avatar";
+function ie() {
+	let i = k(), a = t((e) => e.user), l = t((e) => e.activeTenant), u = t((e) => e.refreshMe), { data: f } = e(), h = s(), g = C("custom"), _ = c(), v = ee(Z, a?.id), S = v.data?.data, [E, D] = K(!1), [O, A] = K(!1), M = f?.entities[Z], P = a?.display_name || a?.email || _("profile.user_fallback", "User"), z = a?.roles && a.roles[0] || _("profile.role_fallback", "Member"), B = l?.env ? `${l.name} · ${l.env}` : l?.name ?? "—", V = (e) => M && j({
+		entity: M,
+		entityCode: Z,
+		fieldName: e,
+		record: {
+			email: a?.email,
+			display_name: a?.display_name
+		},
+		mode: "display",
+		t: _
+	});
+	return /* @__PURE__ */ Y(q, { children: [
+		/* @__PURE__ */ Y(te, {
+			header: /* @__PURE__ */ J("div", {
+				"data-testid": "profile-hero",
+				children: /* @__PURE__ */ J(R, {
+					icon: M?.display.icon ? /* @__PURE__ */ J(T, {
+						name: M.display.icon,
+						size: 16
+					}) : void 0,
+					title: P,
+					recordId: a?.id,
+					mode: "display",
+					showTitle: g.isVisible("show_title"),
+					highlights: /* @__PURE__ */ Y("div", {
+						className: "flex flex-wrap gap-1",
+						children: [
+							/* @__PURE__ */ J(m, {
+								tone: "violet",
+								size: "xs",
+								dot: !0,
+								children: z
+							}),
+							/* @__PURE__ */ J(m, {
+								tone: "slate",
+								size: "xs",
+								children: B
+							}),
+							a?.is_active && /* @__PURE__ */ J(m, {
+								tone: "emerald",
+								size: "xs",
+								dot: !0,
+								children: _("profile.status.active", "Active")
+							})
+						]
+					}),
+					right: g.isVisible("show_actions") && /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(p, {
+						icon: /* @__PURE__ */ J(d.edit, { size: 13 }),
+						onClick: () => A(!0),
+						children: _("profile.edit", "Edit profile")
+					}), /* @__PURE__ */ J(p, {
+						icon: /* @__PURE__ */ J(d.settings, { size: 13 }),
+						onClick: () => i("/preferences", { topLevel: !0 }),
+						children: _("profile.preferences", "Preferences")
+					})] })
+				})
+			}),
+			children: [
+				/* @__PURE__ */ J(w, {
+					title: _("profile.personal.title", "Personal info"),
+					icon: /* @__PURE__ */ J(d.users, { size: 14 }),
+					children: /* @__PURE__ */ J("div", {
+						"data-testid": "profile-personal-info-grid",
+						children: /* @__PURE__ */ Y(F, { children: [
+							a && M && S && /* @__PURE__ */ J(I, {
+								label: _("profile.avatar", "Avatar"),
+								children: /* @__PURE__ */ J(b, { children: /* @__PURE__ */ J(ae, {
+									userId: a.id,
+									entity: M,
+									record: S,
+									onCommitted: async () => {
+										await v.refetch();
+									}
+								}, $(S)) })
+							}),
+							/* @__PURE__ */ J(I, {
+								label: _("profile.display_name", "Display name"),
+								children: V("display_name")
+							}),
+							/* @__PURE__ */ J(I, {
+								label: _("profile.personal.email", "Email"),
+								"data-testid": "profile-email",
+								children: V("email")
+							}),
+							/* @__PURE__ */ J(I, {
+								label: _("profile.personal.timezone", "Timezone"),
+								children: se()
+							}),
+							a?.id && /* @__PURE__ */ J(le, { userId: a.id })
+						] })
+					})
+				}),
+				/* @__PURE__ */ J(w, {
+					title: _("profile.security.title", "Security"),
+					icon: /* @__PURE__ */ J(d.shield, { size: 14 }),
+					children: /* @__PURE__ */ J(F, { children: /* @__PURE__ */ J(I, {
+						label: _("profile.security.password", "Password"),
+						hint: _("profile.security.password_hint", "Update at any time"),
+						children: /* @__PURE__ */ J(p, {
+							size: "xs",
+							onClick: () => D(!0),
+							children: _("profile.security.password_change", "Change")
+						})
+					}) })
+				}),
+				/* @__PURE__ */ J(w, {
+					title: _("profile.access.title", "Access"),
+					icon: /* @__PURE__ */ J(d.key, { size: 14 }),
+					children: /* @__PURE__ */ Y(F, { children: [
+						/* @__PURE__ */ J(I, {
+							label: _("profile.access.role", "Role"),
+							children: /* @__PURE__ */ J(m, {
+								tone: "violet",
+								size: "xs",
+								dot: !0,
+								children: z
+							})
+						}),
+						/* @__PURE__ */ J(I, {
+							label: _("profile.access.groups", "Groups"),
+							children: a?.roles && a.roles.length > 0 ? /* @__PURE__ */ J("div", {
+								className: "flex flex-wrap gap-1",
+								children: a.roles.map((e) => /* @__PURE__ */ J(y, { children: e }, e))
+							}) : x
+						}),
+						/* @__PURE__ */ J(I, {
+							label: _("profile.access.permissions", "Permissions"),
+							children: r(_, "profile.access.permissions_explicit", a?.permissions?.length ?? 0, {
+								one: "{count} explicit",
+								other: "{count} explicit"
+							})
+						})
+					] })
+				}),
+				/* @__PURE__ */ J(ue, { userId: a?.id }),
+				a?.id && /* @__PURE__ */ J(ce, { userId: a.id }),
+				h?.screen && f && M && S && /* @__PURE__ */ J(L, {
+					screen: h.screen,
+					entity: M,
+					entityCode: Z,
+					record: S,
+					schema: f
+				})
+			]
+		}),
+		/* @__PURE__ */ J(oe, {
+			open: O,
+			initialName: a?.display_name ?? "",
+			userId: a?.id ?? "",
+			onClose: () => A(!1),
+			onSaved: async () => {
+				await u(), A(!1);
+			}
+		}),
+		/* @__PURE__ */ J(N, {
+			open: E,
+			onClose: () => D(!1),
+			onSubmit: async ({ current: e, next: t }) => {
+				await n(e, t), o.success(_("profile.password.changed", "Password changed. Sign in again to continue."));
+			}
+		})
+	] });
+}
+function $(e) {
+	return O(A(e, Q))?.id ?? "";
+}
+function ae({ userId: e, entity: t, record: n, onCommitted: r }) {
+	let i = c(), s = c("errors"), l = v(), [d, f] = K(!1), [p, m] = K(0), h = async (c) => {
+		let d = M({
+			entity: t,
+			formData: { [Q]: c },
+			record: n,
+			isNew: !1
+		});
+		if (Object.keys(d).length !== 0) {
+			f(!0);
+			try {
+				await u(Z, { id: e }, { $files: d });
+				let t = $({ [Q]: c });
+				t && l.markCommitted(t), await r(), o.success(i("profile.avatar.updated", "Avatar updated."));
+			} catch (e) {
+				await l.flushAllDrafts(), m((e) => e + 1), o.error(a(s, e));
+			} finally {
+				f(!1);
+			}
+		}
+	};
+	return /* @__PURE__ */ J(U, { children: j({
+		entity: t,
+		entityCode: Z,
+		fieldName: Q,
+		record: n,
+		mode: "edit",
+		onChange: (e) => void h(e),
+		disabled: d,
+		t: i,
+		fieldId: "profile-avatar"
+	}) }, p);
+}
+function oe({ open: e, initialName: t, userId: n, onClose: r, onSaved: i }) {
+	let o = l().isPhone, s = c(), m = c("errors"), v = W(), [y, b] = K(t), [x, S] = K(!1), [C, w] = K(null);
+	if (!e) return null;
+	let T = () => {
+		b(t), w(null), r();
+	};
+	return /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J("div", {
+		onClick: T,
+		style: {
+			position: "fixed",
+			inset: 0,
+			background: "var(--scrim)",
+			zIndex: 60,
+			backdropFilter: "blur(2px)"
+		}
+	}), /* @__PURE__ */ Y("div", {
+		"data-testid": "edit-profile-dialog",
+		style: {
+			position: "fixed",
+			top: "50%",
+			left: "50%",
+			transform: "translate(-50%, -50%)",
+			zIndex: 61,
+			width: o ? "calc(100vw - 24px)" : 420,
+			maxWidth: "calc(100vw - 24px)",
+			background: "var(--surface)",
+			borderRadius: 12,
+			boxShadow: "var(--shadow-lg)",
+			border: "1px solid var(--border)",
+			overflow: "hidden"
+		},
+		children: [
+			/* @__PURE__ */ Y("div", {
+				style: {
+					padding: "14px 18px 0",
+					display: "flex",
+					alignItems: "center",
+					gap: 10
+				},
+				children: [
+					/* @__PURE__ */ J("span", {
+						style: {
+							width: 28,
+							height: 28,
+							borderRadius: 7,
+							background: "var(--accent-soft)",
+							color: "var(--accent)",
+							display: "inline-flex",
+							alignItems: "center",
+							justifyContent: "center"
+						},
+						children: /* @__PURE__ */ J(d.edit, { size: 15 })
+					}),
+					/* @__PURE__ */ Y("div", {
+						style: { flex: 1 },
+						children: [/* @__PURE__ */ J("div", {
+							style: {
+								fontSize: 14,
+								fontWeight: 600,
+								color: "var(--text)"
+							},
+							children: s("profile.edit", "Edit profile")
+						}), /* @__PURE__ */ J("div", {
+							style: {
+								fontSize: 11.5,
+								color: "var(--text-3)"
+							},
+							children: s("profile.edit.subtitle", "Update your display name.")
+						})]
+					}),
+					/* @__PURE__ */ J(f, {
+						icon: /* @__PURE__ */ J(d.x, { size: 14 }),
+						title: s("profile.edit.close", "Close"),
+						onClick: T
+					})
+				]
+			}),
+			/* @__PURE__ */ Y("div", {
+				style: {
+					padding: "12px 18px 16px",
+					display: "flex",
+					flexDirection: "column",
+					gap: 12
+				},
+				children: [/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J(g, {
+					required: !0,
+					htmlFor: v,
+					children: s("profile.display_name", "Display name")
+				}), /* @__PURE__ */ J(_, {
+					id: v,
+					value: y,
+					onChange: b,
+					placeholder: s("profile.edit.name_placeholder", "Your name"),
+					autoFocus: !0
+				})] }), C && /* @__PURE__ */ J(B, { text: C })]
+			}),
+			/* @__PURE__ */ Y("div", {
+				style: {
+					padding: "10px 16px",
+					borderTop: "1px solid var(--divider)",
+					display: "flex",
+					alignItems: "center",
+					gap: 8,
+					background: "var(--surface-2)",
+					flexWrap: o ? "wrap" : "nowrap"
+				},
+				children: [
+					/* @__PURE__ */ J("div", { style: { flex: 1 } }),
+					/* @__PURE__ */ J(p, {
+						onClick: T,
+						children: s("dialog.cancel", "Cancel")
+					}),
+					/* @__PURE__ */ J(p, {
+						kind: "primary",
+						icon: J(x ? h : d.check, { size: 13 }),
+						onClick: async () => {
+							if (!y.trim()) w(s("profile.edit.name_required", "Display name is required."));
+							else {
+								w(null), S(!0);
+								try {
+									await u(Z, { id: n }, { display_name: y.trim() }), await i();
+								} catch (e) {
+									w(a(m, e));
+								} finally {
+									S(!1);
+								}
+							}
+						},
+						disabled: !y.trim() || x,
+						children: x ? s("dialog.saving", "Saving…") : s("dialog.save", "Save")
+					})
+				]
+			})
+		]
+	})] });
+}
+function se() {
+	try {
+		return Intl.DateTimeFormat().resolvedOptions().timeZone || "—";
+	} catch {
+		return "—";
+	}
+}
+function ce({ userId: t }) {
+	let { data: n } = e(), r = n?.entities[Z]?.params_scope ?? Z;
+	return /* @__PURE__ */ J(re, {
+		carrierEntityCode: Z,
+		carrierScope: r,
+		rowId: t
+	});
+}
+function le({ userId: t }) {
+	let n = c(), { data: r } = e(), a = D().data?.find((e) => e.code === i), o = r?.entities[Z]?.params_scope ?? Z, s = !!a?.scopes?.includes(o), { save: l, error: u, isLoading: d } = E({
+		carrierEntityCode: Z,
+		rowId: t,
+		enabled: s
+	}), [f, p] = K(!1), m = (r?.languages ?? []).map((e) => ({
+		value: e.code,
+		label: e.name[e.code] || n(e.name) || e.code
+	})), g = typeof a?.value == "string" ? a.value : n.language, _ = async (e) => {
+		a && e !== g && (p(!0), await l(a, e), p(!1));
+	};
+	return /* @__PURE__ */ J(I, {
+		label: n(a?.name),
+		mode: s ? "edit" : "display",
+		error: u ?? void 0,
+		children: !a || d ? /* @__PURE__ */ J(h, { size: 12 }) : s ? /* @__PURE__ */ J(S, {
+			"data-testid": "profile-language",
+			value: g,
+			options: m,
+			disabled: f,
+			onChange: (e) => void _(e)
+		}) : m.find((e) => e.value === g)?.label ?? g
+	});
+}
+function ue({ userId: t }) {
+	let { data: n } = e();
+	if (!t || !n) return null;
+	let r = n.entities[Z];
+	return r ? /* @__PURE__ */ J(P, {
+		node: {
+			associated: "api_key",
+			foreign_key: "user_id"
+		},
+		ctx: {
+			schema: n,
+			entity: r,
+			entityCode: Z,
+			recordId: t,
+			record: { id: t },
+			isNew: !1,
+			mode: "display"
+		}
+	}) : null;
+}
+//#endregion
+export { ie as Profile };