@voplus/morpho-document 1.4.93 → 1.4.95

package/es/pages/Library/LibraryDefaultView/state.js

@@ -1,134 +1,134 @@
-import { __decorate } from "tslib";
-import { action, computed, makeObservable, observable } from "mobx";
-export class State {
-    constructor(id, store) {
-        Object.defineProperty(this, "id", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: id
-        });
-        Object.defineProperty(this, "store", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: store
-        });
-        /** type of document of library */
-        Object.defineProperty(this, "type", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ""
-        });
-        /** 当前点击选中document的type */
-        Object.defineProperty(this, "currentType", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ""
-        });
-        /** enable of new document */
-        Object.defineProperty(this, "addAble", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        /** Collapse all document */
-        Object.defineProperty(this, "collapse", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: true
-        });
-        /** type of document of filter */
-        Object.defineProperty(this, "filterType", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        /** 右侧显示内容id */
-        Object.defineProperty(this, "contentId", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ""
-        });
-        /** 新增document目录id */
-        Object.defineProperty(this, "parentId", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ""
-        });
-        Object.defineProperty(this, "list", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: []
-        });
-        Object.defineProperty(this, "selectType", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ({ key }) => {
-                this.type = key.toString();
-                this.addAble = true;
-            }
-        });
-        makeObservable(this);
-        this.contentId = id;
-        this.parentId = id;
-    }
-    /** 新增文件存放目录 */
-    get directory() {
-        const document = this.store.items.peek(this.parentId);
-        if (document.parentNodeId && document.type !== "Library") {
-            const parent = document.parentNodeId && this.store.items.has(document.parentNodeId)
-                ? this.store.items.peek(document.parentNodeId)
-                : {};
-            const list = this.getParent(parent.id);
-            return [...list, document];
-        }
-        return [document];
-    }
-    /** 查找目录父节点 */
-    getParent(id) {
-        const parent = this.store.items.has(id) ? this.store.items.peek(id) : {};
-        if (parent.parentNodeId && parent.type !== "Library") {
-            const p = this.getParent(parent.parentNodeId);
-            return [...p, parent];
-        }
-        return parent ? [parent] : [];
-    }
-}
-__decorate([
-    observable
-], State.prototype, "type", void 0);
-__decorate([
-    observable
-], State.prototype, "currentType", void 0);
-__decorate([
-    observable
-], State.prototype, "addAble", void 0);
-__decorate([
-    observable
-], State.prototype, "collapse", void 0);
-__decorate([
-    observable
-], State.prototype, "filterType", void 0);
-__decorate([
-    observable
-], State.prototype, "contentId", void 0);
-__decorate([
-    observable
-], State.prototype, "parentId", void 0);
-__decorate([
-    computed
-], State.prototype, "directory", null);
-__decorate([
-    action
-], State.prototype, "selectType", void 0);
+import { __decorate } from "tslib";
+import { action, computed, makeObservable, observable } from "mobx";
+export class State {
+    constructor(id, store) {
+        Object.defineProperty(this, "id", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: id
+        });
+        Object.defineProperty(this, "store", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: store
+        });
+        /** type of document of library */
+        Object.defineProperty(this, "type", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ""
+        });
+        /** 当前点击选中document的type */
+        Object.defineProperty(this, "currentType", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ""
+        });
+        /** enable of new document */
+        Object.defineProperty(this, "addAble", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        /** Collapse all document */
+        Object.defineProperty(this, "collapse", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: true
+        });
+        /** type of document of filter */
+        Object.defineProperty(this, "filterType", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /** 右侧显示内容id */
+        Object.defineProperty(this, "contentId", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ""
+        });
+        /** 新增document目录id */
+        Object.defineProperty(this, "parentId", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ""
+        });
+        Object.defineProperty(this, "list", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        Object.defineProperty(this, "selectType", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ({ key }) => {
+                this.type = key.toString();
+                this.addAble = true;
+            }
+        });
+        makeObservable(this);
+        this.contentId = id;
+        this.parentId = id;
+    }
+    /** 新增文件存放目录 */
+    get directory() {
+        const document = this.store.items.peek(this.parentId);
+        if (document.parentNodeId && document.type !== "Library") {
+            const parent = document.parentNodeId && this.store.items.has(document.parentNodeId)
+                ? this.store.items.peek(document.parentNodeId)
+                : {};
+            const list = this.getParent(parent.id);
+            return [...list, document];
+        }
+        return [document];
+    }
+    /** 查找目录父节点 */
+    getParent(id) {
+        const parent = this.store.items.has(id) ? this.store.items.peek(id) : {};
+        if (parent.parentNodeId && parent.type !== "Library") {
+            const p = this.getParent(parent.parentNodeId);
+            return [...p, parent];
+        }
+        return parent ? [parent] : [];
+    }
+}
+__decorate([
+    observable
+], State.prototype, "type", void 0);
+__decorate([
+    observable
+], State.prototype, "currentType", void 0);
+__decorate([
+    observable
+], State.prototype, "addAble", void 0);
+__decorate([
+    observable
+], State.prototype, "collapse", void 0);
+__decorate([
+    observable
+], State.prototype, "filterType", void 0);
+__decorate([
+    observable
+], State.prototype, "contentId", void 0);
+__decorate([
+    observable
+], State.prototype, "parentId", void 0);
+__decorate([
+    computed
+], State.prototype, "directory", null);
+__decorate([
+    action
+], State.prototype, "selectType", void 0);
 //# sourceMappingURL=state.js.map

