@useinsider/guido 3.6.0-beta.7ac8612 → 3.6.0-beta.dc3a2aa

package/dist/extensions/Blocks/Recommendation/extension.js

@@ -1,14 +1,13 @@
 import { ExtensionBuilder as r } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { RecommendationBlock as m } from "./block.js";
 import { RecommendationBlockControl as n } from "./controls/main/index.js";
-import "./constants/selectors.js";
 import "./store/recommendation.js";
 import { NameControls as i } from "./controls/name/index.js";
 import { PriceControls as e } from "./controls/price/index.js";
 import { OldPriceControls as s } from "./controls/oldPrice/index.js";
 import { OmnibusPriceControls as l } from "./controls/omnibusPrice/index.js";
-import { OmnibusDiscountControls as p } from "./controls/omnibusDiscount/index.js";
-import { ButtonControls as a } from "./controls/button/index.js";
+import { OmnibusDiscountControls as a } from "./controls/omnibusDiscount/index.js";
+import { ButtonControls as p } from "./controls/button/index.js";
 import { ImageControls as c } from "./controls/image/index.js";
 import { CustomAttributeControls as C } from "./controls/customAttribute/index.js";
 import { SpacingControl as f } from "./controls/spacing/index.js";
@@ -23,8 +22,8 @@ const b = [
   e,
   s,
   l,
-  p,
   a,
+  p,
   c,
   C
 ], P = [
@@ -36,10 +35,10 @@ const b = [
 ], S = [
   ...P,
   ...b.flatMap((o) => Object.values(o))
-], L = S.reduce(
+], K = S.reduce(
   (o, t) => o.addControl(t),
   new r().addBlock(m).withSettingsPanelRegistry(B)
 ).addStyles(y).withIconsRegistry(R).build();
 export {
-  L as default
+  K as default
 };

package/dist/extensions/Blocks/Recommendation/settingsPanel.js

@@ -2,7 +2,6 @@ import { SettingsPanelRegistry as E, SettingsPanelTab as _, SettingsTab as O, Co
 import { BLOCK_ID as U } from "./block.js";
 import { RecommendationBlockId as S } from "./constants/blockIds.js";
 import { RecommendationControlId as T } from "./constants/controlIds.js";
-import "./constants/selectors.js";
 import { CONTROL_BLOCK_ID as A } from "./controls/main/index.js";
 import "./store/recommendation.js";
 import "./controls/name/index.js";
@@ -16,7 +15,7 @@ import { SPACING_CONTROL_ID as L } from "./controls/spacing/index.js";
 import { CARD_BACKGROUND_COLOR_CONTROL_ID as D } from "./controls/cardBackground/index.js";
 import { COMPOSITION_CONTROL_BLOCK_ID as B } from "./controls/cardComposition/index.js";
 import { SYNC_INFO_MESSAGE_CONTROL_ID as N } from "./controls/syncInfoMessage.js";
-class a extends E {
+class Z extends E {
   registerBlockControls(I) {
     I[U] = [
       new _(
@@ -195,5 +194,5 @@ class a extends E {
   }
 }
 export {
-  a as SettingsPanel
+  Z as SettingsPanel
 };

package/dist/extensions/Blocks/Recommendation/store/recommendation.js

@@ -2,7 +2,6 @@ import { getRecommendationFeedSourceMaps as g, getOperatorOptions as R, PriceAtt
 import { useRecommendationApi as y } from "../../../../services/recommendationApi.js";
 import { useConfigStore as G } from "../../../../stores/config.js";
 import { defineStore as P } from "pinia";
-import "../constants/selectors.js";
 import { DEFAULT_CARDS_IN_ROW as F } from "../constants/layout.js";
 import { EXCLUDED_ALGORITHM_IDS as D } from "../constants/defaultConfig.js";
 import { getDefaultProducts as S } from "../templates/utils.js";
@@ -59,7 +58,7 @@ const N = () => ({
   blockStates: {},
   currentRecommendationId: null,
   configVersion: 0
-}), j = P("guidoRecommendationExtension", {
+}), M = P("guidoRecommendationExtension", {
   state: () => N(),
   getters: {
     // ====================================================================
@@ -472,5 +471,5 @@ const N = () => ({
   }
 });
 export {
-  j as useRecommendationExtensionStore
+  M as useRecommendationExtensionStore
 };

package/dist/extensions/Blocks/Recommendation/templates/grid/elementRenderer.js

@@ -1,5 +1,5 @@
 import { RecommendationBlockId as s } from "../../constants/blockIds.js";
-import { ATTR_PRODUCT_ATTR as u, CSS_CLASS_RECO_BUTTON as p, ATTR_PRODUCT_BUTTON as m, ATTR_PRODUCT_OMNIBUS_DISCOUNT as h, ATTR_PRODUCT_OMNIBUS_PRICE as y, ATTR_PRODUCT_OLD_PRICE as T, ATTR_PRODUCT_PRICE as f, ATTR_PRODUCT_NAME as _, ATTR_PRODUCT_IMAGE as x } from "../../constants/selectors.js";
+import { ATTR_PRODUCT_ATTR as u, CSS_CLASS_RECO_BUTTON as p, ATTR_PRODUCT_BUTTON as m, ATTR_PRODUCT_OMNIBUS_DISCOUNT as h, ATTR_PRODUCT_OMNIBUS_PRICE as y, ATTR_PRODUCT_OLD_PRICE as T, ATTR_PRODUCT_PRICE as f, ATTR_PRODUCT_NAME as x, ATTR_PRODUCT_IMAGE as _ } from "../../constants/selectors.js";
 import { useRecommendationExtensionStore as $ } from "../../store/recommendation.js";
 import { formatPrice as C } from "../../utils/priceFormatter.js";
 import { CUSTOM_CELL_HTML as R, sanitizeImageUrl as O } from "../utils.js";
@@ -23,7 +23,7 @@ function i(t, e = "price") {
   });
 }
 const S = {
-  [x]: (t) => `
+  [_]: (t) => `
         <td class="${l}" style="padding: ${a}; height: 100%;" valign="top">
             <table
                 class="product-card-segment"
@@ -51,7 +51,7 @@ const S = {
             </table>
         </td>
     `,
-  [_]: (t) => `
+  [x]: (t) => `
         <td class="${l}" style="padding: ${a}; height: 100%;" valign="middle">
             <table
                 class="product-card-segment"
@@ -115,7 +115,9 @@ const S = {
                             class="esd-block-text product-old-price es-p15l es-p15r"
                             align="center"
                             esd-extension-block-id="${s.OLD_PRICE}">
-                            <p contenteditable="false" style="font-size: 14px; color: #999999;">
+                            <p
+                                contenteditable="false"
+                                style="font-size: 14px; color: #999999; text-decoration: line-through;">
                                 <strong>${i(t, "original_price")}</strong>
                             </p>
                         </td>

package/dist/extensions/Blocks/Recommendation/templates/grid/template.js

@@ -1,4 +1,3 @@
-import "../../constants/selectors.js";
 import { DEFAULT_PRODUCTS_PER_ROW as L } from "../../constants/layout.js";
 import { getDefaultProducts as E, DEFAULTS as I, createBlockTemplate as _, DEFAULT_CARD_COMPOSITION as S, spacer as b, buildElementRenderer as A, DEFAULT_CARD_VISIBILITY as f } from "../utils.js";
 import { ATTRIBUTE_CELL_CLASS as w, DEFAULT_CELL_PADDING as D, gridElementRenderer as C } from "./elementRenderer.js";
@@ -53,12 +52,12 @@ function U(t, e, o, r, n = {}) {
 function h(t, e, o, r = {}) {
   return U(t, e, C, o, r);
 }
-function H(t) {
+function F(t) {
   const e = t ? `ins-recommendation-v3-block-${t}` : void 0, o = _("grid", e), r = E(), n = h(r, L);
   return o.replace("{-{-TITLE-}-}", I.TITLE).replace("{-{-PRODUCT_ROWS-}-}", n).replace("{-{-MOBILE_PRODUCT_ROWS-}-}", "");
 }
 export {
-  H as getDefaultTemplate,
+  F as getDefaultTemplate,
   P as prepareGridAttributeRows,
   U as prepareGridProductRows,
   h as prepareProductRows

package/dist/extensions/Blocks/Recommendation/templates/index.js

@@ -1,13 +1,12 @@
-import "../constants/selectors.js";
 import { DEFAULT_PRODUCTS_PER_ROW as s } from "../constants/layout.js";
 import { prepareProductRows as c } from "./grid/template.js";
-import { prepareProductRows as m } from "./list/template.js";
-function f(o, t, r = {}) {
+import { prepareProductRows as R } from "./list/template.js";
+function a(o, t, r = {}) {
   if (t === "list")
-    return m(o, r.composition, r.filterList);
+    return R(o, r.composition, r.filterList);
   const { productsPerRow: e = s, composition: p, filterList: i } = r;
   return c(o, e, p, i);
 }
 export {
-  f as prepareProductRows
+  a as prepareProductRows
 };

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

@@ -1,29 +1,29 @@
-function d(a, t) {
-  const { thousandSeparator: s, decimalSeparator: e, decimalCount: r } = t, u = Math.abs(a).toFixed(r), [c, o] = u.split("."), n = c.replace(
+function $(a, e) {
+  const { thousandSeparator: u, decimalSeparator: t, decimalCount: r } = e, m = Number(Math.abs(a).toPrecision(15)), [c, i = ""] = String(m).split("."), n = i.padEnd(r, "0"), s = c.replace(
     /\B(?=(\d{3})+(?!\d))/g,
-    s
-  ), i = a < 0 ? "-" : "";
-  return r > 0 && o ? `${i}${n}${e}${o}` : `${i}${n}`;
+    u
+  ), o = a < 0 ? "-" : "";
+  return r > 0 && n ? `${o}${s}${t}${n}` : `${o}${s}`;
 }
-function m(a) {
-  const { price: t, currency: s } = a, {
-    symbol: e,
+function d(a) {
+  const { price: e, currency: u } = a, {
+    symbol: t,
     alignment: r,
-    thousandSeparator: u,
+    thousandSeparator: m,
     decimalSeparator: c,
-    decimalCount: o
-  } = s;
-  if (typeof t != "number" || Number.isNaN(t)) {
-    const i = "0".repeat(o), $ = `0${c}${i}`;
-    return r === "before" ? `${e} ${$}` : `${$} ${e}`;
+    decimalCount: i
+  } = u;
+  if (typeof e != "number" || Number.isNaN(e)) {
+    const s = "0".repeat(i), o = `0${c}${s}`;
+    return r === "before" ? `${t} ${o}` : `${o} ${t}`;
   }
-  const n = d(t, {
-    thousandSeparator: u,
+  const n = $(e, {
+    thousandSeparator: m,
     decimalSeparator: c,
-    decimalCount: o
+    decimalCount: i
   });
-  return r === "before" ? `${e} ${n}` : `${n} ${e}`;
+  return r === "before" ? `${t} ${n}` : `${n} ${t}`;
 }
 export {
-  m as formatPrice
+  d as formatPrice
 };

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

@@ -1,13 +1,4 @@
 import type { DynamicContent } from '@@/Types/generic';
-/**
- * Parses a `{{recoId_index_attributeName}}` variable (already stripped of the
- * braces/whitespace) into its recommendation id and attribute name. Returns
- * null for anything that isn't a well-formed recommendation variable.
- */
-export declare function parseRecommendationVariable(field: string): {
-    recoId: string;
-    attribute: string;
-} | null;
 export declare const useHtmlValidator: () => {
     validateHtml: (html: string, customFields: DynamicContent[], isOnSaveValidation?: boolean) => Promise<boolean>;
 };

package/dist/src/config/migrator/recommendation/extractors.d.ts

@@ -5,18 +5,3 @@ export declare function extractTitleText(block: Element): string;
  * the caller treats that as "no segment background".
  */
 export declare function extractCardBgColor(block: Element): string;
-/**
- * Reads the legacy block's own `currency-*` attributes into a
- * `currencySettings`-shaped object that `mapCurrency` understands. Used as a
- * fallback when the external recommendationConfigs map has no entry for this
- * block, so the migrated block keeps its real currency instead of defaulting.
- * Returns undefined when the block carries no `currency` attribute.
- */
-export declare function extractCurrencyFromBlock(block: Element): Record<string, string> | undefined;
-/**
- * A legacy block whose inner markup already carries `{{...}}` template
- * variables was hand-customized by the partner. Detected before rebuild so the
- * migrator can preserve the content (and tag the block `ins-skip-compile`)
- * instead of regenerating it and wiping the partner's variables.
- */
-export declare function isCustomizedBlock(block: Element): boolean;

package/dist/src/config/migrator/recommendation/htmlBuilder.d.ts

@@ -8,12 +8,4 @@ export declare function buildBlockHtml(params: {
     extraClasses?: string;
     legacyId?: string;
     legacyBgColor?: string;
-    /**
-     * When set, the block's existing inner HTML is preserved verbatim instead
-     * of regenerating product rows — used for partner-customized blocks so
-     * their hand-authored `{{...}}` variables survive migration.
-     */
-    preserveInnerHtml?: string;
-    /** Adds the `ins-skip-compile` opt-out class to the migrated block. */
-    skipCompile?: boolean;
 }): string;

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

@@ -8,6 +8,6 @@
  */
 export { RecommendationBlockId } from './blockIds';
 export { RecommendationControlId } from './controlIds';
-export { BLOCK_ROOT_SELECTOR, CONTAINER_SELECTOR, DESKTOP_CONTAINER_SELECTOR, MOBILE_CONTAINER_SELECTOR, MOBILE_ROW_SELECTOR, CSS_CLASS_RECO_BUTTON, CSS_CLASS_SKIP_COMPILE, RECOMMENDATION_VARIABLE_BUILTIN_ATTRIBUTES, CURRENCY_ATTR, ATTR_PRODUCT_IMAGE, ATTR_PRODUCT_NAME, ATTR_PRODUCT_PRICE, ATTR_PRODUCT_OLD_PRICE, ATTR_PRODUCT_OMNIBUS_PRICE, ATTR_PRODUCT_OMNIBUS_DISCOUNT, ATTR_PRODUCT_BUTTON, ATTR_CUSTOM_PREFIX, ATTR_DATA_CUSTOM_ATTRIBUTES, ATTR_PRODUCT_ATTR, BUILT_IN_DEFAULT_ATTRIBUTES, } from './selectors';
+export { BLOCK_ROOT_SELECTOR, CONTAINER_SELECTOR, DESKTOP_CONTAINER_SELECTOR, MOBILE_CONTAINER_SELECTOR, MOBILE_ROW_SELECTOR, CSS_CLASS_RECO_BUTTON, CURRENCY_ATTR, ATTR_PRODUCT_IMAGE, ATTR_PRODUCT_NAME, ATTR_PRODUCT_PRICE, ATTR_PRODUCT_OLD_PRICE, ATTR_PRODUCT_OMNIBUS_PRICE, ATTR_PRODUCT_OMNIBUS_DISCOUNT, ATTR_PRODUCT_BUTTON, ATTR_CUSTOM_PREFIX, ATTR_DATA_CUSTOM_ATTRIBUTES, ATTR_PRODUCT_ATTR, BUILT_IN_DEFAULT_ATTRIBUTES, } from './selectors';
 export { LAYOUT_VALUES, LAYOUT_OPTIONS, DEFAULT_PRODUCTS_PER_ROW, DEFAULT_CARDS_IN_ROW, DEFAULT_MOBILE_CARDS_IN_ROW, MAX_PRODUCT_COUNT, MIN_PRODUCT_COUNT, MAX_PRODUCTS_PER_ROW, MIN_PRODUCTS_PER_ROW, MAX_MOBILE_PRODUCTS_PER_ROW, MIN_MOBILE_PRODUCTS_PER_ROW, DEFAULT_COLUMN_SPACING, DEFAULT_ROW_SPACING, DEFAULT_MOBILE_COLUMN_SPACING, DEFAULT_MOBILE_ROW_SPACING, MIN_SPACING, MAX_SPACING, SPACING_STEP, } from './layout';
 export { DEFAULT_NODE_CONFIG, DEFAULT_CURRENCY, DEFAULT_COMPOSITION, DEFAULT_VISIBILITY, CURRENT_CONFIG_VERSION, EXCLUDED_ALGORITHM_IDS, } from './defaultConfig';

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

@@ -23,18 +23,6 @@ export declare const MOBILE_ROW_SELECTOR = ".ins-recommendation-mobile-row";
  * `{{cId_pIdx_url}}` template variable.
  */
 export declare const CSS_CLASS_RECO_BUTTON = "reco-v3-button";
-/**
- * Opt-out class for partners who want to inject their own template variables
- * into a recommendation block. When present on `.recommendation-block-v2`,
- * Guido skips ONLY its product-data → template-variable substitution
- * (`replaceProductAttributes`) for that block — partners author their own
- * `{{recoId_index_attribute}}` variables. Everything else (campaign URL
- * building, hidden-row removal, Outlook image widths, text-trim CSS, discount
- * conditions, store hydration, store-level config validation, and general HTML
- * optimizations) still applies. The class is preserved in the final compiled
- * output so partners may use it for their own styling.
- */
-export declare const CSS_CLASS_SKIP_COMPILE = "ins-skip-compile";
 /**
  * Currency HTML attributes set on the block element
  * These are read by the HTML compiler at runtime to format prices
@@ -73,12 +61,3 @@ export declare const ATTR_PRODUCT_ATTR = "product-attr";
  * Used to exclude these from the custom attribute dropdown to prevent duplication with toggles.
  */
 export declare const BUILT_IN_DEFAULT_ATTRIBUTES: Set<string>;
-/**
- * Attribute names valid inside a `{{recoId_index_attributeName}}` template
- * variable regardless of the account's custom attribute list. Every built-in
- * composition attribute is valid, plus `currency` and `discount` which the
- * compiler emits but are not composition toggles. Custom attributes are
- * validated separately against the account's fetched attribute list
- * (`stripo/email-recommendation-attributes`).
- */
-export declare const RECOMMENDATION_VARIABLE_BUILTIN_ATTRIBUTES: Set<string>;

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

@@ -17,13 +17,6 @@ export declare class RecommendationCardCompositionControl extends CommonControl
     getId(): string;
     getTemplate(): string;
     onRender(): void;
-    /**
-     * Card composition restructures the block (toggles/reorders/adds attribute
-     * cells), which would corrupt a partner-managed (`ins-skip-compile`) block's
-     * preserved markup. There is no native tab-disable API, so the whole control
-     * container is rendered inert (greyed + non-interactive) instead.
-     */
-    _syncDisabledState(): void;
     onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
     onDestroy(): void;
     private _initializeComposition;

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

@@ -21,11 +21,6 @@ export declare class LayoutOrientationControl extends CommonControl {
     getTemplate(): string;
     onRender(): void;
     onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
-    /**
-     * Layout orientation restructures the whole block, which is meaningless for
-     * partner-managed (`ins-skip-compile`) blocks — disable the control there.
-     */
-    _syncDisabledState(): void;
     _setFormValues(): void;
     /**
      * Handles layout change

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

@@ -30,12 +30,6 @@ export declare class ProductLayoutControl extends CommonControl {
     getTemplate(): string;
     onRender(): void;
     onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
-    /**
-     * Products-per-row and mobile-layout restructure the block, which is
-     * meaningless for partner-managed (`ins-skip-compile`) blocks — disable
-     * these inputs there. Disabling coexists with the visibility logic above.
-     */
-    _syncDisabledState(): void;
     onDestroy(): void;
     _setFormValues(): void;
     /**

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

@@ -35,15 +35,6 @@ interface DocumentModifier {
  * @returns The block element or null if not found
  */
 export declare function getBlockElement(currentNode: ImmutableHtmlNode | null | undefined): ImmutableHtmlNode | null;
-/**
- * True when the recommendation block has opted out of Guido's content
- * regeneration via the `ins-skip-compile` class. Partner-managed blocks carry
- * hand-authored `{{...}}` variables in their cells, so Guido must never
- * overwrite their content with product data (regenerate / in-place update).
- * @param currentNode - The current template node
- * @returns True if the block opted out of content regeneration
- */
-export declare function isPartnerManagedBlock(currentNode: ImmutableHtmlNode | null | undefined): boolean;
 /**
  * Gets the current layout orientation from the block's data attribute
  * Supports both old (horizontal/vertical) and new (list/grid) values for backward compatibility

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.6.0-beta.7ac8612",
+  "version": "3.6.0-beta.dc3a2aa",
   "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/config/compiler/utils/recommendationIgnoreUtils.js

@@ -1,15 +0,0 @@
-import { CSS_CLASS_SKIP_COMPILE as n, BLOCK_ROOT_SELECTOR as i } from "../../../extensions/Blocks/Recommendation/constants/selectors.js";
-function m(o) {
-  return o.classList.contains(n);
-}
-function a(o) {
-  const r = new DOMParser().parseFromString(o, "text/html").querySelectorAll(`${i}.${n}`), t = /* @__PURE__ */ new Set();
-  return r.forEach((c) => {
-    const e = c.getAttribute("recommendation-id");
-    e && t.add(e);
-  }), t;
-}
-export {
-  a as getIgnoredRecommendationBlockIds,
-  m as isIgnoredRecommendationBlock
-};

package/dist/src/config/compiler/utils/recommendationIgnoreUtils.d.ts

@@ -1,17 +0,0 @@
-/**
- * Returns true when a recommendation block has opted out of Guido's
- * product-data → template-variable substitution. Partners signal opt-out by
- * adding the `ins-skip-compile` class on the `.recommendation-block-v2`
- * element. Only the variable substitution is skipped — campaign URL building,
- * hidden-row removal, Outlook image widths, discount conditions, text-trim CSS
- * and general HTML optimizations still apply. See `CSS_CLASS_SKIP_COMPILE` for
- * the full scope.
- */
-export declare function isIgnoredRecommendationBlock(block: Element): boolean;
-/**
- * DOM-parses the HTML once and returns the set of `recommendation-id`
- * values that belong to ignored blocks. Use this in regex/string-based
- * compiler rules where the rule processes flat matches and only has the
- * extracted block ID rather than a DOM Element reference.
- */
-export declare function getIgnoredRecommendationBlockIds(html: string): Set<string>;

package/dist/src/config/compiler/utils/recommendationIgnoreUtils.test.d.ts

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