@voplus/morpho-csp 1.2.64 → 1.2.66

package/es/modules/self-registration/incorporation-form/components/IncorporationFormReview/index.js

@@ -1,53 +1,59 @@
-import { Modal, Spin } from "@voplus/antd";
+import { Button, Spin } from "@voplus/antd";
 import React, { useState } from "react";
 import { ValidationCollections, ValidationCollectionsContext } from "@voplus/morpho-data";
 import { useIncorporationForm, useIncorporationFormStore, } from "../../../../../data/incorporation-form";
 import { CompanyInfo } from "../CompanyInfo";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import NavigateButtonsBar from "@voplus/morpho-ui/es/controls/NavigateButtonsBar";
 import OfficerList from "../OfficerList";
 import { Scrollbars } from "react-custom-scrollbars";
 import Section from "../../../controls/Section";
 import ShareCapital from "../ShareCapital";
 import ShareholderList from "../ShareholderList";
 import classnames from "classnames";
-import { faInfo } from "@fortawesome/pro-light-svg-icons";
+import { faInfo, faInfoCircle } from "@fortawesome/pro-light-svg-icons";
 import { observe } from "@voplus/morpho-ui";
 import styles from "./index.less";
+import IncorporationFormConfirmationDialog from "../IncorporationFormConfirmationDialog";
 const IncorporationFormReview = (props) => {
     const [submitting, setSubmitting] = useState(false);
     const [validations] = useState(new ValidationCollections());
     const store = useIncorporationFormStore();
-    const incorporation = useIncorporationForm(props.id, { reload: true });
-    return observe(() => (React.createElement("div", { className: classnames("incorporation-form-view", styles["incorporation-from-review"]) },
+    const incorporation = useIncorporationForm(props.id);
+    return observe(() => (React.createElement("div", { className: classnames("incorporation-form-view", props.className, styles["incorporation-from-review"]) },
         React.createElement(Scrollbars, { autoHide: true },
             React.createElement(Spin, { spinning: !incorporation.loaded }, incorporation.loaded && (React.createElement(ValidationCollectionsContext.Provider, { value: validations },
                 React.createElement(Section, { title: React.createElement(React.Fragment, null,
                         React.createElement(FontAwesomeIcon, { icon: faInfo }),
                         " Review and Complete Details") },
                     React.createElement("div", { style: { fontSize: "16px" } },
+                        React.createElement("p", null, "Hi, you are at the Incorporation form filling page. It will take you up to 10-15 minutes to fill up."),
+                        React.createElement("p", null, "All the below *fields are mandatory to fill."),
                         React.createElement("p", null,
-                            "You are about to start the Singapore Private Limited Company Registration. The online form will take about 10-15 min to complete.",
-                            " "),
-                        React.createElement("p", null, "Please take note of the following minimum requirements. You must have at least:"),
-                        React.createElement("ul", null,
-                            React.createElement("li", null, "1 Shareholder"),
-                            React.createElement("li", null, "1 Local Director"),
-                            React.createElement("li", null, "1 Local Address"),
-                            React.createElement("li", null, "Minimal 1 Share & S$1 Capital"),
-                            React.createElement("li", null, "Verification of identification and address proof\u00A0for each shareholder and officer of the company")))),
+                            "You may scroll over the",
+                            React.createElement("span", { style: { fontSize: "1.2em", color: "#2a82db", margin: "0 5px" } },
+                                React.createElement(FontAwesomeIcon, { icon: faInfoCircle, size: "sm" })),
+                            "icon near each heading to see more details."),
+                        React.createElement("p", null, "It is an AUTO SAVE form and you can close the form and re-edit it later."))),
                 React.createElement(CompanyInfo, { id: props.id }),
                 React.createElement(ShareCapital, { id: props.id }),
                 React.createElement(ShareholderList, { isShowDetails: true, id: props.id }),
-                React.createElement(OfficerList, { isShowDetails: true, id: props.id }))))))));
+                React.createElement(OfficerList, { isShowDetails: true, id: props.id }))))),
+        incorporation.status === "Draft" && (React.createElement(NavigateButtonsBar, null,
+            React.createElement(Button, { className: "incorporation-form-submit", disabled: validations.hasError, type: "primary", onClick: () => submit() }, "Submit"))),
+        incorporation.submitDate && (React.createElement("div", { className: "incorporation-form-submitted" },
+            "Submitted on ",
+            incorporation.submitDate)),
+        submitting && (React.createElement(IncorporationFormConfirmationDialog, { id: props.id, visible: true, onCancel: () => setSubmitting(false) })))));
     async function submit() {
-        try {
-            setSubmitting(true);
-            // await store.validate(props.id);
-        }
-        catch (err) {
-            Modal.error({ title: "Error", content: err.toString() });
-        }
-        setSubmitting(false);
+        setSubmitting(true);
+        // try {
+        // 	setSubmitting(true);
+        // 	// await store.validate(props.id);
+        // } catch (err) {
+        // 	Modal.error({ title: "Error", content: err.toString() });
+        // }
+        // setSubmitting(false);
     }
 };
 export default IncorporationFormReview;

