@voplus/morpho-csp 1.2.24 → 1.2.27

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare const CompanyInfoForm: {
+    (props: {
+        id: string;
+        /** 是否显示 header arrangement */
+        arrangement?: boolean;
+    }): JSX.Element;
+    defaultProps: {
+        arrangement: boolean;
+    };
+};
+export default CompanyInfoForm;

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

@@ -0,0 +1,63 @@
+import { Button, Modal, Spin } from "@voplus/antd";
+import React, { useState } from "react";
+import { ValidationCollections, ValidationCollectionsContext } from "@voplus/morpho-data";
+import { useIncorporationForm, useIncorporationFormStore, } from "../../../../data/incorporation-form";
+import Arrangement from "../../shopping-cart/components/Arrangement";
+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 { observe } from "@voplus/morpho-ui";
+import styles from "./index.less";
+const CompanyInfoForm = (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["company-information"]) },
+        React.createElement(Scrollbars, { autoHide: true },
+            React.createElement("div", { className: "incorporation-form-content" },
+                props.arrangement && React.createElement(Arrangement, { step: 2 }),
+                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,
+                                "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")))),
+                    React.createElement(CompanyInfo, { id: props.id }),
+                    React.createElement(ShareCapital, { id: props.id }),
+                    React.createElement(ShareholderList, { id: props.id }),
+                    React.createElement(OfficerList, { id: props.id })))),
+                React.createElement(NavigateButtonsBar, null,
+                    React.createElement(Button, { disabled: validations.hasError, type: "primary", onClick: () => submit(), loading: submitting }, "Validate")))))));
+    async function submit() {
+        try {
+            setSubmitting(true);
+            // await store.validate(props.id);
+        }
+        catch (err) {
+            Modal.error({ title: "Error", content: err.toString() });
+        }
+        setSubmitting(false);
+    }
+};
+CompanyInfoForm.defaultProps = {
+    arrangement: true,
+};
+export default CompanyInfoForm;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,25 @@
+@import "~@voplus/antd/es/style/themes/default.less";
+@import "~@voplus/morpho-theme/styles/index.less";
+
+.company-information {
+	padding: 20px 0 !important;
+	overflow: auto;
+	&:extend(.incorporation-form-page);
+	p {
+		margin-bottom: 0;
+	}
+	:global {
+		.incorporation-form-content {
+			padding: 0 40px;
+		}
+		.morpho-inline-edit .fa-edit {
+			color: @primary-color;
+		}
+		.warning {
+			margin-top: 20px;
+			display: block;
+			font-size: unit((16/14), em);
+			color: @delete-color;
+		}
+	}
+}

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

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

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

