@useinsider/guido 1.0.0-beta.a09b7c4 → 1.0.0-beta.a19efaa

package/dist/utils/htmlCompiler.js

@@ -0,0 +1,70 @@
+var y = Object.defineProperty;
+var g = (p, e, r) => e in p ? y(p, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : p[e] = r;
+var u = (p, e, r) => g(p, typeof e != "symbol" ? e + "" : e, r);
+import { useToaster as m } from "../composables/useToaster.js";
+class d {
+  constructor(e = []) {
+    u(this, "rules");
+    this.rules = e;
+  }
+  compile(e, r) {
+    const l = performance.now(), t = e, o = e.length;
+    let s = e;
+    const a = [];
+    (r || this.rules).sort((n, c) => n.priority - c.priority).forEach((n) => {
+      const c = s.length;
+      s = this.applyRule(s, n), s.length !== c && a.push(n.id);
+    });
+    const i = s.length, R = o > 0 ? (o - i) / o * 100 : 0;
+    return {
+      originalHtml: t,
+      compiledHtml: s,
+      appliedRules: a,
+      // TODO: We can use stats for monitoring in the future
+      stats: {
+        originalSize: o,
+        compiledSize: i,
+        reductionPercentage: R,
+        executionTime: performance.now() - l
+      }
+    };
+  }
+  applyRule(e, r) {
+    try {
+      switch (r.type) {
+        case "replace":
+          return this.applyReplaceRule(e, r);
+        case "regex":
+          return this.applyRegexRule(e, r);
+        case "remove":
+          return this.applyRemoveRule(e, r);
+        case "custom":
+          return this.applyCustomRule(e, r);
+        default:
+          return e;
+      }
+    } catch (l) {
+      const { handleError: t } = m();
+      return t(l, `Failed to apply rule ${r.id}:`), e;
+    }
+  }
+  applyReplaceRule(e, r) {
+    const { search: l, replacement: t, replaceAll: o = !0 } = r;
+    return o ? e.replaceAll(l, t) : e.replace(l, t);
+  }
+  applyRegexRule(e, r) {
+    const { pattern: l, replacement: t, flags: o = "g" } = r, s = new RegExp(l, o);
+    return e.replace(s, t);
+  }
+  applyRemoveRule(e, r) {
+    return r.targets.reduce((l, t) => t instanceof RegExp ? l.replace(t, "") : l.replaceAll(t, ""), e);
+  }
+  applyCustomRule(e, r) {
+    return r.processor(e);
+  }
+}
+const A = (p = []) => new d(p);
+export {
+  d as HtmlCompilerEngine,
+  A as createHtmlCompiler
+};

package/dist/utils/tooltipUtils.d.ts

@@ -0,0 +1,2 @@
+import type { TooltipOptions } from '../@types/generic';
+export declare const getTooltipOptions: (id: string) => TooltipOptions;

package/dist/utils/tooltipUtils.js

@@ -0,0 +1,9 @@
+const o = (t) => ({
+  id: t,
+  dynamicPosition: !0,
+  staticPosition: "top",
+  iconStatus: !1
+});
+export {
+  o as getTooltipOptions
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@useinsider/guido",
-  "version": "1.0.0-beta.a09b7c4",
+  "version": "1.0.0-beta.a19efaa",
   "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",
@@ -10,9 +10,9 @@
   ],
   "exports": {
     ".": {
-        "import": "./dist/library.js",
-        "types": "./dist/components/Guido.vue.d.ts",
-        "require": "./dist/components/Guido.vue.js"
+      "import": "./dist/library.js",
+      "types": "./dist/components/Guido.vue.d.ts",
+      "require": "./dist/components/Guido.vue.js"
     },
     "./style": "./dist/guido.css"
   },
@@ -21,7 +21,6 @@
     "start": "vite",
     "build": "vite build && vue-tsc --declaration --emitDeclarationOnly --project tsconfig.app.json",
     "preview": "vite preview",
-    "test": "echo \"Error: no test specified\" && exit 1",
     "lint": "NODE_OPTIONS=--max-old-space-size=2048 eslint ./ && bun run type-check",
     "lint:fix": "NODE_OPTIONS=--max-old-space-size=2048 eslint --fix ./",
     "type-check": "vue-tsc --noEmit --project tsconfig.config.json && vue-tsc --noEmit --project tsconfig.app.json"
@@ -30,6 +29,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
+    "@stripoinc/ui-editor-extensions": "^1.0.6",
     "@useinsider/design-system-vue": "0.14.8",
     "@vuelidate/core": "2.0.3",
     "@vuelidate/validators": "2.0.4",
@@ -42,6 +42,7 @@
     "@cspell/eslint-plugin": "8.17.5",
     "@eslint/eslintrc": "3.3.0",
     "@eslint/js": "8.57.1",
+    "@playwright/test": "^1.54.2",
     "@stylistic/eslint-plugin": "3.1.0",
     "@stylistic/eslint-plugin-migrate": "3.1.0",
     "@types/eslint": "8.56.12",

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

@@ -1,72 +0,0 @@
-interface ModalWrapperProps {
-    isOpen: boolean;
-    title: string;
-    description?: string;
-    size?: 'small' | 'medium' | 'large';
-    primaryButtonText?: string;
-    primaryButtonDisabled?: boolean;
-    primaryButtonLoading?: boolean;
-    cancelButtonText?: string;
-    showCancelButton?: boolean;
-    className?: string;
-}
-declare var __VLS_12: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_12) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ModalWrapperProps>, {
-    description: string;
-    size: string;
-    primaryButtonText: string;
-    primaryButtonDisabled: boolean;
-    primaryButtonLoading: boolean;
-    cancelButtonText: string;
-    showCancelButton: boolean;
-    className: string;
-}>, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
-    close: () => void;
-    save: () => void;
-    cancel: () => void;
-}, string, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ModalWrapperProps>, {
-    description: string;
-    size: string;
-    primaryButtonText: string;
-    primaryButtonDisabled: boolean;
-    primaryButtonLoading: boolean;
-    cancelButtonText: string;
-    showCancelButton: boolean;
-    className: string;
-}>>>, {
-    className: string;
-    size: "small" | "medium" | "large";
-    description: string;
-    primaryButtonText: string;
-    primaryButtonDisabled: boolean;
-    primaryButtonLoading: boolean;
-    cancelButtonText: string;
-    showCancelButton: boolean;
-}>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
-export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $scopedSlots: S;
-    };
-};
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T]: T[K];
-} & {};

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

