@useinsider/guido 3.21.2-beta.ccc7173 → 3.21.2-beta.d2a272e

package/dist/services/templateLibraryApi.js

@@ -1,24 +1,26 @@
-import { useConfig as w } from "../composables/useConfig.js";
-import { useHttp as b } from "../composables/useHttp.js";
-import { useToaster as C } from "../composables/useToaster.js";
-import { useTranslations as h } from "../composables/useTranslations.js";
-import { useLiquidValidator as S } from "../composables/validators/useLiquidValidator.js";
-import { EditorType as v } from "../enums/defaults.js";
-import { ToasterTypeOptions as x } from "../enums/toaster.js";
-import { useRecommendationExtensionStore as E } from "../extensions/Blocks/Recommendation/store/recommendation.js";
-import { useSaveAsTemplateStore as N } from "../stores/save-as-template.js";
+import { useActionsApi as h } from "../composables/useActionsApi.js";
+import { useConfig as S } from "../composables/useConfig.js";
+import { useHttp as v } from "../composables/useHttp.js";
+import { useToaster as x } from "../composables/useToaster.js";
+import { useTranslations as A } from "../composables/useTranslations.js";
+import { useHtmlDocumentCountValidator as E } from "../composables/validators/useHtmlDocumentCountValidator.js";
+import { useLiquidValidator as N } from "../composables/validators/useLiquidValidator.js";
+import { EditorType as H } from "../enums/defaults.js";
+import { ToasterTypeOptions as P } from "../enums/toaster.js";
+import { useRecommendationExtensionStore as D } from "../extensions/Blocks/Recommendation/store/recommendation.js";
+import { useSaveAsTemplateStore as L } from "../stores/save-as-template.js";
 import { base64EncodeWithSpecialChars as r } from "../utils/base64.js";
