@useinsider/guido 3.3.0-beta.c1e1d7e → 3.3.0-beta.ddabd14

package/dist/components/Guido.vue.js

@@ -12,7 +12,7 @@ var t = function() {
   n,
   !1,
   null,
-  "1a4e7084"
+  "fcccebf6"
 );
 const l = s.exports;
 export {

package/dist/components/Guido.vue2.js

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

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

@@ -1,26 +1,24 @@
-import r from "./FilterItem.vue2.js";
+import l from "./FilterItem.vue2.js";
 /* empty css                */
-import l from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var i = function() {
+import i from "../../../../_virtual/_plugin-vue2_normalizer.js";
+var r = function() {
   var a = this, e = a._self._c, t = a._self._setupProxy;
   return e("div", { staticClass: "d-f f-d-c w-1 gap-16", attrs: { "data-filter-group": a.filter.filterGroup, "data-filter-number": a.filter.filterNumber } }, [e("div", { staticClass: "d-f a-i-c j-c-s-b pt-4", class: { "bor-t-s-s bor-t-w-1 bor-t-c-50": a.index === 0 } }, [e("p", [a._v(" " + a._s(t.trans("newsletter.filter")) + " " + a._s(a.index + 1) + " ")]), e(t.InButtonV2, { attrs: { id: "guido__delete-filter-group-button", "left-icon": "line-delete", styling: "text", type: "danger", "label-text-status": !1 }, on: { click: function(s) {
     return t.emit("delete-filter", t.props.filter);
-  } } })], 1), e("div", { staticClass: "w-1 d-f a-i-s j-c-s-b gap-16" }, [e(t.InSelect, { staticClass: "w-2", attrs: { "disabled-status": "", "search-status": "", "button-status": !1, "label-text": t.trans("action-builder.filter-type"), options: t.filterTypeOptions, value: [t.filterTypeOptions[0]] } }), e(t.InSelect, { staticClass: "w-2", attrs: { id: "filter-item-input--attribute-type", "search-status": "", "static-position": "bottom right", "button-status": !1, "label-text": t.trans("condition.attribute"), options: t.store.getFilterList, state: t.getFieldState("attribute"), value: [t.selectedAttributeType] }, on: { select: t.handleAttributeChange } })], 1), e("div", { staticClass: "w-1 d-f a-i-s j-c-s-b gap-16" }, [t.isBooleanAttribute ? e(t.InSelect, { staticClass: "w-2", attrs: { "button-status": !1, "label-text": t.trans("condition.operator"), options: t.booleanValueOptions, state: t.getFieldState("value"), value: [t.selectedBooleanValue] }, on: { select: t.handleBooleanValueChange } }) : [e(t.InSelect, { staticClass: "w-2", attrs: { "button-status": !1, "label-text": t.trans("condition.operator"), options: t.getOperatorOptions(t.selectedAttributeType.type), state: t.getFieldState("operator"), value: [t.selectedOperatorType] }, on: { select: function(s) {
-    return t.updateFilter({ text: "operator", value: s.value });
-  } } }), e(t.InBasicTextInput, { staticClass: "w-2", attrs: { id: "filter-item-input--value", name: "imageUrl", "character-counter-status": !1, "label-text": t.trans("condition.value"), "max-character-length": 25, "placeholder-text": t.trans("condition.enter-value-placeholder"), "state-message": t.valueErrorMessage, states: t.getFieldState("value"), "tooltip-status": !1, type: t.valueInputType, value: decodeURIComponent(t.props.filter.value) }, on: { input: function(s) {
+  } } })], 1), e("div", { staticClass: "w-1 d-f a-i-s j-c-s-b gap-16" }, [e(t.InSelect, { staticClass: "w-2", attrs: { "disabled-status": "", "search-status": "", "button-status": !1, "label-text": t.trans("action-builder.filter-type"), options: t.filterTypeOptions, value: [t.filterTypeOptions[0]] } }), e(t.InSelect, { staticClass: "w-2", attrs: { id: "filter-item-input--attribute-type", "search-status": "", "static-position": "bottom right", "button-status": !1, "label-text": t.trans("condition.attribute"), options: t.store.getFilterList, state: t.getFieldState("attribute"), value: [t.selectedAttributeType] }, on: { select: t.handleAttributeChange } })], 1), e("div", { staticClass: "w-1 d-f a-i-s j-c-s-b gap-16" }, [t.isBooleanAttribute ? e(t.InSelect, { staticClass: "w-2", attrs: { "button-status": !1, "label-text": t.trans("condition.operator"), options: t.booleanValueOptions, state: t.getFieldState("value"), value: [t.selectedBooleanValue] }, on: { select: t.handleBooleanValueChange } }) : [e(t.InSelect, { staticClass: "w-2", attrs: { "button-status": !1, "label-text": t.trans("condition.operator"), options: t.getOperatorOptions(t.selectedAttributeType.type), state: t.getFieldState("operator"), value: [t.selectedOperatorType] }, on: { select: t.handleOperatorChange } }), t.isAnyOfOperator ? e(t.InTags, { staticClass: "w-2", attrs: { "allow-bulk-paste": "", validate: "text", "allow-duplicates": !1, invalid: t.invalidFields.has("value"), "invalid-message": t.valueErrorMessage, label: t.trans("condition.value"), placeholder: t.trans("condition.enter-value-placeholder"), value: t.tagValues }, on: { input: t.onTagsInput } }) : t.isDateAttribute ? e(t.InDatePickerV2, { staticClass: "w-2", attrs: { id: `filter-item-input--value-${a.index}`, "single-date-picker-status": "", "label-text": t.trans("condition.value"), locale: t.datePickerLocale, name: `filter-item-input--value-${a.index}`, "placeholder-text": t.trans("condition.enter-value-placeholder"), state: t.getFieldState("value"), "state-message": t.valueErrorMessage, value: t.datePickerValue }, on: { apply: t.onDatePickerApply } }) : e(t.InBasicTextInput, { staticClass: "w-2", attrs: { id: `filter-item-input--value-${a.index}`, name: "imageUrl", "character-counter-status": !1, "label-text": t.trans("condition.value"), "max-character-length": 25, "placeholder-text": t.trans("condition.enter-value-placeholder"), "state-message": t.valueErrorMessage, states: t.getFieldState("value"), "tooltip-status": !1, type: t.valueInputType, value: t.safeDecodeURIComponent(t.props.filter.value) }, on: { input: function(s) {
     t.updateFilter({ text: "value", value: encodeURIComponent(s) });
   } } })]], 2), t.props.hasLogicAdapter ? e("div", { staticClass: "w-1 d-f a-i-c j-c-c p-r bor-b-s-s bor-b-w-1 bor-b-c-50 mt-4" }, [e(t.LogicAdapter, { staticClass: "p-a", attrs: { logic: t.props.filter.innerGroupOperator }, on: { change: function(s) {
     return t.updateFilter({ text: "innerGroupOperator", value: s });
   } } })], 1) : a._e()]);
-}, o = [], n = /* @__PURE__ */ l(
+}, n = [], o = /* @__PURE__ */ i(
+  l,
   r,
-  i,
-  o,
+  n,
   !1,
   null,
-  "3b53a736"
+  "8053a037"
 );
-const f = n.exports;
+const f = o.exports;
 export {
   f as default
 };

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

@@ -1,12 +1,14 @@
-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__ */ _({
+import { defineComponent as N, computed as r } from "vue";
+import { useTranslations as U } from "../../../../composables/useTranslations.js";
+import { getOperatorOptions as f, OP_ANY_OF as d } from "../../../../enums/extensions/recommendationBlock.js";
+import { useRecommendationExtensionStore as E } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
+import { parseTagList as j, safeDecodeURIComponent as g } from "../../../../extensions/Blocks/Recommendation/utils/filterUtil.js";
+import { getInvalidFilterFields as w } from "../../../../extensions/Blocks/Recommendation/validation/filterSchema.js";
+import { locale as M } from "../../../../utils/dateUtil.js";
+import { InTags as Y, InButtonV2 as q, InSelect as z, InDatePickerV2 as G, InBasicTextInput as H } from "@useinsider/design-system-vue";
+import J from "./LogicAdapter.vue.js";
+import { useDebounceFn as K } from "../../../../node_modules/@vueuse/shared/index.js";
+const se = /* @__PURE__ */ N({
   __name: "FilterItem",
   props: {
     filter: null,
@@ -15,55 +17,88 @@ const K = /* @__PURE__ */ _({
     submitted: { type: Boolean }
   },
   emits: ["delete-filter"],
-  setup(f, { emit: v }) {
-    const t = f, n = C(), a = V(), y = [
+  setup(I, { emit: O }) {
+    const t = I, s = U(), n = E(), T = [
       {
-        text: n("email-editor.standard-filter"),
+        text: s("email-editor.standard-filter"),
         value: "standardFilter"
       }
-    ], i = [
+    ], u = [
       { text: "True", value: "true" },
       { text: "False", value: "false" }
-    ], d = l(() => t.filter.attribute || ""), r = l(() => a.getFilterList.find((e) => e.value === d.value) || { text: "", value: "", type: "" }), F = l(
+    ], m = r(() => t.filter.attribute || ""), i = r(() => n.getFilterList.find((e) => e.value === m.value) || { text: "", value: "", type: "" }), h = r(
       () => {
         var e;
-        return ((e = r.value) == null ? void 0 : e.type) === "Boolean";
+        return ((e = i.value) == null ? void 0 : e.type) === "Boolean";
       }
-    ), b = l(() => {
+    ), b = r(() => {
       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(
+      return f((e = i.value) == null ? void 0 : e.type).find((o) => o.value === t.filter.operator);
+    }), A = r(
+      () => u.find((e) => e.value === t.filter.value) || u[0]
+    ), p = r(() => t.submitted ? w(t.filter) : /* @__PURE__ */ new Set()), x = (e) => p.value.has(e) ? "error" : "default", B = r(
+      () => p.value.has("value") ? s("action-builder.filter-empty-value-error") : ""
+    ), v = r(
       () => {
         var e;
-        return ((e = r.value) == null ? void 0 : e.type) === "Number";
+        return ((e = i.value) == null ? void 0 : e.type) === "Number";
       }
-    ), x = l(() => c.value ? "number" : "text"), T = N((e) => {
-      a.updateFilter({
+    ), D = r(() => v.value ? "number" : "text"), C = r(
+      () => {
+        var e;
+        return ((e = i.value) == null ? void 0 : e.type) === "Date";
+      }
+    ), _ = r(() => t.filter.operator === d), k = r(() => j(t.filter.value)), P = K((e) => {
+      n.updateFilter({
         ...t.filter,
         [e.text]: e.value
       });
-    }, 500);
-    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({
+    }, 500), V = (e) => {
+      const o = n.getFilterList.find((c) => c.value === e.value), l = (o == null ? void 0 : o.type) === "Boolean", [a] = f(o == null ? void 0 : o.type);
+      n.updateFilter({
         ...t.filter,
         attribute: e.value,
-        operator: m ? "=" : (s == null ? void 0 : s.value) ?? "",
-        value: m ? "true" : ""
+        operator: l ? "=" : (a == null ? void 0 : a.value) ?? "",
+        value: l ? "true" : ""
       });
-    }, handleBooleanValueChange: (e) => {
-      a.updateFilter({
+    }, L = (e) => {
+      n.updateFilter({
         ...t.filter,
         operator: "=",
         value: e.value
       });
-    }, getOperatorOptions: p, InBasicTextInput: S, InSelect: O, InButtonV2: L, LogicAdapter: E };
+    }, S = (e) => {
+      const o = e.value;
+      if (o === t.filter.operator)
+        return;
+      const c = t.filter.operator === d !== (o === d);
+      n.updateFilter({
+        ...t.filter,
+        operator: o,
+        value: c ? "" : t.filter.value
+      });
+    }, $ = M(), y = (e) => {
+      const [o, l, a] = e.split("-");
+      return !o || !l || !a ? "" : `${l}/${a}/${o}`;
+    }, F = (e) => {
+      const [o, l, a] = e.split("/");
+      return !a || !o || !l ? "" : `${a}-${o.padStart(2, "0")}-${l.padStart(2, "0")}`;
+    }, R = r(
+      () => y(g(t.filter.value))
+    );
+    return { __sfc: !0, trans: s, store: n, props: t, filterTypeOptions: T, booleanValueOptions: u, attributeType: m, selectedAttributeType: i, isBooleanAttribute: h, selectedOperatorType: b, selectedBooleanValue: A, emit: O, invalidFields: p, getFieldState: x, valueErrorMessage: B, isNumericAttribute: v, valueInputType: D, isDateAttribute: C, isAnyOfOperator: _, tagValues: k, updateFilter: P, handleAttributeChange: V, handleBooleanValueChange: L, handleOperatorChange: S, datePickerLocale: $, isoToPickerDate: y, pickerDateToIso: F, datePickerValue: R, onDatePickerApply: (e) => {
+      n.updateFilter({
+        ...t.filter,
+        value: encodeURIComponent(F(e))
+      });
+    }, onTagsInput: (e) => {
+      n.updateFilter({
+        ...t.filter,
+        value: e.map(encodeURIComponent).join(",")
+      });
+    }, getOperatorOptions: f, safeDecodeURIComponent: g, InBasicTextInput: H, InDatePickerV2: G, InSelect: z, InButtonV2: q, InTags: Y, LogicAdapter: J };
   }
 });
 export {
-  K as default
+  se as default
 };

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

@@ -1,17 +1,17 @@
-import i from "./MiddleSlot.vue2.js";
+import r from "./MiddleSlot.vue2.js";
 import s from "../../../_virtual/_plugin-vue2_normalizer.js";
 var t = function() {
-  var r = this, e = r._self._c, o = r._self._setupProxy;
-  return e("div", [o.editorStore.isVersionHistoryOpen ? e("div", { staticClass: "d-f" }, [e(o.VersionHistory), e(o.VersionHistoryViewOptions)], 1) : o.editorStore.isPreviewModeOpen ? e("div", { staticClass: "d-f" }, [e(o.EmailSizeIndicator), e(o.AmpToggle)], 1) : r._e(), e(o.EditorToolbar, { directives: [{ name: "show", rawName: "v-show", value: o.editorStore.isEditorToolbarVisible, expression: "editorStore.isEditorToolbarVisible" }] })], 1);
-}, n = [], a = /* @__PURE__ */ s(
-  i,
+  var o = this, e = o._self._c, i = o._self._setupProxy;
+  return e("div", { staticClass: "d-f a-i-c" }, [i.editorStore.isVersionHistoryOpen ? e("div", { staticClass: "d-f" }, [e(i.VersionHistory), e(i.VersionHistoryViewOptions)], 1) : i.editorStore.isPreviewModeOpen ? e("div", { staticClass: "d-f" }, [e(i.EmailSizeIndicator), e(i.AmpToggle)], 1) : o._e(), e(i.EditorToolbar, { directives: [{ name: "show", rawName: "v-show", value: i.editorStore.isEditorToolbarVisible, expression: "editorStore.isEditorToolbarVisible" }] })], 1);
+}, a = [], n = /* @__PURE__ */ s(
+  r,
   t,
-  n,
+  a,
   !1,
   null,
   null
 );
-const c = a.exports;
+const c = n.exports;
 export {
   c as default
 };

package/dist/composables/useCortexBlueprintBridge.js

@@ -0,0 +1,66 @@
+import { useEmailTemplateApplier as m, resetEmailTemplateApplier as w } from "./useEmailTemplateApplier.js";
+import { useToaster as _ } from "./useToaster.js";
+import { useTranslations as I } from "./useTranslations.js";
+import { ToasterTypeOptions as S } from "../enums/toaster.js";
+import { getActivePinia as v } from "pinia";
+import { watch as B, onUnmounted as D } from "vue";
+const P = "email_template", x = "chat", L = "guido:debug:ai", M = () => {
+  if (typeof window > "u")
+    return !1;
+  try {
+    return window.localStorage.getItem(L) === "1";
+  } catch {
+    return !1;
+  }
+}, O = () => {
+  const a = v();
+  if (!a)
+    return;
+  const l = a._s, p = l == null ? void 0 : l.get(x);
+  if (!p)
+    return;
+  const { applyTemplate: d, applyTemplateDebounced: f } = m(), { showToaster: T } = _(), h = I(), A = (e, t) => {
+    const r = h(e);
+    return r === e ? t : r;
+  }, i = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Set(), u = M(), E = (e, t) => {
+    u && console.debug(`[guido:cortex] msg=${e ?? "?"} type=${(t == null ? void 0 : t.type) ?? "?"}`, t);
+  }, y = (e) => {
+    if (e.blueprintType !== P)
+      return;
+    const t = e.blueprintId, r = e.blueprintData;
+    if (!t || !(r != null && r.html))
+      return;
+    const o = i.get(t);
+    o === void 0 ? (i.set(t, r.html), d(t, r)) : o !== r.html && (i.set(t, r.html), f(t, r));
+  }, s = (e) => e === void 0 || c.has(e) ? !1 : (c.add(e), T({
+    type: S.Alert,
+    message: A("newsletter.ai-template-failed", "AI couldn't generate the template. Please try again.")
+  }), !0), b = B(
+    () => p.messages,
+    (e) => {
+      Array.isArray(e) && e.forEach((t) => {
+        const r = t == null ? void 0 : t.id;
+        (t == null ? void 0 : t.isError) === !0 && s(r) && u && console.debug(`[guido:cortex] message-level error id=${r}`, t);
+        const o = t == null ? void 0 : t.segments;
+        Array.isArray(o) && o.forEach((n) => {
+          if (n)
+            switch (E(r, n), n.type) {
+              case "blueprint":
+                y(n);
+                break;
+              case "error":
+                s(r);
+                break;
+            }
+        });
+      });
+    },
+    { deep: !0, immediate: !0 }
+  );
+  D(() => {
+    b(), i.clear(), c.clear(), w();
+  });
+};
+export {
+  O as useCortexBlueprintBridge
+};

package/dist/composables/useCustomInterfaceAppearance.js

@@ -4,20 +4,21 @@ import e from "../static/styles/components/amp-block.css.js";
 import i from "../static/styles/components/base-input.css.js";
 import p from "../static/styles/components/button-group.css.js";
 import n from "../static/styles/components/button.css.js";
-import s from "../static/styles/components/combobox.css.js";
-import C from "../static/styles/components/counter.css.js";
+import C from "../static/styles/components/combobox.css.js";
+import s from "../static/styles/components/counter.css.js";
 import f from "../static/styles/components/dropdown-menu.css.js";
 import a from "../static/styles/components/loader.css.js";
 import u from "../static/styles/components/narrow-panel.css.js";
-import c from "../static/styles/components/popup.css.js";
-import d from "../static/styles/components/switcher.css.js";
-import l from "../static/styles/components/tabs.css.js";
-import h from "../static/styles/components/tools.css.js";
-import w from "../static/styles/components/version-history.css.js";
-import y from "../static/styles/components/wide-panel.css.js";
-import B from "../static/styles/variables.css.js";
-const b = [
-  B,
+import c from "../static/styles/components/notification.css.js";
+import d from "../static/styles/components/popup.css.js";
+import l from "../static/styles/components/switcher.css.js";
+import h from "../static/styles/components/tabs.css.js";
+import w from "../static/styles/components/tools.css.js";
+import y from "../static/styles/components/version-history.css.js";
+import B from "../static/styles/components/wide-panel.css.js";
+import b from "../static/styles/variables.css.js";
+const A = [
+  b,
   // Must be on top
   S,
   // Must be on top
@@ -26,8 +27,8 @@ const b = [
   i,
   p,
   n,
-  s,
   C,
+  s,
   f,
   a,
   u,
@@ -36,12 +37,13 @@ const b = [
   l,
   h,
   w,
-  y
+  y,
+  B
 ].join(`
 
-`), v = () => ({ importCss: () => {
+`), F = () => ({ importCss: () => {
   const o = new CSSStyleSheet();
-  o.replaceSync(b);
+  o.replaceSync(A);
   const r = document.querySelector("ui-editor");
   if (!r)
     return;
@@ -49,5 +51,5 @@ const b = [
   t && (t.adoptedStyleSheets = [o]);
 } });
 export {
-  v as useCustomInterfaceAppearance
+  F as useCustomInterfaceAppearance
 };