@useinsider/guido 3.7.0-beta.24bdfa3 → 3.7.0-beta.340a6d3

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

@@ -9,7 +9,7 @@
  * // Or individual imports
  * import { NameAlignControl, ButtonColorControl } from './controls';
  */
-export { RecommendationBlockControl, CONTROL_BLOCK_ID, AlgorithmControl, ALGORITHM_CONTROL_ID, LocaleControl, LOCALE_CONTROL_ID, CurrencyControl, CURRENCY_CONTROL_ID, ProductCountControl, PRODUCT_COUNT_CONTROL_ID, ProductLayoutControl, PRODUCT_LAYOUT_CONTROL_ID, FiltersControl, FILTERS_CONTROL_ID, ShuffleControl, SHUFFLE_CONTROL_ID, LayoutOrientationControl, LAYOUT_ORIENTATION_CONTROL_ID, PricePlacementControl, PRICE_PLACEMENT_CONTROL_ID, } from './main';
+export { RecommendationBlockControl, CONTROL_BLOCK_ID, AlgorithmControl, ALGORITHM_CONTROL_ID, LocaleControl, LOCALE_CONTROL_ID, CurrencyControl, CURRENCY_CONTROL_ID, ProductCountControl, PRODUCT_COUNT_CONTROL_ID, ProductLayoutControl, PRODUCT_LAYOUT_CONTROL_ID, FiltersControl, FILTERS_CONTROL_ID, ShuffleControl, SHUFFLE_CONTROL_ID, LayoutOrientationControl, LAYOUT_ORIENTATION_CONTROL_ID, } from './main';
 export * from './main/utils';
 export { NameControls } from './name';
 export { PriceControls } from './price';

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

@@ -5,12 +5,11 @@ import { CurrencyControl, CURRENCY_CONTROL_ID } from './currency';
 import { FiltersControl, FILTERS_CONTROL_ID } from './filters';
 import { LayoutOrientationControl, LAYOUT_ORIENTATION_CONTROL_ID } from './layoutOrientation';
 import { LocaleControl, LOCALE_CONTROL_ID } from './locale';
-import { PricePlacementControl, PRICE_PLACEMENT_CONTROL_ID } from './pricePlacement';
 import { ProductCountControl, PRODUCT_COUNT_CONTROL_ID } from './productCount';
 import { ProductLayoutControl, PRODUCT_LAYOUT_CONTROL_ID } from './productLayout';
 import { ShuffleControl, SHUFFLE_CONTROL_ID } from './shuffle';
 export declare const CONTROL_BLOCK_ID = "ui-elements-recommendation-block";
-export { AlgorithmControl, ALGORITHM_CONTROL_ID, LocaleControl, LOCALE_CONTROL_ID, CurrencyControl, CURRENCY_CONTROL_ID, ProductCountControl, PRODUCT_COUNT_CONTROL_ID, ProductLayoutControl, PRODUCT_LAYOUT_CONTROL_ID, FiltersControl, FILTERS_CONTROL_ID, ShuffleControl, SHUFFLE_CONTROL_ID, LayoutOrientationControl, LAYOUT_ORIENTATION_CONTROL_ID, PricePlacementControl, PRICE_PLACEMENT_CONTROL_ID, };
+export { AlgorithmControl, ALGORITHM_CONTROL_ID, LocaleControl, LOCALE_CONTROL_ID, CurrencyControl, CURRENCY_CONTROL_ID, ProductCountControl, PRODUCT_COUNT_CONTROL_ID, ProductLayoutControl, PRODUCT_LAYOUT_CONTROL_ID, FiltersControl, FILTERS_CONTROL_ID, ShuffleControl, SHUFFLE_CONTROL_ID, LayoutOrientationControl, LAYOUT_ORIENTATION_CONTROL_ID, };
 export * from './utils';
 /**
  * Main recommendation block control that composes all sub-controls
@@ -26,7 +25,6 @@ export declare class RecommendationBlockControl extends CommonControl {
     private productLayoutControl;
     private filtersControl;
     private shuffleControl;
-    private pricePlacementControl;
     private layoutOrientationControl;
     getId(): string;
     getTemplate(): string;

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

@@ -24,8 +24,6 @@ export interface PerBlockConfigs {
     unresponsive: boolean;
     size: string;
     customAttributes: string[];
-    priceMovedToNextLine: boolean;
-    priceHideIfSameAsDiscounted: boolean;
 }
 interface PerBlockState {
     recommendationConfigs: PerBlockConfigs;

package/dist/src/extensions/Blocks/Recommendation/templates/grid/elementRenderer.d.ts

@@ -1,4 +1,3 @@
-import type { RecommendationProduct } from '@@/Types/recommendation';
 import { type ElementRenderer } from '../utils';
 /**
  * Grid element renderer
@@ -25,19 +24,4 @@ export declare const ATTRIBUTE_CELL_CLASS = "attribute-cell";
  * card-composition control so both render identical filler markup.
  */
 export declare function buildFillerCell(columnWidth: string, padding?: string): string;
