@useinsider/guido 1.0.3-beta.a6893cb → 1.0.3-beta.a6a2da8

package/dist/stores/config.d.ts

@@ -0,0 +1,96 @@
+import type { GuidoConfig, TemplateConfig } from '@@/Types/generic';
+interface StoreState {
+    guidoConfig: GuidoConfig;
+    templateConfig?: TemplateConfig;
+}
+export declare const useConfigStore: import("pinia").StoreDefinition<"config", StoreState, {
+    getVariationId: (state: {
+        guidoConfig: {
+            translationsPath: string;
+            htmlCompilerRules?: ({
+                type: "replace";
+                search: string;
+                replacement: string;
+                replaceAll?: boolean | undefined;
+                id: string;
+                description?: string | undefined;
+                priority: number;
+            } | {
+                type: "regex";
+                pattern: string;
+                replacement: string;
+                flags?: string | undefined;
+                id: string;
+                description?: string | undefined;
+                priority: number;
+            } | {
+                type: "remove";
+                targets: string[] | {
+                    exec: (string: string) => RegExpExecArray | null;
+                    test: (string: string) => boolean;
+                    readonly source: string;
+                    readonly global: boolean;
+                    readonly ignoreCase: boolean;
+                    readonly multiline: boolean;
+                    lastIndex: number;
+                    compile: (pattern: string, flags?: string) => RegExp;
+                    readonly flags: string;
+                    readonly sticky: boolean;
+                    readonly unicode: boolean;
+                    readonly dotAll: boolean;
+                    readonly hasIndices: boolean;
+                    [Symbol.match]: (string: string) => RegExpMatchArray | null;
+                    [Symbol.replace]: {
+                        (string: string, replaceValue: string): string;
+                        (string: string, replacer: (substring: string, ...args: any[]) => string): string;
+                    };
+                    [Symbol.search]: (string: string) => number;
+                    [Symbol.split]: (string: string, limit?: number) => string[];
+                    [Symbol.matchAll]: (str: string) => IterableIterator<RegExpMatchArray>;
+                }[];
+                id: string;
+                description?: string | undefined;
+                priority: number;
+            } | {
+                type: "custom";
+                processor: (html: string) => string;
+                id: string;
+                description?: string | undefined;
+                priority: number;
+            })[] | undefined;
+            ignoreDefaultHtmlCompilerRules?: boolean | undefined;
+            useHeader?: boolean | undefined;
+            emailHeader: {
+                senderName: string;
+                subject: string;
+            };
+            partner?: {
+                partnerName: string;
+                productType: number;
+                messageType: number;
+            } | undefined;
+            extensions?: {
+                unsubscribe?: boolean | undefined;
+            } | undefined;
+            features?: {
+                dynamicContent?: boolean | undefined;
+                saveAsTemplate?: boolean | undefined;
+                versionHistory?: boolean | undefined;
+            } | undefined;
+        };
+        templateConfig?: {
+            preselectedDynamicContentList?: {
+                value: string;
+                text: string;
+                fallback?: string | undefined;
+                format?: {
+                    key: string;
+                    value: string;
+                } | undefined;
+            }[] | undefined;
+            selectedUnsubscribePages?: number[] | undefined;
+            variationId?: string | undefined;
+        } | undefined;
+    } & import("pinia").PiniaCustomStateProperties<StoreState>) => string;
+}, {}>;
+export {};

package/dist/stores/config.js

@@ -0,0 +1,17 @@
+import { DefaultGuidoConfig as e } from "../enums/defaults.js";
+import { defineStore as i } from "pinia";
+const r = i("config", {
+  state: () => ({
+    guidoConfig: e,
+    templateConfig: {}
+  }),
+  getters: {
+    getVariationId: (t) => {
+      var o;
+      return ((o = t.templateConfig) == null ? void 0 : o.variationId) ?? "";
+    }
+  }
+});
+export {
+  r as useConfigStore
+};

package/dist/stores/unsubscribe.d.ts

