@voplus/morpho-csp 4.0.14 → 4.0.16

package/es/modules/self-registration/clda-form/incorporation/company-general/components/CompanyGeneralOfficerInfo/index.js

@@ -0,0 +1,125 @@
+import React, { useState } from "react";
+import { Button, Col, Divider, Form, Row, Input, Select } from "antd";
+import { UserOutlined } from "@ant-design/icons";
+import { observe } from "@voplus/morpho-ui";
+import { faAddressCard, faEnvelope, faMapMarkerAlt, faPhone, faTrashAlt, faPenToSquare, } from "@fortawesome/pro-light-svg-icons";
+import { clone } from "lodash-es";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { useCLDAForm, useCLDAFormStore, } from "../../../../../../../data/clda-form";
+import IdentityChange from "../../../../../../corporate/company/identity/components/IdentityChange";
+import { changeName } from "../../../../../../../data/clda-form/conversion";
+import { useIncorporationFormContext } from "../../../context";
+import Address from "@voplus/morpho-org/es/components/Address";
+import moment from "moment";
+import styles from "./index.less";
+const CompanyGeneralOfficerInfo = (props) => {
+    const { formId, officer, contacts } = props;
+    const [editable, setEditable] = useState(false);
+    const store = useCLDAFormStore();
+    const context = useIncorporationFormContext();
+    const incorporation = useCLDAForm(props.formId);
+    return observe(() => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        return (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: styles["company-general-officer-info"] },
+                React.createElement("div", { className: "company-general-officer-title" },
+                    React.createElement("div", { className: "company-general-officer-title-info" }, editable ? (React.createElement(Input, { prefix: React.createElement(UserOutlined, null), defaultValue: contacts === null || contacts === void 0 ? void 0 : contacts.name, value: contacts === null || contacts === void 0 ? void 0 : contacts.name, onChange: (e) => (contacts.name = e.target.value) })) : (React.createElement("span", { className: "company-general-officer-name" }, contacts === null || contacts === void 0 ? void 0 : contacts.name))),
+                    (context ? context.editable : true) && (React.createElement("div", { className: "action-button" },
+                        contacts.idType === "NewId" && (React.createElement("span", { className: "edit-icon", onClick: () => setEditable(!editable) },
+                            React.createElement(FontAwesomeIcon, { icon: faPenToSquare }))),
+                        React.createElement("span", { className: "delete-icon", onClick: props.onDeleteClick },
+                            React.createElement(FontAwesomeIcon, { icon: faTrashAlt }))))),
+                React.createElement(Form, { layout: "horizontal", className: "new-officer-position" },
+                    React.createElement(Form.Item, { label: "Position" },
+                        React.createElement(Select, { mode: "tags", style: { width: "100%" }, placeholder: "Tags Mode", defaultValue: officer.positions, onChange: (value) => onChangePosition(value), options: [
+                                {
+                                    value: "Director",
+                                    label: "Director",
+                                },
+                                {
+                                    value: "Secretary",
+                                    label: "Secretary",
+                                },
+                                {
+                                    value: "Auditor",
+                                    label: "Auditor",
+                                },
+                                {
+                                    value: "Chief Executive Officer",
+                                    label: "Chief Executive Officer",
+                                },
+                            ] }))),
+                contacts.idType === "NewId" && (React.createElement(React.Fragment, null,
+                    React.createElement("div", { className: "basic-info" },
+                        React.createElement(Input, { disabled: !editable, bordered: editable, value: contacts === null || contacts === void 0 ? void 0 : contacts.email, placeholder: "Please enter the email", prefix: React.createElement(FontAwesomeIcon, { icon: faEnvelope }), onChange: (e) => (contacts.email = e.target.value) }),
+                        React.createElement(Input, { disabled: !editable, bordered: editable, value: contacts === null || contacts === void 0 ? void 0 : contacts.phone, placeholder: "Please enter the phone", prefix: React.createElement(FontAwesomeIcon, { icon: faPhone }), onChange: (e) => (contacts.phone = e.target.value) })),
+                    React.createElement("div", { className: "company-general-officer-info-content" },
+                        React.createElement("div", { className: "company-general-officer-info-item" },
+                            React.createElement("div", { className: "company-general-officer-item-name" },
+                                React.createElement(FontAwesomeIcon, { icon: faMapMarkerAlt }),
+                                "Address:"),
+                            editable ? (React.createElement(Form, { layout: "horizontal" },
+                                React.createElement(Address, { value: contacts.address, required: ["line1", "city", "postalCode", "country"], onChange: (v) => (contacts.address = v) }))) : (React.createElement(React.Fragment, null,
+                                React.createElement(Row, null,
+                                    React.createElement(Col, null, (_a = contacts === null || contacts === void 0 ? void 0 : contacts.address) === null || _a === void 0 ? void 0 : _a.line1)),
+                                React.createElement(Row, null,
+                                    React.createElement(Col, null, (_b = contacts === null || contacts === void 0 ? void 0 : contacts.address) === null || _b === void 0 ? void 0 : _b.line2)),
+                                React.createElement(Row, null,
+                                    React.createElement(Col, null, `${((_c = contacts === null || contacts === void 0 ? void 0 : contacts.address) === null || _c === void 0 ? void 0 : _c.city) ? (_d = contacts.address) === null || _d === void 0 ? void 0 : _d.city : ""} ${(_e = contacts === null || contacts === void 0 ? void 0 : contacts.address) === null || _e === void 0 ? void 0 : _e.state} ${(_f = contacts === null || contacts === void 0 ? void 0 : contacts.address) === null || _f === void 0 ? void 0 : _f.country} ${(_g = contacts === null || contacts === void 0 ? void 0 : contacts.address) === null || _g === void 0 ? void 0 : _g.postalCode}`.trim()))))),
+                        React.createElement("div", { className: "company-general-officer-info-item" },
+                            React.createElement("div", { className: "company-general-officer-item-name" },
+                                React.createElement(FontAwesomeIcon, { icon: faAddressCard }),
+                                "Identify Info:"),
+                            editable ? (React.createElement(IdentityChange, { value: contacts === null || contacts === void 0 ? void 0 : contacts.identity, onChange: (v) => (contacts.identity = v) })) : (React.createElement(React.Fragment, null,
+                                React.createElement(Row, null,
+                                    React.createElement(Col, null, (_h = contacts === null || contacts === void 0 ? void 0 : contacts.identity) === null || _h === void 0 ? void 0 : _h.country)),
+                                React.createElement(Row, null,
+                                    React.createElement(Col, null, (_j = contacts === null || contacts === void 0 ? void 0 : contacts.identity) === null || _j === void 0 ? void 0 : _j.type)),
+                                React.createElement(Row, null,
+                                    React.createElement(Col, null, (_k = contacts === null || contacts === void 0 ? void 0 : contacts.identity) === null || _k === void 0 ? void 0 : _k.number)),
+                                React.createElement(Row, null,
+                                    React.createElement(Col, null,
+                                        "Expiry:",
+                                        ((_l = contacts === null || contacts === void 0 ? void 0 : contacts.identity) === null || _l === void 0 ? void 0 : _l.expiryDate) &&
+                                            moment(contacts.identity.expiryDate).format("YYYY-MM-DD"))))),
+                            editable && (React.createElement(Row, { justify: "end" },
+                                React.createElement(Button, { onClick: () => setEditable(false) }, "Cancel"),
+                                React.createElement(Button, { type: "primary", style: { marginLeft: "1rem" }, onClick: onSave }, "Save"))))))),
+                props.officerLength > 1 && React.createElement(Divider, { className: "halvingline" }))));
+    });
+    async function onChangePosition(position) {
+        var _a, _b, _c, _d, _e, _f;
+        officer.positions = position;
+        if (props.editOption === "NewOfficerAppointments") {
+            const officers = (_c = clone((_b = (_a = incorporation.content) === null || _a === void 0 ? void 0 : _a.newOfficerAppointments) === null || _b === void 0 ? void 0 : _b.officers)) !== null && _c !== void 0 ? _c : [];
+            const number = officers.findIndex((i) => i.officerId === props.officer.officerId);
+            officers[number] = officer;
+            await store.edit(formId, {
+                data: { NewOfficerAppointments: { Officers: changeName(officers) } },
+                error: "message",
+            });
+        }
+        if (props.editOption === "RemoveOfficerDetails") {
+            const removeOfficers = (_f = clone((_e = (_d = incorporation.content) === null || _d === void 0 ? void 0 : _d.removeOfficerDetails) === null || _e === void 0 ? void 0 : _e.officers)) !== null && _f !== void 0 ? _f : [];
+            const number = removeOfficers.findIndex((i) => i.officerId === props.officer.officerId);
+            removeOfficers[number] = officer;
+            await store.edit(formId, {
+                data: { RemoveOfficerDetails: { Officers: changeName(removeOfficers) } },
+                error: "message",
+            });
+        }
+    }
+    async function onSave() {
+        var _a, _b;
+        const officerContacts = (_b = clone((_a = incorporation.content) === null || _a === void 0 ? void 0 : _a.contacts)) !== null && _b !== void 0 ? _b : [];
+        const number = officerContacts.findIndex((i) => i.id === props.officer.officerId);
+        officerContacts[number] = contacts;
+        await store.edit(formId, {
+            data: { Contacts: changeName(officerContacts) },
+            error: "message",
+        });
+        setEditable(false);
+    }
+};
+export default CompanyGeneralOfficerInfo;
+//# sourceMappingURL=index.js.map

