@voplus/morpho-document 1.0.0-dev251 → 1.0.0-dev254

package/es/pages/Signature/Envelope/EnvelopeRecipientView/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./index.less";
+declare const EnvelopeRecipientView: () => JSX.Element;
+export default EnvelopeRecipientView;

package/es/pages/Signature/Envelope/EnvelopeRecipientView/index.js

@@ -0,0 +1,46 @@
+import "./index.less";
+import { EnvelopeContext, EnvelopeContextState } from "../../data/EnvelopeContext";
+import { useEnvelope } from "../../data/envelope";
+import React, { useEffect, useState } from "react";
+import DocumentSortableTree from "../../../../components/DocumentSortableTree";
+import DocumentTabs from "../../../../components/DocumentTabs";
+import FileExplorerTheme from "../../../../components/DocumentSortableTree/themes/FileExplorerTheme";
+import LetterContentView from "../../Letter/LetterContentView";
+import MainContent from "@voplus/morpho-ui/es/components/layout/MainContent";
+import { useObserver } from "mobx-react-lite";
+import { useRouteMatch } from "react-router";
+import { useTabItem } from "@voplus/morpho-data";
+const EnvelopeRecipientView = () => {
+    const match = useRouteMatch();
+    const id = match.params.id;
+    const envelope = useEnvelope(id, { reload: true, includes: "tags,versions" });
+    const [context] = useState(new EnvelopeContextState(id));
+    const [contentId, setContentId] = useState("");
+    const [letter, setLetter] = useState();
+    const tab = useTabItem();
+    useEffect(() => {
+        tab.title = envelope === null || envelope === void 0 ? void 0 : envelope.name;
+    }, [envelope === null || envelope === void 0 ? void 0 : envelope.name]);
+    useEffect(() => {
+        if (envelope.letters && envelope.letters.length)
+            setContentId(envelope.letters[0].document.id);
+    }, []);
+    return useObserver(() => (React.createElement(EnvelopeContext.Provider, { value: context },
+        React.createElement(MainContent, { className: "envelope-recipient-view" },
+            React.createElement("nav", { className: "envelope-recipient-tree" },
+                React.createElement(DocumentSortableTree, { id: id, canDrag: false, theme: FileExplorerTheme, onDocumentSelected: onDocumentSelected })),
+            React.createElement(LetterContentView, { id: contentId || id, envelopeId: id, letter: letter }),
+            React.createElement("nav", { className: "envelope-recipient-tabs" },
+                React.createElement(DocumentTabs, { id: contentId || id, docTab: false }))))));
+    function onDocumentSelected(id) {
+        if (id === match.params.id)
+            return;
+        const letter = envelope.letters.find(l => l.document.id === id);
+        if (id) {
+            setContentId(id);
+            setLetter(letter);
+        }
+    }
+};
+export default EnvelopeRecipientView;
+//# sourceMappingURL=index.js.map

package/es/pages/Signature/Envelope/EnvelopeRecipientView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/pages/Signature/Envelope/EnvelopeRecipientView/index.tsx"],"names":[],"mappings":"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"}

package/es/pages/Signature/Envelope/EnvelopeRecipientView/index.less

@@ -0,0 +1,41 @@
+:global {
+	.envelope-recipient-view {
+		overflow: hidden;
+		nav {
+			box-shadow: 2px 0 8px 0px rgba(0, 0, 0, 0.15) !important;
+		}
+		.envelope-recipient-tree {
+			width: 330px;
+			padding: 10px 0 10px 20px;
+			.panable {
+				.file-type {
+					font-size: 15px;
+				}
+				.document-name-info .file-name {
+					font-size: 16px;
+				}
+			}
+		}
+		.envelope-recipient-tabs {
+			width: 450px;
+			.ant-tabs {
+				display: flex;
+				flex: 1;
+				flex-direction: column;
+				height: 100%;
+				background: #fff;
+				.ant-tabs-content {
+					height: 100%;
+					padding-bottom: 0px !important;
+					.ant-tabs-tabpane {
+						position: relative;
+						height: 100%;
+					}
+				}
+				.ant-tabs-bar {
+					margin: 0 20px;
+				}
+			}
+		}
+	}
+}

