@useinsider/guido 3.3.0-beta.9ab0297 → 3.3.0-beta.a262798

package/dist/components/Guido.vue.js

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

package/dist/components/Guido.vue2.js

@@ -1,38 +1,40 @@
-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 J, defineAsyncComponent as R, ref as I, computed as W, watch as Q, onMounted as X, onUnmounted as Y } from "vue";
+import { useCortexBlueprintBridge as Z } from "../composables/useCortexBlueprintBridge.js";
+import { provideGuidoActions as ee } from "../composables/useGuidoActions.js";
+import { useGuidoStateBridge as oe } from "../composables/useGuidoStateBridge.js";
+import { usePartner as te } from "../composables/usePartner.js";
+import { useStripo as ne } from "../composables/useStripo.js";
+import { useTimerClone as re } from "../composables/useTimerClone.js";
+import { migrate as x } from "../config/migrator/index.js";
+import { ModuleFolderDefaults as G } from "../enums/defaults.js";
+import { RIBBON_SELECTOR as se } from "../enums/onboarding.js";
+import ce from "./organisms/AutoSaveController.vue.js";
+import ae from "./organisms/base/Toaster.vue.js";
+import ie from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
+import me from "./organisms/header/HeaderWrapper.vue.js";
+import de from "./organisms/LoadingWrapper.vue.js";
+import le from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import ue from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
+import { useStripoApi as pe } from "../services/stripoApi.js";
+import { useConfigStore as fe } from "../stores/config.js";
+import { useDynamicContentStore as ve } from "../stores/dynamic-content.js";
+import { useEditorStore as ye } from "../stores/editor.js";
+import { usePreviewStore as he } from "../stores/preview.js";
+import { useUnsubscribeStore as Se } from "../stores/unsubscribe.js";
+const He = /* @__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(G, { expose: z, emit: n }) {
-    const g = G, q = I(
+  setup(H, { expose: z, emit: n }) {
+    const g = H, q = R(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), K = I(
+    ), K = R(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), w = W(), u = W(), p = pe(), E = ye(), i = ue();
+    ), w = I(), u = I(), p = ve(), E = Se(), i = fe();
     i.init(g.config);
-    const f = fe(), V = ve(), m = B(() => f.hasChanges), { isTestPartner: $ } = ee(), D = () => {
+    const f = ye(), V = he(), m = W(() => f.hasChanges), { isTestPartner: $ } = te(), D = () => {
       var e;
       return (e = w.value) == null ? void 0 : e.handleSave(!0);
     }, {
@@ -42,8 +44,8 @@ const We = /* @__PURE__ */ J({
       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;
+    } = 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) || G.SAVED_MODULES, U = (s == null ? void 0 : s.defaultModulesFolderName) || G.DEFAULT_MODULES;
+    f.templateId = v, Z(), oe();
     const h = {
       emailId: v,
       userId: C,
@@ -56,11 +58,11 @@ const We = /* @__PURE__ */ J({
       onReady: () => {
         console.debug("guido:ready"), n("ready");
       }
-    }, { initPlugin: M } = oe(h, _), { getDefaultTemplate: O } = le(), { cloneTimersOnSave: P, hasTimerBlocks: A } = te(), j = B(() => {
+    }, { initPlugin: M } = ne(h, _), { getDefaultTemplate: O } = pe(), { cloneTimersOnSave: P, hasTimerBlocks: A } = re(), j = W(() => {
       var e;
       return !((e = i.ui) != null && e.showHeader);
     });
-    Z({
+    ee({
       onBack: () => {
         console.debug("guido:back"), n("back");
       },
@@ -75,9 +77,9 @@ const We = /* @__PURE__ */ J({
         console.debug("guido:test-email:click"), n("test-email:click");
       }
     });
-    const N = (e) => {
+    const B = (e) => {
       console.debug("dynamic-content:close", e), p.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
-    }, R = () => {
+    }, N = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
     Q(() => m.value, () => {
@@ -90,7 +92,7 @@ const We = /* @__PURE__ */ J({
     let c = null;
     const b = () => {
       var t;
-      const e = document.querySelector(ne);
+      const e = document.querySelector(se);
       (t = u.value) == null || t.style.setProperty("--ribbon-offset", `${(e == null ? void 0 : e.offsetHeight) ?? 0}px`);
     };
     return X(async () => {
@@ -102,10 +104,10 @@ const We = /* @__PURE__ */ J({
         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),
+          html: d && await x(d, a),
           css: F
         };
-        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;
+        r.html || (r = await O(), r.html = await x(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);
       }
@@ -120,14 +122,14 @@ const We = /* @__PURE__ */ J({
       i.reset();
     }), z({
       dynamicContent: {
-        insert: N,
-        close: R
+        insert: B,
+        close: N
       },
       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 };
+    }), { __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: B, closeDynamicContent: N, handleDynamicContentOpen: S, ribbonObserver: c, updateRibbonOffset: b, AutoSaveController: ce, Toaster: ae, FilterSelectionDrawer: ie, HeaderWrapper: me, LoadingWrapper: de, SaveAsTemplateDrawer: le, UnsubscribeWrapper: ue };
   }
 });
 export {
-  We as default
+  He 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/useEmailTemplateApplier.js

@@ -0,0 +1,41 @@
+import { useActionsApi as u } from "./useActionsApi.js";
+import { useToaster as T } from "./useToaster.js";
+import { useTranslations as f } from "./useTranslations.js";
+import { ToasterTypeOptions as n } from "../enums/toaster.js";
+import { ref as y } from "vue";
+const h = 250, s = y({}), o = {}, j = () => {
+  const { updateHtmlAndCss: l } = u(), { showToaster: r } = T(), i = f(), c = (e, t, p) => {
+    s.value = { ...s.value, [e]: "applying" };
+    try {
+      l(t, p), s.value = { ...s.value, [e]: "applied" }, r({
+        type: n.Success,
+        message: i("newsletter.ai-template-applied")
+      });
+    } catch (a) {
+      s.value = { ...s.value, [e]: "failed" }, r({
+        type: n.Alert,
+        message: a instanceof Error ? a.message : "Failed to apply template"
+      });
+    }
+  }, m = (e) => {
+    const t = o[e];
+    t && (clearTimeout(t), delete o[e]);
+  };
+  return { applyStatus: s, applyTemplate: (e, t) => {
+    t.html && (m(e), c(e, t.html, t.css ?? ""));
+  }, applyTemplateDebounced: (e, t) => {
+    if (!t.html)
+      return;
+    m(e);
+    const { html: p } = t, a = t.css ?? "";
+    o[e] = setTimeout(() => {
+      delete o[e], c(e, p, a);
+    }, h);
+  } };
+}, w = () => {
+  Object.values(o).forEach(clearTimeout), Object.keys(o).forEach((l) => delete o[l]), s.value = {};
+};
+export {
+  w as resetEmailTemplateApplier,
+  j as useEmailTemplateApplier
+};

package/dist/composables/useGuidoStateBridge.js

@@ -0,0 +1,48 @@
+import { useActionsApi as g } from "./useActionsApi.js";
+import { useConfigStore as I } from "../stores/config.js";
+import { useEditorStore as b } from "../stores/editor.js";
+import { useGuidoEmailEditorStore as E } from "../stores/guido-email-editor.js";
+import { watch as c, onUnmounted as T } from "vue";
+const w = 500, z = () => {
+  const i = b(), a = E(), l = I(), { getTemplateData: m } = g();
+  let e = null, n = !1;
+  const r = () => {
+    e && (clearTimeout(e), e = null);
+  }, s = async () => {
+    var t, o;
+    if (!(n || !i.isStripoInitialized))
+      try {
+        const { html: f, css: h } = await m(), S = ((o = (t = l.config) == null ? void 0 : t.identity) == null ? void 0 : o.templateId) ?? "";
+        if (n)
+          return;
+        a.$patch({
+          html: f ?? "",
+          css: h ?? "",
+          templateId: S,
+          lastUpdatedAt: Date.now()
+        });
+      } catch {
+      }
+  }, u = () => {
+    r(), e = setTimeout(() => {
+      e = null, s();
+    }, w);
+  }, d = c(
+    () => i.isStripoInitialized,
+    (t) => {
+      t && s();
+    },
+    { immediate: !0 }
+  ), p = c(
+    () => i.hasChanges,
+    (t, o) => {
+      i.isStripoInitialized && (t ? u() : o && (r(), s()));
+    }
+  );
+  T(() => {
+    n = !0, r(), d(), p();
+  });
+};
+export {
+  z as useGuidoStateBridge
+};

package/dist/config/migrator/radioButtonMigrator.js

@@ -9,14 +9,14 @@ class B {
   }
   migrate(e) {
     try {
-      const t = this.parser.parseFromString(e, "text/html"), i = t.querySelectorAll("td.radio-button-block"), s = t.querySelectorAll("td.radio-button-v2");
-      if (i.length === 0 && s.length === 0)
+      const t = this.parser.parseFromString(e, "text/html"), s = t.querySelectorAll("td.radio-button-block"), i = t.querySelectorAll("td.radio-button-v2");
+      if (s.length === 0 && i.length === 0)
         return e;
       let o = !1;
-      return i.forEach((r) => {
+      return s.forEach((r) => {
         if (r.classList.contains("radio-button-v2"))
           return;
-        const n = r.getAttribute("id"), a = this.extractTextFromElement(r, "ins-title"), g = this.extractTextFromElement(r, "ins-description"), c = this.extractTextFromElement(r, "ins-subscribe"), u = this.extractTextFromElement(r, "ins-unsubscribe"), d = this.buildTextBlock(a), p = this.buildTextBlock(g), y = this.buildTextBlock({ ...c, classList: "" }), f = this.buildTextBlock({ ...u, classList: "" }), h = S.replace("{-{-TITLE-}-}", d).replace("{-{-DESCRIPTION-}-}", p).replace("{-{-YES-}-}", y).replace("{-{-NO-}-}", f), m = this.parser.parseFromString(
+        const n = r.getAttribute("id"), a = this.extractTextFromElement(r, "ins-title"), g = this.extractTextFromElement(r, "ins-description"), c = this.extractTextFromElement(r, "ins-subscribe"), u = this.extractTextFromElement(r, "ins-unsubscribe"), p = this.buildTextBlock(a), d = this.buildTextBlock(g), y = this.buildTextBlock({ ...c, classList: "" }), f = this.buildTextBlock({ ...u, classList: "" }), h = S.replace("{-{-TITLE-}-}", p).replace("{-{-DESCRIPTION-}-}", d).replace("{-{-YES-}-}", y).replace("{-{-NO-}-}", f), m = this.parser.parseFromString(
           `<table id="tempDoc"><tbody><tr>${h}</tr></tbody></table>`,
           "text/html"
         ).querySelector(".radio-button-v2");
@@ -28,25 +28,26 @@ class B {
   }
   healRadioButtonV2(e) {
     let t = !1;
-    return e.querySelectorAll("td.radio-button-v2").forEach((i) => {
-      var p;
-      const s = i.querySelector("input#radioYes"), o = i.querySelector("input#radioNo");
-      if (!s || !o)
+    return e.querySelectorAll("td.radio-button-v2").forEach((s) => {
+      var d;
+      s.classList.contains("radio-button-block") || (s.classList.add("radio-button-block"), t = !0);
+      const i = s.querySelector("input#radioYes"), o = s.querySelector("input#radioNo");
+      if (!i || !o)
         return;
-      const r = ((p = s.parentElement) == null ? void 0 : p.querySelector(":scope > p")) || null;
-      if (!r && !s.hasAttribute("align"))
+      const r = ((d = i.parentElement) == null ? void 0 : d.querySelector(":scope > p")) || null;
+      if (!r && !i.hasAttribute("align"))
         return;
-      const n = s.closest("tr"), a = o.closest("tr");
+      const n = i.closest("tr"), a = o.closest("tr");
       if (!n || !a || n === a || !n.parentNode)
         return;
-      const g = (r == null ? void 0 : r.innerHTML.trim()) || "Yes", c = a.cloneNode(!0), u = c.querySelector("input#radioNo"), d = c.querySelector("p");
-      u && (u.setAttribute("id", "radioYes"), u.removeAttribute("align")), d && (d.innerHTML = g), n.parentNode.replaceChild(c, n), t = !0;
+      const g = (r == null ? void 0 : r.innerHTML.trim()) || "Yes", c = a.cloneNode(!0), u = c.querySelector("input#radioNo"), p = c.querySelector("p");
+      u && (u.setAttribute("id", "radioYes"), u.removeAttribute("align")), p && (p.innerHTML = g), n.parentNode.replaceChild(c, n), t = !0;
     }), t;
   }
   extractTextFromElement(e, t) {
-    var p, y;
-    const i = e.querySelector(`.${t}`);
-    if (!i)
+    var d, y;
+    const s = e.querySelector(`.${t}`);
+    if (!s)
       return {
         text: t === "ins-title" ? "Title" : "Description",
         isBold: !1,
@@ -55,42 +56,42 @@ class B {
         styles: "",
         classList: ""
       };
-    const s = i.querySelector("p");
-    if (!s)
+    const i = s.querySelector("p");
+    if (!i)
       return {
-        text: ((p = i.textContent) == null ? void 0 : p.trim()) || (t === "ins-title" ? "Title" : "Description"),
+        text: ((d = s.textContent) == null ? void 0 : d.trim()) || (t === "ins-title" ? "Title" : "Description"),
         isBold: !1,
         isItalic: !1,
-        align: i.getAttribute("align") || "left",
+        align: s.getAttribute("align") || "left",
         styles: "",
         classList: ""
       };
-    const o = ((y = s.textContent) == null ? void 0 : y.trim()) || (t === "ins-title" ? "Title" : "Description"), r = s.getAttribute("style") || "", n = i.getAttribute("align") || s.getAttribute("align") || "left", a = /font-weight\s*:\s*bold/i.test(r) || !!s.querySelector("b, strong"), g = /font-style\s*:\s*italic/i.test(r) || !!s.querySelector("i, em"), c = this.removeStyleProperties(r, ["font-weight", "font-style"]), u = this.convertInlineToBlock(c), d = i.getAttribute("class") || "";
+    const o = ((y = i.textContent) == null ? void 0 : y.trim()) || (t === "ins-title" ? "Title" : "Description"), r = i.getAttribute("style") || "", n = s.getAttribute("align") || i.getAttribute("align") || "left", a = /font-weight\s*:\s*bold/i.test(r) || !!i.querySelector("b, strong"), g = /font-style\s*:\s*italic/i.test(r) || !!i.querySelector("i, em"), c = this.removeStyleProperties(r, ["font-weight", "font-style"]), u = this.convertInlineToBlock(c), p = s.getAttribute("class") || "";
     return {
       text: o,
       isBold: a,
       isItalic: g,
       align: n,
       styles: u,
-      classList: d
+      classList: p
     };
   }
   buildTextBlock(e) {
     let t = e.text;
     e.isBold && e.isItalic ? t = `<strong path="1,0"><em path="1,0,0">${t}</em></strong>` : e.isBold ? t = `<strong path="1,0">${t}</strong>` : e.isItalic && (t = `<em path="1,0">${t}</em>`);
-    const i = e.align ? ` align="${e.align}"` : "", s = e.styles ? ` style="${e.styles.replaceAll('"', "'")}"` : "";
+    const s = e.align ? ` align="${e.align}"` : "", i = e.styles ? ` style="${e.styles.replaceAll('"', "'")}"` : "";
     return `
-            <td class="esd-block-text ${e.classList}" ${i}>
-                <p path="1" ${s}>
+            <td class="esd-block-text ${e.classList}" ${s}>
+                <p path="1" ${i}>
                     ${t}
                 </p>
             </td>
         `;
   }
   removeStyleProperties(e, t) {
-    return e ? t.reduce((s, o) => {
+    return e ? t.reduce((i, o) => {
       const r = new RegExp(`${o}\\s*:\\s*[^;]*;?`, "gi");
-      return s.replace(r, "");
+      return i.replace(r, "");
     }, e).replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim() : "";
   }
   convertInlineToBlock(e) {
@@ -100,9 +101,9 @@ class B {
     return /display\s*:/i.test(t) || (t = t ? `${t}; display: block` : "display: block"), t.replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim();
   }
 }
-function q(l) {
+function L(l) {
   return new B().migrate(l);
 }
 export {
-  q as migrateRadioButton
+  L as migrateRadioButton
 };

package/dist/enums/extensions/recommendationBlock.js

@@ -1,10 +1,10 @@
-import { useTranslations as a } from "../../composables/useTranslations.js";
-const u = {
+import { useTranslations as r } from "../../composables/useTranslations.js";
+const l = {
   RECOMMENDATION_API_URL: "https://recommendationv2.api.useinsider.com"
-}, l = {
+}, c = {
   CLIENT_ID: "clientId"
-}, c = () => {
-  const e = a();
+}, d = () => {
+  const e = r();
   return [
     {
       id: 11,
@@ -67,72 +67,73 @@ const u = {
       path: "top-sellers"
     }
   ];
-}, d = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], m = [
+}, m = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], p = [
   { text: "before the amount", value: "0" },
   { text: "after the amount", value: "1" }
-], p = [
+], v = [
   { text: "dot(.)", value: "." },
   { text: "comma(,)", value: "," },
   { text: "space( )", value: " " }
-], v = [
+], h = [
   { text: "0", value: "0" },
   { text: "1", value: "1" },
   { text: "2", value: "2" },
   { text: "3", value: "3" },
   { text: "4", value: "4" },
   { text: "5", value: "5" }
-], t = [
+], a = "||", t = [
   { text: "is exactly", value: "=" },
   { text: "contains", value: "~" },
   { text: "does not contain", value: "!~" },
-  { text: "any of", value: "||" }
-], r = [
+  { text: "any of", value: a }
+], n = [
   { text: "is exactly", value: "=" },
   { text: "is not exactly", value: "!==" },
   { text: "contains", value: "~" },
   { text: "does not contain", value: "!~" },
-  { text: "any of", value: "||" }
-], n = [
+  { text: "any of", value: a }
+], o = [
   { text: "is equal to", value: "=" },
   { text: "is greater than", value: ">" },
   { text: "is less than", value: "<" }
-], o = [
+], s = [
   { text: "is equal to", value: "=" },
   { text: "after", value: ">" },
   { text: "before", value: "<" }
-], s = [
+], i = [
   { text: "true", value: "==" },
   { text: "false", value: "!=" }
-], h = (e) => {
+], x = (e) => {
   if (!e)
     return t;
   switch (e) {
     case "Boolean":
-      return s;
+      return i;
     case "Date":
-      return o;
+      return s;
     case "Number":
-      return n;
+      return o;
     case "String":
       return t;
     case "Strings":
-      return r;
+      return n;
     default:
       return t;
   }
 };
 export {
-  d as PriceAttributes,
-  l as QUERY_PARAMS,
-  u as URLS,
-  v as currencyDecimalCounts,
-  m as currencyLocationMaps,
-  p as currencyOperators,
-  h as getOperatorOptions,
-  c as getRecommendationFeedSourceMaps,
-  r as operatorOptionsForArrayOfStrings,
-  s as operatorOptionsForBooleans,
-  o as operatorOptionsForDates,
-  n as operatorOptionsForNumbers,
+  a as OP_ANY_OF,
+  m as PriceAttributes,
+  c as QUERY_PARAMS,
+  l as URLS,
+  h as currencyDecimalCounts,
+  p as currencyLocationMaps,
+  v as currencyOperators,
+  x as getOperatorOptions,
+  d as getRecommendationFeedSourceMaps,
+  n as operatorOptionsForArrayOfStrings,
+  i as operatorOptionsForBooleans,
+  s as operatorOptionsForDates,
+  o as operatorOptionsForNumbers,
   t as operatorOptionsForStrings
 };

package/dist/extensions/Blocks/RadioButton/template.js

@@ -5,7 +5,7 @@ const e = {
   YES: "Yes",
   NO: "No"
 }, d = `
-    <td align="left" class="radio-button radio-button-v2 esd-block-radio es-p10t es-p10b es-p30r es-p30l">
+    <td align="left" class="radio-button-block radio-button-v2 esd-block-radio es-p10t es-p10b es-p30r es-p30l">
         <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
             <tbody>
                 <tr>
@@ -75,13 +75,13 @@ const e = {
             </tbody>
         </table>
     </td>
-`, a = `
+`, l = `
     <td
         align="left"
         esd-extension-block-id="radio-button-block"
         esd-handler-name="esd-extension-RadioButtonBlock"
         class="
-            radio-button
+            radio-button-block
             radio-button-v2
             esd-block-ra
             esd-radio-button-block
@@ -149,10 +149,10 @@ const e = {
         </table>
     </td>
 `;
-function l() {
+function a() {
   return d.replace("{-{-TITLE-}-}", `<p path="1">${e.TITLE}</p>`).replace("{-{-DESCRIPTION-}-}", `<p path="1">${e.DESCRIPTION}</p>`).replace("{-{-YES-}-}", `<p path="1">${e.YES}</p>`).replace("{-{-NO-}-}", `<p path="1">${e.NO}</p>`);
 }
 export {
-  a as default,
-  l as getDefaultTemplate
+  l as default,
+  a as getDefaultTemplate
 };

package/dist/extensions/Blocks/Recommendation/utils/filterUtil.js

@@ -1,31 +1,44 @@
-function l(t) {
+import { OP_ANY_OF as l } from "../../../../enums/extensions/recommendationBlock.js";
+function m(t) {
+  try {
+    return decodeURIComponent(t);
+  } catch {
+    return t;
+  }
+}
+function f(t) {
+  return t.split(",").filter(Boolean).map(m);
+}
+function y(t) {
   if (t.length === 0)
     return "";
   const o = t.sort((r, e) => r.filterNumber - e.filterNumber), u = o.map((r) => {
-    const e = r.operator === "||", a = e ? "=" : r.operator, c = e ? decodeURIComponent(r.value).split(",").join("||") : r.value;
+    const e = r.operator === l, a = e ? "=" : r.operator, c = e ? f(r.value).join(l) : r.value;
     return `[${r.attribute}][${a}][${c}]`;
-  }), [s, ...p] = u;
-  let n = s;
+  }), [i, ...p] = u;
+  let n = i;
   for (let r = 0; r < p.length; r++) {
     const e = o[r].innerGroupOperator;
     n += `${e}${p[r]}`;
   }
   return `(${n})`;
 }
-function G(t) {
+function Q(t) {
   if (!t || t.length === 0)
     return "";
-  const o = t.reduce((r, e) => (r[e.filterGroup] || (r[e.filterGroup] = []), r[e.filterGroup].push(e), r), {}), u = Object.keys(o).map(Number).sort((r, e) => r - e), s = u.map((r) => {
+  const o = t.reduce((r, e) => (r[e.filterGroup] || (r[e.filterGroup] = []), r[e.filterGroup].push(e), r), {}), u = Object.keys(o).map(Number).sort((r, e) => r - e), i = u.map((r) => {
     const e = o[r];
-    return l(e);
-  }), [p, ...n] = s;
-  let i = p;
+    return y(e);
+  }), [p, ...n] = i;
+  let s = p;
   for (let r = 0; r < n.length; r++) {
     const e = u[r + 1], c = o[e][0].outerGroupOperator;
-    i += `${c}${n[r]}`;
+    s += `${c}${n[r]}`;
   }
-  return i.trim();
+  return s.trim();
 }
 export {
-  G as generateCompleteFilterQuery
+  Q as generateCompleteFilterQuery,
+  f as parseTagList,
+  m as safeDecodeURIComponent
 };

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-3b53a736],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-cd76c125] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-64c52560]{gap:8px}.version-history__toolbar[data-v-64c52560]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-4e2a4adb]{gap:4px}.header-wrapper[data-v-5c02dcc7]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-1a4e7084]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-1a4e7084]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-1a4e7084]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-df672485]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-df672485]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-df672485]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-df672485]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-df672485]{object-fit:cover;transform:scale(1)}[data-v-43c617a7] .guido__verion-history-view-option-selection-desktop svg,[data-v-43c617a7] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-43c617a7] .in-segments-wrapper__button_selected,[data-v-43c617a7] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-988f8da6]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-988f8da6]{min-height:504px}.iframe-wrapper[data-v-e0424e99]{width:258px}.iframe-scaled[data-v-e0424e99]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-7419ae06] .vueperslides__bullets,[data-v-796d193b] .vueperslides__bullets{pointer-events:none!important}[data-v-796d193b] .vueperslides__parallax-wrapper{height:110px!important}[data-v-cadfc82d] .vueperslides__bullets{pointer-events:none!important}[data-v-cadfc82d] .vueperslides__parallax-wrapper{height:110px!important}
+.gap-16[data-v-8053a037],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-cd76c125] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-64c52560]{gap:8px}.version-history__toolbar[data-v-64c52560]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-4e2a4adb]{gap:4px}.header-wrapper[data-v-5c02dcc7]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-cdee3452]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-cdee3452]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-cdee3452]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-df672485]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-df672485]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-df672485]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-df672485]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-df672485]{object-fit:cover;transform:scale(1)}[data-v-43c617a7] .guido__verion-history-view-option-selection-desktop svg,[data-v-43c617a7] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-43c617a7] .in-segments-wrapper__button_selected,[data-v-43c617a7] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-988f8da6]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-988f8da6]{min-height:504px}.iframe-wrapper[data-v-e0424e99]{width:258px}.iframe-scaled[data-v-e0424e99]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-7419ae06] .vueperslides__bullets,[data-v-796d193b] .vueperslides__bullets{pointer-events:none!important}[data-v-796d193b] .vueperslides__parallax-wrapper{height:110px!important}[data-v-cadfc82d] .vueperslides__bullets{pointer-events:none!important}[data-v-cadfc82d] .vueperslides__parallax-wrapper{height:110px!important}

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const o = { stripo: { version: "2.64.0" } }, s = {
+const o = { stripo: { version: "2.62.0" } }, s = {
   guido: o
 };
 export {

package/dist/src/composables/useCortexBlueprintBridge.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Bridges cortex-fe's chat store to Guido's Stripo editor.
+ *
+ * cortex-fe is a Module Federation MFE that registers `defineStore('chat', …)`
+ * on the host's shared (singleton) Pinia. Guido — bundled inside MFE consumers
+ * that also share that pinia — reads the same store at runtime via
+ * `getActivePinia()._s.get('chat')`. No build-time dep on cortex-fe.
+ *
+ * The bridge handles two segment shapes:
+ *
+ *   - `blueprint` segments with `blueprintType === 'email_template'` are
+ *     applied to the Stripo editor (immediate on first sighting, debounced on
+ *     update, identical-html no-ops).
+ *   - `error` segments (and message-level `isError` / `isCancelled`) trigger
+ *     a localized toaster.
+ *
+ * In dev (`import.meta.env.DEV`) every observed segment + message-level flag
+ * change is also `console.debug`-logged with the prefix `[guido:cortex]` so a
+ * developer can watch the agent stream in real time. In production this is
+ * gated behind `localStorage.guido:debug:ai === '1'`.
+ *
+ * If cortex-fe isn't loaded the chat store is undefined and the bridge is a
+ * no-op (intentional — Guido must still work standalone).
+ */
+export declare const useCortexBlueprintBridge: () => void;

package/dist/src/composables/useEmailTemplateApplier.d.ts

@@ -0,0 +1,21 @@
+type ApplyStatus = 'pending' | 'applying' | 'applied' | 'failed';
+/**
+ * Applies email_template blueprints from the chat agent to the Stripo editor.
+ *
+ * - blueprint_create + manual Apply click: immediate.
+ * - blueprint_update: debounced 250 ms trailing so rapid mid-stream updates
+ *   don't thrash updateHtmlAndCss.
+ */
+export declare const useEmailTemplateApplier: () => {
+    applyStatus: import("vue").Ref<Record<string, ApplyStatus>>;
+    applyTemplate: (blueprintId: string, data: {
+        html?: string;
+        css?: string;
+    }) => void;
+    applyTemplateDebounced: (blueprintId: string, data: {
+        html?: string;
+        css?: string;
+    }) => void;
+};
+export declare const resetEmailTemplateApplier: () => void;
+export {};

package/dist/src/composables/useGuidoStateBridge.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Outbound bridge — publishes the current editor's html/css to the shared
+ * Pinia store `guidoEmailEditor` so cortex-fe can read it at chat-stream
+ * submit time and forward it as `clientState.editor`. This is what enables
+ * sub-case 1.3 (refine an already-loaded template via the email-agent).
+ *
+ * The bridge writes on three triggers:
+ *
+ *   1. Stripo finishes initializing — first snapshot.
+ *   2. Editor `hasChanges` flips to true — debounced 500 ms so a streaming
+ *      Stripo edit doesn't thrash the store.
+ *   3. Editor `hasChanges` flips back to false (post-save / autosave) —
+ *      immediate, since this is the canonical "saved" snapshot.
+ *
+ * `getTemplateData()` is a Stripo iframe call; it must not run before
+ * `isStripoInitialized` is true. The bridge guards against that.
+ *
+ * If cortex-fe isn't loaded the store still gets written — that's fine;
+ * the store has zero overhead and any future reader will find consistent
+ * state. The bridge is a one-way pipe with no consumer dependency.
+ */
+export declare const useGuidoStateBridge: () => void;

package/dist/src/enums/extensions/recommendationBlock.d.ts

@@ -15,6 +15,7 @@ export declare const PriceAttributes: string[];
 export declare const currencyLocationMaps: TextValueObject[];
 export declare const currencyOperators: TextValueObject[];
 export declare const currencyDecimalCounts: TextValueObject[];
+export declare const OP_ANY_OF = "||";
 export declare const operatorOptionsForStrings: TextValueObject[];
 export declare const operatorOptionsForArrayOfStrings: TextValueObject[];
 export declare const operatorOptionsForNumbers: TextValueObject[];

package/dist/src/extensions/Blocks/RadioButton/template.d.ts

@@ -1,4 +1,4 @@
-declare const migrationTemplate = "\n    <td\n        align=\"left\"\n        esd-extension-block-id=\"radio-button-block\"\n        esd-handler-name=\"esd-extension-RadioButtonBlock\"\n        class=\"\n            radio-button\n            radio-button-v2\n            esd-block-ra\n            esd-radio-button-block\n            esd-extension-block\n            es-p10t\n            es-p10b\n            es-p30r\n            es-p30l\"\n    >\n        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n            <tbody>\n                <tr>\n                    <td align=\"left\" width=\"70%\" style=\"vertical-align: top;\">\n                        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n                            <tbody>\n                                <tr>\n                                    {-{-TITLE-}-}\n                                </tr>\n                                <tr>\n                                    {-{-DESCRIPTION-}-}\n                                </tr>\n                            </tbody>\n                        </table>\n                    </td>\n                    <td align=\"right\" width=\"30%\" style=\"vertical-align: middle;\">\n                        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n                            <tbody>\n                                <tr>\n                                    <td width=\"50%\">\n                                        <table width=\"100%\">\n                                            <tr>\n                                                <td width=\"24\">\n                                                    <input\n                                                        type=\"radio\"\n                                                        id=\"radioYes\"\n                                                        name=\"unsubscribe\"\n                                                        data-cke-editable=\"1\"\n                                                        style=\"margin: 0px; vertical-align: middle;\">\n                                                    </td>\n                                                {-{-YES-}-}\n                                            </tr>\n                                        </table>\n                                    </td>\n                                    <td width=\"50%\">\n                                        <table width=\"100%\">\n                                            <tr>\n                                                <td width=\"24\">\n                                                    <input\n                                                        type=\"radio\"\n                                                        id=\"radioNo\"\n                                                        name=\"unsubscribe\"\n                                                        data-cke-editable=\"1\"\n                                                        style=\"margin: 0px; vertical-align: middle;\">\n                                                </td>\n                                                {-{-NO-}-}\n                                            </tr>\n                                        </table>\n                                    </td>\n                                </tr>\n                            </tbody>\n                        </table>\n                    </td>\n                </tr>\n            </tbody>\n        </table>\n    </td>\n";
+declare const migrationTemplate = "\n    <td\n        align=\"left\"\n        esd-extension-block-id=\"radio-button-block\"\n        esd-handler-name=\"esd-extension-RadioButtonBlock\"\n        class=\"\n            radio-button-block\n            radio-button-v2\n            esd-block-ra\n            esd-radio-button-block\n            esd-extension-block\n            es-p10t\n            es-p10b\n            es-p30r\n            es-p30l\"\n    >\n        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n            <tbody>\n                <tr>\n                    <td align=\"left\" width=\"70%\" style=\"vertical-align: top;\">\n                        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n                            <tbody>\n                                <tr>\n                                    {-{-TITLE-}-}\n                                </tr>\n                                <tr>\n                                    {-{-DESCRIPTION-}-}\n                                </tr>\n                            </tbody>\n                        </table>\n                    </td>\n                    <td align=\"right\" width=\"30%\" style=\"vertical-align: middle;\">\n                        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n                            <tbody>\n                                <tr>\n                                    <td width=\"50%\">\n                                        <table width=\"100%\">\n                                            <tr>\n                                                <td width=\"24\">\n                                                    <input\n                                                        type=\"radio\"\n                                                        id=\"radioYes\"\n                                                        name=\"unsubscribe\"\n                                                        data-cke-editable=\"1\"\n                                                        style=\"margin: 0px; vertical-align: middle;\">\n                                                    </td>\n                                                {-{-YES-}-}\n                                            </tr>\n                                        </table>\n                                    </td>\n                                    <td width=\"50%\">\n                                        <table width=\"100%\">\n                                            <tr>\n                                                <td width=\"24\">\n                                                    <input\n                                                        type=\"radio\"\n                                                        id=\"radioNo\"\n                                                        name=\"unsubscribe\"\n                                                        data-cke-editable=\"1\"\n                                                        style=\"margin: 0px; vertical-align: middle;\">\n                                                </td>\n                                                {-{-NO-}-}\n                                            </tr>\n                                        </table>\n                                    </td>\n                                </tr>\n                            </tbody>\n                        </table>\n                    </td>\n                </tr>\n            </tbody>\n        </table>\n    </td>\n";
 /**
  * @returns The template for the default checkbox block
  */

package/dist/src/extensions/Blocks/Recommendation/utils/filterUtil.d.ts

@@ -1,4 +1,6 @@
 import type { Filter } from '@@/Types/recommendation';
+export declare function safeDecodeURIComponent(value: string): string;
+export declare function parseTagList(value: string): string[];
 /**
  * Generates the complete query with outer group operators
  * @param filters Array of Filter objects

package/dist/src/stores/guido-email-editor.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Outbound contract Guido publishes to the host's shared Pinia singleton so
+ * cortex-fe can pick up the current editor state and forward it as
+ * `clientState.editor` on the next chat-stream POST.
+ *
+ * State + getters only — `useGuidoStateBridge` writes via `$patch`, no actions
+ * live here (architecture invariant).
+ *
+ * Store id `guidoEmailEditor` is cross-MFE: cortex-fe reads it via
+ * `pinia._s.get('guidoEmailEditor')` at runtime. The internal Guido editor
+ * store keeps id `guidoEditor` — these are intentionally separate. The
+ * internal store carries UI state that cortex-fe should not see; this public
+ * store carries the contract Guido is willing to share.
+ */
+export declare const useGuidoEmailEditorStore: import("pinia").StoreDefinition<"guidoEmailEditor", {
+    /** Current Stripo HTML — stripe tables only, no DOCTYPE/wrapper. */
+    html: string;
+    /** Current Stripo CSS — es-p* utility classes used by the html. */
+    css: string;
+    /** Wall-clock ms when html/css were last written by the bridge. */
+    lastUpdatedAt: number;
+    /** Template id from the editor config, for cortex-fe to scope per-template. */
+    templateId: string;
+}, {
+    /** True once the bridge has published at least one snapshot. */
+    hasSnapshot: (state: {
+        html: string;
+        css: string;
+        lastUpdatedAt: number;
+        templateId: string;
+    } & import("pinia").PiniaCustomStateProperties<{
+        /** Current Stripo HTML — stripe tables only, no DOCTYPE/wrapper. */
+        html: string;
+        /** Current Stripo CSS — es-p* utility classes used by the html. */
+        css: string;
+        /** Wall-clock ms when html/css were last written by the bridge. */
+        lastUpdatedAt: number;
+        /** Template id from the editor config, for cortex-fe to scope per-template. */
+        templateId: string;
+    }>) => boolean;
+}, {}>;

package/dist/stores/guido-email-editor.js

@@ -0,0 +1,20 @@
+import { defineStore as e } from "pinia";
+const d = e("guidoEmailEditor", {
+  state: () => ({
+    /** Current Stripo HTML — stripe tables only, no DOCTYPE/wrapper. */
+    html: "",
+    /** Current Stripo CSS — es-p* utility classes used by the html. */
+    css: "",
+    /** Wall-clock ms when html/css were last written by the bridge. */
+    lastUpdatedAt: 0,
+    /** Template id from the editor config, for cortex-fe to scope per-template. */
+    templateId: ""
+  }),
+  getters: {
+    /** True once the bridge has published at least one snapshot. */
+    hasSnapshot: (t) => t.lastUpdatedAt > 0 && t.html !== ""
+  }
+});
+export {
+  d as useGuidoEmailEditorStore
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.3.0-beta.9ab0297",
+  "version": "3.3.0-beta.a262798",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",
@@ -90,7 +90,7 @@
   },
   "guido": {
     "stripo": {
-      "version": "2.64.0"
+      "version": "2.62.0"
     }
   }
 }