@voplus/morpho-document 1.4.97 → 1.4.100

package/es/pages/Signature/Letter/LetterViewer/index.js

@@ -1,66 +1,66 @@
-import "./index.less";
-import { CloseOutlined, LoadingOutlined, SettingOutlined } from "@ant-design/icons";
-import { useEnvelopeStore } from "../../data/envelope";
-import React, { useState } from "react";
-import { Spin, Switch } from "@voplus/antd";
-import DescriptionEditor from "../../../../controls/DescriptionEditor";
-import FileViewer from "../../../../components/FileViewer";
-import Modal from "@voplus/antd/es/modal/Modal";
-import PDFFileViewer from "../../../../components/FileViewer/PDF";
-import { Scrollbars } from "react-custom-scrollbars";
-import SignatureTable from "../../SignatureTable";
-import TextEditor from "@voplus/morpho-text/es/components/TextEditor2";
-import { observe } from "@voplus/morpho-ui";
-import { useEnvelopContext } from "../../data/EnvelopeContext";
-import { useFile } from "@voplus/morpho-document-core";
-const LetterViewer = (props) => {
-    const { envelopeId, letter, updateVisible } = props;
-    const context = useEnvelopContext();
-    const document = useFile(letter.document.id);
-    const envelopeStore = useEnvelopeStore();
-    const [setting, setSetting] = useState(true);
-    return observe(() => {
-        var _a;
-        return (React.createElement(Modal, { width: setting ? "80%" : "500px", visible: true, footer: null, closable: false, onCancel: () => updateVisible && updateVisible(false), className: "letter-viewer" },
-            React.createElement("div", { className: "file-content" },
-                React.createElement("div", { className: "file-content-header" },
-                    React.createElement("div", { className: "document-name" }, document.name),
-                    React.createElement(SettingOutlined, { onClick: () => setSetting(!setting) }),
-                    React.createElement(CloseOutlined, { onClick: () => updateVisible && updateVisible(false) })),
-                context.loading ? (React.createElement("div", { style: { textAlign: "center" } },
-                    React.createElement(Spin, { tip: "Loading...", indicator: React.createElement(LoadingOutlined, { style: { fontSize: 24 }, spin: true }) }))) : (React.createElement(React.Fragment, null, (document === null || document === void 0 ? void 0 : document.type) === "Text" ? (React.createElement(TextEditor, { id: letter.document.id, proseMirrorProps: { readonly: true } })) : /^application\/(msword|(vnd\.(ms-|openxmlformats-).*))$/gim.test(document.mimetype) || ((_a = document.name) === null || _a === void 0 ? void 0 : _a.includes(".wopitest")) ? (
-                //   word 转换成 pdf 显示
-                React.createElement(PDFFileViewer, { id: letter.document.id, download: getBlob })) : (React.createElement(FileViewer, { id: letter.document.id, style: {
-                        display: "flex",
-                        flexDirection: "column",
-                        height: "100%",
-                    } }))))),
-            setting && (React.createElement("div", { className: "setting-content" },
-                React.createElement(Scrollbars, { autoHide: true },
-                    React.createElement("div", { className: "scrollbar-content" },
-                        React.createElement("div", { className: "setting-public" },
-                            React.createElement("span", { className: "bold" }, "Public"),
-                            React.createElement(Switch, { checked: letter.public, onChange: changePublic })),
-                        React.createElement("div", { className: "bold", style: { paddingBottom: "5px" } }, "Description"),
-                        React.createElement(DescriptionEditor, { id: letter.document.id, description: document.description, readonly: document.readonly, padding: "0 0 0.75rem 0" }),
-                        context.loading ? (React.createElement("div", { style: { textAlign: "center" } },
-                            React.createElement(Spin, { tip: "Loading...", indicator: React.createElement(LoadingOutlined, { style: { fontSize: 24 }, spin: true }) }))) : (React.createElement(SignatureTable, { envelopeId: envelopeId, letter: letter }))))))));
-    });
-    /** change letter public */
-    async function changePublic(checked) {
-        letter.public = checked;
-        await envelopeStore.edit(envelopeId, {
-            data: {
-                LetterEdits: [{ Id: letter.id, Public: checked }],
-            },
-            error: "message",
-        });
-        // context.changed = true;
-    }
-    /** pdf 文件流 */
-    async function getBlob() {
-        return await envelopeStore.download(envelopeId, (letter === null || letter === void 0 ? void 0 : letter.id) || "", { error: "message" });
-    }
-};
-export default LetterViewer;
+import "./index.less";
+import { CloseOutlined, LoadingOutlined, SettingOutlined } from "@ant-design/icons";
+import { useEnvelopeStore } from "../../data/envelope";
+import React, { useState } from "react";
+import { Spin, Switch } from "@voplus/antd";
+import DescriptionEditor from "../../../../controls/DescriptionEditor";
+import FileViewer from "../../../../components/FileViewer";
+import Modal from "@voplus/antd/es/modal/Modal";
+import PDFFileViewer from "../../../../components/FileViewer/PDF";
+import { Scrollbars } from "react-custom-scrollbars";
+import SignatureTable from "../../SignatureTable";
+import TextEditor from "@voplus/morpho-text/es/components/TextEditor2";
+import { observe } from "@voplus/morpho-ui";
+import { useEnvelopContext } from "../../data/EnvelopeContext";
+import { useFile } from "@voplus/morpho-document-core";
+const LetterViewer = (props) => {
+    const { envelopeId, letter, updateVisible } = props;
+    const context = useEnvelopContext();
+    const document = useFile(letter.document.id);
+    const envelopeStore = useEnvelopeStore();
+    const [setting, setSetting] = useState(true);
+    return observe(() => {
+        var _a;
+        return (React.createElement(Modal, { width: setting ? "80%" : "500px", visible: true, footer: null, closable: false, onCancel: () => updateVisible && updateVisible(false), className: "letter-viewer" },
+            React.createElement("div", { className: "file-content" },
+                React.createElement("div", { className: "file-content-header" },
+                    React.createElement("div", { className: "document-name" }, document.name),
+                    React.createElement(SettingOutlined, { onClick: () => setSetting(!setting) }),
+                    React.createElement(CloseOutlined, { onClick: () => updateVisible && updateVisible(false) })),
+                context.loading ? (React.createElement("div", { style: { textAlign: "center" } },
+                    React.createElement(Spin, { tip: "Loading...", indicator: React.createElement(LoadingOutlined, { style: { fontSize: 24 }, spin: true }) }))) : (React.createElement(React.Fragment, null, (document === null || document === void 0 ? void 0 : document.type) === "Text" ? (React.createElement(TextEditor, { id: letter.document.id, proseMirrorProps: { readonly: true } })) : /^application\/(msword|(vnd\.(ms-|openxmlformats-).*))$/gim.test(document.mimetype) || ((_a = document.name) === null || _a === void 0 ? void 0 : _a.includes(".wopitest")) ? (
+                //   word 转换成 pdf 显示
+                React.createElement(PDFFileViewer, { id: letter.document.id, download: getBlob })) : (React.createElement(FileViewer, { id: letter.document.id, style: {
+                        display: "flex",
+                        flexDirection: "column",
+                        height: "100%",
+                    } }))))),
+            setting && (React.createElement("div", { className: "setting-content" },
+                React.createElement(Scrollbars, { autoHide: true },
+                    React.createElement("div", { className: "scrollbar-content" },
+                        React.createElement("div", { className: "setting-public" },
+                            React.createElement("span", { className: "bold" }, "Public"),
+                            React.createElement(Switch, { checked: letter.public, onChange: changePublic })),
+                        React.createElement("div", { className: "bold", style: { paddingBottom: "5px" } }, "Description"),
+                        React.createElement(DescriptionEditor, { id: letter.document.id, description: document.description, readonly: document.readonly, padding: "0 0 0.75rem 0" }),
+                        context.loading ? (React.createElement("div", { style: { textAlign: "center" } },
+                            React.createElement(Spin, { tip: "Loading...", indicator: React.createElement(LoadingOutlined, { style: { fontSize: 24 }, spin: true }) }))) : (React.createElement(SignatureTable, { envelopeId: envelopeId, letter: letter }))))))));
+    });
+    /** change letter public */
+    async function changePublic(checked) {
+        letter.public = checked;
+        await envelopeStore.edit(envelopeId, {
+            data: {
+                LetterEdits: [{ Id: letter.id, Public: checked }],
+            },
+            error: "message",
+        });
+        // context.changed = true;
+    }
+    /** pdf 文件流 */
+    async function getBlob() {
+        return await envelopeStore.download(envelopeId, (letter === null || letter === void 0 ? void 0 : letter.id) || "", { error: "message" });
+    }
+};
+export default LetterViewer;
 //# sourceMappingURL=index.js.map