package/es/pages/Signature/Letter/LetterContentView/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import "./index.less";
+import { ILetter } from "../../data/envelope";
+declare const LetterContentView: (props: {
+    id: string;
+    envelopeId: string;
+    letter?: ILetter;
+}) => JSX.Element;
+export default LetterContentView;

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

@@ -0,0 +1,59 @@
+import "./index.less";
+import { Button, Empty, Popover, Skeleton } from "@voplus/antd";
+import { useEnvelope, useEnvelopeStore } from "../../data/envelope";
+import React, { useEffect, useState } from "react";
+import { faDownload, faEdit, faFileSignature } from "@fortawesome/pro-light-svg-icons";
+import { useDocumentStore, useFile } from "../../../../data";
+import DocumentHeader from "../../../../components/DocumentHeader";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import FileViewer from "../../../../components/FileViewer";
+import PDFViewer from "../../../../components/FileViewer/PDFViewer";
+import RichTextEditor from "@voplus/morpho-ui/es/controls/RichTextEditor";
+import SignatureTable from "../../SignatureTable";
+import TextEditor from "@voplus/morpho-text/es/components/TextEditor";
+import { saveAs } from "file-saver";
+import { toJS } from "mobx";
+import { useEnvelopContext } from "../../data/EnvelopeContext";
+import { useObserver } from "mobx-react-lite";
+const LetterContentView = (props) => {
+    const { id, envelopeId, letter } = props;
+    const envelope = useEnvelope(envelopeId);
+    const doc = useFile(id);
+    const documentStore = useDocumentStore();
+    const envelopeStore = useEnvelopeStore();
+    const context = useEnvelopContext();
+    const [visible, setVisible] = useState(false);
+    useEffect(() => {
+        context === null || context === void 0 ? void 0 : context.union(envelope.letters);
+    }, [toJS(envelope.letters)]);
+    /** File Content (envelope类型的word文档需要转成pdf显示) */
+    const renderViewer = () => {
+        return (doc === null || doc === void 0 ? void 0 : doc.type) === "Text" ? (React.createElement(TextEditor, { id: id, textOnly: true })) : /^application\/(msword|(vnd\.(ms-|openxmlformats-).*))$/gim.test(doc.mimetype) ||
+            doc.name.includes(".wopitest") ? (React.createElement(PDFViewer, { id: doc.id, download: () => envelopeStore.download(envelopeId, (letter === null || letter === void 0 ? void 0 : letter.id) || "") })) : (React.createElement(FileViewer, { id: id }));
+    };
+    return useObserver(() => (React.createElement("div", { className: "letter-content-view" },
+        React.createElement(DocumentHeader, { id: id, size: "h2", style: { padding: "0" }, tools: React.createElement(Button, { shape: "circle", onClick: onDownLoad },
+                React.createElement(FAIcon, { icon: faDownload })) }),
+        React.createElement("div", { className: "envelope-description" }, (envelope === null || envelope === void 0 ? void 0 : envelope.loading) ? (React.createElement(Skeleton, { active: true })) : (React.createElement(RichTextEditor, { editable: false, readOnly: (envelope === null || envelope === void 0 ? void 0 : envelope.status) === "Readonly", placeholder: (envelope === null || envelope === void 0 ? void 0 : envelope.status) === "Readonly" ? ("No description") : (React.createElement("span", null,
+                React.createElement(FAIcon, { icon: faEdit }),
+                "Add Description")), content: (doc === null || doc === void 0 ? void 0 : doc.description) || "", onSave: v => documentStore.edit(id, { Description: v }) }))),
+        id !== envelopeId ? (React.createElement("div", { className: "file-content" }, context.loading ? React.createElement(Skeleton, { active: true }) : renderViewer())) : (React.createElement(Empty, { description: "No Content" })),
+        !!((letter === null || letter === void 0 ? void 0 : letter.signatureLines) && (letter === null || letter === void 0 ? void 0 : letter.signatureLines.length)) && (React.createElement(Popover, { title: "Sign List", visible: !context.signVisibility && visible, onVisibleChange: visible => setVisible(visible), content: React.createElement(SignatureTable, { readonly: true, envelopeId: envelopeId, letterId: (letter === null || letter === void 0 ? void 0 : letter.id) || "", lines: (letter === null || letter === void 0 ? void 0 : letter.signatureLines) || [] }) },
+            React.createElement(Button, { type: "primary", size: "large", shape: "circle", style: { position: "absolute", bottom: "10px", right: "20px" } },
+                React.createElement(FAIcon, { icon: faFileSignature })))))));
+    // downLoad file
+    function onDownLoad() {
+        if (!letter)
+            return;
+        envelopeStore.download(envelopeId, letter === null || letter === void 0 ? void 0 : letter.id).then((blob) => {
+            if (blob) {
+                const url = URL.createObjectURL(blob);
+                if (url) {
+                    saveAs(url);
+                }
+            }
+        });
+    }
+};
+export default LetterContentView;
+//# sourceMappingURL=index.js.map

