@useinsider/guido 3.17.0-beta.ddd4dde → 3.17.0-beta.e324492

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,30 +1,20 @@
-var D = Object.defineProperty;
-var k = (l, a, t) => a in l ? D(l, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[a] = t;
-var I = (l, a, t) => k(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 _ } from "../../../utils/migrationBannerHtml.js";
-import { Block as A, BlockCompositionType as M, ModificationDescription as m } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { currencyPositionFromLocation as O, ITEMS_CURRENCY_ATTR as d } from "./constants/currency.js";
-import { ItemsBlockId as R } from "./enums/controlEnums.js";
-import { SETTINGS_ENUMS as b, DefaultConfigValues as f } from "./enums/settingsEnums.js";
-import { getDefaultTemplate as E } from "./template.js";
-import { getItemsBlockContainer as h, getItemsBlockConfig as C, deriveItemNumber as H, getDefaultItemsBlockConfig as B } from "./utils/nodeConfigUtils.js";
-const S = N.Items, P = "Reconcile Items currency DOM attributes";
-class G extends A {
-  constructor() {
-    super(...arguments);
-    /** Block instances whose currency attrs were already self-healed this session (SD-147588 — undo-safe). */
-    I(this, "_currencyHealed", /* @__PURE__ */ new Set());
-  }
+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 {
   getId() {
-    return S;
+    return p;
   }
   getIcon() {
     return "items-icon";
   }
   getBlockCompositionType() {
-    return M.CONTAINER;
+    return b.CONTAINER;
   }
   getName() {
     return this.api.translate("Items");
@@ -33,20 +23,20 @@ class G extends A {
     return this.api.translate("Items lets you display personalized products based on user behavior.");
   }
   getSettingsPanelTitleHtml() {
-    return _(
-      S,
+    return I(
+      p,
       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 E({
-      orientation: b.ORIENTATION.VERTICAL,
-      itemsType: b.ITEMS_TYPE.CART_ITEMS,
+    return h({
+      orientation: l.ORIENTATION.VERTICAL,
+      itemsType: l.ITEMS_TYPE.CART_ITEMS,
       itemId: "{{Abandoned Cart Item (1) Url}}",
-      currencySymbol: f.productPriceCurrencySymbolControlValue,
-      currencyLocation: f.productPriceCurrencyLocationControlValue,
-      formattedPrice: f.productPriceFormattedControlValue === "1"
+      currencySymbol: d.productPriceCurrencySymbolControlValue,
+      currencyLocation: d.productPriceCurrencyLocationControlValue,
+      formattedPrice: d.productPriceFormattedControlValue === "1"
     });
   }
   allowInnerBlocksDND() {
@@ -55,27 +45,24 @@ class G extends A {
   canBeSavedAsModule() {
     return !0;
   }
-  onCreated(t) {
-    const o = this.api.getDocumentModifier(), s = this.api.getDocumentRootCssNode();
-    s.querySelector('[product-attr="imageSrc"] img') || o.modifyCss(s).appendRule('[product-attr="imageSrc"] img {object-fit: contain;}');
-    const r = h(t);
-    if (!r)
+  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)
       return;
-    const i = r.getNodeConfig(), c = i && Object.keys(i).length > 0, e = C(t);
-    if (e != null && e.initialized) {
-      if (!c) {
-        const u = this.api.getDocumentModifier();
-        u.modifyHtml(r).setNodeConfig(e), this._stampProductTdDomAttributes(r, e, u), u.apply(new m("Migrate legacy config to nodeConfig"));
-        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"));
       }
-    } else {
-      const u = B(), g = this.api.getDocumentModifier();
-      g.modifyHtml(r).setNodeConfig(u), this._stampProductTdDomAttributes(r, u, g, !0), g.apply(new m("Initialize Items block with default configuration")), T().startOnboarding("itemsOnboarding");
-      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");
     }
-    const n = e.blockInstanceId || String(Date.now()), p = this.api.getDocumentModifier();
-    let y = !1;
-    e.blockInstanceId || (p.modifyHtml(r).setNodeConfig({ ...e, blockInstanceId: n }), y = !0), this._shouldReconcileCurrency(e) && this._reconcileCurrencyDomAttributes(r, e, p) && (y = !0), y && p.apply(new m("Assign Items block instance ID and reconcile currency")), this._markCurrencyHealed(n);
   }
   /**
    * Re-seeds nodeConfig from the persisted esd-ext-config when a saved module
@@ -83,24 +70,18 @@ class G extends A {
    * 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(t) {
-    const o = h(t);
-    if (!o)
+  onDocumentChanged(n) {
+    const t = u(n);
+    if (!t)
       return;
-    const s = o.getNodeConfig();
-    if (s && Object.keys(s).length > 0) {
-      const e = C(t);
-      if (e != null && e.initialized && this._shouldReconcileCurrency(e)) {
-        const n = this.api.getDocumentModifier();
-        this._reconcileCurrencyDomAttributes(o, e, n) && n.apply(new m(P)), this._markCurrencyHealed(e.blockInstanceId);
-      }
+    const a = t.getNodeConfig();
+    if (a && Object.keys(a).length > 0)
       return;
-    }
-    const i = C(t);
-    if (!(i != null && i.initialized))
+    const o = f(n);
+    if (!(o != null && o.initialized))
       return;
-    const c = this.api.getDocumentModifier();
-    c.modifyHtml(o).setNodeConfig(i), this._stampProductTdDomAttributes(o, i, c), c.apply(new m("Recover Items block config from saved module"));
+    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"));
   }
   /**
    * Bakes the compiler-read DOM attributes (`data-type`, `data-number`, `data-nodup`) onto the
@@ -110,44 +91,14 @@ class G extends A {
    * 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(t, o, s, r = !1) {
-    const i = H(o.itemsSelectValue, o.type), c = (e, n) => {
-      r && t.getAttribute(e) || s.modifyHtml(t).setAttribute(e, n);
+  _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);
     };
-    c("data-type", o.type), c("data-number", i), c("data-nodup", String(o.priceHideDiscount));
-  }
-  /**
-   * Whether the currency self-heal should run for this block. Two guards (SD-147588):
-   * 1. Config is only authoritative when the symbol was actually customized — a symbol still at
-   *    the 'USD' sentinel may be a migrator default, so we trust the DOM's real value over a
-   *    defaulted config and never overwrite it.
-   * 2. Heal each instance at most once per session, so the auto-fix can't fight undo (undo
-   *    re-drifts the attr, which would otherwise re-trigger the heal forever).
-   */
-  _shouldReconcileCurrency(t) {
-    const o = (t.priceCurrencySymbol ?? "").trim();
-    return !o || o === f.productPriceCurrencySymbolControlValue ? !1 : !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);
-  }
-  /**
-   * 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. Callers gate this with
-   * `_shouldReconcileCurrency`. Returns true only when an attr actually changed, so the caller can
-   * skip an empty apply that would otherwise re-trigger onDocumentChanged and loop (SD-147588).
-   */
-  _reconcileCurrencyDomAttributes(t, o, s) {
-    const r = O(o.priceCurrencyLocation), i = (o.priceCurrencySymbol ?? "").trim(), c = t.querySelectorAll(`.${R.PRICE} p`);
-    let e = !1;
-    return c.forEach((n) => {
-      n.getAttribute(d.POSITION) !== r && (s.modifyHtml(n).setAttribute(d.POSITION, r), e = !0), i && n.getAttribute(d.SYMBOL) !== i && (s.modifyHtml(n).setAttribute(d.SYMBOL, i), e = !0);
-    }), e;
+    r("data-type", t.type), r("data-number", o), r("data-nodup", String(t.priceHideDiscount));
   }
 }
 export {
-  S as BLOCK_ID,
-  G as ItemsBlock
+  p as BLOCK_ID,
+  E as ItemsBlock
 };

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

@@ -1,15 +1,14 @@
-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 { 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 { 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 { getItemsBlockConfig as C, setItemsBlockConfig as I, escapeReplacement as T } from "../../utils/nodeConfigUtils.js";
+const E = m.PRICE_CURRENCY_LOCATION, c = {
   CURRENCY_LOCATION: "currencyLocation"
 };
-class Y extends L {
+class A extends N {
   getId() {
-    return b;
+    return E;
   }
   getTemplate() {
     return `
@@ -19,32 +18,32 @@ class Y extends L {
         `;
   }
   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) => {
+    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) => {
       this._onCurrencyLocationChange(t);
     });
   }
   onTemplateNodeUpdated(e) {
     super.onTemplateNodeUpdated(e), this.handleBlockInstanceChange(() => {
-      const t = l(this.currentNode);
+      const t = C(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), O(this.currentNode, this.api, { priceCurrencyLocation: e }), !this.currentNode)
+    if (console.debug("Currency location changed to: ", e), I(this.currentNode, this.api, { priceCurrencyLocation: e }), !this.currentNode)
       return;
     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();
-    t.forEach((h) => {
-      const a = this._getParagraph(h);
-      if (!a)
+    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)
         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 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"}`
     ));
   }
   _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 i = o[1].trim(), a = new RegExp(`\\s*${this._escapeRegex(i)}\\s*`);
+        n = r.replace(a, "").trim();
       }
     }
     return n;
@@ -86,13 +85,13 @@ class Y extends L {
       this._GuSelect({
         name: c.CURRENCY_LOCATION,
         placeholder: "",
-        options: p
+        options: u
       })
     ])}
         `;
   }
 }
 export {
-  b as CONTROL_BLOCK_ID,
-  Y as PriceCurrencyLocationControl
+  E as CONTROL_BLOCK_ID,
+  A as PriceCurrencyLocationControl
 };

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

@@ -1,21 +1,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 { ModificationDescription as B } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as E } from "../../../common-control.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 x, escapeReplacement as f } from "../../utils/nodeConfigUtils.js";
+const I = y.PRICE_CURRENCY_SYMBOL, u = {
   CURRENCY_SYMBOL: "currencySymbol"
 };
-class $ extends B {
+class P extends E {
   constructor() {
     super(...arguments);
     h(this, "originalPriceContents", /* @__PURE__ */ new Map());
   }
   getId() {
-    return x;
+    return I;
   }
   getTemplate() {
     return `
@@ -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 (x(this.currentNode, this.api, { priceCurrencySymbol: e }), !this.currentNode)
       return;
     const r = this._getPriceBlocks();
     if (!r || r.length === 0)
@@ -54,8 +53,8 @@ class $ extends B {
       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);
-    }), i.apply(new E(
+      i.modifyHtml(m).setInnerHtml(b).setAttribute("data-currency_symbol", n);
+    }), i.apply(new B(
       `Updated currency symbol to ${n || "removed"}`
     ));
   }
@@ -116,6 +115,6 @@ class $ extends B {
   }
 }
 export {
-  x as CONTROL_BLOCK_ID,
-  $ as PriceCurrencySymbolControl
+  I as CONTROL_BLOCK_ID,
+  P as PriceCurrencySymbolControl
 };