@useinsider/guido 3.22.0 → 3.23.0

package/dist/src/extensions/Blocks/common-control.d.ts

@@ -67,12 +67,14 @@ interface ButtonProps {
 export declare abstract class CommonControl extends Control {
     currentNode?: ImmutableHtmlNode;
     protected lastBlockInstanceId: string | null;
+    protected isAwaitingPanelNode: boolean;
     abstract getId(): string;
     abstract getTemplate(): string;
     abstract onRender(): Promise<void> | void;
     getContainer(): ShadowRoot;
     onTemplateNodeUpdated(node: ImmutableHtmlNode): void;
     onDestroy(): void;
+    protected forgetLastPanelNode(): void;
     /**
      * Gets the Items block container element from the current node.
      * @returns The container element or null if not found

package/dist/src/library.d.ts

@@ -4,5 +4,6 @@ export { validateConfig, parseConfig, parseConfigSafe, isValidConfig, getValidat
 export { assignTrackingIds, readTrackFloor, readTrackSeq } from './public/trackingIds';
 export { useGuidoEmailEditorStore } from './public/editorState';
 export type { GuidoEmailEditorState } from './public/editorState';
+export { prefetchGuidoRuntime } from './public/prefetchRuntime';
 export type { StripoEventType } from './@types/events';
 export type { PositionData, DynamicContentEvent, MergeTagClickEvent, MergeTag, BaseDynamicContent, DynamicContentNode, DynamicContentList, TooltipOptions, TextValueObject, L10n, } from './@types/generic';

package/dist/src/public/prefetchRuntime.d.ts

@@ -0,0 +1 @@
+export { prefetchGuidoRuntime } from '../utils/runtimePrefetch';

package/dist/src/stores/unsubscribe.d.ts

@@ -26,6 +26,7 @@ export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"guido
             createdAt: string;
             updatedAt: string;
             status: number;
+            isDefault?: boolean | undefined;
         }[];
         selectedTemplates: Record<number, number>;
         selectedUnsubscribePages: number[];
@@ -51,6 +52,7 @@ export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"guido
             createdAt: string;
             updatedAt: string;
             status: number;
+            isDefault?: boolean | undefined;
         }[];
         selectedTemplates: Record<number, number>;
         selectedUnsubscribePages: number[];
@@ -76,6 +78,7 @@ export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"guido
             createdAt: string;
             updatedAt: string;
             status: number;
+            isDefault?: boolean | undefined;
         }[];
         selectedTemplates: Record<number, number>;
         selectedUnsubscribePages: number[];
@@ -99,6 +102,7 @@ export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"guido
         createdAt: string;
         updatedAt: string;
         status: number;
+        isDefault?: boolean | undefined;
     }[];
     getThumbnailByTemplateId: (state: {
         templates: {
@@ -113,6 +117,7 @@ export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"guido
             createdAt: string;
             updatedAt: string;
             status: number;
+            isDefault?: boolean | undefined;
         }[];
         selectedTemplates: Record<number, number>;
         selectedUnsubscribePages: number[];
@@ -138,6 +143,7 @@ export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"guido
             createdAt: string;
             updatedAt: string;
             status: number;
+            isDefault?: boolean | undefined;
         }[];
         selectedTemplates: Record<number, number>;
         selectedUnsubscribePages: number[];
@@ -163,6 +169,7 @@ export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"guido
             createdAt: string;
             updatedAt: string;
             status: number;
+            isDefault?: boolean | undefined;
         }[];
         selectedTemplates: Record<number, number>;
         selectedUnsubscribePages: number[];
@@ -188,6 +195,7 @@ export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"guido
             createdAt: string;
             updatedAt: string;
             status: number;
+            isDefault?: boolean | undefined;
         }[];
         selectedTemplates: Record<number, number>;
         selectedUnsubscribePages: number[];
@@ -213,6 +221,7 @@ export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"guido
             createdAt: string;
             updatedAt: string;
             status: number;
+            isDefault?: boolean | undefined;
         }[];
         selectedTemplates: Record<number, number>;
         selectedUnsubscribePages: number[];
@@ -238,6 +247,7 @@ export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"guido
             createdAt: string;
             updatedAt: string;
             status: number;
+            isDefault?: boolean | undefined;
         }[];
         selectedTemplates: Record<number, number>;
         selectedUnsubscribePages: number[];

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

@@ -0,0 +1,4 @@
+export type RuntimePrefetchState = 'none' | 'pending' | 'done';
+export declare const RUNTIME_PREFETCH_ATTRIBUTE = "data-guido-prefetch";
+export declare const prefetchGuidoRuntime: () => void;
+export declare const readRuntimePrefetchState: () => RuntimePrefetchState;

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

@@ -0,0 +1,3 @@
+/** Null when package.json does not pin `guido.stripo.version`. */
+export declare const getStripoVersion: () => string | null;
+export declare const getStripoRuntimeBaseUrl: () => string | null;

package/dist/static/stripo-runtime-manifest.json.js

@@ -0,0 +1,9 @@
+const s = "2.81.1", n = ["UIEditor.js", "zone.js", "styles-BWH3PMR4.css", "polyfills-FF3RLU5F.js", "main-5LCHF56A.js", "chunk-2HYLRI4G.js", "chunk-4SN7BSQN.js", "chunk-5IY7ZG3R.js", "chunk-62K3AMOD.js", "chunk-GK543IRH.js", "chunk-L2EPGQ76.js", "chunk-LXS5IGCQ.js", "chunk-PNWIGF4L.js", "chunk-S2TYCIH3.js", "chunk-S5UZ4LUK.js", "chunk-V2AGQPVL.js", "chunk-XZ6MUAN5.js", "chunk-ZPL4VL4O.js", "assets/css/uiEditor.css", "assets/i18n/en.json", "assets/icons/ui-editor-icons.sprite.svg", "assets/icons/ui-editor-icons.map.json", "assets/imageeditor/scripts.min.js", "assets/imageeditor/assets/icons/merged.svg"], i = {
+  version: s,
+  files: n
+};
+export {
+  i as default,
+  n as files,
+  s as version
+};

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 = () => ({
+let a = null;
+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);
+        const o = s.get(n);
+        return o !== void 0 && i.has(o);
       });
     },
     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,36 +62,36 @@ const r = () => ({
     $reset() {
       const { templates: e, selectedUnsubscribePages: t } = this;
       Object.assign(this, {
-        ...r(),
+        ...p(),
         templates: e,
         selectedUnsubscribePages: t
       });
     },
     async fetchTemplates(e = !1) {
-      !e && this.templates.length || ((e || !o) && (o = (async () => {
+      !e && this.templates.length || ((e || !a) && (a = (async () => {
         const { getUnsubscribePages: t } = d();
-        this.templates = await t();
+        this.templates = h(await t());
       })().finally(() => {
-        o = null;
-      })), await o);
+        a = null;
+      })), await a);
     },
     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.filter((o) => o.type === s), n = i.find((o) => o.isDefault) ?? i[0];
+            n && (l[s] = n.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/dist/utils/runtimePrefetch.js

@@ -0,0 +1,26 @@
+import i from "../static/stripo-runtime-manifest.json.js";
+import { getStripoRuntimeBaseUrl as c } from "./stripoRuntime.js";
+const n = "data-guido-prefetch", d = "pending", o = "settled", s = `link[${n}]`, u = ["slow-2g", "2g"], l = /\.(?:js|json)$/, a = () => document.getElementById("UiEditorScript") !== null || window.UIEditor !== void 0, p = () => document.createElement("link").relList.supports("prefetch"), E = () => {
+  const { connection: e } = navigator;
+  return (e == null ? void 0 : e.saveData) === !0 || u.includes((e == null ? void 0 : e.effectiveType) ?? "");
+}, m = (e) => {
+  const t = document.createElement("link"), r = () => t.setAttribute(n, o);
+  t.rel = "prefetch", t.href = e, l.test(e) && t.setAttribute("crossorigin", "anonymous"), t.setAttribute(n, d), t.addEventListener("load", r, { once: !0 }), t.addEventListener("error", r, { once: !0 }), document.head.appendChild(t);
+}, T = () => {
+  try {
+    const e = c(), t = document.querySelector(s) !== null;
+    if (!e || t || !p() || a() || E())
+      return;
+    i.files.forEach((r) => m(`${e}${r}`));
+  } catch (e) {
+    console.debug("guido: runtime prefetch skipped", e);
+  }
+}, g = () => {
+  const e = Array.from(document.querySelectorAll(s));
+  return e.length ? e.every((t) => t.getAttribute(n) === o) ? "done" : "pending" : "none";
+};
+export {
+  n as RUNTIME_PREFETCH_ATTRIBUTE,
+  T as prefetchGuidoRuntime,
+  g as readRuntimePrefetchState
+};

package/dist/utils/stripoRuntime.js

@@ -0,0 +1,13 @@
+import r from "../package.json.js";
+const s = "https://email-static.useinsider.com/guido/", e = () => {
+  var o;
+  const t = r.guido;
+  return (o = t == null ? void 0 : t.stripo) == null ? void 0 : o.version;
+}, n = () => {
+  const t = e();
+  return t ? `${s}${t}/` : null;
+};
+export {
+  n as getStripoRuntimeBaseUrl,
+  e as getStripoVersion
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "3.22.0",
+  "version": "3.23.0",
   "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",
@@ -22,6 +22,10 @@
       "types": "./dist/src/public/editorState.d.ts",
       "import": "./dist/public/editorState.js"
     },
+    "./prefetch": {
+      "types": "./dist/src/public/prefetchRuntime.d.ts",
+      "import": "./dist/public/prefetchRuntime.js"
+    },
     "./style": "./dist/guido.css"
   },
   "scripts": {
@@ -45,6 +49,7 @@
     "coverage:e2e:report": "nyc report --reporter=lcov --reporter=text-summary --report-dir=coverage/e2e",
     "test:mutation": "stryker run",
     "test:mutation:since": "CHANGED=$(git diff --name-only --diff-filter=AMR origin/develop...HEAD -- 'src/**/*.ts' ':(glob)src/components/organisms/onboarding/**/*.vue' ':(glob)src/components/organisms/header/**/*.vue' ':(glob)src/components/organisms/unsubscribe/**/*.vue' ':(glob)src/components/organisms/save-as-template/**/*.vue' ':(glob)src/components/organisms/email-preview/**/*.vue' ':(glob)src/components/wrappers/**/*.vue' 'src/components/Guido.vue' ':(exclude)src/**/*.test.ts' ':(exclude)src/**/index.ts' ':(exclude)src/@types/**' ':(exclude)src/enums/**' ':(exclude)src/mock/**' ':(exclude)src/**/_Boilerplate/**' | paste -sd, -); if [ -n \"$CHANGED\" ]; then stryker run --incremental --mutate \"$CHANGED\"; else echo \"No changed mutatable src files vs origin/develop\"; fi",
+    "stripo:manifest": "node scripts/stripo-runtime-manifest.mjs",
     "prepare": "husky",
     "preinstall": "rm -rf ./node_modules/.vite"
   },
@@ -54,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.3.1",
+    "@useinsider/design-system-vue": "2.5.0",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",
     "pinia": "2.3.1",