@voplus/morpho-csp 4.0.5 → 4.0.7

package/es/modules/corporate/company/identity/components/NewIdentityDialog/Step1.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-declare const Step1: (props: {
-    unitId: string;
-    type: string;
-}) => JSX.Element;
-export default Step1;
+/// <reference types="react" />
+declare const Step1: (props: {
+    unitId: string;
+    type: string;
+}) => JSX.Element;
+export default Step1;

package/es/modules/corporate/company/identity/components/NewIdentityDialog/Step1.js

@@ -1,40 +1,40 @@
-import React from "react";
-import { Button, Divider, Form, Input, Radio } from "antd";
-import { observe } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
-import { useLegalContext } from "./state";
-const Step1 = (props) => {
-    const legal = useLegalContext();
-    runInAction(() => {
-        legal.unitType = props.type;
-        legal.unitId = props.unitId;
-    });
-    return observe(() => (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "select-legal-contact_title" }, "Input Name"),
-        React.createElement("div", { className: "select-legal-contact_content" }, legal.unitType === "Organization" ? (React.createElement(React.Fragment, null,
-            React.createElement("h4", { style: { marginBottom: "10px" } }, "Name of the Organization"),
-            React.createElement(Input, { value: legal.fistName, onChange: (e) => runInAction(() => (legal.fistName = e.target.value)) }))) : (React.createElement(React.Fragment, null,
-            React.createElement("h4", null, "Please choose correct name order and input name of the Identify"),
-            React.createElement(Divider, { plain: true, style: { margin: "15px 0" } }),
-            React.createElement("div", null, "Full Name Order"),
-            React.createElement(Radio.Group, { value: legal.orderName, onChange: (e) => runInAction(() => (legal.orderName = e.target.value)) },
-                React.createElement(Radio, { value: "Western", style: { padding: "10px 0" } }, "Fist Middle Last ( Western )"),
-                React.createElement(Radio, { value: "Eastern", style: { padding: "10px 0" } }, "Last First ( Eastern )")),
-            React.createElement(Divider, { plain: true, style: { margin: "15px 0" } }),
-            React.createElement("div", null, "Displayed Full Name"),
-            React.createElement("div", { className: "full-name-displayed" }, legal.fullName),
-            React.createElement(Form, { labelCol: { span: 6 }, labelAlign: "left", colon: false, className: "padding-top-15" },
-                React.createElement(Form.Item, { label: "First Name", name: "fistName", rules: [{ required: true, message: "Please input your First Name!" }] },
-                    React.createElement(Input, { value: legal.fistName, onChange: (e) => runInAction(() => (legal.fistName = e.target.value)) })),
-                React.createElement(Form.Item, { label: "Last Name", name: "lastName", rules: [{ required: true, message: "Please input your Last Name!" }] },
-                    React.createElement(Input, { value: legal.lastName, onChange: (e) => runInAction(() => (legal.lastName = e.target.value)) })),
-                React.createElement(Form.Item, { label: React.createElement("div", { style: { lineHeight: "15px" } },
-                        "Middle Name",
-                        React.createElement("span", { style: { display: "block" } }, "(Optional)")) },
-                    React.createElement(Input, { value: legal.middleName, onChange: (e) => runInAction(() => (legal.middleName = e.target.value)) })))))),
-        React.createElement("div", { className: "select-legal-contact_footer" },
-            React.createElement(Button, { size: "middle", onClick: () => { var _a, _b; return (_b = (_a = legal.props).updateVisible) === null || _b === void 0 ? void 0 : _b.call(_a); } }, "Cancel"),
-            React.createElement(Button, { size: "middle", type: "primary", onClick: () => runInAction(() => (legal.step += 1)) }, "Next")))));
-};
-export default Step1;
+import React from "react";
+import { Button, Divider, Form, Input, Radio } from "antd";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import { useLegalContext } from "./state";
+const Step1 = (props) => {
+    const legal = useLegalContext();
+    runInAction(() => {
+        legal.unitType = props.type;
+        legal.unitId = props.unitId;
+    });
+    return observe(() => (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "select-legal-contact_title" }, "Input Name"),
+        React.createElement("div", { className: "select-legal-contact_content" }, legal.unitType === "Organization" ? (React.createElement(React.Fragment, null,
+            React.createElement("h4", { style: { marginBottom: "10px" } }, "Name of the Organization"),
+            React.createElement(Input, { value: legal.fistName, onChange: (e) => runInAction(() => (legal.fistName = e.target.value)) }))) : (React.createElement(React.Fragment, null,
+            React.createElement("h4", null, "Please choose correct name order and input name of the Identify"),
+            React.createElement(Divider, { plain: true, style: { margin: "15px 0" } }),
+            React.createElement("div", null, "Full Name Order"),
+            React.createElement(Radio.Group, { value: legal.orderName, onChange: (e) => runInAction(() => (legal.orderName = e.target.value)) },
+                React.createElement(Radio, { value: "Western", style: { padding: "10px 0" } }, "Fist Middle Last ( Western )"),
+                React.createElement(Radio, { value: "Eastern", style: { padding: "10px 0" } }, "Last First ( Eastern )")),
+            React.createElement(Divider, { plain: true, style: { margin: "15px 0" } }),
+            React.createElement("div", null, "Displayed Full Name"),
+            React.createElement("div", { className: "full-name-displayed" }, legal.fullName),
+            React.createElement(Form, { labelCol: { span: 6 }, labelAlign: "left", colon: false, className: "padding-top-15" },
+                React.createElement(Form.Item, { label: "First Name", name: "fistName", rules: [{ required: true, message: "Please input your First Name!" }] },
+                    React.createElement(Input, { value: legal.fistName, onChange: (e) => runInAction(() => (legal.fistName = e.target.value)) })),
+                React.createElement(Form.Item, { label: "Last Name", name: "lastName", rules: [{ required: true, message: "Please input your Last Name!" }] },
+                    React.createElement(Input, { value: legal.lastName, onChange: (e) => runInAction(() => (legal.lastName = e.target.value)) })),
+                React.createElement(Form.Item, { label: React.createElement("div", { style: { lineHeight: "15px" } },
+                        "Middle Name",
+                        React.createElement("span", { style: { display: "block" } }, "(Optional)")) },
+                    React.createElement(Input, { value: legal.middleName, onChange: (e) => runInAction(() => (legal.middleName = e.target.value)) })))))),
+        React.createElement("div", { className: "select-legal-contact_footer" },
+            React.createElement(Button, { size: "middle", onClick: () => { var _a, _b; return (_b = (_a = legal.props).updateVisible) === null || _b === void 0 ? void 0 : _b.call(_a); } }, "Cancel"),
+            React.createElement(Button, { size: "middle", type: "primary", onClick: () => runInAction(() => (legal.step += 1)) }, "Next")))));
+};
+export default Step1;
 //# sourceMappingURL=Step1.js.map

