@voplus/morpho-csp 4.0.4 → 4.0.6

package/es/modules/self-registration/clda-form/components/CLDAFormProperties/index.js

@@ -1,32 +1,41 @@
-import React from "react";
-import { Form } from "antd";
-import { observe } from "@voplus/morpho-ui";
-import { useCLDAForm } from "../../../../../data/clda-form";
-import { Scrollbars } from "react-custom-scrollbars";
-import UnitReference from "@voplus/morpho-org/es/controls/UnitReference";
-import DocumentProperties from "@voplus/morpho-document/es/components/DocumentProperties";
-import DescriptionEditor from "@voplus/morpho-document/es/controls/DescriptionEditor";
-import DocumentPanelHeader from "@voplus/morpho-document/es/components/DocumentPanelHeader";
-const CLDAFormProperties = (props) => {
-    const { id, headerVisible } = props;
-    const incorporation = useCLDAForm(id);
-    return observe(() => {
-        var _a;
-        return (React.createElement("div", { className: "properties-list" },
-            headerVisible && React.createElement(DocumentPanelHeader, { 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 })),
-                    ((_a = incorporation.customer) === null || _a === void 0 ? void 0 : _a.id) && (React.createElement(Form.Item, { label: "Customer" },
-                        React.createElement(UnitReference, { id: incorporation.customer.id, symbol: true }))),
-                    React.createElement(DocumentProperties, { id: id, customProperties: [
-                            { name: "Create By" },
-                            { name: "Create Date" },
-                            { name: "Tags" },
-                            { name: "Folder", visible: false },
-                        ] })))));
-    });
-};
-export default CLDAFormProperties;
+import React from "react";
+import { useCLDAForm } from "../../../../../data/clda-form";
+import { Form } from "antd";
+import { observe } from "@voplus/morpho-ui";
+import { Scrollbars } from "react-custom-scrollbars";
+import UnitReference from "@voplus/morpho-org/es/controls/UnitReference";
+import DescriptionEditor from "@voplus/morpho-document/es/controls/DescriptionEditor";
+import DocumentPanelHeader from "@voplus/morpho-document/es/components/DocumentPanelHeader";
+import DocumentProperties from "@voplus/morpho-document/es/components/DocumentProperties";
+import PropertiesSection from "@voplus/morpho-ui/es/controls/PropertiesSection";
+const CLDAFormProperties = (props) => {
+    const { id, headerVisible, cldaFormTitle, documentTitle, cldaFormProperties, documentProperties, } = props;
+    const incorporation = useCLDAForm(id);
+    const filterPro = cldaFormProperties === null || cldaFormProperties === void 0 ? void 0 : cldaFormProperties.filter((i) => (i === null || i === void 0 ? void 0 : i.visible) !== false);
+    return observe(() => (React.createElement("div", { className: "properties-list" },
+        headerVisible && React.createElement(DocumentPanelHeader, { id: id }),
+        React.createElement(Scrollbars, { autoHide: true },
+            React.createElement(DescriptionEditor, { id: id, description: incorporation.description, readonly: incorporation.readonly }),
+            React.createElement(PropertiesSection, { title: cldaFormTitle, properties: React.createElement(Form, { labelAlign: "left", labelCol: { span: 10 }, scrollToFirstError: true }, filterPro === null || filterPro === void 0 ? void 0 : filterPro.map((i) => (React.createElement(React.Fragment, { key: i.name }, renderProp(i))))) }),
+            React.createElement(DocumentProperties, { id: id, fromLabelRequired: true, labelCol: 10, wrapperCol: 14, title: documentTitle, customProperties: documentProperties })))));
+    function renderProp(item) {
+        var _a;
+        switch (item.name) {
+            case "Customer":
+                return (React.createElement(Form.Item, { label: "Customer" }, ((_a = incorporation.customer) === null || _a === void 0 ? void 0 : _a.id) ? (React.createElement(UnitReference, { id: incorporation.customer.id, symbol: true })) : (React.createElement("span", { className: "add-info-style" }, "no data"))));
+        }
+    }
+};
+CLDAFormProperties.defaultProps = {
+    cldaFormTitle: "CLDAForm Properties",
+    documentTitle: "Document Properties",
+    cldaFormProperties: [{ name: "Customer" }],
+    documentProperties: [
+        { name: "Create By" },
+        { name: "Create Date" },
+        { name: "Tags" },
+        { name: "Folder", visible: false },
+    ],
+};
+export default CLDAFormProperties;
 //# sourceMappingURL=index.js.map

