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

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

@@ -23,12 +23,12 @@ ${s.map((E) => `  - ${E}`).join(`
   validateImplementation(e, r) {
     var I;
     const s = [], E = r.name, T = Object.getPrototypeOf(this);
-    e.forEach((d) => {
-      if (typeof this[d] != "function") {
-        s.push(`Method ${d}() is not defined`);
+    e.forEach((l) => {
+      if (typeof this[l] != "function") {
+        s.push(`Method ${l}() is not defined`);
         return;
       }
-      T[d] === r.prototype[d] && s.push(`Method ${d}() must be implemented (currently using base class error-throwing implementation)`);
+      T[l] === r.prototype[l] && s.push(`Method ${l}() must be implemented (currently using base class error-throwing implementation)`);
     }), u.validatedClasses.add(r), s.length > 0 ? (u.validationErrors.set(r, s), console.error(`[${E} Validation] ${E} validation failed:`, s)) : typeof process < "u" && ((I = process.env) == null ? void 0 : I.NODE_ENV) === "development" && console.log(`[${E} Validation] ✅ ${E} validated successfully`);
   }
 };
@@ -254,10 +254,10 @@ var st = {
   ...o,
   caption: "caption",
   icon: "icon"
-}, gt = {
+}, mt = {
   ...o,
   caption: "caption"
-}, mt = {
+}, gt = {
   ...o,
   minValue: "min-value",
   maxValue: "max-value",
@@ -292,11 +292,11 @@ var st = {
   position: "position"
 }, vt = {
   ...o
-}, Gt = {
+}, Vt = {
   BUTTON: Ct,
-  CHECKBOX: gt,
+  CHECKBOX: mt,
   COLOR: o,
-  COUNTER: mt,
+  COUNTER: gt,
   LABEL: bt,
   RADIO_BUTTONS: Nt,
   SELECTPICKER: X,
@@ -344,7 +344,7 @@ var st = {
     const e = t.querySelectorAll(O.BUTTON), r = t.asElement().hasClass(U) ? [t] : [];
     return e.length ? e : r;
   }
-}, Vt = class extends i {
+}, Gt = class extends i {
   getParentControlId() {
     return n.BLOCK_BUTTON.BORDER_RADIUS;
   }
@@ -454,20 +454,20 @@ var st = {
   }
 };
 k.REQUIRED_METHODS = ["getId", "getTemplate"];
-var ee = k, G = class extends x {
+var ee = k, V = class extends x {
   getTargetNodes(t) {
     const e = t.querySelectorAll(O.IMAGE), r = t.asElement().hasClass(K) ? [t] : [];
     return e.length ? e : r;
   }
-}, re = class extends G {
+}, re = class extends V {
   getParentControlId() {
     return n.BLOCK_IMAGE.EXTERNAL_INDENTS;
   }
-}, ne = class extends G {
+}, ne = class extends V {
   getParentControlId() {
     return n.BLOCK_IMAGE.SIZE;
   }
-}, V = class L extends a {
+}, G = class L extends a {
   constructor() {
     super(L.REQUIRED_METHODS, L);
   }
@@ -475,8 +475,8 @@ var ee = k, G = class extends x {
     throw new Error("Method registerBlockControls() must be implemented by the subclass");
   }
 };
-V.REQUIRED_METHODS = ["registerBlockControls"];
-var se = V, ae = class {
+G.REQUIRED_METHODS = ["registerBlockControls"];
+var se = G, ae = class {
   constructor(t, e) {
     this.tabId = t, this.controlsIds = e;
   }
@@ -499,46 +499,42 @@ var se = V, ae = class {
     const e = this.controlsIds.indexOf(t);
     e !== -1 && this.controlsIds.splice(e, 1);
   }
-}, l = class extends x {
+}, d = class extends x {
   getTargetNodes(t) {
     const e = t.querySelectorAll(O.TEXT), r = t.asElement().hasClass(p) ? [t] : [];
     return e.length ? e : r;
   }
-}, ie = class extends l {
+}, ie = class extends d {
   getParentControlId() {
     return n.GENERAL.TEXT_ALIGN;
   }
-}, oe = class extends l {
-  getParentControlId() {
-    return n.BLOCK_TEXT.TEXT_BLOCK_BACKGROUND_COLOR;
-  }
-}, Ee = class extends l {
+}, oe = class extends d {
   getParentControlId() {
     return n.GENERAL.TEXT_COLOR;
   }
-}, le = class extends l {
+}, Ee = class extends d {
   getParentControlId() {
     return n.BLOCK_TEXT.FONT_FAMILY;
   }
-}, de = class extends l {
+}, le = class extends d {
   getParentControlId() {
     return n.GENERAL.TEXT_LINE_SPACING;
   }
-}, ue = class extends l {
+}, de = class extends d {
   getParentControlId() {
     return n.BLOCK_TEXT.INTERNAL_INDENTS;
   }
-}, Ie = class extends l {
+}, ue = class extends d {
   getParentControlId() {
     return n.GENERAL.TEXT_SIZE;
   }
-}, Oe = class extends l {
+}, Ie = class extends d {
   getParentControlId() {
     return n.GENERAL.TEXT_STYLE;
   }
 }, Ut = class {
-  constructor(t, e, r = [], s, E = [], T, I = [], d = [], v, $, W, z, Z, j, q, J, tt) {
-    this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [], this.i18n = t, this.styles = e, this.previewStyles = W, this.uiElements = r, this.uiElementTagRegistry = s, this.controls = E, this.settingsPanelRegistry = T, this.contextActions = I, this.blocks = d, this.externalSmartElementsLibrary = v, this.externalImageLibrary = $, this.externalImageLibraryTab = tt, this.externalAiAssistant = z, this.externalDisplayConditionsLibrary = Z, this.externalVideoLibrary = j, this.blocksPanel = q, this.iconsRegistry = J, this.id = Math.random().toString(36).substring(2);
+  constructor(t, e, r = [], s, E = [], T, I = [], l = [], v, $, W, z, Z, j, q, J, tt) {
+    this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [], this.i18n = t, this.styles = e, this.previewStyles = W, this.uiElements = r, this.uiElementTagRegistry = s, this.controls = E, this.settingsPanelRegistry = T, this.contextActions = I, this.blocks = l, this.externalSmartElementsLibrary = v, this.externalImageLibrary = $, this.externalImageLibraryTab = tt, this.externalAiAssistant = z, this.externalDisplayConditionsLibrary = Z, this.externalVideoLibrary = j, this.blocksPanel = q, this.iconsRegistry = J, this.id = Math.random().toString(36).substring(2);
   }
   getI18n() {
     return this.i18n;
@@ -594,7 +590,7 @@ var se = V, ae = class {
   getIconsRegistry() {
     return this.iconsRegistry;
   }
-}, Te = class {
+}, Oe = class {
   constructor() {
     this.styles = [], this.uiElements = [], this.controls = [], this.contextActions = [], this.blocks = [];
   }
@@ -689,9 +685,9 @@ var se = V, ae = class {
   }
 };
 pt.REQUIRED_METHODS = ["openAiAssistant"];
-var Kt = class g extends a {
+var Kt = class m extends a {
   constructor() {
-    super(g.REQUIRED_METHODS, g);
+    super(m.REQUIRED_METHODS, m);
   }
   /**
    * Retrieves the name of the category.
@@ -730,9 +726,9 @@ var Kt = class g extends a {
   }
 };
 Kt.REQUIRED_METHODS = ["getCategoryName", "openExternalDisplayConditionsDialog"];
-var Ft = class m extends a {
+var Ft = class g extends a {
   constructor() {
-    super(m.REQUIRED_METHODS, m);
+    super(g.REQUIRED_METHODS, g);
   }
   openImageLibrary(e, r, s) {
     throw new Error("Method openImageLibrary() must be implemented by the subclass");
@@ -787,7 +783,7 @@ var Q = class D extends a {
   }
 };
 Q.REQUIRED_METHODS = ["registerIconsSvg"];
-var ce = Q, _e = class {
+var Te = Q, ce = class {
   constructor(t) {
     this.key = t;
   }
@@ -856,7 +852,7 @@ var ce = Q, _e = class {
   }
 };
 f.REQUIRED_METHODS = ["onRender", "getId", "getTemplate"];
-var he = f, Y = class B extends a {
+var _e = f, Y = class B extends a {
   constructor() {
     super(B.REQUIRED_METHODS, B);
   }
@@ -865,7 +861,7 @@ var he = f, Y = class B extends a {
   }
 };
 Y.REQUIRED_METHODS = ["registerUiElements"];
-var Re = Y;
+var he = Y;
 export {
   Xt as Block,
   kt as BlockAttr,
@@ -877,7 +873,7 @@ export {
   Qt as ButtonAlignBuiltInControl,
   ft as ButtonBackgroundColorBuiltInControl,
   Yt as ButtonBorderBuiltInControl,
-  Vt as ButtonBorderRadiusBuiltInControl,
+  Gt as ButtonBorderRadiusBuiltInControl,
   $t as ButtonColorBuiltInControl,
   w as ButtonControls,
   Wt as ButtonFitToContainerBuiltInControl,
@@ -890,27 +886,26 @@ export {
   Rt as ContainerControls,
   ee as Control,
   Ut as Extension,
-  Te as ExtensionBuilder,
+  Oe as ExtensionBuilder,
   F as GeneralControls,
-  ce as IconsRegistry,
+  Te as IconsRegistry,
   H as ImageControls,
   re as ImageMarginsBuiltInControl,
   ne as ImageSizeBuiltInControl,
-  _e as ModificationDescription,
+  ce as ModificationDescription,
   se as SettingsPanelRegistry,
   ae as SettingsPanelTab,
   Lt as SettingsTab,
   ie as TextAlignBuiltInControl,
-  oe as TextBlockBackgroundBuiltInControl,
-  Ee as TextColorBuiltInControl,
+  oe as TextColorBuiltInControl,
   P as TextControls,
-  le as TextFontFamilyBuiltInControl,
-  de as TextLineSpacingBuiltInControl,
-  ue as TextPaddingsBuiltInControl,
-  Ie as TextSizeBuiltInControl,
-  Oe as TextStyleBuiltInControl,
-  Gt as UEAttr,
-  he as UIElement,
-  Re as UIElementTagRegistry,
+  Ee as TextFontFamilyBuiltInControl,
+  le as TextLineSpacingBuiltInControl,
+  de as TextPaddingsBuiltInControl,
+  ue as TextSizeBuiltInControl,
+  Ie as TextStyleBuiltInControl,
+  Vt as UEAttr,
+  _e as UIElement,
+  he as UIElementTagRegistry,
   yt as UIElementType
 };

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

@@ -7,22 +7,69 @@ 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;
+    /**
+     * 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,14 @@
+/**
+ * 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";
 /**
  * Block IDs used in the Recommendation Extension
  * These IDs are used in the esd-extension-block-id attribute to identify specific blocks
@@ -7,6 +18,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"
 }
 /**
@@ -32,6 +45,7 @@ export declare enum RecommendationControlId {
     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",
@@ -46,6 +60,24 @@ export declare enum RecommendationControlId {
     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_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_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"
 }

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