@@ -0,0 +1,71 @@
+import { Button, Spin } from "@voplus/antd";
+import React, { useState } from "react";
+import { faFileDownload, faUpload } from "@fortawesome/pro-light-svg-icons";
+import { useCart, useCartStore } from "../../../../data/cart";
+import Arrangement from "../../shopping-cart/components/Arrangement";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import Routes from "../IncorporationFormRoutes";
+import Section from "../../controls/Section";
+import classnames from "classnames";
+import { faExclamationCircle } from "@fortawesome/pro-light-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+import styles from "./index.less";
+import { useApplicationContext } from "@voplus/morpho-data";
+const Download = (props) => {
+    const { id } = props;
+    const context = useApplicationContext();
+    const [downloading, setDownloading] = useState(false);
+    const cart = useCart(id);
+    const store = useCartStore();
+    return observe(() => {
+        var _a, _b;
+        return (React.createElement("div", { className: classnames("incorporation-form-view", styles["incorporation-download"]) },
+            React.createElement(Arrangement, { step: 3 }),
+            React.createElement(Spin, { spinning: !cart.loaded },
+                React.createElement(Section, { className: "section-body", title: React.createElement(React.Fragment, null,
+                        React.createElement(FAIcon, { icon: faExclamationCircle }),
+                        "Download Confirmation") },
+                    React.createElement("p", { className: "text" },
+                        "You will now required to download all the legal documents for your signatures. Please note that you can no longer edit the company details anymore once legal documents were generated. When you are ready please confirm all the items below and download the legal documents.",
+                        " "),
+                    React.createElement("p", { className: "text" }, "After downloading all the required forms, please read the instructions indicated for each form, fill in the details and sign on the required spaces indicated."),
+                    React.createElement("div", { className: "content" },
+                        React.createElement("span", null, "Declaration"),
+                        React.createElement("div", null,
+                            "I hereby declare and confirm that:",
+                            React.createElement("ol", null,
+                                React.createElement("li", null, "The name of every shareholders and directors are following exactly the same name on their identity document;"),
+                                React.createElement("li", null, "The details provided are true and correct. In case any of the information is found to be false or untrue or misleading or misrepresenting, I am aware that I may be held liable for it."))),
+                        React.createElement("div", { className: "agree" })),
+                    React.createElement(Button, { type: "primary", className: "button", disabled: !((_a = cart.model) === null || _a === void 0 ? void 0 : _a.options.downloadDeclarationConsentDate), 
+                        // onClick={() => download()}
+                        loading: downloading },
+                        React.createElement("span", null,
+                            React.createElement(FontAwesomeIcon, { icon: faFileDownload }),
+                            " Download")),
+                    ((_b = cart.model) === null || _b === void 0 ? void 0 : _b.options.downloadDeclarationConsentDate) && (React.createElement(Button, { className: "button", onClick: () => context.layout.history.push(Routes.Incorporations.getUploadPageUrl(id)), style: { marginLeft: "1rem" } },
+                        React.createElement("span", null,
+                            React.createElement(FontAwesomeIcon, { icon: faUpload }),
+                            " Go Upload")))))));
+    });
+    // async function submitDeclare() {
+    // 	try {
+    // 		await store.downloadDeclare(id);
+    // 	} catch (err) {
+    // 		Modal.error({ title: "Error", content: err.toString() });
+    // 	}
+    // }
+    // async function download() {
+    // 	try {
+    // 		setDownloading(true);
+    // 		await store.download(id);
+    // 	} catch (err) {
+    // 		Modal.error({ title: "Error", content: err.toString() });
+    // 	} finally {
+    // 		setDownloading(false);
+    // 	}
+    // }
+};
+export default Download;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,41 @@
+.incorporation-download {
+	:global {
+		.section-body {
+			.text {
+				font-size: 19px;
+				color: #000;
+			}
+			.content {
+				width: 100%;
+				height: 100%;
+				background-color: #e6e6fa;
+				padding: 10px 40px;
+				> span {
+					font-size: 20px;
+					display: block;
+					line-height: 30px;
+					color: #000;
+					font-weight: 600;
+				}
+				p {
+					font-size: 18px;
+					color: #000;
+				}
+				.agree {
+					margin-top: 1em;
+					span {
+						font-size: 16px;
+						color: #000;
+					}
+				}
+				ol {
+					margin-top: 0.5rem;
+					padding-left: 1em;
+				}
+			}
+			.button {
+				margin-top: 1rem;
+			}
+		}
+	}
+}

package/es/modules/self-registration/incorporation-form/IncorporationFormRoutes.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+declare const Routes: {
+    Incorporations: {
+        route: string;
+        tabPattern: RegExp;
+        getUrl: (id: string) => string;
+        getChooseServiceUrl: (id: string) => string;
+        getPaymentUrl: (id: string) => string;
+        getPaidUrl: (id: string) => string;
+        getCompanyInfoFormPageUrl: (id: string) => string;
+        getDownloadFilesPageUrl: (id: string) => string;
+        getUploadPageUrl: (id: string) => string;
+        getApplicationPageUrl: (id: string) => string;
+        getCLDAClientViewUrl: (id: string) => string;
+        component: () => JSX.Element;
+    };
+    addRoutes: () => void;
+};
+export default Routes;

package/es/modules/self-registration/incorporation-form/IncorporationFormRoutes.js

