@voplus/morpho-csp 1.2.24 → 1.2.27

package/es/modules/self-registration/incorporation-form/CLDAIncorporationDefaultView/index.less

@@ -0,0 +1,26 @@
+:global {
+	.clda-incorporation_client_view {
+		height: 100%;
+		padding: 20px;
+		overflow: hidden;
+	}
+	.clda-incorporation_comment {
+		width: 20rem;
+		.main-nav-container {
+			display: flex;
+			flex-direction: column;
+			height: 100%;
+		}
+		.collapsed-btn.show {
+			width: 18px;
+			.fa-comment-alt-dots {
+				font-size: 18px;
+			}
+		}
+		header {
+			padding: 10px 20px;
+			border-bottom: 1px solid #f0f0f0;
+			line-height: 18px;
+		}
+	}
+}

package/es/modules/self-registration/incorporation-form/CompanyInfoForm/CompanyInfo/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const CompanyInfo: (props: {
+    /** id of incorporate form */
+    id: string;
+}) => JSX.Element;

package/es/modules/self-registration/incorporation-form/CompanyInfoForm/CompanyInfo/index.js

@@ -0,0 +1,91 @@
+import { BusinessActivityTip, BusinessNameTip, RegisteredAddressTip } from "../../../controls/Tips";
+import { Button, Col, Form, Row } from "@voplus/antd";
+import React from "react";
+import { faAddressBook, faBriefcase, faMapMarkerAlt } from "@fortawesome/pro-light-svg-icons";
+import { useIncorporationForm, useIncorporationFormStore, } from "../../../../../data/incorporation-form";
+import Address from "@voplus/morpho-org/es/components/Address";
+import BusinessActivityInput from "../../../controls/BusinessActivityInput";
+import BusinessNameInputFormItem from "../../../controls/BusinessNameInputFormItem";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { InlineEdit } from "@voplus/morpho-ui";
+import Section from "../../../controls/Section";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import styles from "./index.less";
+import { useValidates } from "@voplus/morpho-data";
+export const CompanyInfo = (props) => {
+    const { id } = props;
+    const incorporationForm = useIncorporationForm(id);
+    const store = useIncorporationFormStore();
+    const checks = useValidates((c) => ({
+        name: c.validate(() => incorporationForm.content.legalEntityName, "Business name cannot be empty."),
+        businessActivity: c.validate(() => incorporationForm.content.businessActivities.some((activity) => !!activity && Number(activity.split(" ")[0]) !== NaN), "Choose at least one business activity."),
+        registeredAddress: c.validate(() => {
+            var _a, _b, _c;
+            return ((_a = incorporationForm.content.address) === null || _a === void 0 ? void 0 : _a.line1) &&
+                ((_b = incorporationForm.content.address) === null || _b === void 0 ? void 0 : _b.country) &&
+                // corporate.jurisdiction === "SG" &&
+                ((_c = incorporationForm.content.address) === null || _c === void 0 ? void 0 : _c.country) === "Singapore";
+        }, "A valid local address is required."),
+    }), [incorporationForm]);
+    return observe(() => (React.createElement("div", { className: styles.companyInfo }, incorporationForm.loaded && (React.createElement("div", null,
+        React.createElement(Section, { title: React.createElement(React.Fragment, null,
+                React.createElement(FontAwesomeIcon, { icon: faAddressBook }),
+                "Business Name ",
+                React.createElement(BusinessNameTip, null)) },
+            React.createElement(InlineEdit, { defaultValue: incorporationForm.content.legalEntityName, editTrigger: "both", editor: (v) => (React.createElement(BusinessNameInputFormItem, { value: v.store.value, onChange: (name) => runInAction(() => (v.store.value = name)), onSave: () => v.store.save({ trigger: "select" }), onCancel: () => v.store.cancel() })), onSave: (v) => store.edit(id, { data: { legalEntityName: v } }) }),
+            checks.name.error && React.createElement("span", { className: "warning" }, checks.name.message)),
+        React.createElement(Section, { title: React.createElement(React.Fragment, null,
+                React.createElement(FontAwesomeIcon, { icon: faBriefcase }),
+                "Business Activities ",
+                React.createElement(BusinessActivityTip, null)) },
+            React.createElement("div", { className: styles.content },
+                React.createElement(Form, null, incorporationForm.content.businessActivities &&
+                    incorporationForm.content.businessActivities.map((activity, i) => {
+                        return (React.createElement(Form.Item, { label: `Activities ${i + 1}`, key: `activity-${i}` },
+                            React.createElement(InlineEdit, { defaultValue: activity, onSave: (v) => {
+                                    store.edit(id, {
+                                        data: {
+                                            businessActivities: [
+                                                i == 0 ? v : incorporationForm.content.businessActivities[0],
+                                                i == 1 ? v : incorporationForm.content.businessActivities[1],
+                                            ],
+                                        },
+                                    });
+                                }, editor: (s) => {
+                                    return (React.createElement(BusinessActivityInput, { defaultValue: activity, onChange: (v) => runInAction(() => (s.store.value = v.toString())), onBlur: () => s.store.cancel(), autoFocus: true, onSelect: () => s.store.save({ trigger: "select" }) }));
+                                }, editTrigger: "both" })));
+                    })))),
+        React.createElement(Section, { title: React.createElement(React.Fragment, null,
+                React.createElement(FontAwesomeIcon, { icon: faMapMarkerAlt }),
+                "Registered Address ",
+                React.createElement(RegisteredAddressTip, null)) },
+            React.createElement("div", { className: styles.content },
+                React.createElement(InlineEdit, { editTrigger: "both", defaultValue: incorporationForm.content.address, onSave: (v) => store.edit(id, { data: { address: v } }), content: (p) => {
+                        const s = p.store.value;
+                        return (React.createElement(React.Fragment, null, s && (React.createElement(React.Fragment, null,
+                            React.createElement(Row, null,
+                                React.createElement(Col, null, s.line1)),
+                            React.createElement(Row, null,
+                                React.createElement(Col, null, s.line2)),
+                            React.createElement(Row, null,
+                                React.createElement(Col, null, `${s.city ? s.city : ""} ${s.state} ${s.country} ${s.postalCode}`.trim()))))));
+                    }, editor: (p) => observe(() => (React.createElement(React.Fragment, null,
+                        React.createElement(Row, null,
+                            React.createElement(Col, { style: { width: "100%" } },
+                                React.createElement(Address, { value: p.store.value, onChange: (v) => {
+                                        runInAction(() => {
+                                            p.store.value.city = v.city;
+                                            p.store.value.country = v.country;
+                                            p.store.value.line1 = v.line1;
+                                            p.store.value.line2 = v.line2;
+                                            p.store.value.postalCode = v.postalCode;
+                                            p.store.value.state = v.state;
+                                        });
+                                    }, countryDisabled: true }))),
+                        React.createElement(Row, null,
+                            React.createElement(Button, { onClick: () => p.store.save({ trigger: "select" }) }, "Save"),
+                            React.createElement(Button, { onClick: () => p.store.cancel(), style: { marginLeft: "1rem" } }, "Cancel"))))) })),
+            checks.registeredAddress.error && (React.createElement("span", { className: "warning" }, checks.registeredAddress.message))))))));
+};
+//# sourceMappingURL=index.js.map

