@useinsider/guido 1.4.4-beta.b53ed50 → 1.4.4-beta.c77b465

package/dist/components/Guido.vue.js

@@ -12,7 +12,7 @@ var t = function() {
   n,
   !1,
   null,
-  "49987685"
+  "282ca4d1"
 );
 const v = s.exports;
 export {

package/dist/components/Guido.vue2.js

@@ -1,53 +1,54 @@
-import { defineComponent as R, defineAsyncComponent as k, ref as x, computed as P, watch as N, onMounted as O, onUnmounted as z } from "vue";
-import { provideGuidoActions as B } from "../composables/useGuidoActions.js";
-import { usePartner as K } from "../composables/usePartner.js";
-import { useStripo as M } from "../composables/useStripo.js";
-import { migrate as T } from "../config/migrator/index.js";
-import j from "./organisms/base/Toaster.vue.js";
-import q from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
-import J from "./organisms/header/HeaderWrapper.vue.js";
-import Q from "./organisms/LoadingWrapper.vue.js";
-import V from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
-import X from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
-import { useStripoApi as Y } from "../services/stripoApi.js";
-import { useConfigStore as Z } from "../stores/config.js";
-import { useDynamicContentStore as $ } from "../stores/dynamic-content.js";
-import { useEditorStore as ee } from "../stores/editor.js";
-import { usePreviewStore as oe } from "../stores/preview.js";
-import { useUnsubscribeStore as te } from "../stores/unsubscribe.js";
-const Se = /* @__PURE__ */ R({
+import { defineComponent as x, defineAsyncComponent as P, ref as B, computed as U, watch as N, onMounted as z, onUnmounted as K } from "vue";
+import { provideGuidoActions as M } from "../composables/useGuidoActions.js";
+import { usePartner as j } from "../composables/usePartner.js";
+import { useStripo as q } from "../composables/useStripo.js";
+import { useTimerClone as J } from "../composables/useTimerClone.js";
+import { migrate as W } from "../config/migrator/index.js";
+import Q from "./organisms/base/Toaster.vue.js";
+import V from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
+import X from "./organisms/header/HeaderWrapper.vue.js";
+import Y from "./organisms/LoadingWrapper.vue.js";
+import Z from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import $ from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
+import { useStripoApi as ee } from "../services/stripoApi.js";
+import { useConfigStore as oe } from "../stores/config.js";
+import { useDynamicContentStore as te } from "../stores/dynamic-content.js";
+import { useEditorStore as ne } from "../stores/editor.js";
+import { usePreviewStore as re } from "../stores/preview.js";
+import { useUnsubscribeStore as ce } from "../stores/unsubscribe.js";
+const Ee = /* @__PURE__ */ x({
   __name: "Guido",
   props: {
     config: null
   },
   emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready", "onboarding:finished", "test-email:click"],
-  setup(U, { expose: W, emit: t }) {
-    const l = U, _ = k(
+  setup(_, { expose: I, emit: t }) {
+    const l = _, L = P(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), I = k(
+    ), A = P(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), p = x(), s = $(), u = te(), n = Z();
+    ), p = B(), s = te(), u = ce(), n = oe();
     n.init(l.config);
-    const i = ee(), L = oe(), r = P(() => i.hasChanges), { isTestPartner: A } = K(), y = () => {
+    const i = ne(), F = re(), r = U(() => i.hasChanges), { isTestPartner: G } = j(), v = () => {
       var e;
       return (e = p.value) == null ? void 0 : e.handleSave(!0);
-    }, { templateId: a, userId: v, partnerName: b, productType: f, username: g, template: o } = n, c = (o == null ? void 0 : o.html) || "", h = (o == null ? void 0 : o.css) || "", d = (o == null ? void 0 : o.preselectedDynamicContent) || [];
+    }, { templateId: a, userId: y, partnerName: h, productType: f, username: b, template: o } = n, c = (o == null ? void 0 : o.html) || "", g = (o == null ? void 0 : o.css) || "", m = (o == null ? void 0 : o.preselectedDynamicContent) || [];
     i.templateId = a;
-    const { initPlugin: S } = M({
+    const { initPlugin: S } = q({
       emailId: a,
-      userId: v,
-      username: g,
-      partnerName: b,
+      userId: y,
+      username: b,
+      partnerName: h,
       productType: f,
-      preselectedDynamicContentList: d,
+      preselectedDynamicContentList: m,
       onReady: () => {
         console.debug("guido:ready"), t("ready");
       }
-    }), { getDefaultTemplate: w } = Y(), F = P(() => {
+    }), { getDefaultTemplate: w } = ee(), { cloneTimersOnSave: C, hasTimerBlocks: D } = J(), H = U(() => {
       var e;
       return !((e = n.ui) != null && e.showHeader);
     });
-    B({
+    M({
       onBack: () => {
         console.debug("guido:back"), t("back");
       },
@@ -61,51 +62,51 @@ const Se = /* @__PURE__ */ R({
         console.debug("guido:test-email:click"), t("test-email:click");
       }
     });
-    const C = (e) => {
+    const E = (e) => {
       console.debug("dynamic-content:close", e), s.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
-    }, D = () => {
+    }, k = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
     N(() => r.value, () => {
       t("on-change", r.value);
     });
-    const m = (e) => {
-      const E = e, { attribute: G, position: H } = E.detail;
-      console.debug("dynamic-content:open", E.detail), t("dynamic-content:open", G, H);
+    const d = (e) => {
+      const T = e, { attribute: O, position: R } = T.detail;
+      console.debug("dynamic-content:open", T.detail), t("dynamic-content:open", O, R);
     };
-    return O(async () => {
+    return z(async () => {
       console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow");
       try {
         u.selectedUnsubscribePages = (o == null ? void 0 : o.selectedUnsubscribePages) || [];
         let e = {
-          html: c && await T(c),
-          css: h,
+          html: c && await W(c),
+          css: g,
           forceRecreate: !0
           // TODO: It should be false for old templates. We will communicate with Stripo
         };
-        e.html || (e = await w(), e.html = await T(e.html)), await S(e), s.selectedDynamicContentList = d;
+        e.html || (e = await w(), e.html = await W(e.html)), D(e.html) && (e.html = await C(e.html)), await S(e), s.selectedDynamicContentList = m;
       } catch (e) {
         console.error("Failed to initialize Stripo editor:", e);
       }
-      document.addEventListener("dynamic-content:open", m);
-    }), z(() => {
-      document.removeEventListener("dynamic-content:open", m);
+      document.addEventListener("dynamic-content:open", d);
+    }), K(() => {
+      document.removeEventListener("dynamic-content:open", d);
       try {
         window.UIEditor.removeEditor();
       } catch {
         console.debug("Failed to remove Stripo editor: No editor found");
       }
       n.reset();
-    }), W({
+    }), I({
       dynamicContent: {
-        insert: C,
-        close: D
+        insert: E,
+        close: k
       },
       hasChanges: r,
-      saveSilent: y
-    }), { __sfc: !0, PreviewContainer: _, OnboardingWrapper: I, headerWrapperRef: p, dynamicContentStore: s, unsubscribeStore: u, props: l, configStore: n, editorStore: i, previewStore: L, hasChanges: r, isTestPartner: A, saveSilent: y, templateId: a, userId: v, partnerName: b, productType: f, username: g, templateConfig: o, html: c, css: h, preselectedDynamicContentList: d, emit: t, initPlugin: S, getDefaultTemplate: w, noHeader: F, insertDynamicContent: C, closeDynamicContent: D, handleDynamicContentOpen: m, Toaster: j, FilterSelectionDrawer: q, HeaderWrapper: J, LoadingWrapper: Q, SaveAsTemplateDrawer: V, UnsubscribeWrapper: X };
+      saveSilent: v
+    }), { __sfc: !0, PreviewContainer: L, OnboardingWrapper: A, headerWrapperRef: p, dynamicContentStore: s, unsubscribeStore: u, props: l, configStore: n, editorStore: i, previewStore: F, hasChanges: r, isTestPartner: G, saveSilent: v, templateId: a, userId: y, partnerName: h, productType: f, username: b, templateConfig: o, html: c, css: g, preselectedDynamicContentList: m, emit: t, initPlugin: S, getDefaultTemplate: w, cloneTimersOnSave: C, hasTimerBlocks: D, noHeader: H, insertDynamicContent: E, closeDynamicContent: k, handleDynamicContentOpen: d, Toaster: Q, FilterSelectionDrawer: V, HeaderWrapper: X, LoadingWrapper: Y, SaveAsTemplateDrawer: Z, UnsubscribeWrapper: $ };
   }
 });
 export {
-  Se as default
+  Ee as default
 };

package/dist/composables/useActionsApi.js

@@ -1,7 +1,7 @@
-import { useToaster as g } from "./useToaster.js";
-const A = () => {
-  const { handleError: l } = g(), n = (t = {}) => new Promise((e, a) => {
-    const i = { ...{
+import { useToaster as w } from "./useToaster.js";
+const S = () => {
+  const { handleError: l } = w(), s = (t = {}) => new Promise((e, i) => {
+    const n = { ...{
       minimize: !0,
       utmEntity: {
         utmSource: "",
@@ -21,28 +21,28 @@ const A = () => {
       resetDataSavedFlag: !1,
       disableLineHeightsReplace: !0
     }, ...t }, m = {
-      callback: (s, c, p, u, d) => {
-        s ? a(s) : e({
-          html: c,
-          ampHtml: p,
-          ampErrors: u,
-          displayConditions: d
+      callback: (o, p, d, c, u) => {
+        o ? i(o) : e({
+          html: p,
+          ampHtml: d,
+          ampErrors: c,
+          displayConditions: u
         });
       },
-      ...i
+      ...n
     };
     window.StripoEditorApi.actionsApi.compileEmail(m);
   });
   return {
-    getCompiledEmail: n,
+    getCompiledEmail: s,
     getTemplateData: () => new Promise((t) => {
-      const e = ({ html: a, css: o, width: i, height: r, utmParams: m, syncModulesIds: s }) => t({
-        html: a,
-        css: o,
-        width: i,
+      const e = ({ html: i, css: a, width: n, height: r, utmParams: m, syncModulesIds: o }) => t({
+        html: i,
+        css: a,
+        width: n,
         height: r,
         utmParams: m,
-        syncModulesIds: s
+        syncModulesIds: o
       });
       window.StripoEditorApi.actionsApi.getTemplateData(e);
     }),
@@ -53,15 +53,15 @@ const A = () => {
       try {
         const {
           html: e,
-          displayConditions: a,
-          ampHtml: o = "",
-          ampErrors: i = []
-        } = await n({ minimize: !1, resetDataSavedFlag: !1, ...t });
+          displayConditions: i,
+          ampHtml: a = "",
+          ampErrors: n = []
+        } = await s({ minimize: !1, resetDataSavedFlag: !1, ...t });
         return {
           html: e,
-          ampHtml: o,
-          ampErrors: i,
-          displayConditions: a
+          ampHtml: a,
+          ampErrors: n,
+          displayConditions: i
         };
       } catch (e) {
         return l(e, "Error loading preview"), {
@@ -71,9 +71,26 @@ const A = () => {
           displayConditions: []
         };
       }
+    },
+    updateTimerInClonedTemplate: () => new Promise((t) => {
+      var e, i;
+      if (typeof ((i = (e = window.StripoEditorApi) == null ? void 0 : e.actionsApi) == null ? void 0 : i.updateTimerInClonedTemplate) != "function") {
+        t(null);
+        return;
+      }
+      try {
+        window.StripoEditorApi.actionsApi.updateTimerInClonedTemplate((a, n) => {
+          a ? (l(a, "Failed to update timer in cloned template"), t(null)) : t(n || null);
+        });
+      } catch (a) {
+        l(a, "Failed to call updateTimerInClonedTemplate"), t(null);
+      }
+    }),
+    updateHtmlAndCss: (t, e) => {
+      window.StripoEditorApi.actionsApi.updateHtmlAndCss(t, e);
     }
   };
 };
 export {
-  A as useActionsApi
+  S as useActionsApi
 };

package/dist/composables/useStripo.js

@@ -1,19 +1,19 @@
-import { useActionsApi as w } from "./useActionsApi.js";
-import { useBlocksConfig as b } from "./useBlocksConfig.js";
-import { useConfig as k } from "./useConfig.js";
+import { useActionsApi as b } from "./useActionsApi.js";
+import { useBlocksConfig as k } from "./useBlocksConfig.js";
+import { useConfig as T } from "./useConfig.js";
 import { useCustomInterfaceAppearance as V } from "./useCustomInterfaceAppearance.js";
 import { useStripoEventHandler as _ } from "./useStripoEventHandler.js";
 import { useToaster as B } from "./useToaster.js";
-import { displayConditions as T } from "../enums/displayConditions.js";
-import { useStripoApi as A } from "../services/stripoApi.js";
+import { displayConditions as A } from "../enums/displayConditions.js";
+import { useStripoApi as v } from "../services/stripoApi.js";
 import F from "../static/styles/customEditorStyle.css.js";
-import { useEditorStore as v } from "../stores/editor.js";
+import { useEditorStore as I } from "../stores/editor.js";
 import { dynamicContentToMergeTags as M } from "../utils/genericUtil.js";
 import U from "../package.json.js";
-const J = (c) => {
-  const { features: g } = k(), { handleError: l } = B(), { getToken: f, getCustomFonts: y } = A(), { handleEvent: S } = _(), { getStripoBlocksConfig: C } = b(), E = async (i, r = []) => {
+const N = (c) => {
+  const { features: g } = T(), { handleError: l } = B(), { getToken: f, getCustomFonts: y } = v(), { handleEvent: S } = _(), { getStripoBlocksConfig: C } = k(), E = async (i, r = []) => {
     var m;
-    const t = v(), { html: n, css: u, forceRecreate: a } = i, { baseBlocks: e, extensions: d } = await C(), p = ((m = g.value) == null ? void 0 : m.displayConditions) ?? !0;
+    const e = I(), { html: n, css: u, forceRecreate: a } = i, { baseBlocks: t, extensions: d } = await C(), p = ((m = g.value) == null ? void 0 : m.displayConditions) ?? !0;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
@@ -33,7 +33,7 @@ const J = (c) => {
         customViewStyles: F,
         conditionsEnabled: p,
         customConditionsEnabled: p,
-        conditionCategories: T,
+        conditionCategories: A,
         enableXSSSecurity: !0,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
@@ -41,7 +41,7 @@ const J = (c) => {
         displayTitle: !1,
         displayUTM: !1,
         selectElementAfterDrop: !0,
-        ...e ? { baseBlocks: e } : {},
+        ...t ? { baseBlocks: t } : {},
         editorFonts: {
           showDefaultStandardFonts: !0,
           showDefaultNotStandardFonts: !0,
@@ -62,25 +62,25 @@ const J = (c) => {
         },
         onTemplateLoaded() {
           try {
-            const { importCss: o } = V(), { activateCustomViewStyles: s } = w();
-            o(), s(), c.onReady(), t.isStripoInitialized = !0, t.loadingStatus = !1, setTimeout(() => {
-              t.hasChanges = !1;
+            const { importCss: o } = V(), { activateCustomViewStyles: s, updateTimerInClonedTemplate: w } = b();
+            o(), s(), w(), c.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
+              e.hasChanges = !1;
             }, 1e3);
           } catch (o) {
             l(o, "Failed to load custom interface appearance");
           }
         },
         onCodeEditorVisibilityChanged(o) {
-          t.isCodeEditorOpen = o;
+          e.isCodeEditorOpen = o;
         },
         onEditorVisualModeChanged(o) {
-          t.editorVisualMode = o.toLowerCase();
+          e.editorVisualMode = o.toLowerCase();
         },
         onVersionHistoryVisibilityChanged(o) {
-          t.isVersionHistoryOpen = o;
+          e.isVersionHistoryOpen = o;
         },
         onDataChanged() {
-          t.hasChanges = !0;
+          e.hasChanges = !0;
         },
         onEvent: S,
         ignoreClickOutsideSelectors: [
@@ -91,18 +91,18 @@ const J = (c) => {
         extensions: d
       }
     );
-  }, h = (i) => new Promise((r, t) => {
+  }, h = (i) => new Promise((r, e) => {
     var d;
     if (document.getElementById("UiEditorScript")) {
       i(), r();
       return;
     }
-    const n = U.guido, a = `https://email-static.useinsider.com/guido/${(d = n == null ? void 0 : n.stripo) == null ? void 0 : d.version}/UIEditor.js`, e = document.createElement("script");
-    e.id = "UiEditorScript", e.type = "module", e.src = a, e.onload = () => {
+    const n = U.guido, a = `https://email-static.useinsider.com/guido/${(d = n == null ? void 0 : n.stripo) == null ? void 0 : d.version}/UIEditor.js`, t = document.createElement("script");
+    t.id = "UiEditorScript", t.type = "module", t.src = a, t.onload = () => {
       i(), r();
-    }, e.onerror = () => {
-      t(new Error(`Failed to load Stripo UIEditor script from S3: ${a}`));
-    }, document.body.appendChild(e);
+    }, t.onerror = () => {
+      e(new Error(`Failed to load Stripo UIEditor script from S3: ${a}`));
+    }, document.body.appendChild(t);
   });
   return { initPlugin: async (i) => {
     await h(async () => {
@@ -112,5 +112,5 @@ const J = (c) => {
   } };
 };
 export {
-  J as useStripo
+  N as useStripo
 };

package/dist/composables/useTimerClone.js

@@ -0,0 +1,53 @@
+import { useActionsApi as f } from "./useActionsApi.js";
+import { useHttp as w } from "./useHttp.js";
+import { useToaster as H } from "./useToaster.js";
+import { useStripoApi as y } from "../services/stripoApi.js";
+const O = () => {
+  const { handleError: c } = H(), { getToken: u } = y(), { post: d } = w(), { updateHtmlAndCss: l } = f(), s = (t) => /esd-timer-id="(\d+)"/.test(t), i = async (t, e) => {
+    try {
+      return (await d(
+        "https://plugins.stripo.email/api/v1/timers/clone",
+        { html: t },
+        {
+          headers: {
+            "ES-PLUGIN-AUTH": `Bearer ${e}`,
+            "Content-Type": "application/json"
+          }
+        }
+      )).data.html;
+    } catch (r) {
+      return c(r, "Failed to clone timer IDs"), null;
+    }
+  };
+  return {
+    hasTimerBlocks: s,
+    cloneTimersInHtml: i,
+    cloneTimersOnSave: async (t) => {
+      if (!s(t))
+        return t;
+      const e = await u();
+      return e && await i(t, e) || t;
+    },
+    updateTimersOnLoad: async (t) => {
+      var e, r, o, m;
+      try {
+        const n = (r = (e = window.UIEditor) == null ? void 0 : e.getHtml) == null ? void 0 : r.call(e);
+        if (!n || !s(n))
+          return;
+        const p = await t();
+        if (!p)
+          return;
+        const a = await i(n, p);
+        if (!a || a === n)
+          return;
+        const T = ((m = (o = window.UIEditor) == null ? void 0 : o.getCss) == null ? void 0 : m.call(o)) || "";
+        l(a, T);
+      } catch (n) {
+        c(n, "Failed to update timer blocks");
+      }
+    }
+  };
+};
+export {
+  O as useTimerClone
+};

package/dist/enums/defaults.js

@@ -1,7 +1,8 @@
 const t = {
   transactional: 2
-}, e = 2;
+}, o = 2, T = 13;
 export {
-  e as EditorType,
+  o as EditorType,
+  T as MAX_DEFAULT_TEMPLATE_ID,
   t as TemplateTypes
 };

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-6562e38c],.gap-16[data-v-1ccb6d4a]{gap:16px}[data-v-06e6f7a7] .in-button-v2__wrapper{line-height:0}[data-v-b5997368] .in-segments-wrapper .in-tooltip-wrapper__box{text-align:left}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-49987685]{position:relative;width:100%;height:calc(100vh - 128px)}.guido-editor__container[data-v-49987685]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-49987685]{height:calc(100vh - 75px)}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-a86fc486]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-a86fc486]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-a86fc486]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-a86fc486]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-a86fc486]{object-fit:cover;transform:scale(1)}[data-v-bb3bb07c] .guido__verion-history-view-option-selection-desktop svg,[data-v-bb3bb07c] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-bb3bb07c] .in-segments-wrapper__button_selected,[data-v-bb3bb07c] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-7a09985c]{gap:16px}[data-v-c2adc57d] .in-progress-wrapper__progress p span:last-child{display:none!important}.desktop-preview-container[data-v-2dd60b0c],[data-v-2dd60b0c] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-4b876c1b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-v-d3c52b44] .vueperslides__bullets,[data-v-dd1a237a] .vueperslides__bullets{pointer-events:none!important}[data-v-dd1a237a] .vueperslides__parallax-wrapper{height:110px!important}[data-v-a408dcea] .vueperslides__bullets{pointer-events:none!important}[data-v-a408dcea] .vueperslides__parallax-wrapper{height:110px!important}
+.gap-16[data-v-6562e38c],.gap-16[data-v-1ccb6d4a]{gap:16px}[data-v-06e6f7a7] .in-button-v2__wrapper{line-height:0}[data-v-b5997368] .in-segments-wrapper .in-tooltip-wrapper__box{text-align:left}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-282ca4d1]{position:relative;width:100%;height:calc(100vh - 128px)}.guido-editor__container[data-v-282ca4d1]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-282ca4d1]{height:calc(100vh - 75px)}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-a86fc486]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-a86fc486]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-a86fc486]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-a86fc486]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-a86fc486]{object-fit:cover;transform:scale(1)}[data-v-bb3bb07c] .guido__verion-history-view-option-selection-desktop svg,[data-v-bb3bb07c] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-bb3bb07c] .in-segments-wrapper__button_selected,[data-v-bb3bb07c] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-7a09985c]{gap:16px}[data-v-c2adc57d] .in-progress-wrapper__progress p span:last-child{display:none!important}.desktop-preview-container[data-v-2dd60b0c],[data-v-2dd60b0c] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-4b876c1b]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-v-d3c52b44] .vueperslides__bullets,[data-v-dd1a237a] .vueperslides__bullets{pointer-events:none!important}[data-v-dd1a237a] .vueperslides__parallax-wrapper{height:110px!important}[data-v-a408dcea] .vueperslides__bullets{pointer-events:none!important}[data-v-a408dcea] .vueperslides__parallax-wrapper{height:110px!important}

package/dist/services/stripoApi.js

@@ -1,7 +1,8 @@
-import { useHttp as a } from "../composables/useHttp.js";
-import { useToaster as s } from "../composables/useToaster.js";
-const m = () => {
-  const { get: r } = a(), { handleError: o } = s();
+import { useHttp as m } from "../composables/useHttp.js";
+import { useToaster as u } from "../composables/useToaster.js";
+import { MAX_DEFAULT_TEMPLATE_ID as i } from "../enums/defaults.js";
+const y = () => {
+  const { get: r } = m(), { handleError: o } = u();
   return {
     getToken: async () => {
       try {
@@ -29,15 +30,13 @@ const m = () => {
         forceRecreate: !0
       };
       try {
-        const { data: e } = await r("/stripo/default-template/0");
-        try {
-          return {
-            ...JSON.parse(e),
-            forceRecreate: !0
-          };
-        } catch {
-          return t;
-        }
+        const c = new URLSearchParams(window.location.search).get("default-template"), s = c ? parseInt(c) : 0, l = s >= 1 && s <= i ? 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,
+          forceRecreate: !0
+        };
       } catch (e) {
         return o(e, "Failed to fetch default template"), t;
       }
@@ -45,5 +44,5 @@ const m = () => {
   };
 };
 export {
-  m as useStripoApi
+  y as useStripoApi
 };

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

@@ -5,4 +5,6 @@ export declare const useActionsApi: () => {
     getTemplateData: () => Promise<TemplateData>;
     activateCustomViewStyles: (isActive?: boolean) => void;
     getPreviewData: (options?: CompileEmailOptions) => Promise<CompiledEmailResult>;
+    updateTimerInClonedTemplate: () => Promise<string | null>;
+    updateHtmlAndCss: (html: string, css: string) => void;
 };

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

@@ -0,0 +1,6 @@
+export declare const useTimerClone: () => {
+    hasTimerBlocks: (html: string) => boolean;
+    cloneTimersInHtml: (html: string, authToken: string) => Promise<string | null>;
+    cloneTimersOnSave: (html: string) => Promise<string>;
+    updateTimersOnLoad: (getTokenFn: () => Promise<string>) => Promise<void>;
+};

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

@@ -7,4 +7,5 @@ export declare const TemplateTypes: {
     transactional: number;
 };
 export declare const EditorType: number;
+export declare const MAX_DEFAULT_TEMPLATE_ID = 13;
 export declare const ProductIds: Record<string, number>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "1.4.4-beta.b53ed50",
+  "version": "1.4.4-beta.c77b465",
   "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",