@plumile/backoffice-react 0.1.104 → 0.1.105

package/lib/esm/BackofficeDashboardPage-CZAcZwRc.js

@@ -1,344 +0,0 @@
-import { r as e, t } from "./useBackofficeReactTranslation-Btt58EIo.js";
-import { t as n } from "./BackofficeErrorBoundary-BwRVSDHU.js";
-import { t as r } from "./buildDataTableColumns-DGPjPK4N.js";
-import { t as i } from "./BackofficeRightPageLayout-BZb7LhT-.js";
-import { a } from "./useBackofficeLazyValue-CoIAK-5N.js";
-import { t as o } from "./buildBreadcrumbs-C9cyiXb7.js";
-import { Suspense as s } from "react";
-import { useTranslation as c } from "react-i18next";
-import { Link as l } from "@plumile/router";
-import { DataTable as u, DetailPageTemplate as d, InfoTile as f, MetricCard as p } from "@plumile/ui";
-import * as m from "react-relay";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
-//#region src/pages/BackofficeDashboardPage.helpers.ts
-var v = (e, t) => e(t), y = (e, t) => {
-	switch (e.kind) {
-		case "entityCount":
-		case "shortcut": return e.label;
-		case "tablePreview":
-		case "textBlock": return e.title;
-		case "recentItems":
-		case "metricGroup":
-		case "quickActions":
-		case "statusSummary": return e.title == null ? t.title : e.title;
-		default: return t.title;
-	}
-}, b = (e) => "query" in e && e.query != null;
-//#endregion
-//#region ../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js
-function x(e, t) {
-	if (typeof e != "object" || !e) return e;
-	var n = e[Symbol.toPrimitive];
-	if (n !== void 0) {
-		var r = n.call(e, t || "default");
-		if (typeof r != "object") return r;
-		throw TypeError("@@toPrimitive must return a primitive value.");
-	}
-	return (t === "string" ? String : Number)(e);
-}
-function S(e) {
-	var t = x(e, "string");
-	return typeof t == "symbol" ? t : String(t);
-}
-function C(e, t, n) {
-	return t = S(t), t in e ? Object.defineProperty(e, t, {
-		value: n,
-		enumerable: !0,
-		configurable: !0,
-		writable: !0
-	}) : e[t] = n, e;
-}
-function w(e, t) {
-	var n = Object.keys(e);
-	if (Object.getOwnPropertySymbols) {
-		var r = Object.getOwnPropertySymbols(e);
-		t && (r = r.filter(function(t) {
-			return Object.getOwnPropertyDescriptor(e, t).enumerable;
-		})), n.push.apply(n, r);
-	}
-	return n;
-}
-function T(e) {
-	for (var t = 1; t < arguments.length; t++) {
-		var n = arguments[t] == null ? {} : arguments[t];
-		t % 2 ? w(Object(n), !0).forEach(function(t) {
-			C(e, t, n[t]);
-		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : w(Object(n)).forEach(function(t) {
-			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
-		});
-	}
-	return e;
-}
-function E(e, t) {
-	var n = {};
-	for (var r in e) n[r] = t(e[r], r);
-	return n;
-}
-var D = (e, t, n) => {
-	for (var r of Object.keys(e)) if (e[r] !== (t[r] ?? n[r])) return !1;
-	return !0;
-}, O = (e) => {
-	var t = (t) => {
-		var n = e.defaultClassName, r = T(T({}, e.defaultVariants), t);
-		for (var i in r) {
-			var a = r[i] ?? e.defaultVariants[i];
-			if (a != null) {
-				var o = a;
-				typeof o == "boolean" && (o = o === !0 ? "true" : "false");
-				var s = e.variantClassNames[i][o];
-				s && (n += " " + s);
-			}
-		}
-		for (var [c, l] of e.compoundVariants) D(c, r, e.defaultVariants) && (n += " " + l);
-		return n;
-	};
-	return t.variants = () => Object.keys(e.variantClassNames), t.classNames = {
-		get base() {
-			return e.defaultClassName.split(" ")[0];
-		},
-		get variants() {
-			return E(e.variantClassNames, (e) => E(e, (e) => e.split(" ")[0]));
-		}
-	}, t;
-}, k = "mt26ef0 txvbqb9iy txvbqbaog", A = O({
-	defaultClassName: "mt26ef7 mt26ef1",
-	variantClassNames: { size: {
-		s: "mt26ef8 mt26ef2",
-		m: "mt26ef9 mt26ef3",
-		l: "mt26efa mt26ef4",
-		xl: "mt26efb mt26ef5",
-		full: "mt26efc mt26ef6"
-	} },
-	defaultVariants: { size: "m" },
-	compoundVariants: []
-}), j = "txvbqb9ip txvbqbai7 txvbqbao7", M = "txvbqba7 txvbqbamy txvbqbehy", N = "txvbqb9ip txvbqbajy txvbqbqi7 txvbqb8vg", P = "txvbqb9ip txvbqbai7 txvbqbao7", F = "mt26efd txvbqbp6g txvbqbly7 txvbqb9ip txvbqbcp txvbqbdpp txvbqbaog txvbqb12g txvbqb62p txvbqb1qg txvbqb3og txvbqbv9z txvbqb3b", I = "txvbqbamp txvbqbakg", { useLazyLoadQuery: L } = m, R = (e) => e ?? "m", z = ({ widget: n, globalData: i }) => {
-	let { t: a } = c(), { t: o } = t(), { entities: s } = e(), d = (e) => "resolve" in n && n.resolve != null ? n.resolve(e) : null;
-	if (n.kind === "textBlock") return /* @__PURE__ */ g(f, {
-		title: v(n.title, a),
-		children: /* @__PURE__ */ g("div", {
-			className: j,
-			children: v(n.body, a)
-		})
-	});
-	if (n.kind === "shortcut") {
-		let e = s[n.entityId];
-		if (e == null) return null;
-		let t = v(n.label, a);
-		return e.kind === "tool" ? /* @__PURE__ */ g(f, {
-			title: t,
-			children: /* @__PURE__ */ g("div", {
-				className: N,
-				children: /* @__PURE__ */ g(l, {
-					to: e.routes.list,
-					children: o("dashboard.actions.openTool")
-				})
-			})
-		}) : /* @__PURE__ */ g(f, {
-			title: t,
-			children: /* @__PURE__ */ g("div", {
-				className: N,
-				children: /* @__PURE__ */ g(l, {
-					to: e.routes.list,
-					children: o("dashboard.actions.openList")
-				})
-			})
-		});
-	}
-	if (n.kind === "tablePreview") {
-		let e = d(i);
-		if (e == null) return null;
-		let t = r(e.columns, {
-			tApp: a,
-			t: o,
-			resolveEntityHref: (e, t) => {
-				let n = s[e];
-				return n == null ? null : n.routes.detail(t);
-			}
-		});
-		return /* @__PURE__ */ g(f, {
-			title: v(n.title, a),
-			children: /* @__PURE__ */ g(u, {
-				columns: t,
-				rows: e.rows,
-				getRowId: (e, t) => {
-					if (typeof e == "object" && e) {
-						let { id: t } = e;
-						if (typeof t == "string" && t.trim() !== "") return t;
-					}
-					return String(t);
-				}
-			})
-		});
-	}
-	if (n.kind === "metricGroup") {
-		let e = d(i);
-		return e == null ? null : /* @__PURE__ */ g("div", {
-			className: k,
-			children: e.map((e) => {
-				let t = e.value ?? o("common.notAvailable");
-				return /* @__PURE__ */ g(p, {
-					label: v(e.label, a),
-					value: t,
-					hint: e.meta == null ? void 0 : v(e.meta, a)
-				}, e.id);
-			})
-		});
-	}
-	if (n.kind === "quickActions") return /* @__PURE__ */ g(f, {
-		title: n.title == null ? o("dashboard.actions.openTool") : v(n.title, a),
-		children: /* @__PURE__ */ g("div", {
-			className: N,
-			children: n.actions.map((e) => /* @__PURE__ */ g(l, {
-				to: e.href,
-				children: v(e.label, a)
-			}, e.id))
-		})
-	});
-	if (n.kind === "statusSummary") {
-		let e = d(i);
-		return e == null ? null : /* @__PURE__ */ g(f, {
-			title: n.title == null ? void 0 : v(n.title, a),
-			children: /* @__PURE__ */ g("div", {
-				className: P,
-				children: e.map((e) => {
-					let t = e.value ?? o("common.notAvailable"), n = /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("span", { children: v(e.label, a) }), /* @__PURE__ */ g("span", {
-						className: I,
-						children: t
-					})] });
-					return e.href == null ? /* @__PURE__ */ g("div", {
-						className: F,
-						children: n
-					}, e.id) : /* @__PURE__ */ g(l, {
-						to: e.href,
-						className: F,
-						children: n
-					}, e.id);
-				})
-			})
-		});
-	}
-	if (n.kind === "recentItems") return /* @__PURE__ */ g(f, {
-		title: n.title == null ? o("dashboard.title") : v(n.title, a),
-		children: /* @__PURE__ */ g("div", {
-			className: j,
-			children: o("common.notAvailable")
-		})
-	});
-	let m = s[n.entityId];
-	if (m?.kind !== "list-detail") return null;
-	let y = d(i), b = o("common.notAvailable");
-	return typeof y?.count == "number" && (b = y.count), /* @__PURE__ */ g(f, {
-		title: v(n.label, a),
-		children: /* @__PURE__ */ _("div", {
-			className: j,
-			children: [/* @__PURE__ */ g("div", {
-				className: M,
-				children: b
-			}), /* @__PURE__ */ g("div", {
-				className: N,
-				children: /* @__PURE__ */ g(l, {
-					to: m.routes.list,
-					children: o("dashboard.actions.openList")
-				})
-			})]
-		})
-	});
-}, B = ({ widget: e }) => /* @__PURE__ */ g(z, {
-	widget: e,
-	globalData: L(e.query, {}, { fetchPolicy: "store-or-network" })
-}), V = ({ config: e, globalData: r }) => {
-	let { t: i } = c(), { t: a } = t();
-	return /* @__PURE__ */ g(d, {
-		header: {
-			title: v(e.title, i),
-			subtitle: (e.subtitle == null ? void 0 : v(e.subtitle, i)) ?? a("dashboard.subtitle")
-		},
-		children: /* @__PURE__ */ g("div", {
-			className: k,
-			children: e.widgets.map((t) => {
-				let o = b(t) ? /* @__PURE__ */ g(B, { widget: t }) : /* @__PURE__ */ g(z, {
-					widget: t,
-					globalData: r
-				});
-				return /* @__PURE__ */ g(n, {
-					fallback: () => /* @__PURE__ */ g(f, {
-						title: v(y(t, e), i),
-						children: /* @__PURE__ */ g("div", {
-							className: j,
-							children: a("common.notAvailable")
-						})
-					}),
-					children: /* @__PURE__ */ g(s, {
-						fallback: /* @__PURE__ */ g(f, {
-							title: v(y(t, e), i),
-							children: /* @__PURE__ */ g("div", {
-								className: j,
-								children: a("common.loading")
-							})
-						}),
-						children: /* @__PURE__ */ g("div", {
-							className: A({ size: R(t.size) }),
-							children: o
-						})
-					})
-				}, t.id);
-			})
-		})
-	});
-}, H = ({ config: e }) => /* @__PURE__ */ g(V, {
-	config: e,
-	globalData: L(e.query, {}, { fetchPolicy: "store-or-network" })
-}), U = () => {
-	let { t: n } = c(), { t: r } = t(), { entities: s } = e(), u = a(), p = o(r);
-	if (u == null) {
-		let e = Object.values(s).filter((e) => e.kind === "list-detail" && e.hasList).map((e) => ({
-			config: e,
-			label: v(e.label, n)
-		})).sort((e, t) => e.label.localeCompare(t.label));
-		return /* @__PURE__ */ g(i, {
-			breadcrumb: p,
-			children: /* @__PURE__ */ g(d, {
-				header: {
-					title: r("dashboard.title"),
-					subtitle: r("dashboard.subtitle")
-				},
-				children: /* @__PURE__ */ g("div", {
-					className: k,
-					children: e.map(({ config: e, label: t }) => /* @__PURE__ */ g("div", {
-						className: A({ size: "m" }),
-						children: /* @__PURE__ */ g(f, {
-							title: t,
-							children: /* @__PURE__ */ _("div", {
-								className: j,
-								children: [/* @__PURE__ */ g("div", {
-									className: M,
-									children: r("common.notAvailable")
-								}), /* @__PURE__ */ g("div", {
-									className: N,
-									children: /* @__PURE__ */ g(l, {
-										to: e.routes.list,
-										children: r("dashboard.actions.openList")
-									})
-								})]
-							})
-						})
-					}, e.id))
-				})
-			})
-		});
-	}
-	return u.query == null ? /* @__PURE__ */ g(i, {
-		breadcrumb: p,
-		children: /* @__PURE__ */ g(V, {
-			config: u,
-			globalData: null
-		})
-	}) : /* @__PURE__ */ g(i, {
-		breadcrumb: p,
-		children: /* @__PURE__ */ g(H, { config: u })
-	});
-};
-//#endregion
-export { U as BackofficeDashboardPage, U as default };
-
-//# sourceMappingURL=BackofficeDashboardPage-CZAcZwRc.js.map

