@useinsider/guido 2.0.0-beta.18d5b06 → 2.0.0-beta.1acfbd1

package/dist/components/organisms/email-preview/amp/AmpErrorModal.vue.js

@@ -8,15 +8,15 @@ var n = function() {
   }, "primary-action": t.handleFixInCodeEditor } }, [r("div", { staticClass: "d-f f-d-c" }, [r("div", { staticClass: "mb-3" }, [r("div", { staticClass: "l-s-5 f-s-1 f-w-600 t-c-55 t-t-u" }, [e._v(" " + e._s(t.errorCountText) + " ")])]), r("div", { staticClass: "d-f f-d-c g-13 error-list" }, e._l(t.previewStore.ampErrors, function(o, s) {
     return r(t.InOnPageMessage, { key: s, attrs: { icon: "filled-error-box", size: "small", type: "alert", text: o } });
   }), 1)])]);
-}, l = [], c = /* @__PURE__ */ a(
+}, l = [], d = /* @__PURE__ */ a(
   i,
   n,
   l,
   !1,
   null,
-  "a00b5f5f"
+  "c3fd5d4b"
 );
-const _ = c.exports;
+const _ = d.exports;
 export {
   _ as default
 };

package/dist/components/organisms/email-preview/amp/AmpErrorModal.vue2.js

@@ -25,7 +25,7 @@ const O = /* @__PURE__ */ m({
     }, s = o(
       "email-editor.amp-validation-description",
       { academyLink: M.AMP_FOR_EMAILS }
-    ), p = d(() => `${o("products.errors")}(${i.ampErrors.length})`);
+    ), p = d(() => `${o("products.errors")} (${i.ampErrors.length})`);
     return { __sfc: !0, emit: e, trans: o, closePreviewMode: r, openCodeEditor: t, previewStore: i, footerButtonOptions: n, handleFixInCodeEditor: a, ampValidationDescription: s, errorCountText: p, WpModal: l, InOnPageMessage: E };
   }
 });

package/dist/components/organisms/email-preview/amp/AmpToggle.vue.js

@@ -1,19 +1,20 @@
 import o from "./AmpToggle.vue2.js";
+/* empty css               */
 import n from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var a = function() {
+var i = function() {
   var r = this, t = r._self._c, e = r._self._setupProxy;
   return t("div", [t("div", { staticClass: "d-f a-i-c ml-3" }, [t(e.InSegments, { attrs: { id: "guido__amp-toggle", "with-icon": "", "segment-list": e.segmentList, selected: e.previewStore.emailFormat }, on: { click: e.handleFormatChange } }), e.previewStore.showAMPErrorButton ? t(e.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__amp-error-button", "left-icon": "filled-amp", type: "danger", "label-text": e.trans("email-editor.check-amp-errors", { count: e.previewStore.ampErrors.length }) }, on: { click: function(m) {
     return e.previewStore.openErrorModal();
   } } }) : r._e()], 1)]);
-}, i = [], s = /* @__PURE__ */ n(
+}, a = [], s = /* @__PURE__ */ n(
   o,
-  a,
   i,
+  a,
   !1,
   null,
-  null
+  "22226124"
 );
-const p = s.exports;
+const d = s.exports;
 export {
-  p as default
+  d as default
 };

package/dist/components/organisms/email-preview/desktop-preview/DesktopPreview.vue.js

