@voplus/morpho-csp 4.0.10 → 4.0.12

package/es/modules/self-registration/clda-form/incorporation/share-transfer/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { CLDAFormProps } from "../../../../../data/clda-form";
+declare const ShareTransferForm: (props: CLDAFormProps) => JSX.Element;
+export default ShareTransferForm;

package/es/modules/self-registration/clda-form/incorporation/share-transfer/index.js

@@ -0,0 +1,100 @@
+import React, { useEffect, useState } from "react";
+import { Spin, Form, Button, Space, Radio, Input, DatePicker } from "antd";
+import { useCLDAForm, useCLDAFormStore } from "../../../../../data/clda-form";
+import { IncorporationFormContext, State } from "../context";
+import { ValidationCollections, ValidationCollectionsContext } from "@voplus/morpho-data";
+import { observe, InlineEdit } from "@voplus/morpho-ui";
+import CorporateSelect from "../../../../corporate/components/CorporateSelect";
+import CompanyMemberSelect from "../../../../corporate/company/components/CompanyMemberSelect";
+import NewLegalContactDialog from "../../../../corporate/company/identity/components/NewLegalContactDialog";
+import Section from "../../../controls/Section";
+import classnames from "classnames";
+import styles from "./index.less";
+const ShareTransferForm = (props) => {
+    const [validations] = useState(new ValidationCollections());
+    const [state] = useState(new State());
+    const [loaded, setLoaded] = useState(true);
+    const [selectTransferee, setSelectTransferee] = useState("select");
+    const [showDialog, setShowDialog] = useState(false);
+    const incorporation = useCLDAForm(props.id, { reload: true });
+    const store = useCLDAFormStore();
+    const [showTransfereeEditIcon, setShowTransfereeEditIcon] = useState(true);
+    const [transfereeEditable, setTransfereeEditable] = useState(false);
+    const [companyEditable, setCompanyEditable] = useState(false);
+    const [showCompanyEditIcon, setShowCompanyEditIcon] = useState(true);
+    const [showCountryEditIcon, setShowCountryEditIcon] = useState(true);
+    const [countryEditable, setCountryEditable] = useState(false);
+    const clickEvent = (e) => {
+        if (!e.target.className.toString())
+            return;
+        if (!e.target.className.toString().includes("ant-select")) {
+            setTransfereeEditable(false);
+            setShowTransfereeEditIcon(true);
+            setCompanyEditable(false);
+            setShowCompanyEditIcon(true);
+            setCountryEditable(false);
+            setShowCountryEditIcon(true);
+        }
+    };
+    useEffect(() => {
+        if (transfereeEditable || companyEditable || countryEditable) {
+            window.addEventListener("click", clickEvent, true);
+        }
+        return () => {
+            window.removeEventListener("click", clickEvent, true);
+        };
+    }, [transfereeEditable, companyEditable, countryEditable]);
+    const content = observe(() => (React.createElement("div", { className: classnames("incorporation-form-view", styles["share-transfer-from-review"]) },
+        React.createElement(Spin, { spinning: !incorporation.loaded }, incorporation.loaded && (React.createElement(ValidationCollectionsContext.Provider, { value: validations },
+            React.createElement(Section, { title: "Document Details" },
+                React.createElement(Form, { layout: "horizontal", labelAlign: "left", labelCol: { span: 6 } },
+                    React.createElement(Form.Item, { label: "Company", name: "Company" },
+                        React.createElement(CorporateSelect, null)),
+                    React.createElement(Form.Item, { label: "Document Date", name: "Date" },
+                        React.createElement(DatePicker, { format: "YYYY/MM/DD" })),
+                    React.createElement(Form.Item, { label: "Effective Date", name: "Effective" },
+                        React.createElement(DatePicker, { format: "YYYY/MM/DD" })))),
+            React.createElement(Section, { title: "Share Details" },
+                React.createElement(Form, { layout: "horizontal", labelAlign: "left", labelCol: { span: 6 } },
+                    React.createElement(Form.Item, { label: "Total Shares", name: "SharesTotal" },
+                        React.createElement(Input, null)),
+                    React.createElement(Form.Item, { label: "Total Consideration", name: "ConsiderationTotal" },
+                        React.createElement(Input, null)))),
+            React.createElement(Section, { title: "Transferor Details" },
+                React.createElement(Form, { layout: "horizontal", labelAlign: "left", labelCol: { span: 6 } },
+                    React.createElement(Form.Item, { label: "Officer", name: "TransferorOfficer" },
+                        React.createElement(CompanyMemberSelect, { corporateId: "" })))),
+            React.createElement(Section, { title: "Transferee Details" },
+                React.createElement("div", { className: "new-officer-select" },
+                    React.createElement(Radio.Group, { onChange: onChange, value: selectTransferee },
+                        React.createElement(Radio, { value: "select" }, "Select From Existing"),
+                        React.createElement(Radio, { value: "new" }, "Input New"))),
+                selectTransferee === "select" ? (React.createElement(InlineEdit, { defaultValue: "", showEditIcon: showTransfereeEditIcon, editable: false, onEditIconClick: () => {
+                        setTransfereeEditable(true);
+                        setShowTransfereeEditIcon(false);
+                    }, content: (v) => {
+                        var _a;
+                        return transfereeEditable ? (React.createElement(CompanyMemberSelect, { corporateId: ((_a = incorporation.content.corporate) === null || _a === void 0 ? void 0 : _a.id) || "", onChange: onChangeOfficer })) : (React.createElement("span", { className: "add-info-style" }, "Select Transferee"));
+                    } })) : selectTransferee === "new" ? (React.createElement(Button, { onClick: () => setShowDialog(true) }, "New Transferee Details")) : null,
+                showDialog && React.createElement(NewLegalContactDialog, { visible: true, updateVisible: onSave })),
+            React.createElement("div", { className: "share-transfer-from-btn" },
+                React.createElement(Space, null,
+                    React.createElement(Button, { size: "middle" }, "Download"),
+                    React.createElement(Button, { type: "primary", size: "middle" }, "General E-Sign")))))))));
+    return observe(() => (React.createElement(IncorporationFormContext.Provider, { value: state }, content)));
+    function onReload() {
+        setLoaded(false);
+        setTimeout(() => {
+            setLoaded(true);
+        }, 100);
+    }
+    function onChange(e) {
+        setSelectTransferee(e.target.value);
+    }
+    async function onChangeOfficer(o) { }
+    async function onSave(info) {
+        setShowDialog(false);
+    }
+};
+export default ShareTransferForm;
+//# sourceMappingURL=index.js.map