-/**
- * Renders the inline price cell used when "Move to next line" is OFF: the sale
- * price and original price sit side by side in a single attribute cell, each
- * keeping its own `esd-extension-block-id` + `product-*` class so the per-element
- * style controls and the compiler keep working.
- *
- * `originalFirst` preserves the card-composition order (original before sale when
- * `productOldPrice` precedes `productPrice` in the composition) so the side-by-side
- * order matches the stacked order.
- */
-export declare function renderInlineGridPriceCell(product: RecommendationProduct, originalFirst?: boolean): string;
-/**
- * Standalone (stacked) original-price cell.
- */
-export declare function renderGridOldPriceCell(product: RecommendationProduct): string;
 export declare const gridElementRenderer: ElementRenderer;

package/dist/src/extensions/Blocks/Recommendation/templates/grid/template.d.ts

@@ -1,5 +1,5 @@
 import type { FiltersResponse, RecommendationProduct } from '@@/Types/recommendation';
-import { type ElementRenderer, type PricePlacementFlags } from '../utils';
+import { type ElementRenderer } from '../utils';
 /**
  * Generates attribute-aligned product rows for grid layout.
  * Creates rows where each row contains one attribute type from all products.
@@ -9,7 +9,7 @@ import { type ElementRenderer, type PricePlacementFlags } from '../utils';
  * @param composition - Array defining order of card elements
  * @returns HTML string for attribute-aligned rows
  */
-export declare function prepareGridAttributeRows(products: RecommendationProduct[], productsPerRow: number, elementRenderer: ElementRenderer, composition?: string[], filterList?: FiltersResponse, flags?: PricePlacementFlags): string;
+export declare function prepareGridAttributeRows(products: RecommendationProduct[], productsPerRow: number, elementRenderer: ElementRenderer, composition?: string[], filterList?: FiltersResponse): string;
 /**
  * Prepares grid product rows with attribute-aligned structure
  * Groups products into rows, then generates attribute-aligned HTML for each group
@@ -19,7 +19,7 @@ export declare function prepareGridAttributeRows(products: RecommendationProduct
  * @param composition - Array defining order of card elements
  * @returns HTML string for all product rows
  */
-export declare function prepareGridProductRows(products: RecommendationProduct[], productsPerRow: number, elementRenderer: ElementRenderer, composition?: string[], filterList?: FiltersResponse, flags?: PricePlacementFlags): string;
+export declare function prepareGridProductRows(products: RecommendationProduct[], productsPerRow: number, elementRenderer: ElementRenderer, composition?: string[], filterList?: FiltersResponse): string;
 /**
  * Prepares grid product rows with attribute-aligned structure.
  * Uses row-based rendering where each attribute type forms a single row across all products.
@@ -28,6 +28,6 @@ export declare function prepareGridProductRows(products: RecommendationProduct[]
  * @param composition - Array defining element order
  * @returns HTML string for product rows
  */
-export declare function prepareProductRows(products: RecommendationProduct[], productsPerRow: number, composition?: string[], filterList?: FiltersResponse, flags?: PricePlacementFlags): string;
+export declare function prepareProductRows(products: RecommendationProduct[], productsPerRow: number, composition?: string[], filterList?: FiltersResponse): string;
 export declare function getDefaultTemplate(recommendationId?: number): string;
 export declare function generateBlockTemplate(products: RecommendationProduct[], productsPerRow: number, title?: string, composition?: string[], mobileProductsPerRow?: number): string;