package/es/modules/self-registration/clda-form/incorporation/company-general/components/CompanyGeneralOfficerInfo/index.js.map

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

package/es/modules/self-registration/clda-form/incorporation/company-general/components/CompanyGeneralOfficerInfo/index.less

@@ -0,0 +1,131 @@
+@import "~@voplus/morpho-theme/styles/index.less";
+
+.company-general-officer-info {
+	:global {
+		.company-general-officer-title {
+			display: flex;
+			align-items: center;
+
+			.company-general-officer-title-info {
+				flex: 1;
+
+				.ant-input-affix-wrapper {
+					border-radius: @border-radius;
+				}
+			}
+
+			.company-general-officer-name {
+				color: rgba(0, 0, 0, 0.85);
+				font-weight: bold;
+				font-size: 16px;
+			}
+
+			.action-button {
+				font-size: 14px;
+
+				> span {
+					margin-left: 6px;
+					cursor: pointer;
+				}
+
+				.delete-icon {
+					&:hover {
+						color: @delete-color;
+					}
+				}
+
+				.edit-icon {
+					&:hover {
+						color: @primary-color;
+					}
+				}
+			}
+		}
+
+		.new-officer-position {
+			padding-top: 25px;
+			padding-right: 3em;
+		}
+
+		.placeholder {
+			color: #00000040;
+		}
+
+		.halvingline {
+			margin-bottom: 40px;
+		}
+
+		.basic-info {
+			display: flex;
+			line-height: 0;
+			margin-top: 10px;
+
+			.ant-input-affix-wrapper {
+				flex: 1;
+				border-radius: 8px;
+				margin-right: 3em;
+			}
+
+			.ant-input-affix-wrapper-disabled {
+				color: rgba(0, 0, 0, 0.85);
+				cursor: auto;
+				padding: 4px 0;
+
+				.ant-input[disabled] {
+					color: rgba(0, 0, 0, 0.85);
+					cursor: auto;
+				}
+			}
+
+			.basic-val {
+				font-size: 14px;
+				font-weight: 400;
+				color: rgba(0, 0, 0, 0.45);
+				margin-right: 15px;
+
+				.svg-inline--fa {
+					margin-right: 5px;
+				}
+			}
+		}
+
+		.company-general-officer-info-content {
+			display: flex;
+			flex-direction: column;
+
+			> div:nth-child(2) {
+				margin-bottom: 10px;
+			}
+
+			.company-general-officer-info-item {
+				flex: 1;
+				position: relative;
+				padding-right: 3em;
+
+				.buttons {
+					position: absolute;
+					right: 30px;
+					top: 0;
+				}
+
+				.company-general-officer-item-name {
+					padding-bottom: 16px;
+					font-size: 16px;
+					font-weight: bold;
+
+					svg {
+						margin-right: 5px;
+					}
+				}
+
+				.morpho-inline-edit {
+					width: 80%;
+				}
+			}
+		}
+
+		.ant-alert-warning {
+			margin-top: 10px;
+		}
+	}
+}

