@useinsider/guido 3.9.1-beta.5af6229 → 3.9.1-beta.6e7cd3e

package/dist/config/migrator/unsubscribeMigrator.js

@@ -1,52 +1,74 @@
-var h = Object.defineProperty;
-var x = (l, e, t) => e in l ? h(l, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[e] = t;
-var S = (l, e, t) => x(l, typeof e != "symbol" ? e + "" : e, t);
-import { MERGE_TAGS as k, PAGE_TYPES as p } from "../../enums/unsubscribe.js";
-import { DATA_ATTRIBUTES as A } from "../../extensions/Blocks/Unsubscribe/utils/constants.js";
-import { useUnsubscribeStore as T } from "../../stores/unsubscribe.js";
-class C {
+var x = Object.defineProperty;
+var B = (c, e, r) => e in c ? x(c, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : c[e] = r;
+var A = (c, e, r) => B(c, typeof e != "symbol" ? e + "" : e, r);
+import { MERGE_TAGS as f, PAGE_TYPES as p } from "../../enums/unsubscribe.js";
+import { UNSUBSCRIBE_BLOCK_SELECTOR as h, DATA_ATTRIBUTES as k } from "../../extensions/Blocks/Unsubscribe/utils/constants.js";
+import { useUnsubscribeStore as C } from "../../stores/unsubscribe.js";
+class $ {
   constructor() {
-    S(this, "parser");
+    A(this, "parser");
     this.parser = new DOMParser();
   }
   async migrate(e) {
     try {
-      const t = this.parser.parseFromString(e, "text/html"), i = t.querySelectorAll("td.unsubscribe-block");
-      if (!i.length)
-        return e;
-      const o = T();
-      return await o.fetchTemplates(), i.forEach((r) => {
-        const c = r.getAttribute("id"), g = this.extractPaddingClass(r), u = r.getAttribute("bgcolor") || "", n = this.extractUnsubscribeContent(r), s = this.getCollectionTypeFromMergeTag(n.linkHref), b = o.getSelectedUnsubscribePagesByCollection(s);
-        console.debug("[UnsubscribeMigrator]", {
-          mergeTag: n.linkHref,
-          collectionType: s,
-          pageIds: b,
-          paddingClass: g,
-          bgColor: u
-        });
-        const f = this.buildUnsubscribeBlock(
-          n,
-          s,
-          b,
-          g,
-          u
-        ), a = this.parser.parseFromString(
-          `<table id="tempDoc"><tbody><tr>${f}</tr></tbody></table>`,
-          "text/html"
-        ).querySelector(".unsubscribe-block-v2");
-        a && r.parentNode && (a.setAttribute("id", c || ""), r.parentNode.replaceChild(a, r));
-      }), t.documentElement.outerHTML;
-    } catch (t) {
-      return console.error("UnsubscribeMigrator failed:", t), e;
+      const r = this.parser.parseFromString(e, "text/html"), t = r.querySelectorAll("td.unsubscribe-block");
+      if (t.length) {
+        const s = C();
+        await s.fetchTemplates(), this.migrateLegacyBlocks(t, s);
+      }
+      const n = this.repairUnsubscribeLinks(r);
+      return !t.length && !n ? e : r.documentElement.outerHTML;
+    } catch (r) {
+      return console.error("UnsubscribeMigrator failed:", r), e;
     }
   }
+  migrateLegacyBlocks(e, r) {
+    e.forEach((t) => {
+      const n = t.getAttribute("id"), s = this.extractPaddingClass(t), l = t.getAttribute("bgcolor") || "", a = this.extractUnsubscribeContent(t), o = this.getCollectionTypeFromMergeTag(a.linkHref), b = r.getSelectedUnsubscribePagesByCollection(o);
+      console.debug("[UnsubscribeMigrator]", {
+        mergeTag: a.linkHref,
+        collectionType: o,
+        pageIds: b,
+        paddingClass: s,
+        bgColor: l
+      });
+      const u = this.buildUnsubscribeBlock(
+        a,
+        o,
+        b,
+        s,
+        l
+      ), i = this.parser.parseFromString(
+        `<table id="tempDoc"><tbody><tr>${u}</tr></tbody></table>`,
+        "text/html"
+      ).querySelector(h);
+      i && t.parentNode && (i.setAttribute("id", n || ""), t.parentNode.replaceChild(i, t));
+    });
+  }
+  // Re-derives the typed merge tag from data-unsubscribe-page-type for any v2
+  // block whose anchor href is missing or the legacy default. Returns true when
+  // at least one href was rewritten. Typed tags and custom URLs are left intact.
+  repairUnsubscribeLinks(e) {
+    const r = e.querySelectorAll(`${h}[${k.PAGE_TYPE}]`);
+    let t = !1;
+    return r.forEach((n) => {
+      const s = n.querySelector('a[data-unsubscribe-link="true"], a.unsubscribe-link');
+      if (!s)
+        return;
+      const l = s.getAttribute("href") || "";
+      if (l && l !== f.default)
+        return;
+      const a = Number(n.getAttribute(k.PAGE_TYPE)), o = f[a];
+      o && (s.setAttribute("href", o), t = !0);
+    }), t;
+  }
   extractPaddingClass(e) {
-    const i = (e.getAttribute("class") || "").match(/\bes-p\d+\b/);
-    return i ? i[0] : "";
+    const t = (e.getAttribute("class") || "").match(/\bes-p\d+\b/);
+    return t ? t[0] : "";
   }
   extractUnsubscribeContent(e) {
-    var m;
-    const t = e.querySelector("p");
+    var d;
+    const r = e.querySelector("a.unsubscribe-link") || e.querySelector('a[href*="unsubscribe"]'), t = (r == null ? void 0 : r.closest("p")) || e.querySelector("p");
     if (!t)
       return {
         textBefore: "You can ",
@@ -59,7 +81,7 @@ class C {
         align: "center",
         paragraphStyle: ""
       };
-    const i = e.getAttribute("align") || t.getAttribute("align") || "center", o = t.getAttribute("style") || "", r = t.querySelector("a.unsubscribe-link") || t.querySelector('a[href*="unsubscribe"]');
+    const n = e.getAttribute("align") || t.getAttribute("align") || "center", s = t.getAttribute("style") || "";
     if (!r)
       return {
         textBefore: "You can ",
@@ -69,55 +91,55 @@ class C {
         textAfter: " from our emails, if you need to.",
         isBold: !1,
         isItalic: !1,
-        align: i,
-        paragraphStyle: o
+        align: n,
+        paragraphStyle: s
       };
-    const c = ((m = r.textContent) == null ? void 0 : m.trim()) || "unsubscribe", g = r.getAttribute("href") || "{{ins-unsubscribe-link}}", u = r.getAttribute("style") || "", n = t.textContent || "", s = n.indexOf(c), b = s >= 0 ? n.substring(0, s).trim() : "You can ", f = s >= 0 ? n.substring(s + c.length).trim() : " from our emails, if you need to.", d = !!t.querySelector("b, strong"), a = !!t.querySelector("i, em");
+    const l = ((d = r.textContent) == null ? void 0 : d.trim()) || "unsubscribe", a = r.getAttribute("href") || "{{ins-unsubscribe-link}}", o = r.getAttribute("style") || "", b = t.textContent || "", u = b.indexOf(l), g = u >= 0 ? b.substring(0, u).trim() : "You can ", i = u >= 0 ? b.substring(u + l.length).trim() : " from our emails, if you need to.", m = !!t.querySelector("b, strong"), y = !!t.querySelector("i, em");
     return {
-      textBefore: b,
-      linkText: c,
-      linkHref: this.normalizeUnsubscribeHref(g),
-      linkStyle: u,
-      textAfter: f,
-      isBold: d,
-      isItalic: a,
-      align: i,
-      paragraphStyle: o
+      textBefore: g,
+      linkText: l,
+      linkHref: this.normalizeUnsubscribeHref(a),
+      linkStyle: o,
+      textAfter: i,
+      isBold: m,
+      isItalic: y,
+      align: n,
+      paragraphStyle: s
     };
   }
-  buildUnsubscribeBlock(e, t, i, o, r) {
-    const c = e.linkStyle ? ` style="${e.linkStyle}"` : "", u = `<a ${`href="${e.linkHref}" class="unsubscribe-link" target="_blank" data-unsubscribe-link="true"`}${c}>${e.linkText}</a>`, n = [];
-    e.textBefore && n.push(e.textBefore), n.push(u), e.textAfter && n.push(e.textAfter);
-    let s = n.join(" ");
-    e.isBold && e.isItalic ? s = `<strong path="1,0"><em path="1,0,0">${s}</em></strong>` : e.isBold ? s = `<strong path="1,0">${s}</strong>` : e.isItalic && (s = `<em path="1,0">${s}</em>`);
-    const b = e.align ? ` align="${e.align}"` : "", f = r ? ` bgcolor="${r}"` : "", d = e.paragraphStyle ? ` style="${e.paragraphStyle}"` : "", a = i.length > 0 ? ` ${A.PAGE_LIST}="${i.join(",")}"` : "", m = ` ${A.PAGE_TYPE}="${t}"`, y = "esd-block-text unsubscribe-block-v2 esd-block-unsubscribe esd-unsubscribe-block esd-extension-block";
+  buildUnsubscribeBlock(e, r, t, n, s) {
+    const l = e.linkStyle ? ` style="${e.linkStyle}"` : "", u = `<a ${`href="${Object.values(f).includes(e.linkHref) ? f[r] : e.linkHref}" class="unsubscribe-link" target="_blank" data-unsubscribe-link="true"`}${l}>${e.linkText}</a>`, g = [];
+    e.textBefore && g.push(e.textBefore), g.push(u), e.textAfter && g.push(e.textAfter);
+    let i = g.join(" ");
+    e.isBold && e.isItalic ? i = `<strong path="1,0"><em path="1,0,0">${i}</em></strong>` : e.isBold ? i = `<strong path="1,0">${i}</strong>` : e.isItalic && (i = `<em path="1,0">${i}</em>`);
+    const m = e.align ? ` align="${e.align}"` : "", y = s ? ` bgcolor="${s}"` : "", d = e.paragraphStyle ? ` style="${e.paragraphStyle}"` : "", T = t.length > 0 ? ` ${k.PAGE_LIST}="${t.join(",")}"` : "", E = ` ${k.PAGE_TYPE}="${r}"`, S = "esd-block-text unsubscribe-block-v2 esd-block-unsubscribe esd-unsubscribe-block esd-extension-block";
     return `
             <td
                 data-migration="true"
                 esd-extension-block-id="unsubscribe-block"
-                class="${o ? `${y} ${o}` : y}"
-                ${b}${f}${m}${a}
+                class="${n ? `${S} ${n}` : S}"
+                ${m}${y}${E}${T}
             >
                 <p path="1"${d}>
-                    ${s}
+                    ${i}
                 </p>
             </td>
         `;
   }
   getCollectionTypeFromMergeTag(e) {
-    return e === k[p.SUBSCRIPTION_PREFERENCE_CENTER] ? p.SUBSCRIPTION_PREFERENCE_CENTER : e === k[p.GLOBAL_UNSUBSCRIBE] ? p.GLOBAL_UNSUBSCRIBE : p.GLOBAL_UNSUBSCRIBE;
+    return e === f[p.SUBSCRIPTION_PREFERENCE_CENTER] ? p.SUBSCRIPTION_PREFERENCE_CENTER : e === f[p.GLOBAL_UNSUBSCRIBE] ? p.GLOBAL_UNSUBSCRIBE : p.GLOBAL_UNSUBSCRIBE;
   }
   normalizeUnsubscribeHref(e) {
-    if (Object.values(k).includes(e))
+    if (Object.values(f).includes(e))
       return e;
-    const i = e.match(/{{ins-(?:global-)?(?:preferences-)?unsubscribe-link}}/);
-    return i ? i[0] : e.includes("unsubscribe") || e.includes("unsub") ? (console.warn(
+    const t = e.match(/{{ins-(?:global-)?(?:preferences-)?unsubscribe-link}}/);
+    return t ? t[0] : e.includes("unsubscribe") || e.includes("unsub") ? (console.warn(
       `[UnsubscribeMigrator] Unrecognized unsubscribe href format: "${e}". Defaulting to {{ins-unsubscribe-link}}`
     ), "{{ins-unsubscribe-link}}") : e;
   }
 }
-async function M(l) {
-  return new C().migrate(l);
+async function M(c) {
+  return new $().migrate(c);
 }
 export {
   M as migrateUnsubscribe

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

@@ -1,20 +1,20 @@
-import { BlockId as u } from "../../../enums/block.js";
+import { BlockId as g } from "../../../enums/block.js";
 import { useOnboardingStore as p } from "../../../stores/onboarding.js";
-import { getMigrationBannerHtml as C } from "../../../utils/migrationBannerHtml.js";
-import { Block as I, BlockCompositionType as y, ModificationDescription as s } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { SETTINGS_ENUMS as c, DefaultConfigValues as a } from "./enums/settingsEnums.js";
-import { getDefaultTemplate as h } from "./template.js";
-import { getItemsBlockContainer as l, getItemsBlockConfig as m, getDefaultItemsBlockConfig as b } from "./utils/nodeConfigUtils.js";
-const d = u.Items;
-class E extends I {
+import { getMigrationBannerHtml as y } from "../../../utils/migrationBannerHtml.js";
+import { Block as I, BlockCompositionType as C, ModificationDescription as c } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { SETTINGS_ENUMS as l, DefaultConfigValues as m } from "./enums/settingsEnums.js";
+import { getDefaultTemplate as b } from "./template.js";
+import { getItemsBlockContainer as d, getItemsBlockConfig as u, deriveItemNumber as h, getDefaultItemsBlockConfig as N } from "./utils/nodeConfigUtils.js";
+const f = g.Items;
+class P extends I {
   getId() {
-    return d;
+    return f;
   }
   getIcon() {
     return "items-icon";
   }
   getBlockCompositionType() {
-    return y.CONTAINER;
+    return C.CONTAINER;
   }
   getName() {
     return this.api.translate("Items");
@@ -23,20 +23,20 @@ class E extends I {
     return this.api.translate("Items lets you display personalized products based on user behavior.");
   }
   getSettingsPanelTitleHtml() {
-    return C(
-      d,
+    return y(
+      f,
       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: c.ORIENTATION.VERTICAL,
-      itemsType: c.ITEMS_TYPE.CART_ITEMS,
+    return b({
+      orientation: l.ORIENTATION.VERTICAL,
+      itemsType: l.ITEMS_TYPE.CART_ITEMS,
       itemId: "{{Abandoned Cart Item (1) Url}}",
-      currencySymbol: a.productPriceCurrencySymbolControlValue,
-      currencyLocation: a.productPriceCurrencyLocationControlValue,
-      formattedPrice: a.productPriceFormattedControlValue === "1"
+      currencySymbol: m.productPriceCurrencySymbolControlValue,
+      currencyLocation: m.productPriceCurrencyLocationControlValue,
+      formattedPrice: m.productPriceFormattedControlValue === "1"
     });
   }
   allowInnerBlocksDND() {
@@ -45,18 +45,23 @@ class E extends I {
   canBeSavedAsModule() {
     return !0;
   }
-  onCreated(i) {
-    const n = this.api.getDocumentModifier(), r = this.api.getDocumentRootCssNode();
-    r.querySelector('[product-attr="imageSrc"] img') || n.modifyCss(r).appendRule('[product-attr="imageSrc"] img {object-fit: contain;}');
-    const t = l(i);
-    if (!t)
+  onCreated(o) {
+    const t = this.api.getDocumentModifier(), i = this.api.getDocumentRootCssNode();
+    i.querySelector('[product-attr="imageSrc"] img') || t.modifyCss(i).appendRule('[product-attr="imageSrc"] img {object-fit: contain;}');
+    const e = d(o);
+    if (!e)
       return;
-    const e = t.getNodeConfig(), g = e && Object.keys(e).length > 0, o = m(i);
-    if (o != null && o.initialized)
-      g ? o.blockInstanceId || this.api.getDocumentModifier().modifyHtml(t).setNodeConfig({ ...o, blockInstanceId: String(Date.now()) }).apply(new s("Assign block instance ID to block")) : this.api.getDocumentModifier().modifyHtml(t).setNodeConfig(o).apply(new s("Migrate legacy config to nodeConfig"));
+    const r = e.getNodeConfig(), s = r && Object.keys(r).length > 0, n = u(o);
+    if (n != null && n.initialized)
+      if (s)
+        n.blockInstanceId || this.api.getDocumentModifier().modifyHtml(e).setNodeConfig({ ...n, blockInstanceId: String(Date.now()) }).apply(new c("Assign block instance ID to block"));
+      else {
+        const a = this.api.getDocumentModifier();
+        a.modifyHtml(e).setNodeConfig(n), this._stampProductTdDomAttributes(e, n, a), a.apply(new c("Migrate legacy config to nodeConfig"));
+      }
     else {
-      const f = b();
-      this.api.getDocumentModifier().modifyHtml(t).setNodeConfig(f).apply(new s("Initialize Items block with default configuration")), p().startOnboarding("itemsOnboarding");
+      const a = N();
+      this.api.getDocumentModifier().modifyHtml(e).setNodeConfig(a).apply(new c("Initialize Items block with default configuration")), p().startOnboarding("itemsOnboarding");
     }
   }
   /**
@@ -65,18 +70,33 @@ class E extends I {
    * 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(i) {
-    const n = l(i);
-    if (!n)
+  onDocumentChanged(o) {
+    const t = d(o);
+    if (!t)
+      return;
+    const i = t.getNodeConfig();
+    if (i && Object.keys(i).length > 0)
       return;
-    const r = n.getNodeConfig();
-    if (r && Object.keys(r).length > 0)
+    const r = u(o);
+    if (!(r != null && r.initialized))
       return;
-    const e = m(i);
-    e != null && e.initialized && this.api.getDocumentModifier().modifyHtml(n).setNodeConfig(e).apply(new s("Recover Items block config from saved module"));
+    const s = this.api.getDocumentModifier();
+    s.modifyHtml(t).setNodeConfig(r), this._stampProductTdDomAttributes(t, r, s), s.apply(new c("Recover Items block config from saved module"));
+  }
+  /**
+   * Bakes the compiler-read DOM attributes (`data-type`, `data-number`) onto the
+   * `.ins-product-td` container from the recovered config. Required for saved modules:
+   * `migrate()` (which backfills these) only runs at template load — never when a module
+   * is dropped into a live editor — so this is the one place the namespace + index get
+   * 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(o, t, i) {
+    const e = h(t.itemsSelectValue, t.type);
+    i.modifyHtml(o).setAttribute("data-type", t.type), i.modifyHtml(o).setAttribute("data-number", e);
   }
 }
 export {
-  d as BLOCK_ID,
-  E as ItemsBlock
+  f as BLOCK_ID,
+  P as ItemsBlock
 };

package/dist/extensions/Blocks/Items/controls/name/trimming.js

@@ -1,14 +1,13 @@
-import { ModificationDescription as s, UIElementType as a, UEAttr as T } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as d } from "../../../common-control.js";
+import { ModificationDescription as d, UIElementType as a, UEAttr as p } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as T } from "../../../common-control.js";
 import { ItemsBlockControlId as l } from "../../enums/controlEnums.js";
-import { SETTINGS_ENUMS as h } from "../../enums/settingsEnums.js";
-import { getItemsBlockConfig as r, setItemsBlockConfig as c } from "../../utils/nodeConfigUtils.js";
-const I = l.NAME_TRIMMING, n = {
+import { getItemsBlockConfig as o, setItemsBlockConfig as c } from "../../utils/nodeConfigUtils.js";
+const g = l.NAME_TRIMMING, i = {
   TRIMMING: "trimming"
 };
-class S extends d {
+class y extends T {
   getId() {
-    return I;
+    return g;
   }
   getTemplate() {
     return `
@@ -18,41 +17,41 @@ class S extends d {
         `;
   }
   onRender() {
-    const e = r(this.currentNode);
-    this.api.updateValues({ [n.TRIMMING]: (e == null ? void 0 : e.nameTrimming) ?? !0 }), this.api.onValueChanged(n.TRIMMING, (t) => {
+    const e = o(this.currentNode);
+    this.api.updateValues({ [i.TRIMMING]: (e == null ? void 0 : e.nameTrimming) ?? !0 }), this.api.onValueChanged(i.TRIMMING, (t) => {
       this._onTrimmingChange(t);
     });
   }
   onTemplateNodeUpdated(e) {
     super.onTemplateNodeUpdated(e), this.handleBlockInstanceChange(() => {
-      const t = r(this.currentNode);
-      this.api.updateValues({ [n.TRIMMING]: (t == null ? void 0 : t.nameTrimming) ?? !0 });
+      const t = o(this.currentNode);
+      this.api.updateValues({ [i.TRIMMING]: (t == null ? void 0 : t.nameTrimming) ?? !0 });
     });
   }
   _onTrimmingChange(e) {
-    c(this.currentNode, this.api, { nameTrimming: e }), this.api.updateValues({ [n.TRIMMING]: e }), this._applyTrimmingStyles(e);
+    c(this.currentNode, this.api, { nameTrimming: e }), this.api.updateValues({ [i.TRIMMING]: e }), this._applyTrimmingStyles(e);
   }
   _applyTrimmingStyles(e) {
     var m;
     const t = (m = this.currentNode) == null ? void 0 : m.querySelector("p > a");
     if (!t)
       return;
-    const i = r(this.currentNode), p = e !== void 0 ? e : (i == null ? void 0 : i.nameTrimming) ?? !0, o = (i == null ? void 0 : i.orientation) === h.ORIENTATION.VERTICAL;
-    p ? this.api.getDocumentModifier().modifyHtml(t).setStyle("white-space", "nowrap").setStyle("overflow", "hidden").setStyle("text-overflow", "ellipsis").setStyle("max-width", o ? "130px" : "520px").apply(new s("Text Trimming Enabled")) : this.api.getDocumentModifier().modifyHtml(t).removeStyle("white-space").removeStyle("overflow").removeStyle("text-overflow").removeStyle("max-width").setStyle("max-width", o ? "130px" : "520px").apply(new s("Text Trimming Disabled"));
+    const n = o(this.currentNode), s = e !== void 0 ? e : (n == null ? void 0 : n.nameTrimming) ?? !0, r = this.api.getDocumentModifier().modifyHtml(t);
+    s ? r.setStyle("white-space", "nowrap").setStyle("overflow", "hidden").setStyle("text-overflow", "ellipsis") : r.removeStyle("white-space").removeStyle("overflow").removeStyle("text-overflow"), r.setStyle("max-width", "100%").apply(new d(`Text Trimming ${s ? "Enabled" : "Disabled"}`));
   }
   _getTextTrimming() {
     return `
             <div class="display-flex align-items-center justify-content-between">
                 <${a.LABEL}
-                    ${T.LABEL.text}="${this.api.translate("Text Trimming")}"
+                    ${p.LABEL.text}="${this.api.translate("Text Trimming")}"
                 >
                 </${a.LABEL}>
-                ${this._GuToggle(n.TRIMMING)}
+                ${this._GuToggle(i.TRIMMING)}
             </div>
         `;
   }
 }
 export {
-  I as CONTROL_BLOCK_ID,
-  S as NameTrimmingControl
+  g as CONTROL_BLOCK_ID,
+  y as NameTrimmingControl
 };

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

@@ -53,7 +53,7 @@ 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);
+      i.modifyHtml(m).setInnerHtml(b).setAttribute("data-currency_symbol", n);
     }), i.apply(new B(
       `Updated currency symbol to ${n || "removed"}`
     ));