@useinsider/guido 3.2.0-beta.847c949 → 3.2.0-beta.87303ed

package/dist/composables/useRecommendation.js

@@ -1,4 +1,4 @@
-import { RecommendationFeedSourceMaps as g, URLS as p } from "../enums/extensions/recommendationBlock.js";
+import { getRecommendationFeedSourceMaps as g, URLS as p } from "../enums/extensions/recommendationBlock.js";
 import { MinDeviceViewport as R, DefaultPadding as b } from "../enums/recommendation.js";
 import { useRecommendationExtensionStore as u } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import { generateCompleteFilterQuery as x } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
@@ -47,7 +47,7 @@ const N = () => ({
     const n = u(), o = I(), a = Number(i), r = n.blockStates[a];
     if (!r)
       return "";
-    const { recommendationConfigs: e } = r, l = ((m = g.find((s) => s.key === e.strategy)) == null ? void 0 : m.path) || "", t = new URLSearchParams();
+    const { recommendationConfigs: e } = r, l = ((m = g().find((s) => s.key === e.strategy)) == null ? void 0 : m.path) || "", t = new URLSearchParams();
     t.set("locale", e.language), t.set("currency", e.currencySettings.value), t.set("partnerName", o.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", o.variationId), e.strategy === "manualMerchandising" ? t.set("productId", e.productIds.join(",")) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
     const f = e.filters.filter((s) => s.isValid), c = x(f);
     c && t.set("filter", c), e.shuffleProducts && t.set("shuffle", "true");

package/dist/composables/useSave.js

@@ -1,29 +1,32 @@
-import { useActionsApi as S } from "./useActionsApi.js";
-import { useConfig as V } from "./useConfig.js";
-import { useSaveStart as x, useSaveComplete as y } from "./useGuidoActions.js";
-import { useSyncModuleExtractor as w } from "./useSyncModuleExtractor.js";
-import { useStripoApi as b } from "../services/stripoApi.js";
-import { useTemplatePreparation as q } from "../utils/templatePreparation.js";
-import { useHtmlValidator as H } from "./useHtmlValidator.js";
-import { useLiquidValidator as L } from "./validators/useLiquidValidator.js";
-const F = () => {
-  const o = x(), s = y(), { validateHtml: r } = H(), { validateLiquidSyntax: n } = L(), { callbacks: a, isFeatureEnabled: l } = V(), { extractSyncModuleData: d } = w(), { setSyncModuleUnsubscriptionPages: u } = b(), { editorSave: c } = S();
-  return { save: async (m = !1) => {
+import { useActionsApi as V } from "./useActionsApi.js";
+import { useConfig as x } from "./useConfig.js";
+import { useSaveStart as y, useSaveComplete as w } from "./useGuidoActions.js";
+import { useSyncModuleExtractor as C } from "./useSyncModuleExtractor.js";
+import { useStripoApi as H } from "../services/stripoApi.js";
+import { useTemplatePreparation as b } from "../utils/templatePreparation.js";
+import { useHtmlValidator as q } from "./useHtmlValidator.js";
+import { useCouponBlockValidator as L } from "./validators/useCouponBlockValidator.js";
+import { useLiquidValidator as P } from "./validators/useLiquidValidator.js";
+const h = () => {
+  const o = y(), s = w(), { validateHtml: r } = q(), { validateLiquidSyntax: l } = P(), { validateCouponBlockTags: n } = L(), { callbacks: a, isFeatureEnabled: d } = x(), { extractSyncModuleData: u } = C(), { setSyncModuleUnsubscriptionPages: c } = H(), { editorSave: m } = V();
+  return { save: async (p = !1) => {
     var i;
     o();
-    const { prepareTemplateDetails: p } = q(), t = await p();
-    if (l("liquidSyntax")) {
-      if (!await n(t.compiledHtml))
+    const { prepareTemplateDetails: f } = b(), t = await f();
+    if (!n(t.compiledHtml))
+      return;
+    if (d("liquidSyntax")) {
+      if (!await l(t.compiledHtml))
         return;
     } else if (!await r(t.compiledHtml, t.dynamicContentList, !0))
       return;
     if ((i = a.value) != null && i.externalValidation && !await a.value.externalValidation(t))
       return;
-    await c();
-    const { unsubscribePayload: f, stripoModules: v } = d(t.rawHtml);
-    return await u(f), t.modules = v, m || s(t), t;
+    await m();
+    const { unsubscribePayload: v, stripoModules: S } = u(t.rawHtml);
+    return await c(v), t.modules = S, p || s(t), t;
   } };
 };
 export {
-  F as useSave
+  h as useSave
 };

package/dist/composables/useStripo.js

@@ -6,20 +6,19 @@ import { useFullStoryBridge as R } from "./useFullStoryBridge.js";
 import { useStripoEventHandler as q } from "./useStripoEventHandler.js";
 import { useToaster as x } from "./useToaster.js";
 import { localePatch as H } from "../config/i18n/index.js";
-import { displayConditions as O } from "../enums/displayConditions.js";
-import { useStripoApi as j } from "../services/stripoApi.js";
-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 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) => {
+import { useStripoApi as O } from "../services/stripoApi.js";
+import j from "../static/styles/customEditorStyle.css.js";
+import { useEditorStore as E } from "../stores/editor.js";
+import { dynamicContentToMergeTags as L } from "../utils/genericUtil.js";
+import $ from "../package.json.js";
+const se = (C, l) => {
+  const { features: c, template: h, isFeatureEnabled: u } = P(), { handleError: m } = x(), { getToken: w, getCustomFonts: b, getSyncModulesStatus: k } = O(), { 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;
+    const e = E(), { 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"),
       {
-        metadata: E,
+        metadata: C,
         html: p,
         css: a,
         forceRecreate: v,
@@ -32,10 +31,9 @@ const ae = (E, l) => {
         customAppearanceMergetags: !u("liquidSyntax"),
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: L,
+        customViewStyles: j,
         conditionsEnabled: f,
         customConditionsEnabled: f,
-        conditionCategories: O,
         enableXSSSecurity: !0,
         modulesDisabled: F,
         syncModulesEnabled: s,
@@ -54,7 +52,7 @@ const ae = (E, l) => {
         },
         mergeTags: [
           {
-            entries: $(
+            entries: L(
               l.preselectedDynamicContentList,
               u("liquidSyntax")
             )
@@ -106,7 +104,7 @@ const ae = (E, l) => {
       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");
+    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(), r();
     }, o.onerror = () => {
@@ -115,7 +113,7 @@ const ae = (E, l) => {
   });
   return { initPlugin: async (i) => {
     await _(async () => {
-      const r = C(), [s, e] = await Promise.all([
+      const r = E(), [s, e] = await Promise.all([
         b(),
         k()
       ]);
@@ -124,5 +122,5 @@ const ae = (E, l) => {
   } };
 };
 export {
-  ae as useStripo
+  se as useStripo
 };

package/dist/composables/validators/useCouponBlockValidator.js

@@ -0,0 +1,24 @@
+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;
+  } };
+};
+export {
+  A as useCouponBlockValidator
+};

package/dist/config/compiler/recommendationCompilerRules.js

@@ -1,5 +1,5 @@
-import { useRecommendation as C } from "../../composables/useRecommendation.js";
-import { DUMMY_IMAGE_MAPPINGS as h, REGEX as T, VerticalOrientation as M, CSS as E, ATTRIBUTES as A, CONDITIONS as g, HTML as N } from "../../enums/recommendation.js";
+import { useRecommendation as N } from "../../composables/useRecommendation.js";
+import { DUMMY_IMAGE_MAPPINGS as y, REGEX as T, VerticalOrientation as M, CSS as E, ATTRIBUTES as A, CONDITIONS as g, HTML as h } from "../../enums/recommendation.js";
 import { prepareRecommendationBlocks as x } from "./utils/recommendationCompilerUtils.js";
 const w = [
   {
@@ -8,7 +8,7 @@ const w = [
     type: "custom",
     processor: (c) => {
       let e = c;
-      return Object.entries(h).forEach(([, l]) => {
+      return Object.entries(y).forEach(([, l]) => {
         Object.entries(l).forEach(([n, s]) => {
           e = e.replaceAll(s, `{{${n}}}`);
         });
@@ -30,13 +30,13 @@ const w = [
     description: "Adding recommendation unresponsive css",
     type: "custom",
     processor: (c) => {
-      const { calculateCardWidth: e, getRecommendationCampaignData: l } = C();
+      const { calculateCardWidth: e, getRecommendationCampaignData: l } = N();
       let n = c;
       const s = n.match(T.ID);
       if (s) {
         const a = [];
         if (s.forEach((i) => {
-          const d = /recommendation-id="(.*?)"/i.exec(i), _ = d ? d[1].trim() : "", R = l(_);
+          const u = /recommendation-id="(.*?)"/i.exec(i), _ = u ? u[1].trim() : "", R = l(_);
           R.textTrimming && R.orientation === M && a.push(e(R));
         }), a.length) {
           const i = `width:${Math.min(...a)}px!important;`;
@@ -60,25 +60,25 @@ const w = [
     type: "custom",
     processor: (c) => {
       let e = c;
-      const l = e.match(T.ATTRIBUTE_PARAGRAPH), { getRecommendationCampaignData: n } = C();
+      const l = e.match(T.ATTRIBUTE_PARAGRAPH), { getRecommendationCampaignData: n } = N();
       return l !== null && l.forEach((s) => {
         const a = s.match(T.CUSTOM_FIELD);
         if (!a)
           return;
-        const [i] = a, d = i.match(T.CUSTOM_FIELD_INDEXES_PART), _ = i.match(T.CUSTOM_FIELD_NAME_PART), R = s.match(T.ATTRIBUTE_PARAGRAPH_START_TAG);
-        if (!d || !_ || !R)
+        const [i] = a, u = i.match(T.CUSTOM_FIELD_INDEXES_PART), _ = i.match(T.CUSTOM_FIELD_NAME_PART), R = s.match(T.ATTRIBUTE_PARAGRAPH_START_TAG);
+        if (!u || !_ || !R)
           return;
-        const [S] = d, [b] = _, [m] = R, o = b.substring(1, b.length - 2), r = m.match(T.COMPOSITION) !== null;
+        const [S] = u, [b] = _, [d] = R, o = b.substring(1, b.length - 2), r = d.match(T.COMPOSITION) !== null;
         let t = i;
         if (r) {
-          const I = S.substring(2, S.length - 3), p = n(I);
-          o === A.OMNIBUS_PRICE && (p.priceBeforeTextValue && (t = `${p.priceBeforeTextValue}${t}`), p.priceAfterTextValue && (t = `${t}${p.priceAfterTextValue}`)), o === A.OMNIBUS_DISCOUNT && (p.discountBeforeTextValue && (t = `${p.discountBeforeTextValue}${t}`), p.discountAfterTextValue && (t = `${t}${p.discountAfterTextValue}`));
+          const I = S.substring(2, S.length - 3), m = n(I);
+          o === A.OMNIBUS_PRICE && (m.priceBeforeTextValue && (t = `${m.priceBeforeTextValue}${t}`), m.priceAfterTextValue && (t = `${t}${m.priceAfterTextValue}`)), o === A.OMNIBUS_DISCOUNT && (m.discountBeforeTextValue && (t = `${m.discountBeforeTextValue}${t}`), m.discountAfterTextValue && (t = `${t}${m.discountAfterTextValue}`));
         }
-        const u = S.substring(2);
+        const p = S.substring(2);
         let f = "";
-        o in g.IF && (f = g.IF[o].replaceAll(`{${A.DISCOUNT}}`, `${u}${A.DISCOUNT}`).replaceAll(`{${A.OMNIBUS_DISCOUNT}}`, `${u}${A.OMNIBUS_DISCOUNT}`).replaceAll(`{${A.OMNIBUS_PRICE}}`, `${u}${A.OMNIBUS_PRICE}`));
-        const $ = `${m}${t}${N.PARAGRAPH_END_TAG}`, y = `${f}${r ? $ : s}${g.ELSE}${m}${N.PARAGRAPH_END_TAG}${g.END_IF}`;
-        e = e.replace(s, y);
+        o in g.IF && (f = g.IF[o].replaceAll(`{${A.DISCOUNT}}`, `${p}${A.DISCOUNT}`).replaceAll(`{${A.OMNIBUS_DISCOUNT}}`, `${p}${A.OMNIBUS_DISCOUNT}`).replaceAll(`{${A.OMNIBUS_PRICE}}`, `${p}${A.OMNIBUS_PRICE}`));
+        const $ = `${d}${t}${h.PARAGRAPH_END_TAG}`, C = `${f}${r ? $ : s}${g.ELSE}${d}${h.PARAGRAPH_END_TAG}${g.END_IF}`;
+        e = e.replace(s, C);
       }), e;
     },
     priority: 53
@@ -136,7 +136,7 @@ const w = [
         /@media[^{]*max-width\s*:\s*480px[^{]*\{((?:[^{}]*\{[^{}]*\})*[^{}]*)\}/g,
         (l, n) => {
           const s = n.match(/[^{}]+\{[^{}]*\}/g) || [], a = /ins-recommendation|product-image-cell|button-cell|product-info-cell/;
-          return s.every((d) => a.test(d)) ? "" : l;
+          return s.every((u) => a.test(u)) ? "" : l;
         }
       )), e;
     },
@@ -151,7 +151,7 @@ const w = [
         /<a\b[^>]*\bes-button\b[^>]*>/g,
         (o) => o.replace(
           /([;"]color:)([^;"]+)/g,
-          (r, t, u) => u.includes("!important") ? r : `${t}${u} !important`
+          (r, t, p) => p.includes("!important") ? r : `${t}${p} !important`
         )
       ), l = /<!--REC_START-->([\s\S]*?)<!--REC_END-->/g, n = / style="([^"]*)"/g, s = /* @__PURE__ */ new Map();
       let a = l.exec(e);
@@ -163,12 +163,12 @@ const w = [
         }
         n.lastIndex = 0, a = l.exec(e);
       }
-      const i = /* @__PURE__ */ new Map(), d = [];
+      const i = /* @__PURE__ */ new Map(), u = [];
       let _ = 0;
       if (s.forEach((o, r) => {
         if (o >= 6) {
-          const t = `rc${_++}`;
-          i.set(r, t), d.push(`.${t}{${r}}`);
+          const t = `rc${_++}`, p = r.endsWith(";") ? r : `${r};`;
+          i.set(r, t), u.push(`.${t}{${p}}`);
         }
       }), i.size === 0) {
         let o = e;
@@ -182,23 +182,23 @@ const w = [
           caseB: new RegExp(` style="${t}"((?:[^>]*?))(class="[^"]*")`, "g")
         });
       });
-      let m = e.replace("</style>", `${d.join("")}</style>`);
-      return m = m.replace(
+      let d = e.replace("</style>", `${u.join("")}</style>`);
+      return d = d.replace(
         /<!--REC_START-->([\s\S]*?)<!--REC_END-->/g,
         (o, r) => {
           let t = r;
-          return i.forEach((u, f) => {
+          return i.forEach((p, f) => {
             const $ = b.get(f);
             t = t.replace(
               $.caseA,
-              (y, I, p) => S(I, u) + p
+              (C, I, m) => S(I, p) + m
             ), t = t.replace(
               $.caseB,
-              (y, I, p) => I + S(p, u)
-            ), t = t.replaceAll(` style="${f}"`, ` class="${u}"`);
+              (C, I, m) => I + S(m, p)
+            ), t = t.replaceAll(` style="${f}"`, ` class="${p}"`);
           }), t;
         }
-      ), m = m.replaceAll("<!--REC_START-->", ""), m = m.replaceAll("<!--REC_END-->", ""), m;
+      ), d = d.replaceAll("<!--REC_START-->", ""), d = d.replaceAll("<!--REC_END-->", ""), d;
     },
     priority: 58
   }

package/dist/config/migrator/radioButtonMigrator.js

@@ -1,34 +1,54 @@
 var x = Object.defineProperty;
-var f = (r, t, e) => t in r ? x(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
-var b = (r, t, e) => f(r, typeof t != "symbol" ? t + "" : t, e);
-import h from "../../extensions/Blocks/RadioButton/template.js";
-class T {
+var T = (l, e, t) => e in l ? x(l, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[e] = t;
+var b = (l, e, t) => T(l, typeof e != "symbol" ? e + "" : e, t);
+import S from "../../extensions/Blocks/RadioButton/template.js";
+class B {
   constructor() {
     b(this, "parser");
     this.parser = new DOMParser();
   }
-  migrate(t) {
+  migrate(e) {
     try {
-      const e = this.parser.parseFromString(t, "text/html"), i = e.querySelectorAll("td.radio-button-block");
-      return i.length === 0 ? t : (i.forEach((s) => {
-        if (s.classList.contains("radio-button-v2"))
+      const t = this.parser.parseFromString(e, "text/html"), i = t.querySelectorAll("td.radio-button-block"), s = t.querySelectorAll("td.radio-button-v2");
+      if (i.length === 0 && s.length === 0)
+        return e;
+      let o = !1;
+      return i.forEach((r) => {
+        if (r.classList.contains("radio-button-v2"))
           return;
-        const n = s.getAttribute("id"), l = this.extractTextFromElement(s, "ins-title"), a = this.extractTextFromElement(s, "ins-description"), p = this.extractTextFromElement(s, "ins-subscribe"), u = this.extractTextFromElement(s, "ins-unsubscribe"), d = this.buildTextBlock(l), g = this.buildTextBlock(a), m = this.buildTextBlock({ ...p, classList: "" }), o = this.buildTextBlock({ ...u, classList: "" }), c = h.replace("{-{-TITLE-}-}", d).replace("{-{-DESCRIPTION-}-}", g).replace("{-{-YES-}-}", m).replace("{-{-NO-}-}", o), y = this.parser.parseFromString(
-          `<table id="tempDoc"><tbody><tr>${c}</tr></tbody></table>`,
+        const n = r.getAttribute("id"), a = this.extractTextFromElement(r, "ins-title"), g = this.extractTextFromElement(r, "ins-description"), c = this.extractTextFromElement(r, "ins-subscribe"), u = this.extractTextFromElement(r, "ins-unsubscribe"), d = this.buildTextBlock(a), p = this.buildTextBlock(g), y = this.buildTextBlock({ ...c, classList: "" }), f = this.buildTextBlock({ ...u, classList: "" }), h = S.replace("{-{-TITLE-}-}", d).replace("{-{-DESCRIPTION-}-}", p).replace("{-{-YES-}-}", y).replace("{-{-NO-}-}", f), m = this.parser.parseFromString(
+          `<table id="tempDoc"><tbody><tr>${h}</tr></tbody></table>`,
           "text/html"
         ).querySelector(".radio-button-v2");
-        y && s.parentNode && (y.setAttribute("id", n || ""), s.parentNode.replaceChild(y, s));
-      }), e.documentElement.outerHTML);
-    } catch (e) {
-      return console.error("RadioButtonMigrator failed:", e), t;
+        m && r.parentNode && (m.setAttribute("id", n || ""), r.parentNode.replaceChild(m, r), o = !0);
+      }), o = this.healRadioButtonV2(t) || o, o ? t.documentElement.outerHTML : e;
+    } catch (t) {
+      return console.error("RadioButtonMigrator failed:", t), e;
     }
   }
-  extractTextFromElement(t, e) {
-    var o, c;
-    const i = t.querySelector(`.${e}`);
+  healRadioButtonV2(e) {
+    let t = !1;
+    return e.querySelectorAll("td.radio-button-v2").forEach((i) => {
+      var p;
+      const s = i.querySelector("input#radioYes"), o = i.querySelector("input#radioNo");
+      if (!s || !o)
+        return;
+      const r = ((p = s.parentElement) == null ? void 0 : p.querySelector(":scope > p")) || null;
+      if (!r && !s.hasAttribute("align"))
+        return;
+      const n = s.closest("tr"), a = o.closest("tr");
+      if (!n || !a || n === a || !n.parentNode)
+        return;
+      const g = (r == null ? void 0 : r.innerHTML.trim()) || "Yes", c = a.cloneNode(!0), u = c.querySelector("input#radioNo"), d = c.querySelector("p");
+      u && (u.setAttribute("id", "radioYes"), u.removeAttribute("align")), d && (d.innerHTML = g), n.parentNode.replaceChild(c, n), t = !0;
+    }), t;
+  }
+  extractTextFromElement(e, t) {
+    var p, y;
+    const i = e.querySelector(`.${t}`);
     if (!i)
       return {
-        text: e === "ins-title" ? "Title" : "Description",
+        text: t === "ins-title" ? "Title" : "Description",
         isBold: !1,
         isItalic: !1,
         align: "left",
@@ -38,51 +58,51 @@ class T {
     const s = i.querySelector("p");
     if (!s)
       return {
-        text: ((o = i.textContent) == null ? void 0 : o.trim()) || (e === "ins-title" ? "Title" : "Description"),
+        text: ((p = i.textContent) == null ? void 0 : p.trim()) || (t === "ins-title" ? "Title" : "Description"),
         isBold: !1,
         isItalic: !1,
         align: i.getAttribute("align") || "left",
         styles: "",
         classList: ""
       };
-    const n = ((c = s.textContent) == null ? void 0 : c.trim()) || (e === "ins-title" ? "Title" : "Description"), l = s.getAttribute("style") || "", a = i.getAttribute("align") || s.getAttribute("align") || "left", p = /font-weight\s*:\s*bold/i.test(l) || !!s.querySelector("b, strong"), u = /font-style\s*:\s*italic/i.test(l) || !!s.querySelector("i, em"), d = this.removeStyleProperties(l, ["font-weight", "font-style"]), g = this.convertInlineToBlock(d), m = i.getAttribute("class") || "";
+    const o = ((y = s.textContent) == null ? void 0 : y.trim()) || (t === "ins-title" ? "Title" : "Description"), r = s.getAttribute("style") || "", n = i.getAttribute("align") || s.getAttribute("align") || "left", a = /font-weight\s*:\s*bold/i.test(r) || !!s.querySelector("b, strong"), g = /font-style\s*:\s*italic/i.test(r) || !!s.querySelector("i, em"), c = this.removeStyleProperties(r, ["font-weight", "font-style"]), u = this.convertInlineToBlock(c), d = i.getAttribute("class") || "";
     return {
-      text: n,
-      isBold: p,
-      isItalic: u,
-      align: a,
-      styles: g,
-      classList: m
+      text: o,
+      isBold: a,
+      isItalic: g,
+      align: n,
+      styles: u,
+      classList: d
     };
   }
-  buildTextBlock(t) {
-    let e = t.text;
-    t.isBold && t.isItalic ? e = `<strong path="1,0"><em path="1,0,0">${e}</em></strong>` : t.isBold ? e = `<strong path="1,0">${e}</strong>` : t.isItalic && (e = `<em path="1,0">${e}</em>`);
-    const i = t.align ? ` align="${t.align}"` : "", s = t.styles ? ` style="${t.styles.replaceAll('"', "'")}"` : "";
+  buildTextBlock(e) {
+    let t = e.text;
+    e.isBold && e.isItalic ? t = `<strong path="1,0"><em path="1,0,0">${t}</em></strong>` : e.isBold ? t = `<strong path="1,0">${t}</strong>` : e.isItalic && (t = `<em path="1,0">${t}</em>`);
+    const i = e.align ? ` align="${e.align}"` : "", s = e.styles ? ` style="${e.styles.replaceAll('"', "'")}"` : "";
     return `
-            <td class="esd-block-text ${t.classList}" ${i}>
+            <td class="esd-block-text ${e.classList}" ${i}>
                 <p path="1" ${s}>
-                    ${e}
+                    ${t}
                 </p>
             </td>
         `;
   }
-  removeStyleProperties(t, e) {
-    return t ? e.reduce((s, n) => {
-      const l = new RegExp(`${n}\\s*:\\s*[^;]*;?`, "gi");
-      return s.replace(l, "");
-    }, t).replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim() : "";
+  removeStyleProperties(e, t) {
+    return e ? t.reduce((s, o) => {
+      const r = new RegExp(`${o}\\s*:\\s*[^;]*;?`, "gi");
+      return s.replace(r, "");
+    }, e).replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim() : "";
   }
-  convertInlineToBlock(t) {
-    if (!t)
+  convertInlineToBlock(e) {
+    if (!e)
       return "";
-    let e = t.replace(/display\s*:\s*inline/gi, "display: block");
-    return /display\s*:/i.test(e) || (e = e ? `${e}; display: block` : "display: block"), e.replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim();
+    let t = e.replace(/display\s*:\s*inline/gi, "display: block");
+    return /display\s*:/i.test(t) || (t = t ? `${t}; display: block` : "display: block"), t.replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim();
   }
 }
-function A(r) {
-  return new T().migrate(r);
+function q(l) {
+  return new B().migrate(l);
 }
 export {
-  A as migrateRadioButton
+  q as migrateRadioButton
 };

package/dist/enums/extensions/recommendationBlock.js

@@ -1,43 +1,97 @@
-const s = {
+import { useTranslations as a } from "../../composables/useTranslations.js";
+const u = {
   RECOMMENDATION_API_URL: "https://recommendationv2.api.useinsider.com"
-}, i = {
+}, l = {
   CLIENT_ID: "clientId"
-}, u = [
-  { id: 11, key: "similarViewed", name: "Viewed Together", path: "viewed-together" },
-  { id: 12, key: "similarBought", name: "Purchased Together", path: "purchased-together" },
-  { id: 13, key: "userBased", name: "User Based", path: "user-based" },
-  { id: 36, key: "highestDiscounted", name: "Highest Discounted Items", path: "highest-discounted" },
-  { id: 38, key: "manualMerchandising", name: "Manual Merchandising", path: "manual-merchandising" },
-  { id: 39, key: "newArrivals", name: "New Arrivals", path: "new-arrivals" },
-  { id: 40, key: "trendingProducts", name: "Trending Products", path: "trending" },
-  { id: 46, key: "mostValuableOfPartner", name: "Most Valuable Products", path: "most-valuable" },
-  { id: 61, key: "mostPopular", name: "Most Popular Items", path: "most-popular" },
-  { id: 62, key: "mostPurchased", name: "Top Sellers", path: "top-sellers" }
-], l = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], c = [
+}, c = () => {
+  const e = a();
+  return [
+    {
+      id: 11,
+      key: "similarViewed",
+      name: e("action-builder.similar-viewed"),
+      path: "viewed-together"
+    },
+    {
+      id: 12,
+      key: "similarBought",
+      name: e("action-builder.similar-bought"),
+      path: "purchased-together"
+    },
+    {
+      id: 13,
+      key: "userBased",
+      name: e("action-builder.user-based"),
+      path: "user-based"
+    },
+    {
+      id: 36,
+      key: "highestDiscounted",
+      name: e("journey-builder.highest-discounted-items"),
+      path: "highest-discounted"
+    },
+    {
+      id: 38,
+      key: "manualMerchandising",
+      name: e("action-builder.manual-merchandising"),
+      path: "manual-merchandising"
+    },
+    {
+      id: 39,
+      key: "newArrivals",
+      name: e("action-builder.new-arrivals"),
+      path: "new-arrivals"
+    },
+    {
+      id: 40,
+      key: "trendingProducts",
+      name: e("journey-builder.trending-products"),
+      path: "trending"
+    },
+    {
+      id: 46,
+      key: "mostValuableOfPartner",
+      name: e("journey-builder.most-valuable-products"),
+      path: "most-valuable"
+    },
+    {
+      id: 61,
+      key: "mostPopular",
+      name: e("journey-builder.most-popular-items"),
+      path: "most-popular"
+    },
+    {
+      id: 62,
+      key: "mostPurchased",
+      name: e("action-builder.most-purchased"),
+      path: "top-sellers"
+    }
+  ];
+}, d = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], m = [
   { text: "before the amount", value: "0" },
   { text: "after the amount", value: "1" }
-], d = [
+], p = [
   { text: "dot(.)", value: "." },
   { text: "comma(,)", value: "," }
-], p = [
+], v = [
   { text: "0", value: "0" },
   { text: "1", value: "1" },
   { text: "2", value: "2" },
   { text: "3", value: "3" },
   { text: "4", value: "4" },
   { text: "5", value: "5" }
-], e = [
+], t = [
   { text: "is exactly", value: "=" },
   { text: "contains", value: "~" },
   { text: "does not contain", value: "!~" },
   { text: "any of", value: "||" }
-], a = [
+], r = [
   { text: "is exactly", value: "=" },
   { text: "is not exactly", value: "!==" },
   { text: "contains", value: "~" },
   { text: "does not contain", value: "!~" },
   { text: "any of", value: "||" }
-], r = [
+], n = [
   { text: "is equal to", value: "=" },
   { text: "is greater than", value: ">" },
   { text: "is less than", value: "<" }
@@ -45,39 +99,39 @@ const s = {
   { text: "is equal to", value: "=" },
   { text: "after", value: ">" },
   { text: "before", value: "<" }
-], n = [
+], s = [
   { text: "true", value: "==" },
   { text: "false", value: "!=" }
-], m = (t) => {
-  if (!t)
-    return e;
-  switch (t) {
+], h = (e) => {
+  if (!e)
+    return t;
+  switch (e) {
     case "Boolean":
-      return n;
+      return s;
     case "Date":
       return o;
     case "Number":
-      return r;
+      return n;
     case "String":
-      return e;
+      return t;
     case "Strings":
-      return a;
+      return r;
     default:
-      return e;
+      return t;
   }
 };
 export {
-  l as PriceAttributes,
-  i as QUERY_PARAMS,
-  u as RecommendationFeedSourceMaps,
-  s as URLS,
-  p as currencyDecimalCounts,
-  c as currencyLocationMaps,
-  d as currencyOperators,
-  m as getOperatorOptions,
-  a as operatorOptionsForArrayOfStrings,
-  n as operatorOptionsForBooleans,
+  d as PriceAttributes,
+  l as QUERY_PARAMS,
+  u as URLS,
+  v as currencyDecimalCounts,
+  m as currencyLocationMaps,
+  p as currencyOperators,
+  h as getOperatorOptions,
+  c as getRecommendationFeedSourceMaps,
+  r as operatorOptionsForArrayOfStrings,
+  s as operatorOptionsForBooleans,
   o as operatorOptionsForDates,
-  r as operatorOptionsForNumbers,
-  e as operatorOptionsForStrings
+  n as operatorOptionsForNumbers,
+  t as operatorOptionsForStrings
 };