@@ -0,0 +1,33 @@
+import { Route, Switch } from "react-router";
+import { BaseRoutes } from "@voplus/morpho-data";
+import CLDAIncorporationDefaultView from "./CLDAIncorporationDefaultView";
+import React from "react";
+const IncorporationFormRoutes = () => {
+    return (React.createElement(Switch, null,
+        React.createElement(Route, { path: Routes.Incorporations.route, exact: false, component: Routes.Incorporations.component })));
+};
+const Routes = {
+    Incorporations: {
+        route: "/incorporations/:id",
+        tabPattern: RegExp("/incorporations/[^/]+"),
+        getUrl: (id) => `/incorporations/${id}`,
+        getChooseServiceUrl: (id) => `/incorporations/${id}/choose-service`,
+        getPaymentUrl: (id) => `/incorporations/${id}/payment`,
+        getPaidUrl: (id) => `/incorporations/${id}/paid`,
+        getCompanyInfoFormPageUrl: (id) => `/incorporations/${id}/form/company-info`,
+        getDownloadFilesPageUrl: (id) => `/incorporations/${id}/download`,
+        getUploadPageUrl: (id) => `/incorporations/${id}/upload`,
+        getApplicationPageUrl: (id) => `/incorporations/${id}/application`,
+        getCLDAClientViewUrl: (id) => `/incorporations/${id}/clda-client`,
+        component: CLDAIncorporationDefaultView,
+    },
+    addRoutes: () => {
+        BaseRoutes.routes.push({
+            name: "incorporation",
+            tabBasePattern: Routes.Incorporations.tabPattern,
+            component: React.createElement(IncorporationFormRoutes, null),
+        });
+    },
+};
+export default Routes;
+//# sourceMappingURL=IncorporationFormRoutes.js.map

package/es/modules/self-registration/incorporation-form/IncorporationFormRoutes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IncorporationFormRoutes.js","sourceRoot":"","sources":["../../../../src/modules/self-registration/incorporation-form/IncorporationFormRoutes.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,4BAA4B,MAAM,gCAAgC,CAAC;AAC1E,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,uBAAuB,GAAG,GAAG,EAAE;IACpC,OAAO,CACN,oBAAC,MAAM;QACN,oBAAC,KAAK,IACL,IAAI,EAAE,MAAM,CAAC,cAAc,CAAC,KAAK,EACjC,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,SAAS,GACzC,CACM,CACT,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG;IACd,cAAc,EAAE;QACf,KAAK,EAAE,qBAAqB;QAC5B,UAAU,EAAE,MAAM,CAAC,uBAAuB,CAAC;QAC3C,MAAM,EAAE,CAAC,EAAU,EAAE,EAAE,CAAC,mBAAmB,EAAE,EAAE;QAC/C,mBAAmB,EAAE,CAAC,EAAU,EAAE,EAAE,CAAC,mBAAmB,EAAE,iBAAiB;QAC3E,aAAa,EAAE,CAAC,EAAU,EAAE,EAAE,CAAC,mBAAmB,EAAE,UAAU;QAC9D,UAAU,EAAE,CAAC,EAAU,EAAE,EAAE,CAAC,mBAAmB,EAAE,OAAO;QACxD,yBAAyB,EAAE,CAAC,EAAU,EAAE,EAAE,CAAC,mBAAmB,EAAE,oBAAoB;QACpF,uBAAuB,EAAE,CAAC,EAAU,EAAE,EAAE,CAAC,mBAAmB,EAAE,WAAW;QACzE,gBAAgB,EAAE,CAAC,EAAU,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS;QAChE,qBAAqB,EAAE,CAAC,EAAU,EAAE,EAAE,CAAC,mBAAmB,EAAE,cAAc;QAC1E,oBAAoB,EAAE,CAAC,EAAU,EAAE,EAAE,CAAC,mBAAmB,EAAE,cAAc;QACzE,SAAS,EAAE,4BAA4B;KACvC;IAED,SAAS,EAAE,GAAG,EAAE;QACf,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC;YACtB,IAAI,EAAE,eAAe;YACrB,cAAc,EAAE,MAAM,CAAC,cAAc,CAAC,UAAU;YAChD,SAAS,EAAE,oBAAC,uBAAuB,OAAG;SACtC,CAAC,CAAC;IACJ,CAAC;CACD,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

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

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

