@voplus/morpho-document 6.0.57 → 6.0.58

package/es/modules/email-template/components/EmailTemplatePropertiesView/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import "./index.less";
+declare const EmailTemplatePropertiesView: (props: {
+    id: string;
+    default?: boolean;
+}) => React.JSX.Element;
+export default EmailTemplatePropertiesView;

package/es/modules/email-template/components/EmailTemplatePropertiesView/index.js

@@ -0,0 +1,32 @@
+import React, { useMemo, useState } from "react";
+import { Open, Reload } from "../../../../controls/ToolBar/buttons";
+import { ViewContext, ViewContextData, } from "@voplus/morpho-document-core/es/data/context/ViewContext";
+import { observe } from "@voplus/morpho-ui";
+import { useMetaStore } from "@voplus/morpho-document-core";
+import { useEmailTemplate } from "../../../../data/email-template";
+import DocumentHeader from "../../../../components/DocumentHeader";
+import EmailTemplateTabs from "../EmailTemplateTabs";
+import ToolBar from "../../../../controls/ToolBar/ToolBar2";
+import "./index.less";
+const EmailTemplatePropertiesView = (props) => {
+    const id = props.id;
+    const meta = useMetaStore();
+    const view = useMemo(() => new ViewContextData("PropertiesView"), []);
+    const data = useEmailTemplate(id);
+    const [loaded, setLoaded] = useState(true);
+    return observe(() => (React.createElement(ViewContext.Provider, { value: view },
+        React.createElement("div", { className: "module-detail-view" }, loaded && (React.createElement(React.Fragment, null,
+            React.createElement(DocumentHeader, { id: id, size: "h3", quickVisible: false, tagsVisible: false, quickDataBarAlign: "left", clickNameEffect: "edit", autoSaveName: true, className: "email-template-properties-view-header", tools: React.createElement(ToolBar, { id: id, moreProps: { closeAside: true } },
+                    React.createElement(Reload, { action: onReload }),
+                    React.createElement(Open, { url: meta.getRoute(data) })), descriptionVisible: false }),
+            React.createElement(EmailTemplateTabs, { id: id })))))));
+    /** reload data */
+    function onReload() {
+        setLoaded(false);
+        setTimeout(() => {
+            setLoaded(true);
+        }, 100);
+    }
+};
+export default EmailTemplatePropertiesView;
+//# sourceMappingURL=index.js.map

package/es/modules/email-template/components/EmailTemplatePropertiesView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/email-template/components/EmailTemplatePropertiesView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EACL,WAAW,EACX,eAAe,GAChB,MAAM,0DAA0D,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,cAAc,MAAM,uCAAuC,CAAC;AACnE,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AACrD,OAAO,OAAO,MAAM,uCAAuC,CAAC;AAC5D,OAAO,cAAc,CAAC;AAEtB,MAAM,2BAA2B,GAAG,CAAC,KAAwC,EAAE,EAAE;IAC/E,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;IACpB,MAAM,IAAI,GAAG,YAAY,EAAE,CAAC;IAC5B,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,eAAe,CAAC,gBAAgB,CAAC,EAAE,EAAE,CAAC,CAAC;IACtE,MAAM,IAAI,GAAG,gBAAgB,CAAC,EAAE,CAAC,CAAC;IAClC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE3C,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACnB,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI;QAC/B,6BAAK,SAAS,EAAC,oBAAoB,IAChC,MAAM,IAAI,CACT,oBAAC,KAAK,CAAC,QAAQ;YACb,oBAAC,cAAc,IACb,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,IAAI,EACT,YAAY,EAAE,KAAK,EACnB,WAAW,EAAE,KAAK,EAClB,iBAAiB,EAAC,MAAM,EACxB,eAAe,EAAC,MAAM,EACtB,YAAY,QACZ,SAAS,EAAC,uCAAuC,EACjD,KAAK,EACH,oBAAC,OAAO,IAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE;oBAC9C,oBAAC,MAAM,IAAC,MAAM,EAAE,QAAQ,GAAI;oBAC5B,oBAAC,IAAI,IAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAI,CAC1B,EAEZ,kBAAkB,EAAE,KAAK,GACzB;YACF,oBAAC,iBAAiB,IAAC,EAAE,EAAE,EAAE,GAAI,CACd,CAClB,CACG,CACe,CACxB,CAAC,CAAC;IAEH,kBAAkB;IAClB,SAAS,QAAQ;QACf,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,UAAU,CAAC,GAAG,EAAE;YACd,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,2BAA2B,CAAC"}

