@useinsider/guido 3.10.1-beta.e36dd40 → 3.11.0-beta.04af241

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

@@ -15,7 +15,7 @@ var u = function() {
   p,
   !1,
   null,
-  "82128f7d"
+  "6e711fd7"
 );
 const v = c.exports;
 export {

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

@@ -10,9 +10,9 @@ var s = function() {
   d,
   !1,
   null,
-  "5c02dcc7"
+  "d11dd577"
 );
-const p = i.exports;
+const c = i.exports;
 export {
-  p as default
+  c as default
 };

package/dist/components/organisms/header/HeaderWrapper.vue2.js

@@ -8,6 +8,8 @@ const c = /* @__PURE__ */ n({
   setup(l, { expose: r }) {
     const e = m(null);
     return r({
+      // Stryker disable next-line OptionalChaining: RightSlot is always rendered (no
+      // v-if), so rightSlotRef.value is never null and `?.` cannot short-circuit.
       handleSave: (t) => {
         var o;
         return (o = e.value) == null ? void 0 : o.handleSave(t);

package/dist/components/organisms/header/version-history/VersionHistory.vue.js

@@ -14,7 +14,7 @@ var n = function() {
   a,
   !1,
   null,
-  "64c52560"
+  "fad98586"
 );
 const _ = c.exports;
 export {

package/dist/components/organisms/unsubscribe/UnsubscribePageSelection.vue.js

@@ -1,6 +1,6 @@
-import n from "./UnsubscribePageSelection.vue2.js";
+import a from "./UnsubscribePageSelection.vue2.js";
 /* empty css                              */
-import a from "../../../_virtual/_plugin-vue2_normalizer.js";
+import n from "../../../_virtual/_plugin-vue2_normalizer.js";
 var o = function() {
   var r = this, e = r._self._c, t = r._self._setupProxy;
   return e(t.WpDrawer, { attrs: { id: "unsubscribe-modal", "description-status": "", size: "large", "footer-button-group-options": t.footerButtonGroupOptions, status: t.unsubscribeStore.pageSelectionDrawerStatus, "title-text": t.trans("newsletter.select-a-template") }, on: { cancelOrBackButtonEvent: t.handleBack, onCloseEvent: t.handleClose, primaryButtonEvent: t.handleSave }, scopedSlots: r._u([{ key: "headerBottomSlot", fn: function() {
@@ -10,13 +10,13 @@ var o = function() {
       return t.selectTemplate(s.id);
     } } }, [e(t.InContainer, { staticClass: "template-container o-h", class: { selected: t.unsubscribeStore.getSelectedTemplateByActiveType === s.id }, attrs: { border: t.getBorderClass(s.id) } }, [e("div", { staticClass: "w-1 h-1 d-f j-c-c a-i-c" }, [e("img", { staticClass: "w-1 h-1 thumbnail o-h", attrs: { alt: s.name, src: s.thumbnail } })])]), e("div", { staticClass: "mt-1 f-s-1" }, [r._v(" " + r._s(s.name) + " ")])], 1);
   }), 0)]);
-}, i = [], c = /* @__PURE__ */ a(
-  n,
+}, i = [], c = /* @__PURE__ */ n(
+  a,
   o,
   i,
   !1,
   null,
-  "669fe7cf"
+  "91a26acd"
 );
 const _ = c.exports;
 export {

package/dist/components/organisms/unsubscribe/UnsubscribePageSelection.vue2.js

@@ -29,9 +29,9 @@ const N = /* @__PURE__ */ y({
         t();
       }, 500);
     }, m = () => {
-      n(), e.pageSelectionUpdateStatus || document.dispatchEvent(new CustomEvent("unsubscribe:cancel", {
+      e.pageSelectionDrawerStatus && (n(), e.pageSelectionUpdateStatus || document.dispatchEvent(new CustomEvent("unsubscribe:cancel", {
         detail: { blockId: e.pendingBlockId }
-      }));
+      })));
     }, b = () => {
       if (e.isActiveTypeFirstInCollection) {
         n(), e.pageSelectionUpdateStatus || (e.typeSelectionDrawerStatus = !0);

package/dist/components/organisms/unsubscribe/UnsubscribeTypeSelection.vue.js

@@ -2,15 +2,15 @@ import n from "./UnsubscribeTypeSelection.vue2.js";
 /* empty css                              */
 import o from "../../../_virtual/_plugin-vue2_normalizer.js";
 var i = function() {
-  var e = this, s = e._self._c, t = e._self._setupProxy;
-  return s(t.WpDrawer, { attrs: { id: "unsubscribe-modal", "description-status": "", "description-text": t.descriptionText, "footer-button-group-options": t.footerButtonGroupOptions, status: t.unsubscribeStore.typeSelectionDrawerStatus, "title-text": t.trans("unsubscription-preference.select-unsubscribe-page-title") }, on: { cancelOrBackButtonEvent: t.closeModal, onCloseEvent: t.closeModal, primaryButtonEvent: t.selectCollection } }, [s(t.InSegments, { staticClass: "w-1", attrs: { "with-icon": "", align: "vertical", disable: t.isSelecting, "segment-list": t.segmentList, selected: t.selectedCollection, "skeleton-sizing": { width: 495, height: 180 }, "skeleton-status": t.skeletonStatus }, on: { click: t.changeCollection } })], 1);
+  var t = this, s = t._self._c, e = t._self._setupProxy;
+  return s(e.WpDrawer, { attrs: { id: "unsubscribe-modal", "description-status": "", "description-text": e.descriptionText, "footer-button-group-options": e.footerButtonGroupOptions, status: e.unsubscribeStore.typeSelectionDrawerStatus, "title-text": e.trans("unsubscription-preference.select-unsubscribe-page-title") }, on: { cancelOrBackButtonEvent: e.closeModal, onCloseEvent: e.closeModal, primaryButtonEvent: e.selectCollection } }, [s(e.InSegments, { staticClass: "w-1", attrs: { "with-icon": "", align: "vertical", disable: e.isSelecting, "segment-list": e.segmentList, selected: e.selectedCollection, "skeleton-sizing": { width: 495, height: 180 }, "skeleton-status": e.skeletonStatus }, on: { click: e.changeCollection } })], 1);
 }, r = [], c = /* @__PURE__ */ o(
   n,
   i,
   r,
   !1,
   null,
-  "7a305bb2"
+  "b9a93c6e"
 );
 const _ = c.exports;
 export {

package/dist/components/organisms/unsubscribe/UnsubscribeTypeSelection.vue2.js

@@ -10,10 +10,10 @@ import { InSegments as L } from "@useinsider/design-system-vue";
 const W = /* @__PURE__ */ _({
   __name: "UnsubscribeTypeSelection",
   setup(k) {
-    const t = N(), { showToaster: d } = w(), e = G(), n = b(!1), o = b(!0), r = b(l.GLOBAL_UNSUBSCRIBE), T = t(
+    const t = N(), { showToaster: d } = w(), e = G(), n = b(!1), o = b(!0), r = b(l.GLOBAL_UNSUBSCRIBE), y = t(
       "unsubscription-preference.select-unsubscribe-page-description",
       { action: `<a href="${D.GLOBAL_UNSUBSCRIBE}" target="_blank">${t("ds-rules.visit-academy")}</a>` }
-    ), y = f(() => [
+    ), T = f(() => [
       {
         description: t("unsubscription-preference.type-global-unsubscribe-description"),
         icon: "line-contact-global-unsub-page",
@@ -31,7 +31,7 @@ const W = /* @__PURE__ */ _({
         disable: e.isSubscriptionPreferencesCenterDisabled,
         tooltipText: e.isSubscriptionPreferencesCenterDisabled ? t("unsubscription-preference.pref-center-added") : ""
       }
-    ]), g = f(
+    ]), S = f(
       () => e.isGlobalUnsubscribeDisabled && e.isSubscriptionPreferencesCenterDisabled
     ), C = f(() => ({
       primaryButton: {
@@ -41,7 +41,7 @@ const W = /* @__PURE__ */ _({
           n.value ? "unsubscription-preference.selecting-type" : "products.select-and-continue"
         ),
         loadingStatus: n.value,
-        disabledStatus: g.value,
+        disabledStatus: S.value,
         skeletonStatus: o.value,
         skeletonSizing: { width: 168, height: 40 }
       },
@@ -53,12 +53,12 @@ const W = /* @__PURE__ */ _({
         skeletonStatus: o.value,
         skeletonSizing: { width: 78, height: 40 }
       }
-    })), S = (s) => {
-      e.typeSelectionDrawerStatus = !1, document.dispatchEvent(new CustomEvent("unsubscribe:cancel", {
+    })), g = (s) => {
+      e.typeSelectionDrawerStatus && (e.typeSelectionDrawerStatus = !1, document.dispatchEvent(new CustomEvent("unsubscribe:cancel", {
         detail: { blockId: e.pendingBlockId }
       })), s && setTimeout(() => {
         s();
-      }, 500);
+      }, 500));
     }, E = (s) => {
       r.value = s;
     }, m = () => {
@@ -98,14 +98,14 @@ const W = /* @__PURE__ */ _({
       }), !1;
     }, B = async () => {
       if (n.value = !0, await e.fetchTemplates(!0), e.setCollection(r.value), !m()) {
-        n.value = !1, S();
+        n.value = !1, g();
         return;
       }
       n.value = !1, e.typeSelectionDrawerStatus = !1, e.pageSelectionDrawerStatus = !0;
     };
     return v(() => e.typeSelectionDrawerStatus, (s) => {
       s && (o.value = !0, r.value = l.GLOBAL_UNSUBSCRIBE, e.isGlobalUnsubscribeDisabled && (r.value = e.isSubscriptionPreferencesCenterDisabled ? 0 : l.SUBSCRIPTION_PREFERENCE_CENTER), o.value = !1);
-    }), { __sfc: !0, trans: t, showToaster: d, unsubscribeStore: e, isSelecting: n, skeletonStatus: o, selectedCollection: r, descriptionText: T, segmentList: y, hasNoSelectableType: g, footerButtonGroupOptions: C, closeModal: S, changeCollection: E, validateTemplates: m, selectCollection: B, WpDrawer: U, InSegments: L };
+    }), { __sfc: !0, trans: t, showToaster: d, unsubscribeStore: e, isSelecting: n, skeletonStatus: o, selectedCollection: r, descriptionText: y, segmentList: T, hasNoSelectableType: S, footerButtonGroupOptions: C, closeModal: g, changeCollection: E, validateTemplates: m, selectCollection: B, WpDrawer: U, InSegments: L };
   }
 });
 export {

package/dist/composables/useCortexBlueprintBridge.js

@@ -19,10 +19,10 @@ const x = "email_template", L = "chat", M = "guido:debug:ai", R = () => {
   const l = c._s, p = l == null ? void 0 : l.get(L);
   if (!p)
     return;
-  const { markPending: d, applyTemplate: f, applyTemplateDebounced: T } = w(), { showToaster: h } = I(), y = P(), A = (r, t) => {
-    const e = y(r);
+  const { markPending: d, applyTemplate: f, applyTemplateDebounced: T } = w(), { showToaster: E } = I(), h = P(), y = (r, t) => {
+    const e = h(r);
     return e === r ? t : e;
-  }, i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set(), u = R(), E = (r, t) => {
+  }, i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set(), u = R(), A = (r, t) => {
     u && console.debug(`[guido:cortex] msg=${r ?? "?"} type=${(t == null ? void 0 : t.type) ?? "?"}`, t);
   }, b = (r) => {
     if (r.blueprintType !== x)
@@ -36,9 +36,9 @@ const x = "email_template", L = "chat", M = "guido:debug:ai", R = () => {
     }
     const o = i.get(t);
     o === void 0 ? (i.set(t, e.html), f(t, e)) : o !== e.html && (i.set(t, e.html), T(t, e));
-  }, s = (r) => r === void 0 || a.has(r) ? !1 : (a.add(r), h({
-    type: S.Alert,
-    message: A("newsletter.ai-template-failed", "AI couldn't generate the template. Please try again.")
+  }, s = (r) => r === void 0 || a.has(r) ? !1 : (a.add(r), E({
+    type: S.Error,
+    message: y("newsletter.ai-template-failed", "AI couldn't generate the template. Please try again.")
   }), !0), m = B(
     () => p.messages,
     (r) => {
@@ -48,7 +48,7 @@ const x = "email_template", L = "chat", M = "guido:debug:ai", R = () => {
         const o = t == null ? void 0 : t.segments;
         Array.isArray(o) && o.forEach((n) => {
           if (n)
-            switch (E(e, n), n.type) {
+            switch (A(e, n), n.type) {
               case "blueprint":
                 b(n);
                 break;

package/dist/composables/useCustomInterfaceAppearance.js

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

package/dist/composables/useEmailTemplateApplier.js

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

package/dist/composables/useExport.js

@@ -3,39 +3,39 @@ import { useActionsApi as m } from "./useActionsApi.js";
 import { useHtmlCompiler as p } from "./useHtmlCompiler.js";
 import { useToaster as d } from "./useToaster.js";
 const H = () => {
-  const l = (s, o, r) => {
-    const i = new Blob([s], { type: r }), t = URL.createObjectURL(i), e = document.createElement("a");
+  const c = (s, o, n) => {
+    const i = new Blob([s], { type: n }), t = URL.createObjectURL(i), e = document.createElement("a");
     e.href = t, e.download = o, document.body.appendChild(e), e.click(), document.body.removeChild(e), URL.revokeObjectURL(t);
-  }, c = (s) => {
-    const o = /* @__PURE__ */ new Date(), r = String(o.getDate()).padStart(2, "0"), i = String(o.getMonth() + 1).padStart(2, "0"), t = o.getFullYear(), e = String(o.getHours()).padStart(2, "0"), n = String(o.getMinutes()).padStart(2, "0");
-    return `${s}_${r}-${i}-${t}_${e}-${n}.html`;
+  }, l = (s) => {
+    const o = /* @__PURE__ */ new Date(), n = String(o.getDate()).padStart(2, "0"), i = String(o.getMonth() + 1).padStart(2, "0"), t = o.getFullYear(), e = String(o.getHours()).padStart(2, "0"), r = String(o.getMinutes()).padStart(2, "0");
+    return `${s}_${n}-${i}-${t}_${e}-${r}.html`;
   };
   return { exportHtml: async (s = !0) => {
-    const { getCompiledEmail: o } = m(), { showToaster: r } = d(), { compileHtml: i } = p();
+    const { getCompiledEmail: o } = m(), { showToaster: n } = d(), { compileHtml: i } = p();
     try {
       const { html: t } = await o();
       if (t) {
         let e = t;
         if (s) {
-          const n = i(t);
-          e = n.compiledHtml, console.debug("HTML Compilation Stats:", {
-            originalSize: n.stats.originalSize,
-            compiledSize: n.stats.compiledSize,
-            reduction: `${n.stats.reductionPercentage.toFixed(2)}%`,
-            appliedRules: n.appliedRules,
-            executionTime: `${n.stats.executionTime.toFixed(2)}ms`
+          const r = i(t);
+          e = r.compiledHtml, console.debug("HTML Compilation Stats:", {
+            originalSize: r.stats.originalSize,
+            compiledSize: r.stats.compiledSize,
+            reduction: `${r.stats.reductionPercentage.toFixed(2)}%`,
+            appliedRules: r.appliedRules,
+            executionTime: `${r.stats.executionTime.toFixed(2)}ms`
           });
         }
-        l(e, c("HTML"), "text/html");
+        c(e, l("HTML"), "text/html");
       } else
-        r({
-          type: a.Alert,
+        n({
+          type: a.Error,
           message: "No HTML content to download"
         });
     } catch (t) {
       const e = t instanceof Error ? t.message : String(t);
-      r({
-        type: a.Alert,
+      n({
+        type: a.Error,
         message: `Error compiling email: ${e}`
       });
     }