@useinsider/guido 1.0.3-beta.ce4cdcb → 1.0.3-beta.cedc8cb

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/genericUtil.d.ts

@@ -6,3 +6,4 @@ export declare const getCsrfToken: () => string;
  */
 export declare const getUrlParams: () => URLSearchParams;
 export declare const getUrlParam: (paramName: string, defaultValue?: string) => string;
+export declare const replaceString: (string?: string, values?: Record<string, string | number>, isRemoveEmptyValues?: boolean) => string;

package/dist/utils/genericUtil.js

@@ -1,14 +1,15 @@
-const e = (l) => l.map((a) => a.format ? {
+const o = (e) => e.map((a) => a.format ? {
   label: `${a.text} | ${a.format.key}=${a.format.value}`,
   value: `{{${a.value}|${a.format.key}=${a.format.value}}}`
 } : {
   label: a.fallback ? `${a.text} | ${a.fallback}` : a.text,
   value: a.fallback ? `{{${a.value}|${a.fallback}}}` : `{{${a.value}}}`
-}), r = () => {
-  var l;
-  return ((l = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : l.getAttribute("content")) ?? "";
-};
+}), f = () => {
+  var e;
+  return ((e = document.head.querySelector('meta[name="csrf-token"]')) == null ? void 0 : e.getAttribute("content")) ?? "";
+}, $ = (e = "", a = {}, n = !1) => Object.entries(a).reduce((l, [t, r]) => n && (r === "" || r === null || r === void 0) ? l.replace(`&${t}={${t}}`, "") : l.replace(`{${t}}`, String(r)), e);
 export {
-  e as dynamicContentToMergeTags,
-  r as getCsrfToken
+  o as dynamicContentToMergeTags,
+  f as getCsrfToken,
+  $ as replaceString
 };

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.ce4cdcb",
+  "version": "1.0.3-beta.cedc8cb",
   "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",
@@ -32,7 +32,7 @@
   "license": "ISC",
   "dependencies": {
     "@stripoinc/ui-editor-extensions": "3.0.0",
-    "@useinsider/design-system-vue": "0.14.8",
+    "@useinsider/design-system-vue": "0.14.20",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",
     "pinia": "2.3.1",