@useinsider/guido 2.1.0-beta.ee1b589 → 2.1.0-beta.fc639f8

package/dist/composables/useActionsApi.js

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

package/dist/static/styles/components/notification.css.js

@@ -4,6 +4,7 @@ const n = `ue-notifications-container {
     bottom: 32px;
     top: unset;
     width: unset;
+    position: fixed;
 }
 
 ue-notifications-container ue-message + ue-message {

package/dist/static/styles/components/version-history.css.js

@@ -1,4 +1,4 @@
-const r = `.patch-session-container {
+const o = `.patch-session-container {
     row-gap: 16px;
 }
 
@@ -24,13 +24,7 @@ ue-vh-patch.selected .patch-wrapper {
     background-color: var(--guido-color-primary-100);
     box-shadow: 0 0 0 1px var(--guido-color-primary-500);
 }
-.change-history-panel-wrapper .control-panel-header {
-    padding: 16px 0 16px 16px;
-}
-
-.change-history-panel-wrapper .header-control-panel-label {
-    grid-area: 1 / 1 / 2 / 12;
-}`;
+`;
 export {
-  r as default
+  o as default
 };

package/dist/static/styles/components/wide-panel.css.js

@@ -60,6 +60,7 @@ ue-control-panel,
 
 .control-panel-header {
     grid-template-columns: repeat(12, 1fr);
+    padding: 16px 0px 16px 16px;
 }
 
 .control-panel-header > * {
@@ -93,9 +94,7 @@ ue-control-panel,
 .container.droppable-header-container ue-button:last-child {
     margin-right: 0;
 }
-.container.droppable-header-container  {
-    margin-top: 13px;
-}
+
 .secondary-control-group {
     gap: 16px;
 }
@@ -134,6 +133,21 @@ ue-label.accent-dot:after {
     font-size: 13px;
 }
 
+ .e2e-container-video-size {
+    grid-template-columns: 1fr !important;
+ }
+
+ .e2e-container-video-size .control-shadow-wrapper:not(ue-button) {
+    display: flex;
+    width: 100%;
+    justify-content: flex-end;
+    background-color: transparent !important;
+ }
+
+ .e2e-container-video-size .control-shadow-wrapper input {
+    background-color: var(--guido-color-gray-0);
+ }
+
 .e2e-size,
 .e2e-timer-size {
     grid-auto-flow: row;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "2.1.0-beta.ee1b589",
+  "version": "2.1.0-beta.fc639f8",
   "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",