@@ -0,0 +1,48 @@
+import Arrangement from "../../shopping-cart/components/Arrangement";
+import { Divider } from "@voplus/antd";
+import DocumentList from "@voplus/morpho-document/es/components/DocumentList";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import React from "react";
+import Routes from "../IncorporationFormRoutes";
+import Section from "../../controls/Section";
+import classnames from "classnames";
+import { faUpload } from "@fortawesome/pro-light-svg-icons";
+import { runInAction } from "mobx";
+import styles from "./index.less";
+import { useApplicationContext } from "@voplus/morpho-data";
+const Upload = (props) => {
+    const context = useApplicationContext();
+    return (React.createElement("div", { className: classnames("incorporation-form-view", styles["incorporation-upload"]) },
+        React.createElement(Arrangement, { step: 3 }),
+        React.createElement(Section, { title: React.createElement(React.Fragment, null,
+                React.createElement(FAIcon, { icon: faUpload }),
+                " Upload"), className: "section-body" },
+            React.createElement("p", null,
+                "To ensure a smooth process, kindly double check you have completed filling all the information and required signature before uploading the forms. DDrag files to the list for uploading of documents. You may return to the",
+                " ",
+                React.createElement("a", { href: "#", onClick: (e) => {
+                        e.preventDefault();
+                        runInAction(() => context.layout.history.push(Routes.Incorporations.getDownloadFilesPageUrl(props.id)));
+                    } }, "Download Page"),
+                " ",
+                "page to download legal forms or check",
+                " ",
+                React.createElement("a", { href: "#", onClick: (e) => {
+                        e.preventDefault();
+                        runInAction(() => context.layout.history.push(Routes.Incorporations.getApplicationPageUrl(props.id)));
+                    } }, "Status"),
+                " ",
+                "of the application."),
+            React.createElement(DocumentList, { id: props.id, header: false }),
+            React.createElement(Divider, null),
+            React.createElement("div", { style: { marginTop: "1rem" } },
+                "Please ensure all the following documents have been uploaded:",
+                " ",
+                React.createElement("ul", null,
+                    React.createElement("li", null, "Scanned copies of all signed documents/ forms; and"),
+                    React.createElement("li", null, "Copy of identification document (passport/ business registration) for all Directors, Shareholders and Ultimate Beneficiary Owners (as per completed KYC form); and"),
+                    React.createElement("li", null, "Copy of business/ residential address proof for all Directors, Shareholders and Ultimate Beneficiary Owners (as per completed KYC form)."))),
+            React.createElement("p", null, "VOPlus will proceed with the incorporation if the documents are in good order. Our Sales Consultant will be contacting you if they need further clarification."))));
+};
+export default Upload;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/self-registration/incorporation-form/Upload/index.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,4CAA4C,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,YAAY,MAAM,oDAAoD,CAAC;AAC9E,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAChD,OAAO,OAAO,MAAM,wBAAwB,CAAC;AAC7C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IACrC,MAAM,OAAO,GAAG,qBAAqB,EAAE,CAAC;IAExC,OAAO,CACN,6BAAK,SAAS,EAAE,UAAU,CAAC,yBAAyB,EAAE,MAAM,CAAC,sBAAsB,CAAC,CAAC;QACpF,oBAAC,WAAW,IAAC,IAAI,EAAE,CAAC,GAAI;QAExB,oBAAC,OAAO,IACP,KAAK,EACJ,oBAAC,KAAK,CAAC,QAAQ;gBACd,oBAAC,MAAM,IAAC,IAAI,EAAE,QAAQ,GAAI;0BACV,EAElB,SAAS,EAAC,cAAc;YAExB;;gBAG+C,GAAG;gBACjD,2BACC,IAAI,EAAC,GAAG,EACR,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;wBACd,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,WAAW,CAAC,GAAG,EAAE,CAChB,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,uBAAuB,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CACpF,CAAC;oBACH,CAAC,oBAGE;gBAAC,GAAG;;gBAC8B,GAAG;gBACzC,2BACC,IAAI,EAAC,GAAG,EACR,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;wBACd,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,WAAW,CAAC,GAAG,EAAE,CAChB,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAClF,CAAC;oBACH,CAAC,aAGE;gBAAC,GAAG;sCAEL;YAEJ,oBAAC,YAAY,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,GAAI;YAE7C,oBAAC,OAAO,OAAG;YACX,6BAAK,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE;;gBAC8B,GAAG;gBACjE;oBACC,qFAA2D;oBAC3D,qMAGK;oBACL,2KAGK,CACD,CACA;YACN,gMAGI,CACK,CACL,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -0,0 +1,15 @@
+.incorporation-upload {
+	:global {
+		.section-body {
+			height: 100%;
+			.ant-card-body{
+				height: 100%;
+				.section-content{
+					height: 100%;
+					display: flex;
+					flex-direction: column;
+				}
+			}
+		}
+	}
+}

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

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

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

