@useinsider/guido 2.1.0-beta.e6bf76b → 2.1.0-beta.e717f71

package/dist/@types/config/schemas.js

@@ -1,4 +1,4 @@
-import { object as o, number as b, optional as e, string as t, pipe as u, picklist as n, custom as d, boolean as c, array as a, minLength as p, literal as r, variant as S } from "../../node_modules/valibot/dist/index.js";
+import { object as o, number as b, optional as e, string as t, pipe as u, picklist as n, custom as d, boolean as c, array as a, minLength as p, literal as r, variant as k } from "../../node_modules/valibot/dist/index.js";
 const m = {
   /** Promotional/marketing emails */
   PROMOTIONAL: 1,
@@ -11,7 +11,7 @@ const m = {
   ARCHITECT: 49,
   /** Unsubscribe page builder */
   UNSUBSCRIBE_PAGES: 97
-}, h = o({
+}, S = o({
   /** Unique identifier for the template being edited */
   templateId: u(
     t(),
@@ -24,7 +24,7 @@ const m = {
   ),
   /** Optional variation ID for A/B testing */
   variationId: e(t())
-}), k = o({
+}), h = o({
   /** Partner/organization name (required) */
   name: u(
     t(),
@@ -83,7 +83,7 @@ const m = {
   /** Locale for the editor UI */
   locale: e(t(), "en"),
   /** Path to translations object */
-  translationsPath: e(t(), "window.trans.en"),
+  translationsPath: e(t(), "window.trans[Object.keys(window.trans)[0]]"),
   /** Migration date for template compatibility */
   migrationDate: e(b(), 1759696858),
   /** Email header settings */
@@ -130,7 +130,7 @@ const m = {
   "unsubscribe-block",
   "coupon-block",
   "items-block"
-]), E = o({
+]), O = o({
   /** Default blocks to exclude from the editor */
   excludeDefaults: e(
     a(A),
@@ -148,7 +148,7 @@ const m = {
   description: e(t()),
   /** Priority for rule ordering (lower = earlier) */
   priority: b()
-}), N = o({
+}), E = o({
   ...l.entries,
   type: r("replace"),
   /** String to search for */
@@ -157,7 +157,7 @@ const m = {
   replacement: t(),
   /** Replace all occurrences (default: false) */
   replaceAll: e(c())
-}), O = o({
+}), N = o({
   ...l.entries,
   type: r("regex"),
   /** Regex pattern string */
@@ -179,9 +179,9 @@ const m = {
     (i) => typeof i == "function",
     "processor must be a function"
   )
-}), x = S("type", [
+}), x = k("type", [
+  E,
   N,
-  O,
   L,
   v
 ]), B = o({
@@ -203,9 +203,9 @@ const m = {
 }), D = o({
   // Required sections
   /** Identity configuration (required) */
-  identity: h,
+  identity: S,
   /** Partner configuration (required) */
-  partner: k,
+  partner: h,
   // Optional sections (with defaults)
   /** Template content and presets */
   template: e(R, {}),
@@ -216,14 +216,14 @@ const m = {
   /** Feature toggles */
   features: e(T, {}),
   /** Block configuration */
-  blocks: e(E, {}),
+  blocks: e(O, {}),
   /** Compiler configuration */
   compiler: e(B, {}),
   /** Callbacks and event handlers */
   callbacks: e(P, {})
 });
 export {
-  E as BlocksSchema,
+  O as BlocksSchema,
   P as CallbacksSchema,
   x as CompilerRuleSchema,
   B as CompilerSchema,
@@ -235,13 +235,13 @@ export {
   f as EmailHeaderSchema,
   T as FeaturesSchema,
   D as GuidoConfigSchema,
-  h as IdentitySchema,
+  S as IdentitySchema,
   m as MessageType,
-  k as PartnerSchema,
+  h as PartnerSchema,
   s as ProductType,
-  O as RegexRuleSchema,
+  N as RegexRuleSchema,
   L as RemoveRuleSchema,
-  N as ReplaceRuleSchema,
+  E as ReplaceRuleSchema,
   R as TemplateSchema,
   I as UISchema
 };

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

@@ -1,18 +1,18 @@
 import o from "./HeaderWrapper.vue2.js";
 /* empty css                   */
-import s from "../../../_virtual/_plugin-vue2_normalizer.js";
-var a = function() {
+import a from "../../../_virtual/_plugin-vue2_normalizer.js";
+var s = function() {
   var t = this, r = t._self._c, e = t._self._setupProxy;
-  return r(e.InContainer, { attrs: { border: "bor-w-0 bor-b-w-1 bor-s-s bor-c-6", "border-radius": "bor-r-0" } }, [r("div", { staticClass: "header-wrapper w-1 d-f a-i-c j-c-s-b p-3" }, [r(e.LeftSlot), r(e.MiddleSlot), r(e.RightSlot, { ref: "rightSlotRef" })], 1)]);
-}, n = [], _ = /* @__PURE__ */ s(
+  return r(e.InContainer, { attrs: { border: "bor-w-0 bor-b-w-1 bor-s-s bor-c-6", "border-radius": "bor-r-0", "data-testid": "guido-header" } }, [r("div", { staticClass: "header-wrapper w-1 d-f a-i-c j-c-s-b p-3" }, [r(e.LeftSlot), r(e.MiddleSlot), r(e.RightSlot, { ref: "rightSlotRef" })], 1)]);
+}, d = [], i = /* @__PURE__ */ a(
   o,
-  a,
-  n,
+  s,
+  d,
   !1,
   null,
-  "5df46e7a"
+  "5c02dcc7"
 );
-const c = _.exports;
+const p = i.exports;
 export {
-  c as default
+  p as default
 };

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

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

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

@@ -1,31 +1,36 @@
-import { defineComponent as u, computed as m } from "vue";
-import { useConfig as f } from "../../../composables/useConfig.js";
-import { useBack as p } from "../../../composables/useGuidoActions.js";
-import { usePreviewMode as l } from "../../../composables/usePreviewMode.js";
-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 O = /* @__PURE__ */ u({
+import { defineComponent as l, computed as d, ref as p } from "vue";
+import { useConfig as k } from "../../../composables/useConfig.js";
+import { useBack as B } from "../../../composables/useGuidoActions.js";
+import { usePreviewMode as b } from "../../../composables/usePreviewMode.js";
+import { useTranslations as v } from "../../../composables/useTranslations.js";
+import { useVersionHistoryApi as _ } from "../../../composables/useVersionHistoryApi.js";
+import { useEditorStore as V } from "../../../stores/editor.js";
+import { InButtonV2 as g } from "@useinsider/design-system-vue";
+import { useDebounceFn as w } from "../../../node_modules/@vueuse/shared/index.js";
+const D = /* @__PURE__ */ l({
   __name: "LeftSlot",
-  setup(_) {
-    const e = b(), r = p(), { closeVersionHistory: i } = k(), { closePreviewMode: n } = l(), o = d(), { config: t } = f(), c = m(() => {
-      var s, a;
-      return e.isVersionHistoryOpen || e.isPreviewModeOpen ? o("email-editor.back-to-editor") : (a = (s = t.value) == null ? void 0 : s.ui) != null && a.backButtonLabel ? t.value.ui.backButtonLabel : o("email-editor.back-to-design");
-    });
-    return { __sfc: !0, editorStore: e, handleBack: r, closeVersionHistory: i, closePreviewMode: n, trans: o, config: t, backButtonLabel: c, handleBackClick: () => {
+  setup(y) {
+    const e = V(), i = B(), { closeVersionHistory: n } = _(), { closePreviewMode: s } = b(), o = v(), { config: t } = k(), f = d(() => {
+      var u, m;
+      return e.isVersionHistoryOpen || e.isPreviewModeOpen ? o("email-editor.back-to-editor") : (m = (u = t.value) == null ? void 0 : u.ui) != null && m.backButtonLabel ? t.value.ui.backButtonLabel : o("email-editor.back-to-design");
+    }), r = p(!1), c = () => {
       if (e.isVersionHistoryOpen) {
-        i();
+        n();
         return;
       }
       if (e.isPreviewModeOpen) {
-        n();
+        s();
         return;
       }
-      e.loadingStatus = !0, r();
-    }, InButtonV2: B };
+      e.loadingStatus = !0, i();
+    }, a = w(() => {
+      c(), r.value = !1;
+    }, 500);
+    return { __sfc: !0, editorStore: e, handleBack: i, closeVersionHistory: n, closePreviewMode: s, trans: o, config: t, backButtonLabel: f, isBackButtonDisabled: r, executeBackAction: c, debouncedBackAction: a, handleBackClick: () => {
+      r.value = !0, a();
+    }, InButtonV2: g };
   }
 });
 export {
-  O as default
+  D as default
 };

package/dist/composables/useActionsApi.js

@@ -1,6 +1,6 @@
 import { useToaster as w } from "./useToaster.js";
 const v = () => {
-  const { handleError: l } = w(), r = (t = {}) => new Promise((e, a) => {
+  const { handleError: n } = w(), m = (t = {}) => new Promise((e, a) => {
     const o = { ...{
       minimize: !0,
       utmEntity: {
@@ -21,9 +21,9 @@ const v = () => {
       resetDataSavedFlag: !1,
       disableLineHeightsReplace: !0
     }, ...t }, s = {
-      callback: (n, p, d, c, u) => {
-        n ? a(n) : e({
-          html: p,
+      callback: (l, r, d, c, u) => {
+        l ? a(l) : e({
+          html: r,
           ampHtml: d,
           ampErrors: c,
           displayConditions: u
@@ -34,15 +34,15 @@ const v = () => {
     window.StripoEditorApi.actionsApi.compileEmail(s);
   });
   return {
-    getCompiledEmail: r,
+    getCompiledEmail: m,
     getTemplateData: () => new Promise((t) => {
-      const e = ({ html: a, css: i, width: o, height: m, utmParams: s, syncModulesIds: n }) => t({
+      const e = ({ html: a, css: i, width: o, height: p, utmParams: s, syncModulesIds: l }) => t({
         html: a,
         css: i,
         width: o,
-        height: m,
+        height: p,
         utmParams: s,
-        syncModulesIds: n
+        syncModulesIds: l
       });
       window.StripoEditorApi.actionsApi.getTemplateData(e);
     }),
@@ -56,7 +56,7 @@ const v = () => {
           displayConditions: a,
           ampHtml: i = "",
           ampErrors: o = []
-        } = await r({ minimize: !1, resetDataSavedFlag: !1, ...t });
+        } = await m({ minimize: !1, resetDataSavedFlag: !1, ...t });
         return {
           html: e,
           ampHtml: i,
@@ -64,7 +64,7 @@ const v = () => {
           displayConditions: a
         };
       } catch (e) {
-        return l(e, "Error loading preview"), {
+        return n(e, "Error loading preview"), {
           html: "",
           ampHtml: "",
           ampErrors: [],
@@ -80,17 +80,19 @@ const v = () => {
       }
       try {
         window.StripoEditorApi.actionsApi.updateTimerInClonedTemplate((i, o) => {
-          i ? (l(i, "Failed to update timer in cloned template"), t(null)) : t(o || null);
+          i ? (n(i, "Failed to update timer in cloned template"), t(null)) : t(o || null);
         });
       } catch (i) {
-        l(i, "Failed to call updateTimerInClonedTemplate"), t(null);
+        n(i, "Failed to call updateTimerInClonedTemplate"), t(null);
       }
     }),
     updateHtmlAndCss: (t, e) => {
       window.StripoEditorApi.actionsApi.updateHtmlAndCss(t, e);
     },
     editorSave: () => {
-      window.StripoEditorApi.actionsApi.save();
+      window.StripoEditorApi.actionsApi.save((t) => {
+        t && n(t, "Failed to save template");
+      });
     }
   };
 };