@useinsider/guido 2.1.0-beta.42f5dfa → 2.1.0-beta.53ba3d5

package/dist/components/organisms/extensions/recommendation/FilterSelectionDrawer.vue2.js

@@ -1,16 +1,16 @@
 import { defineComponent as n, ref as a, computed as l } from "vue";
 import i from "../../../wrappers/WpDrawer.vue.js";
-import { useTranslations as c } from "../../../../composables/useTranslations.js";
-import { useRecommendationExtensionStore as p } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
+import { useTranslations as p } from "../../../../composables/useTranslations.js";
+import { useRecommendationExtensionStore as c } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
 import u from "./Filters.vue.js";
-const v = /* @__PURE__ */ n({
+const b = /* @__PURE__ */ n({
   __name: "FilterSelectionDrawer",
-  setup(f) {
-    const r = c(), t = p(), e = a(!1), s = l(() => ({
+  setup(m) {
+    const t = p(), o = c(), e = a(!1), s = l(() => ({
       primaryButton: {
         styling: "solid",
         type: "primary",
-        labelText: r(
+        labelText: t(
           e.value ? "unsubscription-preference.selecting-type" : "products.select-and-continue"
         ),
         loadingStatus: e.value,
@@ -19,20 +19,19 @@ const v = /* @__PURE__ */ n({
       cancelOrBackButton: {
         styling: "ghost",
         type: "secondary",
-        labelText: r("products.cancel"),
+        labelText: t("products.cancel"),
         disabledStatus: e.value
       }
-    })), o = () => {
-      t.closeFilterDrawer();
+    })), r = () => {
+      o.filterSelectionDrawerStatus = !1;
     };
-    return { __sfc: !0, trans: r, store: t, isApplying: e, footerButtonGroupOptions: s, closeModal: o, applyFilter: () => {
-      e.value = !0, t.patchCurrentBlockConfig(
-        { filters: t.recommendationConfigs.filters },
-        { triggerRefetch: !0 }
-      ), o(), e.value = !1;
+    return { __sfc: !0, trans: t, store: o, isApplying: e, footerButtonGroupOptions: s, closeModal: r, applyFilter: () => {
+      e.value = !0, setTimeout(() => {
+        console.debug("Filter applied!"), r(), o.generateFilterQuery();
+      }, 2e3);
     }, WpDrawer: i, Filters: u };
   }
 });
 export {
-  v as default
+  b as default
 };

package/dist/components/organisms/header/HeaderWrapper.vue.js

@@ -1,18 +1,18 @@
 import o from "./HeaderWrapper.vue2.js";
 /* empty css                   */
-import s from "../../../_virtual/_plugin-vue2_normalizer.js";
-var a = function() {
+import a from "../../../_virtual/_plugin-vue2_normalizer.js";
+var s = function() {
   var t = this, r = t._self._c, e = t._self._setupProxy;
-  return r(e.InContainer, { attrs: { border: "bor-w-0 bor-b-w-1 bor-s-s bor-c-6", "border-radius": "bor-r-0" } }, [r("div", { staticClass: "header-wrapper w-1 d-f a-i-c j-c-s-b p-3" }, [r(e.LeftSlot), r(e.MiddleSlot), r(e.RightSlot, { ref: "rightSlotRef" })], 1)]);
-}, n = [], _ = /* @__PURE__ */ s(
+  return r(e.InContainer, { attrs: { border: "bor-w-0 bor-b-w-1 bor-s-s bor-c-6", "border-radius": "bor-r-0", "data-testid": "guido-header" } }, [r("div", { staticClass: "header-wrapper w-1 d-f a-i-c j-c-s-b p-3" }, [r(e.LeftSlot), r(e.MiddleSlot), r(e.RightSlot, { ref: "rightSlotRef" })], 1)]);
+}, d = [], i = /* @__PURE__ */ a(
   o,
-  a,
-  n,
+  s,
+  d,
   !1,
   null,
-  "5df46e7a"
+  "5c02dcc7"
 );
-const c = _.exports;
+const p = i.exports;
 export {
-  c as default
+  p as default
 };

package/dist/composables/useHtmlValidator.js

@@ -1,171 +1,149 @@
 import { useConfig as D } from "./useConfig.js";
-import { TemplateTypes as L } from "../enums/defaults.js";
-import { DISPLAY_CONDITIONS_REGEX as V, DISPLAY_CONDITIONS_EXCEPTIONS_REGEX as H, CampaignCouldNotBeSavedKey as M, CanNotMakeAnyChangesForRunningKey as $ } from "../enums/html-validator.js";
+import { TemplateTypes as H } from "../enums/defaults.js";
+import { DISPLAY_CONDITIONS_REGEX as P, DISPLAY_CONDITIONS_EXCEPTIONS_REGEX as R, CampaignCouldNotBeSavedKey as _, CanNotMakeAnyChangesForRunningKey as G } from "../enums/html-validator.js";
 import { ToasterTypeOptions as l } from "../enums/toaster.js";
-import { itemsBlockDynamicVariables as P } from "../extensions/Blocks/Items/enums/productEnums.js";
-import { useRecommendationExtensionStore as j } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { useRecommendationStore as G } from "../stores/recommendation.js";
+import { itemsBlockDynamicVariables as $ } from "../extensions/Blocks/Items/enums/productEnums.js";
+import { useRecommendationStore as j } from "../stores/recommendation.js";
 import { base64EncodeWithSpecialChars as q } from "../utils/base64.js";
-import { useHttp as z } from "./useHttp.js";
-import { useToaster as U } from "./useToaster.js";
-import { useTranslations as X } from "./useTranslations.js";
-const K = [
-  "img",
-  "url",
-  "name",
-  "price",
-  "currency",
-  "original_price",
-  "omnibus_price",
-  "omnibus_discount"
-];
-function Y() {
-  const a = j();
-  return Object.keys(a.blockStates).flatMap((d) => {
-    const f = a.blockStates[Number(d)], i = parseInt(f.recommendationConfigs.size) || 10;
-    return Array.from({ length: i }, (m, u) => u).flatMap((m) => K.map((u) => `${d}_${m}_${u}`));
-  });
-}
-const le = () => {
-  var p, y;
-  const { showToaster: a } = U(), { post: d } = z(), { config: f } = D(), i = X(), g = G(), m = ((y = (p = f.value) == null ? void 0 : p.partner) == null ? void 0 : y.messageType) === L.transactional, u = async (e) => {
-    const t = await d(
+import { useHttp as M } from "./useHttp.js";
+import { useToaster as X } from "./useToaster.js";
+import { useTranslations as z } from "./useTranslations.js";
+const oe = () => {
+  var d, f;
+  const { showToaster: c } = X(), { post: h } = M(), { config: v } = D(), a = z(), m = j(), u = ((f = (d = v.value) == null ? void 0 : d.partner) == null ? void 0 : f.messageType) === H.transactional, C = async (e) => {
+    const t = await h(
       "/newsletter/template-library/check-template-html-body",
       { html: q(e) }
-    ), { status: n, message: c } = t.data;
-    return n || a({
+    ), { status: n, message: r } = t.data;
+    return n || c({
       type: l.Alert,
-      message: n === void 0 ? c : i("newsletter.invalid-url-link-for-toaster")
-    }), i(M), c === i($) && a({
+      message: n === void 0 ? r : a("newsletter.invalid-url-link-for-toaster")
+    }), a(_), r === a(G) && c({
       type: l.Alert,
-      message: i("newsletter.already-in-progress")
+      message: a("newsletter.already-in-progress")
     }), n;
-  }, b = (e) => !["if", "endif", "else", "elif", "now"].includes(e.toLowerCase()), S = (e) => ["if", "endif"].includes(e.toLowerCase()), w = (e, s) => {
+  }, w = (e) => !["if", "endif", "else", "elif", "now"].includes(e.toLowerCase()), S = (e) => ["if", "endif"].includes(e.toLowerCase()), b = (e, s) => {
     const t = e.match(/({%(.*?)%})/g);
     let n = !0;
-    return t !== null && !m && t.forEach((c) => {
-      const o = c.slice(2, -2).trim().match(/(".*?"|[^"\s]+)(?=\s*|\s*$)/g);
-      if (o && o.length > 0) {
-        const [r] = o;
-        b(r) && !s.includes(r) && (a({
+    return t !== null && !u && t.forEach((r) => {
+      const i = r.slice(2, -2).trim().match(/(".*?"|[^"\s]+)(?=\s*|\s*$)/g);
+      if (i && i.length > 0) {
+        const [o] = i;
+        w(o) && !s.includes(o) && (c({
           type: l.Warning,
-          message: i("custom-fields.invalid-custom-fields")
+          message: a("custom-fields.invalid-custom-fields")
         }), n = !1);
       }
     }), n;
   }, E = async (e, s, t) => {
-    const n = t ? await u(e) : !0;
-    return w(e, s) && n;
-  }, A = (e) => e.length > 0 ? !0 : (a({
+    const n = t ? await C(e) : !0;
+    return b(e, s) && n;
+  }, A = (e) => e.length > 0 ? !0 : (c({
     type: l.Warning,
-    message: i("newsletter.html-content-is-empty")
-  }), !1), k = (e) => {
+    message: a("newsletter.html-content-is-empty")
+  }), !1), x = (e) => {
     const s = (e.match(/{/gm) || []).length, t = (e.match(/}/gm) || []).length;
-    return s > t && a({
+    return s > t && c({
       type: l.Warning,
-      message: i("custom-fields.missing-closing-braces")
-    }), s < t && a({
+      message: a("custom-fields.missing-closing-braces")
+    }), s < t && c({
       type: l.Warning,
-      message: i("custom-fields.missing-opening-braces")
+      message: a("custom-fields.missing-opening-braces")
     }), s === t;
-  }, x = (e) => {
+  }, k = (e) => {
     const s = e.match(/{{\s*(\w+\s+((\w+\|\w+)|(\w+)))\s*}}/gm) === null;
-    return s || a({
+    return s || c({
       type: l.Warning,
-      message: i("custom-fields.invalid-custom-fields")
+      message: a("custom-fields.invalid-custom-fields")
     }), s;
   }, T = (e, s) => {
     const t = e.match(/{{([a-zA-Z0-9_\s]*)}}/gm);
-    if (t && !m) {
-      const n = new Set(s.map((o) => o.toLowerCase())), c = [];
-      if (t.forEach((o) => {
-        const r = o.slice(2, -2).trim().toLowerCase();
-        (!n.has(r) || r === "") && c.push(r);
-      }), c.length > 0) {
-        const o = `
+    if (t && !u) {
+      const n = new Set(s.map((i) => i.toLowerCase())), r = [];
+      if (t.forEach((i) => {
+        const o = i.slice(2, -2).trim().toLowerCase();
+        (!n.has(o) || o === "") && r.push(o);
+      }), r.length > 0) {
+        const i = `
                     <ul>
-                        ${c.map((r) => `<li>${r}</li>`).join("")}
+                        ${r.map((o) => `<li>${o}</li>`).join("")}
                     </ul>
                 `;
-        return a({
+        return c({
           type: l.Alert,
-          message: i("custom-fields.invalid-custom-fields") + o
+          message: a("custom-fields.invalid-custom-fields") + i
         }), !1;
       }
     }
     return !0;
-  }, I = (e) => {
+  }, F = (e) => {
     const s = e.match(/{%(.*?)%}/g), t = [];
     let n = !0;
-    if (s && s.forEach((c) => {
-      const o = c.match(V), r = c.match(H), B = (o == null ? void 0 : o.join("")) || "";
-      (!o || c !== B) && !r && (a({
+    if (s && s.forEach((r) => {
+      const i = r.match(P), o = r.match(R), V = (i == null ? void 0 : i.join("")) || "";
+      (!i || r !== V) && !o && (c({
         type: l.Alert,
-        message: i("newsletter.display-conditions-invalid-syntax")
-      }), n = !1), o && o.forEach((h) => {
-        h.trim() === "=" && (a({
+        message: a("newsletter.display-conditions-invalid-syntax")
+      }), n = !1), i && i.forEach((g) => {
+        g.trim() === "=" && (c({
           type: l.Alert,
-          message: i("custom-conditions.wrong-equality-operators")
+          message: a("custom-conditions.wrong-equality-operators")
         }), n = !1);
-        const C = h.match(/^[a-zA-Z]*$/g);
-        C && C.forEach((v) => {
-          S(v) && t.push(v);
+        const p = g.match(/^[a-zA-Z]*$/g);
+        p && p.forEach((y) => {
+          S(y) && t.push(y);
         });
       });
     }), t.length) {
-      const c = t.filter((r) => r === "if"), o = t.filter((r) => r === "endif");
-      c.length !== o.length && (a({
+      const r = t.filter((o) => o === "if"), i = t.filter((o) => o === "endif");
+      r.length !== i.length && (c({
         type: l.Alert,
-        message: i("custom-conditions.missing-if-endif-tag")
+        message: a("custom-conditions.missing-if-endif-tag")
       }), n = !1);
     }
     return n;
-  }, F = (e) => {
+  }, I = (e) => {
     const s = (e.match(/{% /gm) || []).length, t = (e.match(/ %}/gm) || []).length, n = s === t;
-    return n || a({
+    return n || c({
       type: l.Warning,
-      message: i("custom-conditions.no-space-after-braces")
+      message: a("custom-conditions.no-space-after-braces")
     }), n;
-  }, _ = (e) => (e.match(/({%(.*?)%})/g) || []).filter((t) => t.includes("if")).map((t) => (t.match(/{{.*}}/gm) || []).length).reduce((t, n) => t + n, 0) > 0 ? (a({
+  }, W = (e) => (e.match(/({%(.*?)%})/g) || []).filter((t) => t.includes("if")).map((t) => (t.match(/{{.*}}/gm) || []).length).reduce((t, n) => t + n, 0) > 0 ? (c({
     type: l.Warning,
-    message: i("custom-conditions.no-braces-inside-if-tag")
-  }), !1) : !0, N = () => g.recommendationConfigs && Object.values(g.recommendationConfigs).find((s) => s.filters.find((t) => t.value === "")) !== void 0 ? (a({
+    message: a("custom-conditions.no-braces-inside-if-tag")
+  }), !1) : !0, L = () => m.recommendationConfigs && Object.values(m.recommendationConfigs).find((s) => s.filters.find((t) => t.value === "")) !== void 0 ? (c({
     type: l.Alert,
-    message: i("newsletter.fill-all-necessary-fields")
-  }), !1) : !0, O = (e) => {
+    message: a("newsletter.fill-all-necessary-fields")
+  }), !1) : !0, N = (e) => {
     const s = /src="[^"]*\.(svg|pst)"/gm;
-    return e.match(s) === null ? !0 : (a({
+    return e.match(s) === null ? !0 : (c({
       type: l.Alert,
-      message: i("newsletter.invalid-image-type")
+      message: a("newsletter.invalid-image-type")
     }), !1);
-  }, W = (e) => {
+  }, O = (e) => {
     const n = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".checkbox-block-v2");
-    return Array.from(n).find((o) => {
-      var r;
-      return !((r = o.id) != null && r.trim());
-    }) ? (a({
+    return Array.from(n).find((i) => {
+      var o;
+      return !((o = i.id) != null && o.trim());
+    }) ? (c({
       type: l.Alert,
-      message: i("unsubscribe-templates.select-checkbox-groups")
+      message: a("unsubscribe-templates.select-checkbox-groups")
     }), !1) : !0;
-  }, R = (e) => {
+  }, B = (e) => {
     const n = new DOMParser().parseFromString(e, "text/html").querySelectorAll(".radio-button-v2");
-    return Array.from(n).find((o) => {
-      var r;
-      return !((r = o.id) != null && r.trim());
-    }) ? (a({
+    return Array.from(n).find((i) => {
+      var o;
+      return !((o = i.id) != null && o.trim());
+    }) ? (c({
       type: l.Alert,
-      message: i("unsubscribe-templates.select-radio-button-groups")
+      message: a("unsubscribe-templates.select-radio-button-groups")
     }), !1) : !0;
   };
   return { validateHtml: async (e, s, t = !1) => {
-    const n = [
-      ...s.map((o) => o.value),
-      ...P,
-      ...Y()
-    ];
-    return await E(e, n, t) && A(e) && k(e) && x(e) && T(e, n) && I(e) && F(e) && _(e) && N() && O(e) && W(e) && R(e);
+    const n = [...s.map((i) => i.value), ...$];
+    return await E(e, n, t) && A(e) && x(e) && k(e) && T(e, n) && F(e) && I(e) && W(e) && L() && N(e) && O(e) && B(e);
   } };
 };
 export {
-  le as useHtmlValidator
+  oe as useHtmlValidator
 };

package/dist/composables/useRecommendation.js

@@ -1,60 +1,27 @@
-import { RecommendationFeedSourceMaps as g, URLS as p } from "../enums/extensions/recommendationBlock.js";
-import { MinDeviceViewport as R, DefaultPadding as b } from "../enums/recommendation.js";
-import { useRecommendationExtensionStore as l } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { generateCompleteFilterQuery as x } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
-import { useConfigStore as C } from "../stores/config.js";
-const N = () => ({
+import { MinDeviceViewport as r, DefaultPadding as c } from "../enums/recommendation.js";
+const m = () => ({
   calculateCardWidth: ({
-    mobileLeftPadding: i,
-    mobileRightPadding: n,
-    cardsInRow: o,
-    unresponsive: a
+    mobileLeftPadding: e,
+    mobileRightPadding: a,
+    cardsInRow: n,
+    unresponsive: i
   }) => {
-    const r = a ? o : 1, e = i + n + (r - 1) * b;
-    return (R - e) / r;
+    const t = i ? n : 1, o = e + a + (t - 1) * c;
+    return (r - o) / t;
   },
-  getRecommendationCampaignData: (i) => {
-    const n = l(), o = Number(i), a = n.blockStates[o];
-    if (!a)
-      return {
-        textTrimming: !1,
-        orientation: "vertical",
-        mobileLeftPadding: 0,
-        mobileRightPadding: 0,
-        cardsInRow: 2,
-        unresponsive: !1,
-        priceBeforeTextValue: "",
-        priceAfterTextValue: "",
-        discountBeforeTextValue: "",
-        discountAfterTextValue: ""
-      };
-    const { recommendationConfigs: r } = a, e = r.orientation === "grid" ? "vertical" : "horizontal";
-    return {
-      textTrimming: r.textTrimming,
-      orientation: e,
-      mobileLeftPadding: 0,
-      mobileRightPadding: 0,
-      cardsInRow: r.cardsInRow,
-      unresponsive: r.unresponsive,
-      priceBeforeTextValue: "",
-      priceAfterTextValue: "",
-      discountBeforeTextValue: "",
-      discountAfterTextValue: ""
-    };
-  },
-  buildCampaignUrl: (i) => {
-    var d;
-    const n = l(), o = C(), a = Number(i), r = n.blockStates[a];
-    if (!r)
-      return "";
-    const { recommendationConfigs: e } = r, u = ((d = g.find((s) => s.key === e.strategy)) == null ? void 0 : d.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}");
-    const f = e.filters.filter((s) => s.isValid), c = x(f);
-    c && t.set("filter", c), e.shuffleProducts && t.set("shuffle", "true");
-    const m = `${p.RECOMMENDATION_API_URL}/v2/${u}?${t.toString()}`;
-    return n.recommendationCampaignUrls[i] = m, m;
-  }
+  getRecommendationCampaignData: (e) => (console.debug(e), {
+    textTrimming: !1,
+    orientation: "vertical",
+    mobileLeftPadding: 0,
+    mobileRightPadding: 0,
+    cardsInRow: 2,
+    unresponsive: !1,
+    priceBeforeTextValue: "",
+    priceAfterTextValue: "",
+    discountBeforeTextValue: "",
+    discountAfterTextValue: ""
+  })
 });
 export {
-  N as useRecommendation
+  m as useRecommendation
 };

package/dist/config/compiler/recommendationCompilerRules.js

@@ -1,16 +1,15 @@
-import { useRecommendation as f } from "../../composables/useRecommendation.js";
-import { DUMMY_IMAGE_MAPPINGS as P, REGEX as m, VerticalOrientation as g, CSS as e, ATTRIBUTES as a, CONDITIONS as A, HTML as h } from "../../enums/recommendation.js";
-import { prepareRecommendationBlocks as D } from "./utils/recommendationCompilerUtils.js";
-const G = [
+import { useRecommendation as u } from "../../composables/useRecommendation.js";
+import { DUMMY_IMAGE_MAPPINGS as P, REGEX as i, CSS as e, CONDITIONS as E, ATTRIBUTES as r, HTML as h } from "../../enums/recommendation.js";
+const H = [
   {
     id: "replace-images-with-variable-names",
     description: "Replacing dummy images with variable names in recommendation module",
     type: "custom",
-    processor: (s) => {
-      let t = s;
-      return Object.entries(P).forEach(([, l]) => {
-        Object.entries(l).forEach(([n, o]) => {
-          t = t.replaceAll(o, `{{${n}}}`);
+    processor: (a) => {
+      let t = a;
+      return Object.entries(P).forEach(([, n]) => {
+        Object.entries(n).forEach(([s, o]) => {
+          t = t.replaceAll(o, `{{${s}}}`);
         });
       }), t;
     },
@@ -29,17 +28,17 @@ const G = [
     id: "add-recommendation-unresponsive-css",
     description: "Adding recommendation unresponsive css",
     type: "custom",
-    processor: (s) => {
-      const { calculateCardWidth: t, getRecommendationCampaignData: l } = f();
-      let n = s;
-      const o = n.match(m.ID);
-      if (o) {
-        const d = [];
-        if (o.forEach((c) => {
-          const E = /recommendation-id="(.*?)"/i.exec(c), I = E ? E[1].trim() : "", p = l(I);
-          p.textTrimming && p.orientation === g && d.push(t(p));
-        }), d.length) {
-          const c = `width:${Math.min(...d)}px!important;`;
+    processor: (a) => {
+      const { getRecommendationCampaignData: t } = u();
+      let n = a;
+      const s = n.match(i.ID);
+      if (s) {
+        const o = [];
+        if (s.forEach((c) => {
+          const m = c.slice(35, c.length - 1).trim();
+          t(m);
+        }), o.length) {
+          const c = `width:${Math.min(...o)}px!important;`;
           n = n.replace(e.REGULAR_NAME_HEIGHT, `${e.TRIMMED_NAME_HEIGHT} ${c} ${e.ELLIPSIS}`).replace(e.REGULAR_NAME_CONTAINER_HEIGHT, e.TRIMMED_NAME_CONTAINER_CSS).replace(e.RESPONSIVE_NAME_SIZE, `${e.RESPONSIVE_NAME_HEIGHT} ${c} ${e.ELLIPSIS}`).replace(e.RESPONSIVE_NAME_CONTAINER_HEIGHT, e.TRIMMED_RESPONSIVE_NAME_CONTAINER_CSS);
         }
       }
@@ -47,37 +46,32 @@ const G = [
     },
     priority: 52
   },
-  {
-    id: "prepare-recommendations",
-    description: "Replacing product data with template variables in recommendation blocks",
-    type: "custom",
-    processor: (s) => D(s),
-    priority: 48
-  },
+  // TODO: prepareRecommendations
+  // TODO: addRecommendationCustomFields
   {
     id: "add-discount-conditions",
     description: "Adding discount conditions to the recommendation block",
     type: "custom",
-    processor: (s) => {
-      let t = s;
-      const l = t.match(m.ATTRIBUTE_PARAGRAPH), { getRecommendationCampaignData: n } = f();
-      return l !== null && l.forEach((o) => {
-        const d = o.match(m.CUSTOM_FIELD);
-        if (!d)
+    processor: (a) => {
+      let t = a;
+      const n = t.match(i.ATTRIBUTE_PARAGRAPH), { getRecommendationCampaignData: s } = u();
+      return n !== null && n.forEach((o) => {
+        const c = o.match(i.CUSTOM_FIELD);
+        if (!c)
           return;
-        const [c] = d, E = c.match(m.CUSTOM_FIELD_INDEXES_PART), I = c.match(m.CUSTOM_FIELD_NAME_PART), p = o.match(m.ATTRIBUTE_PARAGRAPH_START_TAG);
-        if (!E || !I || !p)
+        const [m] = c, p = m.match(i.CUSTOM_FIELD_INDEXES_PART), A = m.match(i.CUSTOM_FIELD_NAME_PART), _ = o.match(i.ATTRIBUTE_PARAGRAPH_START_TAG);
+        if (!p || !A || !_)
           return;
-        const [u] = E, [R] = I, [_] = p, T = R.substring(1, R.length - 2), S = _.match(m.COMPOSITION) !== null;
-        let i = c;
-        if (S) {
-          const $ = u.substring(2, u.length - 3), r = n($);
-          T === a.OMNIBUS_PRICE && (r.priceBeforeTextValue && (i = `${r.priceBeforeTextValue}${i}`), r.priceAfterTextValue && (i = `${i}${r.priceAfterTextValue}`)), T === a.OMNIBUS_DISCOUNT && (r.discountBeforeTextValue && (i = `${r.discountBeforeTextValue}${i}`), r.discountAfterTextValue && (i = `${i}${r.discountAfterTextValue}`));
+        const [l] = p, [T] = A, [d] = _, N = T.substring(1, T.length - 2), R = d.match(i.COMPOSITION) !== null;
+        let O = m;
+        if (R) {
+          const M = l.substring(2, l.length - 3);
+          s(M);
         }
-        const N = u.substring(2);
-        let M = "";
-        T in A.IF && (M = A.IF[T].replaceAll(`{${a.DISCOUNT}}`, `${N}${a.DISCOUNT}`).replaceAll(`{${a.OMNIBUS_DISCOUNT}}`, `${N}${a.OMNIBUS_DISCOUNT}`).replaceAll(`{${a.OMNIBUS_PRICE}}`, `${N}${a.OMNIBUS_PRICE}`));
-        const O = `${_}${i}${h.PARAGRAPH_END_TAG}`, C = `${M}${S ? O : o}${A.ELSE}${_}${h.PARAGRAPH_END_TAG}${A.END_IF}`;
+        const I = l.substring(2);
+        let S = "";
+        N in E.IF && (S = E.IF[N].replaceAll(`{${r.DISCOUNT}}`, `${I}${r.DISCOUNT}`).replaceAll(`{${r.OMNIBUS_DISCOUNT}}`, `${I}${r.OMNIBUS_DISCOUNT}`).replaceAll(`{${r.OMNIBUS_PRICE}}`, `${I}${r.OMNIBUS_PRICE}`));
+        const $ = `${d}${O}${h.PARAGRAPH_END_TAG}`, C = `${S}${R ? $ : o}${E.ELSE}${d}${h.PARAGRAPH_END_TAG}${E.END_IF}`;
         t = t.replace(o, C);
       }), t;
     },
@@ -85,5 +79,5 @@ const G = [
   }
 ];
 export {
-  G as recommendationCompilerRules
+  H as recommendationCompilerRules
 };

package/dist/config/migrator/itemsBlockMigrator.js

@@ -74,7 +74,7 @@ const w = {
 function F() {
   return String(Date.now() + Math.floor(Math.random() * 1e3));
 }
-function q(r) {
+function $(r) {
   return r ? {
     CartItems: d.ITEMS_TYPE.CART_ITEMS,
     BrowsedItems: d.ITEMS_TYPE.BROWSED_ITEMS,
@@ -85,7 +85,7 @@ function q(r) {
   }[r] || d.ITEMS_TYPE.CART_ITEMS : d.ITEMS_TYPE.CART_ITEMS;
 }
 function R(r) {
-  const t = (a, o) => a == null ? o : a === "1" || a === "true", e = (a, o) => a || o, i = r["data-type"] || r["data-source"], l = q(i);
+  const t = (a, o) => a == null ? o : a === "1" || a === "true", e = (a, o) => a || o, i = r["data-type"] || r["data-source"], l = $(i);
   let n = r["data-cart_items_select_control_value"] || g.cartItemsSelectControlValue;
   if (n && !n.includes("{{") && /^\d+$/.test(n)) {
     const a = parseInt(n) - 1, o = E[l];
@@ -124,7 +124,7 @@ function R(r) {
     buttonVisible: t(r["data-product_button_control_enabled"], !0)
   };
 }
-const $ = {
+const q = {
   ins_apr: "CART_ITEMS",
   browsed_item: "BROWSED_ITEMS",
   purchased_item: "PURCHASED_ITEMS"
@@ -196,12 +196,12 @@ class V {
    */
   extractConfiguration(t) {
     var C, D, P;
-    const e = ((C = t.querySelector("[data-type]")) == null ? void 0 : C.getAttribute("data-type")) || "CART_ITEMS", i = ((D = t.querySelector("[data-number]")) == null ? void 0 : D.getAttribute("data-number")) || "1", l = parseInt(i) - 1, n = E[e], a = ((P = n == null ? void 0 : n[l]) == null ? void 0 : P.value) || n[0].value, o = t.querySelector('[product-attr="price"]'), _ = (o == null ? void 0 : o.getAttribute("data-currency_symbol")) || "USD", f = ((o == null ? void 0 : o.getAttribute("data-curency")) || "before") === "after" ? "1" : "0", u = (o == null ? void 0 : o.getAttribute("data-formated")) !== "false", s = this.extractConfigBlockAttributes(t, e, i), b = s["data-card_orientation_control_value"];
-    let S;
-    b ? S = b === "horizontal" ? "horizontal" : "vertical" : S = t.querySelector('[colspan="2"]') !== null ? "vertical" : "horizontal";
+    const e = ((C = t.querySelector("[data-type]")) == null ? void 0 : C.getAttribute("data-type")) || "CART_ITEMS", i = ((D = t.querySelector("[data-number]")) == null ? void 0 : D.getAttribute("data-number")) || "1", l = parseInt(i) - 1, n = E[e], a = ((P = n == null ? void 0 : n[l]) == null ? void 0 : P.value) || n[0].value, o = t.querySelector('[product-attr="price"]'), _ = (o == null ? void 0 : o.getAttribute("data-currency_symbol")) || "USD", f = ((o == null ? void 0 : o.getAttribute("data-curency")) || "before") === "after" ? "1" : "0", u = (o == null ? void 0 : o.getAttribute("data-formated")) !== "false", s = this.extractConfigBlockAttributes(t, e, i), S = s["data-card_orientation_control_value"];
+    let b;
+    S ? b = S === "horizontal" ? "horizontal" : "vertical" : b = t.querySelector('[colspan="2"]') !== null ? "vertical" : "horizontal";
     const p = t.querySelector('a[product-attr="name"]'), T = (p == null ? void 0 : p.getAttribute("style")) || void 0, y = t.querySelector('a[product-attr="button"]'), m = (y == null ? void 0 : y.getAttribute("style")) || void 0, k = (o == null ? void 0 : o.getAttribute("style")) || void 0, I = t.querySelector("p.original-price"), h = (I == null ? void 0 : I.getAttribute("style")) || void 0, A = t.querySelector('[product-attr="quantity"]'), L = (A == null ? void 0 : A.getAttribute("style")) || void 0;
     return {
-      orientation: S,
+      orientation: b,
       itemsType: e,
       itemId: a,
       currencySymbol: _,
@@ -299,14 +299,14 @@ class V {
    * - Purchased Items: purchased_item_total_product_kind, purchased_item_price_N, purchased_item_originalprice_N
    */
   removeJinjaConditionals(t) {
-    let e = t.replace(
-      /\{%\s*if\s+(ins_apr|browsed_item|purchased_item)_total_product_kind\s*(>|>)\s*\d+\s*%\}/g,
-      ""
-    );
+    let e = t;
     return e = e.replace(
-      /\{%\s*if\s+(ins_apr|browsed_item|purchased_item)_price_\d+\s*(!=|!=)\s*\1_originalprice_\d+\s*%\}/g,
-      ""
-    ), e = e.replace(/\{%\s*endif\s*%\}/g, ""), e = e.replace(/\n\s*\n\s*\n/g, `
+      /\{%\s*if\s+(ins_apr|browsed_item|purchased_item)_price_(\d+)\s*(!=|!=)\s*\1_originalprice_\2\s*%\}([\s\S]*?)\{%\s*endif\s*%\}/g,
+      "$4"
+    ), e = e.replace(
+      /\{%\s*if\s+(ins_apr|browsed_item|purchased_item)_total_product_kind\s*(>|>)\s*\d+\s*%\}([\s\S]*?)\{%\s*endif\s*%\}/g,
+      "$3"
+    ), e = e.replace(/\n\s*\n\s*\n/g, `
 
 `), e;
   }
@@ -325,16 +325,16 @@ class V {
       const n = l.match(/^(ins_apr|browsed_item|purchased_item)_([a-z_]+)_(\d+)$/);
       if (!n)
         return i;
-      const [, a, o, _] = n, c = $[a];
+      const [, a, o, _] = n, c = q[a];
       if (!c)
         return console.warn(`Unknown variable prefix: ${a}`), i;
       const f = w[o];
       if (!f)
         return console.warn(`Unknown variable suffix mapping for: ${o}`), i;
-      const { pairsKey: u, defaultKey: s, isArray: b } = f, p = e[u][c];
+      const { pairsKey: u, defaultKey: s, isArray: S } = f, p = e[u][c];
       if (!p)
         return console.warn(`No data found for: ${u}.${c}`), i;
-      if (b) {
+      if (S) {
         const y = parseInt(_) - 1, m = p[s];
         return Array.isArray(m) && m[y] ? m[y] : (console.warn(`Array value not found: ${u}.${c}.${s}[${y}]`), i);
       }