@voplus/morpho-csp 2.0.4 → 2.0.6

package/es/modules/corporate/company/pages/CompanyPage/Dashboard.js

@@ -1,9 +1,8 @@
-import React, { useState } from "react";
-import { Col, Row, Button } from "antd";
+import React, { useLayoutEffect, useRef, useState } from "react";
+import { Col, Row, Button, Tooltip } from "antd";
 import { observe } from "@voplus/morpho-ui";
 import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
 import { faListTimeline } from "@fortawesome/pro-light-svg-icons";
-import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
 import ActivityLog from "@voplus/morpho-org/es/components/ActivityLog/ActivityLog2";
 import CompanyProperties from "../../components/CompanyProperties";
 import RelatedDocument from "@voplus/morpho-document/es/controls/RelatedDocument";
@@ -12,30 +11,37 @@ import OfficerListCard from "../../officer-register/components/OfficerListCard";
 import styles from "./index.less";
 const Dashboard = (props) => {
     const { corporate, membersRegisterId, officersRegisterId } = props;
-    const [asideContext] = useState(AsideContent.createContext());
-    const ActivityLogCard = observe(() => (React.createElement("div", { className: "activity-log-card shadow ring-black ring-opacity-5" },
-        React.createElement(ActivityLog, { id: corporate.id }))));
-    return observe(() => (React.createElement("div", { className: styles["dashboard-content"] },
-        React.createElement("div", { className: "dashboard-content-header lg:flex lg:items-center lg:justify-between w-full" },
-            React.createElement("div", { className: "flex-1 min-w-0" },
-                React.createElement("div", { className: "text-2xl font-bold leading-7 text-gray-900 sm:text-3xl sm:truncate" }, corporate.name)),
-            React.createElement(Button, { icon: React.createElement(FAIcon, { icon: faListTimeline }), onClick: toggleActivity })),
-        React.createElement(AsideContent, { context: asideContext },
-            React.createElement(RelatedDocument, null,
-                React.createElement(Row, { gutter: [16, 0] },
-                    React.createElement(Col, { xs: 0, sm: 0, md: 0, lg: 0, xl: 8 },
-                        React.createElement(CompanyProperties, { id: corporate.id })),
-                    React.createElement(Col, { xs: 0, sm: 0, md: 0, lg: 0, xl: 16 },
-                        officersRegisterId && (React.createElement(OfficerListCard, { officersRegisterId: officersRegisterId, corporateId: corporate.id, style: { height: "400px" } })),
-                        membersRegisterId && (React.createElement(CompanyMemberListCard, { membersRegisterId: membersRegisterId, corporateId: corporate.id, style: { height: "400px" } }))),
-                    React.createElement(Col, { xs: 24, sm: 24, md: 24, lg: 24, xl: 0 },
-                        React.createElement(CompanyProperties, { id: corporate.id }),
-                        officersRegisterId && (React.createElement(OfficerListCard, { officersRegisterId: officersRegisterId, corporateId: corporate.id, style: { height: "400px" } })),
-                        membersRegisterId && (React.createElement(CompanyMemberListCard, { membersRegisterId: membersRegisterId, corporateId: corporate.id, style: { height: "400px" } })))))))));
+    const ref = useRef(null);
+    const [visible, setVisible] = useState(true);
+    const [activitiesHeight, setActivitiesHeight] = useState();
+    useLayoutEffect(() => {
+        var _a;
+        setActivitiesHeight((_a = ref.current) === null || _a === void 0 ? void 0 : _a.offsetHeight);
+    });
+    return observe(() => (React.createElement("div", { className: styles["dashboard-content"], ref: ref },
+        React.createElement(RelatedDocument, null,
+            React.createElement("div", { className: "dashboard-content-header flex items-center justify-between w-full" },
+                React.createElement("div", { className: "flex-1 min-w-0" },
+                    React.createElement("div", { className: "text-2xl font-bold leading-7 text-gray-900 sm:text-3xl sm:truncate" }, corporate.name)),
+                React.createElement(Tooltip, { title: "Toggle Activity Log" },
+                    React.createElement(Button, { icon: React.createElement(FAIcon, { icon: faListTimeline }), onClick: toggleActivity }))),
+            React.createElement(Row, { gutter: [16, 0] },
+                React.createElement(Col, { xs: 0, sm: 0, md: 0, lg: 0, xl: 8 },
+                    React.createElement(CompanyProperties, { id: corporate.id })),
+                React.createElement(Col, { xs: 0, sm: 0, md: 0, lg: 0, xl: visible ? 10 : 16 },
+                    officersRegisterId && (React.createElement(OfficerListCard, { officersRegisterId: officersRegisterId, corporateId: corporate.id, style: { height: "400px" } })),
+                    membersRegisterId && (React.createElement(CompanyMemberListCard, { membersRegisterId: membersRegisterId, corporateId: corporate.id, style: { height: "400px" } }))),
+                React.createElement(Col, { xs: 0, sm: 0, md: 0, lg: 0, xl: visible ? 6 : 0 },
+                    React.createElement("div", { className: "activity-log-card shadow ring-black ring-opacity-5", style: { height: `${activitiesHeight - 120}px` } },
+                        React.createElement(ActivityLog, { id: corporate.id }))),
+                React.createElement(Col, { xs: 24, sm: 24, md: 24, lg: 24, xl: 0 },
+                    React.createElement(CompanyProperties, { id: corporate.id }),
+                    officersRegisterId && (React.createElement(OfficerListCard, { officersRegisterId: officersRegisterId, corporateId: corporate.id, style: { height: "400px" } })),
+                    membersRegisterId && (React.createElement(CompanyMemberListCard, { membersRegisterId: membersRegisterId, corporateId: corporate.id, style: { height: "400px" } })),
+                    visible && (React.createElement("div", { className: "activity-log-card shadow ring-black ring-opacity-5", style: { height: `${activitiesHeight - 120}px` } },
+                        React.createElement(ActivityLog, { id: corporate.id })))))))));
     function toggleActivity() {
-        asideContext.asideContent
-            ? asideContext.closeAside()
-            : asideContext.openAside(ActivityLogCard, { span: 8 });
+        setVisible(!visible);
     }
 };
 export default Dashboard;

