@useinsider/guido 2.0.0-beta.d170da6 → 2.0.0-beta.dbde199

package/dist/package.json.js

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

package/dist/services/stripoApi.js

@@ -1,8 +1,8 @@
 import { useHttp as m } from "../composables/useHttp.js";
-import { useToaster as u } from "../composables/useToaster.js";
-import { MAX_DEFAULT_TEMPLATE_ID as i } from "../enums/defaults.js";
+import { useToaster as i } from "../composables/useToaster.js";
+import { MAX_DEFAULT_TEMPLATE_ID as p } from "../enums/defaults.js";
 const y = () => {
-  const { get: r } = m(), { handleError: o } = u();
+  const { get: r } = m(), { handleError: o } = i();
   return {
     getToken: async () => {
       try {
@@ -26,17 +26,13 @@ const y = () => {
     getDefaultTemplate: async () => {
       const t = {
         html: "",
-        css: "",
-        forceRecreate: !0
+        css: ""
       };
       try {
-        const c = new URLSearchParams(window.location.search).get("default-template"), s = c ? parseInt(c) : 0, l = s >= 1 && s <= i ? s : 0, { data: n } = await r(
+        const c = new URLSearchParams(window.location.search).get("default-template"), s = c ? parseInt(c) : 0, l = s >= 1 && s <= p ? s : 0, { data: n } = await r(
           `/stripo/default-template/${l}`
         ), a = typeof n == "string" ? JSON.parse(n) : n;
-        return !a || typeof a != "object" || !("html" in a) || !("css" in a) ? t : {
-          ...a,
-          forceRecreate: !0
-        };
+        return !a || typeof a != "object" || !("html" in a) || !("css" in a) ? t : a;
       } catch (e) {
         return o(e, "Failed to fetch default template"), t;
       }

package/dist/src/@types/config/schemas.d.ts

@@ -90,6 +90,8 @@ export declare const TemplateSchema: v.ObjectSchema<{
     }, undefined>, undefined>, readonly []>;
     /** Selected unsubscribe page IDs */
     readonly selectedUnsubscribePages: v.OptionalSchema<v.ArraySchema<v.NumberSchema<undefined>, undefined>, readonly []>;
+    /** Force recreate template in Stripo storage (use true when updating externally modified templates) */
+    readonly forceRecreate: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
 }, undefined>;
 /**
  * Email header configuration (sender name and subject)
@@ -400,6 +402,8 @@ export declare const GuidoConfigSchema: v.ObjectSchema<{
         }, undefined>, undefined>, readonly []>;
         /** Selected unsubscribe page IDs */
         readonly selectedUnsubscribePages: v.OptionalSchema<v.ArraySchema<v.NumberSchema<undefined>, undefined>, readonly []>;
+        /** Force recreate template in Stripo storage (use true when updating externally modified templates) */
+        readonly forceRecreate: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
     }, undefined>, {}>;
     /** Editor settings */
     readonly editor: v.OptionalSchema<v.ObjectSchema<{

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

@@ -31,6 +31,7 @@ export declare const useConfig: () => {
                 } | undefined;
             }[];
             selectedUnsubscribePages: number[];
+            forceRecreate: boolean;
         };
         editor: {
             locale: string;
@@ -116,6 +117,7 @@ export declare const useConfig: () => {
             } | undefined;
         }[];
         selectedUnsubscribePages: number[];
+        forceRecreate: boolean;
     } | null>;
     editor: import("vue").ComputedRef<{
         locale: string;

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

@@ -28,6 +28,10 @@ export declare class RecommendationCardCompositionControl extends CommonControl
      * Falls back to default order if attribute is not present
      */
     private _readCompositionFromNode;
+    /**
+     * Gets default composition order
+     */
+    private _getDefaultComposition;
     /**
      * Builds visibility values object from the visibility map
      */

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

@@ -9,6 +9,7 @@ export declare const ATTR_PRODUCT_OLD_PRICE = "productOldPrice";
 export declare const ATTR_PRODUCT_OMNIBUS_PRICE = "productOmnibusPrice";
 export declare const ATTR_PRODUCT_OMNIBUS_DISCOUNT = "productOmnibusDiscount";
 export declare const ATTR_PRODUCT_BUTTON = "productButton";
+export declare const ATTR_DATA_PRICE_INLINE = "data-price-inline";
 /**
  * Block IDs used in the Recommendation Extension
  * These IDs are used in the esd-extension-block-id attribute to identify specific blocks
@@ -42,6 +43,7 @@ export declare enum RecommendationControlId {
     NAME_BACKGROUND = "recommendation-block-name-background-control",
     NAME_COLOR = "recommendation-block-name-color-control",
     NAME_FONT_FAMILY = "recommendation-block-name-font-family-control",
+    NAME_LINE_SPACING = "recommendation-block-name-line-spacing-control",
     NAME_PADDINGS = "recommendation-block-name-paddings-control",
     NAME_SIZE = "recommendation-block-name-size-control",
     NAME_STYLE = "recommendation-block-name-style-control",
@@ -50,6 +52,8 @@ export declare enum RecommendationControlId {
     PRICE_BACKGROUND = "recommendation-block-price-background-control",
     PRICE_COLOR = "recommendation-block-price-color-control",
     PRICE_FONT_FAMILY = "recommendation-block-price-font-family-control",
+    PRICE_HIDE_IF_SAME = "recommendation-block-price-hide-if-same-control",
+    PRICE_LINE_SPACING = "recommendation-block-price-line-spacing-control",
     PRICE_PADDINGS = "recommendation-block-price-paddings-control",
     PRICE_SIZE = "recommendation-block-price-size-control",
     PRICE_STYLE = "recommendation-block-price-style-control",
@@ -57,6 +61,7 @@ export declare enum RecommendationControlId {
     OLD_PRICE_BACKGROUND = "recommendation-block-old-price-background-control",
     OLD_PRICE_COLOR = "recommendation-block-old-price-color-control",
     OLD_PRICE_FONT_FAMILY = "recommendation-block-old-price-font-family-control",
+    OLD_PRICE_LINE_SPACING = "recommendation-block-old-price-line-spacing-control",
     OLD_PRICE_PADDINGS = "recommendation-block-old-price-paddings-control",
     OLD_PRICE_SIZE = "recommendation-block-old-price-size-control",
     OLD_PRICE_STYLE = "recommendation-block-old-price-style-control",
@@ -64,6 +69,7 @@ export declare enum RecommendationControlId {
     OMNIBUS_PRICE_BACKGROUND = "recommendation-block-omnibus-price-background-control",
     OMNIBUS_PRICE_COLOR = "recommendation-block-omnibus-price-color-control",
     OMNIBUS_PRICE_FONT_FAMILY = "recommendation-block-omnibus-price-font-family-control",
+    OMNIBUS_PRICE_LINE_SPACING = "recommendation-block-omnibus-price-line-spacing-control",
     OMNIBUS_PRICE_PADDINGS = "recommendation-block-omnibus-price-paddings-control",
     OMNIBUS_PRICE_SIZE = "recommendation-block-omnibus-price-size-control",
     OMNIBUS_PRICE_STYLE = "recommendation-block-omnibus-price-style-control",
@@ -73,11 +79,13 @@ export declare enum RecommendationControlId {
     OMNIBUS_DISCOUNT_BACKGROUND = "recommendation-block-omnibus-discount-background-control",
     OMNIBUS_DISCOUNT_COLOR = "recommendation-block-omnibus-discount-color-control",
     OMNIBUS_DISCOUNT_FONT_FAMILY = "recommendation-block-omnibus-discount-font-family-control",
+    OMNIBUS_DISCOUNT_LINE_SPACING = "recommendation-block-omnibus-discount-line-spacing-control",
     OMNIBUS_DISCOUNT_PADDINGS = "recommendation-block-omnibus-discount-paddings-control",
     OMNIBUS_DISCOUNT_SIZE = "recommendation-block-omnibus-discount-size-control",
     OMNIBUS_DISCOUNT_STYLE = "recommendation-block-omnibus-discount-style-control",
     OMNIBUS_DISCOUNT_TEXT_BEFORE = "recommendation-block-omnibus-discount-text-before-control",
     OMNIBUS_DISCOUNT_TEXT_AFTER = "recommendation-block-omnibus-discount-text-after-control",
     IMAGE_SIZE = "recommendation-block-image-size-control",
-    IMAGE_MARGINS = "recommendation-block-image-margins-control"
+    IMAGE_MARGINS = "recommendation-block-image-margins-control",
+    PRICE_INLINE_LAYOUT = "recommendation-block-price-inline-layout-control"
 }

package/dist/src/extensions/Blocks/Recommendation/controls/index.d.ts

@@ -91,6 +91,18 @@ export declare const NamePaddingsControl: {
         isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
     };
 };
+export declare const NameLineSpacingControl: {
+    new (): {
+        getId(): string;
+        getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
+        getParentControlId(): string;
+        api: import("@stripoinc/ui-editor-extensions").ControlApi;
+        getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
+        getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
+        getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
+        isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+    };
+};
 export { NameTextTrimControl } from './nameTextTrimControl';
 export declare const PriceAlignControl: {
     new (): {
@@ -176,6 +188,19 @@ export declare const PricePaddingsControl: {
         isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
     };
 };
+export declare const PriceLineSpacingControl: {
+    new (): {
+        getId(): string;
+        getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
+        getParentControlId(): string;
+        api: import("@stripoinc/ui-editor-extensions").ControlApi;
+        getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
+        getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
+        getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
+        isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+    };
+};
+export { PriceHideControl } from './priceHideControl';
 export declare const OldPriceAlignControl: {
     new (): {
         getId(): string;
@@ -260,6 +285,18 @@ export declare const OldPricePaddingsControl: {
         isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
     };
 };
+export declare const OldPriceLineSpacingControl: {
+    new (): {
+        getId(): string;
+        getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
+        getParentControlId(): string;
+        api: import("@stripoinc/ui-editor-extensions").ControlApi;
+        getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
+        getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
+        getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
+        isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+    };
+};
 export declare const OmnibusPriceAlignControl: {
     new (): {
         getId(): string;
@@ -344,6 +381,18 @@ export declare const OmnibusPricePaddingsControl: {
         isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
     };
 };
+export declare const OmnibusPriceLineSpacingControl: {
+    new (): {
+        getId(): string;
+        getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
+        getParentControlId(): string;
+        api: import("@stripoinc/ui-editor-extensions").ControlApi;
+        getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
+        getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
+        getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
+        isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+    };
+};
 export { OmnibusPriceTextBeforeControl } from './omnibusPriceTextBeforeControl';
 export { OmnibusPriceTextAfterControl } from './omnibusPriceTextAfterControl';
 export declare const OmnibusDiscountAlignControl: {
@@ -430,6 +479,18 @@ export declare const OmnibusDiscountPaddingsControl: {
         isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
     };
 };
+export declare const OmnibusDiscountLineSpacingControl: {
+    new (): {
+        getId(): string;
+        getTargetNodes(root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode[];
+        getParentControlId(): string;
+        api: import("@stripoinc/ui-editor-extensions").ControlApi;
+        getLabels(): import("@stripoinc/ui-editor-extensions").ControlLabels | undefined;
+        getModificationDescription(): import("@stripoinc/ui-editor-extensions").ModificationDescription | undefined;
+        getAdditionalModifications(_root: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
+        isVisible(_node: import("@stripoinc/ui-editor-extensions").ImmutableHtmlNode): boolean;
+    };
+};
 export { OmnibusDiscountTextBeforeControl } from './omnibusDiscountTextBeforeControl';
 export { OmnibusDiscountTextAfterControl } from './omnibusDiscountTextAfterControl';
 export declare const ButtonAlignControl: {
@@ -590,3 +651,4 @@ export declare const ImageMarginsControl: {
 };
 export { CardBackgroundColorControl } from './cardBackgroundColorControl';
 export { SpacingControl } from './spacingControl';
+export { PriceInlineLayoutControl } from './priceInlineLayoutControl';

package/dist/src/extensions/Blocks/Recommendation/controls/priceHideControl.d.ts

@@ -0,0 +1,16 @@
+import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import { CommonControl } from '../../common-control';
+/**
+ * Control for hiding the price when it's the same as the discounted price
+ * When enabled, adds an attribute hide-price="true" to the recommendation block container
+ */
+export declare class PriceHideControl extends CommonControl {
+    getId(): string;
+    getTemplate(): string;
+    onRender(): void;
+    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
+    _setFormValues(): void;
+    _getCurrentHideState(): boolean;
+    _onHidePriceChange(enabled: boolean): void;
+    _listenToFormUpdates(): void;
+}

package/dist/src/extensions/Blocks/Recommendation/controls/priceInlineLayoutControl.d.ts

@@ -0,0 +1,50 @@
+import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import { CommonControl } from '../../common-control';
+import { RecommendationControlId } from '../constants';
+export declare const PRICE_INLINE_LAYOUT_CONTROL_ID = RecommendationControlId.PRICE_INLINE_LAYOUT;
+/**
+ * Price Inline Layout Control
+ *
+ * Provides a toggle to switch between inline and separate row layouts for Price and Old Price.
+ * - Toggle OFF (default): Price and Old Price in separate rows
+ * - Toggle ON: Price and Old Price side by side in the same row (inline)
+ *
+ * Uses DOM manipulation (not regeneration) to restructure the existing elements,
+ * preserving all styles and content.
+ */
+export declare class PriceInlineLayoutControl extends CommonControl {
+    getId(): string;
+    getTemplate(): string;
+    onRender(): void;
+    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
+    /**
+     * Reads the current price inline state from the block's data attribute
+     * and updates the toggle UI
+     * Note: Toggle ON = separate rows (next line), Toggle OFF = inline (same row)
+     */
+    private _initializePriceInlineState;
+    /**
+     * Reads the price inline state from the block wrapper's data attribute
+     */
+    private _readPriceInlineState;
+    /**
+     * Registers listener for toggle changes
+     */
+    private _registerValueChangeListener;
+    /**
+     * Applies the price inline layout by restructuring the DOM
+     * When enabling inline: Merges Old Price content into Price row (side by side)
+     * When disabling inline: Separates them back into individual rows
+     */
+    private _applyPriceInlineLayout;
+    /**
+     * Merges Old Price content into the same row as Price (inline layout)
+     * Creates a structure where both prices are side by side in one row
+     */
+    private _mergeOldPriceIntoPrice;
+    /**
+     * Separates Old Price from Price row back into individual rows
+     * Restores the original separate row structure
+     */
+    private _separateOldPriceFromPrice;
+}

package/dist/src/extensions/Blocks/Recommendation/templates/blockTemplate.d.ts

@@ -1,6 +1,6 @@
 import type { RecommendationProduct } from '@@/Types/recommendation';
 import { DEFAULTS, getDefaultProducts, DEFAULT_CARD_COMPOSITION, DEFAULT_CARD_VISIBILITY } from './templateUtils';
-declare const blockTemplate = "\n    <td align=\"left\" class=\"ins-recommendation-v3-block-v2 esd-block-recommendation-v3-block es-p20\">\n        <table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n            <tr>\n                <td align=\"center\">\n                    <table\n                        class=\"container\"\n                        width=\"100%\"\n                        cellpadding=\"0\"\n                        cellspacing=\"0\"\n                        border=\"0\">\n                        <tbody>\n                            <tr>\n                                <td>\n                                    <table\n                                        width=\"100%\"\n                                        cellpadding=\"0\"\n                                        cellspacing=\"0\"\n                                        border=\"0\">\n                                        <tbody>\n                                            <BLOCK_TEXT\n                                                class=\"es-p10t es-p10b es-p20l es-p20r\"\n                                                align=\"center\">\n                                                <p path=\"1\" style=\"font-size: 28px; color: #333333;\">\n                                                    <strong path=\"1,0\">{-{-TITLE-}-}</strong>\n                                                </p>\n                                            </BLOCK_TEXT>\n                                        </tbody>\n                                    </table>\n                                </td>\n                            </tr>\n                            \n    <tr>\n        <td class=\"spacer\" style=\"height: 10px;\"></td>\n    </tr>\n\n                            <tr>\n                                <td>\n                                    <table\n                                        class=\"ins-recommendation-product-container\"\n                                        width=\"100%\"\n                                        cellpadding=\"0\"\n                                        cellspacing=\"0\"\n                                        border=\"0\"\n                                    >\n                                        {-{-PRODUCT_ROWS-}-}\n                                    </table>\n                                </td>\n                            </tr>\n                        </tbody>\n                    </table>\n                </td>\n            </tr>\n        </table>\n    </td>\n";
+declare const blockTemplate = "\n    <td\n        align=\"left\"\n        class=\"ins-recommendation-v3-block-v2 es-p20\"\n        data-price-inline=\"0\">\n        <table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n            <tr>\n                <td align=\"center\">\n                    <table\n                        class=\"container\"\n                        width=\"100%\"\n                        cellpadding=\"0\"\n                        cellspacing=\"0\"\n                        border=\"0\">\n                        <tbody>\n                            <tr>\n                                <td>\n                                    <table\n                                        width=\"100%\"\n                                        cellpadding=\"0\"\n                                        cellspacing=\"0\"\n                                        border=\"0\">\n                                        <tbody>\n                                            <BLOCK_TEXT\n                                                class=\"es-p10t es-p10b es-p20l es-p20r\"\n                                                align=\"center\">\n                                                <p path=\"1\" style=\"font-size: 28px; color: #333333;\">\n                                                    <strong path=\"1,0\">{-{-TITLE-}-}</strong>\n                                                </p>\n                                            </BLOCK_TEXT>\n                                        </tbody>\n                                    </table>\n                                </td>\n                            </tr>\n                            \n    <tr>\n        <td class=\"spacer\" style=\"height: 10px;\"></td>\n    </tr>\n\n                            <tr>\n                                <td>\n                                    <table\n                                        class=\"ins-recommendation-product-container\"\n                                        width=\"100%\"\n                                        cellpadding=\"0\"\n                                        cellspacing=\"0\"\n                                        border=\"0\"\n                                    >\n                                        {-{-PRODUCT_ROWS-}-}\n                                    </table>\n                                </td>\n                            </tr>\n                        </tbody>\n                    </table>\n                </td>\n            </tr>\n        </table>\n    </td>\n";
 export declare function getDefaultTemplate(): string;
 /**
  * Generates a custom template with specified products and layout

package/dist/src/extensions/Blocks/Recommendation/templates/migrationTemplate.d.ts

@@ -1,6 +1,6 @@
 import type { RecommendationProduct } from '@@/Types/recommendation';
 import { DEFAULTS, getDefaultProducts } from './templateUtils';
-declare const migrationTemplate = "\n    <td\n        align=\"left\"\n        esd-extension-block-id=\"recommendation-block\"\n        esd-handler-name=\"esd-extension-RecommendationBlock\"\n        class=\"ins-recommendation-v3-block-v2 esd-block-recommendation-v3-block esd-extension-block es-p20\"\n    >\n        <table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n            <tr>\n                <td align=\"center\">\n                    <table\n                        class=\"container\"\n                        width=\"100%\"\n                        cellpadding=\"0\"\n                        cellspacing=\"0\"\n                        border=\"0\">\n                        <tbody>\n                            <tr>\n                                <td>\n                                    <table\n                                        width=\"100%\"\n                                        cellpadding=\"0\"\n                                        cellspacing=\"0\"\n                                        border=\"0\">\n                                        <tbody>\n                                            <tr>\n                                                {-{-TITLE-}-}\n                                            </tr>\n                                        </tbody>\n                                    </table>\n                                </td>\n                            </tr>\n                            <tr>\n                                <td class=\"spacer\" style=\"height: 20px;\"></td>\n                            </tr>\n                            <tr>\n                                <td>\n                                    <table\n                                        class=\"ins-recommendation-product-container\"\n                                        width=\"100%\"\n                                        cellpadding=\"0\"\n                                        cellspacing=\"0\"\n                                        border=\"0\"\n                                    >\n                                        {-{-PRODUCT_ROWS-}-}\n                                    </table>\n                                </td>\n                            </tr>\n                        </tbody>\n                    </table>\n                </td>\n            </tr>\n        </table>\n    </td>\n";
+declare const migrationTemplate = "\n    <td\n        align=\"left\"\n        esd-extension-block-id=\"recommendation-block\"\n        esd-handler-name=\"esd-extension-RecommendationBlock\"\n        class=\"ins-recommendation-v3-block-v2 es-p20 esd-recommendation-block esd-extension-block esd-container-frame\"\n        data-price-inline=\"0\">\n        <table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n            <tr>\n                <td align=\"center\">\n                    <table\n                        class=\"container\"\n                        width=\"100%\"\n                        cellpadding=\"0\"\n                        cellspacing=\"0\"\n                        border=\"0\">\n                        <tbody>\n                            <tr>\n                                <td>\n                                    <table\n                                        width=\"100%\"\n                                        cellpadding=\"0\"\n                                        cellspacing=\"0\"\n                                        border=\"0\">\n                                        <tbody>\n                                            <tr>\n                                                {-{-TITLE-}-}\n                                            </tr>\n                                        </tbody>\n                                    </table>\n                                </td>\n                            </tr>\n                            <tr>\n                                <td class=\"spacer\" style=\"height: 20px;\"></td>\n                            </tr>\n                            <tr>\n                                <td>\n                                    <table\n                                        class=\"ins-recommendation-product-container\"\n                                        width=\"100%\"\n                                        cellpadding=\"0\"\n                                        cellspacing=\"0\"\n                                        border=\"0\"\n                                    >\n                                        {-{-PRODUCT_ROWS-}-}\n                                    </table>\n                                </td>\n                            </tr>\n                        </tbody>\n                    </table>\n                </td>\n            </tr>\n        </table>\n    </td>\n";
 export declare function getMigrationTemplate(): string;
 /**
  * Generates a custom migration template with specified products and layout

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

@@ -36,6 +36,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     } | undefined;
                 }[];
                 selectedUnsubscribePages: number[];
+                forceRecreate: boolean;
             };
             editor: {
                 locale: string;
@@ -127,6 +128,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     } | undefined;
                 }[];
                 selectedUnsubscribePages: number[];
+                forceRecreate: boolean;
             };
             editor: {
                 locale: string;
@@ -218,6 +220,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     } | undefined;
                 }[];
                 selectedUnsubscribePages: number[];
+                forceRecreate: boolean;
             };
             editor: {
                 locale: string;
@@ -309,6 +312,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     } | undefined;
                 }[];
                 selectedUnsubscribePages: number[];
+                forceRecreate: boolean;
             };
             editor: {
                 locale: string;
@@ -400,6 +404,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     } | undefined;
                 }[];
                 selectedUnsubscribePages: number[];
+                forceRecreate: boolean;
             };
             editor: {
                 locale: string;
@@ -491,6 +496,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     } | undefined;
                 }[];
                 selectedUnsubscribePages: number[];
+                forceRecreate: boolean;
             };
             editor: {
                 locale: string;
@@ -582,6 +588,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     } | undefined;
                 }[];
                 selectedUnsubscribePages: number[];
+                forceRecreate: boolean;
             };
             editor: {
                 locale: string;
@@ -673,6 +680,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     } | undefined;
                 }[];
                 selectedUnsubscribePages: number[];
+                forceRecreate: boolean;
             };
             editor: {
                 locale: string;
@@ -764,6 +772,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     } | undefined;
                 }[];
                 selectedUnsubscribePages: number[];
+                forceRecreate: boolean;
             };
             editor: {
                 locale: string;
@@ -855,6 +864,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     } | undefined;
                 }[];
                 selectedUnsubscribePages: number[];
+                forceRecreate: boolean;
             };
             editor: {
                 locale: string;
@@ -946,6 +956,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     } | undefined;
                 }[];
                 selectedUnsubscribePages: number[];
+                forceRecreate: boolean;
             };
             editor: {
                 locale: string;
@@ -1037,6 +1048,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     } | undefined;
                 }[];
                 selectedUnsubscribePages: number[];
+                forceRecreate: boolean;
             };
             editor: {
                 locale: string;
@@ -1128,6 +1140,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     } | undefined;
                 }[];
                 selectedUnsubscribePages: number[];
+                forceRecreate: boolean;
             };
             editor: {
                 locale: string;
@@ -1219,6 +1232,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     } | undefined;
                 }[];
                 selectedUnsubscribePages: number[];
+                forceRecreate: boolean;
             };
             editor: {
                 locale: string;
@@ -1310,6 +1324,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     } | undefined;
                 }[];
                 selectedUnsubscribePages: number[];
+                forceRecreate: boolean;
             };
             editor: {
                 locale: string;
@@ -1401,6 +1416,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     } | undefined;
                 }[];
                 selectedUnsubscribePages: number[];
+                forceRecreate: boolean;
             };
             editor: {
                 locale: string;
@@ -1492,6 +1508,7 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                     } | undefined;
                 }[];
                 selectedUnsubscribePages: number[];
+                forceRecreate: boolean;
             };
             editor: {
                 locale: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "2.0.0-beta.d170da6",
+  "version": "2.0.0-beta.dbde199",
   "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",
@@ -31,7 +31,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@stripoinc/ui-editor-extensions": "3.3.0",
+    "@stripoinc/ui-editor-extensions": "3.5.0",
     "@useinsider/design-system-vue": "0.14.20",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",
@@ -85,7 +85,7 @@
   },
   "guido": {
     "stripo": {
-      "version": "2.47.0"
+      "version": "2.52.0"
     }
   }
 }