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

package/dist/extensions/Blocks/Recommendation/utils/preserveTextStyles.js

@@ -1,25 +0,0 @@
-function a(n) {
-  return "getInnerHTML" in n && typeof n.getInnerHTML == "function" ? n.getInnerHTML() : "innerHTML" in n ? n.innerHTML : "";
-}
-function H(n, t) {
-  if (!n)
-    return t;
-  const r = a(n);
-  if (!r || r.trim() === "" || !/<(strong|em|u|s|b|i)\b/i.test(r))
-    return t;
-  const i = [], s = [];
-  let o = r.trim();
-  for (; ; ) {
-    const u = o.match(/^<(strong|em|u|s|b|i)(\s[^>]*)?>(.*)$/is);
-    if (!u)
-      break;
-    const [, e, f = "", g] = u, c = new RegExp(`</${e}>$`, "i");
-    if (!c.test(g))
-      break;
-    i.push(`<${e}${f}>`), s.unshift(`</${e}>`), o = g.replace(c, "").trim();
-  }
-  return i.length > 0 ? i.join("") + t + s.join("") : t;
-}
-export {
-  H as preserveTextStyles
-};

package/dist/extensions/Blocks/controlFactories.js

@@ -1,234 +0,0 @@
-import { ButtonAlignBuiltInControl as r, ButtonBorderBuiltInControl as l, ButtonBorderRadiusBuiltInControl as s, ButtonColorBuiltInControl as c, ButtonFitToContainerBuiltInControl as u, ButtonFontFamilyBuiltInControl as i, ButtonMarginsBuiltInControl as d, ButtonPaddingsBuiltInControl as a, ButtonTextBuiltInControl as g, ButtonTextSizeBuiltInControl as x, ButtonTextStyleAndFontColorBuiltInControl as C, ImageMarginsBuiltInControl as B, ImageSizeBuiltInControl as I, TextAlignBuiltInControl as T, ButtonBackgroundColorBuiltInControl as m, TextColorBuiltInControl as S, TextFontFamilyBuiltInControl as y, TextLineSpacingBuiltInControl as A, TextPaddingsBuiltInControl as k, TextSizeBuiltInControl as f, TextStyleBuiltInControl as b } from "../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-function N(e, t, n) {
-  return class extends T {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function $(e, t, n = ".ins-recommendation-product-container") {
-  return class extends S {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function p(e, t, n = ".ins-recommendation-product-container") {
-  return class extends f {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function F(e, t, n = ".ins-recommendation-product-container") {
-  return class extends b {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function z(e, t, n = ".ins-recommendation-product-container") {
-  return class extends y {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function M(e, t, n = ".ins-recommendation-product-container") {
-  return class extends m {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function P(e, t, n = ".ins-recommendation-product-container") {
-  return class extends k {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function L(e, t, n = ".ins-recommendation-product-container") {
-  return class extends A {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function R(e, t, n = ".ins-recommendation-product-container") {
-  return class extends r {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function h(e, t, n = ".ins-recommendation-product-container") {
-  return class extends c {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function j(e, t, n = ".ins-recommendation-product-container") {
-  return class extends l {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function v(e, t, n = ".ins-recommendation-product-container") {
-  return class extends s {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function w(e, t, n = ".ins-recommendation-product-container") {
-  return class extends i {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function D(e, t, n = ".ins-recommendation-product-container") {
-  return class extends d {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function E(e, t, n = ".ins-recommendation-product-container") {
-  return class extends a {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function G(e, t, n = ".ins-recommendation-product-container") {
-  return class extends g {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function H(e, t, n = ".ins-recommendation-product-container") {
-  return class extends x {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function J(e, t, n) {
-  return class extends C {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function K(e, t, n) {
-  return class extends u {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function O(e, t, n) {
-  return class extends I {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-function Q(e, t, n) {
-  return class extends B {
-    getId() {
-      return e;
-    }
-    getTargetNodes(o) {
-      return o.closest(n).querySelectorAll(`[esd-extension-block-id="${t}"]`);
-    }
-  };
-}
-export {
-  R as createButtonAlignControl,
-  j as createButtonBorderControl,
-  v as createButtonBorderRadiusControl,
-  h as createButtonColorControl,
-  K as createButtonFitToContainerControl,
-  w as createButtonFontFamilyControl,
-  D as createButtonMarginsControl,
-  E as createButtonPaddingsControl,
-  G as createButtonTextControl,
-  H as createButtonTextSizeControl,
-  J as createButtonTextStyleAndFontColorControl,
-  Q as createImageMarginsControl,
-  O as createImageSizeControl,
-  P as createPaddingsControl,
-  N as createTextAlignControl,
-  M as createTextBackgroundColorControl,
-  $ as createTextColorControl,
-  z as createTextFontFamilyControl,
-  L as createTextLineSpacingControl,
-  p as createTextSizeControl,
-  F as createTextStyleControl
-};

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

@@ -1,25 +0,0 @@
-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

@@ -1,71 +0,0 @@
-/**
- * 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

@@ -1,16 +0,0 @@
-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

@@ -1,15 +0,0 @@
-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

@@ -1,15 +0,0 @@
-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

@@ -1,15 +0,0 @@
-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

@@ -1,15 +0,0 @@
-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

@@ -1,16 +0,0 @@
-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

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

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

@@ -1,60 +0,0 @@
-import { ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
-import { CommonControl } from '../../common-control';
-export declare const SPACING_CONTROL_ID = "recommendation-spacing-control";
-/**
- * Control for managing spacing between product cards
- * - Column spacing: horizontal gap between cards in the same row
- * - Row spacing: vertical gap between different rows
- */
-export declare class SpacingControl extends CommonControl {
-    getId(): string;
-    getTemplate(): string;
-    onRender(): void;
-    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
-    /**
-     * Reads spacing values from data attributes or returns defaults
-     */
-    _setFormValues(): void;
-    /**
-     * Gets stored column spacing from the first product card wrapper's parent element's padding
-     * Reads the actual padding value instead of relying on data attributes
-     *
-     * The padding is applied as "0 {halfSpacing}px" on the parent TD element,
-     * so we need to extract the horizontal padding value and multiply by 2 to get total spacing.
-     */
-    _getStoredColumnSpacing(): number;
-    /**
-     * Gets stored row spacing from the first spacer element's height style
-     * Reads the actual height value instead of relying on data attributes
-     */
-    _getStoredRowSpacing(): number;
-    /**
-     * Handles column spacing changes
-     * Applies horizontal padding to all product card wrappers
-     */
-    _onColumnSpacingChange(spacing: number): void;
-    /**
-     * Handles row spacing changes
-     * Applies height to all spacer elements between product rows
-     */
-    _onRowSpacingChange(spacing: number): void;
-    /**
-     * Stores column spacing value in block data attribute
-     */
-    _storeColumnSpacing(spacing: number): void;
-    /**
-     * Stores row spacing value in block data attribute
-     */
-    _storeRowSpacing(spacing: number): void;
-    _listenToFormUpdates(): void;
-    /**
-     * Debounced version of _onColumnSpacingChange
-     * Prevents excessive DOM updates when user rapidly adjusts the counter
-     */
-    _debouncedOnColumnSpacingChange: import("@vueuse/shared").PromisifyFn<(spacing: number) => void>;
-    /**
-     * Debounced version of _onRowSpacingChange
-     * Prevents excessive DOM updates when user rapidly adjusts the counter
-     */
-    _debouncedOnRowSpacingChange: import("@vueuse/shared").PromisifyFn<(spacing: number) => void>;
-}

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

@@ -1,19 +0,0 @@
-/**
- * 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;