@useinsider/guido 3.11.0-beta.5099e81 → 3.11.0-beta.5589e48

package/dist/config/migrator/index.js

@@ -1,13 +1,14 @@
-import { migrateCheckbox as o } from "./checkboxMigrator.js";
+import { migrateCheckbox as t } from "./checkboxMigrator.js";
 import { migrateCouponBlock as i } from "./couponBlockMigrator.js";
 import { migrateItemsBlock as e } from "./itemsBlockMigrator.js";
 import { migrateRadioButton as a } from "./radioButtonMigrator.js";
-import { migrateRecommendation as g } from "./recommendationMigrator.js";
+import { migrateRecommendation as c } from "./recommendationMigrator.js";
+import { migrateSocialIcons as g } from "./socialIconMigrator.js";
 import { migrateUnsubscribe as n } from "./unsubscribeMigrator.js";
-const b = async (r, t = {}) => {
-  let m = r;
-  return m = o(m), m = a(m), m = await n(m), m = i(m), m = g(m, t), m = e(m), m;
+const k = async (o, r = {}) => {
+  let m = o;
+  return m = t(m), m = a(m), m = await n(m), m = i(m), m = c(m, r), m = e(m), m = g(m), m;
 };
 export {
-  b as migrate
+  k as migrate
 };

package/dist/config/migrator/socialIconMigrator.js

@@ -0,0 +1,29 @@
+var u = Object.defineProperty;
+var T = (e, t, r) => t in e ? u(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var s = (e, t, r) => T(e, typeof t != "symbol" ? t + "" : t, r);
+const i = "twitter", E = "xcom", o = "esd-tmp-icon-type", p = new RegExp(i, "i");
+class g {
+  constructor() {
+    s(this, "parser");
+    this.parser = new DOMParser();
+  }
+  migrate(t) {
+    try {
+      if (!p.test(t))
+        return t;
+      const r = this.parser.parseFromString(t, "text/html"), a = r.querySelectorAll(`[${o}]`);
+      let n = !1;
+      return a.forEach((c) => {
+        String(c.getAttribute(o)).toLowerCase() === i && (c.setAttribute(o, E), n = !0);
+      }), n ? r.documentElement.outerHTML : t;
+    } catch (r) {
+      return console.error("SocialIconMigrator failed:", r), t;
+    }
+  }
+}
+function _(e) {
+  return new g().migrate(e);
+}
+export {
+  _ as migrateSocialIcons
+};

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

@@ -1,14 +1,14 @@
-import { ModificationDescription as C, UIElementType as _, UEAttr as L } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-import { CommonControl as D } from "../../../common-control.js";
-import { ItemsBlockControlId as R, ItemsBlockId as I } from "../../enums/controlEnums.js";
-import { productPairs as p } from "../../enums/productEnums.js";
-import { getItemsBlockConfig as l, setItemsBlockConfig as h, escapeReplacement as g } from "../../utils/nodeConfigUtils.js";
-const O = R.PRICE_FORMATTED_PRICE, a = {
+import { ModificationDescription as L, UIElementType as P, UEAttr as D } from "../../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+import { CommonControl as h } from "../../../common-control.js";
+import { ItemsBlockControlId as R, ItemsBlockId as _ } from "../../enums/controlEnums.js";
+import { productPairs as I } from "../../enums/productEnums.js";
+import { getItemsBlockConfig as d, setItemsBlockConfig as u, escapeReplacement as O } from "../../utils/nodeConfigUtils.js";
+const g = R.PRICE_FORMATTED_PRICE, s = {
   FORMATTED_PRICE: "formattedPrice"
 };
-class k extends D {
+class k extends h {
   getId() {
-    return O;
+    return g;
   }
   getTemplate() {
     return `
@@ -18,58 +18,56 @@ class k extends D {
         `;
   }
   onRender() {
-    const e = l(this.currentNode);
-    this.api.updateValues({ [a.FORMATTED_PRICE]: (e == null ? void 0 : e.priceFormatted) ?? !0 }), this.api.onValueChanged(a.FORMATTED_PRICE, (t) => {
-      this._onFormattedPriceChange(t);
+    const t = d(this.currentNode);
+    this.api.updateValues({ [s.FORMATTED_PRICE]: (t == null ? void 0 : t.priceFormatted) ?? !0 }), this.api.onValueChanged(s.FORMATTED_PRICE, (e) => {
+      this._onFormattedPriceChange(e);
     });
   }
-  onTemplateNodeUpdated(e) {
-    super.onTemplateNodeUpdated(e), this.handleBlockInstanceChange(() => {
-      const t = l(this.currentNode);
-      this.api.updateValues({ [a.FORMATTED_PRICE]: (t == null ? void 0 : t.priceFormatted) ?? !0 });
+  onTemplateNodeUpdated(t) {
+    super.onTemplateNodeUpdated(t), this.handleBlockInstanceChange(() => {
+      const e = d(this.currentNode);
+      this.api.updateValues({ [s.FORMATTED_PRICE]: (e == null ? void 0 : e.priceFormatted) ?? !0 });
     });
   }
-  _onFormattedPriceChange(e) {
-    if (console.debug("Formatted price changed to: ", e), !this.currentNode)
+  _onFormattedPriceChange(t) {
+    if (console.debug("Formatted price changed to: ", t), u(this.currentNode, this.api, { priceFormatted: t }), !this.currentNode)
       return;
-    const t = l(this.currentNode), n = (t == null ? void 0 : t.type) ?? "CART_ITEMS", o = (t == null ? void 0 : t.priceSinglePrice) ?? !1, r = p.PAIRS_FOR_EXTENSION.price[n], i = p.PAIRS_FOR_EXTENSION.originalPrice[n], [E, m] = e ? [
-      o ? r.DEFAULT_SINGLE_PRICE : r.DEFAULT_PRICE,
-      o ? r.DEFAULT_SINGLE_PRICE_FORMATTED : r.DEFAULT_PRICE_FORMATTED
+    const e = d(this.currentNode), n = (e == null ? void 0 : e.type) ?? "CART_ITEMS", i = (e == null ? void 0 : e.priceSinglePrice) ?? !1, r = I.PAIRS_FOR_EXTENSION.price[n], c = I.PAIRS_FOR_EXTENSION.originalPrice[n], [p, m] = t ? [
+      i ? r.DEFAULT_SINGLE_PRICE : r.DEFAULT_PRICE,
+      i ? r.DEFAULT_SINGLE_PRICE_FORMATTED : r.DEFAULT_PRICE_FORMATTED
     ] : [
-      o ? r.DEFAULT_SINGLE_PRICE_FORMATTED : r.DEFAULT_PRICE_FORMATTED,
-      o ? r.DEFAULT_SINGLE_PRICE : r.DEFAULT_PRICE
-    ], T = o ? i.DEFAULT_SINGLE_PRICE : i.DEFAULT_PRICE, P = o ? i.DEFAULT_SINGLE_PRICE_FORMATTED : i.DEFAULT_PRICE_FORMATTED, [F, A] = e ? [T, P] : [P, T], s = this.api.getDocumentModifier();
-    h(this.currentNode, this.api, { priceFormatted: e }, s);
-    const c = this.currentNode.closest(".items-block");
-    ((c == null ? void 0 : c.querySelectorAll(
-      `[esd-extension-block-id="${I.PRICE}"]`
-    )) || []).forEach((d) => {
-      this._updatePriceBlock(s, d, E, m, e);
-    }), ((c == null ? void 0 : c.querySelectorAll(
-      `[esd-extension-block-id="${I.ORIGINAL_PRICE}"]`
-    )) || []).forEach((d) => {
-      this._updatePriceBlock(s, d, F, A, e);
-    }), s.apply(new C(
-      `Updated price to ${e ? "formatted" : "unformatted"}`
+      i ? r.DEFAULT_SINGLE_PRICE_FORMATTED : r.DEFAULT_PRICE_FORMATTED,
+      i ? r.DEFAULT_SINGLE_PRICE : r.DEFAULT_PRICE
+    ], l = i ? c.DEFAULT_SINGLE_PRICE : c.DEFAULT_PRICE, T = i ? c.DEFAULT_SINGLE_PRICE_FORMATTED : c.DEFAULT_PRICE_FORMATTED, [F, A] = t ? [l, T] : [T, l], o = this.currentNode.closest(".items-block"), C = (o == null ? void 0 : o.querySelectorAll(
+      `[esd-extension-block-id="${_.PRICE}"]`
+    )) || [], E = this.api.getDocumentModifier();
+    C.forEach((a) => {
+      this._updatePriceBlock(E, a, p, m);
+    }), ((o == null ? void 0 : o.querySelectorAll(
+      `[esd-extension-block-id="${_.ORIGINAL_PRICE}"]`
+    )) || []).forEach((a) => {
+      this._updatePriceBlock(E, a, F, A);
+    }), E.apply(new L(
+      `Updated price to ${t ? "formatted" : "unformatted"}`
     ));
   }
-  _updatePriceBlock(e, t, n, o, r) {
-    const i = `data-formated="${r ? "true" : "false"}"`, E = t.getInnerHTML().trim().replace(n, g(o)).replace(/data-formated=(?:"[^"]*"|'[^']*')/g, i);
-    e.modifyHtml(t).setInnerHtml(E);
+  _updatePriceBlock(t, e, n, i) {
+    const r = e.getInnerHTML().trim().replace(n, O(i));
+    t.modifyHtml(e).setInnerHtml(r);
   }
   _getFormattedPrice() {
     return `
             <div class="display-flex align-items-center justify-content-between">
-                <${_.LABEL}
-                    ${L.LABEL.text}="${this.api.translate("Formatted Price (e.g. $9.90)")}"
+                <${P.LABEL}
+                    ${D.LABEL.text}="${this.api.translate("Formatted Price (e.g. $9.90)")}"
                 >
-                </${_.LABEL}>
-                ${this._GuToggle(a.FORMATTED_PRICE)}
+                </${P.LABEL}>
+                ${this._GuToggle(s.FORMATTED_PRICE)}
             </div>
         `;
   }
 }
 export {
-  O as CONTROL_BLOCK_ID,
+  g as CONTROL_BLOCK_ID,
   k as PriceFormattedPriceControl
 };

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.11.0-beta.5099e81",
+  "version": "3.11.0-beta.5589e48",
   "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",