@useinsider/guido 2.2.0-beta.eeefcc3 → 3.0.0-beta.5b2298c

package/dist/src/stores/editor.d.ts

@@ -8,6 +8,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
     hasChanges: boolean;
     isStripoInitialized: boolean;
     templateId: string;
+    syncModulesEnabled: boolean;
 }, {
     isEditorToolbarVisible: (state: {
         loadingStatus: boolean;
@@ -19,6 +20,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -29,6 +31,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     }>) => boolean;
     isUndoButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -40,6 +43,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -50,6 +54,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     }>) => boolean;
     isRedoButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -61,6 +66,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -71,6 +77,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     }>) => boolean;
     isCodeEditorButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -82,6 +89,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -92,6 +100,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     }>) => boolean;
     isPreviewButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -103,6 +112,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -113,6 +123,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     }>) => boolean;
     isViewOptionsDisabled: (state: {
         loadingStatus: boolean;
@@ -124,6 +135,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -134,6 +146,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     }>) => boolean;
     isVersionHistoryButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -145,6 +158,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -155,6 +169,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     }>) => boolean;
     isExportButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -166,6 +181,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -176,6 +192,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     }>) => boolean;
     isSaveAsButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -187,6 +204,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -197,6 +215,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     }>) => boolean;
     isTestButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -208,6 +227,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -218,6 +238,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     }>) => boolean;
     isSaveButtonDisabled: (state: {
         loadingStatus: boolean;
@@ -229,6 +250,7 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     } & import("pinia").PiniaCustomStateProperties<{
         loadingStatus: boolean;
         isCodeEditorOpen: boolean;
@@ -239,5 +261,6 @@ export declare const useEditorStore: import("pinia").StoreDefinition<"guidoEdito
         hasChanges: boolean;
         isStripoInitialized: boolean;
         templateId: string;
+        syncModulesEnabled: boolean;
     }>) => boolean;
 }, {}>;

package/dist/src/stores/template.d.ts

@@ -0,0 +1,29 @@
+import type { BlockId } from '@@/Types/extensions/block';
+export declare const useTemplateStore: import("pinia").StoreDefinition<"guidoTemplate", {
+    migrations: Partial<Record<BlockId, number>>;
+}, {
+    hasMigrations: (state: {
+        migrations: {
+            "recommendation-block"?: number | undefined;
+            "items-block"?: number | undefined;
+        };
+    } & import("pinia").PiniaCustomStateProperties<{
+        migrations: Partial<Record<BlockId, number>>;
+    }>) => boolean;
+    hasRecommendationMigrations: (state: {
+        migrations: {
+            "recommendation-block"?: number | undefined;
+            "items-block"?: number | undefined;
+        };
+    } & import("pinia").PiniaCustomStateProperties<{
+        migrations: Partial<Record<BlockId, number>>;
+    }>) => boolean;
+    hasItemsMigrations: (state: {
+        migrations: {
+            "recommendation-block"?: number | undefined;
+            "items-block"?: number | undefined;
+        };
+    } & import("pinia").PiniaCustomStateProperties<{
+        migrations: Partial<Record<BlockId, number>>;
+    }>) => boolean;
+}, {}>;

package/dist/src/utils/migrationBannerHtml.d.ts

@@ -0,0 +1,2 @@
+import type { BlockId } from '@@/Types/extensions/block';
+export declare function getMigrationBannerHtml(blockId: BlockId, blockName: string, infoText: string): string;

package/dist/src/utils/templatePreparation.d.ts

@@ -1,4 +1,4 @@
 import type { SavedTemplateDetails } from '@@/Types/stripo';
 export declare const useTemplatePreparation: () => {
-    prepareTemplateDetails: () => Promise<SavedTemplateDetails>;
+    prepareTemplateDetails: () => Promise<Omit<SavedTemplateDetails, "metadata">>;
 };

package/dist/static/assets/info.svg.js

