@useinsider/guido 3.23.0-beta.31d0f5f → 3.23.0-beta.9f6bfbf

package/dist/extensions/Blocks/Items/utils/priceFormatOps.js

@@ -0,0 +1,185 @@
+import { formatNumber as w } from "../../Recommendation/utils/priceFormatter.js";
+import { escapeHtml as q } from "../../../../utils/htmlEscape.js";
+import { extractWrapperTags as B } from "../../../../utils/preserveTextStyles.js";
+import { ITEMS_PRICE_FORMAT_ATTR as c, priceFormatFromConfig as _, normalizeDecimalCount as V, LEGACY_PRICE_PARAGRAPH_ATTRS as O, ITEMS_CURRENCY_ATTR as b } from "../constants/currency.js";
+import { productPairs as W } from "../enums/productEnums.js";
+import { DefaultConfigValues as I } from "../enums/settingsEnums.js";
+import { escapeReplacement as z } from "./nodeConfigUtils.js";
+const J = 'p[product-attr="price"], p[product-attr="originalPrice"]', K = [
+  ...Object.values(c),
+  "data-type"
+], L = "CART_ITEMS";
+function X() {
+  return { rootSet: {}, paragraphRemove: [], configPatch: null, texts: null, changed: !1 };
+}
+function h(t) {
+  return t != null;
+}
+function Pt(t) {
+  return t === "price" || t === "originalPrice" ? t : null;
+}
+function N(t) {
+  const n = W.PAIRS_FOR_EXTENSION, r = t != null && t.type && t.type in n.price ? t.type : L, o = (t == null ? void 0 : t.priceSinglePrice) === !0, e = n.price[r], i = n.originalPrice[r];
+  return {
+    price: o ? e.DEFAULT_SINGLE_PRICE : e.DEFAULT_PRICE,
+    originalPrice: o ? i.DEFAULT_SINGLE_PRICE : i.DEFAULT_PRICE
+  };
+}
+function P({ amount: t, format: n, symbol: r, alignment: o }) {
+  const e = w(Number(t), n), i = q((r ?? "").trim());
+  return i ? o === "1" ? `${e} ${i}` : `${i} ${e}` : e;
+}
+function Tt(t) {
+  const n = N(t), r = {
+    format: _(t),
+    symbol: (t == null ? void 0 : t.priceCurrencySymbol) ?? I.productPriceCurrencySymbolControlValue,
+    alignment: (t == null ? void 0 : t.priceCurrencyLocation) ?? "0"
+  };
+  return {
+    price: P({ amount: n.price, ...r }),
+    originalPrice: P({ amount: n.originalPrice, ...r })
+  };
+}
+const x = /&nbsp;|\u00a0|\s+/g, Q = "(?:&nbsp;| |\\s)+", Z = /&(amp|lt|gt|quot|#x27|#39);/g, tt = { amp: "&", lt: "<", gt: ">", quot: '"', "#x27": "'", "#39": "'" }, rt = {
+  "&": "(?:&amp;|&)",
+  "<": "(?:&lt;|<)",
+  ">": "(?:&gt;|>)",
+  '"': '(?:&quot;|")',
+  "'": "(?:&#x27;|&#39;|')"
+}, et = (t) => t.replace(Z, (n, r) => tt[r]), nt = (t) => t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+function ot(t) {
+  return Array.from(t, (n) => rt[n] ?? nt(n)).join("");
+}
+function D(t, n) {
+  const r = (o) => o.replace(x, " ").trim();
+  return r(t ?? "") === r(et(n ?? ""));
+}
+function it(t, n, r) {
+  const o = t.trim(), e = n.trim().split(x).filter(Boolean), i = e.length ? new RegExp(e.map(ot).join(Q)) : null;
+  if (i != null && i.test(o))
+    return o.replace(i, z(r));
+  const { openTags: s, closeTags: u } = B(o);
+  return `${s}${r}${u}`;
+}
+function ct(t, n) {
+  if (!t)
+    return null;
+  const r = Object.fromEntries(
+    Object.entries(n).filter(([o, e]) => t[o] !== e)
+  );
+  return Object.keys(r).length > 0 ? r : null;
+}
+function Ct(t, { convertLegacy: n }) {
+  const { rootAttrs: r, paragraphs: o, config: e } = t, i = h(r[c.DECIMAL_COUNT]);
+  if (!i && !n)
+    return X();
+  const s = o.find((a) => a.kind === "price") ?? o[0], u = (a) => (s == null ? void 0 : s.attrs[a]) ?? null, l = i ? r[c.SINGLE_PRICE] : u("data-single_price"), m = typeof (e == null ? void 0 : e.priceSinglePrice) == "boolean" ? e.priceSinglePrice : l === "true", A = e == null ? void 0 : e.priceCurrencyLocation, j = u(b.POSITION) === "after" ? "1" : "0", H = i ? r[c.ALIGNMENT] : j, E = (typeof A == "string" && A.trim() !== "" ? A : H) === "1" ? "1" : "0", U = i ? r[c.SYMBOL] : u(b.SYMBOL), S = typeof (e == null ? void 0 : e.priceCurrencySymbol) == "string" ? e.priceCurrencySymbol : U ?? I.productPriceCurrencySymbolControlValue, p = _({
+    priceThousandSeparator: (e == null ? void 0 : e.priceThousandSeparator) ?? (i ? r[c.THOUSAND_SEPARATOR] ?? void 0 : void 0),
+    priceDecimalSeparator: (e == null ? void 0 : e.priceDecimalSeparator) ?? (i ? r[c.DECIMAL_SEPARATOR] ?? void 0 : void 0),
+    priceDecimalCount: (e == null ? void 0 : e.priceDecimalCount) ?? (i ? V(r[c.DECIMAL_COUNT]) : void 0)
+  }), G = {
+    [c.SYMBOL]: S.trim(),
+    [c.ALIGNMENT]: E,
+    [c.THOUSAND_SEPARATOR]: p.thousandSeparator,
+    [c.DECIMAL_SEPARATOR]: p.decimalSeparator,
+    [c.DECIMAL_COUNT]: String(p.decimalCount),
+    [c.SINGLE_PRICE]: m ? "true" : "false"
+  }, T = Object.fromEntries(
+    Object.entries(G).filter(([a, d]) => r[a] !== d)
+  ), C = O.filter(
+    (a) => o.some((d) => h(d.attrs[a]))
+  ), $ = {
+    priceThousandSeparator: p.thousandSeparator,
+    priceDecimalSeparator: p.decimalSeparator,
+    priceDecimalCount: p.decimalCount,
+    priceSinglePrice: m,
+    priceCurrencyLocation: E,
+    priceCurrencySymbol: S
+  }, f = ct(e, $), k = (e == null ? void 0 : e.type) ?? r["data-type"] ?? L, R = N({ type: k, priceSinglePrice: m }), y = (a) => P({ amount: a, format: p, symbol: S, alignment: E }), g = { price: y(R.price), originalPrice: y(R.originalPrice) }, Y = o.some((a) => !D(a.text, g[a.kind]));
+  return {
+    rootSet: T,
+    paragraphRemove: C,
+    configPatch: f,
+    texts: g,
+    changed: Object.keys(T).length > 0 || C.length > 0 || f !== null || Y
+  };
+}
+function at(t) {
+  const n = {};
+  return K.forEach((r) => {
+    n[r] = t.rootAttr(r) ?? null;
+  }), {
+    rootAttrs: n,
+    config: t.config,
+    paragraphs: t.paragraphs.map((r) => {
+      const o = {};
+      return O.forEach((e) => {
+        o[e] = r.attr(e) ?? null;
+      }), { kind: r.kind, attrs: o, text: r.text.trim() };
+    })
+  };
+}
+function M(t) {
+  const n = t.getAttribute("esd-ext-config");
+  if (!n)
+    return null;
+  try {
+    const r = JSON.parse(n);
+    return r && typeof r == "object" ? r : null;
+  } catch {
+    return null;
+  }
+}
+function F(t) {
+  return Array.from(t.querySelectorAll(J)).map((n) => ({
+    kind: n.getAttribute("product-attr"),
+    element: n
+  }));
+}
+function v(t) {
+  return t.textContent;
+}
+function ft(t) {
+  return at({
+    rootAttr: (n) => t.getAttribute(n),
+    config: M(t),
+    paragraphs: F(t).map(({ kind: n, element: r }) => ({
+      kind: n,
+      attr: (o) => r.getAttribute(o),
+      text: v(r)
+    }))
+  });
+}
+function Rt(t, n) {
+  if (!n.changed)
+    return !1;
+  let r = !1;
+  if (Object.entries(n.rootSet).forEach(([o, e]) => {
+    t.getAttribute(o) !== e && (t.setAttribute(o, e), r = !0);
+  }), F(t).forEach(({ kind: o, element: e }) => {
+    var u;
+    n.paragraphRemove.forEach((l) => {
+      e.hasAttribute(l) && (e.removeAttribute(l), r = !0);
+    });
+    const i = (u = n.texts) == null ? void 0 : u[o], s = v(e).trim();
+    i !== void 0 && !D(s, i) && (e.innerHTML = it(e.innerHTML, s, i), r = !0);
+  }), n.configPatch) {
+    const o = M(t);
+    o && (t.setAttribute("esd-ext-config", JSON.stringify({ ...o, ...n.configPatch })), r = !0);
+  }
+  return r;
+}
+export {
+  J as PRICE_PARAGRAPH_SELECTOR,
+  Rt as applyPriceFormatOpsToElement,
+  at as buildPriceFormatSnapshot,
+  P as formatItemsDummyPrice,
+  Pt as paragraphKindOf,
+  Ct as planPriceFormatOps,
+  Tt as priceTextsFromConfig,
+  M as readPersistedConfigAttribute,
+  it as replacePriceText,
+  N as resolvePriceDummyAmounts,
+  D as samePriceText,
+  ft as snapshotPriceFormatFromElement
+};

