@useinsider/guido 3.20.1 → 3.21.0-beta.0df5409

package/dist/extensions/Blocks/Recommendation/controls/main/currency.js

@@ -1,13 +1,25 @@
-var p = Object.defineProperty;
-var R = (o, a, e) => a in o ? p(o, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[a] = e;
-var c = (o, a, e) => R(o, typeof a != "symbol" ? a + "" : a, e);
-import { currencyLocationMaps as l, currencyOperators as i, currencyDecimalCounts as h } from "../../../../../enums/extensions/recommendationBlock.js";
-import { UEAttr as _ } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as m } from "../../../common-control.js";
-import { RecommendationConfigService as s } from "../../services/configService.js";
-import { useRecommendationExtensionStore as d } from "../../store/recommendation.js";
-import { setCurrencyAttributes as S, updatePricesInPlace as N } from "./utils.js";
-const E = "recommendation-currency-control", t = {
+var y = Object.defineProperty;
+var S = (s, i, e) => i in s ? y(s, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[i] = e;
+var C = (s, i, e) => S(s, typeof i != "symbol" ? i + "" : i, e);
+import { currencyLocationMaps as u, currencyOperators as a, currencyDecimalCounts as h } from "../../../../../enums/extensions/recommendationBlock.js";
+import { UEAttr as N, ModificationDescription as l } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as g } from "../../../common-control.js";
+import { RecommendationConfigService as c } from "../../services/configService.js";
+import { useRecommendationExtensionStore as E } from "../../store/recommendation.js";
+import { toCurrencyConfig as U, toCurrencySettings as p } from "../../utils/currencySettings.js";
+import { setCurrencyAttributes as R, updatePricesInPlace as A, getCurrencyAttributesFromBlock as T } from "./utils.js";
+const f = "recommendation-currency-control", _ = [
+  "code",
+  "symbol",
+  "alignment",
+  "thousandSeparator",
+  "decimalSeparator",
+  "decimalCount"
+];
+function m(s, i) {
+  return _.every((e) => s[e] === i[e]);
+}
+const r = {
   CURRENCY: "currencyCode",
   CURRENCY_LOCATION: "currencyAlignment",
   CURRENCY_SYMBOL: "currencySymbol",
@@ -15,16 +27,16 @@ const E = "recommendation-currency-control", t = {
   CURRENCY_DECIMAL_SEPARATOR: "currencyDecimalSeparator",
   CURRENCY_DECIMAL_COUNT: "currencyDecimalCount"
 };
-class Y extends m {
+class P extends g {
   constructor() {
     super(...arguments);
     // Store is used ONLY for API-fetched data (currency list), not for config
-    c(this, "store", d());
-    c(this, "storeUnsubscription", () => {
+    C(this, "store", E());
+    C(this, "storeUnsubscription", () => {
     });
   }
   getId() {
-    return E;
+    return f;
   }
   getTemplate() {
     return `
@@ -32,37 +44,37 @@ class Y extends m {
                 ${this._GuTwoColumns([
       this._GuLabel({ text: this.api.translate("Currency") }),
       this._GuSelect({
-        name: t.CURRENCY,
+        name: r.CURRENCY,
         placeholder: this.api.translate("Select Currency"),
         options: this.store.currencyList
       }),
       this._GuLabel({ text: this.api.translate("Currency Location") }),
       this._GuSelect({
-        name: t.CURRENCY_LOCATION,
+        name: r.CURRENCY_LOCATION,
         placeholder: this.api.translate("Select Currency Location"),
-        options: l
+        options: u
       }),
       this._GuLabel({ text: this.api.translate("Currency Symbol") }),
       this._GuTextInput({
-        name: t.CURRENCY_SYMBOL,
+        name: r.CURRENCY_SYMBOL,
         placeholder: this.api.translate("Enter Currency Symbol"),
         className: "es-180w"
       }),
       this._GuLabel({ text: this.api.translate("Thousand Separator") }),
       this._GuSelect({
-        name: t.CURRENCY_THOUSAND_SEPARATOR,
+        name: r.CURRENCY_THOUSAND_SEPARATOR,
         placeholder: this.api.translate("Select Thousand Separator"),
-        options: i
+        options: a
       }),
       this._GuLabel({ text: this.api.translate("Decimal Separator") }),
       this._GuSelect({
-        name: t.CURRENCY_DECIMAL_SEPARATOR,
+        name: r.CURRENCY_DECIMAL_SEPARATOR,
         placeholder: this.api.translate("Select Decimal Separator"),
-        options: i
+        options: a
       }),
       this._GuLabel({ text: this.api.translate("Decimal Count") }),
       this._GuSelect({
-        name: t.CURRENCY_DECIMAL_COUNT,
+        name: r.CURRENCY_DECIMAL_COUNT,
         placeholder: this.api.translate("Select Decimal Count"),
         options: h
       })
@@ -82,73 +94,79 @@ class Y extends m {
     this.storeUnsubscription();
   }
   _setFormValues() {
-    const e = s.getConfig(this.currentNode), { currency: r } = e;
+    const e = c.getConfig(this.currentNode), { currency: t } = e;
     this.api.updateValues({
-      [t.CURRENCY]: `price.${r.code}`,
-      [t.CURRENCY_LOCATION]: r.alignment === "before" ? "0" : "1",
-      [t.CURRENCY_SYMBOL]: r.symbol,
-      [t.CURRENCY_THOUSAND_SEPARATOR]: r.thousandSeparator,
-      [t.CURRENCY_DECIMAL_SEPARATOR]: r.decimalSeparator,
-      [t.CURRENCY_DECIMAL_COUNT]: r.decimalCount.toString()
+      [r.CURRENCY]: `price.${t.code}`,
+      [r.CURRENCY_LOCATION]: t.alignment === "before" ? "0" : "1",
+      [r.CURRENCY_SYMBOL]: t.symbol,
+      [r.CURRENCY_THOUSAND_SEPARATOR]: t.thousandSeparator,
+      [r.CURRENCY_DECIMAL_SEPARATOR]: t.decimalSeparator,
+      [r.CURRENCY_DECIMAL_COUNT]: t.decimalCount.toString()
     });
   }
   _initializeSelectItems() {
-    const { store: e } = this, r = {
-      [t.CURRENCY]: e.currencyList,
-      [t.CURRENCY_LOCATION]: l,
-      [t.CURRENCY_THOUSAND_SEPARATOR]: i,
-      [t.CURRENCY_DECIMAL_SEPARATOR]: i,
-      [t.CURRENCY_DECIMAL_COUNT]: h
+    const { store: e } = this, t = {
+      [r.CURRENCY]: e.currencyList,
+      [r.CURRENCY_LOCATION]: u,
+      [r.CURRENCY_THOUSAND_SEPARATOR]: a,
+      [r.CURRENCY_DECIMAL_SEPARATOR]: a,
+      [r.CURRENCY_DECIMAL_COUNT]: h
     };
-    Object.entries(r).forEach(([C, n]) => {
-      this.api.setUIEAttribute(C, _.SELECTPICKER.items, n);
+    Object.entries(t).forEach(([n, o]) => {
+      this.api.setUIEAttribute(n, N.SELECTPICKER.items, o);
     });
   }
   /**
-   * Applies currency updates to node config, HTML attributes, Pinia store, and DOM.
+   * Applies a display-only currency change (symbol, separators, alignment, decimal count) to node
+   * config, block attributes, store and the price text in ONE apply. No product refetch.
    * @param updates - Partial currency config to merge
-   * @param triggerRefetch - Whether to trigger a product API refetch.
-   *   true for currency code changes (different prices from API),
-   *   false for display-only changes (symbol, separators, alignment, decimal count).
    */
-  _updateCurrency(e, r = !1) {
+  _updateCurrency(e) {
     if (!this.currentNode)
       return;
-    const n = { ...s.getConfig(this.currentNode).currency, ...e };
-    s.updateConfig(
-      this.api,
-      this.currentNode,
-      { currency: n },
-      "Updated currency settings"
-    );
-    const u = this.api.getDocumentModifier();
-    S({
+    const t = U(this.store.recommendationConfigs.currencySettings), n = { ...t, ...e };
+    if (m(n, t)) {
+      m(n, c.getConfig(this.currentNode).currency) && this._repairCurrencyAttributes(n);
+      return;
+    }
+    const o = this.api.getDocumentModifier();
+    c.stageConfig(o, this.currentNode, { currency: n }), R({
       currentNode: this.currentNode,
-      documentModifier: u,
-      currency: n
-    }), this.store.patchCurrentBlockConfig({
-      currencySettings: {
-        name: n.code,
-        value: n.code,
-        symbol: n.symbol,
-        alignment: n.alignment === "before" ? "0" : "1",
-        decimalCount: n.decimalCount.toString(),
-        decimalSeparator: n.decimalSeparator,
-        thousandSeparator: n.thousandSeparator
-      }
-    }, { triggerRefetch: r }), N({
+      documentModifier: o,
+      currency: n,
+      stageOnly: !0
+    }), this.store.patchCurrentBlockConfig(
+      { currencySettings: p(n) },
+      { triggerRefetch: !1 }
+    ), A({
       currentNode: this.currentNode,
-      documentModifier: u
-    });
+      documentModifier: o,
+      configOverrides: { currency: n }
+    }), o.apply(new l("Updated currency settings"));
+  }
+  /** Re-stamps the compiler-read block attributes where they drifted from the node config. */
+  _repairCurrencyAttributes(e) {
+    const t = T(this.currentNode);
+    if (t && _.every((o) => t[o] === e[o]))
+      return;
+    const n = this.api.getDocumentModifier();
+    R({ currentNode: this.currentNode, documentModifier: n, currency: e, stageOnly: !0 }) && n.apply(new l("Update currency attributes"));
   }
   _onCurrencyChange(e) {
-    const [, r] = e.includes(".") ? e.split(".") : [null, e];
-    s.getConfig(this.currentNode).currency.code !== r && (this._updateCurrency({
-      code: r,
-      symbol: r
-    }, !0), this.api.updateValues({
-      [t.CURRENCY_SYMBOL]: r
-    }));
+    const [, t] = e.includes(".") ? e.split(".") : [null, e], n = c.getConfig(this.currentNode).currency, o = this.store.recommendationConfigs.currencySettings.value;
+    if (n.code === t) {
+      o !== t && this.store.patchCurrentBlockConfig({ currencySettings: p(n) });
+      return;
+    }
+    if (o !== t) {
+      const { currencySettings: d } = this.store.recommendationConfigs;
+      this.store.patchCurrentBlockConfig({
+        currencySettings: { ...d, name: t, value: t, symbol: t }
+      });
+    }
+    this.api.updateValues({
+      [r.CURRENCY_SYMBOL]: t
+    });
   }
   _onCurrencyLocationChange(e) {
     this._updateCurrency({
@@ -169,23 +187,23 @@ class Y extends m {
     });
   }
   _onDecimalCountChange(e) {
-    const r = parseInt(e);
+    const t = parseInt(e);
     this._updateCurrency({
-      decimalCount: Number.isNaN(r) ? 2 : r
+      decimalCount: Number.isNaN(t) ? 2 : t
     });
   }
   _listenToFormUpdates() {
-    this.api.onValueChanged(t.CURRENCY, (e) => {
+    this.api.onValueChanged(r.CURRENCY, (e) => {
       this._onCurrencyChange(e);
-    }), this.api.onValueChanged(t.CURRENCY_LOCATION, (e) => {
+    }), this.api.onValueChanged(r.CURRENCY_LOCATION, (e) => {
       this._onCurrencyLocationChange(e);
-    }), this.api.onValueChanged(t.CURRENCY_SYMBOL, (e) => {
+    }), this.api.onValueChanged(r.CURRENCY_SYMBOL, (e) => {
       this._onCurrencySymbolChange(e);
-    }), this.api.onValueChanged(t.CURRENCY_THOUSAND_SEPARATOR, (e) => {
+    }), this.api.onValueChanged(r.CURRENCY_THOUSAND_SEPARATOR, (e) => {
       this._onThousandSeparatorChange(e);
-    }), this.api.onValueChanged(t.CURRENCY_DECIMAL_SEPARATOR, (e) => {
+    }), this.api.onValueChanged(r.CURRENCY_DECIMAL_SEPARATOR, (e) => {
       this._onDecimalSeparatorChange(e);
-    }), this.api.onValueChanged(t.CURRENCY_DECIMAL_COUNT, (e) => {
+    }), this.api.onValueChanged(r.CURRENCY_DECIMAL_COUNT, (e) => {
       this._onDecimalCountChange(e);
     });
   }
@@ -196,12 +214,12 @@ class Y extends m {
   _subscribeToStoreChanges() {
     let e = this.store.currencyList.length;
     this.storeUnsubscription = this.store.$subscribe(() => {
-      const r = this.store.currencyList.length;
-      r > 0 && r !== e && (e = r, this._initializeSelectItems(), this._setFormValues());
+      const t = this.store.currencyList.length;
+      t > 0 && t !== e && (e = t, this._initializeSelectItems(), this._setFormValues());
     });
   }
 }
 export {
-  E as CURRENCY_CONTROL_ID,
-  Y as CurrencyControl
+  f as CURRENCY_CONTROL_ID,
+  P as CurrencyControl
 };