package/es/modules/corporate/company/identity/components/NewIdentityDialog/Step2.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const Step2: () => JSX.Element;
-export default Step2;
+/// <reference types="react" />
+declare const Step2: () => JSX.Element;
+export default Step2;

package/es/modules/corporate/company/identity/components/NewIdentityDialog/Step2.js

@@ -1,42 +1,42 @@
-import { Button, DatePicker, Form, Input, Select, message } from "antd";
-import { InputCountry } from "@voplus/morpho-ui";
-import React from "react";
-import { observe } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
-import { useLegalContext } from "./state";
-const Step2 = () => {
-    const legal = useLegalContext();
-    return observe(() => (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "select-legal-contact_title" }, "Identify Info"),
-        React.createElement("div", { className: "select-legal-contact_content" },
-            React.createElement(Form, { layout: "vertical" },
-                React.createElement(Form.Item, { label: legal.unitType === "Organization" ? "Country of Registration" : "Country", name: "country", rules: [{ required: true }] },
-                    React.createElement(InputCountry, { defaultValue: legal.country, onChange: (country) => runInAction(() => (legal.country = country)) })),
-                legal.unitType === "Person" && (React.createElement(Form.Item, { label: "Identify Type", name: "identifyType", rules: [{ required: true }] },
-                    React.createElement(Select, { defaultValue: legal.type, value: legal.type, onChange: (value) => (legal.type = value) },
-                        React.createElement(Select.Option, { value: "Passport" }, "International Passport"),
-                        React.createElement(Select.Option, { value: "IdentityCard" }, "Identify Card"),
-                        React.createElement(Select.Option, { value: "BusinessRegistration" }, "Business Registration")))),
-                React.createElement(Form.Item, { label: legal.unitType === "Organization" ? "Registration #" : "Identify #", name: "identity", rules: [{ required: true }] },
-                    React.createElement(Input, { defaultValue: legal.number, value: legal.number, onChange: (e) => runInAction(() => (legal.number = e.target.value)) })),
-                legal.unitType === "Person" && (React.createElement(Form.Item, { label: "Expiry Date", name: "expiryDate", rules: [{ required: legal.type === "Passport" }] },
-                    React.createElement(DatePicker, { defaultValue: legal.expiryDate, value: legal.expiryDate, onChange: (date) => runInAction(() => (legal.expiryDate = date)) }))))),
-        React.createElement("div", { className: "select-legal-contact_footer" },
-            React.createElement(Button, { size: "middle", onClick: () => runInAction(() => (legal.step -= 1)) }, "Back"),
-            React.createElement(Button, { size: "middle", type: "primary", onClick: next }, "Next")))));
-    function next() {
-        runInAction(() => {
-            if (legal.unitType === "Organization")
-                legal.type = "BusinessRegistration";
-            if (!legal.number || !legal.country) {
-                message.warning(legal.unitType === "Organization"
-                    ? "Country && Registration are required"
-                    : "Country && Identify are required");
-                return;
-            }
-            return (legal.step += 1);
-        });
-    }
-};
-export default Step2;
+import { Button, DatePicker, Form, Input, Select, message } from "antd";
+import { InputCountry } from "@voplus/morpho-ui";
+import React from "react";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import { useLegalContext } from "./state";
+const Step2 = () => {
+    const legal = useLegalContext();
+    return observe(() => (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "select-legal-contact_title" }, "Identify Info"),
+        React.createElement("div", { className: "select-legal-contact_content" },
+            React.createElement(Form, { layout: "vertical" },
+                React.createElement(Form.Item, { label: legal.unitType === "Organization" ? "Country of Registration" : "Country", name: "country", rules: [{ required: true }] },
+                    React.createElement(InputCountry, { defaultValue: legal.country, onChange: (country) => runInAction(() => (legal.country = country)) })),
+                legal.unitType === "Person" && (React.createElement(Form.Item, { label: "Identify Type", name: "identifyType", rules: [{ required: true }] },
+                    React.createElement(Select, { defaultValue: legal.type, value: legal.type, onChange: (value) => (legal.type = value) },
+                        React.createElement(Select.Option, { value: "Passport" }, "International Passport"),
+                        React.createElement(Select.Option, { value: "IdentityCard" }, "Identify Card"),
+                        React.createElement(Select.Option, { value: "BusinessRegistration" }, "Business Registration")))),
+                React.createElement(Form.Item, { label: legal.unitType === "Organization" ? "Registration #" : "Identify #", name: "identity", rules: [{ required: true }] },
+                    React.createElement(Input, { defaultValue: legal.number, value: legal.number, onChange: (e) => runInAction(() => (legal.number = e.target.value)) })),
+                legal.unitType === "Person" && (React.createElement(Form.Item, { label: "Expiry Date", name: "expiryDate", rules: [{ required: legal.type === "Passport" }] },
+                    React.createElement(DatePicker, { defaultValue: legal.expiryDate, value: legal.expiryDate, onChange: (date) => runInAction(() => (legal.expiryDate = date)) }))))),
+        React.createElement("div", { className: "select-legal-contact_footer" },
+            React.createElement(Button, { size: "middle", onClick: () => runInAction(() => (legal.step -= 1)) }, "Back"),
+            React.createElement(Button, { size: "middle", type: "primary", onClick: next }, "Next")))));
+    function next() {
+        runInAction(() => {
+            if (legal.unitType === "Organization")
+                legal.type = "BusinessRegistration";
+            if (!legal.number || !legal.country) {
+                message.warning(legal.unitType === "Organization"
+                    ? "Country && Registration are required"
+                    : "Country && Identify are required");
+                return;
+            }
+            return (legal.step += 1);
+        });
+    }
+};
+export default Step2;
 //# sourceMappingURL=Step2.js.map