@@ -3,16 +3,21 @@ import r from "./DesktopPreview.vue2.js";
 import o from "../../../../_virtual/_plugin-vue2_normalizer.js";
 var a = function() {
   var s = this, e = s._self._c, t = s._self._setupProxy;
-  return e("div", { staticClass: "desktop-preview-wrapper" }, [e("p", { staticClass: "f-s-1 f-w-600 l-h-1 t-t-u t-c-53 mb-6 l-s-5" }, [s._v(" " + s._s(t.trans("email-editor.desktop-preview")) + " ")]), e("div", { ref: "containerRef", staticClass: "desktop-preview d-f f-d-c o-h s-1" }, [e(t.DesktopBrowserHeader), e("div", { staticClass: "desktop-preview__content d-f f-g-1 o-h b-c-5 min-h-0" }, [e("div", { staticClass: "f-g-1 h-1 o-h b-c-4 min-w-0" }, [t.isContainerReady ? e("iframe", { staticClass: "desktop-preview__iframe d-b w-1 h-1 b-c-4 bor-s-n", attrs: { sandbox: "allow-same-origin allow-popups allow-forms allow-scripts", srcdoc: t.previewStore.previewHtml } }) : s._e()])])], 1)]);
+  return e("div", { staticClass: "desktop-preview-wrapper" }, [e("p", { staticClass: "f-s-1 f-w-600 l-h-1 t-t-u t-c-53 mb-6 l-s-5" }, [s._v(" " + s._s(t.trans("email-editor.desktop-preview")) + " ")]), e("div", { ref: "containerRef", staticClass: "desktop-preview d-f f-d-c o-h s-1" }, [e(t.DesktopBrowserHeader), e("div", { staticClass: "desktop-preview__content d-f f-g-1 o-h b-c-5 min-h-0" }, [e("div", { staticClass: "f-g-1 h-1 o-h b-c-4 min-w-0" }, [t.isContainerReady ? e("iframe", { staticClass: "desktop-preview__iframe d-b w-1 h-1 b-c-4 bor-s-n", attrs: { sandbox: `
+                        allow-same-origin
+                        allow-popups
+                        allow-forms
+                        allow-scripts
+                        allow-popups-to-escape-sandbox`, srcdoc: t.previewStore.previewHtml } }) : s._e()])])], 1)]);
 }, i = [], p = /* @__PURE__ */ o(
   r,
   a,
   i,
   !1,
   null,
-  "e59b43cb"
+  "988f8da6"
 );
-const d = p.exports;
+const _ = p.exports;
 export {
-  d as default
+  _ as default
 };

package/dist/components/organisms/email-preview/mobile-preview/ContentView.vue.js

@@ -1,20 +1,20 @@
 import e from "./ContentView.vue2.js";
 /* empty css                 */
 import n from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var i = function() {
-  var a = this, s = a._self._c, t = a._self._setupProxy;
+var o = function() {
+  var t = this, s = t._self._c, a = t._self._setupProxy;
   return s("div", { staticClass: "w-1 h-1 b-c-4 d-f f-d-c" }, [s("div", { staticClass: "d-f j-c-s-b a-i-c p-2 h-6-s" }, [s("div", { staticClass: "d-f a-i-c cur-p", on: { click: function(l) {
-    return a.$emit("back-to-inbox");
-  } } }, [s(t.InIcons, { staticClass: "f-s-3 i-c-7", attrs: { name: "line-chevron-left" } }), s("span", { staticClass: "ml-2 f-s-1 f-w-400 l-h-1 t-c-7" }, [a._v(a._s(t.trans("newsletter.inbox")))])], 1), s("div", { staticClass: "d-f a-i-c" }, [s(t.InIcons, { staticClass: "i-c-52", attrs: { name: "line-chevron-down" } }), s(t.InIcons, { staticClass: "ml-1 i-c-52", attrs: { name: "line-chevron-up" } })], 1)]), s("div", { staticClass: "iframe-wrapper f-g-1 o-h" }, [s("iframe", { ref: "iframeRef", staticClass: "iframe-scaled d-b b-c-4 bor-s-n", attrs: { sandbox: "allow-same-origin allow-popups allow-forms allow-scripts", srcdoc: t.previewStore.previewHtml }, on: { load: t.onLoad } })])]);
-}, r = [], c = /* @__PURE__ */ n(
+    return t.$emit("back-to-inbox");
+  } } }, [s(a.InIcons, { staticClass: "f-s-3 i-c-7", attrs: { name: "line-chevron-left" } }), s("span", { staticClass: "ml-2 f-s-1 f-w-400 l-h-1 t-c-7" }, [t._v(t._s(a.trans("newsletter.inbox")))])], 1), s("div", { staticClass: "d-f a-i-c" }, [s(a.InIcons, { staticClass: "i-c-52", attrs: { name: "line-chevron-down" } }), s(a.InIcons, { staticClass: "ml-1 i-c-52", attrs: { name: "line-chevron-up" } })], 1)]), s("div", { staticClass: "iframe-wrapper f-g-1 o-h" }, [s("iframe", { ref: "iframeRef", staticClass: "iframe-scaled d-b b-c-4 bor-s-n", attrs: { sandbox: "allow-same-origin allow-popups allow-forms allow-scripts allow-popups-to-escape-sandbox", srcdoc: a.previewStore.previewHtml }, on: { load: a.onLoad } })])]);
+}, i = [], r = /* @__PURE__ */ n(
   e,
+  o,
   i,
-  r,
   !1,
   null,
-  "f413124b"
+  "e0424e99"
 );