package/lib/esm/BackofficeDashboardPage-CZAcZwRc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BackofficeDashboardPage-CZAcZwRc.js","names":[],"sources":["../../src/pages/BackofficeDashboardPage.helpers.ts","../../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js","../../src/pages/backofficeDashboardPage.css.ts","../../src/pages/BackofficeDashboardPage.tsx"],"sourcesContent":["import type {\n  BackofficeDashboardConfig,\n  BackofficeDashboardWidget,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\nimport type { TFunction } from 'i18next';\nimport type { GraphQLTaggedNode } from 'relay-runtime';\n\nexport const resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nexport const getWidgetLabel = (\n  widget: BackofficeDashboardWidget,\n  config: BackofficeDashboardConfig,\n): I18nLabel => {\n  switch (widget.kind) {\n    case 'entityCount':\n    case 'shortcut':\n      return widget.label;\n    case 'tablePreview':\n    case 'textBlock':\n      return widget.title;\n    case 'recentItems':\n    case 'metricGroup':\n    case 'quickActions':\n    case 'statusSummary':\n      if (widget.title != null) {\n        return widget.title;\n      }\n      return config.title;\n    default:\n      return config.title;\n  }\n};\n\nexport const hasWidgetQuery = (\n  widget: BackofficeDashboardWidget,\n): widget is BackofficeDashboardWidget & { query: GraphQLTaggedNode } => {\n  return 'query' in widget && widget.query != null;\n};\n","function toPrimitive(t, r) {\n  if (\"object\" != typeof t || !t) return t;\n  var e = t[Symbol.toPrimitive];\n  if (void 0 !== e) {\n    var i = e.call(t, r || \"default\");\n    if (\"object\" != typeof i) return i;\n    throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n  }\n  return (\"string\" === r ? String : Number)(t);\n}\n\nfunction toPropertyKey(t) {\n  var i = toPrimitive(t, \"string\");\n  return \"symbol\" == typeof i ? i : String(i);\n}\n\nfunction _defineProperty(obj, key, value) {\n  key = toPropertyKey(key);\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n  return obj;\n}\n\nfunction ownKeys(e, r) {\n  var t = Object.keys(e);\n  if (Object.getOwnPropertySymbols) {\n    var o = Object.getOwnPropertySymbols(e);\n    r && (o = o.filter(function (r) {\n      return Object.getOwnPropertyDescriptor(e, r).enumerable;\n    })), t.push.apply(t, o);\n  }\n  return t;\n}\nfunction _objectSpread2(e) {\n  for (var r = 1; r < arguments.length; r++) {\n    var t = null != arguments[r] ? arguments[r] : {};\n    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {\n      _defineProperty(e, r, t[r]);\n    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {\n      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));\n    });\n  }\n  return e;\n}\n\nfunction mapValues(input, fn) {\n  var result = {};\n  for (var _key in input) {\n    result[_key] = fn(input[_key], _key);\n  }\n  return result;\n}\n\nvar shouldApplyCompound = (compoundCheck, selections, defaultVariants) => {\n  for (var key of Object.keys(compoundCheck)) {\n    var _selections$key;\n    if (compoundCheck[key] !== ((_selections$key = selections[key]) !== null && _selections$key !== void 0 ? _selections$key : defaultVariants[key])) {\n      return false;\n    }\n  }\n  return true;\n};\nvar createRuntimeFn = config => {\n  var runtimeFn = options => {\n    var className = config.defaultClassName;\n    var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);\n    for (var variantName in selections) {\n      var _selections$variantNa;\n      var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];\n      if (variantSelection != null) {\n        var selection = variantSelection;\n        if (typeof selection === 'boolean') {\n          // @ts-expect-error\n          selection = selection === true ? 'true' : 'false';\n        }\n        var selectionClassName =\n        // @ts-expect-error\n        config.variantClassNames[variantName][selection];\n        if (selectionClassName) {\n          className += ' ' + selectionClassName;\n        }\n      }\n    }\n    for (var [compoundCheck, compoundClassName] of config.compoundVariants) {\n      if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) {\n        className += ' ' + compoundClassName;\n      }\n    }\n    return className;\n  };\n  runtimeFn.variants = () => Object.keys(config.variantClassNames);\n  runtimeFn.classNames = {\n    get base() {\n      return config.defaultClassName.split(' ')[0];\n    },\n    get variants() {\n      return mapValues(config.variantClassNames, classNames => mapValues(classNames, className => className.split(' ')[0]));\n    }\n  };\n  return runtimeFn;\n};\n\nexport { createRuntimeFn as c, mapValues as m };\n","import { style } from '@vanilla-extract/css';\nimport { recipe } from '@vanilla-extract/recipes';\nimport { sprinkles, vars } from '@plumile/ui';\n\nexport const tilesGrid = style([\n  sprinkles({\n    display: 'grid',\n    gap: 3,\n  }),\n  {\n    gridTemplateColumns: 'repeat(12, minmax(0, 1fr))',\n    '@media': {\n      'screen and (max-width: 1199px)': {\n        gridTemplateColumns: 'repeat(2, minmax(0, 1fr))',\n      },\n      'screen and (max-width: 767px)': {\n        gridTemplateColumns: 'minmax(0, 1fr)',\n      },\n    },\n  },\n]);\n\nexport const widget = recipe({\n  base: style({\n    minWidth: 0,\n  }),\n  variants: {\n    size: {\n      s: style({\n        gridColumn: 'span 3',\n        '@media': {\n          'screen and (max-width: 1199px)': {\n            gridColumn: 'span 1',\n          },\n        },\n      }),\n      m: style({\n        gridColumn: 'span 4',\n        '@media': {\n          'screen and (max-width: 1199px)': {\n            gridColumn: 'span 1',\n          },\n        },\n      }),\n      l: style({\n        gridColumn: 'span 6',\n        '@media': {\n          'screen and (max-width: 1199px)': {\n            gridColumn: 'span 2',\n          },\n          'screen and (max-width: 767px)': {\n            gridColumn: 'span 1',\n          },\n        },\n      }),\n      xl: style({\n        gridColumn: 'span 8',\n        '@media': {\n          'screen and (max-width: 1199px)': {\n            gridColumn: 'span 2',\n          },\n          'screen and (max-width: 767px)': {\n            gridColumn: 'span 1',\n          },\n        },\n      }),\n      full: style({\n        gridColumn: '1 / -1',\n      }),\n    },\n  },\n  defaultVariants: {\n    size: 'm',\n  },\n});\n\nexport const tileBody = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2,\n});\n\nexport const tileCount = sprinkles({\n  fontSize: '3xl',\n  fontWeight: 'bold',\n  lineHeight: 1,\n});\n\nexport const links = sprinkles({\n  display: 'flex',\n  flexWrap: 'wrap',\n  rowGap: 2,\n  columnGap: 3,\n});\n\nexport const statusList = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2,\n});\n\nexport const statusItem = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: 3,\n    paddingY: 2,\n    borderWidth: 0,\n    borderBottomWidth: 'default',\n    borderStyle: 'solid',\n    borderBottomColor: 'borderLight',\n    color: 'text',\n    textDecoration: 'none',\n  }),\n  {\n    selectors: {\n      '&:last-child': {\n        borderBottomWidth: 0,\n      },\n      '&:hover': {\n        color: vars.colors.primary,\n      },\n    },\n  },\n]);\n\nexport const statusValue = sprinkles({\n  fontWeight: 'semibold',\n  fontVariantNumeric: 'tabular-nums',\n});\n","/* eslint-disable no-ternary */\nimport { type JSX, Suspense } from 'react';\nimport { Link } from '@plumile/router';\nimport type {\n  BackofficeDashboardConfig,\n  BackofficeDashboardWidget,\n  BackofficeDashboardWidgetSize,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\nimport {\n  DataTable,\n  DetailPageTemplate,\n  InfoTile,\n  MetricCard,\n} from '@plumile/ui';\nimport { useTranslation } from 'react-i18next';\nimport * as ReactRelay from 'react-relay';\nimport type { GraphQLTaggedNode, OperationType } from 'relay-runtime';\n\nimport { BackofficeErrorBoundary } from '../components/backoffice/errors/BackofficeErrorBoundary.js';\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport { useBackofficeDashboardConfig } from '../provider/useBackofficeLazyValue.js';\nimport { buildDataTableColumns } from '../components/backoffice/columns/buildDataTableColumns.js';\nimport { BackofficeRightPageLayout } from '../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js';\nimport { buildDashboardBreadcrumb } from '../components/backoffice/layout/breadcrumb/buildBreadcrumbs.js';\nimport {\n  getWidgetLabel,\n  hasWidgetQuery,\n  resolveLabel,\n} from './BackofficeDashboardPage.helpers.js';\n\nimport * as styles from './backofficeDashboardPage.css.js';\n\nconst { useLazyLoadQuery } = ReactRelay;\n\ntype WidgetContentProps = {\n  widget: BackofficeDashboardWidget;\n  globalData: unknown;\n};\n\nconst resolveWidgetSize = (\n  size: BackofficeDashboardWidgetSize | undefined,\n): BackofficeDashboardWidgetSize => {\n  return size ?? 'm';\n};\n\nconst WidgetContent = ({\n  widget,\n  globalData,\n}: WidgetContentProps): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { entities } = useBackofficeConfig();\n\n  const resolveData = (data: unknown): unknown => {\n    if ('resolve' in widget && widget.resolve != null) {\n      return widget.resolve(data);\n    }\n    return null;\n  };\n\n  if (widget.kind === 'textBlock') {\n    const title = resolveLabel(widget.title, tApp);\n    const body = resolveLabel(widget.body, tApp);\n    return (\n      <InfoTile title={title}>\n        <div className={styles.tileBody}>{body}</div>\n      </InfoTile>\n    );\n  }\n\n  if (widget.kind === 'shortcut') {\n    const entity = entities[widget.entityId];\n    if (entity == null) {\n      return null;\n    }\n    const title = resolveLabel(widget.label, tApp);\n    if (entity.kind === 'tool') {\n      return (\n        <InfoTile title={title}>\n          <div className={styles.links}>\n            <Link to={entity.routes.list}>\n              {t('dashboard.actions.openTool')}\n            </Link>\n          </div>\n        </InfoTile>\n      );\n    }\n    return (\n      <InfoTile title={title}>\n        <div className={styles.links}>\n          <Link to={entity.routes.list}>{t('dashboard.actions.openList')}</Link>\n        </div>\n      </InfoTile>\n    );\n  }\n\n  if (widget.kind === 'tablePreview') {\n    const resolved = resolveData(globalData) as {\n      columns: readonly unknown[];\n      rows: readonly unknown[];\n    } | null;\n    if (resolved == null) {\n      return null;\n    }\n    const columns = buildDataTableColumns(resolved.columns as never, {\n      tApp,\n      t,\n      resolveEntityHref: (entityId, refId) => {\n        const entityConfig = entities[entityId];\n        if (entityConfig == null) {\n          return null;\n        }\n        return entityConfig.routes.detail(refId);\n      },\n    });\n    const title = resolveLabel(widget.title, tApp);\n    return (\n      <InfoTile title={title}>\n        <DataTable\n          columns={columns}\n          rows={resolved.rows}\n          getRowId={(row, index) => {\n            if (row != null && typeof row === 'object') {\n              const record = row as Record<string, unknown>;\n              const { id } = record;\n              if (typeof id === 'string' && id.trim() !== '') {\n                return id;\n              }\n            }\n            return String(index);\n          }}\n        />\n      </InfoTile>\n    );\n  }\n\n  if (widget.kind === 'metricGroup') {\n    const resolved = resolveData(globalData) as\n      | readonly {\n          id: string;\n          label: I18nLabel;\n          value: string | number | null;\n          meta?: I18nLabel;\n          href?: string;\n        }[]\n      | null;\n    if (resolved == null) {\n      return null;\n    }\n    return (\n      <div className={styles.tilesGrid}>\n        {resolved.map((metric) => {\n          const value = metric.value ?? t('common.notAvailable');\n          return (\n            <MetricCard\n              key={metric.id}\n              label={resolveLabel(metric.label, tApp)}\n              value={value}\n              hint={\n                metric.meta != null\n                  ? resolveLabel(metric.meta, tApp)\n                  : undefined\n              }\n            />\n          );\n        })}\n      </div>\n    );\n  }\n\n  if (widget.kind === 'quickActions') {\n    const title =\n      widget.title != null\n        ? resolveLabel(widget.title, tApp)\n        : t('dashboard.actions.openTool');\n    return (\n      <InfoTile title={title}>\n        <div className={styles.links}>\n          {widget.actions.map((action) => {\n            return (\n              <Link key={action.id} to={action.href}>\n                {resolveLabel(action.label, tApp)}\n              </Link>\n            );\n          })}\n        </div>\n      </InfoTile>\n    );\n  }\n\n  if (widget.kind === 'statusSummary') {\n    const resolved = resolveData(globalData) as\n      | readonly {\n          id: string;\n          label: I18nLabel;\n          value: string | number | null;\n          href?: string;\n        }[]\n      | null;\n    if (resolved == null) {\n      return null;\n    }\n    const title =\n      widget.title != null ? resolveLabel(widget.title, tApp) : undefined;\n    return (\n      <InfoTile title={title}>\n        <div className={styles.statusList}>\n          {resolved.map((item) => {\n            const value = item.value ?? t('common.notAvailable');\n            const content = (\n              <>\n                <span>{resolveLabel(item.label, tApp)}</span>\n                <span className={styles.statusValue}>{value}</span>\n              </>\n            );\n            if (item.href != null) {\n              return (\n                <Link\n                  key={item.id}\n                  to={item.href}\n                  className={styles.statusItem}\n                >\n                  {content}\n                </Link>\n              );\n            }\n            return (\n              <div key={item.id} className={styles.statusItem}>\n                {content}\n              </div>\n            );\n          })}\n        </div>\n      </InfoTile>\n    );\n  }\n\n  if (widget.kind === 'recentItems') {\n    const title =\n      widget.title != null\n        ? resolveLabel(widget.title, tApp)\n        : t('dashboard.title');\n    return (\n      <InfoTile title={title}>\n        <div className={styles.tileBody}>{t('common.notAvailable')}</div>\n      </InfoTile>\n    );\n  }\n\n  const entityManifest = entities[widget.entityId];\n  if (entityManifest?.kind !== 'list-detail') {\n    return null;\n  }\n  const resolved = resolveData(globalData) as { count: number | null } | null;\n  let countLabel: number | string = t('common.notAvailable');\n  if (typeof resolved?.count === 'number') {\n    countLabel = resolved.count;\n  }\n  const title = resolveLabel(widget.label, tApp);\n  return (\n    <InfoTile title={title}>\n      <div className={styles.tileBody}>\n        <div className={styles.tileCount}>{countLabel}</div>\n        <div className={styles.links}>\n          <Link to={entityManifest.routes.list}>\n            {t('dashboard.actions.openList')}\n          </Link>\n        </div>\n      </div>\n    </InfoTile>\n  );\n};\n\ntype WidgetWithQueryProps = {\n  widget: BackofficeDashboardWidget & { query: GraphQLTaggedNode };\n};\n\nconst WidgetWithQuery = ({ widget }: WidgetWithQueryProps): JSX.Element => {\n  const data = useLazyLoadQuery<OperationType>(\n    widget.query,\n    {},\n    {\n      fetchPolicy: 'store-or-network',\n    },\n  );\n\n  return <WidgetContent widget={widget} globalData={data} />;\n};\n\ntype DashboardContentProps = {\n  config: BackofficeDashboardConfig;\n  globalData: unknown;\n};\n\nconst DashboardContent = ({\n  config,\n  globalData,\n}: DashboardContentProps): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n\n  const title = resolveLabel(config.title, tApp);\n  const subtitle =\n    config.subtitle != null ? resolveLabel(config.subtitle, tApp) : undefined;\n\n  return (\n    <DetailPageTemplate\n      header={{\n        title,\n        subtitle: subtitle ?? t('dashboard.subtitle'),\n      }}\n    >\n      <div className={styles.tilesGrid}>\n        {config.widgets.map((widget) => {\n          const content = hasWidgetQuery(widget) ? (\n            <WidgetWithQuery widget={widget} />\n          ) : (\n            <WidgetContent widget={widget} globalData={globalData} />\n          );\n\n          return (\n            <BackofficeErrorBoundary\n              key={widget.id}\n              fallback={() => {\n                return (\n                  <InfoTile\n                    title={resolveLabel(getWidgetLabel(widget, config), tApp)}\n                  >\n                    <div className={styles.tileBody}>\n                      {t('common.notAvailable')}\n                    </div>\n                  </InfoTile>\n                );\n              }}\n            >\n              <Suspense\n                fallback={\n                  <InfoTile\n                    title={resolveLabel(getWidgetLabel(widget, config), tApp)}\n                  >\n                    <div className={styles.tileBody}>{t('common.loading')}</div>\n                  </InfoTile>\n                }\n              >\n                <div\n                  className={styles.widget({\n                    size: resolveWidgetSize(widget.size),\n                  })}\n                >\n                  {content}\n                </div>\n              </Suspense>\n            </BackofficeErrorBoundary>\n          );\n        })}\n      </div>\n    </DetailPageTemplate>\n  );\n};\n\ntype DashboardWithQueryProps = {\n  config: BackofficeDashboardConfig;\n};\n\nconst DashboardWithQuery = ({\n  config,\n}: DashboardWithQueryProps): JSX.Element => {\n  const data = useLazyLoadQuery<OperationType>(\n    config.query as never,\n    {},\n    { fetchPolicy: 'store-or-network' },\n  );\n\n  return <DashboardContent config={config} globalData={data} />;\n};\n\nexport const BackofficeDashboardPage = (): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { entities } = useBackofficeConfig();\n  const dashboard = useBackofficeDashboardConfig();\n  const breadcrumb = buildDashboardBreadcrumb(t);\n\n  if (dashboard == null) {\n    const items = Object.values(entities)\n      .filter((config) => {\n        return config.kind === 'list-detail' && config.hasList;\n      })\n      .map((config) => {\n        return {\n          config,\n          label: resolveLabel(config.label, tApp),\n        };\n      })\n      .sort((left, right) => {\n        return left.label.localeCompare(right.label);\n      });\n\n    return (\n      <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n        <DetailPageTemplate\n          header={{\n            title: t('dashboard.title'),\n            subtitle: t('dashboard.subtitle'),\n          }}\n        >\n          <div className={styles.tilesGrid}>\n            {items.map(({ config, label }) => {\n              return (\n                <div key={config.id} className={styles.widget({ size: 'm' })}>\n                  <InfoTile title={label}>\n                    <div className={styles.tileBody}>\n                      <div className={styles.tileCount}>\n                        {t('common.notAvailable')}\n                      </div>\n                      <div className={styles.links}>\n                        <Link to={config.routes.list}>\n                          {t('dashboard.actions.openList')}\n                        </Link>\n                      </div>\n                    </div>\n                  </InfoTile>\n                </div>\n              );\n            })}\n          </div>\n        </DetailPageTemplate>\n      </BackofficeRightPageLayout>\n    );\n  }\n\n  if (dashboard.query != null) {\n    return (\n      <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n        <DashboardWithQuery config={dashboard} />\n      </BackofficeRightPageLayout>\n    );\n  }\n\n  return (\n    <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n      <DashboardContent config={dashboard} globalData={null} />\n    </BackofficeRightPageLayout>\n  );\n};\n\nexport default BackofficeDashboardPage;\n"],"x_google_ignoreList":[1],"mappings":"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"}

package/lib/esm/BackofficeDetailPayload-P61MDRLE.js

@@ -1,94 +0,0 @@
-import { t as e } from "./useBackofficeReactTranslation-Btt58EIo.js";
-import { useTranslation as t } from "react-i18next";
-import { CopyableText as n, LazyMarkdownRenderer as r, Tag as i, cx as a } from "@plumile/ui";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/components/backoffice/detail/backofficeDetailBadgeRow.css.ts
-var c = "txvbqb9ip txvbqbajy txvbqbao7 txvbqbcp", l = ({ items: e }) => {
-	let { t: n } = t();
-	return /* @__PURE__ */ o("div", {
-		className: c,
-		children: e.map((e) => {
-			let t = typeof e.label == "function" ? e.label(n) : e.label;
-			return /* @__PURE__ */ o(i, {
-				tone: e.tone ?? "neutral",
-				children: t
-			}, e.id);
-		})
-	});
-}, u = "txvbqb9ip txvbqbai7 txvbqbany txvbqbk5y", d = "txvbqb8p txvbqb66 txvbqbefp txvbqbva1", f = "txvbqb8y txvbqbv9z txvbqbuu7", p = "txvbqbbg7", m = {
-	xs: "_1vn15b70",
-	s: "_1vn15b71",
-	m: "_1vn15b72",
-	l: "_1vn15b73",
-	xl: "_1vn15b74",
-	fluid: "_1vn15b75"
-}, h = ({ label: t, size: r, value: i, copyValue: c, fullWidth: l = !1 }) => {
-	let { t: h } = e(), g = i;
-	(g == null || typeof g == "string" && g.trim() === "") && (g = h("common.notAvailable")), c != null && c !== "" && (g = /* @__PURE__ */ o(n, {
-		value: c,
-		copyValue: c,
-		truncate: !1,
-		copyLabel: h("common.actions.copy"),
-		copiedLabel: h("common.actions.copied")
-	}));
-	let _ = [u, m[r]];
-	return l && _.push(p), /* @__PURE__ */ s("div", {
-		className: a(..._),
-		children: [/* @__PURE__ */ o("span", {
-			className: d,
-			children: t
-		}), /* @__PURE__ */ o("div", {
-			className: f,
-			children: g
-		})]
-	});
-}, g = "txvbqb9ip txvbqbai7 txvbqbaop txvbqblby txvbqb1rg txvbqbv41 txvbqb1cp txvbqb1qg txvbqbwp txvbqb8qy", _ = "txvbqb9ip txvbqbai7 txvbqbany", v = "txvbqb97 txvbqbamp txvbqbv9z", y = "txvbqb8y txvbqbva1", b = "txvbqb9iy txvbqbaop txvbqbc0y", x = ({ title: e, description: t, items: n, children: r }) => {
-	let i = null;
-	t != null && t !== "" && (i = /* @__PURE__ */ o("p", {
-		className: y,
-		children: t
-	}));
-	let a = null;
-	return n != null && n.length > 0 && (a = /* @__PURE__ */ o("div", {
-		className: b,
-		children: n.map((e) => /* @__PURE__ */ o(h, { ...e }, e.id))
-	})), /* @__PURE__ */ s("section", {
-		className: g,
-		children: [
-			/* @__PURE__ */ s("header", {
-				className: _,
-				children: [/* @__PURE__ */ o("h3", {
-					className: v,
-					children: e
-				}), i]
-			}),
-			a,
-			r
-		]
-	});
-};
-//#endregion
-//#region src/components/backoffice/detail/detailPayloadUtils.ts
-function S(e) {
-	if (e == null) return "";
-	try {
-		return `\`\`\`json\n${JSON.stringify(e, null, 2)}\n\`\`\``;
-	} catch {
-		let t = "[unserializable]";
-		return typeof e == "string" ? t = e : (typeof e == "number" || typeof e == "boolean") && (t = String(e)), `\`\`\`\n${t}\n\`\`\``;
-	}
-}
-//#endregion
-//#region src/components/backoffice/detail/BackofficeDetailPayload.tsx
-var C = ({ title: t, content: n, format: i = "markdown", description: a }) => {
-	let { t: s } = e(), c = "";
-	return i === "json" ? c = S(n) : n != null && (c = typeof n == "string" ? n : typeof n == "number" || typeof n == "boolean" ? String(n) : S(n)), c.trim() === "" && (c = s("common.notAvailable")), /* @__PURE__ */ o(x, {
-		title: t,
-		description: a,
-		children: /* @__PURE__ */ o(r, { content: c })
-	});
-};
-//#endregion
-export { l as a, h as i, S as n, x as r, C as t };
-
-//# sourceMappingURL=BackofficeDetailPayload-P61MDRLE.js.map

package/lib/esm/BackofficeDetailPayload-P61MDRLE.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BackofficeDetailPayload-P61MDRLE.js","names":[],"sources":["../../src/components/backoffice/detail/backofficeDetailBadgeRow.css.ts","../../src/components/backoffice/detail/BackofficeDetailBadgeRow.tsx","../../src/components/backoffice/detail/backofficeDetailField.css.ts","../../src/components/backoffice/detail/BackofficeDetailField.tsx","../../src/components/backoffice/detail/backofficeDetailSection.css.ts","../../src/components/backoffice/detail/BackofficeDetailSection.tsx","../../src/components/backoffice/detail/detailPayloadUtils.ts","../../src/components/backoffice/detail/BackofficeDetailPayload.tsx"],"sourcesContent":["import { sprinkles } from '@plumile/ui';\n\nexport const row = sprinkles({\n  display: 'flex',\n  flexWrap: 'wrap',\n  gap: 2,\n  alignItems: 'center',\n});\n","/* eslint-disable no-ternary */\nimport { type JSX } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { BackofficeBadgeItem } from '@plumile/backoffice-core/types.js';\nimport { Tag } from '@plumile/ui';\n\nimport * as styles from './backofficeDetailBadgeRow.css.js';\n\nexport type BackofficeDetailBadgeRowProps = {\n  items: readonly BackofficeBadgeItem[];\n};\n\nexport const BackofficeDetailBadgeRow = ({\n  items,\n}: BackofficeDetailBadgeRowProps): JSX.Element => {\n  const { t } = useTranslation();\n  return (\n    <div className={styles.row}>\n      {items.map((item) => {\n        const label =\n          typeof item.label === 'function' ? item.label(t) : item.label;\n        return (\n          <Tag key={item.id} tone={item.tone ?? 'neutral'}>\n            {label}\n          </Tag>\n        );\n      })}\n    </div>\n  );\n};\n\nexport default BackofficeDetailBadgeRow;\n","import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui';\n\nexport const field = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n  minWidth: 0,\n});\n\nexport const label = sprinkles({\n  fontSize: 'xs',\n  textTransform: 'uppercase',\n  letterSpacing: 'capsTight',\n  color: 'textSecondary',\n});\n\nexport const value = sprinkles({\n  fontSize: 'sm',\n  color: 'text',\n  wordBreak: 'break-word',\n});\n\nexport const fullWidth = sprinkles({\n  gridColumn: 'span-full',\n});\n\nexport const size = {\n  xs: style({ maxWidth: '10ch' }),\n  s: style({ maxWidth: '18ch' }),\n  m: style({ maxWidth: '28ch' }),\n  l: style({ maxWidth: '44ch' }),\n  xl: style({ maxWidth: '64ch' }),\n  fluid: style({ maxWidth: '100%' }),\n};\n","import { type JSX, type ReactNode } from 'react';\nimport type { BackofficeFieldSize } from '@plumile/backoffice-core/types.js';\n\nimport { CopyableText, cx } from '@plumile/ui';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\n\nimport * as styles from './backofficeDetailField.css.js';\n\nexport type BackofficeDetailFieldProps = {\n  id: string;\n  label: string;\n  size: BackofficeFieldSize;\n  value: ReactNode | null | undefined;\n  copyValue?: string;\n  fullWidth?: boolean;\n};\n\nexport const BackofficeDetailField = ({\n  label,\n  size,\n  value,\n  copyValue,\n  fullWidth = false,\n}: BackofficeDetailFieldProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  let resolvedValue: ReactNode = value;\n  if (\n    resolvedValue == null ||\n    (typeof resolvedValue === 'string' && resolvedValue.trim() === '')\n  ) {\n    resolvedValue = t('common.notAvailable');\n  }\n\n  if (copyValue != null && copyValue !== '') {\n    resolvedValue = (\n      <CopyableText\n        value={copyValue}\n        copyValue={copyValue}\n        truncate={false}\n        copyLabel={t('common.actions.copy')}\n        copiedLabel={t('common.actions.copied')}\n      />\n    );\n  }\n\n  const fieldClassNames = [styles.field, styles.size[size]];\n  if (fullWidth) {\n    fieldClassNames.push(styles.fullWidth);\n  }\n\n  return (\n    <div className={cx(...fieldClassNames)}>\n      <span className={styles.label}>{label}</span>\n      <div className={styles.value}>{resolvedValue}</div>\n    </div>\n  );\n};\n\nexport default BackofficeDetailField;\n","import { sprinkles } from '@plumile/ui';\n\nexport const section = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 4,\n  padding: 6,\n  borderRadius: 'md',\n  backgroundColor: 'surface',\n  borderWidth: 'default',\n  borderStyle: 'solid',\n  borderColor: 'borderSubtle',\n  boxShadow: 'inkSoft',\n});\n\nexport const header = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 1,\n});\n\nexport const title = sprinkles({\n  fontSize: 'base',\n  fontWeight: 'semibold',\n  color: 'text',\n});\n\nexport const description = sprinkles({\n  fontSize: 'sm',\n  color: 'textSecondary',\n});\n\nexport const grid = sprinkles({\n  display: 'grid',\n  gap: 4,\n  gridTemplateColumns: 'autoFitMinmax220',\n});\n","import { type JSX, type ReactNode } from 'react';\n\nimport {\n  BackofficeDetailField,\n  type BackofficeDetailFieldProps,\n} from './BackofficeDetailField.js';\nimport * as styles from './backofficeDetailSection.css.js';\n\nexport type BackofficeDetailSectionProps = {\n  title: string;\n  description?: string;\n  items?: readonly BackofficeDetailFieldProps[];\n  children?: ReactNode;\n};\n\nexport const BackofficeDetailSection = ({\n  title,\n  description,\n  items,\n  children,\n}: BackofficeDetailSectionProps): JSX.Element => {\n  let descriptionNode: JSX.Element | null = null;\n  if (description != null && description !== '') {\n    descriptionNode = <p className={styles.description}>{description}</p>;\n  }\n\n  let itemsNode: JSX.Element | null = null;\n  if (items != null && items.length > 0) {\n    itemsNode = (\n      <div className={styles.grid}>\n        {items.map((item) => {\n          return <BackofficeDetailField key={item.id} {...item} />;\n        })}\n      </div>\n    );\n  }\n\n  return (\n    <section className={styles.section}>\n      <header className={styles.header}>\n        <h3 className={styles.title}>{title}</h3>\n        {descriptionNode}\n      </header>\n      {itemsNode}\n      {children}\n    </section>\n  );\n};\n\nexport default BackofficeDetailSection;\n","/**\n * Formats a JSON payload into a fenced Markdown code block.\n */\nexport function formatJsonPayload(value: unknown): string {\n  if (value == null) {\n    return '';\n  }\n  try {\n    return `\\`\\`\\`json\\n${JSON.stringify(value, null, 2)}\\n\\`\\`\\``;\n  } catch {\n    let fallback = '[unserializable]';\n    if (typeof value === 'string') {\n      fallback = value;\n    } else if (typeof value === 'number' || typeof value === 'boolean') {\n      fallback = String(value);\n    }\n    return `\\`\\`\\`\\n${fallback}\\n\\`\\`\\``;\n  }\n}\n\n/**\n * Formats a list of strings as a Markdown bullet list.\n */\nexport function formatListAsMarkdown(items: readonly string[]): string {\n  if (items.length === 0) {\n    return '';\n  }\n  return items\n    .map((item) => {\n      return `- ${item}`;\n    })\n    .join('\\n');\n}\n","import { type JSX } from 'react';\n\nimport { LazyMarkdownRenderer } from '@plumile/ui';\n\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { BackofficeDetailSection } from './BackofficeDetailSection.js';\nimport { formatJsonPayload } from './detailPayloadUtils.js';\n\nexport type BackofficeDetailPayloadProps = {\n  title: string;\n  content: unknown;\n  format?: 'markdown' | 'json' | 'text';\n  description?: string;\n};\n\nexport const BackofficeDetailPayload = ({\n  title,\n  content,\n  format = 'markdown',\n  description,\n}: BackofficeDetailPayloadProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  let resolved = '';\n  if (format === 'json') {\n    resolved = formatJsonPayload(content);\n  } else if (content != null) {\n    if (typeof content === 'string') {\n      resolved = content;\n    } else if (typeof content === 'number' || typeof content === 'boolean') {\n      resolved = String(content);\n    } else {\n      resolved = formatJsonPayload(content);\n    }\n  }\n\n  if (resolved.trim() === '') {\n    resolved = t('common.notAvailable');\n  }\n\n  return (\n    <BackofficeDetailSection title={title} description={description}>\n      <LazyMarkdownRenderer content={resolved} />\n    </BackofficeDetailSection>\n  );\n};\n\nexport default BackofficeDetailPayload;\n"],"mappings":";;;;;kDCaa,KAA4B,EACvC,eACgD;CAChD,IAAM,EAAE,SAAM,GAAgB;CAC9B,OACE,kBAAC,OAAD;EAAK,WAAW;YACb,EAAM,KAAK,MAAS;GACnB,IAAM,IACJ,OAAO,EAAK,SAAU,aAAa,EAAK,MAAM,EAAE,GAAG,EAAK;GAC1D,OACE,kBAAC,GAAD;IAAmB,MAAM,EAAK,QAAQ;cACnC;IACG,EAFI,EAAK,GAET;IAER;EACE,CAAA;;;;;;;;GEVG,KAAyB,EACpC,OAAA,GACA,MAAA,GACA,OAAA,GACA,cACA,WAAA,IAAY,SACiC;CAC7C,IAAM,EAAE,SAAM,GAA+B,EACzC,IAA2B;CAQ/B,CANE,KAAiB,QAChB,OAAO,KAAkB,YAAY,EAAc,MAAM,KAAK,QAE/D,IAAgB,EAAE,sBAAsB,GAGtC,KAAa,QAAQ,MAAc,OACrC,IACE,kBAAC,GAAD;EACE,OAAO;EACI;EACX,UAAU;EACV,WAAW,EAAE,sBAAsB;EACnC,aAAa,EAAE,wBAAwB;EACvC,CAAA;CAIN,IAAM,IAAkB,CAAC,GAAc,EAAY,GAAM;CAKzD,OAJI,KACF,EAAgB,KAAK,EAAiB,EAItC,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAG,EAAgB;YAAtC,CACE,kBAAC,QAAD;GAAM,WAAW;aAAe;GAAa,CAAA,EAC7C,kBAAC,OAAD;GAAK,WAAW;aAAe;GAAoB,CAAA,CAC/C;;qPExCG,KAA2B,EACtC,OAAA,GACA,aAAA,GACA,UACA,kBAC+C;CAC/C,IAAI,IAAsC;CAC1C,AAAI,KAAe,QAAQ,MAAgB,OACzC,IAAkB,kBAAC,KAAD;EAAG,WAAW;YAAqB;EAAgB,CAAA;CAGvE,IAAI,IAAgC;CAWpC,OAVI,KAAS,QAAQ,EAAM,SAAS,MAClC,IACE,kBAAC,OAAD;EAAK,WAAW;YACb,EAAM,KAAK,MACH,kBAAC,GAAD,EAAqC,GAAI,GAAQ,EAArB,EAAK,GAAgB,CACxD;EACE,CAAA,GAKR,kBAAC,WAAD;EAAS,WAAW;YAApB;GACE,kBAAC,UAAD;IAAQ,WAAW;cAAnB,CACE,kBAAC,MAAD;KAAI,WAAW;eAAe;KAAW,CAAA,EACxC,EACM;;GACR;GACA;GACO;;;;;AC1Cd,SAAgB,EAAkB,GAAwB;CACxD,IAAI,KAAS,MACX,OAAO;CAET,IAAI;EACF,OAAO,eAAe,KAAK,UAAU,GAAO,MAAM,EAAE,CAAC;SAC/C;EACN,IAAI,IAAW;EAMf,OALI,OAAO,KAAU,WACnB,IAAW,KACF,OAAO,KAAU,YAAY,OAAO,KAAU,eACvD,IAAW,OAAO,EAAM,GAEnB,WAAW,EAAS;;;;;ACD/B,IAAa,KAA2B,EACtC,UACA,YACA,YAAS,YACT,qBAC+C;CAC/C,IAAM,EAAE,SAAM,GAA+B,EACzC,IAAW;CAiBf,OAhBI,MAAW,SACb,IAAW,EAAkB,EAAQ,GAC5B,KAAW,SACpB,AAKE,IALE,OAAO,KAAY,WACV,IACF,OAAO,KAAY,YAAY,OAAO,KAAY,YAChD,OAAO,EAAQ,GAEf,EAAkB,EAAQ,GAIrC,EAAS,MAAM,KAAK,OACtB,IAAW,EAAE,sBAAsB,GAInC,kBAAC,GAAD;EAAgC;EAAoB;YAClD,kBAAC,GAAD,EAAsB,SAAS,GAAY,CAAA;EACnB,CAAA"}