@@ -1,19 +0,0 @@
-import r from "./ModalWrapper.vue2.js";
-import o from "../../../_virtual/_plugin-vue2_normalizer.js";
-var s = function() {
-  var t = this, n = t._self._c, e = t._self._setupProxy;
-  return n(e.InDrawer, { attrs: { id: "modal-wrapper", "description-text": t.description, "footer-button-group-options": e.drawerFooterOptions, size: t.size, status: t.isOpen, "title-text": t.title }, on: { cancelOrBackButtonEvent: e.handleCancel, onCloseEvent: e.handleClose, primaryButtonEvent: e.handleSave }, scopedSlots: t._u([{ key: "contentSlot", fn: function() {
-    return [n("div", { staticClass: "modal-content-wrapper", class: t.className }, [t._t("default")], 2)];
-  }, proxy: !0 }], null, !0) });
-}, a = [], l = /* @__PURE__ */ o(
-  r,
-  s,
-  a,
-  !1,
-  null,
-  null
-);
-const u = l.exports;
-export {
-  u as default
-};

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

@@ -1,43 +0,0 @@
-import { defineComponent as o, computed as l } from "vue";
-import { InDrawer as s } from "@useinsider/design-system-vue";
-const i = /* @__PURE__ */ o({
-  __name: "ModalWrapper",
-  props: {
-    isOpen: { type: Boolean },
-    title: null,
-    description: { default: "" },
-    size: { default: "small" },
-    primaryButtonText: { default: "" },
-    primaryButtonDisabled: { type: Boolean, default: !1 },
-    primaryButtonLoading: { type: Boolean, default: !1 },
-    cancelButtonText: { default: "" },
-    showCancelButton: { type: Boolean, default: !0 },
-    className: { default: "" }
-  },
-  emits: ["close", "save", "cancel"],
-  setup(a, { emit: t }) {
-    const e = a, n = l(() => ({
-      primaryButton: {
-        styling: "solid",
-        type: "primary",
-        labelText: e.primaryButtonText,
-        disabled: e.primaryButtonDisabled || e.primaryButtonLoading
-      },
-      cancelOrBackButton: e.showCancelButton ? {
-        type: "secondary",
-        styling: "ghost",
-        labelText: e.cancelButtonText
-      } : void 0
-    }));
-    return { __sfc: !0, props: e, emit: t, drawerFooterOptions: n, handleClose: () => {
-      t("close");
-    }, handleSave: () => {
-      t("save");
-    }, handleCancel: () => {
-      t("cancel");
-    }, InDrawer: s };
-  }
-});
-export {
-  i as default
-};

package/dist/components/organisms/save-template/SaveTemplateModal.vue.d.ts

@@ -1,16 +0,0 @@
-interface TemplateModalProps {
-    isOpen: boolean;
-}
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<TemplateModalProps>, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
-    close: () => void;
-}, string, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<TemplateModalProps>>>, {}>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

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

@@ -1,22 +0,0 @@
-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.setSelectedCategories, resetAllOptions: t.setSelectedCategories, selectAllOptions: t.setSelectedCategories } })], 1);
-}, o = [], i = /* @__PURE__ */ l(
-  s,
-  n,
-  o,
-  !1,
-  null,
-  null
-);
-const d = i.exports;
-export {
-  d as default
-};

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

