@useinsider/guido 1.0.0-beta.c798ebe → 1.0.0-beta.c99b3ab

package/dist/composables/useActionsApi.js

@@ -1,54 +1,38 @@
-const w = () => {
-  const s = (t = {}) => new Promise((e, a) => {
-    const i = { ...{
-      minimize: !0,
-      utmEntity: {
-        utmSource: "",
-        utmMedium: "",
-        utmCampaign: "",
-        utmContent: "",
-        utmTerm: "",
-        customUtms: [
-          {
-            name1: "val1",
-            name2: "val2"
-          }
-        ]
-      },
-      mergeTags: ["Tag1", "Tag2"],
-      forseAmp: !1,
-      resetDataSavedFlag: !1,
-      disableLineHeightsReplace: !0
-    }, ...t }, n = {
-      callback: (m, l, c, r, p) => {
-        m ? a(m) : e({
-          html: l,
-          ampHtml: c,
-          ampErrors: r,
-          displayConditions: p
-        });
-      },
-      ...i
-    };
-    window.StripoEditorApi.actionsApi.compileEmail(n);
-  });
-  return { getCompiledEmail: s, activateCustomViewStyles: (t = !0) => {
-    window.StripoEditorApi.actionsApi.activateCustomViewStyles(t);
-  }, getPreviewData: async (t) => {
-    const {
-      html: e,
-      displayConditions: a,
-      ampHtml: o = "",
-      ampErrors: i = []
-    } = await s({ minimize: !1, resetDataSavedFlag: !1, ...t });
-    return {
-      html: e,
-      ampHtml: o,
-      ampErrors: i,
-      displayConditions: a
-    };
-  } };
-};
+const g = () => ({ getCompiledEmail: (t = {}) => new Promise((i, a) => {
+  const s = { ...{
+    minimize: !0,
+    utmEntity: {
+      utmSource: "",
+      utmMedium: "",
+      utmCampaign: "",
+      utmContent: "",
+      utmTerm: "",
+      customUtms: [
+        {
+          name1: "val1",
+          name2: "val2"
+        }
+      ]
+    },
+    mergeTags: ["Tag1", "Tag2"],
+    forseAmp: !1,
+    resetDataSavedFlag: !1,
+    disableLineHeightsReplace: !0
+  }, ...t }, o = {
+    callback: (e, m, l, n, c) => {
+      e ? a(e) : i({
+        html: m,
+        ampHtml: l,
+        ampErrors: n,
+        displayConditions: c
+      });
+    },
+    ...s
+  };
+  window.StripoEditorApi.actionsApi.compileEmail(o);
+}), activateCustomViewStyles: (t = !0) => {
+  window.StripoEditorApi.actionsApi.activateCustomViewStyles(t);
+} });
 export {
-  w as useActionsApi
+  g as useActionsApi
 };

package/dist/composables/useStripo.js

@@ -1,13 +1,13 @@
 import { useActionsApi as g } from "./useActionsApi.js";
 import { useCustomInterfaceAppearance as f } from "./useCustomInterfaceAppearance.js";