package/es/modules/corporate/company/pages/CompanyPage/Dashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dashboard.js","sourceRoot":"","sources":["../../../../../../src/modules/corporate/company/pages/CompanyPage/Dashboard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Dashboard.js","sourceRoot":"","sources":["../../../../../../src/modules/corporate/company/pages/CompanyPage/Dashboard.tsx"],"names":[],"mappings":"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"}

package/es/modules/corporate/company/pages/CompanyPage/index.less

@@ -56,29 +56,19 @@
 
 	:global {
 		.dashboard-content-header {
-			padding: 2em 20px 1em 20px;
+			padding: 2em 0px 1em 0px;
 		}
 
-		.asideContent___WPUKh {
-			height: calc(100% - 78px);
-
-			&>aside {
-				border: none;
-				box-shadow: none;
-				background: #f5f9fc;
-			}
-
-			.activity-log-card {
-				height: calc(100% - 1.25rem);
-				margin-top: 1.25rem;
-				overflow: hidden;
-				border-radius: 0.5rem;
-				border: 1px solid rgb(229 231 235);
-			}
+		.activity-log-card {
+			// height: calc(100% - 1.25rem);
+			margin-top: 1.25rem;
+			overflow: hidden;
+			border-radius: 0.5rem;
+			border: 1px solid rgb(229 231 235);
+		}
 
-			.activity-log-view {
-				background: #fff;
-			}
+		.activity-log-view {
+			background: #fff;
 		}
 	}
 }

package/es/modules/corporate/company/share-transactions-register/components/CertCancelCreateDialog/Step1.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { IShareCertificate } from "../../../../../../data/share-certificate";
+import { ICancelledCertificate } from "./Step2";
+export declare type Step1Props = {
+    transactionId: string;
+    shareholderId?: string;
+    lineId: string;
+    lineClass?: string;
+    onCancel?: () => void;
+    onNext?: (res: ICancelledCertificate, selectedCertIds: string[]) => void;
+    /** Call back when an item has been clicked on the list. */
+    onClickItem?: (item: IShareCertificate) => void;
+};
+declare const Step1: (props: Step1Props) => JSX.Element;
+export default Step1;

package/es/modules/corporate/company/share-transactions-register/components/CertCancelCreateDialog/Step1.js