package/es/modules/self-registration/clda-form/components/CLDAFormProperties/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/self-registration/clda-form/components/CLDAFormProperties/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,aAAa,MAAM,8CAA8C,CAAC;AACzE,OAAO,kBAAkB,MAAM,0DAA0D,CAAC;AAC1F,OAAO,iBAAiB,MAAM,uDAAuD,CAAC;AACtF,OAAO,mBAAmB,MAAM,2DAA2D,CAAC;AAE5F,MAAM,kBAAkB,GAAG,CAAC,KAA8C,EAAE,EAAE;IAC7E,MAAM,EAAE,EAAE,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IAEpC,MAAM,aAAa,GAAG,WAAW,CAAC,EAAE,CAAC,CAAC;IAEtC,OAAO,OAAO,CAAC,GAAG,EAAE;;QAAC,OAAA,CACpB,6BAAK,SAAS,EAAC,iBAAiB;YAC9B,aAAa,IAAI,oBAAC,mBAAmB,IAAC,EAAE,EAAE,EAAE,GAAI;YACjD,oBAAC,UAAU,IAAC,QAAQ;gBACnB,oBAAC,IAAI,IAAC,UAAU,EAAC,MAAM,EAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,kBAAkB;oBACjE,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,EAAE;wBAClB,oBAAC,iBAAiB,IACjB,EAAE,EAAE,EAAE,EACN,WAAW,EAAE,aAAa,CAAC,WAAW,EACtC,QAAQ,EAAE,aAAa,CAAC,QAAQ,GAC/B,CACS;oBACX,CAAA,MAAA,aAAa,CAAC,QAAQ,0CAAE,EAAE,KAAI,CAC9B,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,UAAU;wBAC1B,oBAAC,aAAa,IAAC,EAAE,EAAE,aAAa,CAAC,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,GAAI,CACnD,CACZ;oBACD,oBAAC,kBAAkB,IAClB,EAAE,EAAE,EAAE,EACN,gBAAgB,EAAE;4BACjB,EAAE,IAAI,EAAE,WAAW,EAAE;4BACrB,EAAE,IAAI,EAAE,aAAa,EAAE;4BACvB,EAAE,IAAI,EAAE,MAAM,EAAE;4BAChB,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;yBAClC,GACA,CACI,CACK,CACR,CACN,CAAA;KAAA,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/modules/self-registration/clda-form/components/CLDAFormProperties/index.tsx"],"names":[],"mappings":"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"}

package/es/modules/self-registration/clda-form/components/CLDAFormPropertiesView/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import "./index.less";
-declare const CLDAFormPropertiesView: (props: {
-    id: string;
-}) => JSX.Element;
-export default CLDAFormPropertiesView;
+/// <reference types="react" />
+import "./index.less";
+declare const CLDAFormPropertiesView: (props: {
+    id: string;
+}) => JSX.Element;
+export default CLDAFormPropertiesView;

package/es/modules/self-registration/clda-form/components/CLDAFormPropertiesView/index.js

