@useinsider/guido 3.17.0-beta.db80c84 → 3.17.0-beta.dc7f4d2

package/dist/composables/useStripo.js

@@ -17,13 +17,13 @@ import { buildMergeTagEntries as W, flattenDynamicContentList as Y } from "../ut
 import Z from "../package.json.js";
 let n = null;
 const Ce = () => {
-  const { features: c, template: u, isFeatureEnabled: m } = q(), { handleError: p, showToaster: k } = G(), { getToken: B, getCustomFonts: M, getSyncModulesStatus: T } = K(), { handleEvent: v } = z(), { handleModuleAdd: F } = j(), { getStripoBlocksConfig: A } = O(), { getStripoNotifications: V } = $(), f = () => n || (n = new Promise((i, s) => {
-    var d;
+  const { features: c, template: u, isFeatureEnabled: m } = q(), { handleError: p, showToaster: k } = G(), { getToken: M, getCustomFonts: T, getSyncModulesStatus: v } = K(), { handleEvent: B } = z(), { handleModuleAdd: F } = j(), { getStripoBlocksConfig: A } = O(), { getStripoNotifications: V } = $(), f = () => n || (n = new Promise((i, s) => {
+    var l;
     if (document.getElementById("UiEditorScript")) {
       i();
       return;
     }
-    const o = Z.guido, r = `https://email-static.useinsider.com/guido/${(d = o == null ? void 0 : o.stripo) == null ? void 0 : d.version}/UIEditor.js`, e = document.createElement("script");
+    const o = Z.guido, r = `https://email-static.useinsider.com/guido/${(l = o == null ? void 0 : o.stripo) == null ? void 0 : l.version}/UIEditor.js`, e = document.createElement("script");
     e.id = "UiEditorScript", e.type = "module", e.src = r, e.onload = () => i(), e.onerror = () => {
       e.remove(), s(new Error(`Failed to load Stripo UIEditor script from S3: ${r}`));
     }, document.body.appendChild(e);
@@ -31,12 +31,12 @@ const Ce = () => {
     n = null;
   }), n), _ = async (i, s, o, a = [], r = !1) => {
     var y, E, h, C;
-    const e = b(), { html: d, css: D } = i, { baseBlocks: g, extensions: R } = await A(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, P = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, U = !!d || (((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1);
+    const e = b(), { html: l, css: D } = i, { baseBlocks: g, extensions: R } = await A(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, P = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, U = ((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1;
     await window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
         metadata: s,
-        html: d,
+        html: l,
         css: D,
         forceRecreate: U,
         locale: "en",
@@ -80,16 +80,16 @@ const Ce = () => {
         ],
         async onTokenRefreshRequest(t) {
           try {
-            const l = await B();
-            t(l);
-          } catch (l) {
-            p(l, "Failed to refresh token");
+            const d = await M();
+            t(d);
+          } catch (d) {
+            p(d, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: t } = H(), { activateCustomViewStyles: l, updateTimerInClonedTemplate: I } = L(), { injectFullStory: x } = N();
-            t(), l(), x(), I(), o.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
+            const { importCss: t } = H(), { activateCustomViewStyles: d, updateTimerInClonedTemplate: I } = L(), { injectFullStory: x } = N();
+            t(), d(), x(), I(), o.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
               e.hasChanges = !1;
             }, 1e3);
           } catch (t) {
@@ -108,7 +108,7 @@ const Ce = () => {
         onDataChanged() {
           e.hasChanges = !0;
         },
-        onEvent: v,
+        onEvent: B,
         onModuleAdd: F,
         notifications: V(),
         ignoreClickOutsideSelectors: [
@@ -126,8 +126,8 @@ const Ce = () => {
     try {
       await f();
       const [r, e] = await Promise.all([
-        M(),
-        T()
+        T(),
+        v()
       ]);
       a.syncModulesEnabled = e, await _(i, s, o, r, e);
     } catch {

package/dist/composables/validators/useCouponBlockValidator.js

@@ -1,24 +1,27 @@
-import { ToasterTypeOptions as c } from "../../enums/toaster.js";
-import { COUPON_PLACEHOLDER_DEFAULT as i, COUPON_PLACEHOLDER_LIQUID as l } from "../../extensions/Blocks/CouponBlock/template.js";
-import { useToaster as m } from "../useToaster.js";
-import { useTranslations as p } from "../useTranslations.js";
-const u = /* @__PURE__ */ new Set([
-  i,
-  l
-]), A = () => {
-  const { showToaster: t } = m(), r = p();
-  return { validateCouponBlockTags: (e) => {
-    const n = new DOMParser().parseFromString(e, "text/html");
-    return Array.from(n.querySelectorAll(".coupon-block")).find((s) => {
-      var o;
-      const a = ((o = s.textContent) == null ? void 0 : o.trim()) ?? "";
-      return !u.has(a);
-    }) ? (t({
-      type: c.Warning,
-      message: r("newsletter.coupon-tag-modified")
-    }), !1) : !0;
-  } };
+import { ToasterTypeOptions as n } from "../../enums/toaster.js";
+import { COUPON_PLACEHOLDER_DEFAULT as s, COUPON_PLACEHOLDER_LIQUID as a } from "../../extensions/Blocks/CouponBlock/template.js";
+import { useToaster as i } from "../useToaster.js";
+import { useTranslations as l } from "../useTranslations.js";
+const c = /* @__PURE__ */ new Set([
+  s,
+  a
+]), p = "newsletter.coupon-tag-modified";
+function u(r) {
+  const e = new DOMParser().parseFromString(r, "text/html");
+  return Array.from(e.querySelectorAll(".coupon-block")).map((o) => {
+    var t;
+    return ((t = o.textContent) == null ? void 0 : t.trim()) ?? "";
+  }).filter((o) => !c.has(o));
+}
+const T = () => {
+  const { showToaster: r } = i(), e = l();
+  return { validateCouponBlockTags: (t) => u(t).length > 0 ? (r({
+    type: n.Warning,
+    message: e(p)
+  }), !1) : !0 };
 };
 export {
-  A as useCouponBlockValidator
+  p as COUPON_TAG_MODIFIED_KEY,
+  u as findInvalidCouponBlocks,
+  T as useCouponBlockValidator
 };

package/dist/composables/validators/useUnsubscribeBlockValidator.js

@@ -1,8 +1,8 @@
-import { ToasterTypeOptions as i } from "../../enums/toaster.js";
+import { ToasterTypeOptions as c } from "../../enums/toaster.js";
 import { PAGE_TYPES as u } from "../../enums/unsubscribe.js";
-import { UNSUBSCRIBE_BLOCK_SELECTOR as l, DATA_ATTRIBUTES as a } from "../../extensions/Blocks/Unsubscribe/utils/constants.js";
-import { useToaster as E } from "../useToaster.js";
-import { useTranslations as m } from "../useTranslations.js";
+import { UNSUBSCRIBE_BLOCK_SELECTOR as i, DATA_ATTRIBUTES as a } from "../../extensions/Blocks/Unsubscribe/utils/constants.js";
+import { useToaster as p } from "../useToaster.js";
+import { useTranslations as l } from "../useTranslations.js";
 const T = [
   {
     pageType: u.GLOBAL_UNSUBSCRIBE,
@@ -12,30 +12,37 @@ const T = [
     pageType: u.SUBSCRIPTION_PREFERENCE_CENTER,
     messageKey: "unsubscription-preference.duplicate-pref-center"
   }
-], g = "unsubscription-preference.duplicate-both", b = "unsubscription-preference.select-page-to-continue", P = () => {
-  const { showToaster: c } = E(), p = m();
-  return { validateUnsubscribeBlockUniqueness: (n) => {
-    const o = new DOMParser().parseFromString(n, "text/html"), r = /* @__PURE__ */ new Map();
-    o.querySelectorAll(l).forEach((e) => {
-      const s = Number(e.getAttribute(a.PAGE_TYPE));
-      r.set(s, (r.get(s) ?? 0) + 1);
-    });
-    const t = T.filter((e) => (r.get(e.pageType) ?? 0) > 1).map((e) => e.messageKey);
-    return t.length ? (c({
-      type: i.Error,
-      message: p(t.length > 1 ? g : t[0])
+], g = "unsubscription-preference.duplicate-both", E = "unsubscription-preference.select-page-to-continue";
+function m(r) {
+  const s = new DOMParser().parseFromString(r, "text/html"), t = /* @__PURE__ */ new Map();
+  return s.querySelectorAll(i).forEach((n) => {
+    const e = Number(n.getAttribute(a.PAGE_TYPE));
+    t.set(e, (t.get(e) ?? 0) + 1);
+  }), T.filter((n) => (t.get(n.pageType) ?? 0) > 1);
+}
+function b(r) {
+  const s = new DOMParser().parseFromString(r, "text/html");
+  return Array.from(s.querySelectorAll(i)).filter((t) => {
+    const n = t.getAttribute(a.PAGE_TYPE), e = t.getAttribute(a.PAGE_LIST);
+    return !n || !e;
+  }).length;
+}
+const y = () => {
+  const { showToaster: r } = p(), s = l();
+  return { validateUnsubscribeBlockUniqueness: (e) => {
+    const o = m(e);
+    return o.length ? (r({
+      type: c.Error,
+      message: s(o.length > 1 ? g : o[0].messageKey)
     }), !1) : !0;
-  }, validateUnsubscribeBlockHasTemplate: (n) => {
-    const o = new DOMParser().parseFromString(n, "text/html");
-    return Array.from(o.querySelectorAll(l)).some((t) => {
-      const e = t.getAttribute(a.PAGE_TYPE), s = t.getAttribute(a.PAGE_LIST);
-      return !e || !s;
-    }) ? (c({
-      type: i.Warning,
-      message: p(b)
-    }), !1) : !0;
-  } };
+  }, validateUnsubscribeBlockHasTemplate: (e) => b(e) === 0 ? !0 : (r({
+    type: c.Warning,
+    message: s(E)
+  }), !1) };
 };
 export {
-  P as useUnsubscribeBlockValidator
+  E as EMPTY_BLOCK_KEY,
+  b as countUnsubBlocksWithoutPage,
+  m as findDuplicateUnsubPageTypes,
+  y as useUnsubscribeBlockValidator
 };

package/dist/config/migrator/index.js

@@ -2,15 +2,14 @@ import { migrateCheckbox as t } from "./checkboxMigrator.js";
 import { migrateCouponBlock as i } from "./couponBlockMigrator.js";
 import { migrateItemsBlock as e } from "./itemsBlockMigrator.js";
 import { migrateProductNameLink as a } from "./productNameLinkMigrator.js";
-import { migrateRadioButton as n } from "./radioButtonMigrator.js";
-import { migrateRecommendation as c } from "./recommendationMigrator.js";
-import { migrateRecommendationTitle as g } from "./recommendationTitleMigrator.js";
-import { migrateSocialIcons as p } from "./socialIconMigrator.js";
-import { migrateUnsubscribe as f } from "./unsubscribeMigrator.js";
-const C = async (o, r = {}) => {
-  let m = o;
-  return m = t(m), m = n(m), m = await f(m), m = i(m), m = c(m, r), m = g(m), m = e(m), m = a(m), m = p(m), m;
+import { migrateRadioButton as c } from "./radioButtonMigrator.js";
+import { migrateRecommendation as g } from "./recommendationMigrator.js";
+import { migrateSocialIcons as n } from "./socialIconMigrator.js";
+import { migrateUnsubscribe as p } from "./unsubscribeMigrator.js";
+const x = async (r, o = {}) => {
+  let m = r;
+  return m = t(m), m = c(m), m = await p(m), m = i(m), m = g(m, o), m = e(m), m = a(m), m = n(m), m;
 };
 export {
-  C as migrate
+  x as migrate
 };

package/dist/config/migrator/recommendation/compositionMapper.js

@@ -1,34 +1,34 @@
 import { DEFAULT_COMPOSITION as p, DEFAULT_VISIBILITY as I } from "../../../extensions/Blocks/Recommendation/constants/defaultConfig.js";
-import { ATTR_RECOMMENDATION_TITLE as l, ATTR_CUSTOM_PREFIX as k, ATTR_PRODUCT_BUTTON as A, ATTR_PRODUCT_OMNIBUS_DISCOUNT as R, ATTR_PRODUCT_OMNIBUS_PRICE as x, ATTR_PRODUCT_OLD_PRICE as f, ATTR_PRODUCT_PRICE as h, ATTR_PRODUCT_NAME as E, ATTR_PRODUCT_IMAGE as O } from "../../../extensions/Blocks/Recommendation/constants/selectors.js";
-import { mapTextTheme as b, mapButtonTheme as y, mapImageTheme as N } from "./themeMapper.js";
-const C = "__title__", T = "product_attribute.";
-function P(r) {
+import { ATTR_CUSTOM_PREFIX as l, ATTR_PRODUCT_BUTTON as k, ATTR_PRODUCT_OMNIBUS_DISCOUNT as A, ATTR_PRODUCT_OMNIBUS_PRICE as x, ATTR_PRODUCT_OLD_PRICE as f, ATTR_PRODUCT_PRICE as R, ATTR_PRODUCT_NAME as h, ATTR_PRODUCT_IMAGE as y } from "../../../extensions/Blocks/Recommendation/constants/selectors.js";
+import { mapTextTheme as E, mapButtonTheme as O, mapImageTheme as b } from "./themeMapper.js";
+const C = "__title__", a = "product_attribute.";
+function N(r) {
   const t = r.variable ?? "";
   switch (t) {
     case "p_recommendation_title":
       return { key: C, kind: "title" };
     case "p_image":
-      return { key: O, kind: "image" };
+      return { key: y, kind: "image" };
     case "p_name":
-      return { key: E, kind: "text" };
-    case "p_price":
       return { key: h, kind: "text" };
+    case "p_price":
+      return { key: R, kind: "text" };
     case "p_original_price":
       return { key: f, kind: "text" };
     case "p_omnibus_price":
       return { key: x, kind: "text" };
     case "p_omnibus_discount":
-      return { key: R, kind: "text" };
+      return { key: A, kind: "text" };
     case "p_button":
-      return { key: A, kind: "button" };
+      return { key: k, kind: "button" };
     default:
       if (r.variableType === "p_attribute" || t.startsWith("p_attribute_")) {
-        const o = r.value ?? "", s = o.startsWith(T) ? o.slice(T.length) : o;
+        const o = r.value ?? "", s = o.startsWith(a) ? o.slice(a.length) : o;
         if (!s)
           return null;
-        const e = o || `${T}${s}`;
+        const e = o || `${a}${s}`;
         return {
-          key: `${k}${e}`,
+          key: `${l}${e}`,
           kind: "custom",
           customAttrName: s,
           customAttrValue: e
@@ -41,7 +41,7 @@ function _(r) {
   const t = p.indexOf(r);
   return t === -1 ? Number.POSITIVE_INFINITY : t;
 }
-function V(r) {
+function S(r) {
   const t = {
     composition: [],
     visibility: { ...I },
@@ -54,10 +54,10 @@ function V(r) {
     return t.composition = [...p], t;
   const o = [];
   r.forEach((e, i) => {
-    const n = P(e);
+    const n = N(e);
     if (n) {
       if (n.kind === "title") {
-        t.titleVariable = e, t.visibility[l] = e.hidden !== !0;
+        t.titleVariable = e;
         return;
       }
       o.push({
@@ -82,20 +82,20 @@ function V(r) {
     const { key: i, kind: n, hidden: u, legacy: c, customAttrName: d, customAttrValue: m } = e;
     switch (t.composition.push(i), t.visibility[i] = !u, n === "custom" && d && m && (t.customAttributes.includes(m) || t.customAttributes.push(m), t.customAttrValues[i] = m), n) {
       case "image":
-        s[i] = N(c.theme);
+        s[i] = b(c.theme);
         break;
       case "button":
-        s[i] = y(c.theme);
+        s[i] = O(c.theme);
         break;
       case "text":
       case "custom": {
-        const a = b(c.theme);
-        s[i] = a, a.textTrimming && (t.anyTextTrimming = !0);
+        const T = E(c.theme);
+        s[i] = T, T.textTrimming && (t.anyTextTrimming = !0);
         break;
       }
     }
   }), t.perElementStyles = s, t;
 }
 export {
-  V as mapComposition
+  S as mapComposition
 };

package/dist/config/migrator/recommendation/extractors.js

@@ -1,54 +1,49 @@
 import { CURRENCY_ATTR as n, CSS_CLASS_SKIP_COMPILE as c } from "../../../extensions/Blocks/Recommendation/constants/selectors.js";
 const a = "You May Also Like!";
-function A(t) {
-  var i;
-  const e = t.querySelector(".ext-recommendation-title");
-  if (!e)
+function l(t) {
+  var o;
+  const r = t.querySelector(".ext-recommendation-title");
+  if (!r)
     return a;
-  const r = (i = e.textContent) == null ? void 0 : i.trim();
-  return r && r.length > 0 ? r : a;
+  const e = (o = r.textContent) == null ? void 0 : o.trim();
+  return e && e.length > 0 ? e : a;
 }
 function m(t) {
-  const e = t.querySelector(".ext-recommendation-title");
-  return e ? !/display\s*:\s*none/i.test(e.getAttribute("style") ?? "") : !1;
-}
-function d(t) {
-  const e = [
+  const r = [
     t,
     ...Array.from(t.querySelectorAll(".product-card, .ext-recommendation-card"))
   ];
-  let r = "";
-  return e.some((i) => {
-    const o = i.getAttribute("bgcolor");
-    if (o && o.trim())
-      return r = o.trim(), !0;
-    const u = (i.getAttribute("style") ?? "").match(/background-color\s*:\s*([^;]+)/i);
-    return u && u[1] ? (r = u[1].trim(), !0) : !1;
-  }), r;
+  let e = "";
+  return r.some((o) => {
+    const i = o.getAttribute("bgcolor");
+    if (i && i.trim())
+      return e = i.trim(), !0;
+    const u = (o.getAttribute("style") ?? "").match(/background-color\s*:\s*([^;]+)/i);
+    return u && u[1] ? (e = u[1].trim(), !0) : !1;
+  }), e;
 }
 function C(t) {
-  const e = t.getAttribute(n.CURRENCY);
-  if (!e)
+  const r = t.getAttribute(n.CURRENCY);
+  if (!r)
     return;
-  const r = t.getAttribute(n.SYMBOL);
+  const e = t.getAttribute(n.SYMBOL);
   return {
-    value: e,
+    value: r,
     // An empty `currency-symbol` is omitted so `mapCurrency` falls back to
     // the currency code as the symbol.
-    ...r ? { symbol: r } : {},
+    ...e ? { symbol: e } : {},
     alignment: t.getAttribute(n.ALIGNMENT) ?? "",
     decimalCount: t.getAttribute(n.DECIMAL_COUNT) ?? "",
     decimalSeparator: t.getAttribute(n.DECIMAL_SEPARATOR) ?? "",
     thousandSeparator: t.getAttribute(n.THOUSAND_SEPARATOR) ?? ""
   };
 }
-function g(t) {
+function d(t) {
   return t.classList.contains(c);
 }
 export {
-  d as extractCardBgColor,
+  m as extractCardBgColor,
   C as extractCurrencyFromBlock,
-  A as extractTitleText,
-  m as hasVisibleTitle,
-  g as isPartnerManagedBlock
+  l as extractTitleText,
+  d as isPartnerManagedBlock
 };