@@ -1,8 +1,256 @@
-type UnsubscribePage = {
-    type: number;
-};
+import type { UnsubscribePage } from '@@/Types/unsubscribe';
 interface StoreState {
-    selectedUnsubscribePages: UnsubscribePage[];
+    templates: UnsubscribePage[];
+    selectedTemplates: Record<number, number>;
+    selectedUnsubscribePages: number[];
+    selectedCollectionType: number;
+    activeType: number;
+    pageSelectionUpdateStatus: boolean;
+    pageSelectionDrawerStatus: boolean;
+    typeSelectionDrawerStatus: boolean;
+    isGlobalUnsubscribeDisabled: boolean;
+    isSubscriptionPreferencesCenterDisabled: boolean;
 }
-export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"unsubscribe", StoreState, {}, {}>;
+export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"unsubscribe", StoreState, {
+    getSelectedCollection: (state: {
+        templates: {
+            id: number;
+            name: string;
+            type: number;
+            isVisible: number;
+            html: string;
+            originalHtml: string;
+            css: string;
+            thumbnail: string;
+            createdAt: string;
+            updatedAt: string;
+            status: number;
+        }[];
+        selectedTemplates: Record<number, number>;
+        selectedUnsubscribePages: number[];
+        selectedCollectionType: number;
+        activeType: number;
+        pageSelectionUpdateStatus: boolean;
+        pageSelectionDrawerStatus: boolean;
+        typeSelectionDrawerStatus: boolean;
+        isGlobalUnsubscribeDisabled: boolean;
+        isSubscriptionPreferencesCenterDisabled: boolean;
+    } & import("pinia").PiniaCustomStateProperties<StoreState>) => number[];
+    getSelectedTemplateByActiveType: (state: {
+        templates: {
+            id: number;
+            name: string;
+            type: number;
+            isVisible: number;
+            html: string;
+            originalHtml: string;
+            css: string;
+            thumbnail: string;
+            createdAt: string;
+            updatedAt: string;
+            status: number;
+        }[];
+        selectedTemplates: Record<number, number>;
+        selectedUnsubscribePages: number[];
+        selectedCollectionType: number;
+        activeType: number;
+        pageSelectionUpdateStatus: boolean;
+        pageSelectionDrawerStatus: boolean;
+        typeSelectionDrawerStatus: boolean;
+        isGlobalUnsubscribeDisabled: boolean;
+        isSubscriptionPreferencesCenterDisabled: boolean;
+    } & import("pinia").PiniaCustomStateProperties<StoreState>) => number;
+    getTemplatesByActiveType: (state: {
+        templates: {
+            id: number;
+            name: string;
+            type: number;
+            isVisible: number;
+            html: string;
+            originalHtml: string;
+            css: string;
+            thumbnail: string;
+            createdAt: string;
+            updatedAt: string;
+            status: number;
+        }[];
+        selectedTemplates: Record<number, number>;
+        selectedUnsubscribePages: number[];
+        selectedCollectionType: number;
+        activeType: number;
+        pageSelectionUpdateStatus: boolean;
+        pageSelectionDrawerStatus: boolean;
+        typeSelectionDrawerStatus: boolean;
+        isGlobalUnsubscribeDisabled: boolean;
+        isSubscriptionPreferencesCenterDisabled: boolean;
+    } & import("pinia").PiniaCustomStateProperties<StoreState>) => {
+        id: number;
+        name: string;
+        type: number;
+        isVisible: number;
+        html: string;
+        originalHtml: string;
+        css: string;
+        thumbnail: string;
+        createdAt: string;
+        updatedAt: string;
+        status: number;
+    }[];
+    getThumbnailByTemplateId: (state: {
+        templates: {
+            id: number;
+            name: string;
+            type: number;
+            isVisible: number;
+            html: string;
+            originalHtml: string;
+            css: string;
+            thumbnail: string;
+            createdAt: string;
+            updatedAt: string;
+            status: number;
+        }[];
+        selectedTemplates: Record<number, number>;
+        selectedUnsubscribePages: number[];
+        selectedCollectionType: number;
+        activeType: number;
+        pageSelectionUpdateStatus: boolean;
+        pageSelectionDrawerStatus: boolean;
+        typeSelectionDrawerStatus: boolean;
+        isGlobalUnsubscribeDisabled: boolean;
+        isSubscriptionPreferencesCenterDisabled: boolean;
+    } & import("pinia").PiniaCustomStateProperties<StoreState>) => (id: number) => string;
+    getSelectedUnsubscribePagesByCollection: (state: {
+        templates: {
+            id: number;
+            name: string;
+            type: number;
+            isVisible: number;
+            html: string;
+            originalHtml: string;
+            css: string;
+            thumbnail: string;
+            createdAt: string;
+            updatedAt: string;
+            status: number;
+        }[];
+        selectedTemplates: Record<number, number>;
+        selectedUnsubscribePages: number[];
+        selectedCollectionType: number;
+        activeType: number;
+        pageSelectionUpdateStatus: boolean;
+        pageSelectionDrawerStatus: boolean;
+        typeSelectionDrawerStatus: boolean;
+        isGlobalUnsubscribeDisabled: boolean;
+        isSubscriptionPreferencesCenterDisabled: boolean;
+    } & import("pinia").PiniaCustomStateProperties<StoreState>) => (collectionType: number) => number[];
+    isActiveTypeFirstInCollection: (state: {
+        templates: {
+            id: number;
+            name: string;
+            type: number;
+            isVisible: number;
+            html: string;
+            originalHtml: string;
+            css: string;
+            thumbnail: string;
+            createdAt: string;
+            updatedAt: string;
+            status: number;
+        }[];
+        selectedTemplates: Record<number, number>;
+        selectedUnsubscribePages: number[];
+        selectedCollectionType: number;
+        activeType: number;
+        pageSelectionUpdateStatus: boolean;
+        pageSelectionDrawerStatus: boolean;
+        typeSelectionDrawerStatus: boolean;
+        isGlobalUnsubscribeDisabled: boolean;
+        isSubscriptionPreferencesCenterDisabled: boolean;
+    } & import("pinia").PiniaCustomStateProperties<StoreState>) => boolean;
+    isActiveTypeLastInCollection: (state: {
+        templates: {
+            id: number;
+            name: string;
+            type: number;
+            isVisible: number;
+            html: string;
+            originalHtml: string;
+            css: string;
+            thumbnail: string;
+            createdAt: string;
+            updatedAt: string;
+            status: number;
+        }[];
+        selectedTemplates: Record<number, number>;
+        selectedUnsubscribePages: number[];
+        selectedCollectionType: number;
+        activeType: number;
+        pageSelectionUpdateStatus: boolean;
+        pageSelectionDrawerStatus: boolean;
+        typeSelectionDrawerStatus: boolean;
+        isGlobalUnsubscribeDisabled: boolean;
+        isSubscriptionPreferencesCenterDisabled: boolean;
+    } & import("pinia").PiniaCustomStateProperties<StoreState>) => boolean;
+    hasTemplatesByCollectionType: (state: {
+        templates: {
+            id: number;
+            name: string;
+            type: number;
+            isVisible: number;
+            html: string;
+            originalHtml: string;
+            css: string;
+            thumbnail: string;
+            createdAt: string;
+            updatedAt: string;
+            status: number;
+        }[];
+        selectedTemplates: Record<number, number>;
+        selectedUnsubscribePages: number[];
+        selectedCollectionType: number;
+        activeType: number;
+        pageSelectionUpdateStatus: boolean;
+        pageSelectionDrawerStatus: boolean;
+        typeSelectionDrawerStatus: boolean;
+        isGlobalUnsubscribeDisabled: boolean;
+        isSubscriptionPreferencesCenterDisabled: boolean;
+    } & import("pinia").PiniaCustomStateProperties<StoreState>) => Record<number, boolean>;
+    unsubscribePagesStatus: (state: {
+        templates: {
+            id: number;
+            name: string;
+            type: number;
+            isVisible: number;
+            html: string;
+            originalHtml: string;
+            css: string;
+            thumbnail: string;
+            createdAt: string;
+            updatedAt: string;
+            status: number;
+        }[];
+        selectedTemplates: Record<number, number>;
+        selectedUnsubscribePages: number[];
+        selectedCollectionType: number;
+        activeType: number;
+        pageSelectionUpdateStatus: boolean;
+        pageSelectionDrawerStatus: boolean;
+        typeSelectionDrawerStatus: boolean;
+        isGlobalUnsubscribeDisabled: boolean;
+        isSubscriptionPreferencesCenterDisabled: boolean;
+    } & import("pinia").PiniaCustomStateProperties<StoreState>) => boolean;
+}, {
+    $reset(): void;
+    fetchTemplates(): Promise<void>;
+    setCollection(collectionType: number): void;
+    setCollectionWithoutAutoSelection(collectionType: number): void;
+    setSelectedTemplate(template: number): void;
+    setNextType(): void;
+    setPreviousType(): void;
+    loadSelectedTemplates(templates: number[]): void;
+    getSelectedTemplatesByCollection(type: number): number[];
+    addUnsubscribePages(pageIds: number[]): void;
+    removeUnsubscribePages(pageIds: number[]): void;
+}>;
 export {};