package/es/pages/Signature/Letter/LetterContentView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/pages/Signature/Letter/LetterContentView/index.tsx"],"names":[],"mappings":"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"}

package/es/pages/Signature/Letter/LetterContentView/index.less

@@ -0,0 +1,21 @@
+:global {
+	.letter-content-view {
+		position: relative;
+		display: flex;
+		min-width: 400px;
+		flex-direction: column;
+		background-color: #fff;
+		padding: 15px 20px !important;
+		.file-content {
+			flex: 1;
+			display: flex;
+			flex-direction: column;
+			> div {
+				height: 100%;
+			}
+		}
+		.envelope-description {
+			padding: 10px 0;
+		}
+	}
+}

package/es/pages/Signature/Letter/LetterItem/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import "./index.less";
+import { ILetter } from "../../data/envelope";
+declare const LetterItem: (props: {
+    /** id of type of SignEnvelope of document */
+    envelopeId: string;
+    /** letter of envelope */
+    letter: ILetter;
+}) => JSX.Element;
+export default LetterItem;

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

@@ -0,0 +1,29 @@
+import "./index.less";
+import { useEnvelopeStore } from "../../data/envelope";
+import React from "react";
+import DocumentHeader from "../../../../components/DocumentHeader";
+import LetterViewer from "../LetterViewer";
+import { State } from "./state";
+import { Switch } from "@voplus/antd";
+import { useEnvelopContext } from "../../data/EnvelopeContext";
+import { useObserver } from "mobx-react-lite";
+const LetterItem = (props) => {
+    const { envelopeId, letter } = props;
+    const envelopStore = useEnvelopeStore();
+    const context = useEnvelopContext();
+    const state = context.getState(letter.id, () => new State());
+    return useObserver(() => (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "letter-item" },
+            letter.document && (React.createElement(DocumentHeader, { id: letter.document.id, quickDataBarAlign: "left", quickVisible: false, onClickName: () => (state.letterVisible = true) })),
+            React.createElement(Switch, { checked: letter.public, onChange: onChange })),
+        state.letterVisible && React.createElement(LetterViewer, { envelopeId: envelopeId, letter: letter }))));
+    /** change public */
+    function onChange(checked) {
+        letter.public = checked;
+        envelopStore.edit(envelopeId, {
+            LetterEdits: [{ Id: letter.id, Public: checked }]
+        });
+    }
+};
+export default LetterItem;
+//# sourceMappingURL=index.js.map