@@ -0,0 +1,92 @@
+import React, { useMemo, useState } from "react";
+import { Checkbox, Empty, Space, Button, message } from "antd";
+import { useShareCertificateListEffect, } from "../../../../../../data/share-certificate";
+import { useShareTransactionStore } from "../../../../../../data/share-transaction";
+import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
+import { useAutoUpdateListData } from "@voplus/morpho-document-core";
+import { observe } from "@voplus/morpho-ui";
+import { State } from "./state";
+import { useRenderOnChange } from "@voplus/morpho-ui";
+import { ViewContext, ViewContextData, } from "@voplus/morpho-document-core/es/data/context/ViewContext";
+import ShareCertificateItem from "../../../../share-certificate/components/ShareCertificateItem";
+import Scrollbars from "react-custom-scrollbars";
+import styles from "./index.less";
+const Step1 = (props) => {
+    const { transactionId, shareholderId, lineId, lineClass } = props;
+    const [state] = useState(new State());
+    const [total, setTotal] = useState(0);
+    const store = useShareTransactionStore();
+    const view = useMemo(() => new ViewContextData("PropertiesView"), []);
+    const list = useCreateListDataState({
+        filterDefaults: {
+            includes: "tags,versions",
+            filters: filters(),
+        },
+    }, [lineClass]);
+    /** useOnNewDocument, useOnDeleteDocument的sugar syntax 自動更新list. */
+    useAutoUpdateListData(list, (d) => d.type === "ShareCertificate");
+    useRenderOnChange(() => list.filters.options);
+    /** 把ListDataState传给useShareCertificateListEffect,使之可以自動更新loading, hasmore. */
+    useShareCertificateListEffect(list, (result, total) => {
+        list.union(result);
+    }, {
+        Total: true,
+        ...list.filters.options,
+    });
+    return observe(() => (React.createElement(ListDataContext.Provider, { value: list },
+        React.createElement(ViewContext.Provider, { value: view },
+            React.createElement("div", { className: styles["step1-content"] },
+                React.createElement("div", { className: "share-cert-list-data" },
+                    React.createElement(Scrollbars, null, list.data.length ? (list.data.map((cert) => (React.createElement("div", { className: "share-cert-item", key: cert.id },
+                        React.createElement(Checkbox, { value: cert, onChange: onChange }),
+                        React.createElement(ShareCertificateItem, { id: cert.id, toolBarVisible: false }))))) : (React.createElement(Empty, null)))),
+                React.createElement("div", { className: "step1-footer" },
+                    React.createElement("div", { className: "step1-amount" },
+                        React.createElement("span", { className: "step1-amount-title" }, "Balance"),
+                        React.createElement("span", { className: "step1-amount-total" }, total)),
+                    React.createElement("div", { className: "step1-btn" },
+                        React.createElement(Space, null,
+                            React.createElement(Button, { onClick: props.onCancel }, "Cancel"),
+                            React.createElement(Button, { type: "primary", onClick: onSubmit }, "Next")))))))));
+    function filters() {
+        const filter = [{ c: "CertificateStatus", o: "=", l: "And", v1: "Issued" }];
+        if (lineClass)
+            filter.push({ c: "Class", o: "=", l: "And", v1: lineClass });
+        if (shareholderId)
+            filter.push({ c: "ShareholderId", o: "=", l: "And", v1: shareholderId });
+        return filter;
+    }
+    function onChange(e) {
+        var _a, _b;
+        const certId = (_a = e.target.value) === null || _a === void 0 ? void 0 : _a.id;
+        const certShares = (_b = e.target.value) === null || _b === void 0 ? void 0 : _b.shares;
+        const isExit = state.selectedCertIds.includes(certId);
+        if (isExit) {
+            state.selectedCertIds = state.selectedCertIds.filter((i) => i !== certId);
+            state.selectedCerts = state.selectedCerts.filter((c) => c.id !== certId);
+        }
+        else {
+            state.selectedCertIds.push(certId);
+            state.selectedCerts.push({ id: certId, shares: certShares });
+        }
+        sum();
+    }
+    function sum() {
+        let selectedCertShares = state.selectedCerts.map((s) => s.shares);
+        setTotal(eval(selectedCertShares.join("+")) || 0);
+    }
+    async function onSubmit() {
+        if (!state.selectedCertIds.length) {
+            message.error("can not be empty");
+        }
+        else {
+            await store
+                .cancelCreateSummary(transactionId, lineId, {
+                data: { SelectedCertIds: state.selectedCertIds },
+            })
+                .then((res) => props.onNext && props.onNext(res, state.selectedCertIds));
+        }
+    }
+};
+export default Step1;
+//# sourceMappingURL=Step1.js.map

