@useinsider/guido 2.1.0-beta.f30d59a → 2.1.0-beta.f8696fd

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 p } from "../../../../composables/useTranslations.js";
-import { useRecommendationExtensionStore as c } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
+import { useTranslations as c } from "../../../../composables/useTranslations.js";
+import { useRecommendationExtensionStore as p } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
 import u from "./Filters.vue.js";
-const b = /* @__PURE__ */ n({
+const v = /* @__PURE__ */ n({
   __name: "FilterSelectionDrawer",
-  setup(m) {
-    const t = p(), o = c(), e = a(!1), s = l(() => ({
+  setup(f) {
+    const r = c(), t = p(), e = a(!1), s = l(() => ({
       primaryButton: {
         styling: "solid",
         type: "primary",
-        labelText: t(
+        labelText: r(
           e.value ? "unsubscription-preference.selecting-type" : "products.select-and-continue"
         ),
         loadingStatus: e.value,
@@ -19,19 +19,20 @@ const b = /* @__PURE__ */ n({
       cancelOrBackButton: {
         styling: "ghost",
         type: "secondary",
-        labelText: t("products.cancel"),
+        labelText: r("products.cancel"),
         disabledStatus: e.value
       }
-    })), r = () => {
-      o.filterSelectionDrawerStatus = !1;
+    })), o = () => {
+      t.closeFilterDrawer();
     };
-    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);
+    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;
     }, WpDrawer: i, Filters: u };
   }
 });
 export {
-  b as default
+  v as default
 };

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

@@ -1,21 +1,23 @@
-import l from "./EditorActions.vue2.js";
+import r from "./EditorActions.vue2.js";
 /* empty css                   */
-import r from "../../../_virtual/_plugin-vue2_normalizer.js";
-var d = function() {
+import d from "../../../_virtual/_plugin-vue2_normalizer.js";
+var u = function() {
   var s, i, n, a;
   var e = this, o = e._self._c, t = e._self._setupProxy;
-  return o("div", { staticClass: "d-f editor-actions" }, [t.isVersionHistoryButtonVisible ? o(t.InButtonV2, { attrs: { id: "guido__history-button", "left-icon": "line-architect-version-history", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryButtonDisabled, "label-text-status": !1, "selected-status": t.editorStore.isVersionHistoryOpen, "tooltip-options": t.getTooltipOptions("guido__history-button"), "tooltip-text": t.versionHistoryTooltipText }, on: { click: t.handleVersionHistory } }) : e._e(), o(t.InButtonV2, { attrs: { id: "guido__export-button", "left-icon": "line-export", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isExportButtonDisabled, "label-text-status": !1, "loading-status": t.isExporting, "tooltip-options": t.getTooltipOptions("guido__export-button"), "tooltip-text": t.trans("newsletter.export") }, on: { click: t.handleExport } }), (i = (s = t.config) == null ? void 0 : s.features) != null && i.saveAsTemplate ? o(t.InButtonV2, { attrs: { id: "guido__save-as-button", "left-icon": "line-newsletter-save-as-template", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isSaveAsButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__save-as-button"), "tooltip-text": t.trans("newsletter.save-templates") }, on: { click: t.handleSaveAs } }) : e._e(), (a = (n = t.config) == null ? void 0 : n.features) != null && a.testMessage ? o(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isTestButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__test-button", { staticPosition: "bottom right" }), "tooltip-text": t.trans("newsletter.test-email") }, on: { click: t.testEmailClick } }) : e._e(), t.editorStore.isPreviewModeOpen ? e._e() : o(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "label-text": "Save", "disabled-status": !t.isSaving && t.editorStore.isSaveButtonDisabled, "loading-status": t.isSaving }, on: { click: function(_) {
+  return o("div", { staticClass: "d-f editor-actions" }, [t.isVersionHistoryButtonVisible ? o(t.InButtonV2, { attrs: { id: "guido__history-button", "left-icon": "line-architect-version-history", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryButtonDisabled, "label-text-status": !1, "selected-status": t.editorStore.isVersionHistoryOpen, "tooltip-options": t.getTooltipOptions("guido__history-button"), "tooltip-text": t.versionHistoryTooltipText }, on: { click: t.handleVersionHistory } }) : e._e(), o(t.InButtonV2, { attrs: { id: "guido__export-button", "left-icon": "line-export", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isExportButtonDisabled, "label-text-status": !1, "loading-status": t.isExporting, "tooltip-options": t.getTooltipOptions("guido__export-button"), "tooltip-text": t.trans("newsletter.export") }, on: { click: t.handleExport } }), (i = (s = t.config) == null ? void 0 : s.features) != null && i.saveAsTemplate ? o(t.InButtonV2, { attrs: { id: "guido__save-as-button", "left-icon": "line-newsletter-save-as-template", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isSaveAsButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__save-as-button"), "tooltip-text": t.trans("newsletter.save-templates") }, on: { click: t.handleSaveAs } }) : e._e(), (a = (n = t.config) == null ? void 0 : n.features) != null && a.testMessage ? o(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isTestButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__test-button", { staticPosition: "bottom right" }), "tooltip-text": t.trans("newsletter.test-email") }, on: { click: t.testEmailClick } }) : e._e(), t.editorStore.isPreviewModeOpen ? e._e() : o(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "label-text": "Save", "disabled-status": !t.isSaving && t.editorStore.isSaveButtonDisabled, "loading-status": t.isSaving }, on: { click: function(l) {
     return t.handleSave(!1);
-  } } })], 1);
-}, u = [], p = /* @__PURE__ */ r(
-  l,
-  d,
+  } } }), t.isMigrationModalVisible ? o(t.MigrationConfirmModal, { on: { close: function(l) {
+    t.isMigrationModalVisible = !1;
+  }, confirm: t.handleMigrationConfirm } }) : e._e()], 1);
+}, p = [], c = /* @__PURE__ */ d(
+  r,
   u,
+  p,
   !1,
   null,
-  "17dd4d8b"
+  "92b1be6c"
 );