package/es/pages/Library/data/LibraryStore.d.ts

@@ -1,10 +1,10 @@
-import { CreateDocumentOptions, DocumentStore, DocumentTypeStore, EditDocumentOptions, LoadDocumentListOptions, LoadDocumentOptions } from "@voplus/morpho-document-core";
-import { ApiEndPoint } from "@voplus/api";
-import { ILibrary } from "./interfaces";
-export declare class LibraryStore extends DocumentTypeStore<ILibrary, LoadDocumentOptions, LoadDocumentListOptions, CreateDocumentOptions, EditDocumentOptions, any> {
-    /** Name of the store */
-    readonly name: string;
-    constructor(endpoint: ApiEndPoint, documents: DocumentStore);
-}
-/** 响应钩子检索 PageStore */
-export declare const useLibraryStore: () => LibraryStore;
+import { CreateDocumentOptions, DocumentStore, DocumentTypeStore, EditDocumentOptions, LoadDocumentListOptions, LoadDocumentOptions } from "@voplus/morpho-document-core";
+import { ApiEndPoint } from "@voplus/api";
+import { ILibrary } from "./interfaces";
+export declare class LibraryStore extends DocumentTypeStore<ILibrary, LoadDocumentOptions, LoadDocumentListOptions, CreateDocumentOptions, EditDocumentOptions, any> {
+    /** Name of the store */
+    readonly name: string;
+    constructor(endpoint: ApiEndPoint, documents: DocumentStore);
+}
+/** 响应钩子检索 PageStore */
+export declare const useLibraryStore: () => LibraryStore;

package/es/pages/Library/data/LibraryStore.js

@@ -1,21 +1,21 @@
-import { DocumentTypeStore, useDocumentStore, } from "@voplus/morpho-document-core";
-import { useStore } from "@voplus/morpho-data";
-const StoreName = "LibraryStore";
-export class LibraryStore extends DocumentTypeStore {
-    constructor(endpoint, documents) {
-        super(endpoint, "/api/library", documents);
-        /** Name of the store */
-        Object.defineProperty(this, "name", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: StoreName
-        });
-    }
-}
-/** 响应钩子检索 PageStore */
-export const useLibraryStore = () => {
-    const documents = useDocumentStore();
-    return useStore(StoreName, (context) => new LibraryStore(context.api.currentEndPoint, documents));
-};
+import { DocumentTypeStore, useDocumentStore, } from "@voplus/morpho-document-core";
+import { useStore } from "@voplus/morpho-data";
+const StoreName = "LibraryStore";
+export class LibraryStore extends DocumentTypeStore {
+    constructor(endpoint, documents) {
+        super(endpoint, "/api/library", documents);
+        /** Name of the store */
+        Object.defineProperty(this, "name", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: StoreName
+        });
+    }
+}
+/** 响应钩子检索 PageStore */
+export const useLibraryStore = () => {
+    const documents = useDocumentStore();
+    return useStore(StoreName, (context) => new LibraryStore(context.api.currentEndPoint, documents));
+};
 //# sourceMappingURL=LibraryStore.js.map

