@useinsider/guido 3.18.2-beta.963f84e → 3.18.2-beta.9be830c

package/dist/composables/useHtmlValidator.js

@@ -1,7 +1,7 @@
 import { useConfig as V } from "./useConfig.js";
 import { getIgnoredRecommendationBlockIds as M } from "../config/compiler/utils/recommendationIgnoreUtils.js";
 import { TemplateTypes as W } from "../enums/defaults.js";
-import { DISPLAY_CONDITIONS_REGEX as G, DISPLAY_CONDITIONS_EXCEPTIONS_REGEX as H, CampaignCouldNotBeSavedKey as K, CanNotMakeAnyChangesForRunningKey as P, DATA_ATTRIBUTE_REGEX as X, DYNAMIC_CONTENT_TAG_REGEX as Y, ALLOWED_DYNAMIC_SYSTEM_TOKENS as $, VALID_DYNAMIC_VARIABLE_REGEX as U } from "../enums/html-validator.js";
+import { DISPLAY_CONDITIONS_REGEX as G, DISPLAY_CONDITIONS_EXCEPTIONS_REGEX as H, CampaignCouldNotBeSavedKey as P, CanNotMakeAnyChangesForRunningKey as X, DATA_ATTRIBUTE_REGEX as $, DYNAMIC_CONTENT_TAG_REGEX as K, ALLOWED_DYNAMIC_SYSTEM_TOKENS as Y, VALID_DYNAMIC_VARIABLE_REGEX as U } from "../enums/html-validator.js";
 import { ToasterTypeOptions as c } from "../enums/toaster.js";
 import { BLOCK_ROOT_SELECTOR as j } from "../extensions/Blocks/Checkbox/constants/selectors.js";
 import { itemsBlockDynamicVariables as q } from "../extensions/Blocks/Items/enums/productEnums.js";
@@ -9,58 +9,58 @@ import { BLOCK_ROOT_SELECTOR as z } from "../extensions/Blocks/RadioButton/const
 import { RECOMMENDATION_VARIABLE_BUILTIN_ATTRIBUTES as Z } from "../extensions/Blocks/Recommendation/constants/selectors.js";
 import { useRecommendationExtensionStore as J } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import { filterToProductAttrValue as Q } from "../extensions/Blocks/Recommendation/utils/compositionKeys.js";