package/es/modules/self-registration/incorporation-form/components/IncorporationFormReview/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/self-registration/incorporation-form/components/IncorporationFormReview/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAE,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,4BAA4B,EAAE,MAAM,qBAAqB,CAAC;AAC1F,OAAO,EACN,oBAAoB,EACpB,yBAAyB,GACzB,MAAM,wCAAwC,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,OAAO,MAAM,2BAA2B,CAAC;AAChD,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,eAAe,MAAM,oBAAoB,CAAC;AACjD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,MAAM,MAAM,cAAc,CAAC;AAElC,MAAM,uBAAuB,GAAG,CAAC,KAAqB,EAAE,EAAE;IACzD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,qBAAqB,EAAE,CAAC,CAAC;IAC5D,MAAM,KAAK,GAAG,yBAAyB,EAAE,CAAC;IAC1C,MAAM,aAAa,GAAG,oBAAoB,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IAEvE,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,6BAAK,SAAS,EAAE,UAAU,CAAC,yBAAyB,EAAE,MAAM,CAAC,2BAA2B,CAAC,CAAC;QACzF,oBAAC,UAAU,IAAC,QAAQ;YACnB,oBAAC,IAAI,IAAC,QAAQ,EAAE,CAAC,aAAa,CAAC,MAAM,IACnC,aAAa,CAAC,MAAM,IAAI,CACxB,oBAAC,4BAA4B,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW;gBACxD,oBAAC,OAAO,IACP,KAAK,EACJ,oBAAC,KAAK,CAAC,QAAQ;wBACd,oBAAC,eAAe,IAAC,IAAI,EAAE,MAAM,GAAI;uDACjB;oBAGlB,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE;wBAC/B;;4BAEoD,GAAG,CACnD;wBACJ,iHAEI;wBACJ;4BACC,gDAAsB;4BACtB,mDAAyB;4BACzB,kDAAwB;4BACxB,gEAAsC;4BACtC,wIAGK,CACD,CACA,CACG;gBACV,oBAAC,WAAW,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,GAAI;gBAC7B,oBAAC,YAAY,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,GAAI;gBAC9B,oBAAC,eAAe,IAAC,aAAa,QAAC,EAAE,EAAE,KAAK,CAAC,EAAE,GAAI;gBAC/C,oBAAC,WAAW,IAAC,aAAa,QAAC,EAAE,EAAE,KAAK,CAAC,EAAE,GAAI,CACJ,CACxC,CACK,CACK,CAWR,CACN,CAAC,CAAC;IAEH,KAAK,UAAU,MAAM;QACpB,IAAI;YACH,aAAa,CAAC,IAAI,CAAC,CAAC;YACpB,kCAAkC;SAClC;QAAC,OAAO,GAAG,EAAE;YACb,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;SACzD;QACD,aAAa,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/self-registration/incorporation-form/components/IncorporationFormReview/index.tsx"],"names":[],"mappings":"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"}

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