package/dist/src/extensions/Blocks/Recommendation/templates/list/elementRenderer.d.ts

@@ -1,4 +1,3 @@
-import type { RecommendationProduct } from '@@/Types/recommendation';
 import { type ElementRenderer } from '../utils';
 /**
  * List element renderer
@@ -6,16 +5,4 @@ import { type ElementRenderer } from '../utils';
  * - Name and Prices return `<tr><td>` rows for the info cell table
  * All elements have esd-block-* classes for Stripo selection
  */
-/**
- * Standalone (stacked) original-price info row.
- */
-export declare function renderListOldPriceRow(product: RecommendationProduct): string;
-/**
- * Inline price info row used when "Move to next line" is OFF: the sale price and
- * original price sit in two cells of one row. Each keeps its block id + class so
- * style controls and the compiler keep working. `originalFirst` preserves the
- * card-composition order (original before sale by default) so it matches the
- * stacked order.
- */
-export declare function renderInlineListPriceRow(product: RecommendationProduct, originalFirst?: boolean): string;
 export declare const listElementRenderer: ElementRenderer;

package/dist/src/extensions/Blocks/Recommendation/templates/list/template.d.ts

@@ -1,5 +1,4 @@
 import type { FiltersResponse, RecommendationProduct } from '@@/Types/recommendation';
-import { type PricePlacementFlags } from '../utils';
 /**
  * Generates a list product card with 3-column layout
  * Uses buildElementRenderer to render Image, Info content, and Button
@@ -12,7 +11,7 @@ import { type PricePlacementFlags } from '../utils';
  * @param composition - Array defining order of card elements
  * @returns HTML string for a single product card row
  */
-export declare function getListProductCard(product: RecommendationProduct, composition?: string[], filterList?: FiltersResponse, flags?: PricePlacementFlags): string;
+export declare function getListProductCard(product: RecommendationProduct, composition?: string[], filterList?: FiltersResponse): string;
 /**
  * Prepares list product rows
  * Each product is a full-width row with 3-column layout
@@ -20,6 +19,6 @@ export declare function getListProductCard(product: RecommendationProduct, compo
  * @param composition - Array defining order of card elements
  * @returns HTML string for product rows
  */
-export declare function prepareProductRows(products: RecommendationProduct[], composition?: string[], filterList?: FiltersResponse, flags?: PricePlacementFlags): string;
+export declare function prepareProductRows(products: RecommendationProduct[], composition?: string[], filterList?: FiltersResponse): string;
 export declare function getDefaultTemplate(): string;
 export declare function generateBlockTemplate(products: RecommendationProduct[], title?: string, composition?: string[]): string;

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