package/es/modules/corporate/company/share-transactions-register/components/CertCancelCreateDialog/Step1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Step1.js","sourceRoot":"","sources":["../../../../../../../src/modules/corporate/company/share-transactions-register/components/CertCancelCreateDialog/Step1.tsx"],"names":[],"mappings":"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"}

package/es/modules/corporate/company/share-transactions-register/components/CertCancelCreateDialog/Step2.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+export interface ICancelledCertificate {
+    cancel: {
+        certificates: {
+            id: string;
+            name: string;
+        }[];
+        class: string;
+        shares: number;
+    };
+    required: {
+        shares: number;
+        class: string;
+    };
+    create?: {
+        shares: number;
+        class: string;
+    };
+}
+declare const Step2: (props: {
+    transactionId: string;
+    lineId: string;
+    data: ICancelledCertificate;
+    selectedCertIds: string[];
+    onCancel?: () => void;
+}) => JSX.Element;
+export default Step2;

package/es/modules/corporate/company/share-transactions-register/components/CertCancelCreateDialog/Step2.js

@@ -0,0 +1,51 @@
+import React from "react";
+import { observe } from "@voplus/morpho-ui";
+import { Space, Button, Col, Row, Divider, Alert } from "antd";
+import { useShareTransactionStore } from "../../../../../../data/share-transaction";
+import ReferenceList from "@voplus/morpho-document/es/controls/ReferenceList";
+import styles from "./index.less";
+const Step2 = (props) => {
+    const { transactionId, lineId, data } = props;
+    const store = useShareTransactionStore();
+    return observe(() => {
+        var _a, _b, _c, _d, _e, _f, _g;
+        return (React.createElement("div", { className: styles["step2-content"] },
+            React.createElement(Alert, { className: "step2-content-alter-message", message: "Attention: Please review the summary before confirming. Share certificate(s) will be cancelled/created immediately upon confirmation.", type: "warning" }),
+            React.createElement(Row, { align: "bottom" },
+                React.createElement(Col, { span: 18, className: "step2-content-title" }, "Required"),
+                React.createElement(Col, { span: 6, className: "step2-content-shares" }, (_a = data === null || data === void 0 ? void 0 : data.required) === null || _a === void 0 ? void 0 : _a.shares)),
+            React.createElement(Row, { align: "bottom" },
+                React.createElement(Col, { span: 6, offset: 18, className: "step2-content-class" }, (_b = data === null || data === void 0 ? void 0 : data.required) === null || _b === void 0 ? void 0 : _b.class)),
+            React.createElement(Divider, null),
+            React.createElement(Row, { align: "bottom" },
+                React.createElement(Col, { span: 18, className: "step2-content-title" }, "Cancel Certificates"),
+                React.createElement(Col, { span: 6, className: "step2-content-shares" }, (_c = data === null || data === void 0 ? void 0 : data.cancel) === null || _c === void 0 ? void 0 : _c.shares)),
+            React.createElement(Row, null,
+                React.createElement(Col, { span: 18 },
+                    React.createElement(ReferenceList, { canEdit: false, document: (_d = data === null || data === void 0 ? void 0 : data.cancel) === null || _d === void 0 ? void 0 : _d.certificates })),
+                React.createElement(Col, { span: 6, className: "step2-content-class" }, (_e = data === null || data === void 0 ? void 0 : data.cancel) === null || _e === void 0 ? void 0 : _e.class)),
+            (data === null || data === void 0 ? void 0 : data.create) && (React.createElement(React.Fragment, null,
+                React.createElement(Divider, null),
+                React.createElement(Row, { align: "bottom" },
+                    React.createElement(Col, { span: 18, className: "step2-content-title" }, "Create Certificate"),
+                    React.createElement(Col, { span: 6, className: "step2-content-shares" }, (_f = data === null || data === void 0 ? void 0 : data.create) === null || _f === void 0 ? void 0 : _f.shares)),
+                React.createElement(Row, null,
+                    React.createElement(Col, { span: 6, offset: 18, className: "step2-content-class" }, (_g = data === null || data === void 0 ? void 0 : data.create) === null || _g === void 0 ? void 0 : _g.class)))),
+            React.createElement("div", { className: "step2-footer" },
+                React.createElement("div", { className: "step2-btn" },
+                    React.createElement(Space, null,
+                        React.createElement(Button, { onClick: props.onCancel }, "Cancel"),
+                        React.createElement(Button, { type: "primary", onClick: () => {
+                                store
+                                    .cancelCreateConfirm(transactionId, lineId, {
+                                    data: { SelectedCertIds: props.selectedCertIds },
+                                })
+                                    .then(() => {
+                                    if (props.onCancel)
+                                        props.onCancel();
+                                });
+                            } }, "Confirm"))))));
+    });
+};
+export default Step2;
+//# sourceMappingURL=Step2.js.map

