@baishuyun/ui-business 6.0.7 → 6.1.0

package/dist/DeptsMemberSelector/Member-K4kgwY7b.js

@@ -0,0 +1,603 @@
+import { t as e } from "../vendors/simplebar-react.js";
+import { t } from "../vendors/clsx.js";
+import { t as n } from "../vendors/lodash-es.js";
+import { s as r, t as i, u as a } from "./useDeptsMemberSelector-CHK0U3R4.js";
+import { _ as o, c as s, f as c, g as l, h as u, i as d, l as f, m as p, r as m } from "./services/contact/selector.service-BUQcY5DZ.js";
+import { c as h, f as g, p as _, r as v, t as y } from "./useOutsiderGroupPanelState-d2EiLVaV.js";
+import { n as b, r as x } from "./utils-BVfGpRu5.js";
+import { i as S, n as C, t as w } from "./MemberPanel-Cm1Hv-GV.js";
+import { useEffect as T, useMemo as E, useRef as D, useState as O } from "react";
+import { Spin as k } from "antd";
+import { Icon as A, Tree as j } from "@baishuyun/ui-base";
+import { useRequest as M } from "ahooks";
+import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
+import { produce as I } from "immer";
+//#region src/components/DeptsMemberSelector/subcomponents/Panels/RolePanel/RolePanel.module.scss
+var L = {
+	"role-panel": "_role-panel_19bf2_1",
+	"role-panel__menu": "_role-panel__menu_19bf2_6",
+	"role-panel__menu-list": "_role-panel__menu-list_19bf2_10",
+	"role-panel__menu-item": "_role-panel__menu-item_19bf2_14",
+	"role-panel__menu-item--active": "_role-panel__menu-item--active_19bf2_25",
+	"role-panel__tree-section": "_role-panel__tree-section_19bf2_32",
+	"role-panel__tree-section--leading": "_role-panel__tree-section--leading_19bf2_38",
+	"role-panel__tree-empty": "_role-panel__tree-empty_19bf2_41",
+	"role-panel__tree-empty-text": "_role-panel__tree-empty-text_19bf2_48",
+	"role-panel__tree-icon": "_role-panel__tree-icon_19bf2_51",
+	"role-panel__switcher-icon": "_role-panel__switcher-icon_19bf2_54",
+	"role-panel__switcher-icon--expanded": "_role-panel__switcher-icon--expanded_19bf2_59",
+	"role-panel__list-section": "_role-panel__list-section_19bf2_62",
+	"role-panel__list-content": "_role-panel__list-content_19bf2_69",
+	"role-panel__badge": "_role-panel__badge_19bf2_72",
+	"role-panel__empty": "_role-panel__empty_19bf2_81",
+	"role-panel__empty-text": "_role-panel__empty-text_19bf2_88"
+}, R = () => {
+	let { containerHeight: e, type: t, requestContext: n, limits: r } = i(), { t: a } = g(), [s, c] = O([{
+		key: "internal",
+		label: a("role.internal"),
+		visible: !1
+	}, {
+		key: "external",
+		label: a("role.external"),
+		visible: !1
+	}]), [l, u] = O(), [d, p] = O(), m = D({
+		internal: [],
+		external: []
+	}), { loading: h } = M(() => o({
+		requestContext: n,
+		limits: r
+	}), {
+		onSuccess: (e) => {
+			if (!e) {
+				m.current.internal = [], m.current.external = [];
+				return;
+			}
+			let t = Array.isArray(e.roles) ? e.roles : [], n = Array.isArray(e.dock_role) ? e.dock_role : [], r = t.length > 0, i = n.length > 0;
+			c(I((e) => {
+				e[0].visible = r, e[1].visible = i;
+			})), m.current.internal = x(t, {
+				children: "children",
+				title: "name",
+				value: "role_id",
+				parentId: "parent"
+			}), m.current.external = n.map((e) => ({
+				...e,
+				children: []
+			})), r ? (u("internal"), p(m.current.internal[0]?.role_id)) : i && (u("external"), p(m.current.external[0]?.role_id));
+		},
+		refreshDeps: [
+			t,
+			n,
+			r
+		]
+	}), _ = (e) => {
+		u(e), e === "internal" ? p(m.current.internal[0]?.role_id) : e === "external" && p(m.current.external[0]?.role_id);
+	}, { data: v, loading: y } = M(async () => {
+		if (!d) return [];
+		let e = await f({
+			requestContext: n,
+			roleId: d,
+			roleLimit: r?.roleLimit || [],
+			limit: 100
+		});
+		return l === "external" ? e.dock_user_list || [] : e.users || [];
+	}, { refreshDeps: [
+		t,
+		l,
+		d,
+		n,
+		r
+	] });
+	return {
+		containerHeight: e,
+		menuItems: s,
+		activeKey: l,
+		setActiveKey: _,
+		roleId: d,
+		setRoleId: p,
+		roleTreeList: l ? m.current[l] : [],
+		userList: y ? [] : v || [],
+		loading: h,
+		memberLoading: y
+	};
+}, z = () => /* @__PURE__ */ F("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "16",
+	height: "16",
+	viewBox: "0 0 16 16",
+	fill: "none",
+	children: [/* @__PURE__ */ P("path", {
+		d: "M6.91689 1.17578C8.59289 1.17578 10.0489 2.29878 10.4369 3.88878C10.8249 5.47878 10.0419 7.11978 8.54589 7.85578C8.49878 7.86731 8.4554 7.89073 8.41989 7.92378C8.40916 7.92486 8.3992 7.92984 8.39189 7.93778C8.3375 8.00344 8.30773 8.08602 8.30773 8.17128C8.30773 8.25654 8.3375 8.33913 8.39189 8.40478C8.40589 8.40478 8.40589 8.40478 8.40589 8.41978C8.51089 8.43478 8.61389 8.45778 8.71589 8.48878C9.67047 8.74298 10.5595 9.19889 11.3229 9.82578C10.634 9.60133 9.89434 9.58375 9.19553 9.77522C8.49671 9.96669 7.86935 10.3588 7.39105 10.9031C6.91274 11.4474 6.60448 12.1199 6.50439 12.8375C6.4043 13.5552 6.51677 14.2864 6.82789 14.9408H0.941894C0.824535 14.9397 0.708692 14.9141 0.601765 14.8658C0.494839 14.8174 0.399178 14.7472 0.320894 14.6598C0.243944 14.5736 0.186578 14.4717 0.152743 14.3613C0.118908 14.2508 0.109407 14.1343 0.124894 14.0198C0.507894 11.3728 2.46389 9.19978 5.10489 8.48878C5.20689 8.46078 5.30989 8.43778 5.41489 8.41878L5.42889 8.40478C5.46029 8.37464 5.48527 8.33846 5.50234 8.29842C5.5194 8.25838 5.5282 8.21531 5.5282 8.17178C5.5282 8.12826 5.5194 8.08518 5.50234 8.04514C5.48527 8.0051 5.46029 7.96892 5.42889 7.93878C5.41605 7.93306 5.40549 7.9232 5.39889 7.91078C5.36507 7.88725 5.32802 7.86872 5.28889 7.85578C3.79089 7.11978 3.00789 5.47978 3.39589 3.88978C3.78389 2.29978 5.23989 1.17678 6.91589 1.17678L6.91689 1.17578Z",
+		fill: "#6F81BD"
+	}), /* @__PURE__ */ P("path", {
+		d: "M13.7918 11.8018C14.2438 11.8068 14.6598 12.0028 14.9758 12.3078C15.2878 12.6258 15.4588 13.0558 15.4528 13.5008L15.4488 13.5398C15.4463 13.9749 15.2741 14.3918 14.9688 14.7018C14.8161 14.8609 14.6329 14.9876 14.4302 15.0745C14.2275 15.1614 14.0094 15.2068 13.7888 15.2078L12.7458 15.1898C12.626 15.1876 12.5119 15.1378 12.4287 15.0514C12.3455 14.965 12.3001 14.8492 12.3023 14.7293C12.3046 14.6094 12.3544 14.4954 12.4407 14.4122C12.5271 14.329 12.643 14.2836 12.7628 14.2858L13.7988 14.3028C13.8967 14.3014 13.9933 14.2804 14.083 14.2411C14.1726 14.2017 14.2535 14.1449 14.3208 14.0738C14.4694 13.9206 14.552 13.7152 14.5508 13.5018C14.5541 13.3989 14.5367 13.2963 14.4998 13.2001C14.4629 13.104 14.4071 13.0161 14.3358 12.9418C14.2665 12.8663 14.1823 12.806 14.0885 12.7647C13.9947 12.7233 13.8933 12.7019 13.7908 12.7018L12.1528 12.7048C12.0534 12.7057 11.9552 12.7265 11.864 12.766C11.7728 12.8055 11.6905 12.8629 11.6218 12.9348C11.4735 13.0878 11.3909 13.2927 11.3918 13.5058C11.3922 13.5652 11.3808 13.6241 11.3584 13.6792C11.3359 13.7342 11.3029 13.7843 11.2611 13.8265C11.2193 13.8688 11.1696 13.9024 11.1148 13.9254C11.06 13.9485 11.0013 13.9605 10.9418 13.9608C10.8824 13.9611 10.8235 13.9498 10.7685 13.9273C10.7135 13.9049 10.6634 13.8718 10.6211 13.83C10.5789 13.7883 10.5453 13.7386 10.5222 13.6838C10.4992 13.629 10.4872 13.5702 10.4868 13.5108C10.4845 13.063 10.6579 12.6321 10.9698 12.3108C11.1226 12.1511 11.306 12.0239 11.5091 11.9368C11.7122 11.8496 11.9308 11.8044 12.1518 11.8038L13.7918 11.8018ZM10.2688 11.7648C10.3885 11.7616 10.5044 11.8061 10.5913 11.8884C10.6781 11.9707 10.7287 12.0842 10.7318 12.2038C10.735 12.3234 10.6906 12.4394 10.6082 12.5262C10.5259 12.6131 10.4125 12.6636 10.2928 12.6668L9.19984 12.6968C8.99213 12.7035 8.79511 12.7905 8.6503 12.9396C8.50549 13.0886 8.4242 13.2881 8.42355 13.4959C8.4229 13.7037 8.50295 13.9037 8.64682 14.0536C8.7907 14.2036 8.98717 14.2919 9.19484 14.2998L10.8308 14.2968C10.9303 14.2961 11.0285 14.2754 11.1198 14.2359C11.211 14.1963 11.2933 14.1389 11.3618 14.0668C11.5102 13.9134 11.5927 13.7082 11.5918 13.4948C11.593 13.4352 11.6059 13.3764 11.6298 13.3217C11.6537 13.2671 11.6882 13.2177 11.7312 13.1764C11.7741 13.1351 11.8249 13.1026 11.8804 13.0809C11.9359 13.0592 11.9952 13.0486 12.0548 13.0498C12.2948 13.0568 12.4868 13.2478 12.4948 13.4878C12.4988 13.9378 12.3248 14.3698 12.0118 14.6928C11.7028 15.0148 11.2768 15.1978 10.8318 15.1998L9.18884 15.2008C8.9745 15.2015 8.76215 15.1598 8.56407 15.0779C8.36598 14.996 8.18611 14.8757 8.03484 14.7238C7.87424 14.563 7.74689 14.3722 7.66007 14.1621C7.57325 13.9521 7.52866 13.7271 7.52884 13.4998C7.52611 13.0548 7.6984 12.6265 8.00857 12.3074C8.31873 11.9882 8.74192 11.8038 9.18684 11.7938L10.2688 11.7648Z",
+		fill: "#6F81BD"
+	})]
+}), B = () => {
+	let { t: n } = g(), r = R(), i = r.userList, a = r.roleTreeList, o = (e) => r.activeKey === "external" ? e.dock_corpname ? `(${e.dock_corpname})` : null : e.deptnames, s = r.menuItems.filter((e) => e.visible), c = s.length > 1;
+	return /* @__PURE__ */ F("div", {
+		className: L["role-panel"],
+		children: [
+			c && /* @__PURE__ */ P("aside", {
+				className: L["role-panel__menu"],
+				children: /* @__PURE__ */ P("ul", {
+					className: L["role-panel__menu-list"],
+					children: s.map((e) => /* @__PURE__ */ P("li", {
+						onClick: () => r.setActiveKey(e.key),
+						className: t(L["role-panel__menu-item"], { [L["role-panel__menu-item--active"]]: r.activeKey === e.key }),
+						children: e.label
+					}, e.key))
+				})
+			}),
+			/* @__PURE__ */ P("section", {
+				className: t(L["role-panel__tree-section"], { [L["role-panel__tree-section--leading"]]: !c }),
+				children: /* @__PURE__ */ P(k, {
+					spinning: r.loading,
+					tip: n("common.loading"),
+					children: /* @__PURE__ */ F(e, {
+						style: {
+							height: r.containerHeight - 8,
+							padding: "4px"
+						},
+						children: [a.length > 0 && /* @__PURE__ */ P(j, {
+							showSwitcher: !0,
+							data: a,
+							fieldNames: {
+								title: "name",
+								value: "role_id",
+								children: "children"
+							},
+							selectedKeys: r.roleId ? [r.roleId] : [],
+							defaultExpandedKeys: [],
+							onSelect: (e) => r.setRoleId(e),
+							parentCheckable: !0,
+							icon: (e) => e.children && e.children.length > 0 ? /* @__PURE__ */ P(A, {
+								name: "dept-one",
+								className: L["role-panel__tree-icon"],
+								size: 16
+							}) : /* @__PURE__ */ P(z, {}),
+							switcherIcon: (e) => /* @__PURE__ */ P(A, {
+								name: "xiangxiazhankai-11",
+								className: t(L["role-panel__switcher-icon"], { [L["role-panel__switcher-icon--expanded"]]: e })
+							})
+						}), a.length === 0 && !r.loading && /* @__PURE__ */ P("div", {
+							className: L["role-panel__tree-empty"],
+							children: /* @__PURE__ */ P("span", {
+								className: L["role-panel__tree-empty-text"],
+								children: n("role.noAvailable")
+							})
+						})]
+					})
+				})
+			}),
+			/* @__PURE__ */ F("section", {
+				className: L["role-panel__list-section"],
+				children: [/* @__PURE__ */ P(k, {
+					spinning: r.memberLoading,
+					tip: n("common.loading"),
+					children: /* @__PURE__ */ P(e, {
+						style: { height: r.containerHeight - 8 },
+						classNames: { contentEl: L["role-panel__list-content"] },
+						children: i.length > 0 && /* @__PURE__ */ P(S, {
+							list: i,
+							badge: (e) => {
+								let t = o(e);
+								return /* @__PURE__ */ P("span", {
+									className: L["role-panel__badge"],
+									title: t,
+									children: t
+								});
+							}
+						})
+					})
+				}), i.length === 0 && !r.memberLoading && /* @__PURE__ */ P("div", {
+					className: L["role-panel__empty"],
+					children: /* @__PURE__ */ P("span", {
+						className: L["role-panel__empty-text"],
+						children: n("member.noAvailable")
+					})
+				})]
+			})
+		]
+	});
+}, V = {
+	"position-panel": "_position-panel_1bzcx_1",
+	"position-panel__department": "_position-panel__department_1bzcx_6",
+	"position-panel__menu": "_position-panel__menu_1bzcx_11",
+	"position-panel__menu-list": "_position-panel__menu-list_1bzcx_17",
+	"position-panel__menu-item": "_position-panel__menu-item_1bzcx_23",
+	"position-panel__menu-item--active": "_position-panel__menu-item--active_1bzcx_35",
+	"position-panel__menu-item-label": "_position-panel__menu-item-label_1bzcx_42",
+	"position-panel__list": "_position-panel__list_1bzcx_48",
+	"position-panel__badge": "_position-panel__badge_1bzcx_55",
+	"position-panel__empty": "_position-panel__empty_1bzcx_64",
+	"position-panel__switcher-icon": "_position-panel__switcher-icon_1bzcx_72",
+	"position-panel__switcher-icon--expanded": "_position-panel__switcher-icon--expanded_1bzcx_77"
+}, H = (e) => {
+	let t = String(e);
+	if (!t.includes("-")) return e;
+	let [n, r] = t.split("-");
+	return r === "current" ? `${n}-dept` : r === "currentSub" ? `${n}-deptSub` : e;
+}, U = (e) => n((e?.jobTitleDepartmentLimit?.length ? e.jobTitleDepartmentLimit : e?.departmentLimit ?? []).map(H), String), W = (e) => e?._id === void 0 || e?._id === null ? "" : String(e._id), G = () => {
+	let e = i(), { containerHeight: t, type: n, requestContext: a, limits: o } = e, u = e.memberPanelRequestGuard ?? r, [d, f] = O(""), [p, m] = O(), { data: h, loading: g } = M(() => u.enabled ? c({
+		requestContext: a,
+		limits: {
+			...o,
+			departmentLimit: U(o)
+		},
+		hasDock: !1
+	}) : Promise.resolve(null), { refreshDeps: [
+		n,
+		a,
+		o,
+		u.enabled
+	] }), _ = E(() => b(v(h?.departments || [])), [h]);
+	T(() => {
+		f(W(_[0]));
+	}, [_]);
+	let y = E(() => _.map((e) => W(e)).filter(Boolean), [_]), { data: x, loading: S } = M(() => d ? l({
+		requestContext: a,
+		limits: o,
+		departmentId: d
+	}) : Promise.resolve({ items: [] }), {
+		onSuccess: (e) => {
+			if (e.items?.length) {
+				m(0);
+				return;
+			}
+			m(void 0);
+		},
+		refreshDeps: [
+			n,
+			d,
+			a,
+			o
+		]
+	}), C = S ? [] : x?.items || [], w = p === void 0 ? void 0 : C[p], D = typeof w == "string" ? w : w?.job_title || w?.name || "", { data: k, loading: A } = M(async () => !d || !D ? [] : (await s({
+		requestContext: a,
+		departmentId: d,
+		jobTitle: D,
+		limit: 100
+	})).list || [], { refreshDeps: [
+		n,
+		d,
+		p,
+		D,
+		a?.appId,
+		a?.entryId
+	] });
+	return {
+		containerHeight: t,
+		departmentTree: _,
+		defaultExpandedKeys: y,
+		selectedDeptId: d,
+		loadingDepartments: g,
+		handleSelectDepartment: (e, t) => {
+			f(String(t?._id ?? e ?? "")), m(void 0);
+		},
+		positionList: C,
+		activePositionIndex: p,
+		setActivePositionIndex: m,
+		memberList: A ? [] : k || [],
+		jobLoading: S,
+		memberLoading: A
+	};
+}, K = () => {
+	let { t: n } = g(), r = G(), i = r.memberList, a = r.containerHeight - 8;
+	return /* @__PURE__ */ F("div", {
+		className: V["position-panel"],
+		children: [
+			/* @__PURE__ */ P("section", {
+				className: V["position-panel__department"],
+				children: /* @__PURE__ */ P(k, {
+					spinning: r.loadingDepartments,
+					tip: n("common.loading"),
+					children: /* @__PURE__ */ F(e, {
+						style: {
+							height: a,
+							padding: "4px"
+						},
+						children: [r.departmentTree.length > 0 && /* @__PURE__ */ P(j, {
+							data: r.departmentTree,
+							fieldNames: {
+								title: "name",
+								value: "_id",
+								children: "children"
+							},
+							selectedKeys: r.selectedDeptId ? [r.selectedDeptId] : [],
+							defaultExpandedKeys: r.defaultExpandedKeys,
+							parentCheckable: !0,
+							onSelect: (e, t) => r.handleSelectDepartment(e, t),
+							icon: () => /* @__PURE__ */ P(h, {
+								type: "department",
+								size: 16
+							}),
+							switcherIcon: (e) => /* @__PURE__ */ P(A, {
+								name: "xiangxiazhankai-11",
+								className: t(V["position-panel__switcher-icon"], { [V["position-panel__switcher-icon--expanded"]]: e })
+							})
+						}), r.departmentTree.length === 0 && !r.loadingDepartments && /* @__PURE__ */ P("div", {
+							className: V["position-panel__empty"],
+							children: /* @__PURE__ */ P("span", { children: n("department.noAvailable") })
+						})]
+					})
+				})
+			}),
+			/* @__PURE__ */ P("section", {
+				className: V["position-panel__menu"],
+				children: /* @__PURE__ */ P(k, {
+					spinning: r.jobLoading,
+					tip: n("common.loading"),
+					children: /* @__PURE__ */ F(e, {
+						style: { height: a },
+						children: [/* @__PURE__ */ P("ul", {
+							className: V["position-panel__menu-list"],
+							children: r.positionList.map((e, n) => {
+								let i = typeof e == "string" ? e : e.job_title || e.name || "";
+								return /* @__PURE__ */ P("li", {
+									onClick: () => {
+										r.setActivePositionIndex(n);
+									},
+									className: t(V["position-panel__menu-item"], { [V["position-panel__menu-item--active"]]: r.activePositionIndex === n }),
+									children: /* @__PURE__ */ P("span", {
+										className: V["position-panel__menu-item-label"],
+										title: i,
+										children: i
+									})
+								}, n);
+							})
+						}), r.positionList.length === 0 && !r.jobLoading && r.selectedDeptId && /* @__PURE__ */ P("div", {
+							className: V["position-panel__empty"],
+							children: /* @__PURE__ */ P("span", { children: n("position.noAvailable") })
+						})]
+					})
+				})
+			}),
+			/* @__PURE__ */ F("section", {
+				className: V["position-panel__list"],
+				children: [/* @__PURE__ */ P(k, {
+					spinning: r.memberLoading,
+					tip: n("common.loading"),
+					children: /* @__PURE__ */ P(e, {
+						style: { height: a },
+						children: i.length > 0 && /* @__PURE__ */ P(S, {
+							list: i,
+							badge: (e) => /* @__PURE__ */ P("span", {
+								className: V["position-panel__badge"],
+								title: e.deptnames,
+								children: e.deptnames
+							})
+						})
+					})
+				}), i.length === 0 && !r.memberLoading && /* @__PURE__ */ P("div", {
+					className: V["position-panel__empty"],
+					children: /* @__PURE__ */ P("span", { children: n("member.noAvailable") })
+				})]
+			})
+		]
+	});
+}, q = {
+	"extra-contact-panel": "_extra-contact-panel_hfkb5_1",
+	"extra-contact-panel__menu": "_extra-contact-panel__menu_hfkb5_6",
+	"extra-contact-panel__menu-list": "_extra-contact-panel__menu-list_hfkb5_10",
+	"extra-contact-panel__menu-item": "_extra-contact-panel__menu-item_hfkb5_14",
+	"extra-contact-panel__menu-item--active": "_extra-contact-panel__menu-item--active_hfkb5_26",
+	"extra-contact-panel__groups": "_extra-contact-panel__groups_hfkb5_33",
+	"extra-contact-panel__groups--expanded": "_extra-contact-panel__groups--expanded_hfkb5_37",
+	"extra-contact-panel__groups--collapsed": "_extra-contact-panel__groups--collapsed_hfkb5_42",
+	"extra-contact-panel__group-list": "_extra-contact-panel__group-list_hfkb5_46",
+	"extra-contact-panel__group-item": "_extra-contact-panel__group-item_hfkb5_50",
+	"extra-contact-panel__group-item--active": "_extra-contact-panel__group-item--active_hfkb5_61",
+	"extra-contact-panel__members": "_extra-contact-panel__members_hfkb5_68",
+	"extra-contact-panel__list-content": "_extra-contact-panel__list-content_hfkb5_78",
+	"extra-contact-panel__empty": "_extra-contact-panel__empty_hfkb5_81",
+	"extra-contact-panel__empty-text": "_extra-contact-panel__empty-text_hfkb5_90"
+}, J = new Set(["-2", "-99"]), Y = (e = {}) => e.status === void 0 || e.status === null ? !1 : J.has(String(e.status)), X = (e = []) => e.filter((e) => !Y(e)), Z = (e) => Array.isArray(e) && e.length > 0, Q = (e, t) => [
+	_.USER,
+	_.USER_GROUP,
+	_.TRANSFER
+].includes(e) && Z(t?.memberLimit) && !Z(t?.groupLimit), $ = [], ee = () => {
+	let { containerHeight: e, type: t, requestContext: n, limits: r, currentUsers: a } = i(), { t: o } = g(), s = Q(t, r), c = E(() => ({
+		default: o("externalContact.defaultGroup"),
+		custom: o("externalContact.customGroup")
+	}), [o]), [l, f] = O(), [h, v] = O(), { data: b, loading: x } = M(async () => s ? { list: [] } : t === _.DEPT_USERS ? m({ requestContext: n }) : p({
+		requestContext: n,
+		limits: r
+	}), { refreshDeps: [
+		t,
+		n,
+		r
+	] }), S = y({
+		groups: Array.isArray(b?.list) ? b.list : void 0,
+		labels: c,
+		ordered: t === _.DEPT_USERS
+	});
+	T(() => {
+		if (S.isPanelEmpty) {
+			f(void 0), v(void 0);
+			return;
+		}
+		let e = S.currentGroups;
+		f((t) => t && e.some((e) => e._id === t) ? t : e[0]?._id), v(S.activeKey === "default" ? e[0]?.name : void 0);
+	}, [
+		S.activeKey,
+		S.currentGroups,
+		S.isPanelEmpty
+	]);
+	let { data: w, loading: D } = M(async () => !s && (!l || S.isPanelEmpty) ? [] : t === _.DEPT_USERS ? X((await d({
+		requestContext: n,
+		groupId: l,
+		limit: 100
+	})).list || []) : X((await u({
+		requestContext: n,
+		groupId: s ? "" : l,
+		groupLimit: r?.groupLimit || [],
+		memberLimit: r?.memberLimit || [],
+		limit: 100
+	})).list || []), { refreshDeps: [
+		t,
+		l,
+		S.isPanelEmpty,
+		n,
+		r?.groupLimit,
+		r?.memberLimit
+	] });
+	return {
+		containerHeight: e,
+		menuItems: S.tabs,
+		activeKey: S.activeKey,
+		setActiveKey: S.setActiveKey,
+		groupId: l,
+		setGroupId: f,
+		groupList: S.activeKey === "custom" ? S.customGroups : $,
+		memberList: C(t, D ? [] : w || [], a),
+		groupListLoading: s ? !1 : x,
+		memberLoading: D,
+		defaultGroupName: h,
+		isPanelEmpty: !s && S.isPanelEmpty,
+		showGroupSidebar: !s
+	};
+}, te = () => {
+	let { t: n } = g(), r = ee(), i = r.memberList, a = r.defaultGroupName || n("externalContact.defaultGroup");
+	return !r.groupListLoading && r.isPanelEmpty ? /* @__PURE__ */ P("div", {
+		className: q["extra-contact-panel"],
+		children: /* @__PURE__ */ P("div", {
+			className: q["extra-contact-panel__empty"],
+			children: /* @__PURE__ */ P("span", {
+				className: q["extra-contact-panel__empty-text"],
+				children: n("externalContact.noAvailableGroup")
+			})
+		})
+	}) : /* @__PURE__ */ F("div", {
+		className: q["extra-contact-panel"],
+		children: [r.showGroupSidebar && /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P("aside", {
+			className: q["extra-contact-panel__menu"],
+			children: /* @__PURE__ */ P("ul", {
+				className: q["extra-contact-panel__menu-list"],
+				children: r.menuItems.map((e) => /* @__PURE__ */ P("li", {
+					onClick: () => {
+						e.key !== r.activeKey && r.setActiveKey(e.key);
+					},
+					className: t(q["extra-contact-panel__menu-item"], { [q["extra-contact-panel__menu-item--active"]]: r.activeKey === e.key }),
+					children: e.key === "default" ? a : e.label
+				}, e.key))
+			})
+		}), /* @__PURE__ */ P("section", {
+			className: t(q["extra-contact-panel__groups"], {
+				[q["extra-contact-panel__groups--expanded"]]: r.activeKey === "custom",
+				[q["extra-contact-panel__groups--collapsed"]]: r.activeKey === "default"
+			}),
+			children: /* @__PURE__ */ P(k, {
+				spinning: r.groupListLoading && r.activeKey === "custom",
+				tip: n("common.loading"),
+				children: /* @__PURE__ */ P(e, {
+					style: {
+						height: r.containerHeight - 8,
+						padding: "4px"
+					},
+					children: /* @__PURE__ */ P("ul", {
+						className: q["extra-contact-panel__group-list"],
+						children: r.groupList.map((e) => /* @__PURE__ */ P("li", {
+							onClick: () => r.setGroupId(e._id),
+							className: t(q["extra-contact-panel__group-item"], { [q["extra-contact-panel__group-item--active"]]: r.groupId === e._id }),
+							children: e.name
+						}, e._id))
+					})
+				})
+			})
+		})] }), /* @__PURE__ */ F("section", {
+			className: q["extra-contact-panel__members"],
+			children: [/* @__PURE__ */ P(k, {
+				spinning: r.memberLoading || r.groupListLoading,
+				tip: n("common.loading"),
+				children: /* @__PURE__ */ P(e, {
+					style: { height: r.containerHeight - 8 },
+					classNames: { contentEl: q["extra-contact-panel__list-content"] },
+					children: i.length > 0 && /* @__PURE__ */ P(S, { list: i })
+				})
+			}), i.length === 0 && !r.memberLoading && !r.groupListLoading && /* @__PURE__ */ P("div", {
+				className: q["extra-contact-panel__empty"],
+				children: /* @__PURE__ */ P("span", {
+					className: q["extra-contact-panel__empty-text"],
+					children: n("member.noAvailable")
+				})
+			})]
+		})]
+	});
+}, ne = { "current-user-panel": "_current-user-panel_184e6_1" }, re = () => {
+	let { currentUsers: e } = i();
+	return /* @__PURE__ */ P("div", {
+		className: ne["current-user-panel"],
+		children: /* @__PURE__ */ P(S, {
+			list: e || [],
+			showCheckAll: !1
+		})
+	});
+}, ie = { "bsy-flow-creator-panel": "_bsy-flow-creator-panel_20gxk_1" }, ae = () => {
+	let { flowCreator: e } = i();
+	return /* @__PURE__ */ P("div", {
+		className: ie["bsy-flow-creator-panel"],
+		children: /* @__PURE__ */ P(S, {
+			list: e ? [e] : [],
+			showCheckAll: !1
+		})
+	});
+}, oe = () => {
+	let { t: e } = g(), { type: t, flowCreator: n, memberPanelVisibility: r = a } = i(), { member: o, role: s, job: c, externalContact: l, currentUser: u } = r, d = E(() => {
+		let r = [
+			{
+				label: e("member.title"),
+				key: "member",
+				view: /* @__PURE__ */ P(w, {})
+			},
+			{
+				label: e("role.title"),
+				key: "role",
+				view: /* @__PURE__ */ P(B, {})
+			},
+			{
+				label: e("position.title"),
+				key: "job",
+				view: /* @__PURE__ */ P(K, {})
+			},
+			{
+				label: e("externalContact.title"),
+				key: "externalContact",
+				view: /* @__PURE__ */ P(te, {})
+			},
+			{
+				label: e("currentUser.title"),
+				key: "currentUser",
+				view: /* @__PURE__ */ P(re, {})
+			}
+		];
+		return t === _.TRANSFER && n && r.push({
+			label: e("currentUser.flowCreator"),
+			key: "flowCreator",
+			view: /* @__PURE__ */ P(ae, {})
+		}), r;
+	}, [
+		e,
+		t,
+		n
+	]);
+	return E(() => d.filter((e) => {
+		switch (e.key) {
+			case "member": return o;
+			case "role": return s;
+			case "job": return c;
+			case "externalContact": return l;
+			case "currentUser": return u;
+			default: return !0;
+		}
+	}), [
+		d,
+		o,
+		s,
+		c,
+		l,
+		u
+	]);
+};
+//#endregion
+export { X as n, oe as t };