@@ -0,0 +1,5 @@
+const a = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g transform="translate(3, 2.5)"><path fill="#258DDE" d="M6.878.142c3.91-.723 7.802 1.369 9.323 5.022 1.533 3.683.231 7.927-3.11 10.138a8.47 8.47 0 0 1-10.563-.983l-.067-.065A8.318 8.318 0 0 1 0 8.343V8.25C.05 4.305 2.878.927 6.787.16l.092-.018Zm7.713 5.682c-1.216-2.92-4.342-4.582-7.467-3.97-3.125.614-5.378 3.331-5.382 6.491a6.597 6.597 0 0 0 1.952 4.688 6.718 6.718 0 0 0 8.43.83 6.595 6.595 0 0 0 2.467-8.039Z"/><path fill="#258DDE" d="M12.52 13.58a.876.876 0 0 1 1.215-.017l.016.015 3.993 3.946a.86.86 0 0 1 .002 1.222.876.876 0 0 1-1.232.002l-3.992-3.946-.016-.015a.86.86 0 0 1 .014-1.206ZM6.713 5.43a.876.876 0 0 0-1.232 0 .86.86 0 0 0 0 1.221l1.232-1.222Zm1.09 3.525a.876.876 0 0 0 1.232 0 .86.86 0 0 0 0-1.222L7.804 8.955Zm1.232-1.222a.876.876 0 0 0-1.231 0 .86.86 0 0 0 0 1.222l1.231-1.222Zm1.091 3.526a.876.876 0 0 0 1.232 0 .86.86 0 0 0 0-1.222l-1.232 1.222Zm-1.09-2.304a.86.86 0 0 0 0-1.222.876.876 0 0 0-1.232 0l1.231 1.222ZM5.48 10.037a.86.86 0 0 0 0 1.222.876.876 0 0 0 1.232 0L5.48 10.037Zm2.323-2.304a.86.86 0 0 0 0 1.222.876.876 0 0 0 1.231 0L7.804 7.733Zm3.554-1.082a.86.86 0 0 0 0-1.222.876.876 0 0 0-1.232 0l1.232 1.222Zm-5.877 0 2.323 2.304 1.231-1.222L6.713 5.43 5.48 6.651Zm2.323 2.304 2.322 2.304 1.232-1.222-2.323-2.304-1.231 1.222Zm0-1.222L5.48 10.037l1.232 1.222 2.322-2.304-1.231-1.222Zm1.231 1.222 2.323-2.304-1.232-1.222-2.322 2.304 1.231 1.222Z"/></g></svg>
+`;
+export {
+  a as default
+};

package/dist/static/styles/customEditorStyle.css.js

@@ -20,30 +20,30 @@ const n = `.esd-x,
 }
 .ins-product-cart ue-node-actions,
 /* Horizontal layout - hide for info, image, and button cells */
-.ins-recommendation-v3-block-v2 .product-info-cell ue-node-actions,
-.ins-recommendation-v3-block-v2 .product-info-cell ue-node-panel,
-.ins-recommendation-v3-block-v2 .product-image-cell ue-node-actions,
-.ins-recommendation-v3-block-v2 .product-image-cell ue-node-panel,
-.ins-recommendation-v3-block-v2 .button-cell ue-node-actions,
-.ins-recommendation-v3-block-v2 .button-cell ue-node-panel,
+.recommendation-block-v2 .product-info-cell ue-node-actions,
+.recommendation-block-v2 .product-info-cell ue-node-panel,
+.recommendation-block-v2 .product-image-cell ue-node-actions,
+.recommendation-block-v2 .product-image-cell ue-node-panel,
+.recommendation-block-v2 .button-cell ue-node-actions,
+.recommendation-block-v2 .button-cell ue-node-panel,
 /* Vertical layout - hide for product-card-segment inner cells */
-.ins-recommendation-v3-block-v2 .product-card-segment ue-node-actions,
-.ins-recommendation-v3-block-v2 .product-card-segment ue-node-panel,
+.recommendation-block-v2 .product-card-segment ue-node-actions,
+.recommendation-block-v2 .product-card-segment ue-node-panel,
 /* Hide for specific product attribute cells in both layouts */