package/es/modules/self-registration/clda-form/incorporation/company-general/components/TransferItem/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { IFormPeopleOptions, ITransfer } from "../../../../../../../data/clda-form";
+declare const TransferItem: (props: {
+    transfer: ITransfer;
+    contact: IFormPeopleOptions;
+    contacts: IFormPeopleOptions[];
+    transferLength?: number | undefined;
+    onReload?: (() => void) | undefined;
+    onSave?: ((transfer: ITransfer, contact?: IFormPeopleOptions) => void) | undefined;
+    onDeleteClick?: (() => void) | undefined;
+}) => JSX.Element;
+export default TransferItem;

package/es/modules/self-registration/clda-form/incorporation/company-general/components/TransferItem/index.js

@@ -0,0 +1,96 @@
+import React, { useState } from "react";
+import { Button, Col, Divider, Form, Row, Input, Select, InputNumber } from "antd";
+import { UserOutlined } from "@ant-design/icons";
+import { observe } from "@voplus/morpho-ui";
+import { faAddressCard, faEnvelope, faMapMarkerAlt, faPhone, faTrashAlt, faPenToSquare, } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { ColumnItem, ColumnItemCol } from "@voplus/morpho-ui/es/controls/ColumnItem";
+import { useIncorporationFormContext } from "../../../context";
+import IdentityChange from "../../../../../../corporate/company/identity/components/IdentityChange";
+import Address from "@voplus/morpho-org/es/components/Address";
+import moment from "moment";
+import styles from "./index.less";
+const TransferItem = (props) => {
+    const { transfer, contact, contacts } = props;
+    const [editable, setEditable] = useState(false);
+    const context = useIncorporationFormContext();
+    const transferor = contacts === null || contacts === void 0 ? void 0 : contacts.filter((c) => c.id === transfer.transforId)[0];
+    const existingContacts = contacts === null || contacts === void 0 ? void 0 : contacts.filter((c) => c.idType === "ExistingContactId");
+    return observe(() => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        return (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: styles["company-general-transfer-info"] },
+                React.createElement("div", { className: "company-general-transfer-header" },
+                    React.createElement("div", { className: "company-general-transfer-title" }, "Transferor"),
+                    (context ? context.editable : true) && (React.createElement("div", { className: "action-button" },
+                        React.createElement("span", { className: "edit-icon", onClick: () => setEditable(!editable) },
+                            React.createElement(FontAwesomeIcon, { icon: faPenToSquare })),
+                        React.createElement("span", { className: "delete-icon", onClick: props.onDeleteClick },
+                            React.createElement(FontAwesomeIcon, { icon: faTrashAlt }))))),
+                React.createElement("div", { className: "company-general-transferor-content" },
+                    React.createElement(ColumnItem, null,
+                        React.createElement(ColumnItemCol, { span: 8, title: "Transferor" }, editable ? (React.createElement(Select, { showSearch: true, style: { width: "100%" }, defaultValue: transferor.name, placeholder: "Select a contact", optionFilterProp: "children", onChange: (transforId) => (transfer.transforId = transforId), popupClassName: "add-transfer-select-contact", filterOption: (input, option) => (option === null || option === void 0 ? void 0 : option.children.toLowerCase().indexOf(input.toLowerCase())) >= 0 }, existingContacts === null || existingContacts === void 0 ? void 0 : existingContacts.map((item) => (React.createElement(Select.Option, { key: item.id, value: item.id }, item.name))))) : (React.createElement("span", null, transferor.name))),
+                        React.createElement(ColumnItemCol, { span: 8, title: "Class" }, editable ? (React.createElement(Select, { placeholder: "Select Share Class", style: { width: "100%" }, value: transfer.shareClass, optionFilterProp: "children", onChange: (value) => (transfer.shareClass = value), filterOption: (input, option) => { var _a; return ((_a = option === null || option === void 0 ? void 0 : option.label) !== null && _a !== void 0 ? _a : "").toLowerCase().includes(input.toLowerCase()); }, options: [
+                                {
+                                    value: "Ordinary",
+                                    label: "Ordinary",
+                                },
+                                {
+                                    value: "Preference",
+                                    label: "Preference",
+                                },
+                            ] })) : (React.createElement("span", null, transfer.shareClass))),
+                        React.createElement(ColumnItemCol, { span: 4, title: "Shares" }, editable ? (React.createElement(InputNumber, { placeholder: "please input Share", value: transfer.shares, style: { width: "100%" }, onChange: (value) => (transfer.shares = value) })) : (React.createElement("span", null, transfer.shares))),
+                        React.createElement(ColumnItemCol, { span: 4, title: "Considersion" }, editable ? (React.createElement(InputNumber, { placeholder: "please input Considersion", style: { width: "100%" }, value: transfer.consideration, onChange: (value) => (transfer.consideration = value) })) : (React.createElement("span", null, transfer.consideration))))),
+                React.createElement("div", { className: "company-general-transfer-title" }, "Transferee"),
+                contact.idType === "NewId" ? (React.createElement(React.Fragment, null,
+                    React.createElement("div", { className: "company-general-transferee" }, editable ? (React.createElement(Input, { prefix: React.createElement(UserOutlined, null), defaultValue: contact === null || contact === void 0 ? void 0 : contact.name, value: contact === null || contact === void 0 ? void 0 : contact.name, onChange: (e) => (contact.name = e.target.value) })) : (React.createElement("span", { className: "company-general-transferee-name" }, contact === null || contact === void 0 ? void 0 : contact.name))),
+                    React.createElement("div", { className: "basic-info" },
+                        React.createElement(Input, { disabled: !editable, bordered: editable, value: contact === null || contact === void 0 ? void 0 : contact.email, placeholder: "Please enter the email", prefix: React.createElement(FontAwesomeIcon, { icon: faEnvelope }), onChange: (e) => (contact.email = e.target.value) }),
+                        React.createElement(Input, { disabled: !editable, bordered: editable, value: contact === null || contact === void 0 ? void 0 : contact.phone, placeholder: "Please enter the phone", prefix: React.createElement(FontAwesomeIcon, { icon: faPhone }), onChange: (e) => (contact.phone = e.target.value) })),
+                    React.createElement("div", { className: "company-general-transfer-info-content" },
+                        React.createElement("div", { className: "company-general-transfer-info-item" },
+                            React.createElement("div", { className: "company-general-transfer-item-name" },
+                                React.createElement(FontAwesomeIcon, { icon: faMapMarkerAlt }),
+                                "Address:"),
+                            editable ? (React.createElement(Form, { layout: "horizontal" },
+                                React.createElement(Address, { value: contact.address, required: ["line1", "city", "postalCode", "country"], onChange: (v) => (contact.address = v) }))) : (React.createElement(React.Fragment, null,
+                                React.createElement(Row, null,
+                                    React.createElement(Col, null, (_a = contact === null || contact === void 0 ? void 0 : contact.address) === null || _a === void 0 ? void 0 : _a.line1)),
+                                React.createElement(Row, null,
+                                    React.createElement(Col, null, (_b = contact === null || contact === void 0 ? void 0 : contact.address) === null || _b === void 0 ? void 0 : _b.line2)),
+                                React.createElement(Row, null,
+                                    React.createElement(Col, null, `${((_c = contact === null || contact === void 0 ? void 0 : contact.address) === null || _c === void 0 ? void 0 : _c.city) ? (_d = contact.address) === null || _d === void 0 ? void 0 : _d.city : ""} ${(_e = contact === null || contact === void 0 ? void 0 : contact.address) === null || _e === void 0 ? void 0 : _e.state} ${(_f = contact === null || contact === void 0 ? void 0 : contact.address) === null || _f === void 0 ? void 0 : _f.country} ${(_g = contact === null || contact === void 0 ? void 0 : contact.address) === null || _g === void 0 ? void 0 : _g.postalCode}`.trim()))))),
+                        React.createElement("div", { className: "company-general-transfer-info-item" },
+                            React.createElement("div", { className: "company-general-transfer-item-name" },
+                                React.createElement(FontAwesomeIcon, { icon: faAddressCard }),
+                                "Identify Info:"),
+                            editable ? (React.createElement(IdentityChange, { value: contact === null || contact === void 0 ? void 0 : contact.identity, onChange: (v) => (contact.identity = v) })) : (React.createElement(React.Fragment, null,
+                                React.createElement(Row, null,
+                                    React.createElement(Col, null, (_h = contact === null || contact === void 0 ? void 0 : contact.identity) === null || _h === void 0 ? void 0 : _h.country)),
+                                React.createElement(Row, null,
+                                    React.createElement(Col, null, (_j = contact === null || contact === void 0 ? void 0 : contact.identity) === null || _j === void 0 ? void 0 : _j.type)),
+                                React.createElement(Row, null,
+                                    React.createElement(Col, null, (_k = contact === null || contact === void 0 ? void 0 : contact.identity) === null || _k === void 0 ? void 0 : _k.number)),
+                                React.createElement(Row, null,
+                                    React.createElement(Col, null,
+                                        "Expiry:",
+                                        ((_l = contact === null || contact === void 0 ? void 0 : contact.identity) === null || _l === void 0 ? void 0 : _l.expiryDate) &&
+                                            moment(contact.identity.expiryDate).format("YYYY-MM-DD"))))))))) : (React.createElement("div", { className: "company-general-transferee" }, editable ? (React.createElement(Select, { showSearch: true, style: { width: "100%", marginBottom: "20px" }, defaultValue: contact === null || contact === void 0 ? void 0 : contact.name, placeholder: "Select a contact", optionFilterProp: "children", onChange: (transferee) => (transfer.transfeeId = transferee), filterOption: (input, option) => (option === null || option === void 0 ? void 0 : option.children.toLowerCase().indexOf(input.toLowerCase())) >= 0 }, contacts === null || contacts === void 0 ? void 0 : contacts.map((item) => (React.createElement(Select.Option, { key: item.id, value: item.id }, item.name))))) : (React.createElement("span", { className: "company-general-transferee-name" }, contact === null || contact === void 0 ? void 0 : contact.name)))),
+                editable && (React.createElement(Row, { justify: "end" },
+                    React.createElement(Button, { onClick: () => {
+                            var _a;
+                            setEditable(false);
+                            (_a = props.onReload) === null || _a === void 0 ? void 0 : _a.call(props);
+                        } }, "Cancel"),
+                    React.createElement(Button, { type: "primary", style: { marginLeft: "1rem" }, onClick: onSave }, "Save"))),
+                props.transferLength > 1 && React.createElement(Divider, { className: "halvingline" }))));
+    });
+    async function onSave() {
+        var _a;
+        setEditable(false);
+        (_a = props.onSave) === null || _a === void 0 ? void 0 : _a.call(props, transfer, contact);
+    }
+};
+export default TransferItem;
+//# sourceMappingURL=index.js.map

