@useinsider/guido 3.21.2-beta.d9d48aa → 3.21.2-beta.eda5c2e

package/dist/stores/editor.js

@@ -1,5 +1,5 @@
-import { defineStore as i } from "pinia";
-const o = i("guidoEditor", {
+import { defineStore as e } from "pinia";
+const o = e("guidoEditor", {
   state: () => ({
     loadingStatus: !0,
     isCodeEditorOpen: !1,
@@ -13,7 +13,6 @@ const o = i("guidoEditor", {
     // that need every change (the outbound state bridge) watch this instead.
     changeSeq: 0,
     isStripoInitialized: !1,
-    isLegacyUnsubscribeModalRequested: !1,
     templateId: "",
     syncModulesEnabled: !1,
     // In-session id high-water mark; floors tracking-id minting so ids
@@ -22,20 +21,20 @@ const o = i("guidoEditor", {
   }),
   getters: {
     // Middle Slot
-    isEditorToolbarVisible: (e) => !e.isVersionHistoryOpen && !e.isPreviewModeOpen,
-    isUndoButtonDisabled: (e) => e.loadingStatus || e.isPreviewModeOpen,
-    isRedoButtonDisabled: (e) => e.loadingStatus || e.isPreviewModeOpen,
-    isCodeEditorButtonDisabled: (e) => e.loadingStatus || e.isPreviewModeOpen,
-    isPreviewButtonDisabled: (e) => e.loadingStatus,
-    isViewOptionsDisabled: (e) => e.loadingStatus || e.isPreviewModeOpen,
+    isEditorToolbarVisible: (i) => !i.isVersionHistoryOpen && !i.isPreviewModeOpen,
+    isUndoButtonDisabled: (i) => i.loadingStatus || i.isPreviewModeOpen,
+    isRedoButtonDisabled: (i) => i.loadingStatus || i.isPreviewModeOpen,
+    isCodeEditorButtonDisabled: (i) => i.loadingStatus || i.isPreviewModeOpen,
+    isPreviewButtonDisabled: (i) => i.loadingStatus,
+    isViewOptionsDisabled: (i) => i.loadingStatus || i.isPreviewModeOpen,
     // Right Slot
-    isVersionHistoryButtonDisabled: (e) => e.loadingStatus || e.isPreviewModeOpen,
-    isExportButtonDisabled: (e) => e.loadingStatus || e.isVersionHistoryOpen,
-    isSaveAsButtonDisabled: (e) => e.loadingStatus || e.isVersionHistoryOpen,
-    isTestButtonDisabled: (e) => e.loadingStatus || e.isVersionHistoryOpen,
-    isSaveButtonDisabled: (e) => e.loadingStatus || e.isVersionHistoryOpen || e.isPreviewModeOpen,
+    isVersionHistoryButtonDisabled: (i) => i.loadingStatus || i.isPreviewModeOpen,
+    isExportButtonDisabled: (i) => i.loadingStatus || i.isVersionHistoryOpen,
+    isSaveAsButtonDisabled: (i) => i.loadingStatus || i.isVersionHistoryOpen,
+    isTestButtonDisabled: (i) => i.loadingStatus || i.isVersionHistoryOpen,
+    isSaveButtonDisabled: (i) => i.loadingStatus || i.isVersionHistoryOpen || i.isPreviewModeOpen,
     // Autosave
-    isInSaveableState: (e) => !e.loadingStatus && !e.isVersionHistoryOpen && !e.isPreviewModeOpen && !e.isCodeEditorOpen
+    isInSaveableState: (i) => !i.loadingStatus && !i.isVersionHistoryOpen && !i.isPreviewModeOpen && !i.isCodeEditorOpen
   }
 });
 export {

package/dist/stores/unsubscribe.js

@@ -1,23 +1,27 @@
-import { TYPE_COLLECTIONS as i, PAGE_TYPES as p } from "../enums/unsubscribe.js";
+import { TYPE_COLLECTIONS as c, PAGE_TYPES as r } from "../enums/unsubscribe.js";
 import { useUnsubscribeApi as d } from "../services/unsubscribeApi.js";
 import { defineStore as u } from "pinia";
 let o = null;
-const r = () => ({
+const p = () => ({
   templates: [],
   selectedTemplates: {},
   selectedUnsubscribePages: [],
-  selectedCollectionType: p.GLOBAL_UNSUBSCRIBE,
-  activeType: p.GLOBAL_UNSUBSCRIBE,
+  selectedCollectionType: r.GLOBAL_UNSUBSCRIBE,
+  activeType: r.GLOBAL_UNSUBSCRIBE,
   pageSelectionUpdateStatus: !1,
   pageSelectionDrawerStatus: !1,
   typeSelectionDrawerStatus: !1,
   isGlobalUnsubscribeDisabled: !1,
   isSubscriptionPreferencesCenterDisabled: !1,
   pendingBlockId: null
-}), b = u("guidoUnsubscribe", {
-  state: () => r(),
+});
+function h(e) {
+  return [...e].sort((t, l) => +!!l.isDefault - +!!t.isDefault);
+}
+const f = u("guidoUnsubscribe", {
+  state: () => p(),
   getters: {
-    getSelectedCollection: (e) => i[e.selectedCollectionType],
+    getSelectedCollection: (e) => c[e.selectedCollectionType],
     getSelectedTemplateByActiveType: (e) => e.selectedTemplates[e.activeType],
     getTemplatesByActiveType: (e) => e.templates.filter((t) => t.type === e.activeType),
     getThumbnailByTemplateId: (e) => (t) => {
@@ -25,31 +29,31 @@ const r = () => ({
       return ((l = e.templates.find((s) => s.id === t)) == null ? void 0 : l.thumbnail) ?? "";
     },
     getSelectedUnsubscribePagesByCollection: (e) => (t) => {
-      const l = i[t];
+      const l = c[t];
       if (!l)
         return [];
       const s = /* @__PURE__ */ new Map();
       e.templates.forEach((n) => {
         s.set(n.id, n.type);
       });
-      const c = new Set(l);
+      const i = new Set(l);
       return e.selectedUnsubscribePages.filter((n) => {
         const a = s.get(n);
-        return a !== void 0 && c.has(a);
+        return a !== void 0 && i.has(a);
       });
     },
     isActiveTypeFirstInCollection: (e) => {
-      const t = i[e.selectedCollectionType] ?? [];
+      const t = c[e.selectedCollectionType] ?? [];
       return e.activeType === t[0];
     },
     isActiveTypeLastInCollection: (e) => {
-      const t = i[e.selectedCollectionType] ?? [];
+      const t = c[e.selectedCollectionType] ?? [];
       return e.activeType === t[t.length - 1];
     },
     hasTemplatesByCollectionType: (e) => {
       const t = {};
-      return (i[e.selectedCollectionType] ?? []).forEach((s) => {
-        t[s] = e.templates.some((c) => c.type === s);
+      return (c[e.selectedCollectionType] ?? []).forEach((s) => {
+        t[s] = e.templates.some((i) => i.type === s);
       }), t;
     },
     unsubscribePagesStatus: (e) => e.selectedUnsubscribePages.length > 0
@@ -58,7 +62,7 @@ const r = () => ({
     $reset() {
       const { templates: e, selectedUnsubscribePages: t } = this;
       Object.assign(this, {
-        ...r(),
+        ...p(),
         templates: e,
         selectedUnsubscribePages: t
       });
@@ -66,28 +70,28 @@ const r = () => ({
     async fetchTemplates(e = !1) {
       !e && this.templates.length || ((e || !o) && (o = (async () => {
         const { getUnsubscribePages: t } = d();
-        this.templates = await t();
+        this.templates = h(await t());
       })().finally(() => {
         o = null;
       })), await o);
     },
     setCollection(e) {
       this.selectedCollectionType = e;
-      const t = i[e];
+      const t = c[e];
       if (t && t.length > 0) {
         [this.activeType] = t;
         const l = { ...this.selectedTemplates };
         t.forEach((s) => {
           if (!l[s]) {
-            const c = this.templates.find((n) => n.type === s);
-            c && (l[s] = c.id);
+            const i = this.templates.find((n) => n.type === s);
+            i && (l[s] = i.id);
           }
         }), this.selectedTemplates = l;
       }
     },
     setCollectionWithoutAutoSelection(e) {
       this.selectedCollectionType = e;
-      const t = i[e];
+      const t = c[e];
       t && t.length > 0 && ([this.activeType] = t);
     },
     setSelectedTemplate(e) {
@@ -107,12 +111,12 @@ const r = () => ({
     loadSelectedTemplates(e) {
       const t = new Map(this.templates.map((s) => [s.id, s.type])), l = { ...this.selectedTemplates };
       e.forEach((s) => {
-        const c = t.get(s);
-        c !== void 0 && (l[c] = s);
+        const i = t.get(s);
+        i !== void 0 && (l[i] = s);
       }), this.selectedTemplates = l;
     },
     getSelectedTemplatesByCollection(e) {
-      const t = i[e], l = [];
+      const t = c[e], l = [];
       return t.forEach((s) => {
         this.selectedTemplates[s] && l.push(this.selectedTemplates[s]);
       }), l;
@@ -129,5 +133,5 @@ const r = () => ({
   }
 });
 export {
-  b as useUnsubscribeStore
+  f as useUnsubscribeStore
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.21.2-beta.d9d48aa",
+  "version": "3.21.2-beta.eda5c2e",
   "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",

package/dist/components/organisms/unsubscribe/LegacyUnsubscribeConvertedModal.vue.js

@@ -1,17 +0,0 @@
-import s from "./LegacyUnsubscribeConvertedModal.vue2.js";
-import n from "../../../_virtual/_plugin-vue2_normalizer.js";
-var r = function() {
-  var o = this, t = o._self._c, e = o._self._setupProxy;
-  return e.isVisible ? t(e.WpModal, { attrs: { id: "guido__legacy-unsubscribe-converted-modal", state: "warning", "close-on-outside-click": !1, "footer-button-options": e.footerButtonOptions, title: e.trans("email-editor.legacy-unsubscribe-converted-modal-title") }, on: { close: e.close, "primary-action": e.close, "secondary-action": e.openAcademy } }, [t("p", [o._v(o._s(e.trans("email-editor.legacy-unsubscribe-converted-modal-message")))])]) : o._e();
-}, a = [], c = /* @__PURE__ */ n(
-  s,
-  r,
-  a,
-  !1,
-  null,
-  null
-);
-const d = c.exports;
-export {
-  d as default
-};

package/dist/components/organisms/unsubscribe/LegacyUnsubscribeConvertedModal.vue2.js

@@ -1,30 +0,0 @@
-import { defineComponent as n, computed as t } from "vue";
-import i from "../../wrappers/WpModal.vue.js";
-import { useTranslations as a } from "../../../composables/useTranslations.js";
-import { ACADEMY_LINKS as c } from "../../../enums/academy.js";
-import { useEditorStore as p } from "../../../stores/editor.js";
-const L = /* @__PURE__ */ n({
-  __name: "LegacyUnsubscribeConvertedModal",
-  setup(d) {
-    const o = a(), e = p(), r = t(
-      () => e.isLegacyUnsubscribeModalRequested && e.isStripoInitialized
-    ), s = t(() => ({
-      secondaryButton: {
-        type: "subtle-primary",
-        labelText: o("email-editor.legacy-unsubscribe-converted-modal-visit-academy")
-      },
-      primaryButton: {
-        type: "primary",
-        labelText: o("action-builder.ok")
-      }
-    }));
-    return { __sfc: !0, trans: o, editorStore: e, isVisible: r, footerButtonOptions: s, close: () => {
-      e.isLegacyUnsubscribeModalRequested = !1;
-    }, openAcademy: () => {
-      window.open(c.LEGACY_UNSUBSCRIBE_MODULE, "_blank", "noopener,noreferrer");
-    }, WpModal: i };
-  }
-});
-export {
-  L as default
-};

package/dist/config/migrator/legacyUnsubscribeTextMigrator.js

@@ -1,16 +0,0 @@
-import { useConfigStore as o } from "../../stores/config.js";
-import { useEditorStore as s } from "../../stores/editor.js";
-import { hasLegacyUnsubscribeClass as c, convertLegacyUnsubscribeInDocumentHtml as i } from "../../utils/legacyUnsubscribeConversion.js";
-const b = (e) => {
-  try {
-    if (!c(e) || !o().isFeatureEnabled("legacyUnsubscribeConversion"))
-      return e;
-    const { html: r, converted: t } = i(e);
-    return t && (s().isLegacyUnsubscribeModalRequested = !0), r;
-  } catch (r) {
-    return console.error("LegacyUnsubscribeTextMigrator failed:", r), e;
-  }
-};
-export {
-  b as migrateLegacyUnsubscribeText
-};

package/dist/src/components/organisms/unsubscribe/LegacyUnsubscribeConvertedModal.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;

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

@@ -1 +0,0 @@
-export declare const migrateLegacyUnsubscribeText: (html: string) => string;

package/dist/src/utils/legacyUnsubscribeConversion.d.ts

@@ -1,10 +0,0 @@
-export declare const LEGACY_UNSUBSCRIBE_SELECTOR = "td.unsubscribe-block";
-export declare const LEGACY_UNSUBSCRIBE_LINK_SELECTORS: readonly ["a.unsubscribe-link", "a[href*=\"unsubscribe\"]"];
-export interface LegacyUnsubscribeConversionResult {
-    html: string;
-    converted: boolean;
-}
-export declare const hasLegacyUnsubscribeClass: (html: string) => boolean;
-export declare const convertLinklessLegacyUnsubscribeBlocks: (root: ParentNode) => number;
-export declare const convertLegacyUnsubscribeInModuleHtml: (html: string) => LegacyUnsubscribeConversionResult;
-export declare const convertLegacyUnsubscribeInDocumentHtml: (html: string) => LegacyUnsubscribeConversionResult;

package/dist/utils/legacyUnsubscribeConversion.js

@@ -1,49 +0,0 @@
-import { protectLiquid as a, restoreLiquid as u } from "./liquidProtection.js";
-const b = "td.unsubscribe-block", l = ["a.unsubscribe-link", 'a[href*="unsubscribe"]'], d = "esd-block-text", m = [
-  "unsubscribe-block",
-  "esd-extension",
-  "esd-extension-block",
-  "esd-unsubscribe-block",
-  "esd-block-unsubscribe"
-], L = "esd-extension-block-id", S = "data-unsubscribe-", E = "address,article,aside,blockquote,center,details,dialog,dir,div,dd,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,li,listing,main,menu,nav,ol,p,plaintext,pre,search,section,summary,table,ul,xmp", f = new RegExp(`class\\s*=\\s*(?:["'][^"']*)?(?<![\\w-])unsubscribe-block(?![\\w-])`, "i"), p = (e) => typeof e == "string" && f.test(e), y = (e) => l.some((t) => e.querySelector(t) !== null), g = (e) => {
-  e.classList.remove(...m), e.classList.add(d), e.removeAttribute(L), Array.from(e.attributes).filter(({ name: t }) => t.startsWith(S)).forEach(({ name: t }) => e.removeAttribute(t)), e.querySelector(E) || (e.innerHTML = `<p path="1">${e.innerHTML}</p>`);
-}, h = (e) => {
-  const t = Array.from(e.querySelectorAll(b)).filter((r) => !y(r));
-  return t.forEach(g), t.length;
-}, v = (e) => {
-  const t = e.trimStart(), r = new DOMParser();
-  return /^<t[dh][\s>]/i.test(t) ? r.parseFromString(`<table><tbody><tr>${e}</tr></tbody></table>`, "text/html").querySelector("tr") : /^<tr[\s>]/i.test(t) ? r.parseFromString(`<table><tbody>${e}</tbody></table>`, "text/html").querySelector("tbody") : /^<table[\s>]/i.test(t) ? r.parseFromString(e, "text/html").body : (console.debug("[LegacyUnsubscribeConversion] Skipped module with a non-table root"), null);
-}, c = (e) => {
-  const t = e.search(/<html[\s>]/i), r = [...e.matchAll(/<\/html\s*>/gi)].at(-1), s = (r == null ? void 0 : r.index) === void 0 ? -1 : r.index + r[0].length;
-  return t < 0 || s <= t ? { head: "", root: e, tail: "" } : { head: e.slice(0, t), root: e.slice(t, s), tail: e.slice(s) };
-}, i = (e, t, r, s) => {
-  if (!p(e))
-    return { html: e, converted: !1 };
-  try {
-    const o = a(e), n = t(o);
-    return !n || h(n) === 0 ? { html: e, converted: !1 } : { html: u(r(n, o)), converted: !0 };
-  } catch (o) {
-    return console.error(`Failed to convert legacy unsubscribe blocks in ${s}:`, o), { html: e, converted: !1 };
-  }
-}, C = (e) => i(
-  e,
-  v,
-  (t) => t.innerHTML,
-  "module"
-), _ = (e) => i(
-  e,
-  (t) => new DOMParser().parseFromString(c(t).root, "text/html"),
-  (t, r) => {
-    const { head: s, tail: o } = c(r);
-    return `${s}${t.documentElement.outerHTML}${o}`;
-  },
-  "document"
-);
-export {
-  l as LEGACY_UNSUBSCRIBE_LINK_SELECTORS,
-  b as LEGACY_UNSUBSCRIBE_SELECTOR,
-  _ as convertLegacyUnsubscribeInDocumentHtml,
-  C as convertLegacyUnsubscribeInModuleHtml,
-  h as convertLinklessLegacyUnsubscribeBlocks,
-  p as hasLegacyUnsubscribeClass
-};