@@ -1,37 +1,37 @@
-import { useMetaStore } from "@voplus/morpho-document-core";
-import { ViewContext, ViewContextData, } from "@voplus/morpho-document-core/es/data/context/ViewContext";
-import DocumentHeader from "@voplus/morpho-document/es/components/DocumentHeader";
-import { Open, Reload } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
-import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
-import { observe } from "@voplus/morpho-ui";
-import React, { useMemo, useState } from "react";
-import { Scrollbars } from "react-custom-scrollbars";
-import { useCLDAForm, CLDAFormContent } from "../../../../../data/clda-form";
-import DocumentTabs from "@voplus/morpho-document/es/components/DocumentTabs";
-import "./index.less";
-const CLDAFormPropertiesView = (props) => {
-    const { id } = props;
-    const meta = useMetaStore();
-    const [loaded, setLoaded] = useState(true);
-    const view = useMemo(() => new ViewContextData("PropertiesView"), []);
-    const content = new CLDAFormContent();
-    const form = useCLDAForm(id, { reload: true });
-    return observe(() => (React.createElement(ViewContext.Provider, { value: view },
-        React.createElement("div", { className: "clda-form-properties-view" }, loaded && (React.createElement(React.Fragment, null,
-            React.createElement(DocumentHeader, { id: id, size: "h3", flagVisible: false, quickDataBarAlign: "left", clickNameEffect: "edit", autoSaveName: true, toolBarProps: { closeAside: true }, tools: React.createElement(ToolBar, { id: id },
-                    React.createElement(Reload, { action: reload }),
-                    React.createElement(Open, { url: meta.getRoute(form) })) }),
-            React.createElement(DocumentTabs, { id: id, details: React.createElement("div", { className: "clda-form-details" },
-                    React.createElement(Scrollbars, { autoHide: true }, content.getCLDAFormContent(form.metaKey, form.country, {
-                        id,
-                        type: "draftView",
-                    }))) })))))));
-    function reload() {
-        setLoaded(false);
-        setTimeout(() => {
-            setLoaded(true);
-        }, 100);
-    }
-};
-export default CLDAFormPropertiesView;
+import { useMetaStore } from "@voplus/morpho-document-core";
+import { ViewContext, ViewContextData, } from "@voplus/morpho-document-core/es/data/context/ViewContext";
+import DocumentHeader from "@voplus/morpho-document/es/components/DocumentHeader";
+import { Open, Reload } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
+import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
+import { observe } from "@voplus/morpho-ui";
+import React, { useMemo, useState } from "react";
+import { Scrollbars } from "react-custom-scrollbars";
+import { useCLDAForm, CLDAFormContent } from "../../../../../data/clda-form";
+import DocumentTabs from "@voplus/morpho-document/es/components/DocumentTabs";
+import "./index.less";
+const CLDAFormPropertiesView = (props) => {
+    const { id } = props;
+    const meta = useMetaStore();
+    const [loaded, setLoaded] = useState(true);
+    const view = useMemo(() => new ViewContextData("PropertiesView"), []);
+    const content = new CLDAFormContent();
+    const form = useCLDAForm(id, { reload: true });
+    return observe(() => (React.createElement(ViewContext.Provider, { value: view },
+        React.createElement("div", { className: "clda-form-properties-view" }, loaded && (React.createElement(React.Fragment, null,
+            React.createElement(DocumentHeader, { id: id, size: "h3", flagVisible: false, quickDataBarAlign: "left", clickNameEffect: "edit", autoSaveName: true, toolBarProps: { closeAside: true }, tools: React.createElement(ToolBar, { id: id },
+                    React.createElement(Reload, { action: reload }),
+                    React.createElement(Open, { url: meta.getRoute(form) })) }),
+            React.createElement(DocumentTabs, { id: id, details: React.createElement("div", { className: "clda-form-details" },
+                    React.createElement(Scrollbars, { autoHide: true }, content.getCLDAFormContent(form.metaKey, form.country, {
+                        id,
+                        type: "draftView",
+                    }))) })))))));
+    function reload() {
+        setLoaded(false);
+        setTimeout(() => {
+            setLoaded(true);
+        }, 100);
+    }
+};
+export default CLDAFormPropertiesView;
 //# sourceMappingURL=index.js.map

package/es/modules/self-registration/clda-form/components/CLDAFormPropertiesView/index.less

@@ -1,31 +1,31 @@
-:global {
-	.clda-form-properties-view {
-		display: flex;
-		flex-direction: column;
-		height: 100%;
-		.clda-form-details {
-			height: 100%;
-			background-color: #f5f5f5;
-			// padding: 0 20px;
-		}
-		.ant-tabs {
-			display: flex;
-			flex-direction: column;
-			height: 100%;
-			.ant-tabs-content {
-				height: 100%;
-				padding-bottom: 0px !important;
-				.ant-tabs-tabpane {
-					position: relative;
-					height: 100%;
-				}
-			}
-			.ant-tabs-bar {
-				margin: 0 20px;
-			}
-			.ant-tabs-nav {
-				margin: 0;
-			}
-		}
-	}
-}
+:global {
+	.clda-form-properties-view {
+		display: flex;
+		flex-direction: column;
+		height: 100%;
+		.clda-form-details {
+			height: 100%;
+			background-color: #f5f5f5;
+			// padding: 0 20px;
+		}
+		.ant-tabs {
+			display: flex;
+			flex-direction: column;
+			height: 100%;
+			.ant-tabs-content {
+				height: 100%;
+				padding-bottom: 0px !important;
+				.ant-tabs-tabpane {
+					position: relative;
+					height: 100%;
+				}
+			}
+			.ant-tabs-bar {
+				margin: 0 20px;
+			}
+			.ant-tabs-nav {
+				margin: 0;
+			}
+		}
+	}
+}

