@voplus/morpho-document 1.4.93 → 1.4.95

package/es/pages/Signature/SignatureRecipient/index.js

@@ -1,33 +1,33 @@
-import "./index.less";
-import { Button, Popover, Skeleton, Table } from "@voplus/antd";
-import React, { useState } from "react";
-import { faCheck, faFileSignature } from "@fortawesome/pro-light-svg-icons";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import SignatureDialog from "../SignatureDialog";
-import { State } from "./state";
-import { faCommentAltLines } from "@fortawesome/pro-light-svg-icons";
-import { observe } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
-import { useEnvelopContext } from "../data/EnvelopeContext";
-const SignatureRecipient = (props) => {
-    const { envelopeId, letterId, lines } = props;
-    const context = useEnvelopContext();
-    const [state] = useState(new State());
-    return observe(() => (React.createElement(React.Fragment, null,
-        context.loading ? (React.createElement(Skeleton, { active: true })) : lines.length === 1 && !lines[0].signatureDate ? (React.createElement(SignatureDialog, { pad: true, envelopeId: envelopeId, letterId: letterId, signature: lines[0] })) : (React.createElement(Table, { dataSource: lines, pagination: false, rowKey: "id", showHeader: false, className: "signature-recipient" },
-            React.createElement(Table.Column, { title: "", dataIndex: "name", render: (text, record) => (React.createElement("div", null,
-                    record.name,
-                    record.description ? (React.createElement(Popover, { placement: "bottom", title: "Description", content: record.description },
-                        React.createElement("span", { className: "signature-description" },
-                            React.createElement(FAIcon, { icon: faCommentAltLines })))) : null)) }),
-            React.createElement(Table.Column, { title: "", dataIndex: "status", align: "right", width: "116px", render: (text, record) => record.signatureDate ? (React.createElement(FAIcon, { icon: faCheck, color: "#52c41a" })) : (React.createElement(Button, { type: "primary", size: "small", onClick: () => runInAction(() => {
-                        state.signature = record;
-                        context.signVisible = true;
-                        // context.signVisible(true);
-                    }) },
-                    React.createElement(FAIcon, { icon: faFileSignature, className: "signature-icon" }),
-                    " Sign")) }))),
-        context.signVisible && (React.createElement(SignatureDialog, { envelopeId: envelopeId, letterId: letterId, signature: state.signature })))));
-};
-export default SignatureRecipient;
+import "./index.less";
+import { Button, Popover, Skeleton, Table } from "@voplus/antd";
+import React, { useState } from "react";
+import { faCheck, faFileSignature } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import SignatureDialog from "../SignatureDialog";
+import { State } from "./state";
+import { faCommentAltLines } from "@fortawesome/pro-light-svg-icons";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import { useEnvelopContext } from "../data/EnvelopeContext";
+const SignatureRecipient = (props) => {
+    const { envelopeId, letterId, lines } = props;
+    const context = useEnvelopContext();
+    const [state] = useState(new State());
+    return observe(() => (React.createElement(React.Fragment, null,
+        context.loading ? (React.createElement(Skeleton, { active: true })) : lines.length === 1 && !lines[0].signatureDate ? (React.createElement(SignatureDialog, { pad: true, envelopeId: envelopeId, letterId: letterId, signature: lines[0] })) : (React.createElement(Table, { dataSource: lines, pagination: false, rowKey: "id", showHeader: false, className: "signature-recipient" },
+            React.createElement(Table.Column, { title: "", dataIndex: "name", render: (text, record) => (React.createElement("div", null,
+                    record.name,
+                    record.description ? (React.createElement(Popover, { placement: "bottom", title: "Description", content: record.description },
+                        React.createElement("span", { className: "signature-description" },
+                            React.createElement(FAIcon, { icon: faCommentAltLines })))) : null)) }),
+            React.createElement(Table.Column, { title: "", dataIndex: "status", align: "right", width: "116px", render: (text, record) => record.signatureDate ? (React.createElement(FAIcon, { icon: faCheck, color: "#52c41a" })) : (React.createElement(Button, { type: "primary", size: "small", onClick: () => runInAction(() => {
+                        state.signature = record;
+                        context.signVisible = true;
+                        // context.signVisible(true);
+                    }) },
+                    React.createElement(FAIcon, { icon: faFileSignature, className: "signature-icon" }),
+                    " Sign")) }))),
+        context.signVisible && (React.createElement(SignatureDialog, { envelopeId: envelopeId, letterId: letterId, signature: state.signature })))));
+};
+export default SignatureRecipient;
 //# sourceMappingURL=index.js.map

