npm - @useinsider/guido - Versions diffs - 3.7.2-beta.af89512 → 3.7.2-beta.b445a7a - Mend

@useinsider/guido 3.7.2-beta.af89512 → 3.7.2-beta.b445a7a

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (41) hide show

package/dist/composables/useHtmlCompiler.js CHANGED Viewed

@@ -13,8 +13,6 @@ const y = /* @__PURE__ */ new Set([
   "fix-url-encoding-end",
   "fix-tags-start",
   "fix-tags-end",
-  // Unwrap translate-injected <font dir="auto"> tags — pure removal, never emits AMP-forbidden output.
-  "strip-font-tags",
   // Image domain corrections — plain string replacement.
   "replace-old-image-domain",
   "replace-old-v2-image-domain",
@@ -28,22 +26,22 @@ const y = /* @__PURE__ */ new Set([
   // Coupon placeholder replacement (only present when liquidSyntax is enabled).
   "liquid-coupon-code"
 ]), M = () => {
-  var t, m, r;
-  const { compiler: e, isFeatureEnabled: a, partner: n } = k(), p = ((t = e.value) == null ? void 0 : t.customRules) || [], l = [
-    ...!!((m = e.value) != null && m.ignoreDefaultRules) ? [] : R,
+  var m, t, r;
+  const { compiler: e, isFeatureEnabled: a, partner: n } = k(), u = ((m = e.value) == null ? void 0 : m.customRules) || [], l = [
+    ...!!((t = e.value) != null && t.ignoreDefaultRules) ? [] : R,
     ...v,
     ...x,
     ...g,
     ...b,
     ...H,
     ...a("liquidSyntax") ? C : [],
-    ...p.map((o, f) => ({
+    ...u.map((o, f) => ({
       ...o,
       priority: o.priority + 1e3 + f
       // Ensure additional rules run after default rules
     }))
-  ], u = s(l), c = l.filter((o) => y.has(o.id)), d = s(c), i = (r = n.value) == null ? void 0 : r.fallbackFont;
-  return { compileHtml: (o) => u.compile(o, void 0, i), compileAmpHtml: (o) => d.compile(o, void 0, i) };
+  ], p = s(l), c = l.filter((o) => y.has(o.id)), d = s(c), i = (r = n.value) == null ? void 0 : r.fallbackFont;
+  return { compileHtml: (o) => p.compile(o, void 0, i), compileAmpHtml: (o) => d.compile(o, void 0, i) };
 };
 export {
   M as useHtmlCompiler

package/dist/config/compiler/htmlCompilerRules.js CHANGED Viewed

@@ -1,5 +1,4 @@
-import { stripFontTags as n } from "../../utils/stripFontTags.js";
-const l = [
+const a = [
   {
     id: "fix-url-encoding-start",
     description: "Replace {%22 with %7B%22 to fix URL encoding",
@@ -54,13 +53,6 @@ const l = [
     replaceAll: !0,
     priority: 14
   },
-  {
-    id: "strip-font-tags",
-    description: 'Unwrap <font dir="auto"> tags injected by browser translate extensions (e.g. Google Translate), keeping inner content — prevents Chrome DOM-depth overflow ("512 nodes"). Other <font> elements are left intact.',
-    type: "custom",
-    processor: (e) => n(e),
-    priority: 15
-  },
   {
     id: "remove-apty-iframe",
     description: "Cleanup Apty Iframe Code",
@@ -99,7 +91,7 @@ const l = [
     description: "Adding MSO Conditions",
     type: "custom",
     processor: (e) => {
-      const i = [
+      const t = [
         `<!--[if gte mso 9]>
 <style>sup {
     font-size: 100% !important;
@@ -122,10 +114,10 @@ const l = [
       ], s = /<head>([\S\s]*)<\/head>/, o = new RegExp(s);
       if (!e.match(o))
         return e;
-      let t = e;
-      return i.forEach((r) => {
-        t = t.replace("</head>", `${r}</head>`);
-      }), t;
+      let i = e;
+      return t.forEach((r) => {
+        i = i.replace("</head>", `${r}</head>`);
+      }), i;
     },
     priority: 30
   },
@@ -149,5 +141,5 @@ const l = [
   }
 ];
 export {
-  l as defaultHtmlCompilerRules
+  a as defaultHtmlCompilerRules
 };

package/dist/config/compiler/utils/recommendationCompilerUtils.js CHANGED Viewed

@@ -1,18 +1,18 @@
-import { useConfig as g } from "../../../composables/useConfig.js";
-import { useRecommendation as _ } from "../../../composables/useRecommendation.js";
+import { useConfig as _ } from "../../../composables/useConfig.js";
+import { useRecommendation as g } from "../../../composables/useRecommendation.js";
 import { CSS_CLASS_RECO_BUTTON as q } from "../../../extensions/Blocks/Recommendation/constants/selectors.js";
 import { useRecommendationExtensionStore as C } from "../../../extensions/Blocks/Recommendation/store/recommendation.js";
-function y(r, n, e, o, i = "") {
+function h(r, n, e, o, i = "") {
   const c = `{{${i}${r}_${n}_${e}}}`, t = `{{${i}${r}_${n}_currency}}`;
   return o === "before" ? `${t} ${c}` : `${c} ${t}`;
 }
-function A(r) {
+function b(r) {
   let n = r;
   for (; n.children.length === 1; )
     [n] = n.children;
   return n;
 }
-function f(r, n, e, o, i, c) {
+function A(r, n, e, o, i, c) {
   switch (n) {
     case "productImage": {
       const t = r.querySelector("img");
@@ -23,15 +23,12 @@ function f(r, n, e, o, i, c) {
     }
     case "productName": {
       const t = r.querySelector("p");
-      if (t) {
-        const s = t.querySelector("strong") || t;
-        s.textContent = `{{${c}${e}_${o}_name}}`;
-      }
+      t && (b(t).textContent = `{{${c}${e}_${o}_name}}`);
       break;
     }
     case "productPrice": {
       const t = r.querySelector("p");
-      t && (A(t).textContent = y(
+      t && (b(t).textContent = h(
         e,
         o,
         "price",
@@ -42,7 +39,7 @@ function f(r, n, e, o, i, c) {
     }
     case "productOldPrice": {
       const t = r.querySelector("p");
-      t && (A(t).textContent = y(
+      t && (b(t).textContent = h(
         e,
         o,
         "original_price",
@@ -78,10 +75,7 @@ function f(r, n, e, o, i, c) {
       const t = r.getAttribute("product-attr") ? r : r.querySelector("[product-attr]");
       if (t) {
         const s = t.getAttribute("product-attr"), a = t.querySelector("p");
-        if (a) {
-          const u = a.querySelector("strong") || a;
-          u.textContent = `{{${c}${e}_${o}_${s}}}`;
-        }
+        a && (b(a).textContent = `{{${c}${e}_${o}_${s}}}`);
       }
       break;
     }
@@ -92,8 +86,8 @@ function w(r, n, e, o) {
     c.querySelectorAll("[data-attribute-type]").forEach((a) => {
       const u = a.getAttribute("data-attribute-type") || "", p = a.querySelectorAll(".attribute-cell");
       p.length > 0 ? p.forEach((l) => {
-        f(l, u, n, t, e, o);
-      }) : f(a, u, n, t, e, o);
+        A(l, u, n, t, e, o);
+      }) : A(a, u, n, t, e, o);
     });
   });
 }
@@ -105,9 +99,9 @@ function E(r, n, e, o) {
   i.forEach((a, u) => {
     a.querySelectorAll("[data-attribute-type]").forEach((l) => {
       const d = l.getAttribute("data-attribute-type") || "";
-      l.querySelectorAll(".attribute-cell").forEach((h, $) => {
+      l.querySelectorAll(".attribute-cell").forEach((y, $) => {
         const S = u * s + $;
-        f(h, d, n, S, e, o);
+        A(y, d, n, S, e, o);
       });
     });
   });
@@ -121,7 +115,7 @@ function P(r, n, e) {
   const o = r.getAttribute("data-layout") || "grid", i = r.getAttribute("currency-alignment") || "after";
   o === "list" ? w(r, n, i, e) : R(r, n, i, e);
 }
-function b(r, n, e) {
+function f(r, n, e) {
   const o = new RegExp(`${n}\\s*:\\s*(\\d+)\\s*px`, "i"), i = r.match(o);
   return i ? parseInt(i[1]) : e;
 }
@@ -138,14 +132,14 @@ function T(r, n) {
   return null;
 }
 function v(r) {
-  const n = r.getAttribute("style") || "", e = b(n, "width", 600), o = b(n, "padding", 0) * 2, i = Math.max(0, e - o);
+  const n = r.getAttribute("style") || "", e = f(n, "width", 600), o = f(n, "padding", 0) * 2, i = Math.max(0, e - o);
   i !== 0 && r.querySelectorAll("img.adapt-img").forEach((c) => {
     if (c.hasAttribute("width"))
       return;
     const t = T(c, r);
     if (!t)
       return;
-    const s = t.getAttribute("width"), a = parseFloat(s), u = b(t.getAttribute("style") || "", "padding", 0) * 2, p = Math.floor(i * a / 100), l = Math.max(1, p - u);
+    const s = t.getAttribute("width"), a = parseFloat(s), u = f(t.getAttribute("style") || "", "padding", 0) * 2, p = Math.floor(i * a / 100), l = Math.max(1, p - u);
     c.setAttribute("width", String(l));
     const d = c.getAttribute("style") || "";
     if (!/\bwidth\s*:\s*\d/i.test(d)) {
@@ -163,9 +157,9 @@ function N(r) {
   const n = r.replaceAll("{%", "<!--{%").replaceAll("%}", "%}-->"), e = new DOMParser().parseFromString(n, "text/html"), o = e.querySelectorAll(".recommendation-block-v2");
   if (!o.length)
     return r;
-  const { buildCampaignUrl: i } = _(), c = C();
+  const { buildCampaignUrl: i } = g(), c = C();
   c.recommendationCampaignUrls = {};
-  const { isFeatureEnabled: t } = g(), s = t("liquidSyntax") ? "reco_" : "";
+  const { isFeatureEnabled: t } = _(), s = t("liquidSyntax") ? "reco_" : "";
   return o.forEach((u) => {
     var l, d;
     const p = u.getAttribute("recommendation-id");
@@ -173,6 +167,6 @@ function N(r) {
   }), O(n, e).replaceAll("<!--{%", "{%").replaceAll("%}-->", "%}").replaceAll("&lt;!--{%", "{%").replaceAll("%}--&gt;", "%}");
 }
 export {
-  y as formatPriceVariable,
+  h as formatPriceVariable,
   N as prepareRecommendationBlocks
 };

package/dist/config/migrator/index.js CHANGED Viewed

@@ -1,14 +1,13 @@
 import { migrateCheckbox as o } from "./checkboxMigrator.js";
 import { migrateCouponBlock as i } from "./couponBlockMigrator.js";
-import { migrateFontTags as e } from "./fontTagMigrator.js";
-import { migrateItemsBlock as a } from "./itemsBlockMigrator.js";
-import { migrateRadioButton as g } from "./radioButtonMigrator.js";
-import { migrateRecommendation as n } from "./recommendationMigrator.js";
-import { migrateUnsubscribe as p } from "./unsubscribeMigrator.js";
-const k = async (r, t = {}) => {
+import { migrateItemsBlock as e } from "./itemsBlockMigrator.js";
+import { migrateRadioButton as a } from "./radioButtonMigrator.js";
+import { migrateRecommendation as g } from "./recommendationMigrator.js";
+import { migrateUnsubscribe as n } from "./unsubscribeMigrator.js";
+const b = async (r, t = {}) => {
   let m = r;
-  return m = e(m), m = o(m), m = g(m), m = await p(m), m = i(m), m = n(m, t), m = a(m), m;
+  return m = o(m), m = a(m), m = await n(m), m = i(m), m = g(m, t), m = e(m), m;
 };
 export {
-  k as migrate
+  b as migrate
 };

package/dist/extensions/Blocks/Recommendation/constants/selectors.js CHANGED Viewed

@@ -1,11 +1,11 @@
-const T = ".recommendation-block-v2", c = ".ins-recommendation-product-container", o = ".ins-recommendation-desktop-container", n = ".ins-recommendation-mobile-container", t = ".ins-recommendation-mobile-row", r = "reco-v3-button", _ = {
+const T = ".recommendation-block-v2", c = ".ins-recommendation-product-container", t = ".ins-recommendation-desktop-container", o = ".ins-recommendation-mobile-container", n = ".ins-recommendation-mobile-row", r = "reco-v3-button", _ = {
   CURRENCY: "currency",
   SYMBOL: "currency-symbol",
   ALIGNMENT: "currency-alignment",
   THOUSAND_SEPARATOR: "currency-thousand-separator",
   DECIMAL_SEPARATOR: "currency-decimal-separator",
   DECIMAL_COUNT: "currency-decimal-count"
-}, R = "productImage", e = "productName", O = "productPrice", s = "productOldPrice", i = "productOmnibusPrice", C = "productOmnibusDiscount", E = "productButton", A = "customAttr:", u = "data-custom-attributes", m = "product-attr", a = /* @__PURE__ */ new Set([
+}, R = "productImage", e = "productName", O = "productPrice", s = "productOldPrice", E = "productOmnibusPrice", i = "productOmnibusDiscount", C = "productButton", A = "customAttr:", u = "data-custom-attributes", a = "product-attr", m = "product_attribute.", U = /* @__PURE__ */ new Set([
   "name",
   // productName
   "price",
@@ -24,20 +24,21 @@ const T = ".recommendation-block-v2", c = ".ins-recommendation-product-container
 export {
   A as ATTR_CUSTOM_PREFIX,
   u as ATTR_DATA_CUSTOM_ATTRIBUTES,
-  m as ATTR_PRODUCT_ATTR,
-  E as ATTR_PRODUCT_BUTTON,
+  a as ATTR_PRODUCT_ATTR,
+  C as ATTR_PRODUCT_BUTTON,
   R as ATTR_PRODUCT_IMAGE,
   e as ATTR_PRODUCT_NAME,
   s as ATTR_PRODUCT_OLD_PRICE,
-  C as ATTR_PRODUCT_OMNIBUS_DISCOUNT,
-  i as ATTR_PRODUCT_OMNIBUS_PRICE,
+  i as ATTR_PRODUCT_OMNIBUS_DISCOUNT,
+  E as ATTR_PRODUCT_OMNIBUS_PRICE,
   O as ATTR_PRODUCT_PRICE,
   T as BLOCK_ROOT_SELECTOR,
-  a as BUILT_IN_DEFAULT_ATTRIBUTES,
+  U as BUILT_IN_DEFAULT_ATTRIBUTES,
   c as CONTAINER_SELECTOR,
   r as CSS_CLASS_RECO_BUTTON,
   _ as CURRENCY_ATTR,
-  o as DESKTOP_CONTAINER_SELECTOR,
-  n as MOBILE_CONTAINER_SELECTOR,
-  t as MOBILE_ROW_SELECTOR
+  t as DESKTOP_CONTAINER_SELECTOR,
+  o as MOBILE_CONTAINER_SELECTOR,
+  n as MOBILE_ROW_SELECTOR,
+  m as PRODUCT_ATTRIBUTE_PREFIX
 };

package/dist/extensions/Blocks/Recommendation/controls/main/index.js CHANGED Viewed

@@ -1,8 +1,8 @@
 var C = Object.defineProperty;
-var p = (d, c, t) => c in d ? C(d, c, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[c] = t;
-var s = (d, c, t) => p(d, typeof c != "symbol" ? c + "" : c, t);
+var p = (d, a, t) => a in d ? C(d, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[a] = t;
+var s = (d, a, t) => p(d, typeof a != "symbol" ? a + "" : a, t);
 import { CommonControl as g } from "../../../common-control.js";
-import { DEFAULT_NODE_CONFIG as a } from "../../constants/defaultConfig.js";
+import { DEFAULT_NODE_CONFIG as l } from "../../constants/defaultConfig.js";
 import { RecommendationConfigService as h } from "../../services/configService.js";
 import { useRecommendationExtensionStore as y } from "../../store/recommendation.js";
 import { AlgorithmControl as R } from "./algorithm.js";
@@ -16,13 +16,13 @@ import { LAYOUT_ORIENTATION_CONTROL_ID as rt } from "./layoutOrientation.js";
 import { LocaleControl as _ } from "./locale.js";
 import { LOCALE_CONTROL_ID as it } from "./locale.js";
 import { ProductCountControl as O } from "./productCount.js";
-import { PRODUCT_COUNT_CONTROL_ID as at } from "./productCount.js";
+import { PRODUCT_COUNT_CONTROL_ID as lt } from "./productCount.js";
 import { ProductLayoutControl as T } from "./productLayout.js";
-import { PRODUCT_LAYOUT_CONTROL_ID as lt } from "./productLayout.js";
+import { PRODUCT_LAYOUT_CONTROL_ID as ct } from "./productLayout.js";
 import { ShuffleControl as S } from "./shuffle.js";
 import { SHUFFLE_CONTROL_ID as dt } from "./shuffle.js";
 import { setCurrencyAttributes as L, getBlockElement as P, updateProductContentInPlace as k, regenerateProductRowsWithStyles as D } from "./utils.js";
-import { adjustProductsToSize as mt, formatProductPrice as ft, getCardComposition as Ct, getCurrentLayout as pt, reapplySpacing as gt, regenerateMobileProductRows as yt, regenerateProductRows as Rt, updatePricesInPlace as bt, updateSingleProductContent as Nt } from "./utils.js";
+import { adjustProductsToSize as mt, formatProductPrice as ft, getCardComposition as Ct, getCurrentLayout as pt, regenerateMobileProductRows as gt, updatePricesInPlace as yt, updateSingleProductContent as Rt } from "./utils.js";
 import { useDebounceFn as m } from "../../../../../node_modules/@vueuse/shared/index.js";
 const E = "recommendation-id", w = "ui-elements-recommendation-block";
 class K extends g {
@@ -241,26 +241,26 @@ class K extends g {
       return;
     const t = h.getConfig(this.currentNode), e = {};
     let o = null, r = null, n = null;
-    if (t.currency.code === a.currency.code) {
+    if (t.currency.code === l.currency.code) {
       const { currencyList: i } = this.store;
       i.length > 0 && (i.some(
-        (u) => u.value === `price.${a.currency.code}`
+        (u) => u.value === `price.${l.currency.code}`
       ) || (o = i[0].value.replace("price.", ""), e.currency = {
-        ...a.currency,
+        ...l.currency,
         code: o,
         symbol: o
       }));
     }
-    if (t.strategy === a.strategy) {
+    if (t.strategy === l.strategy) {
       const i = this.store.getActivePredictiveAlgorithms;
       i.length > 0 && (i.some(
-        (u) => u.value === a.strategy
+        (u) => u.value === l.strategy
       ) || (r = i[0].value, e.strategy = r));
     }
-    if (t.language === a.language) {
+    if (t.language === l.language) {
       const i = this.store.getLanguages;
       i.length > 0 && (i.some(
-        (u) => u.value === a.language
+        (u) => u.value === l.language
       ) || (n = i[0].value, e.language = n));
     }
     !o && !r && !n || (h.updateConfig(
@@ -278,10 +278,10 @@ class K extends g {
           name: o,
           value: o,
           symbol: o,
-          alignment: a.currency.alignment === "before" ? "0" : "1",
-          decimalCount: a.currency.decimalCount.toString(),
-          decimalSeparator: a.currency.decimalSeparator,
-          thousandSeparator: a.currency.thousandSeparator
+          alignment: l.currency.alignment === "before" ? "0" : "1",
+          decimalCount: l.currency.decimalCount.toString(),
+          decimalSeparator: l.currency.decimalSeparator,
+          thousandSeparator: l.currency.thousandSeparator
         }
       } : {},
       ...r ? { strategy: r } : {},
@@ -325,8 +325,8 @@ class K extends g {
       }
       const i = t.$state.configVersion;
       i !== o && (o = i, this._persistFiltersToNodeConfig(), this._debouncedFetchProducts());
-      const l = t.recommendationProducts, u = l !== e, f = Array.isArray(l) && l.length > 0;
-      u && f && (e = l, this._debouncedRegenerateWithProducts());
+      const c = t.recommendationProducts, u = c !== e, f = Array.isArray(c) && c.length > 0;
+      u && f && (e = c, this._debouncedRegenerateWithProducts());
     });
   }
   /**
@@ -357,8 +357,8 @@ export {
   it as LOCALE_CONTROL_ID,
   I as LayoutOrientationControl,
   _ as LocaleControl,
-  at as PRODUCT_COUNT_CONTROL_ID,
-  lt as PRODUCT_LAYOUT_CONTROL_ID,
+  lt as PRODUCT_COUNT_CONTROL_ID,
+  ct as PRODUCT_LAYOUT_CONTROL_ID,
   O as ProductCountControl,
   T as ProductLayoutControl,
   K as RecommendationBlockControl,
@@ -369,12 +369,10 @@ export {
   P as getBlockElement,
   Ct as getCardComposition,
   pt as getCurrentLayout,
-  gt as reapplySpacing,
-  yt as regenerateMobileProductRows,
-  Rt as regenerateProductRows,
+  gt as regenerateMobileProductRows,
   D as regenerateProductRowsWithStyles,
   L as setCurrencyAttributes,
-  bt as updatePricesInPlace,
+  yt as updatePricesInPlace,
   k as updateProductContentInPlace,
-  Nt as updateSingleProductContent
+  Rt as updateSingleProductContent
 };

package/dist/extensions/Blocks/Recommendation/controls/main/layoutOrientation.js CHANGED Viewed

@@ -1,64 +1,53 @@
-var p = Object.defineProperty;
-var A = (o, e, t) => e in o ? p(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var r = (o, e, t) => A(o, typeof e != "symbol" ? e + "" : e, t);
+var L = Object.defineProperty;
+var _ = (o, e, t) => e in o ? L(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var s = (o, e, t) => _(o, typeof e != "symbol" ? e + "" : e, t);
 import { ModificationDescription as h } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CommonControl as N } from "../../../common-control.js";
-import { ATTR_DATA_CUSTOM_ATTRIBUTES as L } from "../../constants/selectors.js";
-import { LAYOUT_OPTIONS as T, DEFAULT_MOBILE_ROW_SPACING as m, DEFAULT_MOBILE_COLUMN_SPACING as d, DEFAULT_ROW_SPACING as l, DEFAULT_COLUMN_SPACING as g } from "../../constants/layout.js";
-import { DEFAULT_COMPOSITION as _ } from "../../constants/defaultConfig.js";
-import { RecommendationConfigService as s } from "../../services/configService.js";
-import { useRecommendationExtensionStore as f } from "../../store/recommendation.js";
-import { getCurrentLayout as C, getBlockElement as I, regenerateProductRowsWithStyles as S } from "./utils.js";
-const U = "recommendation-layout-orientation-control", O = "recommendationInfoBannerTest", a = {
+import { LAYOUT_OPTIONS as O, DEFAULT_MOBILE_ROW_SPACING as m, DEFAULT_MOBILE_COLUMN_SPACING as d, DEFAULT_ROW_SPACING as l, DEFAULT_COLUMN_SPACING as g } from "../../constants/layout.js";
+import { RecommendationConfigService as a } from "../../services/configService.js";
+import { useRecommendationExtensionStore as A } from "../../store/recommendation.js";
+import { getCurrentLayout as C, getBlockElement as f, getCardComposition as S, regenerateProductRowsWithStyles as T } from "./utils.js";
+const I = "recommendation-layout-orientation-control", u = {
   LAYOUT: "layout"
-}, y = "data-card-composition", n = {
+}, n = {
   LAYOUT: "data-layout",
   COLUMN_SPACING: "data-column-spacing",
   ROW_SPACING: "data-row-spacing",
   MOBILE_COLUMN_SPACING: "data-mobile-column-spacing",
   MOBILE_ROW_SPACING: "data-mobile-row-spacing"
 };
-class Y extends N {
+class w extends N {
   constructor() {
     super(...arguments);
-    r(this, "store", f());
-    r(this, "isChangingLayout", !1);
+    s(this, "store", A());
+    s(this, "isChangingLayout", !1);
   }
   getId() {
-    return U;
+    return I;
   }
   getTemplate() {
     return `
             <div class="layout-control-container">
-                ${this._GuOnPageMessage({ name: O })}
                 ${this._GuTwoColumns([
       this._GuLabel({ text: this.api.translate("Layout Orientation") }),
       this._GuRadioButton({
-        name: a.LAYOUT,
-        buttons: T
+        name: u.LAYOUT,
+        buttons: O
       })
     ])}
             </div>
         `;
   }
   onRender() {
-    this._setInfoMessageValue(
-      O,
-      this.api.translate(
-        `Note that updating the Layout Orientation, Number of Products,
-                Products in One Row and Mobile Layout Optimization settings
-                resets the style of your Recommendation block.`
-      )
-    ), this._setFormValues(), this._listenToFormUpdates();
+    this._setFormValues(), this._listenToFormUpdates();
   }
   onTemplateNodeUpdated(t) {
     super.onTemplateNodeUpdated(t), this._setFormValues();
   }
   _setFormValues() {
-    const u = s.getConfig(this.currentNode).layout || C(this.currentNode);
+    const r = a.getConfig(this.currentNode).layout || C(this.currentNode);
     this.api.updateValues({
-      [a.LAYOUT]: u
+      [u.LAYOUT]: r
     });
   }
   /**
@@ -66,13 +55,14 @@ class Y extends N {
    * Updates node config, data attribute and regenerates product rows
    */
   _onLayoutChange(t) {
-    if (this.isChangingLayout || !this.currentNode || (s.getConfig(this.currentNode).layout || C(this.currentNode)) === t)
+    if (this.isChangingLayout || !this.currentNode || (a.getConfig(this.currentNode).layout || C(this.currentNode)) === t)
       return;
-    const c = I(this.currentNode);
+    const c = f(this.currentNode);
     if (c) {
       this.isChangingLayout = !0;
       try {
-        s.updateConfig(
+        const p = S(this.currentNode);
+        a.updateConfig(
           this.api,
           this.currentNode,
           {
@@ -85,7 +75,7 @@ class Y extends N {
           `Changed layout to ${t}`
         ), this.store.patchCurrentBlockConfig({ orientation: t });
         const i = this.api.getDocumentModifier().modifyHtml(c).setAttribute(n.LAYOUT, t).setAttribute(n.COLUMN_SPACING, g.toString()).setAttribute(n.ROW_SPACING, l.toString()).setAttribute(n.MOBILE_COLUMN_SPACING, d.toString()).setAttribute(n.MOBILE_ROW_SPACING, m.toString());
-        t === "list" ? (i.setClass("es-m-p0"), i.setClass("ins-recommendation-list-layout")) : (i.removeClass("es-m-p0"), i.removeClass("ins-recommendation-list-layout")), i.setAttribute(y, _.join(",")).setAttribute(L, "[]"), i.apply(new h(`Update layout to ${t}`)), this._regenerateProductRows(t);
+        t === "list" ? (i.setClass("es-m-p0"), i.setClass("ins-recommendation-list-layout")) : (i.removeClass("es-m-p0"), i.removeClass("ins-recommendation-list-layout")), i.apply(new h(`Update layout to ${t}`)), this._regenerateProductRows(t, p);
       } finally {
         this.isChangingLayout = !1;
       }
@@ -95,22 +85,23 @@ class Y extends N {
    * Regenerates product rows based on the selected layout
    * Uses unified style-preserving regeneration to maintain user customizations
    * @param layout - The layout to use for regeneration (passed explicitly to avoid stale DOM reads)
+   * @param composition - The preserved card composition, incl. customAttr:* entries
    */
-  _regenerateProductRows(t) {
-    this.currentNode && S({
+  _regenerateProductRows(t, r) {
+    this.currentNode && T({
       currentNode: this.currentNode,
       documentModifier: this.api.getDocumentModifier(),
       layout: t,
-      composition: _
+      composition: r
     });
   }
   _listenToFormUpdates() {
-    this.api.onValueChanged(a.LAYOUT, (t) => {
+    this.api.onValueChanged(u.LAYOUT, (t) => {
       this._onLayoutChange(t);
     });
   }
 }
 export {
-  U as LAYOUT_ORIENTATION_CONTROL_ID,
-  Y as LayoutOrientationControl
+  I as LAYOUT_ORIENTATION_CONTROL_ID,
+  w as LayoutOrientationControl
 };