package/es/modules/self-registration/clda-form/components/CLDAFormQuickViewDialog/index.d.ts

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

package/es/modules/self-registration/clda-form/components/CLDAFormQuickViewDialog/index.js

@@ -1,36 +1,36 @@
-import { Open, Reload } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
-import React, { useState } from "react";
-import DocumentHeader from "@voplus/morpho-document/es/components/DocumentHeader";
-import Properties from "../CLDAFormProperties";
-import QuickViewDialog from "@voplus/morpho-document/es/components/QuickViewDialog";
-import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
-import { observe } from "@voplus/morpho-ui";
-import styles from "./index.less";
-import { useCLDAForm } from "../../../../../data/clda-form";
-import { useMetaStore } from "@voplus/morpho-document-core";
-const CLDAFormQuickViewDialog = (props) => {
-    const { id } = props;
-    const meta = useMetaStore();
-    const incorporation = useCLDAForm(id, { reload: false, includes: "tags" });
-    const [loaded, setLoaded] = useState(true);
-    return observe(() => (React.createElement(QuickViewDialog, { id: props.id, visible: props.visible, 
-        // isProperties
-        // propertiesView={<Properties id={id} />}
-        onCancel: props.onCancel, header: React.createElement(React.Fragment, null,
-            loaded && (React.createElement(DocumentHeader, { id: id, quickVisible: false, quickDataBarAlign: "left", clickNameEffect: "edit", autoSaveName: true, quickDataBarVisible: false, toolsVisible: false, descriptionVisible: false, style: { padding: "10px 20px 0 20px" } })),
-            React.createElement("div", { className: styles["header-bar-tool"] },
-                React.createElement("div", null),
-                React.createElement("div", { className: "tools-bar" },
-                    React.createElement(ToolBar, { id: id },
-                        React.createElement(Reload, { action: onReload }),
-                        React.createElement(Open, { url: meta.getRoute(incorporation) }))))) }, loaded && React.createElement(Properties, { id: id }))));
-    /** reload data */
-    function onReload() {
-        setLoaded(false);
-        setTimeout(() => {
-            setLoaded(true);
-        }, 100);
-    }
-};
-export default CLDAFormQuickViewDialog;
+import { Open, Reload } from "@voplus/morpho-document/es/controls/ToolBar/buttons";
+import React, { useState } from "react";
+import DocumentHeader from "@voplus/morpho-document/es/components/DocumentHeader";
+import Properties from "../CLDAFormProperties";
+import QuickViewDialog from "@voplus/morpho-document/es/components/QuickViewDialog";
+import ToolBar from "@voplus/morpho-document/es/controls/ToolBar/ToolBar2";
+import { observe } from "@voplus/morpho-ui";
+import styles from "./index.less";
+import { useCLDAForm } from "../../../../../data/clda-form";
+import { useMetaStore } from "@voplus/morpho-document-core";
+const CLDAFormQuickViewDialog = (props) => {
+    const { id } = props;
+    const meta = useMetaStore();
+    const incorporation = useCLDAForm(id, { reload: false, includes: "tags" });
+    const [loaded, setLoaded] = useState(true);
+    return observe(() => (React.createElement(QuickViewDialog, { id: props.id, visible: props.visible, 
+        // isProperties
+        // propertiesView={<Properties id={id} />}
+        onCancel: props.onCancel, header: React.createElement(React.Fragment, null,
+            loaded && (React.createElement(DocumentHeader, { id: id, quickVisible: false, quickDataBarAlign: "left", clickNameEffect: "edit", autoSaveName: true, quickDataBarVisible: false, toolsVisible: false, descriptionVisible: false, style: { padding: "10px 20px 0 20px" } })),
+            React.createElement("div", { className: styles["header-bar-tool"] },
+                React.createElement("div", null),
+                React.createElement("div", { className: "tools-bar" },
+                    React.createElement(ToolBar, { id: id },
+                        React.createElement(Reload, { action: onReload }),
+                        React.createElement(Open, { url: meta.getRoute(incorporation) }))))) }, loaded && React.createElement(Properties, { id: id }))));
+    /** reload data */
+    function onReload() {
+        setLoaded(false);
+        setTimeout(() => {
+            setLoaded(true);
+        }, 100);
+    }
+};
+export default CLDAFormQuickViewDialog;
 //# sourceMappingURL=index.js.map