package/es/modules/email-template/components/EmailTemplatePropertiesView/index.less

@@ -0,0 +1,14 @@
+:global {
+  .email-template-properties-view-header {
+    color: #444;
+    .tools-bar {
+      text-align: right;
+    }
+  }
+  .email-template-properties-view {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    overflow-x: hidden;
+  }
+}

package/es/modules/email-template/components/EmailTemplateQuickViewDialog/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+declare const EmailTemplateQuickViewDialog: (props: {
+    id: string;
+    visible?: boolean;
+    onCancel?: () => void;
+}) => React.JSX.Element;
+export default EmailTemplateQuickViewDialog;

package/es/modules/email-template/components/EmailTemplateQuickViewDialog/index.js

@@ -0,0 +1,28 @@
+import React from "react";
+import { Open } from "../../../../controls/ToolBar/buttons";
+import { observe } from "@voplus/morpho-ui";
+import { useMetaStore } from "@voplus/morpho-document-core";
+import { faAlignLeft } from "@fortawesome/pro-light-svg-icons";
+import { useEmailTemplate } from "../../../../data/email-template";
+import DocumentHeader from "../../../../components/DocumentHeader";
+import QuickViewDialog from "../../../../controls/QuickViewDialog";
+import ToolBar from "../../../../controls/ToolBar/ToolBar2";
+import EmailTemplateProperties from "../EmailTemplateProperties";
+import EmailTemplateContent from "../EmailTemplateContent";
+const EmailTemplateQuickViewDialog = (props) => {
+    const { id } = props;
+    const meta = useMetaStore();
+    const emailTemplate = useEmailTemplate(id, { includes: "tags" });
+    return observe(() => (React.createElement(QuickViewDialog, { id: props.id, visible: props.visible, onCancel: props.onCancel, header: React.createElement(DocumentHeader, { id: id, quickVisible: false, quickDataBarAlign: "left", clickNameEffect: "edit", autoSaveName: true, quickDataBarVisible: false, descriptionVisible: false, style: { paddingRight: "44px" }, tools: React.createElement(ToolBar, { id: id },
+                React.createElement(Open, { url: meta.getRoute(emailTemplate) })) }), items: [
+            {
+                name: "Properties",
+                icon: faAlignLeft,
+                title: "Display properties separately",
+                detail: React.createElement(EmailTemplateProperties, { id: id }),
+            },
+        ] },
+        React.createElement(EmailTemplateContent, { id: id }))));
+};
+export default EmailTemplateQuickViewDialog;
+//# sourceMappingURL=index.js.map

package/es/modules/email-template/components/EmailTemplateQuickViewDialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/email-template/components/EmailTemplateQuickViewDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,sCAAsC,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,cAAc,MAAM,uCAAuC,CAAC;AACnE,OAAO,eAAe,MAAM,sCAAsC,CAAC;AACnE,OAAO,OAAO,MAAM,uCAAuC,CAAC;AAC5D,OAAO,uBAAuB,MAAM,4BAA4B,CAAC;AACjE,OAAO,oBAAoB,MAAM,yBAAyB,CAAC;AAE3D,MAAM,4BAA4B,GAAG,CAAC,KAIrC,EAAE,EAAE;IACJ,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IACrB,MAAM,IAAI,GAAG,YAAY,EAAE,CAAC;IAC5B,MAAM,aAAa,GAAG,gBAAgB,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC;IAEjE,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,eAAe,IACf,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EACL,oBAAC,cAAc,IACd,EAAE,EAAE,EAAE,EACN,YAAY,EAAE,KAAK,EACnB,iBAAiB,EAAC,MAAM,EACxB,eAAe,EAAC,MAAM,EACtB,YAAY,QACZ,mBAAmB,EAAE,KAAK,EAC1B,kBAAkB,EAAE,KAAK,EACzB,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,EAC/B,KAAK,EACJ,oBAAC,OAAO,IAAC,EAAE,EAAE,EAAE;gBACd,oBAAC,IAAI,IAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAI,CAClC,GAEV,EAEH,KAAK,EAAE;YACN;gBACC,IAAI,EAAE,YAAY;gBAClB,IAAI,EAAE,WAAW;gBACjB,KAAK,EAAE,+BAA+B;gBACtC,MAAM,EAAE,oBAAC,uBAAuB,IAAC,EAAE,EAAE,EAAE,GAAI;aAC3C;SACD;QAED,oBAAC,oBAAoB,IAAC,EAAE,EAAE,EAAE,GAAI,CACf,CAClB,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,4BAA4B,CAAC"}

