@useinsider/guido 1.0.3-beta.d8a9e56 → 1.0.3-beta.dbf4a88

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.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.d8a9e56",
+  "version": "1.0.3-beta.dbf4a88",
   "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",
@@ -80,5 +80,10 @@
   },
   "msw": {
     "workerDirectory": "public"
+  },
+  "guido": {
+    "stripo": {
+      "version": "2.42.0"
+    }
   }
 }

package/dist/config/migrator/index.d.ts

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

package/dist/enums/unsubscribe.d.ts

@@ -1,15 +0,0 @@
-export declare const LINK_TYPES: {
-    UNSUBSCRIBE_LINK_TYPE: number;
-    PREFERENCES_LINK_TYPE: number;
-};
-export declare const LINK_REGEXES: {
-    UNSUBSCRIBE_LINK_REGEX: RegExp;
-    DATA_OGSB_BUTTON_CSS_REGEX: string;
-    GLOBAL_UNSUBSCRIBE_LINK_REGEX: RegExp;
-    PREFERENCES_UNSUBSCRIBE_LINK_REGEX: RegExp;
-};
-export declare const URLS: {
-    UNSUBSCRIBE_URL: string;
-    PREFERENCES_URL: string;
-};
-export declare const INSIDER_ID = "iid";

package/dist/stores/unsubscribe.d.ts

@@ -1,8 +0,0 @@
-type UnsubscribePage = {
-    type: number;
-};
-interface StoreState {
-    selectedUnsubscribePages: UnsubscribePage[];
-}
-export declare const useUnsubscribeStore: import("pinia").StoreDefinition<"unsubscribe", StoreState, {}, {}>;
-export {};