@useinsider/guido 3.1.1-beta.86350e0 → 3.1.1-beta.8c78cda

package/dist/composables/useFullStoryBridge.js

@@ -0,0 +1,17 @@
+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)
+    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))
+    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);
+} });
+export {
+  f as useFullStoryBridge
+};

package/dist/composables/useStripo.js

@@ -1,20 +1,21 @@
 import { useActionsApi as A } from "./useActionsApi.js";
-import { useBlocksConfig as F } from "./useBlocksConfig.js";
-import { useConfig as D } from "./useConfig.js";
-import { useCustomInterfaceAppearance as I } from "./useCustomInterfaceAppearance.js";
-import { useStripoEventHandler as P } from "./useStripoEventHandler.js";
-import { useToaster as U } from "./useToaster.js";
-import { localePatch as R } from "../config/i18n/index.js";
-import { displayConditions as H } from "../enums/displayConditions.js";
-import { useStripoApi as O } from "../services/stripoApi.js";
-import q from "../static/styles/customEditorStyle.css.js";
+import { useBlocksConfig as D } from "./useBlocksConfig.js";
+import { useConfig as I } from "./useConfig.js";
+import { useCustomInterfaceAppearance as P } from "./useCustomInterfaceAppearance.js";
+import { useFullStoryBridge as U } from "./useFullStoryBridge.js";
+import { useStripoEventHandler as R } from "./useStripoEventHandler.js";
+import { useToaster as H } from "./useToaster.js";
+import { localePatch as O } from "../config/i18n/index.js";
+import { displayConditions as j } from "../enums/displayConditions.js";
+import { useStripoApi as q } from "../services/stripoApi.js";
+import x from "../static/styles/customEditorStyle.css.js";
 import { useEditorStore as S } from "../stores/editor.js";