package/es/modules/corporate/company/identity/components/NewIdentityDialog/Step3.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const Step3: () => JSX.Element;
-export default Step3;
+/// <reference types="react" />
+declare const Step3: () => JSX.Element;
+export default Step3;

package/es/modules/corporate/company/identity/components/NewIdentityDialog/Step3.js

@@ -1,44 +1,44 @@
-import React from "react";
-import moment from "moment";
-import { Button, message } from "antd";
-import { observe } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
-import { useIdentityStore } from "../../../../../../data/identity";
-import { useLegalContext } from "./state";
-const Step3 = () => {
-    const legal = useLegalContext();
-    const identityStore = useIdentityStore();
-    return observe(() => (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "select-legal-contact_content page5" },
-            React.createElement("div", { className: "full-name" }, legal.fullName),
-            React.createElement("div", { className: "padding-bottom-20" },
-                legal.country,
-                "\uFF08",
-                legal.number,
-                legal.expiryDate ? " expiryDate：" + moment(legal.expiryDate).format("YYYY-MM-DD") : "",
-                "\uFF09")),
-        React.createElement("div", { className: "select-legal-contact_footer" },
-            React.createElement(Button, { size: "middle", onClick: () => runInAction(() => (legal.step -= 1)) }, "Back"),
-            React.createElement(Button, { size: "middle", type: "primary", loading: legal.saving, onClick: create }, "Create")))));
-    /** create a new contact */
-    async function create() {
-        const Option = {
-            FullName: legal.fullName,
-            Number: legal.number,
-            Country: legal.country,
-            ExpiryDate: legal.expiryDate,
-            Type: legal.type,
-            UnitId: legal.unitId,
-        };
-        runInAction(() => (legal.saving = true));
-        await identityStore
-            .create({ data: Option, error: (error) => message.error(error.message) })
-            .then((res) => {
-            if (legal.props.updateVisible && res.unitId)
-                legal.props.updateVisible(res.unitId);
-            runInAction(() => (legal.saving = false));
-        });
-    }
-};
-export default Step3;
+import React from "react";
+import moment from "moment";
+import { Button, message } from "antd";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import { useIdentityStore } from "../../../../../../data/identity";
+import { useLegalContext } from "./state";
+const Step3 = () => {
+    const legal = useLegalContext();
+    const identityStore = useIdentityStore();
+    return observe(() => (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "select-legal-contact_content page5" },
+            React.createElement("div", { className: "full-name" }, legal.fullName),
+            React.createElement("div", { className: "padding-bottom-20" },
+                legal.country,
+                "\uFF08",
+                legal.number,
+                legal.expiryDate ? " expiryDate：" + moment(legal.expiryDate).format("YYYY-MM-DD") : "",
+                "\uFF09")),
+        React.createElement("div", { className: "select-legal-contact_footer" },
+            React.createElement(Button, { size: "middle", onClick: () => runInAction(() => (legal.step -= 1)) }, "Back"),
+            React.createElement(Button, { size: "middle", type: "primary", loading: legal.saving, onClick: create }, "Create")))));
+    /** create a new contact */
+    async function create() {
+        const Option = {
+            FullName: legal.fullName,
+            Number: legal.number,
+            Country: legal.country,
+            ExpiryDate: legal.expiryDate,
+            Type: legal.type,
+            UnitId: legal.unitId,
+        };
+        runInAction(() => (legal.saving = true));
+        await identityStore
+            .create({ data: Option, error: (error) => message.error(error.message) })
+            .then((res) => {
+            if (legal.props.updateVisible && res.unitId)
+                legal.props.updateVisible(res.unitId);
+            runInAction(() => (legal.saving = false));
+        });
+    }
+};
+export default Step3;
 //# sourceMappingURL=Step3.js.map

