@useinsider/guido 1.0.0-beta.070ce4c → 1.0.0-beta.080866c

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

@@ -7,10 +7,10 @@ const i = /* @__PURE__ */ o({
     title: null,
     description: { default: "" },
     size: { default: "small" },
-    primaryButtonText: { default: "Save" },
+    primaryButtonText: { default: "" },
     primaryButtonDisabled: { type: Boolean, default: !1 },
     primaryButtonLoading: { type: Boolean, default: !1 },
-    cancelButtonText: { default: "Cancel" },
+    cancelButtonText: { default: "" },
     showCancelButton: { type: Boolean, default: !0 },
     className: { default: "" }
   },

package/dist/components/organisms/header/RightSlot.vue.d.ts

@@ -1,2 +1,2 @@
-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<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/dist/components/organisms/header/RightSlot.vue.js

@@ -1,20 +1,17 @@
 import o from "./RightSlot.vue2.js";
-/* empty css               */
 import i from "../../../_virtual/_plugin-vue2_normalizer.js";
-var r = function() {
+var n = function() {
   var s = this, e = s._self._c, t = s._self._setupProxy;
-  return e("div", { staticClass: "d-f header-right-slot" }, [e("div", { staticClass: "d-f" }, [t.editorStore.isVersionHistoryOpen ? e(t.VersionHistoryViewOptions) : e(t.ViewOptions)], 1), e("div", { staticClass: "d-f" }, [e(t.InButtonV2, { attrs: { id: "guido__history-button", "left-icon": "line-architect-version-history", styling: "ghost", type: "secondary", "label-text-status": !1, "selected-status": t.editorStore.isVersionHistoryOpen }, on: { click: t.handleVersionHistory } }), e(t.InButtonV2, { attrs: { id: "guido__export-button", "left-icon": "line-export", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryOpen, "label-text-status": !1 }, on: { click: t.exportHtml } }), e(t.InButtonV2, { attrs: { id: "guido__save-as-button", "left-icon": "line-newsletter-save-as-template", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryOpen, "label-text-status": !1 }, on: { click: t.handleSaveAsTemplate } }), e(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryOpen, "label-text-status": !1 } })], 1), t.editorStore.isVersionHistoryOpen ? e(t.InButtonV2, { attrs: { id: "guido__restore-button", "label-text": "Restore" }, on: { click: function(d) {
-    return t.restoreVersion(t.versionHistoryStore.currentPatch.id);
-  } } }) : e(t.InButtonV2, { attrs: { id: "guido__save-button", "label-text": "Save" } })], 1);
-}, n = [], a = /* @__PURE__ */ i(
+  return e("div", { staticClass: "d-f" }, [e(t.InButtonV2, { attrs: { id: "guido__history-button", "left-icon": "line-architect-version-history", styling: "ghost", type: "secondary", "label-text-status": !1, "selected-status": t.editorStore.isVersionHistoryOpen }, on: { click: t.handleVersionHistory } }), e(t.InButtonV2, { attrs: { id: "guido__export-button", "left-icon": "line-export", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryOpen, "label-text-status": !1 }, on: { click: t.exportHtml } }), e(t.InButtonV2, { attrs: { id: "guido__save-as-button", "left-icon": "line-newsletter-save-as-template", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryOpen, "label-text-status": !1 }, on: { click: t.handleSaveAsTemplate } }), e(t.InButtonV2, { attrs: { id: "guido__test-button", "left-icon": "line-architect-test-journey", styling: "ghost", type: "secondary", "disabled-status": t.editorStore.isVersionHistoryOpen, "label-text-status": !1 } }), e(t.InButtonV2, { staticClass: "ml-3", attrs: { id: "guido__save-button", "label-text": "Save", "disabled-status": t.editorStore.isVersionHistoryOpen } })], 1);
+}, r = [], a = /* @__PURE__ */ i(
   o,
-  r,
   n,
+  r,
   !1,
   null,
-  "78791c47"
+  null
 );
