@useinsider/guido 1.4.4 → 2.0.0-beta.2d132c0

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

@@ -0,0 +1,44 @@
+import { ProductType as a, MessageType as o } from "./schemas.js";
+a.EMAIL;
+o.PROMOTIONAL;
+const e = [
+  "alfredtesting",
+  "electio",
+  "eurekatest",
+  "gachapontestpart",
+  "gluautomation1",
+  "gluautomation2",
+  "gluautomation3",
+  "gluautomation4",
+  "inone",
+  "inshoppingcart",
+  "krakentest",
+  "leeroy",
+  "newsletteruat",
+  "ozaspava",
+  "piratesquad",
+  "qaautomation1",
+  "qaautomation2",
+  "qaautomation3",
+  "qaautomation4",
+  "roiautomation",
+  "seleniumautomation",
+  "seleniumautomation1",
+  "seleniumautomation2",
+  "seleniumautomation3",
+  "shopbagg",
+  "shopifytest",
+  "singlepageqa",
+  "testqa",
+  "vikingsankara",
+  "stripoeditorlivetest"
+];
+function n(t) {
+  return e.includes(t);
+}
+export {
+  o as MessageType,
+  a as ProductType,
+  e as TEST_PARTNERS,
+  n as isTestPartner
+};

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

@@ -0,0 +1,229 @@
+import { object as o, number as p, optional as e, string as t, pipe as m, picklist as n, boolean as c, array as a, minLength as u, literal as r, custom as d, variant as S } from "../../node_modules/valibot/dist/index.js";
+const i = {
+  /** Promotional/marketing emails */
+  PROMOTIONAL: 1,
+  /** Transactional/system emails */
+  TRANSACTIONAL: 2
+}, s = {
+  /** Standard email campaigns */
+  EMAIL: 60,
+  /** Architect journey builder */
+  ARCHITECT: 49,
+  /** Unsubscribe page builder */
+  UNSUBSCRIBE_PAGES: 97
+}, h = o({
+  /** Unique identifier for the template being edited */
+  templateId: m(
+    t(),
+    u(1, "templateId is required")
+  ),
+  /** Unique identifier for the user editing the template */
+  userId: m(
+    t(),
+    u(1, "userId is required")
+  ),
+  /** Optional variation ID for A/B testing */
+  variationId: e(t())
+}), k = o({
+  /** Partner/organization name (required) */
+  name: m(
+    t(),
+    u(1, "partner.name is required")
+  ),
+  /** Product type identifier */
+  productType: e(
+    n([
+      s.EMAIL,
+      s.ARCHITECT,
+      s.UNSUBSCRIBE_PAGES
+    ]),
+    s.EMAIL
+  ),
+  /** Message type (promotional or transactional) */
+  messageType: e(
+    n([i.PROMOTIONAL, i.TRANSACTIONAL]),
+    i.PROMOTIONAL
+  ),
+  /** Display name for the current user */
+  username: e(t(), "Guido User")
+}), y = o({
+  /** Display text for the dynamic content */
+  text: t(),
+  /** Template variable value (e.g., {{username}}) */
+  value: t(),
+  /** Fallback value if variable is empty */
+  fallback: e(t()),
+  /** Optional formatting options */
+  format: e(
+    o({
+      key: t(),
+      value: t()
+    })
+  )
+}), R = o({
+  /** Initial HTML content */
+  html: e(t(), ""),
+  /** Initial CSS content */
+  css: e(t(), ""),
+  /** Preselected dynamic content items */
+  preselectedDynamicContent: e(
+    a(y),
+    []
+  ),
+  /** Selected unsubscribe page IDs */
+  selectedUnsubscribePages: e(a(p()), [])
+}), C = o({
+  /** Sender display name */
+  senderName: e(t(), ""),
+  /** Email subject line */
+  subject: e(t(), "")
+}), I = o({
+  /** Locale for the editor UI */
+  locale: e(t(), "en"),
+  /** Path to translations object */
+  translationsPath: e(t(), "window.trans.en"),
+  /** Migration date for template compatibility */
+  migrationDate: e(p(), 1759696858),
+  /** Email header settings */
+  emailHeader: e(C, { senderName: "", subject: "" })
+}), T = o({
+  /** Whether to show the header bar */
+  showHeader: e(c(), !0),
+  /** Custom label for back button (if shown) */
+  backButtonLabel: e(t())
+}), A = o({
+  /** Enable dynamic content insertion */
+  dynamicContent: e(c(), !0),
+  /** Enable save as template functionality */
+  saveAsTemplate: e(c(), !0),
+  /** Enable version history */
+  versionHistory: e(c(), !0),
+  /** Enable test message sending */
+  testMessage: e(c(), !0),
+  /** Enable display conditions */
+  displayConditions: e(c(), !0),
+  /** Enable unsubscribe block */
+  unsubscribe: e(c(), !0)
+}), f = n([
+  "amp-accordion",
+  "amp-carousel",
+  "amp-form-controls",
+  "banner-block",
+  "button-block",
+  "html-block",
+  "image-block",
+  "menu-block",
+  "social-block",
+  "spacer-block",
+  "text-block",
+  "timer-block",
+  "video-block"
+]), g = n([
+  "dynamic-content",
+  "checkbox-block",
+  "radio-button-block",
+  "recommendation-block",
+  "unsubscribe-block",
+  "coupon-block",
+  "items-block"
+]), E = o({
+  /** Default blocks to exclude from the editor */
+  excludeDefaults: e(
+    a(f),
+    []
+  ),
+  /** Custom blocks to include in the editor */
+  includeCustoms: e(
+    a(g),
+    []
+  )
+}), l = o({
+  /** Unique identifier for the rule */
+  id: t(),
+  /** Human-readable description */
+  description: e(t()),
+  /** Priority for rule ordering (lower = earlier) */
+  priority: p()
+}), N = o({
+  ...l.entries,
+  type: r("replace"),
+  /** String to search for */
+  search: t(),
+  /** Replacement string */
+  replacement: t(),
+  /** Replace all occurrences (default: false) */
+  replaceAll: e(c())
+}), O = o({
+  ...l.entries,
+  type: r("regex"),
+  /** Regex pattern string */
+  pattern: t(),
+  /** Replacement string (supports $1, $2, etc.) */
+  replacement: t(),
+  /** Regex flags (e.g., 'gi') */
+  flags: e(t())
+}), L = o({
+  ...l.entries,
+  type: r("remove"),
+  /** Strings or patterns to remove */
+  targets: a(t())
+}), v = o({
+  ...l.entries,
+  type: r("custom"),
+  /** Custom processor function */
+  processor: d(
+    (b) => typeof b == "function",
+    "processor must be a function"
+  )
+}), B = S("type", [
+  N,
+  O,
+  L,
+  v
+]), P = o({
+  /** Custom compiler rules to apply */
+  customRules: e(a(B), []),
+  /** Skip default compiler rules */
+  ignoreDefaultRules: e(c(), !1)
+}), x = o({
+  // Required sections
+  /** Identity configuration (required) */
+  identity: h,
+  /** Partner configuration (required) */
+  partner: k,
+  // Optional sections (with defaults)
+  /** Template content and presets */
+  template: e(R, {}),
+  /** Editor settings */
+  editor: e(I, {}),
+  /** UI configuration */
+  ui: e(T, {}),
+  /** Feature toggles */
+  features: e(A, {}),
+  /** Block configuration */
+  blocks: e(E, {}),
+  /** Compiler configuration */
+  compiler: e(P, {})
+});
+export {
+  E as BlocksSchema,
+  B as CompilerRuleSchema,
+  P as CompilerSchema,
+  g as CustomBlockTypeSchema,
+  v as CustomRuleSchema,
+  f as DefaultBlockTypeSchema,
+  y as DynamicContentSchema,
+  I as EditorSchema,
+  C as EmailHeaderSchema,
+  A as FeaturesSchema,
+  x as GuidoConfigSchema,
+  h as IdentitySchema,
+  i as MessageType,
+  k as PartnerSchema,
+  s as ProductType,
+  O as RegexRuleSchema,
+  L as RemoveRuleSchema,
+  N as ReplaceRuleSchema,
+  R as TemplateSchema,
+  T as UISchema
+};

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