@@ -0,0 +1,32 @@
+import React from "react";
+import { Form } from "@voplus/antd";
+import { observe } from "@voplus/morpho-ui";
+import { Scrollbars } from "react-custom-scrollbars";
+import { useApplicationContext } from "@voplus/morpho-data";
+import { useIncorporationForm, useIncorporationFormStore, } from "../../../../../data/incorporation-form";
+import DocumentHeader from "@voplus/morpho-document/es/components/DocumentHeader";
+import TagView from "@voplus/morpho-document/es/components/TagView";
+import DescriptionEditor from "@voplus/morpho-document/es/controls/DescriptionEditor";
+import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
+import IncorpoationFormMenu from "../../controls/IncorpoationFormMenu";
+const IncorporationFromProperties = (props) => {
+    const { id } = props;
+    const { user } = useApplicationContext();
+    const store = useIncorporationFormStore();
+    const incorporation = useIncorporationForm(id, { reload: false, includes: "tags" });
+    return observe(() => (React.createElement("div", { className: "properties-list" },
+        React.createElement(DocumentHeader, { id: id, preVisible: false, quickVisible: false, tagsVisible: false, quickDataBarAlign: "left", clickNameEffect: "edit", autoSaveName: true, descriptionVisible: false, quickDataBarVisible: false, tools: React.createElement(ToolBar, { id: id, moreProps: {
+                    buttonProps: { size: "middle" },
+                    menus: {
+                        default: React.createElement(IncorpoationFormMenu, { id: id }),
+                    },
+                } }) }),
+        React.createElement(Scrollbars, { autoHide: true },
+            React.createElement(Form, { labelAlign: "left", labelCol: { span: 10 }, scrollToFirstError: true },
+                React.createElement(Form.Item, { label: "" },
+                    React.createElement(DescriptionEditor, { id: id, description: incorporation.description, readonly: incorporation.readonly })),
+                React.createElement(Form.Item, { label: "Tags", wrapperCol: { span: 14 } },
+                    React.createElement(TagView, { id: id, tags: incorporation.tags, editable: !incorporation.readonly })))))));
+};
+export default IncorporationFromProperties;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/self-registration/incorporation-form/components/IncorporationFromProperties/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAW,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAc,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EACN,oBAAoB,EACpB,yBAAyB,GACzB,MAAM,wCAAwC,CAAC;AAChD,OAAO,cAAc,MAAM,sDAAsD,CAAC;AAElF,OAAO,OAAO,MAAM,+CAA+C,CAAC;AACpE,OAAO,iBAAiB,MAAM,uDAAuD,CAAC;AACtF,OAAO,OAAO,MAAM,sDAAsD,CAAC;AAC3E,OAAO,oBAAoB,MAAM,qCAAqC,CAAC;AAEvE,MAAM,2BAA2B,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC7D,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IAErB,MAAM,EAAE,IAAI,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACzC,MAAM,KAAK,GAAG,yBAAyB,EAAE,CAAC;IAC1C,MAAM,aAAa,GAAG,oBAAoB,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC;IAEpF,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,6BAAK,SAAS,EAAC,iBAAiB;QAC/B,oBAAC,cAAc,IACd,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,KAAK,EACjB,YAAY,EAAE,KAAK,EACnB,WAAW,EAAE,KAAK,EAClB,iBAAiB,EAAC,MAAM,EACxB,eAAe,EAAC,MAAM,EACtB,YAAY,QACZ,kBAAkB,EAAE,KAAK,EACzB,mBAAmB,EAAE,KAAK,EAC1B,KAAK,EACJ,oBAAC,OAAO,IACP,EAAE,EAAE,EAAE,EACN,SAAS,EAAE;oBACV,WAAW,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;oBAC/B,KAAK,EAAE;wBACN,OAAO,EAAE,oBAAC,oBAAoB,IAAC,EAAE,EAAE,EAAE,GAAI;qBACzC;iBACD,GACA,GAEF;QAEF,oBAAC,UAAU,IAAC,QAAQ;YACnB,oBAAC,IAAI,IAAC,UAAU,EAAC,MAAM,EAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,kBAAkB;gBACjE,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,EAAE;oBAClB,oBAAC,iBAAiB,IACjB,EAAE,EAAE,EAAE,EACN,WAAW,EAAE,aAAa,CAAC,WAAW,EACtC,QAAQ,EAAE,aAAa,CAAC,QAAQ,GAC/B,CACS;gBAQZ,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,MAAM,EAAC,UAAU,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;oBAC/C,oBAAC,OAAO,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,aAAa,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,aAAa,CAAC,QAAQ,GAAI,CACrE,CACN,CACK,CACR,CACN,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,2BAA2B,CAAC"}

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

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

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

