@useinsider/guido 2.0.0-beta.1ba7e26 → 2.0.0-beta.1c331b8

package/dist/src/extensions/Blocks/Recommendation/utils/preserveTextStyles.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Utility for preserving text styling when updating innerHTML
+ */
+import type { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+/**
+ * Preserves existing style tags when updating text content
+ *
+ * When users apply text styles (bold, italic, etc.) in Stripo, the editor wraps
+ * content in tags like <strong>, <em>, <u>, <s>. This function extracts those
+ * style tags from the original HTML and re-applies them to the new text content.
+ * @example
+ * // Original: <span class="omnibus-text-before"><strong>Lowest price: </strong></span>
+ * // After calling preserveTextStyles(element, 'Best price: ')
+ * // Result: <strong>Best price: </strong>
+ * @param element - The DOM element or ImmutableHtmlNode containing the styled text
+ * @param newText - The new text content to insert
+ * @returns The new text wrapped in the original style tags
+ */
+export declare function preserveTextStyles(element: ImmutableHtmlNode | Element, newText: string): string;

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

@@ -56,30 +56,25 @@ export declare abstract class CommonControl extends Control {
     onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
     onDestroy(): void;
     /**
-     * Gets the Items block container element from the current node.
-     * @returns The container element or null if not found
-     */
-    protected getItemsBlockContainer(): ImmutableHtmlElementNode | null;
-    /**
-     * Gets the config block element from the current node (legacy support).
-     * @deprecated Use getNodeConfig() from nodeConfigUtils instead for Stripo V2
+     * 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 node config (Stripo V2) or legacy config block.
+     * 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(): string | null;
+    protected getBlockInstanceId(blockInstanceIdAttribute?: string): string | null;
     /**
      * Handles block instance change detection and syncing.
-     * This is a helper method for controls that need to sync config when switching between block instances.
-     * Uses Stripo V2 nodeConfig API for block instance tracking.
-     * @param syncFunction - Function to call when block instance changes (to sync from node config)
+     * 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): boolean;
+    protected handleBlockInstanceChange(syncFunction: (node: ImmutableHtmlNode) => void, updateUI: () => void, blockInstanceIdAttribute?: string): boolean;
     _GuLabel({ text, name, position }: LabelProps): string;
     _GuToggle(name: string): string;
     _GuSelectItem({ text, value }: {

package/dist/src/extensions/Blocks/controlFactories.d.ts

@@ -12,8 +12,9 @@
 import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
 /**
  * Factory function to create text align controls for different block elements
+ * When targetBlockId and containerSelector are not provided, applies directly to root
  */
-export declare function createTextAlignControl(controlId: string, targetBlockId: string, containerSelector: string): {
+export declare function createTextAlignControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
     new (): {
         getId(): string;
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
@@ -27,8 +28,9 @@ export declare function createTextAlignControl(controlId: string, targetBlockId:
 };
 /**
  * Factory function to create text color controls for different block elements
+ * When targetBlockId and containerSelector are not provided, applies directly to root
  */
-export declare function createTextColorControl(controlId: string, targetBlockId: string, containerSelector?: string): {
+export declare function createTextColorControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
     new (): {
         getId(): string;
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
@@ -42,8 +44,9 @@ export declare function createTextColorControl(controlId: string, targetBlockId:
 };
 /**
  * Factory function to create text size controls for different block elements
+ * When targetBlockId and containerSelector are not provided, applies directly to root
  */
-export declare function createTextSizeControl(controlId: string, targetBlockId: string, containerSelector?: string): {
+export declare function createTextSizeControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
     new (): {
         getId(): string;
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
@@ -57,8 +60,9 @@ export declare function createTextSizeControl(controlId: string, targetBlockId:
 };
 /**
  * Factory function to create text style controls for different block elements
+ * When targetBlockId and containerSelector are not provided, applies directly to root
  */
-export declare function createTextStyleControl(controlId: string, targetBlockId: string, containerSelector?: string): {
+export declare function createTextStyleControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
     new (): {
         getId(): string;
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
@@ -72,8 +76,9 @@ export declare function createTextStyleControl(controlId: string, targetBlockId:
 };
 /**
  * Factory function to create text font family controls for different block elements
+ * When targetBlockId and containerSelector are not provided, applies directly to root
  */
-export declare function createTextFontFamilyControl(controlId: string, targetBlockId: string, containerSelector?: string): {
+export declare function createTextFontFamilyControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
     new (): {
         getId(): string;
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
@@ -87,8 +92,9 @@ export declare function createTextFontFamilyControl(controlId: string, targetBlo
 };
 /**
  * Factory function to create text background color controls for different block elements
+ * When targetBlockId and containerSelector are not provided, applies directly to root
  */
-export declare function createTextBackgroundColorControl(controlId: string, targetBlockId: string, containerSelector?: string): {
+export declare function createTextBackgroundColorControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
     new (): {
         getId(): string;
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];
@@ -102,8 +108,25 @@ export declare function createTextBackgroundColorControl(controlId: string, targ
 };
 /**
  * Factory function to create paddings controls for different block elements
+ * When targetBlockId and containerSelector are not provided, applies directly to root
  */
-export declare function createPaddingsControl(controlId: string, targetBlockId: string, containerSelector?: string): {
+export declare function createPaddingsControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
+    new (): {
+        getId(): string;
+        getTargetNodes(root: ImmutableHtmlNode): 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: ImmutableHtmlNode): import("@stripoinc/ui-editor-extensions").TemplateModifier<import("@stripoinc/ui-editor-extensions").HtmlNodeModifier, import("@stripoinc/ui-editor-extensions").CssNodeModifier> | undefined;
+        isVisible(_node: ImmutableHtmlNode): boolean;
+    };
+};
+/**
+ * Factory function to create text line spacing controls for different block elements
+ * When targetBlockId and containerSelector are not provided, applies directly to root
+ */
+export declare function createTextLineSpacingControl(controlId: string, targetBlockId?: string, containerSelector?: string): {
     new (): {
         getId(): string;
         getTargetNodes(root: ImmutableHtmlNode): ImmutableHtmlNode[];

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/dist/static/styles/components/wide-panel.css.js

@@ -6,10 +6,6 @@ ue-main-editor-container[panel-position=SETTINGS_BLOCKS] ue-wide-panel {
     right: calc(100% - calc(var(--ue-spacing-step, 5px) * 3) - 425px);
 }
 
-ue-main-tabs-panel-component .fixed-panel-header {
-    display: none;
-}
-
 /* Remove with this writing task DT-28355 */
 ue-description a {
     display: none;

package/dist/static/styles/customEditorStyle.css.js

@@ -19,10 +19,46 @@ const n = `.esd-x,
     box-shadow: none;
 }
 .ins-product-cart ue-node-actions,
-.ins-recommendation-v3-block-v2 .product-attribute-cell ue-node-actions,
-.ins-recommendation-v3-block-v2 .product-attribute-cell ue-node-panel {
+/* Horizontal layout - hide for info, image, and button cells */
+.ins-recommendation-v3-block-v2 .product-info-cell ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-info-cell ue-node-panel,
+.ins-recommendation-v3-block-v2 .product-image-cell ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-image-cell ue-node-panel,
+.ins-recommendation-v3-block-v2 .button-cell ue-node-actions,
+.ins-recommendation-v3-block-v2 .button-cell ue-node-panel,
+/* Vertical layout - hide for product-card-segment inner cells */
+.ins-recommendation-v3-block-v2 .product-card-segment ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-card-segment ue-node-panel,
+/* Hide for specific product attribute cells in both layouts */
+.ins-recommendation-v3-block-v2 .product-image ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-image ue-node-panel,
+.ins-recommendation-v3-block-v2 .product-name ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-name ue-node-panel,
+.ins-recommendation-v3-block-v2 .product-price ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-price ue-node-panel,
+.ins-recommendation-v3-block-v2 .product-old-price ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-old-price ue-node-panel,
+.ins-recommendation-v3-block-v2 .product-omnibus-price ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-omnibus-price ue-node-panel,
+.ins-recommendation-v3-block-v2 .product-omnibus-discount ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-omnibus-discount ue-node-panel,
+.ins-recommendation-v3-block-v2 .product-button ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-button ue-node-panel {
     display: none !important;
 }
+
+/* Apply to the table cell (td) with text-trim-enabled class */
+.text-trim-enabled {
+    max-width: 0 !important;
+}
+
+.text-trim-enabled p {
+    overflow: hidden !important;
+    text-overflow: ellipsis !important;
+    white-space: nowrap !important;
+    margin: 0 !important;
+    display: block !important;
+}
 `;
 export {
   n as default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "2.0.0-beta.1ba7e26",
+  "version": "2.0.0-beta.1c331b8",
   "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/config/migrator/itemsBlockMigrator.js

@@ -1,283 +0,0 @@
-var B = Object.defineProperty;
-var q = (o, t, r) => t in o ? B(o, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : o[t] = r;
-var A = (o, t, r) => q(o, typeof t != "symbol" ? t + "" : t, r);
-import { productPairs as L } from "../../extensions/Blocks/Items/enums/productEnums.js";
-import { ItemInCartOptions as I, DefaultConfigValues as m, SETTINGS_ENUMS as l } from "../../extensions/Blocks/Items/enums/settingsEnums.js";
-import { getDefaultTemplate as K } from "../../extensions/Blocks/Items/template.js";
-const V = {
-  ins_apr_img: {
-    pairsKey: "imageSrc",
-    defaultKey: "DEFAULT",
-    isArray: !0
-  },
-  ins_apr_name: {
-    pairsKey: "name",
-    defaultKey: "DEFAULT",
-    isArray: !0
-  },
-  ins_apr_url: {
-    pairsKey: "button",
-    defaultKey: "DEFAULT_HREF",
-    isArray: !1
-  },
-  ins_apr_formattedprice: {
-    pairsKey: "price",
-    defaultKey: "DEFAULT_PRICE_FORMATTED",
-    isArray: !1
-  },
-  ins_apr_productcurrency: {
-    pairsKey: "price",
-    defaultKey: "DEFAULT_CURRENCY",
-    isArray: !1
-  },
-  ins_apr_quantity: {
-    pairsKey: "quantity",
-    defaultKey: "DEFAULT",
-    isArray: !1
-  },
-  ins_apr_price: {
-    pairsKey: "price",
-    defaultKey: "DEFAULT_PRICE",
-    isArray: !1
-  },
-  ins_apr_originalprice: {
-    pairsKey: "originalPrice",
-    defaultKey: "DEFAULT_PRICE",
-    isArray: !1
-  },
-  ins_apr_originalformattedprice: {
-    pairsKey: "originalPrice",
-    defaultKey: "DEFAULT_PRICE_FORMATTED",
-    isArray: !1
-  }
-};
-function U() {
-  return String(Date.now() + Math.floor(Math.random() * 1e3));
-}
-function F(o) {
-  return o ? {
-    CartItems: l.ITEMS_TYPE.CART_ITEMS,
-    BrowsedItems: l.ITEMS_TYPE.BROWSED_ITEMS,
-    PurchasedItems: l.ITEMS_TYPE.PURCHASED_ITEMS,
-    CART_ITEMS: l.ITEMS_TYPE.CART_ITEMS,
-    BROWSED_ITEMS: l.ITEMS_TYPE.BROWSED_ITEMS,
-    PURCHASED_ITEMS: l.ITEMS_TYPE.PURCHASED_ITEMS
-  }[o] || l.ITEMS_TYPE.CART_ITEMS : l.ITEMS_TYPE.CART_ITEMS;
-}
-function D(o) {
-  const t = (e, a) => e == null ? a : e === "1" || e === "true", r = (e, a) => e || a, c = o["data-type"] || o["data-source"], n = F(c);
-  let i = o["data-cart_items_select_control_value"] || m.cartItemsSelectControlValue;
-  if (i && !i.includes("{{") && /^\d+$/.test(i)) {
-    const e = parseInt(i) - 1, a = I[n];
-    a && a[e] && (i = a[e].value);
-  }
-  return {
-    initialized: !0,
-    blockInstanceId: r(o["data-block-instance-id"], U()),
-    source: n,
-    type: n,
-    itemsSelectValue: i,
-    orientation: o["data-card_orientation_control_value"] || l.ORIENTATION.VERTICAL,
-    nameTrimming: t(o["data-product_name_trimming"], !0),
-    nameControlEnabled: t(o["data-product_name_control_enabled"], !0),
-    priceHideDiscount: t(o["data-product_price_hide_discount"], !1),
-    priceFormatted: t(o["data-product_price_formatted"], !0),
-    priceCurrencySymbol: r(
-      o["data-product_price_currency_symbol"],
-      m.productPriceCurrencySymbolControlValue
-    ),
-    priceCurrencyLocation: r(
-      o["data-product_price_currency_location"],
-      m.productPriceCurrencyLocationControlValue
-    ),
-    priceControlOpened: t(o["data-product_price_control_opened"], !0),
-    priceOrientation: o["data-product_original_price_control_orientation"] || "horizontal",
-    quantityControlEnabled: t(o["data-product_quantity_control_enabled"], !0),
-    buttonLink: r(o["data-product_button_link"], m.productButtonLinkControlValue),
-    imageLink: r(o["data-product_image_link"], m.productImageLinkControlValue),
-    buttonLabel: r(o["data-product_button_control_label"], "Buy"),
-    imageVisible: t(o["data-product_image_visible"], !0),
-    nameVisible: t(o["data-product_name_visible"], !0),
-    quantityVisible: t(o["data-product_quantity_visible"], !0),
-    priceVisible: t(o["data-product_price_visible"], !0),
-    originalPriceVisible: t(o["data-product_original_price_control_enabled"], !0),
-    buttonVisible: t(o["data-product_button_visible"], !0)
-  };
-}
-class w {
-  constructor() {
-    A(this, "parser");
-    A(this, "DATA_TYPE", "CART_ITEMS");
-    this.parser = new DOMParser();
-  }
-  migrate(t) {
-    try {
-      let r = this.removeJinjaConditionals(t);
-      r = this.replaceTemplateVariables(r);
-      const c = this.parser.parseFromString(r, "text/html"), n = c.querySelectorAll("td.esd-cart-items-block");
-      return n.length === 0 ? (console.warn('ItemsBlockMigrator: No blocks found with selector "td.esd-cart-items-block"'), r) : (n.forEach((i) => {
-        const e = this.extractConfiguration(i), a = K({
-          orientation: e.orientation,
-          itemsType: e.itemsType,
-          itemId: e.itemId,
-          currencySymbol: e.currencySymbol,
-          currencyLocation: e.currencyLocation,
-          formattedPrice: e.formattedPrice,
-          configBlockAttributes: e.configBlockAttributes,
-          migrate: !0,
-          nameStyles: e.nameStyles,
-          buttonStyles: e.buttonStyles,
-          priceStyles: e.priceStyles,
-          originalPriceStyles: e.originalPriceStyles,
-          quantityStyles: e.quantityStyles,
-          nodeConfig: D(e.configBlockAttributes)
-        }), u = this.parser.parseFromString(
-          `<table><tbody><tr>${a}</tr></tbody></table>`,
-          "text/html"
-        ).querySelector("td");
-        if (u && i.parentNode) {
-          const s = D(e.configBlockAttributes);
-          u.setAttribute("esd-ext-config", JSON.stringify(s));
-          const p = u.querySelector("esd-config-block");
-          p && p.remove(), i.parentNode.replaceChild(u, i);
-        }
-      }), c.documentElement.outerHTML);
-    } catch (r) {
-      return console.error("ItemsBlockMigrator failed:", r), t;
-    }
-  }
-  /**
-   * Extracts configuration from legacy HTML block
-   * Parses data attributes and structure to determine:
-   * - orientation, itemsType, itemNumber, currency settings, esd-config-block attributes
-   * - UI styles from product elements (name, price, button, quantity, etc.)
-   */
-  extractConfiguration(t) {
-    var E, C, P;
-    const r = ((E = t.querySelector("[data-type]")) == null ? void 0 : E.getAttribute("data-type")) || "CART_ITEMS", c = ((C = t.querySelector("[data-number]")) == null ? void 0 : C.getAttribute("data-number")) || "1", n = parseInt(c) - 1, i = I[r], e = ((P = i == null ? void 0 : i[n]) == null ? void 0 : P.value) || i[0].value, a = t.querySelector('[product-attr="price"]'), _ = (a == null ? void 0 : a.getAttribute("data-currency_symbol")) || void 0, s = ((a == null ? void 0 : a.getAttribute("data-curency")) || "before") === "after" ? "1" : "0", p = (a == null ? void 0 : a.getAttribute("data-formated")) !== "false", y = this.extractConfigBlockAttributes(t, r), f = y["data-product_original_price_control_orientation"] === "vertical" ? "vertical" : "horizontal", d = t.querySelector('a[product-attr="name"]'), v = (d == null ? void 0 : d.getAttribute("style")) || void 0, b = t.querySelector('a[product-attr="button"]'), M = (b == null ? void 0 : b.getAttribute("style")) || void 0, h = (a == null ? void 0 : a.getAttribute("style")) || void 0, S = t.querySelector('[product-attr="originalPrice"]'), R = (S == null ? void 0 : S.getAttribute("style")) || void 0, T = t.querySelector('[product-attr="quantity"]'), k = (T == null ? void 0 : T.getAttribute("style")) || void 0;
-    return {
-      orientation: f,
-      itemsType: r,
-      itemId: e,
-      currencySymbol: _,
-      currencyLocation: s,
-      formattedPrice: p,
-      configBlockAttributes: y,
-      nameStyles: v,
-      buttonStyles: M,
-      priceStyles: h,
-      originalPriceStyles: R,
-      quantityStyles: k
-    };
-  }
-  /**
-   * Extracts all data-* attributes from the esd-config-block element
-   * Returns a key-value mapping of all configuration attributes
-   * @param block - The block element containing the esd-config-block
-   * @param itemsType - The type of items (CART_ITEMS, BROWSED_ITEMS, PURCHASED_ITEMS)
-   */
-  extractConfigBlockAttributes(t, r) {
-    const c = t.querySelector("esd-config-block"), n = {};
-    if (!c)
-      return this.getDefaultConfigBlockAttributes();
-    if (Array.from(c.attributes).forEach((e) => {
-      e.name.startsWith("data-") && (n[e.name] = e.value);
-    }), n["data-cart_items_select_control_value"]) {
-      const e = n["data-cart_items_select_control_value"];
-      if (/^\d+$/.test(e)) {
-        const a = parseInt(e) - 1, _ = I[r];
-        _ && _[a] && (n["data-cart_items_select_control_value"] = _[a].value);
-      }
-    }
-    if (n["data-product_price_control_curency"]) {
-      const e = n["data-product_price_control_curency"];
-      e === "before" ? n["data-product_price_control_curency"] = "0" : e === "after" && (n["data-product_price_control_curency"] = "1");
-    }
-    (!n["data-product_price_currency_symbol"] || n["data-product_price_currency_symbol"].trim() === "") && (n["data-product_price_currency_symbol"] = "USD");
-    const i = { ...this.getDefaultConfigBlockAttributes(), ...n };
-    return i["data-type"] = r, i["data-source"] = r, i;
-  }
-  /**
-   * Returns default esd-config-block attributes based on the old template structure
-   * These serve as fallbacks when attributes are missing
-   */
-  getDefaultConfigBlockAttributes() {
-    return {
-      "data-type": "CART_ITEMS",
-      "data-product_image_control_opened": "false",
-      "data-product_image_control_image-width": "250",
-      "data-product_image_control_image-height": "250",
-      "data-product_image_control_align_button": "true",
-      "data-product_image_control_padding_mobile": "true",
-      "data-product_name_control_opened": "false",
-      "data-product_quantity_control_opened": "true",
-      // DONE
-      "data-product_quantity_control_enabled": "false",
-      "data-product_name_control_font_font_size": "20",
-      "data-product_price_control_opened": "false",
-      "data-product_price_control_font_font_size": "20",
-      "data-product_price_control_color": "#060606",
-      "data-product_price_control_curency": "0",
-      "data-product_price_currency_symbol": "USD",
-      "data-product_original_price_control_opened": "false",
-      "data-product_original_price_control_font_font_size": "19",
-      "data-product_original_price_control_align_align_desktop": "center",
-      "data-product_original_price_control_orientation": "vertical",
-      "data-product_button_control_opened": "true",
-      "data-product_button_control_label": "Comprar",
-      // DONE
-      "data-product_button_control_font_font_size": "17",
-      "data-product_button_control_color": "#ffffff",
-      "data-product_button_control_background": "#010101",
-      "data-product_button_control_atw": "false",
-      "data-product_original_price_control_enabled": "false"
-    };
-  }
-  /**
-   * Removes Jinja2 conditional statements from HTML
-   * - Removes {% if ins_apr_total_product_kind > N %}
-   * - Removes {% if ins_apr_price_N != ins_apr_originalprice_N %}
-   * - Removes {% endif %}
-   */
-  removeJinjaConditionals(t) {
-    let r = t.replace(/\{%\s*if\s+ins_apr_total_product_kind\s*(&gt;|>)\s*\d+\s*%\}/g, "");
-    return r = r.replace(/\{%\s*if\s+ins_apr_price_\d+\s*(!&#61;|!=)\s*ins_apr_originalprice_\d+\s*%\}/g, ""), r = r.replace(/\{%\s*endif\s*%\}/g, ""), r = r.replace(/\n\s*\n\s*\n/g, `
-
-`), r;
-  }
-  /**
-   * Replaces template variables with default values from productPairs
-   *
-   * Examples:
-   * - {{ins_apr_img_1}} → https://s3.../ins_apr_img_1.jpeg (array-based, uses index 0)
-   * - {{ins_apr_name_2}} → 'Set of Sprite Yoga Straps' (array-based, uses index 1)
-   * - {{ins_apr_formattedprice_1}} → '1,100.00' (single value, ignores index)
-   * - {{ins_apr_url_3}} → '#!' (single value, ignores index)
-   */
-  replaceTemplateVariables(t) {
-    const { PAIRS_FOR_EXTENSION: r } = L;
-    return t.replace(/{{([^}]+)}}/g, (c, n) => {
-      const i = n.match(/^(ins_apr_[a-z]+)_(\d+)$/);
-      if (!i)
-        return c;
-      const [, e, a] = i, _ = V[e];
-      if (!_)
-        return console.warn(`Unknown variable mapping for: ${e}`), c;
-      const { pairsKey: u, defaultKey: s, isArray: p } = _, y = r[u][this.DATA_TYPE];
-      if (!y)
-        return console.warn(`No data found for: ${u}.${this.DATA_TYPE}`), c;
-      if (p) {
-        const f = parseInt(a) - 1, d = y[s];
-        return Array.isArray(d) && d[f] ? d[f] : (console.warn(`Array value not found: ${u}.${this.DATA_TYPE}.${s}[${f}]`), c);
-      }
-      const g = y[s];
-      return g !== void 0 ? String(g) : (console.warn(`Default value not found: ${u}.${this.DATA_TYPE}.${s}`), c);
-    });
-  }
-}
-function $(o) {
-  return new w().migrate(o);
-}
-export {
-  $ as migrateItemsBlock
-};