package/es/modules/corporate/company/identity/components/NewIdentityDialog/index.d.ts

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

package/es/modules/corporate/company/identity/components/NewIdentityDialog/index.js

@@ -1,19 +1,19 @@
-import "./index.less";
-import { LegalContext, State } from "./state";
-import React, { useState } from "react";
-import { Modal } from "antd";
-import Step1 from "./Step1";
-import Step2 from "./Step2";
-import Step3 from "./Step3";
-import { observe } from "@voplus/morpho-ui";
-import { useUnit } from "@voplus/morpho-org";
-const NewIdentityDialog = (props) => {
-    const { id, visible, updateVisible } = props;
-    const [state] = useState(new State());
-    const unit = useUnit(id);
-    state.props = props;
-    return observe(() => (React.createElement(LegalContext.Provider, { value: state },
-        React.createElement(Modal, { width: 500, title: "", footer: null, wrapClassName: "select-legal-contact-dialog", onCancel: () => updateVisible === null || updateVisible === void 0 ? void 0 : updateVisible(), open: visible }, state.step === 3 ? (React.createElement(Step3, null)) : state.step === 2 ? (React.createElement(Step2, null)) : (React.createElement(Step1, { unitId: unit.id, type: unit.type }))))));
-};
-export default NewIdentityDialog;
+import "./index.less";
+import { LegalContext, State } from "./state";
+import React, { useState } from "react";
+import { Modal } from "antd";
+import Step1 from "./Step1";
+import Step2 from "./Step2";
+import Step3 from "./Step3";
+import { observe } from "@voplus/morpho-ui";
+import { useUnit } from "@voplus/morpho-org";
+const NewIdentityDialog = (props) => {
+    const { id, visible, updateVisible } = props;
+    const [state] = useState(new State());
+    const unit = useUnit(id);
+    state.props = props;
+    return observe(() => (React.createElement(LegalContext.Provider, { value: state },
+        React.createElement(Modal, { width: 500, title: "", footer: null, wrapClassName: "select-legal-contact-dialog", onCancel: () => updateVisible === null || updateVisible === void 0 ? void 0 : updateVisible(), open: visible }, state.step === 3 ? (React.createElement(Step3, null)) : state.step === 2 ? (React.createElement(Step2, null)) : (React.createElement(Step1, { unitId: unit.id, type: unit.type }))))));
+};
+export default NewIdentityDialog;
 //# sourceMappingURL=index.js.map

