@voplus/morpho-csp 4.0.4 → 4.0.6

package/es/modules/corporate/background-investigation/risk-profile/components/NewRiskProfileForm/index.js

@@ -1,61 +1,61 @@
-import React, { useState } from "react";
-import { Button, Form, Row, Space, message } from "antd";
-import { observe } from "@voplus/morpho-ui";
-import { State } from "./state";
-import { useRiskProfileStore } from "../../../../../../data/risk-profile";
-import { runInAction } from "mobx";
-import { useLayout } from "@voplus/morpho-data";
-import { useAsideContentContext } from "@voplus/morpho-ui/es/components/layout/AsideContent";
-import MetionList from "@voplus/morpho-org/es/controls/MetionList";
-import AddFormView from "@voplus/morpho-ui/es/controls/AddFormView";
-import classnames from "classnames";
-import styles from "./index.less";
-const NewRiskProfileForm = (props) => {
-    const { openMode } = props;
-    const [state] = useState(new State());
-    const [form] = Form.useForm();
-    const [loading, setLoading] = useState(false);
-    const asideContext = useAsideContentContext();
-    const layout = useLayout();
-    const store = useRiskProfileStore();
-    const content = observe(() => (React.createElement("div", { className: classnames(styles["new-risk-profile-form"], props.className) },
-        React.createElement(Form, { form: form, layout: "vertical" },
-            React.createElement(Form.Item, { name: "Contact", label: "Contact" },
-                React.createElement(MetionList, { multiple: false, contacts: state.members ? state.members : [], defaultSelection: "Everyone", onChange: (list) => {
-                        state.members = list;
-                        state.params.UnitId = list[0].id;
-                    } })),
-            openMode === "openBottom" && (React.createElement(Form.Item, { className: "from-footer" },
-                React.createElement(Row, { justify: "end" },
-                    React.createElement(Space, null,
-                        React.createElement(Button, { onClick: onCancel }, "Cancel"),
-                        React.createElement(Button, { type: "primary", htmlType: "submit", onClick: onSubmit, loading: loading }, "Submit")))))))));
-    return observe(() => (React.createElement(React.Fragment, null, props.openMode === "openBottom" ? (content) : (React.createElement(AddFormView, { title: "Add Customer Form", loading: loading, onCancel: onCancel, onSubmit: onSubmit }, content)))));
-    async function onSubmit() {
-        var _a;
-        // if (!values.Name) return message.warning("Title is required");
-        setLoading(true);
-        await store.create({
-            data: {
-                ...state.params,
-            },
-            error: (error) => message.error(error.message),
-        });
-        // .then((res) => layout.history.push(``));
-        runInAction(() => (state.members = []));
-        setLoading(false);
-        (_a = props.onSave) === null || _a === void 0 ? void 0 : _a.call(props, state.params);
-        onCancel();
-    }
-    function onCancel() {
-        var _a;
-        runInAction(() => (state.members = []));
-        asideContext.closeAside();
-        (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props);
-    }
-};
-NewRiskProfileForm.defaultProps = {
-    openMode: "openAside",
-};
-export default NewRiskProfileForm;
+import React, { useState } from "react";
+import { Button, Form, Row, Space, message } from "antd";
+import { observe } from "@voplus/morpho-ui";
+import { State } from "./state";
+import { useRiskProfileStore } from "../../../../../../data/risk-profile";
+import { runInAction } from "mobx";
+import { useLayout } from "@voplus/morpho-data";
+import { useAsideContentContext } from "@voplus/morpho-ui/es/components/layout/AsideContent";
+import MetionList from "@voplus/morpho-org/es/controls/MetionList";
+import AddFormView from "@voplus/morpho-ui/es/controls/AddFormView";
+import classnames from "classnames";
+import styles from "./index.less";
+const NewRiskProfileForm = (props) => {
+    const { openMode } = props;
+    const [state] = useState(new State());
+    const [form] = Form.useForm();
+    const [loading, setLoading] = useState(false);
+    const asideContext = useAsideContentContext();
+    const layout = useLayout();
+    const store = useRiskProfileStore();
+    const content = observe(() => (React.createElement("div", { className: classnames(styles["new-risk-profile-form"], props.className) },
+        React.createElement(Form, { form: form, layout: "vertical" },
+            React.createElement(Form.Item, { name: "Contact", label: "Contact" },
+                React.createElement(MetionList, { multiple: false, contacts: state.members ? state.members : [], defaultSelection: "Everyone", onChange: (list) => {
+                        state.members = list;
+                        state.params.UnitId = list[0].id;
+                    } })),
+            openMode === "openBottom" && (React.createElement(Form.Item, { className: "from-footer" },
+                React.createElement(Row, { justify: "end" },
+                    React.createElement(Space, null,
+                        React.createElement(Button, { onClick: onCancel }, "Cancel"),
+                        React.createElement(Button, { type: "primary", htmlType: "submit", onClick: onSubmit, loading: loading }, "Submit")))))))));
+    return observe(() => (React.createElement(React.Fragment, null, props.openMode === "openBottom" ? (content) : (React.createElement(AddFormView, { title: "Add Customer Form", loading: loading, onCancel: onCancel, onSubmit: onSubmit }, content)))));
+    async function onSubmit() {
+        var _a;
+        // if (!values.Name) return message.warning("Title is required");
+        setLoading(true);
+        await store.create({
+            data: {
+                ...state.params,
+            },
+            error: (error) => message.error(error.message),
+        });
+        // .then((res) => layout.history.push(``));
+        runInAction(() => (state.members = []));
+        setLoading(false);
+        (_a = props.onSave) === null || _a === void 0 ? void 0 : _a.call(props, state.params);
+        onCancel();
+    }
+    function onCancel() {
+        var _a;
+        runInAction(() => (state.members = []));
+        asideContext.closeAside();
+        (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props);
+    }
+};
+NewRiskProfileForm.defaultProps = {
+    openMode: "openAside",
+};
+export default NewRiskProfileForm;
 //# sourceMappingURL=index.js.map

