@useinsider/guido 2.1.0-beta.fb6f235 → 2.1.0-beta.fb7fb56

package/README.md

@@ -122,8 +122,8 @@ const config: GuidoConfigInput = {
       senderName?: string,
       subject?: string,
     },
-    savedModulesFolderName?: string,    // Default: 'savedModules' → sent as guido_{partnerName}_{value}
-    defaultModulesFolderName?: string,  // Default: 'defaultModules' → sent as guido_{value}
+    savedModulesFolderName?: string,    // Default: 'savedModules' - folder name for user-saved modules
+    defaultModulesFolderName?: string,  // Default: 'defaultModules' - folder name for default/prebuilt modules
   },
 
   // Optional: UI settings
@@ -260,39 +260,30 @@ const config: GuidoConfigInput = {
 
 ## Module Folder Configuration
 
-Customize the Stripo module folder names for saved and default modules:
+Customize the Stripo module folder names for saved and default modules. These values are passed to Stripo metadata and the dynamic folder paths are constructed in the Stripo plugin panel configuration.
 
 ```typescript
 const config: GuidoConfigInput = {
   identity: { templateId: 'tpl-123', userId: 'user-456' },
   partner: { name: 'acme' },
   editor: {
-    // Custom folder for user-saved modules
-    // Sent to Stripo as: guido_acme_myCustomModules
-    savedModulesFolderName: 'myCustomModules',
+    // Folder name for user-saved modules
+    savedModulesFolderName: 'savedModules',
 
-    // Custom folder for default/prebuilt modules
-    // Sent to Stripo as: guido_myPrebuilts
-    defaultModulesFolderName: 'myPrebuilts',
+    // Folder name for default/prebuilt modules
+    defaultModulesFolderName: 'defaultModules',
   },
 };
 ```
 
-### Folder Naming Convention
+### Default Values
 
-| Config Option | Default Value | Stripo Folder Name |
-|--------------|---------------|-------------------|
-| `savedModulesFolderName` | `'savedModules'` | `guido_{partnerName}_{value}` |
-| `defaultModulesFolderName` | `'defaultModules'` | `guido_{value}` |
+| Config Option | Default Value |
+|--------------|---------------|
+| `savedModulesFolderName` | `'savedModules'` |
+| `defaultModulesFolderName` | `'defaultModules'` |
 
-**Examples with partner name `acme`:**
-
-| Config Value | Result |
-|--------------|--------|
-| `savedModulesFolderName: 'savedModules'` (default) | `guido_acme_savedModules` |
-| `savedModulesFolderName: 'v2_modules'` | `guido_acme_v2_modules` |
-| `defaultModulesFolderName: 'defaultModules'` (default) | `guido_defaultModules` |
-| `defaultModulesFolderName: 'prebuilts'` | `guido_prebuilts` |
+> **Note:** The actual folder paths (e.g., `guido_acme_savedModules`) are configured in the Stripo plugin panel using variable substitution like `${savedModulesFolderName}`.
 
 ---
 

package/dist/@types/config/schemas.js

@@ -1,4 +1,5 @@
-import { object as o, number as p, optional as e, string as t, pipe as u, picklist as n, custom as b, boolean as a, array as c, minLength as d, literal as r, variant as k } from "../../node_modules/valibot/dist/index.js";
+import { ModuleFolderDefaults as b } from "../../enums/defaults.js";
+import { object as o, number as p, optional as e, string as t, pipe as u, picklist as n, custom as S, boolean as a, array as c, minLength as d, literal as r, variant as k } from "../../node_modules/valibot/dist/index.js";
 const m = {
   /** Promotional/marketing emails */
   PROMOTIONAL: 1,
@@ -11,7 +12,7 @@ const m = {
   ARCHITECT: 49,
   /** Unsubscribe page builder */
   UNSUBSCRIBE_PAGES: 97
-}, S = o({
+}, h = o({
   /** Unique identifier for the template being edited */
   templateId: u(
     t(),
@@ -24,7 +25,7 @@ const m = {
   ),
   /** Optional variation ID for A/B testing */
   variationId: e(t())
-}), h = o({
+}), y = o({
   /** Partner/organization name (required) */
   name: u(
     t(),
@@ -46,7 +47,7 @@ const m = {
   ),
   /** Display name for the current user */
   username: e(t(), "Guido User")
-}), y = o({
+}), f = o({
   /** Display text for the dynamic content */
   text: t(),
   /** Template variable value (e.g., {{username}}) */
@@ -60,21 +61,21 @@ const m = {
       value: t()
     })
   )
-}), f = o({
+}), R = o({
   /** Initial HTML content */
   html: e(t(), ""),
   /** Initial CSS content */
   css: e(t(), ""),
   /** Preselected dynamic content items */
   preselectedDynamicContent: e(
-    c(y),
+    c(f),
     []
   ),
   /** Selected unsubscribe page IDs */
   selectedUnsubscribePages: e(c(p()), []),
   /** Force recreate template in Stripo storage (use true when updating externally modified templates) */
   forceRecreate: e(a(), !1)
-}), R = o({
+}), A = o({
   /** Sender display name */
   senderName: e(t(), ""),
   /** Email subject line */
@@ -87,17 +88,17 @@ const m = {
   /** Migration date for template compatibility */
   migrationDate: e(p(), 1759696858),
   /** Email header settings */
-  emailHeader: e(R, { senderName: "", subject: "" }),
-  /** Custom folder name for user-saved modules (sent to Stripo as guido_{partnerName}_{savedModulesFolderName}) */
-  savedModulesFolderName: e(t(), "savedModules"),
-  /** Custom folder name for default/prebuilt modules (sent to Stripo as guido_{defaultModulesFolderName}) */
-  defaultModulesFolderName: e(t(), "defaultModules")
-}), I = o({
+  emailHeader: e(A, { senderName: "", subject: "" }),
+  /** Folder name for user-saved modules (used by Stripo plugin panel for path construction) */
+  savedModulesFolderName: e(t(), b.SAVED_MODULES),
+  /** Folder name for default/prebuilt modules (used by Stripo plugin panel for path construction) */
+  defaultModulesFolderName: e(t(), b.DEFAULT_MODULES)
+}), T = o({
   /** Whether to show the header bar */
   showHeader: e(a(), !0),
   /** Custom label for back button (if shown) */
   backButtonLabel: e(t())
-}), T = o({
+}), I = o({
   /** Enable dynamic content insertion */
   dynamicContent: e(a(), !0),
   /** Enable save as template functionality */
@@ -112,7 +113,7 @@ const m = {
   unsubscribe: e(a(), !0),
   /** Disable modules panel in the editor */
   modulesDisabled: e(a(), !1)
-}), A = n([
+}), E = n([
   "amp-accordion",
   "amp-carousel",
   "amp-form-controls",
@@ -134,10 +135,10 @@ const m = {
   "unsubscribe-block",
   "coupon-block",
   "items-block"
-]), N = o({
+]), O = o({
   /** Default blocks to exclude from the editor */
   excludeDefaults: e(
-    c(A),
+    c(E),
     []
   ),
   /** Custom blocks to include in the editor */
@@ -152,7 +153,7 @@ const m = {
   description: e(t()),
   /** Priority for rule ordering (lower = earlier) */
   priority: p()
-}), M = o({
+}), L = o({
   ...l.entries,
   type: r("replace"),
   /** String to search for */
@@ -161,7 +162,7 @@ const m = {
   replacement: t(),
   /** Replace all occurrences (default: false) */
   replaceAll: e(a())
-}), O = o({
+}), M = o({
   ...l.entries,
   type: r("regex"),
   /** Regex pattern string */
@@ -170,82 +171,82 @@ const m = {
   replacement: t(),
   /** Regex flags (e.g., 'gi') */
   flags: e(t())
-}), v = o({
+}), N = o({
   ...l.entries,
   type: r("remove"),
   /** Strings or patterns to remove */
   targets: c(t())
-}), E = o({
+}), D = o({
   ...l.entries,
   type: r("custom"),
   /** Custom processor function */
-  processor: b(
+  processor: S(
     (i) => typeof i == "function",
     "processor must be a function"
   )
-}), L = k("type", [
+}), v = k("type", [
+  L,
   M,
-  O,
-  v,
-  E
-]), x = o({
+  N,
+  D
+]), U = o({
   /** Custom compiler rules to apply */
-  customRules: e(c(L), []),
+  customRules: e(c(v), []),
   /** Skip default compiler rules */
   ignoreDefaultRules: e(a(), !1)
-}), B = o({
+}), x = o({
   /**
    * External validation handler called before save completes.
    * Return false to cancel the save operation.
    */
   externalValidation: e(
-    b(
+    S(
       (i) => typeof i == "function",
       "externalValidation must be a function"
     )
   )
-}), D = o({
+}), H = o({
   // Required sections
   /** Identity configuration (required) */
-  identity: S,
+  identity: h,
   /** Partner configuration (required) */
-  partner: h,
+  partner: y,
   // Optional sections (with defaults)
   /** Template content and presets */
-  template: e(f, {}),
+  template: e(R, {}),
   /** Editor settings */
   editor: e(C, {}),
   /** UI configuration */
-  ui: e(I, {}),
+  ui: e(T, {}),
   /** Feature toggles */
-  features: e(T, {}),
+  features: e(I, {}),
   /** Block configuration */
-  blocks: e(N, {}),
+  blocks: e(O, {}),
   /** Compiler configuration */
-  compiler: e(x, {}),
+  compiler: e(U, {}),
   /** Callbacks and event handlers */
-  callbacks: e(B, {})
+  callbacks: e(x, {})
 });
 export {
-  N as BlocksSchema,
-  B as CallbacksSchema,
-  L as CompilerRuleSchema,
-  x as CompilerSchema,
+  O as BlocksSchema,
+  x as CallbacksSchema,
+  v as CompilerRuleSchema,
+  U as CompilerSchema,
   g as CustomBlockTypeSchema,
-  E as CustomRuleSchema,
-  A as DefaultBlockTypeSchema,
-  y as DynamicContentSchema,
+  D as CustomRuleSchema,
+  E as DefaultBlockTypeSchema,
+  f as DynamicContentSchema,
   C as EditorSchema,
-  R as EmailHeaderSchema,
-  T as FeaturesSchema,
-  D as GuidoConfigSchema,
-  S as IdentitySchema,
+  A as EmailHeaderSchema,
+  I as FeaturesSchema,
+  H as GuidoConfigSchema,
+  h as IdentitySchema,
   m as MessageType,
-  h as PartnerSchema,
+  y as PartnerSchema,
   s as ProductType,
-  O as RegexRuleSchema,
-  v as RemoveRuleSchema,
-  M as ReplaceRuleSchema,
-  f as TemplateSchema,
-  I as UISchema
+  M as RegexRuleSchema,
+  N as RemoveRuleSchema,
+  L as ReplaceRuleSchema,
+  R as TemplateSchema,
+  T as UISchema
 };

package/dist/components/Guido.vue.js

@@ -12,7 +12,7 @@ var t = function() {
   n,
   !1,
   null,
-  "d2b19ebc"
+  "16abb398"
 );
 const v = s.exports;
 export {

package/dist/components/Guido.vue2.js

@@ -1,64 +1,65 @@
-import { defineComponent as B, defineAsyncComponent as N, ref as R, computed as P, watch as z, onMounted as K, onUnmounted as j } from "vue";
-import { provideGuidoActions as q } from "../composables/useGuidoActions.js";
-import { usePartner as J } from "../composables/usePartner.js";
-import { useStripo as Q } from "../composables/useStripo.js";
-import { useTimerClone as V } from "../composables/useTimerClone.js";
-import { migrate as U } from "../config/migrator/index.js";
-import X from "./organisms/base/Toaster.vue.js";
-import Y from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
-import Z from "./organisms/header/HeaderWrapper.vue.js";
-import ee from "./organisms/LoadingWrapper.vue.js";
-import oe from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
-import te from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
-import { useStripoApi as ne } from "../services/stripoApi.js";
+import { defineComponent as z, defineAsyncComponent as M, ref as K, computed as _, watch as V, onMounted as j, onUnmounted as q } from "vue";
+import { provideGuidoActions as J } from "../composables/useGuidoActions.js";
+import { usePartner as Q } from "../composables/usePartner.js";
+import { useStripo as X } from "../composables/useStripo.js";
+import { useTimerClone as Y } from "../composables/useTimerClone.js";
+import { migrate as P } from "../config/migrator/index.js";
+import { ModuleFolderDefaults as A } from "../enums/defaults.js";
+import Z from "./organisms/base/Toaster.vue.js";
+import $ from "./organisms/extensions/recommendation/FilterSelectionDrawer.vue.js";
+import ee from "./organisms/header/HeaderWrapper.vue.js";
+import oe from "./organisms/LoadingWrapper.vue.js";
+import te from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import ne from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
+import { useStripoApi as re } from "../services/stripoApi.js";
 import { useConfigStore as se } from "../stores/config.js";
-import { useDynamicContentStore as re } from "../stores/dynamic-content.js";
-import { useEditorStore as ce } from "../stores/editor.js";
-import { usePreviewStore as ae } from "../stores/preview.js";
-import { useUnsubscribeStore as ie } from "../stores/unsubscribe.js";
-const Me = /* @__PURE__ */ B({
+import { useDynamicContentStore as ce } from "../stores/dynamic-content.js";
+import { useEditorStore as ae } from "../stores/editor.js";
+import { usePreviewStore as ie } from "../stores/preview.js";
+import { useUnsubscribeStore as de } from "../stores/unsubscribe.js";
+const Le = /* @__PURE__ */ z({
   __name: "Guido",
   props: {
     config: null
   },
   emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready", "onboarding:finished", "test-email:click"],
-  setup(W, { expose: I, emit: t }) {
-    const p = W, L = N(
+  setup(N, { expose: W, emit: t }) {
+    const u = N, I = M(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), A = N(
+    ), O = M(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), v = R(), a = re(), y = ie(), s = se();
-    s.init(p.config);
-    const i = ce(), G = ae(), r = P(() => i.hasChanges), { isTestPartner: H } = J(), h = () => {
+    ), p = K(), a = ce(), v = de(), r = se();
+    r.init(u.config);
+    const i = ae(), G = ie(), s = _(() => i.hasChanges), { isTestPartner: H } = Q(), y = () => {
       var e;
-      return (e = v.value) == null ? void 0 : e.handleSave(!0);
+      return (e = p.value) == null ? void 0 : e.handleSave(!0);
     }, {
       templateId: d,
-      userId: f,
-      partnerName: m,
+      userId: h,
+      partnerName: f,
       productType: b,
-      username: g,
+      username: S,
       template: o,
       editor: n
-    } = s, c = (o == null ? void 0 : o.html) || "", S = (o == null ? void 0 : o.css) || "", l = (o == null ? void 0 : o.preselectedDynamicContent) || [], w = (n == null ? void 0 : n.savedModulesFolderName) || "savedModules", C = (n == null ? void 0 : n.defaultModulesFolderName) || "defaultModules";
+    } = r, c = (o == null ? void 0 : o.html) || "", g = (o == null ? void 0 : o.css) || "", m = (o == null ? void 0 : o.preselectedDynamicContent) || [], w = (n == null ? void 0 : n.savedModulesFolderName) || A.SAVED_MODULES, D = (n == null ? void 0 : n.defaultModulesFolderName) || A.DEFAULT_MODULES;
     i.templateId = d;
-    const { initPlugin: D } = Q({
+    const { initPlugin: E } = X({
       emailId: d,
-      userId: f,
-      username: g,
-      partnerName: m,
+      userId: h,
+      username: S,
+      partnerName: f,
       productType: b,
-      preselectedDynamicContentList: l,
-      savedModulesFolderName: `guido_${m}_${w}`,
-      defaultModulesFolderName: `guido_${C}`,
+      preselectedDynamicContentList: m,
+      savedModulesFolderName: w,
+      defaultModulesFolderName: D,
       onReady: () => {
         console.debug("guido:ready"), t("ready");
       }
-    }), { getDefaultTemplate: E } = ne(), { cloneTimersOnSave: k, hasTimerBlocks: F } = V(), O = P(() => {
+    }), { getDefaultTemplate: C } = re(), { cloneTimersOnSave: T, hasTimerBlocks: k } = Y(), x = _(() => {
       var e;
-      return !((e = s.ui) != null && e.showHeader);
+      return !((e = r.ui) != null && e.showHeader);
     });
-    q({
+    J({
       onBack: () => {
         console.debug("guido:back"), t("back");
       },
@@ -72,49 +73,49 @@ const Me = /* @__PURE__ */ B({
         console.debug("guido:test-email:click"), t("test-email:click");
       }
     });
-    const M = (e) => {
+    const F = (e) => {
       console.debug("dynamic-content:close", e), a.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
-    }, T = () => {
+    }, U = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
-    z(() => r.value, () => {
-      t("on-change", r.value);
+    V(() => s.value, () => {
+      t("on-change", s.value);
     });
-    const u = (e) => {
-      const _ = e, { attribute: $, position: x } = _.detail;
-      console.debug("dynamic-content:open", _.detail), t("dynamic-content:open", $, x);
+    const l = (e) => {
+      const L = e, { attribute: B, position: R } = L.detail;
+      console.debug("dynamic-content:open", L.detail), t("dynamic-content:open", B, R);
     };
-    return K(async () => {
+    return j(async () => {
       console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow");
       try {
-        y.selectedUnsubscribePages = (o == null ? void 0 : o.selectedUnsubscribePages) || [];
+        v.selectedUnsubscribePages = (o == null ? void 0 : o.selectedUnsubscribePages) || [];
         let e = {
-          html: c && await U(c),
-          css: S
+          html: c && await P(c),
+          css: g
         };
-        e.html || (e = await E(), e.html = await U(e.html)), F(e.html) && (e.html = await k(e.html)), await D(e), a.selectedDynamicContentList = l;
+        e.html || (e = await C(), e.html = await P(e.html)), k(e.html) && (e.html = await T(e.html)), await E(e), a.selectedDynamicContentList = m;
       } catch (e) {
         console.error("Failed to initialize Stripo editor:", e);
       }
-      document.addEventListener("dynamic-content:open", u);
-    }), j(() => {
-      document.removeEventListener("dynamic-content:open", u);
+      document.addEventListener("dynamic-content:open", l);
+    }), q(() => {
+      document.removeEventListener("dynamic-content:open", l);
       try {
         window.UIEditor.removeEditor();
       } catch {
         console.debug("Failed to remove Stripo editor: No editor found");
       }
-      s.reset();
-    }), I({
+      r.reset();
+    }), W({
       dynamicContent: {
-        insert: M,
-        close: T
+        insert: F,
+        close: U
       },
-      hasChanges: r,
-      saveSilent: h
-    }), { __sfc: !0, PreviewContainer: L, OnboardingWrapper: A, headerWrapperRef: v, dynamicContentStore: a, unsubscribeStore: y, props: p, configStore: s, editorStore: i, previewStore: G, hasChanges: r, isTestPartner: H, saveSilent: h, templateId: d, userId: f, partnerName: m, productType: b, username: g, templateConfig: o, editorConfig: n, html: c, css: S, preselectedDynamicContentList: l, savedModulesFolderName: w, defaultModulesFolderName: C, emit: t, initPlugin: D, getDefaultTemplate: E, cloneTimersOnSave: k, hasTimerBlocks: F, noHeader: O, insertDynamicContent: M, closeDynamicContent: T, handleDynamicContentOpen: u, Toaster: X, FilterSelectionDrawer: Y, HeaderWrapper: Z, LoadingWrapper: ee, SaveAsTemplateDrawer: oe, UnsubscribeWrapper: te };
+      hasChanges: s,
+      saveSilent: y
+    }), { __sfc: !0, PreviewContainer: I, OnboardingWrapper: O, headerWrapperRef: p, dynamicContentStore: a, unsubscribeStore: v, props: u, configStore: r, editorStore: i, previewStore: G, hasChanges: s, isTestPartner: H, saveSilent: y, templateId: d, userId: h, partnerName: f, productType: b, username: S, templateConfig: o, editorConfig: n, html: c, css: g, preselectedDynamicContentList: m, savedModulesFolderName: w, defaultModulesFolderName: D, emit: t, initPlugin: E, getDefaultTemplate: C, cloneTimersOnSave: T, hasTimerBlocks: k, noHeader: x, insertDynamicContent: F, closeDynamicContent: U, handleDynamicContentOpen: l, Toaster: Z, FilterSelectionDrawer: $, HeaderWrapper: ee, LoadingWrapper: oe, SaveAsTemplateDrawer: te, UnsubscribeWrapper: ne };
   }
 });
 export {
-  Me as default
+  Le as default
 };

package/dist/components/organisms/base/Toaster.vue.js

@@ -1,10 +1,10 @@
-import e from "./Toaster.vue2.js";
+import n from "./Toaster.vue2.js";
 import s from "../../../_virtual/_plugin-vue2_normalizer.js";
 var r = function() {
-  var o = this, n = o._self._c, t = o._self._setupProxy;
-  return n(t.InToasts, { attrs: { "action-buttons-config": t.actionButtonsConfig, status: t.store.status, text: t.store.text, type: t.store.type }, on: { actionButtonClick0: t.handleActionClick } });
+  var o = this, e = o._self._c, t = o._self._setupProxy;
+  return e(t.InToasts, { ref: "toastRef", attrs: { "action-buttons-config": t.actionButtonsConfig, status: t.store.status, text: t.store.text, type: t.store.type }, on: { actionButtonClick0: t.handleActionClick } });
 }, a = [], _ = /* @__PURE__ */ s(
-  e,
+  n,
   r,
   a,
   !1,

package/dist/components/organisms/base/Toaster.vue2.js

@@ -1,15 +1,18 @@
-import { defineComponent as n, computed as e } from "vue";
-import { useToasterStore as i } from "../../../stores/toaster.js";
-import { InToasts as c } from "@useinsider/design-system-vue";
-const f = /* @__PURE__ */ n({
+import { defineComponent as a, ref as c, computed as i, onBeforeUnmount as u } from "vue";
+import { useToasterStore as f } from "../../../stores/toaster.js";
+import { InToasts as m } from "@useinsider/design-system-vue";
+const d = /* @__PURE__ */ a({
   __name: "Toaster",
-  setup(s) {
-    const t = i(), o = e(() => t.actionButton ? [{ text: t.actionButton.text }] : []);
-    return { __sfc: !0, store: t, actionButtonsConfig: o, handleActionClick: () => {
+  setup(p) {
+    const t = f(), o = c(null), r = i(() => t.actionButton ? [{ text: t.actionButton.text }] : []), s = () => {
       t.actionButton && t.actionButton.onClick(), t.hideToaster();
-    }, InToasts: c };
+    };
+    return u(() => {
+      var e, n;
+      t.$reset(), (n = (e = o.value) == null ? void 0 : e.$el) == null || n.remove();
+    }), { __sfc: !0, store: t, toastRef: o, actionButtonsConfig: r, handleActionClick: s, InToasts: m };
   }
 });
 export {
-  f as default
+  d as default
 };

package/dist/components/organisms/email-preview/desktop-preview/EmailSizeIndicator.vue.js

@@ -1,16 +1,16 @@
-import i from "./EmailSizeIndicator.vue2.js";
+import s from "./EmailSizeIndicator.vue2.js";
 /* empty css                        */
 import r from "../../../../_virtual/_plugin-vue2_normalizer.js";
 var o = function() {
-  var t = this, s = t._self._c, e = t._self._setupProxy;
-  return e.previewStore.previewHtml ? s("div", { staticClass: "d-f a-i-c j-c-c" }, [s(e.InProgress, { staticClass: "min-w-15-s", attrs: { id: "email-size-progress", "description-status": "", "description-position": "left", description: e.htmlSize, "max-value": e.MAX_EMAIL_SIZE_IN_KB, type: e.progress.type, value: e.progress.value } }), s(e.InTooltip, { staticClass: "d-f ml-1", attrs: { id: "email-size-tooltip", align: "center", position: "bottom", text: e.trans("email-editor.preview-design-size-tooltip") } })], 1) : t._e();
+  var e = this, i = e._self._c, t = e._self._setupProxy;
+  return t.previewStore.previewHtml ? i("div", { staticClass: "d-f a-i-c j-c-c" }, [i(t.InProgress, { staticClass: "min-w-15-s", attrs: { id: "email-size-progress", "description-status": "", "description-position": "left", description: t.htmlSize, "max-value": t.MAX_EMAIL_SIZE_IN_KB, type: t.progress.type, value: t.progress.value } }), i(t.InTooltipV2, { attrs: { id: "email-size-tooltip", "icon-status": "", "static-position": "bottom center", "dynamic-position": !1, text: t.trans("email-editor.preview-design-size-tooltip") } })], 1) : e._e();
 }, a = [], n = /* @__PURE__ */ r(
-  i,
+  s,
   o,
   a,
   !1,
   null,
-  "913a3417"
+  "079d2bf7"
 );
 const m = n.exports;
 export {

package/dist/components/organisms/email-preview/desktop-preview/EmailSizeIndicator.vue2.js

@@ -1,7 +1,7 @@
 import { defineComponent as c, ref as n, computed as l, watch as u } from "vue";
 import { useTranslations as p } from "../../../../composables/useTranslations.js";
 import { usePreviewStore as _ } from "../../../../stores/preview.js";
-import { InTooltip as v, InProgress as f } from "@useinsider/design-system-vue";
+import { InTooltipV2 as v, InProgress as f } from "@useinsider/design-system-vue";
 const S = /* @__PURE__ */ c({
   __name: "EmailSizeIndicator",
   setup(w) {
@@ -17,7 +17,7 @@ const S = /* @__PURE__ */ c({
     }, i = p();
     return u(() => t.previewHtml, () => {
       r();
-    }, { immediate: !0 }), { __sfc: !0, previewStore: t, MAX_EMAIL_SIZE_IN_KB: o, htmlKB: e, progress: s, htmlSize: a, calculateProgress: r, trans: i, InProgress: f, InTooltip: v };
+    }, { immediate: !0 }), { __sfc: !0, previewStore: t, MAX_EMAIL_SIZE_IN_KB: o, htmlKB: e, progress: s, htmlSize: a, calculateProgress: r, trans: i, InProgress: f, InTooltipV2: v };
   }
 });
 export {

package/dist/components/organisms/extensions/recommendation/FilterSelectionDrawer.vue2.js

@@ -1,16 +1,16 @@
 import { defineComponent as n, ref as a, computed as l } from "vue";
 import i from "../../../wrappers/WpDrawer.vue.js";
-import { useTranslations as p } from "../../../../composables/useTranslations.js";
-import { useRecommendationExtensionStore as c } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
+import { useTranslations as c } from "../../../../composables/useTranslations.js";
+import { useRecommendationExtensionStore as p } from "../../../../extensions/Blocks/Recommendation/store/recommendation.js";
 import u from "./Filters.vue.js";
-const b = /* @__PURE__ */ n({
+const v = /* @__PURE__ */ n({
   __name: "FilterSelectionDrawer",
-  setup(m) {
-    const t = p(), o = c(), e = a(!1), s = l(() => ({
+  setup(f) {
+    const r = c(), t = p(), e = a(!1), s = l(() => ({
       primaryButton: {
         styling: "solid",
         type: "primary",
-        labelText: t(
+        labelText: r(
           e.value ? "unsubscription-preference.selecting-type" : "products.select-and-continue"
         ),
         loadingStatus: e.value,
@@ -19,19 +19,20 @@ const b = /* @__PURE__ */ n({
       cancelOrBackButton: {
         styling: "ghost",
         type: "secondary",
-        labelText: t("products.cancel"),
+        labelText: r("products.cancel"),
         disabledStatus: e.value
       }
-    })), r = () => {
-      o.filterSelectionDrawerStatus = !1;
+    })), o = () => {
+      t.closeFilterDrawer();
     };
-    return { __sfc: !0, trans: t, store: o, isApplying: e, footerButtonGroupOptions: s, closeModal: r, applyFilter: () => {
-      e.value = !0, setTimeout(() => {
-        console.debug("Filter applied!"), r(), o.generateFilterQuery();
-      }, 2e3);
+    return { __sfc: !0, trans: r, store: t, isApplying: e, footerButtonGroupOptions: s, closeModal: o, applyFilter: () => {
+      e.value = !0, t.patchCurrentBlockConfig(
+        { filters: t.recommendationConfigs.filters },
+        { triggerRefetch: !0 }
+      ), o(), e.value = !1;
     }, WpDrawer: i, Filters: u };
   }
 });
 export {
-  b as default
+  v as default
 };

package/dist/components/organisms/unsubscribe/UnsubscribePageSelection.vue.js

@@ -16,7 +16,7 @@ var o = function() {
   i,
   !1,
   null,
-  "a86fc486"
+  "df672485"
 );
 const _ = c.exports;
 export {