@useinsider/guido 1.0.3-beta.1cd6abc → 1.0.3-beta.1d07a49

package/dist/composables/useSave.js

@@ -1,15 +1,16 @@
-import { useSaveStart as i, useSaveComplete as m } from "./useGuidoActions.js";
-import { useTemplatePreparation as n } from "../utils/templatePreparation.js";
-import { useHtmlValidator as l } from "./useHtmlValidator.js";
-const f = () => {
-  const e = i(), a = m(), { validateHtml: s } = l();
-  return { save: async (o = !1) => {
+import { useSaveStart as m, useSaveComplete as n } from "./useGuidoActions.js";
+import { useTemplatePreparation as l } from "../utils/templatePreparation.js";
+import { useHtmlValidator as p } from "./useHtmlValidator.js";
+import { useTimerClone as c } from "./useTimerClone.js";
+const H = () => {
+  const e = m(), a = n(), { validateHtml: o } = p(), { cloneTimersOnSave: r } = c();
+  return { save: async (s = !1) => {
     e();
-    const { prepareTemplateDetails: r } = n(), t = await r();
-    if (await s(t.compiledHtml, t.dynamicContentList, !0))
-      return o || a(t), t;
+    const { prepareTemplateDetails: i } = l(), t = await i();
+    if (await o(t.compiledHtml, t.dynamicContentList, !0))
+      return t.rawHtml = await r(t.rawHtml), s || a(t), t;
   } };
 };
 export {
-  f as useSave
+  H as useSave
 };

package/dist/composables/useStripo.js

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

package/dist/composables/useTimerClone.js

@@ -0,0 +1,75 @@
+import { useToaster as C } from "./useToaster.js";
+import { useStripoApi as L } from "../services/stripoApi.js";
+const w = () => {
+  const { handleError: c } = C(), { getToken: T } = L(), d = (t) => /esd-timer-id="(\d+)"/.test(t), a = async (t, o) => {
+    try {
+      console.debug("[TIMER CLONE] Calling Stripo API to clone timers...");
+      const e = await fetch("https://plugins.stripo.email/api/v1/timers/clone", {
+        method: "POST",
+        headers: {
+          "ES-PLUGIN-AUTH": `Bearer ${o}`,
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({ html: t })
+      });
+      if (console.debug("[TIMER CLONE] API response status:", e.status), !e.ok) {
+        const r = await e.text();
+        throw console.debug("[TIMER CLONE] API error:", r), new Error(`Stripo API error: ${e.status} ${e.statusText}`);
+      }
+      const n = await e.json();
+      return console.debug("[TIMER CLONE] Timers cloned successfully. Map:", n.timersMap), console.debug("[TIMER CLONE] Old HTML length:", t.length), console.debug("[TIMER CLONE] New HTML length:", n.html.length), n.html;
+    } catch (e) {
+      return console.debug("[TIMER CLONE] Error:", e), c(e, "Failed to clone timer IDs"), null;
+    }
+  };
+  return {
+    hasTimerBlocks: d,
+    cloneTimersInHtml: a,
+    cloneTimersOnSave: async (t) => {
+      if (!d(t))
+        return t;
+      console.debug("[TIMER CLONE] Cloning timers on save...");
+      const o = await T();
+      return o ? await a(t, o) || t : (console.debug("[TIMER CLONE] No auth token available, skipping"), t);
+    },
+    updateTimersOnLoad: async (t) => {
+      var o, e, n, r, l, u;
+      try {
+        console.debug("[TIMER CLONE] Starting timer update on template load...");
+        const s = (e = (o = window.UIEditor) == null ? void 0 : o.getHtml) == null ? void 0 : e.call(o);
+        if (!s) {
+          console.debug("[TIMER CLONE] No HTML found, skipping timer update");
+          return;
+        }
+        const E = d(s);
+        if (console.debug("[TIMER CLONE] Has timer blocks?", E), !E)
+          return;
+        const g = s.match(/esd-timer-id="(\d+)"/g);
+        console.debug("[TIMER CLONE] Current timer IDs:", g), console.debug("[TIMER CLONE] Getting auth token...");
+        const p = await t();
+        if (!p) {
+          console.debug("[TIMER CLONE] No auth token available, skipping timer update");
+          return;
+        }
+        const i = await a(s, p);
+        if (!i) {
+          console.debug("[TIMER CLONE] API returned no updated HTML");
+          return;
+        }
+        if (i === s) {
+          console.debug("[TIMER CLONE] HTML unchanged, no update needed");
+          return;
+        }
+        const m = i.match(/esd-timer-id="(\d+)"/g);
+        console.debug("[TIMER CLONE] New timer IDs:", m);
+        const I = ((r = (n = window.UIEditor) == null ? void 0 : n.getCss) == null ? void 0 : r.call(n)) || "";
+        console.debug("[TIMER CLONE] Updating editor with new HTML..."), (u = (l = window.StripoEditorApi) == null ? void 0 : l.actionsApi) != null && u.updateHtmlAndCss ? (window.StripoEditorApi.actionsApi.updateHtmlAndCss(i, I), console.debug("[TIMER CLONE] ✅ Editor updated successfully!")) : console.debug("[TIMER CLONE] updateHtmlAndCss method not available");
+      } catch (s) {
+        console.debug("[TIMER CLONE] Error updating timers:", s), c(s, "Failed to update timer blocks");
+      }
+    }
+  };
+};
+export {
+  w as useTimerClone
+};

package/dist/config/compiler/itemsCompilerRules.js

@@ -0,0 +1,14 @@
+import { pairProductVariables as r } from "../../utils/pairProductVariables.js";
+const t = [
+  {
+    id: "pair-product-variables",
+    description: "Replace product default values with template variables",
+    type: "custom",
+    processor: r,
+    priority: 60
+    // After recommendation rules (priority 50-53)
+  }
+];
+export {
+  t as itemsCompilerRules
+};

package/dist/config/compiler/unsubscribeCompilerRules.js

@@ -1,36 +1,41 @@
-import { usePartner as U } from "../../composables/usePartner.js";
-import { LINK_REGEXES as l, LINK_TYPES as b, URLS as f } from "../../enums/unsubscribe.js";
-import { parsePageList as B } from "../../extensions/Blocks/Unsubscribe/utils/utils.js";
-import { useConfigStore as N } from "../../stores/config.js";
-import { useUnsubscribeStore as I } from "../../stores/unsubscribe.js";
-const T = [
+import { usePartner as N } from "../../composables/usePartner.js";
+import { LINK_REGEXES as l, LINK_TYPES as g, INSIDER_ID as f, URLS as S } from "../../enums/unsubscribe.js";
+import { parsePageList as U } from "../../extensions/Blocks/Unsubscribe/utils/utils.js";
+import { useConfigStore as B } from "../../stores/config.js";
+import { useDynamicContentStore as y } from "../../stores/dynamic-content.js";
+import { useUnsubscribeStore as L } from "../../stores/unsubscribe.js";
+const D = [
   {
     id: "add-unsubscribe-link-values",
     description: "Adding unsubscribe link values",
     type: "custom",
     processor: (t) => {
-      const { getPartnerName: i } = U(), a = N(), n = I(), u = a.getVariationId;
-      if (!u)
+      const { getPartnerName: i } = N(), c = B(), n = y(), u = L(), a = c.getVariationId;
+      if (!a)
         return t;
-      let o = t;
-      const e = `/${i()}/email/${u}?user={{iid}}`;
-      return new DOMParser().parseFromString(o, "text/html").querySelectorAll(".unsubscribe-block-v2[data-unsubscribe-page-list]").forEach((p) => {
-        var g;
-        const d = p.getAttribute("data-unsubscribe-page-list");
-        if (!d)
+      let e = t;
+      const r = `/${i()}/email/${a}?user={{iid}}`;
+      return new DOMParser().parseFromString(e, "text/html").querySelectorAll(".unsubscribe-block-v2[data-unsubscribe-page-list]").forEach((p) => {
+        var b;
+        const m = p.getAttribute("data-unsubscribe-page-list");
+        if (!m)
           return;
-        const S = B(d), m = ((g = n.templates) == null ? void 0 : g.filter(
-          (c) => S.includes(c.id)
-        )) ?? [], R = m.some((c) => c.type === b.UNSUBSCRIBE_LINK_TYPE), _ = m.some((c) => c.type === b.PREFERENCES_LINK_TYPE), E = p.outerHTML;
+        const R = U(m), d = ((b = u.templates) == null ? void 0 : b.filter(
+          (o) => R.includes(o.id)
+        )) ?? [], _ = d.some((o) => o.type === g.UNSUBSCRIBE_LINK_TYPE), I = d.some((o) => o.type === g.PREFERENCES_LINK_TYPE), E = p.outerHTML;
         let s = E;
-        R && (s = s.replace(
+        _ && (n.selectedDynamicContentList.push({
+          text: f,
+          value: f,
+          fallback: ""
+        }), s = s.replace(
           l.GLOBAL_UNSUBSCRIBE_LINK_REGEX,
-          f.UNSUBSCRIBE_URL + e
-        )), _ && (s = s.replace(
+          S.UNSUBSCRIBE_URL + r
+        )), I && (s = s.replace(
           l.PREFERENCES_UNSUBSCRIBE_LINK_REGEX,
-          f.PREFERENCES_URL + e
-        )), s = s.replace(l.UNSUBSCRIBE_LINK_REGEX, ""), o = o.replace(E, s);
-      }), o;
+          S.PREFERENCES_URL + r
+        )), s = s.replace(l.UNSUBSCRIBE_LINK_REGEX, ""), e = e.replace(E, s);
+      }), e;
     },
     priority: 60
   },
@@ -56,16 +61,16 @@ const T = [
     type: "custom",
     processor: (t) => {
       let i = t;
-      const a = i.match(/<a[^>]+>(.*?)<\/a>/gm);
-      return a && a.forEach((n) => {
+      const c = i.match(/<a[^>]+>(.*?)<\/a>/gm);
+      return c && c.forEach((n) => {
         if (n.includes("insEmail=1"))
           return;
         if (n.match(/<a\s+(?:[^>]*?\s+)?href=(["'`”])(.*?)\1\s+(?:[^>]*?\s+)?universal=(["'`”])true\3/gm)) {
-          const o = n.replace(/href=(["'`”])(.*?)\1/gm, (e) => {
+          const a = n.replace(/href=(["'`”])(.*?)\1/gm, (e) => {
             const r = e.slice(6, e.length - 1).trim();
             return e.includes("?") || e.includes("#") ? r.slice(-1) === "&" ? e.replace(r, `${r}insEmail=1`) : e.replace(r, `${r}&insEmail=1`) : e.replace(r, `${r}?insEmail=1`);
           });
-          i = i.replace(n, o);
+          i = i.replace(n, a);
         }
       }), i;
     },
@@ -73,5 +78,5 @@ const T = [
   }
 ];
 export {
-  T as unsubscribeCompilerRules
+  D as unsubscribeCompilerRules
 };

package/dist/config/migrator/index.js

@@ -1,11 +1,12 @@
-import { migrateCheckbox as o } from "./checkboxMigrator.js";
-import { migrateCouponBlock as m } from "./couponBlockMigrator.js";
+import { migrateCheckbox as m } from "./checkboxMigrator.js";
+import { migrateCouponBlock as o } from "./couponBlockMigrator.js";
 import { migrateRadioButton as i } from "./radioButtonMigrator.js";
-import { migrateUnsubscribe as e } from "./unsubscribeMigrator.js";
-const c = async (t) => {
+import { migrateRecommendation as e } from "./recommendationMigrator.js";
+import { migrateUnsubscribe as a } from "./unsubscribeMigrator.js";
+const s = async (t) => {
   let r = t;
-  return r = o(r), r = i(r), r = await e(r), r = m(r), r;
+  return r = m(r), r = i(r), r = await a(r), r = o(r), r = e(r), r;
 };
 export {
-  c as migrate
+  s as migrate
 };