package/es/modules/self-registration/clda-form/components/CompanyInfo/index.d.ts

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

package/es/modules/self-registration/clda-form/components/CompanyInfo/index.js

@@ -1,123 +1,123 @@
-import { BusinessActivityTip, BusinessNameTip, RegisteredAddressTip } from "../../../controls/Tips";
-import { Button, Col, Form, Row } from "antd";
-import React from "react";
-import { faAddressBook, faBriefcase, faMapMarkerAlt } from "@fortawesome/pro-light-svg-icons";
-import { useCLDAForm, useCLDAFormStore } from "../../../../../data/clda-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 { useIncorporationFormContext } from "../../incorporation/context";
-import { useValidates } from "@voplus/morpho-data";
-export const CompanyInfo = (props) => {
-    const { id } = props;
-    const incorporationForm = useCLDAForm(id);
-    const store = useCLDAFormStore();
-    const context = useIncorporationFormContext();
-    const checks = useValidates((c) => ({
-        name: c.validate(() => { var _a; return (_a = incorporationForm.content) === null || _a === void 0 ? void 0 : _a.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.content]);
-    return observe(() => {
-        var _a, _b, _c;
-        return (React.createElement("div", { className: styles.companyInfo },
-            React.createElement(Section, { className: "business-name", title: React.createElement(React.Fragment, null,
-                    React.createElement(FontAwesomeIcon, { icon: faAddressBook }),
-                    "Business Name ",
-                    React.createElement(BusinessNameTip, null)) },
-                React.createElement(InlineEdit, { defaultValue: (_a = incorporationForm.content) === null || _a === void 0 ? void 0 : _a.legalEntityName, editTrigger: "both", editable: context ? context.editable : true, content: (v) => {
-                        var _a;
-                        return (React.createElement("div", null, ((_a = incorporationForm.content) === null || _a === void 0 ? void 0 : _a.legalEntityName) ? (React.createElement("span", null, incorporationForm.content.legalEntityName)) : (React.createElement("span", { className: "placeholder" }, "Please click here to enter the business name"))));
-                    }, 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, { className: "business-activities", 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, ((_b = incorporationForm.content) === null || _b === void 0 ? void 0 : _b.businessActivities) &&
-                        incorporationForm.content.businessActivities.map((activity, i) => {
-                            return (React.createElement(Form.Item, { label: `Activity ${i + 1}`, key: `activity-${i}` },
-                                React.createElement(InlineEdit, { defaultValue: activity, editable: context ? context.editable : true, content: (v) => (React.createElement("div", null, activity ? (React.createElement("span", null, activity)) : (React.createElement("span", { className: "placeholder" }, "Please click here to enter the activities")))), 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, { className: "registered-address", 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", editable: context ? context.editable : true, defaultValue: (_c = incorporationForm.content) === null || _c === void 0 ? void 0 : _c.address, onSave: (v) => store.edit(id, {
-                            data: {
-                                Address: {
-                                    Line1: v === null || v === void 0 ? void 0 : v.line1,
-                                    Line2: v === null || v === void 0 ? void 0 : v.line2,
-                                    City: v === null || v === void 0 ? void 0 : v.city,
-                                    State: v === null || v === void 0 ? void 0 : v.state,
-                                    PostalCode: v === null || v === void 0 ? void 0 : v.postalCode,
-                                    Country: v === null || v === void 0 ? void 0 : v.country,
-                                },
-                            },
-                        }), 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 registered address")) : (React.createElement(React.Fragment, null,
-                                React.createElement(Row, null,
-                                    React.createElement(Col, null, s === null || s === void 0 ? void 0 : s.line1)),
-                                React.createElement(Row, null,
-                                    React.createElement(Col, null, s === null || s === void 0 ? void 0 : s.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(Row, null,
-                                React.createElement(Col, { style: { width: "100%" } },
-                                    React.createElement(Form, null,
-                                        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"))))) })),
-                checks.registeredAddress.error && (React.createElement("span", { className: "warning" }, checks.registeredAddress.message)),
-                React.createElement("div", { className: "sub-title" }, "Note: In the event that you choose not to utilize VOPLUS's registered address services, kindly ensure that you furnish us with a valid local address to be used as your official registered address."))));
-    });
-};
+import { BusinessActivityTip, BusinessNameTip, RegisteredAddressTip } from "../../../controls/Tips";
+import { Button, Col, Form, Row } from "antd";
+import React from "react";
+import { faAddressBook, faBriefcase, faMapMarkerAlt } from "@fortawesome/pro-light-svg-icons";
+import { useCLDAForm, useCLDAFormStore } from "../../../../../data/clda-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 { useIncorporationFormContext } from "../../incorporation/context";
+import { useValidates } from "@voplus/morpho-data";
+export const CompanyInfo = (props) => {
+    const { id } = props;
+    const incorporationForm = useCLDAForm(id);
+    const store = useCLDAFormStore();
+    const context = useIncorporationFormContext();
+    const checks = useValidates((c) => ({
+        name: c.validate(() => { var _a; return (_a = incorporationForm.content) === null || _a === void 0 ? void 0 : _a.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.content]);
+    return observe(() => {
+        var _a, _b, _c;
+        return (React.createElement("div", { className: styles.companyInfo },
+            React.createElement(Section, { className: "business-name", title: React.createElement(React.Fragment, null,
+                    React.createElement(FontAwesomeIcon, { icon: faAddressBook }),
+                    "Business Name ",
+                    React.createElement(BusinessNameTip, null)) },
+                React.createElement(InlineEdit, { defaultValue: (_a = incorporationForm.content) === null || _a === void 0 ? void 0 : _a.legalEntityName, editTrigger: "both", editable: context ? context.editable : true, content: (v) => {
+                        var _a;
+                        return (React.createElement("div", null, ((_a = incorporationForm.content) === null || _a === void 0 ? void 0 : _a.legalEntityName) ? (React.createElement("span", null, incorporationForm.content.legalEntityName)) : (React.createElement("span", { className: "placeholder" }, "Please click here to enter the business name"))));
+                    }, 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, { className: "business-activities", 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, ((_b = incorporationForm.content) === null || _b === void 0 ? void 0 : _b.businessActivities) &&
+                        incorporationForm.content.businessActivities.map((activity, i) => {
+                            return (React.createElement(Form.Item, { label: `Activity ${i + 1}`, key: `activity-${i}` },
+                                React.createElement(InlineEdit, { defaultValue: activity, editable: context ? context.editable : true, content: (v) => (React.createElement("div", null, activity ? (React.createElement("span", null, activity)) : (React.createElement("span", { className: "placeholder" }, "Please click here to enter the activities")))), 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, { className: "registered-address", 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", editable: context ? context.editable : true, defaultValue: (_c = incorporationForm.content) === null || _c === void 0 ? void 0 : _c.address, onSave: (v) => store.edit(id, {
+                            data: {
+                                Address: {
+                                    Line1: v === null || v === void 0 ? void 0 : v.line1,
+                                    Line2: v === null || v === void 0 ? void 0 : v.line2,
+                                    City: v === null || v === void 0 ? void 0 : v.city,
+                                    State: v === null || v === void 0 ? void 0 : v.state,
+                                    PostalCode: v === null || v === void 0 ? void 0 : v.postalCode,
+                                    Country: v === null || v === void 0 ? void 0 : v.country,
+                                },
+                            },
+                        }), 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 registered address")) : (React.createElement(React.Fragment, null,
+                                React.createElement(Row, null,
+                                    React.createElement(Col, null, s === null || s === void 0 ? void 0 : s.line1)),
+                                React.createElement(Row, null,
+                                    React.createElement(Col, null, s === null || s === void 0 ? void 0 : s.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(Row, null,
+                                React.createElement(Col, { style: { width: "100%" } },
+                                    React.createElement(Form, null,
+                                        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"))))) })),
+                checks.registeredAddress.error && (React.createElement("span", { className: "warning" }, checks.registeredAddress.message)),
+                React.createElement("div", { className: "sub-title" }, "Note: In the event that you choose not to utilize VOPLUS's registered address services, kindly ensure that you furnish us with a valid local address to be used as your official registered address."))));
+    });
+};
 //# sourceMappingURL=index.js.map