package/es/modules/email-template/components/EmailTemplateTabs/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+declare const EmailTemplateTabs: (props: {
+    id: string;
+}) => React.JSX.Element;
+export default EmailTemplateTabs;

package/es/modules/email-template/components/EmailTemplateTabs/index.js

@@ -0,0 +1,55 @@
+import React, { useMemo, useState } from "react";
+import { Badge } from "antd";
+import { observe } from "@voplus/morpho-ui";
+import { useDocumentListEffect } from "@voplus/morpho-document-core";
+import { SendFormContext, SendFormContextData, } from "@voplus/morpho-document-core/es/data/context/SendFormContext";
+import ActivityLog from "@voplus/morpho-org/es/components/ActivityLog/ActivityLog2";
+import EmailTemplateProperties from "../EmailTemplateProperties";
+import DocumentList from "../../../../components/DocumentList";
+import DocumentTabs from "../../../../components/DocumentTabs";
+import EmailTemplateContent from "../EmailTemplateContent";
+import Links from "../../../../components/Links";
+const EmailTemplateTabs = (props) => {
+    const { id } = props;
+    const [docTotals, setDocTotals] = useState(0);
+    const [activeKey, setActiveKey] = useState();
+    const openType = useMemo(() => new SendFormContextData("Dialog"), []);
+    useDocumentListEffect(null, (result, total) => setDocTotals(total || 0), {
+        Total: true,
+        List: false,
+        Filters: [{ c: "ParentNodeId", o: "=", l: "And", v1: id }],
+    });
+    const items = [
+        {
+            key: "Properties",
+            label: "Properties",
+            children: React.createElement(EmailTemplateProperties, { id: id }),
+        },
+        {
+            key: "Content",
+            label: "Content Preview",
+            children: React.createElement(EmailTemplateContent, { id: id }),
+        },
+        {
+            key: "Document",
+            label: (React.createElement(React.Fragment, null,
+                "Document",
+                React.createElement(Badge, { count: docTotals, className: "margin-left-10" }))),
+            children: React.createElement(DocumentList, { id: id, multiple: true, viewTitle: " ", total: false }),
+        },
+        {
+            key: "Activities",
+            label: "Activities",
+            children: React.createElement(React.Fragment, null, activeKey === "Activities" ? React.createElement(ActivityLog, { id: id, title: " " }) : null),
+        },
+        {
+            key: "Links",
+            label: "Links",
+            children: React.createElement(Links, { id: id, isTitle: false }),
+        },
+    ];
+    return observe(() => (React.createElement(SendFormContext.Provider, { value: openType },
+        React.createElement(DocumentTabs, { id: id, active: "Properties", tabItems: items, onChange: (key) => setActiveKey(key) }))));
+};
+export default EmailTemplateTabs;
+//# sourceMappingURL=index.js.map

package/es/modules/email-template/components/EmailTemplateTabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/email-template/components/EmailTemplateTabs/index.tsx"],"names":[],"mappings":"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"}

package/es/modules/email-template/components/NewEmailTemplateForm/NewEmailTemplateFormDialog.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { NewEmailTemplateFormProps } from "./index";
+import "./index.less";
+declare const NewEmailTemplateFormDialog: {
+    (props: NewEmailTemplateFormProps): React.JSX.Element;
+    defaultProps: {
+        type: string;
+    };
+};
+export default NewEmailTemplateFormDialog;

package/es/modules/email-template/components/NewEmailTemplateForm/NewEmailTemplateFormDialog.js

