@useinsider/guido 3.2.0-beta.e69fb3b → 3.2.0-beta.ecc7c6c

package/dist/@types/config/schemas.js

@@ -1,5 +1,5 @@
 import { ModuleFolderDefaults as b } from "../../enums/defaults.js";
-import { object as o, optional as e, pipe as u, string as t, picklist as n, minLength as d, literal as l, boolean as a, array as c, custom as S, number as p, variant as k } from "../../node_modules/valibot/dist/index.js";
+import { object as o, number as p, optional as e, string as t, pipe as u, picklist as n, minLength as d, custom as S, boolean as a, array as c, literal as l, variant as k } from "../../node_modules/valibot/dist/index.js";
 const m = {
   /** Promotional/marketing emails */
   PROMOTIONAL: 1,

package/dist/@types/config/validator.js

@@ -1,49 +1,56 @@
-import { safeParse as t } from "../../node_modules/valibot/dist/index.js";
-import { GuidoConfigSchema as e } from "./schemas.js";
-function a(s) {
-  return s.map((r) => `[${r.path?.map((u) => u.key).join(".") || "root"}] ${r.message}`);
-}
+import { safeParse as n } from "../../node_modules/valibot/dist/index.js";
+import { GuidoConfigSchema as o } from "./schemas.js";
 function i(s) {
-  return s.map((r) => ({
-    path: r.path?.map((n) => n.key).join(".") || "root",
-    message: r.message
-  }));
+  return s.map((r) => {
+    var e;
+    return `[${((e = r.path) == null ? void 0 : e.map((a) => a.key).join(".")) || "root"}] ${r.message}`;
+  });
+}
+function c(s) {
+  return s.map((r) => {
+    var t;
+    return {
+      path: ((t = r.path) == null ? void 0 : t.map((e) => e.key).join(".")) || "root",
+      message: r.message
+    };
+  });
 }
-function o(s) {
-  const r = t(e, s);
+function u(s) {
+  const r = n(o, s);
   return r.success ? {
     success: !0,
     data: r.output
   } : {
     success: !1,
-    errors: a(r.issues)
+    errors: i(r.issues)
   };
 }
-function l(s) {
-  const r = o(s);
+function p(s) {
+  var t;
+  const r = u(s);
   if (!r.success)
     throw new Error(
       `Invalid GuidoConfig:
-${r.errors?.join(`
+${(t = r.errors) == null ? void 0 : t.join(`
 `)}`
     );
   return r.data;
 }
-function p(s) {
-  const r = o(s);
-  return r.success ? r.data : (console.error("[Guido] Invalid configuration:", r.errors), null);
-}
 function m(s) {
-  const r = t(e, s);
-  return r.success ? [] : i(r.issues);
+  const r = u(s);
+  return r.success ? r.data : (console.error("[Guido] Invalid configuration:", r.errors), null);
 }
 function d(s) {
-  return t(e, s).success;
+  const r = n(o, s);
+  return r.success ? [] : c(r.issues);
+}
+function g(s) {
+  return n(o, s).success;
 }
 export {
-  m as getValidationErrors,
-  d as isValidConfig,
-  l as parseConfig,
-  p as parseConfigSafe,
-  o as validateConfig
+  d as getValidationErrors,
+  g as isValidConfig,
+  p as parseConfig,
+  m as parseConfigSafe,
+  u as validateConfig
 };

package/dist/components/Guido.vue.js

@@ -12,7 +12,7 @@ var t = function() {
   n,
   !1,
   null,
-  "c3fe2732"
+  "25780af6"
 );
 const u = s.exports;
 export {

package/dist/components/Guido.vue2.js

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