@useinsider/guido 3.2.0-beta.7e0c6bd → 3.2.0-beta.7fb9b70

package/dist/components/Guido.vue2.js

@@ -1,126 +1,133 @@
-import { defineComponent as X, defineAsyncComponent as s, ref as R, computed as A, watch as Y, onMounted as Z, onUnmounted as ee } from "vue";
-import { provideGuidoActions as te } from "../composables/useGuidoActions.js";
-import { usePartner as oe } from "../composables/usePartner.js";
-import { useStripo as ne } from "../composables/useStripo.js";
-import { useTimerClone as re } from "../composables/useTimerClone.js";
-import { migrate as I } from "../config/migrator/index.js";
-import { ModuleFolderDefaults as W } from "../enums/defaults.js";
-import { RIBBON_SELECTOR as se } from "../enums/onboarding.js";
-import ie from "./organisms/base/Toaster.vue.js";
+import { defineComponent as J, defineAsyncComponent as I, ref as W, computed as B, watch as Q, onMounted as X, onUnmounted as Y } from "vue";
+import { provideGuidoActions as Z } from "../composables/useGuidoActions.js";
+import { usePartner as ee } from "../composables/usePartner.js";
+import { useStripo as oe } from "../composables/useStripo.js";
+import { useTimerClone as te } from "../composables/useTimerClone.js";
+import { migrate as H } from "../config/migrator/index.js";
+import { ModuleFolderDefaults as x } from "../enums/defaults.js";
+import { RIBBON_SELECTOR as ne } from "../enums/onboarding.js";
+import re from "./organisms/AutoSaveController.vue.js";
+import se from "./organisms/base/Toaster.vue.js";
+import ce from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
 import ae from "./organisms/header/HeaderWrapper.vue.js";