package/es/modules/self-registration/clda-form/incorporation/company-general/components/TransferItem/index.js.map

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

package/es/modules/self-registration/clda-form/incorporation/company-general/components/TransferItem/index.less

@@ -0,0 +1,143 @@
+@import "~@voplus/morpho-theme/styles/index.less";
+
+.company-general-transfer-info {
+	:global {
+		.company-general-transfer-header {
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+
+			.action-button {
+				font-size: 14px;
+
+				>span {
+					margin-left: 6px;
+					cursor: pointer;
+				}
+
+				.delete-icon {
+					&:hover {
+						color: @delete-color;
+					}
+				}
+
+				.edit-icon {
+					&:hover {
+						color: @primary-color;
+					}
+				}
+			}
+		}
+
+		.company-general-transfer-title {
+			color: rgba(0, 0, 0, 0.85);
+			font-weight: bold;
+			font-size: 16px;
+		}
+
+		.company-general-transferor-content {
+			margin-bottom: 20px;
+
+			.custom-column-item___yTecf {
+				border-bottom: none;
+			}
+
+			.column-item-content {
+				&>div:nth-child(2) {
+					width: 100%;
+					padding-right: 20px;
+				}
+			}
+		}
+
+		.company-general-transferee {
+			padding-right: 3em;
+
+			.company-general-transferee-name {
+				color: rgba(0, 0, 0, 0.85);
+				font-size: 16px;
+			}
+		}
+
+		.placeholder {
+			color: #00000040;
+		}
+
+		.halvingline {
+			margin-bottom: 40px;
+		}
+
+		.basic-info {
+			display: flex;
+			line-height: 0;
+			margin-top: 10px;
+
+			.ant-input-affix-wrapper {
+				flex: 1;
+				border-radius: 8px;
+				margin-right: 3em;
+			}
+
+			.ant-input-affix-wrapper-disabled {
+				color: rgba(0, 0, 0, 0.85);
+				cursor: auto;
+				padding: 4px 0;
+
+				.ant-input[disabled] {
+					color: rgba(0, 0, 0, 0.85);
+					cursor: auto;
+				}
+			}
+
+			.basic-val {
+				font-size: 14px;
+				font-weight: 400;
+				color: rgba(0, 0, 0, 0.45);
+				margin-right: 15px;
+
+				.svg-inline--fa {
+					margin-right: 5px;
+				}
+			}
+		}
+
+		.company-general-transfer-info-content {
+			display: flex;
+			flex-direction: column;
+
+			>div:nth-child(2) {
+				margin-bottom: 10px;
+			}
+
+			.company-general-transfer-info-item {
+				flex: 1;
+				position: relative;
+				padding-right: 3em;
+
+				.buttons {
+					position: absolute;
+					right: 30px;
+					top: 0;
+				}
+
+				.company-general-transfer-item-name {
+					padding-bottom: 16px;
+					font-size: 16px;
+					font-weight: bold;
+
+					svg {
+						margin-right: 5px;
+					}
+				}
+
+				.morpho-inline-edit {
+					width: 80%;
+				}
+			}
+		}
+
+		.ant-alert-warning {
+			margin-top: 10px;
+		}
+	}
+}