@@ -0,0 +1,14 @@
+import React from "react";
+import NewEmailTemplateForm from "./index";
+import { Modal } from "antd";
+import { observe } from "@voplus/morpho-ui";
+import "./index.less";
+const NewEmailTemplateFormDialog = (props) => {
+    return observe(() => (React.createElement(Modal, { className: "new-email-template-form-dialog", title: "New EmailTemplate Form Dialog", open: true, closable: false, footer: false, onCancel: props.onCancel },
+        React.createElement(NewEmailTemplateForm, { ...props }))));
+};
+NewEmailTemplateFormDialog.defaultProps = {
+    type: "mini",
+};
+export default NewEmailTemplateFormDialog;
+//# sourceMappingURL=NewEmailTemplateFormDialog.js.map

package/es/modules/email-template/components/NewEmailTemplateForm/NewEmailTemplateFormDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewEmailTemplateFormDialog.js","sourceRoot":"","sources":["../../../../../src/modules/email-template/components/NewEmailTemplateForm/NewEmailTemplateFormDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,oBAAmD,MAAM,SAAS,CAAC;AAC1E,OAAO,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAC7B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,cAAc,CAAC;AAEtB,MAAM,0BAA0B,GAAG,CAAC,KAAgC,EAAE,EAAE;IACtE,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACnB,oBAAC,KAAK,IACJ,SAAS,EAAC,gCAAgC,EAC1C,KAAK,EAAC,+BAA+B,EACrC,IAAI,QACJ,QAAQ,EAAE,KAAK,EACf,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,KAAK,CAAC,QAAQ;QAExB,oBAAC,oBAAoB,OAAK,KAAK,GAAI,CAC7B,CACT,CAAC,CAAC;AACL,CAAC,CAAC;AACF,0BAA0B,CAAC,YAAY,GAAG;IACxC,IAAI,EAAE,MAAM;CACb,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

package/es/modules/email-template/components/NewEmailTemplateForm/index.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import "./index.less";
+export type NewEmailTemplateFormProps = {
+    parentId?: string;
+    type?: "full" | "mini";
+    className?: string;
+    showView?: boolean;
+    onChange?: (data?: any) => void;
+    onSave?: (params?: any) => void;
+    onCancel?: () => void;
+};
+declare const NewEmailTemplateForm: {
+    (props: NewEmailTemplateFormProps): React.JSX.Element;
+    defaultProps: {
+        type: string;
+    };
+};
+export default NewEmailTemplateForm;

package/es/modules/email-template/components/NewEmailTemplateForm/index.js

@@ -0,0 +1,61 @@
+import React, { useState } from "react";
+import { Form, Row, Space, Checkbox, Button, Input } from "antd";
+import { State } from "./state";
+import { observe } from "@voplus/morpho-ui";
+import { runInAction } from "mobx";
+import { useAsideContentContext } from "@voplus/morpho-ui/es/components/layout/AsideContent";
+import { useEmailTemplateStore } from "../../../../data/email-template";
+import CodeMirror from "../CodeMirror";
+import AddFormView from "@voplus/morpho-ui/es/controls/AddFormView";
+import EmailTemplatePropertiesView from "../EmailTemplatePropertiesView";
+import classnames from "classnames";
+import "./index.less";
+const NewEmailTemplateForm = (props) => {
+    const store = useEmailTemplateStore();
+    const asideContext = useAsideContentContext();
+    const [state] = useState(new State());
+    const content = observe(() => (React.createElement("div", { className: classnames("new-email-template-form", { "sub-email-template-simply-form": props.type === "mini" }, props.className) },
+        React.createElement(Form, { layout: "vertical", onValuesChange: onFormLayoutChange },
+            React.createElement(Form.Item, { name: "Subject", label: "Subject" },
+                React.createElement(Input, { onChange: (e) => (state.params.Subject = e.target.value) })),
+            React.createElement(Form.Item, { name: "Body", label: "Body" },
+                React.createElement(CodeMirror, { onChange: (code) => (state.params.Body = code) })),
+            React.createElement(Form.Item, { name: "IsLayout" },
+                React.createElement(Checkbox, { onChange: (e) => (state.params.IsLayout = e.target.checked) }, "Is Layout")),
+            props.type === "mini" && !props.onChange && (React.createElement(Row, { className: "email-template-form-btn", justify: "end" },
+                React.createElement(Space, null,
+                    React.createElement(Button, { onClick: onCancel }, "Cancel"),
+                    React.createElement(Button, { type: "primary", onClick: onSubmit }, "Submit"))))))));
+    return observe(() => (React.createElement(React.Fragment, null, props.type === "full" ? (React.createElement(AddFormView, { title: "Add EmailTemplate", loading: !!state.loading, onCancel: onCancel, onSubmit: onSubmit }, content)) : (content))));
+    function onFormLayoutChange() {
+        if (props.onChange) {
+            props.onChange(state.params);
+        }
+    }
+    function onSubmit() {
+        runInAction(async () => {
+            var _a;
+            state.loading = true;
+            const res = await store.create({ data: state.params, error: "message" });
+            (_a = props.onSave) === null || _a === void 0 ? void 0 : _a.call(props, state.params);
+            state.loading = false;
+            state.params = state.Params;
+            if (props.showView)
+                return asideContext.openAside(React.createElement(EmailTemplatePropertiesView, { id: res.id }), {
+                    span: 12,
+                });
+        });
+    }
+    function onCancel() {
+        state.params = state.Params;
+        if (props.showView)
+            return asideContext.closeAside();
+        if (props.onCancel)
+            props.onCancel();
+    }
+};
+NewEmailTemplateForm.defaultProps = {
+    type: "full",
+};
+export default NewEmailTemplateForm;
+//# sourceMappingURL=index.js.map

