@useinsider/guido 3.0.0-beta.7a5aecd → 3.0.0-beta.7d3a300

package/dist/extensions/Blocks/Recommendation/controls/customAttribute/index.js

@@ -0,0 +1,78 @@
+import { TextPaddingsBuiltInControl as d, ButtonBackgroundColorBuiltInControl as c, TextFontFamilyBuiltInControl as u, TextStyleBuiltInControl as i, TextSizeBuiltInControl as C, TextColorBuiltInControl as g, TextAlignBuiltInControl as a } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { RecommendationBlockId as l } from "../../constants/blockIds.js";
+import { RecommendationControlId as e } from "../../constants/controlIds.js";
+import { BLOCK_ROOT_SELECTOR as I, ATTR_PRODUCT_ATTR as s } from "../../constants/selectors.js";
+function o(t) {
+  const n = t.closest(I);
+  if (!n)
+    return [];
+  const r = t.asElement().getAttribute(s);
+  if (r) {
+    const T = `[esd-extension-block-id="${l.CUSTOM_ATTRIBUTE}"][${s}="${r}"]`;
+    return n.querySelectorAll(T);
+  }
+  return n.querySelectorAll(
+    `[esd-extension-block-id="${l.CUSTOM_ATTRIBUTE}"]`
+  );
+}
+const A = class extends a {
+  getId() {
+    return e.CUSTOM_ATTR_ALIGN;
+  }
+  getTargetNodes(t) {
+    return o(t);
+  }
+}, _ = class extends g {
+  getId() {
+    return e.CUSTOM_ATTR_COLOR;
+  }
+  getTargetNodes(t) {
+    return o(t);
+  }
+}, S = class extends C {
+  getId() {
+    return e.CUSTOM_ATTR_SIZE;
+  }
+  getTargetNodes(t) {
+    return o(t);
+  }
+}, m = class extends i {
+  getId() {
+    return e.CUSTOM_ATTR_STYLE;
+  }
+  getTargetNodes(t) {
+    return o(t);
+  }
+}, O = class extends u {
+  getId() {
+    return e.CUSTOM_ATTR_FONT_FAMILY;
+  }
+  getTargetNodes(t) {
+    return o(t);
+  }
+}, R = class extends c {
+  getId() {
+    return e.CUSTOM_ATTR_BACKGROUND;
+  }
+  getTargetNodes(t) {
+    return o(t);
+  }
+}, x = class extends d {
+  getId() {
+    return e.CUSTOM_ATTR_PADDINGS;
+  }
+  getTargetNodes(t) {
+    return o(t);
+  }
+}, k = {
+  align: A,
+  color: _,
+  size: S,
+  style: m,
+  fontFamily: O,
+  background: R,
+  paddings: x
+};
+export {
+  k as CustomAttributeControls
+};

package/dist/extensions/Blocks/Recommendation/controls/layout/index.js

