@plumile/backoffice-react 0.1.103 → 0.1.105

package/lib/esm/{BackofficeVerifyEmailPage-DHuSOxDf.js → BackofficeVerifyEmailPage-DQbFIob1.js}

@@ -1,8 +1,8 @@
 import { r as e, t } from "./useBackofficeReactTranslation-Btt58EIo.js";
 import { t as n } from "./VerifyEmailScreen-Br5KyHjg.js";
-import { i as r, t as i } from "./mutationResult-CcQMY13J.js";
-import { t as a } from "./backofficeAuthPaths-2KMmkBLv.js";
-import { i as o } from "./useBackofficeLazyValue-CoIAK-5N.js";
+import { i as r, t as i } from "./mutationResult-C2Vb_vPt.js";
+import { t as a } from "./backofficeAuthPaths-2hHNn8D3.js";
+import { i as o } from "./useBackofficeLazyValue-CW9xfRzQ.js";
 import { useCallback as s, useContext as c } from "react";
 import { RoutingContext as l } from "@plumile/router";
 import * as u from "react-relay";
@@ -43,9 +43,8 @@ var { useMutation: f } = u, p = () => {
 						}
 						a(c.value);
 					},
-					onError: (e) => {
-						let t = Error(n);
-						e instanceof Error && (t = e), o(t);
+					onError: () => {
+						o(Error(n));
 					}
 				});
 			});