package/es/pages/Library/data/hook.d.ts

@@ -1,2 +1,2 @@
-import { LoadDocumentOptions } from "@voplus/morpho-document-core";
-export declare const useLibrary: (id: string, options?: LoadDocumentOptions | undefined) => import("@voplus/morpho-document-core").IDocument;
+import { LoadDocumentOptions } from "@voplus/morpho-document-core";
+export declare const useLibrary: (id: string, options?: LoadDocumentOptions | undefined) => import("@voplus/morpho-document-core").IDocument;

package/es/pages/Library/data/hook.js

@@ -1,10 +1,10 @@
-import { useDocumentStore } from "@voplus/morpho-document-core";
-import { useLibraryStore } from "./LibraryStore";
-import { useLoadCountedMapItem } from "@voplus/morpho-data";
-export const useLibrary = (id, options) => {
-    options = options ? options : {};
-    const store = useLibraryStore();
-    const documents = useDocumentStore();
-    return useLoadCountedMapItem(id, documents.items, () => store.load(id, options), options);
-};
+import { useDocumentStore } from "@voplus/morpho-document-core";
+import { useLibraryStore } from "./LibraryStore";
+import { useLoadCountedMapItem } from "@voplus/morpho-data";
+export const useLibrary = (id, options) => {
+    options = options ? options : {};
+    const store = useLibraryStore();
+    const documents = useDocumentStore();
+    return useLoadCountedMapItem(id, documents.items, () => store.load(id, options), options);
+};
 //# sourceMappingURL=hook.js.map

package/es/pages/Library/data/index.d.ts

@@ -1,3 +1,3 @@
-export * from "./LibraryStore";
-export * from "./hook";
-export * from "./interfaces";
+export * from "./LibraryStore";
+export * from "./hook";
+export * from "./interfaces";

package/es/pages/Library/data/index.js

@@ -1,4 +1,4 @@
-export * from "./LibraryStore";
-export * from "./hook";
-export * from "./interfaces";
+export * from "./LibraryStore";
+export * from "./hook";
+export * from "./interfaces";
 //# sourceMappingURL=index.js.map

package/es/pages/Library/data/interfaces.d.ts

@@ -1,2 +1,2 @@
-import { IDocument } from "@voplus/morpho-document-core";
-export declare type ILibrary = IDocument;
+import { IDocument } from "@voplus/morpho-document-core";
+export declare type ILibrary = IDocument;

package/es/pages/Library/data/interfaces.js

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=interfaces.js.map

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import "./index.less";
-/** create Type:'signEnvelope' */
-/** The Envelope Page component with router parameters support. */
-declare const EnvelopeDefaultView: ({ id }: {
-    id: string;
-}) => JSX.Element;
-export default EnvelopeDefaultView;
+/// <reference types="react" />
+import "./index.less";
+/** create Type:'signEnvelope' */
+/** The Envelope Page component with router parameters support. */
+declare const EnvelopeDefaultView: ({ id }: {
+    id: string;
+}) => JSX.Element;
+export default EnvelopeDefaultView;

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

