@useinsider/guido 3.21.2-beta.4b0fed7 → 3.21.2-beta.4c14c74

package/dist/config/migrator/recommendation/settingsMapper.js

@@ -1,10 +1,10 @@
-import { PRE_RRS_CONFIG_VERSION as p, DEFAULT_CURRENCY as i } from "../../../extensions/Blocks/Recommendation/constants/defaultConfig.js";
-import { DEFAULT_CARDS_IN_ROW as d, DEFAULT_MOBILE_ROW_SPACING as S, DEFAULT_MOBILE_COLUMN_SPACING as c, DEFAULT_ROW_SPACING as l, DEFAULT_COLUMN_SPACING as f, DEFAULT_MOBILE_CARDS_IN_ROW as s } from "../../../extensions/Blocks/Recommendation/constants/layout.js";
-import { mapLegacyStrategy as _ } from "../../../extensions/Blocks/Recommendation/utils/legacyStrategyMap.js";
-function I(t) {
+import { PRE_RRS_CONFIG_VERSION as s, DEFAULT_CURRENCY as i } from "../../../extensions/Blocks/Recommendation/constants/defaultConfig.js";
+import { DEFAULT_CARDS_IN_ROW as m, DEFAULT_MOBILE_ROW_SPACING as p, DEFAULT_MOBILE_COLUMN_SPACING as d, DEFAULT_ROW_SPACING as S, DEFAULT_COLUMN_SPACING as f, DEFAULT_MOBILE_CARDS_IN_ROW as a } from "../../../extensions/Blocks/Recommendation/constants/layout.js";
+import { mapLegacyStrategy as l } from "../../../extensions/Blocks/Recommendation/utils/legacyStrategyMap.js";
+function c(t) {
   return t === "0" || t === 0 ? "before" : "after";
 }
-function A(t) {
+function _(t) {
   if (typeof t == "number" && Number.isFinite(t))
     return t;
   if (typeof t == "string") {
@@ -14,54 +14,51 @@ function A(t) {
   }
   return i.decimalCount;
 }
-function R(t) {
+function I(t) {
   return t === "." || t === "," || t === " " || t === "" ? t : ",";
 }
-function N(t) {
+function A(t) {
   return t === "." || t === "," || t === " " ? t : ".";
 }
 function L(t) {
   if (!t || typeof t != "object")
     return { ...i };
-  const o = t, n = o.value ?? o.name ?? i.code, e = o.symbol ?? n;
+  const o = t, n = o.value ?? o.name ?? i.code, r = o.symbol ?? n;
   return {
     code: n,
-    symbol: e,
-    alignment: I(o.alignment),
-    decimalCount: A(o.decimalCount),
-    decimalSeparator: N(o.decimalSeparator),
-    thousandSeparator: R(o.thousandSeparator)
+    symbol: r,
+    alignment: c(o.alignment),
+    decimalCount: _(o.decimalCount),
+    decimalSeparator: A(o.decimalSeparator),
+    thousandSeparator: I(o.thousandSeparator)
   };
 }
-function b(t) {
+function N(t) {
   return t === "horizontal" || t === "list" ? "list" : "grid";
 }
-const D = ["similarViewed", "similarBought"];
-function E(t) {
-  const o = _(t);
-  return o && !D.includes(o) ? o : "mostPopular";
+function R(t) {
+  return l(t) || "mostPopular";
 }
-function P(t, o, n) {
-  var a, u;
-  const e = o.rowCount ?? t.cardsInRow ?? d, m = o.totalCount ?? (typeof t.size == "string" ? parseInt(t.size) : t.size) ?? 6;
+function O(t, o, n) {
+  const r = o.rowCount ?? t.cardsInRow ?? m, u = o.totalCount ?? (typeof t.size == "string" ? parseInt(t.size) : t.size) ?? 6;
   return {
     recommendationId: n,
-    strategy: E(t.strategy),
-    productIds: (t.productIds ?? []).map((r) => String(r)),
-    size: String(m),
+    strategy: R(t.strategy),
+    productIds: (t.productIds ?? []).map((e) => String(e)),
+    size: String(u),
     shuffleProducts: !!t.shuffleProducts,
     language: t.language ?? "en_US",
     currency: L(t.currencySettings),
-    filters: (t.filters ?? []).map((r) => ({ ...r })),
-    layout: b(t.orientation ?? o.orientation),
-    cardsInRow: e,
-    mobileCardsInRow: s,
-    mobileLayoutEnabled: ((u = (a = o.theme) == null ? void 0 : a.blockAdapt) == null ? void 0 : u.adapt) === !0,
-    previousMobileCardsInRow: s,
+    filters: (t.filters ?? []).map((e) => ({ ...e })),
+    layout: N(t.orientation ?? o.orientation),
+    cardsInRow: r,
+    mobileCardsInRow: a,
+    mobileLayoutEnabled: !1,
+    previousMobileCardsInRow: a,
     columnSpacing: f,
-    rowSpacing: l,
-    mobileColumnSpacing: c,
-    mobileRowSpacing: S,
+    rowSpacing: S,
+    mobileColumnSpacing: d,
+    mobileRowSpacing: p,
     omnibusPrice: { textBefore: "", textAfter: "" },
     omnibusDiscount: { textBefore: "", textAfter: "" },
     // Preserve the legacy price-placement toggles. Absent legacy keys map to
@@ -69,10 +66,10 @@ function P(t, o, n) {
     // gated). New Guido blocks default differently (see DEFAULT_NODE_CONFIG).
     priceMovedToNextLine: !!t.isPriceMovedToNextLine,
     priceHideIfSameAsDiscounted: !!t.isPriceDeletedForZeroSale,
-    configVersion: p
+    configVersion: s
   };
 }
 export {
   L as mapCurrency,
-  P as mapSettings
+  O as mapSettings
 };

package/dist/config/migrator/recommendationMigrator.js

@@ -1,51 +1,48 @@
-import { BlockId as y } from "../../enums/block.js";
-import { DEFAULT_NODE_CONFIG as T } from "../../extensions/Blocks/Recommendation/constants/defaultConfig.js";
-import { ATTR_RECOMMENDATION_TITLE as d } from "../../extensions/Blocks/Recommendation/constants/selectors.js";
-import { useTemplateStore as v } from "../../stores/template.js";
-import { mapComposition as b } from "./recommendation/compositionMapper.js";
-import { extractCurrencyFromBlock as C, isOldPriceFirst as M, withRenderedTextTheme as R, extractTitleText as h, hasEmptyTitle as w, hasVisibleTitle as x, extractCardBgColor as E, isPartnerManagedBlock as S } from "./recommendation/extractors.js";
-import { buildBlockHtml as A } from "./recommendation/htmlBuilder.js";
-import { parseRecommendationId as H, parseLegacyConfig as B } from "./recommendation/parseLegacyConfig.js";
-import { mapSettings as L } from "./recommendation/settingsMapper.js";
-const F = 'td[esd-dev-product-config][class*="ins-recommendation-v3-block-"]:not(.recommendation-block-v2), td.product-block[esd-handler-name*="EmailRecommendationV3"][esd-dev-product-config]:not(.recommendation-block-v2)';
-function I(n, t, c) {
+import { BlockId as f } from "../../enums/block.js";
+import { DEFAULT_NODE_CONFIG as y } from "../../extensions/Blocks/Recommendation/constants/defaultConfig.js";
+import { ATTR_RECOMMENDATION_TITLE as b } from "../../extensions/Blocks/Recommendation/constants/selectors.js";
+import { useTemplateStore as T } from "../../stores/template.js";
+import { mapComposition as v } from "./recommendation/compositionMapper.js";
+import { extractCurrencyFromBlock as C, extractTitleText as M, hasVisibleTitle as R, extractCardBgColor as S, isPartnerManagedBlock as h } from "./recommendation/extractors.js";
+import { buildBlockHtml as w } from "./recommendation/htmlBuilder.js";
+import { parseRecommendationId as x, parseLegacyConfig as E } from "./recommendation/parseLegacyConfig.js";
+import { mapSettings as A } from "./recommendation/settingsMapper.js";
+const H = 'td[esd-dev-product-config][class*="ins-recommendation-v3-block-"]:not(.recommendation-block-v2), td.product-block[esd-handler-name*="EmailRecommendationV3"][esd-dev-product-config]:not(.recommendation-block-v2)';
+function B(n, t, c) {
   var l;
-  const r = H(t);
+  const r = x(t);
   if (r === null)
     return console.warn(
       "[RecommendationMigrator] Skipping block — missing/invalid `ins-recommendation-v3-campaign-id`"
     ), !1;
-  const o = B(t);
+  const o = E(t);
   if (!o)
     return console.warn(
       `[RecommendationMigrator] Aborting block id=${r} — \`esd-dev-product-config\` missing or unable to be parsed`
     ), !1;
   const a = c[String(r)] ?? {
     currencySettings: C(t)
-  }, i = L(a, o, r), e = b(
-    R((l = o.composition) == null ? void 0 : l.variables, t),
-    { oldPriceFirst: M(t) }
-  ), p = h(t);
-  w(t) ? e.visibility[d] = !1 : e.titleVariable || (e.visibility[d] = x(t));
-  const g = E(t), u = {
+  }, i = A(a, o, r), e = v((l = o.composition) == null ? void 0 : l.variables), d = M(t);
+  e.titleVariable || (e.visibility[b] = R(t));
+  const p = S(t), g = {
     ...i,
     strategyId: "",
     composition: e.composition,
     visibility: e.visibility,
-    previousTitleHtml: T.previousTitleHtml,
+    previousTitleHtml: y.previousTitleHtml,
     textTrimming: e.anyTextTrimming
-  }, m = S(t), f = `
+  }, m = h(t), u = `
         <table>
             <tbody>
                 <tr>
                     <td class="esd-structure" align="left">
                         <table width="100%" cellpadding="0" cellspacing="0">
                             <tbody>
-                                <tr>${A({
-    nodeConfig: u,
+                                <tr>${w({
+    nodeConfig: g,
     composition: e,
-    cardBg: g,
-    titleText: p,
+    cardBg: p,
+    titleText: d,
     legacyId: t.getAttribute("id") ?? void 0,
     legacyBgColor: t.getAttribute("bgcolor") ?? void 0,
     preserveInnerHtml: m ? t.innerHTML : void 0,
@@ -57,12 +54,12 @@ function I(n, t, c) {
                 </tr>
             </tbody>
         </table>
-    `, s = n.parseFromString(f, "text/html").querySelector("td.esd-structure");
+    `, s = n.parseFromString(u, "text/html").querySelector("td.esd-structure");
   return !s || !t.parentNode ? (console.warn(
     `[RecommendationMigrator] Aborting block id=${r} — failed to construct new HTML element`
   ), !1) : (t.parentNode.replaceChild(s, t), !0);
 }
-function K(n, t = {}) {
+function G(n, t = {}) {
   const c = new DOMParser();
   let r;
   try {
@@ -70,12 +67,12 @@ function K(n, t = {}) {
   } catch (i) {
     return console.error("[RecommendationMigrator] Failed to parse template:", i), n;
   }
-  const o = Array.from(r.querySelectorAll(F));
+  const o = Array.from(r.querySelectorAll(H));
   try {
-    v().$patch((e) => {
+    T().$patch((e) => {
       e.migrations = {
         ...e.migrations,
-        [y.Recommendation]: o.length
+        [f.Recommendation]: o.length
       };
     });
   } catch {
@@ -85,12 +82,12 @@ function K(n, t = {}) {
   let a = 0;
   return o.forEach((i) => {
     try {
-      I(c, i, t) && (a += 1);
+      B(c, i, t) && (a += 1);
     } catch (e) {
       console.error("[RecommendationMigrator] Unexpected error migrating block:", e);
     }
   }), a > 0 && console.info(`[RecommendationMigrator] Migrated ${a} legacy Recommendation block(s)`), r.documentElement.outerHTML;
 }
 export {
-  K as migrateRecommendation
+  G as migrateRecommendation
 };

package/dist/extensions/Blocks/Items/controls/button/link.js

@@ -1,31 +1,28 @@
-import { CommonControl as r } from "../../../common-control.js";
-import { ItemsBlockControlId as i } from "../../enums/controlEnums.js";
-import { getItemsBlockConfig as o } from "../../utils/nodeConfigUtils.js";
-const s = i.BUTTON_LINK, n = {
+import { CommonControl as s } from "../../../common-control.js";
+import { ItemsBlockControlId as r } from "../../enums/controlEnums.js";
+import { getItemsBlockConfig as a } from "../../utils/nodeConfigUtils.js";
+const e = r.BUTTON_LINK, n = {
   LINK: "link"
 };
-class m extends r {
+class L extends s {
   getId() {
-    return s;
+    return e;
   }
   getTemplate() {
     return `
-            <div class="container ${s}">
+            <div class="container ${e}">
                 ${this._getLink()}
             </div>
         `;
   }
   onRender() {
-    const t = o(this.currentNode);
-    this.api.updateValues({
-      [n.LINK]: (t == null ? void 0 : t.buttonLink) ?? ""
-    });
+    this.forgetLastPanelNode();
   }
-  onTemplateNodeUpdated(t) {
-    super.onTemplateNodeUpdated(t), this.handleBlockInstanceChange(() => {
-      const e = o(this.currentNode);
+  onTemplateNodeUpdated(o) {
+    super.onTemplateNodeUpdated(o), this.handleBlockInstanceChange(() => {
+      const t = a(this.currentNode);
       this.api.updateValues({
-        [n.LINK]: (e == null ? void 0 : e.buttonLink) ?? ""
+        [n.LINK]: (t == null ? void 0 : t.buttonLink) ?? ""
       });
     });
   }
@@ -44,6 +41,6 @@ class m extends r {
   }
 }
 export {
-  m as ButtonLinkControl,
-  s as CONTROL_BLOCK_ID
+  L as ButtonLinkControl,
+  e as CONTROL_BLOCK_ID
 };

package/dist/extensions/Blocks/Items/controls/cardComposition.js

@@ -1,12 +1,12 @@
 var I = Object.defineProperty;
 var U = (d, a, t) => a in d ? I(d, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[a] = t;
-var p = (d, a, t) => U(d, typeof a != "symbol" ? a + "" : a, t);
+var y = (d, a, t) => U(d, typeof a != "symbol" ? a + "" : a, t);
 import { ModificationDescription as c } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CommonControl as b } from "../../common-control.js";
 import { ItemsBlockId as r } from "../enums/controlEnums.js";
 import { SETTINGS_ENUMS as h } from "../enums/settingsEnums.js";
 import { getItemsBlockConfig as R, setItemsBlockConfig as m } from "../utils/nodeConfigUtils.js";
-const g = "ui-elements-items-card-composition-block", i = {
+const N = "ui-elements-items-card-composition-block", i = {
   PRODUCT_IMAGE: "image",
   PRODUCT_NAME: "name",
   PRODUCT_QUANTITY: "quantity",
@@ -17,7 +17,7 @@ const g = "ui-elements-items-card-composition-block", i = {
 class M extends b {
   constructor() {
     super(...arguments);
-    p(this, "visibilityState", {
+    y(this, "visibilityState", {
       [i.PRODUCT_IMAGE]: !0,
       [i.PRODUCT_NAME]: !0,
       [i.PRODUCT_QUANTITY]: !0,
@@ -27,7 +27,7 @@ class M extends b {
     });
   }
   getId() {
-    return g;
+    return N;
   }
   getTemplate() {
     return `
@@ -44,7 +44,7 @@ class M extends b {
         `;
   }
   onRender() {
-    this._syncVisibilityFromAttributes(), this._handleBrowsedItemsQuantity(), this._initializeToggles(), this._listenToFormUpdates();
+    this.forgetLastPanelNode(), this._listenToFormUpdates();
   }
   onTemplateNodeUpdated(t) {
     super.onTemplateNodeUpdated(t), this.handleBlockInstanceChange(() => {
@@ -61,9 +61,6 @@ class M extends b {
             </div>
         `;
   }
-  _initializeToggles() {
-    this._updateTogglesFromState();
-  }
   _updateTogglesFromState() {
     this.api.updateValues({
       [i.PRODUCT_IMAGE]: this.visibilityState[i.PRODUCT_IMAGE],
@@ -224,21 +221,21 @@ class M extends b {
    *   - When both are visible, they share 50% each
    */
   _updatePriceCellWidthsForVerticalLayout(t) {
-    var O, y;
+    var O, p;
     const e = R(this.currentNode);
     if (!((e == null ? void 0 : e.orientation) === h.ORIENTATION.VERTICAL))
       return;
-    const n = (O = this.currentNode) == null ? void 0 : O.querySelectorAll(".product-price-class"), s = (y = this.currentNode) == null ? void 0 : y.querySelectorAll(".product-original-price-class"), l = (e == null ? void 0 : e.priceOrientation) === "vertical", P = this.visibilityState[i.PRODUCT_PRICE], C = this.visibilityState[i.PRODUCT_ORIGINAL_PRICE], T = t ?? this.api.getDocumentModifier();
+    const n = (O = this.currentNode) == null ? void 0 : O.querySelectorAll(".product-price-class"), s = (p = this.currentNode) == null ? void 0 : p.querySelectorAll(".product-original-price-class"), l = (e == null ? void 0 : e.priceOrientation) === "vertical", P = this.visibilityState[i.PRODUCT_PRICE], C = this.visibilityState[i.PRODUCT_ORIGINAL_PRICE], T = t ?? this.api.getDocumentModifier();
     if (n && n.length > 0) {
-      const _ = l || !C ? "100%" : "50%";
-      n.forEach((u) => {
-        T.modifyHtml(u).setStyle("width", _);
+      const u = l || !C ? "100%" : "50%";
+      n.forEach((_) => {
+        T.modifyHtml(_).setStyle("width", u);
       });
     }
     if (s && s.length > 0) {
-      const _ = l || !P ? "100%" : "50%";
-      s.forEach((u) => {
-        T.modifyHtml(u).setStyle("width", _);
+      const u = l || !P ? "100%" : "50%";
+      s.forEach((_) => {
+        T.modifyHtml(_).setStyle("width", u);
       });
     }
     t || T.apply(new c("Updated price cell widths for vertical layout"));
@@ -256,6 +253,6 @@ class M extends b {
   }
 }
 export {
-  g as COMPOSITION_CONTROL_BLOCK_ID,
+  N as COMPOSITION_CONTROL_BLOCK_ID,
   M as ItemsBlockCardCompositionControl
 };

package/dist/extensions/Blocks/Items/controls/image/link.js

@@ -1,31 +1,28 @@
-import { CommonControl as a } from "../../../common-control.js";
-import { ItemsBlockControlId as i } from "../../enums/controlEnums.js";
-import { getItemsBlockConfig as o } from "../../utils/nodeConfigUtils.js";
-const s = i.IMAGE_LINK, n = {
+import { CommonControl as s } from "../../../common-control.js";
+import { ItemsBlockControlId as r } from "../../enums/controlEnums.js";
+import { getItemsBlockConfig as a } from "../../utils/nodeConfigUtils.js";
+const t = r.IMAGE_LINK, n = {
   LINK: "link"
 };
-class p extends a {
+class L extends s {
   getId() {
-    return s;
+    return t;
   }
   getTemplate() {
     return `
-            <div class="container ${s}">
+            <div class="container ${t}">
                 ${this._getLink()}
             </div>
         `;
   }
   onRender() {
-    const e = o(this.currentNode);
-    this.api.updateValues({
-      [n.LINK]: (e == null ? void 0 : e.imageLink) ?? ""
-    });
+    this.forgetLastPanelNode();
   }
-  onTemplateNodeUpdated(e) {
-    super.onTemplateNodeUpdated(e), this.handleBlockInstanceChange(() => {
-      const t = o(this.currentNode);
+  onTemplateNodeUpdated(o) {
+    super.onTemplateNodeUpdated(o), this.handleBlockInstanceChange(() => {
+      const e = a(this.currentNode);
       this.api.updateValues({
-        [n.LINK]: (t == null ? void 0 : t.imageLink) ?? ""
+        [n.LINK]: (e == null ? void 0 : e.imageLink) ?? ""
       });
     });
   }
@@ -44,6 +41,6 @@ class p extends a {
   }
 }
 export {
-  s as CONTROL_BLOCK_ID,
-  p as ImageLinkControl
+  t as CONTROL_BLOCK_ID,
+  L as ImageLinkControl
 };

package/dist/extensions/Blocks/Items/controls/name/trimming.js

@@ -1,9 +1,9 @@
-import { ModificationDescription as d, UIElementType as s, UEAttr as p } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { ModificationDescription as d, UIElementType as m, UEAttr as p } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CommonControl as T } from "../../../common-control.js";
 import { nameMaxWidthFor as h } from "../../constants/cardLayout.js";
 import { ItemsBlockControlId as a } from "../../enums/controlEnums.js";
 import { findNameTextNode as c } from "../../utils/nameNode.js";
-import { getItemsBlockConfig as r, setItemsBlockConfig as g } from "../../utils/nodeConfigUtils.js";
+import { getItemsBlockConfig as s, setItemsBlockConfig as g } from "../../utils/nodeConfigUtils.js";
 const I = a.NAME_TRIMMING, n = {
   TRIMMING: "trimming"
 };
@@ -19,14 +19,13 @@ class E extends T {
         `;
   }
   onRender() {
-    const e = r(this.currentNode);
-    this.api.updateValues({ [n.TRIMMING]: (e == null ? void 0 : e.nameTrimming) ?? !0 }), this.api.onValueChanged(n.TRIMMING, (t) => {
-      this._onTrimmingChange(t);
+    this.forgetLastPanelNode(), this.api.onValueChanged(n.TRIMMING, (e) => {
+      this._onTrimmingChange(e);
     });
   }
   onTemplateNodeUpdated(e) {
     super.onTemplateNodeUpdated(e), this.handleBlockInstanceChange(() => {
-      const t = r(this.currentNode);
+      const t = s(this.currentNode);
       this.api.updateValues({ [n.TRIMMING]: (t == null ? void 0 : t.nameTrimming) ?? !0 });
     });
   }
@@ -37,16 +36,16 @@ class E extends T {
     const t = c(this.currentNode);
     if (!t)
       return;
-    const i = r(this.currentNode), m = e !== void 0 ? e : (i == null ? void 0 : i.nameTrimming) ?? !0, l = h(i == null ? void 0 : i.orientation), o = this.api.getDocumentModifier().modifyHtml(t);
-    m ? o.setStyle("white-space", "nowrap").setStyle("overflow", "hidden").setStyle("text-overflow", "ellipsis") : o.removeStyle("white-space").removeStyle("overflow").removeStyle("text-overflow"), o.setStyle("max-width", l).apply(new d(`Text Trimming ${m ? "Enabled" : "Disabled"}`));
+    const i = s(this.currentNode), r = e !== void 0 ? e : (i == null ? void 0 : i.nameTrimming) ?? !0, l = h(i == null ? void 0 : i.orientation), o = this.api.getDocumentModifier().modifyHtml(t);
+    r ? o.setStyle("white-space", "nowrap").setStyle("overflow", "hidden").setStyle("text-overflow", "ellipsis") : o.removeStyle("white-space").removeStyle("overflow").removeStyle("text-overflow"), o.setStyle("max-width", l).apply(new d(`Text Trimming ${r ? "Enabled" : "Disabled"}`));
   }
   _getTextTrimming() {
     return `
             <div class="display-flex align-items-center justify-content-between">
-                <${s.LABEL}
+                <${m.LABEL}
                     ${p.LABEL.text}="${this.api.translate("Text Trimming")}"
                 >
-                </${s.LABEL}>
+                </${m.LABEL}>
                 ${this._GuToggle(n.TRIMMING)}
             </div>
         `;

package/dist/extensions/Blocks/Items/controls/price/currencyLocation.js

@@ -1,33 +1,32 @@
-import { currencyLocationMaps as p } from "../../../../../enums/extensions/recommendationBlock.js";
-import { UEAttr as N, ModificationDescription as I } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as L } from "../../../common-control.js";
+import { currencyLocationMaps as m } from "../../../../../enums/extensions/recommendationBlock.js";
+import { UEAttr as I, ModificationDescription as L } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as N } from "../../../common-control.js";
 import { ITEMS_CURRENCY_ATTR as T, currencyPositionFromLocation as E } from "../../constants/currency.js";
-import { ItemsBlockControlId as m } from "../../enums/controlEnums.js";
-import { getItemsBlockConfig as l, setItemsBlockConfig as O, escapeReplacement as f } from "../../utils/nodeConfigUtils.js";
-const b = m.PRICE_CURRENCY_LOCATION, c = {
+import { ItemsBlockControlId as p } from "../../enums/controlEnums.js";
+import { getItemsBlockConfig as u, setItemsBlockConfig as O, escapeReplacement as f } from "../../utils/nodeConfigUtils.js";
+const b = p.PRICE_CURRENCY_LOCATION, a = {
   CURRENCY_LOCATION: "currencyLocation"
 };
-class Y extends L {
+class B extends N {
   getId() {
     return b;
   }
   getTemplate() {
     return `
-            <div class="container ${m.PRICE_CURRENCY_LOCATION}">
+            <div class="container ${p.PRICE_CURRENCY_LOCATION}">
                 ${this._getCurrencyLocation()}
             </div>
         `;
   }
   onRender() {
-    const e = l(this.currentNode);
-    this.api.setUIEAttribute(c.CURRENCY_LOCATION, N.SELECTPICKER.items, p), this.api.updateValues({ [c.CURRENCY_LOCATION]: (e == null ? void 0 : e.priceCurrencyLocation) ?? "0" }), this.api.onValueChanged(c.CURRENCY_LOCATION, (t) => {
-      this._onCurrencyLocationChange(t);
+    this.forgetLastPanelNode(), this.api.setUIEAttribute(a.CURRENCY_LOCATION, I.SELECTPICKER.items, m), this.api.onValueChanged(a.CURRENCY_LOCATION, (e) => {
+      this._onCurrencyLocationChange(e);
     });
   }
   onTemplateNodeUpdated(e) {
     super.onTemplateNodeUpdated(e), this.handleBlockInstanceChange(() => {
-      const t = l(this.currentNode);
-      this.api.updateValues({ [c.CURRENCY_LOCATION]: (t == null ? void 0 : t.priceCurrencyLocation) ?? "0" });
+      const t = u(this.currentNode);
+      this.api.updateValues({ [a.CURRENCY_LOCATION]: (t == null ? void 0 : t.priceCurrencyLocation) ?? "0" });
     });
   }
   _onCurrencyLocationChange(e) {
@@ -36,15 +35,15 @@ class Y extends L {
     const t = this._getPriceBlocks();
     if (!t || t.length === 0)
       return;
-    const r = l(this.currentNode), n = e || "0", o = (r == null ? void 0 : r.priceCurrencySymbol) ?? "", i = E(n), s = this.api.getDocumentModifier();
+    const r = u(this.currentNode), n = e || "0", o = (r == null ? void 0 : r.priceCurrencySymbol) ?? "", c = E(n), i = this.api.getDocumentModifier();
     t.forEach((h) => {
-      const a = this._getParagraph(h);
-      if (!a)
+      const s = this._getParagraph(h);
+      if (!s)
         return;
-      const d = a.getInnerHTML().trim() || "", C = a.getInnerText().trim() || "", u = (o == null ? void 0 : o.trim()) || "", _ = this._removeCurrencySymbol(C, u), g = this._detectSymbolInText(C) || u, R = this._buildPriceContent(_, g, n), y = d.replace(C, f(R));
-      s.modifyHtml(a).setInnerHtml(y).setAttribute(T.POSITION, i);
-    }), s.apply(new I(
-      `Updated currency location to ${i}`
+      const d = s.getInnerHTML().trim() || "", l = s.getInnerText().trim() || "", C = (o == null ? void 0 : o.trim()) || "", g = this._removeCurrencySymbol(l, C), _ = this._detectSymbolInText(l) || C, y = this._buildPriceContent(g, _, n), R = d.replace(l, f(y));
+      i.modifyHtml(s).setInnerHtml(R).setAttribute(T.POSITION, c);
+    }), i.apply(new L(
+      `Updated currency location to ${c}`
     ));
   }
   _getPriceBlocks() {
@@ -66,8 +65,8 @@ class Y extends L {
     } else {
       const o = r.match(/([^0-9.,\s]+)/);
       if (o && o[1]) {
-        const i = o[1].trim(), s = new RegExp(`\\s*${this._escapeRegex(i)}\\s*`);
-        n = r.replace(s, "").trim();
+        const c = o[1].trim(), i = new RegExp(`\\s*${this._escapeRegex(c)}\\s*`);
+        n = r.replace(i, "").trim();
       }
     }
     return n;
@@ -84,9 +83,9 @@ class Y extends L {
             ${this._GuTwoColumns([
       this._GuLabel({ text: "Currency Location" }),
       this._GuSelect({
-        name: c.CURRENCY_LOCATION,
+        name: a.CURRENCY_LOCATION,
         placeholder: "",
-        options: p
+        options: m
       })
     ])}
         `;
@@ -94,5 +93,5 @@ class Y extends L {
 }
 export {
   b as CONTROL_BLOCK_ID,
-  Y as PriceCurrencyLocationControl
+  B as PriceCurrencyLocationControl
 };

package/dist/extensions/Blocks/Items/controls/price/currencySymbol.js

@@ -2,20 +2,20 @@ var R = Object.defineProperty;
 var N = (s, c, e) => c in s ? R(s, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[c] = e;
 var h = (s, c, e) => N(s, typeof c != "symbol" ? c + "" : c, e);
 import { ModificationDescription as E } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as B } from "../../../common-control.js";
-import { ITEMS_CURRENCY_ATTR as T } from "../../constants/currency.js";
+import { CommonControl as f } from "../../../common-control.js";
+import { ITEMS_CURRENCY_ATTR as B } from "../../constants/currency.js";
 import { ItemsBlockControlId as y } from "../../enums/controlEnums.js";
-import { getItemsBlockConfig as p, setItemsBlockConfig as Y, escapeReplacement as f } from "../../utils/nodeConfigUtils.js";
-const x = y.PRICE_CURRENCY_SYMBOL, u = {
+import { getItemsBlockConfig as p, setItemsBlockConfig as T, escapeReplacement as x } from "../../utils/nodeConfigUtils.js";
+const I = y.PRICE_CURRENCY_SYMBOL, u = {
   CURRENCY_SYMBOL: "currencySymbol"
 };
-class $ extends B {
+class $ extends f {
   constructor() {
     super(...arguments);
     h(this, "originalPriceContents", /* @__PURE__ */ new Map());
   }
   getId() {
-    return x;
+    return I;
   }
   getTemplate() {
     return `
@@ -25,9 +25,8 @@ class $ extends B {
         `;
   }
   onRender() {
-    const e = p(this.currentNode);
-    this.api.updateValues({ [u.CURRENCY_SYMBOL]: (e == null ? void 0 : e.priceCurrencySymbol) ?? "" }), this._storeOriginalContents(), this.api.onValueChanged(u.CURRENCY_SYMBOL, (t) => {
-      this._onCurrencySymbolChange(t);
+    this.forgetLastPanelNode(), this.api.onValueChanged(u.CURRENCY_SYMBOL, (e) => {
+      this._onCurrencySymbolChange(e);
     });
   }
   onDestroy() {
@@ -43,7 +42,7 @@ class $ extends B {
     var a;
     console.debug("Currency symbol changed to: ", e);
     const t = p(this.currentNode), o = ((a = t == null ? void 0 : t.priceCurrencySymbol) == null ? void 0 : a.trim()) || "";
-    if (Y(this.currentNode, this.api, { priceCurrencySymbol: e }), !this.currentNode)
+    if (T(this.currentNode, this.api, { priceCurrencySymbol: e }), !this.currentNode)
       return;
     const r = this._getPriceBlocks();
     if (!r || r.length === 0)
@@ -53,8 +52,8 @@ class $ extends B {
       const m = this._getParagraph(d);
       if (!m)
         return;
-      const g = m.getInnerHTML().trim() || "", C = m.getInnerText().trim() || "", _ = this._removeCurrencySymbol(C, o), S = this._buildPriceContent(_, n, l), b = g.replace(C, f(S));
-      i.modifyHtml(m).setInnerHtml(b).setAttribute(T.SYMBOL, n);
+      const g = m.getInnerHTML().trim() || "", C = m.getInnerText().trim() || "", _ = this._removeCurrencySymbol(C, o), S = this._buildPriceContent(_, n, l), b = g.replace(C, x(S));
+      i.modifyHtml(m).setInnerHtml(b).setAttribute(B.SYMBOL, n);
     }), i.apply(new E(
       `Updated currency symbol to ${n || "removed"}`
     ));
@@ -116,6 +115,6 @@ class $ extends B {
   }
 }
 export {
-  x as CONTROL_BLOCK_ID,
+  I as CONTROL_BLOCK_ID,
   $ as PriceCurrencySymbolControl
 };