-const p = c.exports;
+const d = r.exports;
 export {
-  p as default
+  d as default
 };

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

@@ -1,9 +1,10 @@
 import l from "./EditorActions.vue2.js";
+/* empty css                   */
 import r from "../../../_virtual/_plugin-vue2_normalizer.js";
 var d = function() {
   var s, i, n, a;
   var e = this, o = e._self._c, t = e._self._setupProxy;
-  return o("div", { staticClass: "d-f" }, [t.isVersionHistoryButtonVisible ? o(t.InButtonV2, { attrs: { id: "guido__history-button", "left-icon": "line-architect-version-history", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryButtonDisabled, "label-text-status": !1, "selected-status": t.editorStore.isVersionHistoryOpen, "tooltip-options": t.getTooltipOptions("guido__history-button"), "tooltip-text": t.versionHistoryTooltipText }, on: { click: t.handleVersionHistory } }) : e._e(), o(t.InButtonV2, { attrs: { id: "guido__export-button", "left-icon": "line-export", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isExportButtonDisabled, "label-text-status": !1, "loading-status": t.isExporting, "tooltip-options": t.getTooltipOptions("guido__export-button"), "tooltip-text": t.trans("newsletter.export") }, on: { click: t.handleExport } }), (i = (s = t.config) == null ? void 0 : s.features) != null && i.saveAsTemplate ? o(t.InButtonV2, { attrs: { id: "guido__save-as-button", "left-icon": "line-newsletter-save-as-template", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isSaveAsButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__save-as-button"), "tooltip-text": t.trans("newsletter.save-templates") }, on: { click: t.handleSaveAs } }) : e._e(), (a = (n = t.config) == null ? void 0 : n.features) != null && a.testMessage ? o(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isTestButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__test-button", { staticPosition: "bottom right" }), "tooltip-text": t.trans("newsletter.test-email") }, on: { click: t.testEmailClick } }) : e._e(), t.editorStore.isPreviewModeOpen ? e._e() : o(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "label-text": "Save", "disabled-status": !t.isSaving && t.editorStore.isSaveButtonDisabled, "loading-status": t.isSaving }, on: { click: function(_) {
+  return o("div", { staticClass: "d-f editor-actions" }, [t.isVersionHistoryButtonVisible ? o(t.InButtonV2, { attrs: { id: "guido__history-button", "left-icon": "line-architect-version-history", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryButtonDisabled, "label-text-status": !1, "selected-status": t.editorStore.isVersionHistoryOpen, "tooltip-options": t.getTooltipOptions("guido__history-button"), "tooltip-text": t.versionHistoryTooltipText }, on: { click: t.handleVersionHistory } }) : e._e(), o(t.InButtonV2, { attrs: { id: "guido__export-button", "left-icon": "line-export", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isExportButtonDisabled, "label-text-status": !1, "loading-status": t.isExporting, "tooltip-options": t.getTooltipOptions("guido__export-button"), "tooltip-text": t.trans("newsletter.export") }, on: { click: t.handleExport } }), (i = (s = t.config) == null ? void 0 : s.features) != null && i.saveAsTemplate ? o(t.InButtonV2, { attrs: { id: "guido__save-as-button", "left-icon": "line-newsletter-save-as-template", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isSaveAsButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__save-as-button"), "tooltip-text": t.trans("newsletter.save-templates") }, on: { click: t.handleSaveAs } }) : e._e(), (a = (n = t.config) == null ? void 0 : n.features) != null && a.testMessage ? o(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isTestButtonDisabled, "label-text-status": !1, "tooltip-options": t.getTooltipOptions("guido__test-button", { staticPosition: "bottom right" }), "tooltip-text": t.trans("newsletter.test-email") }, on: { click: t.testEmailClick } }) : e._e(), t.editorStore.isPreviewModeOpen ? e._e() : o(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "label-text": "Save", "disabled-status": !t.isSaving && t.editorStore.isSaveButtonDisabled, "loading-status": t.isSaving }, on: { click: function(_) {
     return t.handleSave(!1);
   } } })], 1);
 }, u = [], p = /* @__PURE__ */ r(
@@ -12,9 +13,9 @@ var d = function() {
   u,
   !1,
   null,
-  null
+  "17dd4d8b"
 );
-const f = p.exports;
+const v = p.exports;
 export {
-  f as default
+  v as default
 };

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

@@ -1,18 +1,18 @@
 import n from "./LeftSlot.vue2.js";
 /* empty css              */
-import o from "../../../_virtual/_plugin-vue2_normalizer.js";
+import s from "../../../_virtual/_plugin-vue2_normalizer.js";
 var r = function() {
-  var e = this, a = e._self._c, t = e._self._setupProxy;
-  return a("div", { staticClass: "d-f a-i-c" }, [a(t.InButtonV2, { attrs: { id: "guido__back-button", "left-icon": "line-arrow-left", styling: "ghost", type: "secondary", "label-text": t.backButtonLabel }, on: { click: t.handleBackClick } })], 1);
-}, s = [], c = /* @__PURE__ */ o(
+  var e = this, o = e._self._c, t = e._self._setupProxy;
+  return o("div", { staticClass: "d-f a-i-c" }, [o(t.InButtonV2, { attrs: { id: "guido__back-button", "left-icon": "line-arrow-left", styling: "ghost", type: "secondary", "label-text": t.backButtonLabel, "skeleton-sizing": { width: 150, height: 26 }, "skeleton-status": t.editorStore.loadingStatus }, on: { click: t.handleBackClick } })], 1);
+}, a = [], i = /* @__PURE__ */ s(
   n,
   r,
-  s,
+  a,
   !1,
   null,
-  "aa6fa221"
+  "c722b9f4"
 );
-const d = c.exports;
+const d = i.exports;
 export {
   d as default
 };

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

@@ -6,7 +6,7 @@ import { useTranslations as d } from "../../../composables/useTranslations.js";
 import { useVersionHistoryApi as k } from "../../../composables/useVersionHistoryApi.js";
 import { useEditorStore as b } from "../../../stores/editor.js";
 import { InButtonV2 as B } from "@useinsider/design-system-vue";
-const P = /* @__PURE__ */ u({
+const O = /* @__PURE__ */ u({
   __name: "LeftSlot",
   setup(_) {
     const e = b(), r = p(), { closeVersionHistory: i } = k(), { closePreviewMode: n } = l(), o = d(), { config: t } = f(), c = m(() => {
@@ -22,10 +22,10 @@ const P = /* @__PURE__ */ u({
         n();
         return;
       }
-      r();
+      e.loadingStatus = !0, r();
     }, InButtonV2: B };
   }
 });
 export {
-  P as default
+  O as default
 };

package/dist/composables/useActionsApi.js

@@ -1,7 +1,7 @@
 import { useToaster as w } from "./useToaster.js";
-const S = () => {
-  const { handleError: l } = w(), s = (t = {}) => new Promise((e, i) => {
-    const n = { ...{
+const v = () => {
+  const { handleError: l } = w(), r = (t = {}) => new Promise((e, a) => {
+    const o = { ...{
       minimize: !0,
       utmEntity: {
         utmSource: "",
@@ -20,29 +20,29 @@ const S = () => {
       forceAmp: !1,
       resetDataSavedFlag: !1,
       disableLineHeightsReplace: !0
-    }, ...t }, m = {
-      callback: (o, p, d, c, u) => {
-        o ? i(o) : e({
+    }, ...t }, s = {
+      callback: (n, p, d, c, u) => {
+        n ? a(n) : e({
           html: p,
           ampHtml: d,
           ampErrors: c,
           displayConditions: u
         });
       },
-      ...n
+      ...o
     };
-    window.StripoEditorApi.actionsApi.compileEmail(m);
+    window.StripoEditorApi.actionsApi.compileEmail(s);
   });
   return {
-    getCompiledEmail: s,
+    getCompiledEmail: r,
     getTemplateData: () => new Promise((t) => {
-      const e = ({ html: i, css: a, width: n, height: r, utmParams: m, syncModulesIds: o }) => t({
-        html: i,
-        css: a,
-        width: n,
-        height: r,
-        utmParams: m,
-        syncModulesIds: o
+      const e = ({ html: a, css: i, width: o, height: m, utmParams: s, syncModulesIds: n }) => t({
+        html: a,
+        css: i,
+        width: o,
+        height: m,
+        utmParams: s,
+        syncModulesIds: n
       });
       window.StripoEditorApi.actionsApi.getTemplateData(e);
     }),
@@ -53,15 +53,15 @@ const S = () => {
       try {
         const {
           html: e,
-          displayConditions: i,
-          ampHtml: a = "",
-          ampErrors: n = []
-        } = await s({ minimize: !1, resetDataSavedFlag: !1, ...t });
+          displayConditions: a,
+          ampHtml: i = "",
+          ampErrors: o = []
+        } = await r({ minimize: !1, resetDataSavedFlag: !1, ...t });
         return {
           html: e,
-          ampHtml: a,
-          ampErrors: n,
-          displayConditions: i
+          ampHtml: i,
+          ampErrors: o,
+          displayConditions: a
         };
       } catch (e) {
         return l(e, "Error loading preview"), {
@@ -73,24 +73,27 @@ const S = () => {
       }
     },
     updateTimerInClonedTemplate: () => new Promise((t) => {
-      var e, i;
-      if (typeof ((i = (e = window.StripoEditorApi) == null ? void 0 : e.actionsApi) == null ? void 0 : i.updateTimerInClonedTemplate) != "function") {
+      var e, a;
+      if (typeof ((a = (e = window.StripoEditorApi) == null ? void 0 : e.actionsApi) == null ? void 0 : a.updateTimerInClonedTemplate) != "function") {
         t(null);
         return;
       }
       try {
-        window.StripoEditorApi.actionsApi.updateTimerInClonedTemplate((a, n) => {
-          a ? (l(a, "Failed to update timer in cloned template"), t(null)) : t(n || null);
+        window.StripoEditorApi.actionsApi.updateTimerInClonedTemplate((i, o) => {
+          i ? (l(i, "Failed to update timer in cloned template"), t(null)) : t(o || null);
         });
-      } catch (a) {
-        l(a, "Failed to call updateTimerInClonedTemplate"), t(null);
+      } catch (i) {
+        l(i, "Failed to call updateTimerInClonedTemplate"), t(null);
       }
     }),
     updateHtmlAndCss: (t, e) => {
       window.StripoEditorApi.actionsApi.updateHtmlAndCss(t, e);
+    },
+    editorSave: () => {
+      window.StripoEditorApi.actionsApi.save();
     }
   };
 };
 export {
-  S as useActionsApi
+  v as useActionsApi
 };

package/dist/config/migrator/index.js

@@ -1,12 +1,13 @@
-import { migrateCheckbox as m } from "./checkboxMigrator.js";
+import { migrateCheckbox as t } from "./checkboxMigrator.js";
 import { migrateCouponBlock as o } from "./couponBlockMigrator.js";
-import { migrateRadioButton as i } from "./radioButtonMigrator.js";
-import { migrateRecommendation as e } from "./recommendationMigrator.js";
-import { migrateUnsubscribe as a } from "./unsubscribeMigrator.js";
-const s = async (t) => {
-  let r = t;
-  return r = m(r), r = i(r), r = await a(r), r = o(r), r = e(r), r;
+import { migrateItemsBlock as i } from "./itemsBlockMigrator.js";
+import { migrateRadioButton as e } from "./radioButtonMigrator.js";
+import { migrateRecommendation as a } from "./recommendationMigrator.js";
+import { migrateUnsubscribe as g } from "./unsubscribeMigrator.js";
+const u = async (r) => {
+  let m = r;
+  return m = t(m), m = e(m), m = await g(m), m = o(m), m = a(m), m = i(m), m;
 };
 export {
-  s as migrate
+  u as migrate
 };