@@ -0,0 +1,56 @@
+import { safeParse as n } from "../../node_modules/valibot/dist/index.js";
+import { GuidoConfigSchema as o } from "./schemas.js";
+function i(s) {
+  return s.map((r) => {
+    var e;
+    return `[${((e = r.path) == null ? void 0 : e.map((a) => a.key).join(".")) || "root"}] ${r.message}`;
+  });
+}
+function c(s) {
+  return s.map((r) => {
+    var t;
+    return {
+      path: ((t = r.path) == null ? void 0 : t.map((e) => e.key).join(".")) || "root",
+      message: r.message
+    };
+  });
+}
+function u(s) {
+  const r = n(o, s);
+  return r.success ? {
+    success: !0,
+    data: r.output
+  } : {
+    success: !1,
+    errors: i(r.issues)
+  };
+}
+function p(s) {
+  var t;
+  const r = u(s);
+  if (!r.success)
+    throw new Error(
+      `Invalid GuidoConfig:
+${(t = r.errors) == null ? void 0 : t.join(`
+`)}`
+    );
+  return r.data;
+}
+function m(s) {
+  const r = u(s);
+  return r.success ? r.data : (console.error("[Guido] Invalid configuration:", r.errors), null);
+}
+function d(s) {
+  const r = n(o, s);
+  return r.success ? [] : c(r.issues);
+}
+function g(s) {
+  return n(o, s).success;
+}
+export {
+  d as getValidationErrors,
+  g as isValidConfig,
+  p as parseConfig,
+  m as parseConfigSafe,
+  u as validateConfig
+};