package/es/modules/corporate/company/share-transactions-register/components/CertCancelCreateDialog/Step2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Step2.js","sourceRoot":"","sources":["../../../../../../../src/modules/corporate/company/share-transactions-register/components/CertCancelCreateDialog/Step2.tsx"],"names":[],"mappings":"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"}

package/es/modules/corporate/company/share-transactions-register/components/CertCancelCreateDialog/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare const CertCancelCreateDialog: (props: {
+    transactionId: string;
+    shareholderId?: string;
+    lineId: string;
+    lineClass: string;
+    onCancel?: () => void;
+}) => JSX.Element;
+export default CertCancelCreateDialog;

package/es/modules/corporate/company/share-transactions-register/components/CertCancelCreateDialog/index.js

@@ -0,0 +1,19 @@
+import React, { useState } from "react";
+import { observe } from "@voplus/morpho-ui";
+import { Modal } from "antd";
+import { State } from "./state";
+import Step1 from "./Step1";
+import Step2 from "./Step2";
+import styles from "./index.less";
+const CertCancelCreateDialog = (props) => {
+    const [step, setStep] = useState(1);
+    const [data, setData] = useState();
+    const [state] = useState(new State());
+    return observe(() => (React.createElement(Modal, { open: true, closable: false, footer: false, className: styles["cert-cancel-create-dialog"], title: step === 1 ? "Select Certs to Cancel" : "Confirm Operation Summary" }, step === 1 ? (React.createElement(Step1, { transactionId: props.transactionId, shareholderId: props.shareholderId, lineId: props.lineId, lineClass: props.lineClass, onCancel: props.onCancel, onNext: (res, selectedCertIds) => {
+            setData(res);
+            state.selectedCertIds = selectedCertIds;
+            setStep(2);
+        } })) : (React.createElement(Step2, { transactionId: props.transactionId, lineId: props.lineId, data: data, selectedCertIds: state.selectedCertIds, onCancel: props.onCancel })))));
+};
+export default CertCancelCreateDialog;
+//# sourceMappingURL=index.js.map

package/es/modules/corporate/company/share-transactions-register/components/CertCancelCreateDialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/modules/corporate/company/share-transactions-register/components/CertCancelCreateDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,KAAgC,MAAM,SAAS,CAAC;AACvD,OAAO,MAAM,MAAM,cAAc,CAAC;AAElC,MAAM,sBAAsB,GAAG,CAAC,KAM/B,EAAE,EAAE;IACJ,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAQ,CAAC,CAAC,CAAC;IAC3C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,EAAyB,CAAC;IAE1D,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IAEtC,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,KAAK,IACL,IAAI,QACJ,QAAQ,EAAE,KAAK,EACf,MAAM,EAAE,KAAK,EACb,SAAS,EAAE,MAAM,CAAC,2BAA2B,CAAC,EAC9C,KAAK,EAAE,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,2BAA2B,IAEzE,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,CACb,oBAAC,KAAK,IACL,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,CAAC,GAA0B,EAAE,eAAyB,EAAE,EAAE;YACjE,OAAO,CAAC,GAAG,CAAC,CAAC;YACb,KAAK,CAAC,eAAe,GAAG,eAAe,CAAC;YACxC,OAAO,CAAC,CAAC,CAAC,CAAC;QACZ,CAAC,GACA,CACF,CAAC,CAAC,CAAC,CACH,oBAAC,KAAK,IACL,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,IAAI,EAAE,IAAK,EACX,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,QAAQ,EAAE,KAAK,CAAC,QAAQ,GACvB,CACF,CACM,CACR,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/es/modules/corporate/company/share-transactions-register/components/CertCancelCreateDialog/index.less