package/es/pages/Signature/Letter/components/LetterMenu.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { ILetter } from "../../data/envelope";
-declare const LetterMenu: (props: {
-    envelopeId: string;
-    letter: ILetter;
-}) => JSX.Element;
-export default LetterMenu;
+/// <reference types="react" />
+import { ILetter } from "../../data/envelope";
+declare const LetterMenu: (props: {
+    envelopeId: string;
+    letter: ILetter;
+}) => JSX.Element;
+export default LetterMenu;

package/es/pages/Signature/Letter/components/LetterMenu.js

@@ -1,31 +1,31 @@
-import { Archive, Delete } from "../../../../controls/DocumentMenu/items";
-import { useEnvelope } from "../../data/envelope";
-import { faExternalLink, faFileDownload } from "@fortawesome/pro-light-svg-icons";
-import { Button } from "@voplus/antd";
-import DocumentMenu from "../../../../controls/DocumentMenu";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import React from "react";
-import { observe } from "@voplus/morpho-ui";
-import { useDocument } from "@voplus/morpho-document-core";
-import { useEnvelopContext } from "../../data/EnvelopeContext";
-import { useLayout } from "@voplus/morpho-data";
-import { useMetaStore } from "../../../../data/DocumentMetaStore";
-const LetterMenu = (props) => {
-    const { letter } = props;
-    const envelope = useEnvelope(props.envelopeId);
-    const document = useDocument(letter.document.id);
-    const context = useEnvelopContext();
-    const layout = useLayout();
-    const meta = useMetaStore();
-    return observe(() => (React.createElement(DocumentMenu, { id: letter.document.id },
-        React.createElement(Button, { key: "Open", type: "link", onClick: () => layout.history.push(meta.getRoute(document)) },
-            React.createElement(FAIcon, { icon: faExternalLink }),
-            React.createElement("span", null, "Open")),
-        React.createElement(Button, { key: "Download", type: "link", onClick: () => context.download(letter.id, letter.document.name) },
-            React.createElement(FAIcon, { icon: faFileDownload }),
-            React.createElement("span", null, "Download")),
-        React.createElement(Archive, null),
-        envelope.envelopeStatus === "Signing" && React.createElement(Delete, null))));
-};
-export default LetterMenu;
+import { Archive, Delete } from "../../../../controls/DocumentMenu/items";
+import { useEnvelope } from "../../data/envelope";
+import { faExternalLink, faFileDownload } from "@fortawesome/pro-light-svg-icons";
+import { Button } from "@voplus/antd";
+import DocumentMenu from "../../../../controls/DocumentMenu";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import React from "react";
+import { observe } from "@voplus/morpho-ui";
+import { useDocument } from "@voplus/morpho-document-core";
+import { useEnvelopContext } from "../../data/EnvelopeContext";
+import { useLayout } from "@voplus/morpho-data";
+import { useMetaStore } from "../../../../data/DocumentMetaStore";
+const LetterMenu = (props) => {
+    const { letter } = props;
+    const envelope = useEnvelope(props.envelopeId);
+    const document = useDocument(letter.document.id);
+    const context = useEnvelopContext();
+    const layout = useLayout();
+    const meta = useMetaStore();
+    return observe(() => (React.createElement(DocumentMenu, { id: letter.document.id },
+        React.createElement(Button, { key: "Open", type: "link", onClick: () => layout.history.push(meta.getRoute(document)) },
+            React.createElement(FAIcon, { icon: faExternalLink }),
+            React.createElement("span", null, "Open")),
+        React.createElement(Button, { key: "Download", type: "link", onClick: () => context.download(letter.id, letter.document.name) },
+            React.createElement(FAIcon, { icon: faFileDownload }),
+            React.createElement("span", null, "Download")),
+        React.createElement(Archive, null),
+        envelope.envelopeStatus === "Signing" && React.createElement(Delete, null))));
+};
+export default LetterMenu;
 //# sourceMappingURL=LetterMenu.js.map

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

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

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

