@useinsider/guido 3.0.0-beta.a32411b → 3.0.0-beta.e99f1c8

package/dist/config/migrator/recommendationMigrator.js

@@ -1,13 +1,11 @@
 var h = Object.defineProperty;
-var T = (d, e, t) => e in d ? h(d, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[e] = t;
-var A = (d, e, t) => T(d, typeof e != "symbol" ? e + "" : e, t);
-import { BLOCK_ID as S } from "../../extensions/Blocks/Recommendation/block.js";
-import P, { prepareProductRows as q } from "../../extensions/Blocks/Recommendation/templates/grid/migration.js";
-import { useTemplateStore as w } from "../../stores/template.js";
-import { getDefaultProducts as $ } from "../../extensions/Blocks/Recommendation/templates/utils.js";
-class B {
+var T = (A, e, t) => e in A ? h(A, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : A[e] = t;
+var m = (A, e, t) => T(A, typeof e != "symbol" ? e + "" : e, t);
+import P, { prepareProductRows as S } from "../../extensions/Blocks/Recommendation/templates/grid/migration.js";
+import { getDefaultProducts as q } from "../../extensions/Blocks/Recommendation/templates/utils.js";
+class w {
   constructor() {
-    A(this, "parser");
+    m(this, "parser");
     this.parser = new DOMParser();
   }
   migrate(e) {
@@ -15,14 +13,12 @@ class B {
       const t = this.parser.parseFromString(e, "text/html"), s = t.querySelectorAll(
         'td.ins-recommendation-v3-block-1, td.product-block[esd-handler-name*="EmailRecommendationV3"]'
       );
-      return w().$patch((i) => {
-        i.migrations = { ...i.migrations, [S]: s.length };
-      }), s.length === 0 ? e : (s.forEach((i) => {
-        const r = i.getAttribute("id"), n = this.extractBgColor(i), u = this.extractTitle(i), c = this.extractProductRows(i), l = P.replace("{-{-TITLE-}-}", u).replace("{-{-PRODUCT_ROWS-}-}", c), a = this.parser.parseFromString(
-          `<table id="tempDoc"><tbody><tr>${l}</tr></tbody></table>`,
+      return s.length === 0 ? e : (s.forEach((o) => {
+        const l = o.getAttribute("id"), r = this.extractBgColor(o), i = this.extractTitle(o), u = this.extractProductRows(o), c = P.replace("{-{-TITLE-}-}", i).replace("{-{-PRODUCT_ROWS-}-}", u), a = this.parser.parseFromString(
+          `<table id="tempDoc"><tbody><tr>${c}</tr></tbody></table>`,
           "text/html"
         ).querySelector(".recommendation-block-v2");
-        a && i.parentNode && (r && a.setAttribute("id", r), n && a.setAttribute("bgcolor", n), i.parentNode.replaceChild(a, i));
+        a && o.parentNode && (l && a.setAttribute("id", l), r && a.setAttribute("bgcolor", r), o.parentNode.replaceChild(a, o));
       }), t.documentElement.outerHTML);
     } catch (t) {
       return console.error("RecommendationMigrator failed:", t), e;
@@ -68,7 +64,7 @@ class B {
    * @returns HTML string for the title block
    */
   extractTitle(e) {
-    var g, a;
+    var a, g;
     const t = e.querySelector(".ext-recommendation-title");
     if (!t)
       return this.buildTitleBlock({
@@ -80,7 +76,7 @@ class B {
       });
     const s = t.querySelector("p");
     if (!s) {
-      const p = ((g = t.textContent) == null ? void 0 : g.trim()) || "You May Also Like!", b = t.getAttribute("align") || "center";
+      const p = ((a = t.textContent) == null ? void 0 : a.trim()) || "You May Also Like!", b = t.getAttribute("align") || "center";
       return this.buildTitleBlock({
         text: p,
         isBold: !0,
@@ -89,13 +85,13 @@ class B {
         styles: "font-size: 28px; color: #333333;"
       });
     }
-    const o = ((a = s.textContent) == null ? void 0 : a.trim()) || "You May Also Like!", i = t.getAttribute("align") || s.getAttribute("align") || "center", r = s.getAttribute("style") || "", n = /font-weight\s*:\s*bold/i.test(r) || !!s.querySelector("b, strong"), u = /font-style\s*:\s*italic/i.test(r) || !!s.querySelector("i, em"), c = this.removeStyleProperties(r, ["font-weight", "font-style"]), l = this.convertInlineToBlock(c);
+    const o = ((g = s.textContent) == null ? void 0 : g.trim()) || "You May Also Like!", l = t.getAttribute("align") || s.getAttribute("align") || "center", r = s.getAttribute("style") || "", i = /font-weight\s*:\s*bold/i.test(r) || !!s.querySelector("b, strong"), u = /font-style\s*:\s*italic/i.test(r) || !!s.querySelector("i, em"), c = this.removeStyleProperties(r, ["font-weight", "font-style"]), n = this.convertInlineToBlock(c);
     return this.buildTitleBlock({
       text: o,
-      isBold: n,
+      isBold: i,
       isItalic: u,
-      align: i,
-      styles: l
+      align: l,
+      styles: n
     });
   }
   /**
@@ -107,8 +103,8 @@ class B {
     const t = this.extractProductConfig(e);
     if (!t)
       return console.warn("[RecommendationMigrator] No product config found, using defaults"), this.generateProductRows(6, 3, {});
-    const { totalCount: s, productsPerRow: o } = t, i = this.extractProductStyles(e);
-    return this.generateProductRows(s, o, i);
+    const { totalCount: s, productsPerRow: o } = t, l = this.extractProductStyles(e);
+    return this.generateProductRows(s, o, l);
   }
   /**
    * Extracts Stripo padding/margin utility classes from a class string
@@ -156,12 +152,12 @@ class B {
    * @returns HTML string for product rows with applied styles
    */
   generateProductRows(e, t, s) {
-    const o = $(), i = [];
-    for (let n = 0; n < e; n++) {
-      const u = o[n % o.length];
-      i.push({ ...u });
+    const o = q(), l = [];
+    for (let i = 0; i < e; i++) {
+      const u = o[i % o.length];
+      l.push({ ...u });
     }
-    let r = q(i, t);
+    let r = S(l, t);
     return r = this.applyExtractedStyles(r, s), r;
   }
   /**
@@ -175,30 +171,30 @@ class B {
       return console.warn("[RecommendationMigrator] No product card found, using default styles"), t;
     const o = this.extractCardBgColor(s);
     o && (t.cardBgColor = o);
-    const i = s.querySelector(".ext-product-image");
-    if (i) {
-      const l = i.querySelector("img"), g = l == null ? void 0 : l.getAttribute("width"), a = i.getAttribute("style") || "", p = i.getAttribute("align") || "center", b = i.getAttribute("class") || "", m = this.extractStripoClasses(b);
-      t.imageWidth = g || "120", t.imageAlign = p, t.imageTdStyle = a, t.imageClasses = m;
+    const l = s.querySelector(".ext-product-image");
+    if (l) {
+      const n = l.querySelector("img"), a = n == null ? void 0 : n.getAttribute("width"), g = l.getAttribute("style") || "", p = l.getAttribute("align") || "center", b = l.getAttribute("class") || "", d = this.extractStripoClasses(b);
+      t.imageWidth = a || "120", t.imageAlign = p, t.imageTdStyle = g, t.imageClasses = d;
     }
     const r = s.querySelector(".ext-product-name");
     if (r) {
-      const l = r.querySelector("p"), g = (l == null ? void 0 : l.getAttribute("style")) || "", a = r.getAttribute("align") || "center", p = r.getAttribute("style") || "", b = r.getAttribute("class") || "", m = this.extractStripoClasses(b);
-      t.nameStyle = g, t.nameAlign = a, t.nameTdStyle = p, t.nameClasses = m;
+      const n = r.querySelector("p"), a = (n == null ? void 0 : n.getAttribute("style")) || "", g = r.getAttribute("align") || "center", p = r.getAttribute("style") || "", b = r.getAttribute("class") || "", d = this.extractStripoClasses(b);
+      t.nameStyle = a, t.nameAlign = g, t.nameTdStyle = p, t.nameClasses = d;
     }
-    const n = s.querySelector(".ext-product-price");
-    if (n) {
-      const l = n.querySelector("p"), g = (l == null ? void 0 : l.getAttribute("style")) || "", a = n.getAttribute("align") || "center", p = n.getAttribute("style") || "", b = n.getAttribute("class") || "", m = this.extractStripoClasses(b);
-      t.priceStyle = g, t.priceAlign = a, t.priceTdStyle = p, t.priceClasses = m;
+    const i = s.querySelector(".ext-product-price");
+    if (i) {
+      const n = i.querySelector("p"), a = (n == null ? void 0 : n.getAttribute("style")) || "", g = i.getAttribute("align") || "center", p = i.getAttribute("style") || "", b = i.getAttribute("class") || "", d = this.extractStripoClasses(b);
+      t.priceStyle = a, t.priceAlign = g, t.priceTdStyle = p, t.priceClasses = d;
     }
     const u = s.querySelector(".ext-product-original-price");
     if (u) {
-      const l = u.querySelector("p"), g = (l == null ? void 0 : l.getAttribute("style")) || "", a = u.getAttribute("align") || "center", p = u.getAttribute("style") || "", b = u.getAttribute("class") || "", m = this.extractStripoClasses(b);
-      t.oldPriceStyle = g, t.oldPriceAlign = a, t.oldPriceTdStyle = p, t.oldPriceClasses = m;
+      const n = u.querySelector("p"), a = (n == null ? void 0 : n.getAttribute("style")) || "", g = u.getAttribute("align") || "center", p = u.getAttribute("style") || "", b = u.getAttribute("class") || "", d = this.extractStripoClasses(b);
+      t.oldPriceStyle = a, t.oldPriceAlign = g, t.oldPriceTdStyle = p, t.oldPriceClasses = d;
     }
     const c = s.querySelector(".ext-product-button");
     if (c) {
-      const l = c.querySelector(".es-button-border"), g = c.querySelector("a.es-button"), a = (l == null ? void 0 : l.getAttribute("style")) || "", p = (g == null ? void 0 : g.getAttribute("style")) || "", b = c.getAttribute("align") || "center", m = c.getAttribute("style") || "", f = c.getAttribute("class") || "", C = this.extractStripoClasses(f), y = ((c == null ? void 0 : c.textContent) || "").trim();
-      t.buttonBorderStyle = a, t.buttonLinkStyle = p, t.buttonAlign = b, t.buttonTdStyle = m, t.buttonClasses = C, t.buttonText = y;
+      const n = c.querySelector(".es-button-border"), a = c.querySelector("a.es-button"), g = (n == null ? void 0 : n.getAttribute("style")) || "", p = (a == null ? void 0 : a.getAttribute("style")) || "", b = c.getAttribute("align") || "center", d = c.getAttribute("style") || "", f = c.getAttribute("class") || "", C = this.extractStripoClasses(f), y = ((c == null ? void 0 : c.textContent) || "").trim();
+      t.buttonBorderStyle = g, t.buttonLinkStyle = p, t.buttonAlign = b, t.buttonTdStyle = d, t.buttonClasses = C, t.buttonText = y;
     }
     return t;
   }
@@ -219,36 +215,36 @@ class B {
         const c = `${r.getAttribute("class") || ""} ${t.imageClasses}`.trim();
         r.setAttribute("class", c);
       }
-      const n = r.querySelector("img");
-      n && t.imageWidth && n.setAttribute("width", t.imageWidth);
+      const i = r.querySelector("img");
+      i && t.imageWidth && i.setAttribute("width", t.imageWidth);
     }), (t.nameStyle || t.nameAlign || t.nameTdStyle || t.nameClasses) && s.querySelectorAll(".product-name").forEach((r) => {
       if (t.nameAlign && r.setAttribute("align", t.nameAlign), t.nameTdStyle && r.setAttribute("style", t.nameTdStyle), t.nameClasses) {
         const c = `${r.getAttribute("class") || ""} ${t.nameClasses}`.trim();
         r.setAttribute("class", c);
       }
-      const n = r.querySelector("p");
-      n && t.nameStyle && n.setAttribute("style", t.nameStyle);
+      const i = r.querySelector("p");
+      i && t.nameStyle && i.setAttribute("style", t.nameStyle);
     }), (t.priceStyle || t.priceAlign || t.priceTdStyle || t.priceClasses) && s.querySelectorAll(".product-price").forEach((r) => {
       if (t.priceAlign && r.setAttribute("align", t.priceAlign), t.priceTdStyle && r.setAttribute("style", t.priceTdStyle), t.priceClasses) {
         const c = `${r.getAttribute("class") || ""} ${t.priceClasses}`.trim();
         r.setAttribute("class", c);
       }
-      const n = r.querySelector("p");
-      n && t.priceStyle && n.setAttribute("style", t.priceStyle);
+      const i = r.querySelector("p");
+      i && t.priceStyle && i.setAttribute("style", t.priceStyle);
     }), (t.oldPriceStyle || t.oldPriceAlign || t.oldPriceTdStyle || t.oldPriceClasses) && s.querySelectorAll(".product-old-price").forEach((r) => {
       if (t.oldPriceAlign && r.setAttribute("align", t.oldPriceAlign), t.oldPriceTdStyle && r.setAttribute("style", t.oldPriceTdStyle), t.oldPriceClasses) {
         const c = `${r.getAttribute("class") || ""} ${t.oldPriceClasses}`.trim();
         r.setAttribute("class", c);
       }
-      const n = r.querySelector("p");
-      n && t.oldPriceStyle && n.setAttribute("style", t.oldPriceStyle);
+      const i = r.querySelector("p");
+      i && t.oldPriceStyle && i.setAttribute("style", t.oldPriceStyle);
     }), (t.buttonBorderStyle || t.buttonLinkStyle || t.buttonAlign || t.buttonTdStyle || t.buttonClasses) && s.querySelectorAll(".product-button").forEach((r) => {
       if (t.buttonAlign && r.setAttribute("align", t.buttonAlign), t.buttonTdStyle && r.setAttribute("style", t.buttonTdStyle), t.buttonClasses) {
-        const l = `${r.getAttribute("class") || ""} ${t.buttonClasses}`.trim();
-        r.setAttribute("class", l);
+        const n = `${r.getAttribute("class") || ""} ${t.buttonClasses}`.trim();
+        r.setAttribute("class", n);
       }
-      const n = r.querySelector(".es-button-border");
-      n && t.buttonBorderStyle && n.setAttribute("style", t.buttonBorderStyle);
+      const i = r.querySelector(".es-button-border");
+      i && t.buttonBorderStyle && i.setAttribute("style", t.buttonBorderStyle);
       const u = r.querySelector("a.es-button");
       u && (t.buttonLinkStyle && u.setAttribute("style", t.buttonLinkStyle), t.buttonText && (u.textContent = t.buttonText));
     });
@@ -274,8 +270,8 @@ class B {
    * Removes specified style properties from a style string
    */
   removeStyleProperties(e, t) {
-    return e ? t.reduce((o, i) => {
-      const r = new RegExp(`${i}\\s*:\\s*[^;]*;?`, "gi");
+    return e ? t.reduce((o, l) => {
+      const r = new RegExp(`${l}\\s*:\\s*[^;]*;?`, "gi");
       return o.replace(r, "");
     }, e).replace(/;\s*;/g, ";").replace(/^;|;$/g, "").trim() : "";
   }
@@ -289,9 +285,9 @@ class B {
     return /display\s*:/i.test(t) || (t = t ? `${t}; display: block` : "display: block"), t.replace(/;\s*;/g, ";").replace(/^;|;$/g, "").replace(/"/g, "'").trim();
   }
 }
-function v(d) {
-  return new B().migrate(d);
+function k(A) {
+  return new w().migrate(A);
 }
 export {
-  v as migrateRecommendation
+  k as migrateRecommendation
 };

package/dist/extensions/Blocks/Items/block.js

@@ -1,20 +1,18 @@
-import { BlockId as g } from "../../../enums/block.js";
-import { useOnboardingStore as p } from "../../../stores/onboarding.js";
-import { getMigrationBannerHtml as f } from "../../../utils/migrationBannerHtml.js";
-import { Block as u, BlockCompositionType as I, ModificationDescription as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { SETTINGS_ENUMS as a, DefaultConfigValues as i } from "./enums/settingsEnums.js";
-import { getDefaultTemplate as C } from "./template.js";
-import { getItemsBlockContainer as y, getItemsBlockConfig as b, getDefaultItemsBlockConfig as h } from "./utils/nodeConfigUtils.js";
-const c = g.Items;
-class E extends u {
+import { useOnboardingStore as d } from "../../../stores/onboarding.js";
+import { Block as g, BlockCompositionType as f, ModificationDescription as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { SETTINGS_ENUMS as c, DefaultConfigValues as i } from "./enums/settingsEnums.js";
+import { getDefaultTemplate as p } from "./template.js";
+import { getItemsBlockContainer as u, getItemsBlockConfig as C, getDefaultItemsBlockConfig as I } from "./utils/nodeConfigUtils.js";
+const y = "items-block";
+class B extends g {
   getId() {
-    return c;
+    return y;
   }
   getIcon() {
     return "items-icon";
   }
   getBlockCompositionType() {
-    return I.CONTAINER;
+    return f.CONTAINER;
   }
   getName() {
     return this.api.translate("Items");
@@ -22,17 +20,10 @@ class E extends u {
   getDescription() {
     return this.api.translate("Items lets you display personalized products based on user behavior.");
   }
-  getSettingsPanelTitleHtml() {
-    return f(
-      c,
-      this.api.translate("Items"),
-      this.api.translate("This block is switched from the Old Version to the New Version. We recommend you check the Items block and test your message to ensure it works properly.")
-    );
-  }
   getTemplate() {
-    return C({
-      orientation: a.ORIENTATION.VERTICAL,
-      itemsType: a.ITEMS_TYPE.CART_ITEMS,
+    return p({
+      orientation: c.ORIENTATION.VERTICAL,
+      itemsType: c.ITEMS_TYPE.CART_ITEMS,
       itemId: "{{Abandoned Cart Item (1) Url}}",
       currencySymbol: i.productPriceCurrencySymbolControlValue,
       currencyLocation: i.productPriceCurrencyLocationControlValue,
@@ -43,21 +34,21 @@ class E extends u {
     return !1;
   }
   onCreated(n) {
-    const l = this.api.getDocumentModifier(), r = this.api.getDocumentRootCssNode();
-    r.querySelector('[product-attr="imageSrc"] img') || l.modifyCss(r).appendRule('[product-attr="imageSrc"] img {object-fit: contain;}');
-    const e = y(n);
+    const s = this.api.getDocumentModifier(), r = this.api.getDocumentRootCssNode();
+    r.querySelector('[product-attr="imageSrc"] img') || s.modifyCss(r).appendRule('[product-attr="imageSrc"] img {object-fit: contain;}');
+    const e = u(n);
     if (!e)
       return;
-    const s = e.getNodeConfig(), m = s && Object.keys(s).length > 0, t = b(n);
+    const a = e.getNodeConfig(), l = a && Object.keys(a).length > 0, t = C(n);
     if (t != null && t.initialized)
-      m ? t.blockInstanceId || this.api.getDocumentModifier().modifyHtml(e).setNodeConfig({ ...t, blockInstanceId: String(Date.now()) }).apply(new o("Assign block instance ID to block")) : this.api.getDocumentModifier().modifyHtml(e).setNodeConfig(t).apply(new o("Migrate legacy config to nodeConfig"));
+      l ? t.blockInstanceId || this.api.getDocumentModifier().modifyHtml(e).setNodeConfig({ ...t, blockInstanceId: String(Date.now()) }).apply(new o("Assign block instance ID to block")) : this.api.getDocumentModifier().modifyHtml(e).setNodeConfig(t).apply(new o("Migrate legacy config to nodeConfig"));
     else {
-      const d = h();
-      this.api.getDocumentModifier().modifyHtml(e).setNodeConfig(d).apply(new o("Initialize Items block with default configuration")), p().startOnboarding("itemsOnboarding");
+      const m = I();
+      this.api.getDocumentModifier().modifyHtml(e).setNodeConfig(m).apply(new o("Initialize Items block with default configuration")), d().startOnboarding("itemsOnboarding");
     }
   }
 }
 export {
-  c as BLOCK_ID,
-  E as ItemsBlock
+  y as BLOCK_ID,
+  B as ItemsBlock
 };

package/dist/extensions/Blocks/Items/iconsRegistry.js

@@ -1,6 +1,5 @@
-import o from "../../../static/assets/info.svg.js";
-import { IconsRegistry as r } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-class s extends r {
+import { IconsRegistry as o } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+class i extends o {
   registerIconsSvg(t) {
     t["items-icon"] = `
             <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -20,14 +19,14 @@ class s extends r {
             </svg>
         `, t["horizontal-orientation"] = `
             <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
-                <path d="M10 19H4C3.44772 19 3 18.5523 3 18V2C3 1.44772 3.44772 1 4 1H10V19Z" stroke="currentColor"
+                <path d="M10 19H4C3.44772 19 3 18.5523 3 18V2C3 1.44772 3.44772 1 4 1H10V19Z" stroke="currentColor" 
                     stroke-width="2" fill="none"/>
-                <path d="M17 2V18C17 18.5523 16.5523 19 16 19H10V1H16C16.5523 1 17 1.44772 17 2Z" stroke="currentColor"
+                <path d="M17 2V18C17 18.5523 16.5523 19 16 19H10V1H16C16.5523 1 17 1.44772 17 2Z" stroke="currentColor" 
                     stroke-width="2" fill="none"/>
             </svg>
-        `, t["migration-info-icon"] = o;
+        `;
   }
 }
 export {
-  s as ItemsIconsRegistry
+  i as ItemsIconsRegistry
 };

package/dist/extensions/Blocks/Items/items.css.js

@@ -17,54 +17,6 @@ const n = `/* Utils */
 .container:has(.items-controls-container) {
     padding: 0
 }
-
-/* ─── Migration Info Box ─────────────────────────────────────────────── */
-/* Shown in the settings panel title when a block was migrated from legacy */
-
-/* Layout variables for positioning the absolutely-placed info box */
-:host {
-    --items-migration-padding: 16px;
-    --items-migration-title-height: 61px;
-    --items-migration-box-height: 98px;
-}
-
-/* Push tabs down when info box is present inside the control panel header */
-.control-panel-header:has(.items-block-migration-info) {
-    position: relative;
-    margin-bottom: calc(2 * var(--items-migration-padding) + var(--items-migration-box-height));
-}
-
-/* Info box container */
-.items-block-migration-info {
-    display: flex;
-    align-items: flex-start;
-    gap: 8px;
-    padding: 12px;
-    background: var(--guido-color-background-onpage-message-info);
-    border: 1px solid var(--guido-color-border-onpage-message-info);
-    border-radius: 4px;
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07);
-    position: absolute;
-    left: var(--items-migration-padding);
-    right: var(--items-migration-padding);
-    top: calc(var(--items-migration-padding) + var(--items-migration-title-height));
-}
-
-/* Icon — 18x19 icon inside a 24x24 bounding box (matches Figma) */
-.items-block-migration-info__icon {
-    flex-shrink: 0;
-    width: 24px;
-    height: 24px;
-}
-
-/* Text content */
-.items-block-migration-info__text {
-    margin: 4px 0;
-    white-space: normal;
-    font-size: 13px;
-    font-weight: 400;
-    line-height: 16px;
-}
 `;
 export {
   n as default

package/dist/extensions/Blocks/Recommendation/block.js

@@ -1,15 +1,13 @@
-var f = Object.defineProperty;
-var h = (r, o, t) => o in r ? f(r, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[o] = t;
-var g = (r, o, t) => h(r, typeof o != "symbol" ? o + "" : o, t);
-import { BlockId as I } from "../../../enums/block.js";
-import { getMigrationBannerHtml as k } from "../../../utils/migrationBannerHtml.js";
-import { Block as B, BlockCompositionType as _, ModificationDescription as R } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+var p = Object.defineProperty;
+var f = (r, o, t) => o in r ? p(r, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[o] = t;
+var g = (r, o, t) => f(r, typeof o != "symbol" ? o + "" : o, t);
+import { Block as h, BlockCompositionType as I, ModificationDescription as _ } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { ensureMobileCssRulesExist as d } from "./controls/mobileLayout/cssRules.js";
 import { RecommendationConfigService as s } from "./services/configService.js";
 import { useRecommendationExtensionStore as u } from "./store/recommendation.js";
-import { getDefaultTemplate as A } from "./templates/grid/template.js";
-const p = I.Recommendation, c = "recommendation-block-v2", a = "recommendation-id";
-class T extends B {
+import { getDefaultTemplate as k } from "./templates/grid/template.js";
+const B = "recommendation-block", c = "recommendation-block-v2", a = "recommendation-id";
+class y extends h {
   constructor() {
     super();
     /**
@@ -19,13 +17,13 @@ class T extends B {
     g(this, "_pendingBlockId", null);
   }
   getId() {
-    return p;
+    return B;
   }
   getIcon() {
     return "recommendation-icon";
   }
   getBlockCompositionType() {
-    return _.CONTAINER;
+    return I.CONTAINER;
   }
   getName() {
     return this.api.translate("Recommendation Block");
@@ -33,13 +31,6 @@ class T extends B {
   getDescription() {
     return this.api.translate("Recommendation Block Title Description");
   }
-  getSettingsPanelTitleHtml() {
-    return k(
-      p,
-      this.api.translate("Recommendation Block"),
-      this.api.translate("This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.")
-    );
-  }
   /**
    * Returns the template HTML for a new recommendation block.
    * Generates a unique recommendation ID and embeds the instance class
@@ -49,7 +40,7 @@ class T extends B {
    */
   getTemplate() {
     const t = this._generateNextId();
-    return this._pendingBlockId = t, A(t);
+    return this._pendingBlockId = t, k(t);
   }
   /**
    * Called when a new block is dropped into the template
@@ -124,7 +115,7 @@ class T extends B {
     if (!n)
       return;
     const i = this.api.getDocumentModifier();
-    i.modifyHtml(n).setAttribute(a, e.toString()), i.apply(new R(`Assign recommendation ID ${e}`));
+    i.modifyHtml(n).setAttribute(a, e.toString()), i.apply(new _(`Assign recommendation ID ${e}`));
   }
   /**
    * Gets the recommendation-id from a block node
@@ -158,6 +149,6 @@ class T extends B {
   }
 }
 export {
-  p as BLOCK_ID,
-  T as RecommendationBlock
+  B as BLOCK_ID,
+  y as RecommendationBlock
 };

package/dist/extensions/Blocks/Recommendation/iconsRegistry.js

@@ -1,6 +1,5 @@
-import r from "../../../static/assets/info.svg.js";
-import { IconsRegistry as t } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-class h extends t {
+import { IconsRegistry as r } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+class o extends r {
   registerIconsSvg(C) {
     C["recommendation-icon"] = `
             <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
@@ -60,9 +59,9 @@ class h extends t {
                 <circle cx="3" cy="16" r="1" stroke="currentColor" stroke-width="1"/>
                 <rect x="7" y="15" width="11" height="2" rx="1"/>
             </svg>
-        `, C["migration-info-icon"] = r;
+        `;
   }
 }
 export {
-  h as RecommendationIconsRegistry
+  o as RecommendationIconsRegistry
 };

package/dist/extensions/Blocks/Recommendation/recommendation.css.js

@@ -22,54 +22,6 @@ const n = `/* Utils */
 ue-orderable.orderable-disabled .droppable-icon {
     display: none;
 }
-
-/* ─── Migration Info Box ─────────────────────────────────────────────── */
-/* Shown in the settings panel title when a block was migrated from legacy */
-
-/* Layout variables for positioning the absolutely-placed info box */
-:host {
-    --rec-migration-padding: 16px;
-    --rec-migration-title-height: 61px;
-    --rec-migration-box-height: 98px;
-}
-
-/* Push tabs down when info box is present inside the control panel header */
-.control-panel-header:has(.recommendation-block-migration-info) {
-    position: relative;
-    margin-bottom: calc(2 * var(--rec-migration-padding) + var(--rec-migration-box-height));
-}
-
-/* Info box container */
-.recommendation-block-migration-info {
-    display: flex;
-    align-items: flex-start;
-    gap: 8px;
-    padding: 12px;
-    background: var(--guido-color-background-onpage-message-info);
-    border: 1px solid var(--guido-color-border-onpage-message-info);
-    border-radius: 4px;
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07);
-    position: absolute;
-    left: var(--rec-migration-padding);
-    right: var(--rec-migration-padding);
-    top: calc(var(--rec-migration-padding) + var(--rec-migration-title-height));
-}
-
-/* Icon — 18x19 icon inside a 24x24 bounding box (matches Figma) */
-.recommendation-block-migration-info__icon {
-    flex-shrink: 0;
-    width: 24px;
-    height: 24px;
-}
-
-/* Text content */
-.recommendation-block-migration-info__text {
-    margin: 4px 0;
-    white-space: normal;
-    font-size: 13px;
-    font-weight: 400;
-    line-height: 16px;
-}
 `;
 export {
   n as default

package/dist/extensions/Blocks/common-control.js

@@ -1,5 +1,5 @@
-var l = Object.defineProperty;
-var O = (T, r, e) => r in T ? l(T, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : T[r] = e;
+var I = Object.defineProperty;
+var O = (T, r, e) => r in T ? I(T, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : T[r] = e;
 var u = (T, r, e) => O(T, typeof r != "symbol" ? r + "" : r, e);
 import { Control as c, UIElementType as n, UEAttr as $ } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 class _ extends c {
@@ -129,14 +129,6 @@ class _ extends c {
             </${n.BUTTON}>
         `;
   }
-  _GuIcon({ src: e, className: t = "" }) {
-    return `
-            <${n.ICON}
-                ${$.ICON.src}="${e}"
-                ${t ? `class="${t}"` : ""}>
-            </${n.ICON}>
-        `;
-  }
   /**
    *
    * @param param0
@@ -175,9 +167,9 @@ class _ extends c {
   _GuOrderable(e, t) {
     let E = "";
     t.forEach((a) => {
-      const I = $.ORDERABLE_ITEM && "name" in $.ORDERABLE_ITEM ? $.ORDERABLE_ITEM.name : "name";
+      const l = $.ORDERABLE_ITEM && "name" in $.ORDERABLE_ITEM ? $.ORDERABLE_ITEM.name : "name";
       E += `
-                <${n.ORDERABLE_ITEM} ${I}="${a.key}">
+                <${n.ORDERABLE_ITEM} ${l}="${a.key}">
                     ${a.content}
                 </${n.ORDERABLE_ITEM}>
             `;

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-3b53a736],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-cd76c125] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-079d2bf7] .in-progress-wrapper__progress p span:last-child{display:none!important}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-64c52560]{gap:8px}.version-history__toolbar[data-v-64c52560]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.editor-actions[data-v-a289b9e9]{gap:4px}.header-wrapper[data-v-5c02dcc7]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-a26d7792]{position:relative;width:100%;height:calc(100vh - 128px)}.guido-editor__container[data-v-a26d7792]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-a26d7792]{height:calc(100vh - 75px)}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-df672485]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-df672485]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-df672485]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-df672485]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-df672485]{object-fit:cover;transform:scale(1)}[data-v-43c617a7] .guido__verion-history-view-option-selection-desktop svg,[data-v-43c617a7] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-43c617a7] .in-segments-wrapper__button_selected,[data-v-43c617a7] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-988f8da6]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-988f8da6]{min-height:504px}.iframe-wrapper[data-v-e0424e99]{width:258px}.iframe-scaled[data-v-e0424e99]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-d3c52b44] .vueperslides__bullets,[data-v-dd1a237a] .vueperslides__bullets{pointer-events:none!important}[data-v-dd1a237a] .vueperslides__parallax-wrapper{height:110px!important}[data-v-a408dcea] .vueperslides__bullets{pointer-events:none!important}[data-v-a408dcea] .vueperslides__parallax-wrapper{height:110px!important}
+.gap-16[data-v-3b53a736],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-cd76c125] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-079d2bf7] .in-progress-wrapper__progress p span:last-child{display:none!important}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-64c52560]{gap:8px}.version-history__toolbar[data-v-64c52560]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.editor-actions[data-v-17dd4d8b]{gap:4px}.header-wrapper[data-v-5c02dcc7]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-a26d7792]{position:relative;width:100%;height:calc(100vh - 128px)}.guido-editor__container[data-v-a26d7792]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-a26d7792]{height:calc(100vh - 75px)}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-df672485]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-df672485]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-df672485]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-df672485]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-df672485]{object-fit:cover;transform:scale(1)}[data-v-43c617a7] .guido__verion-history-view-option-selection-desktop svg,[data-v-43c617a7] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-43c617a7] .in-segments-wrapper__button_selected,[data-v-43c617a7] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-988f8da6]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-988f8da6]{min-height:504px}.iframe-wrapper[data-v-e0424e99]{width:258px}.iframe-scaled[data-v-e0424e99]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-29b9af29] .vueperslides__bullets,[data-v-dd1a237a] .vueperslides__bullets{pointer-events:none!important}[data-v-dd1a237a] .vueperslides__parallax-wrapper{height:110px!important}[data-v-d073b1dc] .vueperslides__bullets{pointer-events:none!important}[data-v-d073b1dc] .vueperslides__parallax-wrapper{height:110px!important}

package/dist/src/components/Guido.vue.d.ts

@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__
         close: () => void;
     };
     hasChanges: import("vue").ComputedRef<boolean>;
-    saveSilent: () => void | undefined;
+    saveSilent: () => Promise<Omit<SavedTemplateDetails, "metadata"> | undefined> | undefined;
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
     "dynamic-content:open": (detail: {
         text: string;

package/dist/src/components/organisms/header/EditorActions.vue.d.ts

@@ -1,4 +1,4 @@
 declare const _default: import("vue").DefineComponent<{}, {
-    handleSave: (isSilent: boolean) => void;
+    handleSave: (isSilent: boolean) => Promise<Omit<import("../../../@types/stripo").SavedTemplateDetails, "metadata"> | undefined>;
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/dist/src/components/organisms/header/HeaderWrapper.vue.d.ts

@@ -1,4 +1,4 @@
 declare const _default: import("vue").DefineComponent<{}, {
-    handleSave: (isSilent: boolean) => void | undefined;
+    handleSave: (isSilent: boolean) => Promise<Omit<import("../../../@types/stripo.js").SavedTemplateDetails, "metadata"> | undefined> | undefined;
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;