@useinsider/guido 2.1.0-beta.3c29284 → 2.1.0-beta.e6bf76b

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

@@ -1,76 +1,82 @@
-var R = Object.defineProperty;
-var _ = (i, t, e) => t in i ? R(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var m = (i, t, e) => _(i, typeof t != "symbol" ? t + "" : t, e);
-import { ModificationDescription as F, UIElementType as P, UEAttr as C } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+var C = Object.defineProperty;
+var A = (n, r, e) => r in n ? C(n, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[r] = e;
+var _ = (n, r, e) => A(n, typeof r != "symbol" ? r + "" : r, e);
+import { ModificationDescription as L, UIElementType as m, UEAttr as g } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { CommonControl as h } from "../../../common-control.js";
-import { ItemsBlockControlId as p, ItemsBlockId as g } from "../../enums/controlEnums.js";
-import { productPairs as T } from "../../enums/productEnums.js";
-import { useItemsBlockStore as A } from "../../store/items-block.js";
-import { getItemsBlockConfig as f, setItemsBlockConfig as u } from "../../utils/nodeConfigUtils.js";
-const D = p.PRICE_FORMATTED_PRICE, n = {
+import { ItemsBlockControlId as l, ItemsBlockId as D } from "../../enums/controlEnums.js";
+import { productPairs as I } from "../../enums/productEnums.js";
+import { useItemsBlockStore as O } from "../../store/items-block.js";
+import { getItemsBlockConfig as u, setItemsBlockConfig as f } from "../../utils/nodeConfigUtils.js";
+const N = l.PRICE_FORMATTED_PRICE, c = {
   FORMATTED_PRICE: "formattedPrice"
 };
-class k extends h {
+class y extends h {
   constructor() {
     super(...arguments);
-    m(this, "store", A());
+    _(this, "store", O());
   }
   getId() {
-    return D;
+    return N;
   }
   getTemplate() {
     return `
-            <div class="container ${p.PRICE_FORMATTED_PRICE}">
+            <div class="container ${l.PRICE_FORMATTED_PRICE}">
                 ${this._getFormattedPrice()}
             </div>
         `;
   }
   onRender() {
-    this.api.updateValues({ [n.FORMATTED_PRICE]: this.store.formattedPrice }), this.api.onValueChanged(n.FORMATTED_PRICE, (e) => {
+    this.api.updateValues({ [c.FORMATTED_PRICE]: this.store.formattedPrice }), this.api.onValueChanged(c.FORMATTED_PRICE, (e) => {
       this._onFormattedPriceChange(e);
     });
   }
   onTemplateNodeUpdated(e) {
     super.onTemplateNodeUpdated(e), this.handleBlockInstanceChange(
       () => {
-        const r = f(this.currentNode);
-        r && this.store.setFormattedPrice(r.priceFormatted ?? !0);
+        const o = u(this.currentNode);
+        o && this.store.setFormattedPrice(o.priceFormatted ?? !0);
       },
       () => {
-        this.api.updateValues({ [n.FORMATTED_PRICE]: this.store.formattedPrice });
+        this.api.updateValues({ [c.FORMATTED_PRICE]: this.store.formattedPrice });
       }
     );
   }
   _onFormattedPriceChange(e) {
-    if (console.debug("Formatted price changed to: ", e), this.store.setFormattedPrice(e), u(this.currentNode, this.api, { priceFormatted: e }), !this.currentNode)
+    if (console.debug("Formatted price changed to: ", e), this.store.setFormattedPrice(e), f(this.currentNode, this.api, { priceFormatted: e }), !this.currentNode)
       return;
-    const { itemsType: r } = this.store, o = T.PAIRS_FOR_EXTENSION.price[r], s = T.PAIRS_FOR_EXTENSION.originalPrice[r], [c, a] = e ? [o.DEFAULT_PRICE, o.DEFAULT_PRICE_FORMATTED] : [o.DEFAULT_PRICE_FORMATTED, o.DEFAULT_PRICE], [l, I] = e ? [s.DEFAULT_PRICE, s.DEFAULT_PRICE_FORMATTED] : [s.DEFAULT_PRICE_FORMATTED, s.DEFAULT_PRICE];
+    const { itemsType: o, singlePrice: i } = this.store, t = I.PAIRS_FOR_EXTENSION.price[o], s = I.PAIRS_FOR_EXTENSION.originalPrice[o], [E, R] = e ? [
+      i ? t.DEFAULT_SINGLE_PRICE : t.DEFAULT_PRICE,
+      i ? t.DEFAULT_SINGLE_PRICE_FORMATTED : t.DEFAULT_PRICE_FORMATTED
+    ] : [
+      i ? t.DEFAULT_SINGLE_PRICE_FORMATTED : t.DEFAULT_PRICE_FORMATTED,
+      i ? t.DEFAULT_SINGLE_PRICE : t.DEFAULT_PRICE
+    ], d = i ? s.DEFAULT_SINGLE_PRICE : s.DEFAULT_PRICE, P = i ? s.DEFAULT_SINGLE_PRICE_FORMATTED : s.DEFAULT_PRICE_FORMATTED, [p, F] = e ? [d, P] : [P, d];
     this._updatePriceBlock(
       this.currentNode,
-      c,
-      a,
+      E,
+      R,
       "price"
     );
-    const d = this.currentNode.closest(".items-block"), E = d == null ? void 0 : d.querySelector(`[esd-extension-block-id="${g.ORIGINAL_PRICE}"]`);
-    E && this._updatePriceBlock(E, l, I, "original price");
+    const a = this.currentNode.closest(".items-block"), T = a == null ? void 0 : a.querySelector(`[esd-extension-block-id="${D.ORIGINAL_PRICE}"]`);
+    T && this._updatePriceBlock(T, p, F, "original price");
   }
-  _updatePriceBlock(e, r, o, s) {
-    const c = e.getInnerHTML().replace(r, o), a = `Updated ${s} to ${this.store.formattedPrice ? "formatted" : "unformatted"}`;
-    this.api.getDocumentModifier().modifyHtml(e).setInnerHtml(c).apply(new F(a));
+  _updatePriceBlock(e, o, i, t) {
+    const s = e.getInnerHTML().replace(o, i), E = `Updated ${t} to ${this.store.formattedPrice ? "formatted" : "unformatted"}`;
+    this.api.getDocumentModifier().modifyHtml(e).setInnerHtml(s).apply(new L(E));
   }
   _getFormattedPrice() {
     return `
             <div class="display-flex align-items-center justify-content-between">
-                <${P.LABEL}
-                    ${C.LABEL.text}="${this.api.translate("Formatted Price (e.g. $9.90)")}"
+                <${m.LABEL}
+                    ${g.LABEL.text}="${this.api.translate("Formatted Price (e.g. $9.90)")}"
                 >
-                </${P.LABEL}>
-                ${this._GuToggle(n.FORMATTED_PRICE)}
+                </${m.LABEL}>
+                ${this._GuToggle(c.FORMATTED_PRICE)}
             </div>
         `;
   }
 }
 export {
-  D as CONTROL_BLOCK_ID,
-  k as PriceFormattedPriceControl
+  N as CONTROL_BLOCK_ID,
+  y as PriceFormattedPriceControl
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "2.1.0-beta.3c29284",
+  "version": "2.1.0-beta.e6bf76b",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",