@useinsider/guido 3.2.0-beta.a49c53c → 3.2.0-beta.b277bd3

package/dist/composables/useStripo.js

@@ -9,35 +9,36 @@ import { localePatch as H } from "../config/i18n/index.js";
 import { displayConditions as O } from "../enums/displayConditions.js";
 import { useStripoApi as j } from "../services/stripoApi.js";
 import L from "../static/styles/customEditorStyle.css.js";
-import { useEditorStore as S } from "../stores/editor.js";
-import { dynamicContentToMergeTags as z } from "../utils/genericUtil.js";
-const ne = (y, a) => {
-  const { features: d, template: C, isFeatureEnabled: l } = P(), { handleError: c } = x(), { getToken: E, getCustomFonts: h, getSyncModulesStatus: w } = j(), { handleEvent: b } = q(), { getStripoBlocksConfig: B } = I(), T = async (i, r = [], n = !1) => {
-    var p, f, g;
-    const e = S(), { html: o, css: k } = i, { baseBlocks: u, extensions: F } = await B(), m = ((p = d.value) == null ? void 0 : p.displayConditions) ?? !0, M = ((f = d.value) == null ? void 0 : f.modulesDisabled) ?? !1, V = ((g = C.value) == null ? void 0 : g.forceRecreate) ?? !1;
+import { useEditorStore as C } from "../stores/editor.js";
+import { dynamicContentToMergeTags as $ } from "../utils/genericUtil.js";
+import z from "../package.json.js";
+const ae = (E, l) => {
+  const { features: c, template: h, isFeatureEnabled: u } = P(), { handleError: m } = x(), { getToken: w, getCustomFonts: b, getSyncModulesStatus: k } = j(), { handleEvent: B } = q(), { getStripoBlocksConfig: T } = I(), V = async (i, r = [], s = !1) => {
+    var g, S, y;
+    const e = C(), { html: p, css: a } = i, { baseBlocks: o, extensions: d } = await T(), f = ((g = c.value) == null ? void 0 : g.displayConditions) ?? !0, F = ((S = c.value) == null ? void 0 : S.modulesDisabled) ?? !1, v = ((y = h.value) == null ? void 0 : y.forceRecreate) ?? !1;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
-        metadata: y,
-        html: o,
-        css: k,
-        forceRecreate: V,
+        metadata: E,
+        html: p,
+        css: a,
+        forceRecreate: v,
         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: !l("liquidSyntax"),
+        customAppearanceMergetags: !u("liquidSyntax"),
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
         customViewStyles: L,
-        conditionsEnabled: m,
-        customConditionsEnabled: m,
+        conditionsEnabled: f,
+        customConditionsEnabled: f,
         conditionCategories: O,
         enableXSSSecurity: !0,
-        modulesDisabled: M,
-        syncModulesEnabled: n,
+        modulesDisabled: F,
+        syncModulesEnabled: s,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
         displayHiddenPreheader: !1,
@@ -45,7 +46,7 @@ const ne = (y, a) => {
         displayUTM: !1,
         selectElementAfterDrop: !0,
         allowedScriptSourceDomains: "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com",
-        ...u ? { baseBlocks: u } : {},
+        ...o ? { baseBlocks: o } : {},
         editorFonts: {
           showDefaultStandardFonts: !0,
           showDefaultNotStandardFonts: !0,
@@ -53,28 +54,28 @@ const ne = (y, a) => {
         },
         mergeTags: [
           {
-            entries: z(
-              a.preselectedDynamicContentList,
-              l("liquidSyntax")
+            entries: $(
+              l.preselectedDynamicContentList,
+              u("liquidSyntax")
             )
           }
         ],
         async onTokenRefreshRequest(t) {
           try {
-            const s = await E();
-            t(s);
-          } catch (s) {
-            c(s, "Failed to refresh token");
+            const n = await w();
+            t(n);
+          } catch (n) {
+            m(n, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: t } = U(), { activateCustomViewStyles: s, updateTimerInClonedTemplate: v } = D(), { injectFullStory: A } = R();
-            t(), s(), A(), v(), a.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
+            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(() => {
               e.hasChanges = !1;
             }, 1e3);
           } catch (t) {
-            c(t, "Failed to load custom interface appearance");
+            m(t, "Failed to load custom interface appearance");
           }
         },
         onCodeEditorVisibilityChanged(t) {
@@ -89,38 +90,39 @@ const ne = (y, a) => {
         onDataChanged() {
           e.hasChanges = !0;
         },
-        onEvent: b,
+        onEvent: B,
         ignoreClickOutsideSelectors: [
           "#guido-dynamic-content-modal",
           ".in-on-board-wrapper",
           ".in-drawer__container"
         ],
-        extensions: F,
+        extensions: d,
         localePatch: H
       }
     );
-  }, _ = (i) => new Promise((r, n) => {
+  }, _ = (i) => new Promise((r, s) => {
+    var d;
     if (document.getElementById("UiEditorScript")) {
       i(), r();
       return;
     }
-    const e = "https://plugins.stripo.email/resources/uieditor/latest/UIEditor.js", o = document.createElement("script");
-    o.id = "UiEditorScript", o.type = "module", o.src = e, o.onload = () => {
+    const e = z.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 = () => {
-      n(new Error(`Failed to load Stripo UIEditor script from S3: ${e}`));
+      s(new Error(`Failed to load Stripo UIEditor script from S3: ${a}`));
     }, document.body.appendChild(o);
   });
   return { initPlugin: async (i) => {
     await _(async () => {
-      const r = S(), [n, e] = await Promise.all([
-        h(),
-        w()
+      const r = C(), [s, e] = await Promise.all([
+        b(),
+        k()
       ]);
-      r.syncModulesEnabled = e, await T(i, n, e);
+      r.syncModulesEnabled = e, await V(i, s, e);
     });
   } };
 };
 export {
-  ne as useStripo
+  ae as useStripo
 };

package/dist/package.json.js

@@ -0,0 +1,7 @@
+const o = { stripo: { version: "2.62.0" } }, s = {
+  guido: o
+};
+export {
+  s as default,
+  o as guido
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.2.0-beta.a49c53c",
+  "version": "3.2.0-beta.b277bd3",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",
@@ -86,7 +86,7 @@
   },
   "guido": {
     "stripo": {
-      "version": "2.61.2"
+      "version": "2.62.0"
     }
   }
 }