-import { isPlainObject as P } from "../utils/genericUtil.js";
-import { useTemplatePreparation as A } from "../utils/templatePreparation.js";
-const B = () => {
-  const { get: n, post: m } = b(), { handleError: o, showToaster: l } = C(), { config: c, isFeatureEnabled: p } = w(), { validateLiquidSyntax: f } = S(), u = h();
+import { isPlainObject as q } from "../utils/genericUtil.js";
+import { useTemplatePreparation as F } from "../utils/templatePreparation.js";
+const Z = () => {
+  const { get: n, post: m } = v(), { handleError: s, showToaster: l } = x(), { config: c, isFeatureEnabled: p } = S(), { validateLiquidSyntax: T } = N(), { validateSingleHtmlDocument: w } = E(), { getTemplateData: b } = h(), u = A();
   return {
     getCategories: async () => {
       try {
         const { data: e = [] } = await n("/newsletter/template-library/get-template-categories");
         return e;
       } catch (e) {
-        return o(e, "Failed to fetch template categories"), [];
+        return s(e, "Failed to fetch template categories"), [];
       }
     },
     checkTemplateNameAvailability: async (e) => {
@@ -35,27 +37,30 @@ const B = () => {
         );
         return t.toString();
       } catch (t) {
-        return o(t, "Failed to create category"), "";
+        return s(t, "Failed to create category"), "";
       }
     },
     createTemplate: async () => {
       var e, t, d, y;
       try {
-        const { prepareTemplateDetails: i } = A(), s = N(), a = await i();
-        if (p("liquidSyntax") && !await f(a.compiledHtml))
+        const { prepareTemplateDetails: i } = F(), o = L(), g = await b();
+        if (!w(g.html))
           return !1;
-        const T = {
-          name: s.getTemplateName,
-          categories: s.getSelectedCategoryIds,
+        const a = await i(g);
+        if (p("liquidSyntax") && !await T(a.compiledHtml))
+          return !1;
+        const C = {
+          name: o.getTemplateName,
+          categories: o.getSelectedCategoryIds,
           productId: ((t = (e = c.value) == null ? void 0 : e.partner) == null ? void 0 : t.productType) || 0,
-          editorType: v,
+          editorType: H,
           messageType: ((y = (d = c.value) == null ? void 0 : d.partner) == null ? void 0 : y.messageType) || 0,
           content: r(a.compiledHtml),
           css: r(a.css),
           unsubscriptionPreferencePageStatus: !1,
           unsubscriptionPreferencePages: [],
           recommendationCampaignUrls: r(
-            E().recommendationCampaignUrls
+            D().recommendationCampaignUrls
           ),
           recommendationConfigs: r({}),
           isGuido: !0,
@@ -67,31 +72,31 @@ const B = () => {
             css: a.css,
             dynamicContentList: a.dynamicContentList
           })
-        }, { data: g } = await m(
+        }, { data: f } = await m(
           "/newsletter/template-library/create-template",
-          T
+          C
         );
-        if (!P(g))
+        if (!q(f))
           throw new Error("Unexpected create-template response");
-        return g.type === "alert" ? (l({
+        return f.type === "alert" ? (l({
           message: u(
             "newsletter.template-library-save-alert",
-            { templateName: s.getTemplateName }
+            { templateName: o.getTemplateName }
           ),
-          type: x.Error
+          type: P.Error
         }), !1) : (l({
           message: u(
             "newsletter.template-library-save-success",
-            { templateName: s.getTemplateName }
+            { templateName: o.getTemplateName }
           ),
           type: "success"
         }), !0);
       } catch (i) {
-        return o(i, "Failed to create template"), !1;
+        return s(i, "Failed to create template"), !1;
       }
     }
   };
 };
 export {
-  B as useTemplateLibraryApi
+  Z as useTemplateLibraryApi
 };

package/dist/src/composables/useEditorOpenMetrics.d.ts

@@ -0,0 +1,27 @@
+export type TimedOpenPhase = 'migration' | 'default_template' | 'timer_clone';
+declare const PHASES: readonly ["setup", "host_ready", "migration_start", "migration_end", "default_template_start", "default_template_end", "timer_clone_start", "timer_clone_end", "plugin_start", "script_ready", "fonts_sync_ready", "blocks_config_ready", "init_editor", "token_start", "token_end", "ready"];
+export type OpenPhase = typeof PHASES[number];
+export type OpenOutcome = 'ready' | 'error' | 'abandoned';
+export interface OpenContext {
+    partnerName: string;
+    productType: number;
+    templateId: string;
+    variationId: string;
+}
+export interface OpenTemplate {
+    html: string;
+    css: string;
+    forceRecreate: boolean;
+}
+export interface EditorOpenMetrics {
+    mark: (phase: OpenPhase) => void;
+    timed: <T>(phase: TimedOpenPhase, task: () => Promise<T>) => Promise<T>;
+    setContext: (context: OpenContext) => void;
+    setTemplate: (template: OpenTemplate) => void;
+    setScriptPreloaded: (preloaded: boolean) => void;
+    markReady: () => void;
+    markFailed: () => void;
+    dispose: () => void;
+}
+export declare const startEditorOpenMetrics: () => EditorOpenMetrics;
+export {};

package/dist/src/composables/useStripo.d.ts

@@ -1,5 +1,6 @@
+import type { EditorOpenMetrics } from '@@/Composables/useEditorOpenMetrics';
 import type { Metadata, Options, Template } from '@@/Types/stripo';
-export declare const useStripo: () => {
+export declare const useStripo: (openMetrics: EditorOpenMetrics) => {
     initPlugin: (template: Template, metadata: Metadata, options: Options) => Promise<void>;
     preloadRuntime: () => void;
 };

package/dist/src/composables/validators/useHtmlDocumentCountValidator.d.ts

@@ -0,0 +1,3 @@
+export declare const useHtmlDocumentCountValidator: () => {
+    validateSingleHtmlDocument: (rawHtml: string, silent?: boolean) => boolean;
+};

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

@@ -1,3 +1,4 @@
+import type { TemplateData } from '@@/Types/actions-api';
 import type { SavedTemplateDetails } from '@@/Types/stripo';
 /**
  * Collects every unsubscribe page id referenced by the unsubscribe blocks
@@ -44,7 +45,7 @@ export declare function getHtmlReferencedUnsubscribePages(html: string): number[
  */
 declare function hydrateRecommendationStoreFromRawHtml(rawHtml: string): Promise<void>;
 export declare const useTemplatePreparation: () => {
-    prepareTemplateDetails: () => Promise<Omit<SavedTemplateDetails, "metadata">>;
+    prepareTemplateDetails: (prefetched?: TemplateData) => Promise<Omit<SavedTemplateDetails, "metadata">>;
     hydrateRecommendationStore: typeof hydrateRecommendationStoreFromRawHtml;
 };
 export {};

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