@useinsider/guido 3.22.0-beta.504713d → 3.22.0-beta.53526b4

package/dist/config/migrator/couponBlockAlignmentMigrator.js

@@ -0,0 +1,55 @@
+var A = Object.defineProperty;
+var m = (n, e, t) => e in n ? A(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var l = (n, e, t) => m(n, typeof e != "symbol" ? e + "" : e, t);
+const f = "td.coupon-block.ins-coupon-code:not([esd-extension-block-id])", p = /* @__PURE__ */ new Set(["left", "center", "right", "justify"]), u = /^text-align\s*:\s*(.*)$/i, c = /\s*!\s*important\s*$/i, d = /(?:[^;"'(]|"[^"]*"|'[^']*'|\([^)]*\)|["'(])+/g;
+function a(n) {
+  const e = n == null ? void 0 : n.trim().toLowerCase();
+  return e && p.has(e) ? e : null;
+}
+function h(n) {
+  return (n.match(d) ?? []).map((e) => e.trim()).filter(Boolean);
+}
+function T(n) {
+  const e = n.reduce((t, i) => {
+    var s;
+    const r = (s = u.exec(i)) == null ? void 0 : s[1];
+    if (r === void 0)
+      return t;
+    const o = c.test(r);
+    return o || !(t != null && t.important) ? { value: r.replace(c, ""), important: o } : t;
+  }, null);
+  return a(e == null ? void 0 : e.value);
+}
+class b {
+  constructor() {
+    l(this, "parser");
+    this.parser = new DOMParser();
+  }
+  migrate(e) {
+    if (!e.includes("coupon-block"))
+      return e;
+    try {
+      const t = this.parser.parseFromString(e, "text/html"), i = t.querySelectorAll(f);
+      let r = !1;
+      return i.forEach((o) => {
+        this.normalizeBlock(o) && (r = !0);
+      }), r ? t.documentElement.outerHTML : e;
+    } catch (t) {
+      return console.error("CouponBlockAlignmentMigrator failed:", t), e;
+    }
+  }
+  // The block cell's align is the only alignment the editor's control and the export read.
+  normalizeBlock(e) {
+    const t = e.querySelector(".ins-title"), i = h((t == null ? void 0 : t.getAttribute("style")) ?? ""), r = i.filter((g) => !u.test(g)), o = T(i) ?? a(t == null ? void 0 : t.getAttribute("align")) ?? a(e.getAttribute("align"));
+    if (!o)
+      return !1;
+    let s = !1;
+    return e.getAttribute("align") !== o && (e.setAttribute("align", o), s = !0), t != null && t.hasAttribute("align") && (t.removeAttribute("align"), s = !0), t && r.length < i.length && (r.length ? t.setAttribute("style", r.join("; ")) : t.removeAttribute("style"), s = !0), s;
+  }
+}
+function L(n) {
+  return new b().migrate(n);
+}
+export {
+  L as migrateCouponBlockAlignment
+};

package/dist/config/migrator/index.js

@@ -1,18 +1,19 @@
 import { migrateCheckbox as i } from "./checkboxMigrator.js";
-import { migrateCouponBlock as e } from "./couponBlockMigrator.js";
-import { migrateFullStoryScripts as a } from "./fullStoryScriptMigrator.js";
-import { migrateItemsBlock as n } from "./itemsBlockMigrator.js";
-import { migrateProductNameLink as c } from "./productNameLinkMigrator.js";
-import { migrateRadioButton as g } from "./radioButtonMigrator.js";
-import { migrateRecommendation as p } from "./recommendationMigrator.js";
-import { migrateRecommendationPartnerScope as f } from "./recommendationPartnerMigrator.js";
-import { migrateRecommendationTitle as l } from "./recommendationTitleMigrator.js";
-import { migrateSocialIcons as s } from "./socialIconMigrator.js";
+import { migrateCouponBlockAlignment as e } from "./couponBlockAlignmentMigrator.js";
+import { migrateCouponBlock as a } from "./couponBlockMigrator.js";
+import { migrateFullStoryScripts as n } from "./fullStoryScriptMigrator.js";
+import { migrateItemsBlock as g } from "./itemsBlockMigrator.js";
+import { migrateProductNameLink as p } from "./productNameLinkMigrator.js";
+import { migrateRadioButton as c } from "./radioButtonMigrator.js";
+import { migrateRecommendation as f } from "./recommendationMigrator.js";
+import { migrateRecommendationPartnerScope as l } from "./recommendationPartnerMigrator.js";
+import { migrateRecommendationTitle as s } from "./recommendationTitleMigrator.js";
+import { migrateSocialIcons as u } from "./socialIconMigrator.js";
 import { migrateUnsubscribe as d } from "./unsubscribeMigrator.js";
-const h = async (o, t = {}, r) => {
-  let m = o;
-  return m = i(m), m = g(m), m = await d(m), m = e(m), m = p(m, t), r && (m = f(m, r)), m = l(m), m = n(m), m = c(m), m = s(m), m = a(m), m;
+const A = async (r, t = {}, o) => {
+  let m = r;
+  return m = i(m), m = c(m), m = await d(m), m = e(m), m = a(m), m = f(m, t), o && (m = l(m, o)), m = s(m), m = g(m), m = p(m), m = u(m), m = n(m), m;
 };
 export {
-  h as migrate
+  A as migrate
 };

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const o = "3.22.0-beta.504713d", s = { stripo: { version: "2.81.1" } }, t = {
+const o = "3.22.0-beta.53526b4", s = { stripo: { version: "2.81.1" } }, t = {
   version: o,
   guido: s
 };

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.22.0-beta.504713d",
+  "version": "3.22.0-beta.53526b4",
   "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",
@@ -59,7 +59,7 @@
   "dependencies": {
     "@stripoinc/ui-editor-extensions": "3.11.0",
     "@useinsider/design-system-organisms": "0.0.3-beta.d816f06",
-    "@useinsider/design-system-vue": "2.5.0",
+    "@useinsider/design-system-vue": "2.3.1",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",
     "pinia": "2.3.1",