@@ -9,5 +9,13 @@
 		.morpho-inline-edit > .content-container > .content.clickable {
 			cursor: pointer;
 		}
+		.incorporation-form-submit{
+			margin-top: 20px;
+		}
+		.incorporation-form-submitted{
+			text-align: right;
+			margin-top: 20px;
+			padding: 0 20px;
+		}
 	}
 }

package/es/modules/self-registration/incorporation-form/components/MemberInfo/index.d.ts

@@ -1,16 +1,14 @@
 /// <reference types="react" />
 import { IFormPeopleOptions } from "../../../../../data/incorporation-form";
 declare const MemberInfo: (props: {
-    member: IFormPeopleOptions;
-    /** member roles  [经管]董事 | 金融]股东 */
-    roles: "Directors" | "Shareholder";
-    /** card or description */
-    isShowDetails?: boolean | undefined;
+    /** IncorporationForm id */
+    formId: string;
+    memberId: string;
+    contacts: IFormPeopleOptions;
     /** members or officers of index */
-    memberIndex?: number | undefined;
+    memberIndex?: number;
     /** members or officers of length */
-    memberLength?: number | undefined;
-    onDeleteClick?: (() => void) | undefined;
-    onEditClick?: ((option?: IFormPeopleOptions | undefined, index?: number | undefined) => Promise<void> | void) | undefined;
+    memberLength?: number;
+    onDeleteClick?: () => void;
 }) => JSX.Element;
 export default MemberInfo;

package/es/modules/self-registration/incorporation-form/components/MemberInfo/index.js

@@ -1,154 +1,100 @@
-import { Alert, Button, Col, Divider, Form, Popover, Row } from "@voplus/antd";
-import { InlineEdit, observe } from "@voplus/morpho-ui";
+import { Alert, Button, Col, Divider, Form, Row, Input } from "@voplus/antd";
+import { observe } from "@voplus/morpho-ui";
 import { useValidates } from "@voplus/morpho-data";
-import { faAddressCard, faEnvelope, faMapMarkerAlt, faPhone, faTrashAlt, } from "@fortawesome/pro-light-svg-icons";
+import { faAddressCard, faEnvelope, faMapMarkerAlt, faPhone, faTrashAlt, faPenToSquare, } from "@fortawesome/pro-light-svg-icons";
 import moment from "moment";
+import { clone } from "lodash-es";
 import Address from "@voplus/morpho-org/es/components/Address";
-import Blink from "../../../controls/Blink";
-import Card from "@voplus/morpho-ui/es/controls/Card";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { useIncorporationForm, useIncorporationFormStore, } from "../../../../../data/incorporation-form";
 import IdentityChange from "../../../../corporate/company/identity/components/IdentityChange";
-import React from "react";
+import React, { useState } from "react";
 import classnames from "classnames";
-import { faExclamationCircle } from "@fortawesome/free-solid-svg-icons";
-import { runInAction } from "mobx";
 import styles from "./index.less";
 import { useLayout } from "@voplus/morpho-data";
