@declarion/react 0.65.1 → 0.66.1

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

@@ -1,527 +0,0 @@
-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-BZOHBGQZ.js";
-import { t as d } from "./Icons-lt-7lhYR.js";
-import { n as f, r as p } from "./CopyButton-DRIT_f0k.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-XrP6TZ5s.js";
-import { n as C } from "./useBrandingChrome-bxaR3G1R.js";
-import { t as w } from "./SectionCard-BYHoHWJc.js";
-import { t as T } from "./DynamicIcon-DuBSz6TZ.js";
-import { n as E, t as D } from "./useParams-BFLJi4n3.js";
-import { n as O } from "./value-BuQVYx52.js";
-import { n as k } from "./useTabNavigate-CUqOmcMj.js";
-import { n as ee } from "./useObject-B45F96rC.js";
-import { d as A, p as j } from "./variants-vUtfBbE6.js";
-import { t as M } from "./payload-DioMoxMX.js";
-import { t as N } from "./ChangePasswordDialog-C_T_3pjl.js";
-import { t as P } from "./AssociatedBlock-BOoPLOjw.js";
-import { n as F, t as I } from "./FieldRow-DedGIY9R.js";
-import { n as L, t as R } from "./RecordHeader-BfQ0_4wq.js";
-import { t as te } from "./PageShell-BJz1MiTH.js";
-import { i as z, n as B, r as V, t as H } from "./param-editors-TYYU7HKK.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 };