@useinsider/guido 2.1.0-beta.5e38fec → 2.1.0-beta.5ec7b79

package/README.md

@@ -1,6 +1,8 @@
 <p align="center">
   <a href="https://www.youtube.com/shorts/Y0RwBeMezL4" target="_blank" rel="noopener noreferrer">
-    <img width="180" src="./public/guido.png" alt="Guido logo">
+    <img width="180" 
+      src="https://web-image.useinsider.com/guido/defaultImageLibrary/iUH0liTK0d2YDsVB5LDN1770169173.jpg"  
+      alt="Guido logo">
   </a>
 </p>
 

package/dist/composables/useSave.js

@@ -1,17 +1,21 @@
-import { useConfig as l } from "./useConfig.js";
-import { useSaveStart as m, useSaveComplete as c } from "./useGuidoActions.js";
-import { useTemplatePreparation as d } from "../utils/templatePreparation.js";
-import { useHtmlValidator as p } from "./useHtmlValidator.js";
-const w = () => {
-  const i = m(), s = c(), { validateHtml: o } = p(), { callbacks: a } = l();
-  return { save: async (r = !1) => {
+import { useConfig as u } from "./useConfig.js";
+import { useSaveStart as d, useSaveComplete as p } from "./useGuidoActions.js";
+import { useSyncModuleExtractor as f } from "./useSyncModuleExtractor.js";
+import { useStripoApi as v } from "../services/stripoApi.js";
+import { useTemplatePreparation as S } from "../utils/templatePreparation.js";
+import { useHtmlValidator as x } from "./useHtmlValidator.js";
+const E = () => {
+  const o = d(), s = p(), { validateHtml: i } = x(), { callbacks: a } = u(), { extractSyncModuleUnsubscribeData: r } = f(), { setSyncModuleUnsubscriptionPages: n } = v();
+  return { save: async (l = !1) => {
     var e;
-    i();
-    const { prepareTemplateDetails: n } = d(), t = await n();
-    if (await o(t.compiledHtml, t.dynamicContentList, !0) && !((e = a.value) != null && e.externalValidation && !await a.value.externalValidation(t)))
-      return r || s(t), t;
+    o();
+    const { prepareTemplateDetails: c } = S(), t = await c();
+    if (!await i(t.compiledHtml, t.dynamicContentList, !0) || (e = a.value) != null && e.externalValidation && !await a.value.externalValidation(t))
+      return;
+    const m = r(t.rawHtml);
+    return await n(m), l || s(t), t;
   } };
 };
 export {
-  w as useSave
+  E as useSave
 };

package/dist/composables/useStripo.js

@@ -1,27 +1,26 @@
-import { useActionsApi as _ } from "./useActionsApi.js";
-import { useBlocksConfig as B } from "./useBlocksConfig.js";
-import { useConfig as v } from "./useConfig.js";
-import { useCustomInterfaceAppearance as A } from "./useCustomInterfaceAppearance.js";
-import { useStripoEventHandler as F } from "./useStripoEventHandler.js";
-import { useToaster as D } from "./useToaster.js";
-import { localePatch as I } from "../config/localePatch/index.js";
-import { displayConditions as M } from "../enums/displayConditions.js";
-import { useStripoApi as U } from "../services/stripoApi.js";
-import P from "../static/styles/customEditorStyle.css.js";
-import { useEditorStore as R } from "../stores/editor.js";
-import { dynamicContentToMergeTags as H } from "../utils/genericUtil.js";
-import O from "../package.json.js";
+import { useActionsApi as M } from "./useActionsApi.js";
+import { useBlocksConfig as A } from "./useBlocksConfig.js";
+import { useConfig as F } from "./useConfig.js";
+import { useCustomInterfaceAppearance as D } from "./useCustomInterfaceAppearance.js";
+import { useStripoEventHandler as I } from "./useStripoEventHandler.js";
+import { useToaster as U } from "./useToaster.js";
+import { displayConditions as P } from "../enums/displayConditions.js";
+import { useStripoApi as R } from "../services/stripoApi.js";
+import H from "../static/styles/customEditorStyle.css.js";
+import { useEditorStore as S } from "../stores/editor.js";
+import { dynamicContentToMergeTags as O } from "../utils/genericUtil.js";
+import q from "../package.json.js";
 const Z = (c) => {
-  const { features: l, template: y } = v(), { handleError: u } = D(), { getToken: C, getCustomFonts: S } = U(), { handleEvent: E } = F(), { getStripoBlocksConfig: h } = B(), w = async (i, r = []) => {
-    var m, f, g;
-    const o = R(), { html: n, css: p } = i, { baseBlocks: s, extensions: t } = await h(), a = ((m = l.value) == null ? void 0 : m.displayConditions) ?? !0, k = ((f = l.value) == null ? void 0 : f.modulesDisabled) ?? !1, T = ((g = y.value) == null ? void 0 : g.forceRecreate) ?? !1;
+  const { features: l, template: C } = F(), { handleError: u } = U(), { getToken: E, getCustomFonts: h, getSyncModulesStatus: w } = R(), { handleEvent: b } = I(), { getStripoBlocksConfig: k } = A(), T = async (i, n = [], r = !1) => {
+    var g, f, y;
+    const e = S(), { html: p, css: a } = i, { baseBlocks: t, extensions: d } = await k(), m = ((g = l.value) == null ? void 0 : g.displayConditions) ?? !0, _ = ((f = l.value) == null ? void 0 : f.modulesDisabled) ?? !1, B = ((y = C.value) == null ? void 0 : y.forceRecreate) ?? !1;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
         metadata: c,
-        html: n,
-        css: p,
-        forceRecreate: T,
+        html: p,
+        css: a,
+        forceRecreate: B,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
@@ -31,86 +30,89 @@ const Z = (c) => {
         customAppearanceMergetags: !0,
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: P,
-        conditionsEnabled: a,
-        customConditionsEnabled: a,
-        conditionCategories: M,
+        customViewStyles: H,
+        conditionsEnabled: m,
+        customConditionsEnabled: m,
+        conditionCategories: P,
         enableXSSSecurity: !0,
-        modulesDisabled: k,
+        modulesDisabled: _,
+        syncModulesEnabled: r,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
         displayHiddenPreheader: !1,
         displayTitle: !1,
         displayUTM: !1,
         selectElementAfterDrop: !0,
-        ...s ? { baseBlocks: s } : {},
+        ...t ? { baseBlocks: t } : {},
         editorFonts: {
           showDefaultStandardFonts: !0,
           showDefaultNotStandardFonts: !0,
-          customFonts: r
+          customFonts: n
         },
         mergeTags: [
           {
-            entries: H(c.preselectedDynamicContentList)
+            entries: O(c.preselectedDynamicContentList)
           }
         ],
-        async onTokenRefreshRequest(e) {
+        async onTokenRefreshRequest(o) {
           try {
-            const d = await C();
-            e(d);
-          } catch (d) {
-            u(d, "Failed to refresh token");
+            const s = await E();
+            o(s);
+          } catch (s) {
+            u(s, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: e } = A(), { activateCustomViewStyles: d, updateTimerInClonedTemplate: V } = _();
-            e(), d(), V(), c.onReady(), o.isStripoInitialized = !0, o.loadingStatus = !1, setTimeout(() => {
-              o.hasChanges = !1;
+            const { importCss: o } = D(), { activateCustomViewStyles: s, updateTimerInClonedTemplate: v } = M();
+            o(), s(), v(), c.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
+              e.hasChanges = !1;
             }, 1e3);
-          } catch (e) {
-            u(e, "Failed to load custom interface appearance");
+          } catch (o) {
+            u(o, "Failed to load custom interface appearance");
           }
         },
-        onCodeEditorVisibilityChanged(e) {
-          o.isCodeEditorOpen = e;
+        onCodeEditorVisibilityChanged(o) {
+          e.isCodeEditorOpen = o;
         },
-        onEditorVisualModeChanged(e) {
-          o.editorVisualMode = e.toLowerCase();
+        onEditorVisualModeChanged(o) {
+          e.editorVisualMode = o.toLowerCase();
         },
-        onVersionHistoryVisibilityChanged(e) {
-          o.isVersionHistoryOpen = e;
+        onVersionHistoryVisibilityChanged(o) {
+          e.isVersionHistoryOpen = o;
         },
         onDataChanged() {
-          o.hasChanges = !0;
+          e.hasChanges = !0;
         },
-        onEvent: E,
+        onEvent: b,
         ignoreClickOutsideSelectors: [
           "#guido-dynamic-content-modal",
           ".in-on-board-wrapper",
           ".in-drawer__container"
         ],
-        extensions: t,
-        localePatch: I
+        extensions: d
       }
     );
-  }, b = (i) => new Promise((r, o) => {
-    var a;
+  }, V = (i) => new Promise((n, r) => {
+    var d;
     if (document.getElementById("UiEditorScript")) {
-      i(), r();
+      i(), n();
       return;
     }
-    const n = O.guido, s = `https://email-static.useinsider.com/guido/${(a = n == null ? void 0 : n.stripo) == null ? void 0 : a.version}/UIEditor.js`, t = document.createElement("script");
-    t.id = "UiEditorScript", t.type = "module", t.src = s, t.onload = () => {
-      i(), r();
+    const e = q.guido, a = `https://email-static.useinsider.com/guido/${(d = e == null ? void 0 : e.stripo) == null ? void 0 : d.version}/UIEditor.js`, t = document.createElement("script");
+    t.id = "UiEditorScript", t.type = "module", t.src = a, t.onload = () => {
+      i(), n();
     }, t.onerror = () => {
-      o(new Error(`Failed to load Stripo UIEditor script from S3: ${s}`));
+      r(new Error(`Failed to load Stripo UIEditor script from S3: ${a}`));
     }, document.body.appendChild(t);
   });
   return { initPlugin: async (i) => {
-    await b(async () => {
-      const r = await S();
-      await w(i, r);
+    await V(async () => {
+      const n = S(), [r, e] = await Promise.all([
+        h(),
+        w()
+      ]);
+      n.syncModulesEnabled = e, await T(i, r, e);
     });
   } };
 };

package/dist/composables/useStripoEventHandler.js

@@ -1,20 +1,35 @@
-import { useOnboardingStore as i } from "../stores/onboarding.js";
-const c = () => {
-  const e = {
-    block_dropped: ({ blockName: t }) => {
-      if (t === "BLOCK_TEXT") {
-        const n = i(), o = !n.shouldShowOnboarding("textBlockOnboarding"), r = n.isActive("textBlockOnboarding");
-        if (o || r)
+import { useStripoApi as i } from "../services/stripoApi.js";
+import { useEditorStore as u } from "../stores/editor.js";
+import { useOnboardingStore as l } from "../stores/onboarding.js";
+import { useUnsubscribeStore as b } from "../stores/unsubscribe.js";
+const v = () => {
+  const { updateSyncModule: d, getSyncModule: r } = i(), n = u(), s = b(), a = {
+    block_dropped: ({ blockName: e }) => {
+      if (e === "BLOCK_TEXT") {
+        const o = l(), t = !o.shouldShowOnboarding("textBlockOnboarding"), c = o.isActive("textBlockOnboarding");
+        if (t || c)
           return;
-        n.start("textBlockOnboarding");
+        o.start("textBlockOnboarding");
       }
+    },
+    module_saved: async (e) => {
+      n.syncModulesEnabled && (console.debug("[module_saved] Saved module data:", e), await d(e));
+    },
+    module_dropped: async (e) => {
+      if (!n.syncModulesEnabled)
+        return;
+      const { moduleId: o } = e, t = await r(o);
+      console.debug("[module_dropped] Sync module data:", t), t.unsubscriptionPreferencePages.length && await s.fetchTemplates();
+    },
+    module_updated: async (e) => {
+      n.syncModulesEnabled && (console.debug("[module_updated] Updated module data:", e), await d(e));
     }
   };
-  return { handleEvent: async (t, n) => {
-    const o = e[t];
-    o && await o(n);
+  return { handleEvent: async (e, o) => {
+    const t = a[e];
+    console.debug("Stripo Event: ", e, o), t && await t(o);
   } };
 };
 export {
-  c as useStripoEventHandler
+  v as useStripoEventHandler
 };

package/dist/composables/useSyncModuleExtractor.js

@@ -0,0 +1,33 @@
+import { UNSUBSCRIBE_SYNC_MODULE_TYPES as S } from "../enums/unsubscribe.js";
+import { DATA_ATTRIBUTES as a } from "../extensions/Blocks/Unsubscribe/utils/constants.js";
+import { useEditorStore as d } from "../stores/editor.js";
+const T = ".esd-synchronizable-module", m = '[esd-extension-block-id="unsubscribe-block"]', A = "esd-custom-block-id", M = () => {
+  const l = d();
+  return { extractSyncModuleUnsubscribeData: (p) => {
+    if (!l.syncModulesEnabled)
+      return [];
+    const E = new DOMParser().parseFromString(p, "text/html").querySelectorAll(T), e = [];
+    return E.forEach((r) => {
+      const s = r.getAttribute(A);
+      if (!s)
+        return;
+      r.querySelectorAll(m).forEach((o) => {
+        const n = o.getAttribute(a.PAGE_LIST), c = o.getAttribute(a.PAGE_TYPE);
+        if (!n || !c)
+          return;
+        const b = parseInt(c), u = S[b];
+        if (!u)
+          return;
+        const i = n.split(",").map((t) => parseInt(t.trim())).filter((t) => !Number.isNaN(t));
+        i.length !== 0 && e.push({
+          stripoModuleId: s,
+          unsubscriptionPreferencePages: i,
+          type: u
+        });
+      });
+    }), e;
+  } };
+};
+export {
+  M as useSyncModuleExtractor
+};

package/dist/composables/useVersionHistoryApi.js

@@ -35,7 +35,7 @@ const S = () => {
         () => {
           s({
             type: t.Success,
-            message: "Your version has been restored successfully."
+            message: `${e} patch restored successfully.`
           });
         },
         (o) => {

package/dist/enums/unsubscribe.js

@@ -1,17 +1,17 @@
 import { useTranslations as e } from "../composables/useTranslations.js";
 import { getEnvironmentPrefix as R } from "../utils/environmentUtil.js";
-const I = {
+const _ = {
   UNSUBSCRIBE_LINK_TYPE: 1,
   PREFERENCES_LINK_TYPE: 3
-}, r = {
+}, I = {
   UNSUBSCRIBE_LINK_REGEX: /{{ins-unsubscribe-link}}/g,
   DATA_OGSB_BUTTON_CSS_REGEX: "\\[data-ogsb\\]\\s*\\.es-button\\.es-button-[0-9]+\\s*\\{(?:[^\\}]*)\\}",
   GLOBAL_UNSUBSCRIBE_LINK_REGEX: /{{ins-global-unsubscribe-link}}/g,
   PREFERENCES_UNSUBSCRIBE_LINK_REGEX: /{{ins-preferences-unsubscribe-link}}/g
-}, s = R(), _ = {
-  UNSUBSCRIBE_URL: `https://mail.${s}.com/user/v1/unsub`,
-  PREFERENCES_URL: `https://mail.${s}.com/user/v1/prefs`
-}, i = "iid", B = {
+}, n = R(), r = {
+  UNSUBSCRIBE_URL: `https://mail.${n}.com/user/v1/unsub`,
+  PREFERENCES_URL: `https://mail.${n}.com/user/v1/prefs`
+}, B = "iid", i = {
   name: "Global Unsubscribe",
   sendGridId: "G"
 }, C = "/email/unsubscribe-pages", E = {
@@ -20,6 +20,9 @@ const I = {
   SUBSCRIPTION_PREFERENCE_CENTER: 3,
   SUBSCRIPTION_PREFERENCE_CONFIRMATION: 4,
   RESUBSCRIBE: 5
+}, U = {
+  [E.GLOBAL_UNSUBSCRIBE]: "custom-unsubscribe",
+  [E.SUBSCRIPTION_PREFERENCE_CENTER]: "custom-preferences"
 }, t = {
   [E.GLOBAL_UNSUBSCRIBE]: [
     E.GLOBAL_UNSUBSCRIBE,
@@ -30,29 +33,30 @@ const I = {
     E.SUBSCRIPTION_PREFERENCE_CENTER,
     E.SUBSCRIPTION_PREFERENCE_CONFIRMATION
   ]
-}, U = () => {
-  const n = e();
+}, c = () => {
+  const s = e();
   return {
-    [E.GLOBAL_UNSUBSCRIBE]: n("unsubscription-preference.type-global-unsubscribe"),
-    [E.GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE]: n("unsubscription-preference.type-global-unsubscription-confirmation"),
-    [E.RESUBSCRIBE]: n("unsubscription-preference.type-resubscribe"),
-    [E.SUBSCRIPTION_PREFERENCE_CENTER]: n("unsubscription-preference.type-subscription-preferences-center"),
-    [E.SUBSCRIPTION_PREFERENCE_CONFIRMATION]: n("unsubscription-preference.type-subscription-preferences-confirmation")
+    [E.GLOBAL_UNSUBSCRIBE]: s("unsubscription-preference.type-global-unsubscribe"),
+    [E.GLOBAL_UNSUBSCRIBE_CONFIRMATION_PAGE]: s("unsubscription-preference.type-global-unsubscription-confirmation"),
+    [E.RESUBSCRIBE]: s("unsubscription-preference.type-resubscribe"),
+    [E.SUBSCRIPTION_PREFERENCE_CENTER]: s("unsubscription-preference.type-subscription-preferences-center"),
+    [E.SUBSCRIPTION_PREFERENCE_CONFIRMATION]: s("unsubscription-preference.type-subscription-preferences-confirmation")
   };
-}, c = {
+}, o = {
   default: "{{ins-unsubscribe-link}}",
   [E.GLOBAL_UNSUBSCRIBE]: "{{ins-global-unsubscribe-link}}",
   [E.SUBSCRIPTION_PREFERENCE_CENTER]: "{{ins-preferences-unsubscribe-link}}"
 };
 export {
-  B as DEFAULT_UNSUBSCRIBE_GROUP,
-  i as INSIDER_ID,
-  r as LINK_REGEXES,
-  I as LINK_TYPES,
-  c as MERGE_TAGS,
+  i as DEFAULT_UNSUBSCRIBE_GROUP,
+  B as INSIDER_ID,
+  I as LINK_REGEXES,
+  _ as LINK_TYPES,
+  o as MERGE_TAGS,
   E as PAGE_TYPES,
   t as TYPE_COLLECTIONS,
   C as UNSUBSCRIBE_PAGES_LINK,
-  _ as URLS,
-  U as getTypeTranslations
+  U as UNSUBSCRIBE_SYNC_MODULE_TYPES,
+  r as URLS,
+  c as getTypeTranslations
 };

package/dist/services/stripoApi.js

@@ -1,26 +1,26 @@
-import { useHttp as m } from "../composables/useHttp.js";
-import { useToaster as i } from "../composables/useToaster.js";
+import { useHttp as l } from "../composables/useHttp.js";
+import { useToaster as d } from "../composables/useToaster.js";
 import { MAX_DEFAULT_TEMPLATE_ID as p } from "../enums/defaults.js";
-const y = () => {
-  const { get: r } = m(), { handleError: o } = i();
+const b = () => {
+  const { get: s, post: c } = l(), { handleError: r } = d();
   return {
     getToken: async () => {
       try {
-        const t = Number(localStorage.getItem("ins-guido-test-instance")), { data: e } = await r(`/stripo/get-user-token?test=${t}`);
+        const t = Number(localStorage.getItem("ins-guido-test-instance")), { data: e } = await s(`/stripo/get-user-token?test=${t}`);
         return e.body.token;
       } catch (t) {
-        return o(t, "Failed to fetch token"), "";
+        return r(t, "Failed to fetch token"), "";
       }
     },
     getCustomFonts: async () => {
       try {
-        const { data: t = [] } = await r("/stripo/get-partner-custom-fonts");
+        const { data: t = [] } = await s("/stripo/get-partner-custom-fonts");
         return t.map((e) => ({
           ...e,
           active: !0
         }));
       } catch (t) {
-        return o(t, "Failed to fetch custom fonts"), [];
+        return r(t, "Failed to fetch custom fonts"), [];
       }
     },
     getDefaultTemplate: async () => {
@@ -29,16 +29,52 @@ const y = () => {
         css: ""
       };
       try {
-        const c = new URLSearchParams(window.location.search).get("default-template"), s = c ? parseInt(c) : 0, l = s >= 1 && s <= p ? s : 0, { data: n } = await r(
-          `/stripo/default-template/${l}`
-        ), a = typeof n == "string" ? JSON.parse(n) : n;
-        return !a || typeof a != "object" || !("html" in a) || !("css" in a) ? t : a;
+        const u = new URLSearchParams(window.location.search).get("default-template"), a = u ? parseInt(u) : 0, i = a >= 1 && a <= p ? a : 0, { data: n } = await s(
+          `/stripo/default-template/${i}`
+        ), o = typeof n == "string" ? JSON.parse(n) : n;
+        return !o || typeof o != "object" || !("html" in o) || !("css" in o) ? t : o;
       } catch (e) {
-        return o(e, "Failed to fetch default template"), t;
+        return r(e, "Failed to fetch default template"), t;
+      }
+    },
+    getSyncModulesStatus: async () => {
+      try {
+        const { data: t } = await s("/newsletter/settings/synchronisation-in-modules-status");
+        return t.status;
+      } catch (t) {
+        return r(t, "Failed to fetch sync modules status"), !1;
+      }
+    },
+    updateSyncModule: async (t) => {
+      try {
+        return await c(`/stripo/stripo-modules/${t.moduleId}/update`, t), !0;
+      } catch (e) {
+        return r(e, "Failed to update sync module"), !1;
+      }
+    },
+    getSyncModule: async (t) => {
+      try {
+        const { data: e } = await s(`/stripo/stripo-modules/${t}/get`);
+        return e;
+      } catch (e) {
+        return r(e, "Failed to get sync module"), {
+          id: 0,
+          stripoId: 0,
+          unsubscriptionPreferencePages: []
+        };
+      }
+    },
+    setSyncModuleUnsubscriptionPages: async (t) => {
+      if (t.length === 0)
+        return !0;
+      try {
+        return await c("/stripo/stripo-modules/set-unsubscription-preference-pages", t), !0;
+      } catch (e) {
+        return r(e, "Failed to set unsubscription preference pages"), !1;
       }
     }
   };
 };
 export {
-  y as useStripoApi
+  b as useStripoApi
 };

package/dist/src/@types/events.d.ts

@@ -1,6 +1,38 @@
-export type StripoEventType = 'save' | 'export' | 'close' | 'autosave' | 'publish' | 'export:requested' | 'export:ready';
+export type StripoEventType = 'save' | 'export' | 'close' | 'autosave' | 'publish' | 'export:requested' | 'export:ready' | 'module_updated' | 'module_dropped';
+export interface ModuleUpdatedParams {
+    target: string;
+    blockType: string;
+    moduleId: number;
+    moduleCategory: string | null;
+    syncModule: boolean;
+}
+export interface ModuleDroppedParams {
+    target: string;
+    blockType: string;
+    moduleId: number;
+    syncModule: boolean;
+}
+export interface SyncModuleUnsubscribePayload {
+    stripoModuleId: string;
+    unsubscriptionPreferencePages: number[];
+    type: string;
+}
+export interface SyncModuleResponse {
+    id: number;
+    stripoId: number;
+    unsubscriptionPreferencePages: UnsubscriptionPreferencePage[];
+}
+export interface UnsubscriptionPreferencePage {
+    id: number;
+    name: string;
+    type: number;
+    status: number;
+    isVisible: number;
+    thumbnail: string;
+    createdAt: string;
+}
 export interface EventHandler {
-    (params: Record<string, string>): void | Promise<void>;
+    (params: Record<string, unknown>): void | Promise<void>;
 }
 export interface EventHandlers {
     [eventType: string]: EventHandler;

package/dist/src/composables/useSyncModuleExtractor.d.ts

@@ -0,0 +1,4 @@
+import type { SyncModuleUnsubscribePayload } from '@@/Types/events';
+export declare const useSyncModuleExtractor: () => {
+    extractSyncModuleUnsubscribeData: (html: string) => SyncModuleUnsubscribePayload[];
+};

package/dist/src/enums/unsubscribe.d.ts

@@ -25,6 +25,9 @@ export declare const PAGE_TYPES: {
     SUBSCRIPTION_PREFERENCE_CONFIRMATION: number;
     RESUBSCRIBE: number;
 };
+export declare const UNSUBSCRIBE_SYNC_MODULE_TYPES: {
+    [x: number]: string;
+};
 export declare const TYPE_COLLECTIONS: {
     [x: number]: number[];
 };

package/dist/src/mock/api/settings.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("msw").HttpHandler[];
+export default _default;

package/dist/src/services/stripoApi.d.ts

@@ -1,3 +1,4 @@
+import type { ModuleUpdatedParams, SyncModuleResponse, SyncModuleUnsubscribePayload } from '@@/Types/events';
 import type { CustomFont, Template } from '@@/Types/stripo';
 export declare const useStripoApi: () => {
     getToken: () => Promise<string>;
@@ -5,4 +6,8 @@ export declare const useStripoApi: () => {
         active: boolean;
     })[]>;
     getDefaultTemplate: () => Promise<Template>;
+    getSyncModulesStatus: () => Promise<boolean>;
+    updateSyncModule: (params: ModuleUpdatedParams) => Promise<boolean>;
+    getSyncModule: (moduleId: number) => Promise<SyncModuleResponse>;
+    setSyncModuleUnsubscriptionPages: (payload: SyncModuleUnsubscribePayload[]) => Promise<boolean>;
 };

package/dist/src/stores/editor.d.ts

@@ -8,6 +8,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
     hasChanges: boolean;
     isStripoInitialized: boolean;
     templateId: string;
+    syncModulesEnabled: boolean;
 }, {
     isEditorToolbarVisible: (state: {
         loadingStatus: boolean;
@@ -19,6 +20,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -29,6 +31,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     }>) => boolean;
     isUndoButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -40,6 +43,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -50,6 +54,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     }>) => boolean;
     isRedoButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -61,6 +66,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -71,6 +77,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     }>) => boolean;
     isCodeEditorButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -82,6 +89,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -92,6 +100,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     }>) => boolean;
     isPreviewButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -103,6 +112,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -113,6 +123,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     }>) => boolean;
     isViewOptionsDisabled: (state: {
         loadingStatus: boolean;
@@ -124,6 +135,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -134,6 +146,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     }>) => boolean;
     isVersionHistoryButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -145,6 +158,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -155,6 +169,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     }>) => boolean;
     isExportButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -166,6 +181,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -176,6 +192,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     }>) => boolean;
     isSaveAsButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -187,6 +204,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -197,6 +215,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     }>) => boolean;
     isTestButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -208,6 +227,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -218,6 +238,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     }>) => boolean;
     isSaveButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -229,6 +250,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -239,5 +261,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     }>) => boolean;
 }, {}>;

package/dist/static/styles/components/notification.css.js

@@ -17,20 +17,6 @@ ue-notifications-container .alert-message-wrapper {
     padding: 16px 24px;
 }
 
-ue-notifications-container .alert-message-wrapper.info,
-ue-notifications-container .alert-message-wrapper.loader {
-    background-color: var(--guido-color-background-toaster-info) !important;
-    color: inherit;
-}
-
-ue-notifications-container ue-caption .caption {
-    color: var(--guido-color-white) !important;
-}
-
-ue-block-thumb-hint {
-    text-align: left;
-}
-
 ue-notifications-container .alert-message-wrapper .alert-message-main .alert-message-content {
     width: calc(100% - 64px);
 }

package/dist/static/styles/variables.css.js

@@ -25,7 +25,6 @@ const o = `:host {
     --guido-color-border-onpage-message-error: var(--guido-color-danger-500);
     --guido-color-background-toaster-success: #128745;
     --guido-color-background-toaster-error: var(--guido-color-danger-500);
-    --guido-color-background-toaster-info: #2C3546;
     --guido-color-background-toaster-warn: #D37400;
 }
 `;

package/dist/stores/editor.js

@@ -9,7 +9,8 @@ const o = e("guidoEditor", {
     editorVisualMode: "desktop",
     hasChanges: !1,
     isStripoInitialized: !1,
-    templateId: ""
+    templateId: "",
+    syncModulesEnabled: !1
   }),
   getters: {
     // Middle Slot

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "2.1.0-beta.5e38fec",
+  "version": "2.1.0-beta.5ec7b79",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",

package/dist/config/localePatch/index.js

@@ -1,13 +0,0 @@
-import o from "./labels.json.js";
-import t from "./toasters.json.js";
-import r from "./tooltips.json.js";
-const p = {
-  en: {
-    ...o,
-    ...r,
-    ...t
-  }
-};
-export {
-  p as localePatch
-};

package/dist/config/localePatch/labels.json.js

@@ -1,7 +0,0 @@
-const l = {
-  "Global Styles & Layout": "Global Styles and Layout",
-  "Structures & Modules": "Structures and Modules"
-};
-export {
-  l as default
-};

package/dist/config/localePatch/toasters.json.js

@@ -1,48 +0,0 @@
-const e = "Your version has been restored successfully.", o = {
-  "The image has been deleted.": "The image has been deleted successfully.",
-  "Aim for the drop zone!": "Drag and drop your image inside the upload area to continue.",
-  "Image processing": "The image upload is in progress. This may take some time.",
-  "Can not get image from an external source.": "The image couldn’t be uploaded from the URL. Check and update your URL to continue.",
-  "The selected basic color cannot be added to My Palette. Please choose a different one from the color picker.": "The selected color is already added to My Palette. Pick a different color to add.",
-  "Copied to clipboard": "Your Image URL has been copied to clipboard successfully.",
-  "The file {fileName} has wrong format {fileFormat}": "Upload a PNG, JPG, JPEG, or GIF image to continue.",
-  "The file {fileName} size exceeds the allowed size {maxFileSize}": "Upload an image up to 10 MB to continue.",
-  "Image link invalid": "Enter a valid Image Link to continue.",
-  "Image upload failed": "Upload a valid image to continue.",
-  "Image upload error": "Upload a valid image to continue.",
-  "Error message from video service": "The video thumbnail couldn't be loaded. Check and update your Video Link to continue.",
-  "Error message from image processing": "The Play Button couldn't be added to the Video Thumbnail right now. You can select another Play Button and try again.",
-  "The AI is fine-tuning your result... Please wait! This may take up to 1 minute.": "AI content generation is in progress. This may take some time.",
-  "Can not complete AI request. Try again later": "AI content generation couldn't be completed right now. You can reload the editor or wait for a while and try again.",
-  "AI is processing your request": "AI content generation is in progress. This may take some time.",
-  "Unable to paste text. Limit is 256kB. Please trim it down.": "Add a text to Text Block of up to 256KB to continue.",
-  "Banner src included merge tag": "The image upload is in progress. This may take some time.",
-  "Module deletion error": "The module couldn't be deleted right now. You can wait for a while and try again.",
-  "Module deletion error with action button": "The module couldn't be deleted right now. You can wait for a while and try again.",
-  "Block action error": "Your content couldn't added right now. You can wait for a while and try again.",
-  history_revert_to_patch: e,
-  "There is no connection to the server. Please reload the page or click 'Reconnect' to continue.": "Your server connection is lost. Reload the page to continue.",
-  "Reconnecting...": "Server reconnection is in progress. This may take some time.",
-  "Failed to load version history. Contact support for assistance.": "Your version couldn't be restored right now. You can wait for a while and try again.",
-  "Connection restored": "Server connection has been restored successfully.",
-  "Invalid base64 image format. Please replace the image link.": "This image can’t be edited.",
-  "Timer update error": "Your action couldn't be undone right now. You can reload the editor or wait for a while and try again.",
-  "Cannot edit base64 images": "This image type can't be edited.",
-  "Failed to copy URL": "Your Image Link couldn't be copied to clipboard right now. You can wait for a while and try again.",
-  "Error message from image service": "The image couldn't be loaded from the URL you entered. Check and update your URL to continue.",
-  "Error message from image preload": "The image couldn't be loaded from the URL you entered. Check and update your Image Link to continue.",
-  "An error has occurred. Please report the error code to support: {trace_id} and reload the editor. Also, send a bug report with email logs to the development team.": "Your design couldn't be loaded right now. You can reload the page and try again.",
-  "The number of requests within your session has been exceeded. Please wait.": "Your requests are being processed. You can wait for a while to take new actions.",
-  "An error has occurred. Please report the error code to support.": "Your design couldn't be loaded right now. You can reload the page and try again.",
-  "Warning: custom fonts": "Use custom fonts up to 10 to continue.",
-  "Image recovery error": "The image couldn't be restored right now. You can wait for a while and try again.",
-  "Image moved to trash": "The image has been deleted successfully.",
-  "Image delete error": "The image couldn't be deleted right now. You can wait for a while and try again.",
-  "The maximum number of users who can simultaneously work with the sheet has been exceeded. Maximum allowed number: {{max_users_per_model}}": "You can’t edit the design right now as the maximum number of users are currently editing it.",
-  "The monthly limit of Timer basic block is reached. Please change the subscription pricing plan to activate new quotas": "You've reached your monthly Timer Block limit for your plan. You can upgrade your plan to add new Timer Block items.",
-  "The monthly limit of Timer basic block is reached.": "You've reached your monthly Timer Block limit for your plan. You can upgrade your plan to add new Timer Block items."
-};
-export {
-  o as default,
-  e as history_revert_to_patch
-};

package/dist/config/localePatch/tooltips.json.js

@@ -1,82 +0,0 @@
-const e = {
-  "Add template/pre-built modules, or structures with containers": "Structures and Modules lets you add templates, pre-built modules or structures with containers.",
-  "Allows uploading and editing images": "Image lets you add and edit images.",
-  "Allows working on text styles, adding merge tags and lists": "Text lets you edit text styles, add merge tags and lists.",
-  "Allows designing buttons of any shape, size, and color": "Button lets you edit the shape, size, and color of the buttons.",
-  "Meant to visually separate elements with a horizontal line": "Spacer lets you separate elements with a horizontal line.",
-  "Offers 70+ social media icons and chats of different design styles": "Social Networks lets you add social media icons and chat options in different design styles.",
-  "Helps taking users from emails to necessary pages on your site": "Menu lets you direct users from emails to the respective website.",
-  "Allows adding elements with custom code in emails": "HTML lets you add elements with custom code in emails.",
-  "Allows applying filters to images and placing text over them": "Banner lets you apply filters to images and add text over them.",
-  "Allows setting thumbnail images & play buttons for videos": "Video lets you set thumbnail images, add video links and play buttons for videos.",
-  "Adds a countdown to a specific date. Use the timer in emails for promotions, launches, and events": "Timer lets you add a countdown in your emails for promotions, launches or events.",
-  'The "AMP Carousel" block is currently being developed. Switch to the Old version of the Editor to access the full functionality needed to continue working on this email. Please note, that all changes you have already made to this email will be saved and available in the Old version': "Carousel lets you add templates, prebuilt modules or container-based structures via AMP HTML and HTML.",
-  'The "AMP Accordion" block is currently being development. Switch to the Old version of the Editor to access the full functionality needed to continue working on this email. Please note, that all changes you have already made to this email will be saved and available in the Old version': "AMP Accordion lets you add a collapsible accordion with customizable sections via AMP HTML.",
-  "An AMP Form block lets users collect feedback or run surveys directly in an email. It includes input fields and can be added in the Editor, allowing recipients to respond right from their inbox": "AMP Form Block lets you add input fields to collect feedback or run surveys via AMP HTML.",
-  "Will be applied to the entire email": "General Background Color lets you set the background color applied to the entire email.",
-  "Background image for the entire email. Some email clients (Windows 10 Mail, Android 4.4, the Gmail app for iOS, and Android for non-Gmail accounts) do not support background images. Thus, we recommend choosing a background color for the entire email similar to the selected image as a fallback.": "Background Image lets you upload an image for the entire email.",
-  "Repetition of the email background image. In Outlook for Windows, the image will be repeated in any case, regardless of whether this option is enabled or not. To bypass the Outlook limitation, you need to create an image in a third-party editor of the needed color and size so that it fits the entire background size, apply the required graphics to it, upload it, and center-align it in the email. The dimensions of such a background image should be at least 1,920 pixels in width, and the height should be equal to the height of the email.": "Background Image Repeat lets you enable the repetition of the background image.",
-  'The standard width of the email varies between 540-700 pixels. <a href="https://stripo.email/blog/email-template-size-width-height/" target="_blank" aria-label="Read more about the message width in our blog.">Read more here</a>': "Message Content Width lets you set the standard width of the email between 540 and 700 pixels.",
-  "Alignment of the email content area ": "Message Alignment lets you set the alignment of the email content area.",
-  "Your email will automatically adjust for smaller screens by displaying content in a single column. Side-by-side blocks will be stacked vertically": "Responsive Design lets your email adjust to smaller screens.",
-  "Your email will display the desktop version on mobile devices. Mobile-specific settings will be turned off in the Editor": "Note that Responsive Design can only be visible on the desktop version of mobile devices, and mobile settings will also be turned off when Responsive Design is disabled.",
-  "Enable the right-to-left (RTL) text direction to build emails easily without coding for recipients using RTL scripts, such as Arabic, Hebrew, Persian, Urdu, etc.": "Right to Left Text Direction lets you build emails in right-to-left (RTL) languages like Arabic, Hebrew, or Persian without coding.",
-  "Margins around the email message area": "Message on Desktop lets you set the margins around the message area.",
-  "The background image of the stripe. The image will not be displayed in an Outlook app on Windows email clients. We recommend choosing a stripe background color similar to the selected image as a fallback": "Background Image lets you drag and drop or add an image URL as a background image.",
-  'We automatically calculate the optimal indentation for your text. It depends on font size and line spacing <a href="https://en.wikipedia.org/wiki/Leading" target="_blank">leading<a/>': "Bottom Space lets you add space automatically depending on font size and line spacing.",
-  'Padding in the "Text" block makes space around the added text.': "Padding on Desktop lets you add space around the text in the Text block for desktop.",
-  "If an email client doesn't support the non-standard font, a similar standard font will be used instead.": "Note that a similar Safe font will be used instead of the selected font if users' devices don't support it.",
-  "This option ensures the most accurate display of your buttons in MS Outlook email clients by inserting a special VML-code. When this option is activated, the email message size can be increased up to kilobyte for each added button.": "Support for Outlook lets you display buttons accurately in Outlook by adding VML code, which may increase your email size.",
-  "Outlook for Windows does not have support for a separate button border width setting": "Style is not supported in Outlook for Windows as it doesn't allow separate button border width settings.",
-  "Outlook for Windows does not have a support for the border radius property. We recommend enabling the Outlook support option.": "Border is not supported in Outlook for Windows as it doesn't allow the border radius property. We recommend enabling Outlook Support.",
-  'The option "hover button styles" (changing colors upon a mouseover) is supported by a limited number of email clients. <a href="{link}" target="_blank">Learn more</a>': "Hover Button Styles can be supported by a limited number of users. For more information, you can visit Academy.",
-  "Button padding that makes the space around the button text": "Padding on Desktop lets you set the space around the button text for desktop.",
-  "The icon inside the button will not show in Outlook 2002, 2007, 2010, 2013, 2016, 2019 on Windows.": "The Icon won't be visible in Outlook 2002–2019 on Windows.",
-  "Margins around the button": "Margins on Desktop lets you set the space around the button.",
-  "It only works with CSS styles, so it is not supported by Outlook on Windows. We recommend enabling the Support for Outlook option.": "Border Radius lets you round the corners of the button. Note that it only works with CSS styles, so it's not supported by Outlook on Windows. We recommend enable the Support for Outlook.",
-  "Not supported by Outlook on Windows, so we recommend enabling the Support for Outlook option in the General Settings tab.": "Border lets you add an outline around the element. Note that it's not supported by Outlook on Windows. We recommend you enable the Support for Outlook in the General Settings.",
-  "Add content to the email, click it, and choose “Save as a module”. Stripes, Structures, and Containers can be saved as a module.": "Make sure you save modules once content is added. Note that Stripes, Structures, and Containers can be saved as a module.",
-  "This feature is only supported by Yahoo! Mail, Ukr.net, AOL, Gmail, iCloud Mail, Outlook 2003, Outlook for Mac and macOS Apple Mail": "Rollover Effect is supported by Yahoo Mail, Ukr.net, AOL, Gmail, iCloud Mail, Outlook 2003, Outlook for Mac and Apple Mail.",
-  "The aspect ratio of the added image does not match the others. Please replace it to match the {ratio} format": "Note that the aspect ratio of the secondary image doesn't match the aspect ratio of the primary one. Make sure you edit the ratio of the secondary image to ensure the Rollover Effect works properly.",
-  "Margins around the image": "Margins on Desktop lets you set the space around the image for desktop view.",
-  "The image will automatically adjust to the width of the screen on mobile devices that support it": "Responsive Image lets you adjust the screen width automatically on supported mobile devices.",
-  "Images won't be adjusted to the width of the screen on mobile devices, which may lead to poor display of images and content": "Make sure you enable Responsive Image to adjust the width of the screen on mobile devices to display images and content properly.",
-  "Make the image to fit to the width of a mobile screen. Please note: It only works on devices that have support for media queries.": "Responsive Image lets you make the image fit the width of a mobile screen. Note that it only works on supported devices.",
-  "You have the option of displaying a different image when your countdown timer expires.": "Display a different image when the countdown timer expires.",
-  "Margins around the timer": "Margin on Desktop lets you adjust the spacing around the timer on desktop screens.",
-  'Not all email clients support the selected link protocol. Check the <a href="https://support.stripo.email/en/articles/5332466-what-are-link-protocols-compatible-with-emails" target="_blank">compatibility guide</a> to learn more about supported clients.': "Note that not all user devices can support the selected link protocol. For more information about supported clients, you can visit Academy.",
-  "This forces the accordion to only allow one expanded section at any given time. Expanding one section will cause any other open sections to close.": "Ensure only one accordion section stays open by automatically collapsing the others when a new one is expanded.",
-  "Outlook for Windows does not have support for dashed and dotted borders": "Style lets you customize the border style of the element. Note that dashed and dotted borders aren't supported by Outlook on Windows.",
-  "Internal padding creates space around containers and blocks": "Padding on Desktop lets you create space around containers and blocks.",
-  "Margins around the separator line": "Margins on Desktop let you set the space around the separator line.",
-  "Use your own title and alternative text to each icon": "Title and Alternate Text Customization lets you add your own title and alternative text to each icon.",
-  "Margins around social network icons": "Margins on Desktop lets you set the space around social network icons.",
-  "Makes the menu fit to the container width": "Fit to Container lets you make the menu fit the container width.",
-  "Margins around elements formed by custom code": "Margins on Desktop lets you set margins around elements formed by custom code.",
-  "Margins around the banner": "Margins on Desktop lets you set margins around the banner.",
-  'Creates an anchor for this element. Anchor links in emails are designed to make navigation easier. They help take readers to specific places in the email without the need to scroll. <a href="https://support.stripo.email/en/articles/3174098-how-to-apply-anchor-hyperlinks" target="_blank">Learn more</a> about how it works and how to create one with Stripo.': "Anchor Link lets you create a link that takes users to a specific part of the email without scrolling.",
-  'Include the element in the necessary version of the email, or in both. <a target="_blank" href="https://stripo.email/blog/how-to-build-amp-emails-with-stripo/">Learn more about ⚡ HTML (AMP HTML).</a>': "Include In lets you include the element in the selected version of the email or in both versions.",
-  "The element will be included in both MIME versions of the email: classic HTML and AMP HTML": "The element will be included in both MIME versions of the email: classic HTML and AMP HTML",
-  "The element will be included only in the HTML MIME version of the email message. The item will be hidden in the AMP HTML version": "The element will be included only in the HTML MIME version of the email message. The item will be hidden in the AMP HTML version",
-  "The element will be included only in the AMP HTML MIME version of the email message. The item will be hidden in the HTML version": "The element will be included only in the AMP HTML MIME version of the email message. The item will be hidden in the HTML version",
-  "This element will not be hidden in email clients  which do not support media queries.": "Hide Element on Mobile lets you hide the selected content from appearing on mobile.",
-  "The element will be hidden on Yahoo mobile App, as well as in mobile email client which do not support media queries.": "Hide on Desktop lets you hide the element on desktop devices that support media queries.",
-  "The element already hidden on Desktop. Activating this option you turning off hidden state for Desktop.": "Note that this element is already hidden on Desktop, it will be visible on desktop when you enable this.",
-  "The element already hidden on Mobile. Activating this option you turning off hidden state for Mobile.": "Note that this element is already hidden on mobile, it will be visible on mobile when you enable this.",
-  "An anchor link should not exceed more than 150 characters": "Enter an Anchor Link up to 150 characters.",
-  "An alternate text should not exceed more than 255 characters": "Enter an Alternate Text up to 255 characters.",
-  "A HEX color value should not exceed more than 8 symbols": "Enter a Hex Color value up to 8 characters to continue.",
-  "A keyword must have at least 2 characters": "Enter a keyword of 2 or more characters to continue.",
-  "Button label should not exceed more than 255 characters": "Enter a button label up to 255 characters to continue.",
-  "Link Name should not exceed more than 500 characters": "Enter a Link Name up to 500 characters to continue.",
-  "Menu Item Name should not exceed more than 255 characters": "Enter a Menu Item Name up to 255 characters to continue.",
-  "It is not possible to upload more than 50 files simultaneously. If possible, please try to complete this over a few iterations.": "Up to 50 files can be added at once.",
-  "Please enter a valid link": "Enter a valid link to continue.",
-  "The image with the invalid link cannot be saved to the image gallery": "Enter a valid image link to continue.",
-  "The data source link is unavailable. Please, make sure there is an access to the data source.": "Enter an accessible Data Source Link to contiue.",
-  "The file should not exceed the maximum resolution of {maxImageResolution}px.": "Upload files up to 1024x512 pixels to continue.",
-  "The option is disabled because was overridden in the Code editor": "The option is disabled because it was overridden in the Code Editor."
-};
-export {
-  e as default
-};

package/dist/src/config/localePatch/index.d.ts

@@ -1,138 +0,0 @@
-/**
- * Stripo Editor Translation Overrides
- *
- * Custom translations for Stripo editor UI elements.
- * Translations are stored in JSON files for easier maintenance.
- *
- * Reference: https://email-static.useinsider.com/guido/{version}/assets/i18n/en.json
- * @module config/localePatch
- */
-/**
- * Combined locale patch for Stripo editor initialization.
- * Merges labels, tooltips, and toasters into a single object.
- */
-export declare const localePatch: {
-    en: {
-        "The image has been deleted.": string;
-        "Aim for the drop zone!": string;
-        "Image processing": string;
-        "Can not get image from an external source.": string;
-        "The selected basic color cannot be added to My Palette. Please choose a different one from the color picker.": string;
-        "Copied to clipboard": string;
-        "The file {fileName} has wrong format {fileFormat}": string;
-        "The file {fileName} size exceeds the allowed size {maxFileSize}": string;
-        "Image link invalid": string;
-        "Image upload failed": string;
-        "Image upload error": string;
-        "Error message from video service": string;
-        "Error message from image processing": string;
-        "The AI is fine-tuning your result... Please wait! This may take up to 1 minute.": string;
-        "Can not complete AI request. Try again later": string;
-        "AI is processing your request": string;
-        "Unable to paste text. Limit is 256kB. Please trim it down.": string;
-        "Banner src included merge tag": string;
-        "Module deletion error": string;
-        "Module deletion error with action button": string;
-        "Block action error": string;
-        history_revert_to_patch: string;
-        "There is no connection to the server. Please reload the page or click 'Reconnect' to continue.": string;
-        "Reconnecting...": string;
-        "Failed to load version history. Contact support for assistance.": string;
-        "Connection restored": string;
-        "Invalid base64 image format. Please replace the image link.": string;
-        "Timer update error": string;
-        "Cannot edit base64 images": string;
-        "Failed to copy URL": string;
-        "Error message from image service": string;
-        "Error message from image preload": string;
-        "An error has occurred. Please report the error code to support: {trace_id} and reload the editor. Also, send a bug report with email logs to the development team.": string;
-        "The number of requests within your session has been exceeded. Please wait.": string;
-        "An error has occurred. Please report the error code to support.": string;
-        "Warning: custom fonts": string;
-        "Image recovery error": string;
-        "Image moved to trash": string;
-        "Image delete error": string;
-        "The maximum number of users who can simultaneously work with the sheet has been exceeded. Maximum allowed number: {{max_users_per_model}}": string;
-        "The monthly limit of Timer basic block is reached. Please change the subscription pricing plan to activate new quotas": string;
-        "The monthly limit of Timer basic block is reached.": string;
-        "Add template/pre-built modules, or structures with containers": string;
-        "Allows uploading and editing images": string;
-        "Allows working on text styles, adding merge tags and lists": string;
-        "Allows designing buttons of any shape, size, and color": string;
-        "Meant to visually separate elements with a horizontal line": string;
-        "Offers 70+ social media icons and chats of different design styles": string;
-        "Helps taking users from emails to necessary pages on your site": string;
-        "Allows adding elements with custom code in emails": string;
-        "Allows applying filters to images and placing text over them": string;
-        "Allows setting thumbnail images & play buttons for videos": string;
-        "Adds a countdown to a specific date. Use the timer in emails for promotions, launches, and events": string;
-        "The \"AMP Carousel\" block is currently being developed. Switch to the Old version of the Editor to access the full functionality needed to continue working on this email. Please note, that all changes you have already made to this email will be saved and available in the Old version": string;
-        "The \"AMP Accordion\" block is currently being development. Switch to the Old version of the Editor to access the full functionality needed to continue working on this email. Please note, that all changes you have already made to this email will be saved and available in the Old version": string;
-        "An AMP Form block lets users collect feedback or run surveys directly in an email. It includes input fields and can be added in the Editor, allowing recipients to respond right from their inbox": string;
-        "Will be applied to the entire email": string;
-        "Background image for the entire email. Some email clients (Windows 10 Mail, Android 4.4, the Gmail app for iOS, and Android for non-Gmail accounts) do not support background images. Thus, we recommend choosing a background color for the entire email similar to the selected image as a fallback.": string;
-        "Repetition of the email background image. In Outlook for Windows, the image will be repeated in any case, regardless of whether this option is enabled or not. To bypass the Outlook limitation, you need to create an image in a third-party editor of the needed color and size so that it fits the entire background size, apply the required graphics to it, upload it, and center-align it in the email. The dimensions of such a background image should be at least 1,920 pixels in width, and the height should be equal to the height of the email.": string;
-        "The standard width of the email varies between 540-700 pixels. <a href=\"https://stripo.email/blog/email-template-size-width-height/\" target=\"_blank\" aria-label=\"Read more about the message width in our blog.\">Read more here</a>": string;
-        "Alignment of the email content area ": string;
-        "Your email will automatically adjust for smaller screens by displaying content in a single column. Side-by-side blocks will be stacked vertically": string;
-        "Your email will display the desktop version on mobile devices. Mobile-specific settings will be turned off in the Editor": string;
-        "Enable the right-to-left (RTL) text direction to build emails easily without coding for recipients using RTL scripts, such as Arabic, Hebrew, Persian, Urdu, etc.": string;
-        "Margins around the email message area": string;
-        "The background image of the stripe. The image will not be displayed in an Outlook app on Windows email clients. We recommend choosing a stripe background color similar to the selected image as a fallback": string;
-        "We automatically calculate the optimal indentation for your text. It depends on font size and line spacing <a href=\"https://en.wikipedia.org/wiki/Leading\" target=\"_blank\">leading<a/>": string;
-        "Padding in the \"Text\" block makes space around the added text.": string;
-        "If an email client doesn't support the non-standard font, a similar standard font will be used instead.": string;
-        "This option ensures the most accurate display of your buttons in MS Outlook email clients by inserting a special VML-code. When this option is activated, the email message size can be increased up to kilobyte for each added button.": string;
-        "Outlook for Windows does not have support for a separate button border width setting": string;
-        "Outlook for Windows does not have a support for the border radius property. We recommend enabling the Outlook support option.": string;
-        "The option \"hover button styles\" (changing colors upon a mouseover) is supported by a limited number of email clients. <a href=\"{link}\" target=\"_blank\">Learn more</a>": string;
-        "Button padding that makes the space around the button text": string;
-        "The icon inside the button will not show in Outlook 2002, 2007, 2010, 2013, 2016, 2019 on Windows.": string;
-        "Margins around the button": string;
-        "It only works with CSS styles, so it is not supported by Outlook on Windows. We recommend enabling the Support for Outlook option.": string;
-        "Not supported by Outlook on Windows, so we recommend enabling the Support for Outlook option in the General Settings tab.": string;
-        "Add content to the email, click it, and choose \u201CSave as a module\u201D. Stripes, Structures, and Containers can be saved as a module.": string;
-        "This feature is only supported by Yahoo! Mail, Ukr.net, AOL, Gmail, iCloud Mail, Outlook 2003, Outlook for Mac and macOS Apple Mail": string;
-        "The aspect ratio of the added image does not match the others. Please replace it to match the {ratio} format": string;
-        "Margins around the image": string;
-        "The image will automatically adjust to the width of the screen on mobile devices that support it": string;
-        "Images won't be adjusted to the width of the screen on mobile devices, which may lead to poor display of images and content": string;
-        "Make the image to fit to the width of a mobile screen. Please note: It only works on devices that have support for media queries.": string;
-        "You have the option of displaying a different image when your countdown timer expires.": string;
-        "Margins around the timer": string;
-        "Not all email clients support the selected link protocol. Check the <a href=\"https://support.stripo.email/en/articles/5332466-what-are-link-protocols-compatible-with-emails\" target=\"_blank\">compatibility guide</a> to learn more about supported clients.": string;
-        "This forces the accordion to only allow one expanded section at any given time. Expanding one section will cause any other open sections to close.": string;
-        "Outlook for Windows does not have support for dashed and dotted borders": string;
-        "Internal padding creates space around containers and blocks": string;
-        "Margins around the separator line": string;
-        "Use your own title and alternative text to each icon": string;
-        "Margins around social network icons": string;
-        "Makes the menu fit to the container width": string;
-        "Margins around elements formed by custom code": string;
-        "Margins around the banner": string;
-        "Creates an anchor for this element. Anchor links in emails are designed to make navigation easier. They help take readers to specific places in the email without the need to scroll. <a href=\"https://support.stripo.email/en/articles/3174098-how-to-apply-anchor-hyperlinks\" target=\"_blank\">Learn more</a> about how it works and how to create one with Stripo.": string;
-        "Include the element in the necessary version of the email, or in both. <a target=\"_blank\" href=\"https://stripo.email/blog/how-to-build-amp-emails-with-stripo/\">Learn more about \u26A1 HTML (AMP HTML).</a>": string;
-        "The element will be included in both MIME versions of the email: classic HTML and AMP HTML": string;
-        "The element will be included only in the HTML MIME version of the email message. The item will be hidden in the AMP HTML version": string;
-        "The element will be included only in the AMP HTML MIME version of the email message. The item will be hidden in the HTML version": string;
-        "This element will not be hidden in email clients  which do not support media queries.": string;
-        "The element will be hidden on Yahoo mobile App, as well as in mobile email client which do not support media queries.": string;
-        "The element already hidden on Desktop. Activating this option you turning off hidden state for Desktop.": string;
-        "The element already hidden on Mobile. Activating this option you turning off hidden state for Mobile.": string;
-        "An anchor link should not exceed more than 150 characters": string;
-        "An alternate text should not exceed more than 255 characters": string;
-        "A HEX color value should not exceed more than 8 symbols": string;
-        "A keyword must have at least 2 characters": string;
-        "Button label should not exceed more than 255 characters": string;
-        "Link Name should not exceed more than 500 characters": string;
-        "Menu Item Name should not exceed more than 255 characters": string;
-        "It is not possible to upload more than 50 files simultaneously. If possible, please try to complete this over a few iterations.": string;
-        "Please enter a valid link": string;
-        "The image with the invalid link cannot be saved to the image gallery": string;
-        "The data source link is unavailable. Please, make sure there is an access to the data source.": string;
-        "The file should not exceed the maximum resolution of {maxImageResolution}px.": string;
-        "The option is disabled because was overridden in the Code editor": string;
-        "Global Styles & Layout": string;
-        "Structures & Modules": string;
-    };
-};