package/es/modules/self-registration/clda-form/incorporation/share-transfer/index.js.map

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

package/es/modules/self-registration/clda-form/incorporation/share-transfer/index.less

@@ -0,0 +1,177 @@
+@import "~@voplus/morpho-theme/styles/index.less";
+
+.share-transfer-from-review {
+	max-width: 1000px;
+	padding: 20px !important;
+	margin: 0 auto;
+
+	:global {
+		.share-transfer-from-btn {
+			display: flex;
+			justify-content: end;
+			padding-bottom: 20px;
+		}
+
+		.new-officer-select {
+			margin-bottom: 15px;
+		}
+
+		.new-officer-details-list {
+			margin-bottom: 20px;
+
+			.new-officer-details-item {
+				.halvingline {
+					margin-bottom: 40px;
+				}
+
+				.new-officer-title {
+					display: flex;
+					align-items: center;
+
+					.new-officer-title-info {
+						flex: 1;
+
+						.ant-input-affix-wrapper {
+							border-radius: @border-radius;
+						}
+					}
+
+					.new-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;
+				}
+
+				.basic-info {
+					display: flex;
+					line-height: 0;
+					margin-top: 10px;
+
+					.shares-input {
+						flex: 1;
+						display: flex;
+						align-items: center;
+						margin-right: 3em;
+
+						.ant-input-number {
+							width: 100%;
+						}
+
+						.ant-input-number-disabled {
+							color: rgba(0, 0, 0, 0.85);
+							background-color: transparent;
+							cursor: auto;
+						}
+
+						.ant-input-number-prefix {
+							color: #000;
+						}
+
+						.ant-input-number-affix-wrapper {
+							width: 100%;
+							border-radius: @border-radius;
+						}
+
+						.ant-input-number-affix-wrapper-disabled {
+							padding: 0;
+						}
+					}
+
+					.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 !important;
+
+						.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;
+						}
+					}
+				}
+
+				.new-officer-info-content {
+					display: flex;
+					flex-direction: column;
+
+					> div:nth-child(2) {
+						margin-bottom: 10px;
+					}
+
+					.new-officer-info-item {
+						flex: 1;
+						position: relative;
+						padding-right: 3em;
+
+						.buttons {
+							position: absolute;
+							right: 30px;
+							top: 0;
+						}
+
+						.new-officer-item-name {
+							padding-bottom: 16px;
+							font-size: 16px;
+							font-weight: bold;
+
+							svg {
+								margin-right: 5px;
+							}
+						}
+
+						.new-officer-info-address {
+							padding-bottom: 16px;
+						}
+
+						.morpho-inline-edit {
+							width: 80%;
+						}
+					}
+				}
+			}
+		}
+	}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@voplus/morpho-csp",
-	"version": "4.0.10",
+	"version": "4.0.12",
 	"repository": {
 		"type": "git",
 		"url": "https://voplus.visualstudio.com/morpho-csp/_git/morpho-csp"
@@ -15,7 +15,7 @@
 	"author": "VOPLUS",
 	"license": "SEE LICENSE IN LICENSE",
 	"scripts": {
-		"copy-less": "cpx 'src/**/*.less' lib && cpx 'src/**/*.less' es && cpx 'src/**/*.css' es",
+		"copy-less": "cpx src/**/*.less lib && cpx src/**/*.less es && cpx src/**/*.css es",
 		"clean": "del-cli es && jest --clearCache",
 		"clean-hooks": "del-cli .git/hooks",
 		"storybook": "start-storybook -p 9001 -c .storybook -s ./public",