package/es/modules/self-registration/incorporation-form/CompanyInfoForm/CompanyInfo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/self-registration/incorporation-form/CompanyInfoForm/CompanyInfo/index.tsx"],"names":[],"mappings":"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"}

package/es/modules/self-registration/incorporation-form/CompanyInfoForm/CompanyInfo/index.less

@@ -0,0 +1,7 @@
+.companyInfo {
+	:global {
+		.ant-form-item-label > label {
+			width: 110px;
+		}
+	}
+}

package/es/modules/self-registration/incorporation-form/CompanyInfoForm/OfficerList/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const OfficerList: (props: {
+    id: any;
+    isShowDetails?: boolean;
+}) => JSX.Element;
+export default OfficerList;

package/es/modules/self-registration/incorporation-form/CompanyInfoForm/OfficerList/index.js

@@ -0,0 +1,92 @@
+import { Modal, Spin } from "@voplus/antd";
+import React, { useState } from "react";
+import { useIncorporationForm, useIncorporationFormStore, } from "../../../../../data/incorporation-form";
+import Card from "../../../components/Card";
+import { DirectorTip } from "../../../controls/Tips";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import MemberInfo from "../../components/MemberInfo";
+import Section from "../../../controls/Section";
+import SelectLegalContactDialog from "../../../../corporate/company/Identity/SelectLegalContactDialog";
+import { State } from "./state";
+import { clone } from "lodash-es";
+import { faUsers } from "@fortawesome/pro-light-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+import styles from "../index.less";
+import { useDocumentStore } from "@voplus/morpho-document-core";
+import { useUnitStore } from "@voplus/morpho-org";
+import { useValidates } from "@voplus/morpho-data";
+const OfficerList = (props) => {
+    const { id, isShowDetails } = props;
+    const [showDialog, setShowDialog] = useState(false);
+    const [state] = useState(new State());
+    const store = useIncorporationFormStore();
+    const documents = useDocumentStore();
+    const unitStore = useUnitStore();
+    const incorporation = useIncorporationForm(props.id);
+    state.update(incorporation);
+    const checks = useValidates((c) => ({
+        hasDirector: c.validate(() => state.members.length > 0, ""),
+    }), [state.members]);
+    return observe(() => (React.createElement("div", { className: styles.ShareHolders },
+        React.createElement(Section, { title: React.createElement(React.Fragment, null,
+                React.createElement(FontAwesomeIcon, { icon: faUsers }),
+                "Directors ",
+                React.createElement(DirectorTip, { version: "info" })) },
+            React.createElement(Spin, { spinning: state.incorporationForm === null || !state.incorporationForm.loaded },
+                React.createElement(Card, { onAdd: setAdd, addPosition: props.isShowDetails ? "topRight" : "default", layout: props.isShowDetails ? "vertical" : "horizontal" }, state.members &&
+                    state.members.map((m, i) => (React.createElement(MemberInfo, { roles: "Directors", member: m, isShowDetails: isShowDetails, onEditClick: () => setEdit(i), key: i, onDeleteClick: () => remove(i) })))),
+                checks.hasDirector.error && (React.createElement("span", { className: "warning" }, checks.hasDirector.message)))),
+        showDialog && React.createElement(SelectLegalContactDialog, { visible: true, updateVisible: onSave }))));
+    function setEdit(index) {
+        state.index = index;
+        setShowDialog(true);
+    }
+    function setAdd() {
+        state.index = -1;
+        setShowDialog(true);
+    }
+    /** 新增officerItem */
+    async function onSave(unitId) {
+        /** SelectLegalContactDialog 选择/新增有identity信息的unit */
+        if (unitId) {
+            const unit = await unitStore.load(unitId, { reload: false });
+            const data = clone(state.members);
+            const member = {
+                name: unit.name,
+                email: unit.email,
+                phone: unit.phone,
+                address: unit.address,
+            };
+            if (state.index && state.index >= 0)
+                data.splice(state.index, 1, member);
+            const members = state.index === -1 ? [...state.members, member] : data;
+            await store.edit(id, {
+                data: { members: members },
+                error: "message",
+            });
+            state.index = undefined;
+        }
+        setShowDialog(false);
+    }
+    function remove(index) {
+        return Modal.confirm({
+            title: "Do you want to delete this item?",
+            async onOk() {
+                const members = clone(state.members);
+                members.splice(index, 1);
+                await store.edit(id, {
+                    data: { members: members },
+                    error: "message",
+                });
+                getSharesTransaction();
+            },
+        });
+    }
+    /** reload invoice */
+    function getSharesTransaction() {
+        const document = documents.items.get(id);
+        state.members = clone(document.content.members);
+    }
+};
+export default OfficerList;
+//# sourceMappingURL=index.js.map