package/es/modules/email-template/components/NewEmailTemplateForm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/email-template/components/NewEmailTemplateForm/index.tsx"],"names":[],"mappings":"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"}

package/es/modules/email-template/components/NewEmailTemplateForm/index.less

@@ -0,0 +1,47 @@
+@import "~@voplus/morpho-theme/styles/index.less";
+
+:global {
+	.new-email-template-form {
+		&.sub-email-template-more-form {
+			padding: 0 20px;
+
+			.ant-form-item {
+				margin-bottom: 15px;
+			}
+		}
+
+		&.sub-email-template-simply-form {
+			flex: none;
+			padding-bottom: 10px;
+			// border-top: #f2f2f2 solid 1px;
+
+			.ant-form-item {
+				margin-bottom: 0;
+			}
+		}
+
+		.email-template-code-mirror {
+			height: 200px;
+
+			.cm-editor {
+				height: 100%;
+				border-radius: 8px;
+				border: 1px solid #e5e7eb;
+			}
+
+			.ͼ1.cm-focused {
+				outline: none;
+			}
+		}
+
+		.email-template-form-btn {
+			margin-top: 10px;
+		}
+	}
+
+	.new-email-template-form-dialog {
+		.ant-modal-footer {
+			display: none;
+		}
+	}
+}

package/es/modules/email-template/components/NewEmailTemplateForm/state.d.ts

@@ -0,0 +1,19 @@
+import { ICenter } from "@voplus/morpho-center-core/es/data";
+export declare class State {
+    center: ICenter[];
+    centerTotal: number;
+    constructor();
+    Params: {
+        Name: string;
+        IsLayout: boolean;
+        Subject: string;
+        Body: string;
+    };
+    params: {
+        Name: string;
+        IsLayout: boolean;
+        Subject: string;
+        Body: string;
+    };
+    loading: boolean;
+}

package/es/modules/email-template/components/NewEmailTemplateForm/state.js

