@topol.io/editor 0.0.0-alfa.9 → 0.0.0

package/dist/topol-plugin.es.js

@@ -1,71 +1,52 @@
-var loadScript = function load(src, opts, cb) {
-  var head = document.head || document.getElementsByTagName("head")[0];
-  var script = document.createElement("script");
-  if (typeof opts === "function") {
-    cb = opts;
-    opts = {};
-  }
-  opts = opts || {};
-  cb = cb || function() {
-  };
-  script.type = opts.type || "text/javascript";
-  script.charset = opts.charset || "utf8";
-  script.async = "async" in opts ? !!opts.async : true;
-  script.src = src;
-  if (opts.attrs) {
-    setAttributes(script, opts.attrs);
-  }
-  if (opts.text) {
-    script.text = "" + opts.text;
-  }
-  var onend = "onload" in script ? stdOnEnd : ieOnEnd;
-  onend(script, cb);
-  if (!script.onload) {
-    stdOnEnd(script, cb);
-  }
-  head.appendChild(script);
+function r(o) {
+  return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o;
+}
+var u = function(t, e, l) {
+  var i = document.head || document.getElementsByTagName("head")[0], n = document.createElement("script");
+  typeof e == "function" && (l = e, e = {}), e = e || {}, l = l || function() {
+  }, n.type = e.type || "text/javascript", n.charset = e.charset || "utf8", n.async = "async" in e ? !!e.async : !0, n.src = t, e.attrs && c(n, e.attrs), e.text && (n.text = "" + e.text);
+  var d = "onload" in n ? a : s;
+  d(n, l), n.onload || a(n, l), i.appendChild(n);
 };
-function setAttributes(script, attrs) {
-  for (var attr in attrs) {
-    script.setAttribute(attr, attrs[attr]);
-  }
+function c(o, t) {
+  for (var e in t)
+    o.setAttribute(e, t[e]);
 }
-function stdOnEnd(script, cb) {
-  script.onload = function() {
-    this.onerror = this.onload = null;
-    cb(null, script);
-  };
-  script.onerror = function() {
-    this.onerror = this.onload = null;
-    cb(new Error("Failed to load " + this.src), script);
+function a(o, t) {
+  o.onload = function() {
+    this.onerror = this.onload = null, t(null, o);
+  }, o.onerror = function() {
+    this.onerror = this.onload = null, t(new Error("Failed to load " + this.src), o);
   };
 }
-function ieOnEnd(script, cb) {
-  script.onreadystatechange = function() {
-    if (this.readyState != "complete" && this.readyState != "loaded")
-      return;
-    this.onreadystatechange = null;
-    cb(null, script);
+function s(o, t) {
+  o.onreadystatechange = function() {
+    this.readyState != "complete" && this.readyState != "loaded" || (this.onreadystatechange = null, t(null, o));
   };
 }
-const TOPOL_URL = "https://d5aoblv5p04cg.cloudfront.net/editor-3/loader/build.js";
-const TopolPlugin = {
-  init: (options) => {
-    return new Promise((resolve, reject) => {
-      loadScript(TOPOL_URL, (err) => {
-        if (err !== null) {
-          reject(err);
-        }
-        window.TopolPlugin.init(options);
-        resolve(true);
-      });
+const g = /* @__PURE__ */ r(u), w = "https://d5aoblv5p04cg.cloudfront.net/editor-3/loader/build.js", f = "https://d5aoblv5p04cg.cloudfront.net/develop/loader/build.js", h = "https://d5aoblv5p04cg.cloudfront.net/staging/loader/build.js";
+function T(o = "production") {
+  switch (o) {
+    case "dev":
+      return f;
+    case "staging":
+      return h;
+    default:
+      return w;
+  }
+}
+const P = {
+  init: (o, t) => new Promise((e, l) => {
+    const i = T(t == null ? void 0 : t.stage);
+    g(i, (n) => {
+      n !== null && l(n), window.TopolPlugin.init(o), e(!0);
     });
-  },
+  }),
   save: () => {
     window.TopolPlugin.save();
   },
-  load: (json) => {
-    window.TopolPlugin.load(json);
+  load: (o) => {
+    window.TopolPlugin.load(o);
   },
   togglePreview: () => {
     window.TopolPlugin.togglePreview();
@@ -73,8 +54,8 @@ const TopolPlugin = {
   togglePreviewSize: () => {
     window.TopolPlugin.togglePreviewSize();
   },
-  chooseFile: (url) => {
-    window.TopolPlugin.chooseFile(url);
+  chooseFile: (o) => {
+    window.TopolPlugin.chooseFile(o);
   },
   undo: () => {
     window.TopolPlugin.undo();
@@ -82,11 +63,11 @@ const TopolPlugin = {
   redo: () => {
     window.TopolPlugin.redo();
   },
-  setSavedBlocks: (savedBlocks) => {
-    window.TopolPlugin.setSavedBlocks(savedBlocks);
+  setSavedBlocks: (o) => {
+    window.TopolPlugin.setSavedBlocks(o);
   },
-  createNotification: (notification) => {
-    window.TopolPlugin.createNotification(notification);
+  createNotification: (o) => {
+    window.TopolPlugin.createNotification(o);
   },
   changeEmailToMobile: () => {
     window.TopolPlugin.changeEmailToMobile();
@@ -101,4 +82,6 @@ const TopolPlugin = {
     window.TopolPlugin.destroy();
   }
 };
-export { TopolPlugin as default };
+export {
+  P as default
+};

package/dist/topol-plugin.umd.js

@@ -1 +1 @@
-(function(l,d){typeof exports=="object"&&typeof module!="undefined"?module.exports=d():typeof define=="function"&&define.amd?define(d):(l=typeof globalThis!="undefined"?globalThis:l||self,l["topol-plugin"]=d())})(this,function(){"use strict";var l=function(n,e,t){var c=document.head||document.getElementsByTagName("head")[0],i=document.createElement("script");typeof e=="function"&&(t=e,e={}),e=e||{},t=t||function(){},i.type=e.type||"text/javascript",i.charset=e.charset||"utf8",i.async="async"in e?!!e.async:!0,i.src=n,e.attrs&&d(i,e.attrs),e.text&&(i.text=""+e.text);var s="onload"in i?u:a;s(i,t),i.onload||u(i,t),c.appendChild(i)};function d(o,n){for(var e in n)o.setAttribute(e,n[e])}function u(o,n){o.onload=function(){this.onerror=this.onload=null,n(null,o)},o.onerror=function(){this.onerror=this.onload=null,n(new Error("Failed to load "+this.src),o)}}function a(o,n){o.onreadystatechange=function(){this.readyState!="complete"&&this.readyState!="loaded"||(this.onreadystatechange=null,n(null,o))}}const r="https://d5aoblv5p04cg.cloudfront.net/editor-3/loader/build.js";return{init:o=>new Promise((n,e)=>{l(r,t=>{t!==null&&e(t),window.TopolPlugin.init(o),n(!0)})}),save:()=>{window.TopolPlugin.save()},load:o=>{window.TopolPlugin.load(o)},togglePreview:()=>{window.TopolPlugin.togglePreview()},togglePreviewSize:()=>{window.TopolPlugin.togglePreviewSize()},chooseFile:o=>{window.TopolPlugin.chooseFile(o)},undo:()=>{window.TopolPlugin.undo()},redo:()=>{window.TopolPlugin.redo()},setSavedBlocks:o=>{window.TopolPlugin.setSavedBlocks(o)},createNotification:o=>{window.TopolPlugin.createNotification(o)},changeEmailToMobile:()=>{window.TopolPlugin.changeEmailToMobile()},changeEmailToDesktop:()=>{window.TopolPlugin.changeEmailToDesktop()},toggleBlocksAndStructuresVisibility:()=>{window.TopolPlugin.toggleBlocksAndStructuresVisibility()},destroy:()=>{window.TopolPlugin.destroy()}}});
+(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(o){return o&&o.__esModule&&Object.prototype.hasOwnProperty.call(o,"default")?o.default:o}var d=function(t,e,i){var r=document.head||document.getElementsByTagName("head")[0],n=document.createElement("script");typeof e=="function"&&(i=e,e={}),e=e||{},i=i||function(){},n.type=e.type||"text/javascript",n.charset=e.charset||"utf8",n.async="async"in e?!!e.async:!0,n.src=t,e.attrs&&u(n,e.attrs),e.text&&(n.text=""+e.text);var h="onload"in n?a:c;h(n,i),n.onload||a(n,i),r.appendChild(n)};function u(o,t){for(var e in t)o.setAttribute(e,t[e])}function a(o,t){o.onload=function(){this.onerror=this.onload=null,t(null,o)},o.onerror=function(){this.onerror=this.onload=null,t(new Error("Failed to load "+this.src),o)}}function c(o,t){o.onreadystatechange=function(){this.readyState!="complete"&&this.readyState!="loaded"||(this.onreadystatechange=null,t(null,o))}}const s=l(d),g="https://d5aoblv5p04cg.cloudfront.net/editor-3/loader/build.js",f="https://d5aoblv5p04cg.cloudfront.net/develop/loader/build.js",w="https://d5aoblv5p04cg.cloudfront.net/staging/loader/build.js";function p(o="production"){switch(o){case"dev":return f;case"staging":return w;default:return g}}return{init:(o,t)=>new Promise((e,i)=>{const r=p(t==null?void 0:t.stage);s(r,n=>{n!==null&&i(n),window.TopolPlugin.init(o),e(!0)})}),save:()=>{window.TopolPlugin.save()},load:o=>{window.TopolPlugin.load(o)},togglePreview:()=>{window.TopolPlugin.togglePreview()},togglePreviewSize:()=>{window.TopolPlugin.togglePreviewSize()},chooseFile:o=>{window.TopolPlugin.chooseFile(o)},undo:()=>{window.TopolPlugin.undo()},redo:()=>{window.TopolPlugin.redo()},setSavedBlocks:o=>{window.TopolPlugin.setSavedBlocks(o)},createNotification:o=>{window.TopolPlugin.createNotification(o)},changeEmailToMobile:()=>{window.TopolPlugin.changeEmailToMobile()},changeEmailToDesktop:()=>{window.TopolPlugin.changeEmailToDesktop()},toggleBlocksAndStructuresVisibility:()=>{window.TopolPlugin.toggleBlocksAndStructuresVisibility()},destroy:()=>{window.TopolPlugin.destroy()}}});

package/dist/types/src/main.d.ts

@@ -2,13 +2,25 @@ import ITopolOptions from "../types/ITopolOptions";
 import ITopolPlugin from "../types/ITopolPlugin";
 import INotification from "../types/Notification/INotification";
 import ISavedBlock from "../types/SavedBlock/ISavedBlock";
+import IMergeTagGroup from "../types/MergeTag/IMergeTagGroup";
+import IMergeTag from "../types/MergeTag/IMergeTag";
+import { IContentBlockOptions } from "../types/ContentBlock/IContentBlockOptions";
+import ITheme from "../types/Theme/ITheme";
+import IAuthHeaderConfig from "../types/AuthHeaderConfig/IAuthHeaderConfig";
+import IFont from "../types/Font/IFont";
+import IAPI from "../types/API/API";
+import ICustomBlockData from "../types/CustomBlocks/CustomBlocks";
+import { Stage } from "../types/Stage";
 declare global {
     interface Window {
         TopolPlugin: ITopolPlugin;
     }
 }
+interface PluginOptions {
+    stage?: Stage;
+}
 declare const TopolPlugin: {
-    init: (options: ITopolOptions) => Promise<boolean | string>;
+    init: (topolOptions: ITopolOptions, options?: PluginOptions) => Promise<boolean | string>;
     save: () => void;
     load: (json: unknown) => void;
     togglePreview: () => void;
@@ -24,6 +36,4 @@ declare const TopolPlugin: {
     destroy: () => void;
 };
 export default TopolPlugin;
-export type { ITopolOptions };
-export type { INotification };
-export type { ISavedBlock };
+export type { ITopolOptions, INotification, ISavedBlock, IMergeTagGroup, IMergeTag, IContentBlockOptions, ITheme, IAuthHeaderConfig, IFont, IAPI, ICustomBlockData, Stage as IStage };

package/dist/types/types/API/API.d.ts

@@ -1,21 +1,14 @@
-export interface IAPI {
-    GET_AUTOSAVE: string;
-    AUTOSAVES: string;
-    LOAD: string;
-    SAVE: string | null;
-    AUTOSAVE: string;
-    PREVIEW: string;
-    FEEDS: string;
-    PRODUCTS: string;
-    IMAGE_UPLOAD: string;
-    FOLDERS: string;
-    IMAGE_EDITOR_UPLOAD: string | null;
-    TEST_EMAIL: string;
-}
-export interface ILockedAPI {
-    GIPHY_API_KEY: string;
-    GIPHY_SEARCH: string;
-    AUTHORIZE: string;
-    GCS_SIGNED_URL: string;
-    SAVE_SERVER: string;
+export default interface IAPI {
+    GET_AUTOSAVE?: string;
+    AUTOSAVES?: string;
+    LOAD?: string;
+    SAVE?: string;
+    AUTOSAVE?: string;
+    PREVIEW?: string;
+    FEEDS?: string;
+    PRODUCTS?: string;
+    IMAGE_UPLOAD?: string;
+    FOLDERS?: string;
+    IMAGE_EDITOR_UPLOAD?: string;
+    TEST_EMAIL?: string;
 }

package/dist/types/types/ContentBlock/IContentBlockOptions.d.ts

@@ -1,5 +1,10 @@
-export default interface IContentBlockOptions {
+type BlockType = "text" | "image" | "gif" | "button" | "divider" | "spacer" | "social" | "video" | "html" | "product";
+export type IContentBlockOption = {
     disabled?: boolean;
     disabledText?: string;
     hidden?: boolean;
-}
+};
+export type IContentBlockOptions = {
+    [TKey in BlockType]?: IContentBlockOption;
+};
+export {};

package/dist/types/types/CustomBlocks/CustomBlocks.d.ts

@@ -0,0 +1,20 @@
+import { IContentBlockOption } from "../ContentBlock/IContentBlockOptions";
+export type BlockType = "text" | "image" | "gif" | "button" | "divider" | "spacer" | "social" | "video" | "html" | "product" | "dynamic" | "article" | "carousel" | "raw" | "custom-raw";
+export type IContentBlockOptionsType = {
+    [key in BlockType]: IContentBlockOption;
+};
+export type ICustomBlockData = {
+    key: string;
+    name: string;
+    dialog: true;
+    icon?: "box" | "rss" | string;
+    content?: string;
+    dialogButtonText?: string;
+    beta?: boolean;
+    disabled?: boolean;
+};
+export type BlockClickedEvent = {
+    type: BlockType;
+    customBlockData?: ICustomBlockData;
+};
+export default ICustomBlockData;

package/dist/types/types/ITopolOptions.d.ts

@@ -1,36 +1,39 @@
-import { IAPI } from "./API/API";
+import IAPI from "./API/API";
 import ISavedBlock from "./SavedBlock/ISavedBlock";
 import INotification from "./Notification/INotification";
 import IMergeTagGroup from "./MergeTag/IMergeTagGroup";
-import IContentBlockOptions from "./ContentBlock/IContentBlockOptions";
+import { IContentBlockOptions } from "./ContentBlock/IContentBlockOptions";
 import ITheme from "./Theme/ITheme";
 import IAuthHeaderConfig from "./AuthHeaderConfig/IAuthHeaderConfig";
 import IFont from "./Font/IFont";
+import ICustomBlockData from "./CustomBlocks/CustomBlocks";
+import { Language } from "./Language/Language";
+import IMergeTag from "./MergeTag/IMergeTag";
+import SmartMergeTagPattern from "./MergeTag/SmartMergeTagPattern";
 export default interface ITopolOptions {
     id: string;
     authorize: {
         apiKey: string;
         userId: string | number;
     };
-    templateId?: number;
     title?: string;
     removeTopBar?: boolean;
     topBarOptions?: Array<string>;
     mainMenuAlign?: "left" | "right";
     disableAlerts?: boolean;
     customFileManager?: boolean;
-    language?: string;
+    language?: Language;
     light?: boolean;
     theme?: ITheme;
     hideSettingsTab?: boolean;
     imageEditor?: boolean;
-    premadeBlocks?: unknown | boolean;
+    premadeBlocks?: Record<any, any> | boolean;
     savedBlocks?: Array<ISavedBlock> | boolean;
-    mergeTags?: Array<IMergeTagGroup>;
+    mergeTags?: Array<IMergeTagGroup | IMergeTag>;
     enableAutosaves?: boolean;
     htmlMinified?: boolean;
     apiAuthorizationHeader?: IAuthHeaderConfig | string;
-    contentBlocks?: IContentBlockOptions[];
+    contentBlocks?: IContentBlockOptions;
     callbacks: {
         onSave?(json: unknown, html: unknown): void;
         onSaveAndClose?(json: unknown, html: unknown): void;
@@ -45,13 +48,45 @@ export default interface ITopolOptions {
         onRedoChange?(count: number): void;
         onPreview?(html: unknown): void;
         onAlert?(notification: INotification): void;
+        onClose?(): void;
+        onEdittedWithoutSaveChanged?(hasUnsavedChanges: boolean): void;
     };
     api?: IAPI;
     mobileFirstEnabled?: boolean;
-    fonts?: Array<IFont>;
+    smartMergeTags?: {
+        enabled: boolean;
+        patterns?: Record<string, SmartMergeTagPattern>;
+        syntax?: {
+            start: string;
+            end: string;
+        };
+    };
+    customFonts?: {
+        override?: boolean;
+        fonts: Array<IFont>;
+    };
     tinyConfig?: unknown;
     fontSizes?: Array<number>;
     colors?: Array<string>;
     googleApiKey?: string;
     role?: "manager" | "editor" | "reader";
+    windowBar?: Array<string>;
+    imageMaxSize?: number;
+    autosaveInterval?: number;
+    betaFeatures?: {
+        carousel?: boolean;
+    };
+    customBlocks?: ICustomBlockData[];
+    imageCompressionOptions?: {
+        qualityJpeg?: number;
+        qualityPng?: number;
+        enableAutoResize?: boolean;
+        enableCompression?: boolean;
+    };
+    premadeTemplates?: boolean;
+    disableAiAssistant?: boolean;
+    chatAI?: boolean;
+    enableImageToTextRatio?: boolean;
+    enableTemplateSizeInfo?: boolean;
+    showUnsavedDialogBeforeExit?: boolean;
 }

package/dist/types/types/ITopolPlugin.d.ts

@@ -16,4 +16,7 @@ export default interface ITopolPlugin {
     changeEmailToDesktop: () => void;
     toggleBlocksAndStructuresVisibility: () => void;
     destroy: () => void;
+    setPreviewHTML: (html: unknown) => void;
+    setActiveMembers: (activeMemers: string[]) => void;
+    updateCustomBlockContent: (content: string) => void;
 }

package/dist/types/types/Language/Language.d.ts

@@ -0,0 +1 @@
+export type Language = "en" | "fr" | "pt" | "es" | "ja" | "zh" | "ru" | "tr" | "de" | "sv" | "nl" | "it" | "fi" | "ro" | "cs" | "pl" | "ko" | "vi" | "he";

package/dist/types/types/MergeTag/SmartMergeTagPattern.d.ts

@@ -0,0 +1,4 @@
+export default interface SmartMergeTagPattern {
+    regex: string;
+    label: string;
+}

package/dist/types/types/SavedBlock/ISavedBlock.d.ts

@@ -1,5 +1,5 @@
 export default interface ISavedBlock {
     id: number;
     name: string;
-    definition: Array<Object>;
+    definition: unknown;
 }

package/dist/types/types/Stage.d.ts

@@ -0,0 +1 @@
+export type Stage = "dev" | "staging" | "production";

package/dist/types/types/Theme/ITheme.d.ts

@@ -10,24 +10,26 @@ export default interface ITheme {
         "700"?: string;
         "600"?: string;
         "500"?: string;
-        "450"?: string;
         "400"?: string;
-        "350"?: string;
         "300"?: string;
         "200"?: string;
-        "150"?: string;
         "100"?: string;
+        "50"?: string;
+        "10"?: string;
         white?: string;
         primary?: string;
         "primary-light"?: string;
+        "primary-light-2"?: string;
         "primary-dark"?: string;
         secondary?: string;
         "secondary-light"?: string;
+        "secondary-light-2"?: string;
         error?: string;
         "error-light"?: string;
         success?: string;
         "success-light"?: string;
         active?: string;
-        "active-light"?: string;
+        "active-2"?: string;
+        "active-3"?: string;
     };
 }

package/package.json

@@ -12,7 +12,7 @@
   "author": "Topol.io",
   "homepage": "https://topol.io",
   "license": "Apache-2.0",
-  "version": "0.0.0-alfa.9",
+  "version": "0.0.0",
   "files": [
     "dist"
   ],
@@ -25,28 +25,27 @@
       "types": "./dist/types/src/main.d.ts"
     }
   },
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build && tsc",
-    "lint": "eslint --config '.eslintrc.js' ./**/*.ts --fix",
-    "format": "prettier --write .",
-    "build:types": "tsc"
-  },
   "devDependencies": {
-    "@types/node": "^17.0.12",
-    "@typescript-eslint/eslint-plugin": "^5.10.1",
-    "@typescript-eslint/parser": "^5.10.1",
-    "eslint": "^8.7.0",
-    "eslint-config-prettier": "^8.3.0",
-    "npm-dts": "^1.3.10",
-    "prettier": "2.5.1",
-    "typescript": "^4.4.4",
-    "vite": "^2.7.2"
+    "@types/node": "^20.6.5",
+    "@typescript-eslint/eslint-plugin": "^6.7.2",
+    "@typescript-eslint/parser": "^6.7.2",
+    "eslint": "^8.50.0",
+    "eslint-config-prettier": "^9.0.0",
+    "prettier": "3.0.3",
+    "typescript": "^5.2.2",
+    "vite": "^4.4.9"
   },
   "dependencies": {
     "load-script": "^2.0.0"
   },
   "publishConfig": {
     "access": "public"
+  },
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "vite build && yarn run build:types",
+    "lint": "eslint --config '.eslintrc.js' ./**/*.ts --fix",
+    "format": "prettier --write .",
+    "build:types": "tsc -p tsconfig.prod.json"
   }
-}
+}