@useinsider/guido 3.17.0-beta.e6704da → 3.17.0-beta.eae947f

package/dist/enums/extensions/recommendationBlock.js

@@ -2,11 +2,10 @@ 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",
-  RECOMMENDATION_STRATEGIES_PATH: "/api/recommendation-strategies"
-}, c = "[sr_strategies.status][=][active]*[sr_strategies.suitable_channels][~][EMAIL]", d = {
+  PRODUCT_ATTRIBUTES_PATH: "/product-attributes/get-attributes"
+}, c = {
   CLIENT_ID: "clientId"
-}, m = () => {
+}, d = () => {
   const e = r();
   return [
     {
@@ -70,14 +69,14 @@ const l = {
       path: "top-sellers"
     }
   ];
-}, p = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], v = [
+}, m = ["discount", "omnibus_price", "omnibus_discount", "price", "original_price"], p = [
   { text: "before the amount", value: "0" },
   { text: "after the amount", value: "1" }
-], h = [
+], v = [
   { text: "dot(.)", value: "." },
   { text: "comma(,)", value: "," },
   { text: "space( )", value: " " }
-], x = [
+], h = [
   { text: "0", value: "0" },
   { text: "1", value: "1" },
   { text: "2", value: "2" },
@@ -89,55 +88,54 @@ const l = {
   { text: "contains", value: "~" },
   { text: "does not contain", value: "!~" },
   { text: "any of", value: a }
-], s = [
+], n = [
   { text: "is exactly", value: "=" },
   { text: "is not exactly", value: "!==" },
   { text: "contains", value: "~" },
   { text: "does not contain", value: "!~" },
   { text: "any of", value: a }
-], n = [
+], o = [
   { text: "is equal to", value: "=" },
   { text: "is greater than", value: ">" },
   { text: "is less than", value: "<" }
-], o = [
+], s = [
   { text: "is equal to", value: "=" },
   { text: "after", value: ">" },
   { text: "before", value: "<" }
 ], i = [
   { text: "true", value: "==" },
   { text: "false", value: "!=" }
-], b = (e) => {
+], x = (e) => {
   if (!e)
     return t;
   switch (e) {
     case "Boolean":
       return i;
     case "Date":
-      return o;
+      return s;
     case "Number":
-      return n;
+      return o;
     case "String":
       return t;
     case "Strings":
-      return s;
+      return n;
     default:
       return t;
   }
 };
 export {
   a as OP_ANY_OF,
-  p as PriceAttributes,
-  d as QUERY_PARAMS,
-  c as RRS_ACTIVE_EMAIL_FILTER,
+  m as PriceAttributes,
+  c as QUERY_PARAMS,
   l as URLS,
-  x as currencyDecimalCounts,
-  v as currencyLocationMaps,
-  h as currencyOperators,
-  b as getOperatorOptions,
-  m as getRecommendationFeedSourceMaps,
-  s as operatorOptionsForArrayOfStrings,
+  h as currencyDecimalCounts,
+  p as currencyLocationMaps,
+  v as currencyOperators,
+  x as getOperatorOptions,
+  d as getRecommendationFeedSourceMaps,
+  n as operatorOptionsForArrayOfStrings,
   i as operatorOptionsForBooleans,
-  o as operatorOptionsForDates,
-  n as operatorOptionsForNumbers,
+  s as operatorOptionsForDates,
+  o as operatorOptionsForNumbers,
   t as operatorOptionsForStrings
 };

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