@useinsider/guido 3.17.0 → 3.18.0

package/dist/config/migrator/recommendationMigrator.js

@@ -1,31 +1,37 @@
 import { BlockId as f } from "../../enums/block.js";
-import { useTemplateStore as b } from "../../stores/template.js";
-import { mapComposition as y } from "./recommendation/compositionMapper.js";
-import { extractCurrencyFromBlock as v, extractTitleText as C, extractCardBgColor as M, isPartnerManagedBlock as S } from "./recommendation/extractors.js";
+import { DEFAULT_NODE_CONFIG as b } from "../../extensions/Blocks/Recommendation/constants/defaultConfig.js";
+import { ATTR_RECOMMENDATION_TITLE as y } 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 R } from "./recommendation/parseLegacyConfig.js";
-import { mapSettings as T } 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(i, t, a) {
-  var d;
+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, a) {
+  var l;
   const o = x(t);
   if (o === null)
     return console.warn(
       "[RecommendationMigrator] Skipping block — missing/invalid `ins-recommendation-v3-campaign-id`"
     ), !1;
-  const r = R(t);
+  const r = E(t);
   if (!r)
     return console.warn(
       `[RecommendationMigrator] Aborting block id=${o} — \`esd-dev-product-config\` missing or unable to be parsed`
     ), !1;
-  const n = a[String(o)] ?? {
-    currencySettings: v(t)
-  }, c = T(n, r, o), e = y((d = r.composition) == null ? void 0 : d.variables), l = C(t), g = M(t), p = {
+  const i = a[String(o)] ?? {
+    currencySettings: C(t)
+  }, c = A(i, r, o), e = v((l = r.composition) == null ? void 0 : l.variables), d = M(t);
+  e.titleVariable || (e.visibility[y] = R(t));
+  const p = S(t), g = {
     ...c,
+    strategyId: "",
     composition: e.composition,
     visibility: e.visibility,
+    previousTitleHtml: b.previousTitleHtml,
     textTrimming: e.anyTextTrimming
-  }, m = S(t), u = `
+  }, m = h(t), u = `
         <table>
             <tbody>
                 <tr>
@@ -33,10 +39,10 @@ function B(i, t, a) {
                         <table width="100%" cellpadding="0" cellspacing="0">
                             <tbody>
                                 <tr>${w({
-    nodeConfig: p,
+    nodeConfig: g,
     composition: e,
-    cardBg: g,
-    titleText: l,
+    cardBg: p,
+    titleText: d,
     legacyId: t.getAttribute("id") ?? void 0,
     legacyBgColor: t.getAttribute("bgcolor") ?? void 0,
     preserveInnerHtml: m ? t.innerHTML : void 0,
@@ -48,15 +54,15 @@ function B(i, t, a) {
                 </tr>
             </tbody>
         </table>
-    `, s = i.parseFromString(u, "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=${o} — failed to construct new HTML element`
   ), !1) : (t.parentNode.replaceChild(s, t), !0);
 }
-function q(i, t = {}) {
-  const a = new DOMParser(), o = a.parseFromString(i, "text/html"), r = Array.from(o.querySelectorAll(h));
+function G(n, t = {}) {
+  const a = new DOMParser(), o = a.parseFromString(n, "text/html"), r = Array.from(o.querySelectorAll(H));
   try {
-    b().$patch((e) => {
+    T().$patch((e) => {
       e.migrations = {
         ...e.migrations,
         [f.Recommendation]: r.length
@@ -65,16 +71,16 @@ function q(i, t = {}) {
   } catch {
   }
   if (r.length === 0)
-    return i;
-  let n = 0;
+    return n;
+  let i = 0;
   return r.forEach((c) => {
     try {
-      B(a, c, t) && (n += 1);
+      B(a, c, t) && (i += 1);
     } catch (e) {
       console.error("[RecommendationMigrator] Unexpected error migrating block:", e);
     }
-  }), n > 0 && console.info(`[RecommendationMigrator] Migrated ${n} legacy Recommendation block(s)`), o.documentElement.outerHTML;
+  }), i > 0 && console.info(`[RecommendationMigrator] Migrated ${i} legacy Recommendation block(s)`), o.documentElement.outerHTML;
 }
 export {
-  q as migrateRecommendation
+  G as migrateRecommendation
 };

package/dist/config/migrator/recommendationTitleMigrator.js

@@ -0,0 +1,119 @@
+var R = Object.defineProperty;
+var f = (s, t, e) => t in s ? R(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var a = (s, t, e) => f(s, typeof t != "symbol" ? t + "" : t, e);
+import { RecommendationBlockId as d } from "../../extensions/Blocks/Recommendation/constants/blockIds.js";
+import { BLOCK_ROOT_SELECTOR as u, CSS_CLASS_SKIP_COMPILE as m, ATTR_DATA_ATTRIBUTE_TYPE as S, ATTR_RECOMMENDATION_TITLE as l, CONTAINER_SELECTOR as E, CSS_CLASS_TITLE_CELL as c, CSS_CLASS_SPACER as C, CSS_CLASS_ATTRIBUTE_ROW as A, ATTR_DATA_VISIBILITY as L } from "../../extensions/Blocks/Recommendation/constants/selectors.js";
+const p = u.slice(1), g = `${u}:not(.${m})`, O = `[${S}="${l}"]`, h = "td.esd-block-text", _ = "table.container > tbody", T = "esd-ext-config";
+class y {
+  constructor() {
+    a(this, "parser");
+    this.parser = new DOMParser();
+  }
+  migrate(t) {
+    try {
+      if (!t.includes(p))
+        return t;
+      const e = this.parser.parseFromString(t, "text/html");
+      return Array.from(e.querySelectorAll(g)).reduce(
+        (n, o) => this._migrateBlock(o) || n,
+        !1
+      ) ? e.documentElement.outerHTML : t;
+    } catch (e) {
+      return console.error("RecommendationTitleMigrator failed:", e), t;
+    }
+  }
+  /** Migrates one block. Returns `true` when the block was changed. */
+  _migrateBlock(t) {
+    if (t.querySelector(O) || this._hasRecordedTitleState(t))
+      return !1;
+    const e = this._findTitleCell(t), i = e !== null && (e.textContent ?? "").trim().length > 0;
+    return i ? this._tagExistingTitle(t, e) : this._removeTitleRemnants(t, e), this._writeVisibility(t, i), !0;
+  }
+  /** The only `esd-block-text` cell outside the product containers is the title. */
+  _findTitleCell(t) {
+    return Array.from(t.querySelectorAll(h)).find((e) => !e.closest(E) && this._isTitlePosition(t, e)) ?? null;
+  }
+  _isTitlePosition(t, e) {
+    var r;
+    const i = this._wrapperRowOf(t, e);
+    return e.classList.contains(c) || i !== null && i === ((r = i.parentElement) == null ? void 0 : r.firstElementChild);
+  }
+  /**
+   * Stamps the attribute-row tagging onto the title's wrapper row and the spacer
+   * below it, so one toggle governs the pair and the compiler drops both when off.
+   */
+  _tagExistingTitle(t, e) {
+    e.classList.add(c), e.setAttribute("esd-extension-block-id", d.TITLE);
+    const i = this._wrapperRowOf(t, e);
+    if (!i)
+      return;
+    this._tagRow(i);
+    const r = i.nextElementSibling;
+    r && this._isSpacerRow(r) && this._tagRow(r);
+  }
+  /** The `<tr>` inside `table.container > tbody` that wraps the title's own table. */
+  _wrapperRowOf(t, e) {
+    if (!e)
+      return null;
+    const i = t.querySelector(_);
+    return Array.from((i == null ? void 0 : i.children) ?? []).find((r) => r.contains(e)) ?? null;
+  }
+  /**
+   * Direct children only — a product-container row holds spacer cells further down,
+   * and `querySelector` would happily reach them. (`:scope >` is unsupported in happy-dom.)
+   */
+  _isSpacerRow(t) {
+    return Array.from(t.children).some((e) => e.classList.contains(C));
+  }
+  _tagRow(t) {
+    t.classList.add(A), t.setAttribute(S, l), t.setAttribute(L, "1");
+  }
+  /**
+   * A deleted title leaves nothing to tag — the toggle re-injects the markup only
+   * when the user switches it back on. Its leftovers (an emptied wrapper row, the
+   * spacer that trailed it) would otherwise render as blank padding on top.
+   */
+  _removeTitleRemnants(t, e) {
+    var o;
+    const i = this._wrapperRowOf(t, e), r = i == null ? void 0 : i.nextElementSibling;
+    if (r && this._isSpacerRow(r) && r.remove(), i) {
+      i.remove();
+      return;
+    }
+    const n = (o = t.querySelector(_)) == null ? void 0 : o.firstElementChild;
+    n && this._isSpacerRow(n) && n.remove();
+  }
+  /**
+   * Mirrors the resolved state into the persisted config blob, so a saved module
+   * whose `data-*` attributes Stripo strips on re-drop still restores the toggle.
+   */
+  _writeVisibility(t, e) {
+    const i = this._readConfig(t);
+    if (!i)
+      return;
+    const r = typeof i.visibility == "object" && i.visibility !== null ? i.visibility : {};
+    i.visibility = { ...r, [l]: e }, t.setAttribute(T, JSON.stringify(i));
+  }
+  _hasRecordedTitleState(t) {
+    var i;
+    const e = (i = this._readConfig(t)) == null ? void 0 : i.visibility;
+    return typeof e == "object" && e !== null && l in e;
+  }
+  _readConfig(t) {
+    const e = t.getAttribute(T);
+    if (!e)
+      return null;
+    try {
+      const i = JSON.parse(e);
+      return typeof i == "object" && i !== null ? i : null;
+    } catch {
+      return null;
+    }
+  }
+}
+function v(s) {
+  return new y().migrate(s);
+}
+export {
+  v as migrateRecommendationTitle
+};

package/dist/enums/academy.js

@@ -1,7 +1,8 @@
 const e = "https://academy.insiderone.com", o = {
   EMAIL_EDITOR: `${e}/docs/email-drag-and-drop-editor`,
   GLOBAL_UNSUBSCRIBE: `${e}/docs/global-unsubscribe-preference-center`,
-  AMP_FOR_EMAILS: `${e}/docs/amp-for-emails`
+  AMP_FOR_EMAILS: `${e}/docs/amp-for-emails`,
+  EMAIL_RECOMMENDATION_BLOCK: `${e}/docs/new-editor-email-recommendation-block`
 };
 export {
   o as ACADEMY_LINKS

package/dist/enums/date.js

@@ -1,5 +1,7 @@
-const t = "tr-TR", L = "default";
+const T = "tr-TR", t = "tr-TR", E = "default", L = "UTC";
 export {
-  L as DEFAULT,
-  t as DEFAULT_LOCALE
+  E as DEFAULT,
+  T as DEFAULT_LOCALE,
+  L as DEFAULT_TZ,
+  t as DOTTED_DATE_LOCALE
 };

package/dist/enums/extensions/recommendationBlock.js

@@ -2,7 +2,9 @@ import { useTranslations as r } from "../../composables/useTranslations.js";
 const l = {
   RECOMMENDATION_API_URL: "https://recommendationv2.api.useinsider.com",
   // Relative path → same-origin as the embedding inone dashboard.
-  PRODUCT_ATTRIBUTES_PATH: "/product-attributes/get-attributes"
+  PRODUCT_ATTRIBUTES_PATH: "/product-attributes/get-attributes",
+  RECOMMENDATION_STRATEGIES_PATH: "/api/recommendation-strategies",
+  RECOMMENDATION_STRATEGIES_PANEL_PATH: "/discovery/recommendation-strategies"
 }, c = {
   CLIENT_ID: "clientId"
 }, d = () => {

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

@@ -1,20 +1,32 @@
-import { BlockId as g } from "../../../enums/block.js";
-import { useOnboardingStore as y } from "../../../stores/onboarding.js";
-import { getMigrationBannerHtml as I } from "../../../utils/migrationBannerHtml.js";
-import { Block as C, BlockCompositionType as b, ModificationDescription as c } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { SETTINGS_ENUMS as l, DefaultConfigValues as d } from "./enums/settingsEnums.js";
-import { getDefaultTemplate as h } from "./template.js";
-import { getItemsBlockContainer as u, getItemsBlockConfig as f, deriveItemNumber as D, getDefaultItemsBlockConfig as N } from "./utils/nodeConfigUtils.js";
-const p = g.Items;
-class E extends C {
+var k = Object.defineProperty;
+var D = (l, a, t) => a in l ? k(l, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[a] = t;
+var y = (l, a, t) => D(l, typeof a != "symbol" ? a + "" : a, t);
+import { BlockId as N } from "../../../enums/block.js";
+import { useOnboardingStore as T } from "../../../stores/onboarding.js";
+import { getMigrationBannerHtml as S } from "../../../utils/migrationBannerHtml.js";
+import { Block as A, BlockCompositionType as M, ModificationDescription as u } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { currencyAttrTargets as H, ITEMS_CURRENCY_ATTR as m } from "./constants/currency.js";
+import { ItemsBlockId as R } from "./enums/controlEnums.js";
+import { SETTINGS_ENUMS as C, DefaultConfigValues as g } from "./enums/settingsEnums.js";
+import { getDefaultTemplate as O } from "./template.js";
+import { getItemsBlockContainer as b, getItemsBlockConfig as h, deriveItemNumber as B, generateBlockInstanceId as E, getDefaultItemsBlockConfig as w } from "./utils/nodeConfigUtils.js";
+const _ = N.Items, P = "Reconcile Items currency DOM attributes";
+class K extends A {
+  constructor() {
+    super(...arguments);
+    /** Block instances whose currency attrs were already self-healed this session (SD-147588 — undo-safe). */
+    y(this, "_currencyHealed", /* @__PURE__ */ new Set());
+    /** blockInstanceIds already claimed by a live block this session (SD-147588 collision detection). */
+    y(this, "_seenInstanceIds", /* @__PURE__ */ new Set());
+  }
   getId() {
-    return p;
+    return _;
   }
   getIcon() {
     return "items-icon";
   }
   getBlockCompositionType() {
-    return b.CONTAINER;
+    return M.CONTAINER;
   }
   getName() {
     return this.api.translate("Items");
@@ -23,20 +35,20 @@ class E extends C {
     return this.api.translate("Items lets you display personalized products based on user behavior.");
   }
   getSettingsPanelTitleHtml() {
-    return I(
-      p,
+    return S(
+      _,
       this.api.translate("Items"),
       this.api.translate("This block is switched from the Old Version to the New Version. We recommend you check the Items block and test your message to ensure it works properly.")
     );
   }
   getTemplate() {
-    return h({
-      orientation: l.ORIENTATION.VERTICAL,
-      itemsType: l.ITEMS_TYPE.CART_ITEMS,
+    return O({
+      orientation: C.ORIENTATION.VERTICAL,
+      itemsType: C.ITEMS_TYPE.CART_ITEMS,
       itemId: "{{Abandoned Cart Item (1) Url}}",
-      currencySymbol: d.productPriceCurrencySymbolControlValue,
-      currencyLocation: d.productPriceCurrencyLocationControlValue,
-      formattedPrice: d.productPriceFormattedControlValue === "1"
+      currencySymbol: g.productPriceCurrencySymbolControlValue,
+      currencyLocation: g.productPriceCurrencyLocationControlValue,
+      formattedPrice: g.productPriceFormattedControlValue === "1"
     });
   }
   allowInnerBlocksDND() {
@@ -45,24 +57,27 @@ class E extends C {
   canBeSavedAsModule() {
     return !0;
   }
-  onCreated(n) {
-    const t = this.api.getDocumentModifier(), a = this.api.getDocumentRootCssNode();
-    a.querySelector('[product-attr="imageSrc"] img') || t.modifyCss(a).appendRule('[product-attr="imageSrc"] img {object-fit: contain;}');
-    const e = u(n);
-    if (!e)
+  onCreated(t) {
+    const o = this.api.getDocumentModifier(), c = this.api.getDocumentRootCssNode();
+    c.querySelector('[product-attr="imageSrc"] img') || o.modifyCss(c).appendRule('[product-attr="imageSrc"] img {object-fit: contain;}');
+    const i = b(t);
+    if (!i)
       return;
-    const o = e.getNodeConfig(), r = o && Object.keys(o).length > 0, i = f(n);
-    if (i != null && i.initialized)
-      if (r)
-        i.blockInstanceId || this.api.getDocumentModifier().modifyHtml(e).setNodeConfig({ ...i, blockInstanceId: String(Date.now()) }).apply(new c("Assign block instance ID to block"));
-      else {
-        const s = this.api.getDocumentModifier();
-        s.modifyHtml(e).setNodeConfig(i), this._stampProductTdDomAttributes(e, i, s), s.apply(new c("Migrate legacy config to nodeConfig"));
+    const r = i.getNodeConfig(), s = r && Object.keys(r).length > 0, e = h(t);
+    if (e != null && e.initialized) {
+      if (!s) {
+        const d = this.api.getDocumentModifier();
+        d.modifyHtml(i).setNodeConfig(e), this._stampProductTdDomAttributes(i, e, d), this._shouldReconcileCurrency(e) && this._reconcileCurrencyDomAttributes(i, e, d), d.apply(new u("Migrate legacy config to nodeConfig")), this._markCurrencyHealed(e.blockInstanceId);
+        return;
       }
-    else {
-      const s = N(), m = this.api.getDocumentModifier();
-      m.modifyHtml(e).setNodeConfig(s), this._stampProductTdDomAttributes(e, s, m, !0), m.apply(new c("Initialize Items block with default configuration")), y().startOnboarding("itemsOnboarding");
+    } else {
+      const d = w(), p = this.api.getDocumentModifier();
+      p.modifyHtml(i).setNodeConfig(d), this._stampProductTdDomAttributes(i, d, p, !0), p.apply(new u("Initialize Items block with default configuration")), T().startOnboarding("itemsOnboarding");
+      return;
     }
+    const n = this._resolveInstanceId(e.blockInstanceId), f = this.api.getDocumentModifier();
+    let I = !1;
+    n !== e.blockInstanceId && (f.modifyHtml(i).setNodeConfig({ ...e, blockInstanceId: n }), I = !0), !this._currencyHealed.has(n) && this._reconcileCurrencyDomAttributes(i, e, f) && (I = !0), I && f.apply(new u("Assign Items block instance ID and reconcile currency")), this._markCurrencyHealed(n);
   }
   /**
    * Re-seeds nodeConfig from the persisted esd-ext-config when a saved module
@@ -70,18 +85,24 @@ class E extends C {
    * into nodeConfig, so without this a reused module would reset to defaults.
    * Guarded to the nodeConfig-empty case so it runs once and never loops.
    */
-  onDocumentChanged(n) {
-    const t = u(n);
-    if (!t)
+  onDocumentChanged(t) {
+    const o = b(t);
+    if (!o)
       return;
-    const a = t.getNodeConfig();
-    if (a && Object.keys(a).length > 0)
+    const c = o.getNodeConfig();
+    if (c && Object.keys(c).length > 0) {
+      const e = h(t);
+      if (e != null && e.initialized && this._shouldReconcileCurrency(e)) {
+        const n = this.api.getDocumentModifier();
+        this._reconcileCurrencyDomAttributes(o, e, n) && n.apply(new u(P)), this._markCurrencyHealed(e.blockInstanceId);
+      }
       return;
-    const o = f(n);
-    if (!(o != null && o.initialized))
+    }
+    const r = h(t);
+    if (!(r != null && r.initialized))
       return;
-    const r = this.api.getDocumentModifier();
-    r.modifyHtml(t).setNodeConfig(o), this._stampProductTdDomAttributes(t, o, r), r.apply(new c("Recover Items block config from saved module"));
+    const s = this.api.getDocumentModifier();
+    s.modifyHtml(o).setNodeConfig(r), this._stampProductTdDomAttributes(o, r, s), this._shouldReconcileCurrency(r) && this._reconcileCurrencyDomAttributes(o, r, s), s.apply(new u("Recover Items block config from saved module")), this._markCurrencyHealed(r.blockInstanceId);
   }
   /**
    * Bakes the compiler-read DOM attributes (`data-type`, `data-number`, `data-nodup`) onto the
@@ -91,14 +112,62 @@ class E extends C {
    * restored before export. The name `<a>` carries no data-type/data-number of its own and
    * relies on this td-level fallback in pairProductVariables.
    */
-  _stampProductTdDomAttributes(n, t, a, e = !1) {
-    const o = D(t.itemsSelectValue, t.type), r = (i, s) => {
-      e && n.getAttribute(i) || a.modifyHtml(n).setAttribute(i, s);
+  _stampProductTdDomAttributes(t, o, c, i = !1) {
+    const r = B(o.itemsSelectValue, o.type), s = (e, n) => {
+      i && t.getAttribute(e) || c.modifyHtml(t).setAttribute(e, n);
     };
-    r("data-type", t.type), r("data-number", o), r("data-nodup", String(t.priceHideDiscount));
+    s("data-type", o.type), s("data-number", r), s("data-nodup", String(o.priceHideDiscount));
+  }
+  /**
+   * Whether a currency self-heal pass should run for this block (SD-147588). The only gate here is
+   * once-per-session: heal each instance at most once, so the auto-fix can't fight undo (undo
+   * re-drifts the attr, which would otherwise re-trigger the heal forever). The position-vs-symbol
+   * authority split lives in `_reconcileCurrencyDomAttributes` — position is always authoritative,
+   * the symbol write alone is skipped for the 'USD' sentinel — so we must NOT gate the whole pass
+   * on symbol customization here, or a default-symbol block with a toggled location never heals.
+   */
+  _shouldReconcileCurrency(t) {
+    return !t.blockInstanceId || !this._currencyHealed.has(t.blockInstanceId);
+  }
+  /** Marks a block instance's currency as reconciled so it is not healed again (undo-safe). */
+  _markCurrencyHealed(t) {
+    t && this._currencyHealed.add(t);
+  }
+  /**
+   * Resolves the id for a just-created block to one that is unique per live instance.
+   * A saved module serializes its blockInstanceId, so every re-drop of the same module
+   * arrives with an id already owned by a live instance — reusing it collides both the
+   * currency heal guard and settings-panel switch detection. Mint a fresh id on absence
+   * or collision, otherwise keep the existing one. Registers the result as claimed.
+   */
+  _resolveInstanceId(t) {
+    let o = t;
+    if (!o || this._seenInstanceIds.has(o))
+      do
+        o = E();
+      while (this._seenInstanceIds.has(o));
+    return this._seenInstanceIds.add(o), o;
+  }
+  /**
+   * Stamps the export-read currency attrs onto every price `<p>` from config, so a template whose
+   * attrs drifted (e.g. a location toggle before the sync fix) self-heals to match the editor.
+   * Config is the source of truth — never derive from visible text.
+   *
+   * Authority split lives in `currencyAttrTargets` (SD-147588) — position only when a location
+   * is recorded, symbol only when customized — so this heal and the module-drop repair can't drift.
+   *
+   * Returns true only when an attr actually changed, so the caller can skip an empty apply that
+   * would otherwise re-trigger onDocumentChanged and loop.
+   */
+  _reconcileCurrencyDomAttributes(t, o, c) {
+    const { position: i, symbol: r } = H(o), s = t.querySelectorAll(`.${R.PRICE} p`);
+    let e = !1;
+    return s.forEach((n) => {
+      i !== void 0 && n.getAttribute(m.POSITION) !== i && (c.modifyHtml(n).setAttribute(m.POSITION, i), e = !0), r !== void 0 && n.getAttribute(m.SYMBOL) !== r && (c.modifyHtml(n).setAttribute(m.SYMBOL, r), e = !0);
+    }), e;
   }
 }
 export {
-  p as BLOCK_ID,
-  E as ItemsBlock
+  _ as BLOCK_ID,
+  K as ItemsBlock
 };

package/dist/extensions/Blocks/Items/constants/currency.js

@@ -0,0 +1,25 @@
+import { DefaultConfigValues as c } from "../enums/settingsEnums.js";
+const s = {
+  POSITION: "data-curency",
+  SYMBOL: "data-currency_symbol"
+};
+function e(r) {
+  return r === "1" ? "after" : "before";
+}
+function i(r) {
+  const o = (r ?? "").trim();
+  return o !== "" && o !== c.productPriceCurrencySymbolControlValue;
+}
+function a(r) {
+  const o = r.priceCurrencyLocation, n = typeof o == "string" && o.trim() !== "", t = (r.priceCurrencySymbol ?? "").trim();
+  return {
+    position: n ? e(o) : void 0,
+    symbol: i(t) ? t : void 0
+  };
+}
+export {
+  s as ITEMS_CURRENCY_ATTR,
+  a as currencyAttrTargets,
+  e as currencyPositionFromLocation,
+  i as isCustomCurrencySymbol
+};

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

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