@@ -0,0 +1,55 @@
+import { Button, Modal, 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 "../../CompanyInfoForm/CompanyInfo";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import NavigateButtonsBar from "@voplus/morpho-ui/es/controls/NavigateButtonsBar";
+import OfficerList from "../../CompanyInfoForm/OfficerList";
+import Section from "../../../controls/Section";
+import ShareCapital from "../../CompanyInfoForm/ShareCapital";
+import ShareholderList from "../../CompanyInfoForm/ShareholderList";
+import classnames from "classnames";
+import { faInfo } from "@fortawesome/pro-light-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+import styles from "../../CompanyInfoForm/index.less";
+const IncorporationFromReview = (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["company-information"]) },
+        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,
+                        "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")))),
+            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(NavigateButtonsBar, null,
+            React.createElement(Button, { disabled: validations.hasError, type: "primary", onClick: () => submit(), loading: submitting }, "Validate")))));
+    async function submit() {
+        try {
+            setSubmitting(true);
+            // await store.validate(props.id);
+        }
+        catch (err) {
+            Modal.error({ title: "Error", content: err.toString() });
+        }
+        setSubmitting(false);
+    }
+};
+export default IncorporationFromReview;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/self-registration/incorporation-form/components/IncorporationFromReview/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,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,mCAAmC,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,kBAAkB,MAAM,kDAAkD,CAAC;AAClF,OAAO,WAAW,MAAM,mCAAmC,CAAC;AAC5D,OAAO,OAAO,MAAM,2BAA2B,CAAC;AAChD,OAAO,YAAY,MAAM,oCAAoC,CAAC;AAC9D,OAAO,eAAe,MAAM,uCAAuC,CAAC;AACpE,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,kCAAkC,CAAC;AAEtD,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,qBAAqB,CAAC,CAAC;QACnF,oBAAC,IAAI,IAAC,QAAQ,EAAE,CAAC,aAAa,CAAC,MAAM,IACnC,aAAa,CAAC,MAAM,IAAI,CACxB,oBAAC,4BAA4B,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW;YACxD,oBAAC,OAAO,IACP,KAAK,EACJ,oBAAC,KAAK,CAAC,QAAQ;oBACd,oBAAC,eAAe,IAAC,IAAI,EAAE,MAAM,GAAI;mDACjB;gBAGlB,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE;oBAC/B;;wBAEoD,GAAG,CACnD;oBACJ,iHAEI;oBACJ;wBACC,gDAAsB;wBACtB,mDAAyB;wBACzB,kDAAwB;wBACxB,gEAAsC;wBACtC,wIAGK,CACD,CACA,CACG;YACV,oBAAC,WAAW,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,GAAI;YAC7B,oBAAC,YAAY,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,GAAI;YAC9B,oBAAC,eAAe,IAAC,aAAa,QAAC,EAAE,EAAE,KAAK,CAAC,EAAE,GAAI;YAC/C,oBAAC,WAAW,IAAC,aAAa,QAAC,EAAE,EAAE,KAAK,CAAC,EAAE,GAAI,CACJ,CACxC,CACK;QAEP,oBAAC,kBAAkB;YAClB,oBAAC,MAAM,IACN,QAAQ,EAAE,WAAW,CAAC,QAAQ,EAC9B,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,EAAE,EACvB,OAAO,EAAE,UAAU,eAGX,CACW,CAChB,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"}

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { IFormPeopleOptions } from "../../../../../data/incorporation-form";
+declare const MemberInfo: (props: {
+    member: IFormPeopleOptions;
+    /** member roles  [经管]董事 | 金融]股东 */
+    roles: "Directors" | "Shareholder";
+    isShowDetails?: boolean;
+    onEditClick?: () => void;
+    onDeleteClick?: () => void;
+}) => JSX.Element;
+export default MemberInfo;

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