-import { useToaster as E } from "./useToaster.js";
-import { displayConditions as S } from "../enums/displayConditions.js";
-import y from "../extensions/DynamicContent/extension.js";
-import { useStripoApi as C } from "../services/stripoApi.js";
-import { useEditorStore as w } from "../stores/editor.js";
+import { useToaster as S } from "./useToaster.js";
+import { displayConditions as C } from "../enums/displayConditions.js";
+import E from "../extensions/DynamicContent/extension.js";
+import { useStripoApi as y } from "../services/stripoApi.js";
+import { useEditorStore as h } from "../stores/editor.js";
 const A = (a) => {
-  const { handleError: d } = E(), { getToken: c, getCustomFonts: u } = C(), l = (e, r = []) => {
-    const i = w(), { html: t, css: s, forceRecreate: m } = e;
+  const { handleError: d } = S(), { getToken: c, getCustomFonts: u } = y(), l = (e, r = []) => {
+    const i = h(), { html: t, css: s, forceRecreate: m } = e;
     window.UIEditor.initEditor(
       document.querySelector("#guido-editor"),
       {
@@ -30,7 +30,8 @@ const A = (a) => {
                 `,
         conditionsEnabled: !0,
         customConditionsEnabled: !0,
-        conditionCategories: S,
+        conditionCategories: C,
+        enableXSSSecurity: !0,
         messageSettingsEnabled: !1,
         editorFonts: {
           showDefaultStandardFonts: !0,
@@ -62,8 +63,11 @@ const A = (a) => {
         onVersionHistoryVisibilityChanged(o) {
           i.isVersionHistoryOpen = o;
         },
+        onDataChanged() {
+          i.hasChanges = !0;
+        },
         ignoreClickOutsideSelectors: ["#guido-dynamic-content-modal"],
-        extensions: [y]
+        extensions: [E]
       }
     );
   }, p = (e) => new Promise((r, i) => {

package/dist/composables/useValidation.d.ts

@@ -0,0 +1,30 @@
+import { type BaseIssue, type BaseSchema } from 'valibot';
+import { type Ref } from 'vue';
+type Base = BaseSchema<unknown, unknown, BaseIssue<unknown>>;
+type MaybeRefOrGetter<T> = T | Ref<T> | (() => T);
+export declare function useValidation<const Schema extends Base = Base>(input: MaybeRefOrGetter<unknown>, schema: Schema): {
+    schema: Schema;
+    validate: () => {
+        error: import("valibot").InferIssue<Schema> | undefined;
+        errorMessage: string;
+        typed: true;
+        success: true;
+        output: import("valibot").InferOutput<Schema>;
+        issues: undefined;
+    } | {
+        error: import("valibot").InferIssue<Schema> | undefined;
+        errorMessage: string;
+        typed: true;
+        success: false;
+        output: import("valibot").InferOutput<Schema>;
+        issues: [import("valibot").InferIssue<Schema>, ...import("valibot").InferIssue<Schema>[]];
+    } | {
+        error: import("valibot").InferIssue<Schema> | undefined;
+        errorMessage: string;
+        typed: false;
+        success: false;
+        output: unknown;
+        issues: [import("valibot").InferIssue<Schema>, ...import("valibot").InferIssue<Schema>[]];
+    };
+};
+export {};

package/dist/composables/useValidation.js

@@ -0,0 +1,19 @@
+import { safeParse as i } from "../node_modules/valibot/dist/index.js";
+import { unref as u } from "vue";
+function l(a, e) {
+  return {
+    schema: e,
+    validate: () => {
+      var s, t, o;
+      const r = i(e, u(a), { abortPipeEarly: !0 });
+      return {
+        ...r,
+        error: (s = r.issues) == null ? void 0 : s[0],
+        errorMessage: ((o = (t = r.issues) == null ? void 0 : t[0]) == null ? void 0 : o.message) || ""
+      };
+    }
+  };
+}
+export {
+  l as useValidation
+};

package/dist/composables/validators/saveAsTemplate.d.ts

@@ -0,0 +1,26 @@
+import type { Ref } from 'vue';
+export declare const useTemplateNameValidator: (name: Ref<string>) => {
+    schema: import("valibot").SchemaWithPipe<readonly [import("valibot").StringSchema<undefined>, import("valibot").NonEmptyAction<string, string>, import("valibot").MaxLengthAction<string, 255, string>]>;
+    validate: () => {
+        error: import("valibot").StringIssue | import("valibot").NonEmptyIssue<string> | import("valibot").MaxLengthIssue<string, 255> | undefined;
+        errorMessage: string;
+        typed: true;
+        success: true;
+        output: string;
+        issues: undefined;
+    } | {
+        error: import("valibot").StringIssue | import("valibot").NonEmptyIssue<string> | import("valibot").MaxLengthIssue<string, 255> | undefined;
+        errorMessage: string;
+        typed: true;
+        success: false;
+        output: string;
+        issues: [import("valibot").StringIssue | import("valibot").NonEmptyIssue<string> | import("valibot").MaxLengthIssue<string, 255>, ...(import("valibot").StringIssue | import("valibot").NonEmptyIssue<string> | import("valibot").MaxLengthIssue<string, 255>)[]];
+    } | {
+        error: import("valibot").StringIssue | import("valibot").NonEmptyIssue<string> | import("valibot").MaxLengthIssue<string, 255> | undefined;
+        errorMessage: string;
+        typed: false;
+        success: false;
+        output: unknown;
+        issues: [import("valibot").StringIssue | import("valibot").NonEmptyIssue<string> | import("valibot").MaxLengthIssue<string, 255>, ...(import("valibot").StringIssue | import("valibot").NonEmptyIssue<string> | import("valibot").MaxLengthIssue<string, 255>)[]];
+    };
+};

package/dist/composables/validators/saveAsTemplate.js

@@ -0,0 +1,21 @@
+import { pipe as r, maxLength as i, nonEmpty as n, string as o } from "../../node_modules/valibot/dist/index.js";
+import { useTranslations as s } from "../useTranslations.js";
+import { useValidation as m } from "../useValidation.js";
+const u = (e) => {
+  const t = s(), a = 255;
+  return m(e, r(
+    o(),
+    n(t("whatsapp-business.template-name-required")),
+    i(
+      a,
+      t("validations.enter-up-to-x-characters", {
+        article: "a",
+        field: t("products.template-name"),
+        max: a
+      })
+    )
+  ));
+};
+export {
+  u as useTemplateNameValidator
+};

package/dist/enums/defaults.js

@@ -1,12 +1,8 @@
-const e = {
-  translationsPath: "window.trans.en",
-  emailHeader: {
-    senderName: "",
-    subject: ""
-  }
-}, t = "newsletter", n = "Guido User";
+const t = {
+  translationsPath: "window.trans.en"
+}, e = "newsletter", n = "Guido User";
 export {
-  e as DefaultGuidoConfig,
-  t as DefaultProductType,
+  t as DefaultGuidoConfig,
+  e as DefaultProductType,
   n as DefaultUsername
 };

package/dist/guido.css

@@ -1 +1 @@
-.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}[data-v-6a2bde67] .guido__verion-history-view-option-selection-desktop svg,[data-v-6a2bde67] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6a2bde67] .in-segments-wrapper__button_selected,[data-v-6a2bde67] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-c4fe2637] .guido__view-option-selection-desktop svg,[data-v-c4fe2637] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-c4fe2637] .in-segments-wrapper__button_selected,[data-v-c4fe2637] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.guido-editor__wrapper[data-v-5fe1cbdf],.guido-editor__container[data-v-5fe1cbdf]{width:100%;height:calc(100vh - 75px)}.error-list[data-v-cfb613b7]{gap:16px}[data-v-bd212ce2] .in-progress-wrapper__progress p span:last-child{display:none!important}.desktop-preview-container[data-v-9c6e7ff0],[data-v-9c6e7ff0] .desktop-preview-container .in-container{min-height:720px!important;height:100%}.cropped-text[data-v-d3bb77b4]{width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.version-history-item[data-v-ee4b9c3f]{flex-basis:200px}.version-history-wrapper[data-v-52a77eec]{gap:8px}[data-v-6a2bde67] .guido__verion-history-view-option-selection-desktop svg,[data-v-6a2bde67] .guido__verion-history-view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-6a2bde67] .in-segments-wrapper__button_selected,[data-v-6a2bde67] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}[data-v-0fff376c] .guido__view-option-selection-desktop svg,[data-v-0fff376c] .guido__view-option-selection-mobile svg{margin:0 0 0 2px}[data-v-0fff376c] .in-segments-wrapper__button_selected,[data-v-0fff376c] .in-segments-wrapper__button_selected:hover{background-color:#dae1fb}.guido-editor__wrapper[data-v-202b6818],.guido-editor__container[data-v-202b6818]{width:100%;height:calc(100vh - 75px)}

package/dist/mock/api/template-library.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("msw").HttpHandler[];
+export default _default;

package/dist/node_modules/valibot/dist/index.js

@@ -0,0 +1,157 @@
+var a;
+// @__NO_SIDE_EFFECTS__
+function f(e) {
+  return {
+    lang: (e == null ? void 0 : e.lang) ?? (a == null ? void 0 : a.lang),
+    message: e == null ? void 0 : e.message,
+    abortEarly: (e == null ? void 0 : e.abortEarly) ?? (a == null ? void 0 : a.abortEarly),
+    abortPipeEarly: (e == null ? void 0 : e.abortPipeEarly) ?? (a == null ? void 0 : a.abortPipeEarly)
+  };
+}
+var p;
+// @__NO_SIDE_EFFECTS__
+function E(e) {
+  return p == null ? void 0 : p.get(e);
+}
+var y;
+// @__NO_SIDE_EFFECTS__
+function k(e) {
+  return y == null ? void 0 : y.get(e);
+}
+var m;
+// @__NO_SIDE_EFFECTS__
+function P(e, n) {
+  var s;
+  return (s = m == null ? void 0 : m.get(e)) == null ? void 0 : s.get(n);
+}
+// @__NO_SIDE_EFFECTS__
+function $(e) {
+  var s, r;
+  const n = typeof e;
+  return n === "string" ? `"${e}"` : n === "number" || n === "bigint" || n === "boolean" ? `${e}` : n === "object" || n === "function" ? (e && ((r = (s = Object.getPrototypeOf(e)) == null ? void 0 : s.constructor) == null ? void 0 : r.name)) ?? "null" : n;
+}
+function c(e, n, s, r, u) {
+  const g = u && "input" in u ? u.input : s.value, t = (u == null ? void 0 : u.expected) ?? e.expects ?? null, v = (u == null ? void 0 : u.received) ?? /* @__PURE__ */ $(g), i = {
+    kind: e.kind,
+    type: e.type,
+    input: g,
+    expected: t,
+    received: v,
+    message: `Invalid ${n}: ${t ? `Expected ${t} but r` : "R"}eceived ${v}`,
+    requirement: e.requirement,
+    path: u == null ? void 0 : u.path,
+    issues: u == null ? void 0 : u.issues,
+    lang: r.lang,
+    abortEarly: r.abortEarly,
+    abortPipeEarly: r.abortPipeEarly
+  }, b = e.kind === "schema", l = (u == null ? void 0 : u.message) ?? e.message ?? /* @__PURE__ */ P(e.reference, i.lang) ?? (b ? /* @__PURE__ */ k(i.lang) : null) ?? r.message ?? /* @__PURE__ */ E(i.lang);
+  l !== void 0 && (i.message = typeof l == "function" ? (
+    // @ts-expect-error
+    l(i)
+  ) : l), b && (s.typed = !1), s.issues ? s.issues.push(i) : s.issues = [i];
+}
+// @__NO_SIDE_EFFECTS__
+function d(e) {
+  return {
+    version: 1,
+    vendor: "valibot",
+    validate(n) {
+      return e["~run"]({ value: n }, /* @__PURE__ */ f());
+    }
+  };
+}
+// @__NO_SIDE_EFFECTS__
+function _(e, n) {
+  return {
+    kind: "validation",
+    type: "max_length",
+    reference: _,
+    async: !1,
+    expects: `<=${e}`,
+    requirement: e,
+    message: n,
+    "~run"(s, r) {
+      return s.typed && s.value.length > this.requirement && c(this, "length", s, r, {
+        received: `${s.value.length}`
+      }), s;
+    }
+  };
+}
+// @__NO_SIDE_EFFECTS__
+function x(e) {
+  return {
+    kind: "validation",
+    type: "non_empty",
+    reference: x,
+    async: !1,
+    expects: "!0",
+    message: e,
+    "~run"(n, s) {
+      return n.typed && n.value.length === 0 && c(this, "length", n, s, {
+        received: "0"
+      }), n;
+    }
+  };
+}
+// @__NO_SIDE_EFFECTS__
+function S(e) {
+  return {
+    kind: "schema",
+    type: "string",
+    reference: S,
+    expects: "string",
+    async: !1,
+    message: e,
+    get "~standard"() {
+      return /* @__PURE__ */ d(this);
+    },
+    "~run"(n, s) {
+      return typeof n.value == "string" ? n.typed = !0 : c(this, "type", n, s), n;
+    }
+  };
+}
+// @__NO_SIDE_EFFECTS__
+function M(...e) {
+  return {
+    ...e[0],
+    pipe: e,
+    get "~standard"() {
+      return /* @__PURE__ */ d(this);
+    },
+    "~run"(n, s) {
+      for (const r of e)
+        if (r.kind !== "metadata") {
+          if (n.issues && (r.kind === "schema" || r.kind === "transformation")) {
+            n.typed = !1;
+            break;
+          }
+          (!n.issues || !s.abortEarly && !s.abortPipeEarly) && (n = r["~run"](n, s));
+        }
+      return n;
+    }
+  };
+}
+// @__NO_SIDE_EFFECTS__
+function j(e, n, s) {
+  const r = e["~run"]({ value: n }, /* @__PURE__ */ f(s));
+  return {
+    typed: r.typed,
+    success: !r.issues,
+    output: r.value,
+    issues: r.issues
+  };
+}
+export {
+  c as _addIssue,
+  d as _getStandardProps,
+  $ as _stringify,
+  f as getGlobalConfig,
+  E as getGlobalMessage,
+  k as getSchemaMessage,
+  P as getSpecificMessage,
+  _ as maxLength,
+  x as nonEmpty,
+  M as pipe,
+  j as safeParse,
+  S as string
+};

package/dist/stores/editor.d.ts

@@ -1,5 +1,7 @@
 export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
     isCodeEditorOpen: boolean;
+    isSaveAsTemplateDrawerOpen: boolean;
     isVersionHistoryOpen: boolean;
     editorVisualMode: string;
+    hasChanges: boolean;
 }, {}, {}>;

package/dist/stores/editor.js

@@ -1,11 +1,13 @@
 import { defineStore as e } from "pinia";
-const t = e("editor", {
+const o = e("editor", {
   state: () => ({
     isCodeEditorOpen: !1,
+    isSaveAsTemplateDrawerOpen: !1,
     isVersionHistoryOpen: !1,
-    editorVisualMode: "desktop"
+    editorVisualMode: "desktop",
+    hasChanges: !1
   })
 });
 export {
-  t as useEditorStore
+  o as useEditorStore
 };

package/dist/stores/save-as-template.d.ts

@@ -0,0 +1,25 @@
+import type { MappedCategory } from '@@/Types/save-as-template';
+interface StoreState {
+    templateName: string;
+    categories: MappedCategory[];
+    selectedCategories: MappedCategory[];
+    skeletonStatus: boolean;
+}
+export declare const useSaveAsTemplateStore: import("pinia").StoreDefinition<"saveAsTemplate", StoreState, {
+    getTemplateName: (state: {
+        templateName: string;
+        categories: {
+            value: string;
+            text: string;
+        }[];
+        selectedCategories: {
+            value: string;
+            text: string;
+        }[];
+        skeletonStatus: boolean;
+    } & import("pinia").PiniaCustomStateProperties<StoreState>) => string;
+}, {
+    fetchCategories(): Promise<void>;
+    createCategory(category: string): Promise<void>;
+}>;
+export {};

package/dist/stores/save-as-template.js

@@ -0,0 +1,44 @@
+import { useHttp as s } from "../composables/useHttp.js";
+import { useToaster as o } from "../composables/useToaster.js";
+import { defineStore as i } from "pinia";
+const c = () => ({
+  templateName: "",
+  categories: [],
+  selectedCategories: [],
+  skeletonStatus: !0
+}), { get: l, post: m } = s(), { handleError: r } = o(), d = i("saveAsTemplate", {
+  state: () => c(),
+  getters: {
+    getTemplateName: (e) => e.templateName.trim()
+  },
+  actions: {
+    async fetchCategories() {
+      try {
+        const { data: e = [] } = await l("/newsletter/template-library/get-template-categories");
+        this.categories = e.map((t) => ({
+          value: t.id.toString(),
+          text: t.name
+        }));
+      } catch (e) {
+        r(e, "Failed to fetch template categories");
+      }
+    },
+    async createCategory(e) {
+      try {
+        const { data: { id: t } } = await m(
+          "/newsletter/template-library/create-category",
+          { category: e }
+        ), a = {
+          value: t.toString(),
+          text: e
+        };
+        this.categories.push(a), this.selectedCategories.push(a);
+      } catch (t) {
+        r(t, "Failed to create category");
+      }
+    }
+  }
+});
+export {
+  d as useSaveAsTemplateStore
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "1.0.0-beta.c798ebe",
+  "version": "1.0.0-beta.c99b3ab",
   "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",
@@ -35,6 +35,7 @@
     "@vuelidate/validators": "2.0.4",
     "lodash-es": "4.17.21",
     "pinia": "2.3.1",
+    "valibot": "1.1.0",
     "vite": "6.3.5",
     "vue": "2.7.14"
   },

package/dist/components/organisms/email-preview/PreviewContainer.vue.js

@@ -1,19 +0,0 @@
-import i from "./PreviewContainer.vue2.js";
-import o from "../../../_virtual/_plugin-vue2_normalizer.js";
-var t = function() {
-  var s = this, e = s._self._c, r = s._self._setupProxy;
-  return e("div", { staticClass: "d-f f-d-c h-1 b-c-5 bor-r-2 pb-5" }, [e("div", { staticClass: "f-g-1 d-f p-5 o-a g-4 min-h-600" }, [r.previewStore.isLoading ? [e("div", { staticClass: "d-f a-i-c j-c-c w-1 h-1 f-g-1" }, [e(r.InLoading, { attrs: { "color-class": "i-c-1", size: "32" } })], 1)] : [e(r.DesktopPreview, { staticClass: "f-g-1 min-w-0" }), e(r.MobilePreview, { staticClass: "f-0 min-w-a" })]], 2), r.previewStore.isAMPErrorModalVisible ? e(r.AmpErrorModal, { on: { close: function(l) {
-    return r.previewStore.closeErrorModal();
-  } } }) : s._e()], 1);
-}, a = [], n = /* @__PURE__ */ o(
-  i,
-  t,
-  a,
-  !1,
-  null,
-  null
-);
-const d = n.exports;
-export {
-  d as default
-};

package/dist/components/organisms/email-preview/PreviewContainer.vue2.js

@@ -1,19 +0,0 @@
-import { defineComponent as r, onMounted as t } from "vue";
-import { usePreviewMode as i } from "../../../composables/usePreviewMode.js";
-import { usePreviewStore as m } from "../../../stores/preview.js";
-import { InLoading as n } from "@useinsider/design-system-vue";
-import p from "./amp/AmpErrorModal.vue.js";
-import f from "./desktop-preview/DesktopPreview.vue.js";
-import s from "./mobile-preview/MobilePreview.vue.js";
-const l = /* @__PURE__ */ r({
-  __name: "PreviewContainer",
-  setup(a) {
-    const { loadPreviewData: o } = i(), e = m();
-    return t(() => {
-      o();
-    }), { __sfc: !0, loadPreviewData: o, previewStore: e, InLoading: n, AmpErrorModal: p, DesktopPreview: f, MobilePreview: s };
-  }
-});
-export {
-  l as default
-};

package/dist/components/organisms/email-preview/amp/AmpErrorModal.vue.d.ts

@@ -1,4 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {
-    close: () => void;
-}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _default;

package/dist/components/organisms/email-preview/amp/AmpErrorModal.vue.js

@@ -1,22 +0,0 @@
-import s from "./AmpErrorModal.vue2.js";
-/* empty css                   */
-import a from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var n = function() {
-  var e = this, r = e._self._c, t = e._self._setupProxy;
-  return r(t.WpModal, { attrs: { id: "amp-error-modal", size: "medium", description: t.trans("email-editor.amp-validation-description"), "footer-button-options": t.footerButtonOptions, title: t.trans("email-editor.amp-validation-title") }, on: { close: function(o) {
-    return t.emit("close");
-  }, "primary-action": t.handleFixInCodeEditor } }, [r("div", { staticClass: "d-f f-d-c" }, [r("div", { staticClass: "mb-3" }, [r("div", { staticClass: "l-s-5 f-s-1 f-w-600 t-c-55 t-t-u" }, [e._v(" " + e._s(t.errorCountText) + " ")])]), r("div", { staticClass: "d-f f-d-c g-13 max-h-21-s o-y-a error-list" }, e._l(t.previewStore.ampErrors, function(o, i) {
-    return r(t.InOnPageMessage, { key: i, attrs: { icon: "filled-error-box", size: "medium", type: "alert", text: o } });
-  }), 1)])]);
-}, l = [], d = /* @__PURE__ */ a(
-  s,
-  n,
-  l,
-  !1,
-  null,
-  "cfb613b7"
-);
-const _ = d.exports;
-export {
-  _ as default
-};

package/dist/components/organisms/email-preview/amp/AmpErrorModal.vue2.js

@@ -1,30 +0,0 @@
-import { defineComponent as p, ref as m, computed as c } from "vue";
-import d from "../../../wrappers/WpModal.vue.js";
-import { useCodeEditorApi as l } from "../../../../composables/useCodeEditorApi.js";
-import { usePreviewMode as u } from "../../../../composables/usePreviewMode.js";
-import { useTranslations as f } from "../../../../composables/useTranslations.js";
-import { usePreviewStore as _ } from "../../../../stores/preview.js";
-import { InOnPageMessage as g } from "@useinsider/design-system-vue";
-const P = /* @__PURE__ */ p({
-  __name: "AmpErrorModal",
-  emits: ["close"],
-  setup(x, { emit: e }) {
-    const o = f(), { closePreviewMode: r } = u(), { openCodeEditor: t } = l(), n = _(), s = m({
-      cancelOrBackButton: {
-        type: "secondary",
-        labelText: o("campaign-builder.cancel"),
-        styling: "ghost"
-      },
-      primaryButton: {
-        type: "primary",
-        labelText: o("email-editor.amp-validation-fix")
-      }
-    }), i = () => {
-      e("close"), r(), t();
-    }, a = c(() => `${o("products.errors")}(${n.ampErrors.length})`);
-    return { __sfc: !0, emit: e, trans: o, closePreviewMode: r, openCodeEditor: t, previewStore: n, footerButtonOptions: s, handleFixInCodeEditor: i, errorCountText: a, WpModal: d, InOnPageMessage: g };
-  }
-});
-export {
-  P as default
-};

package/dist/components/organisms/email-preview/amp/AmpToggle.vue.d.ts

@@ -1,2 +0,0 @@
-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;

package/dist/components/organisms/email-preview/amp/AmpToggle.vue.js

@@ -1,19 +0,0 @@
-import o from "./AmpToggle.vue2.js";
-import n from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var s = function() {
-  var r = this, t = r._self._c, e = r._self._setupProxy;
-  return t("div", [t("div", { staticClass: "d-f a-i-c ml-3" }, [t(e.InSegments, { attrs: { id: "guido__amp-toggle", "segment-list": e.segmentList, selected: e.previewStore.emailFormat }, on: { click: e.handleFormatChange } }), e.previewStore.showAMPErrorButton ? t(e.InButtonV2, { staticClass: "ml-2 d-f a-i-c b-c-11 b-c-h-11 t-c-4 t-c-h-4 i-c-4 bor-w-1 bor-s-s bor-c-11 bor-r-2", attrs: { id: "guido__amp-error-button", "left-icon": "line-error-box", type: "danger", "label-text-status": !1 }, on: { click: function(c) {
-    return e.previewStore.openErrorModal();
-  } } }) : r._e()], 1)]);
-}, a = [], i = /* @__PURE__ */ n(
-  o,
-  s,
-  a,
-  !1,
-  null,
-  null
-);
-const d = i.exports;
-export {
-  d as default
-};