@@ -0,0 +1,88 @@
+@import "~@voplus/morpho-theme/styles/index.less";
+
+.cert-cancel-create-dialog {
+	:global {
+		.ant-modal-body {
+			padding: 0px !important;
+		}
+	}
+}
+
+.step1-content {
+	padding: 0px 24px 10px 24px;
+
+	:global {
+		.share-cert-list-data {
+			height: 350px;
+
+			.share-cert-item {
+				display: flex;
+				align-items: center;
+
+				.share-certificate-item___vRC37 {
+					width: 100%;
+				}
+			}
+		}
+
+		.step1-footer {
+			display: flex;
+			align-items: center;
+			height: 50px;
+			padding-top: 10px;
+			justify-content: space-between;
+			border-top: 1px solid #d9d9d9;
+
+			.step1-amount {
+				.step1-amount-title {
+					font-size: 20px;
+					font-weight: bold;
+					color: @heading-subtitle-color;
+					margin-right: 10px;
+				}
+
+				.step1-amount-total {
+					font-size: 20px;
+					font-weight: bold;
+					color: #ff5809;
+				}
+			}
+		}
+	}
+}
+
+.step2-content {
+	padding: 0px 24px 10px 24px;
+
+	:global {
+
+		.step2-content-alter-message{
+			margin: 20px 0;
+		}
+
+		.step2-content-title {
+			font-size: 1.5rem;
+		}
+
+		.step2-content-shares {
+			text-align: end;
+			font-size: 2rem;
+			margin-bottom: -10px;
+		}
+
+		.step2-content-class {
+			opacity: 0.6;
+			text-align: end;
+			font-size: 0.7rem !important;
+		}
+
+		.step2-footer {
+			display: flex;
+			align-items: center;
+			justify-content: end;
+			height: 50px;
+			margin-top: 20px;
+			// border-top: 1px solid #d9d9d9;
+		}
+	}
+}

package/es/modules/corporate/company/share-transactions-register/components/CertCancelCreateDialog/state.d.ts

@@ -0,0 +1,9 @@
+export declare class State {
+    /** */
+    selectedCertIds: string[];
+    selectedCerts: {
+        id: string;
+        shares: number;
+    }[];
+    constructor();
+}

package/es/modules/corporate/company/share-transactions-register/components/CertCancelCreateDialog/state.js