-const p = a.exports;
+const c = a.exports;
 export {
-  p as default
+  c as default
 };

package/dist/components/organisms/header/RightSlot.vue2.js

@@ -1,26 +1,23 @@
-import { defineComponent as n } from "vue";
-import { useExport as p } from "../../../composables/useExport.js";
-import { useVersionHistoryApi as m } from "../../../composables/useVersionHistoryApi.js";
-import { useEditorStore as a } from "../../../stores/editor.js";
-import { useVersionHistoryStore as f } from "../../../stores/version-history.js";
-import { InButtonV2 as l } from "@useinsider/design-system-vue";
-import V from "./version-history/ViewOptions.vue.js";
-import c from "./ViewOptions.vue.js";
-const T = /* @__PURE__ */ n({
+import { defineComponent as s } from "vue";
+import { useExport as n } from "../../../composables/useExport.js";
+import { useVersionHistoryApi as i } from "../../../composables/useVersionHistoryApi.js";
+import { useEditorStore as p } from "../../../stores/editor.js";
+import { InButtonV2 as m } from "@useinsider/design-system-vue";
+const H = /* @__PURE__ */ s({
   __name: "RightSlot",
-  setup(u) {
-    const { exportHtml: t } = p(), { openVersionHistory: r, closeVersionHistory: e, restoreVersion: s } = m(), o = a(), i = f();
-    return { __sfc: !0, exportHtml: t, openVersionHistory: r, closeVersionHistory: e, restoreVersion: s, editorStore: o, versionHistoryStore: i, handleVersionHistory: () => {
+  setup(a) {
+    const { exportHtml: r } = n(), { openVersionHistory: e, closeVersionHistory: t } = i(), o = p();
+    return { __sfc: !0, exportHtml: r, openVersionHistory: e, closeVersionHistory: t, editorStore: o, handleVersionHistory: () => {
       if (o.isVersionHistoryOpen) {
-        e();
+        t();
         return;
       }
-      r();
+      e();
     }, handleSaveAsTemplate: async () => {
       o.isSaveTemplateModalOpen = !0;
-    }, InButtonV2: l, VersionHistoryViewOptions: V, ViewOptions: c };
+    }, InButtonV2: m };
   }
 });
 export {
-  T as default
+  H as default
 };

package/dist/components/organisms/save-template/SaveTemplateModal.vue.js

@@ -1,16 +1,16 @@
-import n from "./SaveTemplateModal.vue2.js";
-import s from "../../../_virtual/_plugin-vue2_normalizer.js";
-var l = function() {
+import s from "./SaveTemplateModal.vue2.js";
+import l from "../../../_virtual/_plugin-vue2_normalizer.js";
+var n = function() {
   var r = this, e = r._self._c, t = r._self._setupProxy;
   return e(t.ModalWrapper, { attrs: { "cancel-button-text": t.trans("products.cancel"), description: t.trans("newsletter.save-template-description"), "is-open": t.props.isOpen, "primary-button-loading": t.saveState.saving || t.isLoadingHtml, "primary-button-text": t.trans("products.save"), title: t.trans("products.save-template") }, on: { cancel: t.closeModal, close: t.closeModal, save: t.saveTemplate } }, [e(t.InTextInput, { staticClass: "mb-5 w-1", attrs: { id: "template-name-input", "with-label": "", name: "templateName", invalid: !!t.validationError, "invalid-message": t.validationError, label: t.trans("products.template-name"), placeholder: t.trans("newsletter.enter-template-name") }, model: { value: t.templateNameInput, callback: function(a) {
     t.templateNameInput = typeof a == "string" ? a.trim() : a;
   }, expression: "templateNameInput" } }), e(t.InMultiSelect, { staticClass: "template-category-dropdown mb-5 w-1", attrs: { "create-option-status": "", "search-status": "", "button-status": !1, "character-limit-validation-text": t.trans("validation-v2.duration-value", {
     min: 1,
     max: t.templateCategorySearchInputLimit
-  }), "create-button-label": t.trans("products.create-new-category"), "label-text": t.trans("products.template-category"), "loading-state": t.categoriesData.loading || t.categoriesData.loadingCreate, "max-character-limit": t.templateCategorySearchInputLimit, options: t.categoriesData.mappedCategories, "placeholder-text": t.trans("products.select-template-category"), value: t.categoriesData.selectedCategories }, on: { addOption: t.addOption, change: t.categoryChangeHandler, resetAllOptions: t.categoryChangeHandler, selectAllOptions: t.categoryChangeHandler } })], 1);
-}, o = [], i = /* @__PURE__ */ s(
+  }), "create-button-label": t.trans("products.create-new-category"), "label-text": t.trans("products.template-category"), "loading-state": t.categoriesData.loading || t.categoriesData.loadingCreate, "max-character-limit": t.templateCategorySearchInputLimit, options: t.categoriesData.mappedCategories, "placeholder-text": t.trans("products.select-template-category"), value: t.categoriesData.selectedCategories }, on: { addOption: t.addOption, change: t.setSelectedCategories, resetAllOptions: t.setSelectedCategories, selectAllOptions: t.setSelectedCategories } })], 1);
+}, o = [], i = /* @__PURE__ */ l(
+  s,
   n,
-  l,
   o,
   !1,
   null,

package/dist/components/organisms/save-template/SaveTemplateModal.vue2.js

@@ -1,90 +1,86 @@
-import { defineComponent as j, ref as o, watch as I } from "vue";
-import { useActionsApi as x } from "../../../composables/useActionsApi.js";
-import { useTemplateCategories as A } from "../../../composables/useTemplateCategories.js";
-import { useTemplateSave as E } from "../../../composables/useTemplateSave.js";
-import { useTemplateValidation as N } from "../../../composables/useTemplateValidation.js";
-import { useToaster as R } from "../../../composables/useToaster.js";
-import { useTranslations as V } from "../../../composables/useTranslations.js";
-import B from "../base/ModalWrapper.vue.js";
-import { InMultiSelect as P, InTextInput as W } from "@useinsider/design-system-vue";
-const Y = /* @__PURE__ */ j({
+import { defineComponent as N, ref as o, watch as C } from "vue";
+import { useActionsApi as O } from "../../../composables/useActionsApi.js";
+import { useTemplateCategories as j } from "../../../composables/useTemplateCategories.js";
+import { useToaster as x } from "../../../composables/useToaster.js";
+import { useTranslations as E } from "../../../composables/useTranslations.js";
+import H from "../base/ModalWrapper.vue.js";
+import { InMultiSelect as R, InTextInput as V } from "@useinsider/design-system-vue";
+import { useSaveAsTemplate as B } from "../../../composables/useSaveAsTemplate.js";
+import { useTemplateNameValidation as P } from "../../../composables/useTemplateNameValidation.js";
+const X = /* @__PURE__ */ N({
   __name: "SaveTemplateModal",
   props: {
     isOpen: { type: Boolean }
   },
   emits: ["close"],
-  setup(w, { emit: u }) {
-    const p = w, l = V(), { showToaster: r } = R(), { getCompiledEmail: v } = x(), {
-      data: _,
+  setup(I, { emit: u }) {
+    const p = I, l = E(), { showToaster: r } = x(), { getCompiledEmail: v } = O(), {
+      data: w,
       fetchCategories: f,
       createCategory: d,
-      setSelectedCategories: y,
-      resetSelection: g,
-      getSelectedCategoryIds: T
-    } = A(), {
+      setSelectedCategories: _,
+      resetSelection: y,
+      getSelectedCategoryIds: g
+    } = j(), {
       state: M,
-      saveTemplate: h
-    } = E(), t = o(""), a = o(!1), n = o(!1), s = o(""), b = 40, {
-      validationError: D,
-      validateTemplateName: i,
-      clearValidation: c
-    } = N(), m = () => {
-      t.value = "", g(), c(), s.value = "";
-    }, C = () => {
+      saveTemplate: T
+    } = B(), {
+      validationError: b,
+      validateTemplateName: n,
+      clearValidation: i
+    } = P(), t = o(""), a = o(!1), c = o(!1), s = o(""), A = 40, m = () => {
+      t.value = "", s.value = "", y(), i();
+    }, h = () => {
       m(), u("close");
-    }, H = async () => {
-      if (t.value.trim()) {
-        a.value = !0;
-        try {
-          if (!(await i(t.value)).isValid) {
-            a.value = !1;
-            return;
-          }
-          await h({
-            name: t.value,
-            htmlContent: s.value,
-            categoryIds: T.value
-          }) && (r({
-            message: l(
-              "journey-builder.template-saved-successfully",
-              { name: t.value }
-            ),
-            type: "success"
-          }), C(), a.value = !1);
-        } catch {
-          r({
-            message: l("journey-builder.template-save-error", { name: t.value }),
-            type: "error"
-          }), a.value = !1;
+    }, D = async () => {
+      a.value = !0;
+      try {
+        if (!(await n(t.value)).isValid) {
+          a.value = !1;
+          return;
         }
+        await T({
+          name: t.value,
+          htmlContent: s.value,
+          categoryIds: g.value
+        }) && (r({
+          message: l(
+            "journey-builder.template-saved-successfully",
+            { name: t.value }
+          ),
+          type: "success"
+        }), h(), a.value = !1);
+      } catch {
+        r({
+          message: l("journey-builder.template-save-error", { name: t.value }),
+          type: "error"
+        }), a.value = !1;
       }
     };
-    I(t, (e) => {
-      e.trim() ? i(e) : c();
+    C(t, (e) => {
+      e.trim() ? n(e) : i();
     });
     const S = async () => {
-      n.value = !0;
+      c.value = !0;
       try {
         const { html: e } = await v();
         s.value = e || "";
       } catch {
         s.value = "";
       } finally {
-        n.value = !1;
+        c.value = !1;
       }
-    }, L = (e) => {
-      y(e);
-    }, O = async (e) => {
+    }, L = async (e) => {
       await d(e);
     };
-    return I(() => p.isOpen, async (e) => {
+    return C(() => p.isOpen, async (e) => {
       e ? await Promise.all([
         S(),
         f()
       ]) : m();
-    }), { __sfc: !0, props: p, emit: u, trans: l, showToaster: r, getCompiledEmail: v, categoriesData: _, fetchCategories: f, createCategory: d, setSelectedCategories: y, resetSelection: g, getSelectedCategoryIds: T, saveState: M, saveTemplateToLibrary: h, templateNameInput: t, isSaving: a, isLoadingHtml: n, htmlData: s, templateCategorySearchInputLimit: b, validationError: D, validateTemplateName: i, clearValidation: c, resetModalState: m, closeModal: C, saveTemplate: H, fetchHtmlData: S, categoryChangeHandler: L, addOption: O, ModalWrapper: B, InTextInput: W, InMultiSelect: P };
+    }), { __sfc: !0, props: p, emit: u, trans: l, showToaster: r, getCompiledEmail: v, categoriesData: w, fetchCategories: f, createCategory: d, setSelectedCategories: _, resetSelection: y, getSelectedCategoryIds: g, saveState: M, saveTemplateToLibrary: T, validationError: b, validateTemplateName: n, clearValidation: i, templateNameInput: t, isSaving: a, isLoadingHtml: c, htmlData: s, templateCategorySearchInputLimit: A, resetModalState: m, closeModal: h, saveTemplate: D, fetchHtmlData: S, addOption: L, ModalWrapper: H, InTextInput: V, InMultiSelect: R };
   }
 });
 export {
-  Y as default
+  X as default
 };

package/dist/composables/{useTemplateSave.d.ts → useSaveAsTemplate.d.ts}

@@ -8,7 +8,7 @@ interface SaveTemplateData {
     recommendationConfigs?: RecommendationConfig;
     recommendationCampaignUrls?: RecommendationCampaignUrls;
 }
-export declare const useTemplateSave: () => {
+export declare const useSaveAsTemplate: () => {
     state: {
         saving: boolean;
     };

package/dist/composables/{useTemplateSave.js → useSaveAsTemplate.js}

@@ -2,13 +2,13 @@ import { useHttp as o } from "./useHttp.js";
 import { base64EncodeWithSpecialChars as n } from "../utils/base64.js";
 import { reactive as a } from "vue";
 const l = () => {
-  const { post: i } = o(), r = a({
+  const { post: i } = o(), s = a({
     saving: !1
   });
   return {
-    state: r,
+    state: s,
     saveTemplate: async (e) => {
-      r.saving = !0;
+      s.saving = !0;
       try {
         const t = {
           name: e.name,
@@ -26,19 +26,19 @@ const l = () => {
         )), e.recommendationCampaignUrls && (t.recommendationCampaignUrls = n(
           JSON.stringify(e.recommendationCampaignUrls)
         ));
-        const s = await i(
+        const r = await i(
           "/newsletter/template-library/create-template",
           t
         );
-        return !(!s.data || s.data.type === "error");
+        return !(!r.data || r.data.type === "error");
       } catch {
         return !1;
       } finally {
-        r.saving = !1;
+        s.saving = !1;
       }
     }
   };
 };
 export {
-  l as useTemplateSave
+  l as useSaveAsTemplate
 };

package/dist/composables/useTemplateCategories.d.ts

@@ -1,4 +1,3 @@
-import type { TemplateCategory } from '@@/Types/template-categories';
 interface MappedCategory {
     value: string;
     text: string;
@@ -32,7 +31,5 @@ export declare const useTemplateCategories: ({ getInitialData }?: GetDataProps)
     setSelectedCategories: (categories: MappedCategory[]) => void;
     resetSelection: () => void;
     getSelectedCategoryIds: import("vue").ComputedRef<number[]>;
-    getCategoryById: (id: number) => TemplateCategory | undefined;
-    getCategoryByName: (name: string) => TemplateCategory | undefined;
 };
 export {};

package/dist/composables/useTemplateCategories.js

@@ -1,8 +1,8 @@
-import { useHttp as x } from "./useHttp.js";
-import { useToaster as v } from "./useToaster.js";
-import { reactive as E, computed as I } from "vue";
-const T = ({ getInitialData: l = !1 } = {}) => {
-  const { get: c, post: d } = x(), { handleError: o, showToaster: n } = v(), e = E({
+import { useHttp as h } from "./useHttp.js";
+import { useToaster as x } from "./useToaster.js";
+import { reactive as w, computed as v } from "vue";
+const b = ({ getInitialData: g = !1 } = {}) => {
+  const { get: c, post: d } = h(), { handleError: o, showToaster: n } = x(), e = w({
     loading: !1,
     loadingCreate: !1,
     categories: [],
@@ -11,10 +11,10 @@ const T = ({ getInitialData: l = !1 } = {}) => {
   }), i = async () => {
     e.loading = !0;
     try {
-      const a = (await c("/newsletter/template-library/get-template-categories")).data || [];
-      e.categories = a, e.mappedCategories = a.map((s) => ({
-        value: s.id.toString(),
-        text: s.name
+      const s = (await c("/newsletter/template-library/get-template-categories")).data || [];
+      e.categories = s, e.mappedCategories = s.map((a) => ({
+        value: a.id.toString(),
+        text: a.name
       }));
     } catch (t) {
       o(t, "Error fetching template categories:"), e.categories = [], e.mappedCategories = [];
@@ -23,10 +23,10 @@ const T = ({ getInitialData: l = !1 } = {}) => {
     }
   }, p = async (t) => {
     try {
-      const s = `/newsletter/template-library/category-name-exists?name=${encodeURIComponent(t)}`;
-      return (await c(s)).data.status;
-    } catch (a) {
-      return o(a, "Error checking category name:"), !1;
+      const a = `/newsletter/template-library/category-name-exists?name=${encodeURIComponent(t)}`;
+      return (await c(a)).data.status;
+    } catch (s) {
+      return o(s, "Error checking category name:"), !1;
     }
   }, m = async (t) => {
     e.loadingCreate = !0;
@@ -41,40 +41,38 @@ const T = ({ getInitialData: l = !1 } = {}) => {
       const r = (await d("/newsletter/template-library/create-category", { name: t })).data;
       if (r) {
         e.categories.push(r);
-        const g = {
+        const l = {
           value: r.id.toString(),
           text: r.name
         };
-        e.mappedCategories.push(g), e.selectedCategories.push(g), n({
+        e.mappedCategories.push(l), e.selectedCategories.push(l), n({
           type: "success",
           message: "Category created successfully"
         });
       }
-    } catch (a) {
-      o(a, "Error creating category:");
+    } catch (s) {
+      o(s, "Error creating category:");
     } finally {
       e.loadingCreate = !1;
     }
   }, C = (t) => {
-    const a = e.selectedCategories.findIndex((s) => s.value === t.value);
-    a === -1 ? e.selectedCategories.push(t) : e.selectedCategories.splice(a, 1);
+    const s = e.selectedCategories.findIndex((a) => a.value === t.value);
+    s === -1 ? e.selectedCategories.push(t) : e.selectedCategories.splice(s, 1);
   }, y = (t) => {
     e.selectedCategories = [...t];
   }, u = () => {
     e.selectedCategories = [];
-  }, f = I(() => e.selectedCategories.map((t) => parseInt(t.value))), h = (t) => e.categories.find((a) => a.id === t), w = (t) => e.categories.find((a) => a.name.toLowerCase() === t.toLowerCase());
-  return l && i(), {
+  }, f = v(() => e.selectedCategories.map((t) => parseInt(t.value)));
+  return g && i(), {
     data: e,
     fetchCategories: i,
     createCategory: m,
     selectCategory: C,
     setSelectedCategories: y,
     resetSelection: u,
-    getSelectedCategoryIds: f,
-    getCategoryById: h,
-    getCategoryByName: w
+    getSelectedCategoryIds: f
   };
 };
 export {
-  T as useTemplateCategories
+  b as useTemplateCategories
 };

package/dist/composables/{useTemplateValidation.d.ts → useTemplateNameValidation.d.ts}

@@ -2,12 +2,12 @@ export interface ValidationResult {
     isValid: boolean;
     message: string;
 }
-export declare const useTemplateValidation: () => {
-    validationError: import("vue").ComputedRef<string>;
-    isValidating: import("vue").ComputedRef<boolean>;
+export declare const useTemplateNameValidation: () => {
+    validationError: import("vue").Ref<string>;
+    isValidating: import("vue").Ref<boolean>;
     validateTemplateName: (name: string) => Promise<ValidationResult>;
     clearValidation: () => void;
     VALIDATION_RULES: {
-        readonly DEBOUNCE_TIME: 500;
+        DEBOUNCE_TIME: number;
     };
 };

package/dist/composables/useTemplateNameValidation.js

@@ -0,0 +1,57 @@
+import { useHttp as v } from "./useHttp.js";
+import { useToaster as T } from "./useToaster.js";
+import { useTranslations as E } from "./useTranslations.js";
+import { ref as m } from "vue";
+const c = {
+  DEBOUNCE_TIME: 500
+}, x = () => {
+  const { get: u } = v(), { handleError: d } = T(), l = E(), s = m(""), o = m(!1), r = m(null), p = (a) => a.trim() ? {
+    isValid: !0,
+    message: ""
+  } : {
+    isValid: !1,
+    message: l("validation.required-product-name-to-continue", { product: "template" })
+  }, f = async (a) => {
+    try {
+      const i = `/template-library/template-name-exists?name=${encodeURIComponent(a)}`;
+      return (await u(i)).data.status;
+    } catch (e) {
+      return d(e, "Error checking template name:"), !1;
+    }
+  };
+  return {
+    validationError: s,
+    isValidating: o,
+    validateTemplateName: (a) => (r.value && clearTimeout(r.value), new Promise((e) => {
+      const i = p(a);
+      if (!i.isValid) {
+        s.value = i.message, e(i);
+        return;
+      }
+      o.value = !0, r.value = setTimeout(async () => {
+        try {
+          const t = await f(a.trim()), n = {
+            isValid: !t,
+            message: t ? l("whatsapp-business.template-name-exists") : ""
+          };
+          s.value = n.message, e(n);
+        } catch (t) {
+          const n = {
+            isValid: !1,
+            message: t instanceof Error ? t.message : l("validation.unknown-error")
+          };
+          s.value = n.message, e(n);
+        } finally {
+          o.value = !1;
+        }
+      }, c.DEBOUNCE_TIME);
+    })),
+    clearValidation: () => {
+      s.value = "", o.value = !1, r.value && clearTimeout(r.value);
+    },
+    VALIDATION_RULES: c
+  };
+};
+export {
+  x as useTemplateNameValidation
+};

package/dist/guido.css

@@ -1 +1 @@
-.version-history-item[data-v-0e2ff42d]{flex-basis:200px}.version-history-wrapper[data-v-187d41fa]{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}.header-right-slot[data-v-78791c47]{gap:16px}.guido-editor__wrapper[data-v-f20b186e],.guido-editor__container[data-v-f20b186e]{width:100%;height:100vh}
+.version-history-item[data-v-0e2ff42d]{flex-basis:200px}.version-history-wrapper[data-v-187d41fa]{gap:8px}.guido-editor__wrapper[data-v-f20b186e],.guido-editor__container[data-v-f20b186e]{width:100%;height:100vh}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "1.0.0-beta.070ce4c",
+  "version": "1.0.0-beta.080866c",
   "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
   "main": "./dist/guido.umd.cjs",
   "module": "./dist/library.js",

package/dist/components/organisms/header/ViewOptions.vue.js

@@ -1,18 +0,0 @@
-import r from "./ViewOptions.vue2.js";
-/* empty css                 */
-import s from "../../../_virtual/_plugin-vue2_normalizer.js";
-var n = function() {
-  var t = this, o = t._self._c, e = t._self._setupProxy;
-  return o(e.InSegments, { attrs: { id: "guido__view-option-selection", "with-icon": "", "segment-list": e.segmentList, selected: e.editorStore.editorVisualMode } });
-}, i = [], _ = /* @__PURE__ */ s(
-  r,
-  n,
-  i,
-  !1,
-  null,
-  "0fff376c"
-);
-const l = _.exports;
-export {
-  l as default
-};

package/dist/components/organisms/header/ViewOptions.vue2.js

@@ -1,15 +0,0 @@
-import { defineComponent as e } from "vue";
-import { useEditorStore as t } from "../../../stores/editor.js";
-import { InSegments as o } from "@useinsider/design-system-vue";
-const u = /* @__PURE__ */ e({
-  __name: "ViewOptions",
-  setup(n) {
-    return { __sfc: !0, editorStore: t(), segmentList: [
-      { text: "", icon: "line-desktop", value: "desktop" },
-      { text: "", icon: "line-menu-mobileapp", value: "mobile" }
-    ], InSegments: o };
-  }
-});
-export {
-  u as default
-};

package/dist/components/organisms/header/version-history/ViewOptions.vue.js

@@ -1,18 +0,0 @@
-import s from "./ViewOptions.vue2.js";
-/* empty css                 */
-import i from "../../../../_virtual/_plugin-vue2_normalizer.js";
-var r = function() {
-  var t = this, o = t._self._c, e = t._self._setupProxy;
-  return o(e.InSegments, { attrs: { id: "guido__verion-history-view-option-selection", "with-icon": "", "segment-list": e.segmentList, selected: e.versionHistoryStore.editorVisualMode }, on: { click: e.changeVisualMode } });
-}, n = [], _ = /* @__PURE__ */ i(
-  s,
-  r,
-  n,
-  !1,
-  null,
-  "6a2bde67"
-);
-const d = _.exports;
-export {
-  d as default
-};

package/dist/components/organisms/header/version-history/ViewOptions.vue2.js

@@ -1,23 +0,0 @@
-import { defineComponent as s } from "vue";
-import { useVersionHistoryApi as n } from "../../../../composables/useVersionHistoryApi.js";
-import { useVersionHistoryStore as r } from "../../../../stores/version-history.js";
-import { InSegments as m } from "@useinsider/design-system-vue";
-const d = /* @__PURE__ */ s({
-  __name: "ViewOptions",
-  setup(p) {
-    const e = r(), { switchToDesktopPreview: o, switchToMobilePreview: t } = n();
-    return { __sfc: !0, versionHistoryStore: e, switchToDesktopPreview: o, switchToMobilePreview: t, segmentList: [
-      { text: "", icon: "line-desktop", value: "desktop" },
-      { text: "", icon: "line-menu-mobileapp", value: "mobile" }
-    ], changeVisualMode: (i) => {
-      if (e.editorVisualMode = i, i === "mobile") {
-        t();
-        return;
-      }
-      o();
-    }, InSegments: m };
-  }
-});
-export {
-  d as default
-};

package/dist/composables/useTemplateValidation.js

@@ -1,57 +0,0 @@
-import { useHttp as T } from "./useHttp.js";
-import { useToaster as V } from "./useToaster.js";
-import { useTranslations as N } from "./useTranslations.js";
-import { ref as m, computed as u } from "vue";
-const c = {
-  DEBOUNCE_TIME: 500
-}, I = () => {
-  const { get: d } = T(), { handleError: p } = V(), l = N(), s = m(""), o = m(!1), r = m(null), v = (a) => a.trim() ? {
-    isValid: !0,
-    message: ""
-  } : {
-    isValid: !1,
-    message: l("validation.required-product-name-to-continue", { product: "template" })
-  }, f = async (a) => {
-    try {
-      const i = `/template-library/template-name-exists?name=${encodeURIComponent(a)}`;
-      return (await d(i)).data.status;
-    } catch (e) {
-      return p(e, "Error checking template name:"), !1;
-    }
-  }, E = (a) => (r.value && clearTimeout(r.value), new Promise((e) => {
-    const i = v(a);
-    if (!i.isValid) {
-      s.value = i.message, e(i);
-      return;
-    }
-    o.value = !0, r.value = setTimeout(async () => {
-      try {
-        const t = await f(a.trim()), n = {
-          isValid: !t,
-          message: t ? l("whatsapp-business.template-name-exists") : ""
-        };
-        s.value = n.message, e(n);
-      } catch (t) {
-        const n = {
-          isValid: !1,
-          message: t instanceof Error ? t.message : l("validation.unknown-error")
-        };
-        s.value = n.message, e(n);
-      } finally {
-        o.value = !1;
-      }
-    }, c.DEBOUNCE_TIME);
-  })), g = () => {
-    s.value = "", o.value = !1, r.value && clearTimeout(r.value);
-  };
-  return {
-    validationError: u(() => s.value),
-    isValidating: u(() => o.value),
-    validateTemplateName: E,
-    clearValidation: g,
-    VALIDATION_RULES: c
-  };
-};
-export {
-  I as useTemplateValidation
-};