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

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-25780af6]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-25780af6]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-25780af6]{height:calc(100vh - 75px - var(--ribbon-offset))}[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}

package/dist/src/App.vue.d.ts

@@ -1,3 +1,5 @@
-import '../node_modules/@useinsider/design-system-vue/dist/design-system-vue.css';
+import '@useinsider/design-system-vue/style';
+import '@useinsider/design-system-vue/fonts.css';
+import '@useinsider/design-system-vue/utilities.css';
 declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, 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/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;

package/dist/src/components/organisms/header/RightSlot.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;

package/dist/src/components/wrappers/WpModal.vue.d.ts

@@ -3,7 +3,7 @@ type __VLS_Props = {
     id: string;
     title: string;
     description?: string;
-    size?: 'X-small' | 'small' | 'medium' | 'large';
+    size?: 'small' | 'medium' | 'large';
     footerButtonOptions?: FooterButtonGroup;
     closeButtonStatus?: boolean;
     closeOnOutsideClick?: boolean;
@@ -33,7 +33,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     footerStatus: boolean;
 }>>>, {
     description: string;
-    size: "X-small" | "small" | "medium" | "large";
+    size: "small" | "medium" | "large";
     closeOnOutsideClick: boolean;
     footerButtonOptions: FooterButtonGroup;
     closeButtonStatus: boolean;

package/dist/src/extensions/Blocks/Items/block.d.ts

@@ -1,6 +1,5 @@
-import type { BlockId } from '@@/Types/extensions/block';
 import { Block, BlockCompositionType, ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
-export declare const BLOCK_ID: BlockId;
+export declare const BLOCK_ID = "items-block";
 /**
  * Items Block extension for Stripo email editor.
  *
@@ -21,7 +20,6 @@ export declare class ItemsBlock extends Block {
     getBlockCompositionType(): BlockCompositionType;
     getName(): string;
     getDescription(): string;
-    getSettingsPanelTitleHtml(): string;
     getTemplate(): string;
     allowInnerBlocksDND(): boolean;
     onCreated(node: ImmutableHtmlNode): void;

package/dist/src/extensions/Blocks/Recommendation/block.d.ts

@@ -5,10 +5,9 @@
  * Handles block lifecycle including configuration initialization and migration.
  * Supports multiple block instances with unique recommendation-id attributes.
  */
-import type { BlockId } from '@@/Types/extensions/block';
 import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
 import { Block, BlockCompositionType } from '@stripoinc/ui-editor-extensions';
-export declare const BLOCK_ID: BlockId;
+export declare const BLOCK_ID = "recommendation-block";
 export declare class RecommendationBlock extends Block {
     /**
      * Stores the ID generated in getTemplate() so onCreated() can reuse it.
@@ -21,7 +20,6 @@ export declare class RecommendationBlock extends Block {
     getBlockCompositionType(): BlockCompositionType;
     getName(): string;
     getDescription(): string;
-    getSettingsPanelTitleHtml(): string;
     /**
      * Returns the template HTML for a new recommendation block.
      * Generates a unique recommendation ID and embeds the instance class

package/dist/src/extensions/Blocks/common-control.d.ts

@@ -11,10 +11,6 @@ interface LabelProps {
     name?: string;
     position?: 'top' | 'left';
 }
-interface IconProps {
-    src: string;
-    className?: string;
-}
 interface IconButtonProps {
     name: string;
     icon: string;
@@ -93,7 +89,6 @@ export declare abstract class CommonControl extends Control {
     }): string;
     _GuRadioButton({ name, buttons, id }: RadioButtonProps): string;
     _GuButton({ name, label, id }: ButtonProps): string;
-    _GuIcon({ src, className }: IconProps): string;
     /**
      *
      * @param param0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.0.0-beta.a32411b",
+  "version": "3.0.0-beta.b2b28fa",
   "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/components/organisms/header/MigrationConfirmModal.vue.js

@@ -1,17 +0,0 @@
-import n from "./MigrationConfirmModal.vue2.js";
-import t from "../../../_virtual/_plugin-vue2_normalizer.js";
-var i = function() {
-  var e = this, r = e._self._c, o = e._self._setupProxy;
-  return o.isVisible ? r(o.WpModal, { attrs: { id: "migration-confirm-modal", size: "X-small", "close-on-outside-click": !1, "footer-button-options": o.footerButtonOptions, title: o.trans("email-editor.migration-confirm-save") }, on: { close: o.close, "primary-action": o.handleConfirm } }, [r("p", { domProps: { innerHTML: e._s(o.confirmMessage) } })]) : e._e();
-}, s = [], a = /* @__PURE__ */ t(
-  n,
-  i,
-  s,
-  !1,
-  null,
-  null
-);
-const c = a.exports;
-export {
-  c as default
-};

package/dist/components/organisms/header/MigrationConfirmModal.vue2.js

@@ -1,39 +0,0 @@
-import { defineComponent as g, ref as m, computed as s } from "vue";
-import _ from "../../wrappers/WpModal.vue.js";
-import { useTranslations as b } from "../../../composables/useTranslations.js";
-import { useTemplateStore as M } from "../../../stores/template.js";
-const k = /* @__PURE__ */ g({
-  __name: "MigrationConfirmModal",
-  emits: ["confirm"],
-  setup(y, { expose: c, emit: n }) {
-    const t = m(!1), o = M(), e = b(), l = m({
-      cancelOrBackButton: {
-        type: "secondary",
-        labelText: e("campaign-builder.cancel"),
-        styling: "ghost"
-      },
-      primaryButton: {
-        type: "primary",
-        labelText: e("email-editor.migration-confirm-save")
-      }
-    }), i = s(() => {
-      if (o.hasRecommendationMigrations && o.hasItemsMigrations) {
-        const d = e("email-recommendation.recommendation"), u = e("email-editor.items");
-        return `${d} ${e("campaign-builder.or")} ${u}`;
-      }
-      return o.hasItemsMigrations ? e("email-editor.items") : e("email-recommendation.recommendation");
-    }), f = s(() => e("email-editor.migration-confirm-message", {
-      blockNames: i.value
-    })), r = () => {
-      t.value = !0;
-    }, a = () => {
-      t.value = !1;
-    }, p = () => {
-      a(), n("confirm");
-    };
-    return c({ open: r }), { __sfc: !0, emit: n, isVisible: t, templateStore: o, trans: e, footerButtonOptions: l, blockNames: i, confirmMessage: f, open: r, close: a, handleConfirm: p, WpModal: _ };
-  }
-});
-export {
-  k as default
-};

package/dist/enums/block.js

@@ -1,4 +0,0 @@
-var m = /* @__PURE__ */ ((e) => (e.Items = "items-block", e.Recommendation = "recommendation-block", e))(m || {});
-export {
-  m as BlockId
-};

package/dist/src/@types/extensions/block.d.ts

@@ -1,2 +0,0 @@
-import { BlockId as BlockIdEnum } from '@@/Enums/block';
-export type BlockId = `${BlockIdEnum}`;

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

@@ -1,6 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {
-    open: () => void;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
-    confirm: () => void;
-}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;

package/dist/src/enums/block.d.ts

@@ -1,4 +0,0 @@
-export declare enum BlockId {
-    Items = "items-block",
-    Recommendation = "recommendation-block"
-}

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

@@ -1,29 +0,0 @@
-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

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

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

@@ -1,5 +0,0 @@
-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
-};