@useinsider/guido 2.1.0-beta.e13d291 → 2.1.0-beta.e2d48fe

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

@@ -1,11 +1,2 @@
-/**
- * Recommendation Block Extension
- *
- * This extension provides a product recommendation block for email templates.
- * Controls are organized by element type in the ./controls directory.
- */
-/**
- * Build and export the Recommendation extension
- */
 declare const _default: import("@stripoinc/ui-editor-extensions").Extension;
 export default _default;

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

@@ -1,6 +1,5 @@
 import type { Orientation, Languages, Currency, NumericSeparator, FiltersResponse, Filter, RecommendationProduct } from '@@/Types/recommendation';
 interface StoreState {
-    /** Maps campaign URLs for recommendation blocks. Used by templateLibraryApi when saving templates. */
     recommendationCampaignUrls: Record<string, string>;
     recommendationConfigs: {
         cardsInRow: number;
@@ -19,8 +18,8 @@ interface StoreState {
         orientation: Orientation;
         productIds: string[];
         recommendedProducts: [];
-        sendProductRequestFlag: boolean;
-        shuffleProducts: boolean;
+        sendProductRequestFlag: false;
+        shuffleProducts: false;
         strategy: string;
         textTrimming: boolean;
         unresponsive: boolean;
@@ -66,8 +65,8 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
             orientation: Orientation;
             productIds: string[];
             recommendedProducts: [];
-            sendProductRequestFlag: boolean;
-            shuffleProducts: boolean;
+            sendProductRequestFlag: false;
+            shuffleProducts: false;
             strategy: string;
             textTrimming: boolean;
             unresponsive: boolean;
@@ -135,8 +134,8 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
             orientation: Orientation;
             productIds: string[];
             recommendedProducts: [];
-            sendProductRequestFlag: boolean;
-            shuffleProducts: boolean;
+            sendProductRequestFlag: false;
+            shuffleProducts: false;
             strategy: string;
             textTrimming: boolean;
             unresponsive: boolean;
@@ -204,8 +203,8 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
             orientation: Orientation;
             productIds: string[];
             recommendedProducts: [];
-            sendProductRequestFlag: boolean;
-            shuffleProducts: boolean;
+            sendProductRequestFlag: false;
+            shuffleProducts: false;
             strategy: string;
             textTrimming: boolean;
             unresponsive: boolean;
@@ -276,8 +275,8 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
             orientation: Orientation;
             productIds: string[];
             recommendedProducts: [];
-            sendProductRequestFlag: boolean;
-            shuffleProducts: boolean;
+            sendProductRequestFlag: false;
+            shuffleProducts: false;
             strategy: string;
             textTrimming: boolean;
             unresponsive: boolean;
@@ -348,8 +347,8 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
             orientation: Orientation;
             productIds: string[];
             recommendedProducts: [];
-            sendProductRequestFlag: boolean;
-            shuffleProducts: boolean;
+            sendProductRequestFlag: false;
+            shuffleProducts: false;
             strategy: string;
             textTrimming: boolean;
             unresponsive: boolean;
@@ -420,8 +419,8 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
             orientation: Orientation;
             productIds: string[];
             recommendedProducts: [];
-            sendProductRequestFlag: boolean;
-            shuffleProducts: boolean;
+            sendProductRequestFlag: false;
+            shuffleProducts: false;
             strategy: string;
             textTrimming: boolean;
             unresponsive: boolean;
@@ -493,8 +492,8 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
             orientation: Orientation;
             productIds: string[];
             recommendedProducts: [];
-            sendProductRequestFlag: boolean;
-            shuffleProducts: boolean;
+            sendProductRequestFlag: false;
+            shuffleProducts: false;
             strategy: string;
             textTrimming: boolean;
             unresponsive: boolean;

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

@@ -0,0 +1,16 @@
+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";
+export declare function getDefaultTemplate(): string;
+/**
+ * Generates a custom template with specified products and layout
+ * @param products - Array of products to display
+ * @param productsPerRow - Number of products per row
+ * @param title - Optional title for the block
+ * @param composition - Optional array defining order of card elements
+ * @returns Complete HTML template
+ */
+export declare function generateBlockTemplate(products: RecommendationProduct[], productsPerRow: number, title?: string, composition?: string[]): string;
+export declare function prepareProductRows(products: RecommendationProduct[], productsPerRow: number, composition?: string[]): string;
+export { DEFAULTS, DEFAULT_CARD_COMPOSITION, DEFAULT_CARD_VISIBILITY, getDefaultProducts, };
+export default blockTemplate;

package/dist/src/extensions/Blocks/Recommendation/templates/{grid/migration.d.ts → migrationTemplate.d.ts}

@@ -1,17 +1,9 @@
 import type { RecommendationProduct } from '@@/Types/recommendation';
-import { DEFAULTS, getDefaultProducts, DEFAULT_CARD_COMPOSITION, DEFAULT_CARD_VISIBILITY } from '../utils';
+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";
-/**
- * Prepares migration product rows with attribute-aligned structure.
- * @param products - Array of products to display
- * @param productsPerRow - Number of products per row
- * @param composition - Array defining element order
- * @returns HTML string for product rows
- */
-export declare function prepareProductRows(products: RecommendationProduct[], productsPerRow: number, composition?: string[]): string;
 export declare function getMigrationTemplate(): string;
 /**
- * Generates a custom migration template with specified products and layout.
+ * Generates a custom migration template with specified products and layout
  * @param products - Array of products to display
  * @param productsPerRow - Number of products per row
  * @param title - Optional title for the block
@@ -19,5 +11,6 @@ export declare function getMigrationTemplate(): string;
  * @returns Complete HTML template
  */
 export declare function generateMigrationTemplate(products: RecommendationProduct[], productsPerRow: number, title?: string, composition?: string[]): string;
-export { DEFAULTS, DEFAULT_CARD_COMPOSITION, DEFAULT_CARD_VISIBILITY, getDefaultProducts, };
+export declare function prepareProductRows(products: RecommendationProduct[], productsPerRow: number, composition?: string[]): string;
+export { DEFAULTS, getDefaultProducts };
 export default migrationTemplate;

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

@@ -0,0 +1,52 @@
+import type { RecommendationProduct } from '@@/Types/recommendation';
+import { ATTR_PRODUCT_IMAGE, ATTR_PRODUCT_NAME, ATTR_PRODUCT_PRICE, ATTR_PRODUCT_OLD_PRICE, ATTR_PRODUCT_OMNIBUS_PRICE, ATTR_PRODUCT_OMNIBUS_DISCOUNT, ATTR_PRODUCT_BUTTON } from '../constants';
+export interface ElementRenderer {
+    [ATTR_PRODUCT_IMAGE]: (product: RecommendationProduct) => string;
+    [ATTR_PRODUCT_NAME]: (product: RecommendationProduct) => string;
+    [ATTR_PRODUCT_PRICE]: (product: RecommendationProduct) => string;
+    [ATTR_PRODUCT_OLD_PRICE]: (product: RecommendationProduct) => string;
+    [ATTR_PRODUCT_OMNIBUS_PRICE]: (product: RecommendationProduct) => string;
+    [ATTR_PRODUCT_OMNIBUS_DISCOUNT]: (product: RecommendationProduct) => string;
+    [ATTR_PRODUCT_BUTTON]: (product: RecommendationProduct) => string;
+}
+export interface TemplateConfig {
+    spacer: string;
+    blockTemplate: string;
+    productRow: string;
+    productCardWrapper: string;
+    elementRenderer: ElementRenderer;
+}
+export declare const DEFAULTS: {
+    TITLE: string;
+    DESCRIPTION: string;
+};
+export declare const spacer = "\n    <tr>\n        <td class=\"spacer\" style=\"height: 10px;\"></td>\n    </tr>\n";
+export declare const productRow = "\n    <tr class=\"recommendation-product-row\">\n        <td>\n            <table width=\"100%\" height=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n                {-{-PRODUCTS-}-}\n            </table>\n        </td>\n    </tr>\n";
+export declare const productCardWrapper = "\n    <td width=\"{-{-COLUMN_WIDTH-}-}\" style=\"padding: 0 5px;\" valign=\"top\" height=\"100%\">\n        <table\n            width=\"100%\"\n            height=\"100%\"\n            cellpadding=\"0\"\n            cellspacing=\"0\"\n            border=\"0\"\n            class=\"product-card-wrapper\">\n            <tr>\n                <td\n                    class=\"product-attribute-cell\"\n                    valign=\"top\">\n                    <table cellpadding=\"0\" cellspacing=\"0\" role=\"presentation\" width=\"100%\">\n                        <tbody>\n                            {-{-PRODUCT_CONTENT-}-}\n                        </tbody>\n                    </table>\n                </td>\n            </tr>\n        </table>\n    </td>\n";
+export declare const DEFAULT_CARD_COMPOSITION: string[];
+/**
+ * Default visibility settings for card composition elements
+ * Omnibus Price and Omnibus Discount are hidden by default
+ */
+export declare const DEFAULT_CARD_VISIBILITY: Record<string, boolean>;
+export declare function getDefaultProducts(): RecommendationProduct[];
+/**
+ * Core template generation logic that works with any element renderer
+ * @param products - Array of products to display
+ * @param productsPerRow - Number of products per row
+ * @param elementRenderer - Object with methods to render each product element
+ * @param composition - Optional array defining order of card elements
+ * @returns HTML string for product rows
+ */
+export declare function prepareProductRows(products: RecommendationProduct[], productsPerRow: number, elementRenderer: ElementRenderer, composition?: string[]): string;
+/**
+ * Generates complete HTML template with dynamic products and layout
+ * @param blockTemplate - The base block template string
+ * @param products - Array of products to display
+ * @param productsPerRow - Number of products per row
+ * @param elementRenderer - Element renderer for generating product HTML
+ * @param title - Title for the block
+ * @param composition - Optional array defining order of card elements
+ * @returns Complete HTML template
+ */
+export declare function generateTemplate(blockTemplate: string, products: RecommendationProduct[], productsPerRow: number, elementRenderer: ElementRenderer, title?: string, composition?: string[]): string;

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

@@ -66,14 +66,13 @@ export declare abstract class CommonControl extends Control {
      */
     protected getBlockInstanceId(): 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.
+     * Handles block instance change detection and UI updates.
+     * This is a helper method for controls that need to update UI 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)
-     * @param updateUI - Function to call to update the UI (called both on change and when same block)
+     * @param updateUI - Function to call to update the UI (called on every update)
      * @returns true if block instance changed, false otherwise
      */
-    protected handleBlockInstanceChange(syncFunction: (node: ImmutableHtmlNode) => void, updateUI: () => void): boolean;
+    protected handleBlockInstanceChange(updateUI: () => void): boolean;
     _GuLabel({ text, name }: LabelProps): string;
     _GuToggle(name: string): string;
     _GuSelectItem({ text, value }: {

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

@@ -19,31 +19,8 @@ const n = `.esd-x,
     box-shadow: none;
 }
 .ins-product-cart ue-node-actions,
-/* 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 {
+.ins-recommendation-v3-block-v2 .product-attribute-cell ue-node-actions,
+.ins-recommendation-v3-block-v2 .product-attribute-cell ue-node-panel {
     display: none !important;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "2.1.0-beta.e13d291",
+  "version": "2.1.0-beta.e2d48fe",
   "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",
@@ -85,7 +85,7 @@
   },
   "guido": {
     "stripo": {
-      "version": "2.52.0"
+      "version": "2.54.0"
     }
   }
 }

package/dist/extensions/Blocks/Items/store/items-block.js

@@ -1,79 +0,0 @@
-import { defineStore as s } from "pinia";
-import { DefaultConfigValues as e } from "../enums/settingsEnums.js";
-const n = (t) => t.replace(/Url\}/, "Image}"), r = (t) => t.replace(/Image\}/, "Url}"), i = () => {
-  const t = e.cartItemsSelectControlValue;
-  return {
-    itemsType: e.itemsType,
-    itemIds: t,
-    imageLink: n(t),
-    buttonLink: r(t),
-    orientation: e.cardOrientationControlValue,
-    nameTrimming: !0,
-    hideDiscount: !0,
-    currencySymbol: "USD",
-    currencyLocation: "0",
-    formattedPrice: !0,
-    singlePrice: !1,
-    priceOrientation: "vertical",
-    templateData: {
-      imageSrc: "",
-      name: "",
-      price: "",
-      originalPrice: "",
-      quantity: "",
-      button: ""
-    }
-  };
-}, m = s("guidoItemsBlock", {
-  state: () => i(),
-  actions: {
-    setItemsType(t) {
-      this.itemsType = t;
-    },
-    setItemIds(t) {
-      this.itemIds = t, this.imageLink = n(t), this.buttonLink = r(t);
-    },
-    setImageLink(t) {
-      this.imageLink = t;
-    },
-    setButtonLink(t) {
-      this.buttonLink = t;
-    },
-    setOrientation(t) {
-      this.orientation = t;
-    },
-    setNameTrimming(t) {
-      this.nameTrimming = t;
-    },
-    setHideDiscount(t) {
-      this.hideDiscount = t;
-    },
-    setCurrencySymbol(t) {
-      this.currencySymbol = t;
-    },
-    setCurrencyLocation(t) {
-      this.currencyLocation = t;
-    },
-    setFormattedPrice(t) {
-      this.formattedPrice = t;
-    },
-    setSinglePrice(t) {
-      this.singlePrice = t;
-    },
-    setPriceOrientation(t) {
-      this.priceOrientation = t;
-    },
-    setTemplateData(t) {
-      this.templateData = t;
-    },
-    updateFromAttributes(t) {
-      t.itemsType && (this.itemsType = t.itemsType), t.itemIds && this.setItemIds(t.itemIds), t.orientation && (this.orientation = t.orientation);
-    },
-    reset() {
-      Object.assign(this, i());
-    }
-  }
-});
-export {
-  m as useItemsBlockStore
-};

package/dist/extensions/Blocks/Recommendation/constants/blockIds.js

@@ -1,4 +0,0 @@
-var b = /* @__PURE__ */ ((r) => (r.BUTTON = "recommendation-block-button", r.NAME = "recommendation-block-name", r.PRICE = "recommendation-block-price", r.OLD_PRICE = "recommendation-block-old-price", r.OMNIBUS_PRICE = "recommendation-block-omnibus-price", r.OMNIBUS_DISCOUNT = "recommendation-block-omnibus-discount", r.IMAGE = "recommendation-block-image", r))(b || {});
-export {
-  b as RecommendationBlockId
-};

package/dist/extensions/Blocks/Recommendation/constants/controlIds.js

@@ -1,4 +0,0 @@
-var o = /* @__PURE__ */ ((c) => (c.BUTTON_ALIGN = "recommendation-block-button-align-control", c.BUTTON_BORDER = "recommendation-block-button-border-control", c.BUTTON_BORDER_RADIUS = "recommendation-block-button-border-radius-control", c.BUTTON_COLOR = "recommendation-block-button-color-control", c.BUTTON_FIT_TO_CONTENT = "recommendation-block-button-fit-to-content-control", c.BUTTON_FONT_FAMILY = "recommendation-block-button-font-family-control", c.BUTTON_MARGINS = "recommendation-block-button-margins-control", c.BUTTON_PADDINGS = "recommendation-block-button-paddings-control", c.BUTTON_TEXT = "recommendation-block-button-text-control", c.BUTTON_TEXT_SIZE = "recommendation-block-button-text-size-control", c.BUTTON_TEXT_STYLE_AND_FONT_COLOR = "recommendation-block-button-text-style-and-font-color-control", c.NAME_ALIGN = "recommendation-block-name-align-control", c.NAME_BACKGROUND = "recommendation-block-name-background-control", c.NAME_COLOR = "recommendation-block-name-color-control", c.NAME_FONT_FAMILY = "recommendation-block-name-font-family-control", c.NAME_PADDINGS = "recommendation-block-name-paddings-control", c.NAME_SIZE = "recommendation-block-name-size-control", c.NAME_STYLE = "recommendation-block-name-style-control", c.NAME_TEXT_TRIM = "recommendation-block-name-text-trim-control", c.PRICE_ALIGN = "recommendation-block-price-align-control", c.PRICE_BACKGROUND = "recommendation-block-price-background-control", c.PRICE_COLOR = "recommendation-block-price-color-control", c.PRICE_FONT_FAMILY = "recommendation-block-price-font-family-control", c.PRICE_PADDINGS = "recommendation-block-price-paddings-control", c.PRICE_SIZE = "recommendation-block-price-size-control", c.PRICE_STYLE = "recommendation-block-price-style-control", c.OLD_PRICE_ALIGN = "recommendation-block-old-price-align-control", c.OLD_PRICE_BACKGROUND = "recommendation-block-old-price-background-control", c.OLD_PRICE_COLOR = "recommendation-block-old-price-color-control", c.OLD_PRICE_FONT_FAMILY = "recommendation-block-old-price-font-family-control", c.OLD_PRICE_PADDINGS = "recommendation-block-old-price-paddings-control", c.OLD_PRICE_SIZE = "recommendation-block-old-price-size-control", c.OLD_PRICE_STYLE = "recommendation-block-old-price-style-control", c.OMNIBUS_PRICE_ALIGN = "recommendation-block-omnibus-price-align-control", c.OMNIBUS_PRICE_BACKGROUND = "recommendation-block-omnibus-price-background-control", c.OMNIBUS_PRICE_COLOR = "recommendation-block-omnibus-price-color-control", c.OMNIBUS_PRICE_FONT_FAMILY = "recommendation-block-omnibus-price-font-family-control", c.OMNIBUS_PRICE_PADDINGS = "recommendation-block-omnibus-price-paddings-control", c.OMNIBUS_PRICE_SIZE = "recommendation-block-omnibus-price-size-control", c.OMNIBUS_PRICE_STYLE = "recommendation-block-omnibus-price-style-control", c.OMNIBUS_PRICE_TEXT_BEFORE = "recommendation-block-omnibus-price-text-before-control", c.OMNIBUS_PRICE_TEXT_AFTER = "recommendation-block-omnibus-price-text-after-control", c.OMNIBUS_DISCOUNT_ALIGN = "recommendation-block-omnibus-discount-align-control", c.OMNIBUS_DISCOUNT_BACKGROUND = "recommendation-block-omnibus-discount-background-control", c.OMNIBUS_DISCOUNT_COLOR = "recommendation-block-omnibus-discount-color-control", c.OMNIBUS_DISCOUNT_FONT_FAMILY = "recommendation-block-omnibus-discount-font-family-control", c.OMNIBUS_DISCOUNT_PADDINGS = "recommendation-block-omnibus-discount-paddings-control", c.OMNIBUS_DISCOUNT_SIZE = "recommendation-block-omnibus-discount-size-control", c.OMNIBUS_DISCOUNT_STYLE = "recommendation-block-omnibus-discount-style-control", c.OMNIBUS_DISCOUNT_TEXT_BEFORE = "recommendation-block-omnibus-discount-text-before-control", c.OMNIBUS_DISCOUNT_TEXT_AFTER = "recommendation-block-omnibus-discount-text-after-control", c.IMAGE_SIZE = "recommendation-block-image-size-control", c.IMAGE_MARGINS = "recommendation-block-image-margins-control", c))(o || {});
-export {
-  o as RecommendationControlId
-};

package/dist/extensions/Blocks/Recommendation/constants/defaultConfig.js

@@ -1,64 +0,0 @@
-import { DEFAULT_ROW_SPACING as s, DEFAULT_COLUMN_SPACING as R, DEFAULT_CARDS_IN_ROW as n } from "./layout.js";
-import { ATTR_PRODUCT_IMAGE as t, ATTR_PRODUCT_NAME as T, ATTR_PRODUCT_OLD_PRICE as e, ATTR_PRODUCT_PRICE as o, ATTR_PRODUCT_OMNIBUS_PRICE as _, ATTR_PRODUCT_OMNIBUS_DISCOUNT as r, ATTR_PRODUCT_BUTTON as U } from "./selectors.js";
-const I = {
-  code: "USD",
-  symbol: "USD",
-  alignment: "after",
-  decimalCount: 2,
-  decimalSeparator: ".",
-  thousandSeparator: ","
-}, O = {
-  textBefore: "",
-  textAfter: ""
-}, i = {
-  textBefore: "",
-  textAfter: ""
-}, C = [
-  t,
-  T,
-  e,
-  o,
-  _,
-  r,
-  U
-], D = {
-  [t]: !0,
-  [T]: !0,
-  [o]: !0,
-  [e]: !0,
-  [_]: !1,
-  [r]: !1,
-  [U]: !0
-}, a = {
-  // Settings
-  strategy: "mostPopular",
-  productIds: [],
-  size: "6",
-  shuffleProducts: !1,
-  language: "en_US",
-  currency: I,
-  filters: [],
-  // Layout
-  layout: "grid",
-  cardsInRow: n,
-  columnSpacing: R,
-  rowSpacing: s,
-  // Composition
-  composition: C,
-  visibility: D,
-  // Element settings
-  omnibusPrice: O,
-  omnibusDiscount: i,
-  textTrimming: !1,
-  // Meta
-  configVersion: 1
-}, E = 1;
-export {
-  E as CURRENT_CONFIG_VERSION,
-  C as DEFAULT_COMPOSITION,
-  I as DEFAULT_CURRENCY,
-  a as DEFAULT_NODE_CONFIG,
-  i as DEFAULT_OMNIBUS_DISCOUNT,
-  O as DEFAULT_OMNIBUS_PRICE,
-  D as DEFAULT_VISIBILITY
-};

package/dist/extensions/Blocks/Recommendation/constants/layout.js

@@ -1,20 +0,0 @@
-const _ = {
-  GRID: "grid",
-  LIST: "list"
-}, o = [
-  { icon: "grid-orientation", value: _.GRID },
-  { icon: "list-orientation", value: _.LIST }
-], t = 3, n = 3, A = 9, T = 4, c = 10, s = 20, O = 0, S = 50, I = 5;
-export {
-  n as DEFAULT_CARDS_IN_ROW,
-  c as DEFAULT_COLUMN_SPACING,
-  t as DEFAULT_PRODUCTS_PER_ROW,
-  s as DEFAULT_ROW_SPACING,
-  o as LAYOUT_OPTIONS,
-  _ as LAYOUT_VALUES,
-  T as MAX_PRODUCTS_PER_ROW,
-  A as MAX_PRODUCT_COUNT,
-  S as MAX_SPACING,
-  O as MIN_SPACING,
-  I as SPACING_STEP
-};

package/dist/extensions/Blocks/Recommendation/constants/selectors.js

@@ -1,19 +0,0 @@
-const c = ".ins-recommendation-product-container", T = {
-  CURRENCY: "currency",
-  SYMBOL: "currency-symbol",
-  ALIGNMENT: "currency-alignment",
-  THOUSAND_SEPARATOR: "currency-thousand-separator",
-  DECIMAL_SEPARATOR: "currency-decimal-separator",
-  DECIMAL_COUNT: "currency-decimal-count"
-}, r = "productImage", n = "productName", o = "productPrice", t = "productOldPrice", R = "productOmnibusPrice", O = "productOmnibusDiscount", _ = "productButton";
-export {
-  _ as ATTR_PRODUCT_BUTTON,
-  r as ATTR_PRODUCT_IMAGE,
-  n as ATTR_PRODUCT_NAME,
-  t as ATTR_PRODUCT_OLD_PRICE,
-  O as ATTR_PRODUCT_OMNIBUS_DISCOUNT,
-  R as ATTR_PRODUCT_OMNIBUS_PRICE,
-  o as ATTR_PRODUCT_PRICE,
-  c as CONTAINER_SELECTOR,
-  T as CURRENCY_ATTR
-};

package/dist/extensions/Blocks/Recommendation/controls/button/index.js

@@ -1,64 +0,0 @@
-import { createButtonFitToContainerControl as T, createButtonTextStyleAndFontColorControl as r, createButtonTextSizeControl as e, createButtonTextControl as B, createButtonPaddingsControl as l, createButtonMarginsControl as C, createButtonFontFamilyControl as O, createButtonColorControl as N, createButtonBorderRadiusControl as i, createButtonBorderControl as a, createButtonAlignControl as c } from "../../../controlFactories.js";
-import { RecommendationBlockId as o } from "../../constants/blockIds.js";
-import { RecommendationControlId as t } from "../../constants/controlIds.js";
-import { CONTAINER_SELECTOR as n } from "../../constants/selectors.js";
-const U = c(
-  t.BUTTON_ALIGN,
-  o.BUTTON,
-  n
-), d = a(
-  t.BUTTON_BORDER,
-  o.BUTTON,
-  n
-), s = i(
-  t.BUTTON_BORDER_RADIUS,
-  o.BUTTON,
-  n
-), _ = N(
-  t.BUTTON_COLOR,
-  o.BUTTON,
-  n
-), m = O(
-  t.BUTTON_FONT_FAMILY,
-  o.BUTTON,
-  n
-), u = C(
-  t.BUTTON_MARGINS,
-  o.BUTTON,
-  n
-), R = l(
-  t.BUTTON_PADDINGS,
-  o.BUTTON,
-  n
-), F = B(
-  t.BUTTON_TEXT,
-  o.BUTTON,
-  n
-), A = e(
-  t.BUTTON_TEXT_SIZE,
-  o.BUTTON,
-  n
-), S = r(
-  t.BUTTON_TEXT_STYLE_AND_FONT_COLOR,
-  o.BUTTON,
-  n
-), E = T(
-  t.BUTTON_FIT_TO_CONTENT,
-  o.BUTTON,
-  n
-), p = {
-  align: U,
-  border: d,
-  borderRadius: s,
-  color: _,
-  fontFamily: m,
-  margins: u,
-  paddings: R,
-  text: F,
-  textSize: A,
-  textStyleAndFontColor: S,
-  fitToContent: E
-};
-export {
-  p as ButtonControls
-};

package/dist/extensions/Blocks/Recommendation/controls/cardBackground/index.js

@@ -1,80 +0,0 @@
-import { ModificationDescription as d } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as s } from "../../../common-control.js";
-import { getCurrentLayout as l } from "../main/utils.js";
-const u = "recommendation-card-background-color-control", e = {
-  CARD_BACKGROUND_COLOR: "cardBackgroundColor"
-}, a = {
-  GRID: ".product-card-segment",
-  LIST: ".product-card-wrapper"
-};
-class _ extends s {
-  getId() {
-    return u;
-  }
-  getTemplate() {
-    return `
-            <div class="card-bg-control-container">
-                ${this._GuTwoColumns([
-      this._GuLabel({ text: "Card Background Color" }),
-      this._GuColorPicker(e.CARD_BACKGROUND_COLOR)
-    ])}
-            </div>
-        `;
-  }
-  onRender() {
-    this._setFormValues(), this._listenToFormUpdates();
-  }
-  onTemplateNodeUpdated(r) {
-    super.onTemplateNodeUpdated(r), this._setFormValues();
-  }
-  _setFormValues() {
-    const r = this._getCurrentCardBackgroundColor();
-    this.api.updateValues({
-      [e.CARD_BACKGROUND_COLOR]: r
-    });
-  }
-  /**
-   * Gets the appropriate selector based on layout
-   * Grid: .product-card-segment (inner table per product cell)
-   * List: .product-card-wrapper (table per product row)
-   */
-  _getCardSelector() {
-    return l(this.currentNode) === "grid" ? a.GRID : a.LIST;
-  }
-  /**
-   * Reads the current background color from the first product card element
-   * @returns The background color value or 'transparent' if not found
-   */
-  _getCurrentCardBackgroundColor() {
-    if (!this.currentNode || !("querySelectorAll" in this.currentNode))
-      return "transparent";
-    const r = this._getCardSelector(), t = this.currentNode.querySelector(r);
-    return !t || !("getStyle" in t) ? "transparent" : t.getStyle("background-color") || "transparent";
-  }
-  /**
-   * Handles card background color changes
-   * Applies the color to all product card elements based on layout
-   */
-  _onCardBackgroundColorChange(r) {
-    if (!this.currentNode || !("querySelectorAll" in this.currentNode))
-      return;
-    const t = this._getCardSelector(), o = Array.from(
-      this.currentNode.querySelectorAll(t)
-    );
-    if (o.length === 0)
-      return;
-    const n = this.api.getDocumentModifier();
-    o.forEach((c) => {
-      n.modifyHtml(c).setStyle("background-color", r);
-    }), n.apply(new d("Update card background color"));
-  }
-  _listenToFormUpdates() {
-    this.api.onValueChanged(e.CARD_BACKGROUND_COLOR, (r) => {
-      this._onCardBackgroundColorChange(r);
-    });
-  }
-}
-export {
-  u as CARD_BACKGROUND_COLOR_CONTROL_ID,
-  _ as CardBackgroundColorControl
-};