-.ins-recommendation-v3-block-v2 .product-image ue-node-actions,
-.ins-recommendation-v3-block-v2 .product-image ue-node-panel,
-.ins-recommendation-v3-block-v2 .product-name ue-node-actions,
-.ins-recommendation-v3-block-v2 .product-name ue-node-panel,
-.ins-recommendation-v3-block-v2 .product-price ue-node-actions,
-.ins-recommendation-v3-block-v2 .product-price ue-node-panel,
-.ins-recommendation-v3-block-v2 .product-old-price ue-node-actions,
-.ins-recommendation-v3-block-v2 .product-old-price ue-node-panel,
-.ins-recommendation-v3-block-v2 .product-omnibus-price ue-node-actions,
-.ins-recommendation-v3-block-v2 .product-omnibus-price ue-node-panel,
-.ins-recommendation-v3-block-v2 .product-omnibus-discount ue-node-actions,
-.ins-recommendation-v3-block-v2 .product-omnibus-discount ue-node-panel,
-.ins-recommendation-v3-block-v2 .product-button ue-node-actions,
-.ins-recommendation-v3-block-v2 .product-button ue-node-panel {
+.recommendation-block-v2 .product-image ue-node-actions,
+.recommendation-block-v2 .product-image ue-node-panel,
+.recommendation-block-v2 .product-name ue-node-actions,
+.recommendation-block-v2 .product-name ue-node-panel,
+.recommendation-block-v2 .product-price ue-node-actions,
+.recommendation-block-v2 .product-price ue-node-panel,
+.recommendation-block-v2 .product-old-price ue-node-actions,
+.recommendation-block-v2 .product-old-price ue-node-panel,
+.recommendation-block-v2 .product-omnibus-price ue-node-actions,
+.recommendation-block-v2 .product-omnibus-price ue-node-panel,
+.recommendation-block-v2 .product-omnibus-discount ue-node-actions,
+.recommendation-block-v2 .product-omnibus-discount ue-node-panel,
+.recommendation-block-v2 .product-button ue-node-actions,
+.recommendation-block-v2 .product-button ue-node-panel {
     display: none !important;
 }
 
@@ -52,7 +52,7 @@ const n = `.esd-x,
     display: none;
 }
 
-/* Mobile layout: when Stripo mobile mode is active, swap containers */
+/* Mobile layout: when Stripo mobile mode is active, swap containers (grid layout only) */
 .ue-mobile-mode .ins-recommendation-desktop-container {
     display: none !important;
 }
@@ -60,6 +60,33 @@ const n = `.esd-x,
 .ue-mobile-mode .ins-recommendation-mobile-container {
     display: table !important;
 }
+
+/* List layout: keep desktop container visible in mobile mode (list rows are inherently responsive)
+   Uses class selector instead of [data-layout="list"] for Gmail compatibility */
+.ue-mobile-mode .ins-recommendation-list-layout .ins-recommendation-desktop-container {
+    display: table !important;
+}
+
+.ue-mobile-mode .ins-recommendation-list-layout .ins-recommendation-mobile-container {
+    display: none !important;
+}
+
+/* List layout mobile: reduce image and button width for better text readability */
+.ue-mobile-mode .ins-recommendation-list-layout .product-image-cell {
+    width: 80px !important;
+}
+
+.ue-mobile-mode .ins-recommendation-list-layout .product-image-cell img {
+    max-width: 80px !important;
+}
+
+.ue-mobile-mode .ins-recommendation-list-layout .button-cell {
+    width: 80px !important;
+}
+
+.ue-mobile-mode .ins-recommendation-list-layout .product-info-cell {
+    padding: 5px 8px !important;
+}
 `;
 export {
   n as default

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/stores/template.js

@@ -0,0 +1,15 @@
+import { BlockId as e } from "../enums/block.js";
+import { defineStore as i } from "pinia";
+const a = i("guidoTemplate", {
+  state: () => ({
+    migrations: {}
+  }),
+  getters: {
+    hasMigrations: (t) => Object.values(t.migrations).some((o) => (o ?? 0) > 0),
+    hasRecommendationMigrations: (t) => (t.migrations[e.Recommendation] ?? 0) > 0,
+    hasItemsMigrations: (t) => (t.migrations[e.Items] ?? 0) > 0
+  }
+});
+export {
+  a as useTemplateStore
+};

package/dist/stores/unsubscribe.js

@@ -1,39 +1,40 @@
-import { TYPE_COLLECTIONS as i, PAGE_TYPES as a } from "../enums/unsubscribe.js";
-import { useUnsubscribeApi as r } from "../services/unsubscribeApi.js";
-import { defineStore as d } from "pinia";
-const p = () => ({
+import { TYPE_COLLECTIONS as i, PAGE_TYPES as p } from "../enums/unsubscribe.js";
+import { useUnsubscribeApi as d } from "../services/unsubscribeApi.js";
+import { defineStore as h } from "pinia";
+let o = null;
+const r = () => ({
   templates: [],
   selectedTemplates: {},
   selectedUnsubscribePages: [],
-  selectedCollectionType: a.GLOBAL_UNSUBSCRIBE,
-  activeType: a.GLOBAL_UNSUBSCRIBE,
+  selectedCollectionType: p.GLOBAL_UNSUBSCRIBE,
+  activeType: p.GLOBAL_UNSUBSCRIBE,
   pageSelectionUpdateStatus: !1,
   pageSelectionDrawerStatus: !1,
   typeSelectionDrawerStatus: !1,
   isGlobalUnsubscribeDisabled: !1,
   isSubscriptionPreferencesCenterDisabled: !1
-}), g = d("guidoUnsubscribe", {
-  state: () => p(),
+}), b = h("guidoUnsubscribe", {
+  state: () => r(),
   getters: {
     getSelectedCollection: (e) => i[e.selectedCollectionType],
     getSelectedTemplateByActiveType: (e) => e.selectedTemplates[e.activeType],
     getTemplatesByActiveType: (e) => e.templates.filter((t) => t.type === e.activeType),
     getThumbnailByTemplateId: (e) => (t) => {
-      var c;
-      return ((c = e.templates.find((s) => s.id === t)) == null ? void 0 : c.thumbnail) ?? "";
+      var l;
+      return ((l = e.templates.find((s) => s.id === t)) == null ? void 0 : l.thumbnail) ?? "";
     },
     getSelectedUnsubscribePagesByCollection: (e) => (t) => {
-      const c = i[t];
-      if (!c)
+      const l = i[t];
+      if (!l)
         return [];
       const s = /* @__PURE__ */ new Map();
       e.templates.forEach((n) => {
         s.set(n.id, n.type);
       });
-      const l = new Set(c);
+      const c = new Set(l);
       return e.selectedUnsubscribePages.filter((n) => {
-        const o = s.get(n);
-        return o !== void 0 && l.has(o);
+        const a = s.get(n);
+        return a !== void 0 && c.has(a);
       });
     },
     isActiveTypeFirstInCollection: (e) => {
@@ -47,7 +48,7 @@ const p = () => ({
     hasTemplatesByCollectionType: (e) => {
       const t = {};
       return i[e.selectedCollectionType].forEach((s) => {
-        t[s] = e.templates.some((l) => l.type === s);
+        t[s] = e.templates.some((c) => c.type === s);
       }), t;
     },
     unsubscribePagesStatus: (e) => e.selectedUnsubscribePages.length > 0
@@ -56,29 +57,31 @@ const p = () => ({
     $reset() {
       const { templates: e, selectedUnsubscribePages: t } = this;
       Object.assign(this, {
-        ...p(),
+        ...r(),
         templates: e,
         selectedUnsubscribePages: t
       });
     },
     async fetchTemplates() {
-      if (this.templates.length)
-        return;
-      const { getUnsubscribePages: e } = r(), t = await e();
-      this.templates = t;
+      this.templates.length || (o || (o = (async () => {
+        const { getUnsubscribePages: e } = d();
+        this.templates = await e();
+      })().finally(() => {
+        o = null;
+      })), await o);
     },
     setCollection(e) {
       this.selectedCollectionType = e;
       const t = i[e];
       if (t && t.length > 0) {
         [this.activeType] = t;
-        const c = { ...this.selectedTemplates };
+        const l = { ...this.selectedTemplates };
         t.forEach((s) => {
-          if (!c[s]) {
-            const l = this.templates.find((n) => n.type === s);
-            l && (c[s] = l.id);
+          if (!l[s]) {
+            const c = this.templates.find((n) => n.type === s);
+            c && (l[s] = c.id);
           }
-        }), this.selectedTemplates = c;
+        }), this.selectedTemplates = l;
       }
     },
     setCollectionWithoutAutoSelection(e) {
@@ -101,17 +104,17 @@ const p = () => ({
       t >= 0 && (this.activeType = this.getSelectedCollection[t]);
     },
     loadSelectedTemplates(e) {
-      const t = new Map(this.templates.map((s) => [s.id, s.type])), c = { ...this.selectedTemplates };
+      const t = new Map(this.templates.map((s) => [s.id, s.type])), l = { ...this.selectedTemplates };
       e.forEach((s) => {
-        const l = t.get(s);
-        l !== void 0 && (c[l] = s);
-      }), this.selectedTemplates = c;
+        const c = t.get(s);
+        c !== void 0 && (l[c] = s);
+      }), this.selectedTemplates = l;
     },
     getSelectedTemplatesByCollection(e) {
-      const t = i[e], c = [];
+      const t = i[e], l = [];
       return t.forEach((s) => {
-        this.selectedTemplates[s] && c.push(this.selectedTemplates[s]);
-      }), c;
+        this.selectedTemplates[s] && l.push(this.selectedTemplates[s]);
+      }), l;
     },
     addUnsubscribePages(e) {
       const t = /* @__PURE__ */ new Set([...this.selectedUnsubscribePages, ...e]);
@@ -125,5 +128,5 @@ const p = () => ({
   }
 });
 export {
-  g as useUnsubscribeStore
+  b as useUnsubscribeStore
 };

package/dist/utils/migrationBannerHtml.js

@@ -0,0 +1,21 @@
+import { useTemplateStore as o } from "../stores/template.js";
+import { UIElementType as i, UEAttr as r } from "../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+function g(t, n, e) {
+  return (o().migrations[t] ?? 0) <= 0 ? "" : `<div>
+                <div style="display: flex; align-items: center;">
+                    <span>${n}</span>
+                </div>
+                <div class="${t}-migration-info">
+                    <${i.ICON}
+                        ${r.ICON.src}="migration-info-icon"
+                        class="${t}-migration-info__icon">
+                    </${i.ICON}>
+                    <p class="${t}-migration-info__text">
+                        ${e}
+                    </p>
+                </div>
+            </div>`;
+}
+export {
+  g as getMigrationBannerHtml
+};

package/dist/utils/templatePreparation.js

@@ -24,7 +24,7 @@ const E = () => {
         css: p,
         ampHtml: r,
         ampErrors: c,
-        modules: u,
+        modules: u.map(Number),
         recommendation: {
           campaignUrls: b.recommendationCampaignUrls,
           configs: {}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "2.2.0-beta.eeefcc3",
+  "version": "3.0.0-beta.5b2298c",
   "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",
@@ -32,7 +32,7 @@
   "license": "ISC",
   "dependencies": {
     "@stripoinc/ui-editor-extensions": "3.5.0",
-    "@useinsider/design-system-vue": "0.14.20",
+    "@useinsider/design-system-vue": "0.14.28",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",
     "pinia": "2.3.1",