@useinsider/guido 3.22.0-beta.2551a6f → 3.22.0-beta.3f91a42

package/dist/composables/useStripo.js

@@ -1,44 +1,54 @@
-import { useActionsApi as L } from "./useActionsApi.js";
-import { useBlocksConfig as O } from "./useBlocksConfig.js";
-import { useConfig as H } from "./useConfig.js";
-import { useCustomInterfaceAppearance as w } from "./useCustomInterfaceAppearance.js";
-import { useFullStoryBridge as N } from "./useFullStoryBridge.js";
-import { useModuleRepair as j } from "./useModuleRepair.js";
-import { useStripoEventHandler as z } from "./useStripoEventHandler.js";
-import { useStripoNotifications as $ } from "./useStripoNotifications.js";
-import { useToaster as G } from "./useToaster.js";
-import { localePatch as J } from "../config/i18n/index.js";
-import { en as b } from "../config/i18n/en/index.js";
-import { ToasterTypeOptions as X } from "../enums/toaster.js";
-import { useStripoApi as K } from "../services/stripoApi.js";
-import Q from "../static/styles/customEditorStyle.css.js";
-import { useEditorStore as k } from "../stores/editor.js";
-import { buildMergeTagEntries as W, flattenDynamicContentList as Y } from "../utils/genericUtil.js";
-import Z from "../package.json.js";
-let n = null;
-const he = () => {
-  const { features: c, template: u, isFeatureEnabled: p } = H(), { handleError: m, showToaster: v } = G(), { getToken: B, getCustomFonts: M, getSyncModulesStatus: T } = K(), { handleEvent: F } = z(), { handleModuleAdd: A } = j(), { getStripoBlocksConfig: V } = O(), { getStripoNotifications: _ } = $(), f = () => n || (n = new Promise((r, s) => {
-    var d;
+import { useActionsApi as M } from "./useActionsApi.js";
+import { useBlocksConfig as N } from "./useBlocksConfig.js";
+import { useConfig as j } from "./useConfig.js";
+import { useCustomInterfaceAppearance as _ } from "./useCustomInterfaceAppearance.js";
+import { useFullStoryBridge as z } from "./useFullStoryBridge.js";
+import { useModuleRepair as $ } from "./useModuleRepair.js";
+import { useStripoEventHandler as G } from "./useStripoEventHandler.js";
+import { useStripoNotifications as X } from "./useStripoNotifications.js";
+import { useToaster as J } from "./useToaster.js";
+import { localePatch as K } from "../config/i18n/index.js";
+import { en as B } from "../config/i18n/en/index.js";
+import { ToasterTypeOptions as Q } from "../enums/toaster.js";
+import { useStripoApi as W } from "../services/stripoApi.js";
+import Y from "../static/styles/customEditorStyle.css.js";
+import { useEditorStore as v } from "../stores/editor.js";
+import { buildMergeTagEntries as Z, flattenDynamicContentList as ee } from "../utils/genericUtil.js";
+import { getStripoRuntimeBaseUrl as te } from "../utils/stripoRuntime.js";
+let d = null, T = !1;
+const we = (e) => {
+  const { features: u, template: m, isFeatureEnabled: p } = j(), { handleError: f, showToaster: F } = J(), { getToken: A, getCustomFonts: P, getSyncModulesStatus: R } = W(), { handleEvent: U } = G(), { handleModuleAdd: V } = $(), { getStripoBlocksConfig: D } = N(), { getStripoNotifications: I } = X(), g = () => d || (d = new Promise((a, s) => {
     if (document.getElementById("UiEditorScript")) {
-      r();
+      a();
       return;
     }
-    const o = Z.guido, i = `https://email-static.useinsider.com/guido/${(d = o == null ? void 0 : o.stripo) == null ? void 0 : d.version}/UIEditor.js`, e = document.createElement("script");
-    e.id = "UiEditorScript", e.type = "module", e.src = i, e.onload = () => r(), e.onerror = () => {
-      e.remove(), s(new Error(`Failed to load Stripo UIEditor script from S3: ${i}`));
-    }, document.body.appendChild(e);
-  }), n.catch(() => {
-    n = null;
-  }), n), D = async (r, s, o, a = [], i = !1) => {
-    var y, E, h, C;
-    const e = k(), { html: d, css: P } = r, { baseBlocks: g, extensions: R } = await V(), S = ((y = c.value) == null ? void 0 : y.displayConditions) ?? !0, U = ((E = c.value) == null ? void 0 : E.modulesDisabled) ?? !1, I = !!d || (((h = u.value) == null ? void 0 : h.forceRecreate) ?? !1), q = "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com";
-    w().importCss(), await window.UIEditor.initEditor(
+    const i = te();
+    if (!i) {
+      s(
+        new Error("guido.stripo.version is not set in package.json. Please configure the Stripo version.")
+      );
+      return;
+    }
+    const n = `${i}UIEditor.js`, t = document.createElement("script");
+    t.id = "UiEditorScript", t.type = "module", t.src = n, t.onload = () => {
+      T = !0, a();
+    }, t.onerror = () => {
+      t.remove(), s(new Error(`Failed to load Stripo UIEditor script from S3: ${n}`));
+    }, document.body.appendChild(t);
+  }), d.catch(() => {
+    d = null;
+  }), d), L = async (a, s, i, n = [], t = !1) => {
+    var C, w, k, b;
+    const o = v(), { html: c, css: S } = a, { baseBlocks: y, extensions: q } = await D();
+    e.mark("blocks_config_ready");
+    const E = ((C = u.value) == null ? void 0 : C.displayConditions) ?? !0, x = ((w = u.value) == null ? void 0 : w.modulesDisabled) ?? !1, h = !!c || (((k = m.value) == null ? void 0 : k.forceRecreate) ?? !1), O = "https://email-static.useinsider.com https://edge.fullstory.com https://rs.fullstory.com";
+    e.setTemplate({ html: c, css: S, forceRecreate: h }), _().importCss(), e.mark("init_editor"), await window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
         metadata: s,
-        html: d,
-        css: P,
-        forceRecreate: I,
+        html: c,
+        css: S,
+        forceRecreate: h,
         locale: "en",
         undoButtonSelector: "#guido__undo-button",
         redoButtonSelector: "#guido__redo-button",
@@ -48,12 +58,12 @@ const he = () => {
         customAppearanceMergetags: !p("liquidSyntax"),
         customAppearanceMergetagsBorderColor: "#f1f3fe",
         customAppearanceMergetagsBackgroundColor: "#f1f3fe",
-        customViewStyles: Q,
-        conditionsEnabled: S,
-        customConditionsEnabled: S,
+        customViewStyles: Y,
+        conditionsEnabled: E,
+        customConditionsEnabled: E,
         enableXSSSecurity: !0,
-        modulesDisabled: U,
-        syncModulesEnabled: i,
+        modulesDisabled: x,
+        syncModulesEnabled: t,
         messageSettingsEnabled: !0,
         displayGmailAnnotations: !0,
         displayHiddenPreheader: !1,
@@ -63,55 +73,56 @@ const he = () => {
         copyPasteEnabled: !1,
         selectElementAfterDrop: !0,
         sameFontSizeForOutlook: !0,
-        allowedScriptSourceDomains: q,
-        ...g ? { baseBlocks: g } : {},
+        allowedScriptSourceDomains: O,
+        ...y ? { baseBlocks: y } : {},
         editorFonts: {
           showDefaultStandardFonts: !0,
           showDefaultNotStandardFonts: !0,
-          customFonts: a
+          customFonts: n
         },
         mergeTags: [
           {
-            entries: W(
-              o.preselectedDynamicContentList,
-              Y((C = u.value) == null ? void 0 : C.dynamicContentList),
+            entries: Z(
+              i.preselectedDynamicContentList,
+              ee((b = m.value) == null ? void 0 : b.dynamicContentList),
               p("liquidSyntax")
             )
           }
         ],
-        async onTokenRefreshRequest(t) {
+        async onTokenRefreshRequest(r) {
           try {
-            const l = await B();
-            t(l);
+            e.mark("token_start");
+            const l = await A();
+            e.mark("token_end"), r(l);
           } catch (l) {
-            m(l, "Failed to refresh token");
+            f(l, "Failed to refresh token");
           }
         },
         onTemplateLoaded() {
           try {
-            const { activateCustomViewStyles: t, updateTimerInClonedTemplate: l } = L(), { injectFullStory: x } = N();
-            w().importCss(), t(), x(), l(), o.onReady(), e.isStripoInitialized = !0, e.loadingStatus = !1, setTimeout(() => {
-              e.hasChanges = !1;
-            }, 1e3);
-          } catch (t) {
-            m(t, "Failed to load custom interface appearance");
+            const { activateCustomViewStyles: r, updateTimerInClonedTemplate: l } = M(), { injectFullStory: H } = z();
+            _().importCss(), r(), H(), l(), i.onReady(), o.isStripoInitialized = !0, o.loadingStatus = !1, setTimeout(() => {
+              o.hasChanges = !1;
+            }, 1e3), e.markReady();
+          } catch (r) {
+            f(r, "Failed to load custom interface appearance");
           }
         },
-        onCodeEditorVisibilityChanged(t) {
-          e.isCodeEditorOpen = t;
+        onCodeEditorVisibilityChanged(r) {
+          o.isCodeEditorOpen = r;
         },
-        onEditorVisualModeChanged(t) {
-          e.editorVisualMode = t.toLowerCase();
+        onEditorVisualModeChanged(r) {
+          o.editorVisualMode = r.toLowerCase();
         },
-        onVersionHistoryVisibilityChanged(t) {
-          e.isVersionHistoryOpen = t;
+        onVersionHistoryVisibilityChanged(r) {
+          o.isVersionHistoryOpen = r;
         },
         onDataChanged() {
-          e.hasChanges = !0, e.changeSeq += 1;
+          o.hasChanges = !0, o.changeSeq += 1;
         },
-        onEvent: F,
-        onModuleAdd: A,
-        notifications: _(),
+        onEvent: U,
+        onModuleAdd: V,
+        notifications: I(),
         // Stripo deselects the block on any click outside the canvas, so every surface
         // that belongs to the block's own flow has to be listed here (SD-153273).
         ignoreClickOutsideSelectors: [
@@ -121,35 +132,35 @@ const he = () => {
           ".in-modal-v2-wrapper",
           ".in-toasts-wrapper"
         ],
-        extensions: R,
-        localePatch: J
+        extensions: q,
+        localePatch: K
       }
     );
   };
-  return { initPlugin: async (r, s, o) => {
-    const a = k();
+  return { initPlugin: async (a, s, i) => {
+    const n = v();
     try {
-      await f();
-      const [i, e] = await Promise.all([
-        M(),
-        T()
+      e.mark("plugin_start"), e.setScriptPreloaded(T), await g(), e.mark("script_ready");
+      const [t, o] = await Promise.all([
+        P(),
+        R()
       ]);
-      a.syncModulesEnabled = e, await D(r, s, o, i, e);
+      e.mark("fonts_sync_ready"), n.syncModulesEnabled = o, await L(a, s, i, t, o);
     } catch {
-      a.loadingStatus = !1, v({
-        type: X.Error,
-        message: b["An error has occurred. Please report the error code to support."],
+      n.loadingStatus = !1, F({
+        type: Q.Error,
+        message: B["An error has occurred. Please report the error code to support."],
         actionButton: {
-          text: b["Reload page"],
+          text: B["Reload page"],
           onClick: () => window.location.reload()
         }
-      });
+      }), e.markFailed();
     }
   }, preloadRuntime: () => {
-    f().catch(() => {
+    g().catch(() => {
     });
   } };
 };
 export {
-  he as useStripo
+  we as useStripo
 };

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
 };