@useinsider/guido 1.0.2-beta.ab357f5 → 1.0.2-beta.ad1dcd9

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

@@ -1,32 +1,33 @@
-import { __exports as s } from "../../../../../_virtual/SettingsPanelTab.js";
-var r;
-function l() {
-  if (r) return s;
-  r = 1, Object.defineProperty(s, "__esModule", { value: !0 }), s.SettingsPanelTab = void 0;
-  var i = (
-    /** @class */
-    (function() {
-      function n(t, e) {
-        this.tabId = t, this.controlsIds = e;
-      }
-      return n.prototype.getTabId = function() {
-        return this.tabId;
-      }, n.prototype.getLabel = function() {
-        return this.label;
-      }, n.prototype.getControlsIds = function() {
-        return this.controlsIds;
-      }, n.prototype.withLabel = function(t) {
-        return this.label = t, this;
-      }, n.prototype.addControl = function(t, e) {
-        return e < 0 ? this.controlsIds.unshift(t) : e > this.controlsIds.length ? this.controlsIds.push(t) : this.controlsIds.splice(e, 0, t), this;
-      }, n.prototype.deleteControl = function(t) {
-        var e = this.controlsIds.indexOf(t);
-        e !== -1 && this.controlsIds.splice(e, 1);
-      }, n;
-    })()
-  );
-  return s.SettingsPanelTab = i, s;
+var r = Object.defineProperty;
+var n = (e, s, t) => s in e ? r(e, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[s] = t;
+var l = (e, s, t) => n(e, typeof s != "symbol" ? s + "" : s, t);
+class o {
+  constructor(s, t) {
+    l(this, "tabId");
+    l(this, "label");
+    l(this, "controlsIds");
+    this.tabId = s, this.controlsIds = t;
+  }
+  getTabId() {
+    return this.tabId;
+  }
+  getLabel() {
+    return this.label;
+  }
+  getControlsIds() {
+    return this.controlsIds;
+  }
+  withLabel(s) {
+    return this.label = s, this;
+  }
+  addControl(s, t) {
+    return t < 0 ? this.controlsIds.unshift(s) : t > this.controlsIds.length ? this.controlsIds.push(s) : this.controlsIds.splice(t, 0, s), this;
+  }
+  deleteControl(s) {
+    const t = this.controlsIds.indexOf(s);
+    t !== -1 && this.controlsIds.splice(t, 1);
+  }
 }
 export {
-  l as __require
+  o as SettingsPanelTab
 };

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

@@ -1,26 +1,22 @@
-import { __exports as i } from "../../../../../_virtual/ModificationDescription.js";
-var r;
-function a() {
-  if (r) return i;
-  r = 1, Object.defineProperty(i, "__esModule", { value: !0 }), i.ModificationDescription = void 0;
-  var e = (
-    /** @class */
-    (function() {
-      function t(o) {
-        this.key = o;
-      }
-      return t.prototype.withParams = function(o) {
-        return this.params = o, this;
-      }, t.prototype.getValue = function() {
-        return {
-          key: this.key,
-          params: this.params
-        };
-      }, t;
-    })()
-  );
-  return i.ModificationDescription = e, i;
+var i = Object.defineProperty;
+var e = (t, s, a) => s in t ? i(t, s, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[s] = a;
+var r = (t, s, a) => e(t, typeof s != "symbol" ? s + "" : s, a);
+class o {
+  constructor(s) {
+    r(this, "key");
+    r(this, "params");
+    this.key = s;
+  }
+  withParams(s) {
+    return this.params = s, this;
+  }
+  getValue() {
+    return {
+      key: this.key,
+      params: this.params
+    };
+  }
 }
 export {
-  a as __require
+  o as ModificationDescription
 };

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

@@ -1,22 +1,40 @@
-import { __exports as t } from "../../../../../_virtual/UIElement.js";
-var n;
-function l() {
-  if (n) return t;
-  n = 1, Object.defineProperty(t, "__esModule", { value: !0 }), t.UIElement = void 0;
-  var r = (
-    /** @class */
-    (function() {
-      function e() {
-      }
-      return e.prototype.onDestroy = function() {
-      }, e.prototype.getValue = function() {
-      }, e.prototype.setValue = function(o) {
-      }, e.prototype.onAttributeUpdated = function(o, u) {
-      }, e;
-    })()
-  );
-  return t.UIElement = r, t;
+var u = Object.defineProperty;
+var n = (t, e, a) => e in t ? u(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a;
+var l = (t, e, a) => n(t, typeof e != "symbol" ? e + "" : e, a);
+class s {
+  constructor() {
+    /** Provides access to editor functionalities specific to this UI element instance. */
+    l(this, "api");
+  }
+  /**
+   * Optional cleanup hook called when the UI element is being destroyed.
+   * Use this to remove event listeners or perform other cleanup tasks.
+   */
+  onDestroy() {
+  }
+  /**
+   * Optional method to get the current value of the UI element.
+   * Implement this if the element manages a state or value (e.g., input fields).
+   * @returns The current value of the element.
+   */
+  getValue() {
+  }
+  /**
+   * Optional method to set the value of the UI element.
+   * Implement this if the element manages a state or value and needs to be updated externally.
+   * @param value - The new value to set.
+   */
+  setValue(e) {
+  }
+  /**
+   * @description Optional hook called when one of the element's supported attributes ({@link UEAttr}) gets updated externally.
+   * Implement this to react to attribute changes (e.g., visibility, disabled state).
+   * @param name - The name of the attribute that was updated.
+   * @param value - The new value of the attribute.
+   */
+  onAttributeUpdated(e, a) {
+  }
 }
 export {
-  l as __require
+  s as UIElement
 };

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

@@ -1,18 +1,5 @@
-import { __exports as e } from "../../../../../_virtual/UIElementTagRegistry.js";
-var r;
-function g() {
-  if (r) return e;
-  r = 1, Object.defineProperty(e, "__esModule", { value: !0 }), e.UIElementTagRegistry = void 0;
-  var t = (
-    /** @class */
-    /* @__PURE__ */ (function() {
-      function i() {
-      }
-      return i;
-    })()
-  );
-  return e.UIElementTagRegistry = t, e;
+class s {
 }
 export {
-  g as __require
+  s as UIElementTagRegistry
 };

package/dist/services/unsubscribeApi.d.ts

@@ -0,0 +1,4 @@
+import type { UnsubscribePage } from '@@/Types/unsubscribe';
+export declare const useUnsubscribeApi: () => {
+    getUnsubscribePages: () => Promise<UnsubscribePage[]>;
+};

package/dist/services/unsubscribeApi.js

@@ -0,0 +1,16 @@
+import { useHttp as t } from "../composables/useHttp.js";
+import { useToaster as n } from "../composables/useToaster.js";
+const u = () => {
+  const { get: r } = t(), { handleError: s } = n();
+  return { getUnsubscribePages: async () => {
+    try {
+      const { data: e = [] } = await r("/unsubscribe-pages/get-all");
+      return e;
+    } catch (e) {
+      return s(e, "Failed to fetch unsubscribe pages"), [];
+    }
+  } };
+};
+export {
+  u as useUnsubscribeApi
+};

package/dist/stores/unsubscribe.d.ts

@@ -1,8 +1,186 @@
-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;
+    }[];
+    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>;
+}, {
+    $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;
+    getThumbnailByTemplateId(id: number): string;
+    getSelectedTemplatesByCollection(type: number): number[];
+    addUnsubscribePages(pageIds: number[]): void;
+    removeUnsubscribePages(pageIds: number[]): void;
+    getSelectedUnsubscribePagesByCollection(collectionType: number): number[];
+}>;
 export {};

package/dist/stores/unsubscribe.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "1.0.2-beta.ab357f5",
+  "version": "1.0.2-beta.ad1dcd9",
   "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": "1.0.6",
+    "@stripoinc/ui-editor-extensions": "2.0.2",
     "@useinsider/design-system-vue": "0.14.8",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",

package/dist/_virtual/AddCustomFont.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/AiAssistantValueType.js

@@ -1,4 +0,0 @@
-var s = {};
-export {
-  s as __exports
-};

package/dist/_virtual/BackgroundColorBuiltInControl.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/BackgroundImageBuiltInControl.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/Block.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/BlockAttributes.js

@@ -1,4 +0,0 @@
-var t = {};
-export {
-  t as __exports
-};

package/dist/_virtual/BlockCompositionType.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/BlockPaddingsBuiltInControl.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/BlockRenderer.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/_virtual/BlockType.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/_virtual/BlocksPanel.js

@@ -1,4 +0,0 @@
-var a = {};
-export {
-  a as __exports
-};

package/dist/_virtual/BuiltInControl.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/BuiltInControlTypes.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/ButtonBorderBuiltInControl.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/ButtonColorBuiltInControl.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/ButtonFontColorBuiltInControl.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/_virtual/ButtonInternalIndentsBuiltInControl.js

@@ -1,4 +0,0 @@
-var t = {};
-export {
-  t as __exports
-};

package/dist/_virtual/ButtonTextBuiltInControl.js

@@ -1,4 +0,0 @@
-var t = {};
-export {
-  t as __exports
-};