package/es/pages/Signature/Letter/LetterItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/pages/Signature/Letter/LetterItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAW,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,cAAc,MAAM,uCAAuC,CAAC;AACnE,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,UAAU,GAAG,CAAC,KAKnB,EAAE,EAAE;IACJ,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAErC,MAAM,YAAY,GAAG,gBAAgB,EAAE,CAAC;IAExC,MAAM,OAAO,GAAG,iBAAiB,EAAE,CAAC;IAEpC,MAAM,KAAK,GAAG,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IAE7D,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,KAAK,CAAC,QAAQ;QACd,6BAAK,SAAS,EAAC,aAAa;YAC1B,MAAM,CAAC,QAAQ,IAAI,CACnB,oBAAC,cAAc,IACd,EAAE,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAE,EACtB,iBAAiB,EAAC,MAAM,EACxB,YAAY,EAAE,KAAK,EACnB,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa,GAAG,IAAI,CAAC,GAC9C,CACF;YAED,oBAAC,MAAM,IAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,GAAI,CACjD;QACL,KAAK,CAAC,aAAa,IAAI,oBAAC,YAAY,IAAC,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAI,CAChE,CACjB,CAAC,CAAC;IACH,oBAAoB;IACpB,SAAS,QAAQ,CAAC,OAAgB;QACjC,MAAM,CAAC,MAAM,GAAG,OAAO,CAAC;QACxB,YAAY,CAAC,IAAI,CAAC,UAAU,EAAE;YAC7B,WAAW,EAAE,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;SACjD,CAAC,CAAC;IACJ,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/es/pages/Signature/Letter/LetterItem/index.less

@@ -0,0 +1,13 @@
+:global {
+	.letter-item {
+		display: flex;
+		padding: 10px 20px;
+		border-bottom: 1px solid #f2f2f2;
+		align-items: center;
+		.document-header-default {
+			display: block;
+			flex: 1;
+			padding: 0;
+		}
+	}
+}

package/es/pages/Signature/Letter/LetterItem/state.d.ts

@@ -0,0 +1,5 @@
+import { IEnvelopeState } from "../../data/IEnvelopeState";
+export declare class State implements IEnvelopeState {
+    /** visible of letterViewer */
+    letterVisible: boolean;
+}

package/es/pages/Signature/Letter/LetterItem/state.js

@@ -0,0 +1,12 @@
+import { __decorate } from "tslib";
+import { observable } from "mobx";
+export class State {
+    constructor() {
+        /** visible of letterViewer */
+        this.letterVisible = false;
+    }
+}
+__decorate([
+    observable
+], State.prototype, "letterVisible", void 0);
+//# sourceMappingURL=state.js.map

package/es/pages/Signature/Letter/LetterItem/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/pages/Signature/Letter/LetterItem/state.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAElC,MAAM,OAAO,KAAK;IAAlB;QACC,8BAA8B;QACX,kBAAa,GAAG,KAAK,CAAC;IAC1C,CAAC;CAAA;AADY;IAAX,UAAU;4CAA8B"}

package/es/pages/Signature/Letter/LetterList/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import "./index.less";
+declare const LetterList: (props: {
+    id: string;
+}) => JSX.Element;
+export default LetterList;

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