@@ -1,86 +0,0 @@
-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(I, { emit: u }) {
-    const p = I, l = E(), { showToaster: r } = x(), { getCompiledEmail: v } = O(), {
-      data: w,
-      fetchCategories: f,
-      createCategory: d,
-      setSelectedCategories: _,
-      resetSelection: y,
-      getSelectedCategoryIds: g
-    } = j(), {
-      state: M,
-      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");
-    }, 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;
-      }
-    };
-    C(t, (e) => {
-      e.trim() ? n(e) : i();
-    });
-    const S = async () => {
-      c.value = !0;
-      try {
-        const { html: e } = await v();
-        s.value = e || "";
-      } catch {
-        s.value = "";
-      } finally {
-        c.value = !1;
-      }
-    }, L = async (e) => {
-      await d(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: 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 {
-  X as default
-};

package/dist/composables/useSaveAsTemplate.d.ts

@@ -1,17 +0,0 @@
-import type { StripoConfig, RecommendationConfig, RecommendationCampaignUrls } from '@@/Types/template-save';
-interface SaveTemplateData {
-    name: string;
-    htmlContent: string;
-    categoryIds: number[];
-    css?: string;
-    stripoConfig?: StripoConfig;
-    recommendationConfigs?: RecommendationConfig;
-    recommendationCampaignUrls?: RecommendationCampaignUrls;
-}
-export declare const useSaveAsTemplate: () => {
-    state: {
-        saving: boolean;
-    };
-    saveTemplate: (data: SaveTemplateData) => Promise<boolean>;
-};
-export {};

package/dist/composables/useSaveAsTemplate.js

@@ -1,44 +0,0 @@
-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(), s = a({
-    saving: !1
-  });
-  return {
-    state: s,
-    saveTemplate: async (e) => {
-      s.saving = !0;
-      try {
-        const t = {
-          name: e.name,
-          categories: e.categoryIds,
-          productId: 60,
-          editorType: 2,
-          content: n(e.htmlContent),
-          unsubscriptionPreferencePages: [],
-          unsubscriptionPreferencePageStatus: !1
-        };
-        e.css && (t.css = n(e.css)), e.stripoConfig && (t.stripoConfig = n(
-          JSON.stringify(e.stripoConfig)
-        )), e.recommendationConfigs && (t.recommendationConfigs = n(
-          JSON.stringify(e.recommendationConfigs)
-        )), e.recommendationCampaignUrls && (t.recommendationCampaignUrls = n(
-          JSON.stringify(e.recommendationCampaignUrls)
-        ));
-        const r = await i(
-          "/newsletter/template-library/create-template",
-          t
-        );
-        return !(!r.data || r.data.type === "error");
-      } catch {
-        return !1;
-      } finally {
-        s.saving = !1;
-      }
-    }
-  };
-};
-export {
-  l as useSaveAsTemplate
-};

package/dist/composables/useTemplateCategories.d.ts

@@ -1,35 +0,0 @@
-interface MappedCategory {
-    value: string;
-    text: string;
-}
-interface GetDataProps {
-    getInitialData?: boolean;
-}
-export declare const useTemplateCategories: ({ getInitialData }?: GetDataProps) => {
-    data: {
-        loading: boolean;
-        loadingCreate: boolean;
-        categories: {
-            id: number;
-            name: string;
-            partnerId: number;
-            isStripo: boolean;
-            templatesCount: number;
-        }[];
-        mappedCategories: {
-            value: string;
-            text: string;
-        }[];
-        selectedCategories: {
-            value: string;
-            text: string;
-        }[];
-    };
-    fetchCategories: () => Promise<void>;
-    createCategory: (name: string) => Promise<void>;
-    selectCategory: (category: MappedCategory) => void;
-    setSelectedCategories: (categories: MappedCategory[]) => void;
-    resetSelection: () => void;
-    getSelectedCategoryIds: import("vue").ComputedRef<number[]>;
-};
-export {};

package/dist/composables/useTemplateCategories.js

@@ -1,78 +0,0 @@
-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: [],
-    mappedCategories: [],
-    selectedCategories: []
-  }), i = async () => {
-    e.loading = !0;
-    try {
-      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 = [];
-    } finally {
-      e.loading = !1;
-    }
-  }, p = async (t) => {
-    try {
-      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;
-    try {
-      if (await p(t)) {
-        n({
-          type: "error",
-          message: "Category name already exists"
-        });
-        return;
-      }
-      const r = (await d("/newsletter/template-library/create-category", { name: t })).data;
-      if (r) {
-        e.categories.push(r);
-        const l = {
-          value: r.id.toString(),
-          text: r.name
-        };
-        e.mappedCategories.push(l), e.selectedCategories.push(l), n({
-          type: "success",
-          message: "Category created successfully"
-        });
-      }
-    } catch (s) {
-      o(s, "Error creating category:");
-    } finally {
-      e.loadingCreate = !1;
-    }
-  }, C = (t) => {
-    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 = 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
-  };
-};
-export {
-  b as useTemplateCategories
-};

package/dist/composables/useTemplateNameValidation.d.ts

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

package/dist/composables/useTemplateNameValidation.js

@@ -1,57 +0,0 @@
-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/mock/api/template-library.d.ts

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