@@ -1,29 +1,31 @@
-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 r = (o, e, t) => _(o, typeof e != "symbol" ? e + "" : e, t);
-import { ModificationDescription as p } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as h } from "../../../common-control.js";
-import { LAYOUT_OPTIONS as N, 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";
+var A = Object.defineProperty;
+var p = (e, o, t) => o in e ? A(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t;
+var r = (e, o, t) => p(e, typeof o != "symbol" ? o + "" : o, t);
+import { ModificationDescription as L } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as O } from "../../../common-control.js";
+import { ATTR_DATA_CUSTOM_ATTRIBUTES as T } from "../../constants/selectors.js";
+import { LAYOUT_OPTIONS as h, DEFAULT_MOBILE_ROW_SPACING as m, DEFAULT_MOBILE_COLUMN_SPACING as d, DEFAULT_ROW_SPACING as l, DEFAULT_COLUMN_SPACING as C } from "../../constants/layout.js";
+import { DEFAULT_COMPOSITION as g } from "../../constants/defaultConfig.js";
 import { RecommendationConfigService as s } from "../../services/configService.js";
-import { useRecommendationExtensionStore as A } from "../../store/recommendation.js";
-import { getCurrentLayout as C, getBlockElement as O, regenerateProductRowsWithStyles as f } from "../main/utils.js";
-const S = "recommendation-layout-control", a = {
+import { useRecommendationExtensionStore as N } from "../../store/recommendation.js";
+import { getCurrentLayout as _, getBlockElement as f, regenerateProductRowsWithStyles as S } from "../main/utils.js";
+const I = "recommendation-layout-control", a = {
   LAYOUT: "layout"
-}, n = {
+}, U = "data-card-composition", 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 G extends h {
+class w extends O {
   constructor() {
     super(...arguments);
-    r(this, "store", A());
+    r(this, "store", N());
     r(this, "isChangingLayout", !1);
   }
   getId() {
-    return S;
+    return I;
   }
   getTemplate() {
     return `
@@ -32,7 +34,7 @@ class G extends h {
       this._GuLabel({ text: "Layout Orientation" }),
       this._GuRadioButton({
         name: a.LAYOUT,
-        buttons: N
+        buttons: h
       })
     ])}
             </div>
@@ -45,7 +47,7 @@ class G extends h {
     super.onTemplateNodeUpdated(t), this._setFormValues();
   }
   _setFormValues() {
-    const u = s.getConfig(this.currentNode).layout || C(this.currentNode);
+    const u = s.getConfig(this.currentNode).layout || _(this.currentNode);
     this.api.updateValues({
       [a.LAYOUT]: u
     });
@@ -55,9 +57,9 @@ class G extends h {
    * 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 || (s.getConfig(this.currentNode).layout || _(this.currentNode)) === t)
       return;
-    const c = O(this.currentNode);
+    const c = f(this.currentNode);
     if (c) {
       this.isChangingLayout = !0;
       try {
@@ -66,15 +68,15 @@ class G extends h {
           this.currentNode,
           {
             layout: t,
-            columnSpacing: g,
+            columnSpacing: C,
             rowSpacing: l,
             mobileColumnSpacing: d,
             mobileRowSpacing: m
           },
           `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.apply(new p(`Update layout to ${t}`)), this._regenerateProductRows(t);
+        const i = this.api.getDocumentModifier().modifyHtml(c).setAttribute(n.LAYOUT, t).setAttribute(n.COLUMN_SPACING, C.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(U, g.join(",")).setAttribute(T, "[]"), i.apply(new L(`Update layout to ${t}`)), this._regenerateProductRows(t);
       } finally {
         this.isChangingLayout = !1;
       }
@@ -86,10 +88,11 @@ class G extends h {
    * @param layout - The layout to use for regeneration (passed explicitly to avoid stale DOM reads)
    */
   _regenerateProductRows(t) {
-    this.currentNode && f({
+    this.currentNode && S({
       currentNode: this.currentNode,
       documentModifier: this.api.getDocumentModifier(),
-      layout: t
+      layout: t,
+      composition: g
     });
   }
   _listenToFormUpdates() {
@@ -99,6 +102,6 @@ class G extends h {
   }
 }
 export {
-  S as LAYOUT_CONTROL_ID,
-  G as LayoutControl
+  I as LAYOUT_CONTROL_ID,
+  w as LayoutControl
 };

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

@@ -1,36 +1,36 @@
 import { ModificationDescription as p } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { RecommendationBlockId as m } from "../../constants/blockIds.js";
-import { MOBILE_CONTAINER_SELECTOR as g, CURRENCY_ATTR as y, DESKTOP_CONTAINER_SELECTOR as q, CONTAINER_SELECTOR as $, MOBILE_ROW_SELECTOR as O } from "../../constants/selectors.js";
-import { RecommendationConfigService as N } from "../../services/configService.js";
+import { MOBILE_CONTAINER_SELECTOR as g, CURRENCY_ATTR as y, DESKTOP_CONTAINER_SELECTOR as A, CONTAINER_SELECTOR as $, MOBILE_ROW_SELECTOR as N } from "../../constants/selectors.js";
+import { RecommendationConfigService as k } from "../../services/configService.js";
 import { useRecommendationExtensionStore as E } from "../../store/recommendation.js";
-import { prepareProductRows as k } from "../../templates/index.js";
+import { prepareProductRows as T } from "../../templates/index.js";
 import { formatPrice as B } from "../../utils/priceFormatter.js";
 import { isTdNode as v } from "../../utils/tagName.js";
-import { getDefaultProducts as T, DEFAULT_CARD_COMPOSITION as P, sanitizeImageUrl as j } from "../../templates/utils.js";
-const M = "recommendation-block-v2";
-function A(t) {
+import { getDefaultProducts as _, DEFAULT_CARD_COMPOSITION as M, sanitizeImageUrl as j } from "../../templates/utils.js";
+const h = "recommendation-block-v2";
+function P(t) {
   if (!t)
     return null;
   if ("getAttribute" in t) {
     const e = t.getAttribute("class");
-    if (e && e.includes(M))
+    if (e && e.includes(h))
       return t;
   }
-  return "querySelector" in t ? t.querySelector(`.${M}`) : null;
+  return "querySelector" in t ? t.querySelector(`.${h}`) ?? null : null;
 }
 function b(t) {
-  const e = A(t);
+  const e = P(t);
   if (!e || !("getAttribute" in e))
     return "grid";
   const o = e.getAttribute("data-layout");
   return o === "list" || o === "horizontal" ? "list" : "grid";
 }
-function _(t) {
-  const e = A(t);
+function x(t) {
+  const e = P(t);
   if (!e || !("getAttribute" in e))
-    return P;
+    return M;
   const o = e.getAttribute("data-card-composition");
-  return o ? o.split(",").filter(Boolean) : P;
+  return o ? o.split(",").filter(Boolean) : M;
 }
 function S(t, e, o) {
   if (!e || !("childNodes" in e))
@@ -40,41 +40,47 @@ function S(t, e, o) {
   );
   return r ? (t.modifyHtml(r).setText(o), !0) : !1;
 }
-function x(t, e) {
-  return t && t.length > 0 ? t : e.length > 0 ? e : T();
+function D(t, e) {
+  return t && t.length > 0 ? t : e.length > 0 ? e : _();
 }
 function V(t) {
   const { currentNode: e, documentModifier: o } = t;
   if (!e || !("querySelector" in e))
     return;
-  const n = e.querySelector(O), r = e.querySelector(g);
+  const n = e.querySelector(N), r = e.querySelector(g);
   n && o.modifyHtml(n).setStyle("display", "none"), r && o.modifyHtml(r).setInnerHtml(""), (n || r) && o.apply(new p("Hide mobile row for list layout"));
 }
 function W(t) {
   const { currentNode: e, documentModifier: o } = t;
   if (!e || !("querySelector" in e))
     return;
-  const n = e.querySelector(O);
+  const n = e.querySelector(N);
   n && o.modifyHtml(n).removeStyle("display").apply(new p("Show mobile row for grid layout"));
 }
 function G(t) {
-  const { currentNode: e, documentModifier: o, products: n, layout: r } = t;
+  const {
+    currentNode: e,
+    documentModifier: o,
+    products: n,
+    layout: r,
+    composition: c
+  } = t;
   if (!e || !("querySelector" in e))
     return;
-  const c = r ?? b(e);
-  if (c === "list") {
+  const i = r ?? b(e);
+  if (i === "list") {
     V({ currentNode: e, documentModifier: o });
     return;
   }
   W({ currentNode: e, documentModifier: o });
-  const i = e.querySelector(g);
-  if (!i)
+  const s = e.querySelector(g);
+  if (!s)
     return;
-  const s = E(), u = N.getConfig(e), l = x(n, s.recommendationProducts), f = _(e), a = k(l, c, {
-    productsPerRow: u.mobileCardsInRow,
-    composition: f
+  const u = E(), l = k.getConfig(e), f = D(n, u.recommendationProducts), d = c ?? x(e), a = T(f, i, {
+    productsPerRow: l.mobileCardsInRow,
+    composition: d
   });
-  o.modifyHtml(i).setInnerHtml(a).apply(new p("Updated mobile product rows"));
+  o.modifyHtml(s).setInnerHtml(a).apply(new p("Updated mobile product rows"));
 }
 function Y(t) {
   const {
@@ -82,20 +88,21 @@ function Y(t) {
     documentModifier: o,
     afterRegenerate: n,
     products: r,
-    layout: c
+    layout: c,
+    composition: i
   } = t;
   if (!e || !("querySelector" in e))
     return;
-  const i = e.querySelector(q) ?? e.querySelector($);
-  if (!i)
+  const s = e.querySelector(A) ?? e.querySelector($);
+  if (!s)
     return;
-  const s = E(), u = x(r, s.recommendationProducts), { cardsInRow: l } = s.recommendationConfigs, f = _(e), a = c ?? b(e), d = k(u, a, {
-    productsPerRow: l,
-    composition: f
+  const u = E(), l = D(r, u.recommendationProducts), { cardsInRow: f } = u.recommendationConfigs, d = i ?? x(e), a = c ?? b(e), C = T(l, a, {
+    productsPerRow: f,
+    composition: d
   });
-  o.modifyHtml(i).setInnerHtml(d).apply(new p("Updated product")), G(t), n == null || n();
+  o.modifyHtml(s).setInnerHtml(C).apply(new p("Updated product")), G(t), n == null || n();
 }
-function h(t, e, o, n) {
+function R(t, e, o, n) {
   const c = `0 ${Math.floor(o / 2)}px`;
   let i = !1;
   return n === "grid" ? Array.from(
@@ -109,7 +116,7 @@ function h(t, e, o, n) {
     l && v(l) && (e.modifyHtml(l).setStyle("padding", c), i = !0);
   }), i;
 }
-function R(t, e, o) {
+function I(t, e, o) {
   const n = `${o}px`, r = Array.from(t.querySelectorAll(".spacer"));
   let c = !1;
   return r.forEach((i) => {
@@ -120,17 +127,17 @@ function F(t) {
   const { currentNode: e, documentModifier: o } = t;
   if (!e)
     return;
-  const n = N.getConfig(e), r = b(e);
+  const n = k.getConfig(e), r = b(e);
   let c = !1;
-  const i = e.querySelector(q);
+  const i = e.querySelector(A);
   if (i) {
-    c = h(
+    c = R(
       i,
       o,
       n.columnSpacing,
       r
     );
-    const l = R(
+    const l = I(
       i,
       o,
       n.rowSpacing
@@ -139,14 +146,14 @@ function F(t) {
   }
   const s = e.querySelector(g);
   if (s) {
-    const u = h(
+    const u = R(
       s,
       o,
       n.mobileColumnSpacing,
       r
     );
     c = c || u;
-    const l = R(
+    const l = I(
       s,
       o,
       n.mobileRowSpacing
@@ -156,12 +163,13 @@ function F(t) {
   c && o.apply(new p("Reapply spacing after regeneration"));
 }
 function ie(t) {
-  const { currentNode: e, documentModifier: o, afterRegenerate: n, products: r, layout: c } = t;
+  const { currentNode: e, documentModifier: o, afterRegenerate: n, products: r, layout: c, composition: i } = t;
   e && Y({
     currentNode: e,
     documentModifier: o,
     products: r,
     layout: c,
+    composition: i,
     afterRegenerate: () => {
       setTimeout(() => {
         F({ currentNode: e, documentModifier: o });
@@ -170,9 +178,9 @@ function ie(t) {
   });
 }
 function ce(t, e) {
-  return t.length === e ? t : t.length > e ? t.slice(0, e) : [...t, ...T(e - t.length)];
+  return t.length === e ? t : t.length > e ? t.slice(0, e) : [...t, ..._(e - t.length)];
 }
-function D() {
+function H() {
   const t = E(), { currencySettings: e } = t.recommendationConfigs, o = parseInt(e.decimalCount);
   return {
     code: e.value,
@@ -183,8 +191,8 @@ function D() {
     thousandSeparator: e.thousandSeparator
   };
 }
-function C(t, e = "price") {
-  const o = D(), n = t[e], r = (n == null ? void 0 : n[o.code]) ?? Object.values(n ?? {})[0] ?? 0;
+function q(t, e = "price") {
+  const o = H(), n = t[e], r = (n == null ? void 0 : n[o.code]) ?? Object.values(n ?? {})[0] ?? 0;
   return B({
     price: r,
     currency: o
@@ -192,22 +200,22 @@ function C(t, e = "price") {
 }
 function K(t) {
   var c, i;
-  const e = D(), o = ((c = t.original_price) == null ? void 0 : c[e.code]) ?? Object.values(t.original_price ?? {})[0] ?? 0, n = ((i = t.price) == null ? void 0 : i[e.code]) ?? Object.values(t.price ?? {})[0] ?? 0, r = o > 0 ? Math.round((o - n) / o * 100) : 0;
+  const e = H(), o = ((c = t.original_price) == null ? void 0 : c[e.code]) ?? Object.values(t.original_price ?? {})[0] ?? 0, n = ((i = t.price) == null ? void 0 : i[e.code]) ?? Object.values(t.price ?? {})[0] ?? 0, r = o > 0 ? Math.round((o - n) / o * 100) : 0;
   return r > 0 ? `-${r}%` : "0%";
 }
-function H(t) {
+function L(t) {
   const { documentModifier: e, product: o, priceEl: n, oldPriceEl: r, omnibusPriceEl: c, omnibusDiscountEl: i } = t;
   let s = !1;
   if (n && "querySelector" in n) {
-    const u = n.querySelector("strong"), l = C(o, "price");
+    const u = n.querySelector("strong"), l = q(o, "price");
     S(e, u, l) && (s = !0);
   }
   if (r && "querySelector" in r) {
-    const u = r.querySelector("strong"), l = C(o, "original_price");
+    const u = r.querySelector("strong"), l = q(o, "original_price");
     S(e, u, l) && (s = !0);
   }
   if (c && "querySelector" in c) {
-    const u = c.querySelector(".omnibus-price-value"), l = C(o, "original_price");
+    const u = c.querySelector(".omnibus-price-value"), l = q(o, "original_price");
     S(e, u, l) && (s = !0);
   }
   if (i && "querySelector" in i) {
@@ -230,16 +238,16 @@ function z(t) {
   } = t;
   let f = !1;
   if (n && "querySelector" in n) {
-    const a = n.querySelector("img");
-    a && (e.modifyHtml(a).setAttribute("src", j(o.image_url)).setAttribute("alt", o.name), f = !0);
-    const d = n.querySelector("a");
-    d && (e.modifyHtml(d).setAttribute("href", o.url), f = !0);
+    const d = n.querySelector("img");
+    d && (e.modifyHtml(d).setAttribute("src", j(o.image_url)).setAttribute("alt", o.name), f = !0);
+    const a = n.querySelector("a");
+    a && (e.modifyHtml(a).setAttribute("href", o.url), f = !0);
   }
   if (r && "querySelector" in r) {
-    const a = r.querySelector("strong");
-    S(e, a, o.name) && (f = !0);
+    const d = r.querySelector("strong");
+    S(e, d, o.name) && (f = !0);
   }
-  if (H({
+  if (L({
     documentModifier: e,
     product: o,
     priceEl: c,
@@ -247,15 +255,15 @@ function z(t) {
     omnibusPriceEl: s,
     omnibusDiscountEl: u
   }) && (f = !0), l && "querySelector" in l) {
-    const a = l.querySelector("a.es-button") || l.querySelector("a");
-    a && (e.modifyHtml(a).setAttribute("href", o.url), f = !0);
+    const d = l.querySelector("a.es-button") || l.querySelector("a");
+    d && (e.modifyHtml(d).setAttribute("href", o.url), f = !0);
   }
   return f;
 }
-function L(t) {
-  return "querySelector" in t ? t.querySelector(q) ?? t : t;
+function U(t) {
+  return "querySelector" in t ? t.querySelector(A) ?? t : t;
 }
-function I(t, e, o) {
+function w(t, e, o) {
   if (!("querySelectorAll" in t))
     return !1;
   const n = t.querySelectorAll(
@@ -273,37 +281,37 @@ function I(t, e, o) {
   ), l = t.querySelectorAll(
     `[esd-extension-block-id="${m.BUTTON}"]`
   ), f = Math.min(n.length, o.length);
-  let a = !1;
-  for (let d = 0; d < f; d++) {
-    const U = z({
+  let d = !1;
+  for (let a = 0; a < f; a++) {
+    const C = z({
       documentModifier: e,
-      product: o[d],
-      imageEl: n[d] ?? null,
-      nameEl: r[d] ?? null,
-      priceEl: c[d] ?? null,
-      oldPriceEl: i[d] ?? null,
-      omnibusPriceEl: s[d] ?? null,
-      omnibusDiscountEl: u[d] ?? null,
-      buttonEl: l[d] ?? null
+      product: o[a],
+      imageEl: n[a] ?? null,
+      nameEl: r[a] ?? null,
+      priceEl: c[a] ?? null,
+      oldPriceEl: i[a] ?? null,
+      omnibusPriceEl: s[a] ?? null,
+      omnibusDiscountEl: u[a] ?? null,
+      buttonEl: l[a] ?? null
     });
-    a = a || U;
+    d = d || C;
   }
-  return a;
+  return d;
 }
 function le(t) {
   const { currentNode: e, documentModifier: o, products: n } = t;
   if (!e || !("querySelectorAll" in e))
     return !1;
-  const r = L(e);
+  const r = U(e);
   if (!("querySelectorAll" in r) || r.querySelectorAll(
     `[esd-extension-block-id="${m.IMAGE}"]`
   ).length !== n.length)
     return !1;
-  let i = I(r, o, n);
+  let i = w(r, o, n);
   if (b(e) !== "list" && "querySelector" in e) {
     const u = e.querySelector(g);
     if (u) {
-      const l = I(
+      const l = w(
         u,
         o,
         n
@@ -313,7 +321,7 @@ function le(t) {
   }
   return i && o.apply(new p("Updated product content in-place")), !0;
 }
-function w(t, e, o) {
+function O(t, e, o) {
   if (!("querySelectorAll" in t))
     return !1;
   const n = t.querySelectorAll(
@@ -327,7 +335,7 @@ function w(t, e, o) {
   ), s = Math.min(n.length, o.length);
   let u = !1;
   for (let l = 0; l < s; l++)
-    H({
+    L({
       documentModifier: e,
       product: o[l],
       priceEl: n[l] ?? null,
@@ -344,19 +352,19 @@ function ue(t) {
   const r = E().recommendationProducts;
   if (r.length === 0)
     return !1;
-  const c = L(e);
-  let i = w(c, o, r);
+  const c = U(e);
+  let i = O(c, o, r);
   if (b(e) !== "list" && "querySelector" in e) {
     const u = e.querySelector(g);
     if (u) {
-      const l = w(u, o, r);
+      const l = O(u, o, r);
       i = i || l;
     }
   }
   return i && o.apply(new p("Updated price formatting in-place")), i;
 }
 function se(t) {
-  const { currentNode: e, documentModifier: o, currency: n } = t, r = A(e);
+  const { currentNode: e, documentModifier: o, currency: n } = t, r = P(e);
   if (!r)
     return;
   const c = n.alignment === "before" ? "0" : "1", i = (s, u) => {
@@ -366,9 +374,9 @@ function se(t) {
 }
 export {
   ce as adjustProductsToSize,
-  C as formatProductPrice,
-  A as getBlockElement,
-  _ as getCardComposition,
+  q as formatProductPrice,
+  P as getBlockElement,
+  x as getCardComposition,
   b as getCurrentLayout,
   F as reapplySpacing,
   G as regenerateMobileProductRows,