package/es/modules/corporate/background-investigation/risk-profile/components/NewRiskProfileForm/index.less

@@ -1,10 +1,10 @@
-.new-risk-profile-form {
-	:global {
-		.from-footer {
-			margin-bottom: 0;
-		}
-		.ant-tabs-tabpane {
-			padding: 24px;
-		}
-	}
-}
+.new-risk-profile-form {
+	:global {
+		.from-footer {
+			margin-bottom: 0;
+		}
+		.ant-tabs-tabpane {
+			padding: 24px;
+		}
+	}
+}

package/es/modules/corporate/background-investigation/risk-profile/components/NewRiskProfileForm/state.d.ts

@@ -1,11 +1,11 @@
-import { IUnit } from "@voplus/morpho-org";
-export declare class State {
-    constructor();
-    Params: {
-        UnitId: string;
-    };
-    params: {
-        UnitId: string;
-    };
-    members?: IUnit[];
-}
+import { IUnit } from "@voplus/morpho-org";
+export declare class State {
+    constructor();
+    Params: {
+        UnitId: string;
+    };
+    params: {
+        UnitId: string;
+    };
+    members?: IUnit[];
+}

package/es/modules/corporate/background-investigation/risk-profile/components/NewRiskProfileForm/state.js

@@ -1,34 +1,34 @@
-import { __decorate } from "tslib";
-import { makeObservable, observable } from "mobx";
-export class State {
-    constructor() {
-        Object.defineProperty(this, "Params", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: {
-                UnitId: "",
-            }
-        });
-        Object.defineProperty(this, "params", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: this.Params
-        });
-        Object.defineProperty(this, "members", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        makeObservable(this);
-    }
-}
-__decorate([
-    observable
-], State.prototype, "params", void 0);
-__decorate([
-    observable
-], State.prototype, "members", void 0);
+import { __decorate } from "tslib";
+import { makeObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        Object.defineProperty(this, "Params", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {
+                UnitId: "",
+            }
+        });
+        Object.defineProperty(this, "params", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: this.Params
+        });
+        Object.defineProperty(this, "members", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        makeObservable(this);
+    }
+}
+__decorate([
+    observable
+], State.prototype, "params", void 0);
+__decorate([
+    observable
+], State.prototype, "members", void 0);
 //# sourceMappingURL=state.js.map

