@useinsider/guido 3.6.1-beta.03230b7 → 3.7.0-beta.2037cb1

package/dist/composables/useStripo.js

@@ -1,42 +1,42 @@
 import { useActionsApi as D } from "./useActionsApi.js";
-import { useBlocksConfig as I } from "./useBlocksConfig.js";
-import { useConfig as P } from "./useConfig.js";
+import { useBlocksConfig as P } from "./useBlocksConfig.js";
+import { useConfig as I } from "./useConfig.js";
 import { useCustomInterfaceAppearance as U } from "./useCustomInterfaceAppearance.js";
 import { useFullStoryBridge as R } from "./useFullStoryBridge.js";
 import { useStripoEventHandler as q } from "./useStripoEventHandler.js";
 import { useToaster as x } from "./useToaster.js";
 import { localePatch as H } from "../config/i18n/index.js";
 import { useStripoApi as O } from "../services/stripoApi.js";
-import j from "../static/styles/customEditorStyle.css.js";
-import { useEditorStore as E } from "../stores/editor.js";
-import { dynamicContentToMergeTags as z } from "../utils/genericUtil.js";
-import L from "../package.json.js";
-const se = (C, l) => {
-  const { features: c, template: h, isFeatureEnabled: u } = P(), { handleError: m } = x(), { getToken: w, getCustomFonts: b, getSyncModulesStatus: k } = O(), { handleEvent: F } = q(), { getStripoBlocksConfig: B } = I(), T = async (i, r = [], s = !1) => {
+import z from "../static/styles/customEditorStyle.css.js";
+import { useEditorStore as h } from "../stores/editor.js";
+import { dynamicContentToMergeTags as L } from "../utils/genericUtil.js";
+import $ from "../package.json.js";
+const se = (E, c) => {
+  const { features: u, template: C, isFeatureEnabled: m } = I(), { handleError: l } = x(), { getToken: w, getCustomFonts: b, getSyncModulesStatus: F } = O(), { handleEvent: k } = q(), { getStripoBlocksConfig: v } = P(), B = async (s, r = [], o = !1) => {
     var g, S, y;
-    const e = E(), { html: p, css: a } = i, { baseBlocks: o, extensions: d } = await B(), f = ((g = c.value) == null ? void 0 : g.displayConditions) ?? !0, _ = ((S = c.value) == null ? void 0 : S.modulesDisabled) ?? !1, v = ((y = h.value) == null ? void 0 : y.forceRecreate) ?? !1;
+    const e = h(), { html: p, css: a } = s, { baseBlocks: i, extensions: d } = await v(), f = ((g = u.value) == null ? void 0 : g.displayConditions) ?? !0, V = ((S = u.value) == null ? void 0 : S.modulesDisabled) ?? !1, _ = ((y = C.value) == null ? void 0 : y.forceRecreate) ?? !1;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
-        metadata: C,
+        metadata: E,
         html: p,
         css: a,
-        forceRecreate: v,
+        forceRecreate: _,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
         mobileViewButtonSelector: ".guido__view-option-selection-mobile",
         desktopViewButtonSelector: ".guido__view-option-selection-desktop",
         codeEditorButtonSelector: "#guido__code-button",
-        customAppearanceMergetags: !u("liquidSyntax"),
+        customAppearanceMergetags: !m("liquidSyntax"),
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: j,
+        customViewStyles: z,
         conditionsEnabled: f,
         customConditionsEnabled: f,
         enableXSSSecurity: !0,
-        modulesDisabled: _,
-        syncModulesEnabled: s,
+        modulesDisabled: V,
+        syncModulesEnabled: o,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
         displayHiddenPreheader: !1,
@@ -45,7 +45,7 @@ const se = (C, l) => {
         selectElementAfterDrop: !0,
         sameFontSizeForOutlook: !0,
         allowedScriptSourceDomains: "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com",
-        ...o ? { baseBlocks: o } : {},
+        ...i ? { baseBlocks: i } : {},
         editorFonts: {
           showDefaultStandardFonts: !0,
           showDefaultNotStandardFonts: !0,
@@ -53,9 +53,9 @@ const se = (C, l) => {
         },
         mergeTags: [
           {
-            entries: z(
-              l.preselectedDynamicContentList,
-              u("liquidSyntax")
+            entries: L(
+              c.preselectedDynamicContentList,
+              m("liquidSyntax")
             )
           }
         ],
@@ -64,17 +64,17 @@ const se = (C, l) => {
             const n = await w();
             t(n);
           } catch (n) {
-            m(n, "Failed to refresh token");
+            l(n, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
             const { importCss: t } = U(), { activateCustomViewStyles: n, updateTimerInClonedTemplate: M } = D(), { injectFullStory: A } = R();
-            t(), n(), A(), M(), l.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
+            t(), n(), A(), M(), c.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
               e.hasChanges = !1;
             }, 1e3);
           } catch (t) {
-            m(t, "Failed to load custom interface appearance");
+            l(t, "Failed to load custom interface appearance");
           }
         },
         onCodeEditorVisibilityChanged(t) {
@@ -89,7 +89,7 @@ const se = (C, l) => {
         onDataChanged() {
           e.hasChanges = !0;
         },
-        onEvent: F,
+        onEvent: k,
         ignoreClickOutsideSelectors: [
           "#guido-dynamic-content-modal",
           ".in-on-board-wrapper",
@@ -99,27 +99,32 @@ const se = (C, l) => {
         localePatch: H
       }
     );
-  }, V = (i) => new Promise((r, s) => {
+  }, T = (s) => new Promise((r, o) => {
     var d;
     if (document.getElementById("UiEditorScript")) {
-      i(), r();
+      Promise.resolve(s()).then(r, o);
       return;
     }
-    const e = L.guido, a = `https://email-static.useinsider.com/guido/${(d = e == null ? void 0 : e.stripo) == null ? void 0 : d.version}/UIEditor.js`, o = document.createElement("script");
-    o.id = "UiEditorScript", o.type = "module", o.src = a, o.onload = () => {
-      i(), r();
-    }, o.onerror = () => {
-      s(new Error(`Failed to load Stripo UIEditor script from S3: ${a}`));
-    }, document.body.appendChild(o);
+    const e = $.guido, a = `https://email-static.useinsider.com/guido/${(d = e == null ? void 0 : e.stripo) == null ? void 0 : d.version}/UIEditor.js`, i = document.createElement("script");
+    i.id = "UiEditorScript", i.type = "module", i.src = a, i.onload = () => {
+      Promise.resolve(s()).then(r, o);
+    }, i.onerror = () => {
+      o(new Error(`Failed to load Stripo UIEditor script from S3: ${a}`));
+    }, document.body.appendChild(i);
   });
-  return { initPlugin: async (i) => {
-    await V(async () => {
-      const r = E(), [s, e] = await Promise.all([
-        b(),
-        k()
-      ]);
-      r.syncModulesEnabled = e, await T(i, s, e);
-    });
+  return { initPlugin: async (s) => {
+    const r = h();
+    try {
+      await T(async () => {
+        const [o, e] = await Promise.all([
+          b(),
+          F()
+        ]);
+        r.syncModulesEnabled = e, await B(s, o, e);
+      });
+    } catch (o) {
+      r.loadingStatus = !1, l(o, "Failed to load the editor");
+    }
   } };
 };
 export {