@useinsider/guido 3.2.0-beta.b397787 → 3.2.0-beta.d5a560f

package/dist/composables/useFullStoryBridge.js

@@ -1,17 +1,14 @@
-const o = (s, t) => {
-  const n = window[s];
-  return typeof n == "string" ? n : t;
-}, f = () => ({ injectFullStory: () => {
-  var i;
-  const t = o("_fs_org", "");
-  if (!t)
+const c = "https://email-static.useinsider.com/guido/guido-fullstory.js", u = () => ({ injectFullStory: () => {
+  var n;
+  const s = window;
+  if (typeof s._fs_org != "string" || !s._fs_org)
     return;
-  const e = document.querySelector("ui-editor"), n = (i = e == null ? void 0 : e.shadowRoot) == null ? void 0 : i.querySelector("iframe");
-  if (!(n != null && n.contentDocument))
+  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"]'))
     return;
-  const r = o("_fs_host", "fullstory.com"), g = o("_fs_script", "edge.fullstory.com/s/fs.js"), u = o("_fs_namespace", "FS"), c = n.contentDocument.createElement("script");
-  c.textContent = `window['_fs_run_in_iframe']=true;window['_fs_host']='${r}';window['_fs_script']='${g}';window['_fs_org']='${t}';window['_fs_namespace']='${u}';(function(m,n,e,t,l,o,g,y){if(e in m){if(m.console&&m.console.log){m.console.log('FullStory namespace conflict.');}return;}g=m[e]=function(a,b,s){g.q?g.q.push([a,b,s]):g._api(a,b,s);};g.q=[];o=n.createElement(t);o.async=1;o.crossOrigin='anonymous';o.src='https://'+_fs_script;y=n.getElementsByTagName(t)[0];y.parentNode.insertBefore(o,y);g.identify=function(i,v,s){g(l,{uid:i},s);if(v)g(l,v,s)};g.setUserVars=function(v,s){g(l,v,s)};g.event=function(i,v,s){g('event',{n:i,p:v},s)};g.anonymize=function(){g.identify(!!0)};g.shutdown=function(){g("rec",!1)};g.restart=function(){g("rec",!0)};g.log=function(a,b){g("log",[a,b])};g.consent=function(a){g("consent",!arguments.length||a)};g.identifyAccount=function(i,v){o='account';v=v||{};v.acctId=i;g(o,v)};g.clearUserCookie=function(){};g.setVars=function(n,p){g('setVars',[n,p])};g._w={};y='XMLHttpRequest';g._w[y]=m[y];y='fetch';g._w[y]=m[y];if(m[y])m[y]=function(){return g._api(y,arguments)};g._v="1.3.0";})(window,document,window['_fs_namespace'],'script','user');`, n.contentDocument.head.appendChild(c);
+  const t = e.createElement("script");
+  t.src = c, t.async = !0, t.crossOrigin = "anonymous", t.dataset.fullstoryBridge = "true", e.head.appendChild(t);
 } });
 export {
-  f as useFullStoryBridge
+  u as useFullStoryBridge
 };

package/dist/composables/useStripo.js

@@ -12,10 +12,10 @@ import L from "../static/styles/customEditorStyle.css.js";
 import { useEditorStore as C } from "../stores/editor.js";
 import { dynamicContentToMergeTags as $ } from "../utils/genericUtil.js";
 import z from "../package.json.js";
-const se = (E, l) => {
-  const { features: c, template: h, isFeatureEnabled: u } = P(), { handleError: m } = x(), { getToken: b, getCustomFonts: w, getSyncModulesStatus: k } = j(), { handleEvent: B } = q(), { getStripoBlocksConfig: T } = I(), V = async (i, n = [], r = !1) => {
-    var g, y, S;
-    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 = ((y = c.value) == null ? void 0 : y.modulesDisabled) ?? !1, v = ((S = h.value) == null ? void 0 : S.forceRecreate) ?? !1;
+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"),
       {
@@ -38,18 +38,19 @@ const se = (E, l) => {
         conditionCategories: O,
         enableXSSSecurity: !0,
         modulesDisabled: F,
-        syncModulesEnabled: r,
+        syncModulesEnabled: s,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
         displayHiddenPreheader: !1,
         displayTitle: !1,
         displayUTM: !1,
         selectElementAfterDrop: !0,
+        allowedScriptSourceDomains: "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com",
         ...o ? { baseBlocks: o } : {},
         editorFonts: {
           showDefaultStandardFonts: !0,
           showDefaultNotStandardFonts: !0,
-          customFonts: n
+          customFonts: r
         },
         mergeTags: [
           {
@@ -61,16 +62,16 @@ const se = (E, l) => {
         ],
         async onTokenRefreshRequest(t) {
           try {
-            const s = await b();
-            t(s);
-          } catch (s) {
-            m(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: M } = D(), { injectFullStory: A } = R();
-            t(), s(), A(), M(), l.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) {
@@ -99,29 +100,29 @@ const se = (E, l) => {
         localePatch: H
       }
     );
-  }, _ = (i) => new Promise((n, r) => {
+  }, _ = (i) => new Promise((r, s) => {
     var d;
     if (document.getElementById("UiEditorScript")) {
-      i(), n();
+      i(), r();
       return;
     }
     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(), n();
+      i(), r();
     }, o.onerror = () => {
-      r(new Error(`Failed to load Stripo UIEditor script from S3: ${a}`));
+      s(new Error(`Failed to load Stripo UIEditor script from S3: ${a}`));
     }, document.body.appendChild(o);
   });
   return { initPlugin: async (i) => {
     await _(async () => {
-      const n = C(), [r, e] = await Promise.all([
-        w(),
+      const r = C(), [s, e] = await Promise.all([
+        b(),
         k()
       ]);
-      n.syncModulesEnabled = e, await V(i, r, e);
+      r.syncModulesEnabled = e, await V(i, s, e);
     });
   } };
 };
 export {
-  se as useStripo
+  ae as useStripo
 };

package/dist/src/composables/useFullStoryBridge.d.ts

@@ -1,9 +1,10 @@
 /**
- * Bridges FullStory from the parent window into the Stripo editor iframe.
+ * Injects the hosted FullStory bridge script into the Stripo editor iframe.
  *
- * If FullStory is detected on the parent window (window._fs_org exists),
- * injects the FullStory recording snippet into the editor's iframe
- * with _fs_run_in_iframe = true so it reports to the parent session.
+ * The bridge script's origin is allowlisted via Stripo's
+ * `allowedScriptSourceDomains` in useStripo, so the iframe's CSP permits
+ * the load. The bundled script itself handles reading FS config from the
+ * parent window and booting the FullStory queue stub inside the iframe.
  */
 export declare const useFullStoryBridge: () => {
     injectFullStory: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.2.0-beta.b397787",
+  "version": "3.2.0-beta.d5a560f",
   "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",