-const v = p.exports;
+const v = c.exports;
 export {
   v as default
 };

package/dist/components/organisms/header/EditorActions.vue2.js

@@ -1,41 +1,51 @@
-import { defineComponent as g, ref as u, computed as f } from "vue";
-import { useConfig as E } from "../../../composables/useConfig.js";
-import { useExport as h } from "../../../composables/useExport.js";
-import { useTestEmailClick as w } from "../../../composables/useGuidoActions.js";
-import { useSave as x } from "../../../composables/useSave.js";
-import { useTranslations as T } from "../../../composables/useTranslations.js";
-import { useVersionHistoryApi as O } from "../../../composables/useVersionHistoryApi.js";
-import { useEditorStore as A } from "../../../stores/editor.js";
-import { getTooltipOptions as C } from "../../../utils/tooltipUtils.js";
-import { InButtonV2 as k } from "@useinsider/design-system-vue";
-const J = /* @__PURE__ */ g({
+import { defineComponent as T, ref as l, computed as m } from "vue";
+import { useConfig as w } from "../../../composables/useConfig.js";
+import { useExport as C } from "../../../composables/useExport.js";
+import { useTestEmailClick as O } from "../../../composables/useGuidoActions.js";
+import { useSave as A } from "../../../composables/useSave.js";
+import { useTranslations as b } from "../../../composables/useTranslations.js";
+import { useVersionHistoryApi as k } from "../../../composables/useVersionHistoryApi.js";
+import { useEditorStore as B } from "../../../stores/editor.js";
+import { useTemplateStore as j } from "../../../stores/template.js";
+import { getTooltipOptions as D } from "../../../utils/tooltipUtils.js";
+import { InButtonV2 as I } from "@useinsider/design-system-vue";
+import P from "./MigrationConfirmModal.vue.js";
+const Y = /* @__PURE__ */ T({
   __name: "EditorActions",
-  setup(B, { expose: v }) {
-    const { config: n } = E(), { exportHtml: a } = h(), { save: l } = x(), { openVersionHistory: p, closeVersionHistory: c } = O(), o = A(), s = T(), r = u(!1), i = u(!1), d = w(), y = () => {
-      if (o.isVersionHistoryOpen) {
-        c();
+  setup(q, { expose: H }) {
+    const { config: u } = w(), { exportHtml: c } = C(), { save: p } = A(), { openVersionHistory: f, closeVersionHistory: v } = k(), t = B(), d = j(), s = b(), r = l(!1), i = l(!1), n = l(!1), S = O(), y = m(() => Object.values(d.migrations).some((o) => o > 0)), V = () => {
+      if (t.isVersionHistoryOpen) {
+        v();
         return;
       }
-      p();
-    }, H = async () => {
-      r.value = !0, await a(), r.value = !1;
-    }, V = () => {
-      o.isSaveAsTemplateDrawerOpen = !0;
-    }, S = f(() => o.isVersionHistoryOpen ? s("newsletter.close-version-history") : s("newsletter.version-history")), _ = f(
+      f();
+    }, h = async () => {
+      r.value = !0, await c(), r.value = !1;
+    }, _ = () => {
+      t.isSaveAsTemplateDrawerOpen = !0;
+    }, x = m(() => t.isVersionHistoryOpen ? s("newsletter.close-version-history") : s("newsletter.version-history")), E = m(
       () => {
-        var t, e;
-        return ((e = (t = n.value) == null ? void 0 : t.features) == null ? void 0 : e.versionHistory) && !o.isPreviewModeOpen;
+        var o, e;
+        return ((e = (o = u.value) == null ? void 0 : o.features) == null ? void 0 : e.versionHistory) && !t.isPreviewModeOpen;
       }
-    ), m = async (t) => {
-      i.value = !0, o.loadingStatus = !0;
-      const e = await l(t);
-      return i.value = !1, (t || !e) && (o.loadingStatus = !1), e;
+    ), a = async (o) => {
+      i.value = !0, t.loadingStatus = !0;
+      const e = await p(o);
+      return i.value = !1, (o || !e) && (t.loadingStatus = !1), e;
+    }, g = (o) => {
+      if (!o && y.value) {
+        n.value = !0;
+        return;
+      }
+      a(o);
+    }, M = () => {
+      n.value = !1, a(!1);
     };
-    return v({
-      handleSave: m
-    }), { __sfc: !0, config: n, exportHtml: a, save: l, openVersionHistory: p, closeVersionHistory: c, editorStore: o, trans: s, isExporting: r, isSaving: i, testEmailClick: d, handleVersionHistory: y, handleExport: H, handleSaveAs: V, versionHistoryTooltipText: S, isVersionHistoryButtonVisible: _, handleSave: m, getTooltipOptions: C, InButtonV2: k };
+    return H({
+      handleSave: g
+    }), { __sfc: !0, config: u, exportHtml: c, save: p, openVersionHistory: f, closeVersionHistory: v, editorStore: t, templateStore: d, trans: s, isExporting: r, isSaving: i, isMigrationModalVisible: n, testEmailClick: S, hasMigrations: y, handleVersionHistory: V, handleExport: h, handleSaveAs: _, versionHistoryTooltipText: x, isVersionHistoryButtonVisible: E, executeSave: a, handleSave: g, handleMigrationConfirm: M, getTooltipOptions: D, InButtonV2: I, MigrationConfirmModal: P };
   }
 });
 export {
-  J as default
+  Y as default
 };

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

@@ -0,0 +1,21 @@
+import n from "./MigrationConfirmModal.vue2.js";
+import s from "../../../_virtual/_plugin-vue2_normalizer.js";
+var i = function() {
+  var t = this, e = t._self._c, o = t._self._setupProxy;
+  return e(o.WpModal, { attrs: { id: "migration-confirm-modal", size: "X-small", "close-on-outside-click": !1, "footer-button-options": o.footerButtonOptions, title: o.trans("email-editor.migration-confirm-save") }, on: { close: function(r) {
+    return o.emit("close");
+  }, "primary-action": function(r) {
+    return o.emit("confirm");
+  } } }, [e("p", [t._v(" " + t._s(o.textParts.before)), e("strong", [t._v(t._s(o.blockNames))]), t._v(t._s(o.textParts.after) + " ")])]);
+}, a = [], _ = /* @__PURE__ */ s(
+  n,
+  i,
+  a,
+  !1,
+  null,
+  null
+);
+const f = _.exports;
+export {
+  f as default
+};

package/dist/components/organisms/header/MigrationConfirmModal.vue2.js

@@ -0,0 +1,38 @@
+import { defineComponent as f, ref as d, computed as r } from "vue";
+import u from "../../wrappers/WpModal.vue.js";
+import { useTranslations as g } from "../../../composables/useTranslations.js";
+import { useTemplateStore as b } from "../../../stores/template.js";
+const M = /* @__PURE__ */ f({
+  __name: "MigrationConfirmModal",
+  emits: ["close", "confirm"],
+  setup(_, { emit: i }) {
+    const o = b(), t = g(), a = d({
+      cancelOrBackButton: {
+        type: "secondary",
+        labelText: t("campaign-builder.cancel"),
+        styling: "ghost"
+      },
+      primaryButton: {
+        type: "primary",
+        labelText: t("email-editor.migration-confirm-save")
+      }
+    }), s = r(() => {
+      const e = o.migrations["recommendation-block"] > 0, m = o.migrations["items-block"] > 0;
+      if (e && m) {
+        const l = t("email-recommendation.recommendation"), p = t("email-items.items");
+        return `${l} ${t("campaign-builder.or")} ${p}`;
+      }
+      return t(m ? "email-items.items" : "email-recommendation.recommendation");
+    }), n = "email-editor.migration-confirm-message", c = r(() => {
+      const e = t(n).split("{blockNames}");
+      return {
+        before: e[0] || "",
+        after: e[1] || ""
+      };
+    });
+    return { __sfc: !0, emit: i, templateStore: o, trans: t, footerButtonOptions: a, blockNames: s, MESSAGE_KEY: n, textParts: c, WpModal: u };
+  }
+});
+export {
+  M as default
+};

package/dist/composables/useHtmlValidator.js

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

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
 };