+import { useIncoprorationFormClientViewContext } from "../../pages/IncoprorationFormClientView/state";
 const MemberInfo = (props) => {
-    const { member, roles, isShowDetails } = props;
-    const isShareholder = roles === "Shareholder";
+    const { formId, memberId, contacts } = props;
     const layout = useLayout();
+    const [editable, setEditable] = useState(false);
     const validates = useValidates((c) => checkError(c));
-    return observe(() => (React.createElement(React.Fragment, null, !isShowDetails ? (React.createElement(Card, { className: styles["member-card"], padding: "0" },
-        React.createElement("div", { className: "member-title" },
-            React.createElement("span", { className: "member-name" }, member.name),
-            validates.hasError && (React.createElement(Blink, { duration: "3s" },
-                React.createElement(Popover, { content: errorTip(validates.errors), title: "", placement: "rightTop" },
-                    React.createElement(FontAwesomeIcon, { icon: faExclamationCircle, className: "errorIcon" }))))),
-        React.createElement("div", { className: "member-content" },
-            React.createElement("span", null,
-                "Email: ",
-                member.email),
-            React.createElement("span", null,
-                "Phone: ",
-                member.phone),
-            React.createElement("div", { className: "actions" },
-                React.createElement("span", { onClick: props.onDeleteClick },
-                    React.createElement(FontAwesomeIcon, { icon: faTrashAlt })))))) : (React.createElement("div", { className: styles["member-info"] },
-        React.createElement("div", { className: classnames({ "member-info-mobile": layout.ui.mobile }) },
-            React.createElement("div", { className: "member-title" },
-                React.createElement("div", { className: "member-title-info" },
-                    React.createElement("span", { className: "member-name" }, member.name),
-                    React.createElement("div", { className: "basic-info" },
-                        React.createElement(InlineEdit, { defaultValue: member.email, content: (v) => (React.createElement("div", null, member.email ? (React.createElement("span", { className: "basic-val" },
-                                React.createElement(FontAwesomeIcon, { icon: faEnvelope }),
-                                member.email)) : (React.createElement("span", { className: "placeholder basic-val" },
-                                React.createElement(FontAwesomeIcon, { icon: faEnvelope }),
-                                "Please click here to enter the email")))), onSave: (value) => {
-                                var _a;
-                                runInAction(() => (member.email = value));
-                                (_a = props.onEditClick) === null || _a === void 0 ? void 0 : _a.call(props, member, props.memberIndex);
-                            } }),
-                        React.createElement(InlineEdit, { defaultValue: member === null || member === void 0 ? void 0 : member.phone, content: (v) => (React.createElement("div", null, (member === null || member === void 0 ? void 0 : member.phone) ? (React.createElement("span", { className: "basic-val" },
-                                React.createElement(FontAwesomeIcon, { icon: faPhone }), member === null || member === void 0 ? void 0 :
-                                member.phone)) : (React.createElement("span", { className: "placeholder basic-val" },
-                                React.createElement(FontAwesomeIcon, { icon: faPhone }),
-                                "Please click here to enter the phone")))), onSave: (value) => {
-                                var _a;
-                                runInAction(() => (member.phone = value));
-                                (_a = props.onEditClick) === null || _a === void 0 ? void 0 : _a.call(props, member, props.memberIndex);
-                            } }))),
-                React.createElement("div", { className: "action-button" },
-                    React.createElement("span", { onClick: props.onDeleteClick },
-                        React.createElement(FontAwesomeIcon, { icon: faTrashAlt })))),
-            React.createElement("div", { className: "member-info-content" },
-                React.createElement("div", { className: "member-info-item" },
-                    React.createElement("div", { className: "member-item-name" },
-                        React.createElement(FontAwesomeIcon, { icon: faMapMarkerAlt }),
-                        "Address:"),
-                    React.createElement(InlineEdit, { editTrigger: "both", defaultValue: member.address, onSave: (v) => {
-                            var _a;
-                            runInAction(() => (member.address = v));
-                            (_a = props.onEditClick) === null || _a === void 0 ? void 0 : _a.call(props, member, props.memberIndex);
-                        }, content: (p) => {
-                            const s = p.store.value;
-                            return (React.createElement(React.Fragment, null, (s === null || s === void 0 ? void 0 : s.city) === "" &&
-                                (s === null || s === void 0 ? void 0 : s.country) === "" &&
-                                s.line1 === "" &&
-                                s.line2 === "" &&
-                                s.postalCode === "" &&
-                                s.state === "" ? (React.createElement("span", { className: "placeholder" }, "Please click here to enter the address")) : (React.createElement(React.Fragment, null,
+    const store = useIncorporationFormStore();
+    const context = useIncoprorationFormClientViewContext();
+    const incorporation = useIncorporationForm(props.formId);
+    return observe(() => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        return (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: styles["member-info"] },
+                React.createElement("div", { className: classnames({ "member-info-mobile": layout.ui.mobile }) },
+                    React.createElement("div", { className: "member-title" },
+                        React.createElement("div", { className: "member-title-info" },
+                            React.createElement("span", { className: "member-name" }, contacts === null || contacts === void 0 ? void 0 : contacts.name),
+                            React.createElement("div", { className: "basic-info" },
+                                React.createElement(Input, { disabled: !editable, bordered: editable, value: contacts === null || contacts === void 0 ? void 0 : contacts.email, placeholder: "Please enter the email", prefix: React.createElement(FontAwesomeIcon, { icon: faEnvelope }), onChange: (e) => (contacts.email = e.target.value) }),
+                                React.createElement(Input, { disabled: !editable, bordered: editable, value: contacts === null || contacts === void 0 ? void 0 : contacts.phone, placeholder: "Please enter the phone", prefix: React.createElement(FontAwesomeIcon, { icon: faPhone }), onChange: (e) => (contacts.phone = e.target.value) }))),
+                        (context ? context.editable : true) && (React.createElement("div", { className: "action-button" },
+                            React.createElement("span", { className: "edit-icon", onClick: () => setEditable(!editable) },
+                                React.createElement(FontAwesomeIcon, { icon: faPenToSquare })),
+                            React.createElement("span", { className: "delete-icon", onClick: props.onDeleteClick },
+                                React.createElement(FontAwesomeIcon, { icon: faTrashAlt }))))),
+                    React.createElement("div", { className: "member-info-content" },
+                        React.createElement("div", { className: "member-info-item" },
+                            React.createElement("div", { className: "member-item-name" },
+                                React.createElement(FontAwesomeIcon, { icon: faMapMarkerAlt }),
+                                "Address:"),
+                            editable ? (React.createElement(Form, { layout: "horizontal" },
+                                React.createElement(Address, { value: contacts.address, onChange: (v) => (contacts.address = v) }))) : (React.createElement(React.Fragment, null,
                                 React.createElement(Row, null,
-                                    React.createElement(Col, null, s === null || s === void 0 ? void 0 : s.line1)),
+                                    React.createElement(Col, null, (_a = contacts === null || contacts === void 0 ? void 0 : contacts.address) === null || _a === void 0 ? void 0 : _a.line1)),
                                 React.createElement(Row, null,
-                                    React.createElement(Col, null, s === null || s === void 0 ? void 0 : s.line2)),
+                                    React.createElement(Col, null, (_b = contacts === null || contacts === void 0 ? void 0 : contacts.address) === null || _b === void 0 ? void 0 : _b.line2)),
                                 React.createElement(Row, null,
-                                    React.createElement(Col, null, `${(s === null || s === void 0 ? void 0 : s.city) ? s === null || s === void 0 ? void 0 : s.city : ""} ${s === null || s === void 0 ? void 0 : s.state} ${s === null || s === void 0 ? void 0 : s.country} ${s === null || s === void 0 ? void 0 : s.postalCode}`.trim()))))));
-                        }, editor: (p) => observe(() => (React.createElement(React.Fragment, null,
-                            React.createElement(Form, { layout: "horizontal" },
-                                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;
-                                        });
-                                    } })),
-                            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"))))) })),
-                React.createElement("div", { className: "member-info-item" },
-                    React.createElement("div", { className: "member-item-name" },
-                        React.createElement(FontAwesomeIcon, { icon: faAddressCard }),
-                        "Identify Info:"),
-                    React.createElement(InlineEdit, { editTrigger: "both", defaultValue: member.identity, onSave: (v) => {
-                            var _a;
-                            runInAction(() => (member.identity = v));
-                            (_a = props.onEditClick) === null || _a === void 0 ? void 0 : _a.call(props, member, props.memberIndex);
-                        }, content: (p) => {
-                            const s = p.store.value;
-                            return (React.createElement(React.Fragment, null, (s === null || s === void 0 ? void 0 : s.country) === "" &&
-                                (s === null || s === void 0 ? void 0 : s.number) === null &&
-                                (s === null || s === void 0 ? void 0 : s.type) === "" &&
-                                (s === null || s === void 0 ? void 0 : s.expiryDate) === undefined ? (React.createElement("span", { className: "placeholder" }, "Please click here to enter the identify info")) : (React.createElement(React.Fragment, null,
+                                    React.createElement(Col, null, `${((_c = contacts === null || contacts === void 0 ? void 0 : contacts.address) === null || _c === void 0 ? void 0 : _c.city) ? (_d = contacts.address) === null || _d === void 0 ? void 0 : _d.city : ""} ${(_e = contacts === null || contacts === void 0 ? void 0 : contacts.address) === null || _e === void 0 ? void 0 : _e.state} ${(_f = contacts === null || contacts === void 0 ? void 0 : contacts.address) === null || _f === void 0 ? void 0 : _f.country} ${(_g = contacts === null || contacts === void 0 ? void 0 : contacts.address) === null || _g === void 0 ? void 0 : _g.postalCode}`.trim()))))),
+                        React.createElement("div", { className: "member-info-item" },
+                            React.createElement("div", { className: "member-item-name" },
+                                React.createElement(FontAwesomeIcon, { icon: faAddressCard }),
+                                "Identify Info:"),
+                            editable ? (React.createElement(IdentityChange, { value: contacts === null || contacts === void 0 ? void 0 : contacts.identity, onChange: (v) => (contacts.identity = v) })) : (React.createElement(React.Fragment, null,
                                 React.createElement(Row, null,
-                                    React.createElement(Col, null, s === null || s === void 0 ? void 0 : s.country)),
+                                    React.createElement(Col, null, (_h = contacts === null || contacts === void 0 ? void 0 : contacts.identity) === null || _h === void 0 ? void 0 : _h.country)),
                                 React.createElement(Row, null,
-                                    React.createElement(Col, null, s === null || s === void 0 ? void 0 : s.type)),
+                                    React.createElement(Col, null, (_j = contacts === null || contacts === void 0 ? void 0 : contacts.identity) === null || _j === void 0 ? void 0 : _j.type)),
                                 React.createElement(Row, null,
-                                    React.createElement(Col, null, s === null || s === void 0 ? void 0 : s.number)),
+                                    React.createElement(Col, null, (_k = contacts === null || contacts === void 0 ? void 0 : contacts.identity) === null || _k === void 0 ? void 0 : _k.number)),
                                 React.createElement(Row, null,
                                     React.createElement(Col, null,
-                                        "Expiry: ",
-                                        (s === null || s === void 0 ? void 0 : s.expiryDate) && moment(s.expiryDate).format("YYYY-MM-DD")))))));
-                        }, editor: (p) => observe(() => (React.createElement(React.Fragment, null,
-                            React.createElement(IdentityChange, { value: p.store.value, onChange: (v) => {
-                                    runInAction(() => {
-                                        p.store.value.country = v.country;
-                                        p.store.value.type = v.type;
-                                        p.store.value.number = v.number;
-                                        p.store.value.expiryDate = v.expiryDate;
-                                    });
-                                } }),
-                            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"))))) }))),
-            validates.hasError && (React.createElement(Alert, { message: React.createElement(React.Fragment, null, errorTip(validates.errors)), showIcon: true, type: "warning" }))),
-        props.memberLength > 1 && React.createElement(Divider, { className: "halvingline" }))))));
+                                        "Expiry:",
+                                        ((_l = contacts === null || contacts === void 0 ? void 0 : contacts.identity) === null || _l === void 0 ? void 0 : _l.expiryDate) &&
+                                            moment(contacts.identity.expiryDate).format("YYYY-MM-DD"))))),
+                            editable && (React.createElement(Row, { justify: "end" },
+                                React.createElement(Button, { onClick: () => setEditable(false) }, "Cancel"),
+                                React.createElement(Button, { type: "primary", style: { marginLeft: "1rem" }, onClick: onSave }, "Save"))))),
+                    validates.hasError && (React.createElement(Alert, { message: React.createElement(React.Fragment, null, errorTip(validates.errors)), showIcon: true, type: "warning" }))),
+                props.memberLength > 1 && React.createElement(Divider, { className: "halvingline" }))));
+    });
     function checkError(c) {
-        c.validate(() => { var _a; return ((_a = member.address) === null || _a === void 0 ? void 0 : _a.line1) && member.address.city && member.address.country; }, "Please input address.");
+        c.validate(() => { var _a; return ((_a = contacts === null || contacts === void 0 ? void 0 : contacts.address) === null || _a === void 0 ? void 0 : _a.line1) && (contacts === null || contacts === void 0 ? void 0 : contacts.address.city) && contacts.address.country; }, "Please input address.");
         // c.validate(() => unit.type !== "Organization" && unit.nationality, "Please input nationality.");
-        c.validate(() => member.email, "Please input email.");
-        c.validate(() => member.phone, "Please input phone.");
-        c.validate(() => { var _a, _b, _c; return ((_a = member.identity) === null || _a === void 0 ? void 0 : _a.number) && ((_b = member.identity) === null || _b === void 0 ? void 0 : _b.type) && ((_c = member.identity) === null || _c === void 0 ? void 0 : _c.country); }, "Please input identity details.");
+        c.validate(() => contacts === null || contacts === void 0 ? void 0 : contacts.email, "Please input email.");
+        c.validate(() => contacts === null || contacts === void 0 ? void 0 : contacts.phone, "Please input phone.");
+        c.validate(() => { var _a, _b, _c; return ((_a = contacts === null || contacts === void 0 ? void 0 : contacts.identity) === null || _a === void 0 ? void 0 : _a.number) && ((_b = contacts === null || contacts === void 0 ? void 0 : contacts.identity) === null || _b === void 0 ? void 0 : _b.type) && ((_c = contacts.identity) === null || _c === void 0 ? void 0 : _c.country); }, "Please input identity details.");
         // if (isShareholder) {
-        // 	c.validate(() => props.member.shares! > 0, "Please input number of shares.");
-        // 	c.validate(() => props.member.capital! > 0, "Please input subscription amount (capital).");
+        // 	c.validate(() => props.contacts.shares! > 0, "Please input number of shares.");
+        // 	c.validate(() => props.contacts.capital! > 0, "Please input subscription amount (capital).");
         // }
         return c;
     }
