@useinsider/guido 3.4.2-beta.6886b92 → 3.5.0-beta.70f8c74

package/README.md

@@ -8,6 +8,8 @@
 
 # @useinsider/guido
 
+[![Coverus](https://github.com/useinsider/coverus-artifacts/raw/main/badges/github/useinsider/guido/coverage.svg)](http://coverus.internal.dataforce/app/project/github/useinsider/guido)
+
 Guido is a Vue 2 + TypeScript wrapper for the Stripo Email Editor plugin. Easily embed the professional email editor in your Vue applications with a clean, type-safe configuration.
 
 ## Installation

package/dist/components/Guido.vue.js

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

package/dist/components/Guido.vue2.js

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

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

@@ -5,7 +5,7 @@ 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: 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) {
+  } } })], 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": "", "allow-duplicates": !1, invalid: t.invalidFields.has("value"), "invalid-message": t.valueErrorMessage, label: t.trans("condition.value"), placeholder: t.trans("condition.enter-value-placeholder"), validate: t.isValidFilterTag, 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 });
@@ -16,7 +16,7 @@ var r = function() {
   n,
   !1,
   null,
-  "8053a037"
+  "5553d071"
 );
 const f = o.exports;
 export {

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

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

package/dist/composables/useActionsApi.js

@@ -21,9 +21,9 @@ const v = () => {
       resetDataSavedFlag: !1,
       disableLineHeightsReplace: !0
     }, ...t }, s = {
-      callback: (l, r, d, c, u) => {
+      callback: (l, p, d, c, u) => {
         l ? a(l) : e({
-          html: r,
+          html: p,
           ampHtml: d,
           ampErrors: c,
           displayConditions: u
@@ -36,11 +36,11 @@ const v = () => {
   return {
     getCompiledEmail: m,
     getTemplateData: () => new Promise((t) => {
-      const e = ({ html: a, css: i, width: o, height: p, utmParams: s, syncModulesIds: l }) => t({
+      const e = ({ html: a, css: i, width: o, height: r, utmParams: s, syncModulesIds: l }) => t({
         html: a,
         css: i,
         width: o,
-        height: p,
+        height: r,
         utmParams: s,
         syncModulesIds: l
       });
@@ -91,7 +91,11 @@ const v = () => {
     },
     editorSave: () => new Promise((t) => {
       window.StripoEditorApi.actionsApi.save((e) => {
-        e && n(e, "Failed to save template"), t();
+        if (e) {
+          n(e, "Failed to save template"), t(!1);
+          return;
+        }
+        t(!0);
       });
     })
   };

package/dist/composables/useSave.js

@@ -1,32 +1,31 @@
 import { useActionsApi as x } from "./useActionsApi.js";
 import { useConfig as y } from "./useConfig.js";
 import { useSaveStart as w, useSaveComplete as C } from "./useGuidoActions.js";
-import { useSyncModuleExtractor as H } from "./useSyncModuleExtractor.js";
-import { useStripoApi as b } from "../services/stripoApi.js";
-import { useTemplatePreparation as q } from "../utils/templatePreparation.js";
-import { useHtmlValidator as L } from "./useHtmlValidator.js";
-import { useCouponBlockValidator as P } from "./validators/useCouponBlockValidator.js";
-import { useLiquidValidator as E } from "./validators/useLiquidValidator.js";
-const j = () => {
-  const o = w(), s = C(), { validateHtml: r } = L(), { validateLiquidSyntax: l } = E(), { validateCouponBlockTags: n } = P(), { callbacks: a, isFeatureEnabled: d } = y(), { extractSyncModuleData: u } = H(), { setSyncModuleUnsubscriptionPages: c } = b(), { editorSave: m } = x();
+import { useSyncModuleExtractor as E } from "./useSyncModuleExtractor.js";
+import { useStripoApi as H } from "../services/stripoApi.js";
+import { useTemplatePreparation as b } from "../utils/templatePreparation.js";
+import { useHtmlValidator as q } from "./useHtmlValidator.js";
+import { useCouponBlockValidator as L } from "./validators/useCouponBlockValidator.js";
+import { useLiquidValidator as P } from "./validators/useLiquidValidator.js";
+const z = () => {
+  const o = w(), s = C(), { validateHtml: r } = q(), { validateLiquidSyntax: n } = P(), { validateCouponBlockTags: l } = L(), { callbacks: a, isFeatureEnabled: d } = y(), { extractSyncModuleData: u } = E(), { setSyncModuleUnsubscriptionPages: c } = H(), { editorSave: m } = x();
   return { save: async (p = !1, f = !1) => {
     var i;
     o();
-    const { prepareTemplateDetails: v } = q(), t = await v();
-    if (!n(t.compiledHtml))
+    const { prepareTemplateDetails: v } = b(), t = await v();
+    if (!l(t.compiledHtml))
       return;
     if (d("liquidSyntax")) {
-      if (!await l(t.compiledHtml))
+      if (!await n(t.compiledHtml))
         return;
     } else if (!await r(t.compiledHtml, t.dynamicContentList, !0))
       return;
-    if ((i = a.value) != null && i.externalValidation && !await a.value.externalValidation(t))
+    if ((i = a.value) != null && i.externalValidation && !await a.value.externalValidation(t) || !await m())
       return;
-    await m();
     const { unsubscribePayload: S, stripoModules: V } = u(t.rawHtml);
     return await c(S), t.modules = V, p || s({ ...t, silent: f }), t;
   } };
 };
 export {
-  j as useSave
+  z as useSave
 };

package/dist/config/migrator/checkboxMigrator.js

@@ -1,85 +1,36 @@
-var x = Object.defineProperty;
-var y = (s, t, e) => t in s ? x(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
-var m = (s, t, e) => y(s, typeof t != "symbol" ? t + "" : t, e);
-import b from "../../extensions/Blocks/Checkbox/template.js";
-class f {
+var h = Object.defineProperty;
+var g = (r, t, e) => t in r ? h(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
+var l = (r, t, e) => g(r, typeof t != "symbol" ? t + "" : t, e);
+import f from "../../extensions/Blocks/Checkbox/template.js";
+import { extractTextFromElement as m, buildTextBlock as p } from "./textBlockMigration.js";
+class C {
   constructor() {
-    m(this, "parser");
+    l(this, "parser");
     this.parser = new DOMParser();
   }
   migrate(t) {
     try {
-      const e = this.parser.parseFromString(t, "text/html"), i = e.querySelectorAll("td.checkbox-block");
-      return i.length === 0 ? t : (i.forEach((r) => {
-        if (r.classList.contains("checkbox-block-v2"))
+      const e = this.parser.parseFromString(t, "text/html"), n = e.querySelectorAll("td.checkbox-block");
+      if (n.length === 0)
+        return t;
+      let i = !1;
+      return n.forEach((o) => {
+        if (o.classList.contains("checkbox-block-v2"))
           return;
-        const n = r.getAttribute("id"), l = this.extractTextFromElement(r, "ins-title"), c = this.extractTextFromElement(r, "ins-description"), a = this.buildTextBlock(l), p = this.buildTextBlock(c), g = b.replace("{-{-TITLE-}-}", a).replace("{-{-DESCRIPTION-}-}", p), o = this.parser.parseFromString(
-          `<table id="tempDoc"><tbody><tr>${g}</tr></tbody></table>`,
+        const b = o.getAttribute("id"), s = m(o, "ins-title"), a = m(o, "ins-description"), u = p(s, s.containerClass), x = p(a, a.containerClass), d = f.replace("{-{-TITLE-}-}", u).replace("{-{-DESCRIPTION-}-}", x), c = this.parser.parseFromString(
+          `<table id="tempDoc"><tbody><tr>${d}</tr></tbody></table>`,
           "text/html"
         ).querySelector(".checkbox-block-v2");
-        o && r.parentNode && (o.setAttribute("id", n || ""), r.parentNode.replaceChild(o, r));
-      }), e.documentElement.outerHTML);
+        c && o.parentNode && (c.setAttribute("id", b || ""), o.parentNode.replaceChild(c, o), i = !0);
+      }), i ? e.documentElement.outerHTML : t;
     } catch (e) {
       return console.error("CheckboxMigrator failed:", e), t;
     }
   }
-  extractTextFromElement(t, e) {
-    var o, d;
-    const i = t.querySelector(`.${e}`);
-    if (!i)
-      return {
-        text: e === "ins-title" ? "Title" : "Description",
-        isBold: !1,
-        isItalic: !1,
-        align: "left",
-        styles: ""
-      };
-    const r = i.querySelector("p");
-    if (!r)
-      return {
-        text: ((o = i.textContent) == null ? void 0 : o.trim()) || (e === "ins-title" ? "Title" : "Description"),
-        isBold: !1,
-        isItalic: !1,
-        align: i.getAttribute("align") || "left",
-        styles: ""
-      };
-    const n = ((d = r.textContent) == null ? void 0 : d.trim()) || (e === "ins-title" ? "Title" : "Description"), l = r.getAttribute("style") || "", c = i.getAttribute("align") || r.getAttribute("align") || "left", a = /font-weight\s*:\s*bold/i.test(l) || !!r.querySelector("b, strong"), p = /font-style\s*:\s*italic/i.test(l) || !!r.querySelector("i, em"), g = this.removeStyleProperties(l, ["font-weight", "font-style"]), u = this.convertInlineToBlock(g);
-    return {
-      text: n,
-      isBold: a,
-      isItalic: p,
-      align: c,
-      styles: u
-    };
-  }
-  buildTextBlock(t) {
-    let e = t.text;
-    t.isBold && t.isItalic ? e = `<strong path="1,0"><em path="1,0,0">${e}</em></strong>` : t.isBold ? e = `<strong path="1,0">${e}</strong>` : t.isItalic && (e = `<em path="1,0">${e}</em>`);
-    const i = t.align ? ` align="${t.align}"` : "", r = t.styles ? ` style="${t.styles}"` : "";
-    return `
-            <td class="esd-block-text" ${i}>
-                <p path="1" ${r}>
-                    ${e}
-                </p>
-            </td>
-        `;
-  }
-  removeStyleProperties(t, e) {
-    return t ? e.reduce((r, n) => {
-      const l = new RegExp(`${n}\\s*:\\s*[^;]*;?`, "gi");
-      return r.replace(l, "");
-    }, t).replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim() : "";
-  }
-  convertInlineToBlock(t) {
-    if (!t)
-      return "";
-    let e = t.replace(/display\s*:\s*inline/gi, "display: block");
-    return /display\s*:/i.test(e) || (e = e ? `${e}; display: block` : "display: block"), e.replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim();
-  }
 }
-function k(s) {
-  return new f().migrate(s);
+function E(r) {
+  return new C().migrate(r);
 }
 export {
-  k as migrateCheckbox
+  E as migrateCheckbox
 };