@useinsider/guido 3.21.0-beta.f049776 → 3.21.0-beta.ff98fc3

package/dist/composables/useStripo.js

@@ -1,44 +1,49 @@
-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";
-import { useModuleRepair as j } from "./useModuleRepair.js";
-import { useStripoEventHandler as z } from "./useStripoEventHandler.js";
-import { useStripoNotifications as $ } from "./useStripoNotifications.js";
-import { useToaster as G } from "./useToaster.js";
-import { localePatch as J } from "../config/i18n/index.js";
-import { en as b } from "../config/i18n/en/index.js";
-import { ToasterTypeOptions as X } from "../enums/toaster.js";
-import { useStripoApi as K } from "../services/stripoApi.js";
-import Q from "../static/styles/customEditorStyle.css.js";
-import { useEditorStore as k } from "../stores/editor.js";
-import { buildMergeTagEntries as W, flattenDynamicContentList as Y } from "../utils/genericUtil.js";
-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 } = O(), { getStripoNotifications: _ } = $(), f = () => n || (n = new Promise((r, s) => {
-    var d;
+import { useActionsApi as H } from "./useActionsApi.js";
+import { useBlocksConfig as N } from "./useBlocksConfig.js";
+import { useConfig as j } from "./useConfig.js";
+import { useCustomInterfaceAppearance as _ } from "./useCustomInterfaceAppearance.js";
+import { useEditorOpenMetrics as z } from "./useEditorOpenMetrics.js";
+import { useFullStoryBridge as $ } from "./useFullStoryBridge.js";
+import { useModuleRepair as G } from "./useModuleRepair.js";
+import { useStripoEventHandler as J } from "./useStripoEventHandler.js";
+import { useStripoNotifications as X } from "./useStripoNotifications.js";
+import { useToaster as K } from "./useToaster.js";
+import { localePatch as Q } from "../config/i18n/index.js";
+import { en as M } from "../config/i18n/en/index.js";
+import { ToasterTypeOptions as W } from "../enums/toaster.js";
+import { useStripoApi as Y } from "../services/stripoApi.js";
+import Z from "../static/styles/customEditorStyle.css.js";
+import { useEditorStore as T } from "../stores/editor.js";
+import { buildMergeTagEntries as ee, flattenDynamicContentList as te } from "../utils/genericUtil.js";
+import oe from "../package.json.js";
+let a = null, v = !1;
+const be = () => {
+  const { features: u, template: m, isFeatureEnabled: p } = j(), { handleError: f, showToaster: B } = K(), { getToken: F, getCustomFonts: A, getSyncModulesStatus: V } = Y(), { handleEvent: P } = J(), { handleModuleAdd: R } = G(), { getStripoBlocksConfig: D } = N(), { getStripoNotifications: U } = X(), t = z(), g = () => a || (a = new Promise((i, d) => {
+    var s;
     if (document.getElementById("UiEditorScript")) {
-      r();
+      i();
       return;
     }
-    const o = Z.guido, i = `https://email-static.useinsider.com/guido/${(d = o == null ? void 0 : o.stripo) == null ? void 0 : d.version}/UIEditor.js`, e = document.createElement("script");
-    e.id = "UiEditorScript", e.type = "module", e.src = i, e.onload = () => r(), e.onerror = () => {
-      e.remove(), s(new Error(`Failed to load Stripo UIEditor script from S3: ${i}`));
+    const r = oe.guido, n = `https://email-static.useinsider.com/guido/${(s = r == null ? void 0 : r.stripo) == null ? void 0 : s.version}/UIEditor.js`, e = document.createElement("script");
+    e.id = "UiEditorScript", e.type = "module", e.src = n, e.onload = () => {
+      v = !0, i();
+    }, e.onerror = () => {
+      e.remove(), d(new Error(`Failed to load Stripo UIEditor script from S3: ${n}`));
     }, document.body.appendChild(e);
-  }), n.catch(() => {
-    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), q = "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com";
-    w().importCss(), await window.UIEditor.initEditor(
+  }), a.catch(() => {
+    a = null;
+  }), a), I = async (i, d, r, l = [], n = !1) => {
+    var C, k, w, b;
+    const e = T(), { html: s, css: y } = i, { baseBlocks: S, extensions: L } = await D();
+    t.mark("blocks_config_ready");
+    const E = ((C = u.value) == null ? void 0 : C.displayConditions) ?? !0, O = ((k = u.value) == null ? void 0 : k.modulesDisabled) ?? !1, h = !!s || (((w = m.value) == null ? void 0 : w.forceRecreate) ?? !1), q = "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com";
+    t.setTemplate({ html: s, css: y, forceRecreate: h }), _().importCss(), t.mark("init_editor"), await window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
-        metadata: s,
-        html: d,
-        css: P,
-        forceRecreate: I,
+        metadata: d,
+        html: s,
+        css: y,
+        forceRecreate: h,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
@@ -48,12 +53,12 @@ const he = () => {
         customAppearanceMergetags: !p("liquidSyntax"),
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: Q,
-        conditionsEnabled: S,
-        customConditionsEnabled: S,
+        customViewStyles: Z,
+        conditionsEnabled: E,
+        customConditionsEnabled: E,
         enableXSSSecurity: !0,
-        modulesDisabled: U,
-        syncModulesEnabled: i,
+        modulesDisabled: O,
+        syncModulesEnabled: n,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
         displayHiddenPreheader: !1,
@@ -64,54 +69,55 @@ const he = () => {
         selectElementAfterDrop: !0,
         sameFontSizeForOutlook: !0,
         allowedScriptSourceDomains: q,
-        ...g ? { baseBlocks: g } : {},
+        ...S ? { baseBlocks: S } : {},
         editorFonts: {
           showDefaultStandardFonts: !0,
           showDefaultNotStandardFonts: !0,
-          customFonts: a
+          customFonts: l
         },
         mergeTags: [
           {
-            entries: W(
-              o.preselectedDynamicContentList,
-              Y((C = u.value) == null ? void 0 : C.dynamicContentList),
+            entries: ee(
+              r.preselectedDynamicContentList,
+              te((b = m.value) == null ? void 0 : b.dynamicContentList),
               p("liquidSyntax")
             )
           }
         ],
-        async onTokenRefreshRequest(t) {
+        async onTokenRefreshRequest(o) {
           try {
-            const l = await B();
-            t(l);
-          } catch (l) {
-            m(l, "Failed to refresh token");
+            t.mark("token_start");
+            const c = await F();
+            t.mark("token_end"), o(c);
+          } catch (c) {
+            f(c, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { activateCustomViewStyles: t, updateTimerInClonedTemplate: l } = L(), { injectFullStory: x } = N();
-            w().importCss(), t(), x(), l(), o.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
+            const { activateCustomViewStyles: o, updateTimerInClonedTemplate: c } = H(), { injectFullStory: x } = $();
+            _().importCss(), o(), x(), c(), r.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
               e.hasChanges = !1;
-            }, 1e3);
-          } catch (t) {
-            m(t, "Failed to load custom interface appearance");
+            }, 1e3), t.markReady();
+          } catch (o) {
+            f(o, "Failed to load custom interface appearance");
           }
         },
-        onCodeEditorVisibilityChanged(t) {
-          e.isCodeEditorOpen = t;
+        onCodeEditorVisibilityChanged(o) {
+          e.isCodeEditorOpen = o;
         },
-        onEditorVisualModeChanged(t) {
-          e.editorVisualMode = t.toLowerCase();
+        onEditorVisualModeChanged(o) {
+          e.editorVisualMode = o.toLowerCase();
         },
-        onVersionHistoryVisibilityChanged(t) {
-          e.isVersionHistoryOpen = t;
+        onVersionHistoryVisibilityChanged(o) {
+          e.isVersionHistoryOpen = o;
         },
         onDataChanged() {
           e.hasChanges = !0, e.changeSeq += 1;
         },
-        onEvent: F,
-        onModuleAdd: A,
-        notifications: _(),
+        onEvent: P,
+        onModuleAdd: R,
+        notifications: U(),
         // Stripo deselects the block on any click outside the canvas, so every surface
         // that belongs to the block's own flow has to be listed here (SD-153273).
         ignoreClickOutsideSelectors: [
@@ -121,35 +127,35 @@ const he = () => {
           ".in-modal-v2-wrapper",
           ".in-toasts-wrapper"
         ],
-        extensions: R,
-        localePatch: J
+        extensions: L,
+        localePatch: Q
       }
     );
   };
-  return { initPlugin: async (r, s, o) => {
-    const a = k();
+  return { initPlugin: async (i, d, r) => {
+    const l = T();
     try {
-      await f();
-      const [i, e] = await Promise.all([
-        M(),
-        T()
+      t.mark("plugin_start"), t.setScriptPreloaded(v), await g(), t.mark("script_ready");
+      const [n, e] = await Promise.all([
+        A(),
+        V()
       ]);
-      a.syncModulesEnabled = e, await D(r, s, o, i, e);
+      t.mark("fonts_sync_ready"), l.syncModulesEnabled = e, await I(i, d, r, n, e);
     } catch {
-      a.loadingStatus = !1, v({
-        type: X.Error,
-        message: b["An error has occurred. Please report the error code to support."],
+      l.loadingStatus = !1, B({
+        type: W.Error,
+        message: M["An error has occurred. Please report the error code to support."],
         actionButton: {
-          text: b["Reload page"],
+          text: M["Reload page"],
           onClick: () => window.location.reload()
         }
-      });
+      }), t.markFailed();
     }
   }, preloadRuntime: () => {
-    f().catch(() => {
+    g().catch(() => {
     });
   } };
 };
 export {
-  he as useStripo
+  be as useStripo
 };

package/dist/config/migrator/index.js

@@ -1,18 +1,17 @@
 import { migrateCheckbox as i } from "./checkboxMigrator.js";
-import { migrateCouponBlockAlignment as e } from "./couponBlockAlignmentMigrator.js";
-import { migrateCouponBlock as a } from "./couponBlockMigrator.js";
-import { migrateItemsBlock as n } from "./itemsBlockMigrator.js";
-import { migrateProductNameLink as g } from "./productNameLinkMigrator.js";
+import { migrateCouponBlock as e } from "./couponBlockMigrator.js";
+import { migrateItemsBlock as a } from "./itemsBlockMigrator.js";
+import { migrateProductNameLink as n } from "./productNameLinkMigrator.js";
 import { migrateRadioButton as c } from "./radioButtonMigrator.js";
-import { migrateRecommendation as p } from "./recommendationMigrator.js";
+import { migrateRecommendation as g } from "./recommendationMigrator.js";
 import { migrateRecommendationPartnerScope as f } from "./recommendationPartnerMigrator.js";
-import { migrateRecommendationTitle as l } from "./recommendationTitleMigrator.js";
+import { migrateRecommendationTitle as p } from "./recommendationTitleMigrator.js";
 import { migrateSocialIcons as d } from "./socialIconMigrator.js";
-import { migrateUnsubscribe as s } from "./unsubscribeMigrator.js";
-const y = async (r, t = {}, o) => {
+import { migrateUnsubscribe as l } from "./unsubscribeMigrator.js";
+const h = async (r, t = {}, o) => {
   let m = r;
-  return m = i(m), m = c(m), m = await s(m), m = e(m), m = a(m), m = p(m, t), o && (m = f(m, o)), m = l(m), m = n(m), m = g(m), m = d(m), m;
+  return m = i(m), m = c(m), m = await l(m), m = e(m), m = g(m, t), o && (m = f(m, o)), m = p(m), m = a(m), m = n(m), m = d(m), m;
 };
 export {
-  y as migrate
+  h as migrate
 };