package/dist/components/Guido.vue.js

@@ -12,7 +12,7 @@ var t = function() {
   n,
   !1,
   null,
-  "98181b5a"
+  "9cd25be3"
 );
 const v = s.exports;
 export {

package/dist/components/Guido.vue2.js

@@ -1,134 +1,114 @@
-import { defineComponent as O, defineAsyncComponent as I, ref as z, computed as U, watch as B, onMounted as K, onUnmounted as j } from "vue";
-import { provideGuidoActions as q } from "../composables/useGuidoActions.js";
+import { defineComponent as q, defineAsyncComponent as U, ref as W, computed as I, watch as z, onMounted as K, onUnmounted as M } from "vue";
+import { provideGuidoActions as j } 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 L } from "../config/migrator/index.js";
-import { DefaultUsername as V, DefaultMessageType as X, DefaultGuidoConfig as Y } 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 ie } from "../stores/config.js";
-import { useDynamicContentStore as se } from "../stores/dynamic-content.js";
-import { useEditorStore as ae } from "../stores/editor.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 $ from "./organisms/LoadingWrapper.vue.js";
+import ee from "./organisms/save-as-template/SaveAsTemplateDrawer.vue.js";
+import oe from "./organisms/unsubscribe/UnsubscribeWrapper.vue.js";
+import { useStripoApi as te } from "../services/stripoApi.js";
+import { useConfigStore as ne } from "../stores/config.js";
+import { useDynamicContentStore as re } from "../stores/dynamic-content.js";
+import { useEditorStore as se } from "../stores/editor.js";
 import { usePreviewStore as ce } from "../stores/preview.js";