package/es/modules/corporate/background-investigation/risk-profile/components/RelatedProfileList/index.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import { IRiskProfile } from "../../../../../../data/risk-profile";
-declare const RelatedProfileList: (props: {
-    parentId: string;
-    viewTitle?: string | undefined;
-    asideable?: boolean | undefined;
-    onClickItem?: ((item: IRiskProfile) => void) | undefined;
-}) => JSX.Element;
-export default RelatedProfileList;
+/// <reference types="react" />
+import { IRiskProfile } from "../../../../../../data/risk-profile";
+declare const RelatedProfileList: (props: {
+    parentId: string;
+    viewTitle?: string | undefined;
+    asideable?: boolean | undefined;
+    onClickItem?: ((item: IRiskProfile) => void) | undefined;
+}) => JSX.Element;
+export default RelatedProfileList;

package/es/modules/corporate/background-investigation/risk-profile/components/RelatedProfileList/index.js

@@ -1,37 +1,37 @@
-import React, { useState } from "react";
-import { observe, useRenderOnChange } from "@voplus/morpho-ui";
-import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
-import { useRelatedProfileListEffect } from "../../../../../../data/risk-profile";
-import { useAutoUpdateListData } from "../../../../../../data/risk-profile/risk-profile-events";
-import { useViewContext } from "@voplus/morpho-document-core/es/data/context/ViewContext";
-import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
-import ListView from "@voplus/morpho-ui/es/components/layout/ListView/ListView2";
-import RiskProfileItem from "../RiskProfileItem";
-import RiskProfilePropertiesView from "../RiskProfilePropertiesView";
-import styles from "./index.less";
-const RelatedProfileList = (props) => {
-    const { parentId, viewTitle, asideable } = props;
-    const view = useViewContext();
-    const [asideContext] = useState(AsideContent.createContext());
-    const list = useCreateListDataState({
-        filterDefaults: {
-            filters: [],
-        },
-    }, [parentId]);
-    /** 如果 list.filters.options变更了就重渲染，使下一行的useWorkTypeListEffect 可以接收新参数*/
-    useRenderOnChange(() => list.filters.options);
-    useRelatedProfileListEffect(parentId, list, (result, total) => list.union(result), list.filters.options);
-    useAutoUpdateListData(list, (d) => true);
-    return observe(() => (React.createElement(AsideContent, { context: asideContext },
-        React.createElement("div", { className: styles["risk-profile-list"] },
-            React.createElement(ListDataContext.Provider, { value: list },
-                React.createElement(ListView, { headerProps: {
-                        viewTitle: viewTitle || "Risk Profile List",
-                        sortable: false,
-                        quickSearch: true,
-                        addAble: false,
-                    }, renderItem: ({ item, connectDragSource }) => (React.createElement("div", { key: item.id, onClick: () => (props === null || props === void 0 ? void 0 : props.onClickItem) && props.onClickItem(item) },
-                        React.createElement(RiskProfileItem, { id: item.id, quickView: (view === null || view === void 0 ? void 0 : view.Type) === "PropertiesView" }))), asideable: asideable, propertiesView: (id) => (view === null || view === void 0 ? void 0 : view.Type) !== "PropertiesView" && React.createElement(RiskProfilePropertiesView, { id: id }) }))))));
-};
-export default RelatedProfileList;
+import React, { useState } from "react";
+import { observe, useRenderOnChange } from "@voplus/morpho-ui";
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import { useRelatedProfileListEffect } from "../../../../../../data/risk-profile";
+import { useAutoUpdateListData } from "../../../../../../data/risk-profile/risk-profile-events";
+import { useViewContext } from "@voplus/morpho-document-core/es/data/context/ViewContext";
+import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
+import ListView from "@voplus/morpho-ui/es/components/layout/ListView/ListView2";
+import RiskProfileItem from "../RiskProfileItem";
+import RiskProfilePropertiesView from "../RiskProfilePropertiesView";
+import styles from "./index.less";
+const RelatedProfileList = (props) => {
+    const { parentId, viewTitle, asideable } = props;
+    const view = useViewContext();
+    const [asideContext] = useState(AsideContent.createContext());
+    const list = useCreateListDataState({
+        filterDefaults: {
+            filters: [],
+        },
+    }, [parentId]);
+    /** 如果 list.filters.options变更了就重渲染，使下一行的useWorkTypeListEffect 可以接收新参数*/
+    useRenderOnChange(() => list.filters.options);
+    useRelatedProfileListEffect(parentId, list, (result, total) => list.union(result), list.filters.options);
+    useAutoUpdateListData(list, (d) => true);
+    return observe(() => (React.createElement(AsideContent, { context: asideContext },
+        React.createElement("div", { className: styles["risk-profile-list"] },
+            React.createElement(ListDataContext.Provider, { value: list },
+                React.createElement(ListView, { headerProps: {
+                        viewTitle: viewTitle || "Risk Profile List",
+                        sortable: false,
+                        quickSearch: true,
+                        addAble: false,
+                    }, renderItem: ({ item, connectDragSource }) => (React.createElement("div", { key: item.id, onClick: () => (props === null || props === void 0 ? void 0 : props.onClickItem) && props.onClickItem(item) },
+                        React.createElement(RiskProfileItem, { id: item.id, quickView: (view === null || view === void 0 ? void 0 : view.Type) === "PropertiesView" }))), asideable: asideable, propertiesView: (id) => (view === null || view === void 0 ? void 0 : view.Type) !== "PropertiesView" && React.createElement(RiskProfilePropertiesView, { id: id }) }))))));
+};
+export default RelatedProfileList;
 //# sourceMappingURL=index.js.map