package/es/modules/self-registration/incorporation-form/CompanyInfoForm/OfficerList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/self-registration/incorporation-form/CompanyInfoForm/OfficerList/index.tsx"],"names":[],"mappings":"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"}

package/es/modules/self-registration/incorporation-form/CompanyInfoForm/OfficerList/state.d.ts

@@ -0,0 +1,11 @@
+import { IFormPeopleOptions, IIncorporationForm } from "../../../../../data/incorporation-form";
+export declare class State {
+    /**  */
+    incorporationForm: IIncorporationForm;
+    /**  */
+    members: IFormPeopleOptions[];
+    /** 编辑 members 的 index */
+    index?: number;
+    constructor();
+    update(incorporationForm: IIncorporationForm): void;
+}

package/es/modules/self-registration/incorporation-form/CompanyInfoForm/OfficerList/state.js

@@ -0,0 +1,45 @@
+import { __decorate } from "tslib";
+import { action, makeAutoObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        /**  */
+        Object.defineProperty(this, "incorporationForm", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /**  */
+        Object.defineProperty(this, "members", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /** 编辑 members 的 index */
+        Object.defineProperty(this, "index", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        makeAutoObservable(this);
+    }
+    update(incorporationForm) {
+        this.incorporationForm = incorporationForm;
+        this.members = incorporationForm.content.members;
+    }
+}
+__decorate([
+    observable
+], State.prototype, "incorporationForm", void 0);
+__decorate([
+    observable
+], State.prototype, "members", void 0);
+__decorate([
+    observable
+], State.prototype, "index", void 0);
+__decorate([
+    action
+], State.prototype, "update", null);
+//# sourceMappingURL=state.js.map

package/es/modules/self-registration/incorporation-form/CompanyInfoForm/OfficerList/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../../src/modules/self-registration/incorporation-form/CompanyInfoForm/OfficerList/state.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAE9D,MAAM,OAAO,KAAK;IAQjB;QAPA,OAAO;QACK;;;;;WAA6C;QACzD,OAAO;QACK;;;;;WAAqC;QACjD,yBAAyB;QACb;;;;;WAAsB;QAGjC,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAEc,MAAM,CAAC,iBAAqC;QAC1D,IAAI,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;QAC3C,IAAI,CAAC,OAAO,GAAG,iBAAiB,CAAC,OAAO,CAAC,OAAO,CAAC;IAClD,CAAC;CACD;AAdY;IAAX,UAAU;gDAA8C;AAE7C;IAAX,UAAU;sCAAsC;AAErC;IAAX,UAAU;oCAAuB;AAM1B;IAAP,MAAM;mCAGN"}

package/es/modules/self-registration/incorporation-form/CompanyInfoForm/ShareCapital/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const ShareCapital: (props: {
+    /** id of incorporate form */
+    id: string;
+}) => JSX.Element;
+export default ShareCapital;

package/es/modules/self-registration/incorporation-form/CompanyInfoForm/ShareCapital/index.js

@@ -0,0 +1,74 @@
+import { Button, InputNumber, Select } from "@voplus/antd";
+import { CapitalTip, FYETip, SharesTip } from "../../../controls/Tips";
+import { InlineEdit, observe } from "@voplus/morpho-ui";
+import { faBadgeDollar, faCalendar, faMoneyBill } from "@fortawesome/pro-light-svg-icons";
+import { useIncorporationForm, useIncorporationFormStore, } from "../../../../../data/incorporation-form";
+import DateInputEditor from "@voplus/morpho-ui/es/controls/InlineEdit/editors/DateInputEditor";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import React from "react";
+import Section from "../../../controls/Section";
+import moment from "moment";
+import { runInAction } from "mobx";
+import styles from "./index.less";
+const ShareCapital = (props) => {
+    const { id } = props;
+    const incorporationForm = useIncorporationForm(id);
+    const Option = Select.Option;
+    const store = useIncorporationFormStore();
+    return observe(() => {
+        var _a, _b, _c;
+        return (React.createElement(Section, { title: React.createElement(React.Fragment, null,
+                React.createElement(FontAwesomeIcon, { icon: faBadgeDollar }),
+                "Capital and Financial Year") },
+            React.createElement("div", { className: styles.element },
+                React.createElement("div", { className: styles.box },
+                    React.createElement(FontAwesomeIcon, { icon: faBadgeDollar, size: "2x" }),
+                    React.createElement("div", null,
+                        React.createElement("p", null,
+                            "Paid Up Capital ",
+                            React.createElement(CapitalTip, null)),
+                        React.createElement("div", { className: styles.capital },
+                            React.createElement(InlineEdit, { editTrigger: "both", defaultValue: {
+                                    currency: (_a = incorporationForm.content) === null || _a === void 0 ? void 0 : _a.currency,
+                                    capital: (_b = incorporationForm.content) === null || _b === void 0 ? void 0 : _b.capital,
+                                }, content: (v) => (React.createElement("span", null,
+                                    v.store.value.currency,
+                                    " ",
+                                    v.store.value.capital)), editor: (v) => (React.createElement("span", null,
+                                    React.createElement(Select, { defaultValue: v.store.value.currency, onSelect: (newValue) => runInAction(() => (v.store.value.currency = newValue)) },
+                                        React.createElement(Option, { value: "SGD" }, "SGD"),
+                                        React.createElement(Option, { value: "USD" }, "USD"),
+                                        React.createElement(Option, { value: "CNY" }, "CNY"),
+                                        React.createElement(Option, { value: "EUR" }, "EUR"),
+                                        React.createElement(Option, { value: "JPY" }, "JPY")),
+                                    React.createElement(InputNumber, { style: { marginLeft: "1em" }, autoFocus: true, defaultValue: v.store.value.capital, onChange: (newValue) => runInAction(() => (v.store.value.capital = newValue ? newValue : 1)), onKeyDown: (e) => e.key === "Escape" && v.store.cancel(), min: 1 }),
+                                    React.createElement(Button, { type: "primary", style: { marginLeft: "1em" }, onClick: () => v.store.save({ trigger: "select" }) }, "Save"),
+                                    React.createElement(Button, { style: { marginLeft: "1em" }, onClick: () => v.store.cancel() }, "Cancel"))), onSave: (v) => {
+                                    store.edit(id, {
+                                        data: { currency: v.currency, capital: v.capital },
+                                    });
+                                } })))),
+                React.createElement("div", { className: styles.box },
+                    React.createElement(FontAwesomeIcon, { icon: faMoneyBill, size: "2x" }),
+                    React.createElement("div", null,
+                        React.createElement("p", null,
+                            "Numbers Of Share ",
+                            React.createElement(SharesTip, null)),
+                        React.createElement(InlineEdit, { defaultValue: (_c = incorporationForm.content) === null || _c === void 0 ? void 0 : _c.shares, editTrigger: "both", editor: (v) => (React.createElement(InputNumber, { autoFocus: true, value: v.store.value, onChange: (newValue) => runInAction(() => (v.store.value = newValue ? newValue : 1)), onKeyDown: (e) => e.key === "Escape" && v.store.cancel(), onBlur: () => v.store.save({ trigger: "blur" }), min: 1 })), onSave: (v) => {
+                                store.edit(id, { data: { shares: v } });
+                            } }))),
+                React.createElement("div", { className: styles.box },
+                    React.createElement(FontAwesomeIcon, { icon: faCalendar, size: "2x" }),
+                    React.createElement("div", null,
+                        React.createElement("p", null,
+                            "Financial Year End (FYE) ",
+                            React.createElement(FYETip, null)),
+                        React.createElement(InlineEdit
+                        // defaultValue={moment(corporate.fye)}
+                        , { 
+                            // defaultValue={moment(corporate.fye)}
+                            defaultValue: moment("2021-02-22T04:01:14.5675961"), editTrigger: "both", content: (v) => (React.createElement("span", null, v.store.value ? v.store.value.format("DD MMM YYYY") : "input FYE")), onSave: (v) => console.log(v, "----fye"), editor: DateInputEditor }))))));
+    });
+};
+export default ShareCapital;
+//# sourceMappingURL=index.js.map

package/es/modules/self-registration/incorporation-form/CompanyInfoForm/ShareCapital/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/self-registration/incorporation-form/CompanyInfoForm/ShareCapital/index.tsx"],"names":[],"mappings":"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"}

package/es/modules/self-registration/incorporation-form/CompanyInfoForm/ShareCapital/index.less

@@ -0,0 +1,28 @@
+.element {
+	display: flex;
+
+	.box {
+		font-size: 1.3em;
+		flex-grow: 1;
+		display: flex;
+		margin-bottom: 1rem;
+
+		svg {
+			margin-right: 1.5rem;
+			// color: @primary-blue;
+		}
+		p {
+			font-weight: 600;
+			margin-bottom: 10px;
+		}
+	}
+
+	.capital {
+		:global {
+			.morpho-inline-edit {
+				display: inline-block;
+				margin-right: 0.5em;
+			}
+		}
+	}
+}

package/es/modules/self-registration/incorporation-form/CompanyInfoForm/ShareholderList/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const ShareholderList: (props: {
+    id: any;
+    isShowDetails?: boolean;
+}) => JSX.Element;
+export default ShareholderList;

package/es/modules/self-registration/incorporation-form/CompanyInfoForm/ShareholderList/index.js

@@ -0,0 +1,106 @@
+import { Modal, Spin } from "@voplus/antd";
+import React, { useState } from "react";
+import { useIncorporationForm, useIncorporationFormStore, } from "../../../../../data/incorporation-form";
+import Card from "../../../components/Card";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import MemberInfo from "../../components/MemberInfo";
+import Section from "../../../controls/Section";
+import SelectLegalContactDialog from "../../../../corporate/company/Identity/SelectLegalContactDialog";
+import { ShareholderTip } from "../../../controls/Tips";
+import { State } from "./state";
+import { clone } from "lodash-es";
+import { faUsers } from "@fortawesome/pro-light-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+import { useDocumentStore } from "@voplus/morpho-document-core";
+import { useUnitStore } from "@voplus/morpho-org";
+import { useValidates } from "@voplus/morpho-data";
+const ShareholderList = (props) => {
+    const { id, isShowDetails } = props;
+    const [showDialog, setShowDialog] = useState(false);
+    const [state] = useState(new State());
+    const store = useIncorporationFormStore();
+    const documents = useDocumentStore();
+    const unitStore = useUnitStore();
+    const incorporation = useIncorporationForm(props.id);
+    state.update(incorporation);
+    const checks = useValidates((c) => ({
+        hasHolders: c.validate(() => state.officers.length > 0, ""),
+        // totalShares: c.validate(
+        // 	() =>
+        // 		state.officers.map((x) => (x.shares ? x.shares : 0)).reduce((x1, x2) => x1 + x2) ===
+        // 		props.order?.shares,
+        // 	`Total shares of all shareholder must equal to ${props.order?.shares}.`
+        // ),
+        // totalCapital: c.validate(
+        // 	() =>
+        // 		state.officers
+        // 			.map((x: any) => (x.consideration ? x.consideration : 0))
+        // 			.reduce((x1: number, x2: number) => x1 + x2) === props.order?.capital,
+        // 	`Total capital amount of all shareholder must equal to ${props.order?.capital}.`
+        // ),
+    }), [state.officers]);
+    return observe(() => {
+        var _a;
+        return (React.createElement("div", { className: "shareholder-list" },
+            React.createElement(Section, { title: React.createElement(React.Fragment, null,
+                    React.createElement(FontAwesomeIcon, { icon: faUsers }),
+                    "Shareholders ",
+                    React.createElement(ShareholderTip, null)) },
+                React.createElement(Spin, { spinning: state.incorporationForm === null || !state.incorporationForm.loaded },
+                    React.createElement(Card, { addPosition: isShowDetails ? "topRight" : "default", layout: isShowDetails ? "vertical" : "horizontal", onAdd: setAdd }, (_a = state.officers) === null || _a === void 0 ? void 0 : _a.map((s, i) => (React.createElement(MemberInfo, { roles: "Shareholder", member: s, key: i, isShowDetails: isShowDetails, onEditClick: () => setEdit(i), onDeleteClick: () => remove(i) })))),
+                    React.createElement("span", { className: "warning" }, !checks.hasHolders && React.createElement("div", null, "Need at least one shareholder.")))),
+            showDialog && React.createElement(SelectLegalContactDialog, { visible: true, updateVisible: onSave })));
+    });
+    function setAdd() {
+        state.index = -1;
+        setShowDialog(true);
+    }
+    function setEdit(index) {
+        state.index = index;
+        setShowDialog(true);
+    }
+    /** 新增shareholder Item */
+    async function onSave(unitId) {
+        /** SelectLegalContactDialog 选择/新增有identity信息的unit */
+        if (unitId) {
+            const unit = await unitStore.load(unitId, { reload: false });
+            const data = clone(state.officers);
+            const officer = {
+                name: unit.name,
+                email: unit.email,
+                phone: unit.phone,
+                address: unit.address,
+            };
+            if (state.index && state.index >= 0)
+                data.splice(state.index, 1, officer);
+            const officers = state.index === -1 ? [...state.officers, officer] : data;
+            await store.edit(id, {
+                data: { officers: officers },
+                error: "message",
+            });
+            state.index = undefined;
+        }
+        setShowDialog(false);
+    }
+    function remove(index) {
+        return Modal.confirm({
+            title: "Do you want to delete this item?",
+            async onOk() {
+                const officers = clone(state.officers);
+                officers.splice(index, 1);
+                await store.edit(id, {
+                    data: { officers: officers },
+                    error: "message",
+                });
+                getSharesTransaction();
+            },
+        });
+    }
+    /** reload invoice */
+    function getSharesTransaction() {
+        const document = documents.items.get(id);
+        state.officers = clone(document.content.officers);
+    }
+};
+export default ShareholderList;
+//# sourceMappingURL=index.js.map

package/es/modules/self-registration/incorporation-form/CompanyInfoForm/ShareholderList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/self-registration/incorporation-form/CompanyInfoForm/ShareholderList/index.tsx"],"names":[],"mappings":"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"}

package/es/modules/self-registration/incorporation-form/CompanyInfoForm/ShareholderList/state.d.ts

@@ -0,0 +1,11 @@
+import { IFormPeopleOptions, IIncorporationForm } from "../../../../../data/incorporation-form";
+export declare class State {
+    /**  */
+    incorporationForm: IIncorporationForm;
+    /**  */
+    officers: IFormPeopleOptions[];
+    /** 编辑 officers 的 index */
+    index?: number;
+    constructor();
+    update(incorporationForm: IIncorporationForm): void;
+}

package/es/modules/self-registration/incorporation-form/CompanyInfoForm/ShareholderList/state.js

@@ -0,0 +1,45 @@
+import { __decorate } from "tslib";
+import { action, makeAutoObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        /**  */
+        Object.defineProperty(this, "incorporationForm", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /**  */
+        Object.defineProperty(this, "officers", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /** 编辑 officers 的 index */
+        Object.defineProperty(this, "index", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        makeAutoObservable(this);
+    }
+    update(incorporationForm) {
+        this.incorporationForm = incorporationForm;
+        this.officers = incorporationForm.content.officers;
+    }
+}
+__decorate([
+    observable
+], State.prototype, "incorporationForm", void 0);
+__decorate([
+    observable
+], State.prototype, "officers", void 0);
+__decorate([
+    observable
+], State.prototype, "index", void 0);
+__decorate([
+    action
+], State.prototype, "update", null);
+//# sourceMappingURL=state.js.map

package/es/modules/self-registration/incorporation-form/CompanyInfoForm/ShareholderList/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../../src/modules/self-registration/incorporation-form/CompanyInfoForm/ShareholderList/state.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAE9D,MAAM,OAAO,KAAK;IAQjB;QAPA,OAAO;QACK;;;;;WAA6C;QACzD,OAAO;QACK;;;;;WAAsC;QAClD,0BAA0B;QACd;;;;;WAAsB;QAGjC,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAEc,MAAM,CAAC,iBAAqC;QAC1D,IAAI,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;QAC3C,IAAI,CAAC,QAAQ,GAAG,iBAAiB,CAAC,OAAO,CAAC,QAAQ,CAAC;IACpD,CAAC;CACD;AAdY;IAAX,UAAU;gDAA8C;AAE7C;IAAX,UAAU;uCAAuC;AAEtC;IAAX,UAAU;oCAAuB;AAM1B;IAAP,MAAM;mCAGN"}