@topol.io/editor 1.0.0-alpha.1 → 1.0.0-alpha.2

package/README.md

@@ -1,5 +1,5 @@
   <a href="https://topol.io" target="_blank">
-    <img src="https://storage.googleapis.com/topolio17326/plugin-assets/6320/17326/topol-with-bg.png" alt="Tailwind CSS" width="400" height="120">
+    <svg width="391" height="100" viewBox="0 0 391 100" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M198.658 24.5069C194.15 21.9659 188.894 20.6954 182.903 20.6954C176.911 20.6954 171.655 21.9659 167.103 24.5069C162.561 27.0478 159.024 30.5918 156.525 35.161C154.003 39.7192 152.765 45.024 152.765 51.0755C152.765 57.1269 154.014 62.376 156.558 66.9341C159.08 71.5034 162.617 75.0474 167.136 77.5883C171.678 80.1293 176.922 81.3998 182.914 81.3998C188.906 81.3998 194.116 80.1293 198.635 77.5883C203.177 75.0474 206.703 71.5034 209.224 66.9341C211.746 62.376 213.018 57.0824 213.018 51.0755C213.018 45.0685 211.746 39.7192 209.224 35.161C206.703 30.5918 203.177 27.0478 198.658 24.5069ZM198.011 60.604C196.593 63.3233 194.585 65.4296 192.008 66.9119C189.43 68.4052 186.395 69.1519 182.914 69.1519C179.432 69.1519 176.386 68.4052 173.798 66.9119C171.209 65.4296 169.2 63.3233 167.772 60.604C166.344 57.8848 165.641 54.7086 165.641 51.0755C165.641 47.4423 166.344 44.2216 167.772 41.5134C169.2 38.8165 171.198 36.699 173.775 35.2056C176.353 33.7011 179.399 32.9433 182.914 32.9433C186.428 32.9433 189.43 33.7011 192.008 35.2056C194.585 36.699 196.593 38.8165 198.011 41.5134C199.439 44.2216 200.153 47.3978 200.153 51.0755C200.153 54.7532 199.439 57.8959 198.011 60.604ZM332.387 24.5069C327.879 21.9659 322.635 20.6954 316.643 20.6954C310.651 20.6954 305.384 21.9659 300.843 24.5069C296.291 27.0478 292.753 30.5918 290.254 35.161C287.744 39.7192 286.494 45.024 286.494 51.0755C286.494 57.1269 287.755 62.376 290.288 66.9341C292.809 71.5034 296.335 75.0474 300.876 77.5883C305.407 80.1293 310.651 81.3998 316.654 81.3998C322.657 81.3998 327.834 80.1293 332.376 77.5883C336.906 75.0474 340.432 71.5034 342.953 66.9341C345.475 62.376 346.747 57.0824 346.747 51.0755C346.747 45.0685 345.475 39.7192 342.953 35.161C340.432 30.5918 336.906 27.0478 332.387 24.5069ZM331.751 60.604C330.323 63.3233 328.325 65.4296 325.748 66.9119C323.159 68.4052 320.124 69.1519 316.654 69.1519C313.184 69.1519 310.126 68.4052 307.527 66.9119C304.938 65.4296 302.93 63.3233 301.501 60.604C300.084 57.8848 299.37 54.7086 299.37 51.0755C299.37 47.4423 300.084 44.2216 301.501 41.5134C302.93 38.8165 304.927 36.699 307.504 35.2056C310.082 33.7011 313.139 32.9433 316.654 32.9433C320.169 32.9433 323.159 33.7011 325.748 35.2056C328.325 36.699 330.323 38.8165 331.751 41.5134C333.168 44.2216 333.882 47.3978 333.882 51.0755C333.882 54.7532 333.168 57.8959 331.751 60.604ZM267.971 24.44C263.798 21.9436 258.889 20.6954 253.276 20.6954C248.043 20.6954 243.591 21.8656 239.942 24.1837C236.963 26.0782 234.575 28.7195 232.768 32.0517V21.8767H219.3V100H232.768V69.464C234.575 72.7962 236.952 75.4263 239.942 77.3208C243.591 79.6612 248.043 80.8091 253.276 80.8091C258.889 80.8091 263.798 79.5609 267.971 77.0311C272.156 74.5236 275.414 71.0019 277.757 66.4772C280.1 61.9637 281.283 56.7034 281.283 50.7188C281.283 44.7342 280.1 39.474 277.757 34.9604C275.414 30.4358 272.145 26.9252 267.971 24.44ZM266.186 60.1137C264.736 62.7995 262.694 64.8724 260.072 66.3435C257.449 67.8257 254.359 68.5612 250.81 68.5612C247.262 68.5612 244.171 67.8257 241.549 66.3435C238.916 64.8724 236.874 62.7995 235.435 60.1137C233.984 57.439 233.248 54.3185 233.248 50.7411C233.248 47.1637 233.973 43.9987 235.435 41.3351C236.874 38.6827 238.916 36.6098 241.549 35.1499C244.171 33.6788 247.262 32.9544 250.81 32.9544C254.359 32.9544 257.483 33.69 260.094 35.1499C262.705 36.6098 264.724 38.6827 266.186 41.3574C267.626 44.0321 268.362 47.1526 268.362 50.7411C268.362 54.3297 267.637 57.4501 266.186 60.1137ZM391 66.7781V80.2407H366.408V66.7781H391ZM366.397 0V66.7781H352.918V0H366.397ZM127.38 21.7096H149.607V35.1722H127.38V66.7893H113.79V0H127.38V21.7096ZM127.38 66.7781H147.152V80.2407H127.38V66.7781ZM80.3379 66.8004V80.263H60.2534V66.8004H80.3379ZM0 66.8004H20.0845V80.263H0V66.8004ZM0.0223161 50.1727V30.1126H20.0845V50.1727H0.0223161ZM60.2534 50.1727V30.1126H20.0845V13.4849H60.2534V30.1126H80.3044V50.1727H60.2534ZM20.0845 50.1727H60.2534V66.8004H20.0845V50.1727ZM0 13.4738V0.0222891H20.0845V13.4849L0 13.4738ZM80.3379 13.4738H60.2534V0.0222891H80.3379V13.4738Z" fill="black"/></svg>
   </a>
 
 ---