@@ -1,34 +1,34 @@
-import "./index.less";
-import React, { useEffect, useState } from "react";
-import { observe, useAsideContentContext, useAutorunEffect } from "@voplus/morpho-ui";
-import { AsideContent } from "@voplus/morpho-ui";
-import DocumentTabs from "../../../../components/DocumentTabs";
-import PropertiesView from "../components/PropertiesView";
-import { Sidebar } from "../../../../controls/ToolBar/buttons";
-import { useEnvelope } from "../../data/envelope";
-import { useFrame } from "../../../../components/ViewFrame/ViewFrameContext";
-import { useTabItem } from "@voplus/morpho-data";
-/** create Type:'signEnvelope' */
-/** The Envelope Page component with router parameters support. */
-const EnvelopeDefaultView = ({ id }) => {
-    const frame = useFrame();
-    const [asideContext] = useState(frame ? useAsideContentContext() : AsideContent.createContext());
-    const envelope = useEnvelope(id, { includes: "tags,versions" });
-    const tab = useTabItem();
-    useAutorunEffect(() => {
-        tab.title = envelope === null || envelope === void 0 ? void 0 : envelope.name;
-    });
-    useEffect(() => {
-        asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(AsideElement, { span: 12 });
-    }, []);
-    const AsideElement = (React.createElement("div", { className: "envelope-default-view_aside" },
-        React.createElement(DocumentTabs, { id: id, docTab: false, isLinks: false })));
-    return observe(() => (React.createElement(React.Fragment, null, frame ? (React.createElement(PropertiesView, { id: id, toolbar: React.createElement(Sidebar, { action: () => (asideContext === null || asideContext === void 0 ? void 0 : asideContext.asideContent)
-                ? asideContext.closeAside()
-                : asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(AsideElement, { span: 12 }) }) })) : (React.createElement(AsideContent, { context: asideContext },
-        React.createElement(PropertiesView, { id: id, toolbar: React.createElement(Sidebar, { action: () => (asideContext === null || asideContext === void 0 ? void 0 : asideContext.asideContent)
-                    ? asideContext.closeAside()
-                    : asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(AsideElement, { span: 12 }) }) }))))));
-};
-export default EnvelopeDefaultView;
+import "./index.less";
+import React, { useEffect, useState } from "react";
+import { observe, useAsideContentContext, useAutorunEffect } from "@voplus/morpho-ui";
+import { AsideContent } from "@voplus/morpho-ui";
+import DocumentTabs from "../../../../components/DocumentTabs";
+import PropertiesView from "../components/PropertiesView";
+import { Sidebar } from "../../../../controls/ToolBar/buttons";
+import { useEnvelope } from "../../data/envelope";
+import { useFrame } from "../../../../components/ViewFrame/ViewFrameContext";
+import { useTabItem } from "@voplus/morpho-data";
+/** create Type:'signEnvelope' */
+/** The Envelope Page component with router parameters support. */
+const EnvelopeDefaultView = ({ id }) => {
+    const frame = useFrame();
+    const [asideContext] = useState(frame ? useAsideContentContext() : AsideContent.createContext());
+    const envelope = useEnvelope(id, { includes: "tags,versions" });
+    const tab = useTabItem();
+    useAutorunEffect(() => {
+        tab.title = envelope === null || envelope === void 0 ? void 0 : envelope.name;
+    });
+    useEffect(() => {
+        asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(AsideElement, { span: 12 });
+    }, []);
+    const AsideElement = (React.createElement("div", { className: "envelope-default-view_aside" },
+        React.createElement(DocumentTabs, { id: id, docTab: false, isLinks: false })));
+    return observe(() => (React.createElement(React.Fragment, null, frame ? (React.createElement(PropertiesView, { id: id, toolbar: React.createElement(Sidebar, { action: () => (asideContext === null || asideContext === void 0 ? void 0 : asideContext.asideContent)
+                ? asideContext.closeAside()
+                : asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(AsideElement, { span: 12 }) }) })) : (React.createElement(AsideContent, { context: asideContext },
+        React.createElement(PropertiesView, { id: id, toolbar: React.createElement(Sidebar, { action: () => (asideContext === null || asideContext === void 0 ? void 0 : asideContext.asideContent)
+                    ? asideContext.closeAside()
+                    : asideContext === null || asideContext === void 0 ? void 0 : asideContext.openAside(AsideElement, { span: 12 }) }) }))))));
+};
+export default EnvelopeDefaultView;
 //# sourceMappingURL=index.js.map

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const TourGuide: () => JSX.Element;
-export default TourGuide;
+/// <reference types="react" />
+declare const TourGuide: () => JSX.Element;
+export default TourGuide;

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