@@ -0,0 +1,27 @@
+import { __decorate } from "tslib";
+import { makeObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        /** */
+        Object.defineProperty(this, "selectedCertIds", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        Object.defineProperty(this, "selectedCerts", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        makeObservable(this);
+    }
+}
+__decorate([
+    observable
+], State.prototype, "selectedCertIds", void 0);
+__decorate([
+    observable
+], State.prototype, "selectedCerts", void 0);
+//# sourceMappingURL=state.js.map

package/es/modules/corporate/company/share-transactions-register/components/CertCancelCreateDialog/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../../../src/modules/corporate/company/share-transactions-register/components/CertCancelCreateDialog/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElD,MAAM,OAAO,KAAK;IAMjB;QALA,MAAM;QACM;;;;mBAAmC,EAAE;WAAC;QAEtC;;;;mBAAyD,EAAE;WAAC;QAGvE,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;CACD;AAPY;IAAX,UAAU;8CAAuC;AAEtC;IAAX,UAAU;4CAA6D"}

package/es/modules/corporate/company/share-transactions-register/components/ShareTransactionItems/TableDragCell.js

@@ -4,6 +4,7 @@ import React, { useRef, useState } from "react";
 import { faBars, faTrashAlt } from "@fortawesome/pro-light-svg-icons";
 import CurrencyView from "../../../../../../components/CurrencyView";
 import DocumentReference from "@voplus/morpho-document/es/controls/DocumentReference";
+import ReferenceList from "@voplus/morpho-document/es/controls/ReferenceList";
 import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
 import ShareholderSelector from "../ShareholderSelector";
 import classnames from "classnames";
@@ -11,38 +12,72 @@ import { isEqual } from "lodash-es";
 import { observe } from "@voplus/morpho-ui";
 import { useFormRowContext } from "../../../../../../components/TableDragRow/FormRowContext";
 import { useTableDataContext } from "./TableDataContext";
+import CertCancelCreateDialog from "../CertCancelCreateDialog";
 const DragTableCell = (props) => {
     const { shareTransaction, verified, confirmed, editable, dataIndex, record, rowIndex, children, onAdd, onDel, ...restProps } = props;
     const formContext = useFormRowContext();
     const dataContext = useTableDataContext();
     const store = useShareTransactionStore();
     const [editing, setEditing] = useState(false);
+    const [certCancelCreate, setCertCancelCreate] = useState({ visible: false, lineId: "", shareholder: "", lineClass: "" });
     /** Open of shareType */
     const [open, setOpen] = useState(false);
     const ref = useRef();
     const required = dataIndex === "certificate" || dataIndex === "currency" ? false : true;
     return observe(() => {
-        var _a, _b;
-        return (React.createElement("td", { ...restProps, ref: ref }, dataIndex === "Dnd" ? (record.added ? (React.createElement(Button, { danger: true, shape: "circle", onClick: () => onDel(record.id) },
-            React.createElement(FAIcon, { icon: faTrashAlt }))) : (formContext.connectDragSource(React.createElement("span", { style: shareTransaction.readonly ? { pointerEvents: "none" } : { cursor: "move" } },
-            React.createElement(FAIcon, { icon: faBars }))))) : editable ? ((record && record.added) || editing ? (React.createElement(Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [{ required: required, message: `${dataIndex} is required.` }] }, dataIndex === "shareholder" ? (React.createElement(ShareholderSelector, { memberId: shareTransaction.memberRegisterId, open: editing, defaultValue: record.shareholder, onChange: save })) : dataIndex === "class" ? (React.createElement(AutoComplete
-        // autoFocus
-        , { 
+        var _a, _b, _c, _d, _e;
+        return (React.createElement("td", { ...restProps, ref: ref },
+            dataIndex === "Dnd" ? (record.added ? (React.createElement(Button, { danger: true, shape: "circle", onClick: () => onDel(record.id) },
+                React.createElement(FAIcon, { icon: faTrashAlt }))) : (formContext.connectDragSource(React.createElement("span", { style: shareTransaction.readonly ? { pointerEvents: "none" } : { cursor: "move" } },
+                React.createElement(FAIcon, { icon: faBars }))))) : editable ? ((record && record.added) || editing ? (React.createElement(Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [{ required: required, message: `${dataIndex} is required.` }] }, dataIndex === "shareholder" ? (React.createElement(ShareholderSelector, { memberId: shareTransaction.memberRegisterId, open: editing, defaultValue: record.shareholder, onChange: save })) : dataIndex === "class" ? (React.createElement(AutoComplete
             // autoFocus
-            open: open || editing, onSelect: save, onBlur: save, onDropdownVisibleChange: (open) => setOpen(open) },
-            React.createElement(AutoComplete.Option, { value: "Ordinary" }, "Ordinary"),
-            React.createElement(AutoComplete.Option, { value: "Preference" }, "Preference"))) : dataIndex === "certificate" ? null : dataIndex === "currency" ? (React.createElement(CurrencyView, { currency: record.currency, editable: !!record.added, onChange: save })) : (React.createElement(InputNumber, { autoFocus: editing, min: dataIndex === "qty" ? 1 : 0, max: dataIndex === "discount" ? 100 : 100000000000, precision: dataIndex === "price" ? 2 : 0, onPressEnter: save, onBlur: save, onKeyDown: onKeyDown })))) : dataIndex === "shareholder" && record.shareholder ? (React.createElement("div", { onClick: () => !record.id && toggleEdit() }, record.shareholder.name)) : dataIndex === "certificate" ? (record.certificate ? (React.createElement(DocumentReference, { id: (_a = record.certificate) === null || _a === void 0 ? void 0 : _a.id })) : record.shares > 0 ? (confirmed && verified ? (React.createElement(Button, { disabled: shareTransaction.readonly, onClick: () => createCertificate(record.id) }, "Create")) : null) : null) : (React.createElement(React.Fragment, null,
-            React.createElement("div", { className: classnames({
-                    "editable-cell-wrap": dataIndex === "consideration",
-                }) },
-                React.createElement("div", { onClick: toggleEdit }, children),
-                dataIndex === "consideration" &&
-                    dataContext.hoverKey === rowIndex &&
-                    !((_b = record.certificate) === null || _b === void 0 ? void 0 : _b.id) &&
-                    verified === false &&
-                    confirmed === false && (React.createElement(Button, { danger: true, shape: "circle", onClick: () => onDel(record.id) },
-                    React.createElement(FAIcon, { icon: faTrashAlt }))))))) : dataIndex === "shareholder" && record.shareholder ? (record.shareholder.name) : (children)));
+            , { 
+                // autoFocus
+                open: open || editing, onSelect: save, onBlur: save, onDropdownVisibleChange: (open) => setOpen(open) },
+                React.createElement(AutoComplete.Option, { value: "Ordinary" }, "Ordinary"),
+                React.createElement(AutoComplete.Option, { value: "Preference" }, "Preference"))) : dataIndex === "certificate" ? null : dataIndex === "currency" ? (React.createElement(CurrencyView, { currency: record.currency, editable: !!record.added, onChange: save })) : (React.createElement(InputNumber, { autoFocus: editing, min: inputNumberMinVal(shareTransaction.transactionType, dataIndex), max: dataIndex === "discount" ? 100 : 100000000000, precision: dataIndex === "price" ? 2 : 0, onPressEnter: save, onBlur: save, onKeyDown: onKeyDown })))) : dataIndex === "shareholder" && record.shareholder ? (React.createElement("div", { onClick: () => !record.id && toggleEdit() }, record.shareholder.name)) : dataIndex === "certificate" ? (record.newCertificate || ((_a = record.cancelledCertificates) === null || _a === void 0 ? void 0 : _a.length) ? (React.createElement("div", { className: "share-transaction-table-share" },
+                record.newCertificate && (React.createElement("div", { className: "new-certificate" },
+                    ((_b = record.cancelledCertificates) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React.createElement("div", { className: "new-certificate-title" }, "New")) : null,
+                    React.createElement(DocumentReference, { id: (_c = record.newCertificate) === null || _c === void 0 ? void 0 : _c.id }))),
+                ((_d = record.cancelledCertificates) === null || _d === void 0 ? void 0 : _d.length) > 0 ? (React.createElement("div", { className: "cancelled-certificates" },
+                    React.createElement("div", { className: "cancelled-certificates-title" }, "Cancelled"),
+                    React.createElement(ReferenceList, { canEdit: false, document: record.cancelledCertificates }))) : null)) : record.shares > 0 ? (confirmed && verified ? (React.createElement(Button, { disabled: shareTransaction.readonly, onClick: () => createCertificate(record.id) }, "Create")) : null) : confirmed && verified ? (React.createElement(Button, { disabled: shareTransaction.readonly, onClick: () => {
+                    var _a;
+                    return setCertCancelCreate({
+                        visible: true,
+                        shareholder: (_a = record.shareholder) === null || _a === void 0 ? void 0 : _a.id,
+                        lineId: record.id,
+                        lineClass: record.class,
+                    });
+                } }, "Create")) : null) : (React.createElement(React.Fragment, null,
+                React.createElement("div", { className: classnames({
+                        "editable-cell-wrap": dataIndex === "consideration",
+                    }) },
+                    React.createElement("div", { onClick: toggleEdit }, children),
+                    dataIndex === "consideration" &&
+                        dataContext.hoverKey === rowIndex &&
+                        !((_e = record.certificate) === null || _e === void 0 ? void 0 : _e.id) &&
+                        verified === false &&
+                        confirmed === false && (React.createElement(Button, { danger: true, shape: "circle", onClick: () => onDel(record.id) },
+                        React.createElement(FAIcon, { icon: faTrashAlt }))))))) : dataIndex === "shareholder" && record.shareholder ? (record.shareholder.name) : (children),
+            certCancelCreate.visible && (React.createElement(CertCancelCreateDialog, { transactionId: shareTransaction.id, shareholderId: certCancelCreate.shareholder, lineId: certCancelCreate.lineId, lineClass: certCancelCreate.lineClass, onCancel: () => setCertCancelCreate({
+                    visible: false,
+                    shareholder: "",
+                    lineId: "",
+                    lineClass: "",
+                }) }))));
     });
+    function inputNumberMinVal(transactionType, dataIndex) {
+        if (transactionType === "Allotment") {
+            return 0;
+        }
+        else {
+            if (dataIndex === "shares") {
+                return undefined;
+            }
+            return 0;
+        }
+    }
     function toggleEdit() {
         var _a;
         if ((_a = record.certificate) === null || _a === void 0 ? void 0 : _a.id)