+    async function onSave() {
+        var _a, _b;
+        const officers = (_b = clone((_a = incorporation.content) === null || _a === void 0 ? void 0 : _a.contacts)) !== null && _b !== void 0 ? _b : [];
+        const index = officers.findIndex((i) => i.id === memberId);
+        officers[index] = contacts;
+        await store.edit(formId, {
+            data: { contacts: officers },
+            error: "message",
+        });
+        setEditable(false);
+    }
     function errorTip(errors) {
         return (React.createElement("div", null, errors.map((item, index) => {
             return (React.createElement("span", { key: index, style: { marginRight: "10px" } }, item));

package/es/modules/self-registration/incorporation-form/components/MemberInfo/index.js.map

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

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

@@ -18,7 +18,18 @@
 
 			.basic-info {
 				display: flex;
-
+				line-height: 0;
+				.ant-input-affix-wrapper{
+					border-radius: 8px;
+					margin-right: 20px;
+				}
+				.ant-input-affix-wrapper-disabled{
+					cursor: auto;
+					padding: 4px 0;
+					.ant-input[disabled]{
+						cursor: auto;
+					}
+				}
 				.basic-val {
 					font-size: 14px;
 					font-weight: 400;
@@ -36,11 +47,17 @@
 
 				> span {
 					margin-left: 6px;
+					cursor: pointer;
+				}
+				.delete-icon{
 					color: lightgray;
-
 					&:hover {
 						color: @delete-color;
-						cursor: pointer;
+					}
+				}
+				.edit-icon{
+					&:hover {
+						color: @primary-color;
 					}
 				}
 			}

package/es/modules/self-registration/incorporation-form/components/NewDirectorDialog/index.d.ts

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

package/es/modules/self-registration/incorporation-form/components/NewDirectorDialog/index.js

@@ -0,0 +1,84 @@
+import React, { useState, useEffect } from "react";
+import { observe } from "@voplus/morpho-ui";
+import { Modal, Form, Select, message } from "@voplus/antd";
+import { clone } from "lodash-es";
+import { useIncorporationForm, useIncorporationFormStore, } from "../../../../../data/incorporation-form";
+import NewLegalContactDialog from "../../../../corporate/company/identity/components/NewLegalContactDialog";
+import { v4 as uuid } from "uuid";
+const NewDirectorDialog = (props) => {
+    const { id, visible, onCancel } = props;
+    const [showDialog, setShowDialog] = useState(false);
+    const [contactId, setContactId] = useState();
+    const store = useIncorporationFormStore();
+    const incorporation = useIncorporationForm(id);
+    useEffect(() => {
+        var _a;
+        setShowDialog(((_a = incorporation.content.contacts) === null || _a === void 0 ? void 0 : _a.length) ? false : true);
+    }, [incorporation.content.contacts]);
+    return observe(() => {
+        var _a;
+        return (React.createElement(Modal, { width: 500, title: "New Director", okText: "Add", onOk: onAdd, onCancel: onCancel, visible: visible },
+            React.createElement(Form, { labelCol: { span: 4 }, labelAlign: "left" },
+                React.createElement(Form.Item, { label: "Contact" },
+                    React.createElement(Select, { showSearch: true, placeholder: "Select a contact", optionFilterProp: "children", value: contactId, onChange: onChange, filterOption: (input, option) => (option === null || option === void 0 ? void 0 : option.children.toLowerCase().indexOf(input.toLowerCase())) >= 0 },
+                        React.createElement(Select.Option, { value: "new" }, "New Contact"), (_a = incorporation.content.contacts) === null || _a === void 0 ? void 0 :
+                        _a.map((item) => {
+                            var _a;
+                            return (React.createElement(Select.Option, { key: item.id, value: item.id, disabled: (_a = incorporation.content.officerIds) === null || _a === void 0 ? void 0 : _a.includes(item.id) }, item.name));
+                        })))),
+            showDialog && React.createElement(NewLegalContactDialog, { visible: true, type: "Person", updateVisible: onSave })));
+    });
+    function onChange(value) {
+        if (value.includes("new")) {
+            setShowDialog(true);
+        }
+        else {
+            setContactId(value);
+        }
+    }
+    function onAdd() {
+        var _a;
+        if (!contactId) {
+            return message.warn("Please select contacts!");
+        }
+        else {
+            store.edit(id, {
+                data: {
+                    officerIds: incorporation.content.officerIds
+                        ? [...incorporation.content.officerIds, contactId]
+                        : [contactId],
+                },
+                error: "message",
+            });
+        }
+        return (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props);
+    }
+    /** 新增director Item */
+    async function onSave(info) {
+        /** SelectLegalContactDialog 选择/新增有identity信息的unit */
+        if (info) {
+            const data = clone(incorporation.content.contacts);
+            const officer = {
+                id: uuid(),
+                name: info.FullName,
+                email: info.Email,
+                phone: info.Phone,
+                address: info.Address,
+                identity: {
+                    number: info.Number,
+                    country: info.Country,
+                    expiryDate: info.ExpiryDate,
+                    type: info.Type,
+                },
+            };
+            const officers = data ? [...data, officer] : [officer];
+            await store.edit(id, {
+                data: { contacts: officers },
+                error: "message",
+            });
+        }
+        setShowDialog(false);
+    }
+};
+export default NewDirectorDialog;
+//# sourceMappingURL=index.js.map

package/es/modules/self-registration/incorporation-form/components/NewDirectorDialog/index.js.map

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

package/es/modules/self-registration/incorporation-form/components/NewShareholderDialog/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import "./index.less";
+declare const NewShareholderDialog: (props: {
+    id: string;
+    visible: boolean;
+    onCancel?: () => void;
+}) => JSX.Element;
+export default NewShareholderDialog;