package/es/modules/corporate/company/identity/components/NewIdentityDialog/index.less

@@ -1,67 +1,67 @@
-:global {
-	.select-legal-contact-dialog {
-		.ant-modal-body {
-			padding: 20px 0 !important;
-		}
-
-		h3,
-		h4 {
-			margin-bottom: 0;
-		}
-
-		.select-legal-contact_title {
-			padding: 0 20px 15px 20px;
-			color: rgba(0, 0, 0, 0.85);
-			font-weight: 500;
-			font-size: 16px;
-			line-height: 17px;
-			border-bottom: 1px solid #f0f0f0;
-		}
-
-		.select-legal-contact_content {
-			padding: 15px 20px;
-
-			&.page5 {
-				padding: 15px 30px;
-			}
-
-			.ant-radio-group,
-			.ant-radio-wrapper {
-				display: block;
-			}
-
-			.full-name-displayed {
-				padding: 10px 0;
-				border-bottom: 1px solid #f0f0f0;
-			}
-
-			.full-name {
-				padding-bottom: 8px;
-				color: rgba(0, 0, 0, 0.85);
-				font-weight: 500;
-				font-size: 16px;
-			}
-
-			.padding-top-15 {
-				padding-top: 15px;
-			}
-		}
-
-		.ant-tabs .ant-tabs-tabpane {
-			padding: 0 20px;
-		}
-
-		.ant-form .ant-form-item {
-			margin-bottom: 20px;
-		}
-
-		.select-legal-contact_footer {
-			padding: 0 20px;
-			text-align: right;
-
-			& .ant-btn {
-				margin-left: 10px;
-			}
-		}
-	}
-}
+:global {
+	.select-legal-contact-dialog {
+		.ant-modal-body {
+			padding: 20px 0 !important;
+		}
+
+		h3,
+		h4 {
+			margin-bottom: 0;
+		}
+
+		.select-legal-contact_title {
+			padding: 0 20px 15px 20px;
+			color: rgba(0, 0, 0, 0.85);
+			font-weight: 500;
+			font-size: 16px;
+			line-height: 17px;
+			border-bottom: 1px solid #f0f0f0;
+		}
+
+		.select-legal-contact_content {
+			padding: 15px 20px;
+
+			&.page5 {
+				padding: 15px 30px;
+			}
+
+			.ant-radio-group,
+			.ant-radio-wrapper {
+				display: block;
+			}
+
+			.full-name-displayed {
+				padding: 10px 0;
+				border-bottom: 1px solid #f0f0f0;
+			}
+
+			.full-name {
+				padding-bottom: 8px;
+				color: rgba(0, 0, 0, 0.85);
+				font-weight: 500;
+				font-size: 16px;
+			}
+
+			.padding-top-15 {
+				padding-top: 15px;
+			}
+		}
+
+		.ant-tabs .ant-tabs-tabpane {
+			padding: 0 20px;
+		}
+
+		.ant-form .ant-form-item {
+			margin-bottom: 20px;
+		}
+
+		.select-legal-contact_footer {
+			padding: 0 20px;
+			text-align: right;
+
+			& .ant-btn {
+				margin-left: 10px;
+			}
+		}
+	}
+}