@@ -0,0 +1,55 @@
+import { __decorate } from "tslib";
+import { makeObservable, observable } from "mobx";
+export class State {
+    constructor() {
+        Object.defineProperty(this, "center", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        Object.defineProperty(this, "centerTotal", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        Object.defineProperty(this, "Params", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {
+                Name: "Email Template",
+                IsLayout: false,
+                Subject: "",
+                Body: "",
+            }
+        });
+        Object.defineProperty(this, "params", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: this.Params
+        });
+        Object.defineProperty(this, "loading", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        makeObservable(this);
+    }
+}
+__decorate([
+    observable
+], State.prototype, "center", void 0);
+__decorate([
+    observable
+], State.prototype, "centerTotal", void 0);
+__decorate([
+    observable
+], State.prototype, "params", void 0);
+__decorate([
+    observable
+], State.prototype, "loading", void 0);
+//# sourceMappingURL=state.js.map

package/es/modules/email-template/components/NewEmailTemplateForm/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/email-template/components/NewEmailTemplateForm/state.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAGlD,MAAM,OAAO,KAAK;IAIjB;QAHmB;;;;mBAAoB,EAAE;WAAC;QACvB;;;;mBAAc,CAAC;WAAC;QAM5B;;;;mBAAS;gBACf,IAAI,EAAE,gBAAgB;gBACtB,QAAQ,EAAE,KAAK;gBACf,OAAO,EAAE,EAAE;gBACX,IAAI,EAAE,EAAE;aACR;WAAC;QAEiB;;;;mBAAS,IAAI,CAAC,MAAM;WAAC;QACrB;;;;mBAAU,KAAK;WAAC;QAXlC,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;CAWD;AAhBmB;IAAlB,UAAU;qCAA+B;AACvB;IAAlB,UAAU;0CAAwB;AAahB;IAAlB,UAAU;qCAA6B;AACrB;IAAlB,UAAU;sCAAwB"}

package/es/modules/email-template/controls/EmailTemplateDataIconBar/index.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+declare const EmailTemplateDataIconBar: {
+    (props: {
+        id: string;
+        commentVisible?: boolean;
+        more?: boolean;
+    }): React.JSX.Element;
+    defaultProps: {
+        commentVisible: boolean;
+    };
+};
+export default EmailTemplateDataIconBar;

package/es/modules/email-template/controls/EmailTemplateDataIconBar/index.js

@@ -0,0 +1,19 @@
+import React from "react";
+import { observe } from "@voplus/morpho-ui";
+import { CommentDataIcon, DateQuickIcon, DocumentDataIcon, DocumentPathDataIcon, UserQuickIcon, } from "../../../../controls/data-icons";
+import DataIconBar from "../../../../controls/DataIconBar";
+const EmailTemplateDataIconBar = (props) => {
+    const { id, commentVisible, more } = props;
+    return observe(() => (React.createElement(DataIconBar, null,
+        React.createElement(DocumentDataIcon, { id: id }),
+        commentVisible && React.createElement(CommentDataIcon, { id: id }),
+        React.createElement(UserQuickIcon, { id: id }),
+        more && (React.createElement(React.Fragment, null,
+            React.createElement(DateQuickIcon, { id: id }),
+            React.createElement(DocumentPathDataIcon, { id: id }))))));
+};
+EmailTemplateDataIconBar.defaultProps = {
+    commentVisible: true,
+};
+export default EmailTemplateDataIconBar;
+//# sourceMappingURL=index.js.map

package/es/modules/email-template/controls/EmailTemplateDataIconBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/email-template/controls/EmailTemplateDataIconBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EACN,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,oBAAoB,EACpB,aAAa,GACb,MAAM,iCAAiC,CAAC;AACzC,OAAO,WAAW,MAAM,kCAAkC,CAAC;AAE3D,MAAM,wBAAwB,GAAG,CAAC,KAIjC,EAAE,EAAE;IACJ,MAAM,EAAE,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAE3C,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,WAAW;QACX,oBAAC,gBAAgB,IAAC,EAAE,EAAE,EAAE,GAAI;QAC3B,cAAc,IAAI,oBAAC,eAAe,IAAC,EAAE,EAAE,EAAE,GAAI;QAC9C,oBAAC,aAAa,IAAC,EAAE,EAAE,EAAE,GAAI;QACxB,IAAI,IAAI,CACR;YACC,oBAAC,aAAa,IAAC,EAAE,EAAE,EAAE,GAAI;YACzB,oBAAC,oBAAoB,IAAC,EAAE,EAAE,EAAE,GAAI,CAC9B,CACH,CACY,CACd,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,wBAAwB,CAAC,YAAY,GAAG;IACvC,cAAc,EAAE,IAAI;CACpB,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/es/modules/email-template/pages/EmailTemplateDefaultView/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+/** The EmailTemplate Page component with router parameters support. */
+declare const EmailTemplateDefaultView: ({ id }: {
+    id: string;
+}) => React.JSX.Element;
+export default EmailTemplateDefaultView;

package/es/modules/email-template/pages/EmailTemplateDefaultView/index.js

@@ -0,0 +1,41 @@
+import React, { useState } from "react";
+import { Space, Button } from "antd";
+import { TabItemContext, TabItemStore } from "@voplus/morpho-data";
+import { observe, useAsideContentContext } from "@voplus/morpho-ui";
+import { useEmailTemplate, useEmailTemplateStore } from "../../../../data/email-template";
+import { useFrame } from "../../../../components/ViewFrame/ViewFrameContext";
+import AsideContent from "@voplus/morpho-ui/es/components/layout/AsideContent";
+import MainContent from "@voplus/morpho-ui/es/components/layout/MainContent";
+import EmailTemplateProperties from "../../components/EmailTemplateProperties";
+import EmailTemplateContent from "../../components/EmailTemplateContent";
+import DocumentTabs from "../../../../components/DocumentTabs";
+import CodeMirror from "../../components/CodeMirror";
+import styles from "./index.less";
+/** The EmailTemplate Page component with router parameters support. */
+const EmailTemplateDefaultView = ({ id }) => {
+    const context = new TabItemStore({ url: "" });
+    const frame = useFrame();
+    const emailTemplate = useEmailTemplate(id, { includes: "tags" });
+    const store = useEmailTemplateStore();
+    const [edit, setEdit] = useState(false);
+    const [codeContent, setCodeContent] = useState();
+    const [asideContext] = useState(frame ? useAsideContentContext() : AsideContent.createContext());
+    return observe(() => (React.createElement(TabItemContext.Provider, { value: context },
+        React.createElement(MainContent, { className: styles["email-template-default-view"], asideable: !frame },
+            React.createElement(MainContent.Nav, { collapsible: true },
+                React.createElement(EmailTemplateProperties, { id: id, headerVisible: true })),
+            React.createElement("div", { className: "email-template-context" },
+                React.createElement("div", { className: "email-template-body" },
+                    React.createElement("div", { className: "email-template-body-header" }, edit ? (React.createElement(Space, null,
+                        React.createElement(Button, { onClick: () => setEdit(false) }, "Cancel"),
+                        React.createElement(Button, { type: "primary", onClick: async () => {
+                                await store
+                                    .edit(id, { data: { Body: codeContent }, error: "message" })
+                                    .then(() => setEdit(false));
+                            } }, "Save"))) : (React.createElement(Button, { type: "primary", onClick: () => setEdit(true) }, "Edit"))),
+                    edit ? (React.createElement(CodeMirror, { code: emailTemplate.body, onChange: (code) => setCodeContent(code) })) : (React.createElement(EmailTemplateContent, { id: id }))),
+                frame ? (React.createElement(DocumentTabs, { id: id, active: "Document" })) : (React.createElement(AsideContent, { className: "email-template-aside-content", context: asideContext },
+                    React.createElement(DocumentTabs, { id: id, active: "Document" }))))))));
+};
+export default EmailTemplateDefaultView;
+//# sourceMappingURL=index.js.map

package/es/modules/email-template/pages/EmailTemplateDefaultView/index.js.map

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

package/es/modules/email-template/pages/EmailTemplateDefaultView/index.less

@@ -0,0 +1,46 @@
+.email-template-default-view {
+	:global {
+		.main-content-nav {
+			width: 370px;
+			padding: 0;
+			z-index: 2;
+		}
+		.email-template-context {
+			display: flex;
+			padding: 0;
+			background: #ffffff;
+			> .email-template-aside-content,
+			> .ant-tabs {
+				flex: 1;
+			}
+			.email-template-body {
+				width: 50%;
+				box-sizing: border-box;
+				border-right: 1px solid #e6e6e6;
+
+				.email-template-body-header {
+					height: 49px;
+					padding: 0 20px;
+					box-sizing: border-box;
+					border-bottom: 1px solid #e6e6e6;
+
+					display: flex;
+					align-items: center;
+					justify-content: end;
+				}
+
+				.email-template-iframe-content {
+					height: calc(100% - 50px);
+				}
+
+				.email-template-code-mirror {
+					height: calc(100% - 50px);
+
+					.cm-editor {
+						height: 100%;
+					}
+				}
+			}
+		}
+	}
+}

package/es/modules/graph/pages/GraphDefaultView/index.js

@@ -3,7 +3,7 @@ import GraphProperties from "../../components/GraphProperties";
 import GraphViewer from "../../components/GraphViewer";
 import MainContent from "@voplus/morpho-ui/es/components/layout/MainContent";
 import React from "react";
-import { Skeleton } from "antd";
+import { Spin } from "antd";
 import { observe } from "@voplus/morpho-ui";
 import styles from "./index.less";
 import { useDocument } from "@voplus/morpho-document-core";
@@ -15,9 +15,7 @@ const GraphDefaultView = ({ id }) => {
         React.createElement(MainContent, { className: styles["graph-default-view"] },
             React.createElement(MainContent.Nav, { collapsible: true },
                 React.createElement(GraphProperties, { id: id })),
-            React.createElement("div", { className: "graph-content" },
-                React.createElement(Skeleton, { active: true, loading: !doc.loaded },
-                    React.createElement(GraphViewer, { id: id, autoHeight: true })))))));
+            React.createElement("div", { className: "graph-content" }, doc.loading ? React.createElement(Spin, null) : React.createElement(GraphViewer, { id: id, autoHeight: true }))))));
 };
 export default GraphDefaultView;
 //# sourceMappingURL=index.js.map

