@useinsider/guido 2.1.0-beta.7ffef92 → 2.1.0-beta.814593d

package/dist/extensions/Blocks/Unsubscribe/control.js

@@ -1,18 +1,18 @@
-var h = Object.defineProperty;
-var d = (a, s, e) => s in a ? h(a, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[s] = e;
-var u = (a, s, e) => d(a, typeof s != "symbol" ? s + "" : s, e);
+var d = Object.defineProperty;
+var h = (a, s, e) => s in a ? d(a, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[s] = e;
+var u = (a, s, e) => h(a, typeof s != "symbol" ? s + "" : s, e);
 import { useUnsubscribeStore as l } from "../../../stores/unsubscribe.js";
 import { Control as T, UEAttr as i, UIElementType as n } from "../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
 import { DATA_ATTRIBUTES as p } from "./utils/constants.js";
 import { parsePageList as _ } from "./utils/utils.js";
-const g = "ui-elements-unsubscribe", r = {
+const v = "ui-elements-unsubscribe", r = {
   SELECT_BUTTON: "selectTemplateButton",
   PREV_BUTTON: "prevButton",
   NEXT_BUTTON: "nextButton",
   COUNTER_TEXT: "counterText",
   PREVIEW_IMAGE: "previewImage"
 };
-class N extends T {
+class B extends T {
   constructor() {
     super(...arguments);
     u(this, "currentPreviewIndex", 0);
@@ -22,7 +22,7 @@ class N extends T {
     u(this, "lastParsedAttribute");
   }
   getId() {
-    return g;
+    return v;
   }
   getTemplate() {
     return `
@@ -35,7 +35,7 @@ class N extends T {
   onTemplateNodeUpdated(e) {
     if (this.currentNode = e, "getAttribute" in this.currentNode) {
       const t = this.currentNode.getAttribute(p.PAGE_LIST);
-      t && (t !== this.lastParsedAttribute && (this.currentPages = _(t), this.lastParsedAttribute = t, this.currentPreviewIndex = 0), this._updatePreview(), this._updateCounter());
+      t && (t !== this.lastParsedAttribute && (this.currentPages = _(t), this.lastParsedAttribute = t, this.currentPreviewIndex = 0), this._updateCounter(), this._loadAndUpdatePreview());
     }
   }
   onRender() {
@@ -73,6 +73,9 @@ class N extends T {
   _onNextClick() {
     this.currentPreviewIndex < this.totalTemplates - 1 && (this.currentPreviewIndex++, this._updatePreview(), this._updateCounter());
   }
+  async _loadAndUpdatePreview() {
+    await l().fetchTemplates(), this._updatePreview(), this._updateCounter();
+  }
   _updatePreview() {
     var e;
     if ((e = this.currentPages) != null && e.length)
@@ -162,6 +165,6 @@ class N extends T {
   }
 }
 export {
-  g as UNSUBSCRIBE_CONTROL_ID,
-  N as UnsubscribeControl
+  v as UNSUBSCRIBE_CONTROL_ID,
+  B as UnsubscribeControl
 };

package/dist/extensions/Blocks/Unsubscribe/elements/preview.js

@@ -1,12 +1,12 @@
-var r = Object.defineProperty;
-var n = (i, t, e) => t in i ? r(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var s = (i, t, e) => n(i, typeof t != "symbol" ? t + "" : t, e);
-import { UIElement as m } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
-const E = "unsubscribe-preview", l = "img", c = "Unsubscribe page preview";
-class o extends m {
+var n = Object.defineProperty;
+var m = (s, i, e) => i in s ? n(s, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[i] = e;
+var r = (s, i, e) => m(s, typeof i != "symbol" ? i + "" : i, e);
+import { UIElement as l } from "../../../../node_modules/@stripoinc/ui-editor-extensions/dist/esm/index.js";
+const E = "unsubscribe-preview", c = "img", a = "Unsubscribe page preview", g = "is-loaded";
+class d extends l {
   constructor() {
     super(...arguments);
-    s(this, "imgElement");
+    r(this, "imgElement");
   }
   getId() {
     return E;
@@ -14,19 +14,21 @@ class o extends m {
   getTemplate() {
     return `
             <div class="unsubscribe-preview-image-container">
+                <div class="unsubscribe-preview-loader"></div>
                 <img
                     src=""
-                    alt="${c}"
+                    alt="${a}"
                     class="unsubscribe-preview-image"
                 />
             </div>
         `;
   }
   onRender(e) {
-    this.imgElement = e.querySelector(l);
+    this.imgElement = e.querySelector(c);
   }
   setValue(e) {
-    this.imgElement && (this.imgElement.src = e);
+    var t;
+    this.imgElement && (this.imgElement.src = e, (t = this.imgElement.parentElement) == null || t.classList.add(g));
   }
   getValue() {
     var e;
@@ -38,5 +40,5 @@ class o extends m {
 }
 export {
   E as PREVIEW_UI_ELEMENT_ID,
-  o as PreviewUIElement
+  d as PreviewUIElement
 };

package/dist/extensions/Blocks/Unsubscribe/styles.css.js

@@ -29,12 +29,42 @@ const n = `/* Unsubscribe Extension Styles */
     display: flex;
     align-items: center;
     justify-content: center;
+    position: relative;
 }
 
-.unsubscribe-preview-image {
+.unsubscribe-preview-image-container .unsubscribe-preview-image {
     object-fit: cover;
     width: 100%;
     height: auto;
+    display: none;
+}
+
+.unsubscribe-preview-image-container.is-loaded .unsubscribe-preview-image {
+    display: block;
+}
+
+.unsubscribe-preview-image-container.is-loaded .unsubscribe-preview-loader {
+    display: none;
+}
+
+/* Loading shimmer */
+.unsubscribe-preview-loader {
+    width: 100%;
+    height: 200px;
+    border-radius: 4px;
+    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
+    background-size: 200% 100%;
+    animation: unsubscribe-shimmer 1.5s infinite;
+}
+
+@keyframes unsubscribe-shimmer {
+    0% {
+        background-position: 200% 0;
+    }
+
+    100% {
+        background-position: -200% 0;
+    }
 }
 `;
 export {

package/dist/guido.css

@@ -1 +1 @@
-.gap-16[data-v-b88d274d],.gap-16[data-v-bd89e39d]{gap:16px}[data-v-cd76c125] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-913a3417] .in-progress-wrapper__progress p span:last-child{display:none!important}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-64c52560]{gap:8px}.version-history__toolbar[data-v-64c52560]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.editor-actions[data-v-17dd4d8b]{gap:4px}.header-wrapper[data-v-5c02dcc7]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-16abb398]{position:relative;width:100%;height:calc(100vh - 128px)}.guido-editor__container[data-v-16abb398]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-16abb398]{height:calc(100vh - 75px)}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-a86fc486]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-a86fc486]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-a86fc486]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-a86fc486]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-a86fc486]{object-fit:cover;transform:scale(1)}[data-v-43c617a7] .guido__verion-history-view-option-selection-desktop svg,[data-v-43c617a7] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-43c617a7] .in-segments-wrapper__button_selected,[data-v-43c617a7] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-988f8da6]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-988f8da6]{min-height:504px}.iframe-wrapper[data-v-e0424e99]{width:258px}.iframe-scaled[data-v-e0424e99]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-d3c52b44] .vueperslides__bullets,[data-v-dd1a237a] .vueperslides__bullets{pointer-events:none!important}[data-v-dd1a237a] .vueperslides__parallax-wrapper{height:110px!important}[data-v-a408dcea] .vueperslides__bullets{pointer-events:none!important}[data-v-a408dcea] .vueperslides__parallax-wrapper{height:110px!important}
+.gap-16[data-v-6562e38c],.gap-16[data-v-1ccb6d4a]{gap:16px}[data-v-cd76c125] .in-button-v2__wrapper{line-height:0}[data-v-22226124] .in-segments-wrapper__button_selected,[data-v-22226124] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb;color:#0010ac;border-color:#0010ac}[data-v-079d2bf7] .in-progress-wrapper__progress p span:last-child{display:none!important}.view-options-wrapper[data-v-195ab6d4]{position:relative;display:inline-block}.new-tag[data-v-195ab6d4]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-195ab6d4] .guido__view-option-selection-desktop svg,[data-v-195ab6d4] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-195ab6d4] .in-segments-wrapper__button_selected,[data-v-195ab6d4] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-195ab6d4] .in-tooltip-wrapper__icon{cursor:pointer}.editor-toolbar[data-v-173c3a40]{gap:4px}.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history[data-v-64c52560]{gap:8px}.version-history__toolbar[data-v-64c52560]{gap:4px}.view-options-wrapper[data-v-d405ca59]{position:relative;display:inline-block}.new-tag[data-v-d405ca59]{position:absolute;top:-8px;right:-16px;z-index:10}[data-v-d405ca59] .guido__verion-history-view-option-selection-desktop svg,[data-v-d405ca59] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-d405ca59] .in-segments-wrapper__button_selected,[data-v-d405ca59] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-d405ca59] .in-tooltip-wrapper__icon{cursor:pointer}.editor-actions[data-v-17dd4d8b]{gap:4px}.header-wrapper[data-v-5c02dcc7]{min-width:1000px}.guido-loading__wrapper[data-v-07c4b2d8]{height:100%;top:75px!important;bottom:0!important}.guido-editor__wrapper[data-v-16abb398]{position:relative;width:100%;height:calc(100vh - 128px)}.guido-editor__container[data-v-16abb398]{width:100%;height:calc(100vh - 128px)}.guido-editor__no-header[data-v-16abb398]{height:calc(100vh - 75px)}[data-v-293f1c47] .in-breadcrumb-wrapper__links{cursor:pointer}.templates-wrapper[data-v-df672485]{gap:16px;grid-template-columns:repeat(3,1fr)}.templates-wrapper .template-wrapper[data-v-df672485]{cursor:pointer}.templates-wrapper .template-wrapper .template-container[data-v-df672485]{height:274px;padding:2px;transition:none}.templates-wrapper .template-wrapper .template-container.selected[data-v-df672485]{padding:1px}.templates-wrapper .template-wrapper .template-container .thumbnail[data-v-df672485]{object-fit:cover;transform:scale(1)}[data-v-43c617a7] .guido__verion-history-view-option-selection-desktop svg,[data-v-43c617a7] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-43c617a7] .in-segments-wrapper__button_selected,[data-v-43c617a7] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.error-list[data-v-c3fd5d4b]{gap:16px}.desktop-browser-header[data-v-d86c5af5]{height:79px;min-height:79px}.desktop-browser-header__left[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:378px}.desktop-browser-header__center[data-v-d86c5af5]{height:79px;background-repeat:repeat-x;background-size:auto 100%;background-position:left top}.desktop-browser-header__right[data-v-d86c5af5]{-webkit-user-drag:none;height:79px;width:112px}.desktop-preview[data-v-988f8da6]{min-width:602px;height:70vh;min-height:583px;border-radius:10px}.desktop-preview iframe[data-v-988f8da6]{min-height:504px}.iframe-wrapper[data-v-e0424e99]{width:258px}.iframe-scaled[data-v-e0424e99]{width:320px;height:124.0310077519%;transform:scale(.80625);transform-origin:top left}.cropped-text[data-v-eb3d05d7]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-preview-wrapper__phone[data-v-3f472f96]{width:282px}.mobile-preview-wrapper__phone img[data-v-3f472f96]{object-fit:cover;border-radius:44px}.mobile-preview-wrapper__content[data-v-3f472f96]{width:258px;height:450px;left:12px}[data-v-29b9af29] .vueperslides__bullets,[data-v-dd1a237a] .vueperslides__bullets{pointer-events:none!important}[data-v-dd1a237a] .vueperslides__parallax-wrapper{height:110px!important}[data-v-d073b1dc] .vueperslides__bullets{pointer-events:none!important}[data-v-d073b1dc] .vueperslides__parallax-wrapper{height:110px!important}

package/dist/src/components/organisms/extensions/recommendation/FilterItem.vue.d.ts

@@ -3,7 +3,6 @@ type __VLS_Props = {
     filter: Filter;
     index: number;
     hasLogicAdapter?: boolean;
-    submitted: boolean;
 };
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__VLS_Props>, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
     "delete-filter": (filter: Filter) => void;

package/dist/src/components/organisms/extensions/recommendation/Filters.vue.d.ts

@@ -1,16 +1,2 @@
-type __VLS_Props = {
-    submitted: boolean;
-};
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__VLS_Props>, {
-    switchToGroup: (groupId: number) => void;
-}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/dist/src/config/i18n/en/index.d.ts

@@ -0,0 +1 @@
+export declare const en: Record<string, string>;

package/dist/src/config/i18n/index.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Stripo Editor Translation Overrides
+ *
+ * Custom translations for Stripo editor UI elements.
+ * Each language has its own folder with categorized JSON files.
+ *
+ * Reference: https://email-static.useinsider.com/guido/{version}/assets/i18n/en.json
+ * @module config/i18n
+ */
+/**
+ * Combined locale patch for Stripo editor initialization.
+ * Maps language codes to their translation overrides.
+ */
+export declare const localePatch: {
+    en: Record<string, string>;
+};

package/dist/src/extensions/Blocks/Recommendation/controls/main/index.d.ts

@@ -76,9 +76,4 @@ export declare class RecommendationBlockControl extends CommonControl {
      * (e.g., fetchRecommendationCreateData setting preferred currency).
      */
     _listenStateUpdates(): void;
-    /**
-     * Persists the current filter state from Pinia store to the Stripo node config.
-     * This ensures filters survive template save/reload cycles.
-     */
-    private _persistFiltersToNodeConfig;
 }

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.7ffef92",
+  "version": "2.1.0-beta.814593d",
   "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.5.0",
-    "@useinsider/design-system-vue": "0.14.20",
+    "@useinsider/design-system-vue": "0.14.28",
     "@vueuse/core": "11.3.0",
     "lodash-es": "4.17.21",
     "pinia": "2.3.1",

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>;