-import { STRATEGY_FIELD_KEY as ee, RecommendationAssignStrategyKey as te, RecommendationRequiredFieldsKey as ne } from "../extensions/Blocks/Recommendation/validation/requiredFields.js";
-import { useRecommendationStore as se } from "../stores/recommendation.js";
-import { base64EncodeWithSpecialChars as re } from "../utils/base64.js";
-import { computed as oe } from "vue";
-import { useHttp as ie } from "./useHttp.js";
-import { useToaster as ae } from "./useToaster.js";
-import { useTranslations as ce } from "./useTranslations.js";
-const le = /recommendation-id="(\d+)"/g;
-function me(s) {
-  return [...s.matchAll(le)].map((m) => m[1]);
+import { RecommendationRequiredFieldsKey as ee } from "../extensions/Blocks/Recommendation/validation/requiredFields.js";
+import { useRecommendationStore as te } from "../stores/recommendation.js";
+import { base64EncodeWithSpecialChars as ne } from "../utils/base64.js";
+import { computed as se } from "vue";
+import { useHttp as re } from "./useHttp.js";
+import { useToaster as oe } from "./useToaster.js";
+import { useTranslations as ie } from "./useTranslations.js";
+const ae = /recommendation-id="(\d+)"/g;
+function ce(s) {
+  return [...s.matchAll(ae)].map((l) => l[1]);
 }
-function ue(s, m) {
-  return m.some((f) => s.startsWith(`${f}_`));
+function me(s, l) {
+  return l.some((f) => s.startsWith(`${f}_`));
 }
-const de = /^(\d+)_\d+_(.+)$/;
-function fe(s) {
-  const m = s.match(de);
-  return m ? { recoId: m[1], attribute: m[2] } : null;
+const le = /^(\d+)_\d+_(.+)$/;
+function ue(s) {
+  const l = s.match(le);
+  return l ? { recoId: l[1], attribute: l[2] } : null;
 }
-function ge(s) {
-  const m = new Set(Z);
+function de(s) {
+  const l = new Set(Z);
   return Object.values(s).forEach((f) => {
-    m.add(Q(f).toLowerCase());
-  }), m;
+    l.add(Q(f).toLowerCase());
+  }), l;
 }
-function pe(s, m, f, o, d) {
+function fe(s, l, f, o, d) {
   const u = s.match(/{{([a-zA-Z0-9_.\s]*)}}/gm);
   if (!u)
     return [];
-  const p = new Set(m.map((y) => y.toLowerCase())), E = [];
-  return u.forEach((y) => {
-    const g = y.slice(2, -2).trim().toLowerCase();
-    if (g !== "" && p.has(g))
+  const g = new Set(l.map((C) => C.toLowerCase())), E = [];
+  return u.forEach((C) => {
+    const p = C.slice(2, -2).trim().toLowerCase();
+    if (p !== "" && g.has(p))
       return;
-    const C = fe(g);
-    if (C && o.has(C.recoId)) {
-      if (!d || d.has(C.attribute))
+    const h = ue(p);
+    if (h && o.has(h.recoId)) {
+      if (!d || d.has(h.attribute))
         return;
-      E.push(g);
+      E.push(p);
       return;
     }
-    ue(g, f) || g.includes(".") || E.push(g);
+    me(p, f) || p.includes(".") || E.push(p);
   }), E;
 }
-function Ee(s) {
-  return (s.replace(X, "$1").match(Y) ?? []).filter((o) => {
-    const d = o.slice(2, -2), u = d.indexOf("|"), p = (u === -1 ? d : d.slice(0, u)).trim();
-    return $.includes(p) ? !1 : U.test(p) ? u !== -1 && d.slice(u + 1).trim() === "" : !0;
+function pe(s) {
+  return (s.replace($, "$1").match(K) ?? []).filter((o) => {
+    const d = o.slice(2, -2), u = d.indexOf("|"), g = (u === -1 ? d : d.slice(0, u)).trim();
+    return Y.includes(g) ? !1 : U.test(g) ? u !== -1 && d.slice(u + 1).trim() === "" : !0;
   });
 }
-const ke = () => {
-  const { showToaster: s } = ae(), { post: m } = ie(), { config: f } = V(), o = ce(), d = se(), u = J(), p = oe(
+const De = () => {
+  const { showToaster: s } = oe(), { post: l } = re(), { config: f } = V(), o = ie(), d = te(), u = J(), g = se(
     () => {
       var e, t;
       return ((t = (e = f.value) == null ? void 0 : e.partner) == null ? void 0 : t.messageType) === W.transactional;
@@ -73,39 +73,39 @@ const ke = () => {
     } catch {
       return null;
     }
-    return ge(u.filterList);
-  }, y = async (e) => {
-    const n = await m(
+    return de(u.filterList);
+  }, C = async (e) => {
+    const n = await l(
       "/newsletter/template-library/check-template-html-body",
-      { html: re(e) }
+      { html: ne(e) }
     ), { status: r, message: a } = n.data;
     return r || s({
       type: c.Error,
       message: r === void 0 ? a : o("newsletter.invalid-url-link-for-toaster")
-    }), o(K), a === o(P) && s({
+    }), o(P), a === o(X) && s({
       type: c.Error,
       message: o("newsletter.already-in-progress")
     }), r;
-  }, g = (e) => !["if", "endif", "else", "elif", "now"].includes(e.toLowerCase()), C = (e) => ["if", "endif"].includes(e.toLowerCase()), I = (e, t) => {
+  }, p = (e) => !["if", "endif", "else", "elif", "now"].includes(e.toLowerCase()), h = (e) => ["if", "endif"].includes(e.toLowerCase()), T = (e, t) => {
     const n = e.match(/({%(.*?)%})/g);
     let r = !0;
-    return n !== null && !p.value && n.forEach((a) => {
+    return n !== null && !g.value && n.forEach((a) => {
       const i = a.slice(2, -2).trim().match(/(".*?"|[^"\s]+)(?=\s*|\s*$)/g);
       if (i && i.length > 0) {
-        const [l] = i;
-        g(l) && !t.includes(l) && (s({
+        const [m] = i;
+        p(m) && !t.includes(m) && (s({
           type: c.Warning,
           message: o("custom-fields.invalid-custom-fields")
         }), r = !1);
       }
     }), r;
   }, R = async (e, t, n) => {
-    const r = n ? await y(e) : !0;
-    return I(e, t) && r;
-  }, A = (e) => e.length > 0 ? !0 : (s({
+    const r = n ? await C(e) : !0;
+    return T(e, t) && r;
+  }, b = (e) => e.length > 0 ? !0 : (s({
     type: c.Warning,
     message: o("newsletter.html-content-is-empty")
-  }), !1), _ = (e) => {
+  }), !1), A = (e) => {
     const t = (e.match(/{/gm) || []).length, n = (e.match(/}/gm) || []).length;
     return t > n && s({
       type: c.Warning,
@@ -114,26 +114,26 @@ const ke = () => {
       type: c.Warning,
       message: o("custom-fields.missing-opening-braces")
     }), t === n;
-  }, b = (e) => {
-    const t = Ee(e).length === 0;
+  }, _ = (e) => {
+    const t = pe(e).length === 0;
     return t || s({
       type: c.Warning,
       message: o("custom-fields.invalid-custom-fields")
     }), t;
   }, O = (e, t, n, r) => {
-    if (p.value)
+    if (g.value)
       return !0;
-    const a = pe(
+    const a = fe(
       e,
       t,
-      me(e),
+      ce(e),
       n,
       r
     );
     if (a.length > 0) {
       const i = `
                 <ul>
-                    ${a.map((l) => `<li>${l}</li>`).join("")}
+                    ${a.map((m) => `<li>${m}</li>`).join("")}
                 </ul>
             `;
       return s({
@@ -146,22 +146,22 @@ const ke = () => {
     const t = e.match(/{%(.*?)%}/g), n = [];
     let r = !0;
     if (t && t.forEach((a) => {
-      const i = a.match(G), l = a.match(H), v = (i == null ? void 0 : i.join("")) || "";
-      (!i || a !== v) && !l && (s({
+      const i = a.match(G), m = a.match(H), v = (i == null ? void 0 : i.join("")) || "";
+      (!i || a !== v) && !m && (s({
         type: c.Error,
         message: o("newsletter.display-conditions-invalid-syntax")
-      }), r = !1), i && i.forEach((h) => {
-        h.trim() === "=" && (s({
+      }), r = !1), i && i.forEach((y) => {
+        y.trim() === "=" && (s({
           type: c.Error,
           message: o("custom-conditions.wrong-equality-operators")
         }), r = !1);
-        const S = h.match(/^[a-zA-Z]*$/g);
-        S && S.forEach((T) => {
-          C(T) && n.push(T);
+        const I = y.match(/^[a-zA-Z]*$/g);
+        I && I.forEach((S) => {
+          h(S) && n.push(S);
         });
       });
     }), n.length) {
-      const a = n.filter((l) => l === "if"), i = n.filter((l) => l === "endif");
+      const a = n.filter((m) => m === "if"), i = n.filter((m) => m === "endif");
       a.length !== i.length && (s({
         type: c.Error,
         message: o("custom-conditions.missing-if-endif-tag")
@@ -177,28 +177,23 @@ const ke = () => {
   }, N = (e) => (e.match(/({%(.*?)%})/g) || []).filter((n) => n.includes("if")).map((n) => (n.match(/{{.*}}/gm) || []).length).reduce((n, r) => n + r, 0) > 0 ? (s({
     type: c.Warning,
     message: o("custom-conditions.no-braces-inside-if-tag")
-  }), !1) : !0, B = () => {
-    if (!u.hasInvalidBlock())
-      return !0;
-    const e = u.invalidBlockFields(), t = e.length > 0 && e.every((n) => n === ee);
-    return s({
-      type: t ? c.Warning : c.Error,
-      message: o(t ? te : ne)
-    }), !1;
-  }, F = () => d.recommendationConfigs && Object.values(d.recommendationConfigs).find((t) => t.filters.find((n) => n.value === "")) !== void 0 ? (s({
+  }), !1) : !0, B = () => u.hasInvalidBlock() ? (s({
+    type: c.Error,
+    message: o(ee)
+  }), !1) : !0, x = () => d.recommendationConfigs && Object.values(d.recommendationConfigs).find((t) => t.filters.find((n) => n.value === "")) !== void 0 ? (s({
     type: c.Error,
     message: o("newsletter.fill-all-necessary-fields")
-  }), !1) : !0, x = (e) => {
+  }), !1) : !0, D = (e) => {
     const t = /src="[^"]*\.(svg|pst)"/gm;
     return e.match(t) === null ? !0 : (s({
       type: c.Error,
       message: o("newsletter.invalid-image-type")
     }), !1);
-  }, D = (e) => {
+  }, F = (e) => {
     const r = new DOMParser().parseFromString(e, "text/html").querySelectorAll(j);
     return Array.from(r).find((i) => {
-      var l;
-      return !((l = i.id) != null && l.trim());
+      var m;
+      return !((m = i.id) != null && m.trim());
     }) ? (s({
       type: c.Error,
       message: o("unsubscribe-templates.select-checkbox-groups")
@@ -206,26 +201,26 @@ const ke = () => {
   }, k = (e) => {
     const r = new DOMParser().parseFromString(e, "text/html").querySelectorAll(z);
     return Array.from(r).find((i) => {
-      var l;
-      return !((l = i.id) != null && l.trim());
+      var m;
+      return !((m = i.id) != null && m.trim());
     }) ? (s({
       type: c.Error,
       message: o("unsubscribe-templates.select-radio-button-groups")
     }), !1) : !0;
   };
   return { validateHtml: async (e, t, n = !1) => {
-    var v, h;
+    var v, y;
     const r = [
-      ...t.map((S) => S.value),
+      ...t.map((I) => I.value),
       ...q,
-      ...((h = (v = f.value) == null ? void 0 : v.template) == null ? void 0 : h.customFieldAttributes) ?? []
+      ...((y = (v = f.value) == null ? void 0 : v.template) == null ? void 0 : y.customFieldAttributes) ?? []
     ], a = M(e), i = await E(a);
-    return await R(e, r, n) && A(e) && _(e) && b(e) && O(e, r, a, i) && w(e) && L(e) && N(e) && B() && F() && x(e) && D(e) && k(e);
+    return await R(e, r, n) && b(e) && A(e) && _(e) && O(e, r, a, i) && w(e) && L(e) && N(e) && B() && x() && D(e) && F(e) && k(e);
   } };
 };
 export {
-  ge as buildPartnerAttributeNameSet,
-  pe as findInvalidCustomFields,
-  fe as parseRecommendationVariable,
-  ke as useHtmlValidator
+  de as buildPartnerAttributeNameSet,
+  fe as findInvalidCustomFields,
+  ue as parseRecommendationVariable,
+  De as useHtmlValidator
 };

package/dist/composables/useRecommendation.js

@@ -1,23 +1,23 @@
 import { getRecommendationFeedSourceMaps as y, URLS as I } from "../enums/extensions/recommendationBlock.js";
 import { MinDeviceViewport as C, DefaultPadding as R } from "../enums/recommendation.js";
-import { useRecommendationExtensionStore as g } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { useRecommendationExtensionStore as l } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import { generateCompleteFilterQuery as b } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
 import { getPartnerRecommendationParams as h } from "../extensions/Blocks/Recommendation/utils/partnerCustomizations.js";
 import { sanitizeProductIds as x } from "../extensions/Blocks/Recommendation/utils/productIds.js";
 import { useConfigStore as P } from "../stores/config.js";
 const B = () => ({
   calculateCardWidth: ({
-    mobileLeftPadding: s,
+    mobileLeftPadding: i,
     mobileRightPadding: c,
-    cardsInRow: o,
-    unresponsive: a
+    cardsInRow: s,
+    unresponsive: n
   }) => {
-    const i = a ? o : 1, e = s + c + (i - 1) * R;
-    return (C - e) / i;
+    const o = n ? s : 1, e = i + c + (o - 1) * R;
+    return (C - e) / o;
   },
-  getRecommendationCampaignData: (s) => {
-    const c = g(), o = Number(s), a = c.blockStates[o];
-    if (!a)
+  getRecommendationCampaignData: (i) => {
+    const c = l(), s = Number(i), n = c.blockStates[s];
+    if (!n)
       return {
         textTrimming: !1,
         orientation: "vertical",
@@ -30,59 +30,54 @@ const B = () => ({
         discountBeforeTextValue: "",
         discountAfterTextValue: ""
       };
-    const { recommendationConfigs: i } = a, e = i.orientation === "grid" ? "vertical" : "horizontal";
+    const { recommendationConfigs: o } = n, e = o.orientation === "grid" ? "vertical" : "horizontal";
     return {
-      textTrimming: i.textTrimming,
+      textTrimming: o.textTrimming,
       orientation: e,
       mobileLeftPadding: 0,
       mobileRightPadding: 0,
-      cardsInRow: i.cardsInRow,
-      unresponsive: i.unresponsive,
+      cardsInRow: o.cardsInRow,
+      unresponsive: o.unresponsive,
       priceBeforeTextValue: "",
       priceAfterTextValue: "",
       discountBeforeTextValue: "",
       discountAfterTextValue: ""
     };
   },
-  buildCampaignUrl: (s, c) => {
-    var l;
-    const o = g(), a = P(), i = Number(s);
+  buildCampaignUrl: (i, c) => {
+    var m;
+    const s = l(), n = P(), o = Number(i);
     let e;
     if (c)
       e = c;
     else {
-      const r = o.blockStates[i];
-      if (!r)
+      const a = s.blockStates[o];
+      if (!a)
         return "";
-      const { recommendationConfigs: n } = r;
+      const { recommendationConfigs: r } = a;
       e = {
-        strategy: n.strategy,
-        strategyId: n.strategyId,
-        language: n.language,
-        currencyCode: n.currencySettings.value,
-        size: n.size,
-        productIds: n.productIds,
-        filters: n.filters,
-        shuffleProducts: n.shuffleProducts
+        strategy: r.strategy,
+        strategyId: r.strategyId,
+        language: r.language,
+        currencyCode: r.currencySettings.value,
+        size: r.size,
+        productIds: r.productIds,
+        filters: r.filters,
+        shuffleProducts: r.shuffleProducts
       };
     }
-    if (e.strategyId && a.isFeatureEnabled("reusableRecommendationStrategy"))
-      return o.recommendationCampaignUrls[s] = {
+    if (e.strategyId && n.isFeatureEnabled("reusableRecommendationStrategy"))
+      return s.recommendationCampaignUrls[i] = {
         strategyId: e.strategyId,
         locale: e.language,
         currency: e.currencyCode
       }, "";
-    const d = ((l = y().find((r) => r.key === e.strategy)) == null ? void 0 : l.path) || "";
-    if (!d) {
-      const r = { ...o.recommendationCampaignUrls };
-      return delete r[s], o.recommendationCampaignUrls = r, "";
-    }
-    const t = new URLSearchParams();
-    t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", a.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", a.variationId), e.strategy === "manualMerchandising" ? t.set("productId", x(e.productIds)) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
-    const f = e.filters.filter((r) => r.isValid), m = b(f);
-    m && t.set("filter", m), e.shuffleProducts && t.set("shuffle", "true"), Object.entries(h(a.partnerName, e.strategy)).forEach(([r, n]) => t.set(r, n));
-    const p = decodeURIComponent(t.toString()), u = `${I.RECOMMENDATION_API_URL}/v2/${d}?${p}`;
-    return o.recommendationCampaignUrls[s] = u, u;
+    const g = ((m = y().find((a) => a.key === e.strategy)) == null ? void 0 : m.path) || "", t = new URLSearchParams();
+    t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", n.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", n.variationId), e.strategy === "manualMerchandising" ? t.set("productId", x(e.productIds)) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
+    const f = e.filters.filter((a) => a.isValid), d = b(f);
+    d && t.set("filter", d), e.shuffleProducts && t.set("shuffle", "true"), Object.entries(h(n.partnerName, e.strategy)).forEach(([a, r]) => t.set(a, r));
+    const p = decodeURIComponent(t.toString()), u = `${I.RECOMMENDATION_API_URL}/v2/${g}?${p}`;
+    return s.recommendationCampaignUrls[i] = u, u;
   }
 });
 export {

package/dist/composables/useStripo.js

@@ -1,23 +1,23 @@
-import { useActionsApi as O } from "./useActionsApi.js";
-import { useBlocksConfig as q } from "./useBlocksConfig.js";
-import { useConfig as H } from "./useConfig.js";
-import { useCustomInterfaceAppearance as w } from "./useCustomInterfaceAppearance.js";
+import { useActionsApi as L } from "./useActionsApi.js";
+import { useBlocksConfig as O } from "./useBlocksConfig.js";
+import { useConfig as q } from "./useConfig.js";
+import { useCustomInterfaceAppearance as H } from "./useCustomInterfaceAppearance.js";
 import { useFullStoryBridge as N } from "./useFullStoryBridge.js";
 import { useModuleRepair as j } from "./useModuleRepair.js";
 import { useStripoEventHandler as z } from "./useStripoEventHandler.js";
 import { useStripoNotifications as $ } from "./useStripoNotifications.js";
 import { useToaster as G } from "./useToaster.js";
 import { localePatch as J } from "../config/i18n/index.js";
-import { en as b } from "../config/i18n/en/index.js";
+import { en as w } from "../config/i18n/en/index.js";
 import { ToasterTypeOptions as X } from "../enums/toaster.js";
 import { useStripoApi as K } from "../services/stripoApi.js";
 import Q from "../static/styles/customEditorStyle.css.js";
-import { useEditorStore as k } from "../stores/editor.js";
+import { useEditorStore as b } from "../stores/editor.js";
 import { buildMergeTagEntries as W, flattenDynamicContentList as Y } from "../utils/genericUtil.js";
 import Z from "../package.json.js";
 let n = null;
-const he = () => {
-  const { features: c, template: u, isFeatureEnabled: m } = H(), { handleError: p, showToaster: B } = G(), { getToken: M, getCustomFonts: T, getSyncModulesStatus: v } = K(), { handleEvent: F } = z(), { handleModuleAdd: A } = j(), { getStripoBlocksConfig: V } = q(), { getStripoNotifications: _ } = $(), f = () => n || (n = new Promise((i, s) => {
+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;
     if (document.getElementById("UiEditorScript")) {
       i();
@@ -29,16 +29,16 @@ const he = () => {
     }, document.body.appendChild(e);
   }), n.catch(() => {
     n = null;
-  }), n), D = async (i, s, o, a = [], r = !1) => {
+  }), n), _ = async (i, s, o, a = [], r = !1) => {
     var y, E, h, C;
-    const e = k(), { html: d, css: R } = i, { baseBlocks: g, extensions: P } = await V(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, U = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, I = !!d || (((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1), x = "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com";
-    w().importCss(), await window.UIEditor.initEditor(
+    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);
+    await window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
         metadata: s,
         html: d,
-        css: R,
-        forceRecreate: I,
+        css: D,
+        forceRecreate: U,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
@@ -52,7 +52,7 @@ const he = () => {
         conditionsEnabled: S,
         customConditionsEnabled: S,
         enableXSSSecurity: !0,
-        modulesDisabled: U,
+        modulesDisabled: P,
         syncModulesEnabled: r,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
@@ -62,7 +62,7 @@ const he = () => {
         displayUTM: !1,
         selectElementAfterDrop: !0,
         sameFontSizeForOutlook: !0,
-        allowedScriptSourceDomains: x,
+        allowedScriptSourceDomains: "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com",
         ...g ? { baseBlocks: g } : {},
         editorFonts: {
           showDefaultStandardFonts: !0,
@@ -80,7 +80,7 @@ const he = () => {
         ],
         async onTokenRefreshRequest(t) {
           try {
-            const l = await M();
+            const l = await B();
             t(l);
           } catch (l) {
             p(l, "Failed to refresh token");
@@ -88,8 +88,8 @@ const he = () => {
         },
         onTemplateLoaded() {
           try {
-            const { activateCustomViewStyles: t, updateTimerInClonedTemplate: l } = O(), { injectFullStory: L } = N();
-            w().importCss(), t(), L(), l(), o.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
+            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(() => {
               e.hasChanges = !1;
             }, 1e3);
           } catch (t) {
@@ -108,34 +108,34 @@ const he = () => {
         onDataChanged() {
           e.hasChanges = !0;
         },
-        onEvent: F,
-        onModuleAdd: A,
-        notifications: _(),
+        onEvent: v,
+        onModuleAdd: F,
+        notifications: V(),
         ignoreClickOutsideSelectors: [
           "#guido-dynamic-content-modal",
           ".in-on-board-wrapper",
           ".in-drawer__container"
         ],
-        extensions: P,
+        extensions: R,
         localePatch: J
       }
     );
   };
   return { initPlugin: async (i, s, o) => {
-    const a = k();
+    const a = b();
     try {
       await f();
       const [r, e] = await Promise.all([
-        T(),
-        v()
+        M(),
+        T()
       ]);
-      a.syncModulesEnabled = e, await D(i, s, o, r, e);
+      a.syncModulesEnabled = e, await _(i, s, o, r, e);
     } catch {
-      a.loadingStatus = !1, B({
+      a.loadingStatus = !1, k({
         type: X.Error,
-        message: b["An error has occurred. Please report the error code to support."],
+        message: w["An error has occurred. Please report the error code to support."],
         actionButton: {
-          text: b["Reload page"],
+          text: w["Reload page"],
           onClick: () => window.location.reload()
         }
       });
@@ -146,5 +146,5 @@ const he = () => {
   } };
 };
 export {
-  he as useStripo
+  Ce as useStripo
 };

package/dist/config/i18n/en/labels.json.js

@@ -1,19 +1,51 @@
-const e = "Items", o = "Default", t = "Custom", s = {
+const e = "Items", o = "Default", i = "Custom", t = {
   "Global Styles & Layout": "Global Styles and Layout",
   "Structures & Modules": "Structures and Modules",
   "Recommendation Block": "Recommendation Block",
   Items: e,
   "This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.": "This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.",
   "This block is switched from the Old Version to the New Version. We recommend you check the Items block and test your message to ensure it works properly.": "This block is switched from the Old Version to the New Version. We recommend you check the Items block and test your message to ensure it works properly.",
+  "email-editor.a11y-hide-images": "Hide images",
+  "email-editor.a11y-show-images": "Show images",
+  "email-editor.cvd-none": "No Color Deficiency",
+  "email-editor.cvd-protanopia": "Protanopia",
+  "email-editor.cvd-protanopia-description": "Causes red-green confusion and makes reds appear darker.",
+  "email-editor.cvd-deuteranopia": "Deuteranopia",
+  "email-editor.cvd-deuteranopia-description": "Causes red-green confusion.",
+  "email-editor.cvd-tritanopia": "Tritanopia",
+  "email-editor.cvd-tritanopia-description": "Causes blue-yellow confusion.",
+  "email-editor.cvd-achromatopsia": "Achromatopsia",
+  "email-editor.cvd-achromatopsia-description": "Causes complete color blindness.",
+  "email-editor.more-actions": "More actions",
+  "email-editor.preferences": "Preferences",
+  "email-editor.actions": "Actions",
+  "email-editor.accessibility-test": "Accessibility Test",
+  "email-editor.autosaved-at-today": "{boldStart}Autosaved{boldEnd} at {time}, Today",
+  "email-editor.autosaved-at-date": "{boldStart}Autosaved{boldEnd} at {date}",
+  "email-editor.export-html": "Export HTML",
+  "email-editor.onboarding-kebab-title": "Discover Preferences and Actions",
+  "email-editor.onboarding-kebab-description": "You can now access your Preferences and Actions easily such as Autosave, Export HTML, Version History, Accessibility Test and Save As Template.",
+  "email-editor.onboarding-autosave-title": "Autosave Your Design",
+  "email-editor.onboarding-autosave-description": "You can save your design automatically by enabling Autosave without losing your work.",
+  "email-editor.onboarding-accessibility-title": "Test Accessibility of Your Design",
+  "email-editor.onboarding-accessibility-description": "You can test the accessibility of your design to see the Failed, Passed items and update the Failed ones accordingly.",
   "Pixel Tracking Opt-in": "Pixel Tracking Opt-in",
   "OPT-IN SELECTION": "OPT-IN SELECTION",
   "UNSUBSCRIBE GROUPS": "UNSUBSCRIBE GROUPS",
   Default: o,
-  Custom: t
+  Custom: i,
+  "Foreground color": "Foreground Color",
+  "Contrast ratio": "Contrast Ratio",
+  "You’ve fixed all issues!": `No Failed Items
+You have no failed items.`,
+  "No accessibility issues found": `No Failed Items
+You have no failed items.`,
+  "You have no ignored issues yet": `No Ignored Items
+You have no ignored items.`
 };
 export {
-  t as Custom,
+  i as Custom,
   o as Default,
   e as Items,
-  s as default
+  t as default
 };

package/dist/config/i18n/en/tooltips.json.js

@@ -76,7 +76,8 @@ const e = {
   "The data source link is unavailable. Please, make sure there is an access to the data source.": "Enter an accessible Data Source Link to contiue.",
   "The file should not exceed the maximum resolution of {maxImageResolution}px.": "Upload files up to 1024x512 pixels to continue.",
   "The option is disabled because was overridden in the Code editor": "The option is disabled because it was overridden in the Code Editor.",
-  "Dropdown with a list of available data services, preliminarily created in the Data section → Services tab of the Account.": "Service for Data Collection lets you enter a form submission URL for the recipients to submit."
+  "Dropdown with a list of available data services, preliminarily created in the Data section → Services tab of the Account.": "Service for Data Collection lets you enter a form submission URL for the recipients to submit.",
+  'Read more about the issue on <a target="_blank" rel="noopener noreferrer" href="{url}">ACT Rules Community Group forum</a>': 'Read more about the issue on <a target="_blank" rel="noopener noreferrer" href="{url}">ACT Rules Community Group forum.</a>'
 };
 export {
   e as default