-import ce from "./organisms/LoadingWrapper.vue.js";
-import { useStripoApi as me } from "../services/stripoApi.js";
-import { useConfigStore as de } from "../stores/config.js";
-import { useDynamicContentStore as le } from "../stores/dynamic-content.js";
-import { useEditorStore as pe } from "../stores/editor.js";
-import { usePreviewStore as ue } from "../stores/preview.js";
-import { useUnsubscribeStore as fe } from "../stores/unsubscribe.js";
-const Me = /* @__PURE__ */ X({
+import ie from "./organisms/LoadingWrapper.vue.js";
+import me from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import de from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
+import { useStripoApi as le } from "../services/stripoApi.js";
+import { useConfigStore as ue } from "../stores/config.js";
+import { useDynamicContentStore as pe } from "../stores/dynamic-content.js";
+import { useEditorStore as fe } from "../stores/editor.js";
+import { usePreviewStore as ve } from "../stores/preview.js";
+import { useUnsubscribeStore as ye } from "../stores/unsubscribe.js";
+const We = /* @__PURE__ */ J({
   __name: "Guido",
   props: {
     config: null
   },
   emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready", "onboarding:finished", "test-email:click"],
-  setup(B, { expose: H, emit: o }) {
-    const y = B, x = s(
-      () => import("./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js")
-    ), G = s(
-      () => import("./organisms/save-as-template/SaveAsTemplateDrawer.vue.js")
-    ), z = s(
-      () => import("./organisms/unsubscribe/UnsubscribeWrapper.vue.js")
-    ), q = s(
+  setup(G, { expose: z, emit: n }) {
+    const g = G, q = I(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), K = s(
+    ), K = I(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), h = R(), m = R(), d = le(), S = fe(), n = de();
-    n.init(y.config);
-    const l = pe(), V = ue(), i = A(() => l.hasChanges), { isTestPartner: $ } = oe(), C = () => h.value?.handleSave(!0), {
-      templateId: p,
-      userId: w,
-      partnerName: E,
-      username: D,
-      template: r,
-      editor: u
-    } = n, a = r?.html || "", T = r?.css || "", f = r?.preselectedDynamicContent || [], O = u?.savedModulesFolderName || W.SAVED_MODULES, k = u?.defaultModulesFolderName || W.DEFAULT_MODULES;
-    l.templateId = p;
-    const b = {
-      emailId: p,
-      userId: w,
-      username: D,
-      partnerName: E,
-      savedModulesFolderName: O,
-      defaultModulesFolderName: k
-    }, F = {
-      preselectedDynamicContentList: f,
+    ), w = W(), u = W(), p = pe(), E = ye(), i = ue();
+    i.init(g.config);
+    const f = fe(), V = ve(), m = B(() => f.hasChanges), { isTestPartner: $ } = ee(), D = () => {
+      var e;
+      return (e = w.value) == null ? void 0 : e.handleSave(!0);
+    }, {
+      templateId: v,
+      userId: C,
+      partnerName: T,
+      username: k,
+      template: o,
+      editor: s
+    } = i, d = (o == null ? void 0 : o.html) || "", F = (o == null ? void 0 : o.css) || "", y = (o == null ? void 0 : o.preselectedDynamicContent) || [], L = (s == null ? void 0 : s.savedModulesFolderName) || x.SAVED_MODULES, U = (s == null ? void 0 : s.defaultModulesFolderName) || x.DEFAULT_MODULES;
+    f.templateId = v;
+    const h = {
+      emailId: v,
+      userId: C,
+      username: k,
+      partnerName: T,
+      savedModulesFolderName: L,
+      defaultModulesFolderName: U
+    }, _ = {
+      preselectedDynamicContentList: y,
       onReady: () => {
-        console.debug("guido:ready"), o("ready");
+        console.debug("guido:ready"), n("ready");
       }
-    }, { initPlugin: L } = ne(b, F), { getDefaultTemplate: U } = me(), { cloneTimersOnSave: _, hasTimerBlocks: M } = re(), j = A(() => !n.ui?.showHeader);
-    te({
+    }, { initPlugin: M } = oe(h, _), { getDefaultTemplate: O } = le(), { cloneTimersOnSave: P, hasTimerBlocks: A } = te(), j = B(() => {
+      var e;
+      return !((e = i.ui) != null && e.showHeader);
+    });
+    Z({
       onBack: () => {
-        console.debug("guido:back"), o("back");
+        console.debug("guido:back"), n("back");
       },
       onSaveStart: () => {
-        console.debug("guido:save:start"), o("save:start");
+        console.debug("guido:save:start"), n("save:start");
       },
-      onSaveComplete: (t) => {
-        const e = { ...t, metadata: b };
-        console.debug("guido:save:complete", e), o("save:complete", e);
+      onSaveComplete: (e) => {
+        const t = { ...e, metadata: h };
+        console.debug("guido:save:complete", t), n("save:complete", t);
       },
       onTestEmailClick: () => {
-        console.debug("guido:test-email:click"), o("test-email:click");
+        console.debug("guido:test-email:click"), n("test-email:click");
       }
     });
-    const P = (t) => {
-      console.debug("dynamic-content:close", t), d.setSelectedDynamicContent(t), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: t }));
-    }, N = () => {
+    const N = (e) => {
+      console.debug("dynamic-content:close", e), p.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
+    }, R = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
-    Y(() => i.value, () => {
-      o("on-change", i.value);
+    Q(() => m.value, () => {
+      n("on-change", m.value);
     });
-    const v = (t) => {
-      const e = t, { attribute: J, position: Q } = e.detail;
-      console.debug("dynamic-content:open", e.detail), o("dynamic-content:open", J, Q);
+    const S = (e) => {
+      const t = e, { attribute: l, position: a } = t.detail;
+      console.debug("dynamic-content:open", t.detail), n("dynamic-content:open", l, a);
     };
     let c = null;
-    const g = () => {
-      const t = document.querySelector(se);
-      m.value?.style.setProperty("--ribbon-offset", `${t?.offsetHeight ?? 0}px`);
+    const b = () => {
+      var t;
+      const e = document.querySelector(ne);
+      (t = u.value) == null || t.style.setProperty("--ribbon-offset", `${(e == null ? void 0 : e.offsetHeight) ?? 0}px`);
     };
-    return Z(async () => {
-      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), g();
-      const t = m.value?.parentElement;
-      t && (c = new ResizeObserver(g), c.observe(t));
+    return X(async () => {
+      var t, l;
+      console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow"), b();
+      const e = (t = u.value) == null ? void 0 : t.parentElement;
+      e && (c = new ResizeObserver(b), c.observe(e));
       try {
-        S.selectedUnsubscribePages = r?.selectedUnsubscribePages || [];
-        let e = {
-          html: a && await I(a),
-          css: T
+        E.selectedUnsubscribePages = (o == null ? void 0 : o.selectedUnsubscribePages) || [];
+        const a = ((l = o == null ? void 0 : o.migration) == null ? void 0 : l.recommendationConfigs) ?? {};
+        let r = {
+          html: d && await H(d, a),
+          css: F
         };
-        e.html || (e = await U(), e.html = await I(e.html)), M(e.html) && (e.html = await _(e.html)), await L(e), d.selectedDynamicContentList = f;
-      } catch (e) {
-        console.error("Failed to initialize Stripo editor:", e);
+        r.html || (r = await O(), r.html = await H(r.html, a)), A(r.html) && (r.html = await P(r.html)), await M(r), p.selectedDynamicContentList = y;
+      } catch (a) {
+        console.error("Failed to initialize Stripo editor:", a);
       }
-      document.addEventListener("dynamic-content:open", v);
-    }), ee(() => {
-      c?.disconnect(), document.removeEventListener("dynamic-content:open", v);
+      document.addEventListener("dynamic-content:open", S);
+    }), Y(() => {
+      c == null || c.disconnect(), document.removeEventListener("dynamic-content:open", S);
       try {
         window.UIEditor.removeEditor();
       } catch {
         console.debug("Failed to remove Stripo editor: No editor found");
       }
-      n.reset();
-    }), H({
+      i.reset();
+    }), z({
       dynamicContent: {
-        insert: P,
-        close: N
+        insert: N,
+        close: R
       },
-      hasChanges: i,
-      saveSilent: C
-    }), { __sfc: !0, FilterSelectionDrawer: x, SaveAsTemplateDrawer: G, UnsubscribeWrapper: z, PreviewContainer: q, OnboardingWrapper: K, headerWrapperRef: h, wrapperRef: m, dynamicContentStore: d, unsubscribeStore: S, props: y, configStore: n, editorStore: l, previewStore: V, hasChanges: i, isTestPartner: $, saveSilent: C, templateId: p, userId: w, partnerName: E, username: D, templateConfig: r, editorConfig: u, html: a, css: T, preselectedDynamicContentList: f, savedModulesFolderName: O, defaultModulesFolderName: k, emit: o, metadata: b, options: F, initPlugin: L, getDefaultTemplate: U, cloneTimersOnSave: _, hasTimerBlocks: M, noHeader: j, insertDynamicContent: P, closeDynamicContent: N, handleDynamicContentOpen: v, ribbonObserver: c, updateRibbonOffset: g, Toaster: ie, HeaderWrapper: ae, LoadingWrapper: ce };
+      hasChanges: m,
+      saveSilent: D
+    }), { __sfc: !0, PreviewContainer: q, OnboardingWrapper: K, headerWrapperRef: w, wrapperRef: u, dynamicContentStore: p, unsubscribeStore: E, props: g, configStore: i, editorStore: f, previewStore: V, hasChanges: m, isTestPartner: $, saveSilent: D, templateId: v, userId: C, partnerName: T, username: k, templateConfig: o, editorConfig: s, html: d, css: F, preselectedDynamicContentList: y, savedModulesFolderName: L, defaultModulesFolderName: U, emit: n, metadata: h, options: _, initPlugin: M, getDefaultTemplate: O, cloneTimersOnSave: P, hasTimerBlocks: A, noHeader: j, insertDynamicContent: N, closeDynamicContent: R, handleDynamicContentOpen: S, ribbonObserver: c, updateRibbonOffset: b, AutoSaveController: re, Toaster: se, FilterSelectionDrawer: ce, HeaderWrapper: ae, LoadingWrapper: ie, SaveAsTemplateDrawer: me, UnsubscribeWrapper: de };
   }
 });
 export {
-  Me as default
+  We as default
 };

package/dist/components/organisms/AutoSaveController.vue.js

@@ -0,0 +1,17 @@
+import n from "./AutoSaveController.vue2.js";
+import t from "../../_virtual/_plugin-vue2_normalizer.js";
+var o = function() {
+  var r = this, e = r._self._c;
+  return r._self._setupProxy, e("div", { staticClass: "d-n" });
+}, s = [], _ = /* @__PURE__ */ t(
+  n,
+  o,
+  s,
+  !1,
+  null,
+  null
+);
+const f = _.exports;
+export {
+  f as default
+};

package/dist/components/organisms/AutoSaveController.vue2.js

@@ -0,0 +1,13 @@
+import { defineComponent as t } from "vue";
+import { useAutoSave as r } from "../../composables/useAutoSave.js";
+import { useSave as s } from "../../composables/useSave.js";
+const f = /* @__PURE__ */ t({
+  __name: "AutoSaveController",
+  setup(a) {
+    const { save: e } = s(), o = () => e(!1, !0);
+    return r(o), { __sfc: !0, save: e, backgroundSave: o };
+  }
+});
+export {
+  f as default
+};

package/dist/components/organisms/base/Toaster.vue2.js

@@ -1,17 +1,18 @@
-import { defineComponent as r, ref as s, computed as a, onBeforeUnmount as c } from "vue";
-import { useToasterStore as i } from "../../../stores/toaster.js";
-import { InToasts as u } from "@useinsider/design-system-vue";
-const _ = /* @__PURE__ */ r({
+import { defineComponent as a, ref as c, computed as i, onBeforeUnmount as u } from "vue";
+import { useToasterStore as f } from "../../../stores/toaster.js";
+import { InToasts as m } from "@useinsider/design-system-vue";
+const d = /* @__PURE__ */ a({
   __name: "Toaster",
-  setup(f) {
-    const t = i(), o = s(null), e = a(() => t.actionButton ? [{ text: t.actionButton.text }] : []), n = () => {
+  setup(p) {
+    const t = f(), o = c(null), r = i(() => t.actionButton ? [{ text: t.actionButton.text }] : []), s = () => {
       t.actionButton && t.actionButton.onClick(), t.hideToaster();
     };
-    return c(() => {
-      t.$reset(), o.value?.$el?.remove();
-    }), { __sfc: !0, store: t, toastRef: o, actionButtonsConfig: e, handleActionClick: n, InToasts: u };
+    return u(() => {
+      var e, n;
+      t.$reset(), (n = (e = o.value) == null ? void 0 : e.$el) == null || n.remove();
+    }), { __sfc: !0, store: t, toastRef: o, actionButtonsConfig: r, handleActionClick: s, InToasts: m };
   }
 });
 export {
-  _ as default
+  d as default
 };

package/dist/components/organisms/email-preview/desktop-preview/DesktopPreview.vue2.js

@@ -1,23 +1,23 @@
 import { defineComponent as f, ref as s, onMounted as c, onBeforeUnmount as m, nextTick as u } from "vue";
 import { useTranslations as p } from "../../../../composables/useTranslations.js";
 import { usePreviewStore as l } from "../../../../stores/preview.js";
-import v from "./DesktopBrowserHeader.vue.js";
-const R = /* @__PURE__ */ f({
+import _ from "./DesktopBrowserHeader.vue.js";
+const x = /* @__PURE__ */ f({
   __name: "DesktopPreview",
-  setup(_) {
-    const i = p(), r = s(), o = s(!1), a = l();
+  setup(v) {
+    const a = p(), o = s(), n = s(!1), i = l();
     let e = null;
-    const n = () => {
-      r.value && (e = new ResizeObserver(() => {
-      }), e.observe(r.value), u(() => {
-        o.value = !0;
+    const t = () => {
+      o.value && (e = new ResizeObserver(() => {
+      }), e.observe(o.value), u(() => {
+        n.value = !0;
       }));
-    }, t = () => {
-      e?.disconnect();
+    }, r = () => {
+      e == null || e.disconnect();
     };
-    return c(n), m(t), { __sfc: !0, trans: i, containerRef: r, isContainerReady: o, previewStore: a, resizeObserver: e, initIframe: n, cleanIframe: t, DesktopBrowserHeader: v };
+    return c(t), m(r), { __sfc: !0, trans: a, containerRef: o, isContainerReady: n, previewStore: i, resizeObserver: e, initIframe: t, cleanIframe: r, DesktopBrowserHeader: _ };
   }
 });
 export {
-  R as default
+  x as default
 };

package/dist/components/organisms/email-preview/mobile-preview/ContentView.vue2.js

@@ -7,14 +7,14 @@ const h = /* @__PURE__ */ m({
   __name: "ContentView",
   emits: ["back-to-inbox"],
   setup(v) {
-    const i = a(), r = p(), t = c(), { setupResponsivePreview: n } = f(), s = (e) => {
-      ["transform", "transform-origin", "height"].forEach((o) => {
-        e.documentElement.style.removeProperty(o);
+    const i = a(), t = p(), n = c(), { setupResponsivePreview: r } = f(), s = (o) => {
+      ["transform", "transform-origin", "height"].forEach((e) => {
+        o.documentElement.style.removeProperty(e);
       });
     };
-    return { __sfc: !0, trans: i, previewStore: r, iframeRef: t, setupResponsivePreview: n, clearAMPTransforms: s, onLoad: () => {
-      const e = t.value, o = e?.contentDocument;
-      o && (n(e), r.isAMPResponsive && s(o));
+    return { __sfc: !0, trans: i, previewStore: t, iframeRef: n, setupResponsivePreview: r, clearAMPTransforms: s, onLoad: () => {
+      const o = n.value, e = o == null ? void 0 : o.contentDocument;
+      e && (r(o), t.isAMPResponsive && s(e));
     }, InIcons: u };
   }
 });

package/dist/components/organisms/email-preview/mobile-preview/InboxView.vue2.js

@@ -1,15 +1,21 @@
-import { defineComponent as m, computed as o } from "vue";
-import { useConfig as a } from "../../../../composables/useConfig.js";
-import { useTranslations as i } from "../../../../composables/useTranslations.js";
-import { InIcons as c } from "@useinsider/design-system-vue";
-const _ = /* @__PURE__ */ m({
+import { defineComponent as c, computed as r } from "vue";
+import { useConfig as u } from "../../../../composables/useConfig.js";
+import { useTranslations as d } from "../../../../composables/useTranslations.js";
+import { InIcons as f } from "@useinsider/design-system-vue";
+const j = /* @__PURE__ */ c({
   __name: "InboxView",
   emits: ["open-email"],
-  setup(u, { emit: n }) {
-    const e = i(), { config: t } = a(), s = o(() => t.value?.editor?.emailHeader?.senderName || e("settings.sender-name")), r = o(() => t.value?.editor?.emailHeader?.subject || e("email-editor.default-subject"));
-    return { __sfc: !0, emit: n, trans: e, config: t, senderName: s, subject: r, InIcons: c };
+  setup(p, { emit: m }) {
+    const n = d(), { config: s } = u(), a = r(() => {
+      var e, t, o;
+      return ((o = (t = (e = s.value) == null ? void 0 : e.editor) == null ? void 0 : t.emailHeader) == null ? void 0 : o.senderName) || n("settings.sender-name");
+    }), i = r(() => {
+      var e, t, o;
+      return ((o = (t = (e = s.value) == null ? void 0 : e.editor) == null ? void 0 : t.emailHeader) == null ? void 0 : o.subject) || n("email-editor.default-subject");
+    });
+    return { __sfc: !0, emit: m, trans: n, config: s, senderName: a, subject: i, InIcons: f };
   }
 });
 export {
-  _ as default
+  j as default
 };

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

@@ -1,12 +1,12 @@
-import { defineComponent as I, computed as r } from "vue";
-import { useTranslations as O } from "../../../../composables/useTranslations.js";
-import { getOperatorOptions as u } from "../../../../enums/extensions/recommendationBlock.js";
-import { useRecommendationExtensionStore as _ } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
-import { getInvalidFilterFields as C } from "../../../../extensions/Blocks/Recommendation/validation/filterSchema.js";
-import { InButtonV2 as V, InSelect as L, InBasicTextInput as S } from "@useinsider/design-system-vue";
-import w from "./LogicAdapter.vue.js";
-import { useDebounceFn as E } from "../../../../node_modules/@vueuse/shared/index.js";
-const J = /* @__PURE__ */ I({
+import { defineComponent as _, computed as l } from "vue";
+import { useTranslations as C } from "../../../../composables/useTranslations.js";
+import { getOperatorOptions as p } from "../../../../enums/extensions/recommendationBlock.js";
+import { useRecommendationExtensionStore as V } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
+import { getInvalidFilterFields as A } from "../../../../extensions/Blocks/Recommendation/validation/filterSchema.js";
+import { InButtonV2 as L, InSelect as O, InBasicTextInput as S } from "@useinsider/design-system-vue";
+import E from "./LogicAdapter.vue.js";
+import { useDebounceFn as N } from "../../../../node_modules/@vueuse/shared/index.js";
+const K = /* @__PURE__ */ _({
   __name: "FilterItem",
   props: {
     filter: null,
@@ -15,46 +15,55 @@ const J = /* @__PURE__ */ I({
     submitted: { type: Boolean }
   },
   emits: ["delete-filter"],
-  setup(f, { emit: m }) {
-    const t = f, l = O(), o = _(), v = [
+  setup(f, { emit: v }) {
+    const t = f, n = C(), a = V(), y = [
       {
-        text: l("email-editor.standard-filter"),
+        text: n("email-editor.standard-filter"),
         value: "standardFilter"
       }
-    ], n = [
+    ], i = [
       { text: "True", value: "true" },
       { text: "False", value: "false" }
-    ], s = r(() => t.filter.attribute || ""), a = r(() => o.getFilterList.find((e) => e.value === s.value) || { text: "", value: "", type: "" }), b = r(
-      () => a.value?.type === "Boolean"
-    ), y = r(() => u(a.value?.type).find((e) => e.value === t.filter.operator)), F = r(
-      () => n.find((e) => e.value === t.filter.value) || n[0]
-    ), i = r(() => t.submitted ? C(t.filter) : /* @__PURE__ */ new Set()), g = (e) => i.value.has(e) ? "error" : "default", h = r(
-      () => i.value.has("value") ? l("action-builder.filter-empty-value-error") : ""
-    ), p = r(
-      () => a.value?.type === "Number"
-    ), B = r(() => p.value ? "number" : "text"), x = E((e) => {
-      o.updateFilter({
+    ], d = l(() => t.filter.attribute || ""), r = l(() => a.getFilterList.find((e) => e.value === d.value) || { text: "", value: "", type: "" }), F = l(
+      () => {
+        var e;
+        return ((e = r.value) == null ? void 0 : e.type) === "Boolean";
+      }
+    ), b = l(() => {
+      var e;
+      return p((e = r.value) == null ? void 0 : e.type).find((o) => o.value === t.filter.operator);
+    }), g = l(
+      () => i.find((e) => e.value === t.filter.value) || i[0]
+    ), u = l(() => t.submitted ? A(t.filter) : /* @__PURE__ */ new Set()), h = (e) => u.value.has(e) ? "error" : "default", B = l(
+      () => u.value.has("value") ? n("action-builder.filter-empty-value-error") : ""
+    ), c = l(
+      () => {
+        var e;
+        return ((e = r.value) == null ? void 0 : e.type) === "Number";
+      }
+    ), x = l(() => c.value ? "number" : "text"), T = N((e) => {
+      a.updateFilter({
         ...t.filter,
         [e.text]: e.value
       });
     }, 500);
-    return { __sfc: !0, trans: l, store: o, props: t, filterTypeOptions: v, booleanValueOptions: n, attributeType: s, selectedAttributeType: a, isBooleanAttribute: b, selectedOperatorType: y, selectedBooleanValue: F, emit: m, invalidFields: i, getFieldState: g, valueErrorMessage: h, isNumericAttribute: p, valueInputType: B, updateFilter: x, handleAttributeChange: (e) => {
-      const d = o.getFilterList.find((T) => T.value === e.value), c = d?.type === "Boolean", [A] = u(d?.type);
-      o.updateFilter({
+    return { __sfc: !0, trans: n, store: a, props: t, filterTypeOptions: y, booleanValueOptions: i, attributeType: d, selectedAttributeType: r, isBooleanAttribute: F, selectedOperatorType: b, selectedBooleanValue: g, emit: v, invalidFields: u, getFieldState: h, valueErrorMessage: B, isNumericAttribute: c, valueInputType: x, updateFilter: T, handleAttributeChange: (e) => {
+      const o = a.getFilterList.find((I) => I.value === e.value), m = (o == null ? void 0 : o.type) === "Boolean", [s] = p(o == null ? void 0 : o.type);
+      a.updateFilter({
         ...t.filter,
         attribute: e.value,
-        operator: c ? "=" : A?.value ?? "",
-        value: c ? "true" : ""
+        operator: m ? "=" : (s == null ? void 0 : s.value) ?? "",
+        value: m ? "true" : ""
       });
     }, handleBooleanValueChange: (e) => {
-      o.updateFilter({
+      a.updateFilter({
         ...t.filter,
         operator: "=",
         value: e.value
       });
-    }, getOperatorOptions: u, InBasicTextInput: S, InSelect: L, InButtonV2: V, LogicAdapter: w };
+    }, getOperatorOptions: p, InBasicTextInput: S, InSelect: O, InButtonV2: L, LogicAdapter: E };
   }
 });
 export {
-  J as default
+  K as default
 };

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

@@ -1,17 +1,17 @@
-import { defineComponent as p, ref as s, watch as m, computed as d, nextTick as y } from "vue";
-import g from "../../../wrappers/WpDrawer.vue.js";
-import { useTranslations as v } from "../../../../composables/useTranslations.js";
-import { useRecommendationExtensionStore as b } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
-import { isFilterValid as w } from "../../../../extensions/Blocks/Recommendation/validation/filterSchema.js";
-import F from "./Filters.vue.js";
-const R = /* @__PURE__ */ p({
+import { defineComponent as d, ref as a, watch as y, computed as g, nextTick as v } from "vue";
+import b from "../../../wrappers/WpDrawer.vue.js";
+import { useTranslations as w } from "../../../../composables/useTranslations.js";
+import { useRecommendationExtensionStore as F } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
+import { isFilterValid as _ } from "../../../../extensions/Blocks/Recommendation/validation/filterSchema.js";
+import h from "./Filters.vue.js";
+const I = /* @__PURE__ */ d({
   __name: "FilterSelectionDrawer",
-  setup(_) {
-    const r = v(), e = b(), t = s(!1), o = s(!1), a = s();
-    m(() => e.filterSelectionDrawerStatus, (n) => {
+  setup(S) {
+    const r = w(), e = F(), t = a(!1), o = a(!1), c = a();
+    y(() => e.filterSelectionDrawerStatus, (n) => {
       n && (o.value = !1);
     });
-    const c = d(() => ({
+    const f = g(() => ({
       primaryButton: {
         styling: "solid",
         type: "primary",
@@ -27,24 +27,25 @@ const R = /* @__PURE__ */ p({
         disabledStatus: t.value
       }
     }));
-    return { __sfc: !0, trans: r, store: e, isApplying: t, submitted: o, filtersRef: a, footerButtonGroupOptions: c, cancelModal: () => {
+    return { __sfc: !0, trans: r, store: e, isApplying: t, submitted: o, filtersRef: c, footerButtonGroupOptions: f, cancelModal: () => {
       e.cancelFilterDrawer();
     }, applyFilter: async () => {
+      var u;
       o.value = !0;
-      const { filters: n } = e.recommendationConfigs, l = n.find((i) => !w(i));
-      if (l) {
-        a.value?.switchToGroup(l.filterGroup), await y();
-        const { filterGroup: i, filterNumber: u } = l, f = `[data-filter-group="${i}"][data-filter-number="${u}"]`;
-        document.querySelector(f)?.scrollIntoView({ behavior: "smooth", block: "center" });
+      const { filters: n } = e.recommendationConfigs, i = n.find((l) => !_(l));
+      if (i) {
+        (u = c.value) == null || u.switchToGroup(i.filterGroup), await v();
+        const { filterGroup: l, filterNumber: p } = i, m = `[data-filter-group="${l}"][data-filter-number="${p}"]`, s = document.querySelector(m);
+        s == null || s.scrollIntoView({ behavior: "smooth", block: "center" });
         return;
       }
       t.value = !0, e.patchCurrentBlockConfig(
         { filters: e.recommendationConfigs.filters },
         { triggerRefetch: !0 }
       ), e.closeFilterDrawer(), t.value = !1;
-    }, WpDrawer: g, Filters: F };
+    }, WpDrawer: b, Filters: h };
   }
 });
 export {
-  R as default
+  I as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as v, computed as o, ref as O, watch as f } from "vue";
+import { defineComponent as v, computed as l, ref as O, watch as f } from "vue";
 import { useTranslations as g } from "../../../../composables/useTranslations.js";
 import { useRecommendationExtensionStore as R } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
 import { getTooltipOptions as T } from "../../../../utils/tooltipUtils.js";
@@ -12,11 +12,11 @@ const V = /* @__PURE__ */ v({
   },
   emits: ["reset-validation"],
   setup(x, { expose: u, emit: s }) {
-    const p = g(), t = R(), n = o(() => t.getUniqueFilterGroups.map((e) => ({
+    const p = g(), t = R(), a = l(() => t.getUniqueFilterGroups.map((e) => ({
       text: e.toString(),
       value: e
     }))), r = O(1);
-    f(n, (e) => {
+    f(a, (e) => {
       if (!e.length)
         return;
       e.some((h) => h.value === r.value) || (r.value = e[0].value);
@@ -27,24 +27,27 @@ const V = /* @__PURE__ */ v({
     u({ switchToGroup: i });
     const c = () => {
       s("reset-validation");
-      const e = t.getUniqueFilterGroups, a = e.length > 0 ? Math.max(...e) + 1 : 1;
-      t.addFilterGroup(a), r.value = a;
-    }, d = o(() => n.value.length >= 3), l = o(() => t.getSelectedFilterGroup(r.value)), F = o(() => l.value.length >= 10), _ = o(() => l.value.length > 1), G = o(() => n.value.length > 1), m = o(() => l.value[0]?.outerGroupOperator || "*");
-    return { __sfc: !0, MAX_FILTER_GROUP_COUNT: 3, MAX_FILTER_PER_GROUP_COUNT: 10, trans: p, store: t, emit: s, filterGroupList: n, selectedFilterGroup: r, switchToGroup: i, handleAddFilterGroup: c, isMaxFilterGroupCount: d, selectedFilterGroupFilters: l, isMaxFilterPerGroupCount: F, hasLogicAdapter: _, hasRemoveFilterButton: G, outerGroupOperator: m, handleOuterGroupOperatorChange: (e) => {
-      l.value.forEach((a) => {
-        t.updateFilter({ ...a, outerGroupOperator: e });
+      const e = t.getUniqueFilterGroups, o = e.length > 0 ? Math.max(...e) + 1 : 1;
+      t.addFilterGroup(o), r.value = o;
+    }, d = l(() => a.value.length >= 3), n = l(() => t.getSelectedFilterGroup(r.value)), F = l(() => n.value.length >= 10), _ = l(() => n.value.length > 1), G = l(() => a.value.length > 1), m = l(() => {
+      var o;
+      return ((o = n.value[0]) == null ? void 0 : o.outerGroupOperator) || "*";
+    });
+    return { __sfc: !0, MAX_FILTER_GROUP_COUNT: 3, MAX_FILTER_PER_GROUP_COUNT: 10, trans: p, store: t, emit: s, filterGroupList: a, selectedFilterGroup: r, switchToGroup: i, handleAddFilterGroup: c, isMaxFilterGroupCount: d, selectedFilterGroupFilters: n, isMaxFilterPerGroupCount: F, hasLogicAdapter: _, hasRemoveFilterButton: G, outerGroupOperator: m, handleOuterGroupOperatorChange: (e) => {
+      n.value.forEach((o) => {
+        t.updateFilter({ ...o, outerGroupOperator: e });
       });
     }, handleAddFilter: () => {
       s("reset-validation"), t.addFilter(
         t.createDefaultFilter(
           r.value,
-          l.value.length + 1
+          n.value.length + 1
         )
       );
     }, handleDeleteFilter: (e) => {
       t.deleteFilter(e);
     }, handleDeleteFilterGroup: () => {
-      n.value.length <= 1 || t.deleteFilterGroup(r.value);
+      a.value.length <= 1 || t.deleteFilterGroup(r.value);
     }, getTooltipOptions: T, InSegments: E, InButtonV2: U, FilterItem: A, LogicAdapter: C };
   }
 });