@@ -55,4 +54,4 @@ var { useMutation: f } = u, p = () => {
 //#endregion
 export { p as BackofficeVerifyEmailPage, p as default };
 
-//# sourceMappingURL=BackofficeVerifyEmailPage-DHuSOxDf.js.map
+//# sourceMappingURL=BackofficeVerifyEmailPage-DQbFIob1.js.map

package/lib/esm/{BackofficeVerifyEmailPage-DHuSOxDf.js.map → BackofficeVerifyEmailPage-DQbFIob1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BackofficeVerifyEmailPage-DHuSOxDf.js","names":[],"sources":["../../src/pages/BackofficeVerifyEmailPage.tsx"],"sourcesContent":["import { useCallback, useContext, type JSX } from 'react';\nimport * as ReactRelay from 'react-relay';\nimport type { MutationParameters } from 'relay-runtime';\nimport { RoutingContext } from '@plumile/router';\n\nimport { VerifyEmailScreen } from '../auth/pages/VerifyEmailScreen.js';\nimport {\n  type MutationPayloadBase,\n  requireField,\n  resolveMutationOutcome,\n} from '../relay/mutationResult.js';\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport { useBackofficeAuthVerifyEmailConfig } from '../provider/useBackofficeLazyValue.js';\nimport { getBackofficeLoginPath } from '../router/backofficeAuthPaths.js';\n\nconst { useMutation } = ReactRelay;\n\ntype VerifyEmailErrorReason =\n  | 'INVALID_TOKEN'\n  | 'TOKEN_EXPIRED'\n  | 'ALREADY_VERIFIED'\n  | 'INTERNAL_ERROR';\n\ntype VerifyEmailMutationPayload =\n  MutationPayloadBase<VerifyEmailErrorReason> & {\n    success?: boolean | null;\n  };\n\nexport const BackofficeVerifyEmailPage = (): JSX.Element => {\n  const routerContext = useContext(RoutingContext);\n  const { basePath } = useBackofficeConfig();\n  const auth = useBackofficeAuthVerifyEmailConfig();\n  const { t } = useBackofficeReactTranslation();\n  type VerifyEmailMutation = MutationParameters & {\n    response: { verifyEmail?: VerifyEmailMutationPayload | null };\n    variables: { input: { token: string } };\n  };\n  const [commitVerify] = useMutation<VerifyEmailMutation>(\n    auth.verifyEmailMutation,\n  );\n\n  const handleBackToLogin = useCallback(() => {\n    routerContext?.history.push({ pathname: getBackofficeLoginPath(basePath) });\n  }, [basePath, routerContext?.history]);\n\n  const handleVerifyEmail = useCallback(\n    async (input: { token: string }): Promise<boolean> => {\n      const invalidMessage = t('auth.verifyEmail.errors.invalid');\n      const defaultErrorMessage = invalidMessage;\n\n      return new Promise((resolve, reject) => {\n        commitVerify({\n          variables: {\n            input,\n          },\n          onCompleted: (response) => {\n            const outcome = resolveMutationOutcome(\n              response.verifyEmail ?? null,\n              {\n                defaultErrorMessage,\n                mapReason: (reason) => {\n                  switch (reason) {\n                    case 'INVALID_TOKEN':\n                      return invalidMessage;\n                    case 'TOKEN_EXPIRED':\n                      return t('auth.verifyEmail.errors.expired');\n                    case 'ALREADY_VERIFIED':\n                      return t('auth.verifyEmail.errors.alreadyVerified');\n                    case 'INTERNAL_ERROR':\n                      return invalidMessage;\n                    default:\n                      return null;\n                  }\n                },\n              },\n            );\n            if (!outcome.ok) {\n              reject(new Error(outcome.message));\n              return;\n            }\n\n            const successResult = requireField(\n              outcome.payload.success ?? null,\n              defaultErrorMessage,\n            );\n            if (!successResult.ok) {\n              reject(new Error(successResult.message));\n              return;\n            }\n            resolve(successResult.value);\n          },\n          onError: (mutationError) => {\n            let error = new Error(defaultErrorMessage);\n            if (mutationError instanceof Error) {\n              error = mutationError;\n            }\n            reject(error);\n          },\n        });\n      });\n    },\n    [commitVerify, t],\n  );\n\n  return (\n    <VerifyEmailScreen\n      onBackToLogin={handleBackToLogin}\n      onVerifyEmail={handleVerifyEmail}\n    />\n  );\n};\n\nexport default BackofficeVerifyEmailPage;\n"],"mappings":";;;;;;;;;;AAgBA,IAAM,EAAE,mBAAgB,GAaX,UAA+C;CAC1D,IAAM,IAAgB,EAAW,EAAe,EAC1C,EAAE,gBAAa,GAAqB,EACpC,IAAO,GAAoC,EAC3C,EAAE,SAAM,GAA+B,EAKvC,CAAC,KAAgB,EACrB,EAAK,oBACN;CAiED,OACE,kBAAC,GAAD;EACE,eAjEsB,QAAkB;GAC1C,GAAe,QAAQ,KAAK,EAAE,UAAU,EAAuB,EAAS,EAAE,CAAC;KAC1E,CAAC,GAAU,GAAe,QAAQ,CA+DlB;EACf,eA9DsB,EACxB,OAAO,MAA+C;GACpD,IAAM,IAAiB,EAAE,kCAAkC,EACrD,IAAsB;GAE5B,OAAO,IAAI,SAAS,GAAS,MAAW;IACtC,EAAa;KACX,WAAW,EACT,UACD;KACD,cAAc,MAAa;MACzB,IAAM,IAAU,EACd,EAAS,eAAe,MACxB;OACE;OACA,YAAY,MAAW;QACrB,QAAQ,GAAR;SACE,KAAK,iBACH,OAAO;SACT,KAAK,iBACH,OAAO,EAAE,kCAAkC;SAC7C,KAAK,oBACH,OAAO,EAAE,0CAA0C;SACrD,KAAK,kBACH,OAAO;SACT,SACE,OAAO;;;OAGd,CACF;MACD,IAAI,CAAC,EAAQ,IAAI;OACf,EAAW,MAAM,EAAQ,QAAQ,CAAC;OAClC;;MAGF,IAAM,IAAgB,EACpB,EAAQ,QAAQ,WAAW,MAC3B,EACD;MACD,IAAI,CAAC,EAAc,IAAI;OACrB,EAAW,MAAM,EAAc,QAAQ,CAAC;OACxC;;MAEF,EAAQ,EAAc,MAAM;;KAE9B,UAAU,MAAkB;MAC1B,IAAI,IAAY,MAAM,EAAoB;MAI1C,AAHI,aAAyB,UAC3B,IAAQ,IAEV,EAAO,EAAM;;KAEhB,CAAC;KACF;KAEJ,CAAC,GAAc,EAAE,CAMA;EACf,CAAA"}
+{"version":3,"file":"BackofficeVerifyEmailPage-DQbFIob1.js","names":[],"sources":["../../src/pages/BackofficeVerifyEmailPage.tsx"],"sourcesContent":["import { useCallback, useContext, type JSX } from 'react';\nimport * as ReactRelay from 'react-relay';\nimport type { MutationParameters } from 'relay-runtime';\nimport { RoutingContext } from '@plumile/router';\n\nimport { VerifyEmailScreen } from '../auth/pages/VerifyEmailScreen.js';\nimport {\n  type MutationPayloadBase,\n  requireField,\n  resolveMutationOutcome,\n} from '../relay/mutationResult.js';\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport { useBackofficeAuthVerifyEmailConfig } from '../provider/useBackofficeLazyValue.js';\nimport { getBackofficeLoginPath } from '../router/backofficeAuthPaths.js';\n\nconst { useMutation } = ReactRelay;\n\ntype VerifyEmailErrorReason =\n  | 'INVALID_TOKEN'\n  | 'TOKEN_EXPIRED'\n  | 'ALREADY_VERIFIED'\n  | 'INTERNAL_ERROR';\n\ntype VerifyEmailMutationPayload =\n  MutationPayloadBase<VerifyEmailErrorReason> & {\n    success?: boolean | null;\n  };\n\nexport const BackofficeVerifyEmailPage = (): JSX.Element => {\n  const routerContext = useContext(RoutingContext);\n  const { basePath } = useBackofficeConfig();\n  const auth = useBackofficeAuthVerifyEmailConfig();\n  const { t } = useBackofficeReactTranslation();\n  type VerifyEmailMutation = MutationParameters & {\n    response: { verifyEmail?: VerifyEmailMutationPayload | null };\n    variables: { input: { token: string } };\n  };\n  const [commitVerify] = useMutation<VerifyEmailMutation>(\n    auth.verifyEmailMutation,\n  );\n\n  const handleBackToLogin = useCallback(() => {\n    routerContext?.history.push({ pathname: getBackofficeLoginPath(basePath) });\n  }, [basePath, routerContext?.history]);\n\n  const handleVerifyEmail = useCallback(\n    async (input: { token: string }): Promise<boolean> => {\n      const invalidMessage = t('auth.verifyEmail.errors.invalid');\n      const defaultErrorMessage = invalidMessage;\n\n      return new Promise((resolve, reject) => {\n        commitVerify({\n          variables: {\n            input,\n          },\n          onCompleted: (response) => {\n            const outcome = resolveMutationOutcome(\n              response.verifyEmail ?? null,\n              {\n                defaultErrorMessage,\n                mapReason: (reason) => {\n                  switch (reason) {\n                    case 'INVALID_TOKEN':\n                      return invalidMessage;\n                    case 'TOKEN_EXPIRED':\n                      return t('auth.verifyEmail.errors.expired');\n                    case 'ALREADY_VERIFIED':\n                      return t('auth.verifyEmail.errors.alreadyVerified');\n                    case 'INTERNAL_ERROR':\n                      return invalidMessage;\n                    default:\n                      return null;\n                  }\n                },\n              },\n            );\n            if (!outcome.ok) {\n              reject(new Error(outcome.message));\n              return;\n            }\n\n            const successResult = requireField(\n              outcome.payload.success ?? null,\n              defaultErrorMessage,\n            );\n            if (!successResult.ok) {\n              reject(new Error(successResult.message));\n              return;\n            }\n            resolve(successResult.value);\n          },\n          onError: () => {\n            reject(new Error(defaultErrorMessage));\n          },\n        });\n      });\n    },\n    [commitVerify, t],\n  );\n\n  return (\n    <VerifyEmailScreen\n      onBackToLogin={handleBackToLogin}\n      onVerifyEmail={handleVerifyEmail}\n    />\n  );\n};\n\nexport default BackofficeVerifyEmailPage;\n"],"mappings":";;;;;;;;;;AAgBA,IAAM,EAAE,mBAAgB,GAaX,UAA+C;CAC1D,IAAM,IAAgB,EAAW,EAAe,EAC1C,EAAE,gBAAa,GAAqB,EACpC,IAAO,GAAoC,EAC3C,EAAE,SAAM,GAA+B,EAKvC,CAAC,KAAgB,EACrB,EAAK,oBACN;CA6DD,OACE,kBAAC,GAAD;EACE,eA7DsB,QAAkB;GAC1C,GAAe,QAAQ,KAAK,EAAE,UAAU,EAAuB,EAAS,EAAE,CAAC;KAC1E,CAAC,GAAU,GAAe,QAAQ,CA2DlB;EACf,eA1DsB,EACxB,OAAO,MAA+C;GACpD,IAAM,IAAiB,EAAE,kCAAkC,EACrD,IAAsB;GAE5B,OAAO,IAAI,SAAS,GAAS,MAAW;IACtC,EAAa;KACX,WAAW,EACT,UACD;KACD,cAAc,MAAa;MACzB,IAAM,IAAU,EACd,EAAS,eAAe,MACxB;OACE;OACA,YAAY,MAAW;QACrB,QAAQ,GAAR;SACE,KAAK,iBACH,OAAO;SACT,KAAK,iBACH,OAAO,EAAE,kCAAkC;SAC7C,KAAK,oBACH,OAAO,EAAE,0CAA0C;SACrD,KAAK,kBACH,OAAO;SACT,SACE,OAAO;;;OAGd,CACF;MACD,IAAI,CAAC,EAAQ,IAAI;OACf,EAAW,MAAM,EAAQ,QAAQ,CAAC;OAClC;;MAGF,IAAM,IAAgB,EACpB,EAAQ,QAAQ,WAAW,MAC3B,EACD;MACD,IAAI,CAAC,EAAc,IAAI;OACrB,EAAW,MAAM,EAAc,QAAQ,CAAC;OACxC;;MAEF,EAAQ,EAAc,MAAM;;KAE9B,eAAe;MACb,EAAW,MAAM,EAAoB,CAAC;;KAEzC,CAAC;KACF;KAEJ,CAAC,GAAc,EAAE,CAMA;EACf,CAAA"}

package/lib/esm/EntityIdPickerDialog-BSn0v3bv.js

@@ -0,0 +1,340 @@
+import { r as e, t } from "./useBackofficeReactTranslation-Btt58EIo.js";
+import { t as n } from "./BackofficeErrorBoundary-BwRVSDHU.js";
+import { Suspense as r, useCallback as i, useEffect as a, useId as o, useMemo as s, useState as c } from "react";
+import { useTranslation as l } from "react-i18next";
+import { BackofficeEmptyState as u, Button as d, InlineBanner as f, Input as p, Modal as m, Spinner as h } from "@plumile/ui";
+import * as g from "react-relay";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region src/components/backoffice/filters/entityIdFilterField.css.ts
+var b = "txvbqb9ip txvbqbcp txvbqbany txvbqbu4g txvbqbjep", x = "oa1uye0 txvbqbnw7 txvbqbojg txvbqbpry txvbqbmjp txvbqb6 txvbqb9iy txvbqbcp txvbqbb9g txvbqb9my txvbqbk5y txvbqbt6p txvbqbv txvbqb1ry txvbqb1cp txvbqb1qg txvbqbwg txvbqbv41 txvbqbv9z txvbqb77 txvbqb6x txvbqb7k", S = "oa1uye1 txvbqb9i7 txvbqbva3 txvbqb8p txvbqbamg txvbqbl7g txvbqbt7g txvbqbuxg", C = "txvbqb9i7 txvbqbk5y txvbqbl7g txvbqbt7g txvbqbuxg txvbqb8y txvbqbamp", w = "txvbqbva3 txvbqb8y", T = "txvbqbvb7 txvbqb8p txvbqbamp", E = "txvbqb9ip txvbqbcp txvbqbany", D = (e) => {
+	let { disabled: n = !1, id: r, label: i, value: a, displayValue: o, placeholder: s, ariaDescribedBy: c, ariaInvalid: l, onPick: u, onClear: f } = e, { t: p } = t(), m = a?.trim() ?? "", h = o?.trim() ?? "", g = m !== "", _ = h !== "", D = s ?? p("filters.placeholders.anyEntity", { label: i }), O = p("filters.placeholders.unresolved"), k;
+	k = _ ? /* @__PURE__ */ v("span", {
+		className: C,
+		children: h
+	}) : g ? /* @__PURE__ */ v("span", {
+		className: w,
+		children: O
+	}) : /* @__PURE__ */ v("span", {
+		className: w,
+		children: D
+	});
+	let A = p("common.actions.pick");
+	g && (A = p("common.actions.change"));
+	let j = `${A} ${i}`, M = p("common.actions.clear"), N = `${M} ${i}`, P = null;
+	g && f != null && (P = /* @__PURE__ */ v(d, {
+		type: "button",
+		variant: "text",
+		size: "small",
+		"aria-label": N,
+		disabled: n,
+		onClick: f,
+		children: M
+	}));
+	let F = null;
+	return u != null && (F = /* @__PURE__ */ y("button", {
+		id: r,
+		type: "button",
+		className: x,
+		"aria-label": j,
+		"aria-describedby": c,
+		"aria-invalid": l,
+		disabled: n,
+		onClick: u,
+		children: [
+			/* @__PURE__ */ v("span", {
+				className: S,
+				children: i
+			}),
+			k,
+			/* @__PURE__ */ v("span", {
+				className: T,
+				children: A
+			})
+		]
+	})), /* @__PURE__ */ y("div", {
+		className: b,
+		children: [F ?? /* @__PURE__ */ v("div", {
+			className: "txvbqb9my txvbqbk5y txvbqb9ip txvbqbcp txvbqbl7g",
+			children: k
+		}), /* @__PURE__ */ v("div", {
+			className: E,
+			children: P
+		})]
+	});
+}, O = (e) => e instanceof Error ? e : Error(String(e)), k = (e) => [...new Set(e)].sort(), A = (e, t) => ({
+	status: e,
+	modules: t,
+	error: null
+}), j = (e, t) => e === t ? !0 : e == null || t == null ? !1 : e.name === t.name && e.message === t.message, M = (e, t) => {
+	let n = Object.keys(e), r = Object.keys(t);
+	if (n.length !== r.length) return !1;
+	for (let r of n) if (!(r in t) || e[r] !== t[r]) return !1;
+	return !0;
+}, N = (e, t) => e.status !== t.status || e.module !== t.module ? !1 : j(e.error, t.error), P = (e, t) => e.status !== t.status || !M(e.modules, t.modules) ? !1 : j(e.error, t.error), F = (e, t) => N(e, t) ? e : t, I = (e, t) => P(e, t) ? e : t, L = (e, t, n, r = !0) => {
+	let i = t(e), [o, s] = c(() => i == null ? {
+		status: "loading",
+		module: null,
+		error: null
+	} : {
+		status: "loaded",
+		module: i,
+		error: null
+	});
+	return a(() => {
+		if (!r) {
+			let n = t(e);
+			s((e) => {
+				let t;
+				return t = n == null ? {
+					status: "loading",
+					module: null,
+					error: null
+				} : {
+					status: "loaded",
+					module: n,
+					error: null
+				}, F(e, t);
+			});
+			return;
+		}
+		let i = t(e);
+		if (i != null) {
+			s((e) => F(e, {
+				status: "loaded",
+				module: i,
+				error: null
+			}));
+			return;
+		}
+		let a = !1;
+		return s((e) => F(e, {
+			status: "loading",
+			module: null,
+			error: null
+		})), n(e).then((e) => {
+			a || s((t) => F(t, {
+				status: "loaded",
+				module: e,
+				error: null
+			}));
+		}).catch((e) => {
+			if (a) return;
+			let t = O(e);
+			s((e) => F(e, {
+				status: "error",
+				module: null,
+				error: t
+			}));
+		}), () => {
+			a = !0;
+		};
+	}, [
+		r,
+		e,
+		t,
+		n
+	]), o;
+}, R = (t, n) => {
+	let { entityRegistry: r } = e();
+	return L(t, r.getLoadedPickerEntity, r.loadPickerEntity, n?.enabled);
+}, z = (t) => {
+	let { entityRegistry: n } = e(), r = s(() => k(t), [t]), i = r.join("|"), [o, l] = c(() => {
+		let e = {}, t = !0;
+		for (let i of r) {
+			let r = n.getLoadedListEntity(i);
+			r == null ? t = !1 : e[i] = r;
+		}
+		return A(t ? "loaded" : "loading", e);
+	});
+	return a(() => {
+		let e = {}, t = !0;
+		for (let i of r) {
+			let r = n.getLoadedListEntity(i);
+			r == null ? t = !1 : e[i] = r;
+		}
+		if (t) {
+			let t = A("loaded", e);
+			l((e) => I(e, t));
+			return;
+		}
+		let i = !1;
+		return l((t) => I(t, {
+			status: "loading",
+			modules: e,
+			error: null
+		})), Promise.all(r.map(async (e) => [e, await n.loadListEntity(e)])).then((e) => {
+			i || l((t) => I(t, {
+				status: "loaded",
+				modules: Object.fromEntries(e),
+				error: null
+			}));
+		}).catch((t) => {
+			if (i) return;
+			let n = O(t);
+			l((t) => I(t, {
+				status: "error",
+				modules: e,
+				error: n
+			}));
+		}), () => {
+			i = !0;
+		};
+	}, [
+		i,
+		n,
+		r
+	]), o;
+}, B = "txvbqb9ip txvbqbai7 txvbqbaog", V = "txvbqbnw7 txvbqbojg txvbqbp6y txvbqblyp txvbqb9ip txvbqbcp txvbqbdoy txvbqbao7 txvbqbva1", H = "txvbqb8y txvbqbva1", U = "txvbqb9ip txvbqbao7 txvbqbcp", W = "txvbqb9my txvbqbk5y txvbqb9ip txvbqbai7 txvbqbt6p", G = "txvbqbv9z txvbqbamg txvbqb97 txvbqbf4y", K = "txvbqbva1 txvbqb8y txvbqbf4y", q = ({ search: e, onSearchChange: n, searchPlaceholder: r, searchEnabled: i = !0, children: a }) => {
+	let { t: s } = t(), c = o(), l = r ?? s("picker.searchPlaceholder.default"), u = null;
+	return i && (u = /* @__PURE__ */ v(p, {
+		id: c,
+		name: "backoffice-entity-picker-search",
+		value: e,
+		onChange: (e) => {
+			n(e.target.value);
+		},
+		placeholder: l,
+		"aria-label": l,
+		size: "small",
+		fullWidth: !0
+	})), /* @__PURE__ */ y("div", {
+		className: B,
+		children: [u, a]
+	});
+}, J = ({ title: e, subtitle: t }) => {
+	let n = null;
+	return t != null && (n = /* @__PURE__ */ v("div", {
+		className: K,
+		children: t
+	})), /* @__PURE__ */ v("div", {
+		className: U,
+		children: /* @__PURE__ */ y("div", {
+			className: W,
+			children: [/* @__PURE__ */ v("div", {
+				className: G,
+				children: e
+			}), n]
+		})
+	});
+}, Y = ({ items: e, onSelectId: n, emptyState: r }) => {
+	let { t: i } = t();
+	return e.length === 0 ? r ?? /* @__PURE__ */ v(u, {
+		title: i("picker.empty.title"),
+		description: i("picker.empty.description")
+	}) : /* @__PURE__ */ v("div", { children: e.map((e) => /* @__PURE__ */ v(d, {
+		type: "button",
+		variant: "text",
+		onClick: () => {
+			n(e.id);
+		},
+		width: "full",
+		children: /* @__PURE__ */ v(J, {
+			title: e.title,
+			subtitle: e.subtitle
+		})
+	}, e.id)) });
+}, { useFragment: X, useLazyLoadQuery: Z } = g, Q = "store-and-network", ee = (e, t) => e(t), te = ({ config: e, search: t, scope: n, fetchKey: r, onSelectId: i }) => {
+	let a = s(() => {
+		let r = t.trim();
+		return e.buildQueryVariables({
+			search: r,
+			scope: n
+		});
+	}, [
+		e,
+		n,
+		t
+	]), o = Z(e.query, a, {
+		fetchPolicy: Q,
+		fetchKey: r
+	}), c = X(e.fragment, o), l = e.getConnection(c);
+	return /* @__PURE__ */ v(Y, {
+		items: s(() => l.edges.map((t) => {
+			let n = e.toRow(t.node);
+			return {
+				id: e.getRowId(n),
+				title: n.title,
+				subtitle: n.subtitle
+			};
+		}), [e, l.edges]),
+		onSelectId: i
+	});
+}, ne = (e, t) => /* @__PURE__ */ v(_, { children: /* @__PURE__ */ v(d, {
+	type: "button",
+	variant: "secondary",
+	onClick: e,
+	children: t
+}) }), re = ({ message: e }) => /* @__PURE__ */ v(f, {
+	tone: "warning",
+	title: e,
+	children: null
+}), $ = ({ label: e }) => /* @__PURE__ */ y("div", {
+	className: V,
+	role: "status",
+	"aria-live": "polite",
+	children: [/* @__PURE__ */ v(h, {
+		size: 18,
+		ariaLabel: e
+	}), /* @__PURE__ */ v("span", {
+		className: H,
+		children: e
+	})]
+}), ie = ({ isOpen: e, entity: o, title: p, scope: h, onClose: g, onSelectId: _ }) => {
+	let { t: y } = l(), { t: b } = t(), [x, S] = c(""), [C, w] = c(0), T = R(o, { enabled: e }), E;
+	T.status === "loaded" && (E = T.module.config.picker), a(() => {
+		e && (S(""), w((e) => e + 1));
+	}, [e]);
+	let D = s(() => ne(g, b("common.actions.close")), [g, b]), O = i((e) => {
+		S(e), w((e) => e + 1);
+	}, []), k = i((e) => {
+		_(e), g();
+	}, [g, _]);
+	if (!e) return null;
+	let A;
+	E?.searchPlaceholder != null && (A = ee(E.searchPlaceholder, y));
+	let j = x.trim(), M = E?.searchRequired === !0, N;
+	return N = T.status === "loading" ? /* @__PURE__ */ v($, { label: b("common.loading") }) : E == null ? /* @__PURE__ */ v(re, { message: b("picker.unavailable", { entity: o }) }) : M && j === "" ? /* @__PURE__ */ v(u, { title: b("picker.searchRequired") }) : /* @__PURE__ */ v(te, {
+		config: E,
+		search: x,
+		scope: h,
+		fetchKey: C,
+		onSelectId: k
+	}), /* @__PURE__ */ v(m, {
+		isOpen: e,
+		onClose: g,
+		title: p,
+		footer: D,
+		children: /* @__PURE__ */ v(q, {
+			search: x,
+			onSearchChange: O,
+			searchPlaceholder: A,
+			searchEnabled: E?.searchEnabled ?? !0,
+			children: /* @__PURE__ */ v(n, {
+				fallback: (e) => {
+					let { reset: t } = e;
+					return /* @__PURE__ */ v(f, {
+						tone: "danger",
+						title: b("picker.errors.loadFailed"),
+						actions: /* @__PURE__ */ v(d, {
+							type: "button",
+							variant: "secondary",
+							onClick: () => {
+								t(), w((e) => e + 1);
+							},
+							children: b("common.actions.retry")
+						}),
+						children: null
+					});
+				},
+				children: /* @__PURE__ */ v(r, {
+					fallback: /* @__PURE__ */ v($, { label: b("common.loading") }),
+					children: N
+				})
+			})
+		})
+	});
+};
+//#endregion
+export { D as i, z as n, R as r, ie as t };
+
+//# sourceMappingURL=EntityIdPickerDialog-BSn0v3bv.js.map

package/lib/esm/EntityIdPickerDialog-BSn0v3bv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityIdPickerDialog-BSn0v3bv.js","names":[],"sources":["../../src/components/backoffice/filters/entityIdFilterField.css.ts","../../src/components/backoffice/filters/EntityIdFilterField.tsx","../../src/provider/useBackofficeEntityLoader.ts","../../src/components/backoffice/pickers/entityIdPickerDialog.css.ts","../../src/components/backoffice/pickers/shared/EntityPickerShell.tsx","../../src/components/backoffice/pickers/shared/EntityPickerRowBase.tsx","../../src/components/backoffice/pickers/shared/EntityPickerList.tsx","../../src/components/backoffice/pickers/EntityIdPickerDialog.tsx"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles, vars } from '@plumile/ui';\n\nexport const container = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 1,\n  width: 72,\n  maxWidth: 'full',\n});\n\nexport const pickerButton = style([\n  sprinkles({\n    appearance: 'none',\n    display: 'grid',\n    alignItems: 'center',\n    gap: 0.5,\n    flex: 1,\n    minWidth: 0,\n    textAlign: 'left',\n    cursor: 'pointer',\n    borderRadius: 'xl',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'border',\n    backgroundColor: 'surface',\n    color: 'text',\n    paddingX: 3,\n    paddingY: 1.5,\n    transitionProperty: 'default',\n    transitionDuration: 150,\n    transitionTimingFunction: 'ease',\n  }),\n  {\n    gridTemplateColumns: 'minmax(0, 1fr) auto',\n    minHeight: '2.5rem',\n    selectors: {\n      '&:hover:not(:disabled)': {\n        backgroundColor: vars.colors.surfaceMuted,\n        borderColor: vars.colors.borderStrong,\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${vars.colors.primary}`,\n        outlineOffset: '2px',\n      },\n      '&:disabled': {\n        cursor: 'not-allowed',\n        opacity: 0.65,\n      },\n    },\n  },\n]);\n\nexport const valueBox = sprinkles({\n  flex: 1,\n  minWidth: 0,\n  display: 'flex',\n  alignItems: 'center',\n  overflow: 'hidden',\n});\n\nexport const labelText = style([\n  sprinkles({\n    display: 'block',\n    color: 'textMuted',\n    fontSize: 'xs',\n    fontWeight: 'medium',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  }),\n  {\n    gridColumn: '1 / -1',\n  },\n]);\n\nexport const valueText = sprinkles({\n  display: 'block',\n  minWidth: 0,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n  fontSize: 'sm',\n  fontWeight: 'semibold',\n});\n\nexport const placeholder = sprinkles({\n  color: 'textMuted',\n  fontSize: 'sm',\n});\n\nexport const pickText = sprinkles({\n  color: 'accent',\n  fontSize: 'xs',\n  fontWeight: 'semibold',\n});\n\nexport const actions = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 1,\n});\n","import { type JSX } from 'react';\n\nimport { Button } from '@plumile/ui';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\n\nimport * as styles from './entityIdFilterField.css.js';\n\nexport type EntityIdFilterFieldProps = {\n  id?: string;\n  label: string;\n  value: string | null;\n  displayValue?: string | null;\n  placeholder?: string;\n  ariaDescribedBy?: string;\n  ariaInvalid?: boolean;\n  onPick?: () => void;\n  onClear?: () => void;\n  disabled?: boolean;\n};\n\nexport const EntityIdFilterField = (\n  props: EntityIdFilterFieldProps,\n): JSX.Element => {\n  const {\n    disabled = false,\n    id,\n    label,\n    value,\n    displayValue,\n    placeholder,\n    ariaDescribedBy,\n    ariaInvalid,\n    onPick,\n    onClear,\n  } = props;\n  const { t } = useBackofficeReactTranslation();\n  const normalizedValue = value?.trim() ?? '';\n  const normalizedDisplayValue = displayValue?.trim() ?? '';\n  const hasValue = normalizedValue !== '';\n  const hasDisplayValue = normalizedDisplayValue !== '';\n\n  const resolvedPlaceholder =\n    placeholder ?? t('filters.placeholders.anyEntity', { label });\n  const unresolvedPlaceholder = t('filters.placeholders.unresolved');\n\n  let displayNode: JSX.Element;\n  if (hasDisplayValue) {\n    displayNode = (\n      <span className={styles.valueText}>{normalizedDisplayValue}</span>\n    );\n  } else if (hasValue) {\n    displayNode = (\n      <span className={styles.placeholder}>{unresolvedPlaceholder}</span>\n    );\n  } else {\n    displayNode = (\n      <span className={styles.placeholder}>{resolvedPlaceholder}</span>\n    );\n  }\n\n  let pickLabel = t('common.actions.pick');\n  if (hasValue) {\n    pickLabel = t('common.actions.change');\n  }\n  const pickAriaLabel = `${pickLabel} ${label}`;\n  const clearLabel = t('common.actions.clear');\n  const clearAriaLabel = `${clearLabel} ${label}`;\n\n  let clearNode: JSX.Element | null = null;\n  if (hasValue && onClear != null) {\n    clearNode = (\n      <Button\n        type=\"button\"\n        variant=\"text\"\n        size=\"small\"\n        aria-label={clearAriaLabel}\n        disabled={disabled}\n        onClick={onClear}\n      >\n        {clearLabel}\n      </Button>\n    );\n  }\n\n  let pickerNode: JSX.Element | null = null;\n  if (onPick != null) {\n    pickerNode = (\n      <button\n        id={id}\n        type=\"button\"\n        className={styles.pickerButton}\n        aria-label={pickAriaLabel}\n        aria-describedby={ariaDescribedBy}\n        aria-invalid={ariaInvalid}\n        disabled={disabled}\n        onClick={onPick}\n      >\n        <span className={styles.labelText}>{label}</span>\n        {displayNode}\n        <span className={styles.pickText}>{pickLabel}</span>\n      </button>\n    );\n  }\n\n  return (\n    <div className={styles.container}>\n      {pickerNode ?? <div className={styles.valueBox}>{displayNode}</div>}\n      <div className={styles.actions}>{clearNode}</div>\n    </div>\n  );\n};\n\nexport default EntityIdFilterField;\n","import { useEffect, useMemo, useState } from 'react';\n\nimport type {\n  BackofficeResolvedListFacetModule,\n  BackofficeResolvedPickerFacetModule,\n  BackofficeResolvedToolFacetModule,\n} from '@plumile/backoffice-core/types.js';\n\nimport { useBackofficeConfig } from './BackofficeConfigContext.js';\n\ntype LoadState<TModule> =\n  | {\n      status: 'loading';\n      module: null;\n      error: null;\n    }\n  | {\n      status: 'loaded';\n      module: TModule;\n      error: null;\n    }\n  | {\n      status: 'error';\n      module: null;\n      error: Error;\n    };\n\ntype MultiLoadState<TModule> =\n  | {\n      status: 'loading';\n      modules: Record<string, TModule>;\n      error: null;\n    }\n  | {\n      status: 'loaded';\n      modules: Record<string, TModule>;\n      error: null;\n    }\n  | {\n      status: 'error';\n      modules: Record<string, TModule>;\n      error: Error;\n    };\n\nconst toError = (error: unknown): Error => {\n  if (error instanceof Error) {\n    return error;\n  }\n  return new Error(String(error));\n};\n\nconst buildSortedEntityIds = (\n  entityIds: readonly string[],\n): readonly string[] => {\n  return [...new Set(entityIds)].sort();\n};\n\nconst createMultiLoadState = <TModule>(\n  status: 'loading' | 'loaded',\n  modules: Record<string, TModule>,\n): MultiLoadState<TModule> => {\n  return {\n    status,\n    modules,\n    error: null,\n  };\n};\n\nconst areErrorsEqual = (left: Error | null, right: Error | null): boolean => {\n  if (left === right) {\n    return true;\n  }\n  if (left == null || right == null) {\n    return false;\n  }\n  return left.name === right.name && left.message === right.message;\n};\n\nconst areModuleMapsEqual = <TModule>(\n  left: Record<string, TModule>,\n  right: Record<string, TModule>,\n): boolean => {\n  const leftKeys = Object.keys(left);\n  const rightKeys = Object.keys(right);\n\n  if (leftKeys.length !== rightKeys.length) {\n    return false;\n  }\n\n  for (const key of leftKeys) {\n    if (!(key in right) || left[key] !== right[key]) {\n      return false;\n    }\n  }\n\n  return true;\n};\n\nconst areLoadStatesEqual = <TModule>(\n  left: LoadState<TModule>,\n  right: LoadState<TModule>,\n): boolean => {\n  if (left.status !== right.status) {\n    return false;\n  }\n\n  if (left.module !== right.module) {\n    return false;\n  }\n\n  return areErrorsEqual(left.error, right.error);\n};\n\nconst areMultiLoadStatesEqual = <TModule>(\n  left: MultiLoadState<TModule>,\n  right: MultiLoadState<TModule>,\n): boolean => {\n  if (left.status !== right.status) {\n    return false;\n  }\n\n  if (!areModuleMapsEqual(left.modules, right.modules)) {\n    return false;\n  }\n\n  return areErrorsEqual(left.error, right.error);\n};\n\nconst selectLoadState = <TModule>(\n  currentState: LoadState<TModule>,\n  nextState: LoadState<TModule>,\n): LoadState<TModule> => {\n  if (areLoadStatesEqual(currentState, nextState)) {\n    return currentState;\n  }\n  return nextState;\n};\n\nconst selectMultiLoadState = <TModule>(\n  currentState: MultiLoadState<TModule>,\n  nextState: MultiLoadState<TModule>,\n): MultiLoadState<TModule> => {\n  if (areMultiLoadStatesEqual(currentState, nextState)) {\n    return currentState;\n  }\n  return nextState;\n};\n\nconst useFacetLoader = <TModule>(\n  entityId: string,\n  getLoaded: (entityId: string) => TModule | null,\n  load: (entityId: string) => Promise<TModule>,\n  enabled = true,\n): LoadState<TModule> => {\n  const initialModule = getLoaded(entityId);\n  const [state, setState] = useState<LoadState<TModule>>(() => {\n    if (initialModule != null) {\n      return {\n        status: 'loaded',\n        module: initialModule,\n        error: null,\n      };\n    }\n    return {\n      status: 'loading',\n      module: null,\n      error: null,\n    };\n  });\n\n  useEffect(() => {\n    if (!enabled) {\n      const loadedModule = getLoaded(entityId);\n      setState((currentState) => {\n        let nextState: LoadState<TModule>;\n\n        if (loadedModule != null) {\n          nextState = {\n            status: 'loaded',\n            module: loadedModule,\n            error: null,\n          };\n        } else {\n          nextState = {\n            status: 'loading',\n            module: null,\n            error: null,\n          };\n        }\n\n        return selectLoadState(currentState, nextState);\n      });\n      return undefined;\n    }\n\n    const loadedModule = getLoaded(entityId);\n    if (loadedModule != null) {\n      setState((currentState) => {\n        const nextState: LoadState<TModule> = {\n          status: 'loaded',\n          module: loadedModule,\n          error: null,\n        };\n        return selectLoadState(currentState, nextState);\n      });\n      return undefined;\n    }\n\n    let cancelled = false;\n    setState((currentState) => {\n      const nextState: LoadState<TModule> = {\n        status: 'loading',\n        module: null,\n        error: null,\n      };\n      return selectLoadState(currentState, nextState);\n    });\n\n    load(entityId)\n      .then((module) => {\n        if (cancelled) {\n          return;\n        }\n        setState((currentState) => {\n          const nextState: LoadState<TModule> = {\n            status: 'loaded',\n            module,\n            error: null,\n          };\n          return selectLoadState(currentState, nextState);\n        });\n      })\n      .catch((error: unknown) => {\n        if (cancelled) {\n          return;\n        }\n        const nextError = toError(error);\n        setState((currentState) => {\n          const nextState: LoadState<TModule> = {\n            status: 'error',\n            module: null,\n            error: nextError,\n          };\n          return selectLoadState(currentState, nextState);\n        });\n      });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [enabled, entityId, getLoaded, load]);\n\n  return state;\n};\n\nexport const useBackofficeListEntityLoader = (\n  entityId: string,\n  options?: { enabled?: boolean },\n): LoadState<BackofficeResolvedListFacetModule> => {\n  const { entityRegistry } = useBackofficeConfig();\n  return useFacetLoader(\n    entityId,\n    entityRegistry.getLoadedListEntity,\n    entityRegistry.loadListEntity,\n    options?.enabled,\n  );\n};\n\nexport const useBackofficePickerEntityLoader = (\n  entityId: string,\n  options?: { enabled?: boolean },\n): LoadState<BackofficeResolvedPickerFacetModule> => {\n  const { entityRegistry } = useBackofficeConfig();\n  return useFacetLoader(\n    entityId,\n    entityRegistry.getLoadedPickerEntity,\n    entityRegistry.loadPickerEntity,\n    options?.enabled,\n  );\n};\n\nexport const useBackofficeToolEntityLoader = (\n  entityId: string,\n  options?: { enabled?: boolean },\n): LoadState<BackofficeResolvedToolFacetModule> => {\n  const { entityRegistry } = useBackofficeConfig();\n  return useFacetLoader(\n    entityId,\n    entityRegistry.getLoadedToolEntity,\n    entityRegistry.loadToolEntity,\n    options?.enabled,\n  );\n};\n\nexport const useBackofficeListEntitiesLoader = (\n  entityIds: readonly string[],\n): MultiLoadState<BackofficeResolvedListFacetModule> => {\n  const { entityRegistry } = useBackofficeConfig();\n  const normalizedEntityIds = useMemo(() => {\n    return buildSortedEntityIds(entityIds);\n  }, [entityIds]);\n  const entityIdsKey = normalizedEntityIds.join('|');\n  const [state, setState] = useState<\n    MultiLoadState<BackofficeResolvedListFacetModule>\n  >(() => {\n    const modules: Record<string, BackofficeResolvedListFacetModule> = {};\n    let isComplete = true;\n\n    for (const entityId of normalizedEntityIds) {\n      const module = entityRegistry.getLoadedListEntity(entityId);\n      if (module == null) {\n        isComplete = false;\n      } else {\n        modules[entityId] = module;\n      }\n    }\n\n    if (isComplete) {\n      return createMultiLoadState('loaded', modules);\n    }\n    return createMultiLoadState('loading', modules);\n  });\n\n  useEffect(() => {\n    const modules: Record<string, BackofficeResolvedListFacetModule> = {};\n    let isComplete = true;\n\n    for (const entityId of normalizedEntityIds) {\n      const module = entityRegistry.getLoadedListEntity(entityId);\n      if (module == null) {\n        isComplete = false;\n      } else {\n        modules[entityId] = module;\n      }\n    }\n\n    if (isComplete) {\n      const nextState = createMultiLoadState('loaded', modules);\n      setState((currentState) => {\n        return selectMultiLoadState(currentState, nextState);\n      });\n      return undefined;\n    }\n\n    let cancelled = false;\n    setState((currentState) => {\n      const nextState: MultiLoadState<BackofficeResolvedListFacetModule> = {\n        status: 'loading',\n        modules,\n        error: null,\n      };\n      return selectMultiLoadState(currentState, nextState);\n    });\n\n    Promise.all(\n      normalizedEntityIds.map(async (entityId) => {\n        const module = await entityRegistry.loadListEntity(entityId);\n        return [entityId, module] as const;\n      }),\n    )\n      .then((entries) => {\n        if (cancelled) {\n          return;\n        }\n        setState((currentState) => {\n          const nextState: MultiLoadState<BackofficeResolvedListFacetModule> = {\n            status: 'loaded',\n            modules: Object.fromEntries(entries),\n            error: null,\n          };\n          return selectMultiLoadState(currentState, nextState);\n        });\n      })\n      .catch((error: unknown) => {\n        if (cancelled) {\n          return;\n        }\n        const nextError = toError(error);\n        setState((currentState) => {\n          const nextState: MultiLoadState<BackofficeResolvedListFacetModule> = {\n            status: 'error',\n            modules,\n            error: nextError,\n          };\n          return selectMultiLoadState(currentState, nextState);\n        });\n      });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [entityIdsKey, entityRegistry, normalizedEntityIds]);\n\n  return state;\n};\n\nexport const __test = {\n  areErrorsEqual,\n  buildSortedEntityIds,\n  toError,\n};\n","import { sprinkles } from '@plumile/ui';\n\nexport const layout = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const searchRequiredMessage = sprinkles({\n  color: 'textSecondary',\n  fontSize: 'sm',\n  textAlign: 'center',\n  paddingY: 3,\n  paddingX: 0,\n});\n\nexport const loadingState = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  gap: 2,\n  paddingY: 4,\n  paddingX: 3,\n  color: 'textSecondary',\n});\n\nexport const loadingLabel = sprinkles({\n  fontSize: 'sm',\n  color: 'textSecondary',\n});\n\nexport const row = sprinkles({\n  display: 'flex',\n  gap: 2,\n  alignItems: 'center',\n});\n\nexport const rowText = sprinkles({\n  flex: 1,\n  minWidth: 0,\n  display: 'flex',\n  flexDirection: 'column',\n  textAlign: 'left',\n});\n\nexport const rowTitle = sprinkles({\n  color: 'text',\n  fontWeight: 'medium',\n  fontSize: 'base',\n  lineHeight: 1.2,\n});\n\nexport const rowSubtitle = sprinkles({\n  color: 'textSecondary',\n  fontSize: 'sm',\n  lineHeight: 1.2,\n});\n\nexport const rowMeta = sprinkles({\n  color: 'textMuted',\n  fontSize: 'xs',\n  lineHeight: 1.2,\n  whiteSpace: 'nowrap',\n});\n","import { type JSX, type ReactNode, useId } from 'react';\n\nimport { Input } from '@plumile/ui';\n\nimport { useBackofficeReactTranslation } from '../../../../i18n/useBackofficeReactTranslation.js';\n\nimport * as styles from '../entityIdPickerDialog.css.js';\n\nexport type EntityPickerShellProps = {\n  search: string;\n  onSearchChange: (next: string) => void;\n  searchPlaceholder?: string;\n  searchEnabled?: boolean;\n  children: ReactNode;\n};\n\nexport const EntityPickerShell = ({\n  search,\n  onSearchChange,\n  searchPlaceholder,\n  searchEnabled = true,\n  children,\n}: EntityPickerShellProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  const searchInputId = useId();\n  const resolvedPlaceholder =\n    searchPlaceholder ?? t('picker.searchPlaceholder.default');\n  let searchNode: JSX.Element | null = null;\n  if (searchEnabled) {\n    searchNode = (\n      <Input\n        id={searchInputId}\n        name=\"backoffice-entity-picker-search\"\n        value={search}\n        onChange={(event) => {\n          onSearchChange(event.target.value);\n        }}\n        placeholder={resolvedPlaceholder}\n        aria-label={resolvedPlaceholder}\n        size=\"small\"\n        fullWidth\n      />\n    );\n  }\n\n  return (\n    <div className={styles.layout}>\n      {searchNode}\n      {children}\n    </div>\n  );\n};\n\nexport default EntityPickerShell;\n","import { type JSX, type ReactNode } from 'react';\n\nimport * as styles from '../entityIdPickerDialog.css.js';\n\nexport type EntityPickerRowBaseProps = {\n  title: ReactNode;\n  subtitle?: ReactNode;\n};\n\nexport const EntityPickerRowBase = ({\n  title,\n  subtitle,\n}: EntityPickerRowBaseProps): JSX.Element => {\n  let subtitleNode: ReactNode | null = null;\n  if (subtitle != null) {\n    subtitleNode = <div className={styles.rowSubtitle}>{subtitle}</div>;\n  }\n\n  return (\n    <div className={styles.row}>\n      <div className={styles.rowText}>\n        <div className={styles.rowTitle}>{title}</div>\n        {subtitleNode}\n      </div>\n    </div>\n  );\n};\n\nexport default EntityPickerRowBase;\n","import { type JSX } from 'react';\n\nimport { BackofficeEmptyState, Button } from '@plumile/ui';\n\nimport { useBackofficeReactTranslation } from '../../../../i18n/useBackofficeReactTranslation.js';\nimport { EntityPickerRowBase } from './EntityPickerRowBase.js';\nimport type { EntityPickerRowViewModel } from '../types.js';\n\nexport type EntityPickerListProps = {\n  items: readonly EntityPickerRowViewModel[];\n  onSelectId: (id: string) => void;\n  emptyState?: JSX.Element;\n};\n\nexport const EntityPickerList = ({\n  items,\n  onSelectId,\n  emptyState,\n}: EntityPickerListProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n\n  if (items.length === 0) {\n    return (\n      emptyState ?? (\n        <BackofficeEmptyState\n          title={t('picker.empty.title')}\n          description={t('picker.empty.description')}\n        />\n      )\n    );\n  }\n\n  return (\n    <div>\n      {items.map((item) => {\n        return (\n          <Button\n            key={item.id}\n            type=\"button\"\n            variant=\"text\"\n            onClick={() => {\n              onSelectId(item.id);\n            }}\n            width=\"full\"\n          >\n            <EntityPickerRowBase title={item.title} subtitle={item.subtitle} />\n          </Button>\n        );\n      })}\n    </div>\n  );\n};\n\nexport default EntityPickerList;\n","import {\n  Suspense,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type JSX,\n} from 'react';\nimport type { TFunction } from 'i18next';\nimport { useTranslation } from 'react-i18next';\nimport * as ReactRelay from 'react-relay';\n\nimport {\n  BackofficeEmptyState,\n  Button,\n  InlineBanner,\n  Modal,\n  Spinner,\n} from '@plumile/ui';\nimport type {\n  BackofficePickerScope,\n  BackofficeRuntimeEntityPickerConfig,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\n\nimport { BackofficeErrorBoundary } from '../errors/BackofficeErrorBoundary.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficePickerEntityLoader } from '../../../provider/useBackofficeEntityLoader.js';\n\nimport { EntityPickerShell } from './shared/EntityPickerShell.js';\nimport { EntityPickerList } from './shared/EntityPickerList.js';\nimport type { EntityPickerRowViewModel } from './types.js';\nimport * as styles from './entityIdPickerDialog.css.js';\n\nconst { useFragment, useLazyLoadQuery } = ReactRelay;\n\nexport type EntityIdPickerDialogProps = {\n  isOpen: boolean;\n  entity: string;\n  title: string;\n  scope?: BackofficePickerScope<Record<string, unknown>>;\n  onClose: () => void;\n  onSelectId: (id: string) => void;\n};\n\nconst PICKER_FETCH_POLICY = 'store-and-network' as const;\n\nconst resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\ntype PickerBodyProps = {\n  config: BackofficeRuntimeEntityPickerConfig;\n  search: string;\n  scope?: BackofficePickerScope<Record<string, unknown>>;\n  fetchKey: number;\n  onSelectId: (id: string) => void;\n};\n\ntype RuntimePickerRow = {\n  title: string;\n  subtitle?: string | null | undefined;\n};\n\nconst PickerBody = ({\n  config,\n  search,\n  scope,\n  fetchKey,\n  onSelectId,\n}: PickerBodyProps): JSX.Element => {\n  const variables = useMemo(() => {\n    const trimmed = search.trim();\n    return config.buildQueryVariables({ search: trimmed, scope });\n  }, [config, scope, search]);\n\n  const queryData = useLazyLoadQuery(config.query, variables, {\n    fetchPolicy: PICKER_FETCH_POLICY,\n    fetchKey,\n  });\n\n  const fragmentData = useFragment(\n    config.fragment,\n    queryData as never,\n  ) as unknown;\n\n  const connection = config.getConnection(fragmentData);\n\n  const items = useMemo<readonly EntityPickerRowViewModel[]>(() => {\n    return connection.edges.map((edge) => {\n      const row = config.toRow(edge.node) as RuntimePickerRow;\n      const id = config.getRowId(row);\n      return {\n        id,\n        title: row.title,\n        subtitle: row.subtitle,\n      };\n    });\n  }, [config, connection.edges]);\n\n  return <EntityPickerList items={items} onSelectId={onSelectId} />;\n};\n\nconst buildFooter = (onClose: () => void, closeLabel: string): JSX.Element => {\n  return (\n    <>\n      <Button type=\"button\" variant=\"secondary\" onClick={onClose}>\n        {closeLabel}\n      </Button>\n    </>\n  );\n};\n\nconst PickerUnavailable = ({ message }: { message: string }) => {\n  return (\n    <InlineBanner tone=\"warning\" title={message}>\n      {null}\n    </InlineBanner>\n  );\n};\n\nconst PickerLoading = ({ label }: { label: string }): JSX.Element => {\n  return (\n    <div className={styles.loadingState} role=\"status\" aria-live=\"polite\">\n      <Spinner size={18} ariaLabel={label} />\n      <span className={styles.loadingLabel}>{label}</span>\n    </div>\n  );\n};\n\nexport const EntityIdPickerDialog = ({\n  isOpen,\n  entity,\n  title,\n  scope,\n  onClose,\n  onSelectId,\n}: EntityIdPickerDialogProps): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const [search, setSearch] = useState('');\n  const [fetchKey, setFetchKey] = useState(0);\n  const entityState = useBackofficePickerEntityLoader(entity, {\n    enabled: isOpen,\n  });\n\n  let pickerConfig: BackofficeRuntimeEntityPickerConfig | undefined;\n  if (entityState.status === 'loaded') {\n    pickerConfig = entityState.module.config.picker as\n      | BackofficeRuntimeEntityPickerConfig\n      | undefined;\n  }\n\n  useEffect(() => {\n    if (isOpen) {\n      setSearch('');\n      setFetchKey((value) => {\n        return value + 1;\n      });\n    }\n  }, [isOpen]);\n\n  const footer = useMemo(() => {\n    return buildFooter(onClose, t('common.actions.close'));\n  }, [onClose, t]);\n\n  const handleSearchChange = useCallback((next: string) => {\n    setSearch(next);\n    setFetchKey((value) => {\n      return value + 1;\n    });\n  }, []);\n\n  const handleSelectId = useCallback(\n    (id: string) => {\n      onSelectId(id);\n      onClose();\n    },\n    [onClose, onSelectId],\n  );\n\n  if (!isOpen) {\n    return null;\n  }\n\n  let resolvedSearchPlaceholder: string | undefined;\n  if (pickerConfig?.searchPlaceholder != null) {\n    resolvedSearchPlaceholder = resolveLabel(\n      pickerConfig.searchPlaceholder,\n      tApp,\n    );\n  }\n\n  const trimmedSearch = search.trim();\n  const isSearchRequired = pickerConfig?.searchRequired === true;\n\n  let pickerNode: JSX.Element;\n  if (entityState.status === 'loading') {\n    pickerNode = <PickerLoading label={t('common.loading')} />;\n  } else if (pickerConfig != null) {\n    if (isSearchRequired && trimmedSearch === '') {\n      pickerNode = <BackofficeEmptyState title={t('picker.searchRequired')} />;\n    } else {\n      pickerNode = (\n        <PickerBody\n          config={pickerConfig}\n          search={search}\n          scope={scope}\n          fetchKey={fetchKey}\n          onSelectId={handleSelectId}\n        />\n      );\n    }\n  } else {\n    pickerNode = (\n      <PickerUnavailable message={t('picker.unavailable', { entity })} />\n    );\n  }\n\n  return (\n    <Modal isOpen={isOpen} onClose={onClose} title={title} footer={footer}>\n      <EntityPickerShell\n        search={search}\n        onSearchChange={handleSearchChange}\n        searchPlaceholder={resolvedSearchPlaceholder}\n        searchEnabled={pickerConfig?.searchEnabled ?? true}\n      >\n        <BackofficeErrorBoundary\n          fallback={(args: { error: unknown; reset: () => void }) => {\n            const { reset } = args;\n            return (\n              <InlineBanner\n                tone=\"danger\"\n                title={t('picker.errors.loadFailed')}\n                actions={\n                  <Button\n                    type=\"button\"\n                    variant=\"secondary\"\n                    onClick={() => {\n                      reset();\n                      setFetchKey((value) => {\n                        return value + 1;\n                      });\n                    }}\n                  >\n                    {t('common.actions.retry')}\n                  </Button>\n                }\n              >\n                {null}\n              </InlineBanner>\n            );\n          }}\n        >\n          <Suspense fallback={<PickerLoading label={t('common.loading')} />}>\n            {pickerNode}\n          </Suspense>\n        </BackofficeErrorBoundary>\n      </EntityPickerShell>\n    </Modal>\n  );\n};\n\nexport type { BackofficePickerScope } from '@plumile/backoffice-core/types.js';\n\nexport default EntityIdPickerDialog;\n"],"mappings":"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"}