@@ -0,0 +1,53 @@
+import "./index.less";
+import { useOnDeleteDocument } from "../../../../data";
+import { useEnvelopeStore } from "../../data/envelope";
+import React, { useState } from "react";
+import { CloudUploadOutlined } from "@ant-design/icons";
+import Dragger from "@voplus/antd/es/upload/Dragger";
+import LetterItem from "../LetterItem";
+import { Scrollbars } from "react-custom-scrollbars";
+import { useApplicationContext } from "@voplus/morpho-data";
+import { useEnvelopContext } from "../../data/EnvelopeContext";
+import { useObserver } from "mobx-react-lite";
+const LetterList = (props) => {
+    const { id } = props;
+    const { user } = useApplicationContext();
+    const [fileList, setFileList] = useState([]);
+    const store = useEnvelopeStore();
+    const context = useEnvelopContext();
+    console.log(context, "context");
+    useOnDeleteDocument((s, doc) => {
+        if (doc.parentNodeId === id) {
+            /** 查找document对应letter */
+            const letter = context.letters.find((d) => !!((d === null || d === void 0 ? void 0 : d.document) && (d === null || d === void 0 ? void 0 : d.document.id) === doc.id));
+            context.remove(letter ? letter.id : "");
+        }
+    });
+    return useObserver(() => {
+        var _a, _b;
+        return (
+        // <ListDataContext.Provider value={data}>
+        React.createElement("div", { className: "letter-view-upload" },
+            React.createElement("div", { className: "letter-view-upload-header" }, "Public"),
+            React.createElement(Dragger, { action: `https://${store.endpoint.host}/api/files/${props.id}`, headers: {
+                    Authorization: `Bearer ${user.info.accessToken}`
+                }, fileList: fileList, showUploadList: fileList.length > 0, onChange: onUploading, 
+                // disabled={disabled}
+                openFileDialogOnClick: false, multiple: true }, !!((_a = context.letters) === null || _a === void 0 ? void 0 : _a.length) ? (React.createElement(Scrollbars, { autoHide: true }, (_b = context.letters) === null || _b === void 0 ? void 0 : _b.map(letter => (React.createElement(LetterItem, { key: letter.id, envelopeId: id, letter: letter }))))) : (React.createElement("div", { className: "letter-empty" },
+                React.createElement(CloudUploadOutlined, { style: { fontSize: "40px" } }),
+                React.createElement("p", null, "Drag file to upload")))))
+        // </ListDataContext.Provider>
+        );
+    });
+    /** 文件上传中、完成、失败回调函数 */
+    function onUploading({ file, fileList }) {
+        /**上传完成不显示进度条 */
+        setFileList(fileList.filter(f => f.status !== "done"));
+        /** 上传成功后reload Data,如果有多个文件upload,等文件都upload完成才reload */
+        if (!fileList.some(f => f.status === "uploading")) {
+            context.reload();
+        }
+    }
+};
+export default LetterList;
+//# sourceMappingURL=index.js.map

package/es/pages/Signature/Letter/LetterList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/pages/Signature/Letter/LetterList/index.tsx"],"names":[],"mappings":"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"}

package/es/pages/Signature/Letter/LetterList/index.less

@@ -0,0 +1,41 @@
+:global {
+	.letter-view-upload {
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+		.letter-view-upload-header {
+			padding: 10px 20px;
+			color: #000;
+			font-size: 16px;
+			font-weight: 600;
+			text-align: right;
+			border-bottom: 1px solid #f2f2f2;
+		}
+		> span {
+			display: flex;
+			flex-direction: column-reverse;
+			flex: 1;
+			.ant-upload.ant-upload-drag .ant-upload {
+				padding: 0;
+			}
+			.ant-upload-list {
+				padding: 0 15px;
+			}
+			.ant-upload-drag {
+				background: none;
+				border: none;
+				text-align: left;
+				.ant-upload {
+					padding: 0;
+				}
+				.anticon-plus {
+					font-size: 12px;
+					color: rgba(0, 0, 0, 0.65);
+				}
+			}
+			.letter-empty {
+				text-align: center;
+			}
+		}
+	}
+}

package/es/pages/Signature/Letter/LetterViewer/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import "./index.less";
+import { ILetter } from "../../data/envelope";
+declare const LetterViewer: (props: {
+    envelopeId: string;
+    /** info of letter */
+    letter: ILetter;
+}) => JSX.Element;
+export default LetterViewer;

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