package/es/modules/graph/pages/GraphDefaultView/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/graph/pages/GraphDefaultView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnE,OAAO,eAAe,MAAM,kCAAkC,CAAC;AAC/D,OAAO,WAAW,MAAM,8BAA8B,CAAC;AACvD,OAAO,WAAW,MAAM,oDAAoD,CAAC;AAC7E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,QAAQ,EAAE,MAAM,MAAM,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,+DAA+D;AAC/D,MAAM,gBAAgB,GAAG,CAAC,EAAE,EAAE,EAAkB,EAAE,EAAE;IACnD,MAAM,KAAK,GAAG,IAAI,YAAY,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5C,MAAM,GAAG,GAAG,WAAW,CAAC,EAAE,CAAC,CAAC;IAE5B,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QACpC,oBAAC,WAAW,IAAC,SAAS,EAAE,MAAM,CAAC,oBAAoB,CAAC;YACnD,oBAAC,WAAW,CAAC,GAAG,IAAC,WAAW;gBAC3B,oBAAC,eAAe,IAAC,EAAE,EAAE,EAAE,GAAI,CACV;YAClB,6BAAK,SAAS,EAAC,eAAe;gBAC7B,oBAAC,QAAQ,IAAC,MAAM,QAAC,OAAO,EAAE,CAAC,GAAG,CAAC,MAAM;oBACpC,oBAAC,WAAW,IAAC,EAAE,EAAE,EAAE,EAAE,UAAU,SAAG,CACxB,CACN,CACO,CACW,CAC1B,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/graph/pages/GraphDefaultView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnE,OAAO,eAAe,MAAM,kCAAkC,CAAC;AAC/D,OAAO,WAAW,MAAM,8BAA8B,CAAC;AACvD,OAAO,WAAW,MAAM,oDAAoD,CAAC;AAC7E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,+DAA+D;AAC/D,MAAM,gBAAgB,GAAG,CAAC,EAAE,EAAE,EAAkB,EAAE,EAAE;IACnD,MAAM,KAAK,GAAG,IAAI,YAAY,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5C,MAAM,GAAG,GAAG,WAAW,CAAC,EAAE,CAAC,CAAC;IAE5B,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CACpB,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;QACpC,oBAAC,WAAW,IAAC,SAAS,EAAE,MAAM,CAAC,oBAAoB,CAAC;YACnD,oBAAC,WAAW,CAAC,GAAG,IAAC,WAAW;gBAC3B,oBAAC,eAAe,IAAC,EAAE,EAAE,EAAE,GAAI,CACV;YAClB,6BAAK,SAAS,EAAC,eAAe,IAC5B,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,oBAAC,IAAI,OAAG,CAAC,CAAC,CAAC,oBAAC,WAAW,IAAC,EAAE,EAAE,EAAE,EAAE,UAAU,SAAG,CACvD,CACO,CACW,CAC1B,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}