@useinsider/guido 1.0.3-beta.cdff8ce → 1.0.3-beta.ce3ed00

package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js

@@ -1,4 +1,4 @@
-var M = class u {
+var et = /* @__PURE__ */ ((t) => (t.BLOCK = "BLOCK", t.STRUCTURE = "STRUCTURE", t.CONTAINER = "CONTAINER", t))(et || {}), M = class u {
   /**
    * Validates that all required methods are properly implemented in the subclass.
    * @param requiredMethods - Array of method names that must be implemented
@@ -34,7 +34,7 @@ ${s.map((E) => `  - ${E}`).join(`
 };
 M.validatedClasses = /* @__PURE__ */ new Set();
 M.validationErrors = /* @__PURE__ */ new Map();
-var a = M, et = /* @__PURE__ */ ((t) => (t.BLOCK = "BLOCK", t.STRUCTURE = "STRUCTURE", t.CONTAINER = "CONTAINER", t))(et || {}), y = class c extends a {
+var a = M, y = class c extends a {
   constructor() {
     super(c.REQUIRED_METHODS, c);
   }
@@ -176,16 +176,6 @@ var a = M, et = /* @__PURE__ */ ((t) => (t.BLOCK = "BLOCK", t.STRUCTURE = "STRUC
   getName() {
     throw new Error("Method getName() must be implemented by the subclass");
   }
-  /**
-   * Retrieves the name of block in the block panel.
-   * Can contain html markup
-   * If not implemented by the subclass, getName() function will be used to display name in the block panel
-   *
-   * @return {string} The name of the block panel.
-   */
-  getSettingsPanelName() {
-    return "";
-  }
   /**
    * Gets a short description of the block shown to the user, often as a tooltip in the block panel.
    * Use `this.api.translate()` for localization.

package/dist/node_modules/lodash-es/_arrayLikeKeys.js

@@ -1,20 +1,19 @@
-import a from "./_baseTimes.js";
+import p from "./_baseTimes.js";
 import g from "./isArguments.js";
 import h from "./isArray.js";
-import b from "./isBuffer.js";
-import A from "./_isIndex.js";
-import c from "./isTypedArray.js";
-var d = Object.prototype, O = d.hasOwnProperty;
-function l(t, p) {
-  var o = h(t), i = !o && g(t), s = !o && !i && b(t), e = !o && !i && !s && c(t), n = o || i || s || e, f = n ? a(t.length, String) : [], m = f.length;
-  for (var r in t)
-    (p || O.call(t, r)) && !(n && // Safari 9 has enumerable `arguments.length` in strict mode.
+import a from "./isBuffer.js";
+import d from "./_isIndex.js";
+import A from "./isTypedArray.js";
+function c(i, b) {
+  var t = h(i), f = !t && g(i), s = !t && !f && a(i), o = !t && !f && !s && A(i), n = t || f || s || o, e = n ? p(i.length, String) : [], m = e.length;
+  for (var r in i)
+    n && // Safari 9 has enumerable `arguments.length` in strict mode.
     (r == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
     s && (r == "offset" || r == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
-    e && (r == "buffer" || r == "byteLength" || r == "byteOffset") || // Skip index properties.
-    A(r, m))) && f.push(r);
-  return f;
+    o && (r == "buffer" || r == "byteLength" || r == "byteOffset") || // Skip index properties.
+    d(r, m)) || e.push(r);
+  return e;
 }
 export {
-  l as default
+  c as default
 };

package/dist/node_modules/lodash-es/keysIn.js

@@ -1,9 +1,9 @@
 import e from "./_arrayLikeKeys.js";
 import i from "./_baseKeysIn.js";
 import a from "./isArrayLike.js";
-function t(r) {
-  return a(r) ? e(r, !0) : i(r);
+function f(r) {
+  return a(r) ? e(r) : i(r);
 }
 export {
-  t as default
+  f as default
 };

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const o = { stripo: { version: "2.47.0" } }, s = {
+const o = { stripo: { version: "2.42.0" } }, s = {
   guido: o
 };
 export {

package/dist/src/@types/generic.d.ts

@@ -7,7 +7,6 @@ type Features = {
     saveAsTemplate?: boolean;
     versionHistory?: boolean;
     testMessage?: boolean;
-    displayConditions?: boolean;
 };
 type Partner = {
     partnerName: string;
@@ -38,39 +37,15 @@ export type TemplateConfig = {
     selectedUnsubscribePages?: number[];
     variationId?: string;
 };
-export type BaseDynamicContent = {
+export type DynamicContent = {
     value: string;
+    text: string;
     fallback?: string;
     format?: {
         key: string;
         value: string;
     };
 };
-export type DynamicContent = BaseDynamicContent & {
-    text: string;
-};
-export type MergeTag = BaseDynamicContent & {
-    label: string;
-    selStart?: number;
-    selEnd?: number;
-    hidden?: boolean;
-};
-export type PositionData = {
-    x: number;
-    y: number;
-    width?: number;
-    height?: number;
-};
-export type DynamicContentEvent = {
-    attribute: DynamicContent;
-    position?: PositionData;
-};
-export type MergeTagClickEvent = {
-    position: PositionData;
-    element: HTMLElement;
-    tagValue: string | null;
-    tagLabel: string | null;
-};
 export interface EmailHeader {
     senderName: string;
     subject: string;
@@ -86,6 +61,10 @@ export interface TooltipOptions {
     };
     preventXss?: boolean;
 }
+export type MergeTag = {
+    label: string;
+    value: string;
+};
 export type TextValueObject = {
     text: string;
     value: string;

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

@@ -1,4 +1,4 @@
-import type { DynamicContent, GuidoConfig, PositionData, TemplateConfig } from '@@/Types/generic';
+import type { DynamicContent, GuidoConfig, TemplateConfig } from '@@/Types/generic';
 import type { SavedTemplateDetails } from '@@/Types/stripo';
 type __VLS_Props = {
     templateId: string;
@@ -20,14 +20,13 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__
     hasChanges: import("vue").ComputedRef<boolean>;
     saveSilent: () => Promise<SavedTemplateDetails | undefined> | undefined;
 }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
-    "dynamic-content:open": (detail: DynamicContent | null, position?: PositionData | undefined) => void;
+    "dynamic-content:open": (detail: DynamicContent | null) => void;
     back: () => void;
     "save:start": () => void;
     "save:complete": (data: Omit<SavedTemplateDetails, "forceRecreate">) => void;
     "on-change": (hasChanges: boolean) => void;
     ready: () => void;
     "onboarding:finished": () => void;
-    "test-email:click": () => void;
 }, string, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>>, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/src/composables/useGuidoActions.d.ts

@@ -3,11 +3,9 @@ import type { InjectionKey } from 'vue';
 export type BackHandler = () => void;
 export type SaveStartHandler = () => void;
 export type SaveCompleteHandler = (template: Omit<SavedTemplateDetails, 'forceRecreate'>) => void;
-export type TestEmailClickHandler = () => void;
 export declare const BACK_KEY: InjectionKey<BackHandler>;
 export declare const SAVE_START_KEY: InjectionKey<SaveStartHandler>;
 export declare const SAVE_COMPLETE_KEY: InjectionKey<SaveCompleteHandler>;
-export declare const TEST_EMAIL_CLICK_KEY: InjectionKey<TestEmailClickHandler>;
 /**
  * Provides Guido action handlers to child components
  */
@@ -15,7 +13,6 @@ export declare const provideGuidoActions: (actions: {
     onBack: BackHandler;
     onSaveStart: SaveStartHandler;
     onSaveComplete: SaveCompleteHandler;
-    onTestEmailClick: TestEmailClickHandler;
 }) => void;
 /**
  * Provides individual Guido action handlers
@@ -38,11 +35,6 @@ export declare const useSaveStart: () => SaveStartHandler;
  * @returns Save complete function
  */
 export declare const useSaveComplete: () => SaveCompleteHandler;
-/**
- * Hook to use the test email click handler
- * @returns Test email click function
- */
-export declare const useTestEmailClick: () => TestEmailClickHandler;
 /**
  * Convenience hook to get all Guido actions
  * @returns Object containing all action handlers
@@ -51,5 +43,4 @@ export declare const useGuidoActions: () => {
     back: BackHandler;
     saveStart: SaveStartHandler;
     saveComplete: SaveCompleteHandler;
-    testEmailClick: TestEmailClickHandler;
 };

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

@@ -1,6 +1,2 @@
 export declare const SERVICE_HOVER_SELECTORS: string[];
-export declare const UI_EDITOR_SELECTOR = "ui-editor";
-export declare const CARD_COMPOSITION_TAB_SELECTOR = "button[role=\"tab\"][aria-label=\"Card Composition\"]";
-export declare const SETTINGS_TAB_SELECTOR = "button[role=\"tab\"][aria-label=\"Settings\"]";
-export declare const RIBBON_SELECTOR = ".in-ribbons-wrapper";
 export declare const ACADEMY_LINK = "https://academy.useinsider.com/docs/email-drag-drop-editor";

package/dist/src/extensions/Blocks/Checkbox/template.d.ts

@@ -1,4 +1,4 @@
-declare const migrationTemplate = "\n    <td\n        align=\"left\"\n        esd-extension-block-id=\"checkbox-block\"\n        class=\"\n            checkbox-block\n            checkbox-block-v2\n            esd-block-checkbox\n            esd-checkbox-block\n            esd-extension-block es-p20\"\n    >\n        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n            <tbody>\n            <tr>\n                <td align=\"left\" width=\"39\" style=\"vertical-align: top\">\n                <input type=\"checkbox\">\n                </td>\n                <td align=\"left\" width=\"816\" style=\"vertical-align: top\">\n                <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n                    <tbody>\n                    <tr>\n                        {-{-TITLE-}-}\n                    </tr>\n                    <tr>\n                        {-{-DESCRIPTION-}-}\n                    </tr>\n                    </tbody>\n                </table>\n                </td>\n            </tr>\n            </tbody>\n        </table>\n    </td>\n";
+declare const migrationTemplate = "\n    <td \n        align=\"left\" \n        esd-extension-block-id=\"checkbox-block\" \n        class=\"checkbox-block-v2 esd-block-checkbox esd-checkbox-block esd-extension-block es-p20\"\n    >\n        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n            <tbody>\n            <tr>\n                <td align=\"left\" width=\"39\" style=\"vertical-align: top\">\n                <input type=\"checkbox\">\n                </td>\n                <td align=\"left\" width=\"816\" style=\"vertical-align: top\">\n                <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n                    <tbody>\n                    <tr>\n                        {-{-TITLE-}-}\n                    </tr>\n                    <tr>\n                        {-{-DESCRIPTION-}-}\n                    </tr>\n                    </tbody>\n                </table>\n                </td>\n            </tr>\n            </tbody>\n        </table>\n    </td>\n";
 /**
  * @returns The template for the default checkbox block
  */

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

@@ -1,19 +1,5 @@
 import { Block, BlockCompositionType, ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
 export declare const BLOCK_ID = "items-block";
-/**
- * Items Block extension for Stripo email editor.
- *
- * Displays personalized product items (cart items, browsed items, or purchased items)
- * in a configurable card layout with horizontal or vertical orientation.
- *
- * Features:
- * - Multiple product data sources (cart, browsed, purchased)
- * - Configurable card composition (image, name, price, quantity, button)
- * - Orientation control (horizontal/vertical)
- * - Price formatting and currency display options
- * - Product name trimming
- * - Onboarding support
- */
 export declare class ItemsBlock extends Block {
     getId(): string;
     getIcon(): string;
@@ -23,5 +9,4 @@ export declare class ItemsBlock extends Block {
     getTemplate(): string;
     allowInnerBlocksDND(): boolean;
     onCreated(node: ImmutableHtmlNode): void;
-    onSelect(node: ImmutableHtmlNode): void;
 }

package/dist/src/extensions/Blocks/Items/controls/cardComposition.d.ts

@@ -1,33 +1,20 @@
-import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
 import { CommonControl } from '../../common-control';
 export declare const COMPOSITION_CONTROL_BLOCK_ID = "ui-elements-items-card-composition-block";
 export declare class ItemsBlockCardCompositionControl extends CommonControl {
-    private store;
-    private visibilityState;
     getId(): string;
     getTemplate(): string;
     onRender(): void;
-    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
+    onDestroy(): void;
     _getToggleContainer({ name, label }: {
         name: string;
         label: string;
     }): string;
     _initializeToggles(): void;
-    _updateTogglesFromState(): void;
-    _syncVisibilityFromAttributes(): void;
-    /**
-     * If itemsType is not BROWSED_ITEMS, show quantity
-     * If itemsType is BROWSED_ITEMS, hide quantity
-     * and mark it as '0'
-     */
-    _handleBrowsedItemsQuantity(): void;
-    _applyVisibilityStyles(): void;
-    _updateVisibilityAttribute(elementName: string, isVisible: boolean): void;
     _listenToFormUpdates(): void;
-    _onProductImageChange(value: boolean): void;
-    _onProductNameChange(value: boolean): void;
-    _onProductQuantityChange(value: boolean): void;
-    _onProductPriceChange(value: boolean): void;
-    _onProductOriginalPriceChange(value: boolean): void;
-    _onProductButtonChange(value: boolean): void;
+    _onProductImageChange(value: string): void;
+    _onProductNameChange(value: string): void;
+    _onProductQuantityChange(value: string): void;
+    _onProductPriceChange(value: string): void;
+    _onProductOriginalPriceChange(value: string): void;
+    _onProductButtonChange(value: string): void;
 }

package/dist/src/extensions/Blocks/Items/controls/price/currencySymbol.d.ts

@@ -8,7 +8,6 @@ export declare class PriceCurrencySymbolControl extends CommonControl {
     getId(): string;
     getTemplate(): string;
     onRender(): void;
-    onDestroy(): void;
     onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
     _onCurrencySymbolChange(value: string): void;
     private _storeOriginalContents;

package/dist/src/extensions/Blocks/Items/controls/price/hideDiscount.d.ts

@@ -1,13 +1,9 @@
-import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
 import { CommonControl } from '../../../common-control';
 import { ItemsBlockControlId } from '../../enums/controlEnums';
 export declare const CONTROL_BLOCK_ID = ItemsBlockControlId.PRICE_HIDE_DISCOUNT;
 export declare class PriceHideDiscountControl extends CommonControl {
-    private store;
     getId(): string;
     getTemplate(): string;
-    onRender(): void;
-    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
-    _onHideDiscountChange(value: boolean): void;
+    onRender(): Promise<void>;
     _getHideDiscount(): string;
 }

package/dist/src/extensions/Blocks/Items/controls/settingsControl.d.ts

@@ -1,4 +1,3 @@
-import { ProductType } from '@@/Types/extensions/items';
 import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
 import { CommonControl } from '../../common-control';
 export declare const CONTROL_BLOCK_ID = "ui-elements-items-block";
@@ -13,7 +12,7 @@ export declare class ItemsBlockControl extends CommonControl {
     _getOrientation(): string;
     _getItemInCart(): string;
     _onOrientationChange(value: string): void;
-    _onItemsTypeChange(value: string): void;
+    _onItemsTypeChange(value: string, oldValue: string): void;
     _onItemIdsChange(value: string): void;
     _initializeSelectItems(): void;
     _listenToFormUpdates(): void;
@@ -31,13 +30,8 @@ export declare class ItemsBlockControl extends CommonControl {
     _updatePrice(price: string): void;
     _updateOriginalPrice(originalPrice: string): void;
     _updateQuantity(quantity: string): void;
-    /**
-     * @todo Optimize template reordering for performance.
-     * @description Reorders the template structure based on current orientation and visibility settings.
-     */
+    _updateButton(button: string): void;
     _reOrderTemplate(): void;
-    _updateDataTypeAttributes(itemsType: ProductType): void;
-    _updateDataNumberAttributes(itemId: string): void;
     _reFillTemplate(): void;
     _recalculateTrimming(): void;
     private _getParagraphFromBlock;

package/dist/src/extensions/Blocks/Items/enums/controlEnums.d.ts

@@ -44,7 +44,6 @@ export declare enum ItemsBlockControlId {
     PRICE_FORMATTED_PRICE = "items-block-price-formatted-price-control",
     PRICE_CURRENCY_SYMBOL = "items-block-price-currency-symbol-control",
     PRICE_CURRENCY_LOCATION = "items-block-price-currency-location-control",
-    PRICE_ORIENTATION = "items-block-price-orientation-control",
     NAME_ALIGN = "items-block-name-align-control",
     NAME_COLOR = "items-block-name-color-control",
     NAME_SIZE = "items-block-name-size-control",

package/dist/src/extensions/Blocks/Items/enums/productEnums.d.ts

@@ -1,29 +1,10 @@
-export declare const templateFirstLine = "<td align=\"center\" class=\"ins-product-td items-block items-block-v2\">";
 export declare const configAttributes: {
     TYPE: string;
     ITEMS_INDEX_SELECT_CONTROL_VALUE: string;
     ORIENTATION: string;
-    PRODUCT_NAME_TRIMMING: string;
-    PRODUCT_PRICE_HIDE_DISCOUNT: string;
-    PRODUCT_PRICE_FORMATTED: string;
-    PRODUCT_PRICE_CURRENCY_SYMBOL: string;
-    PRODUCT_PRICE_CURRENCY_LOCATION: string;
-    PRODUCT_ORIGINAL_PRICE_CONTROL_ORIENTATION: string;
-    PRODUCT_BUTTON_LINK: string;
-    PRODUCT_IMAGE_LINK: string;
     PRODUCT_NAME_CONTROL_VALUE: string;
     PRODUCT_QUANTITY_CONTROL_VALUE: string;
     PRODUCT_PRICE_CONTROL_VALUE: string;
-    BLOCK_INSTANCE_ID: string;
-    NAME_CONTROL_ENABLED: string;
-    QUANTITY_CONTROL_ENABLED: string;
-    PRICE_CONTROL_OPENED: string;
-    PRODUCT_IMAGE_VISIBLE: string;
-    PRODUCT_NAME_VISIBLE: string;
-    PRODUCT_QUANTITY_VISIBLE: string;
-    PRODUCT_PRICE_VISIBLE: string;
-    PRODUCT_ORIGINAL_PRICE_VISIBLE: string;
-    PRODUCT_BUTTON_VISIBLE: string;
 };
 export declare const productPairs: {
     PAIRS_FOR_EXTENSION: {
@@ -160,4 +141,3 @@ export declare const productPairs: {
         };
     };
 };
-export declare const itemsBlockDynamicVariables: string[];

package/dist/src/extensions/Blocks/Items/enums/settingsEnums.d.ts

@@ -19,28 +19,13 @@ export declare const OrientationOptions: {
 }[];
 export declare const DefaultConfigValues: {
     itemsType: string;
-    isDataInitialized: string;
     cartItemsSelectControlValue: string;
     cardOrientationControlValue: string;
-    productNameTrimmingControlValue: string;
-    productPriceHideDiscountControlValue: string;
-    productPriceFormattedControlValue: string;
-    productPriceCurrencySymbolControlValue: string;
-    productPriceCurrencyLocationControlValue: string;
-    productButtonLinkControlValue: string;
-    productImageLinkControlValue: string;
     productNameControlEnabled: string;
     productQuantityControlOpened: string;
     productNameControlTrim: string;
     productQuantityControlEnabled: string;
     productPriceControlOpened: string;
-    productImageVisible: string;
-    productNameVisible: string;
-    productQuantityVisible: string;
-    productPriceVisible: string;
-    productOriginalPriceVisible: string;
-    productButtonVisible: string;
-    productImageWidth: string;
 };
 export declare const ItemInCartOptions: {
     [x: string]: {

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

@@ -6,11 +6,9 @@ interface ItemsBlockState {
     buttonLink: string;
     orientation: OrientationType;
     nameTrimming: boolean;
-    hideDiscount: boolean;
     currencySymbol: string;
     currencyLocation: string;
     formattedPrice: boolean;
-    priceOrientation: 'vertical' | 'horizontal';
     templateData: {
         imageSrc: string;
         name: string;
@@ -20,18 +18,16 @@ interface ItemsBlockState {
         button: string;
     };
 }
-export declare const useItemsBlockStore: import("pinia").StoreDefinition<"guidoItemsBlock", ItemsBlockState, {}, {
+export declare const useItemsBlockStore: import("pinia").StoreDefinition<"items-block", ItemsBlockState, {}, {
     setItemsType(itemsType: ProductType): void;
     setItemIds(itemIds: string): void;
     setImageLink(imageLink: string): void;
     setButtonLink(buttonLink: string): void;
     setOrientation(orientation: OrientationType): void;
     setNameTrimming(nameTrimming: boolean): void;
-    setHideDiscount(hideDiscount: boolean): void;
     setCurrencySymbol(currencySymbol: string): void;
     setCurrencyLocation(currencyLocation: string): void;
     setFormattedPrice(formattedPrice: boolean): void;
-    setPriceOrientation(priceOrientation: "vertical" | "horizontal"): void;
     setTemplateData(templateData: ItemsBlockState["templateData"]): void;
     updateFromAttributes(attributes: {
         itemsType?: string;

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

@@ -10,15 +10,7 @@ type TemplateParameters = {
     formattedPrice?: boolean;
 };
 /**
- * Generates the default template for the Items Block.
- * @param params - Template parameters including orientation, items type, item ID, and formatting options
- * @param params.orientation - Layout orientation ('vertical' or 'horizontal')
- * @param params.itemsType - Product data source type ('CART_ITEMS', 'BROWSED_ITEMS', or 'PURCHASED_ITEMS')
- * @param params.itemId - The merge tag for the item (e.g., '{{Abandoned Cart Item (1) Url}}')
- * @param params.currencySymbol - Currency symbol to display (e.g., 'USD')
- * @param params.currencyLocation - Currency position ('0' for before, '1' for after)
- * @param params.formattedPrice - Whether to use formatted price display
- * @returns HTML template string for the Items Block
+ * @returns The template for the default checkbox block
  */
 export declare function getDefaultTemplate({ orientation, itemsType, itemId, currencySymbol, currencyLocation, formattedPrice, }: TemplateParameters): string;
 export default migrationTemplate;

package/dist/src/extensions/Blocks/RadioButton/template.d.ts

@@ -1,4 +1,4 @@
-declare const migrationTemplate = "\n    <td\n        align=\"left\"\n        esd-extension-block-id=\"radio-button-block\"\n        esd-handler-name=\"esd-extension-RadioButtonBlock\"\n        class=\"\n            radio-button\n            radio-button-v2\n            esd-block-ra\n            esd-radio-button-block\n            esd-extension-block\n            es-p10t\n            es-p10b\n            es-p30r\n            es-p30l\"\n    >\n        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n            <tbody>\n                <tr>\n                    <td align=\"left\" width=\"70%\" style=\"vertical-align: top;\">\n                        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n                            <tbody>\n                                <tr>\n                                    {-{-TITLE-}-}\n                                </tr>\n                                <tr>\n                                    {-{-DESCRIPTION-}-}\n                                </tr>\n                            </tbody>\n                        </table>\n                    </td>\n                    <td align=\"right\" width=\"30%\" style=\"vertical-align: middle;\">\n                        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n                            <tbody>\n                                <tr>\n                                    <td width=\"50%\">\n                                        <table width=\"100%\">\n                                            <tr>\n                                                <td width=\"24\">\n                                                    <input\n                                                        type=\"radio\"\n                                                        id=\"radioYes\"\n                                                        name=\"unsubscribe\"\n                                                        data-cke-editable=\"1\"\n                                                        style=\"margin: 0px; vertical-align: middle;>\n                                                    </td>\n                                                {-{-YES-}-}\n                                            </tr>\n                                        </table>\n                                    </td>\n                                    <td width=\"50%\">\n                                        <table width=\"100%\">\n                                            <tr>\n                                                <td width=\"24\">\n                                                    <input\n                                                        type=\"radio\"\n                                                        id=\"radioNo\"\n                                                        name=\"unsubscribe\"\n                                                        data-cke-editable=\"1\"\n                                                        style=\"margin: 0px; vertical-align: middle;\">\n                                                </td>\n                                                {-{-NO-}-}\n                                            </tr>\n                                        </table>\n                                    </td>\n                                </tr>\n                            </tbody>\n                        </table>\n                    </td>\n                </tr>\n            </tbody>\n        </table>\n    </td>\n";
+declare const migrationTemplate = "\n    <td \n        align=\"left\" \n        esd-extension-block-id=\"radio-button-block\" \n        esd-handler-name=\"esd-extension-RadioButtonBlock\"\n        class=\"radio-button-v2 esd-block-ra esd-radio-button-block esd-extension-block es-p10t es-p10b es-p30r es-p30l\"\n    >\n        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n            <tbody>\n                <tr>\n                    <td align=\"left\" width=\"70%\" style=\"vertical-align: top;\">\n                        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n                            <tbody>\n                                <tr>\n                                    {-{-TITLE-}-}\n                                </tr>\n                                <tr>\n                                    {-{-DESCRIPTION-}-}\n                                </tr>\n                            </tbody>\n                        </table>\n                    </td>\n                    <td align=\"right\" width=\"30%\" style=\"vertical-align: middle;\">\n                        <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n                            <tbody>\n                                <tr>\n                                    <td width=\"50%\">\n                                        <table width=\"100%\">\n                                            <tr>\n                                                <td width=\"24\">\n                                                    <input\n                                                        type=\"radio\"\n                                                        id=\"radioYes\"\n                                                        name=\"unsubscribe\"\n                                                        data-cke-editable=\"1\"\n                                                        style=\"margin: 0px; vertical-align: middle;>\n                                                    </td>\n                                                {-{-YES-}-}\n                                            </tr>\n                                        </table>\n                                    </td>\n                                    <td width=\"50%\">\n                                        <table width=\"100%\">\n                                            <tr>\n                                                <td width=\"24\">\n                                                    <input\n                                                        type=\"radio\"\n                                                        id=\"radioNo\"\n                                                        name=\"unsubscribe\"\n                                                        data-cke-editable=\"1\"\n                                                        style=\"margin: 0px; vertical-align: middle;\">\n                                                </td>\n                                                {-{-NO-}-}\n                                            </tr>\n                                        </table>\n                                    </td>\n                                </tr>\n                            </tbody>\n                        </table>\n                    </td>\n                </tr>\n            </tbody>\n        </table>\n    </td>\n";
 /**
  * @returns The template for the default checkbox block
  */

package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts

@@ -34,7 +34,7 @@ interface StoreState {
     filterList: FiltersResponse;
     filterGroup: number;
 }
-export declare const useRecommendationExtensionStore: import("pinia").StoreDefinition<"guidoRecommendationExtension", StoreState, {
+export declare const useRecommendationExtensionStore: import("pinia").StoreDefinition<"recommendationExtension", StoreState, {
     hasFilters: (state: {
         recommendationCampaignUrls: Record<string, string>;
         recommendationConfigs: {

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

@@ -1,4 +1,4 @@
-import type { ImmutableHtmlElementNode } from '@stripoinc/ui-editor-extensions';
+import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
 import { Block, BlockCompositionType } from '@stripoinc/ui-editor-extensions';
 export declare const UNSUBSCRIBE_BLOCK_ID = "unsubscribe-block";
 export declare class UnsubscribeBlock extends Block {
@@ -12,8 +12,9 @@ export declare class UnsubscribeBlock extends Block {
     getName(): string;
     getDescription(): string;
     getTemplate(): string;
-    onSelect(node: ImmutableHtmlElementNode): void;
-    onDelete(node: ImmutableHtmlElementNode): void;
+    onCreated(node: ImmutableHtmlNode): void;
+    onSelect(node: ImmutableHtmlNode): undefined;
+    onDelete(node: ImmutableHtmlNode): undefined;
     onDestroy(): void;
     private _setupSelectEventListener;
     private _removeSelectEventListener;

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

@@ -1,10 +1,9 @@
 import { TextValueObject } from '@@/Types/generic';
-import { Control, ImmutableHtmlElementNode, ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import { Control, ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
 interface TextInputProps {
     name: string;
     placeholder?: string;
     className?: string;
-    disabled?: boolean;
 }
 interface LabelProps {
     text: string;
@@ -48,33 +47,11 @@ interface ButtonProps {
  */
 export declare abstract class CommonControl extends Control {
     currentNode?: ImmutableHtmlNode;
-    protected lastBlockInstanceId: string | null;
     abstract getId(): string;
     abstract getTemplate(): string;
     abstract onRender(): Promise<void> | void;
     getContainer(): ShadowRoot;
     onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
-    onDestroy(): void;
-    /**
-     * Gets the config block element from the current node.
-     * @returns The config block element or null if not found
-     */
-    protected getConfigBlock(): ImmutableHtmlElementNode | null;
-    /**
-     * Gets the current block instance ID from the config block.
-     * @param blockInstanceIdAttribute - The attribute name for block instance ID (default: 'data-block-instance-id')
-     * @returns The block instance ID or null if not found
-     */
-    protected getBlockInstanceId(blockInstanceIdAttribute?: string): string | null;
-    /**
-     * Handles block instance change detection and syncing.
-     * This is a helper method for controls that need to sync attributes when switching between block instances.
-     * @param syncFunction - Function to call when block instance changes (to sync from attributes)
-     * @param updateUI - Function to call to update the UI (called both on change and when same block)
-     * @param blockInstanceIdAttribute - The attribute name for block instance ID (default: 'data-block-instance-id')
-     * @returns true if block instance changed, false otherwise
-     */
-    protected handleBlockInstanceChange(syncFunction: (node: ImmutableHtmlNode) => void, updateUI: () => void, blockInstanceIdAttribute?: string): boolean;
     _GuLabel({ text, name, position }: LabelProps): string;
     _GuToggle(name: string): string;
     _GuSelectItem({ text, value }: {
@@ -82,7 +59,7 @@ export declare abstract class CommonControl extends Control {
         value: string;
     }): string;
     _GuSelect({ name, placeholder, options, className }: SelectProps): string;
-    _GuTextInput({ name, placeholder, className, disabled }: TextInputProps): string;
+    _GuTextInput({ name, placeholder, className }: TextInputProps): string;
     _GuCounter({ name, maxValue, minValue, step }: CounterProps): string;
     _GuRadioButtonItem({ text, value, icon }: {
         text?: string;

package/dist/src/extensions/DynamicContent/dynamic-content-modal.d.ts

@@ -1,13 +1,6 @@
-import type { DynamicContent, PositionData } from '@@/Types/generic';
+import type { DynamicContent } from '@@/Types/generic';
 export declare class ExternalMergeTagsLibrary {
     selectedDynamicContent: DynamicContent | null;
     dataSelectCallback: (data: DynamicContent) => void;
-    private closeDynamicContentHandler;
-    /**
-     * Opens the merge tags library modal
-     * @param dynamicContent - Currently selected dynamic content (if any)
-     * @param onDataSelectCallback - Callback invoked when user selects a merge tag
-     * @param position - Optional position data to place the modal
-     */
-    openMergeTagsLibrary(dynamicContent: DynamicContent, onDataSelectCallback: (data: DynamicContent) => void, position?: PositionData): void;
+    openMergeTagsLibrary(dynamicContent: DynamicContent, onDataSelectCallback: (data: DynamicContent) => void): void;
 }