@@ -1,63 +1,34 @@
-import "./index.less";
-import { Button, Modal } from "@voplus/antd";
-import { useEnvelopeStore } from "../data/envelope";
-import React, { useState } from "react";
-import SignatureCanvas from "react-signature-canvas";
-import { observe } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
-import { useEnvelopContext } from "../data/EnvelopeContext";
-const SignatureDialog = (props) => {
-    const { envelopeId, letterId, signature, pad } = props;
-    const [sigPad, setSigPad] = useState();
-    const [loading, setLoading] = useState(false);
-    const envelopStore = useEnvelopeStore();
-    const context = useEnvelopContext();
-    const Content = (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "signature-dialog-header" },
-            "Draw your signature with your mouse for ", signature === null || signature === void 0 ? void 0 :
-            signature.name),
-        React.createElement("div", { style: loading ? { pointerEvents: "none" } : {} },
-            React.createElement(SignatureCanvas, { ref: (ref) => setSigPad(ref), penColor: "black", canvasProps: {
-                    width: window.innerWidth > 500 ? 500 : window.innerWidth - 50,
-                    height: 280,
-                } })),
-        React.createElement("div", { className: "signature-dialog-footer" },
-            React.createElement("div", { className: "warning-tip" }, "I understand this is a legal representation of my signature"),
-            React.createElement(Button, { onClick: clear }, "Clear"),
-            React.createElement(Button, { type: "primary", loading: loading, onClick: inset }, "Insert"))));
-    // 小屏幕显示设置width为窗口宽度大小
-    return observe(() => (React.createElement(React.Fragment, null, pad ? (React.createElement("div", { className: "signature-dialog" }, Content)) : (React.createElement(Modal, { title: "", width: window.innerWidth > 500 ? 500 : window.innerWidth - 50, visible: true, maskClosable: false, onOk: inset, onCancel: closeSignature, className: "signature-dialog", footer: null }, Content)))));
-    /** clear signature */
-    function clear() {
-        sigPad.clear();
-    }
-    /** close modal */
-    function closeSignature() {
-        runInAction(() => {
-            context.signVisible = false;
-            clear();
-        });
-    }
-    /** upload  signature image */
-    async function inset() {
-        setLoading(true);
-        await sigPad.getTrimmedCanvas().toBlob(async (blob) => {
-            await envelopStore
-                .signature(envelopeId, letterId, signature.id, {
-                data: { file: blob },
-                error: "message",
-            })
-                .then(() => {
-                runInAction(() => {
-                    /**  setLoading(false) 放置在closeSignature()后面会造成 Can't perform a React state update on an unmounted component  */
-                    setLoading(false);
-                    closeSignature();
-                    context.changed = true;
-                    context.reload();
-                });
-            });
-        });
-    }
-};
-export default SignatureDialog;
+import { useEnvelopeStore } from "../data/envelope";
+import React from "react";
+import SignaDialog from "@voplus/morpho-ui/es/components/SignatureDialog";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import { useEnvelopContext } from "../data/EnvelopeContext";
+const SignatureDialog = (props) => {
+    const { envelopeId, letterId, signature } = props;
+    const envelopStore = useEnvelopeStore();
+    const context = useEnvelopContext();
+    return observe(() => (React.createElement(SignaDialog, { signatureName: signature === null || signature === void 0 ? void 0 : signature.name, onCancel: onCancel, onSign: inset })));
+    /** close modal */
+    function onCancel() {
+        runInAction(() => {
+            context.signVisible = false;
+        });
+    }
+    /** upload  signature image */
+    async function inset(blob) {
+        await envelopStore
+            .signature(envelopeId, letterId, signature.id, {
+            data: { file: blob },
+            error: "message",
+        })
+            .then(() => {
+            runInAction(() => {
+                context.changed = true;
+                context.reload();
+            });
+        });
+    }
+};
+export default SignatureDialog;
 //# sourceMappingURL=index.js.map

