@useinsider/guido 3.16.0-beta.20cd2fe → 3.16.0-beta.77f2873

package/dist/composables/useRecommendation.js

@@ -3,20 +3,21 @@ import { MinDeviceViewport as C, DefaultPadding as b } from "../enums/recommenda
 import { useRecommendationExtensionStore as l } from "../extensions/Blocks/Recommendation/store/recommendation.js";
 import { generateCompleteFilterQuery as h } from "../extensions/Blocks/Recommendation/utils/filterUtil.js";
 import { getPartnerRecommendationParams as y } from "../extensions/Blocks/Recommendation/utils/partnerCustomizations.js";
-import { useConfigStore as x } from "../stores/config.js";
-const k = () => ({
+import { sanitizeProductIds as x } from "../extensions/Blocks/Recommendation/utils/productIds.js";
+import { useConfigStore as P } from "../stores/config.js";
+const B = () => ({
   calculateCardWidth: ({
     mobileLeftPadding: a,
     mobileRightPadding: s,
     cardsInRow: c,
-    unresponsive: o
+    unresponsive: n
   }) => {
-    const r = o ? c : 1, e = a + s + (r - 1) * b;
+    const r = n ? c : 1, e = a + s + (r - 1) * b;
     return (C - e) / r;
   },
   getRecommendationCampaignData: (a) => {
-    const s = l(), c = Number(a), o = s.blockStates[c];
-    if (!o)
+    const s = l(), c = Number(a), n = s.blockStates[c];
+    if (!n)
       return {
         textTrimming: !1,
         orientation: "vertical",
@@ -29,7 +30,7 @@ const k = () => ({
         discountBeforeTextValue: "",
         discountAfterTextValue: ""
       };
-    const { recommendationConfigs: r } = o, e = r.orientation === "grid" ? "vertical" : "horizontal";
+    const { recommendationConfigs: r } = n, e = r.orientation === "grid" ? "vertical" : "horizontal";
     return {
       textTrimming: r.textTrimming,
       orientation: e,
@@ -45,7 +46,7 @@ const k = () => ({
   },
   buildCampaignUrl: (a, s) => {
     var m;
-    const c = l(), o = x(), r = Number(a);
+    const c = l(), n = P(), r = Number(a);
     let e;
     if (s)
       e = s;
@@ -53,25 +54,25 @@ const k = () => ({
       const i = c.blockStates[r];
       if (!i)
         return "";
-      const { recommendationConfigs: n } = i;
+      const { recommendationConfigs: o } = i;
       e = {
-        strategy: n.strategy,
-        language: n.language,
-        currencyCode: n.currencySettings.value,
-        size: n.size,
-        productIds: n.productIds,
-        filters: n.filters,
-        shuffleProducts: n.shuffleProducts
+        strategy: o.strategy,
+        language: o.language,
+        currencyCode: o.currencySettings.value,
+        size: o.size,
+        productIds: o.productIds,
+        filters: o.filters,
+        shuffleProducts: o.shuffleProducts
       };
     }
     const f = ((m = I().find((i) => i.key === e.strategy)) == null ? void 0 : m.path) || "", t = new URLSearchParams();
-    t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", o.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", o.variationId), e.strategy === "manualMerchandising" ? t.set("productId", e.productIds.join(",")) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
+    t.set("locale", e.language), t.set("currency", e.currencyCode), t.set("partnerName", n.partnerName), t.set("size", e.size), t.set("details", "true"), t.set("campaignId", n.variationId), e.strategy === "manualMerchandising" ? t.set("productId", x(e.productIds)) : e.strategy === "similarViewed" && t.set("productId", "{itemId}"), e.strategy === "userBased" && t.set("userId", "{user_id}");
     const g = e.filters.filter((i) => i.isValid), d = h(g);
-    d && t.set("filter", d), e.shuffleProducts && t.set("shuffle", "true"), Object.entries(y(o.partnerName, e.strategy)).forEach(([i, n]) => t.set(i, n));
+    d && t.set("filter", d), e.shuffleProducts && t.set("shuffle", "true"), Object.entries(y(n.partnerName, e.strategy)).forEach(([i, o]) => t.set(i, o));
     const p = decodeURIComponent(t.toString()), u = `${R.RECOMMENDATION_API_URL}/v2/${f}?${p}`;
     return c.recommendationCampaignUrls[a] = u, u;
   }
 });
 export {
-  k as useRecommendation
+  B as useRecommendation
 };

package/dist/config/i18n/en/labels.json.js

@@ -1,43 +1,19 @@
-const e = "Items", o = "Default", i = "Custom", t = {
+const e = "Items", o = "Default", t = "Custom", s = {
   "Global Styles & Layout": "Global Styles and Layout",
   "Structures & Modules": "Structures and Modules",
   "Recommendation Block": "Recommendation",
   Items: e,
   "This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.": "This block is switched from the Old Version to the New Version. We recommend you check the Recommendation block and test your message to ensure it works properly.",
   "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.": "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.",
-  "email-editor.a11y-hide-images": "Hide images",
-  "email-editor.a11y-show-images": "Show images",
-  "email-editor.cvd-none": "No Color Deficiency",
-  "email-editor.cvd-protanopia": "Protanopia",
-  "email-editor.cvd-protanopia-description": "Causes red-green confusion and makes reds appear darker.",
-  "email-editor.cvd-deuteranopia": "Deuteranopia",
-  "email-editor.cvd-deuteranopia-description": "Causes red-green confusion.",
-  "email-editor.cvd-tritanopia": "Tritanopia",
-  "email-editor.cvd-tritanopia-description": "Causes blue-yellow confusion.",
-  "email-editor.cvd-achromatopsia": "Achromatopsia",
-  "email-editor.cvd-achromatopsia-description": "Causes complete color blindness.",
-  "email-editor.more-actions": "More actions",
-  "email-editor.preferences": "Preferences",
-  "email-editor.actions": "Actions",
-  "email-editor.accessibility-test": "Accessibility Test",
-  "email-editor.autosaved-at-today": "Autosaved at {time}, Today",
-  "email-editor.autosaved-at-date": "Autosaved at {date}",
-  "email-editor.export-html": "Export HTML",
-  "email-editor.onboarding-kebab-title": "Discover Preferences and Actions",
-  "email-editor.onboarding-kebab-description": "You can now access your Preferences and Actions easily such as Autosave, Export HTML, Version History, Accessibility Test and Save As Template.",
-  "email-editor.onboarding-autosave-title": "Autosave Your Design",
-  "email-editor.onboarding-autosave-description": "You can save your design automatically by enabling Autosave without losing your work.",
-  "email-editor.onboarding-accessibility-title": "Test Accessibility of Your Design",
-  "email-editor.onboarding-accessibility-description": "You can test the accessibility of your design to see the Failed, Passed items and update the Failed ones accordingly.",
   "Pixel Tracking Opt-in": "Pixel Tracking Opt-in",
   "OPT-IN SELECTION": "OPT-IN SELECTION",
   "UNSUBSCRIBE GROUPS": "UNSUBSCRIBE GROUPS",
   Default: o,
-  Custom: i
+  Custom: t
 };
 export {
-  i as Custom,
+  t as Custom,
   o as Default,
   e as Items,
-  t as default
+  s as default
 };

package/dist/config/migrator/itemsBlockMigrator.js

@@ -381,7 +381,7 @@ class H {
    * Supports all block types by detecting prefix and using appropriate type:
    *
    * Examples:
-   * - {{ins_apr_img_1}} → https://s3.../img_1.jpeg (CART_ITEMS)
+   * - {{ins_apr_img_1}} → https://web-image.useinsider.com/.../img_1.jpeg (CART_ITEMS)
    * - {{browsed_item_name_2}} → 'Set of Sprite Yoga Straps' (BROWSED_ITEMS)
    * - {{purchased_item_formattedprice_5}} → '1,490.49' (PURCHASED_ITEMS)
    */

package/dist/enums/recommendation.js

@@ -1,15 +1,15 @@
-const e = 20, s = 320, t = "vertical", m = {
+const e = 20, t = 320, s = "vertical", m = {
   CART_ABANDONMENT: {
-    ins_apr_img_1: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_1.png",
-    ins_apr_img_2: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_2.png",
-    ins_apr_img_3: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_3.png",
-    ins_apr_img_4: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_4.png"
+    ins_apr_img_1: "https://web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_1.png",
+    ins_apr_img_2: "https://web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_2.png",
+    ins_apr_img_3: "https://web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_3.png",
+    ins_apr_img_4: "https://web-image.useinsider.com/email-assets/dummyImages/ins_apr_img_4.png"
   },
   BROWSE_ABANDONMENT: {
-    browsed_item_img_1: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_1.jpg",
-    browsed_item_img_2: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_2.jpg",
-    browsed_item_img_3: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_3.jpg",
-    browsed_item_img_4: "https://s3-eu-west-1.amazonaws.com/web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_4.jpg"
+    browsed_item_img_1: "https://web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_1.jpg",
+    browsed_item_img_2: "https://web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_2.jpg",
+    browsed_item_img_3: "https://web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_3.jpg",
+    browsed_item_img_4: "https://web-image.useinsider.com/email-assets/dummyImages/browsed_item_img_4.jpg"
   }
 }, i = {
   DISCOUNT: "discount",
@@ -23,7 +23,7 @@ const e = 20, s = 320, t = "vertical", m = {
   },
   ELSE: "{% else %}",
   END_IF: "{% endif %}"
-}, a = {
+}, n = {
   ID: /recommendation-id="(.*?)"/gi,
   ATTRIBUTE_PARAGRAPH: /<p[^>]*?product-attr="(discount|omnibus_discount|omnibus_price)"[^>]*>[\S\s]*?<\/p>/gm,
   ATTRIBUTE_PARAGRAPH_START_TAG: /<p[^>]*?product-attr="(discount|omnibus_discount|omnibus_price)"[^>]*>/gm,
@@ -31,9 +31,9 @@ const e = 20, s = 320, t = "vertical", m = {
   CUSTOM_FIELD: /{{(?:reco_)?[0-9]+_[0-8]_(discount|omnibus_discount|omnibus_price)}}/gm,
   CUSTOM_FIELD_INDEXES_PART: /{{(?:reco_)?[0-9]+_[0-8]_/gm,
   CUSTOM_FIELD_NAME_PART: /_(discount|omnibus_discount|omnibus_price)}}/gm
-}, n = {
-  PARAGRAPH_END_TAG: "</p>"
 }, o = {
+  PARAGRAPH_END_TAG: "</p>"
+}, a = {
   REGULAR_NAME_HEIGHT: ".ext-product-name.ins-vertical p { height:90px!important;",
   TRIMMED_NAME_HEIGHT: ".ext-product-name.ins-vertical p { height:18px!important;",
   ELLIPSIS: "text-overflow:ellipsis!important; white-space:nowrap!important;",
@@ -47,11 +47,11 @@ const e = 20, s = 320, t = "vertical", m = {
 export {
   i as ATTRIBUTES,
   _ as CONDITIONS,
-  o as CSS,
+  a as CSS,
   m as DUMMY_IMAGE_MAPPINGS,
   e as DefaultPadding,
-  n as HTML,
-  s as MinDeviceViewport,
-  a as REGEX,
-  t as VerticalOrientation
+  o as HTML,
+  t as MinDeviceViewport,
+  n as REGEX,
+  s as VerticalOrientation
 };

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

@@ -1,20 +1,30 @@
-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 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());
+  }
   getId() {
-    return p;
+    return S;
   }
   getIcon() {
     return "items-icon";
   }
   getBlockCompositionType() {
-    return b.CONTAINER;
+    return M.CONTAINER;
   }
   getName() {
     return this.api.translate("Items");
@@ -23,20 +33,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 E({
+      orientation: b.ORIENTATION.VERTICAL,
+      itemsType: b.ITEMS_TYPE.CART_ITEMS,
       itemId: "{{Abandoned Cart Item (1) Url}}",
-      currencySymbol: d.productPriceCurrencySymbolControlValue,
-      currencyLocation: d.productPriceCurrencyLocationControlValue,
-      formattedPrice: d.productPriceFormattedControlValue === "1"
+      currencySymbol: f.productPriceCurrencySymbolControlValue,
+      currencyLocation: f.productPriceCurrencyLocationControlValue,
+      formattedPrice: f.productPriceFormattedControlValue === "1"
     });
   }
   allowInnerBlocksDND() {
@@ -45,24 +55,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(), 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)
       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 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;
       }
-    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 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;
     }
+    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
@@ -70,18 +83,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 = h(t);
+    if (!o)
       return;
-    const a = t.getNodeConfig();
-    if (a && Object.keys(a).length > 0)
+    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);
+      }
       return;
-    const o = f(n);
-    if (!(o != null && o.initialized))
+    }
+    const i = C(t);
+    if (!(i != null && i.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 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"));
   }
   /**
    * Bakes the compiler-read DOM attributes (`data-type`, `data-number`, `data-nodup`) onto the
@@ -91,14 +110,44 @@ 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, s, r = !1) {
+    const i = H(o.itemsSelectValue, o.type), c = (e, n) => {
+      r && t.getAttribute(e) || s.modifyHtml(t).setAttribute(e, n);
     };
-    r("data-type", t.type), r("data-number", o), r("data-nodup", String(t.priceHideDiscount));
+    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;
   }
 }
 export {
-  p as BLOCK_ID,
-  E as ItemsBlock
+  S as BLOCK_ID,
+  G as ItemsBlock
 };

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

@@ -0,0 +1,11 @@
+const o = {
+  POSITION: "data-curency",
+  SYMBOL: "data-currency_symbol"
+};
+function c(r) {
+  return r === "1" ? "after" : "before";
+}
+export {
+  o as ITEMS_CURRENCY_ATTR,
+  c as currencyPositionFromLocation
+};

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

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

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