@@ -0,0 +1,58 @@
+import "./index.less";
+import { CloseOutlined, SettingOutlined } from "@ant-design/icons";
+import { useEnvelopeStore } from "../../data/envelope";
+import React, { useState } from "react";
+import { Skeleton, Switch } from "@voplus/antd";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import FileViewer from "../../../../components/FileViewer";
+import Modal from "@voplus/antd/es/modal/Modal";
+import PDFViewer from "../../../../components/FileViewer/PDFViewer";
+import RichTextEditor from "@voplus/morpho-ui/es/controls/RichTextEditor";
+import SignatureTable from "../../SignatureTable";
+import TextEditor from "@voplus/morpho-text/es/components/TextEditor";
+import { faEdit } from "@fortawesome/pro-light-svg-icons";
+import { useEnvelopContext } from "../../data/EnvelopeContext";
+import { useFile } from "../../../../data";
+import { useObserver } from "mobx-react-lite";
+const LetterViewer = (props) => {
+    const { envelopeId, letter } = props;
+    const context = useEnvelopContext();
+    const document = useFile(letter.document.id);
+    const envelopeStore = useEnvelopeStore();
+    const [setting, setSetting] = useState(true);
+    return useObserver(() => {
+        var _a;
+        return (React.createElement(Modal, { width: setting ? "80%" : "500px", visible: true, footer: null, closable: false, onCancel: () => context.letterVisible(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: () => context.letterVisible(false) })),
+                context.loading ? (React.createElement(Skeleton, { active: true })) : (React.createElement(React.Fragment, null, (document === null || document === void 0 ? void 0 : document.type) === "Text" ? (React.createElement(TextEditor, { id: letter.document.id, textOnly: 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(PDFViewer, { id: letter.document.id, download: getBlob })) : (React.createElement(FileViewer, { id: letter.document.id }))))),
+            setting && (React.createElement("div", { className: "setting-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(RichTextEditor, { editable: false, readOnly: document.status === "Readonly", placeholder: document.status === "Readonly" ? ("No description") : (React.createElement("span", null,
+                        React.createElement(FAIcon, { icon: faEdit }),
+                        "Add Description")), content: document.description || "", onSave: v => envelopeStore.edit(letter.document.id, { Description: v }) }),
+                React.createElement(SignatureTable, { envelopeId: envelopeId, letterId: letter.id, lines: letter.signatureLines })))));
+    });
+    /** change letter public */
+    async function changePublic(checked) {
+        letter.public = checked;
+        await envelopeStore.edit(envelopeId, {
+            LetterEdits: [{ Id: letter.id, Public: checked }]
+        });
+        // context.reload();
+    }
+    /** pdf 文件流 */
+    async function getBlob() {
+        return await envelopeStore.download(envelopeId, (letter === null || letter === void 0 ? void 0 : letter.id) || "");
+    }
+};
+export default LetterViewer;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/pages/Signature/Letter/LetterViewer/index.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,60 @@
+:global {
+	.letter-viewer {
+		.ant-modal-body {
+			display: flex;
+			height: 600px;
+			padding: 0;
+			.file-content,
+			.setting-content {
+				height: 100%;
+				padding: 15px 20px;
+			}
+			.file-content {
+				display: flex;
+				flex-direction: column;
+				flex: 1;
+				flex-shrink: 0;
+				> div + div {
+					flex: 1;
+				}
+				.file-content-header {
+					display: flex;
+					font-size: 16px;
+					color: rgba(0, 0, 0, 0.45);
+					margin-bottom: 10px;
+					padding-bottom: 5px;
+					border-bottom: 1px #f2f2f2 solid;
+					.document-name {
+						flex: 1;
+						color: #000;
+						font-size: 17px;
+						font-weight: 500;
+					}
+					.anticon {
+						margin-left: 10px;
+					}
+				}
+			}
+
+			.ant-table {
+				padding-top: 10px;
+			}
+			.setting-content {
+				width: 55%;
+				flex-shrink: 0;
+				border-left: 1px solid #f2f2f2;
+				overflow-x: hidden;
+				.bold {
+					font-size: 15px;
+					font-weight: 500;
+					color: #000;
+				}
+				.setting-public {
+					display: flex;
+					justify-content: space-between;
+					padding-bottom: 10px;
+				}
+			}
+		}
+	}
+}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import "./index.less";
+import { ISignatureLine } from "../data/envelope";
+declare const SignatureDialog: (props: {
+    envelopeId: string;
+    letterId: string;
+    signature: ISignatureLine;
+}) => JSX.Element;
+export default SignatureDialog;

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