package/dist/extensions/Blocks/Recommendation/utils/priceFormatter.js

@@ -25,5 +25,6 @@ function f(c) {
   return r === "before" ? `${e} ${a}` : `${a} ${e}`;
 }
 export {
+  d as formatNumber,
   f as formatPrice
 };

package/dist/guido.css

@@ -1 +1 @@
-@charset "UTF-8";.auth-error-modal[data-v-b4d7ae51]{position:relative;z-index:145}.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-b8f24f34] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-87033101]{position:relative;display:inline-block}.new-tag[data-v-87033101]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-87033101] .guido__view-option-selection-desktop svg,[data-v-87033101] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-87033101] .in-segments-wrapper__button_selected,[data-v-87033101] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-87033101] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-6ebabfe4]{position:relative;display:inline-block}.new-tag[data-v-6ebabfe4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-6ebabfe4] .guido__verion-history-view-option-selection-desktop svg,[data-v-6ebabfe4] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6ebabfe4] .in-segments-wrapper__button_selected,[data-v-6ebabfe4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-6ebabfe4] .in-tooltip-wrapper-v2__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-baf7a5dd]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.validation-error-list[data-v-e48cebe9]{gap:16px}.validation-error-row[data-v-e48cebe9]{gap:8px;padding:24px;border:1px solid #E1E1E1;border-radius:8px}.validation-error-row__icon[data-v-e48cebe9]{flex-shrink:0;font-size:24px;line-height:0}.validation-error-row__text[data-v-e48cebe9]{font-size:13px;line-height:16px;color:#292929;word-break:break-word}.guido-editor__wrapper[data-v-f2154cb6]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-f2154cb6]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-f2154cb6]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-eaf8e461]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-eaf8e461]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-eaf8e461]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-eaf8e461]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-eaf8e461]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-19d8cb42] .vueperslides__bullets,[data-v-ec2027ff] .vueperslides__bullets,[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-skeleton{width:100%!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-dropdown-box__container{width:413px}.assign-strategy-drawer .spaced-dot-sep{background-image:linear-gradient(90deg,#91949f 20%,#fff0 0);background-position:center bottom;background-repeat:repeat-x;background-size:5px 1px}.assign-strategy-drawer .spaced-dot-sep--top{background-position:center top}.assign-strategy-drawer .spaced-dot-sep--fc-n:first-child{background:none}.legacy-strategy-updated-modal[data-v-da2225a1]{position:relative;z-index:145}
+@charset "UTF-8";.auth-error-modal[data-v-b4d7ae51]{position:relative;z-index:145}.gap-16[data-v-5553d071],.gap-16[data-v-0e1b0c54]{gap:16px}[data-v-b8f24f34] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-2cb418af] .in-progress-wrapper__progress p span:last-child{display:none!important}[data-v-2cb418af] .in-progress-description-status{display:none!important}.view-options-wrapper[data-v-87033101]{position:relative;display:inline-block}.new-tag[data-v-87033101]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-87033101] .guido__view-option-selection-desktop svg,[data-v-87033101] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-87033101] .in-segments-wrapper__button_selected,[data-v-87033101] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-87033101] .in-tooltip-wrapper-v2__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-fad98586]{gap:8px}.version-history__toolbar[data-v-fad98586]{gap:4px}.view-options-wrapper[data-v-6ebabfe4]{position:relative;display:inline-block}.new-tag[data-v-6ebabfe4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-6ebabfe4] .guido__verion-history-view-option-selection-desktop svg,[data-v-6ebabfe4] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6ebabfe4] .in-segments-wrapper__button_selected,[data-v-6ebabfe4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-6ebabfe4] .in-tooltip-wrapper-v2__icon{cursor:pointer}.auto-save-toggle[data-v-2c964af4]{position:relative}.auto-save-toggle__info-box[data-v-2c964af4]{position:absolute;top:100%;left:0;z-index:10;width:280px}.editor-actions[data-v-baf7a5dd]{gap:4px}.header-wrapper[data-v-d11dd577]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.validation-error-list[data-v-e48cebe9]{gap:16px}.validation-error-row[data-v-e48cebe9]{gap:8px;padding:24px;border:1px solid #E1E1E1;border-radius:8px}.validation-error-row__icon[data-v-e48cebe9]{flex-shrink:0;font-size:24px;line-height:0}.validation-error-row__text[data-v-e48cebe9]{font-size:13px;line-height:16px;color:#292929;word-break:break-word}.guido-editor__wrapper[data-v-49dc1b30]{--ribbon-offset: 0px;position:relative;width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__container[data-v-49dc1b30]{width:100%;height:calc(100vh - 128px - var(--ribbon-offset))}.guido-editor__no-header[data-v-49dc1b30]{height:calc(100vh - 75px - var(--ribbon-offset))}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-eaf8e461]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-eaf8e461]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-eaf8e461]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-eaf8e461]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-eaf8e461]{object-fit:cover;transform:scale(1)}[data-v-b9a93c6e] .guido__verion-history-view-option-selection-desktop svg,[data-v-b9a93c6e] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-b9a93c6e] .in-segments-wrapper__button_selected,[data-v-b9a93c6e] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-cf946232]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-cf946232]{min-height:504px}.iframe-wrapper[data-v-f255b2bb]{width:258px}.iframe-scaled[data-v-f255b2bb]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-6bcaca8a] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-f16f20f8] .vueperslides__bullets{pointer-events:none!important}[data-v-f16f20f8] .vueperslides__parallax-wrapper{padding-bottom:110px!important}[data-v-bb3cca55] .vueperslides__bullets{pointer-events:none!important}[data-v-bb3cca55] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-19d8cb42] .vueperslides__bullets,[data-v-ec2027ff] .vueperslides__bullets,[data-v-b09e80c4] .vueperslides__bullets{pointer-events:none!important}[data-v-b09e80c4] .vueperslides__parallax-wrapper{height:110px!important;padding-bottom:110px!important}[data-v-9bdef600] .vueperslides__parallax-wrapper{padding-bottom:110px!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd]{width:100%;max-width:none}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-skeleton{width:100%!important}.assign-strategy-drawer-content .assign-strategy-select[data-v-6ce48dfd] .in-dropdown-box__container{width:413px}.assign-strategy-drawer .spaced-dot-sep{background-image:linear-gradient(90deg,#91949f 20%,#fff0 0);background-position:center bottom;background-repeat:repeat-x;background-size:5px 1px}.assign-strategy-drawer .spaced-dot-sep--top{background-position:center top}.assign-strategy-drawer .spaced-dot-sep--fc-n:first-child{background:none}.legacy-strategy-updated-modal[data-v-da2225a1]{position:relative;z-index:145}

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const o = "3.23.0-beta.31d0f5f", s = { stripo: { version: "2.81.1" } }, t = {
+const o = "3.23.0-beta.9f6bfbf", s = { stripo: { version: "2.81.1" } }, t = {
   version: o,
   guido: s
 };

package/dist/src/@types/config/schemas.d.ts

@@ -414,6 +414,8 @@ export declare const FeaturesSchema: v.ObjectSchema<{
     /** Allow persisting a template that still has validation errors (drawer "Save and Continue" soft-save). Host sets false for transactional + unsubscribe. */
     readonly allowSaveWithErrors: v.OptionalSchema<v.BooleanSchema<undefined>, true>;
     readonly reusableRecommendationStrategy: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
+    /** Items block: Recommendation-style price formatting (root currency-* attrs, raw price tags). Released dark. */
+    readonly itemsPriceFormatting: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
 }, undefined>;
 /**
  * Default block types available in Stripo
@@ -832,6 +834,8 @@ export declare const GuidoConfigSchema: v.ObjectSchema<{
         /** Allow persisting a template that still has validation errors (drawer "Save and Continue" soft-save). Host sets false for transactional + unsubscribe. */
         readonly allowSaveWithErrors: v.OptionalSchema<v.BooleanSchema<undefined>, true>;
         readonly reusableRecommendationStrategy: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
+        /** Items block: Recommendation-style price formatting (root currency-* attrs, raw price tags). Released dark. */
+        readonly itemsPriceFormatting: v.OptionalSchema<v.BooleanSchema<undefined>, false>;
     }, undefined>, {}>;
     /** Block configuration */
     readonly blocks: v.OptionalSchema<v.ObjectSchema<{

package/dist/src/composables/useConfig.d.ts

@@ -104,6 +104,7 @@ export declare const useConfig: () => {
             linkTrackingIds: boolean;
             allowSaveWithErrors: boolean;
             reusableRecommendationStrategy: boolean;
+            itemsPriceFormatting: boolean;
         };
         blocks: {
             excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];
@@ -243,6 +244,7 @@ export declare const useConfig: () => {
         linkTrackingIds: boolean;
         allowSaveWithErrors: boolean;
         reusableRecommendationStrategy: boolean;
+        itemsPriceFormatting: boolean;
     } | null>;
     blocks: import("vue").ComputedRef<{
         excludeDefaults: ("amp-accordion" | "amp-carousel" | "amp-form-controls" | "banner-block" | "button-block" | "html-block" | "image-block" | "menu-block" | "social-block" | "spacer-block" | "text-block" | "timer-block" | "video-block")[];

package/dist/src/config/migrator/index.d.ts

@@ -1,3 +1,6 @@
 import type { LegacyRecommendationConfig } from '@@/Types/config';
 import { type PartnerScopeMigrationOptions } from './recommendationPartnerMigrator';
-export declare const migrate: (html: string, recommendationConfigs?: Record<string, LegacyRecommendationConfig>, partnerScope?: PartnerScopeMigrationOptions) => Promise<string>;
+export interface MigrationFeatureFlags {
+    itemsPriceFormatting?: boolean;
+}
+export declare const migrate: (html: string, recommendationConfigs?: Record<string, LegacyRecommendationConfig>, partnerScope?: PartnerScopeMigrationOptions, features?: MigrationFeatureFlags) => Promise<string>;

package/dist/src/config/migrator/itemsPriceFormatMigrator.d.ts

@@ -0,0 +1 @@
+export declare function migrateItemsPriceFormat(html: string): string;

package/dist/src/extensions/Blocks/Items/block.d.ts

@@ -71,15 +71,12 @@ export declare class ItemsBlock extends Block {
      */
     private _resolveInstanceId;
     /**
-     * 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.
+     * Single self-heal slot: the flag only decides whether a legacy root is converted; a root
+     * already in the new format is reconciled from config regardless. Returns whether anything was queued.
      */
     private _reconcileCurrencyDomAttributes;
+    /** Legacy `<p>` contract via `currencyAttrTargets`: position when recorded, symbol only when custom. */
+    private _reconcileLegacyCurrencyAttributes;
+    private _priceParagraphs;
+    private _isPriceFormattingEnabled;
 }

package/dist/src/extensions/Blocks/Items/constants/currency.d.ts

@@ -41,3 +41,35 @@ export declare function currencyAttrTargets(config: {
     priceCurrencyLocation?: string;
     priceCurrencySymbol?: string;
 }): CurrencyAttrTargets;
+export declare const ITEMS_PRICE_FORMAT_ATTR: {
+    readonly SYMBOL: "currency-symbol";
+    readonly ALIGNMENT: "currency-alignment";
+    readonly THOUSAND_SEPARATOR: "currency-thousand-separator";
+    readonly DECIMAL_SEPARATOR: "currency-decimal-separator";
+    readonly DECIMAL_COUNT: "currency-decimal-count";
+    readonly SINGLE_PRICE: "data-single_price";
+};
+/** Price `<p>` attrs of the legacy model; a new-format block carries none of them. */
+export declare const LEGACY_PRICE_PARAGRAPH_ATTRS: readonly ["data-formated", "data-single_price", "data-curency", "data-currency_symbol"];
+export declare const PRICE_FORMAT_CONFIG_KEYS: readonly ["priceThousandSeparator", "priceDecimalSeparator", "priceDecimalCount"];
+export interface ItemsPriceFormat {
+    thousandSeparator: string;
+    decimalSeparator: string;
+    decimalCount: number;
+}
+/** en-US, the shape the legacy pre-formatted price tags produced. */
+export declare const DEFAULT_ITEMS_PRICE_FORMAT: ItemsPriceFormat;
+export interface PriceFormatConfigSlice {
+    priceThousandSeparator?: string;
+    priceDecimalSeparator?: string;
+    priceDecimalCount?: number;
+}
+export declare function normalizeDecimalCount(value: unknown): number;
+/** Config → format, defaulting each missing key independently. */
+export declare function priceFormatFromConfig(config: PriceFormatConfigSlice | null | undefined): ItemsPriceFormat;
+export declare function isNewPriceFormatConfig(config: PriceFormatConfigSlice | null | undefined): boolean;
+export interface AttributeReader {
+    getAttribute(name: string): string | null | undefined;
+}
+/** The export/control switch: a root carrying `currency-decimal-count` is in the new format. */
+export declare function isNewPriceFormatRoot(root: AttributeReader | null | undefined): boolean;

package/dist/src/extensions/Blocks/Items/controls/priceFormat.d.ts

@@ -0,0 +1,23 @@
+import { ControlApi, ImmutableHtmlNode } from '@stripoinc/ui-editor-extensions';
+import { CommonControl } from '../../common-control';
+import { ItemsBlockControlId } from '../enums/controlEnums';
+import { type ItemsBlockConfig } from '../utils/nodeConfigUtils';
+export declare const CONTROL_BLOCK_ID = ItemsBlockControlId.PRICE_FORMAT;
+export declare function isNewPriceFormatBlock(currentNode: ImmutableHtmlNode | undefined): boolean;
+/** One apply: the config patch, the root attrs the export reads, and both price texts re-rendered. */
+export declare function applyPriceFormatChange(currentNode: ImmutableHtmlNode | undefined, api: ControlApi, patch: Partial<ItemsBlockConfig>, description: string): void;
+export declare class ItemsBlockPriceFormatControl extends CommonControl {
+    private lastWritten;
+    getId(): string;
+    getTemplate(): string;
+    onRender(): void;
+    onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
+    onDestroy(): void;
+    _onThousandSeparatorChange(value: string): void;
+    _onDecimalSeparatorChange(value: string): void;
+    _onDecimalCountChange(value: string): void;
+    private _currentFormat;
+    private _write;
+    private _formValues;
+    private _getSelectRow;
+}

package/dist/src/extensions/Blocks/Items/controls/settingsControl.d.ts

@@ -35,6 +35,7 @@ export declare class ItemsBlockControl extends CommonControl {
     _reFillTemplate(itemsType?: ProductType): void;
     _recalculateTrimming(): void;
     private _getParagraphFromBlock;
+    private _replacePriceText;
     private _escapeRegex;
     private _removeCurrencySymbol;
     private _replacePriceNumber;

package/dist/src/extensions/Blocks/Items/enums/controlEnums.d.ts

@@ -46,6 +46,7 @@ export declare enum ItemsBlockControlId {
     PRICE_CURRENCY_SYMBOL = "items-block-price-currency-symbol-control",
     PRICE_CURRENCY_LOCATION = "items-block-price-currency-location-control",
     PRICE_ORIENTATION = "items-block-price-orientation-control",
+    PRICE_FORMAT = "items-block-price-format-control",
     NAME_ALIGN = "items-block-name-align-control",
     NAME_COLOR = "items-block-name-color-control",
     NAME_SIZE = "items-block-name-size-control",

package/dist/src/extensions/Blocks/Items/template.d.ts

@@ -1,3 +1,4 @@
+import { type ItemsPriceFormat } from './constants/currency';
 import { type ItemsBlockConfig } from './utils/nodeConfigUtils';
 declare const migrationTemplate = "ADD YOUR MIGRATION HERE";
 type ProductType = 'CART_ITEMS' | 'BROWSED_ITEMS' | 'PURCHASED_ITEMS';
@@ -36,6 +37,8 @@ type TemplateParameters = {
     quantityStyles?: string;
     /** Price orientation within the card ('vertical' = stacked, 'horizontal' = side-by-side) */
     priceOrientation?: PriceOrientationType;
+    /** New price model (itemsPriceFormatting): root attrs + raw dummy amounts; absent = legacy output. */
+    priceFormat?: ItemsPriceFormat;
 };
 /**
  * Applies price orientation styles to the generated HTML template.
@@ -67,5 +70,5 @@ export declare const applyPriceOrientationStyles: (html: string, layoutOrientati
  * @param params.formattedPrice - Whether to use formatted price display
  * @returns HTML template string for the Items Block
  */
-export declare function getDefaultTemplate({ orientation, itemsType, itemId, currencySymbol, currencyLocation, migrate, formattedPrice, configBlockAttributes, nodeConfig, nameStyles, buttonStyles, priceStyles, originalPriceStyles, quantityStyles, priceOrientation, }: TemplateParameters): string;
+export declare function getDefaultTemplate({ orientation, itemsType, itemId, currencySymbol, currencyLocation, migrate, formattedPrice, configBlockAttributes, nodeConfig, nameStyles, buttonStyles, priceStyles, originalPriceStyles, quantityStyles, priceOrientation, priceFormat, }: TemplateParameters): string;
 export default migrationTemplate;

package/dist/src/extensions/Blocks/Items/utils/nodeConfigUtils.d.ts

@@ -18,6 +18,9 @@ export interface ItemsBlockConfig {
     priceCurrencySymbol: string;
     priceCurrencyLocation: string;
     priceOrientation: 'vertical' | 'horizontal';
+    priceThousandSeparator?: string;
+    priceDecimalSeparator?: string;
+    priceDecimalCount?: number;
     quantityControlEnabled: boolean;
     buttonLink: string;
     imageLink: string;

package/dist/src/extensions/Blocks/Items/utils/priceFormatOps.d.ts

@@ -0,0 +1,61 @@
+import { type ItemsPriceFormat } from '../constants/currency';
+import { type ItemsBlockConfig } from './nodeConfigUtils';
+export type PriceParagraphKind = 'price' | 'originalPrice';
+export declare const PRICE_PARAGRAPH_SELECTOR = "p[product-attr=\"price\"], p[product-attr=\"originalPrice\"]";
+type AttrMap = Record<string, string | null | undefined>;
+export interface PriceParagraphSnapshot {
+    kind: PriceParagraphKind;
+    attrs: AttrMap;
+    text: string;
+}
+export interface PriceFormatSnapshot {
+    rootAttrs: AttrMap;
+    paragraphs: PriceParagraphSnapshot[];
+    config: Partial<ItemsBlockConfig> | null;
+}
+export interface PriceTexts {
+    price: string;
+    originalPrice: string;
+}
+export interface PriceFormatOps {
+    rootSet: Record<string, string>;
+    paragraphRemove: string[];
+    configPatch: Partial<ItemsBlockConfig> | null;
+    texts: PriceTexts | null;
+    changed: boolean;
+}
+export interface PlanPriceFormatOptions {
+    convertLegacy: boolean;
+}
+export interface FormatDummyPriceInput {
+    amount: string | number;
+    format: ItemsPriceFormat;
+    symbol: string | null | undefined;
+    alignment: string | null | undefined;
+}
+export declare function paragraphKindOf(productAttr: string | null | undefined): PriceParagraphKind | null;
+export declare function resolvePriceDummyAmounts(config: Pick<Partial<ItemsBlockConfig>, 'type' | 'priceSinglePrice'> | null | undefined): PriceTexts;
+export declare function formatItemsDummyPrice({ amount, format, symbol, alignment }: FormatDummyPriceInput): string;
+export declare function priceTextsFromConfig(config: Partial<ItemsBlockConfig> | null | undefined): PriceTexts;
+/** `text` is decoded DOM text, `html` the rendered markup text (entities allowed). */
+export declare function samePriceText(text: string | null | undefined, html: string | null | undefined): boolean;
+/** Swaps the whole price text inside the paragraph markup, keeping the style wrappers around it. */
+export declare function replacePriceText(innerHtml: string, currentText: string, newText: string): string;
+export declare function planPriceFormatOps(snapshot: PriceFormatSnapshot, { convertLegacy }: PlanPriceFormatOptions): PriceFormatOps;
+export interface PriceParagraphSource {
+    kind: PriceParagraphKind;
+    attr(name: string): string | null | undefined;
+    text: string;
+}
+export interface PriceFormatSnapshotSource {
+    rootAttr(name: string): string | null | undefined;
+    paragraphs: PriceParagraphSource[];
+    config: Partial<ItemsBlockConfig> | null;
+}
+/** Shared snapshot builder so DOM (migrator, repair) and Stripo-node callers read the same attrs. */
+export declare function buildPriceFormatSnapshot(source: PriceFormatSnapshotSource): PriceFormatSnapshot;
+export declare function readPersistedConfigAttribute(root: Element): Partial<ItemsBlockConfig> | null;
+export declare function snapshotPriceFormatFromElement(root: Element): PriceFormatSnapshot;
+/** DOM applier for parsed HTML (migrator, module repair). Returns whether anything was written. */
+export declare function applyPriceFormatOpsToElement(root: Element, ops: PriceFormatOps): boolean;
+export {};

package/dist/src/extensions/Blocks/Recommendation/utils/priceFormatter.d.ts

@@ -14,6 +14,18 @@ export interface FormatPriceOptions {
     /** Currency configuration */
     currency: CurrencyConfig;
 }
+export interface FormatNumberOptions {
+    thousandSeparator: string;
+    decimalSeparator: string;
+    decimalCount: number;
+}
+/**
+ * Formats a number with custom thousand and decimal separators
+ * @param value - The numeric value to format
+ * @param options - Formatting options
+ * @returns Formatted number string
+ */
+export declare function formatNumber(value: number, options: FormatNumberOptions): string;
 /**
  * Formats a numeric price according to currency settings
  * @example