@useinsider/guido 2.1.0-beta.4bfe3ad → 2.1.0-beta.52e56ab

package/dist/src/extensions/Blocks/Recommendation/store/recommendation.d.ts

@@ -31,8 +31,6 @@ interface PerBlockState {
     filterGroup: number;
     /** Whether initial API data (filters, algorithms, products) has been fetched for this block */
     isInitialized: boolean;
-    /** Snapshot of filters taken when the drawer opens, used to revert on cancel */
-    filterSnapshot: Filter[] | null;
 }
 interface StoreState {
     recommendationCampaignUrls: Record<string, string>;
@@ -127,9 +125,7 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
         configVersion: number;
     } & import("pinia").PiniaCustomStateProperties<StoreState>): number;
     hasFilters(): boolean;
-    hasValidFilters(): boolean;
     getFilterGroupCount(): number;
-    getUniqueFilterGroups(): number[];
     getActivePredictiveAlgorithms: (state: {
         recommendationCampaignUrls: Record<string, string>;
         activePredictiveAlgorithms: number[];
@@ -207,31 +203,19 @@ export declare const useRecommendationExtensionStore: import("pinia").StoreDefin
     patchCurrentBlockConfig(updates: Partial<PerBlockConfigs>, options?: {
         triggerRefetch?: boolean;
     }): void;
-    /**
-     * Creates a filter with the first available attribute and operator pre-selected.
-     */
-    createDefaultFilter(filterGroup: number, filterNumber: number): Filter;
     /**
      * Opens the filter selection drawer for the current block.
-     * Saves a snapshot of current filters for cancel/revert.
-     * If no filters exist, initializes with a default filter
+     * If no filters exist, initializes with a default empty filter
      * so the user has a starting point for input.
      */
     openFilterDrawer(): void;
     /**
-     * Closes the filter selection drawer for the current block.
-     * Called after successful apply — discards the snapshot.
+     * Closes the filter selection drawer for the current block
      */
     closeFilterDrawer(): void;
-    /**
-     * Cancels the filter selection drawer and reverts filters
-     * to the snapshot taken when the drawer was opened.
-     */
-    cancelFilterDrawer(): void;
     fetchRecommendationCreateData(): Promise<void>;
     fetchRecommendationFilters(): Promise<void>;
     addFilterGroup(filterGroup: number): void;
-    deleteFilterGroup(groupId: number): void;
     updateFilter(updatedFilter: Filter): void;
     deleteFilter(filter: Filter): void;
     addFilter(filter: Filter): void;

package/dist/src/extensions/Blocks/Unsubscribe/control.d.ts

@@ -17,6 +17,7 @@ export declare class UnsubscribeControl extends Control {
     private _onButtonClick;
     private _onPrevClick;
     private _onNextClick;
+    private _loadAndUpdatePreview;
     private _updatePreview;
     private _updateCounter;
     private _getPreview;

package/dist/static/styles/components/notification.css.js

@@ -17,6 +17,24 @@ ue-notifications-container .alert-message-wrapper {
     padding: 16px 24px;
 }
 
+ue-notifications-container .alert-message-wrapper.info,
+ue-notifications-container .alert-message-wrapper.loader {
+    background-color: var(--guido-color-background-toaster-info) !important;
+    color: inherit;
+}
+
+.alert-message-wrapper .alert-message-main {
+    align-items: center;
+}
+
+ue-notifications-container ue-caption .caption {
+    color: var(--guido-color-white) !important;
+}
+
+ue-block-thumb-hint {
+    text-align: left;
+}
+
 ue-notifications-container .alert-message-wrapper .alert-message-main .alert-message-content {
     width: calc(100% - 64px);
 }

package/dist/static/styles/components/tools.css.js

@@ -1,4 +1,4 @@
-const o = `ue-emoji .emoji-tabs .active-smile-tab {
+const e = `ue-emoji .emoji-tabs .active-smile-tab {
     border-color: var(--guido-color-primary-500);
 }
 
@@ -17,7 +17,11 @@ ue-insert-table .template-cell {
     border: 1px solid var(--guido-color-gray-300);
     box-shadow: var(--guido-box-shadow);
 }
+
+.ue-popover.dark-tiny {
+    text-align: left !important;
+}
 `;
 export {
-  o as default
+  e as default
 };

package/dist/static/styles/variables.css.js

@@ -10,6 +10,7 @@ const o = `:host {
     --guido-color-gray-1: #F0F0F0;
     --guido-color-gray-0: #F9F9F9;
     --guido-color-neutral-800: #222938;
+    --guido-color-neutral-700: #2C3546;
     --guido-color-neutral-200: #DCDFE6;
     --guido-color-neutral-100: #EFF2F4;
     --guido-color-danger-300: #e84342;
@@ -25,6 +26,7 @@ const o = `:host {
     --guido-color-border-onpage-message-error: var(--guido-color-danger-500);
     --guido-color-background-toaster-success: #128745;
     --guido-color-background-toaster-error: var(--guido-color-danger-500);
+    --guido-color-background-toaster-info: var(--guido-color-neutral-700);
     --guido-color-background-toaster-warn: #D37400;
 }
 `;

package/dist/stores/unsubscribe.js

@@ -1,39 +1,40 @@
-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 = () => ({
+import { TYPE_COLLECTIONS as i, PAGE_TYPES as p } from "../enums/unsubscribe.js";
+import { useUnsubscribeApi as d } from "../services/unsubscribeApi.js";
+import { defineStore as h } from "pinia";
+let o = null;
+const r = () => ({
   templates: [],
   selectedTemplates: {},
   selectedUnsubscribePages: [],
-  selectedCollectionType: a.GLOBAL_UNSUBSCRIBE,
-  activeType: a.GLOBAL_UNSUBSCRIBE,
+  selectedCollectionType: p.GLOBAL_UNSUBSCRIBE,
+  activeType: p.GLOBAL_UNSUBSCRIBE,
   pageSelectionUpdateStatus: !1,
   pageSelectionDrawerStatus: !1,
   typeSelectionDrawerStatus: !1,
   isGlobalUnsubscribeDisabled: !1,
   isSubscriptionPreferencesCenterDisabled: !1
-}), g = d("guidoUnsubscribe", {
-  state: () => p(),
+}), b = h("guidoUnsubscribe", {
+  state: () => r(),
   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) ?? "";
+      var l;
+      return ((l = e.templates.find((s) => s.id === t)) == null ? void 0 : l.thumbnail) ?? "";
     },
     getSelectedUnsubscribePagesByCollection: (e) => (t) => {
-      const c = i[t];
-      if (!c)
+      const l = i[t];
+      if (!l)
         return [];
       const s = /* @__PURE__ */ new Map();
       e.templates.forEach((n) => {
         s.set(n.id, n.type);
       });
-      const l = new Set(c);
+      const c = new Set(l);
       return e.selectedUnsubscribePages.filter((n) => {
-        const o = s.get(n);
-        return o !== void 0 && l.has(o);
+        const a = s.get(n);
+        return a !== void 0 && c.has(a);
       });
     },
     isActiveTypeFirstInCollection: (e) => {
@@ -47,7 +48,7 @@ const p = () => ({
     hasTemplatesByCollectionType: (e) => {
       const t = {};
       return i[e.selectedCollectionType].forEach((s) => {
-        t[s] = e.templates.some((l) => l.type === s);
+        t[s] = e.templates.some((c) => c.type === s);
       }), t;
     },
     unsubscribePagesStatus: (e) => e.selectedUnsubscribePages.length > 0
@@ -56,29 +57,31 @@ const p = () => ({
     $reset() {
       const { templates: e, selectedUnsubscribePages: t } = this;
       Object.assign(this, {
-        ...p(),
+        ...r(),
         templates: e,
         selectedUnsubscribePages: t
       });
     },
     async fetchTemplates() {
-      if (this.templates.length)
-        return;
-      const { getUnsubscribePages: e } = r(), t = await e();
-      this.templates = t;
+      this.templates.length || (o || (o = (async () => {
+        const { getUnsubscribePages: e } = d();
+        this.templates = await e();
+      })().finally(() => {
+        o = null;
+      })), await o);
     },
     setCollection(e) {
       this.selectedCollectionType = e;
       const t = i[e];
       if (t && t.length > 0) {
         [this.activeType] = t;
-        const c = { ...this.selectedTemplates };
+        const l = { ...this.selectedTemplates };
         t.forEach((s) => {
-          if (!c[s]) {
-            const l = this.templates.find((n) => n.type === s);
-            l && (c[s] = l.id);
+          if (!l[s]) {
+            const c = this.templates.find((n) => n.type === s);
+            c && (l[s] = c.id);
           }
-        }), this.selectedTemplates = c;
+        }), this.selectedTemplates = l;
       }
     },
     setCollectionWithoutAutoSelection(e) {
@@ -101,17 +104,17 @@ const p = () => ({
       t >= 0 && (this.activeType = this.getSelectedCollection[t]);
     },
     loadSelectedTemplates(e) {
-      const t = new Map(this.templates.map((s) => [s.id, s.type])), c = { ...this.selectedTemplates };
+      const t = new Map(this.templates.map((s) => [s.id, s.type])), l = { ...this.selectedTemplates };
       e.forEach((s) => {
-        const l = t.get(s);
-        l !== void 0 && (c[l] = s);
-      }), this.selectedTemplates = c;
+        const c = t.get(s);
+        c !== void 0 && (l[c] = s);
+      }), this.selectedTemplates = l;
     },
     getSelectedTemplatesByCollection(e) {
-      const t = i[e], c = [];
+      const t = i[e], l = [];
       return t.forEach((s) => {
-        this.selectedTemplates[s] && c.push(this.selectedTemplates[s]);
-      }), c;
+        this.selectedTemplates[s] && l.push(this.selectedTemplates[s]);
+      }), l;
     },
     addUnsubscribePages(e) {
       const t = /* @__PURE__ */ new Set([...this.selectedUnsubscribePages, ...e]);
@@ -125,5 +128,5 @@ const p = () => ({
   }
 });
 export {
-  g as useUnsubscribeStore
+  b as useUnsubscribeStore
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "2.1.0-beta.4bfe3ad",
+  "version": "2.1.0-beta.52e56ab",
   "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",

package/dist/extensions/Blocks/Recommendation/validation/filterSchema.js

@@ -1,29 +0,0 @@
-import { safeParse as o, object as p, boolean as l, number as i, pipe as c, minLength as f, string as m } from "../../../../node_modules/valibot/dist/index.js";
-const e = c(m(), f(1)), s = p({
-  type: e,
-  attribute: e,
-  operator: e,
-  innerGroupOperator: e,
-  outerGroupOperator: e,
-  value: e,
-  filterGroup: i(),
-  filterNumber: i(),
-  isValid: l()
-});
-function g(t) {
-  return o(s, t).success;
-}
-function S(t) {
-  const r = o(s, t);
-  return r.success ? /* @__PURE__ */ new Set() : new Set(
-    r.issues.flatMap((u) => {
-      var n;
-      return ((n = u.path) == null ? void 0 : n.map((a) => String(a.key))) ?? [];
-    })
-  );
-}
-export {
-  s as FilterSchema,
-  S as getInvalidFilterFields,
-  g as isFilterValid
-};

package/dist/src/extensions/Blocks/Recommendation/validation/filterSchema.d.ts

@@ -1,15 +0,0 @@
-import type { Filter } from '@@/Types/recommendation';
-import * as v from 'valibot';
-export declare const FilterSchema: v.ObjectSchema<{
-    readonly type: v.SchemaWithPipe<readonly [v.StringSchema<undefined>, v.MinLengthAction<string, 1, undefined>]>;
-    readonly attribute: v.SchemaWithPipe<readonly [v.StringSchema<undefined>, v.MinLengthAction<string, 1, undefined>]>;
-    readonly operator: v.SchemaWithPipe<readonly [v.StringSchema<undefined>, v.MinLengthAction<string, 1, undefined>]>;
-    readonly innerGroupOperator: v.SchemaWithPipe<readonly [v.StringSchema<undefined>, v.MinLengthAction<string, 1, undefined>]>;
-    readonly outerGroupOperator: v.SchemaWithPipe<readonly [v.StringSchema<undefined>, v.MinLengthAction<string, 1, undefined>]>;
-    readonly value: v.SchemaWithPipe<readonly [v.StringSchema<undefined>, v.MinLengthAction<string, 1, undefined>]>;
-    readonly filterGroup: v.NumberSchema<undefined>;
-    readonly filterNumber: v.NumberSchema<undefined>;
-    readonly isValid: v.BooleanSchema<undefined>;
-}, undefined>;
-export declare function isFilterValid(filter: Filter): boolean;
-export declare function getInvalidFilterFields(filter: Filter): Set<string>;