@@ -0,0 +1,75 @@
+import { Divider, Popover } from "@voplus/antd";
+import { useValidates } from "@voplus/morpho-data";
+import { faEdit, faTrashAlt } from "@fortawesome/pro-light-svg-icons";
+import Blink from "../../../controls/Blink";
+import Card from "@voplus/morpho-ui/es/controls/Card";
+import { Descriptions } from "@voplus/antd";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import React from "react";
+import { faExclamationCircle } from "@fortawesome/free-solid-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+import styles from "./index.less";
+const MemberInfo = (props) => {
+    const { member, roles, isShowDetails } = props;
+    const isShareholder = roles === "Shareholder";
+    const validates = useValidates((c) => checkError(c));
+    return observe(() => {
+        var _a, _b, _c;
+        return (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.onEditClick },
+                            React.createElement(FontAwesomeIcon, { icon: faEdit })),
+                        React.createElement("span", { onClick: props.onDeleteClick },
+                            React.createElement(FontAwesomeIcon, { icon: faTrashAlt })))))) : (React.createElement("div", { className: styles["member-info"] },
+                React.createElement(Descriptions, { title: 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(Descriptions.Item, { label: "Email" }, member.email),
+                    React.createElement(Descriptions.Item, { label: "Phone" }, member === null || member === void 0 ? void 0 : member.phone),
+                    React.createElement(Descriptions.Item, { label: "Address" }, (_a = member.address) === null || _a === void 0 ? void 0 :
+                        _a.country,
+                        " ", (_b = member.address) === null || _b === void 0 ? void 0 :
+                        _b.city),
+                    React.createElement(Descriptions.Item, { label: "Identity Details" }, (_c = member === null || member === void 0 ? void 0 : member.identity) === null || _c === void 0 ? void 0 : _c.fullName)),
+                React.createElement("div", { className: "action-button" },
+                    React.createElement("span", { onClick: props.onEditClick },
+                        React.createElement(FontAwesomeIcon, { icon: faEdit })),
+                    React.createElement("span", { onClick: props.onDeleteClick },
+                        React.createElement(FontAwesomeIcon, { icon: faTrashAlt }))),
+                React.createElement(Divider, null))),
+            " "));
+    });
+    function checkError(c) {
+        c.validate(() => { var _a, _b; return ((_a = member.address) === null || _a === void 0 ? void 0 : _a.line1) && ((_b = member.address) === null || _b === void 0 ? void 0 : _b.country); }, "Please input address.");
+        // c.validate(() => unit.type !== "Organization" && unit.nationality, "Please input nationality.");
+        c.validate(() => member.email, "Please input email.");
+        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.");
+        // if (isShareholder) {
+        // 	c.validate(() => props.member.shares! > 0, "Please input number of shares.");
+        // 	c.validate(() => props.member.capital! > 0, "Please input subscription amount (capital).");
+        // }
+        return c;
+    }
+    function errorTip(errors) {
+        return (React.createElement("div", { style: { width: "200px", color: "red" } }, errors.map((item, index) => {
+            return React.createElement("div", { key: index }, item);
+        })));
+    }
+};
+export default MemberInfo;
+//# sourceMappingURL=index.js.map

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

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