@@ -0,0 +1,41 @@
+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 { useEnvelopContext } from "../data/EnvelopeContext";
+import { useObserver } from "mobx-react-lite";
+const SignatureDialog = (props) => {
+    const { envelopeId, letterId, signature } = props;
+    const [sigPad, setSigPad] = useState();
+    const [loading, setLoading] = useState(false);
+    const envelopStore = useEnvelopeStore();
+    const context = useEnvelopContext();
+    return useObserver(() => (React.createElement(Modal, { title: `Draw your signature with your mouse for ${signature === null || signature === void 0 ? void 0 : signature.name}`, width: 600, visible: true, maskClosable: false, 
+        // closable={false}
+        onOk: inset, onCancel: closeSignature, className: "signature-dialog", footer: React.createElement(React.Fragment, null,
+            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 }, "Inset")) },
+        React.createElement("div", { style: loading ? { pointerEvents: "none" } : {} },
+            React.createElement(SignatureCanvas, { ref: ref => setSigPad(ref), penColor: "black", canvasProps: { width: 600, height: 280 } })))));
+    /** clear signature */
+    function clear() {
+        sigPad.clear();
+    }
+    /** close modal */
+    function closeSignature() {
+        context.signVisible(false);
+        clear();
+    }
+    /** upload  signature image */
+    async function inset() {
+        setLoading(true);
+        await envelopStore.signature(envelopeId, letterId, signature.id, sigPad.getTrimmedCanvas().toDataURL("image/png"));
+        setLoading(false);
+        closeSignature();
+        context.reload();
+    }
+};
+export default SignatureDialog;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/pages/Signature/SignatureDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAkB,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,eAAe,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,eAAe,GAAG,CAAC,KAIxB,EAAE,EAAE;IACJ,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAElD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAO,CAAC;IAE5C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,YAAY,GAAG,gBAAgB,EAAE,CAAC;IAExC,MAAM,OAAO,GAAG,iBAAiB,EAAE,CAAC;IAEpC,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,KAAK,IACL,KAAK,EAAE,2CAA2C,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,EAAE,EACnE,KAAK,EAAE,GAAG,EACV,OAAO,EAAE,IAAI,EACb,YAAY,EAAE,KAAK;QACnB,mBAAmB;QACnB,IAAI,EAAE,KAAK,EACX,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAC,kBAAkB,EAC5B,MAAM,EACL,oBAAC,KAAK,CAAC,QAAQ;YACd,6BAAK,SAAS,EAAC,aAAa,kEAEtB;YACN,oBAAC,MAAM,IAAC,OAAO,EAAE,KAAK,YAAgB;YACtC,oBAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,YAE9C,CACO;QAIlB,6BAAK,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;YACnD,oBAAC,eAAe,IACf,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,EAC1B,QAAQ,EAAC,OAAO,EAChB,WAAW,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,GACvC,CACG,CACC,CACR,CAAC,CAAC;IACH,sBAAsB;IACtB,SAAS,KAAK;QACb,MAAM,CAAC,KAAK,EAAE,CAAC;IAChB,CAAC;IACD,kBAAkB;IAClB,SAAS,cAAc;QACtB,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC3B,KAAK,EAAE,CAAC;IACT,CAAC;IACD,8BAA8B;IAC9B,KAAK,UAAU,KAAK;QACnB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,MAAM,YAAY,CAAC,SAAS,CAC3B,UAAU,EACV,QAAQ,EACR,SAAS,CAAC,EAAE,EACZ,MAAM,CAAC,gBAAgB,EAAE,CAAC,SAAS,CAAC,WAAW,CAAC,CAChD,CAAC;QACF,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,cAAc,EAAE,CAAC;QACjB,OAAO,CAAC,MAAM,EAAE,CAAC;IAClB,CAAC;AACF,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,16 @@
+:global {
+	.signature-dialog {
+		.ant-modal-body {
+			padding: 0;
+		}
+		.ant-modal-footer {
+			display: flex;
+			text-align: left;
+			.warning-tip {
+				flex: 1;
+				color: #999;
+				font-size: 13px;
+			}
+		}
+	}
+}

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

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