package/es/pages/Signature/SignatureRecipient/state.d.ts

@@ -1,10 +1,10 @@
-import { ISignatureLine } from "../data/envelope";
-export declare class State {
-    /** visible of SignatureDialog */
-    visible: boolean;
-    /** line of signature */
-    signature: ISignatureLine;
-    /** id of hover of table row  */
-    hoverKey: string;
-    constructor();
-}
+import { ISignatureLine } from "../data/envelope";
+export declare class State {
+    /** visible of SignatureDialog */
+    visible: boolean;
+    /** line of signature */
+    signature: ISignatureLine;
+    /** id of hover of table row  */
+    hoverKey: string;
+    constructor();
+}

package/es/pages/Signature/SignatureRecipient/state.js

@@ -1,38 +1,38 @@
-import { __decorate } from "tslib";
-import { makeObservable, observable } from "mobx";
-export class State {
-    constructor() {
-        /** visible of SignatureDialog */
-        Object.defineProperty(this, "visible", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        /** line of signature */
-        Object.defineProperty(this, "signature", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        /** id of hover of table row  */
-        Object.defineProperty(this, "hoverKey", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ""
-        });
-        makeObservable(this);
-    }
-}
-__decorate([
-    observable
-], State.prototype, "visible", void 0);
-__decorate([
-    observable
-], State.prototype, "signature", void 0);
-__decorate([
-    observable
-], State.prototype, "hoverKey", void 0);
+import { __decorate } from "tslib";
+import { makeObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        /** visible of SignatureDialog */
+        Object.defineProperty(this, "visible", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        /** line of signature */
+        Object.defineProperty(this, "signature", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /** id of hover of table row  */
+        Object.defineProperty(this, "hoverKey", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ""
+        });
+        makeObservable(this);
+    }
+}
+__decorate([
+    observable
+], State.prototype, "visible", void 0);
+__decorate([
+    observable
+], State.prototype, "signature", void 0);
+__decorate([
+    observable
+], State.prototype, "hoverKey", void 0);
 //# sourceMappingURL=state.js.map

package/es/pages/Signature/SignatureTable/EditSignatureDialog.d.ts

@@ -1,15 +1,15 @@
-/// <reference types="react" />
-import { ISignatureLine } from "../data/envelope";
-declare const EditSignatureDialog: (props: {
-    /** id of envelope */
-    envelopeId: string;
-    /** id of letter */
-    letterId: string;
-    /** signature of line of letter */
-    signature: ISignatureLine;
-    /** cancel */
-    onCancel: () => void;
-    /** */
-    onOk: (name: string, description: string) => void;
-}) => JSX.Element;
-export default EditSignatureDialog;
+/// <reference types="react" />
+import { ISignatureLine } from "../data/envelope";
+declare const EditSignatureDialog: (props: {
+    /** id of envelope */
+    envelopeId: string;
+    /** id of letter */
+    letterId: string;
+    /** signature of line of letter */
+    signature: ISignatureLine;
+    /** cancel */
+    onCancel: () => void;
+    /** */
+    onOk: (name: string, description: string) => void;
+}) => JSX.Element;
+export default EditSignatureDialog;

package/es/pages/Signature/SignatureTable/EditSignatureDialog.js

@@ -1,45 +1,45 @@
-import { Button, Form, Input, Modal, Row } from "@voplus/antd";
-import { useEnvelopeStore } from "../data/envelope";
-import React, { useState } from "react";
-import { observe } from "@voplus/morpho-ui";
-const EditSignatureDialog = (props) => {
-    const { envelopeId, letterId, signature, onCancel, onOk } = props;
-    const envelopStore = useEnvelopeStore();
-    const [loading, setLoading] = useState(false);
-    return observe(() => (React.createElement(Modal, { width: 480, title: "Signature Name/Description", visible: true, footer: null, onCancel: onCancel },
-        React.createElement(Form, { layout: "vertical", initialValues: signature, onFinish: onFinish },
-            React.createElement(Form.Item, { label: "Signature Name", name: "name", rules: [{ required: true }] },
-                React.createElement(Input, null)),
-            React.createElement(Form.Item, { label: "Description", name: "description" },
-                React.createElement(Input.TextArea, { autoSize: { minRows: 3, maxRows: 5 } })),
-            React.createElement(Form.Item, { noStyle: true },
-                React.createElement(Row, { justify: "end" },
-                    React.createElement(Button, { onClick: onCancel, style: { marginRight: "10px" } }, "Cancel"),
-                    React.createElement(Button, { type: "primary", htmlType: "submit", loading: loading }, "Save")))))));
-    async function onFinish(values) {
-        var _a;
-        setLoading(true);
-        await envelopStore.edit(envelopeId, {
-            data: {
-                LetterEdits: [
-                    {
-                        Id: letterId,
-                        LineEdits: [
-                            {
-                                Id: signature.id,
-                                Name: values.name,
-                                Description: values.description,
-                                SignerId: ((_a = signature.signer) === null || _a === void 0 ? void 0 : _a.id) || "",
-                            },
-                        ],
-                    },
-                ],
-            },
-            error: "message",
-        });
-        setLoading(false);
-        onOk(values.name, values.description);
-    }
-};
-export default EditSignatureDialog;
+import { Button, Form, Input, Modal, Row } from "@voplus/antd";
+import { useEnvelopeStore } from "../data/envelope";
+import React, { useState } from "react";
+import { observe } from "@voplus/morpho-ui";
+const EditSignatureDialog = (props) => {
+    const { envelopeId, letterId, signature, onCancel, onOk } = props;
+    const envelopStore = useEnvelopeStore();
+    const [loading, setLoading] = useState(false);
+    return observe(() => (React.createElement(Modal, { width: 480, title: "Signature Name/Description", visible: true, footer: null, onCancel: onCancel },
+        React.createElement(Form, { layout: "vertical", initialValues: signature, onFinish: onFinish },
+            React.createElement(Form.Item, { label: "Signature Name", name: "name", rules: [{ required: true }] },
+                React.createElement(Input, null)),
+            React.createElement(Form.Item, { label: "Description", name: "description" },
+                React.createElement(Input.TextArea, { autoSize: { minRows: 3, maxRows: 5 } })),
+            React.createElement(Form.Item, { noStyle: true },
+                React.createElement(Row, { justify: "end" },
+                    React.createElement(Button, { onClick: onCancel, style: { marginRight: "10px" } }, "Cancel"),
+                    React.createElement(Button, { type: "primary", htmlType: "submit", loading: loading }, "Save")))))));
+    async function onFinish(values) {
+        var _a;
+        setLoading(true);
+        await envelopStore.edit(envelopeId, {
+            data: {
+                LetterEdits: [
+                    {
+                        Id: letterId,
+                        LineEdits: [
+                            {
+                                Id: signature.id,
+                                Name: values.name,
+                                Description: values.description,
+                                SignerId: ((_a = signature.signer) === null || _a === void 0 ? void 0 : _a.id) || "",
+                            },
+                        ],
+                    },
+                ],
+            },
+            error: "message",
+        });
+        setLoading(false);
+        onOk(values.name, values.description);
+    }
+};
+export default EditSignatureDialog;
 //# sourceMappingURL=EditSignatureDialog.js.map

package/es/pages/Signature/SignatureTable/RemoveSignatureDialog.d.ts

@@ -1,14 +1,14 @@
-/// <reference types="react" />
-import { ILetter, ISignatureLine } from "../data/envelope";
-declare const RemoveSignatureDialog: (props: {
-    /** id of envelope */
-    envelopeId: string;
-    /** id of letter */
-    letter: ILetter;
-    /** line of signature */
-    signature: ISignatureLine;
-    /** 非 Modal 方式显示签名内容 */
-    visible?: boolean | undefined;
-    updateVisible?: ((visible: boolean) => void) | undefined;
-}) => JSX.Element;
-export default RemoveSignatureDialog;
+/// <reference types="react" />
+import { ILetter, ISignatureLine } from "../data/envelope";
+declare const RemoveSignatureDialog: (props: {
+    /** id of envelope */
+    envelopeId: string;
+    /** id of letter */
+    letter: ILetter;
+    /** line of signature */
+    signature: ISignatureLine;
+    /** 非 Modal 方式显示签名内容 */
+    visible?: boolean | undefined;
+    updateVisible?: ((visible: boolean) => void) | undefined;
+}) => JSX.Element;
+export default RemoveSignatureDialog;

package/es/pages/Signature/SignatureTable/RemoveSignatureDialog.js

@@ -1,32 +1,32 @@
-import { Button, Input, Modal } from "@voplus/antd";
-import { useEnvelopeStore } from "../data/envelope";
-import React, { useState } from "react";
-import { observe } from "@voplus/morpho-ui";
-import { useEnvelopContext } from "../data/EnvelopeContext";
-const RemoveSignatureDialog = (props) => {
-    const { envelopeId, letter, signature, visible, updateVisible } = props;
-    const envelopStore = useEnvelopeStore();
-    const context = useEnvelopContext();
-    const [reason, setReason] = useState("");
-    const [loading, setLoading] = useState(false);
-    return observe(() => {
-        var _a, _b;
-        return (React.createElement(Modal, { title: `Confirm to remove the signature ${(_a = letter.document) === null || _a === void 0 ? void 0 : _a.name} signed by ${(_b = signature.signer) === null || _b === void 0 ? void 0 : _b.name} ?`, visible: visible, confirmLoading: loading, onOk: remove, onCancel: () => updateVisible === null || updateVisible === void 0 ? void 0 : updateVisible(false), bodyStyle: { padding: "15px 14px" }, footer: React.createElement("div", null,
-                React.createElement(Button, { onClick: () => updateVisible === null || updateVisible === void 0 ? void 0 : updateVisible(false) }, "Close"),
-                React.createElement(Button, { type: "primary", loading: loading, onClick: remove }, "Remove")) },
-            React.createElement(Input.TextArea, { value: reason, onChange: (e) => setReason(e.target.value), placeholder: "Reason", bordered: false, autoSize: { minRows: 3, maxRows: 5 } })));
-    });
-    async function remove() {
-        setLoading(true);
-        await envelopStore.revoke(envelopeId, letter.id, signature.id, {
-            data: reason,
-            error: "message",
-        });
-        setLoading(false);
-        updateVisible === null || updateVisible === void 0 ? void 0 : updateVisible(false);
-        context.changed = true;
-        context.reload();
-    }
-};
-export default RemoveSignatureDialog;
+import { Button, Input, Modal } from "@voplus/antd";
+import { useEnvelopeStore } from "../data/envelope";
+import React, { useState } from "react";
+import { observe } from "@voplus/morpho-ui";
+import { useEnvelopContext } from "../data/EnvelopeContext";
+const RemoveSignatureDialog = (props) => {
+    const { envelopeId, letter, signature, visible, updateVisible } = props;
+    const envelopStore = useEnvelopeStore();
+    const context = useEnvelopContext();
+    const [reason, setReason] = useState("");
+    const [loading, setLoading] = useState(false);
+    return observe(() => {
+        var _a, _b;
+        return (React.createElement(Modal, { title: `Confirm to remove the signature ${(_a = letter.document) === null || _a === void 0 ? void 0 : _a.name} signed by ${(_b = signature.signer) === null || _b === void 0 ? void 0 : _b.name} ?`, visible: visible, confirmLoading: loading, onOk: remove, onCancel: () => updateVisible === null || updateVisible === void 0 ? void 0 : updateVisible(false), bodyStyle: { padding: "15px 14px" }, footer: React.createElement("div", null,
+                React.createElement(Button, { onClick: () => updateVisible === null || updateVisible === void 0 ? void 0 : updateVisible(false) }, "Close"),
+                React.createElement(Button, { type: "primary", loading: loading, onClick: remove }, "Remove")) },
+            React.createElement(Input.TextArea, { value: reason, onChange: (e) => setReason(e.target.value), placeholder: "Reason", bordered: false, autoSize: { minRows: 3, maxRows: 5 } })));
+    });
+    async function remove() {
+        setLoading(true);
+        await envelopStore.revoke(envelopeId, letter.id, signature.id, {
+            data: reason,
+            error: "message",
+        });
+        setLoading(false);
+        updateVisible === null || updateVisible === void 0 ? void 0 : updateVisible(false);
+        context.changed = true;
+        context.reload();
+    }
+};
+export default RemoveSignatureDialog;
 //# sourceMappingURL=RemoveSignatureDialog.js.map

package/es/pages/Signature/SignatureTable/index.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
-import "./index.less";
-import { ILetter } from "../data/envelope";
-declare const SignatureTable: (props: {
-    /** id of envelope */
-    envelopeId: string;
-    /**  letter of envelope */
-    letter: ILetter;
-    /** 只读，不可更改 */
-    readonly?: boolean;
-}) => JSX.Element;
-export default SignatureTable;
+/// <reference types="react" />
+import "./index.less";
+import { ILetter } from "../data/envelope";
+declare const SignatureTable: (props: {
+    /** id of envelope */
+    envelopeId: string;
+    /**  letter of envelope */
+    letter: ILetter;
+    /** 只读，不可更改 */
+    readonly?: boolean;
+}) => JSX.Element;
+export default SignatureTable;

package/es/pages/Signature/SignatureTable/index.js

@@ -1,97 +1,97 @@
-import "./index.less";
-import { Button, Table } from "@voplus/antd";
-import { useEnvelopeStore } from "../data/envelope";
-import React, { useEffect, useState } from "react";
-import { faFileSignature, faTrashAlt } from "@fortawesome/pro-duotone-svg-icons";
-import { EditOutlined } from "@ant-design/icons";
-import EditSignatureDialog from "./EditSignatureDialog";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import RemoveSignatureDialog from "./RemoveSignatureDialog";
-import SignatureDialog from "../SignatureDialog";
-import SignerSelect from "../SignerSelect";
-import { State } from "./state";
-import classnames from "classnames";
-import moment from "moment";
-import { observe } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
-import { useApplicationContext } from "@voplus/morpho-data";
-import { useEnvelopContext } from "../data/EnvelopeContext";
-const SignatureTable = (props) => {
-    const { envelopeId, letter, readonly } = props;
-    const envelopStore = useEnvelopeStore();
-    const context = useEnvelopContext();
-    const aContext = useApplicationContext();
-    const [state] = useState(new State());
-    const StatusColumn = (props) => {
-        const { line } = props;
-        useEffect(() => {
-            var _a;
-            context.signer[line.id] = (_a = line.signer) === null || _a === void 0 ? void 0 : _a.id;
-        }, [line]);
-        return observe(() => (React.createElement(React.Fragment, null,
-            line.signatureDate
-                ? moment(moment.utc(line.signatureDate).toDate()).format("D MMM HH:mm:ss")
-                : "Unsigned",
-            React.createElement("span", { className: classnames("signature-icon", {
-                    show: state.hoverKey === line.id &&
-                        ((aContext.user.info.id === context.signer[line.id] && !line.signatureDate) ||
-                            line.signatureDate),
-                }) }, line.signatureDate ? (React.createElement(Button, { danger: true, shape: "circle", size: "small", onClick: () => runInAction(() => {
-                    state.signature = line;
-                    state.removeVisible = true;
-                }) },
-                React.createElement(FAIcon, { icon: faTrashAlt }))) : (React.createElement(Button, { type: "primary", shape: "circle", size: "small", onClick: () => runInAction(() => {
-                    state.signature = line;
-                    context.signVisible = true;
-                    // context.signVisible(true);
-                }) },
-                React.createElement(FAIcon, { icon: faFileSignature })))))));
-    };
-    const Column = (props) => {
-        const { line } = props;
-        return observe(() => (React.createElement(React.Fragment, null,
-            React.createElement("div", { className: "signer-name_description" },
-                React.createElement("div", { className: "name" }, line.name),
-                line.description && React.createElement("div", { className: "description" }, line.description),
-                React.createElement("span", { title: "Edit Signature Name/Description", className: classnames("edit-icon", { show: state.hoverKey === line.id }), onClick: () => runInAction(() => {
-                        state.signature = line;
-                        state.editVisible = true;
-                    }) },
-                    React.createElement(EditOutlined, null))),
-            state.editVisible && (React.createElement(EditSignatureDialog, { signature: line, envelopeId: envelopeId, letterId: letter.id, onCancel: () => runInAction(() => (state.editVisible = false)), onOk: (name, description) => runInAction(() => {
-                    line.name = name;
-                    line.description = description;
-                    state.editVisible = false;
-                }) })))));
-    };
-    return observe(() => (React.createElement(React.Fragment, null,
-        React.createElement(Table, { dataSource: letter.signatureLines, pagination: false, rowKey: "id", className: "signature-table", onRow: (record, index) => ({
-                onMouseEnter: () => runInAction(() => {
-                    state.hoverKey = record.id;
-                }),
-                onMouseLeave: () => runInAction(() => {
-                    state.hoverKey = "-1";
-                }),
-            }) },
-            React.createElement(Table.Column, { title: "Signature Name/Description", dataIndex: "name", render: (name, record) => React.createElement(Column, { line: record }) }),
-            React.createElement(Table.Column, { title: "Signer", dataIndex: "signer", width: "120px", className: "signer-column", render: (text, record) => observe(() => (React.createElement(SignerSelect, { signer: text, editable: state.hoverKey === record.id && !readonly && !record.signatureDate, onSave: (id) => save(record.id, id) }))) }),
-            React.createElement(Table.Column, { title: "Signature Date/Status", dataIndex: "status", align: "right", width: "166px", render: (text, record) => React.createElement(StatusColumn, { line: record }) })),
-        context.signVisible && (React.createElement(SignatureDialog, { envelopeId: envelopeId, letterId: letter.id, signature: state.signature })),
-        state.removeVisible && (React.createElement(RemoveSignatureDialog, { visible: state.removeVisible, envelopeId: envelopeId, letter: letter, signature: state.signature, updateVisible: (visible) => runInAction(() => (state.removeVisible = visible)) })))));
-    /** change letter signer */
-    async function save(Id, SignerId) {
-        await envelopStore.edit(envelopeId, {
-            data: {
-                LetterEdits: [{ Id: letter.id, LineEdits: [{ Id, SignerId }] }],
-            },
-            error: "message",
-        });
-        runInAction(() => {
-            context.signer[Id] = SignerId;
-            state.hoverKey = "";
-            context.changed = true;
-        });
-    }
-};
-export default SignatureTable;
+import "./index.less";
+import { Button, Table } from "@voplus/antd";
+import { useEnvelopeStore } from "../data/envelope";
+import React, { useEffect, useState } from "react";
+import { faFileSignature, faTrashAlt } from "@fortawesome/pro-duotone-svg-icons";
+import { EditOutlined } from "@ant-design/icons";
+import EditSignatureDialog from "./EditSignatureDialog";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import RemoveSignatureDialog from "./RemoveSignatureDialog";
+import SignatureDialog from "../SignatureDialog";
+import SignerSelect from "../SignerSelect";
+import { State } from "./state";
+import classnames from "classnames";
+import moment from "moment";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import { useApplicationContext } from "@voplus/morpho-data";
+import { useEnvelopContext } from "../data/EnvelopeContext";
+const SignatureTable = (props) => {
+    const { envelopeId, letter, readonly } = props;
+    const envelopStore = useEnvelopeStore();
+    const context = useEnvelopContext();
+    const aContext = useApplicationContext();
+    const [state] = useState(new State());
+    const StatusColumn = (props) => {
+        const { line } = props;
+        useEffect(() => {
+            var _a;
+            context.signer[line.id] = (_a = line.signer) === null || _a === void 0 ? void 0 : _a.id;
+        }, [line]);
+        return observe(() => (React.createElement(React.Fragment, null,
+            line.signatureDate
+                ? moment(moment.utc(line.signatureDate).toDate()).format("D MMM HH:mm:ss")
+                : "Unsigned",
+            React.createElement("span", { className: classnames("signature-icon", {
+                    show: state.hoverKey === line.id &&
+                        ((aContext.user.info.id === context.signer[line.id] && !line.signatureDate) ||
+                            line.signatureDate),
+                }) }, line.signatureDate ? (React.createElement(Button, { danger: true, shape: "circle", size: "small", onClick: () => runInAction(() => {
+                    state.signature = line;
+                    state.removeVisible = true;
+                }) },
+                React.createElement(FAIcon, { icon: faTrashAlt }))) : (React.createElement(Button, { type: "primary", shape: "circle", size: "small", onClick: () => runInAction(() => {
+                    state.signature = line;
+                    context.signVisible = true;
+                    // context.signVisible(true);
+                }) },
+                React.createElement(FAIcon, { icon: faFileSignature })))))));
+    };
+    const Column = (props) => {
+        const { line } = props;
+        return observe(() => (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "signer-name_description" },
+                React.createElement("div", { className: "name" }, line.name),
+                line.description && React.createElement("div", { className: "description" }, line.description),
+                React.createElement("span", { title: "Edit Signature Name/Description", className: classnames("edit-icon", { show: state.hoverKey === line.id }), onClick: () => runInAction(() => {
+                        state.signature = line;
+                        state.editVisible = true;
+                    }) },
+                    React.createElement(EditOutlined, null))),
+            state.editVisible && (React.createElement(EditSignatureDialog, { signature: line, envelopeId: envelopeId, letterId: letter.id, onCancel: () => runInAction(() => (state.editVisible = false)), onOk: (name, description) => runInAction(() => {
+                    line.name = name;
+                    line.description = description;
+                    state.editVisible = false;
+                }) })))));
+    };
+    return observe(() => (React.createElement(React.Fragment, null,
+        React.createElement(Table, { dataSource: letter.signatureLines, pagination: false, rowKey: "id", className: "signature-table", onRow: (record, index) => ({
+                onMouseEnter: () => runInAction(() => {
+                    state.hoverKey = record.id;
+                }),
+                onMouseLeave: () => runInAction(() => {
+                    state.hoverKey = "-1";
+                }),
+            }) },
+            React.createElement(Table.Column, { title: "Signature Name/Description", dataIndex: "name", render: (name, record) => React.createElement(Column, { line: record }) }),
+            React.createElement(Table.Column, { title: "Signer", dataIndex: "signer", width: "120px", className: "signer-column", render: (text, record) => observe(() => (React.createElement(SignerSelect, { signer: text, editable: state.hoverKey === record.id && !readonly && !record.signatureDate, onSave: (id) => save(record.id, id) }))) }),
+            React.createElement(Table.Column, { title: "Signature Date/Status", dataIndex: "status", align: "right", width: "166px", render: (text, record) => React.createElement(StatusColumn, { line: record }) })),
+        context.signVisible && (React.createElement(SignatureDialog, { envelopeId: envelopeId, letterId: letter.id, signature: state.signature })),
+        state.removeVisible && (React.createElement(RemoveSignatureDialog, { visible: state.removeVisible, envelopeId: envelopeId, letter: letter, signature: state.signature, updateVisible: (visible) => runInAction(() => (state.removeVisible = visible)) })))));
+    /** change letter signer */
+    async function save(Id, SignerId) {
+        await envelopStore.edit(envelopeId, {
+            data: {
+                LetterEdits: [{ Id: letter.id, LineEdits: [{ Id, SignerId }] }],
+            },
+            error: "message",
+        });
+        runInAction(() => {
+            context.signer[Id] = SignerId;
+            state.hoverKey = "";
+            context.changed = true;
+        });
+    }
+};
+export default SignatureTable;
 //# sourceMappingURL=index.js.map

package/es/pages/Signature/SignatureTable/state.d.ts

@@ -1,14 +1,14 @@
-import { ISignatureLine } from "../data/envelope";
-export declare class State {
-    /** visible of SignatureDialog */
-    visible: boolean;
-    /** line of signature */
-    signature: ISignatureLine;
-    /** id of hover of table row  */
-    hoverKey: string | number;
-    /** visible of SignatureDialog */
-    removeVisible: boolean;
-    /** visible of EditSignatureDialog */
-    editVisible: boolean;
-    constructor();
-}
+import { ISignatureLine } from "../data/envelope";
+export declare class State {
+    /** visible of SignatureDialog */
+    visible: boolean;
+    /** line of signature */
+    signature: ISignatureLine;
+    /** id of hover of table row  */
+    hoverKey: string | number;
+    /** visible of SignatureDialog */
+    removeVisible: boolean;
+    /** visible of EditSignatureDialog */
+    editVisible: boolean;
+    constructor();
+}