@voplus/morpho-csp 1.2.129 → 1.2.130

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

@@ -1,37 +1,37 @@
-.application-processing {
-	:global {
-		.section-body {
-			.lodgmentStatus-box {
-				width: 70%;
-				background-color: #f1fcf9;
-				border: 1px solid #00bfff;
-				border-radius: 5px;
-				div {
-					height: 70px;
-					border-bottom: 1px solid #00bfff;
-					padding: 0 20px;
-					display: flex;
-					justify-content: space-between;
-					align-items: center;
-					p {
-						font-size: 20px;
-						font-weight: 600;
-						color: #000;
-						margin: 0;
-					}
-					.complete {
-						font-size: 24px;
-						color: rgb(27, 172, 51);
-					}
-					.underway {
-						font-size: 24px;
-						color: rgb(236, 124, 18);
-					}
-				}
-				div:last-child {
-					border-bottom: 0;
-				}
-			}
-		}
-	}
-}
+.application-processing {
+	:global {
+		.section-body {
+			.lodgmentStatus-box {
+				width: 70%;
+				background-color: #f1fcf9;
+				border: 1px solid #00bfff;
+				border-radius: 5px;
+				div {
+					height: 70px;
+					border-bottom: 1px solid #00bfff;
+					padding: 0 20px;
+					display: flex;
+					justify-content: space-between;
+					align-items: center;
+					p {
+						font-size: 20px;
+						font-weight: 600;
+						color: #000;
+						margin: 0;
+					}
+					.complete {
+						font-size: 24px;
+						color: rgb(27, 172, 51);
+					}
+					.underway {
+						font-size: 24px;
+						color: rgb(236, 124, 18);
+					}
+				}
+				div:last-child {
+					border-bottom: 0;
+				}
+			}
+		}
+	}
+}

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

@@ -1,25 +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;
-		}
-	}
-}
+@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/clda-form/Download/index.less

@@ -1,41 +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;
-			}
-		}
-	}
-}
+.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/clda-form/IncorporaitonCart/index.less

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

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

@@ -1,15 +1,15 @@
-.incorporation-upload {
-	:global {
-		.section-body {
-			height: 100%;
-			.ant-card-body{
-				height: 100%;
-				.section-content{
-					height: 100%;
-					display: flex;
-					flex-direction: column;
-				}
-			}
-		}
-	}
-}
+.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/clda-form/components/BVICompanyInfo/index.js

@@ -11,113 +11,86 @@ import Section from "../../../controls/Section";
 import { observe } from "@voplus/morpho-ui";
 import { runInAction } from "mobx";
 import styles from "./index.less";
