@useinsider/guido 1.0.0-beta.81c7b67 → 1.0.0-beta.83deaec

package/dist/components/organisms/base/ModalWrapper.vue.d.ts

@@ -2,7 +2,7 @@ interface ModalWrapperProps {
     isOpen: boolean;
     title: string;
     description?: string;
-    size?: 'small' | 'medium' | 'large';
+    size?: 'small' | 'medium' | 'large' | 'extra-large';
     primaryButtonText?: string;
     primaryButtonDisabled?: boolean;
     primaryButtonLoading?: boolean;
@@ -38,7 +38,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     className: string;
 }>>>, {
     className: string;
-    size: "small" | "medium" | "large";
+    size: "small" | "medium" | "large" | "extra-large";
     description: string;
     primaryButtonText: string;
     primaryButtonDisabled: boolean;

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

@@ -1,12 +1,12 @@
 import { defineComponent as o, computed as l } from "vue";
-import { InDrawer as s } from "@useinsider/design-system-vue";
+import { InDrawer as r } from "@useinsider/design-system-vue";
 const i = /* @__PURE__ */ o({
   __name: "ModalWrapper",
   props: {
     isOpen: { type: Boolean },
     title: null,
     description: { default: "" },
-    size: { default: "small" },
+    size: { default: "medium" },
     primaryButtonText: { default: "Save" },
     primaryButtonDisabled: { type: Boolean, default: !1 },
     primaryButtonLoading: { type: Boolean, default: !1 },
@@ -35,7 +35,7 @@ const i = /* @__PURE__ */ o({
       t("save");
     }, handleCancel: () => {
       t("cancel");
-    }, InDrawer: s };
+    }, InDrawer: r };
   }
 });
 export {

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "1.0.0-beta.81c7b67",
+  "version": "1.0.0-beta.83deaec",
   "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",