@useinsider/guido 2.1.0-beta.5160aec → 2.1.0-beta.587ec44

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

@@ -60,7 +60,6 @@ ue-control-panel,
 
 .control-panel-header {
     grid-template-columns: repeat(12, 1fr);
-    padding: 16px 0px 16px 16px;
 }
 
 .control-panel-header > * {
@@ -94,7 +93,9 @@ 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;
 }
@@ -133,6 +134,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/dist/stores/editor.js

@@ -9,7 +9,8 @@ const o = e("guidoEditor", {
     editorVisualMode: "desktop",
     hasChanges: !1,
     isStripoInitialized: !1,
-    templateId: ""
+    templateId: "",
+    syncModulesEnabled: !1
   }),
   getters: {
     // Middle Slot

package/dist/utils/templatePreparation.js

@@ -6,10 +6,10 @@ const P = () => {
   const i = C(), t = T(), { getCompiledEmail: o, getTemplateData: s, editorSave: n } = b(), { compileHtml: a } = f();
   return {
     prepareTemplateDetails: async () => {
-      const { html: r, ampHtml: m = "", ampErrors: c = [] } = await o({
+      const { html: m, ampHtml: r = "", ampErrors: c = [] } = await o({
         minimize: !0,
         resetDataSavedFlag: !1
-      }), { html: l, css: p, syncModulesIds: u = [] } = await s(), { compiledHtml: d, stats: e, appliedRules: g } = a(r), S = i.getSelectedDynamicContentList;
+      }), { html: l, css: p, syncModulesIds: u = [] } = await s(), { compiledHtml: d, stats: e, appliedRules: g } = a(m), S = i.getSelectedDynamicContentList;
       return n(), console.debug("HTML Compilation Stats:", {
         originalSize: e.originalSize,
         compiledSize: e.compiledSize,
@@ -21,9 +21,9 @@ const P = () => {
         compiledHtml: d,
         rawHtml: l,
         css: p,
-        ampHtml: m,
+        ampHtml: r,
         ampErrors: c,
-        modules: u,
+        modules: u.map(Number),
         recommendation: {
           campaignUrls: {},
           configs: {}

package/package.json

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

package/dist/extensions/Blocks/Items/store/items-block.js

@@ -1,79 +0,0 @@
-import { defineStore as s } from "pinia";
-import { DefaultConfigValues as e } from "../enums/settingsEnums.js";
-const n = (t) => t.replace(/Url\}/, "Image}"), r = (t) => t.replace(/Image\}/, "Url}"), i = () => {
-  const t = e.cartItemsSelectControlValue;
-  return {
-    itemsType: e.itemsType,
-    itemIds: t,
-    imageLink: n(t),
-    buttonLink: r(t),
-    orientation: e.cardOrientationControlValue,
-    nameTrimming: !0,
-    hideDiscount: !0,
-    currencySymbol: "USD",
-    currencyLocation: "0",
-    formattedPrice: !0,
-    singlePrice: !1,
-    priceOrientation: "vertical",
-    templateData: {
-      imageSrc: "",
-      name: "",
-      price: "",
-      originalPrice: "",
-      quantity: "",
-      button: ""
-    }
-  };
-}, m = s("guidoItemsBlock", {
-  state: () => i(),
-  actions: {
-    setItemsType(t) {
-      this.itemsType = t;
-    },
-    setItemIds(t) {
-      this.itemIds = t, this.imageLink = n(t), this.buttonLink = r(t);
-    },
-    setImageLink(t) {
-      this.imageLink = t;
-    },
-    setButtonLink(t) {
-      this.buttonLink = t;
-    },
-    setOrientation(t) {
-      this.orientation = t;
-    },
-    setNameTrimming(t) {
-      this.nameTrimming = t;
-    },
-    setHideDiscount(t) {
-      this.hideDiscount = t;
-    },
-    setCurrencySymbol(t) {
-      this.currencySymbol = t;
-    },
-    setCurrencyLocation(t) {
-      this.currencyLocation = t;
-    },
-    setFormattedPrice(t) {
-      this.formattedPrice = t;
-    },
-    setSinglePrice(t) {
-      this.singlePrice = t;
-    },
-    setPriceOrientation(t) {
-      this.priceOrientation = t;
-    },
-    setTemplateData(t) {
-      this.templateData = t;
-    },
-    updateFromAttributes(t) {
-      t.itemsType && (this.itemsType = t.itemsType), t.itemIds && this.setItemIds(t.itemIds), t.orientation && (this.orientation = t.orientation);
-    },
-    reset() {
-      Object.assign(this, i());
-    }
-  }
-});
-export {
-  m as useItemsBlockStore
-};

package/dist/src/extensions/Blocks/Items/store/items-block.d.ts

@@ -1,45 +0,0 @@
-import type { OrientationType, ProductType } from '@@/Types/extensions/items';
-interface ItemsBlockState {
-    itemsType: ProductType;
-    itemIds: string;
-    imageLink: string;
-    buttonLink: string;
-    orientation: OrientationType;
-    nameTrimming: boolean;
-    hideDiscount: boolean;
-    currencySymbol: string;
-    currencyLocation: string;
-    formattedPrice: boolean;
-    singlePrice: boolean;
-    priceOrientation: 'vertical' | 'horizontal';
-    templateData: {
-        imageSrc: string;
-        name: string;
-        price: string;
-        originalPrice: string;
-        quantity: string;
-        button: string;
-    };
-}
-export declare const useItemsBlockStore: import("pinia").StoreDefinition<"guidoItemsBlock", ItemsBlockState, {}, {
-    setItemsType(itemsType: ProductType): void;
-    setItemIds(itemIds: string): void;
-    setImageLink(imageLink: string): void;
-    setButtonLink(buttonLink: string): void;
-    setOrientation(orientation: OrientationType): void;
-    setNameTrimming(nameTrimming: boolean): void;
-    setHideDiscount(hideDiscount: boolean): void;
-    setCurrencySymbol(currencySymbol: string): void;
-    setCurrencyLocation(currencyLocation: string): void;
-    setFormattedPrice(formattedPrice: boolean): void;
-    setSinglePrice(singlePrice: boolean): void;
-    setPriceOrientation(priceOrientation: "vertical" | "horizontal"): void;
-    setTemplateData(templateData: ItemsBlockState["templateData"]): void;
-    updateFromAttributes(attributes: {
-        itemsType?: string;
-        itemIds?: string;
-        orientation?: string;
-    }): void;
-    reset(): void;
-}>;
-export {};