-import { useIncorporationSGPFormContext } from "../../incorporation/sgp/state";
+import { useIncorporationFormContext } from "../../incorporation/context";
 import { useValidates } from "@voplus/morpho-data";
 const BVICompanyInfo = (props) => {
     const { id } = props;
-    const content = useCLDAForm(id).content;
+    const incorporationForm = useCLDAForm(id);
     const store = useCLDAFormStore();
-    const context = useIncorporationSGPFormContext();
+    const context = useIncorporationFormContext();
     const checks = useValidates((c) => ({
-        name: c.validate(() => (content === null || content === void 0 ? void 0 : content.legalEntityName1) && (content === null || content === void 0 ? void 0 : content.legalEntityName2) && (content === null || content === void 0 ? void 0 : content.legalEntityName3), "Business name cannot be empty."),
-        businessActivity: c.validate(() => content === null || content === void 0 ? void 0 : content.businessActivitiy, "Choose at least one business activity."),
-        tradingAddress: c.validate(() => { var _a, _b; return ((_a = content.tradingAddress) === null || _a === void 0 ? void 0 : _a.line1) && ((_b = content.tradingAddress) === null || _b === void 0 ? void 0 : _b.country); }, "A valid local address is required."),
-        recordAddress: c.validate(() => { var _a, _b; return ((_a = content.recordAddress) === null || _a === void 0 ? void 0 : _a.line1) && ((_b = content.recordAddress) === null || _b === void 0 ? void 0 : _b.country); }, "A valid local address is required."),
-    }), [content]);
-    return observe(() => (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: content === null || content === void 0 ? void 0 : content.legalEntityName1, editTrigger: "both", editable: context ? context.editable : true, content: (v) => (React.createElement("div", null, (content === null || content === void 0 ? void 0 : content.legalEntityName1) ? (React.createElement("span", null, 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, 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: content === null || content === void 0 ? void 0 : content.legalEntityName2, editTrigger: "both", editable: context ? context.editable : true, content: (v) => (React.createElement("div", null, (content === null || content === void 0 ? void 0 : content.legalEntityName2) ? (React.createElement("span", null, 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, 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: content === null || content === void 0 ? void 0 : content.legalEntityName3, editTrigger: "both", editable: context ? context.editable : true, content: (v) => (React.createElement("div", null, (content === null || content === void 0 ? void 0 : content.legalEntityName3) ? (React.createElement("span", null, 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, 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 Activitiy ",
-                React.createElement(BusinessActivityTip, null)) },
-            React.createElement("div", { className: styles.content },
-                React.createElement(InlineEdit, { defaultValue: content === null || content === void 0 ? void 0 : content.businessActivitiy, editable: context ? context.editable : true, content: (v) => (React.createElement("div", null, (content === null || content === void 0 ? void 0 : content.businessActivitiy) ? (React.createElement("span", null, content.businessActivitiy)) : (React.createElement("span", { className: "placeholder" }, "Please click here to enter the activitiy")))), onSave: (v) => {
-                        store.edit(id, {
-                            data: {
-                                BusinessActivitiy: v,
-                            },
-                        });
-                    }, editor: (s) => {
-                        return (React.createElement(Select, { style: { width: "100%" }, defaultValue: content === null || content === void 0 ? void 0 : content.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" }))),
-        React.createElement(Section, { className: "registered-address", title: React.createElement(React.Fragment, null,
-                React.createElement(FontAwesomeIcon, { icon: faMapMarkerAlt }),
-                "Trading Address ",
-                React.createElement(RegisteredAddressTip, null),
-                React.createElement("div", { className: "sub-title" }, "If you are not using Voplus trading address, please provide your own local address")) },
-            React.createElement("div", { className: styles.content },
-                React.createElement(InlineEdit, { editTrigger: "both", editable: context ? context.editable : true, defaultValue: content === null || content === void 0 ? void 0 : content.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: "registered-address", title: React.createElement(React.Fragment, null,
-                React.createElement(FontAwesomeIcon, { icon: faMapMarkerAlt }),
-                "Record Address ",
-                React.createElement(RegisteredAddressTip, null),
-                React.createElement("div", { className: "sub-title" }, "If you are not using Voplus trading address, please provide your own local address")) },
-            React.createElement("div", { className: styles.content },
-                React.createElement("div", null,
-                    React.createElement(Checkbox, { defaultChecked: content.useTradingAddressForRecord, onChange: (e) => store.edit(id, {
-                            data: { UseTradingAddressForRecord: e.target.checked },
-                            error: "message",
-                        }) }, "Use Trading Address")),
-                !content.useTradingAddressForRecord && (React.createElement(React.Fragment, null,
-                    React.createElement(InlineEdit, { editTrigger: "both", editable: context ? context.editable : true, defaultValue: content === null || content === void 0 ? void 0 : content.recordAddress, onSave: (v) => store.edit(id, {
+        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 at least one 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 local 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 local address is required."),
+    }), [incorporationForm.content]);
+    return observe(() => {
+        var _a, _b, _c, _d, _e, _f;
+        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 Activitiy ",
+                    React.createElement(BusinessActivityTip, null)) },
+                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" }))),
+            React.createElement(Section, { className: "registered-address", title: React.createElement(React.Fragment, null,
+                    React.createElement(FontAwesomeIcon, { icon: faMapMarkerAlt }),
+                    "Trading Address ",
+                    React.createElement(RegisteredAddressTip, null)) },
+                React.createElement("div", { className: styles.content },
+                    React.createElement(InlineEdit, { editTrigger: "both", editable: context ? context.editable : true, defaultValue: (_e = incorporationForm.content) === null || _e === void 0 ? void 0 : _e.tradingAddress, onSave: (v) => store.edit(id, {
                             data: {
-                                RecordAddress: {
+                                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,
@@ -156,8 +129,70 @@ const BVICompanyInfo = (props) => {
                                             } })))),
                             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)))))))));
+                                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: "registered-address", title: React.createElement(React.Fragment, null,
+                    React.createElement(FontAwesomeIcon, { icon: faMapMarkerAlt }),
+                    "Record Address ",
+                    React.createElement(RegisteredAddressTip, 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: ((_f = incorporationForm.content) === null || _f === void 0 ? void 0 : _f.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