@@ -1,33 +1,10 @@
-import type { CurrencyConfig } from '../types/nodeConfig';
 import type { FiltersResponse, 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';
-type PriceKey = 'price' | 'original_price' | 'discount';
-/**
- * Current currency configuration from the store, in CurrencyConfig shape.
- */
-export declare function getCurrentCurrencyConfig(): CurrencyConfig;
-/**
- * Formats a product price using current currency settings. Falls back to the
- * first available currency, then 0, when the active currency has no value.
- */
-export declare function formatProductPrice(product: RecommendationProduct, priceKey?: PriceKey): string;
 /**
  * Converts a snake_case attribute name to Title Case display name.
  * e.g., "rating_star" → "Rating Star"
  */
 export declare function toDisplayName(attrName: string): string;
-/**
- * Resolves the inline (side-by-side) price layout from the composition order so
- * it matches the stacked order. `anchor` is whichever of price / original price
- * comes first in the composition (the merged cell renders there); `skip` is the
- * other (dropped, since it's merged in); `originalFirst` puts the original price
- * on the left when it precedes the sale price (the default composition order).
- */
-export declare function resolveInlinePriceOrder(composition: string[]): {
-    originalFirst: boolean;
-    anchor: string;
-    skip: string;
-};
 /**
  * Reduces a raw product-attribute value to a displayable scalar string.
  * Array-type attributes (filter types `Strings`/`Numbers`) are substituted with
@@ -80,15 +57,7 @@ export type Orientation = 'list' | 'grid';
 /**
  * Options for prepareProductRows unified function
  */
-/**
- * Block-level price placement flags threaded into the row builders.
- * - `priceInline`: render sale + original price on one line (skip the standalone
- *   original-price row).
- */
-export interface PricePlacementFlags {
-    priceInline?: boolean;
-}
-export interface PrepareProductRowsOptions extends PricePlacementFlags {
+export interface PrepareProductRowsOptions {
     /** Number of products per row (only for grid layout, defaults to 3) */
     productsPerRow?: number;
     /** Number of products per row on mobile (only for grid layout, defaults to 1) */
@@ -155,4 +124,3 @@ export declare function getDefaultProducts(count?: number): RecommendationProduc
  * @returns HTML template string with {-{-TITLE-}-}, {-{-PRODUCT_ROWS-}-}, and {-{-MOBILE_PRODUCT_ROWS-}-} (grid only) placeholders
  */
 export declare function createBlockTemplate(layout?: Orientation, instanceClass?: string): string;
-export {};

package/dist/src/extensions/Blocks/Recommendation/types/nodeConfig.d.ts

@@ -152,21 +152,6 @@ export interface RecommendationNodeConfig {
      * Whether to trim long product names with ellipsis
      */
     textTrimming: boolean;
-    /**
-     * Whether the price and original price render on separate stacked lines.
-     * - true (default): each on its own attribute row (current Guido look)
-     * - false: both rendered inline on the same line, and Card Composition
-     *   collapses them into a single "Product Prices" entry
-     * Ported from the legacy product block's `isPriceMovedToNextLine`.
-     */
-    priceMovedToNextLine: boolean;
-    /**
-     * Whether to hide the redundant original price when it equals the sale
-     * price (no real discount). Enforced in the real email via a liquid
-     * condition and mirrored in the editor on mock data.
-     * Ported from the legacy product block's `isPriceDeletedForZeroSale`.
-     */
-    priceHideIfSameAsDiscounted: boolean;
     /**
      * Configuration version for future migrations
      * Increment when making breaking changes to schema

package/dist/src/stores/config.d.ts

@@ -65,8 +65,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
-                            isPriceMovedToNextLine?: boolean | undefined;
-                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -199,8 +197,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
-                            isPriceMovedToNextLine?: boolean | undefined;
-                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -333,8 +329,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
-                            isPriceMovedToNextLine?: boolean | undefined;
-                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -467,8 +461,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
-                            isPriceMovedToNextLine?: boolean | undefined;
-                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -601,8 +593,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
-                            isPriceMovedToNextLine?: boolean | undefined;
-                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -735,8 +725,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
-                            isPriceMovedToNextLine?: boolean | undefined;
-                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -869,8 +857,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
-                            isPriceMovedToNextLine?: boolean | undefined;
-                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -1003,8 +989,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
-                            isPriceMovedToNextLine?: boolean | undefined;
-                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -1137,8 +1121,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
-                            isPriceMovedToNextLine?: boolean | undefined;
-                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -1271,8 +1253,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
-                            isPriceMovedToNextLine?: boolean | undefined;
-                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -1405,8 +1385,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
-                            isPriceMovedToNextLine?: boolean | undefined;
-                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -1539,8 +1517,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
-                            isPriceMovedToNextLine?: boolean | undefined;
-                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -1673,8 +1649,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
-                            isPriceMovedToNextLine?: boolean | undefined;
-                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -1807,8 +1781,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
-                            isPriceMovedToNextLine?: boolean | undefined;
-                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -1941,8 +1913,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
-                            isPriceMovedToNextLine?: boolean | undefined;
-                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -2075,8 +2045,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
-                            isPriceMovedToNextLine?: boolean | undefined;
-                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -2209,8 +2177,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
-                            isPriceMovedToNextLine?: boolean | undefined;
-                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };
@@ -2343,8 +2309,6 @@ export declare const useConfigStore: import("pinia").StoreDefinition<"guido-conf
                             blockType?: string | undefined;
                             size?: string | number | undefined;
                             verticalResponsiveness?: boolean | undefined;
-                            isPriceMovedToNextLine?: boolean | undefined;
-                            isPriceDeletedForZeroSale?: boolean | undefined;
                         } & {
                             [key: string]: unknown;
                         };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.7.0-beta.24bdfa3",
+  "version": "3.7.0-beta.340a6d3",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",

package/dist/composables/useRecommendationPreview.js

@@ -1,100 +0,0 @@
-import { BLOCK_ROOT_SELECTOR as S, CURRENCY_ATTR as d, CONTAINER_SELECTOR as f } from "../extensions/Blocks/Recommendation/constants/selectors.js";
-import { useRecommendationExtensionStore as O } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { formatPrice as g } from "../extensions/Blocks/Recommendation/utils/priceFormatter.js";
-const p = `${S}[recommendation-id]`, R = ".product-old-price", C = /\{\{(?:reco_)?(\d+_\d+_[a-zA-Z0-9_.]+)\}\}/g, h = new RegExp(
-  "\\{%\\s*if\\s+([\\s\\S]+?)\\s*%\\}([\\s\\S]*?)(?:\\{%\\s*else\\s*%\\}([\\s\\S]*?))?\\{%\\s*endif\\s*%\\}",
-  "g"
-);
-function T(e) {
-  const t = e.getAttribute(d.CURRENCY) || "USD", i = e.getAttribute(d.DECIMAL_SEPARATOR) || ".", s = e.getAttribute(d.THOUSAND_SEPARATOR) || ",";
-  return {
-    code: t,
-    symbol: e.getAttribute(d.SYMBOL) || t,
-    alignment: e.getAttribute(d.ALIGNMENT) === "0" ? "before" : "after",
-    decimalCount: parseInt(e.getAttribute(d.DECIMAL_COUNT) || "2") || 2,
-    decimalSeparator: i,
-    thousandSeparator: s
-  };
-}
-function _(e, t) {
-  return (e == null ? void 0 : e[t]) ?? Object.values(e ?? {})[0] ?? 0;
-}
-function b(e, t) {
-  const i = _(e.original_price, t), s = _(e.price, t), n = i > 0 ? Math.round((i - s) / i * 100) : 0;
-  return n > 0 ? `${n}%` : "0%";
-}
-function N(e, t, i, s, n, a) {
-  s.forEach((o, c) => {
-    const r = (m) => `${i}_${c}_${m}`, u = g({ price: _(o.price, n.code), currency: n }), l = g({ price: _(o.original_price, n.code), currency: n }), A = b(o, n.code);
-    e.set(r("name"), o.name ?? ""), e.set(r("image_url"), o.image_url ?? ""), e.set(r("url"), o.url ?? ""), e.set(r("item_id"), o.item_id ?? ""), e.set(r("currency"), ""), e.set(r("price"), u), e.set(r("original_price"), l), e.set(r("discount"), A), e.set(r("omnibus_price"), l), e.set(r("omnibus_discount"), A), a && u === l && t.add(`${i}_${c}`), Object.entries(o.product_attributes ?? {}).forEach(([m, E]) => {
-      e.set(r(`product_attribute.${m}`), String(E)), e.set(r(m), String(E));
-    });
-  });
-}
-function L(e, t) {
-  const i = e.match(/^(.+?)\s*(!=|==)\s*"([^"]*)"$/);
-  if (!i)
-    return !0;
-  const [, s, n, a] = i, o = t.get(s.trim()) ?? "";
-  return n === "!=" ? o !== a : o === a;
-}
-function P(e, t) {
-  return e.replace(
-    h,
-    (i, s, n, a) => s.split(/\s+and\s+/).every((c) => L(c.trim(), t)) ? n : a ?? ""
-  );
-}
-function $(e) {
-  let t = e;
-  for (; t.children.length === 1; )
-    [t] = t.children;
-  return t;
-}
-function D(e, t) {
-  var o;
-  if (!t.size)
-    return e;
-  const i = e.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), s = new DOMParser().parseFromString(i, "text/html");
-  s.querySelectorAll(p).forEach((c) => {
-    const r = Number(c.getAttribute("recommendation-id"));
-    if (!Number.isFinite(r))
-      return;
-    const u = c.querySelectorAll(f);
-    (u.length ? Array.from(u) : [c]).forEach((A) => {
-      A.querySelectorAll(R).forEach((m, E) => {
-        t.has(`${r}_${E}`) && ($(m).textContent = "");
-      });
-    });
-  });
-  const n = (o = e.match(/<!DOCTYPE[^>]*>/i)) == null ? void 0 : o[0];
-  return ((n ? `${n}
-` : "") + s.documentElement.outerHTML).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
-}
-function I(e) {
-  if (!e || !e.includes("recommendation-block-v2"))
-    return e;
-  const t = O(), i = new DOMParser().parseFromString(e, "text/html"), s = Array.from(i.querySelectorAll(p)), n = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set();
-  if (s.forEach((c) => {
-    var l;
-    const r = Number(c.getAttribute("recommendation-id"));
-    if (!Number.isFinite(r))
-      return;
-    const u = ((l = t.blockStates[r]) == null ? void 0 : l.recommendationProducts) ?? [];
-    u.length && N(
-      n,
-      a,
-      r,
-      u,
-      T(c),
-      c.getAttribute("hide-price") === "true"
-    );
-  }), !n.size)
-    return e;
-  let o = D(e, a);
-  return o = o.replace(C, (c, r) => n.has(r) ? n.get(r) : c), o = P(o, n), o;
-}
-const x = () => ({ substituteRecommendationPreview: I });
-export {
-  I as substituteRecommendationPreview,
-  x as useRecommendationPreview
-};

package/dist/extensions/Blocks/Recommendation/controls/main/pricePlacement.js

@@ -1,133 +0,0 @@
-var m = Object.defineProperty;
-var p = (i, o, e) => o in i ? m(i, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[o] = e;
-var d = (i, o, e) => p(i, typeof o != "symbol" ? o + "" : o, e);
-import { UEAttr as u, ModificationDescription as h } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as f } from "../../../common-control.js";
-import { ATTR_PRODUCT_PRICE as _, ATTR_PRODUCT_OLD_PRICE as I } from "../../constants/selectors.js";
-import { RecommendationConfigService as n } from "../../services/configService.js";
-import { useRecommendationExtensionStore as T } from "../../store/recommendation.js";
-import { getBlockElement as l, regenerateProductRowsWithStyles as g } from "./utils.js";
-const E = "recommendation-price-placement-control", N = "hide-price", r = {
-  ORIENTATION: "priceOrientation",
-  HIDE_IF_SAME: "priceHideIfSameAsDiscounted"
-}, A = [
-  { icon: "vertical-orientation", value: "vertical" },
-  { icon: "horizontal-orientation", value: "horizontal" }
-], C = (i) => i ? "vertical" : "horizontal";
-class P extends f {
-  constructor() {
-    super(...arguments);
-    d(this, "store", T());
-  }
-  getId() {
-    return E;
-  }
-  getTemplate() {
-    return `
-            <div class="price-placement-control-container" style="border-bottom: 1px solid #e0e0e0;">
-                ${this._GuTwoColumns([
-      this._GuLabel({ text: this.api.translate("Product Price Orientation") }),
-      this._GuRadioButton({
-        name: r.ORIENTATION,
-        buttons: A
-      })
-    ])}
-                ${this._GuTwoColumns([
-      this._GuLabel({ text: this.api.translate("Hide if same as discounted") }),
-      this._GuToggle(r.HIDE_IF_SAME)
-    ])}
-            </div>
-        `;
-  }
-  onRender() {
-    const e = n.getConfig(this.currentNode);
-    this._initializeHideToggle(e), this._setFormValues(e), this._updateOrientationDisabled(), this._listenToFormUpdates();
-  }
-  onTemplateNodeUpdated(e) {
-    super.onTemplateNodeUpdated(e), this._setFormValues(n.getConfig(this.currentNode)), this._updateOrientationDisabled();
-  }
-  _setFormValues(e) {
-    this.api.updateValues({
-      [r.ORIENTATION]: C(e.priceMovedToNextLine),
-      [r.HIDE_IF_SAME]: e.priceHideIfSameAsDiscounted
-    });
-  }
-  _initializeHideToggle(e) {
-    this.api.setUIEAttribute(
-      r.HIDE_IF_SAME,
-      u.SELECTPICKER.items,
-      e.priceHideIfSameAsDiscounted
-    );
-  }
-  /**
-   * Disables the orientation radio when a price element is hidden via Card
-   * Composition — orientation is meaningless without both prices visible.
-   * Visibility lives on the attribute rows' `data-visibility` (set by the Card
-   * Composition control). Inline mode has no standalone original-price row, so
-   * the merged "Product Prices" entry (the price row) governs.
-   */
-  _updateOrientationDisabled() {
-    const e = l(this.currentNode);
-    if (!e || !("querySelectorAll" in e))
-      return;
-    const s = Array.from(
-      e.querySelectorAll(".recommendation-attribute-row[data-attribute-type]")
-    ).some((a) => {
-      const c = a.getAttribute("data-attribute-type");
-      return (c === _ || c === I) && a.getAttribute("data-visibility") === "0";
-    });
-    this.api.setUIEAttribute(
-      r.ORIENTATION,
-      u.RADIO_BUTTONS.disabled,
-      s ? "true" : "false"
-    );
-  }
-  _onOrientationChange(e) {
-    if (!this.currentNode)
-      return;
-    const t = e === "vertical";
-    n.getConfig(this.currentNode).priceMovedToNextLine !== t && (n.updateConfig(
-      this.api,
-      this.currentNode,
-      { priceMovedToNextLine: t },
-      `${t ? "Stacked" : "Inlined"} recommendation prices`
-    ), this.store.patchCurrentBlockConfig({ priceMovedToNextLine: t }), this._regenerate());
-  }
-  _onHideIfSameChange(e) {
-    !this.currentNode || n.getConfig(this.currentNode).priceHideIfSameAsDiscounted === e || (n.updateConfig(
-      this.api,
-      this.currentNode,
-      { priceHideIfSameAsDiscounted: e },
-      `${e ? "Enabled" : "Disabled"} hide-if-same price`
-    ), this.store.patchCurrentBlockConfig({ priceHideIfSameAsDiscounted: e }), this._stampHideIfSameAttr(e));
-  }
-  /**
-   * Mirrors the hide-if-same flag onto the durable `hide-price` block attribute
-   * read by email-service at send time.
-   */
-  _stampHideIfSameAttr(e) {
-    const t = l(this.currentNode);
-    t && this.api.getDocumentModifier().modifyHtml(t).setAttribute(N, String(e)).apply(new h("Update hide-if-same price flag"));
-  }
-  /**
-   * Rebuilds the product rows so the renderer re-reads the inline/stacked
-   * layout flag from the store. Used by the orientation change only.
-   */
-  _regenerate() {
-    this.currentNode && g({
-      currentNode: this.currentNode,
-      documentModifier: this.api.getDocumentModifier()
-    });
-  }
-  _listenToFormUpdates() {
-    this.api.onValueChanged(r.ORIENTATION, (e) => {
-      (e === "vertical" || e === "horizontal") && this._onOrientationChange(e);
-    }), this.api.onValueChanged(r.HIDE_IF_SAME, (e) => {
-      this._onHideIfSameChange(!!e);
-    });
-  }
-}
-export {
-  E as PRICE_PLACEMENT_CONTROL_ID,
-  P as PricePlacementControl
-};

package/dist/src/composables/useRecommendationPreview.d.ts

@@ -1,10 +0,0 @@
-/**
- * Substitutes recommendation product variables in compiled preview HTML with the
- * blocks' fetched sample products, then simulates the email-service hide rule by
- * emptying the original-price cell (DOM kept) for slots with no real discount.
- * Returns the input unchanged when there are no reco blocks or no products.
- */
-export declare function substituteRecommendationPreview(html: string): string;
-export declare const useRecommendationPreview: () => {
-    substituteRecommendationPreview: typeof substituteRecommendationPreview;
-};

package/dist/src/composables/useRecommendationPreview.test.d.ts

@@ -1 +0,0 @@
-export {};