-import { useUnsubscribeStore as me } from "../stores/unsubscribe.js";
-import de from "../node_modules/lodash-es/merge.js";
-const Ue = /* @__PURE__ */ O({
+import { useToasterStore as ie } from "../stores/toaster.js";
+import { useUnsubscribeStore as ae } from "../stores/unsubscribe.js";
+const Pe = /* @__PURE__ */ q({
   __name: "Guido",
   props: {
-    templateId: null,
-    userId: null,
-    messageType: null,
-    partnerName: null,
-    productType: null,
-    username: null,
-    html: null,
-    css: null,
-    guidoConfig: null,
-    templateConfig: null
+    config: null
   },
   emits: ["dynamic-content:open", "back", "save:start", "save:complete", "on-change", "ready", "onboarding:finished", "test-email:click"],
-  setup(W, { expose: _, emit: o }) {
-    const u = W, A = I(
+  setup(A, { expose: R, emit: t }) {
+    const u = A, F = U(
       () => import("./organisms/email-preview/PreviewContainer.vue.js")
-    ), N = I(
+    ), G = U(
       () => import("./organisms/onboarding/OnboardingWrapper.vue.js")
-    ), p = z(), i = se(), g = me(), f = ie(), s = ae(), F = ce(), n = U(() => s.hasChanges), { getPartnerName: y, getProductType: v, isTestPartner: H } = J(), b = () => {
+    ), p = W(), i = re(), v = ae(), f = ie(), n = ne();
+    n.init(u.config);
+    const a = se(), H = ce(), r = I(() => a.hasChanges), { isTestPartner: O } = J(), y = () => {
       var e;
       return (e = p.value) == null ? void 0 : e.handleSave(!0);
-    }, {
-      templateId: a,
-      userId: C,
-      guidoConfig: h,
-      templateConfig: t,
-      html: r = "",
-      css: S = "",
-      partnerName: c = y(),
-      productType: m = v(),
-      messageType: w = X,
-      username: D = V
-    } = u, d = (t == null ? void 0 : t.preselectedDynamicContentList) || [];
-    s.templateId = a, window.GuidoConfig = de(Y, h), window.GuidoConfig.partner = {
-      partnerName: c,
-      productType: m,
-      messageType: w
-    }, f.templateConfig = t;
-    const { initPlugin: E } = Q({
-      emailId: a,
-      userId: C,
-      username: D,
-      partnerName: c,
-      productType: m,
+    }, { templateId: m, userId: h, partnerName: b, productType: g, username: S, template: o } = n, s = (o == null ? void 0 : o.html) || "", w = (o == null ? void 0 : o.css) || "", d = (o == null ? void 0 : o.preselectedDynamicContent) || [];
+    a.templateId = m;
+    const c = W(!1), { initPlugin: C } = Q({
+      emailId: m,
+      userId: h,
+      username: S,
+      partnerName: b,
+      productType: g,
       preselectedDynamicContentList: d,
       onReady: () => {
-        console.debug("guido:ready"), o("ready");
+        console.debug("guido:ready"), t("ready");
       }
-    }), { getDefaultTemplate: T } = re(), R = U(() => {
+    }), { getDefaultTemplate: D } = te(), { cloneTimersOnSave: E, hasTimerBlocks: T } = V(), x = I(() => {
       var e;
-      return !((e = window.GuidoConfig) != null && e.useHeader);
+      return !((e = n.ui) != null && e.showHeader);
     });
-    q({
+    j({
       onBack: () => {
-        console.debug("guido:back"), o("back");
+        console.debug("guido:back"), t("back");
       },
       onSaveStart: () => {
-        console.debug("guido:save:start"), o("save:start");
+        console.debug("guido:save:start"), t("save:start");
       },
       onSaveComplete: (e) => {
-        console.debug("guido:save:complete", e), o("save:complete", e);
+        console.debug("guido:save:complete", e), t("save:complete", e);
       },
       onTestEmailClick: () => {
-        console.debug("guido:test-email:click"), o("test-email:click");
+        console.debug("guido:test-email:click"), t("test-email:click");
       }
     });
-    const P = (e) => {
+    const k = (e) => {
       console.debug("dynamic-content:close", e), i.setSelectedDynamicContent(e), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: e }));
-    }, k = () => {
+    }, _ = () => {
       console.debug("dynamic-content:close", "Without Data"), document.dispatchEvent(new CustomEvent("dynamic-content:close", { detail: { text: "", value: "" } }));
     };
-    B(() => n.value, () => {
-      o("on-change", n.value);
+    z(() => r.value, () => {
+      t("on-change", r.value);
     });
     const l = (e) => {
-      const G = e, { attribute: x, position: M } = G.detail;
-      console.debug("dynamic-content:open", G.detail), o("dynamic-content:open", x, M);
+      const P = e, { attribute: B, position: N } = P.detail;
+      console.debug("dynamic-content:open", P.detail), t("dynamic-content:open", B, N);
     };
     return K(async () => {
       console.debug("Guido says happy coding 🎉"), console.debug("🚗 Ka-Chow");
       try {
-        g.selectedUnsubscribePages = (t == null ? void 0 : t.selectedUnsubscribePages) || [];
+        v.selectedUnsubscribePages = (o == null ? void 0 : o.selectedUnsubscribePages) || [];
         let e = {
-          html: r && await L(r),
-          css: S,
+          html: s && await L(s),
+          css: w,
           forceRecreate: !0
           // TODO: It should be false for old templates. We will communicate with Stripo
         };
-        e.html || (e = await T(), e.html = await L(e.html)), await E(e), i.selectedDynamicContentList = d;
+        e.html || (e = await D(), e.html = await L(e.html)), T(e.html) && (e.html = await E(e.html)), await C(e), i.selectedDynamicContentList = d;
       } catch (e) {
         console.error("Failed to initialize Stripo editor:", e);
       }
-      document.addEventListener("dynamic-content:open", l);
-    }), j(() => {
-      document.removeEventListener("dynamic-content:open", l);
+      document.addEventListener("dynamic-content:open", l), c.value = !0;
+    }), M(() => {
+      var e;
+      c.value && (f.hideToaster(), (e = document.querySelector("#guido__toaster")) == null || e.remove()), c.value = !1, document.removeEventListener("dynamic-content:open", l);
       try {
         window.UIEditor.removeEditor();
       } catch {
         console.debug("Failed to remove Stripo editor: No editor found");
       }
-    }), _({
+      n.reset();
+    }), R({
       dynamicContent: {
-        insert: P,
-        close: k
+        insert: k,
+        close: _
       },
-      hasChanges: n,
-      saveSilent: b
-    }), { __sfc: !0, PreviewContainer: A, OnboardingWrapper: N, headerWrapperRef: p, dynamicContentStore: i, unsubscribeStore: g, props: u, configStore: f, editorStore: s, previewStore: F, hasChanges: n, getPartnerName: y, getProductType: v, isTestPartner: H, saveSilent: b, templateId: a, userId: C, guidoConfig: h, templateConfig: t, html: r, css: S, partnerName: c, productType: m, messageType: w, username: D, preselectedDynamicContentList: d, emit: o, initPlugin: E, getDefaultTemplate: T, noHeader: R, insertDynamicContent: P, closeDynamicContent: k, handleDynamicContentOpen: l, Toaster: Z, FilterSelectionDrawer: $, HeaderWrapper: ee, LoadingWrapper: oe, SaveAsTemplateDrawer: te, UnsubscribeWrapper: ne };
+      hasChanges: r,
+      saveSilent: y
+    }), { __sfc: !0, PreviewContainer: F, OnboardingWrapper: G, headerWrapperRef: p, dynamicContentStore: i, unsubscribeStore: v, toasterStore: f, props: u, configStore: n, editorStore: a, previewStore: H, hasChanges: r, isTestPartner: O, saveSilent: y, templateId: m, userId: h, partnerName: b, productType: g, username: S, templateConfig: o, html: s, css: w, preselectedDynamicContentList: d, editorReady: c, emit: t, initPlugin: C, getDefaultTemplate: D, cloneTimersOnSave: E, hasTimerBlocks: T, noHeader: x, insertDynamicContent: k, closeDynamicContent: _, handleDynamicContentOpen: l, Toaster: X, FilterSelectionDrawer: Y, HeaderWrapper: Z, LoadingWrapper: $, SaveAsTemplateDrawer: ee, UnsubscribeWrapper: oe };
   }
 });
 export {
-  Ue as default
+  Pe as default
 };

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

@@ -1,17 +1,17 @@
-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, { attrs: { id: "guido__toaster", "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,
   null,
   null
 );
-const l = _.exports;
+const f = _.exports;
 export {
-  l as default
+  f as default
 };

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

@@ -1,20 +1,20 @@
-import { defineComponent as m, computed as o } from "vue";
-import { useConfig as a } from "../../../../composables/useConfig.js";
-import { useTranslations as i } from "../../../../composables/useTranslations.js";
-import { InIcons as c } from "@useinsider/design-system-vue";
-const l = /* @__PURE__ */ m({
+import { defineComponent as i, computed as s } from "vue";
+import { useConfig as c } from "../../../../composables/useConfig.js";
+import { useTranslations as d } from "../../../../composables/useTranslations.js";
+import { InIcons as u } from "@useinsider/design-system-vue";
+const g = /* @__PURE__ */ i({
   __name: "EmailHeaderInfo",
   setup(f) {
-    const { config: t } = a(), n = i(), s = o(() => {
-      var e;
-      return ((e = t.emailHeader) == null ? void 0 : e.senderName) || n("settings.sender-name");
-    }), r = o(() => {
-      var e;
-      return ((e = t.emailHeader) == null ? void 0 : e.subject) || n("email-editor.default-subject");
+    const { config: n } = c(), r = d(), a = s(() => {
+      var e, t, o;
+      return ((o = (t = (e = n.value) == null ? void 0 : e.editor) == null ? void 0 : t.emailHeader) == null ? void 0 : o.senderName) || r("settings.sender-name");
+    }), m = s(() => {
+      var e, t, o;
+      return ((o = (t = (e = n.value) == null ? void 0 : e.editor) == null ? void 0 : t.emailHeader) == null ? void 0 : o.subject) || r("email-editor.default-subject");
     });
-    return { __sfc: !0, config: t, trans: n, senderName: s, subject: r, InIcons: c };
+    return { __sfc: !0, config: n, trans: r, senderName: a, subject: m, InIcons: u };
   }
 });
 export {
-  l as default
+  g as default
 };

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

@@ -1,16 +1,16 @@
 import i from "./EmailSizeIndicator.vue2.js";
 /* empty css                        */
-import r from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var o = function() {
+import o from "../../../../_virtual/_plugin-vue2_normalizer.js";
+var r = function() {
   var s = this, e = s._self._c, t = s._self._setupProxy;
-  return e("div", { staticClass: "d-f a-i-c j-c-c" }, [e(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 } }), e(t.InTooltip, { staticClass: "d-f ml-1", attrs: { id: "email-size-tooltip", align: "center", position: "bottom", text: t.trans("email-editor.preview-design-size-tooltip") } })], 1);
-}, a = [], n = /* @__PURE__ */ r(
+  return e("div", { staticClass: "d-f a-i-c j-c-c" }, [e(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 } }), e(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);
+}, a = [], n = /* @__PURE__ */ o(
   i,
-  o,
+  r,
   a,
   !1,
   null,
-  "c2adc57d"
+  "eb2f9f20"
 );
 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/email-preview/mobile-preview/InboxView.vue.js

@@ -1,18 +1,18 @@
 import e from "./InboxView.vue2.js";
 /* empty css               */
-import a from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var r = function() {
+import r from "../../../../_virtual/_plugin-vue2_normalizer.js";
+var a = function() {
   var s = this, t = s._self._c, c = s._self._setupProxy;
   return t("div", { staticClass: "p-y-13 p-x-3 bor-b-w-1 bor-b-s-s bor-b-c-50 cur-p b-c-4 b-c-h-5 p-3", on: { click: function(_) {
     return c.emit("open-email");
   } } }, [t("div", { staticClass: "d-f j-c-s-b a-i-c w-1" }, [t("div", { staticClass: "f-g-1 min-w-0-s" }, [t("div", { staticClass: "f-s-1 f-w-600 t-c-53 l-h-1 mb-12 cropped-text" }, [s._v(" " + s._s(c.senderName) + " ")]), t("div", { staticClass: "f-s-12 f-w-400 t-c-55 l-h-1 cropped-text" }, [s._v(" " + s._s(c.subject) + " ")])]), t("div", { staticClass: "f-sh-0 ml-2 f-s-12 f-w-400 t-c-55 l-h-1" }, [s._v(" " + s._s(c.trans("product-catalog.today")) + " ")]), t(c.InIcons, { staticClass: "i-c-52", attrs: { name: "line-chevron-right" } })], 1)]);
-}, i = [], n = /* @__PURE__ */ a(
+}, i = [], n = /* @__PURE__ */ r(
   e,
-  r,
+  a,
   i,
   !1,
   null,
-  "f20b3a9b"
+  "4b876c1b"
 );
 const m = n.exports;
 export {