package/es/modules/corporate/background-investigation/risk-profile/components/RelatedProfileList/index.less

@@ -1,19 +1,19 @@
-.risk-profile-list {
-	display: flex;
-	flex-direction: column;
-	height: 100%;
-
-	:global {
-		.list-view-header > div:first-child {
-			flex: 1;
-
-			.site-badge-count {
-				margin-left: 10px;
-			}
-		}
-
-		.vo-plus-column-item > div {
-			flex: 1;
-		}
-	}
-}
+.risk-profile-list {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+
+	:global {
+		.list-view-header > div:first-child {
+			flex: 1;
+
+			.site-badge-count {
+				margin-left: 10px;
+			}
+		}
+
+		.vo-plus-column-item > div {
+			flex: 1;
+		}
+	}
+}

package/es/modules/corporate/background-investigation/risk-profile/components/RiskProfileHead/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-declare const RiskProfileHead: (props: {
-    id: string;
-    onReload?: () => void;
-}) => JSX.Element;
-export default RiskProfileHead;
+/// <reference types="react" />
+declare const RiskProfileHead: (props: {
+    id: string;
+    onReload?: () => void;
+}) => JSX.Element;
+export default RiskProfileHead;

package/es/modules/corporate/background-investigation/risk-profile/components/RiskProfileHead/index.js

