@useinsider/guido 3.13.0 → 3.13.1-beta.88c2f20

package/README.md

@@ -134,7 +134,7 @@ const config: GuidoConfigInput = {
   // Optional: Editor settings
   editor?: {
     locale?: string,              // Default: 'en'
-    translationsPath?: string,    // Default: 'window.trans.en'
+    translationsPath?: string,    // Default: first locale registered on window.trans
     migrationDate?: number,       // Stripo migration timestamp
     emailHeader?: {
       senderName?: string,

package/dist/@types/config/defaults.js

@@ -1,4 +1,7 @@
 import { ProductType as a, MessageType as o } from "./schemas.js";
+const i = {
+  translationsPath: "window.trans[Object.keys(window.trans)[0]]"
+};
 a.EMAIL;
 o.PROMOTIONAL;
 const e = [
@@ -33,12 +36,13 @@ const e = [
   "vikingsankara",
   "stripoeditorlivetest"
 ];
-function n(t) {
+function s(t) {
   return e.includes(t);
 }
 export {
+  i as DEFAULT_EDITOR,
   o as MessageType,
   a as ProductType,
   e as TEST_PARTNERS,
-  n as isTestPartner
+  s as isTestPartner
 };

package/dist/@types/config/schemas.js

@@ -1,5 +1,5 @@
-import { ModuleFolderDefaults as y } from "../../enums/defaults.js";
-import { object as a, number as n, optional as e, string as t, picklist as r, pipe as p, minLength as b, custom as h, boolean as o, array as c, record as k, fallback as C, literal as i, looseObject as g, variant as R, union as f, unknown as s, lazy as T } from "../../node_modules/valibot/dist/index.js";
+import { ModuleFolderDefaults as f } from "../../enums/defaults.js";
+import { object as a, number as n, optional as e, string as t, picklist as r, pipe as p, minLength as b, custom as y, boolean as o, array as c, record as h, fallback as C, literal as i, looseObject as g, variant as R, union as k, unknown as s, lazy as T } from "../../node_modules/valibot/dist/index.js";
 const d = {
   /** Promotional/marketing emails */
   PROMOTIONAL: 1,
@@ -12,7 +12,7 @@ const d = {
   ARCHITECT: 49,
   /** Unsubscribe page builder */
   UNSUBSCRIBE_PAGES: 97
-}, A = a({
+}, I = a({
   /** Unique identifier for the template being edited */
   templateId: p(
     t(),
@@ -25,7 +25,7 @@ const d = {
   ),
   /** Optional variation ID for A/B testing */
   variationId: e(t())
-}), I = a({
+}), A = a({
   /** Fallback font name (e.g., "Georgia") */
   name: t(),
   /** Fallback font family (e.g., "serif" or "sans-serif") */
@@ -53,7 +53,7 @@ const d = {
   /** Display name for the current user */
   username: e(t(), "Guido User"),
   /** Fallback font settings from partner settings — used to match backend size calculation */
-  fallbackFont: e(I)
+  fallbackFont: e(A)
 }), v = a({
   /** Display text for the dynamic content */
   text: t(),
@@ -76,14 +76,14 @@ const d = {
   children: e(c(S)),
   // eslint-disable-next-line camelcase -- backend field name
   select_items: e(c(S))
-})), E = k(
+})), E = h(
   t(),
   C(c(S), [])
 ), P = g({
   /** Block ID (matches the dictionary key and the legacy HTML element id) */
   id: e(n()),
   /** Decimal places for price display (legacy data may use string or number) */
-  decimalCount: e(f([t(), n()])),
+  decimalCount: e(k([t(), n()])),
   /** Pinned product IDs (empty array when filter-driven) */
   productIds: e(c(s())),
   /** Whether the block requested live products at send time */
@@ -117,7 +117,7 @@ const d = {
   /** Block type marker used by some legacy variants */
   blockType: e(t()),
   /** Size variant marker (legacy data may use string or number) */
-  size: e(f([t(), n()])),
+  size: e(k([t(), n()])),
   /** Vertical responsiveness flag (legacy size=1 variants) */
   verticalResponsiveness: e(o()),
   /** Legacy "Move to next line" price placement toggle (cardPricePlacement.js) */
@@ -132,7 +132,7 @@ const d = {
    * strategy, currency, locale, and layout data.
    */
   recommendationConfigs: e(
-    k(t(), P),
+    h(t(), P),
     {}
   )
 }), M = a({
@@ -158,6 +158,11 @@ const d = {
   selectedUnsubscribePages: e(c(n()), []),
   /** Force recreate template in Stripo storage (use true when updating externally modified templates) */
   forceRecreate: e(o(), !1),
+  /**
+   * Consumer-persisted tracking-id high-water mark (SD-141414). Used as the id floor
+   * during migration so a rolled-back document never re-mints retired tracking ids.
+   */
+  trackIdCounter: e(n(), 0),
   /** Migration-only inputs (legacy block configs) */
   migration: e(D, {})
 }), N = a({
@@ -175,9 +180,9 @@ const d = {
   /** Email header settings */
   emailHeader: e(N, { senderName: "", subject: "" }),
   /** Folder name for user-saved modules (used by Stripo plugin panel for path construction) */
-  savedModulesFolderName: e(t(), y.SAVED_MODULES),
+  savedModulesFolderName: e(t(), f.SAVED_MODULES),
   /** Folder name for default/prebuilt modules (used by Stripo plugin panel for path construction) */
-  defaultModulesFolderName: e(t(), y.DEFAULT_MODULES)
+  defaultModulesFolderName: e(t(), f.DEFAULT_MODULES)
 }), x = a({
   /** Whether to show the header bar */
   showHeader: e(o(), !0),
@@ -203,7 +208,9 @@ const d = {
   /** Enable autosave (3-min interval + tab-hide). User toggles on/off from the header. */
   autosave: e(o(), !1),
   /** Enable pre-save domain-allowlist validation (opt-in; Guido self-serves the block toaster) */
-  allowlistEnabled: e(o(), !1)
+  allowlistEnabled: e(o(), !1),
+  /** Enable persistent link tracking-id assignment for the click heatmap (opt-in) */
+  linkTrackingIds: e(o(), !1)
 }), U = r([
   "amp-accordion",
   "amp-carousel",
@@ -271,7 +278,7 @@ const d = {
   ...m.entries,
   type: i("custom"),
   /** Custom processor function */
-  processor: h(
+  processor: y(
     (u) => typeof u == "function",
     "processor must be a function"
   )
@@ -291,7 +298,7 @@ const d = {
    * Return false to cancel the save operation.
    */
   externalValidation: e(
-    h(
+    y(
       (u) => typeof u == "function",
       "externalValidation must be a function"
     )
@@ -299,7 +306,7 @@ const d = {
 }), K = a({
   // Required sections
   /** Identity configuration (required) */
-  identity: A,
+  identity: I,
   /** Partner configuration (required) */
   partner: L,
   // Optional sections (with defaults)
@@ -331,10 +338,10 @@ export {
   v as DynamicContentSchema,
   O as EditorSchema,
   N as EmailHeaderSchema,
-  I as FallbackFontSchema,
+  A as FallbackFontSchema,
   F as FeaturesSchema,
   K as GuidoConfigSchema,
-  A as IdentitySchema,
+  I as IdentitySchema,
   P as LegacyRecommendationConfigSchema,
   d as MessageType,
   L as PartnerSchema,

package/dist/components/Guido.vue.js

@@ -12,7 +12,7 @@ var t = function() {
   n,
   !1,
   null,
-  "5079a1c8"
+  "8d695bf5"
 );
 const l = s.exports;
 export {

package/dist/components/Guido.vue2.js

@@ -1,49 +1,50 @@
-import { defineComponent as q, defineAsyncComponent as M, ref as U, computed as _, watch as B, onMounted as K, onUnmounted as V } from "vue";
-import { useCortexBlueprintBridge as j } from "../composables/useCortexBlueprintBridge.js";
-import { provideGuidoActions as J } from "../composables/useGuidoActions.js";
-import { useGuidoStateBridge as Q } from "../composables/useGuidoStateBridge.js";
-import { usePartner as X } from "../composables/usePartner.js";
-import { useStripo as Y } from "../composables/useStripo.js";
-import { useTimerClone as Z } from "../composables/useTimerClone.js";
-import { migrate as I } from "../config/migrator/index.js";
+import { defineComponent as j, defineAsyncComponent as R, ref as B, computed as O, watch as U, onMounted as J, onUnmounted as Q } from "vue";
+import { useCortexBlueprintBridge as X } from "../composables/useCortexBlueprintBridge.js";
+import { provideGuidoActions as Y } from "../composables/useGuidoActions.js";
+import { useGuidoStateBridge as Z } from "../composables/useGuidoStateBridge.js";
+import { usePartner as ee } from "../composables/usePartner.js";
+import { useStripo as te } from "../composables/useStripo.js";
+import { useTimerClone as oe } from "../composables/useTimerClone.js";
+import { migrate as _ } from "../config/migrator/index.js";
 import { ModuleFolderDefaults as N } from "../enums/defaults.js";
-import { RIBBON_SELECTOR as ee } from "../enums/onboarding.js";
-import { useRecommendationExtensionStore as te } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import oe from "./organisms/AutoSaveController.vue.js";
-import ne from "./organisms/base/Toaster.vue.js";
-import re from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
-import se from "./organisms/header/HeaderWrapper.vue.js";
-import ie from "./organisms/LoadingWrapper.vue.js";
-import ae from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
-import ce from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
-import { useStripoApi as de } from "../services/stripoApi.js";
-import { useConfigStore as me } from "../stores/config.js";
-import { useDynamicContentStore as le } from "../stores/dynamic-content.js";
-import { useEditorStore as O } from "../stores/editor.js";
-import { usePreviewStore as ue } from "../stores/preview.js";
-import { useTemplateStore as pe } from "../stores/template.js";
-import { useUnsubscribeStore as fe } from "../stores/unsubscribe.js";
-const xe = /* @__PURE__ */ q({
+import { RIBBON_SELECTOR as ne } from "../enums/onboarding.js";
+import { useRecommendationExtensionStore as re } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import se from "./organisms/AutoSaveController.vue.js";
+import ae from "./organisms/base/Toaster.vue.js";
+import ie from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
+import ce from "./organisms/header/HeaderWrapper.vue.js";
+import de from "./organisms/LoadingWrapper.vue.js";
+import me from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import le from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
+import { useStripoApi as ue } from "../services/stripoApi.js";
+import { useConfigStore as pe } from "../stores/config.js";
+import { useDynamicContentStore as fe } from "../stores/dynamic-content.js";
+import { useEditorStore as P } from "../stores/editor.js";
+import { usePreviewStore as ye } from "../stores/preview.js";
+import { useTemplateStore as ve } from "../stores/template.js";
+import { useUnsubscribeStore as Se } from "../stores/unsubscribe.js";
+import { readTrackSeq as A } from "../utils/linkTrackingIds.js";
+const ze = /* @__PURE__ */ j({
   __name: "Guido",
   props: {
     config: null,
     ready: { type: Boolean, default: !0 }
   },
   emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready", "onboarding:finished", "test-email:click"],
-  setup(P, { expose: A, emit: n }) {
-    const i = P, W = M(
+  setup(W, { expose: x, emit: r }) {
+    const a = W, G = R(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), x = M(
+    ), H = R(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), g = U(), l = U(), u = le(), S = fe(), o = me();
-    i.ready && o.init(i.config);
-    const d = O(), G = ue(), m = _(() => d.hasChanges), { isTestPartner: H } = X(), h = () => {
+    ), S = B(), l = B(), u = fe(), g = Se(), o = pe();
+    a.ready && o.init(a.config);
+    const c = P(), $ = ye(), m = O(() => c.hasChanges), { isTestPartner: z } = ee(), h = () => {
       var t;
-      return (t = g.value) == null ? void 0 : t.handleSave(!0);
+      return (t = S.value) == null ? void 0 : t.handleSave(!0);
     }, b = (t) => {
-      d.loadingStatus = t;
+      c.loadingStatus = t;
     };
-    j(), Q();
+    X(), Z();
     const p = () => {
       var t, e;
       return {
@@ -54,96 +55,101 @@ const xe = /* @__PURE__ */ q({
         savedModulesFolderName: ((t = o.editor) == null ? void 0 : t.savedModulesFolderName) || N.SAVED_MODULES,
         defaultModulesFolderName: ((e = o.editor) == null ? void 0 : e.defaultModulesFolderName) || N.DEFAULT_MODULES
       };
-    }, { initPlugin: E, preloadRuntime: w } = Y(), { getDefaultTemplate: C } = de(), { cloneTimersOnSave: D, hasTimerBlocks: T } = Z(), $ = _(() => {
+    }, { initPlugin: E, preloadRuntime: w } = te(), { getDefaultTemplate: k } = ue(), { cloneTimersOnSave: C, hasTimerBlocks: D } = oe(), q = O(() => {
       var t;
       return !((t = o.ui) != null && t.showHeader);
     });
-    J({
+    Y({
       onBack: () => {
-        console.debug("guido:back"), n("back");
+        console.debug("guido:back"), r("back");
       },
       onSaveStart: () => {
-        console.debug("guido:save:start"), n("save:start");
+        console.debug("guido:save:start"), r("save:start");
       },
       onSaveComplete: (t) => {
         const e = { ...t, metadata: p() };
-        console.debug("guido:save:complete", e), n("save:complete", e);
+        console.debug("guido:save:complete", e), r("save:complete", e);
       },
       onTestEmailClick: () => {
-        console.debug("guido:test-email:click"), n("test-email:click");
+        console.debug("guido:test-email:click"), r("test-email:click");
       }
     });
-    const L = (t) => {
+    const T = (t) => {
       console.debug("dynamic-content:close", t), u.setSelectedDynamicContent(t), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: t }));
-    }, R = () => {
+    }, I = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
-    B(() => m.value, () => {
-      n("on-change", m.value);
+    U(() => m.value, () => {
+      r("on-change", m.value);
     });
     const f = (t) => {
-      const e = t, { attribute: s, position: c } = e.detail;
-      console.debug("dynamic-content:open", e.detail), n("dynamic-content:open", s, c);
+      const e = t, { attribute: s, position: d } = e.detail;
+      console.debug("dynamic-content:open", e.detail), r("dynamic-content:open", s, d);
     };
-    let a = null;
+    let i = null;
     const y = () => {
       var e;
-      const t = document.querySelector(ee);
+      const t = document.querySelector(ne);
       (e = l.value) == null || e.style.setProperty("--ribbon-offset", `${(t == null ? void 0 : t.offsetHeight) ?? 0}px`);
     }, v = async () => {
       var t;
       try {
-        o.initialized || o.init(i.config), d.templateId = o.templateId;
-        const e = o.template, s = (e == null ? void 0 : e.html) || "", c = (e == null ? void 0 : e.css) || "", k = (e == null ? void 0 : e.preselectedDynamicContent) || [];
-        S.selectedUnsubscribePages = (e == null ? void 0 : e.selectedUnsubscribePages) || [];
-        const F = ((t = e == null ? void 0 : e.migration) == null ? void 0 : t.recommendationConfigs) ?? {};
-        let r = {
-          html: s && await I(s, F),
-          css: c
+        o.initialized || o.init(a.config), c.templateId = o.templateId;
+        const e = o.template, s = (e == null ? void 0 : e.html) || "", d = (e == null ? void 0 : e.css) || "", F = (e == null ? void 0 : e.preselectedDynamicContent) || [];
+        g.selectedUnsubscribePages = (e == null ? void 0 : e.selectedUnsubscribePages) || [];
+        const L = ((t = e == null ? void 0 : e.migration) == null ? void 0 : t.recommendationConfigs) ?? {}, M = {
+          linkTrackingIds: o.isFeatureEnabled("linkTrackingIds"),
+          trackIdFloor: (e == null ? void 0 : e.trackIdCounter) || 0
         };
-        r.html || (r = await C(), r.html = await I(r.html, F)), T(r.html) && (r.html = await D(r.html));
-        const z = {
-          preselectedDynamicContentList: k,
+        let n = {
+          html: s && await _(s, L, M),
+          css: d
+        };
+        n.html || (n = await k(), n.html = await _(n.html, L, M));
+        const K = A(n.html);
+        D(n.html) && (n.html = await C(n.html)), c.trackIdSessionFloor = Math.max(K, A(n.html));
+        const V = {
+          preselectedDynamicContentList: F,
           onReady: () => {
-            console.debug("guido:ready"), n("ready");
+            console.debug("guido:ready"), r("ready");
           }
         };
-        await E(r, p(), z), u.selectedDynamicContentList = k;
+        await E(n, p(), V), u.selectedDynamicContentList = F;
       } catch (e) {
         console.error("Failed to initialize Stripo editor:", e);
       }
     };
-    return K(async () => {
+    return J(async () => {
       var e;
-      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), te().$reset(), O().$reset(), pe().$reset(), y();
+      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), re().$reset(), P().$reset(), ve().$reset(), y();
       const t = (e = l.value) == null ? void 0 : e.parentElement;
-      if (t && (a = new ResizeObserver(y), a.observe(t)), w(), i.ready)
+      if (t && (i = new ResizeObserver(y), i.observe(t)), w(), a.ready)
         await v();
       else {
-        const s = B(() => i.ready, (c) => {
-          c && (s(), v());
+        const s = U(() => a.ready, (d) => {
+          d && (s(), v());
         });
       }
       document.addEventListener("dynamic-content:open", f);
-    }), V(() => {
-      a == null || a.disconnect(), document.removeEventListener("dynamic-content:open", f);
+    }), Q(() => {
+      i == null || i.disconnect(), document.removeEventListener("dynamic-content:open", f);
       try {
         window.UIEditor.removeEditor();
       } catch {
         console.debug("Failed to remove Stripo editor: No editor found");
       }
       o.reset();
-    }), A({
+    }), x({
       dynamicContent: {
-        insert: L,
-        close: R
+        insert: T,
+        close: I
       },
       hasChanges: m,
       saveSilent: h,
       setLoading: b
-    }), { __sfc: !0, PreviewContainer: W, OnboardingWrapper: x, headerWrapperRef: g, wrapperRef: l, dynamicContentStore: u, unsubscribeStore: S, props: i, configStore: o, editorStore: d, previewStore: G, hasChanges: m, isTestPartner: H, saveSilent: h, setLoading: b, emit: n, buildMetadata: p, initPlugin: E, preloadRuntime: w, getDefaultTemplate: C, cloneTimersOnSave: D, hasTimerBlocks: T, noHeader: $, insertDynamicContent: L, closeDynamicContent: R, handleDynamicContentOpen: f, ribbonObserver: a, updateRibbonOffset: y, startEditor: v, AutoSaveController: oe, Toaster: ne, FilterSelectionDrawer: re, HeaderWrapper: se, LoadingWrapper: ie, SaveAsTemplateDrawer: ae, UnsubscribeWrapper: ce };
+    }), { __sfc: !0, PreviewContainer: G, OnboardingWrapper: H, headerWrapperRef: S, wrapperRef: l, dynamicContentStore: u, unsubscribeStore: g, props: a, configStore: o, editorStore: c, previewStore: $, hasChanges: m, isTestPartner: z, saveSilent: h, setLoading: b, emit: r, buildMetadata: p, initPlugin: E, preloadRuntime: w, getDefaultTemplate: k, cloneTimersOnSave: C, hasTimerBlocks: D, noHeader: q, insertDynamicContent: T, closeDynamicContent: I, handleDynamicContentOpen: f, ribbonObserver: i, updateRibbonOffset: y, startEditor: v, AutoSaveController: se, Toaster: ae, FilterSelectionDrawer: ie, HeaderWrapper: ce, LoadingWrapper: de, SaveAsTemplateDrawer: me, UnsubscribeWrapper: le };
   }
 });
 export {
-  xe as default
+  ze as default
 };

package/dist/composables/useActionsApi.js

@@ -1,7 +1,7 @@
-import { filterAmpErrors as w } from "../utils/ampErrorFilter.js";
+import { filterAmpErrors as T } from "../utils/ampErrorFilter.js";
 import { useToaster as A } from "./useToaster.js";
-const D = () => {
-  const { handleError: n } = A(), s = (t = {}) => new Promise((e, a) => {
+const p = 1e4, D = () => {
+  const { handleError: n } = A(), m = (t = {}) => new Promise((e, a) => {
     const o = { ...{
       minimize: !0,
       utmEntity: {
@@ -21,28 +21,28 @@ const D = () => {
       forceAmp: !1,
       resetDataSavedFlag: !1,
       disableLineHeightsReplace: !0
-    }, ...t }, l = {
-      callback: (r, p, d, c, u) => {
+    }, ...t }, s = {
+      callback: (r, d, c, u, w) => {
         r ? a(r) : e({
-          html: p,
-          ampHtml: d,
-          ampErrors: w(c ?? []),
-          displayConditions: u
+          html: d,
+          ampHtml: c,
+          ampErrors: T(u ?? []),
+          displayConditions: w
         });
       },
       ...o
     };
-    window.StripoEditorApi.actionsApi.compileEmail(l);
+    window.StripoEditorApi.actionsApi.compileEmail(s);
   });
   return {
-    getCompiledEmail: s,
+    getCompiledEmail: m,
     getTemplateData: () => new Promise((t) => {
-      const e = ({ html: a, css: i, width: o, height: m, utmParams: l, syncModulesIds: r }) => t({
+      const e = ({ html: a, css: i, width: o, height: l, utmParams: s, syncModulesIds: r }) => t({
         html: a,
         css: i,
         width: o,
-        height: m,
-        utmParams: l,
+        height: l,
+        utmParams: s,
         syncModulesIds: r
       });
       window.StripoEditorApi.actionsApi.getTemplateData(e);
@@ -57,7 +57,7 @@ const D = () => {
           displayConditions: a,
           ampHtml: i = "",
           ampErrors: o = []
-        } = await s({ minimize: !1, resetDataSavedFlag: !1, ...t });
+        } = await m({ minimize: !1, resetDataSavedFlag: !1, ...t });
         return {
           html: e,
           ampHtml: i,
@@ -87,9 +87,15 @@ const D = () => {
         n(i, "Failed to call updateTimerInClonedTemplate"), t(null);
       }
     }),
-    updateHtmlAndCss: (t, e) => {
-      window.StripoEditorApi.actionsApi.updateHtmlAndCss(t, e);
-    },
+    updateHtmlAndCss: (t, e) => new Promise((a, i) => {
+      const o = setTimeout(
+        () => i(new Error(`updateHtmlAndCss did not report completion within ${p}ms`)),
+        p
+      );
+      window.StripoEditorApi.actionsApi.updateHtmlAndCss(t, e, () => {
+        clearTimeout(o), a();
+      });
+    }),
     editorSave: () => new Promise((t) => {
       window.StripoEditorApi.actionsApi.save((e) => {
         if (e) {

package/dist/composables/useEmailTemplateApplier.js

@@ -1,43 +1,45 @@
-import { useActionsApi as T } from "./useActionsApi.js";
-import { useToaster as f } from "./useToaster.js";
-import { useTranslations as y } from "./useTranslations.js";
-import { ToasterTypeOptions as n } from "../enums/toaster.js";
-import { ref as v } from "vue";
-const E = 250, s = v({}), o = {}, j = () => {
-  const { updateHtmlAndCss: l } = T(), { showToaster: p } = f(), i = y(), u = (e) => {
+import { useActionsApi as f } from "./useActionsApi.js";
+import { useToaster as y } from "./useToaster.js";
+import { useTranslations as v } from "./useTranslations.js";
+import { ToasterTypeOptions as i } from "../enums/toaster.js";
+import { ref as h } from "vue";
+const E = 250, s = h({}), o = {}, k = () => {
+  const { updateHtmlAndCss: l } = f(), { showToaster: r } = y(), u = v(), T = (e) => {
     s.value[e] === void 0 && (s.value = { ...s.value, [e]: "pending" });
-  }, c = (e, t, r) => {
+  }, c = (e, t) => {
+    s.value = { ...s.value, [e]: "failed" }, r({
+      type: i.Error,
+      message: t instanceof Error ? t.message : "Failed to apply template"
+    });
+  }, m = (e, t, p) => {
     s.value = { ...s.value, [e]: "applying" };
     try {
-      l(t, r), s.value = { ...s.value, [e]: "applied" }, p({
-        type: n.Success,
-        message: i("newsletter.ai-template-applied")
+      l(t, p).catch((a) => c(e, a)), s.value = { ...s.value, [e]: "applied" }, r({
+        type: i.Success,
+        message: u("newsletter.ai-template-applied")
       });
     } catch (a) {
-      s.value = { ...s.value, [e]: "failed" }, p({
-        type: n.Error,
-        message: a instanceof Error ? a.message : "Failed to apply template"
-      });
+      c(e, a);
     }
-  }, m = (e) => {
+  }, n = (e) => {
     const t = o[e];
     t && (clearTimeout(t), delete o[e]);
   };
-  return { applyStatus: s, markPending: u, applyTemplate: (e, t) => {
-    t.html && (m(e), c(e, t.html, t.css ?? ""));
+  return { applyStatus: s, markPending: T, applyTemplate: (e, t) => {
+    t.html && (n(e), m(e, t.html, t.css ?? ""));
   }, applyTemplateDebounced: (e, t) => {
     if (!t.html)
       return;
-    m(e);
-    const { html: r } = t, a = t.css ?? "";
+    n(e);
+    const { html: p } = t, a = t.css ?? "";
     o[e] = setTimeout(() => {
-      delete o[e], c(e, r, a);
+      delete o[e], m(e, p, a);
     }, E);
   } };
-}, k = () => {
+}, w = () => {
   Object.values(o).forEach(clearTimeout), Object.keys(o).forEach((l) => delete o[l]), s.value = {};
 };
 export {
-  k as resetEmailTemplateApplier,
-  j as useEmailTemplateApplier
+  w as resetEmailTemplateApplier,
+  k as useEmailTemplateApplier
 };

package/dist/composables/useTimerClone.js

@@ -41,7 +41,7 @@ const O = () => {
         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);
+        await l(a, T);
       } catch (n) {
         c(n, "Failed to update timer blocks");
       }

package/dist/composables/useTranslations.js

@@ -1,18 +1,20 @@
+import "../@types/config/schemas.js";
+import { DEFAULT_EDITOR } from "../@types/config/defaults.js";
 import memoize from "../node_modules/lodash-es/memoize.js";
 import { ref } from "vue";
 import { useConfig } from "./useConfig.js";
 const useTranslations = () => {
   var o, e;
-  const { config } = useConfig(), translationsPath = ((e = (o = config.value) == null ? void 0 : o.editor) == null ? void 0 : e.translationsPath) || "window.trans.en", translations = ref(eval(translationsPath)), trans = (n, t) => {
-    const r = translations.value[n];
-    return r ? t ? Object.entries(t).reduce(
+  const { config } = useConfig(), translationsPath = ((e = (o = config.value) == null ? void 0 : o.editor) == null ? void 0 : e.translationsPath) || DEFAULT_EDITOR.translationsPath, translations = ref(eval(translationsPath)), trans = (t, n) => {
+    const r = translations.value[t];
+    return r ? n ? Object.entries(n).reduce(
       (s, [i, a]) => s.replace(new RegExp(`{${i}}`, "g"), String(a)),
       r
-    ) : r : (console.warn(`Translation key not found: ${n}`), n);
+    ) : r : (console.warn(`Translation key not found: ${t}`), t);
   };
   return memoize(
     trans,
-    (n, t) => !t || Object.keys(t).length === 0 ? n : JSON.stringify({ key: n, params: t })
+    (t, n) => !n || Object.keys(n).length === 0 ? t : JSON.stringify({ key: t, params: n })
   );
 };
 export {