package/es/pages/Signature/SignatureDialog/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/pages/Signature/SignatureDialog/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/pages/Signature/SignatureDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAC1E,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5D,MAAM,eAAe,GAAG,CAAC,KASxB,EAAE,EAAE;IACJ,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAElD,MAAM,YAAY,GAAG,gBAAgB,EAAE,CAAC;IAExC,MAAM,OAAO,GAAG,iBAAiB,EAAE,CAAC;IAEpC,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,WAAW,IAAC,aAAa,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,GAAI,CAClF,CAAC,CAAC;IAEH,kBAAkB;IAClB,SAAS,QAAQ;QAChB,WAAW,CAAC,GAAG,EAAE;YAChB,OAAO,CAAC,WAAW,GAAG,KAAK,CAAC;QAC7B,CAAC,CAAC,CAAC;IACJ,CAAC;IACD,8BAA8B;IAC9B,KAAK,UAAU,KAAK,CAAC,IAAU;QAC9B,MAAM,YAAY;aAChB,SAAS,CAAC,UAAU,EAAE,QAAQ,EAAE,SAAS,CAAC,EAAE,EAAE;YAC9C,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE;YACpB,KAAK,EAAE,SAAS;SAChB,CAAC;aACD,IAAI,CAAC,GAAG,EAAE;YACV,WAAW,CAAC,GAAG,EAAE;gBAChB,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;gBACvB,OAAO,CAAC,MAAM,EAAE,CAAC;YAClB,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -1,12 +1,12 @@
-/// <reference types="react" />
-import "./index.less";
-import { ISignatureLine } from "../data/envelope";
-declare const SignatureRecipient: (props: {
-    /** id of envelope */
-    envelopeId: string;
-    /** id of letter of envelope */
-    letterId: string;
-    /** lines of signature of letter of envelope */
-    lines: ISignatureLine[];
-}) => JSX.Element;
-export default SignatureRecipient;
+/// <reference types="react" />
+import "./index.less";
+import { ISignatureLine } from "../data/envelope";
+declare const SignatureRecipient: (props: {
+    /** id of envelope */
+    envelopeId: string;
+    /** id of letter of envelope */
+    letterId: string;
+    /** lines of signature of letter of envelope */
+    lines: ISignatureLine[];
+}) => JSX.Element;
+export default SignatureRecipient;

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;