package/dist/topol-plugin.es.js

@@ -1,14 +1,14 @@
 function s(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var c = function(n, o, i) {
+var w = function(n, o, i) {
   var l = document.head || document.getElementsByTagName("head")[0], t = document.createElement("script");
   typeof o == "function" && (i = o, o = {}), o = o || {}, i = i || function() {
-  }, t.type = o.type || "text/javascript", t.charset = o.charset || "utf8", t.async = "async" in o ? !!o.async : !0, t.src = n, o.attrs && w(t, o.attrs), o.text && (t.text = "" + o.text);
+  }, t.type = o.type || "text/javascript", t.charset = o.charset || "utf8", t.async = "async" in o ? !!o.async : !0, t.src = n, o.attrs && c(t, o.attrs), o.text && (t.text = "" + o.text);
   var r = "onload" in t ? g : p;
   r(t, i), t.onload || g(t, i), l.appendChild(t);
 };
-function w(e, n) {
+function c(e, n) {
   for (var o in n)
     e.setAttribute(o, n[o]);
 }
@@ -24,7 +24,7 @@ function p(e, n) {
     this.readyState != "complete" && this.readyState != "loaded" || (this.onreadystatechange = null, n(null, e));
   };
 }
-const d = /* @__PURE__ */ s(c);
+const d = /* @__PURE__ */ s(w);
 var u = { BASE_URL: "/", MODE: "production", DEV: !1, PROD: !0, SSR: !1 };
 const a = {
   production: u.VITE_TOPOL_URL,
@@ -43,7 +43,7 @@ function T(e = "production") {
       return P.replace("{stage}", String(e));
   }
 }
-async function f(e) {
+async function m(e) {
   return new Promise((n, o) => {
     d(a.production, (i) => {
       if (i !== null) {
@@ -54,7 +54,7 @@ async function f(e) {
     });
   });
 }
-const m = {
+const f = {
   /**
    * Initialize the Email Editor.
    * @param topolOptions - Configuration options for the editor
@@ -67,7 +67,7 @@ const m = {
       if (t !== null) {
         if (l !== a.production)
           try {
-            return await f(e), o(!0);
+            return await m(e), o(!0);
           } catch (r) {
             i(r);
           }
@@ -78,8 +78,8 @@ const m = {
     });
   }),
   /** Trigger the save callback with current editor content */
-  save: () => {
-    window.TopolPlugin.save();
+  save: (e) => {
+    window.TopolPlugin.save(e);
   },
   /** Load a template JSON into the editor */
   load: (e) => {
@@ -161,6 +161,9 @@ const m = {
   setTemplateName: (e) => {
     window.TopolPlugin.setTemplateName(e);
   },
+  updateOptions: (e) => {
+    window.TopolPlugin.updateOptions(e);
+  },
   /** Toggle the AI chat feature */
   toggleChatAI: () => {
     window.TopolPlugin.toggleChatAI();
@@ -188,6 +191,18 @@ const m = {
   /** Select/switch to a language */
   selectLanguage: (e) => {
     window.TopolPlugin.selectLanguage(e);
+  },
+  /** Toggle the control panel visibility */
+  toggleControlPanel: () => {
+    window.TopolPlugin.toggleControlPanel();
+  },
+  /** Update the editor template with new JSON data */
+  updateTemplate: (e, n) => {
+    window.TopolPlugin.updateTemplate(e, n);
+  },
+  /** Toggle dark mode for the editor */
+  toggleDarkMode: () => {
+    window.TopolPlugin.toggleDarkMode();
   }
 }, h = "https://v1.page-assets.topol.io/topol-lpe.js", E = {
   /**
@@ -207,9 +222,9 @@ const m = {
       o(t);
     });
   })
-}, v = m;
+}, v = f;
 export {
-  m as EmailEditor,
+  f as EmailEditor,
   E as LandingPageEditor,
   v as TopolPlugin,
   v as default

package/dist/topol-plugin.umd.js

@@ -1 +1 @@
-(function(l,u){typeof exports=="object"&&typeof module<"u"?u(exports):typeof define=="function"&&define.amd?define(["exports"],u):(l=typeof globalThis<"u"?globalThis:l||self,u(l["topol-plugin"]={}))})(this,function(l){"use strict";function u(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var T=function(n,o,i){var a=document.head||document.getElementsByTagName("head")[0],t=document.createElement("script");typeof o=="function"&&(i=o,o={}),o=o||{},i=i||function(){},t.type=o.type||"text/javascript",t.charset=o.charset||"utf8",t.async="async"in o?!!o.async:!0,t.src=n,o.attrs&&P(t,o.attrs),o.text&&(t.text=""+o.text);var s="onload"in t?c:f;s(t,i),t.onload||c(t,i),a.appendChild(t)};function P(e,n){for(var o in n)e.setAttribute(o,n[o])}function c(e,n){e.onload=function(){this.onerror=this.onload=null,n(null,e)},e.onerror=function(){this.onerror=this.onload=null,n(new Error("Failed to load "+this.src),e)}}function f(e,n){e.onreadystatechange=function(){this.readyState!="complete"&&this.readyState!="loaded"||(this.onreadystatechange=null,n(null,e))}}const d=u(T);var g={BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1};const r={production:g.VITE_TOPOL_URL,dev:g.VITE_TOPOL_DEV_URL,staging:g.VITE_TOPOL_STAGING_URL},m="https://d10h8ga60f7b91.cloudfront.net/preview-app-{stage}/loader/build.js";function h(e="production"){switch(e){case"dev":return r.dev;case"staging":return r.staging;case"production":return r.production;default:return m.replace("{stage}",String(e))}}async function E(e){return new Promise((n,o)=>{d(r.production,i=>{if(i!==null){o(i);return}window.TopolPlugin.init(e),n(!0)})})}const w={init:(e,n)=>new Promise((o,i)=>{const a=h(n==null?void 0:n.stage);d(a,async t=>{if(t!==null){if(a!==r.production)try{return await E(e),o(!0)}catch(s){i(s)}i(t);return}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)},toggleChatAI:()=>{window.TopolPlugin.toggleChatAI()},toggleAutosaves:()=>{window.TopolPlugin.toggleAutosaves()},toggleComments:()=>{window.TopolPlugin.toggleComments()},createLanguage:e=>{window.TopolPlugin.createLanguage(e)},setPrimaryLanguage:e=>{window.TopolPlugin.setPrimaryLanguage(e)},deleteLanguage:e=>{window.TopolPlugin.deleteLanguage(e)},selectLanguage:e=>{window.TopolPlugin.selectLanguage(e)}},v="https://v1.page-assets.topol.io/topol-lpe.js",y={init:(e,n)=>new Promise((o,i)=>{d(v,a=>{if(a!==null){i(a);return}const t=window.LandingPageEditor(e);o(t)})})},p=w;l.EmailEditor=w,l.LandingPageEditor=y,l.TopolPlugin=p,l.default=p,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(l,u){typeof exports=="object"&&typeof module<"u"?u(exports):typeof define=="function"&&define.amd?define(["exports"],u):(l=typeof globalThis<"u"?globalThis:l||self,u(l["topol-plugin"]={}))})(this,function(l){"use strict";function u(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var T=function(n,o,i){var a=document.head||document.getElementsByTagName("head")[0],t=document.createElement("script");typeof o=="function"&&(i=o,o={}),o=o||{},i=i||function(){},t.type=o.type||"text/javascript",t.charset=o.charset||"utf8",t.async="async"in o?!!o.async:!0,t.src=n,o.attrs&&P(t,o.attrs),o.text&&(t.text=""+o.text);var s="onload"in t?w:f;s(t,i),t.onload||w(t,i),a.appendChild(t)};function P(e,n){for(var o in n)e.setAttribute(o,n[o])}function w(e,n){e.onload=function(){this.onerror=this.onload=null,n(null,e)},e.onerror=function(){this.onerror=this.onload=null,n(new Error("Failed to load "+this.src),e)}}function f(e,n){e.onreadystatechange=function(){this.readyState!="complete"&&this.readyState!="loaded"||(this.onreadystatechange=null,n(null,e))}}const r=u(T);var g={BASE_URL:"/",MODE:"production",DEV:!1,PROD:!0,SSR:!1};const d={production:g.VITE_TOPOL_URL,dev:g.VITE_TOPOL_DEV_URL,staging:g.VITE_TOPOL_STAGING_URL},m="https://d10h8ga60f7b91.cloudfront.net/preview-app-{stage}/loader/build.js";function h(e="production"){switch(e){case"dev":return d.dev;case"staging":return d.staging;case"production":return d.production;default:return m.replace("{stage}",String(e))}}async function E(e){return new Promise((n,o)=>{r(d.production,i=>{if(i!==null){o(i);return}window.TopolPlugin.init(e),n(!0)})})}const c={init:(e,n)=>new Promise((o,i)=>{const a=h(n==null?void 0:n.stage);r(a,async t=>{if(t!==null){if(a!==d.production)try{return await E(e),o(!0)}catch(s){i(s)}i(t);return}window.TopolPlugin.init(e),o(!0)})}),save:e=>{window.TopolPlugin.save(e)},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)},updateOptions:e=>{window.TopolPlugin.updateOptions(e)},toggleChatAI:()=>{window.TopolPlugin.toggleChatAI()},toggleAutosaves:()=>{window.TopolPlugin.toggleAutosaves()},toggleComments:()=>{window.TopolPlugin.toggleComments()},createLanguage:e=>{window.TopolPlugin.createLanguage(e)},setPrimaryLanguage:e=>{window.TopolPlugin.setPrimaryLanguage(e)},deleteLanguage:e=>{window.TopolPlugin.deleteLanguage(e)},selectLanguage:e=>{window.TopolPlugin.selectLanguage(e)},toggleControlPanel:()=>{window.TopolPlugin.toggleControlPanel()},updateTemplate:(e,n)=>{window.TopolPlugin.updateTemplate(e,n)},toggleDarkMode:()=>{window.TopolPlugin.toggleDarkMode()}},v="https://v1.page-assets.topol.io/topol-lpe.js",y={init:(e,n)=>new Promise((o,i)=>{r(v,a=>{if(a!==null){i(a);return}const t=window.LandingPageEditor(e);o(t)})})},p=c;l.EmailEditor=c,l.LandingPageEditor=y,l.TopolPlugin=p,l.default=p,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/types/src/email-editor/index.d.ts

@@ -39,7 +39,7 @@ export declare const EmailEditor: {
      */
     init: (topolOptions: ITopolOptions, options?: EmailEditorPluginOptions) => Promise<boolean | string>;
     /** Trigger the save callback with current editor content */
-    save: () => void;
+    save: (lang?: string) => void;
     /** Load a template JSON into the editor */
     load: (json: unknown) => void;
     /** Toggle the preview mode */
@@ -80,6 +80,7 @@ export declare const EmailEditor: {
     updateApiAuthorizationHeader: (newHeader: string | Record<string, string>) => void;
     /** Set the template name/title */
     setTemplateName: (name: string) => void;
+    updateOptions: (options: Partial<ITopolOptions>) => void;
     /** Toggle the AI chat feature */
     toggleChatAI: () => void;
     /** Toggle the autosaves feature */
@@ -94,4 +95,12 @@ export declare const EmailEditor: {
     deleteLanguage: (lang: string) => void;
     /** Select/switch to a language */
     selectLanguage: (lang: string) => void;
+    /** Toggle the control panel visibility */
+    toggleControlPanel: () => void;
+    /** Update the editor template with new JSON data */
+    updateTemplate: (json: unknown, options?: {
+        skipSnapshot?: boolean;
+    }) => void;
+    /** Toggle dark mode for the editor */
+    toggleDarkMode: () => void;
 };

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

@@ -41,7 +41,7 @@ import { EmailEditor } from "./email-editor";
  */
 declare const TopolPlugin: {
     init: (topolOptions: ITopolOptions, options?: import("./email-editor").EmailEditorPluginOptions | undefined) => Promise<string | boolean>;
-    save: () => void;
+    save: (lang?: string | undefined) => void;
     load: (json: unknown) => void;
     togglePreview: () => void;
     togglePreviewSize: () => void;
@@ -62,6 +62,7 @@ declare const TopolPlugin: {
     openPremadeTemplatesSelection: () => void;
     updateApiAuthorizationHeader: (newHeader: string | Record<string, string>) => void;
     setTemplateName: (name: string) => void;
+    updateOptions: (options: Partial<ITopolOptions>) => void;
     toggleChatAI: () => void;
     toggleAutosaves: () => void;
     toggleComments: () => void;
@@ -69,6 +70,11 @@ declare const TopolPlugin: {
     setPrimaryLanguage: (lang: string) => void;
     deleteLanguage: (lang: string) => void;
     selectLanguage: (lang: string) => void;
+    toggleControlPanel: () => void;
+    updateTemplate: (json: unknown, options?: {
+        skipSnapshot?: boolean | undefined;
+    } | undefined) => void;
+    toggleDarkMode: () => void;
 };
 import { LandingPageEditor } from "./landing-page-editor";
 import type ITopolOptions from "../types/ITopolOptions";

package/dist/types/types/Callbacks/ICallbackPayloads.d.ts

@@ -9,6 +9,11 @@
 export interface ISaveData {
     json: unknown;
     html: unknown;
+    mutations?: {
+        key: string;
+        primary: boolean;
+    }[];
+    syncedSections?: number[];
 }
 /**
  * Payload for onError callback.

package/dist/types/types/Callbacks/IEmailCallbacks.d.ts

@@ -8,14 +8,24 @@ export default interface IEmailCallbacks {
      * Called when the user saves the email template.
      * @param json - The email template JSON structure
      * @param html - The generated HTML output
+     * @param mutations - The mutations applied to the email template
+     * @param syncedSections - The synced sections id that were in the email template at the time of saving
      */
-    onSave?(json: unknown, html: unknown): void;
+    onSave?(json: unknown, html: unknown, mutations: {
+        key: string;
+        primary: boolean;
+    }[], syncedSections: number[]): void;
     /**
      * Called when the user clicks "Save and Close".
      * @param json - The email template JSON structure
      * @param html - The generated HTML output
+     * @param mutations - The mutations applied to the email template
+     * @param syncedSections - The synced sections id that were in the email template at the time of saving
      */
-    onSaveAndClose?(json: unknown, html: unknown): void;
+    onSaveAndClose?(json: unknown, html: unknown, mutations: {
+        key: string;
+        primary: boolean;
+    }[], syncedSections: number[]): void;
     /**
      * Called when the user sends a test email.
      * @param email - The email address(es) to send to

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

@@ -7,13 +7,17 @@ import type ITheme from "./Theme/ITheme";
 import type IAuthHeaderConfig from "./AuthHeaderConfig/IAuthHeaderConfig";
 import type IFont from "./Font/IFont";
 import type ICustomBlockData from "./CustomBlocks/CustomBlocks";
-import type { Language } from "./Language/Language";
+import type { Language, IMultilingualLanguage } from "./Language/Language";
 import type IMergeTag from "./MergeTag/IMergeTag";
 import type SmartMergeTagPattern from "./MergeTag/SmartMergeTagPattern";
 import type IUser from "./User/User";
 import type IHelpdesk from "./Helpdesk/Helpdesk";
 import type IEmailCallbacks from "./Callbacks/IEmailCallbacks";
 type TopolTagAttribute = "font-family" | "font-size" | "font-weight" | "font-style" | "letter-spacing" | "text-transform" | "text-decoration" | "background-color" | "color" | "border-collapse";
+type DefaultTemplateLangsSchema = {
+    key: string;
+    primary: boolean;
+}[];
 /**
  * Configuration options for the Email Editor (TopolPlugin).
  */
@@ -29,6 +33,7 @@ export default interface ITopolOptions {
     autosaveInterval?: number;
     betaFeatures?: {
         carousel?: boolean;
+        loop?: boolean;
     };
     chatAI?: boolean;
     colors?: Array<string>;
@@ -40,6 +45,10 @@ export default interface ITopolOptions {
         override?: boolean;
         fonts: Array<IFont>;
     };
+    customLanguagePreset?: {
+        langs: IMultilingualLanguage;
+        override?: boolean;
+    };
     defaultTemplateSettings?: {
         emailWidth?: number;
         emailBackgroundColor?: string;
@@ -63,6 +72,8 @@ export default interface ITopolOptions {
         };
         "line-height"?: number;
         "structure-margin"?: string;
+        "stack-columns"?: boolean;
+        langs?: DefaultTemplateLangsSchema;
     };
     disableAiAssistant?: boolean;
     disableAlerts?: boolean;
@@ -70,14 +81,20 @@ export default interface ITopolOptions {
     emailServiceProvider?: "mailchimp" | "sparkpost";
     enableAutosaves?: boolean;
     enableComments?: boolean;
+    enableDarkMode?: boolean;
     enableImageToTextRatio?: boolean;
     enableMergeTagPreview?: boolean;
     enableSectionVariants?: boolean;
     enableTemplateSizeInfo?: boolean;
+    fileManagerPreferences?: {
+        defaultTilesView?: boolean;
+        hidePexelsIntegration?: boolean;
+    };
     fontSizes?: Array<number>;
     googleApiKey?: string;
     helpdesk?: IHelpdesk;
     hideSettingsTab?: boolean;
+    hideControlPanel?: boolean;
     htmlDesktopFirst?: boolean;
     htmlMinified?: boolean;
     imageCompressionOptions?: {
@@ -87,6 +104,9 @@ export default interface ITopolOptions {
         enableCompression?: boolean;
     };
     imageEditor?: boolean;
+    imageEditorOptions?: {
+        hideControls?: Array<string>;
+    };
     imageMaxSize?: number;
     language?: Language;
     light?: boolean;
@@ -94,10 +114,19 @@ export default interface ITopolOptions {
     mainMenuAlign?: "left" | "right";
     mergeTags?: Array<IMergeTagGroup | IMergeTag>;
     mobileFirstEnabled?: boolean;
+    multilingual?: boolean;
     premadeBlocks?: Record<any, any> | boolean;
+    premadeBlocksNoOverwrite?: boolean;
     premadeTemplates?: boolean;
+    premadeTemplatesOptions?: {
+        hideSearch?: boolean;
+        showDelete?: boolean;
+    };
+    removeTopBar?: boolean;
+    renameTemplate?: boolean;
     role?: "manager" | "editor" | "reader";
     savedBlocks?: Array<ISavedBlock> | boolean;
+    showControlPanelExpand?: boolean;
     showUnsavedDialogBeforeExit?: boolean;
     smartMergeTags?: {
         enabled: boolean;
@@ -111,12 +140,16 @@ export default interface ITopolOptions {
     teamUsers?: IUser[];
     templateId?: number | string;
     testingEmails?: boolean | string[];
+    textEditor?: "tinymce" | "tiptap";
+    textEditorToolbarBottomPosition?: "left" | "center" | "right";
+    textOverride?: Record<string, string>;
     theme?: ITheme;
     tinyConfig?: unknown;
+    tiptapConfig?: {
+        light?: boolean;
+    };
     title?: string;
     topBarOptions?: Array<string>;
-    renameTemplate?: boolean;
-    removeTopBar?: boolean;
     windowBar?: Array<string>;
     callbacks: IEmailCallbacks;
 }

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

@@ -5,7 +5,7 @@ import IMergeTagGroup from "./MergeTag/IMergeTagGroup";
 import IMergeTag from "./MergeTag/IMergeTag";
 export default interface ITopolPlugin {
     init: (topolOptions: ITopolOptions) => void;
-    save: () => void;
+    save: (lang?: string) => void;
     load: (json: unknown) => void;
     togglePreview: () => void;
     togglePreviewSize: () => void;
@@ -26,6 +26,7 @@ export default interface ITopolPlugin {
     openPremadeTemplatesSelection: () => void;
     updateApiAuthorizationHeader: (newHeader: string | Record<string, string>) => void;
     setTemplateName: (name: string) => void;
+    updateOptions: (options: Partial<ITopolOptions>) => void;
     setMergeTags: (mergeTags: Array<IMergeTagGroup | IMergeTag>) => void;
     toggleChatAI: () => void;
     toggleAutosaves: () => void;
@@ -34,4 +35,9 @@ export default interface ITopolPlugin {
     setPrimaryLanguage: (lang: string) => void;
     deleteLanguage: (lang: string) => void;
     selectLanguage: (lang: string) => void;
+    toggleControlPanel: () => void;
+    updateTemplate: (json: unknown, options?: {
+        skipSnapshot?: boolean;
+    }) => void;
+    toggleDarkMode: () => void;
 }

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

@@ -1 +1,6 @@
 export type Language = "en" | "fr" | "pt" | "es" | "ja" | "zh" | "ru" | "tr" | "de" | "sv" | "nl" | "it" | "fi" | "ro" | "cs" | "pl" | "ko" | "vi" | "he";
+export type IMultilingualLanguage = {
+    name: string;
+    code: string;
+    nativeName: string;
+}[];

package/package.json

@@ -12,7 +12,7 @@
   "author": "Topol.io",
   "homepage": "https://topol.io",
   "license": "Apache-2.0",
-  "version": "1.0.0-alpha.1",
+  "version": "1.0.0-alpha.2",
   "files": [
     "dist"
   ],