@topol.io/editor 0.0.3 → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +47 -15
- package/dist/topol-plugin.es.js +61 -46
- package/dist/topol-plugin.umd.js +1 -1
- package/dist/types/src/main.d.ts +8 -3
- package/dist/types/types/API/API.d.ts +11 -7
- package/dist/types/types/APIBlocks/APIBlocks.d.ts +12 -0
- package/dist/types/types/ContentBlock/IContentBlockOptions.d.ts +2 -1
- package/dist/types/types/CustomBlocks/CustomBlocks.d.ts +10 -1
- package/dist/types/types/Helpdesk/Helpdesk.d.ts +8 -0
- package/dist/types/types/ITopolOptions.d.ts +99 -53
- package/dist/types/types/ITopolPlugin.d.ts +8 -3
- package/dist/types/types/MergeTag/IMergeTag.d.ts +1 -0
- package/dist/types/types/SavedBlock/ISavedBlock.d.ts +1 -0
- package/dist/types/types/User/User.d.ts +5 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -30,7 +30,7 @@ Add HTML element Editor will load to
|
|
|
30
30
|
|
|
31
31
|
In your JS or TS file import TopolPlugin, initialize the editor, as an ID provide the id you defined the HTML, in this example its `app`
|
|
32
32
|
|
|
33
|
-
For more options see the docs for [TopolOptions configuration](https://topol.io/
|
|
33
|
+
For more options see the docs for [TopolOptions configuration](https://docs.topol.io/reference/topol-options.html)
|
|
34
34
|
|
|
35
35
|
```js
|
|
36
36
|
import TopolPlugin from "@topol.io/editor";
|
|
@@ -61,22 +61,54 @@ TopolPlugin.save();
|
|
|
61
61
|
|
|
62
62
|
### List of all available TopolPlugin actions:
|
|
63
63
|
|
|
64
|
-
| Action
|
|
65
|
-
|
|
|
66
|
-
| `TopolPlugin.save()`
|
|
67
|
-
| `TopolPlugin.load(template`
|
|
68
|
-
| `TopolPlugin.togglePreview()`
|
|
69
|
-
| `TopolPlugin.togglePreviewSize()`
|
|
70
|
-
| `TopolPlugin.undo()`
|
|
71
|
-
| `TopolPlugin.redo()`
|
|
72
|
-
| `TopolPlugin.setSavedBlocks(savedblock: ISavedBlock[])`
|
|
73
|
-
| `TopolPlugin.createNotification(notification: INotification)`
|
|
74
|
-
| `TopolPlugin.changeEmailToMobile()`
|
|
75
|
-
| `TopolPlugin.changeEmailToDesktop()`
|
|
76
|
-
| `TopolPlugin.toggleBlocksAndStructuresVisibility()`
|
|
77
|
-
| `TopolPlugin.destroy()`
|
|
64
|
+
| Action | Description |
|
|
65
|
+
| --------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
66
|
+
| `TopolPlugin.save()` | Saves the content of the editor [more info](https://docs.topol.io/guide/how-to-use-custom-topbar.html#save-and-saveandclose) |
|
|
67
|
+
| `TopolPlugin.load(template)` | Loads the provided template [more info](https://docs.topol.io/guide/how-to-load-and-save-template.html#loading-template) |
|
|
68
|
+
| `TopolPlugin.togglePreview()` | Toggles editor preview [more info](https://docs.topol.io/guide/how-to-use-custom-topbar.html#changing-preview-mode) |
|
|
69
|
+
| `TopolPlugin.togglePreviewSize()` | Toggles editor preview size [more info](https://docs.topol.io/guide/how-to-use-custom-topbar.html#changing-preview-mode) |
|
|
70
|
+
| `TopolPlugin.undo()` | Undo change in editor [more info](https://docs.topol.io/guide/how-to-use-custom-topbar.html#undo-and-redo) |
|
|
71
|
+
| `TopolPlugin.redo()` | Redo change in editor [more info](https://docs.topol.io/guide/how-to-use-custom-topbar.html#undo-and-redo) |
|
|
72
|
+
| `TopolPlugin.setSavedBlocks(savedblock: ISavedBlock[])` | Sets the saved blocks [more info](https://docs.topol.io/guide/saved-blocks.html) |
|
|
73
|
+
| `TopolPlugin.createNotification(notification: INotification)` | Creates editor's notification [more info](https://docs.topol.io/guide/custom-notifications.html) |
|
|
74
|
+
| `TopolPlugin.changeEmailToMobile()` | Change email to mobile view [more info](https://docs.topol.io/guide/mobile-first.html#mobile-first-email-template) |
|
|
75
|
+
| `TopolPlugin.changeEmailToDesktop()` | Change email to desktop view [more info](https://docs.topol.io/guide/mobile-first.html#mobile-first-email-template) |
|
|
76
|
+
| `TopolPlugin.toggleBlocksAndStructuresVisibility()` | Toggle hidden structures visibility for blocks and structures [more info](https://docs.topol.io/guide/mobile-first.html#mobile-first-email-template) |
|
|
77
|
+
| `TopolPlugin.destroy()` | Destroys the editor initialization |
|
|
78
|
+
| `TopolPlugin.chooseFile()` | Chooses the file if image block is active [more info](https://docs.topol.io/guide/custom-filemanager.html#choosefile) |
|
|
79
|
+
| `TopolPlugin.openPremadeTemplatesSelection()` | Opens the premade templates modal pick [more info](https://docs.topol.io/guide/premade-templates-in-editor.html) |
|
|
80
|
+
| `TopolPlugin.refreshComments(key: string)` | Refreshes the conversation [more info](https://docs.topol.io/guide/comments.html#refreshcomments) |
|
|
81
|
+
| `TopolPlugin.setActiveMembers(activeMemers: string[])` | Sets the active members |
|
|
82
|
+
| `TopolPlugin.setTemplateName(name: string)` | Sets the name of template [more info](https://docs.topol.io/guide/rename-template.html) |
|
|
83
|
+
| `TopolPlugin.updateApiAuthorizationHeader(newHeader: string \| Record<string, string>)` | Refreshes the authorization tokens [more info](https://docs.topol.io/guide/security.html#refresh-token) |
|
|
84
|
+
| `TopolPlugin.updateCustomBlockContent(content: string)` | Refreshes the authorization tokens [more info](https://docs.topol.io/guide/custom-block.html#inserting-custom-html-in-custom-dialog-component) |
|
|
78
85
|
|
|
79
86
|
<br>
|
|
87
|
+
|
|
88
|
+
### List of all editor events
|
|
89
|
+
|
|
90
|
+
| Event | Description |
|
|
91
|
+
| ------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
92
|
+
| `@onSave` | Returns object which contains html and json of the template [more info](https://docs.topol.io/guide/callbacks.html#on-save) |
|
|
93
|
+
| `@onSaveAndClose` | Returns object which contains html and json of the template [more info](https://docs.topol.io/guide/callbacks.html#on-save-and-close) |
|
|
94
|
+
| `@onTestSend` | Returns object which contains email, html and json of the template [more info](https://docs.topol.io/guide/callbacks.html#on-test-email-send) |
|
|
95
|
+
| `@onOpenFileManager` | When user clicks file manager open [more info](https://docs.topol.io/guide/custom-filemanager.html#onopenfilemanager) |
|
|
96
|
+
| `@onLoaded` | After editor template is loaded using `TopolPlugin.load()` [more info](https://docs.topol.io/guide/callbacks.html#on-loaded) |
|
|
97
|
+
| `@onInit` | When editor inits [more info](https://docs.topol.io/guide/callbacks.html#on-init) |
|
|
98
|
+
| `@onBlockSave` | When user saves block in editor, returns object of type ISavedBlock [more info](https://docs.topol.io/guide/callbacks.html#on-block-save) |
|
|
99
|
+
| `@onBlockRemove` | When user removes saved block, returns id of saved block to be removed [more info](https://docs.topol.io/guide/callbacks.html#on-block-remove) |
|
|
100
|
+
| `@onBlockEdit` | When user edits saved block, returns id of saved block to be updated [more info](https://docs.topol.io/guide/callbacks.html#on-block-edit) |
|
|
101
|
+
| `@onUndoChange` | When user clicks undo button, retunrs number of steps user undone [more info](https://docs.topol.io/guide/callbacks.html#on-undo-change) |
|
|
102
|
+
| `@onRedoChange` | When user clicks redo button, retunrs number of steps user redone [more info](https://docs.topol.io/guide/callbacks.html#on-redo-change) |
|
|
103
|
+
| `@onPreview` | When user switches to preview [more info](https://docs.topol.io/guide/callbacks.html#on-preview) |
|
|
104
|
+
| `@onAlert` | When alert appears in editor [more info](https://docs.topol.io/guide/callbacks.html#on-alert) |
|
|
105
|
+
| `@onClose` | When close is click inside WindowBar [more info](https://docs.topol.io/guide/top-bar.html#window-bar) |
|
|
106
|
+
| `@onEdittedWithoutSaveChanged` | When user is about to leave an editor with unsaved changes [more info](https://docs.topol.io/guide/disable-before-leaving-modal.html#before-exit-modal-when-user-has-unsaved-changes) |
|
|
107
|
+
| `@onOpenCustomBlockDialog` | When user clicks on the open dialog in custom block [more info](https://docs.topol.io/guide/custom-block.html#inserting-custom-html-in-custom-dialog-component) |
|
|
108
|
+
| `@onTemplateRename` | When user clicks on the pencil icon next to the template name [more info](https://docs.topol.io/guide/rename-template.html#rename-template) |
|
|
109
|
+
| `@updateTestingEmailAddresses` | When user edits the email list in preview [more info](https://docs.topol.io/guide/sending-a-test-email.html#managing-saving-emails-yourself) |
|
|
110
|
+
| `@onError` | When an error that cannot be handled happened in the editor [more info](https://docs.topol.io/guide/callbacks.html#onerror) |
|
|
111
|
+
|
|
80
112
|
<br>
|
|
81
113
|
|
|
82
114
|
## TypeScript
|
package/dist/topol-plugin.es.js
CHANGED
|
@@ -1,52 +1,52 @@
|
|
|
1
|
-
function r(
|
|
2
|
-
return
|
|
1
|
+
function r(e) {
|
|
2
|
+
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
3
3
|
}
|
|
4
|
-
var u = function(
|
|
5
|
-
var
|
|
6
|
-
typeof
|
|
7
|
-
},
|
|
8
|
-
var d = "onload" in
|
|
9
|
-
d(
|
|
4
|
+
var u = function(t, o, i) {
|
|
5
|
+
var l = document.head || document.getElementsByTagName("head")[0], n = document.createElement("script");
|
|
6
|
+
typeof o == "function" && (i = o, o = {}), o = o || {}, i = i || function() {
|
|
7
|
+
}, n.type = o.type || "text/javascript", n.charset = o.charset || "utf8", n.async = "async" in o ? !!o.async : !0, n.src = t, o.attrs && s(n, o.attrs), o.text && (n.text = "" + o.text);
|
|
8
|
+
var d = "onload" in n ? a : c;
|
|
9
|
+
d(n, i), n.onload || a(n, i), l.appendChild(n);
|
|
10
10
|
};
|
|
11
|
-
function
|
|
12
|
-
for (var
|
|
13
|
-
|
|
11
|
+
function s(e, t) {
|
|
12
|
+
for (var o in t)
|
|
13
|
+
e.setAttribute(o, t[o]);
|
|
14
14
|
}
|
|
15
|
-
function a(
|
|
16
|
-
|
|
17
|
-
this.onerror = this.onload = null,
|
|
18
|
-
},
|
|
19
|
-
this.onerror = this.onload = null,
|
|
15
|
+
function a(e, t) {
|
|
16
|
+
e.onload = function() {
|
|
17
|
+
this.onerror = this.onload = null, t(null, e);
|
|
18
|
+
}, e.onerror = function() {
|
|
19
|
+
this.onerror = this.onload = null, t(new Error("Failed to load " + this.src), e);
|
|
20
20
|
};
|
|
21
21
|
}
|
|
22
|
-
function
|
|
23
|
-
|
|
24
|
-
this.readyState != "complete" && this.readyState != "loaded" || (this.onreadystatechange = null,
|
|
22
|
+
function c(e, t) {
|
|
23
|
+
e.onreadystatechange = function() {
|
|
24
|
+
this.readyState != "complete" && this.readyState != "loaded" || (this.onreadystatechange = null, t(null, e));
|
|
25
25
|
};
|
|
26
26
|
}
|
|
27
|
-
const
|
|
28
|
-
function P(
|
|
29
|
-
switch (
|
|
27
|
+
const w = /* @__PURE__ */ r(u), g = "https://d5aoblv5p04cg.cloudfront.net/editor-3/loader/build.js", p = "https://d5aoblv5p04cg.cloudfront.net/develop/loader/build.js", T = "https://d5aoblv5p04cg.cloudfront.net/staging/loader/build.js";
|
|
28
|
+
function P(e = "production") {
|
|
29
|
+
switch (e) {
|
|
30
30
|
case "dev":
|
|
31
|
-
return
|
|
31
|
+
return p;
|
|
32
32
|
case "staging":
|
|
33
33
|
return T;
|
|
34
34
|
default:
|
|
35
|
-
return
|
|
35
|
+
return g;
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
|
-
const
|
|
39
|
-
init: (
|
|
40
|
-
const
|
|
41
|
-
|
|
42
|
-
|
|
38
|
+
const f = {
|
|
39
|
+
init: (e, t) => new Promise((o, i) => {
|
|
40
|
+
const l = P(t == null ? void 0 : t.stage);
|
|
41
|
+
w(l, (n) => {
|
|
42
|
+
n !== null && i(n), window.TopolPlugin.init(e), o(!0);
|
|
43
43
|
});
|
|
44
44
|
}),
|
|
45
45
|
save: () => {
|
|
46
46
|
window.TopolPlugin.save();
|
|
47
47
|
},
|
|
48
|
-
load: (
|
|
49
|
-
window.TopolPlugin.load(
|
|
48
|
+
load: (e) => {
|
|
49
|
+
window.TopolPlugin.load(e);
|
|
50
50
|
},
|
|
51
51
|
togglePreview: () => {
|
|
52
52
|
window.TopolPlugin.togglePreview();
|
|
@@ -54,8 +54,8 @@ const p = {
|
|
|
54
54
|
togglePreviewSize: () => {
|
|
55
55
|
window.TopolPlugin.togglePreviewSize();
|
|
56
56
|
},
|
|
57
|
-
chooseFile: (
|
|
58
|
-
window.TopolPlugin.chooseFile(
|
|
57
|
+
chooseFile: (e) => {
|
|
58
|
+
window.TopolPlugin.chooseFile(e);
|
|
59
59
|
},
|
|
60
60
|
undo: () => {
|
|
61
61
|
window.TopolPlugin.undo();
|
|
@@ -63,11 +63,20 @@ const p = {
|
|
|
63
63
|
redo: () => {
|
|
64
64
|
window.TopolPlugin.redo();
|
|
65
65
|
},
|
|
66
|
-
|
|
67
|
-
window.TopolPlugin.
|
|
66
|
+
destroy: () => {
|
|
67
|
+
window.TopolPlugin.destroy();
|
|
68
|
+
},
|
|
69
|
+
setSavedBlocks: (e) => {
|
|
70
|
+
window.TopolPlugin.setSavedBlocks(e);
|
|
71
|
+
},
|
|
72
|
+
setPreviewHTML: (e) => {
|
|
73
|
+
window.TopolPlugin.setPreviewHTML(e);
|
|
74
|
+
},
|
|
75
|
+
createNotification: (e) => {
|
|
76
|
+
window.TopolPlugin.createNotification(e);
|
|
68
77
|
},
|
|
69
|
-
|
|
70
|
-
window.TopolPlugin.
|
|
78
|
+
setActiveMembers: (e) => {
|
|
79
|
+
window.TopolPlugin.setActiveMembers(e);
|
|
71
80
|
},
|
|
72
81
|
changeEmailToMobile: () => {
|
|
73
82
|
window.TopolPlugin.changeEmailToMobile();
|
|
@@ -78,19 +87,25 @@ const p = {
|
|
|
78
87
|
toggleBlocksAndStructuresVisibility: () => {
|
|
79
88
|
window.TopolPlugin.toggleBlocksAndStructuresVisibility();
|
|
80
89
|
},
|
|
81
|
-
|
|
82
|
-
window.TopolPlugin.
|
|
90
|
+
updateCustomBlockContent: (e) => {
|
|
91
|
+
window.TopolPlugin.updateCustomBlockContent(e);
|
|
92
|
+
},
|
|
93
|
+
refreshComments: (e) => {
|
|
94
|
+
window.TopolPlugin.refreshComments(e);
|
|
95
|
+
},
|
|
96
|
+
refreshSyncedRows: () => {
|
|
97
|
+
window.TopolPlugin.refreshSyncedRows();
|
|
83
98
|
},
|
|
84
|
-
|
|
85
|
-
window.TopolPlugin.
|
|
99
|
+
openPremadeTemplatesSelection: () => {
|
|
100
|
+
window.TopolPlugin.openPremadeTemplatesSelection();
|
|
86
101
|
},
|
|
87
|
-
|
|
88
|
-
window.TopolPlugin.
|
|
102
|
+
updateApiAuthorizationHeader: (e) => {
|
|
103
|
+
window.TopolPlugin.updateApiAuthorizationHeader(e);
|
|
89
104
|
},
|
|
90
|
-
|
|
91
|
-
window.TopolPlugin.
|
|
105
|
+
setTemplateName: (e) => {
|
|
106
|
+
window.TopolPlugin.setTemplateName(e);
|
|
92
107
|
}
|
|
93
108
|
};
|
|
94
109
|
export {
|
|
95
|
-
|
|
110
|
+
f as default
|
|
96
111
|
};
|
package/dist/topol-plugin.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(l,d){typeof exports=="object"&&typeof module<"u"?module.exports=d():typeof define=="function"&&define.amd?define(d):(l=typeof globalThis<"u"?globalThis:l||self,l["topol-plugin"]=d())})(this,function(){"use strict";function l(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var d=function(t,o,i){var
|
|
1
|
+
(function(l,d){typeof exports=="object"&&typeof module<"u"?module.exports=d():typeof define=="function"&&define.amd?define(d):(l=typeof globalThis<"u"?globalThis:l||self,l["topol-plugin"]=d())})(this,function(){"use strict";function l(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var d=function(t,o,i){var r=document.head||document.getElementsByTagName("head")[0],n=document.createElement("script");typeof o=="function"&&(i=o,o={}),o=o||{},i=i||function(){},n.type=o.type||"text/javascript",n.charset=o.charset||"utf8",n.async="async"in o?!!o.async:!0,n.src=t,o.attrs&&u(n,o.attrs),o.text&&(n.text=""+o.text);var T="onload"in n?a:s;T(n,i),n.onload||a(n,i),r.appendChild(n)};function u(e,t){for(var o in t)e.setAttribute(o,t[o])}function a(e,t){e.onload=function(){this.onerror=this.onload=null,t(null,e)},e.onerror=function(){this.onerror=this.onload=null,t(new Error("Failed to load "+this.src),e)}}function s(e,t){e.onreadystatechange=function(){this.readyState!="complete"&&this.readyState!="loaded"||(this.onreadystatechange=null,t(null,e))}}const c=l(d),g="https://d5aoblv5p04cg.cloudfront.net/editor-3/loader/build.js",w="https://d5aoblv5p04cg.cloudfront.net/develop/loader/build.js",p="https://d5aoblv5p04cg.cloudfront.net/staging/loader/build.js";function f(e="production"){switch(e){case"dev":return w;case"staging":return p;default:return g}}return{init:(e,t)=>new Promise((o,i)=>{const r=f(t==null?void 0:t.stage);c(r,n=>{n!==null&&i(n),window.TopolPlugin.init(e),o(!0)})}),save:()=>{window.TopolPlugin.save()},load:e=>{window.TopolPlugin.load(e)},togglePreview:()=>{window.TopolPlugin.togglePreview()},togglePreviewSize:()=>{window.TopolPlugin.togglePreviewSize()},chooseFile:e=>{window.TopolPlugin.chooseFile(e)},undo:()=>{window.TopolPlugin.undo()},redo:()=>{window.TopolPlugin.redo()},destroy:()=>{window.TopolPlugin.destroy()},setSavedBlocks:e=>{window.TopolPlugin.setSavedBlocks(e)},setPreviewHTML:e=>{window.TopolPlugin.setPreviewHTML(e)},createNotification:e=>{window.TopolPlugin.createNotification(e)},setActiveMembers:e=>{window.TopolPlugin.setActiveMembers(e)},changeEmailToMobile:()=>{window.TopolPlugin.changeEmailToMobile()},changeEmailToDesktop:()=>{window.TopolPlugin.changeEmailToDesktop()},toggleBlocksAndStructuresVisibility:()=>{window.TopolPlugin.toggleBlocksAndStructuresVisibility()},updateCustomBlockContent:e=>{window.TopolPlugin.updateCustomBlockContent(e)},refreshComments:e=>{window.TopolPlugin.refreshComments(e)},refreshSyncedRows:()=>{window.TopolPlugin.refreshSyncedRows()},openPremadeTemplatesSelection:()=>{window.TopolPlugin.openPremadeTemplatesSelection()},updateApiAuthorizationHeader:e=>{window.TopolPlugin.updateApiAuthorizationHeader(e)},setTemplateName:e=>{window.TopolPlugin.setTemplateName(e)}}});
|
package/dist/types/src/main.d.ts
CHANGED
|
@@ -28,15 +28,20 @@ declare const TopolPlugin: {
|
|
|
28
28
|
chooseFile: (url: string) => void;
|
|
29
29
|
undo: () => void;
|
|
30
30
|
redo: () => void;
|
|
31
|
+
destroy: () => void;
|
|
31
32
|
setSavedBlocks: (savedBlocks: ISavedBlock[]) => void;
|
|
33
|
+
setPreviewHTML: (html: unknown) => void;
|
|
32
34
|
createNotification: (notification: INotification) => void;
|
|
35
|
+
setActiveMembers: (activeMemers: string[]) => void;
|
|
33
36
|
changeEmailToMobile: () => void;
|
|
34
37
|
changeEmailToDesktop: () => void;
|
|
35
38
|
toggleBlocksAndStructuresVisibility: () => void;
|
|
36
|
-
destroy: () => void;
|
|
37
|
-
setPreviewHTML: (html: unknown) => void;
|
|
38
|
-
setActiveMembers: (activeMemers: string[]) => void;
|
|
39
39
|
updateCustomBlockContent: (content: string) => void;
|
|
40
|
+
refreshComments: (key: string) => void;
|
|
41
|
+
refreshSyncedRows: () => void;
|
|
42
|
+
openPremadeTemplatesSelection: () => void;
|
|
43
|
+
updateApiAuthorizationHeader: (newHeader: string | Record<string, string>) => void;
|
|
44
|
+
setTemplateName: (name: string) => void;
|
|
40
45
|
};
|
|
41
46
|
export default TopolPlugin;
|
|
42
47
|
export type { ITopolOptions, INotification, ISavedBlock, IMergeTagGroup, IMergeTag, IContentBlockOptions, ITheme, IAuthHeaderConfig, IFont, IAPI, ICustomBlockData, Stage as IStage };
|
|
@@ -1,14 +1,18 @@
|
|
|
1
1
|
export default interface IAPI {
|
|
2
|
-
|
|
2
|
+
AUTOSAVE?: string;
|
|
3
3
|
AUTOSAVES?: string;
|
|
4
|
+
GET_AUTOSAVE?: string;
|
|
5
|
+
CONVERSATIONS?: string;
|
|
6
|
+
COMMENTS?: string;
|
|
7
|
+
IMAGE_UPLOAD?: string;
|
|
8
|
+
IMAGE_EDITOR_UPLOAD?: string;
|
|
9
|
+
FOLDERS?: string;
|
|
4
10
|
LOAD?: string;
|
|
5
|
-
SAVE?: string;
|
|
6
|
-
AUTOSAVE?: string;
|
|
7
11
|
PREVIEW?: string;
|
|
8
|
-
FEEDS?: string;
|
|
9
12
|
PRODUCTS?: string;
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
+
FEEDS?: string;
|
|
14
|
+
SAVE?: string;
|
|
15
|
+
SYNCED_ROWS?: string;
|
|
16
|
+
SAVED_BLOCKS?: string;
|
|
13
17
|
TEST_EMAIL?: string;
|
|
14
18
|
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export default interface IAPIBlockProperties {
|
|
2
|
+
pluralName: string;
|
|
3
|
+
icon: string;
|
|
4
|
+
blockStructure: any;
|
|
5
|
+
apiStructure?: any;
|
|
6
|
+
itemsURL?: string;
|
|
7
|
+
feedsURL?: string;
|
|
8
|
+
apiWithoutSearch?: boolean;
|
|
9
|
+
nextKey?: boolean;
|
|
10
|
+
beta?: boolean;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
type BlockType = "text" | "image" | "gif" | "button" | "divider" | "spacer" | "social" | "video" | "html" | "product";
|
|
1
|
+
type BlockType = "text" | "image" | "gif" | "button" | "divider" | "spacer" | "social" | "video" | "html" | "product" | "dynamic" | "article" | "carousel" | "raw" | "custom-raw" | "apiBlock";
|
|
2
2
|
export type IContentBlockOption = {
|
|
3
3
|
disabled?: boolean;
|
|
4
4
|
disabledText?: string;
|
|
5
5
|
hidden?: boolean;
|
|
6
|
+
disabledBadge?: string;
|
|
6
7
|
};
|
|
7
8
|
export type IContentBlockOptions = {
|
|
8
9
|
[TKey in BlockType]?: IContentBlockOption;
|
|
@@ -6,12 +6,21 @@ export type IContentBlockOptionsType = {
|
|
|
6
6
|
export type ICustomBlockData = {
|
|
7
7
|
key: string;
|
|
8
8
|
name: string;
|
|
9
|
-
dialog
|
|
9
|
+
dialog?: true;
|
|
10
10
|
icon?: "box" | "rss" | string;
|
|
11
11
|
content?: string;
|
|
12
12
|
dialogButtonText?: string;
|
|
13
13
|
beta?: boolean;
|
|
14
14
|
disabled?: boolean;
|
|
15
|
+
disabledBadge?: string;
|
|
16
|
+
type?: "button" | "video" | "text" | "image" | "mix";
|
|
17
|
+
attributes?: any;
|
|
18
|
+
blocks?: ICustomBlockMixContent[];
|
|
19
|
+
};
|
|
20
|
+
type ICustomBlockMixContent = {
|
|
21
|
+
type: "button" | "video" | "text" | "image";
|
|
22
|
+
attributes: any;
|
|
23
|
+
content?: string;
|
|
15
24
|
};
|
|
16
25
|
export type BlockClickedEvent = {
|
|
17
26
|
type: BlockType;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import IAPI from "./API/API";
|
|
2
|
+
import IAPIBlockProperties from "./APIBlocks/APIBlocks";
|
|
2
3
|
import ISavedBlock from "./SavedBlock/ISavedBlock";
|
|
3
4
|
import INotification from "./Notification/INotification";
|
|
4
5
|
import IMergeTagGroup from "./MergeTag/IMergeTagGroup";
|
|
@@ -10,35 +11,115 @@ import ICustomBlockData from "./CustomBlocks/CustomBlocks";
|
|
|
10
11
|
import { Language } from "./Language/Language";
|
|
11
12
|
import IMergeTag from "./MergeTag/IMergeTag";
|
|
12
13
|
import SmartMergeTagPattern from "./MergeTag/SmartMergeTagPattern";
|
|
14
|
+
import IUser from "./User/User";
|
|
15
|
+
import IHelpdesk from "./Helpdesk/Helpdesk";
|
|
16
|
+
type TopolTagAttribute = "font-family" | "font-size" | "font-weight" | "font-style" | "letter-spacing" | "text-transform" | "text-decoration" | "background-color" | "color" | "border-collapse";
|
|
13
17
|
export default interface ITopolOptions {
|
|
14
18
|
id: string;
|
|
15
19
|
authorize: {
|
|
16
20
|
apiKey: string;
|
|
17
21
|
userId: string | number;
|
|
18
22
|
};
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
23
|
+
api?: IAPI;
|
|
24
|
+
apiAuthorizationHeader?: IAuthHeaderConfig | string;
|
|
25
|
+
apiBlocks?: Record<string, IAPIBlockProperties>;
|
|
26
|
+
autosaveInterval?: number;
|
|
27
|
+
betaFeatures?: {
|
|
28
|
+
carousel?: boolean;
|
|
29
|
+
};
|
|
30
|
+
chatAI?: boolean;
|
|
31
|
+
colors?: Array<string>;
|
|
32
|
+
contentBlocks?: IContentBlockOptions;
|
|
33
|
+
currentUser?: IUser;
|
|
34
|
+
customBlocks?: ICustomBlockData[];
|
|
25
35
|
customFileManager?: boolean;
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
36
|
+
customFonts?: {
|
|
37
|
+
override?: boolean;
|
|
38
|
+
fonts: Array<IFont>;
|
|
39
|
+
};
|
|
40
|
+
defaultTemplateSettings?: {
|
|
41
|
+
emailWidth?: number;
|
|
42
|
+
emailBackgroundColor?: string;
|
|
43
|
+
blockBackgroundColor?: string;
|
|
44
|
+
buttonsBackgroundColor?: string;
|
|
45
|
+
hyperlinkColor?: string;
|
|
46
|
+
h1?: {
|
|
47
|
+
[key in TopolTagAttribute]?: string;
|
|
48
|
+
};
|
|
49
|
+
h2?: {
|
|
50
|
+
[key in TopolTagAttribute]?: string;
|
|
51
|
+
};
|
|
52
|
+
h3?: {
|
|
53
|
+
[key in TopolTagAttribute]?: string;
|
|
54
|
+
};
|
|
55
|
+
p?: {
|
|
56
|
+
[key in TopolTagAttribute]?: string;
|
|
57
|
+
};
|
|
58
|
+
button?: {
|
|
59
|
+
[key in TopolTagAttribute]?: string;
|
|
60
|
+
};
|
|
61
|
+
"line-height"?: number;
|
|
62
|
+
"structure-margin"?: string;
|
|
63
|
+
};
|
|
64
|
+
disableAiAssistant?: boolean;
|
|
65
|
+
disableAlerts?: boolean;
|
|
66
|
+
disableExtendedComparators?: boolean;
|
|
67
|
+
emailServiceProvider?: "mailchimp" | "sparkpost";
|
|
68
|
+
enableAutosaves?: boolean;
|
|
69
|
+
enableComments?: boolean;
|
|
70
|
+
enableImageToTextRatio?: boolean;
|
|
71
|
+
enableMergeTagPreview?: boolean;
|
|
72
|
+
enableSectionVariants?: boolean;
|
|
73
|
+
enableTemplateSizeInfo?: boolean;
|
|
74
|
+
fontSizes?: Array<number>;
|
|
75
|
+
googleApiKey?: string;
|
|
76
|
+
helpdesk?: IHelpdesk;
|
|
29
77
|
hideSettingsTab?: boolean;
|
|
78
|
+
htmlDesktopFirst?: boolean;
|
|
79
|
+
htmlMinified?: boolean;
|
|
80
|
+
imageCompressionOptions?: {
|
|
81
|
+
qualityJpeg?: number;
|
|
82
|
+
qualityPng?: number;
|
|
83
|
+
enableAutoResize?: boolean;
|
|
84
|
+
enableCompression?: boolean;
|
|
85
|
+
};
|
|
30
86
|
imageEditor?: boolean;
|
|
87
|
+
imageMaxSize?: number;
|
|
88
|
+
language?: Language;
|
|
89
|
+
light?: boolean;
|
|
90
|
+
logicalOperatorsInsideVariant?: boolean;
|
|
91
|
+
mainMenuAlign?: "left" | "right";
|
|
92
|
+
mergeTags?: Array<IMergeTagGroup | IMergeTag>;
|
|
93
|
+
mobileFirstEnabled?: boolean;
|
|
31
94
|
premadeBlocks?: Record<any, any> | boolean;
|
|
95
|
+
premadeTemplates?: boolean;
|
|
96
|
+
role?: "manager" | "editor" | "reader";
|
|
32
97
|
savedBlocks?: Array<ISavedBlock> | boolean;
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
98
|
+
showUnsavedDialogBeforeExit?: boolean;
|
|
99
|
+
smartMergeTags?: {
|
|
100
|
+
enabled: boolean;
|
|
101
|
+
patterns?: Record<string, SmartMergeTagPattern>;
|
|
102
|
+
syntax?: {
|
|
103
|
+
start: string;
|
|
104
|
+
end: string;
|
|
105
|
+
};
|
|
106
|
+
};
|
|
107
|
+
syncedRowsEnable?: boolean;
|
|
108
|
+
teamUsers?: IUser[];
|
|
109
|
+
templateId?: number | string;
|
|
110
|
+
testingEmails?: boolean | string[];
|
|
111
|
+
theme?: ITheme;
|
|
112
|
+
tinyConfig?: unknown;
|
|
113
|
+
title?: string;
|
|
114
|
+
topBarOptions?: Array<string>;
|
|
115
|
+
renameTemplate?: boolean;
|
|
116
|
+
removeTopBar?: boolean;
|
|
117
|
+
windowBar?: Array<string>;
|
|
38
118
|
callbacks: {
|
|
39
119
|
onSave?(json: unknown, html: unknown): void;
|
|
40
120
|
onSaveAndClose?(json: unknown, html: unknown): void;
|
|
41
|
-
onTestSend?(email: string, json: unknown, html: unknown): void;
|
|
121
|
+
onTestSend?(email: string | string[], json: unknown, html: unknown): void;
|
|
122
|
+
onBannerClick?(json: unknown, html: unknown): void;
|
|
42
123
|
onOpenFileManager?(): void;
|
|
43
124
|
onLoaded?(): void;
|
|
44
125
|
onBlockSave?(block: ISavedBlock): void;
|
|
@@ -53,43 +134,8 @@ export default interface ITopolOptions {
|
|
|
53
134
|
onEdittedWithoutSaveChanged?(hasUnsavedChanges: boolean): void;
|
|
54
135
|
onOpenCustomBlockDialog?(customBLock: unknown): void;
|
|
55
136
|
onTemplateRename?(title: string): void;
|
|
137
|
+
updateTestingEmailAddresses?(emails: string[]): void;
|
|
138
|
+
onError?(type: string, message: string): void;
|
|
56
139
|
};
|
|
57
|
-
api?: IAPI;
|
|
58
|
-
mobileFirstEnabled?: boolean;
|
|
59
|
-
smartMergeTags?: {
|
|
60
|
-
enabled: boolean;
|
|
61
|
-
patterns?: Record<string, SmartMergeTagPattern>;
|
|
62
|
-
syntax?: {
|
|
63
|
-
start: string;
|
|
64
|
-
end: string;
|
|
65
|
-
};
|
|
66
|
-
};
|
|
67
|
-
customFonts?: {
|
|
68
|
-
override?: boolean;
|
|
69
|
-
fonts: Array<IFont>;
|
|
70
|
-
};
|
|
71
|
-
tinyConfig?: unknown;
|
|
72
|
-
fontSizes?: Array<number>;
|
|
73
|
-
colors?: Array<string>;
|
|
74
|
-
googleApiKey?: string;
|
|
75
|
-
role?: "manager" | "editor" | "reader";
|
|
76
|
-
windowBar?: Array<string>;
|
|
77
|
-
imageMaxSize?: number;
|
|
78
|
-
autosaveInterval?: number;
|
|
79
|
-
betaFeatures?: {
|
|
80
|
-
carousel?: boolean;
|
|
81
|
-
};
|
|
82
|
-
customBlocks?: ICustomBlockData[];
|
|
83
|
-
imageCompressionOptions?: {
|
|
84
|
-
qualityJpeg?: number;
|
|
85
|
-
qualityPng?: number;
|
|
86
|
-
enableAutoResize?: boolean;
|
|
87
|
-
enableCompression?: boolean;
|
|
88
|
-
};
|
|
89
|
-
premadeTemplates?: boolean;
|
|
90
|
-
disableAiAssistant?: boolean;
|
|
91
|
-
chatAI?: boolean;
|
|
92
|
-
enableImageToTextRatio?: boolean;
|
|
93
|
-
enableTemplateSizeInfo?: boolean;
|
|
94
|
-
showUnsavedDialogBeforeExit?: boolean;
|
|
95
140
|
}
|
|
141
|
+
export {};
|
|
@@ -10,13 +10,18 @@ export default interface ITopolPlugin {
|
|
|
10
10
|
chooseFile: (url: string) => void;
|
|
11
11
|
undo: () => void;
|
|
12
12
|
redo: () => void;
|
|
13
|
+
destroy: () => void;
|
|
13
14
|
setSavedBlocks: (savedBlocks: ISavedBlock[]) => void;
|
|
15
|
+
setPreviewHTML: (html: unknown) => void;
|
|
14
16
|
createNotification: (notification: INotification) => void;
|
|
17
|
+
setActiveMembers: (activeMemers: string[]) => void;
|
|
15
18
|
changeEmailToMobile: () => void;
|
|
16
19
|
changeEmailToDesktop: () => void;
|
|
17
20
|
toggleBlocksAndStructuresVisibility: () => void;
|
|
18
|
-
destroy: () => void;
|
|
19
|
-
setPreviewHTML: (html: unknown) => void;
|
|
20
|
-
setActiveMembers: (activeMemers: string[]) => void;
|
|
21
21
|
updateCustomBlockContent: (content: string) => void;
|
|
22
|
+
refreshComments: (key: string) => void;
|
|
23
|
+
refreshSyncedRows: () => void;
|
|
24
|
+
openPremadeTemplatesSelection: () => void;
|
|
25
|
+
updateApiAuthorizationHeader: (newHeader: string | Record<string, string>) => void;
|
|
26
|
+
setTemplateName: (name: string) => void;
|
|
22
27
|
}
|