package/es/modules/self-registration/clda-form/incorporation/company-general/components/TransferList/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const TransferList: (props: {
+    /** CLDAForm id */
+    id: string;
+    onReload?: () => void;
+}) => JSX.Element;
+export default TransferList;

package/es/modules/self-registration/clda-form/incorporation/company-general/components/TransferList/index.js

@@ -0,0 +1,60 @@
+import React from "react";
+import { observe } from "@voplus/morpho-ui";
+import { Modal } from "antd";
+import { changeName } from "../../../../../../../data/clda-form/conversion";
+import { clone } from "lodash-es";
+import { useCLDAForm, useCLDAFormStore, } from "../../../../../../../data/clda-form";
+import TransferItem from "../TransferItem";
+const TransferList = (props) => {
+    const store = useCLDAFormStore();
+    const incorporation = useCLDAForm(props.id, { reload: true });
+    return observe(() => {
+        var _a, _b, _c;
+        return (React.createElement("div", null, ((_b = (_a = incorporation.content.transferDetails) === null || _a === void 0 ? void 0 : _a.transfers) === null || _b === void 0 ? void 0 : _b.length)
+            ? (_c = incorporation.content.transferDetails) === null || _c === void 0 ? void 0 : _c.transfers.map((t, i) => {
+                var _a, _b, _c;
+                return (React.createElement(TransferItem, { key: t.key, transfer: t, contact: (_a = incorporation.content.contacts) === null || _a === void 0 ? void 0 : _a.filter((c) => c.id === t.transfeeId)[0], contacts: incorporation.content.contacts, transferLength: (_c = (_b = incorporation.content.transferDetails) === null || _b === void 0 ? void 0 : _b.transfers) === null || _c === void 0 ? void 0 : _c.length, onReload: props.onReload, onSave: onSave, onDeleteClick: () => deleteTransfer(i) }));
+            })
+            : null));
+    });
+    function deleteTransfer(index) {
+        return Modal.confirm({
+            title: "Do you want to delete this item?",
+            async onOk() {
+                var _a;
+                let transfers = clone((_a = incorporation.content.transferDetails) === null || _a === void 0 ? void 0 : _a.transfers);
+                transfers.splice(index, 1);
+                await store.edit(props.id, {
+                    data: { TransferDetails: { Transfers: changeName(transfers) } },
+                    error: "message",
+                });
+            },
+        });
+    }
+    async function onSave(transfer, contact) {
+        var _a, _b, _c, _d;
+        const transfers = (_b = clone((_a = incorporation.content.transferDetails) === null || _a === void 0 ? void 0 : _a.transfers)) !== null && _b !== void 0 ? _b : [];
+        const no = transfers === null || transfers === void 0 ? void 0 : transfers.findIndex((i) => i.key === transfer.key);
+        transfers[no] = transfer;
+        if (contact && contact.idType === "NewId") {
+            const transferContacts = (_d = clone((_c = incorporation.content) === null || _c === void 0 ? void 0 : _c.contacts)) !== null && _d !== void 0 ? _d : [];
+            const index = transferContacts.findIndex((i) => i.id === (contact === null || contact === void 0 ? void 0 : contact.id));
+            transferContacts[index] = contact;
+            await store.edit(props.id, {
+                data: {
+                    Contacts: changeName(transferContacts),
+                    TransferDetails: { Transfers: changeName(transfers) },
+                },
+                error: "message",
+            });
+        }
+        else {
+            await store.edit(props.id, {
+                data: { TransferDetails: { Transfers: changeName(transfers) } },
+                error: "message",
+            });
+        }
+    }
+};
+export default TransferList;
+//# sourceMappingURL=index.js.map

package/es/modules/self-registration/clda-form/incorporation/company-general/components/TransferList/index.js.map

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