@useinsider/guido 2.1.0-beta.9ba2e9d → 2.1.0-beta.9ed76a4

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

@@ -1,12 +1,13 @@
-var u = Object.defineProperty;
-var p = (r, i, t) => i in r ? u(r, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[i] = t;
-var g = (r, i, t) => p(r, typeof i != "symbol" ? i + "" : i, t);
-import { Block as f, BlockCompositionType as I, ModificationDescription as h } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+var p = Object.defineProperty;
+var f = (r, o, t) => o in r ? p(r, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[o] = t;
+var g = (r, o, t) => f(r, typeof o != "symbol" ? o + "" : o, t);
+import { Block as h, BlockCompositionType as I, ModificationDescription as _ } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { ensureMobileCssRulesExist as d } from "./controls/mobileLayout/cssRules.js";
 import { RecommendationConfigService as s } from "./services/configService.js";
-import { useRecommendationExtensionStore as d } from "./store/recommendation.js";
-import { getDefaultTemplate as _ } from "./templates/grid/template.js";
-const k = "recommendation-block", c = "ins-recommendation-v3-block-v2", m = "recommendation-id";
-class b extends f {
+import { useRecommendationExtensionStore as u } from "./store/recommendation.js";
+import { getDefaultTemplate as k } from "./templates/grid/template.js";
+const B = "recommendation-block", c = "ins-recommendation-v3-block-v2", a = "recommendation-id";
+class y extends h {
   constructor() {
     super();
     /**
@@ -16,7 +17,7 @@ class b extends f {
     g(this, "_pendingBlockId", null);
   }
   getId() {
-    return k;
+    return B;
   }
   getIcon() {
     return "recommendation-icon";
@@ -39,7 +40,7 @@ class b extends f {
    */
   getTemplate() {
     const t = this._generateNextId();
-    return this._pendingBlockId = t, _(t);
+    return this._pendingBlockId = t, k(t);
   }
   /**
    * Called when a new block is dropped into the template
@@ -50,7 +51,9 @@ class b extends f {
    */
   onCreated(t) {
     const e = this._pendingBlockId ?? this._generateNextId();
-    this._pendingBlockId = null, this._assignRecommendationId(t, e), s.initializeConfig(this.api, t, { recommendationId: e }), d().setCurrentBlock(e);
+    this._pendingBlockId = null, this._assignRecommendationId(t, e);
+    const n = s.initializeConfig(this.api, t, { recommendationId: e }), i = u();
+    i.setCurrentBlock(e), d(this.api), i.patchCurrentBlockConfig({ language: n.language }, { triggerRefetch: !1 });
   }
   /**
    * Called when the document changes or template is loaded
@@ -70,7 +73,7 @@ class b extends f {
           "Assign recommendation ID to legacy block"
         );
       }
-      s.needsMigration(t) && this._migrateFromLegacy(t);
+      s.needsMigration(t) && this._migrateFromLegacy(t), d(this.api);
     }
   }
   /**
@@ -81,7 +84,7 @@ class b extends f {
    */
   onDelete(t) {
     const e = this._getRecommendationId(t);
-    e && d().removeBlockState(e);
+    e && u().removeBlockState(e);
   }
   /**
    * Generates the next unique recommendation ID by scanning all existing blocks
@@ -91,9 +94,9 @@ class b extends f {
     let t = 0;
     try {
       const e = this.api.getDocumentRoot();
-      e && "querySelectorAll" in e && e.querySelectorAll(`.${c}`).forEach((o) => {
-        if ("getAttribute" in o) {
-          const a = o.getAttribute(m), l = a ? parseInt(a) : 0;
+      e && "querySelectorAll" in e && e.querySelectorAll(`.${c}`).forEach((i) => {
+        if ("getAttribute" in i) {
+          const m = i.getAttribute(a), l = m ? parseInt(m) : 0;
           l > t && (t = l);
         }
       });
@@ -111,8 +114,8 @@ class b extends f {
     const n = this._getBlockElement(t);
     if (!n)
       return;
-    const o = this.api.getDocumentModifier();
-    o.modifyHtml(n).setAttribute(m, e.toString()), o.apply(new h(`Assign recommendation ID ${e}`));
+    const i = this.api.getDocumentModifier();
+    i.modifyHtml(n).setAttribute(a, e.toString()), i.apply(new _(`Assign recommendation ID ${e}`));
   }
   /**
    * Gets the recommendation-id from a block node
@@ -121,11 +124,11 @@ class b extends f {
     const e = this._getBlockElement(t);
     if (!e || !("getAttribute" in e))
       return null;
-    const n = e.getAttribute(m);
+    const n = e.getAttribute(a);
     if (!n)
       return null;
-    const o = parseInt(n);
-    return Number.isNaN(o) ? null : o;
+    const i = parseInt(n);
+    return Number.isNaN(i) ? null : i;
   }
   /**
    * Gets the block element (the element with BLOCK_CLASS)
@@ -146,6 +149,6 @@ class b extends f {
   }
 }
 export {
-  k as BLOCK_ID,
-  b as RecommendationBlock
+  B as BLOCK_ID,
+  y as RecommendationBlock
 };

package/dist/extensions/Blocks/Recommendation/constants/defaultConfig.js

@@ -1,6 +1,6 @@
-import { DEFAULT_ROW_SPACING as n, DEFAULT_COLUMN_SPACING as s, DEFAULT_CARDS_IN_ROW as R } from "./layout.js";
-import { ATTR_PRODUCT_IMAGE as t, ATTR_PRODUCT_NAME as e, ATTR_PRODUCT_OLD_PRICE as o, ATTR_PRODUCT_PRICE as T, ATTR_PRODUCT_OMNIBUS_PRICE as _, ATTR_PRODUCT_OMNIBUS_DISCOUNT as r, ATTR_PRODUCT_BUTTON as U } from "./selectors.js";
-const I = {
+import { DEFAULT_ROW_SPACING as U, DEFAULT_COLUMN_SPACING as I, DEFAULT_MOBILE_CARDS_IN_ROW as n, DEFAULT_CARDS_IN_ROW as s } from "./layout.js";
+import { ATTR_PRODUCT_IMAGE as t, ATTR_PRODUCT_NAME as e, ATTR_PRODUCT_OLD_PRICE as o, ATTR_PRODUCT_PRICE as _, ATTR_PRODUCT_OMNIBUS_PRICE as T, ATTR_PRODUCT_OMNIBUS_DISCOUNT as r, ATTR_PRODUCT_BUTTON as R } from "./selectors.js";
+const O = {
   code: "USD",
   symbol: "USD",
   alignment: "after",
@@ -10,56 +10,57 @@ const I = {
 }, i = {
   textBefore: "",
   textAfter: ""
-}, O = {
+}, C = {
   textBefore: "",
   textAfter: ""
-}, C = [
+}, D = [
   t,
   e,
   o,
-  T,
   _,
+  T,
   r,
-  U
-], D = {
+  R
+], A = {
   [t]: !0,
   [e]: !0,
-  [T]: !0,
+  [_]: !0,
   [o]: !0,
-  [_]: !1,
+  [T]: !1,
   [r]: !1,
-  [U]: !0
-}, a = {
+  [R]: !0
+}, E = {
   // Settings
   strategy: "mostPopular",
   productIds: [],
   size: "6",
   shuffleProducts: !1,
   language: "en_US",
-  currency: I,
+  currency: O,
   filters: [],
   // Layout
   layout: "grid",
-  cardsInRow: R,
-  columnSpacing: s,
-  rowSpacing: n,
+  cardsInRow: s,
+  mobileCardsInRow: n,
+  columnSpacing: I,
+  rowSpacing: U,
   // Composition
-  composition: C,
-  visibility: D,
+  composition: D,
+  visibility: A,
   // Element settings
   omnibusPrice: i,
-  omnibusDiscount: O,
+  omnibusDiscount: C,
   textTrimming: !1,
   // Meta
   configVersion: 1,
   recommendationId: 0
-}, E = 1;
+}, N = 1;
 export {
-  E as CURRENT_CONFIG_VERSION,
-  C as DEFAULT_COMPOSITION,
-  I as DEFAULT_CURRENCY,
-  a as DEFAULT_NODE_CONFIG,
-  O as DEFAULT_OMNIBUS_DISCOUNT,
+  N as CURRENT_CONFIG_VERSION,
+  D as DEFAULT_COMPOSITION,
+  O as DEFAULT_CURRENCY,
+  E as DEFAULT_NODE_CONFIG,
+  C as DEFAULT_OMNIBUS_DISCOUNT,
   i as DEFAULT_OMNIBUS_PRICE,
-  D as DEFAULT_VISIBILITY
+  A as DEFAULT_VISIBILITY
 };

package/dist/extensions/Blocks/Recommendation/constants/layout.js

@@ -4,17 +4,19 @@ const _ = {
 }, o = [
   { icon: "grid-orientation", value: _.GRID },
   { icon: "list-orientation", value: _.LIST }
-], t = 3, n = 3, A = 9, T = 4, c = 10, s = 20, O = 0, S = 50, I = 5;
+], t = 3, n = 3, A = 9, O = 4, R = 1, T = 2, c = 10, s = 20, I = 0, S = 50, P = 5;
 export {
   n as DEFAULT_CARDS_IN_ROW,
   c as DEFAULT_COLUMN_SPACING,
+  R as DEFAULT_MOBILE_CARDS_IN_ROW,
   t as DEFAULT_PRODUCTS_PER_ROW,
   s as DEFAULT_ROW_SPACING,
   o as LAYOUT_OPTIONS,
   _ as LAYOUT_VALUES,
-  T as MAX_PRODUCTS_PER_ROW,
+  T as MAX_MOBILE_PRODUCTS_PER_ROW,
+  O as MAX_PRODUCTS_PER_ROW,
   A as MAX_PRODUCT_COUNT,
   S as MAX_SPACING,
-  O as MIN_SPACING,
-  I as SPACING_STEP
+  I as MIN_SPACING,
+  P as SPACING_STEP
 };

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

@@ -1,19 +1,21 @@
-const c = ".ins-recommendation-product-container", T = {
+const c = ".ins-recommendation-product-container", n = ".ins-recommendation-desktop-container", o = ".ins-recommendation-mobile-container", T = {
   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", n = "productName", o = "productPrice", t = "productOldPrice", R = "productOmnibusPrice", O = "productOmnibusDiscount", _ = "productButton";
+}, t = "productImage", r = "productName", R = "productPrice", e = "productOldPrice", O = "productOmnibusPrice", _ = "productOmnibusDiscount", C = "productButton";
 export {
-  _ as ATTR_PRODUCT_BUTTON,
-  r as ATTR_PRODUCT_IMAGE,
-  n as ATTR_PRODUCT_NAME,
-  t as ATTR_PRODUCT_OLD_PRICE,
-  O as ATTR_PRODUCT_OMNIBUS_DISCOUNT,
-  R as ATTR_PRODUCT_OMNIBUS_PRICE,
-  o as ATTR_PRODUCT_PRICE,
+  C as ATTR_PRODUCT_BUTTON,
+  t as ATTR_PRODUCT_IMAGE,
+  r as ATTR_PRODUCT_NAME,
+  e as ATTR_PRODUCT_OLD_PRICE,
+  _ as ATTR_PRODUCT_OMNIBUS_DISCOUNT,
+  O as ATTR_PRODUCT_OMNIBUS_PRICE,
+  R as ATTR_PRODUCT_PRICE,
   c as CONTAINER_SELECTOR,
-  T as CURRENCY_ATTR
+  T as CURRENCY_ATTR,
+  n as DESKTOP_CONTAINER_SELECTOR,
+  o as MOBILE_CONTAINER_SELECTOR
 };

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

@@ -1,55 +1,54 @@
 var d = Object.defineProperty;
-var m = (l, n, t) => n in l ? d(l, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[n] = t;
-var i = (l, n, t) => m(l, typeof n != "symbol" ? n + "" : n, t);
+var m = (c, s, t) => s in c ? d(c, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[s] = t;
+var n = (c, s, t) => m(c, typeof s != "symbol" ? s + "" : s, t);
 import { CommonControl as h } from "../../../common-control.js";
+import { RecommendationConfigService as f } from "../../services/configService.js";
 import { useRecommendationExtensionStore as C } from "../../store/recommendation.js";
-import { AlgorithmControl as f } from "./algorithm.js";
-import { ALGORITHM_CONTROL_ID as M } from "./algorithm.js";
-import { CurrencyControl as p } from "./currency.js";
-import { CURRENCY_CONTROL_ID as W } from "./currency.js";
-import { FiltersControl as g } from "./filters.js";
-import { FILTERS_CONTROL_ID as H } from "./filters.js";
-import { LocaleControl as R } from "./locale.js";
-import { LOCALE_CONTROL_ID as j } from "./locale.js";
+import { AlgorithmControl as p } from "./algorithm.js";
+import { ALGORITHM_CONTROL_ID as W } from "./algorithm.js";
+import { CurrencyControl as g } from "./currency.js";
+import { CURRENCY_CONTROL_ID as H } from "./currency.js";
+import { FiltersControl as R } from "./filters.js";
+import { FILTERS_CONTROL_ID as j } from "./filters.js";
+import { LocaleControl as y } from "./locale.js";
+import { LOCALE_CONTROL_ID as K } from "./locale.js";
 import { ProductLayoutControl as _ } from "./productLayout.js";
-import { PRODUCT_LAYOUT_CONTROL_ID as K } from "./productLayout.js";
+import { PRODUCT_LAYOUT_CONTROL_ID as J } from "./productLayout.js";
 import { ShuffleControl as N } from "./shuffle.js";
-import { SHUFFLE_CONTROL_ID as J } from "./shuffle.js";
-import { regenerateProductRowsWithStyles as P, getBlockElement as b, updateProductContentInPlace as y } from "./utils.js";
-import { formatProductPrice as X, getCardComposition as Z, getCurrentLayout as tt, reapplySpacing as et, regenerateProductRows as ot, setCurrencyAttributes as rt, updatePricesInPlace as it, updateSingleProductContent as nt } from "./utils.js";
-import { useDebounceFn as c } from "../../../../../node_modules/@vueuse/shared/index.js";
-const T = "recommendation-id", L = "ui-elements-recommendation-block";
-class x extends h {
+import { SHUFFLE_CONTROL_ID as X } from "./shuffle.js";
+import { regenerateProductRowsWithStyles as b, getBlockElement as P, updateProductContentInPlace as I } from "./utils.js";
+import { formatProductPrice as tt, getCardComposition as et, getCurrentLayout as ot, reapplySpacing as rt, regenerateMobileProductRows as nt, regenerateProductRows as it, setCurrencyAttributes as st, updatePricesInPlace as ct, updateSingleProductContent as at } from "./utils.js";
+import { useDebounceFn as l } from "../../../../../node_modules/@vueuse/shared/index.js";
+const T = "recommendation-id", S = "ui-elements-recommendation-block";
+class $ extends h {
   constructor() {
     super(...arguments);
-    i(this, "store", C());
-    i(this, "storeUnsubscription", () => {
+    n(this, "store", C());
+    n(this, "storeUnsubscription", () => {
     });
-    // Track if initial data has been fetched per block ID to avoid redundant API calls
-    i(this, "initializedBlocks", /* @__PURE__ */ new Map());
     // Sub-control instances for lifecycle management
-    i(this, "algorithmControl", null);
-    i(this, "localeControl", null);
-    i(this, "currencyControl", null);
-    i(this, "productLayoutControl", null);
-    i(this, "filtersControl", null);
-    i(this, "shuffleControl", null);
+    n(this, "algorithmControl", null);
+    n(this, "localeControl", null);
+    n(this, "currencyControl", null);
+    n(this, "productLayoutControl", null);
+    n(this, "filtersControl", null);
+    n(this, "shuffleControl", null);
     /**
      * Debounced product fetch to prevent rapid API calls during config changes
      */
-    i(this, "_debouncedFetchProducts", c(() => {
+    n(this, "_debouncedFetchProducts", l(() => {
       this.store.fetchRecommendationProducts();
     }, 500));
     /**
      * Debounced regeneration when products arrive from API
      * Tries in-place update first to preserve styles, falls back to full regeneration
      */
-    i(this, "_debouncedRegenerateWithProducts", c(() => {
+    n(this, "_debouncedRegenerateWithProducts", l(() => {
       const t = this.store.recommendationProducts;
       if (!this.currentNode || !this.api)
         return;
       const e = this.api.getDocumentModifier();
-      y({
+      I({
         currentNode: this.currentNode,
         documentModifier: e,
         products: t
@@ -57,10 +56,10 @@ class x extends h {
     }, 100));
   }
   getId() {
-    return L;
+    return S;
   }
   getTemplate() {
-    return this.algorithmControl = new f(), this.localeControl = new R(), this.currencyControl = new p(), this.productLayoutControl = new _(), this.filtersControl = new g(), this.shuffleControl = new N(), `
+    return this.algorithmControl = new p(), this.localeControl = new y(), this.currencyControl = new g(), this.productLayoutControl = new _(), this.filtersControl = new R(), this.shuffleControl = new N(), `
             <div class="recommendation-controls-container">
                 ${this.algorithmControl.getTemplate()}
                 ${this.localeControl.getTemplate()}
@@ -72,8 +71,9 @@ class x extends h {
         `;
   }
   async onRender() {
+    var e;
     const t = this._getRecommendationIdFromNode(this.currentNode) ?? this.store.currentRecommendationId;
-    if (t !== null && this.store.setCurrentBlock(t), this._listenStateUpdates(), t !== null && this.initializedBlocks.get(t)) {
+    if (t !== null && this.store.setCurrentBlock(t), this._listenStateUpdates(), t !== null && ((e = this.store.blockStates[t]) != null && e.isInitialized)) {
       this._initializeSubControls();
       return;
     }
@@ -88,16 +88,17 @@ class x extends h {
       console.warn("[Recommendation] Cannot regenerate - missing currentNode or api");
       return;
     }
-    P({
+    b({
       currentNode: this.currentNode,
       documentModifier: this.api.getDocumentModifier(),
       products: t
     });
   }
   onTemplateNodeUpdated(t) {
+    var i;
     super.onTemplateNodeUpdated(t);
     const e = this._getRecommendationIdFromNode(t);
-    e !== null && e !== this.store.currentRecommendationId && this.store.setCurrentBlock(e), e !== null && !this.initializedBlocks.get(e) && this._fetchBlockData(e), [
+    e !== null && e !== this.store.currentRecommendationId && this.store.setCurrentBlock(e), this._syncNodeConfigToStore(), e !== null && !((i = this.store.blockStates[e]) != null && i.isInitialized) && this._fetchBlockData(e), [
       this.algorithmControl,
       this.localeControl,
       this.currencyControl,
@@ -105,8 +106,8 @@ class x extends h {
       this.filtersControl,
       this.shuffleControl
     ].forEach((r) => {
-      var s;
-      r != null && r.api && (r.currentNode = t, (s = r.onTemplateNodeUpdated) == null || s.call(r, t));
+      var a;
+      r != null && r.api && (r.currentNode = t, (a = r.onTemplateNodeUpdated) == null || a.call(r, t));
     });
   }
   onDestroy() {
@@ -139,36 +140,67 @@ class x extends h {
       e && (e.api = this.api, e.currentNode = this.currentNode, (o = e.onRender) == null || o.call(e));
     });
   }
+  /**
+   * Syncs persisted node config into the Pinia store's block state.
+   *
+   * setCurrentBlock() creates a default entry (USD, en_US, mostPopular).
+   * For saved templates, the real config lives in the node (e.g., TRY, tr_TR).
+   * This method reads it and patches the store so fetchRecommendationProducts()
+   * uses the correct values.
+   *
+   * Uses triggerRefetch: false because the fetch hasn't happened yet —
+   * values are being prepared for the upcoming initial fetch.
+   */
+  _syncNodeConfigToStore() {
+    const t = f.getConfig(this.currentNode);
+    this.store.patchCurrentBlockConfig({
+      strategy: t.strategy,
+      language: t.language,
+      size: t.size,
+      productIds: t.productIds,
+      filters: t.filters,
+      shuffleProducts: t.shuffleProducts,
+      currencySettings: {
+        name: t.currency.code,
+        value: t.currency.code,
+        symbol: t.currency.symbol,
+        alignment: t.currency.alignment === "before" ? "0" : "1",
+        decimalCount: t.currency.decimalCount.toString(),
+        decimalSeparator: t.currency.decimalSeparator,
+        thousandSeparator: t.currency.thousandSeparator
+      }
+    }, { triggerRefetch: !1 });
+  }
   /**
    * Fetches initial data for a block (filters, algorithms, products).
    * Shared by onRender() and onTemplateNodeUpdated() to avoid duplication.
    * Marks the block as initialized to prevent redundant fetches on re-selection.
    */
   async _fetchBlockData(t) {
-    t !== null && this.initializedBlocks.set(t, !0), (await Promise.allSettled([
+    t !== null && this.store.markBlockInitialized(t), (await Promise.allSettled([
       this.store.fetchRecommendationFilters(),
       this.store.fetchRecommendationCreateData(),
       this.store.fetchRecommendationProducts()
-    ])).forEach((o, r) => {
+    ])).forEach((o, i) => {
       o.status === "rejected" && console.warn(`Recommendation block: ${[
         "fetchRecommendationFilters",
         "fetchRecommendationCreateData",
         "fetchRecommendationProducts"
-      ][r]} failed`, o.reason);
+      ][i]} failed`, o.reason);
     });
   }
   /**
    * Reads the recommendation-id attribute from the block element within the node
    */
   _getRecommendationIdFromNode(t) {
-    const e = b(t);
+    const e = P(t);
     if (!e || !("getAttribute" in e))
       return null;
     const o = e.getAttribute(T);
     if (!o)
       return null;
-    const r = parseInt(o);
-    return Number.isNaN(r) ? null : r;
+    const i = parseInt(o);
+    return Number.isNaN(i) ? null : i;
   }
   /**
    * Listen to store changes that require product refresh or regeneration.
@@ -181,37 +213,38 @@ class x extends h {
     const { store: t } = this;
     let e = t.recommendationProducts, o = t.$state.configVersion;
     this.storeUnsubscription = t.$subscribe(() => {
-      const r = t.$state.configVersion;
-      r !== o && (o = r, this._debouncedFetchProducts());
-      const s = t.recommendationProducts, a = s !== e, u = Array.isArray(s) && s.length > 0;
-      a && u && (e = s, this._debouncedRegenerateWithProducts());
+      const i = t.$state.configVersion;
+      i !== o && (o = i, this._debouncedFetchProducts());
+      const r = t.recommendationProducts, a = r !== e, u = Array.isArray(r) && r.length > 0;
+      a && u && (e = r, this._debouncedRegenerateWithProducts());
     });
   }
 }
 export {
-  M as ALGORITHM_CONTROL_ID,
-  f as AlgorithmControl,
-  L as CONTROL_BLOCK_ID,
-  W as CURRENCY_CONTROL_ID,
-  p as CurrencyControl,
-  H as FILTERS_CONTROL_ID,
-  g as FiltersControl,
-  j as LOCALE_CONTROL_ID,
-  R as LocaleControl,
-  K as PRODUCT_LAYOUT_CONTROL_ID,
+  W as ALGORITHM_CONTROL_ID,
+  p as AlgorithmControl,
+  S as CONTROL_BLOCK_ID,
+  H as CURRENCY_CONTROL_ID,
+  g as CurrencyControl,
+  j as FILTERS_CONTROL_ID,
+  R as FiltersControl,
+  K as LOCALE_CONTROL_ID,
+  y as LocaleControl,
+  J as PRODUCT_LAYOUT_CONTROL_ID,
   _ as ProductLayoutControl,
-  x as RecommendationBlockControl,
-  J as SHUFFLE_CONTROL_ID,
+  $ as RecommendationBlockControl,
+  X as SHUFFLE_CONTROL_ID,
   N as ShuffleControl,
-  X as formatProductPrice,
-  b as getBlockElement,
-  Z as getCardComposition,
-  tt as getCurrentLayout,
-  et as reapplySpacing,
-  ot as regenerateProductRows,
-  P as regenerateProductRowsWithStyles,
-  rt as setCurrencyAttributes,
-  it as updatePricesInPlace,
-  y as updateProductContentInPlace,
-  nt as updateSingleProductContent
+  tt as formatProductPrice,
+  P as getBlockElement,
+  et as getCardComposition,
+  ot as getCurrentLayout,
+  rt as reapplySpacing,
+  nt as regenerateMobileProductRows,
+  it as regenerateProductRows,
+  b as regenerateProductRowsWithStyles,
+  st as setCurrencyAttributes,
+  ct as updatePricesInPlace,
+  I as updateProductContentInPlace,
+  at as updateSingleProductContent
 };