package/es/modules/corporate/company/identity/components/NewIdentityDialog/state.d.ts

@@ -1,45 +1,45 @@
-/// <reference types="react" />
-import { IIdentity } from "../../../../../../data/identity";
-export declare type LegalProps = {
-    visible: boolean;
-    updateVisible?: (unitId?: string) => Promise<void>;
-};
-export declare class State {
-    props: LegalProps;
-    /** step of Add Legal Contact */
-    step: number;
-    /** type of unit of the new officer */
-    unitType: string;
-    /** id of identity */
-    identityId: string;
-    /** id of unit of the new officer */
-    unitId: string;
-    /** */
-    fistName: string;
-    /** last name */
-    lastName: string;
-    /** */
-    middleName: string;
-    /** number of identity of the new officer */
-    number: string | number;
-    /** country of identity of the new officer */
-    country: string;
-    /** type of identity of the new officer */
-    type: string;
-    /** expiryDate of identity(Passport required) */
-    expiryDate: null;
-    /** list of unit */
-    contactList: IIdentity[];
-    /** order name by Western or Eastern */
-    orderName: string;
-    /** key of tabPane of Page4 */
-    tabKey: "Contact" | "Identify";
-    /** loading of load identity list */
-    loading: boolean;
-    /** loading of save identity item */
-    saving: boolean;
-    constructor();
-    get fullName(): string;
-}
-export declare const LegalContext: import("react").Context<State>;
-export declare const useLegalContext: () => State;
+/// <reference types="react" />
+import { IIdentity } from "../../../../../../data/identity";
+export declare type LegalProps = {
+    visible: boolean;
+    updateVisible?: (unitId?: string) => Promise<void>;
+};
+export declare class State {
+    props: LegalProps;
+    /** step of Add Legal Contact */
+    step: number;
+    /** type of unit of the new officer */
+    unitType: string;
+    /** id of identity */
+    identityId: string;
+    /** id of unit of the new officer */
+    unitId: string;
+    /** */
+    fistName: string;
+    /** last name */
+    lastName: string;
+    /** */
+    middleName: string;
+    /** number of identity of the new officer */
+    number: string | number;
+    /** country of identity of the new officer */
+    country: string;
+    /** type of identity of the new officer */
+    type: string;
+    /** expiryDate of identity(Passport required) */
+    expiryDate: null;
+    /** list of unit */
+    contactList: IIdentity[];
+    /** order name by Western or Eastern */
+    orderName: string;
+    /** key of tabPane of Page4 */
+    tabKey: "Contact" | "Identify";
+    /** loading of load identity list */
+    loading: boolean;
+    /** loading of save identity item */
+    saving: boolean;
+    constructor();
+    get fullName(): string;
+}
+export declare const LegalContext: import("react").Context<State>;
+export declare const useLegalContext: () => State;