@useinsider/guido 2.1.0-beta.c1e85ba → 2.1.0-beta.c305789

package/dist/composables/useRecommendation.js

@@ -1,27 +1,60 @@
-import { MinDeviceViewport as r, DefaultPadding as c } from "../enums/recommendation.js";
-const m = () => ({
+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 = () => ({
   calculateCardWidth: ({
-    mobileLeftPadding: e,
-    mobileRightPadding: a,
-    cardsInRow: n,
-    unresponsive: i
+    mobileLeftPadding: i,
+    mobileRightPadding: n,
+    cardsInRow: o,
+    unresponsive: a
   }) => {
-    const t = i ? n : 1, o = e + a + (t - 1) * c;
-    return (r - o) / t;
+    const r = a ? o : 1, e = i + n + (r - 1) * b;
+    return (R - e) / r;
   },
-  getRecommendationCampaignData: (e) => (console.debug(e), {
-    textTrimming: !1,
-    orientation: "vertical",
-    mobileLeftPadding: 0,
-    mobileRightPadding: 0,
-    cardsInRow: 2,
-    unresponsive: !1,
-    priceBeforeTextValue: "",
-    priceAfterTextValue: "",
-    discountBeforeTextValue: "",
-    discountAfterTextValue: ""
-  })
+  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;
+  }
 });
 export {
-  m as useRecommendation
+  N as useRecommendation
 };

package/dist/composables/useSave.js

@@ -1,21 +1,17 @@
-import { useConfig as d } from "./useConfig.js";
-import { useSaveStart as p, useSaveComplete as f } from "./useGuidoActions.js";
-import { useSyncModuleExtractor as v } from "./useSyncModuleExtractor.js";
-import { useStripoApi as S } from "../services/stripoApi.js";
-import { useTemplatePreparation as x } from "../utils/templatePreparation.js";
-import { useHtmlValidator as V } from "./useHtmlValidator.js";
-const g = () => {
-  const o = p(), s = f(), { validateHtml: i } = V(), { callbacks: a } = d(), { extractSyncModuleData: r } = v(), { setSyncModuleUnsubscriptionPages: n } = S();
-  return { save: async (l = !1) => {
+import { useConfig as l } from "./useConfig.js";
+import { useSaveStart as m, useSaveComplete as c } from "./useGuidoActions.js";
+import { useTemplatePreparation as d } from "../utils/templatePreparation.js";
+import { useHtmlValidator as p } from "./useHtmlValidator.js";
+const w = () => {
+  const i = m(), s = c(), { validateHtml: o } = p(), { callbacks: a } = l();
+  return { save: async (r = !1) => {
     var e;
-    o();
-    const { prepareTemplateDetails: c } = x(), t = await c();
-    if (!await i(t.compiledHtml, t.dynamicContentList, !0) || (e = a.value) != null && e.externalValidation && !await a.value.externalValidation(t))
-      return;
-    const { unsubscribePayload: m, stripoModules: u } = r(t.rawHtml);
-    return await n(m), t.modules = u, l || s(t), t;
+    i();
+    const { prepareTemplateDetails: n } = d(), t = await n();
+    if (await o(t.compiledHtml, t.dynamicContentList, !0) && !((e = a.value) != null && e.externalValidation && !await a.value.externalValidation(t)))
+      return r || s(t), t;
   } };
 };
 export {
-  g as useSave
+  w as useSave
 };

package/dist/composables/useStripo.js

@@ -1,26 +1,27 @@
-import { useActionsApi as M } from "./useActionsApi.js";
-import { useBlocksConfig as A } from "./useBlocksConfig.js";
-import { useConfig as F } from "./useConfig.js";
-import { useCustomInterfaceAppearance as D } from "./useCustomInterfaceAppearance.js";
-import { useStripoEventHandler as I } from "./useStripoEventHandler.js";
-import { useToaster as U } from "./useToaster.js";
-import { displayConditions as P } from "../enums/displayConditions.js";
-import { useStripoApi as R } from "../services/stripoApi.js";
-import H from "../static/styles/customEditorStyle.css.js";
-import { useEditorStore as S } from "../stores/editor.js";
-import { dynamicContentToMergeTags as O } from "../utils/genericUtil.js";
-import q from "../package.json.js";
+import { useActionsApi as _ } from "./useActionsApi.js";
+import { useBlocksConfig as B } from "./useBlocksConfig.js";
+import { useConfig as v } from "./useConfig.js";
+import { useCustomInterfaceAppearance as A } from "./useCustomInterfaceAppearance.js";
+import { useStripoEventHandler as F } from "./useStripoEventHandler.js";
+import { useToaster as D } from "./useToaster.js";
+import { localePatch as I } from "../config/i18n/index.js";
+import { displayConditions as M } from "../enums/displayConditions.js";
+import { useStripoApi as U } from "../services/stripoApi.js";
+import P from "../static/styles/customEditorStyle.css.js";
+import { useEditorStore as R } from "../stores/editor.js";
+import { dynamicContentToMergeTags as H } from "../utils/genericUtil.js";
+import O from "../package.json.js";
 const Z = (c) => {
-  const { features: l, template: C } = F(), { handleError: u } = U(), { getToken: E, getCustomFonts: h, getSyncModulesStatus: w } = R(), { handleEvent: b } = I(), { getStripoBlocksConfig: k } = A(), T = async (i, n = [], r = !1) => {
-    var g, f, y;
-    const e = S(), { html: p, css: a } = i, { baseBlocks: t, extensions: d } = await k(), m = ((g = l.value) == null ? void 0 : g.displayConditions) ?? !0, _ = ((f = l.value) == null ? void 0 : f.modulesDisabled) ?? !1, B = ((y = C.value) == null ? void 0 : y.forceRecreate) ?? !1;
+  const { features: l, template: y } = v(), { handleError: u } = D(), { getToken: C, getCustomFonts: S } = U(), { handleEvent: E } = F(), { getStripoBlocksConfig: h } = B(), w = async (i, r = []) => {
+    var m, f, g;
+    const o = R(), { html: n, css: p } = i, { baseBlocks: s, extensions: t } = await h(), a = ((m = l.value) == null ? void 0 : m.displayConditions) ?? !0, k = ((f = l.value) == null ? void 0 : f.modulesDisabled) ?? !1, T = ((g = y.value) == null ? void 0 : g.forceRecreate) ?? !1;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
         metadata: c,
-        html: p,
-        css: a,
-        forceRecreate: B,
+        html: n,
+        css: p,
+        forceRecreate: T,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
@@ -30,89 +31,86 @@ const Z = (c) => {
         customAppearanceMergetags: !0,
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: H,
-        conditionsEnabled: m,
-        customConditionsEnabled: m,
-        conditionCategories: P,
+        customViewStyles: P,
+        conditionsEnabled: a,
+        customConditionsEnabled: a,
+        conditionCategories: M,
         enableXSSSecurity: !0,
-        modulesDisabled: _,
-        syncModulesEnabled: r,
+        modulesDisabled: k,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
         displayHiddenPreheader: !1,
         displayTitle: !1,
         displayUTM: !1,
         selectElementAfterDrop: !0,
-        ...t ? { baseBlocks: t } : {},
+        ...s ? { baseBlocks: s } : {},
         editorFonts: {
           showDefaultStandardFonts: !0,
           showDefaultNotStandardFonts: !0,
-          customFonts: n
+          customFonts: r
         },
         mergeTags: [
           {
-            entries: O(c.preselectedDynamicContentList)
+            entries: H(c.preselectedDynamicContentList)
           }
         ],
-        async onTokenRefreshRequest(o) {
+        async onTokenRefreshRequest(e) {
           try {
-            const s = await E();
-            o(s);
-          } catch (s) {
-            u(s, "Failed to refresh token");
+            const d = await C();
+            e(d);
+          } catch (d) {
+            u(d, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { importCss: o } = D(), { activateCustomViewStyles: s, updateTimerInClonedTemplate: v } = M();
-            o(), s(), v(), c.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
-              e.hasChanges = !1;
+            const { importCss: e } = A(), { activateCustomViewStyles: d, updateTimerInClonedTemplate: V } = _();
+            e(), d(), V(), c.onReady(), o.isStripoInitialized = !0, o.loadingStatus = !1, setTimeout(() => {
+              o.hasChanges = !1;
             }, 1e3);
-          } catch (o) {
-            u(o, "Failed to load custom interface appearance");
+          } catch (e) {
+            u(e, "Failed to load custom interface appearance");
           }
         },
-        onCodeEditorVisibilityChanged(o) {
-          e.isCodeEditorOpen = o;
+        onCodeEditorVisibilityChanged(e) {
+          o.isCodeEditorOpen = e;
         },
-        onEditorVisualModeChanged(o) {
-          e.editorVisualMode = o.toLowerCase();
+        onEditorVisualModeChanged(e) {
+          o.editorVisualMode = e.toLowerCase();
         },
-        onVersionHistoryVisibilityChanged(o) {
-          e.isVersionHistoryOpen = o;
+        onVersionHistoryVisibilityChanged(e) {
+          o.isVersionHistoryOpen = e;
         },
         onDataChanged() {
-          e.hasChanges = !0;
+          o.hasChanges = !0;
         },
-        onEvent: b,
+        onEvent: E,
         ignoreClickOutsideSelectors: [
           "#guido-dynamic-content-modal",
           ".in-on-board-wrapper",
           ".in-drawer__container"
         ],
-        extensions: d
+        extensions: t,
+        localePatch: I
       }
     );
-  }, V = (i) => new Promise((n, r) => {
-    var d;
+  }, b = (i) => new Promise((r, o) => {
+    var a;
     if (document.getElementById("UiEditorScript")) {
-      i(), n();
+      i(), r();
       return;
     }
-    const e = q.guido, a = `https://email-static.useinsider.com/guido/${(d = e == null ? void 0 : e.stripo) == null ? void 0 : d.version}/UIEditor.js`, t = document.createElement("script");
-    t.id = "UiEditorScript", t.type = "module", t.src = a, t.onload = () => {
-      i(), n();
+    const n = O.guido, s = `https://email-static.useinsider.com/guido/${(a = n == null ? void 0 : n.stripo) == null ? void 0 : a.version}/UIEditor.js`, t = document.createElement("script");
+    t.id = "UiEditorScript", t.type = "module", t.src = s, t.onload = () => {
+      i(), r();
     }, t.onerror = () => {
-      r(new Error(`Failed to load Stripo UIEditor script from S3: ${a}`));
+      o(new Error(`Failed to load Stripo UIEditor script from S3: ${s}`));
     }, document.body.appendChild(t);
   });
   return { initPlugin: async (i) => {
-    await V(async () => {
-      const n = S(), [r, e] = await Promise.all([
-        h(),
-        w()
-      ]);
-      n.syncModulesEnabled = e, await T(i, r, e);
+    await b(async () => {
+      const r = await S();
+      await w(i, r);
     });
   } };
 };

package/dist/composables/useStripoEventHandler.js

@@ -1,35 +1,20 @@
-import { useStripoApi as i } from "../services/stripoApi.js";
-import { useEditorStore as u } from "../stores/editor.js";
-import { useOnboardingStore as l } from "../stores/onboarding.js";
-import { useUnsubscribeStore as b } from "../stores/unsubscribe.js";
-const v = () => {
-  const { updateSyncModule: d, getSyncModule: r } = i(), n = u(), s = b(), a = {
-    block_dropped: ({ blockName: e }) => {
-      if (e === "BLOCK_TEXT") {
-        const o = l(), t = !o.shouldShowOnboarding("textBlockOnboarding"), c = o.isActive("textBlockOnboarding");
-        if (t || c)
+import { useOnboardingStore as i } from "../stores/onboarding.js";
+const c = () => {
+  const e = {
+    block_dropped: ({ blockName: t }) => {
+      if (t === "BLOCK_TEXT") {
+        const n = i(), o = !n.shouldShowOnboarding("textBlockOnboarding"), r = n.isActive("textBlockOnboarding");
+        if (o || r)
           return;
-        o.start("textBlockOnboarding");
+        n.start("textBlockOnboarding");
       }
-    },
-    module_saved: async (e) => {
-      n.syncModulesEnabled && (console.debug("[module_saved] Saved module data:", e), await d(e));
-    },
-    module_dropped: async (e) => {
-      if (!n.syncModulesEnabled)
-        return;
-      const { moduleId: o } = e, t = await r(o);
-      console.debug("[module_dropped] Sync module data:", t), t.unsubscriptionPreferencePages.length && await s.fetchTemplates();
-    },
-    module_updated: async (e) => {
-      n.syncModulesEnabled && (console.debug("[module_updated] Updated module data:", e), await d(e));
     }
   };
-  return { handleEvent: async (e, o) => {
-    const t = a[e];
-    console.debug("Stripo Event: ", e, o), t && await t(o);
+  return { handleEvent: async (t, n) => {
+    const o = e[t];
+    o && await o(n);
   } };
 };
 export {
-  v as useStripoEventHandler
+  c as useStripoEventHandler
 };

package/dist/composables/useVersionHistoryApi.js

@@ -35,7 +35,7 @@ const S = () => {
         () => {
           s({
             type: t.Success,
-            message: `${e} patch restored successfully.`
+            message: "Your version has been restored successfully."
           });
         },
         (o) => {

package/dist/config/compiler/recommendationCompilerRules.js

@@ -1,15 +1,16 @@
-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 = [
+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 = [
   {
     id: "replace-images-with-variable-names",
     description: "Replacing dummy images with variable names in recommendation module",
     type: "custom",
-    processor: (a) => {
-      let t = a;
-      return Object.entries(P).forEach(([, n]) => {
-        Object.entries(n).forEach(([s, o]) => {
-          t = t.replaceAll(o, `{{${s}}}`);
+    processor: (s) => {
+      let t = s;
+      return Object.entries(P).forEach(([, l]) => {
+        Object.entries(l).forEach(([n, o]) => {
+          t = t.replaceAll(o, `{{${n}}}`);
         });
       }), t;
     },
@@ -28,17 +29,17 @@ const H = [
     id: "add-recommendation-unresponsive-css",
     description: "Adding recommendation unresponsive css",
     type: "custom",
-    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;`;
+    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;`;
           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);
         }
       }
@@ -46,32 +47,37 @@ const H = [
     },
     priority: 52
   },
-  // TODO: prepareRecommendations
-  // TODO: addRecommendationCustomFields
+  {
+    id: "prepare-recommendations",
+    description: "Replacing product data with template variables in recommendation blocks",
+    type: "custom",
+    processor: (s) => D(s),
+    priority: 48
+  },
   {
     id: "add-discount-conditions",
     description: "Adding discount conditions to the recommendation block",
     type: "custom",
-    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)
+    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)
           return;
-        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 || !_)
+        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)
           return;
-        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 [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 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}`;
+        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}`;
         t = t.replace(o, C);
       }), t;
     },
@@ -79,5 +85,5 @@ const H = [
   }
 ];
 export {
-  H as recommendationCompilerRules
+  G as recommendationCompilerRules
 };

package/dist/config/compiler/utils/recommendationCompilerUtils.js

@@ -0,0 +1,121 @@
+import { useRecommendation as _ } from "../../../composables/useRecommendation.js";
+function b(e, u, r, o) {
+  const n = `{{${e}_${u}_${r}}}`, t = `{{${e}_${u}_currency}}`;
+  return o === "before" ? `${t} ${n}` : `${n} ${t}`;
+}
+function p(e, u, r, o, n) {
+  switch (u) {
+    case "productImage": {
+      const t = e.querySelector("img");
+      t && (t.setAttribute("src", `{{${r}_${o}_image_url}}`), t.setAttribute("alt", `{{${r}_${o}_name}}`));
+      const c = e.querySelector("a");
+      c && c.setAttribute("href", `{{${r}_${o}_url}}`);
+      break;
+    }
+    case "productName": {
+      const t = e.querySelector("p");
+      if (t) {
+        const c = t.querySelector("strong") || t;
+        c.textContent = `{{${r}_${o}_name}}`;
+      }
+      break;
+    }
+    case "productPrice": {
+      const t = e.querySelector("p");
+      if (t) {
+        const c = t.querySelector("strong") || t;
+        c.textContent = b(r, o, "price", n);
+      }
+      break;
+    }
+    case "productOldPrice": {
+      const t = e.querySelector("p");
+      if (t) {
+        const c = t.querySelector("strong") || t;
+        c.textContent = b(
+          r,
+          o,
+          "original_price",
+          n
+        ), t.setAttribute("product-attr", "discount");
+      }
+      break;
+    }
+    case "productButton": {
+      const t = e.querySelector("a");
+      t && t.setAttribute("href", `{{${r}_${o}_url}}`);
+      break;
+    }
+    case "productOmnibusPrice": {
+      const t = e.querySelector(".omnibus-price-value");
+      if (t) {
+        t.textContent = `{{${r}_${o}_omnibus_price}}`;
+        const c = t.closest("p");
+        c && (c.setAttribute("product-attr", "omnibus_price"), c.setAttribute("composition", "true"));
+      }
+      break;
+    }
+    case "productOmnibusDiscount": {
+      const t = e.querySelector(".omnibus-discount-value");
+      if (t) {
+        t.textContent = `{{${r}_${o}_omnibus_discount}}`;
+        const c = t.closest("p");
+        c && (c.setAttribute("product-attr", "omnibus_discount"), c.setAttribute("composition", "true"));
+      }
+      break;
+    }
+  }
+}
+function $(e, u, r) {
+  e.querySelectorAll(".recommendation-product-row").forEach((n, t) => {
+    n.querySelectorAll("[data-attribute-type]").forEach((s) => {
+      const i = s.getAttribute("data-attribute-type") || "", a = s.querySelectorAll(".attribute-cell");
+      a.length > 0 ? a.forEach((l) => {
+        p(l, i, u, t, r);
+      }) : p(s, i, u, t, r);
+    });
+  });
+}
+function S(e, u, r) {
+  const o = e.querySelectorAll(".recommendation-product-row");
+  if (!o.length)
+    return;
+  const [n] = o, t = n.querySelector("[data-attribute-type]"), c = t ? t.querySelectorAll(".attribute-cell").length : 1;
+  o.forEach((s, i) => {
+    s.querySelectorAll("[data-attribute-type]").forEach((l) => {
+      const f = l.getAttribute("data-attribute-type") || "";
+      l.querySelectorAll(".attribute-cell").forEach((y, m) => {
+        const A = i * c + m;
+        p(y, f, u, A, r);
+      });
+    });
+  });
+}
+function q(e, u, r) {
+  e.querySelectorAll(".ins-recommendation-product-container").forEach((n) => {
+    S(n, u, r);
+  });
+}
+function d(e, u) {
+  const r = e.getAttribute("data-layout") || "grid", o = e.getAttribute("currency-alignment") || "after";
+  r === "list" ? $(e, u, o) : q(e, u, o);
+}
+function h(e, u) {
+  const r = e.match(/<!DOCTYPE[^>]*>/i);
+  return (r ? `${r[0]}
+` : "") + u.documentElement.outerHTML;
+}
+function w(e) {
+  const u = e.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), r = new DOMParser().parseFromString(u, "text/html"), o = r.querySelectorAll(".ins-recommendation-v3-block-v2");
+  if (!o.length)
+    return e;
+  const { buildCampaignUrl: n } = _();
+  return o.forEach((c) => {
+    const s = c.getAttribute("recommendation-id");
+    s && (n(s), d(c, s));
+  }), h(u, r).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
+}
+export {
+  b as formatPriceVariable,
+  w as prepareRecommendationBlocks
+};

package/dist/config/i18n/en/index.js

@@ -0,0 +1,11 @@
+import o from "./labels.json.js";
+import t from "./toasters.json.js";
+import r from "./tooltips.json.js";
+const e = {
+  ...o,
+  ...r,
+  ...t
+};
+export {
+  e as en
+};

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

@@ -0,0 +1,12 @@
+const e = "Items", o = {
+  "Global Styles & Layout": "Global Styles and Layout",
+  "Structures & Modules": "Structures and Modules",
+  "Recommendation Block": "Recommendation",
+  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."
+};
+export {
+  e as Items,
+  o as default
+};