@useinsider/guido 3.21.0-beta.0df5409 → 3.21.0-beta.23f347e

package/dist/composables/useActionsApi.js

@@ -1,41 +1,24 @@
-import { flushPendingNodeConfigWrites as P } from "../extensions/Blocks/Recommendation/utils/nodeConfigWriter.js";
-import { useEditorStore as H } from "../stores/editor.js";
-import { filterAmpErrors as _ } from "../utils/ampErrorFilter.js";
-import { getEditorApi as c } from "../utils/stripoEditorApi.js";
-import { watch as F } from "vue";
-import { useToaster as M } from "./useToaster.js";
-const O = 1e4, C = 3e4, L = 1e3, T = (i, n, r) => new Promise((s, l) => {
-  const p = setTimeout(
-    () => l(new Error(`${i} did not report completion within ${n}ms`)),
-    n
-  ), f = (d) => (S) => {
-    clearTimeout(p), d(S);
-  }, g = f(l);
+import { filterAmpErrors as y } from "../utils/ampErrorFilter.js";
+import { getEditorApi as s } from "../utils/stripoEditorApi.js";
+import { useToaster as D } from "./useToaster.js";
+const h = 1e4, T = 3e4, r = (n, l, A) => new Promise((C, p) => {
+  const f = setTimeout(
+    () => p(new Error(`${n} did not report completion within ${l}ms`)),
+    l
+  ), c = (t) => (e) => {
+    clearTimeout(f), t(e);
+  }, d = c(p);
   try {
-    r(f(s), g);
-  } catch (d) {
-    g(d);
+    A(c(C), d);
+  } catch (t) {
+    d(t);
   }
-});
-let A = Promise.resolve();
-const h = () => {
-  const i = H(), n = i.changeSeq + P();
-  return i.changeSeq >= n || (A = new Promise((r) => {
-    let s = () => {
-    };
-    const l = setTimeout(() => {
-      s(), r();
-    }, L);
-    s = F(() => i.changeSeq, (p) => {
-      p >= n && (clearTimeout(l), s(), r());
-    });
-  })), A;
-}, z = () => {
-  const { handleError: i } = M(), n = (t) => T(
+}), P = () => {
+  const { handleError: n } = D(), l = (t = {}) => r(
     "compileEmail",
-    C,
-    (e, o) => {
-      const m = { ...{
+    T,
+    (e, i) => {
+      const o = { ...{
         minimize: !0,
         utmEntity: {
           utmSource: "",
@@ -54,56 +37,56 @@ const h = () => {
         forceAmp: !1,
         resetDataSavedFlag: !1,
         disableLineHeightsReplace: !0
-      }, ...t }, E = {
-        callback: (u, y, v, D, I) => {
-          u ? o(u) : e({
-            html: y,
-            ampHtml: v,
-            ampErrors: _(D ?? []),
-            displayConditions: I
+      }, ...t }, u = {
+        callback: (m, g, w, S, v) => {
+          m ? i(m) : e({
+            html: g,
+            ampHtml: w,
+            ampErrors: y(S ?? []),
+            displayConditions: v
           });
         },
-        ...m
+        ...o
       };
-      c().actionsApi.compileEmail(E);
-    }
-  ), r = async (t = {}) => (await h(), n(t)), s = () => T(
-    "getTemplateData",
-    C,
-    (t) => {
-      const e = ({ html: o, css: a, width: m, height: w, utmParams: E, syncModulesIds: u }) => t({
-        html: o,
-        css: a,
-        width: m,
-        height: w,
-        utmParams: E,
-        syncModulesIds: u
-      });
-      c().actionsApi.getTemplateData(e);
+      s().actionsApi.compileEmail(u);
     }
   );
   return {
-    getCompiledEmail: r,
-    getTemplateData: async ({ flushPendingEdits: t = !0 } = {}) => (t && await h(), s()),
+    getCompiledEmail: l,
+    getTemplateData: () => r(
+      "getTemplateData",
+      T,
+      (t) => {
+        const e = ({ html: i, css: a, width: o, height: E, utmParams: u, syncModulesIds: m }) => t({
+          html: i,
+          css: a,
+          width: o,
+          height: E,
+          utmParams: u,
+          syncModulesIds: m
+        });
+        s().actionsApi.getTemplateData(e);
+      }
+    ),
     activateCustomViewStyles: (t = !0) => {
-      c().actionsApi.activateCustomViewStyles(t);
+      s().actionsApi.activateCustomViewStyles(t);
     },
     getPreviewData: async (t) => {
       try {
         const {
           html: e,
-          displayConditions: o,
+          displayConditions: i,
           ampHtml: a = "",
-          ampErrors: m = []
-        } = await r({ minimize: !1, resetDataSavedFlag: !1, ...t });
+          ampErrors: o = []
+        } = await l({ minimize: !1, resetDataSavedFlag: !1, ...t });
         return {
           html: e,
           ampHtml: a,
-          ampErrors: m,
-          displayConditions: o
+          ampErrors: o,
+          displayConditions: i
         };
       } catch (e) {
-        return i(e, "Error loading preview"), {
+        return n(e, "Error loading preview"), {
           html: "",
           ampHtml: "",
           ampErrors: [],
@@ -112,32 +95,32 @@ const h = () => {
       }
     },
     updateTimerInClonedTemplate: () => new Promise((t) => {
-      var e, o;
-      if (typeof ((o = (e = window.StripoEditorApi) == null ? void 0 : e.actionsApi) == null ? void 0 : o.updateTimerInClonedTemplate) != "function") {
+      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, m) => {
-          a ? (i(a, "Failed to update timer in cloned template"), t(null)) : t(m || null);
+        window.StripoEditorApi.actionsApi.updateTimerInClonedTemplate((a, o) => {
+          a ? (n(a, "Failed to update timer in cloned template"), t(null)) : t(o || null);
         });
       } catch (a) {
-        i(a, "Failed to call updateTimerInClonedTemplate"), t(null);
+        n(a, "Failed to call updateTimerInClonedTemplate"), t(null);
       }
     }),
     updateHtmlAndCss: (t, e) => {
-      const { actionsApi: o } = c();
-      return T("updateHtmlAndCss", O, (a) => {
-        o.updateHtmlAndCss(t, e, () => a());
+      const { actionsApi: i } = s();
+      return r("updateHtmlAndCss", h, (a) => {
+        i.updateHtmlAndCss(t, e, () => a());
       });
     },
-    editorSave: () => T(
+    editorSave: () => r(
       "save",
-      C,
+      T,
       (t) => {
-        c().actionsApi.save((e) => {
+        s().actionsApi.save((e) => {
           if (e) {
-            i(e, "Failed to save template"), t(!1);
+            n(e, "Failed to save template"), t(!1);
             return;
           }
           t(!0);
@@ -147,5 +130,5 @@ const h = () => {
   };
 };
 export {
-  z as useActionsApi
+  P as useActionsApi
 };

package/dist/composables/useGuidoStateBridge.js

@@ -5,7 +5,7 @@ import { useEditorStore as w } from "../stores/editor.js";
 import { useGuidoEmailEditorStore as y } from "../stores/guido-email-editor.js";
 import { watch as c, onUnmounted as z } from "vue";
 const B = 500, G = () => {
-  const i = w(), d = y(), l = T(), { getTemplateData: u } = v(), { runExclusive: m, isEditorBusy: p } = C();
+  const i = w(), u = y(), d = T(), { getTemplateData: l } = v(), { runExclusive: m, isEditorBusy: p } = C();
   let o = null, n = !1;
   const r = () => {
     o && (clearTimeout(o), o = null);
@@ -21,10 +21,10 @@ const B = 500, G = () => {
         return;
       }
       try {
-        const { html: E, css: I } = await m(() => u({ flushPendingEdits: !1 })), b = ((s = (t = l.config) == null ? void 0 : t.identity) == null ? void 0 : s.templateId) ?? "";
+        const { html: E, css: I } = await m(l), b = ((s = (t = d.config) == null ? void 0 : t.identity) == null ? void 0 : s.templateId) ?? "";
         if (n)
           return;
-        d.$patch({
+        u.$patch({
           html: E ?? "",
           css: I ?? "",
           templateId: b,

package/dist/composables/useStripo.js

@@ -1,5 +1,5 @@
-import { useActionsApi as O } from "./useActionsApi.js";
-import { useBlocksConfig as q } from "./useBlocksConfig.js";
+import { useActionsApi as L } from "./useActionsApi.js";
+import { useBlocksConfig as O } from "./useBlocksConfig.js";
 import { useConfig as H } from "./useConfig.js";
 import { useCustomInterfaceAppearance as w } from "./useCustomInterfaceAppearance.js";
 import { useFullStoryBridge as N } from "./useFullStoryBridge.js";
@@ -17,7 +17,7 @@ import { buildMergeTagEntries as W, flattenDynamicContentList as Y } from "../ut
 import Z from "../package.json.js";
 let n = null;
 const he = () => {
-  const { features: c, template: u, isFeatureEnabled: p } = H(), { handleError: m, showToaster: v } = G(), { getToken: B, getCustomFonts: M, getSyncModulesStatus: T } = K(), { handleEvent: F } = z(), { handleModuleAdd: A } = j(), { getStripoBlocksConfig: V } = q(), { getStripoNotifications: _ } = $(), f = () => n || (n = new Promise((r, s) => {
+  const { features: c, template: u, isFeatureEnabled: p } = H(), { handleError: m, showToaster: v } = G(), { getToken: B, getCustomFonts: M, getSyncModulesStatus: T } = K(), { handleEvent: F } = z(), { handleModuleAdd: A } = j(), { getStripoBlocksConfig: V } = O(), { getStripoNotifications: _ } = $(), f = () => n || (n = new Promise((r, s) => {
     var d;
     if (document.getElementById("UiEditorScript")) {
       r();
@@ -31,7 +31,7 @@ const he = () => {
     n = null;
   }), n), D = async (r, s, o, a = [], i = !1) => {
     var y, E, h, C;
-    const e = k(), { html: d, css: P } = r, { baseBlocks: g, extensions: R } = await V(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, U = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, I = !!d || (((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1), x = "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com";
+    const e = k(), { html: d, css: P } = r, { baseBlocks: g, extensions: R } = await V(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, U = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, I = !!d || (((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1), q = "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com";
     w().importCss(), await window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
@@ -63,7 +63,7 @@ const he = () => {
         copyPasteEnabled: !1,
         selectElementAfterDrop: !0,
         sameFontSizeForOutlook: !0,
-        allowedScriptSourceDomains: x,
+        allowedScriptSourceDomains: q,
         ...g ? { baseBlocks: g } : {},
         editorFonts: {
           showDefaultStandardFonts: !0,
@@ -89,8 +89,8 @@ const he = () => {
         },
         onTemplateLoaded() {
           try {
-            const { activateCustomViewStyles: t, updateTimerInClonedTemplate: l } = O(), { injectFullStory: L } = N();
-            w().importCss(), t(), L(), l(), o.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
+            const { activateCustomViewStyles: t, updateTimerInClonedTemplate: l } = L(), { injectFullStory: x } = N();
+            w().importCss(), t(), x(), l(), o.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
               e.hasChanges = !1;
             }, 1e3);
           } catch (t) {
@@ -107,7 +107,7 @@ const he = () => {
           e.isVersionHistoryOpen = t;
         },
         onDataChanged() {
-          e.markChanged();
+          e.hasChanges = !0, e.changeSeq += 1;
         },
         onEvent: F,
         onModuleAdd: A,

package/dist/config/compiler/htmlCompilerRules.js

@@ -88,7 +88,7 @@ const d = [
       /<!--\[if\s\(mso 16\)\]>\s*<style\s*\S*>\s*a\s*\{\s*text-decoration\s*:\s*none\s*;*\s*\}\s*<\/style>\s*<!\[endif\]-->/g,
       /<!--\[if\sgte mso 9\]>\s*<style\s*\S*>\s*sup\s*\{\s*font-size\s*:\s*100%\s*!important\s*;*\s*\}\s*<\/style>\s*<!\[endif\]-->/g,
       /<!--\[if\sgte mso 9\]>\s*<noscript>\s*<xml>\s*<o:OfficeDocumentSettings>\s*<o:AllowPNG>\s*<\/o:AllowPNG>\s*<o:PixelsPerInch>\d+<\/o:PixelsPerInch>\s*<\/o:OfficeDocumentSettings>\s*<\/xml>\s*<\/noscript>\s*<!\[endif\]-->/g,
-      /<!--\[if mso\]>\s*<xml>\s*<w:WordDocument\s+xmlns:w="urn:schemas-microsoft-com:office:word">\s*<w:DontUseAdvancedTypographyReadingMail><\/w:DontUseAdvancedTypographyReadingMail>\s*<\/w:WordDocument>\s*<\/xml>\s*<!\[endif\]-->/g,
+      /<!--\[if mso\]>\s*<xml>\s*<w:WordDocument\s+xmlns:w="urn:schemas-microsoft-com:office:word">\s*<w:DontUseAdvancedTypographyReadingMail\s*(?:\/>|><\/w:DontUseAdvancedTypographyReadingMail>)\s*<\/w:WordDocument>\s*<\/xml>\s*<!\[endif\]-->/g,
       /<\!--\[if \!mso\]><\!--\s*\d*\s*-->\s*<\!--\[if \!mso\]><\!--\s*\d*\s*-->\s*<\!--<!\[endif\]-->/g,
       /<!--\[if\s\!mso\]>\s*<!-- \d -->/g
     ],

package/dist/extensions/Blocks/Recommendation/block.js

@@ -1,23 +1,23 @@
-var b = Object.defineProperty;
-var C = (a, l, t) => l in a ? b(a, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[l] = t;
-var d = (a, l, t) => C(a, typeof l != "symbol" ? l + "" : l, t);
+var B = Object.defineProperty;
+var b = (a, l, t) => l in a ? B(a, l, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[l] = t;
+var d = (a, l, t) => b(a, typeof l != "symbol" ? l + "" : l, t);
 import { useConfig as g } from "../../../composables/useConfig.js";
-import { BlockId as A } from "../../../enums/block.js";
-import { getMigrationBannerHtml as E } from "../../../utils/migrationBannerHtml.js";
-import { Block as S, BlockCompositionType as N, ModificationDescription as p } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CURRENT_CONFIG_VERSION as w, PRE_RRS_CONFIG_VERSION as M } from "./constants/defaultConfig.js";
+import { BlockId as C } from "../../../enums/block.js";
+import { getMigrationBannerHtml as A } from "../../../utils/migrationBannerHtml.js";
+import { Block as E, BlockCompositionType as S, ModificationDescription as p } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CURRENT_CONFIG_VERSION as N, PRE_RRS_CONFIG_VERSION as w } from "./constants/defaultConfig.js";
 import { RECOMMENDATION_ID_ATTR as m } from "./constants/selectors.js";
-import { regenerateMobileProductRows as O } from "./controls/main/utils.js";
-import { ensureMobileCssRulesExist as I, setMobileLayoutOptOut as R, hasMobileLayoutOptOut as x } from "./controls/mobileLayout/cssRules.js";
+import { regenerateMobileProductRows as M } from "./controls/main/utils.js";
+import { ensureMobileCssRulesExist as I, setMobileLayoutOptOut as R, hasMobileLayoutOptOut as O } from "./controls/mobileLayout/cssRules.js";
 import { RecommendationConfigService as s } from "./services/configService.js";
 import { useRecommendationExtensionStore as h } from "./store/recommendation.js";
-import { getDefaultTemplate as T } from "./templates/grid/template.js";
-import { useRecommendationBlockWarning as H } from "./useRecommendationBlockWarning.js";
-import { registerNodeConfigWriter as k } from "./utils/nodeConfigWriter.js";
+import { getDefaultTemplate as x } from "./templates/grid/template.js";
+import { useRecommendationBlockWarning as T } from "./useRecommendationBlockWarning.js";
+import { registerNodeConfigWriter as H } from "./utils/nodeConfigWriter.js";
 import { refreshDuplicatedStrategyBlocks as $ } from "./utils/strategyCommit.js";
-const D = A.Recommendation, u = "recommendation-block-v2", y = "hide-price";
-let B = !1;
-class Y extends S {
+const k = C.Recommendation, u = "recommendation-block-v2", D = "hide-price";
+let y = !1;
+class Y extends E {
   constructor() {
     super();
     /**
@@ -31,13 +31,13 @@ class Y extends S {
     d(this, "_unsettledDuplicateIds", /* @__PURE__ */ new Set());
   }
   getId() {
-    return D;
+    return k;
   }
   getIcon() {
     return "recommendation-icon";
   }
   getBlockCompositionType() {
-    return N.CONTAINER;
+    return S.CONTAINER;
   }
   getName() {
     return this.api.translate("Recommendation Block");
@@ -48,8 +48,8 @@ class Y extends S {
     );
   }
   getSettingsPanelTitleHtml() {
-    return E(
-      D,
+    return A(
+      k,
       this.api.translate("Recommendation Block"),
       this.api.translate("This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.")
     );
@@ -72,11 +72,7 @@ class Y extends S {
    */
   getTemplate() {
     const t = this._generateNextId();
-    return this._pendingBlockId = t, T(t);
-  }
-  // A restore can redraw blocks before any settings panel registered a document handle this session.
-  onDocumentInit() {
-    k(this.api);
+    return this._pendingBlockId = t, x(t);
   }
   /**
    * Called when a new block is dropped into the template
@@ -104,7 +100,7 @@ class Y extends S {
       t,
       {
         recommendationId: i,
-        configVersion: n ? w : M,
+        configVersion: n ? N : w,
         ...o ? { partnerName: g().partnerName.value } : {},
         // An RRS block picks a strategy, not an algorithm, and its algorithm control is
         // hidden. Keeping the `mostPopular` default would bake a most-popular feed URL
@@ -115,7 +111,7 @@ class Y extends S {
     if (f.setCurrentBlock(i), this._stampHidePrice(t, r.priceHideIfSameAsDiscounted), c) {
       I(this.api);
       const _ = this._getBlockElement(t);
-      _ && (R(this.api, _, !0), O({
+      _ && (R(this.api, _, !0), M({
         currentNode: t,
         documentModifier: this.api.getDocumentModifier()
       }));
@@ -142,11 +138,11 @@ class Y extends S {
       }
       this._healLingeringDuplicate(t), s.needsMigration(t) && this._migrateFromLegacy(t), this._healHidePriceAttr(t);
       try {
-        B || (I(this.api), B = !0);
+        y || (I(this.api), y = !0);
         const e = s.getConfig(t), i = this._getBlockElement(t);
         if (i) {
           const n = !e.mobileLayoutEnabled;
-          x(i) !== n && R(this.api, i, n);
+          O(i) !== n && R(this.api, i, n);
         }
       } catch {
       }
@@ -176,7 +172,7 @@ class Y extends S {
    */
   _warnIfMultipleBlocks() {
     try {
-      H().warnIfMultipleBlocks(this.api.getDocumentRootHtmlNode());
+      T().warnIfMultipleBlocks(this.api.getDocumentRootHtmlNode());
     } catch {
     }
   }
@@ -268,7 +264,7 @@ class Y extends S {
   /** Assigns a fresh id to a duplicated block and syncs DOM, node config and store. */
   _handleDuplicate(t, e) {
     const i = this._reassignDuplicateId(t, e), n = h();
-    n.cloneBlockState(e, i), n.setCurrentBlock(i), g().isFeatureEnabled("reusableRecommendationStrategy") && (this._resetSourceIds.add(e), k(this.api), $(e, i, s.getConfig(t)).catch((o) => console.error("[recommendation] refreshing a duplicated strategy failed", o))), this._warnIfMultipleBlocks();
+    n.cloneBlockState(e, i), n.setCurrentBlock(i), g().isFeatureEnabled("reusableRecommendationStrategy") && (this._resetSourceIds.add(e), H(this.api), $(e, i, s.getConfig(t)).catch((o) => console.error("[recommendation] refreshing a duplicated strategy failed", o))), this._warnIfMultipleBlocks();
   }
   /**
    * Core id-reassignment for a duplicated block: rewrites the DOM
@@ -324,7 +320,7 @@ class Y extends S {
    */
   _stampHidePrice(t, e) {
     const i = this._getBlockElement(t);
-    i && this.api.getDocumentModifier().modifyHtml(i).setAttribute(y, String(e)).apply(new p("Stamp hide-price"));
+    i && this.api.getDocumentModifier().modifyHtml(i).setAttribute(D, String(e)).apply(new p("Stamp hide-price"));
   }
   /**
    * Stamps `hide-price` from config only when the block lacks the attribute —
@@ -332,7 +328,7 @@ class Y extends S {
    */
   _healHidePriceAttr(t) {
     const e = this._getBlockElement(t);
-    if (!e || !("getAttribute" in e) || e.getAttribute(y) !== null)
+    if (!e || !("getAttribute" in e) || e.getAttribute(D) !== null)
       return;
     const { priceHideIfSameAsDiscounted: i } = s.getConfig(t);
     this._stampHidePrice(t, i);
@@ -369,6 +365,6 @@ class Y extends S {
   }
 }
 export {
-  D as BLOCK_ID,
+  k as BLOCK_ID,
   Y as RecommendationBlock
 };