npm - @voplus/morpho-csp - Versions diffs - 4.0.5 → 4.0.7 - Mend

@voplus/morpho-csp 4.0.5 → 4.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1486) hide show

package/es/modules/self-registration/clda-form/components/BVICompanyInfo/index.js CHANGED Viewed

@@ -1,204 +1,204 @@
-import { BusinessNameTip, RecordAddressTip, TradingAddressTip } from "../../../controls/Tips/vgb";
-import { Button, Checkbox, Col, Form, Row, Select } from "antd";
-import { useCLDAForm, useCLDAFormStore } from "../../../../../data/clda-form";
-import { faAddressBook, faBriefcase, faMapMarkerAlt } from "@fortawesome/pro-light-svg-icons";
-import Address from "@voplus/morpho-org/es/components/Address";
-import BusinessNameInputFormItem from "../../../controls/BusinessNameInputFormItem";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { InlineEdit } from "@voplus/morpho-ui";
-import React from "react";
-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";
-const BVICompanyInfo = (props) => {
-    const { id } = props;
-    const incorporationForm = useCLDAForm(id);
-    const store = useCLDAFormStore();
-    const context = useIncorporationFormContext();
-    const checks = useValidates((c) => ({
-        name: c.validate(() => {
-            var _a, _b, _c;
-            return ((_a = incorporationForm.content) === null || _a === void 0 ? void 0 : _a.legalEntityName1) &&
-                ((_b = incorporationForm.content) === null || _b === void 0 ? void 0 : _b.legalEntityName2) &&
-                ((_c = incorporationForm.content) === null || _c === void 0 ? void 0 : _c.legalEntityName3);
-        }, "Business name cannot be empty."),
-        businessActivity: c.validate(() => { var _a; return (_a = incorporationForm.content) === null || _a === void 0 ? void 0 : _a.businessActivitiy; }, "Choose or input a business activity."),
-        tradingAddress: c.validate(() => {
-            var _a, _b;
-            return ((_a = incorporationForm.content.tradingAddress) === null || _a === void 0 ? void 0 : _a.line1) &&
-                ((_b = incorporationForm.content.tradingAddress) === null || _b === void 0 ? void 0 : _b.country);
-        }, "A valid trading address is required."),
-        recordAddress: c.validate(() => {
-            var _a, _b;
-            return incorporationForm.content.useTradingAddressForRecord ||
-                (((_a = incorporationForm.content.recordAddress) === null || _a === void 0 ? void 0 : _a.line1) &&
-                    ((_b = incorporationForm.content.recordAddress) === null || _b === void 0 ? void 0 : _b.country));
-        }, "A valid record address is required."),
-    }), [incorporationForm.content]);
-    return observe(() => {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        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.legalEntityName1, 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.legalEntityName1) ? (React.createElement("span", null, incorporationForm.content.legalEntityName1)) : (React.createElement("span", { className: "placeholder" }, "Please click here to enter the business name 1"))));
-                    }, editor: (v) => (React.createElement(BusinessNameInputFormItem, { value: v.store.value, type: "bvi", onChange: (name) => runInAction(() => (v.store.value = name)), onSave: () => v.store.save({ trigger: "select" }), onCancel: () => v.store.cancel() })), onSave: (v) => store.edit(id, { data: { LegalEntityName1: v } }) }),
-                React.createElement(InlineEdit, { defaultValue: (_b = incorporationForm.content) === null || _b === void 0 ? void 0 : _b.legalEntityName2, 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.legalEntityName2) ? (React.createElement("span", null, incorporationForm.content.legalEntityName2)) : (React.createElement("span", { className: "placeholder" }, "Please click here to enter the business name 2"))));
-                    }, editor: (v) => (React.createElement(BusinessNameInputFormItem, { value: v.store.value, type: "bvi", onChange: (name) => runInAction(() => (v.store.value = name)), onSave: () => v.store.save({ trigger: "select" }), onCancel: () => v.store.cancel() })), onSave: (v) => store.edit(id, { data: { LegalEntityName2: v } }) }),
-                React.createElement(InlineEdit, { defaultValue: (_c = incorporationForm.content) === null || _c === void 0 ? void 0 : _c.legalEntityName3, 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.legalEntityName3) ? (React.createElement("span", null, incorporationForm.content.legalEntityName3)) : (React.createElement("span", { className: "placeholder" }, "Please click here to enter the business name 3"))));
-                    }, editor: (v) => (React.createElement(BusinessNameInputFormItem, { value: v.store.value, type: "bvi", onChange: (name) => runInAction(() => (v.store.value = name)), onSave: () => v.store.save({ trigger: "select" }), onCancel: () => v.store.cancel() })), onSave: (v) => store.edit(id, { data: { LegalEntityName3: 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 Activity") },
-                React.createElement("div", { className: styles.content },
-                    React.createElement(InlineEdit, { defaultValue: (_d = incorporationForm.content) === null || _d === void 0 ? void 0 : _d.businessActivitiy, editable: context ? context.editable : true, content: (v) => {
-                            var _a;
-                            return (React.createElement("div", null, ((_a = incorporationForm.content) === null || _a === void 0 ? void 0 : _a.businessActivitiy) ? (React.createElement("span", null, incorporationForm.content.businessActivitiy)) : (React.createElement("span", { className: "placeholder" }, "Please click here to enter the activitiy"))));
-                        }, onSave: (v) => {
-                            store.edit(id, {
-                                data: {
-                                    BusinessActivitiy: v,
-                                },
-                            });
-                        }, editor: (s) => {
-                            var _a;
-                            return (React.createElement(Select, { style: { width: "100%" }, defaultValue: (_a = incorporationForm.content) === null || _a === void 0 ? void 0 : _a.businessActivitiy, onChange: (v) => runInAction(() => (s.store.value = v.toString())), onBlur: () => s.store.cancel(), autoFocus: true, onSelect: () => s.store.save({ trigger: "select" }) },
-                                React.createElement(Select.Option, { value: "Trading (Garment)" }, "Trading (Garment)"),
-                                React.createElement(Select.Option, { value: "Trading (Sundry)" }, "Trading (Sundry)"),
-                                React.createElement(Select.Option, { value: "Service (Professional)" }, "Service (Professional)"),
-                                React.createElement(Select.Option, { value: "Service (General)" }, "Service (General)"),
-                                React.createElement(Select.Option, { value: "Investment Holding" }, "Investment Holding"),
-                                React.createElement(Select.Option, { value: "Property Investment" }, "Property Investment"),
-                                React.createElement(Select.Option, { value: "Others" }, "Others")));
-                        }, editTrigger: "both" }),
-                    ((_e = incorporationForm.content) === null || _e === void 0 ? void 0 : _e.businessActivitiy) === "Others" && (React.createElement("div", { className: "business-activitiy-others" },
-                        React.createElement(InlineEdit, { defaultValue: (_f = incorporationForm.content) === null || _f === void 0 ? void 0 : _f.businessActivitiyDetails, editable: context ? context.editable : true, editTrigger: "both", content: (v) => (React.createElement("div", null, v.store.value || "Please Enter Business Activitiy Details")), onSave: (v) => store.edit(id, {
-                                data: {
-                                    BusinessActivitiyDetails: v,
-                                },
-                            }) }),
-                        React.createElement("p", { className: "subtitle" }, "Please Enter Business Activitiy Details."))))),
-            React.createElement(Section, { className: "trading-address", title: React.createElement(React.Fragment, null,
-                    React.createElement(FontAwesomeIcon, { icon: faMapMarkerAlt }),
-                    "Trading Address ",
-                    React.createElement(TradingAddressTip, null)) },
-                React.createElement("div", { className: styles.content },
-                    React.createElement(InlineEdit, { editTrigger: "both", editable: context ? context.editable : true, defaultValue: (_g = incorporationForm.content) === null || _g === void 0 ? void 0 : _g.tradingAddress, onSave: (v) => store.edit(id, {
-                            data: {
-                                TradingAddress: {
-                                    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.tradingAddress.error && (React.createElement("span", { className: "warning" }, checks.tradingAddress.message))),
-            React.createElement(Section, { className: "record-address", title: React.createElement(React.Fragment, null,
-                    React.createElement(FontAwesomeIcon, { icon: faMapMarkerAlt }),
-                    "Record Address ",
-                    React.createElement(RecordAddressTip, null)) },
-                React.createElement("div", { className: styles.content },
-                    React.createElement("div", null,
-                        React.createElement(Checkbox, { defaultChecked: incorporationForm.content.useTradingAddressForRecord, onChange: (e) => store.edit(id, {
-                                data: { UseTradingAddressForRecord: e.target.checked },
-                                error: "message",
-                            }) }, "Use Trading Address")),
-                    !incorporationForm.content.useTradingAddressForRecord && (React.createElement(React.Fragment, null,
-                        React.createElement(InlineEdit, { editTrigger: "both", editable: context ? context.editable : true, defaultValue: ((_h = incorporationForm.content) === null || _h === void 0 ? void 0 : _h.recordAddress) || {
-                                line1: "",
-                                line2: "",
-                                postalCode: "",
-                                city: "",
-                                state: "",
-                                country: "",
-                            }, onSave: (v) => store.edit(id, {
-                                data: {
-                                    RecordAddress: {
-                                        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.recordAddress.error && (React.createElement("span", { className: "warning" }, checks.recordAddress.message))))))));
-    });
-};
-export default BVICompanyInfo;
+import { BusinessNameTip, RecordAddressTip, TradingAddressTip } from "../../../controls/Tips/vgb";
+import { Button, Checkbox, Col, Form, Row, Select } from "antd";
+import { useCLDAForm, useCLDAFormStore } from "../../../../../data/clda-form";
+import { faAddressBook, faBriefcase, faMapMarkerAlt } from "@fortawesome/pro-light-svg-icons";
+import Address from "@voplus/morpho-org/es/components/Address";
+import BusinessNameInputFormItem from "../../../controls/BusinessNameInputFormItem";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { InlineEdit } from "@voplus/morpho-ui";
+import React from "react";
+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";
+const BVICompanyInfo = (props) => {
+    const { id } = props;
+    const incorporationForm = useCLDAForm(id);
+    const store = useCLDAFormStore();
+    const context = useIncorporationFormContext();
+    const checks = useValidates((c) => ({
+        name: c.validate(() => {
+            var _a, _b, _c;
+            return ((_a = incorporationForm.content) === null || _a === void 0 ? void 0 : _a.legalEntityName1) &&
+                ((_b = incorporationForm.content) === null || _b === void 0 ? void 0 : _b.legalEntityName2) &&
+                ((_c = incorporationForm.content) === null || _c === void 0 ? void 0 : _c.legalEntityName3);
+        }, "Business name cannot be empty."),
+        businessActivity: c.validate(() => { var _a; return (_a = incorporationForm.content) === null || _a === void 0 ? void 0 : _a.businessActivitiy; }, "Choose or input a business activity."),
+        tradingAddress: c.validate(() => {
+            var _a, _b;
+            return ((_a = incorporationForm.content.tradingAddress) === null || _a === void 0 ? void 0 : _a.line1) &&
+                ((_b = incorporationForm.content.tradingAddress) === null || _b === void 0 ? void 0 : _b.country);
+        }, "A valid trading address is required."),
+        recordAddress: c.validate(() => {
+            var _a, _b;
+            return incorporationForm.content.useTradingAddressForRecord ||
+                (((_a = incorporationForm.content.recordAddress) === null || _a === void 0 ? void 0 : _a.line1) &&
+                    ((_b = incorporationForm.content.recordAddress) === null || _b === void 0 ? void 0 : _b.country));
+        }, "A valid record address is required."),
+    }), [incorporationForm.content]);
+    return observe(() => {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        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.legalEntityName1, 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.legalEntityName1) ? (React.createElement("span", null, incorporationForm.content.legalEntityName1)) : (React.createElement("span", { className: "placeholder" }, "Please click here to enter the business name 1"))));
+                    }, editor: (v) => (React.createElement(BusinessNameInputFormItem, { value: v.store.value, type: "bvi", onChange: (name) => runInAction(() => (v.store.value = name)), onSave: () => v.store.save({ trigger: "select" }), onCancel: () => v.store.cancel() })), onSave: (v) => store.edit(id, { data: { LegalEntityName1: v } }) }),
+                React.createElement(InlineEdit, { defaultValue: (_b = incorporationForm.content) === null || _b === void 0 ? void 0 : _b.legalEntityName2, 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.legalEntityName2) ? (React.createElement("span", null, incorporationForm.content.legalEntityName2)) : (React.createElement("span", { className: "placeholder" }, "Please click here to enter the business name 2"))));
+                    }, editor: (v) => (React.createElement(BusinessNameInputFormItem, { value: v.store.value, type: "bvi", onChange: (name) => runInAction(() => (v.store.value = name)), onSave: () => v.store.save({ trigger: "select" }), onCancel: () => v.store.cancel() })), onSave: (v) => store.edit(id, { data: { LegalEntityName2: v } }) }),
+                React.createElement(InlineEdit, { defaultValue: (_c = incorporationForm.content) === null || _c === void 0 ? void 0 : _c.legalEntityName3, 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.legalEntityName3) ? (React.createElement("span", null, incorporationForm.content.legalEntityName3)) : (React.createElement("span", { className: "placeholder" }, "Please click here to enter the business name 3"))));
+                    }, editor: (v) => (React.createElement(BusinessNameInputFormItem, { value: v.store.value, type: "bvi", onChange: (name) => runInAction(() => (v.store.value = name)), onSave: () => v.store.save({ trigger: "select" }), onCancel: () => v.store.cancel() })), onSave: (v) => store.edit(id, { data: { LegalEntityName3: 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 Activity") },
+                React.createElement("div", { className: styles.content },
+                    React.createElement(InlineEdit, { defaultValue: (_d = incorporationForm.content) === null || _d === void 0 ? void 0 : _d.businessActivitiy, editable: context ? context.editable : true, content: (v) => {
+                            var _a;
+                            return (React.createElement("div", null, ((_a = incorporationForm.content) === null || _a === void 0 ? void 0 : _a.businessActivitiy) ? (React.createElement("span", null, incorporationForm.content.businessActivitiy)) : (React.createElement("span", { className: "placeholder" }, "Please click here to enter the activitiy"))));
+                        }, onSave: (v) => {
+                            store.edit(id, {
+                                data: {
+                                    BusinessActivitiy: v,
+                                },
+                            });
+                        }, editor: (s) => {
+                            var _a;
+                            return (React.createElement(Select, { style: { width: "100%" }, defaultValue: (_a = incorporationForm.content) === null || _a === void 0 ? void 0 : _a.businessActivitiy, onChange: (v) => runInAction(() => (s.store.value = v.toString())), onBlur: () => s.store.cancel(), autoFocus: true, onSelect: () => s.store.save({ trigger: "select" }) },
+                                React.createElement(Select.Option, { value: "Trading (Garment)" }, "Trading (Garment)"),
+                                React.createElement(Select.Option, { value: "Trading (Sundry)" }, "Trading (Sundry)"),
+                                React.createElement(Select.Option, { value: "Service (Professional)" }, "Service (Professional)"),
+                                React.createElement(Select.Option, { value: "Service (General)" }, "Service (General)"),
+                                React.createElement(Select.Option, { value: "Investment Holding" }, "Investment Holding"),
+                                React.createElement(Select.Option, { value: "Property Investment" }, "Property Investment"),
+                                React.createElement(Select.Option, { value: "Others" }, "Others")));
+                        }, editTrigger: "both" }),
+                    ((_e = incorporationForm.content) === null || _e === void 0 ? void 0 : _e.businessActivitiy) === "Others" && (React.createElement("div", { className: "business-activitiy-others" },
+                        React.createElement(InlineEdit, { defaultValue: (_f = incorporationForm.content) === null || _f === void 0 ? void 0 : _f.businessActivitiyDetails, editable: context ? context.editable : true, editTrigger: "both", content: (v) => (React.createElement("div", null, v.store.value || "Please Enter Business Activitiy Details")), onSave: (v) => store.edit(id, {
+                                data: {
+                                    BusinessActivitiyDetails: v,
+                                },
+                            }) }),
+                        React.createElement("p", { className: "subtitle" }, "Please Enter Business Activitiy Details."))))),
+            React.createElement(Section, { className: "trading-address", title: React.createElement(React.Fragment, null,
+                    React.createElement(FontAwesomeIcon, { icon: faMapMarkerAlt }),
+                    "Trading Address ",
+                    React.createElement(TradingAddressTip, null)) },
+                React.createElement("div", { className: styles.content },
+                    React.createElement(InlineEdit, { editTrigger: "both", editable: context ? context.editable : true, defaultValue: (_g = incorporationForm.content) === null || _g === void 0 ? void 0 : _g.tradingAddress, onSave: (v) => store.edit(id, {
+                            data: {
+                                TradingAddress: {
+                                    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.tradingAddress.error && (React.createElement("span", { className: "warning" }, checks.tradingAddress.message))),
+            React.createElement(Section, { className: "record-address", title: React.createElement(React.Fragment, null,
+                    React.createElement(FontAwesomeIcon, { icon: faMapMarkerAlt }),
+                    "Record Address ",
+                    React.createElement(RecordAddressTip, null)) },
+                React.createElement("div", { className: styles.content },
+                    React.createElement("div", null,
+                        React.createElement(Checkbox, { defaultChecked: incorporationForm.content.useTradingAddressForRecord, onChange: (e) => store.edit(id, {
+                                data: { UseTradingAddressForRecord: e.target.checked },
+                                error: "message",
+                            }) }, "Use Trading Address")),
+                    !incorporationForm.content.useTradingAddressForRecord && (React.createElement(React.Fragment, null,
+                        React.createElement(InlineEdit, { editTrigger: "both", editable: context ? context.editable : true, defaultValue: ((_h = incorporationForm.content) === null || _h === void 0 ? void 0 : _h.recordAddress) || {
+                                line1: "",
+                                line2: "",
+                                postalCode: "",
+                                city: "",
+                                state: "",
+                                country: "",
+                            }, onSave: (v) => store.edit(id, {
+                                data: {
+                                    RecordAddress: {
+                                        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.recordAddress.error && (React.createElement("span", { className: "warning" }, checks.recordAddress.message))))))));
+    });
+};
+export default BVICompanyInfo;
 //# sourceMappingURL=index.js.map

package/es/modules/self-registration/clda-form/components/BVICompanyInfo/index.less CHANGED Viewed

@@ -1,25 +1,25 @@
-@import "~@voplus/morpho-theme/styles/index.less";
-.companyInfo {
-	:global {
-		.ant-form-item-label > label {
-			width: 110px;
-		}
-		.placeholder {
-			color: #00000040;
-		}
-		.sub-title {
-			font-size: 16px;
-			font-weight: normal;
-			color: @heading-subtitle-color;
-		}
-		.business-activitiy-others {
-			margin-top: 10px;
-		}
-		.subtitle {
-			color: @heading-subtitle-color;
-		}
-	}
-}
+@import "~@voplus/morpho-theme/styles/index.less";
+.companyInfo {
+	:global {
+		.ant-form-item-label > label {
+			width: 110px;
+		}
+		.placeholder {
+			color: #00000040;
+		}
+		.sub-title {
+			font-size: 16px;
+			font-weight: normal;
+			color: @heading-subtitle-color;
+		}
+		.business-activitiy-others {
+			margin-top: 10px;
+		}
+		.subtitle {
+			color: @heading-subtitle-color;
+		}
+	}
+}

package/es/modules/self-registration/clda-form/components/CLDAFormConfirmationDialog/index.d.ts CHANGED Viewed

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

package/es/modules/self-registration/clda-form/components/CLDAFormConfirmationDialog/index.js CHANGED Viewed

@@ -1,18 +1,18 @@
-import { Modal, message } from "antd";
-import React from "react";
-import { observe } from "@voplus/morpho-ui";
-import { useCLDAFormStore } from "../../../../../data/clda-form";
-const CLDAFormConfirmationDialog = (props) => {
-    const { visible, onCancel } = props;
-    const store = useCLDAFormStore();
-    return observe(() => (React.createElement(Modal, { width: 500, title: "Submit Confirmation", okText: "Confirm", onCancel: () => onCancel === null || onCancel === void 0 ? void 0 : onCancel(), onOk: onAdd, open: visible },
-        React.createElement("div", null, "Do you wish to submit the form?"))));
-    async function onAdd() {
-        var _a;
-        await store.submit(props.id, { error: "message" });
-        (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props);
-        message.success("Our sales consultant has received your form and will get in touch with you soon.");
-    }
-};
-export default CLDAFormConfirmationDialog;
+import { Modal, message } from "antd";
+import React from "react";
+import { observe } from "@voplus/morpho-ui";
+import { useCLDAFormStore } from "../../../../../data/clda-form";
+const CLDAFormConfirmationDialog = (props) => {
+    const { visible, onCancel } = props;
+    const store = useCLDAFormStore();
+    return observe(() => (React.createElement(Modal, { width: 500, title: "Submit Confirmation", okText: "Confirm", onCancel: () => onCancel === null || onCancel === void 0 ? void 0 : onCancel(), onOk: onAdd, open: visible },
+        React.createElement("div", null, "Do you wish to submit the form?"))));
+    async function onAdd() {
+        var _a;
+        await store.submit(props.id, { error: "message" });
+        (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props);
+        message.success("Our sales consultant has received your form and will get in touch with you soon.");
+    }
+};
+export default CLDAFormConfirmationDialog;
 //# sourceMappingURL=index.js.map

package/es/modules/self-registration/clda-form/components/CLDAFormProperties/index.d.ts CHANGED Viewed

@@ -1,6 +1,33 @@
-/// <reference types="react" />
-declare const CLDAFormProperties: (props: {
-    id: string;
-    headerVisible?: boolean;
-}) => JSX.Element;
-export default CLDAFormProperties;
+/// <reference types="react" />
+export declare type CLDAFormPropertiesName = "Customer";
+declare const CLDAFormProperties: {
+    (props: {
+        id: string;
+        headerVisible?: boolean;
+        cldaFormTitle?: string;
+        documentTitle?: string;
+        cldaFormProperties?: {
+            name: CLDAFormPropertiesName;
+            visible?: boolean;
+        }[];
+        documentProperties?: {
+            name: "Tags" | "Create Date" | "Create By" | "Folder";
+            visible?: boolean;
+        }[];
+    }): JSX.Element;
+    defaultProps: {
+        cldaFormTitle: string;
+        documentTitle: string;
+        cldaFormProperties: {
+            name: string;
+        }[];
+        documentProperties: ({
+            name: string;
+            visible?: undefined;
+        } | {
+            name: string;
+            visible: boolean;
+        })[];
+    };
+};
+export default CLDAFormProperties;