@@ -1,24 +1,24 @@
-import React, { useState } from "react";
-import { State } from "./state";
-import Tour from "reactour";
-import { observe } from "@voplus/morpho-ui";
-const TourGuide = () => {
-    const [state] = useState(new State(""));
-    const steps = [
-        {
-            selector: '[data-tut="document-list"]',
-            content: "Please choose the relevant document(s) from the list.",
-        },
-        {
-            selector: '[data-tut="sign"]',
-            content: "Review the content and sign the document(s) accordingly.",
-        },
-        {
-            selector: '[data-tut="activity-log"]',
-            content: "View user activities history.",
-        },
-    ];
-    return observe(() => (React.createElement(React.Fragment, null, state.tourVisible && (React.createElement(Tour, { steps: steps, isOpen: state.isTourOpen, onRequestClose: state.closeTour })))));
-};
-export default TourGuide;
+import React, { useState } from "react";
+import { State } from "./state";
+import Tour from "reactour";
+import { observe } from "@voplus/morpho-ui";
+const TourGuide = () => {
+    const [state] = useState(new State(""));
+    const steps = [
+        {
+            selector: '[data-tut="document-list"]',
+            content: "Please choose the relevant document(s) from the list.",
+        },
+        {
+            selector: '[data-tut="sign"]',
+            content: "Review the content and sign the document(s) accordingly.",
+        },
+        {
+            selector: '[data-tut="activity-log"]',
+            content: "View user activities history.",
+        },
+    ];
+    return observe(() => (React.createElement(React.Fragment, null, state.tourVisible && (React.createElement(Tour, { steps: steps, isOpen: state.isTourOpen, onRequestClose: state.closeTour })))));
+};
+export default TourGuide;
 //# sourceMappingURL=TourGuide.js.map

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

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

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

