@useinsider/guido 1.0.3-beta.df886ce → 1.0.3-beta.dfb1fcf

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

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

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

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

package/dist/package.json.js

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

package/dist/services/recommendationApi.js

@@ -1,13 +1,19 @@
 import { useHttp as c } from "../composables/useHttp.js";
 import { URLS as a } from "../enums/extensions/recommendationBlock.js";
-const R = () => {
+import { useEditorStore as m } from "../stores/editor.js";
+import { replaceString as s } from "../utils/genericUtil.js";
+const l = () => {
   const { get: o } = c();
   return {
     fetchRecommendationCreateData: async () => {
+      const e = m();
       try {
-        return (await o("/newsletter/recommendations/create-data")).data;
-      } catch (e) {
-        throw console.error("fetchUserModalState error:", e), e;
+        return (await o(s(
+          "/newsletter/{id}/recommendations/get-campaign-create-data",
+          { id: e.templateId }
+        ))).data;
+      } catch (t) {
+        throw console.error("fetchUserModalState error:", t), t;
       }
     },
     fetchRecommendationFilters: async () => {
@@ -18,20 +24,20 @@ const R = () => {
         throw console.error("fetchRecommendationFilters error:", e), e;
       }
     },
-    fetchRecommendationProducts: async (e, n) => {
+    fetchRecommendationProducts: async (e, t) => {
       try {
-        const t = decodeURIComponent(new URLSearchParams(Object.entries(n)).toString());
-        console.debug("🏁 Recommendation API Query:", t);
-        const r = await o(
-          `${a.RECOMMENDATION_API_URL}/v2/${e}?${t}`
+        const r = decodeURIComponent(new URLSearchParams(Object.entries(t)).toString());
+        console.debug("🏁 Recommendation API Query:", r);
+        const n = await o(
+          `${a.RECOMMENDATION_API_URL}/v2/${e}?${r}`
         );
-        return (r == null ? void 0 : r.data) ?? [];
-      } catch (t) {
-        throw console.error("fetchRecommendationProducts error:", t), t;
+        return (n == null ? void 0 : n.data) ?? [];
+      } catch (r) {
+        throw console.error("fetchRecommendationProducts error:", r), r;
       }
     }
   };
 };
 export {
-  R as useRecommendationApi
+  l as useRecommendationApi
 };

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

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

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

@@ -8,5 +8,4 @@ export declare class CheckboxBlock extends Block {
     getName(): string;
     getDescription(): string;
     getTemplate(): string;
-    allowInnerBlocksDND(): boolean;
 }

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

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

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

@@ -8,5 +8,4 @@ export declare class RadioButtonCustomBlock extends Block {
     getName(): string;
     getDescription(): string;
     getTemplate(): string;
-    allowInnerBlocksDND(): boolean;
 }

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

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

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

@@ -7,22 +7,73 @@ export interface CardCompositionItem {
     visible: boolean;
 }
 export declare class RecommendationCardCompositionControl extends CommonControl {
-    private currentComposition;
-    private currentVisibility;
     getId(): string;
     getTemplate(): string;
     onRender(): void;
     onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
     /**
-     * Initialize the composition order and visibility from the block or use defaults
+     * Creates the HTML content for an orderable item with label and toggle
+     */
+    private _createItemContent;
+    /**
+     * Registers event listeners for composition and visibility changes
+     */
+    private _registerValueChangeListeners;
+    /**
+     * Initializes composition order and visibility state from the current node
      */
     private _initializeComposition;
+    /**
+     * Reads composition order from node's data-card-composition attribute
+     * 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
+     */
+    private _buildVisibilityValues;
+    /**
+     * Read visibility state from individual row elements' data-visibility attributes
+     * This ensures toggles reflect the actual DOM state
+     */
+    private _readVisibilityFromRows;
+    /**
+     * Returns default visibility values for all items
+     */
+    private _getDefaultVisibilities;
+    /**
+     * Extracts visibility values from DOM nodes
+     */
+    private _extractVisibilityFromRows;
+    /**
+     * Parses visibility value from string to boolean
+     * Accepts "1", "true" as true, everything else as false
+     */
+    private _parseVisibilityValue;
+    /**
+     * Merges extracted visibilities with default values for missing keys
+     */
+    private _mergeWithDefaults;
     /**
      * Apply the reordered composition to the block's HTML structure
+     * Updates the data-card-composition attribute and reorders product attributes
      */
     private _applyCompositionToBlock;
+    /**
+     * Reorders attribute rows within each product row based on composition order
+     */
+    private _reorderProductAttributes;
+    /**
+     * Builds HTML string with attributes ordered according to composition
+     */
+    private _buildCompositionHtml;
     /**
      * Apply visibility changes to the block's HTML structure
+     * Updates display style and data-visibility attribute for all matching rows
      */
     private _applyVisibilityToBlock;
 }

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

@@ -1,3 +1,15 @@
+/**
+ * Attribute type constants used in templates
+ * These are used as keys in ElementRenderer and composition arrays
+ */
+export declare const ATTR_PRODUCT_IMAGE = "productImage";
+export declare const ATTR_PRODUCT_NAME = "productName";
+export declare const ATTR_PRODUCT_PRICE = "productPrice";
+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
@@ -7,6 +19,8 @@ export declare enum RecommendationBlockId {
     NAME = "recommendation-block-name",
     PRICE = "recommendation-block-price",
     OLD_PRICE = "recommendation-block-old-price",
+    OMNIBUS_PRICE = "recommendation-block-omnibus-price",
+    OMNIBUS_DISCOUNT = "recommendation-block-omnibus-discount",
     IMAGE = "recommendation-block-image"
 }
 /**
@@ -29,13 +43,17 @@ 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",
+    NAME_TEXT_TRIM = "recommendation-block-name-text-trim-control",
     PRICE_ALIGN = "recommendation-block-price-align-control",
     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",
@@ -43,9 +61,31 @@ 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",
+    OMNIBUS_PRICE_ALIGN = "recommendation-block-omnibus-price-align-control",
+    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",
+    OMNIBUS_PRICE_TEXT_BEFORE = "recommendation-block-omnibus-price-text-before-control",
+    OMNIBUS_PRICE_TEXT_AFTER = "recommendation-block-omnibus-price-text-after-control",
+    OMNIBUS_DISCOUNT_ALIGN = "recommendation-block-omnibus-discount-align-control",
+    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/control.d.ts

@@ -17,8 +17,6 @@ export declare class RecommendationBlockControl extends CommonControl {
     _getProductLayout(): string;
     _getFilterStatus(): string;
     _getShuffleProducts(): string;
-    _getResponsive(): string;
-    _onFilterChange(value: boolean): void;
     _onFilterSelectClick(): void;
     _onDataChange(item: string, value: string | number | string[]): void;
     /**
@@ -26,6 +24,11 @@ export declare class RecommendationBlockControl extends CommonControl {
      */
     _getCardComposition(): string[];
     _regenerateProductRows(): void;
+    /**
+     * Reapply spacing values after product regeneration
+     * This ensures spacing persists when products are regenerated
+     */
+    _reapplySpacing(): void;
     _debouncedRegenerateProductRows: import("@vueuse/shared").PromisifyFn<() => void>;
     _onCurrencyConfigChange(item: string, value: string | number): void;
     _onCurrencyChange(value: string): void;

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

@@ -0,0 +1,25 @@
+import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import { CommonControl } from '../../common-control';
+export declare const CARD_BACKGROUND_COLOR_CONTROL_ID = "recommendation-card-background-color-control";
+/**
+ * Control for managing recommendation card background color
+ * This control is displayed in the Styles tab
+ */
+export declare class CardBackgroundColorControl extends CommonControl {
+    getId(): string;
+    getTemplate(): string;
+    onRender(): void;
+    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
+    _setFormValues(): void;
+    /**
+     * Reads the current background color from the first product card wrapper
+     * @returns The background color value or 'transparent' if not found
+     */
+    _getCurrentCardBackgroundColor(): string;
+    /**
+     * Handles card background color changes
+     * Applies the color to all product card wrapper elements
+     */
+    _onCardBackgroundColorChange(color: string): void;
+    _listenToFormUpdates(): void;
+}

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

@@ -0,0 +1,71 @@
+/**
+ * Recommendation Block Control Instances
+ *
+ * This file generates all control instances for the Recommendation Block
+ * using the reusable factory functions from ./factories.ts
+ *
+ * Note: Factory-generated controls use runtime class generation which TypeScript
+ * cannot fully type-check. The controls are type-safe at runtime.
+ */
+export declare const NameAlignControl: any;
+export declare const NameColorControl: any;
+export declare const NameSizeControl: any;
+export declare const NameStyleControl: any;
+export declare const NameFontFamilyControl: any;
+export declare const NameBackgroundControl: any;
+export declare const NamePaddingsControl: any;
+export declare const NameLineSpacingControl: any;
+export { NameTextTrimControl } from './nameTextTrimControl';
+export declare const PriceAlignControl: any;
+export declare const PriceColorControl: any;
+export declare const PriceSizeControl: any;
+export declare const PriceStyleControl: any;
+export declare const PriceFontFamilyControl: any;
+export declare const PriceBackgroundControl: any;
+export declare const PricePaddingsControl: any;
+export declare const PriceLineSpacingControl: any;
+export { PriceHideControl } from './priceHideControl';
+export declare const OldPriceAlignControl: any;
+export declare const OldPriceColorControl: any;
+export declare const OldPriceSizeControl: any;
+export declare const OldPriceStyleControl: any;
+export declare const OldPriceFontFamilyControl: any;
+export declare const OldPriceBackgroundControl: any;
+export declare const OldPricePaddingsControl: any;
+export declare const OldPriceLineSpacingControl: any;
+export declare const OmnibusPriceAlignControl: any;
+export declare const OmnibusPriceColorControl: any;
+export declare const OmnibusPriceSizeControl: any;
+export declare const OmnibusPriceStyleControl: any;
+export declare const OmnibusPriceFontFamilyControl: any;
+export declare const OmnibusPriceBackgroundControl: any;
+export declare const OmnibusPricePaddingsControl: any;
+export declare const OmnibusPriceLineSpacingControl: any;
+export { OmnibusPriceTextBeforeControl } from './omnibusPriceTextBeforeControl';
+export { OmnibusPriceTextAfterControl } from './omnibusPriceTextAfterControl';
+export declare const OmnibusDiscountAlignControl: any;
+export declare const OmnibusDiscountColorControl: any;
+export declare const OmnibusDiscountSizeControl: any;
+export declare const OmnibusDiscountStyleControl: any;
+export declare const OmnibusDiscountFontFamilyControl: any;
+export declare const OmnibusDiscountBackgroundControl: any;
+export declare const OmnibusDiscountPaddingsControl: any;
+export declare const OmnibusDiscountLineSpacingControl: any;
+export { OmnibusDiscountTextBeforeControl } from './omnibusDiscountTextBeforeControl';
+export { OmnibusDiscountTextAfterControl } from './omnibusDiscountTextAfterControl';
+export declare const ButtonAlignControl: any;
+export declare const ButtonBorderControl: any;
+export declare const ButtonBorderRadiusControl: any;
+export declare const ButtonColorControl: any;
+export declare const ButtonFontFamilyControl: any;
+export declare const ButtonMarginsControl: any;
+export declare const ButtonPaddingsControl: any;
+export declare const ButtonTextControl: any;
+export declare const ButtonTextSizeControl: any;
+export declare const ButtonTextStyleAndFontColorControl: any;
+export declare const ButtonFitToContentControl: any;
+export declare const ImageSizeControl: any;
+export declare const ImageMarginsControl: any;
+export { CardBackgroundColorControl } from './cardBackgroundColorControl';
+export { SpacingControl } from './spacingControl';
+export { PriceInlineLayoutControl } from './priceInlineLayoutControl';

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

@@ -0,0 +1,16 @@
+import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import { CommonControl } from '../../common-control';
+/**
+ * Control for enabling/disabling text trimming on product names
+ * When enabled, adds a CSS class that applies text-overflow: ellipsis
+ */
+export declare class NameTextTrimControl extends CommonControl {
+    getId(): string;
+    getTemplate(): string;
+    onRender(): void;
+    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
+    _setFormValues(): void;
+    _getCurrentTrimState(): boolean;
+    _onTextTrimChange(enabled: boolean): void;
+    _listenToFormUpdates(): void;
+}

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

@@ -0,0 +1,15 @@
+import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import { CommonControl } from '../../common-control';
+/**
+ * Control for setting text after Omnibus Discount value
+ */
+export declare class OmnibusDiscountTextAfterControl extends CommonControl {
+    getId(): string;
+    getTemplate(): string;
+    onRender(): void;
+    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
+    _setFormValues(): void;
+    _getCurrentText(): string;
+    _onTextChange(newText: string): void;
+    _listenToFormUpdates(): void;
+}

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

@@ -0,0 +1,15 @@
+import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import { CommonControl } from '../../common-control';
+/**
+ * Control for setting text before Omnibus Discount value
+ */
+export declare class OmnibusDiscountTextBeforeControl extends CommonControl {
+    getId(): string;
+    getTemplate(): string;
+    onRender(): void;
+    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
+    _setFormValues(): void;
+    _getCurrentText(): string;
+    _onTextChange(newText: string): void;
+    _listenToFormUpdates(): void;
+}

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

@@ -0,0 +1,15 @@
+import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import { CommonControl } from '../../common-control';
+/**
+ * Control for setting text after Omnibus Price value
+ */
+export declare class OmnibusPriceTextAfterControl extends CommonControl {
+    getId(): string;
+    getTemplate(): string;
+    onRender(): void;
+    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
+    _setFormValues(): void;
+    _getCurrentText(): string;
+    _onTextChange(newText: string): void;
+    _listenToFormUpdates(): void;
+}

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

@@ -0,0 +1,15 @@
+import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import { CommonControl } from '../../common-control';
+/**
+ * Control for setting text before Omnibus Price value
+ */
+export declare class OmnibusPriceTextBeforeControl extends CommonControl {
+    getId(): string;
+    getTemplate(): string;
+    onRender(): void;
+    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
+    _setFormValues(): void;
+    _getCurrentText(): string;
+    _onTextChange(newText: string): void;
+    _listenToFormUpdates(): void;
+}

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;
+}