@@ -1,33 +1,33 @@
-import React from "react";
-import { Skeleton } from "antd";
-import { observe } from "@voplus/morpho-ui";
-import { useRiskProfile, useRiskProfileStore } from "../../../../../../data/risk-profile";
-import { useAsideContentContext } from "@voplus/morpho-ui/es/components/layout/AsideContent";
-import { Open, Reload, Delete } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
-import { runInAction } from "mobx";
-import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
-import UnitAvatar from "@voplus/morpho-org/es/components/UnitAvatar";
-import styles from "./index.less";
-const RiskProfileHead = (props) => {
-    const { id, onReload } = props;
-    const store = useRiskProfileStore();
-    const asideContext = useAsideContentContext();
-    const riskProfile = useRiskProfile(id);
-    return observe(() => (React.createElement("div", { className: styles["unit-head"] }, riskProfile.loading ? (React.createElement(Skeleton, { active: true })) : (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "tool-bar-content" },
-            React.createElement(ToolBar, { id: id, showMenu: false },
-                React.createElement(Open, { url: `/risk-profile/${id}` }),
-                React.createElement(Reload, { action: onReload }),
-                React.createElement(Delete, { action: onItemDelete }))),
-        React.createElement(UnitAvatar, { id: riskProfile.unit.id, size: 70 }),
-        React.createElement("div", { className: "unit-name" }, riskProfile.unit.name))))));
-    /**delete riskProfile*/
-    async function onItemDelete() {
-        await store.delete([id]);
-        runInAction(() => {
-            asideContext.closeAside();
-        });
-    }
-};
-export default RiskProfileHead;
+import React from "react";
+import { Skeleton } from "antd";
+import { observe } from "@voplus/morpho-ui";
+import { useRiskProfile, useRiskProfileStore } from "../../../../../../data/risk-profile";
+import { useAsideContentContext } from "@voplus/morpho-ui/es/components/layout/AsideContent";
+import { Open, Reload, Delete } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
+import { runInAction } from "mobx";
+import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
+import UnitAvatar from "@voplus/morpho-org/es/components/UnitAvatar";
+import styles from "./index.less";
+const RiskProfileHead = (props) => {
+    const { id, onReload } = props;
+    const store = useRiskProfileStore();
+    const asideContext = useAsideContentContext();
+    const riskProfile = useRiskProfile(id);
+    return observe(() => (React.createElement("div", { className: styles["unit-head"] }, riskProfile.loading ? (React.createElement(Skeleton, { active: true })) : (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "tool-bar-content" },
+            React.createElement(ToolBar, { id: id, showMenu: false },
+                React.createElement(Open, { url: `/risk-profile/${id}` }),
+                React.createElement(Reload, { action: onReload }),
+                React.createElement(Delete, { action: onItemDelete }))),
+        React.createElement(UnitAvatar, { id: riskProfile.unit.id, size: 70 }),
+        React.createElement("div", { className: "unit-name" }, riskProfile.unit.name))))));
+    /**delete riskProfile*/
+    async function onItemDelete() {
+        await store.delete([id]);
+        runInAction(() => {
+            asideContext.closeAside();
+        });
+    }
+};
+export default RiskProfileHead;
 //# sourceMappingURL=index.js.map

package/es/modules/corporate/background-investigation/risk-profile/components/RiskProfileHead/index.less