@@ -1,38 +1,42 @@
-import "./index.less";
-import { Button, Card, Checkbox, Spin } from "@voplus/antd";
-import { EnvelopeContext, EnvelopeContextState } from "../../data/EnvelopeContext";
-import React, { useState } from "react";
-import { useEnvelope, useEnvelopeStore } from "../../data/envelope";
-import DescriptionEditor from "../../../../controls/DescriptionEditor";
-import { LoadingOutlined } from "@ant-design/icons";
-import MobileView from "./mobile";
-import PcView from "./pc";
-import { State } from "./state";
-import { observe } from "@voplus/morpho-ui";
-import { runInAction } from "mobx";
-import { useApplicationContext } from "@voplus/morpho-data";
-import { useRouteMatch } from "react-router";
-const EnvelopeRecipientView = () => {
-    const sUserAgent = navigator.userAgent.toLowerCase();
-    const match = useRouteMatch();
-    const id = match.params.id;
-    const { user } = useApplicationContext();
-    const [state] = useState(new State(id));
-    const envelope = useEnvelope(id, { reload: true, includes: "tags,versions" });
-    const envelopStore = useEnvelopeStore();
-    const [context] = useState(new EnvelopeContextState(id, envelopStore, user.info.id, true));
-    const DescriptionPage = () => observe(() => (React.createElement("div", { className: "envelope-recipient_description_page" },
-        React.createElement(Card, { title: `Digital Signature Envelope - ${envelope.name || "***"}`, className: "steps-content" },
-            React.createElement(DescriptionEditor, { id: id, collapsible: false, description: envelope.description, readonly: true, padding: "0" }),
-            React.createElement("div", { style: { padding: "0 24px" } },
-                React.createElement(Checkbox, { checked: state.show, onChange: (e) => runInAction(() => {
-                        state.show = e.target.checked;
-                        state.setDoNotShow();
-                    }) }, "Do not show this page any more")),
-            React.createElement("div", { className: "continue-btn" },
-                React.createElement(Button, { type: "primary", onClick: () => runInAction(() => (state.continue = true)) }, "Continue"))))));
-    return observe(() => (React.createElement(React.Fragment, null, envelope.loading ? (React.createElement("div", { style: { textAlign: "center" } },
-        React.createElement(Spin, { indicator: React.createElement(LoadingOutlined, { style: { fontSize: 30 }, spin: true }) }))) : envelope.description && !state.doNotShow && !state.continue ? (React.createElement(DescriptionPage, null)) : (React.createElement(EnvelopeContext.Provider, { value: context }, /ipad|iphone|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/.test(sUserAgent) ? (React.createElement(MobileView, { id: id })) : (React.createElement(PcView, { id: id })))))));
-};
-export default EnvelopeRecipientView;
+import "./index.less";
+import { Button, Card, Checkbox, Spin } from "@voplus/antd";
+import { EnvelopeContext, EnvelopeContextState } from "../../data/EnvelopeContext";
+import React, { useState } from "react";
+import { useApplicationContext, useLayout } from "@voplus/morpho-data";
+import { useEnvelope, useEnvelopeStore } from "../../data/envelope";
+import DescriptionEditor from "../../../../controls/DescriptionEditor";
+import { LoadingOutlined } from "@ant-design/icons";
+import MobileView from "./mobile";
+import PcView from "./pc";
+import { State } from "./state";
+import classnames from "classnames";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import { useRouteMatch } from "react-router";
+const EnvelopeRecipientView = () => {
+    const sUserAgent = navigator.userAgent.toLowerCase();
+    const layout = useLayout();
+    const match = useRouteMatch();
+    const id = match.params.id;
+    const { user } = useApplicationContext();
+    const [state] = useState(new State(id));
+    const envelope = useEnvelope(id, { reload: true, includes: "tags,versions" });
+    const envelopStore = useEnvelopeStore();
+    const [context] = useState(new EnvelopeContextState(id, envelopStore, user.info.id, true));
+    const DescriptionPage = () => observe(() => (React.createElement("div", { className: "envelope-recipient_description_page" },
+        React.createElement(Card, { title: `Digital Signature Envelope - ${envelope.name || "***"}`, className: "steps-content" },
+            React.createElement(DescriptionEditor, { id: id, collapsible: false, description: envelope.description, readonly: true, padding: "0" }),
+            React.createElement("div", { style: { padding: "0 24px" } },
+                React.createElement(Checkbox, { checked: state.show, onChange: (e) => runInAction(() => {
+                        state.show = e.target.checked;
+                        state.setDoNotShow();
+                    }) }, "Do not show this page any more")),
+            React.createElement("div", { className: "continue-btn" },
+                React.createElement(Button, { type: "primary", onClick: () => runInAction(() => (state.continue = true)) }, "Continue"))))));
+    return observe(() => (React.createElement("div", { className: "envelope-client-view" },
+        envelope.loading ? (React.createElement("div", { style: { textAlign: "center" } },
+            React.createElement(Spin, { indicator: React.createElement(LoadingOutlined, { style: { fontSize: 30 }, spin: true }) }))) : envelope.description && !state.doNotShow && !state.continue ? (React.createElement(DescriptionPage, null)) : (React.createElement(EnvelopeContext.Provider, { value: context }, /ipad|iphone|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/.test(sUserAgent) ? (React.createElement(MobileView, { id: id })) : (React.createElement(PcView, { id: id })))),
+        React.createElement("div", { className: classnames("envelope-footer", { "footer-mobile": layout.ui.mobile }) }, "Powered by VO DigiSign"))));
+};
+export default EnvelopeRecipientView;
 //# sourceMappingURL=index.js.map