-import { dynamicContentToMergeTags as x } from "../utils/genericUtil.js";
-import L from "../package.json.js";
-const oe = (C, c) => {
-  const { features: l, template: E } = D(), { handleError: u } = U(), { getToken: h, getCustomFonts: w, getSyncModulesStatus: b } = O(), { handleEvent: k } = P(), { getStripoBlocksConfig: T } = F(), V = async (i, n = [], r = !1) => {
+import { dynamicContentToMergeTags as L } from "../utils/genericUtil.js";
+import $ from "../package.json.js";
+const ne = (C, c) => {
+  const { features: l, template: E } = I(), { handleError: u } = H(), { getToken: h, getCustomFonts: w, getSyncModulesStatus: b } = q(), { handleEvent: k } = R(), { getStripoBlocksConfig: B } = D(), T = async (i, r = [], n = !1) => {
     var f, g, y;
-    const e = S(), { html: m, css: a } = i, { baseBlocks: o, extensions: d } = await T(), p = ((f = l.value) == null ? void 0 : f.displayConditions) ?? !0, B = ((g = l.value) == null ? void 0 : g.modulesDisabled) ?? !1, v = ((y = E.value) == null ? void 0 : y.forceRecreate) ?? !1;
+    const e = S(), { html: m, css: a } = i, { baseBlocks: o, extensions: d } = await B(), p = ((f = l.value) == null ? void 0 : f.displayConditions) ?? !0, _ = ((g = l.value) == null ? void 0 : g.modulesDisabled) ?? !1, v = ((y = E.value) == null ? void 0 : y.forceRecreate) ?? !1;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
@@ -31,13 +32,13 @@ const oe = (C, c) => {
         customAppearanceMergetags: !0,
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: q,
+        customViewStyles: x,
         conditionsEnabled: p,
         customConditionsEnabled: p,
-        conditionCategories: H,
+        conditionCategories: j,
         enableXSSSecurity: !0,
-        modulesDisabled: B,
-        syncModulesEnabled: r,
+        modulesDisabled: _,
+        syncModulesEnabled: n,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
         displayHiddenPreheader: !1,
@@ -48,11 +49,11 @@ const oe = (C, c) => {
         editorFonts: {
           showDefaultStandardFonts: !0,
           showDefaultNotStandardFonts: !0,
-          customFonts: n
+          customFonts: r
         },
         mergeTags: [
           {
-            entries: x(c.preselectedDynamicContentList)
+            entries: L(c.preselectedDynamicContentList)
           }
         ],
         async onTokenRefreshRequest(t) {
@@ -65,8 +66,8 @@ const oe = (C, c) => {
         },
         onTemplateLoaded() {
           try {
-            const { importCss: t } = I(), { activateCustomViewStyles: s, updateTimerInClonedTemplate: M } = A();
-            t(), s(), M(), c.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
+            const { importCss: t } = P(), { activateCustomViewStyles: s, updateTimerInClonedTemplate: F } = A(), { injectFullStory: M } = U();
+            t(), s(), M(), F(), c.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
               e.hasChanges = !1;
             }, 1e3);
           } catch (t) {
@@ -92,32 +93,32 @@ const oe = (C, c) => {
           ".in-drawer__container"
         ],
         extensions: d,
-        localePatch: R
+        localePatch: O
       }
     );
-  }, _ = (i) => new Promise((n, r) => {
+  }, V = (i) => new Promise((r, n) => {
     var d;
     if (document.getElementById("UiEditorScript")) {
-      i(), n();
+      i(), r();
       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");
+    const e = $.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}`));
+      n(new Error(`Failed to load Stripo UIEditor script from S3: ${a}`));
     }, document.body.appendChild(o);
   });
   return { initPlugin: async (i) => {
-    await _(async () => {
-      const n = S(), [r, e] = await Promise.all([
+    await V(async () => {
+      const r = S(), [n, e] = await Promise.all([
         w(),
         b()
       ]);
-      n.syncModulesEnabled = e, await V(i, r, e);
+      r.syncModulesEnabled = e, await T(i, n, e);
     });
   } };
 };
 export {
-  oe as useStripo
+  ne as useStripo
 };

package/dist/extensions/Blocks/Recommendation/block.js

@@ -169,7 +169,7 @@ class q extends b {
       if (e && e.includes(a))
         return t;
     }
-    return "querySelector" in t ? t.querySelector(`.${a}`) : null;
+    return "querySelector" in t ? t.querySelector(`.${a}`) ?? null : null;
   }
   /**
    * Migrate configuration from legacy format

package/dist/extensions/Blocks/Recommendation/constants/selectors.js

@@ -1,26 +1,42 @@
-const T = ".recommendation-block-v2", c = ".ins-recommendation-product-container", o = ".ins-recommendation-desktop-container", t = ".ins-recommendation-mobile-container", n = ".ins-recommendation-mobile-row", R = {
+const T = ".recommendation-block-v2", c = ".ins-recommendation-product-container", o = ".ins-recommendation-desktop-container", n = ".ins-recommendation-mobile-container", t = ".ins-recommendation-mobile-row", r = {
   CURRENCY: "currency",
   SYMBOL: "currency-symbol",
   ALIGNMENT: "currency-alignment",
   THOUSAND_SEPARATOR: "currency-thousand-separator",
   DECIMAL_SEPARATOR: "currency-decimal-separator",
   DECIMAL_COUNT: "currency-decimal-count"
-}, r = "productImage", O = "productName", _ = "productPrice", e = "productOldPrice", s = "productOmnibusPrice", C = "productOmnibusDiscount", E = "productButton", A = "customAttr:", i = "data-custom-attributes", u = "product-attr";
+}, R = "productImage", _ = "productName", e = "productPrice", O = "productOldPrice", s = "productOmnibusPrice", i = "productOmnibusDiscount", E = "productButton", A = "customAttr:", C = "data-custom-attributes", u = "product-attr", m = /* @__PURE__ */ new Set([
+  "name",
+  // productName
+  "price",
+  // productPrice
+  "original_price",
+  // productOldPrice
+  "image_url",
+  // productImage
+  "url",
+  // productButton
+  "omnibus_price",
+  // productOmnibusPrice
+  "omnibus_discount"
+  // productOmnibusDiscount
+]);
 export {
   A as ATTR_CUSTOM_PREFIX,
-  i as ATTR_DATA_CUSTOM_ATTRIBUTES,
+  C as ATTR_DATA_CUSTOM_ATTRIBUTES,
   u as ATTR_PRODUCT_ATTR,
   E as ATTR_PRODUCT_BUTTON,
-  r as ATTR_PRODUCT_IMAGE,
-  O as ATTR_PRODUCT_NAME,
-  e as ATTR_PRODUCT_OLD_PRICE,
-  C as ATTR_PRODUCT_OMNIBUS_DISCOUNT,
+  R as ATTR_PRODUCT_IMAGE,
+  _ as ATTR_PRODUCT_NAME,
+  O as ATTR_PRODUCT_OLD_PRICE,
+  i as ATTR_PRODUCT_OMNIBUS_DISCOUNT,
   s as ATTR_PRODUCT_OMNIBUS_PRICE,
-  _ as ATTR_PRODUCT_PRICE,
+  e as ATTR_PRODUCT_PRICE,
   T as BLOCK_ROOT_SELECTOR,
+  m as BUILT_IN_DEFAULT_ATTRIBUTES,
   c as CONTAINER_SELECTOR,
-  R as CURRENCY_ATTR,
+  r as CURRENCY_ATTR,
   o as DESKTOP_CONTAINER_SELECTOR,
-  t as MOBILE_CONTAINER_SELECTOR,
-  n as MOBILE_ROW_SELECTOR
+  n as MOBILE_CONTAINER_SELECTOR,
+  t as MOBILE_ROW_SELECTOR
 };