@@ -1,33 +1,33 @@
-.unit-head {
-	position: relative;
-	text-align: center;
-	padding: 10px 0;
-	margin: 0 20px;
-
-	:global {
-		.tool-bar-content {
-			text-align: right;
-		}
-        
-		.unit-name {
-			color: #000;
-			font-size: 16px;
-			font-weight: 500;
-			margin-top: 12px;
-			cursor: pointer;
-
-			&.inline-edit {
-				cursor: text;
-			}
-		}
-
-		.unit-type{
-			margin-bottom: 6px;
-		}
-
-		.unit-tag {
-			display: inline-block;
-			margin: auto;
-		}
-	}
+.unit-head {
+	position: relative;
+	text-align: center;
+	padding: 10px 0;
+	margin: 0 20px;
+
+	:global {
+		.tool-bar-content {
+			text-align: right;
+		}
+        
+		.unit-name {
+			color: #000;
+			font-size: 16px;
+			font-weight: 500;
+			margin-top: 12px;
+			cursor: pointer;
+
+			&.inline-edit {
+				cursor: text;
+			}
+		}
+
+		.unit-type{
+			margin-bottom: 6px;
+		}
+
+		.unit-tag {
+			display: inline-block;
+			margin: auto;
+		}
+	}
 }

package/es/modules/corporate/background-investigation/risk-profile/components/RiskProfileItem/index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-declare const RiskProfileItem: (props: {
-    id: string;
-    quickView?: boolean;
-    active?: boolean;
-}) => JSX.Element;
-export default RiskProfileItem;
+/// <reference types="react" />
+declare const RiskProfileItem: (props: {
+    id: string;
+    quickView?: boolean;
+    active?: boolean;
+}) => JSX.Element;
+export default RiskProfileItem;

package/es/modules/corporate/background-investigation/risk-profile/components/RiskProfileItem/index.js

@@ -1,44 +1,44 @@
-import React, { useEffect, useState } from "react";
-import { useRiskProfile } from "../../../../../../data/risk-profile";
-import { observe } from "@voplus/morpho-ui";
-import { Skeleton, Badge } from "antd";
-import { Open } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
-import { autorun } from "mobx";
-import RiskProfileMenu from "../../controls/RiskProfileMenu";
-import RiskProfileDataBar from "../../controls/RiskProfileDataBar";
-import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
-import RiskProfileQuickView from "../RiskProfileQuickView";
-import UnitAvatar from "@voplus/morpho-org/es/components/UnitAvatar";
-import classnames from "classnames";
-import styles from "./index.less";
-const RiskProfileItem = (props) => {
-    const { id, quickView } = props;
-    const riskProfile = useRiskProfile(id);
-    const [isHover, setIsHover] = useState(false);
-    const [visible, setVisible] = useState(false);
-    const [loaded, setLoaded] = useState(false);
-    useEffect(() => autorun(() => riskProfile.loaded && setLoaded(true)));
-    return observe(() => !loaded ? (React.createElement(Skeleton, { avatar: true, paragraph: { rows: 1 } })) : (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: styles["risk-profile-item"], onMouseOver: () => setIsHover(true), onMouseLeave: () => setIsHover(false) },
-            React.createElement("div", { className: "risk-profile-avatar" },
-                React.createElement(UnitAvatar, { id: riskProfile.unit.id, size: "large" })),
-            React.createElement("div", { className: "risk-profile-header-content" },
-                React.createElement("div", { className: "risk-profile-name", onClick: () => quickView && setVisible(true) }, riskProfile.unit.name),
-                React.createElement(RiskProfileDataBar, { id: id })),
-            riskProfile.identity === undefined && riskProfile.lastSearch === undefined ? (React.createElement("div", { className: classnames("risk-profile-status-label", {
-                    hide: isHover,
-                }) },
-                React.createElement(Badge, { status: "warning", text: "Need Identity Info" }))) : (React.createElement("div", { className: classnames("risk-profile-status-label flex items-baseline text-2xl font-semibold commission-amount", {
-                    "text-red-600": (riskProfile === null || riskProfile === void 0 ? void 0 : riskProfile.status) === "Positive",
-                    "text-green-600": (riskProfile === null || riskProfile === void 0 ? void 0 : riskProfile.status) === "Negative",
-                    "text-gray-400": !(riskProfile === null || riskProfile === void 0 ? void 0 : riskProfile.status),
-                    hide: isHover,
-                }) }, (riskProfile === null || riskProfile === void 0 ? void 0 : riskProfile.status) || `Unchecked: ${riskProfile.unchecked}`)),
-            React.createElement("div", { className: classnames("risk-profile-item-tool", { show: isHover }), onClick: (e) => e.stopPropagation() },
-                React.createElement(ToolBar, { id: id, showMenu: false },
-                    React.createElement(Open, { url: `/risk-profile/${id}` }),
-                    React.createElement(RiskProfileMenu, { id: id, unitId: riskProfile.unit.id, closeAside: true })))),
-        React.createElement(RiskProfileQuickView, { id: id, visible: visible, onCancel: () => setVisible(false) }))));
-};
-export default RiskProfileItem;
+import React, { useEffect, useState } from "react";
+import { useRiskProfile } from "../../../../../../data/risk-profile";
+import { observe } from "@voplus/morpho-ui";
+import { Skeleton, Badge } from "antd";
+import { Open } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
+import { autorun } from "mobx";
+import RiskProfileMenu from "../../controls/RiskProfileMenu";
+import RiskProfileDataBar from "../../controls/RiskProfileDataBar";
+import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
+import RiskProfileQuickView from "../RiskProfileQuickView";
+import UnitAvatar from "@voplus/morpho-org/es/components/UnitAvatar";
+import classnames from "classnames";
+import styles from "./index.less";
+const RiskProfileItem = (props) => {
+    const { id, quickView } = props;
+    const riskProfile = useRiskProfile(id);
+    const [isHover, setIsHover] = useState(false);
+    const [visible, setVisible] = useState(false);
+    const [loaded, setLoaded] = useState(false);
+    useEffect(() => autorun(() => riskProfile.loaded && setLoaded(true)));
+    return observe(() => !loaded ? (React.createElement(Skeleton, { avatar: true, paragraph: { rows: 1 } })) : (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: styles["risk-profile-item"], onMouseOver: () => setIsHover(true), onMouseLeave: () => setIsHover(false) },
+            React.createElement("div", { className: "risk-profile-avatar" },
+                React.createElement(UnitAvatar, { id: riskProfile.unit.id, size: "large" })),
+            React.createElement("div", { className: "risk-profile-header-content" },
+                React.createElement("div", { className: "risk-profile-name", onClick: () => quickView && setVisible(true) }, riskProfile.unit.name),
+                React.createElement(RiskProfileDataBar, { id: id })),
+            riskProfile.identity === undefined && riskProfile.lastSearch === undefined ? (React.createElement("div", { className: classnames("risk-profile-status-label", {
+                    hide: isHover,
+                }) },
+                React.createElement(Badge, { status: "warning", text: "Need Identity Info" }))) : (React.createElement("div", { className: classnames("risk-profile-status-label flex items-baseline text-2xl font-semibold commission-amount", {
+                    "text-red-600": (riskProfile === null || riskProfile === void 0 ? void 0 : riskProfile.status) === "Positive",
+                    "text-green-600": (riskProfile === null || riskProfile === void 0 ? void 0 : riskProfile.status) === "Negative",
+                    "text-gray-400": !(riskProfile === null || riskProfile === void 0 ? void 0 : riskProfile.status),
+                    hide: isHover,
+                }) }, (riskProfile === null || riskProfile === void 0 ? void 0 : riskProfile.status) || `Unchecked: ${riskProfile.unchecked}`)),
+            React.createElement("div", { className: classnames("risk-profile-item-tool", { show: isHover }), onClick: (e) => e.stopPropagation() },
+                React.createElement(ToolBar, { id: id, showMenu: false },
+                    React.createElement(Open, { url: `/risk-profile/${id}` }),
+                    React.createElement(RiskProfileMenu, { id: id, unitId: riskProfile.unit.id, closeAside: true })))),
+        React.createElement(RiskProfileQuickView, { id: id, visible: visible, onCancel: () => setVisible(false) }))));
+};
+export default RiskProfileItem;
 //# sourceMappingURL=index.js.map