@useinsider/guido 2.2.0-beta.fa4cec8 → 3.0.0-beta.0579d27

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/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.fa4cec8",
+  "version": "3.0.0-beta.0579d27",
   "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",
@@ -25,14 +25,15 @@
     "lint:fix": "NODE_OPTIONS=--max-old-space-size=2048 eslint --fix ./",
     "type-check": "vue-tsc --noEmit --project tsconfig.config.json && vue-tsc --noEmit --project tsconfig.app.json",
     "test:visual-update": "npx playwright test --update-snapshots --reporter html",
-    "prepare": "husky"
+    "prepare": "husky",
+    "preinstall": "rm -rf ./node_modules/.vite"
   },
   "keywords": [],
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@stripoinc/ui-editor-extensions": "3.5.0",
-    "@useinsider/design-system-vue": "0.14.20",
+    "@stripoinc/ui-editor-extensions": "3.7.0",
+    "@useinsider/design-system-vue": "0.14.28",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",
     "pinia": "2.3.1",
@@ -85,7 +86,7 @@
   },
   "guido": {
     "stripo": {
-      "version": "2.54.0"
+      "version": "2.59.0"
     }
   }
 }