package/dist/stores/unsubscribe.js

@@ -1,9 +1,129 @@
-import { defineStore as e } from "pinia";
-const t = () => ({
-  selectedUnsubscribePages: []
-}), r = e("unsubscribe", {
-  state: () => t()
+import { TYPE_COLLECTIONS as i, PAGE_TYPES as a } from "../enums/unsubscribe.js";
+import { useUnsubscribeApi as r } from "../services/unsubscribeApi.js";
+import { defineStore as d } from "pinia";
+const p = () => ({
+  templates: [],
+  selectedTemplates: {},
+  selectedUnsubscribePages: [],
+  selectedCollectionType: a.GLOBAL_UNSUBSCRIBE,
+  activeType: a.GLOBAL_UNSUBSCRIBE,
+  pageSelectionUpdateStatus: !1,
+  pageSelectionDrawerStatus: !1,
+  typeSelectionDrawerStatus: !1,
+  isGlobalUnsubscribeDisabled: !1,
+  isSubscriptionPreferencesCenterDisabled: !1
+}), g = d("unsubscribe", {
+  state: () => p(),
+  getters: {
+    getSelectedCollection: (e) => i[e.selectedCollectionType],
+    getSelectedTemplateByActiveType: (e) => e.selectedTemplates[e.activeType],
+    getTemplatesByActiveType: (e) => e.templates.filter((t) => t.type === e.activeType),
+    getThumbnailByTemplateId: (e) => (t) => {
+      var c;
+      return ((c = e.templates.find((s) => s.id === t)) == null ? void 0 : c.thumbnail) ?? "";
+    },
+    getSelectedUnsubscribePagesByCollection: (e) => (t) => {
+      const c = i[t];
+      if (!c)
+        return [];
+      const s = /* @__PURE__ */ new Map();
+      e.templates.forEach((n) => {
+        s.set(n.id, n.type);
+      });
+      const l = new Set(c);
+      return e.selectedUnsubscribePages.filter((n) => {
+        const o = s.get(n);
+        return o !== void 0 && l.has(o);
+      });
+    },
+    isActiveTypeFirstInCollection: (e) => {
+      const t = i[e.selectedCollectionType];
+      return e.activeType === t[0];
+    },
+    isActiveTypeLastInCollection: (e) => {
+      const t = i[e.selectedCollectionType];
+      return e.activeType === t[t.length - 1];
+    },
+    hasTemplatesByCollectionType: (e) => {
+      const t = {};
+      return i[e.selectedCollectionType].forEach((s) => {
+        t[s] = e.templates.some((l) => l.type === s);
+      }), t;
+    },
+    unsubscribePagesStatus: (e) => e.selectedUnsubscribePages.length > 0
+  },
+  actions: {
+    $reset() {
+      const { templates: e, selectedUnsubscribePages: t } = this;
+      Object.assign(this, {
+        ...p(),
+        templates: e,
+        selectedUnsubscribePages: t
+      });
+    },
+    async fetchTemplates() {
+      if (this.templates.length)
+        return;
+      const { getUnsubscribePages: e } = r(), t = await e();
+      this.templates = t;
+    },
+    setCollection(e) {
+      this.selectedCollectionType = e;
+      const t = i[e];
+      if (t && t.length > 0) {
+        [this.activeType] = t;
+        const c = { ...this.selectedTemplates };
+        t.forEach((s) => {
+          if (!c[s]) {
+            const l = this.templates.find((n) => n.type === s);
+            l && (c[s] = l.id);
+          }
+        }), this.selectedTemplates = c;
+      }
+    },
+    setCollectionWithoutAutoSelection(e) {
+      this.selectedCollectionType = e;
+      const t = i[e];
+      t && t.length > 0 && ([this.activeType] = t);
+    },
+    setSelectedTemplate(e) {
+      this.selectedTemplates = {
+        ...this.selectedTemplates,
+        [this.activeType]: e
+      };
+    },
+    setNextType() {
+      const t = this.getSelectedCollection.indexOf(this.activeType) + 1;
+      t < this.getSelectedCollection.length && (this.activeType = this.getSelectedCollection[t]);
+    },
+    setPreviousType() {
+      const t = this.getSelectedCollection.indexOf(this.activeType) - 1;
+      t >= 0 && (this.activeType = this.getSelectedCollection[t]);
+    },
+    loadSelectedTemplates(e) {
+      const t = new Map(this.templates.map((s) => [s.id, s.type])), c = { ...this.selectedTemplates };
+      e.forEach((s) => {
+        const l = t.get(s);
+        l !== void 0 && (c[l] = s);
+      }), this.selectedTemplates = c;
+    },
+    getSelectedTemplatesByCollection(e) {
+      const t = i[e], c = [];
+      return t.forEach((s) => {
+        this.selectedTemplates[s] && c.push(this.selectedTemplates[s]);
+      }), c;
+    },
+    addUnsubscribePages(e) {
+      const t = /* @__PURE__ */ new Set([...this.selectedUnsubscribePages, ...e]);
+      this.selectedUnsubscribePages = Array.from(t);
+    },
+    removeUnsubscribePages(e) {
+      this.selectedUnsubscribePages = this.selectedUnsubscribePages.filter(
+        (t) => !e.includes(t)
+      );
+    }
+  }
 });
 export {
-  r as useUnsubscribeStore
+  g as useUnsubscribeStore
 };

package/dist/utils/templatePreparation.js

@@ -1,14 +1,15 @@
-import { useActionsApi as g } from "../composables/useActionsApi.js";
-import { useHtmlCompiler as S } from "../composables/useHtmlCompiler.js";
+import { useActionsApi as S } from "../composables/useActionsApi.js";
+import { useHtmlCompiler as b } from "../composables/useHtmlCompiler.js";
 import { useDynamicContentStore as f } from "../stores/dynamic-content.js";
-const H = () => {
-  const t = f(), { getCompiledEmail: i, getTemplateData: o } = g(), { compileHtml: n } = S();
+import { useUnsubscribeStore as C } from "../stores/unsubscribe.js";
+const z = () => {
+  const i = f(), t = C(), { getCompiledEmail: o, getTemplateData: s } = S(), { compileHtml: n } = b();
   return {
     prepareTemplateDetails: async () => {
-      const { html: a, ampHtml: s = "", ampErrors: m = [] } = await i({
+      const { html: a, ampHtml: m = "", ampErrors: r = [] } = await o({
         minimize: !0,
         resetDataSavedFlag: !1
-      }), { html: r, css: c, syncModulesIds: l = [] } = await o(), { compiledHtml: p, stats: e, appliedRules: d } = n(a), u = t.getSelectedDynamicContentList;
+      }), { html: c, css: l, syncModulesIds: p = [] } = await s(), { compiledHtml: u, stats: e, appliedRules: d } = n(a), g = i.getSelectedDynamicContentList;
       return console.debug("HTML Compilation Stats:", {
         originalSize: e.originalSize,
         compiledSize: e.compiledSize,
@@ -16,25 +17,25 @@ const H = () => {
         appliedRules: d,
         executionTime: `${e.executionTime.toFixed(2)}ms`
       }), {
-        dynamicContentList: u,
-        compiledHtml: p,
-        rawHtml: r,
-        css: c,
-        ampHtml: s,
-        ampErrors: m,
-        modules: l,
+        dynamicContentList: g,
+        compiledHtml: u,
+        rawHtml: c,
+        css: l,
+        ampHtml: m,
+        ampErrors: r,
+        modules: p,
         recommendation: {
           campaignUrls: {},
           configs: {}
         },
         unsubscribe: {
-          status: !1,
-          config: []
+          status: t.unsubscribePagesStatus,
+          config: t.selectedUnsubscribePages
         }
       };
     }
   };
 };
 export {
-  H as useTemplatePreparation
+  z as useTemplatePreparation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "1.0.3-beta.a6893cb",
+  "version": "1.0.3-beta.a6a2da8",
   "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",
@@ -31,7 +31,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@stripoinc/ui-editor-extensions": "2.0.2",
+    "@stripoinc/ui-editor-extensions": "3.0.0",
     "@useinsider/design-system-vue": "0.14.8",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",

package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/Extension.js

@@ -1,75 +0,0 @@
-var E = Object.defineProperty;
-var L = (r, e, i) => e in r ? E(r, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : r[e] = i;
-var t = (r, e, i) => L(r, typeof e != "symbol" ? e + "" : e, i);
-class A {
-  constructor(e, i, s = [], n, a = [], l, o = [], g = [], y, h, x, u, b, c, m) {
-    t(this, "i18n");
-    t(this, "styles");
-    t(this, "previewStyles");
-    t(this, "uiElements", []);
-    t(this, "uiElementTagRegistry");
-    t(this, "controls", []);
-    t(this, "settingsPanelRegistry");
-    t(this, "contextActions", []);
-    t(this, "blocks", []);
-    t(this, "id");
-    t(this, "externalSmartElementsLibrary");
-    t(this, "externalImageLibrary");
-    t(this, "externalAiAssistant");
-    t(this, "externalDisplayConditionsLibrary");
-    t(this, "externalVideoLibrary");
-    t(this, "blocksPanel");
-    this.i18n = e, this.styles = i, this.previewStyles = x, this.uiElements = s, this.uiElementTagRegistry = n, this.controls = a, this.settingsPanelRegistry = l, this.contextActions = o, this.blocks = g, this.externalSmartElementsLibrary = y, this.externalImageLibrary = h, this.externalAiAssistant = u, this.externalDisplayConditionsLibrary = b, this.externalVideoLibrary = c, this.blocksPanel = m, this.id = Math.random().toString(36).substring(2);
-  }
-  getI18n() {
-    return this.i18n;
-  }
-  getStyles() {
-    return this.styles;
-  }
-  getPreviewStyles() {
-    return this.previewStyles;
-  }
-  getUiElements() {
-    return this.uiElements;
-  }
-  getUiElementTagRegistry() {
-    return this.uiElementTagRegistry;
-  }
-  getControls() {
-    return this.controls;
-  }
-  getSettingsPanelRegistry() {
-    return this.settingsPanelRegistry;
-  }
-  getContextActions() {
-    return this.contextActions;
-  }
-  getBlocks() {
-    return this.blocks;
-  }
-  getId() {
-    return this.id;
-  }
-  getExternalSmartElementsLibrary() {
-    return this.externalSmartElementsLibrary;
-  }
-  getExternalImageLibrary() {
-    return this.externalImageLibrary;
-  }
-  getExternalAiAssistant() {
-    return this.externalAiAssistant;
-  }
-  getExternalDisplayConditionsLibrary() {
-    return this.externalDisplayConditionsLibrary;
-  }
-  getExternalVideoLibrary() {
-    return this.externalVideoLibrary;
-  }
-  getBlocksPanel() {
-    return this.blocksPanel;
-  }
-}
-export {
-  A as Extension
-};