@useinsider/guido 3.21.2-beta.c321b5c → 3.21.2-beta.c7b74c0

package/dist/composables/useActionsApi.js

@@ -1,7 +1,8 @@
-import { filterAmpErrors as y } from "../utils/ampErrorFilter.js";
-import { getEditorApi as s } from "../utils/stripoEditorApi.js";
+import { filterAmpErrors as v } from "../utils/ampErrorFilter.js";
+import { stripFullStoryScripts as h } from "../utils/fullStoryScripts.js";
+import { getEditorApi as r } 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 H = 1e4, T = 3e4, m = (n, l, A) => new Promise((C, p) => {
   const f = setTimeout(
     () => p(new Error(`${n} did not report completion within ${l}ms`)),
     l
@@ -13,8 +14,8 @@ const h = 1e4, T = 3e4, r = (n, l, A) => new Promise((C, p) => {
   } catch (t) {
     d(t);
   }
-}), P = () => {
-  const { handleError: n } = D(), l = (t = {}) => r(
+}), _ = () => {
+  const { handleError: n } = D(), l = (t = {}) => m(
     "compileEmail",
     T,
     (e, i) => {
@@ -38,38 +39,38 @@ const h = 1e4, T = 3e4, r = (n, l, A) => new Promise((C, p) => {
         resetDataSavedFlag: !1,
         disableLineHeightsReplace: !0
       }, ...t }, u = {
-        callback: (m, g, w, S, v) => {
-          m ? i(m) : e({
+        callback: (s, g, w, S, y) => {
+          s ? i(s) : e({
             html: g,
             ampHtml: w,
-            ampErrors: y(S ?? []),
-            displayConditions: v
+            ampErrors: v(S ?? []),
+            displayConditions: y
           });
         },
         ...o
       };
-      s().actionsApi.compileEmail(u);
+      r().actionsApi.compileEmail(u);
     }
   );
   return {
     getCompiledEmail: l,
-    getTemplateData: () => r(
+    getTemplateData: () => m(
       "getTemplateData",
       T,
       (t) => {
-        const e = ({ html: i, css: a, width: o, height: E, utmParams: u, syncModulesIds: m }) => t({
-          html: i,
+        const e = ({ html: i, css: a, width: o, height: E, utmParams: u, syncModulesIds: s }) => t({
+          html: h(i),
           css: a,
           width: o,
           height: E,
           utmParams: u,
-          syncModulesIds: m
+          syncModulesIds: s
         });
-        s().actionsApi.getTemplateData(e);
+        r().actionsApi.getTemplateData(e);
       }
     ),
     activateCustomViewStyles: (t = !0) => {
-      s().actionsApi.activateCustomViewStyles(t);
+      r().actionsApi.activateCustomViewStyles(t);
     },
     getPreviewData: async (t) => {
       try {
@@ -109,16 +110,16 @@ const h = 1e4, T = 3e4, r = (n, l, A) => new Promise((C, p) => {
       }
     }),
     updateHtmlAndCss: (t, e) => {
-      const { actionsApi: i } = s();
-      return r("updateHtmlAndCss", h, (a) => {
+      const { actionsApi: i } = r();
+      return m("updateHtmlAndCss", H, (a) => {
         i.updateHtmlAndCss(t, e, () => a());
       });
     },
-    editorSave: () => r(
+    editorSave: () => m(
       "save",
       T,
       (t) => {
-        s().actionsApi.save((e) => {
+        r().actionsApi.save((e) => {
           if (e) {
             n(e, "Failed to save template"), t(!1);
             return;
@@ -130,5 +131,5 @@ const h = 1e4, T = 3e4, r = (n, l, A) => new Promise((C, p) => {
   };
 };
 export {
-  P as useActionsApi
+  _ as useActionsApi
 };

package/dist/composables/useFullStoryBridge.js

@@ -1,14 +1,15 @@
-const c = "https://email-static.useinsider.com/guido/guido-fs.js", u = () => ({ injectFullStory: () => {
-  var n;
-  const s = window;
-  if (typeof s._fs_org != "string" || !s._fs_org)
+import { FULLSTORY_BRIDGE_SCRIPT_URL as s } from "../utils/fullStoryScripts.js";
+const l = () => ({ injectFullStory: () => {
+  var c;
+  const n = window;
+  if (typeof n._fs_org != "string" || !n._fs_org)
     return;
-  const r = document.querySelector("ui-editor"), o = (n = r == null ? void 0 : r.shadowRoot) == null ? void 0 : n.querySelector("iframe"), e = o == null ? void 0 : o.contentDocument;
-  if (!e || e.querySelector('script[data-fullstory-bridge="true"]'))
+  const e = document.querySelector("ui-editor"), o = (c = e == null ? void 0 : e.shadowRoot) == null ? void 0 : c.querySelector("iframe"), r = o == null ? void 0 : o.contentDocument;
+  if (!r || r.querySelector('script[data-fullstory-bridge="true"]'))
     return;
-  const t = e.createElement("script");
-  t.src = c, t.async = !0, t.crossOrigin = "anonymous", t.dataset.fullstoryBridge = "true", e.head.appendChild(t);
+  const t = r.createElement("script");
+  t.src = s, t.async = !0, t.crossOrigin = "anonymous", t.dataset.fullstoryBridge = "true", r.head.appendChild(t);
 } });
 export {
-  u as useFullStoryBridge
+  l as useFullStoryBridge
 };

package/dist/config/migrator/fullStoryScriptMigrator.js

@@ -0,0 +1,5 @@
+import { stripFullStoryScripts as t } from "../../utils/fullStoryScripts.js";
+const i = (r) => t(r);
+export {
+  i as migrateFullStoryScripts
+};

package/dist/config/migrator/index.js

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

package/dist/src/config/migrator/fullStoryScriptMigrator.d.ts

@@ -0,0 +1 @@
+export declare const migrateFullStoryScripts: (html: string) => string;

package/dist/src/utils/fullStoryScripts.d.ts

@@ -0,0 +1,6 @@
+export declare const FULLSTORY_BRIDGE_SCRIPT_URL = "https://email-static.useinsider.com/guido/guido-fs.js";
+/**
+ * Removes FullStory `<script>` elements that the panel / bridge leave in the editor iframe head,
+ * which Stripo then serializes into the stored source. Other scripts are left untouched.
+ */
+export declare function stripFullStoryScripts(html: string): string;

package/dist/utils/fullStoryScripts.js

@@ -0,0 +1,8 @@
+const o = "https://email-static.useinsider.com/guido/guido-fs.js", E = new RegExp("<script\\b([^>]*?)(?<!\\/)>([\\s\\S]*?)<\\/script\\s*>", "gi"), _ = /<script\b([^>]*?)\/>/gi, e = /\bsrc\s*=\s*["']?(?:https?:)?\/\/(?:[\w-]+\.)*fullstory\.com[/"'\s>]/i, R = /\bdata-fullstory-bridge\b/i, S = /\b_fs_(?:script|namespace)\b/, i = (s, t = "") => e.test(`${s} `) || R.test(s) || s.includes(o) || S.test(t);
+function n(s) {
+  return !s || !/fullstory|_fs_|guido-fs\.js/i.test(s) ? s : s.replace(E, (t, c, r) => i(c, r) ? "" : t).replace(_, (t, c) => i(c) ? "" : t);
+}
+export {
+  o as FULLSTORY_BRIDGE_SCRIPT_URL,
+  n as stripFullStoryScripts
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.21.2-beta.c321b5c",
+  "version": "3.21.2-beta.c7b74c0",
   "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",