@enerex/template-studio 1.1.44 → 1.1.46

package/dist/enerex-template-editor.es.js

@@ -1,6 +1,6 @@
-import { jsx as t, jsxs as d, Fragment as ye } from "react/jsx-runtime";
-import G, { useContext as ke, useEffect as L, useState as C, useRef as te, useCallback as Se, createContext as He, memo as ze, useMemo as ae } from "react";
-import { QueryClient as Ge, QueryClientProvider as We, useQuery as ge, useMutation as ce, useQueryClient as Ye } from "@tanstack/react-query";
+import { jsx as t, jsxs as d, Fragment as ge } from "react/jsx-runtime";
+import G, { useContext as ke, useEffect as L, useState as x, useRef as te, useCallback as Se, createContext as He, memo as ze, useMemo as ae } from "react";
+import { QueryClient as Ge, QueryClientProvider as We, useQuery as ye, useMutation as ce, useQueryClient as Ye } from "@tanstack/react-query";
 import we from "axios";
 import { Spinner as Qe } from "react-bootstrap";
 import { Controller as Xe, useForm as Je } from "react-hook-form";
@@ -13,10 +13,10 @@ const Fe = G.createContext(
 }) => {
   const [r, a] = G.useState(n.clientId), [i, s] = G.useState(n.apiKey), [l, o] = G.useState(
     n.enerexIdentifier
-  ), [c, v] = G.useState(n.projectId), [E, I] = G.useState(n.userEmail), [b, x] = G.useState(n.isAdmin), [u, p] = G.useState(n.meBaseUrl), [T, h] = G.useState(
+  ), [c, v] = G.useState(n.projectId), [S, I] = G.useState(n.userEmail), [w, E] = G.useState(n.isAdmin), [m, p] = G.useState(n.meBaseUrl), [N, h] = G.useState(
     n.defaultSelector
-  ), y = (g) => {
-    s(g.apiKey), a(g.clientId), v(g.projectId), o(g.enerexIdentifier), I(g.userEmail), x(g.isAdmin), h(g.defaultSelector), p(g.meBaseUrl);
+  ), g = (y) => {
+    s(y.apiKey), a(y.clientId), v(y.projectId), o(y.enerexIdentifier), I(y.userEmail), E(y.isAdmin), h(y.defaultSelector), p(y.meBaseUrl);
   };
   return /* @__PURE__ */ t(
     Fe.Provider,
@@ -24,13 +24,13 @@ const Fe = G.createContext(
       value: {
         clientId: r,
         apiKey: i,
-        setConfiguration: y,
+        setConfiguration: g,
         enerexIdentifier: l,
         projectId: c,
-        userEmail: E,
-        isAdmin: b,
-        defaultSelector: T,
-        meBaseUrl: u
+        userEmail: S,
+        isAdmin: w,
+        defaultSelector: N,
+        meBaseUrl: m
       },
       children: e
     }
@@ -52,7 +52,7 @@ const Fe = G.createContext(
   /* @__PURE__ */ t("span", { className: "ts-toast-message", children: e }),
   /* @__PURE__ */ t("button", { className: "ts-toast-close", onClick: a, children: "×" })
 ] })), tt = () => {
-  const [e, n] = C(null), r = te(null);
+  const [e, n] = x(null), r = te(null);
   return { showNotification: Se(
     (s, l = "info") => {
       r.current !== s && (r.current = s, n({ message: s, type: l }));
@@ -156,7 +156,7 @@ const Fe = G.createContext(
   duplicateTemplate: "/Template/DuplicateTemplate/"
 }, at = () => {
   const e = Y(), { enerexIdentifier: n, projectId: r } = V();
-  return ge({
+  return ye({
     queryKey: ["getTemplatesList"],
     queryFn: async (i) => await e.get(
       `${Q.Template_list}${r}/${n}`
@@ -167,7 +167,7 @@ const Fe = G.createContext(
   });
 }, it = () => {
   const e = Y(), { enerexIdentifier: n, projectId: r } = V();
-  return ge({
+  return ye({
     queryKey: ["getTemplateTypes"],
     queryFn: async (i) => await e.get(
       `${Q.TemplateTypes}${n}/${r}`
@@ -306,7 +306,7 @@ const ct = (e) => {
     )
   }
 );
-function ut({
+function mt({
   template: e,
   openActionId: n,
   setOpenActionId: r,
@@ -316,47 +316,47 @@ function ut({
   onPreview: l,
   onRefresh: o
 }) {
-  const { isAdmin: c } = V(), v = n === e.id, E = te(null), I = te(null), [b, x, u] = e.categoryChain, { mutateAsync: p, isPending: T } = Ue(), { showNotification: h } = ve(), y = x?.key, g = u?.key, R = !c && y === 9, B = c || g !== 2, _ = c || g !== 2;
+  const { isAdmin: c } = V(), v = n === e.id, S = te(null), I = te(null), [w, E, m] = e.categoryChain, { mutateAsync: p, isPending: N } = Ue(), { showNotification: h } = ve(), g = E?.key, y = m?.key, R = !c && g === 9, B = c || y !== 2, _ = c || y !== 2;
   L(() => {
-    function S(D) {
-      v && E.current && !E.current.contains(D.target) && !I.current?.contains(D.target) && r(null);
+    function b(D) {
+      v && S.current && !S.current.contains(D.target) && !I.current?.contains(D.target) && r(null);
     }
-    return document.addEventListener("mousedown", S), () => document.removeEventListener("mousedown", S);
+    return document.addEventListener("mousedown", b), () => document.removeEventListener("mousedown", b);
   }, [v, r]), L(() => {
-    function S(D) {
+    function b(D) {
       D.key === "Escape" && r(null);
     }
-    return v && document.addEventListener("keydown", S), () => document.removeEventListener("keydown", S);
+    return v && document.addEventListener("keydown", b), () => document.removeEventListener("keydown", b);
   }, [v, r]), L(() => {
-    if (!v || !E.current) return;
-    const S = Array.from(
-      E.current.querySelectorAll('[role="menuitem"]')
+    if (!v || !S.current) return;
+    const b = Array.from(
+      S.current.querySelectorAll('[role="menuitem"]')
     );
-    if (!S.length) return;
+    if (!b.length) return;
     let D = 0;
-    S[0].focus();
-    function M(w) {
-      w.key === "ArrowDown" && (D = (D + 1) % S.length, S[D].focus(), w.preventDefault()), w.key === "ArrowUp" && (D = (D - 1 + S.length) % S.length, S[D].focus(), w.preventDefault());
+    b[0].focus();
+    function M(T) {
+      T.key === "ArrowDown" && (D = (D + 1) % b.length, b[D].focus(), T.preventDefault()), T.key === "ArrowUp" && (D = (D - 1 + b.length) % b.length, b[D].focus(), T.preventDefault());
     }
     return document.addEventListener("keydown", M), () => document.removeEventListener("keydown", M);
   }, [v]);
   const A = async () => {
     try {
       await p({
-        categoryId: g?.toString() ?? "",
+        categoryId: y?.toString() ?? "",
         templateId: e.id ?? ""
       }), o(), h(
         `Template "${e?.name}" marked as favourite`,
         "success"
       );
-    } catch (S) {
-      console.error(S), h(
+    } catch (b) {
+      console.error(b), h(
         "Unable to mark template as favourite. Please try again.",
         "error"
       );
     }
   };
-  return /* @__PURE__ */ t(ye, { children: /* @__PURE__ */ d("tr", { className: "ts-table-row", children: [
+  return /* @__PURE__ */ t(ge, { children: /* @__PURE__ */ d("tr", { className: "ts-table-row", children: [
     /* @__PURE__ */ d("td", { children: [
       " ",
       /* @__PURE__ */ d("div", { className: "ts-name-cell", children: [
@@ -368,7 +368,7 @@ function ut({
             disabled: e.is_favourite,
             onClick: A,
             title: "Mark as favourite",
-            children: T ? /* @__PURE__ */ t(ie, { size: "sm" }) : e.is_favourite ? /* @__PURE__ */ t(Le, { variant: "filled" }) : /* @__PURE__ */ t(Le, { variant: "outlined" })
+            children: N ? /* @__PURE__ */ t(ie, { size: "sm" }) : e.is_favourite ? /* @__PURE__ */ t(Le, { variant: "filled" }) : /* @__PURE__ */ t(Le, { variant: "outlined" })
           }
         ),
         /* @__PURE__ */ t(
@@ -382,9 +382,9 @@ function ut({
     ] }),
     /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t("div", { className: "", children: /* @__PURE__ */ t("span", { className: "ts-template-name", children: e.name }) }) }),
     c && /* @__PURE__ */ t("td", { children: e?.id ?? "" }),
-    /* @__PURE__ */ t("td", { children: b?.name ?? "" }),
-    /* @__PURE__ */ t("td", { children: x?.name ?? "" }),
-    /* @__PURE__ */ t("td", { children: u?.name ?? "" }),
+    /* @__PURE__ */ t("td", { children: w?.name ?? "" }),
+    /* @__PURE__ */ t("td", { children: E?.name ?? "" }),
+    /* @__PURE__ */ t("td", { children: m?.name ?? "" }),
     c && /* @__PURE__ */ t("td", { children: e?.companyName ?? "" }),
     /* @__PURE__ */ t("td", { children: e?.updatedByName ?? "" }),
     /* @__PURE__ */ t("td", { children: ct(e.updatedDateTime) }),
@@ -403,54 +403,54 @@ function ut({
       /* @__PURE__ */ d(
         "div",
         {
-          ref: E,
+          ref: S,
           className: `ts-actions-menu ${v ? "open" : ""}`,
           role: "menu",
           children: [
             /* @__PURE__ */ t(
-              "button",
+              "a",
               {
-                type: "button",
+                href: "#",
                 role: "menuitem",
                 className: "ts-menu-item",
-                onClick: () => {
-                  r(null), l(e);
+                onClick: (b) => {
+                  b.preventDefault(), r(null), l(e);
                 },
                 children: "Preview"
               }
             ),
             B && /* @__PURE__ */ t(
-              "button",
+              "a",
               {
-                type: "button",
+                href: "#",
                 role: "menuitem",
                 className: "ts-menu-item",
-                onClick: () => {
-                  r(null), a(e);
+                onClick: (b) => {
+                  b.preventDefault(), r(null), a(e);
                 },
                 children: "Edit"
               }
             ),
             /* @__PURE__ */ t(
-              "button",
+              "a",
               {
-                type: "button",
+                href: "#",
                 role: "menuitem",
                 className: "ts-menu-item",
-                onClick: () => {
-                  r(null), i(e);
+                onClick: (b) => {
+                  b.preventDefault(), r(null), i(e);
                 },
                 children: "Duplicate"
               }
             ),
             _ && /* @__PURE__ */ t(
-              "button",
+              "a",
               {
-                type: "button",
+                href: "#",
                 role: "menuitem",
                 className: "ts-menu-item danger",
-                onClick: () => {
-                  r(null), s(e);
+                onClick: (b) => {
+                  b.preventDefault(), r(null), s(e);
                 },
                 children: "Remove"
               }
@@ -461,7 +461,7 @@ function ut({
     ] }) })
   ] }) });
 }
-const mt = ze(ut), pt = (e) => /* @__PURE__ */ t(
+const ut = ze(mt), pt = (e) => /* @__PURE__ */ t(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -525,17 +525,17 @@ const mt = ze(ut), pt = (e) => /* @__PURE__ */ t(
   onPageChange: a,
   onPageSizeChange: i
 }) => {
-  const s = Math.ceil(r / n), o = s <= Ce ? Array.from({ length: s }, (u, p) => p + 1) : Array.from({ length: Ce }, (u, p) => p + 1), c = s > Ce, v = s, { showNotification: E } = ve(), [I, b] = C(String(e));
+  const s = Math.ceil(r / n), o = s <= Ce ? Array.from({ length: s }, (m, p) => p + 1) : Array.from({ length: Ce }, (m, p) => p + 1), c = s > Ce, v = s, { showNotification: S } = ve(), [I, w] = x(String(e));
   L(() => {
-    b(String(e));
+    w(String(e));
   }, [e]);
-  const x = () => {
-    const u = Number(I);
-    if (!u || u < 1 || u > s) {
-      E("Page out of range", "error"), b(String(e));
+  const E = () => {
+    const m = Number(I);
+    if (!m || m < 1 || m > s) {
+      S("Page out of range", "error"), w(String(e));
       return;
     }
-    a(u);
+    a(m);
   };
   return /* @__PURE__ */ d("div", { className: "ts-pagination-bar", children: [
     /* @__PURE__ */ d("div", { className: "ts-page-container", children: [
@@ -545,10 +545,10 @@ const mt = ze(ut), pt = (e) => /* @__PURE__ */ t(
           "select",
           {
             value: n,
-            onChange: (u) => {
-              i(Number(u.target.value)), a(1);
+            onChange: (m) => {
+              i(Number(m.target.value)), a(1);
             },
-            children: [10, 25, 50, 100].map((u) => /* @__PURE__ */ t("option", { value: u, children: u }, u))
+            children: [10, 25, 50, 100].map((m) => /* @__PURE__ */ t("option", { value: m, children: m }, m))
           }
         )
       ] }),
@@ -567,10 +567,10 @@ const mt = ze(ut), pt = (e) => /* @__PURE__ */ t(
           {
             type: "number",
             value: I,
-            onChange: (u) => b(u.target.value),
-            onBlur: x,
-            onKeyDown: (u) => {
-              u.key === "Enter" && x();
+            onChange: (m) => w(m.target.value),
+            onBlur: E,
+            onKeyDown: (m) => {
+              m.key === "Enter" && E();
             }
           }
         )
@@ -583,14 +583,14 @@ const mt = ze(ut), pt = (e) => /* @__PURE__ */ t(
     ] }),
     /* @__PURE__ */ d("div", { className: "ts-page-buttons", children: [
       /* @__PURE__ */ t("button", { disabled: e === 1, onClick: () => a(e - 1), children: "‹" }),
-      o.map((u) => /* @__PURE__ */ t(
+      o.map((m) => /* @__PURE__ */ t(
         "button",
         {
-          className: u === e ? "active" : "",
-          onClick: () => a(u),
-          children: u
+          className: m === e ? "active" : "",
+          onClick: () => a(m),
+          children: m
         },
-        u
+        m
       )),
       c && /* @__PURE__ */ t("span", { style: { padding: "0 6px" }, children: "…" }),
       c && /* @__PURE__ */ t(
@@ -611,7 +611,7 @@ const mt = ze(ut), pt = (e) => /* @__PURE__ */ t(
       )
     ] })
   ] });
-}, yt = ({
+}, gt = ({
   show: e,
   variant: n,
   title: r = "Are you sure?",
@@ -622,25 +622,25 @@ const mt = ze(ut), pt = (e) => /* @__PURE__ */ t(
   requiredMessage: o = "This field is required",
   externalError: c = !1,
   externalErrorMessage: v = "",
-  confirmText: E = "Ok",
+  confirmText: S = "Ok",
   cancelText: I = "Cancel",
-  confirmButtonVariant: b = "danger",
-  disableConfirm: x = !1,
-  onConfirm: u,
+  confirmButtonVariant: w = "danger",
+  disableConfirm: E = !1,
+  onConfirm: m,
   onCancel: p,
-  onInputChange: T
+  onInputChange: N
 }) => {
-  const [h, y] = C(s), [g, R] = C(!1), B = te(null);
+  const [h, g] = x(s), [y, R] = x(!1), B = te(null);
   if (L(() => {
     if (!e) return;
-    const M = (w) => {
-      w.key === "Escape" && p();
+    const M = (T) => {
+      T.key === "Escape" && p();
     };
     return document.addEventListener("keydown", M), () => document.removeEventListener("keydown", M);
   }, [e, p]), L(() => {
     if (!e) return;
-    const M = (w) => {
-      B.current && !B.current.contains(w.target) && p();
+    const M = (T) => {
+      B.current && !B.current.contains(T.target) && p();
     };
     return document.addEventListener("mousedown", M), () => document.removeEventListener("mousedown", M);
   }, [e, p]), L(() => {
@@ -649,16 +649,16 @@ const mt = ze(ut), pt = (e) => /* @__PURE__ */ t(
         document.body.style.overflow = "";
       };
   }, [e]), L(() => {
-    e && (y(s), R(!1));
+    e && (g(s), R(!1));
   }, [e, s]), L(() => {
     c && R(!0);
   }, [c]), !e) return null;
-  const _ = n === "input" && !h.trim(), A = n === "input" && (_ || c), S = _ ? o : c ? v : "", D = () => {
-    if (A || x) {
+  const _ = n === "input" && !h.trim(), A = n === "input" && (_ || c), b = _ ? o : c ? v : "", D = () => {
+    if (A || E) {
       R(!0);
       return;
     }
-    u(h.trim());
+    m(h.trim());
   };
   return /* @__PURE__ */ t("div", { className: "ts-modal-overlay", children: /* @__PURE__ */ d("div", { ref: B, className: "ts-modal", children: [
     /* @__PURE__ */ d("div", { className: "ts-modal-header", children: [
@@ -676,17 +676,17 @@ const mt = ze(ut), pt = (e) => /* @__PURE__ */ t(
           "input",
           {
             type: "text",
-            className: `ts-input ${g && A ? "ts-input-error" : ""}`,
+            className: `ts-input ${y && A ? "ts-input-error" : ""}`,
             placeholder: l,
             value: h,
             onChange: (M) => {
-              y(M.target.value), g && R(!1), T?.(M.target.value);
+              g(M.target.value), y && R(!1), N?.(M.target.value);
             },
             autoFocus: !0,
             style: { paddingBlock: "0", paddingInline: "0" }
           }
         ),
-        g && A && /* @__PURE__ */ t("div", { className: "ts-error-text", children: S })
+        y && A && /* @__PURE__ */ t("div", { className: "ts-error-text", children: b })
       ] })
     ] }),
     /* @__PURE__ */ d("div", { className: "ts-modal-footer", children: [
@@ -703,15 +703,15 @@ const mt = ze(ut), pt = (e) => /* @__PURE__ */ t(
         "button",
         {
           type: "button",
-          className: `ts-btn ts-btn-${b}`,
+          className: `ts-btn ts-btn-${w}`,
           onClick: D,
-          disabled: x,
-          children: E
+          disabled: E,
+          children: S
         }
       )
     ] })
   ] }) });
-}, gt = () => /* @__PURE__ */ t(
+}, yt = () => /* @__PURE__ */ t(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -757,105 +757,105 @@ const mt = ze(ut), pt = (e) => /* @__PURE__ */ t(
   onEdit: i,
   onPreview: s
 }) => {
-  const { isAdmin: l } = V(), { mutateAsync: o, isPending: c } = vt(), { mutateAsync: v, isPending: E } = bt(), [I, b] = C(""), [x, u] = C(""), [p, T] = C(null), [h, y] = C(e), [g, R] = C(n), [B, _] = C(!1), [A, S] = C("input"), [D, M] = C(!1), [w, ne] = C(null), [U, W] = C("asc"), K = (m) => {
-    w === m ? W((N) => N === "asc" ? "desc" : "asc") : (ne(m), W("asc")), ee(1);
-  }, [O, re] = C(null);
+  const { isAdmin: l } = V(), { mutateAsync: o, isPending: c } = vt(), { mutateAsync: v, isPending: S } = bt(), [I, w] = x(""), [E, m] = x(""), [p, N] = x(null), [h, g] = x(e), [y, R] = x(n), [B, _] = x(!1), [A, b] = x("input"), [D, M] = x(!1), [T, ne] = x(null), [U, W] = x("asc"), K = (u) => {
+    T === u ? W((C) => C === "asc" ? "desc" : "asc") : (ne(u), W("asc")), ee(1);
+  }, [O, re] = x(null);
   L(() => {
-    const m = [...e].sort((N, $) => {
-      if (!l && N.is_favourite !== $.is_favourite)
-        return Number($.is_favourite) - Number(N.is_favourite);
-      const P = new Date($.updatedDateTime).getTime() - new Date(N.updatedDateTime).getTime();
-      return P !== 0 ? P : N.readonly !== $.readonly ? Number(N.readonly) - Number($.readonly) : N.name.localeCompare($.name);
+    const u = [...e].sort((C, $) => {
+      if (!l && C.is_favourite !== $.is_favourite)
+        return Number($.is_favourite) - Number(C.is_favourite);
+      const P = new Date($.updatedDateTime).getTime() - new Date(C.updatedDateTime).getTime();
+      return P !== 0 ? P : C.readonly !== $.readonly ? Number(C.readonly) - Number($.readonly) : C.name.localeCompare($.name);
     });
-    y(m), ne(null);
+    g(u), ne(null);
   }, [e]), L(() => {
-    R(n.filter((m) => m.id != null));
+    R(n.filter((u) => u.id != null));
   }, [n]);
   const le = ae(() => {
-    const m = /* @__PURE__ */ new Map();
-    return g.forEach((N) => m.set(N.id, N)), m;
-  }, [g]), de = Se(
-    (m) => {
-      const N = [], $ = /* @__PURE__ */ new Set();
-      let P = le.get(m);
-      for (; P && !($.has(P.id) || ($.add(P.id), N.push({ id: P.id, name: P.name, key: P.key }), !P.parent_id)); )
+    const u = /* @__PURE__ */ new Map();
+    return y.forEach((C) => u.set(C.id, C)), u;
+  }, [y]), de = Se(
+    (u) => {
+      const C = [], $ = /* @__PURE__ */ new Set();
+      let P = le.get(u);
+      for (; P && !($.has(P.id) || ($.add(P.id), C.push({ id: P.id, name: P.name, key: P.key }), !P.parent_id)); )
         P = le.get(P.parent_id);
-      return N.reverse();
+      return C.reverse();
     },
     [le]
-  ), Z = ae(() => !h.length || !g.length ? [] : h.map((m) => ({
-    ...m,
-    categoryChain: de(m.type)
-  })), [h, g]);
+  ), Z = ae(() => !h.length || !y.length ? [] : h.map((u) => ({
+    ...u,
+    categoryChain: de(u.type)
+  })), [h, y]);
   L(() => {
-    const m = setTimeout(() => {
-      u(I), ee(1);
+    const u = setTimeout(() => {
+      m(I), ee(1);
     }, 300);
-    return () => clearTimeout(m);
+    return () => clearTimeout(u);
   }, [I]);
-  const [se, H] = C(25), [ue, ee] = C(1), me = ae(() => {
-    const m = x.trim().toLowerCase();
-    return m ? Z.filter((N) => {
-      const $ = N.name.toLowerCase().includes(m), P = N.categoryChain?.some(
-        (z) => z.name.toLowerCase().includes(m)
+  const [se, H] = x(25), [me, ee] = x(1), ue = ae(() => {
+    const u = E.trim().toLowerCase();
+    return u ? Z.filter((C) => {
+      const $ = C.name.toLowerCase().includes(u), P = C.categoryChain?.some(
+        (z) => z.name.toLowerCase().includes(u)
       );
       return $ || P;
     }) : Z;
-  }, [Z, x]), pe = ae(() => {
-    const m = [...me];
-    return m.sort((N, $) => {
-      if (w === "lastUpdatedOn") {
-        const Ve = new Date(N.updatedDateTime).getTime(), Ke = new Date($.updatedDateTime).getTime(), Pe = Ve - Ke;
+  }, [Z, E]), pe = ae(() => {
+    const u = [...ue];
+    return u.sort((C, $) => {
+      if (T === "lastUpdatedOn") {
+        const Ve = new Date(C.updatedDateTime).getTime(), Ke = new Date($.updatedDateTime).getTime(), Pe = Ve - Ke;
         return U === "asc" ? Pe : -Pe;
       }
       let P = "", z = "";
-      switch (w) {
+      switch (T) {
         case "name":
-          P = N.name, z = $.name;
+          P = C.name, z = $.name;
           break;
         case "category":
-          P = N.categoryChain?.[0]?.name ?? "", z = $.categoryChain?.[0]?.name ?? "";
+          P = C.categoryChain?.[0]?.name ?? "", z = $.categoryChain?.[0]?.name ?? "";
           break;
         case "type":
-          P = N.categoryChain?.[1]?.name ?? "", z = $.categoryChain?.[1]?.name ?? "";
+          P = C.categoryChain?.[1]?.name ?? "", z = $.categoryChain?.[1]?.name ?? "";
           break;
         case "subtype":
-          P = N.categoryChain?.[2]?.name ?? "", z = $.categoryChain?.[2]?.name ?? "";
+          P = C.categoryChain?.[2]?.name ?? "", z = $.categoryChain?.[2]?.name ?? "";
           break;
         case "templateId":
-          P = N.id ?? "", z = $.id ?? "";
+          P = C.id ?? "", z = $.id ?? "";
           break;
         case "companyName":
-          P = N.companyName ?? "", z = $.companyName ?? "";
+          P = C.companyName ?? "", z = $.companyName ?? "";
           break;
         case "lastUpdatedBy":
-          P = N.updatedByName ?? "", z = $.updatedByName ?? "";
+          P = C.updatedByName ?? "", z = $.updatedByName ?? "";
           break;
       }
       const De = P.localeCompare(z, void 0, {
         sensitivity: "base"
       });
       return U === "asc" ? De : -De;
-    }), m;
-  }, [me, w, U]), { pagedData: be } = wt({
+    }), u;
+  }, [ue, T, U]), { pagedData: be } = wt({
     data: pe,
-    page: ue,
+    page: me,
     pageSize: se
   }), f = Se(
-    (m) => h.some(
-      (N) => N.name.trim().toLowerCase() === m.trim().toLowerCase()
+    (u) => h.some(
+      (C) => C.name.trim().toLowerCase() === u.trim().toLowerCase()
     ),
     [h]
-  ), k = (m) => {
-    re(m), M(!1), S("input"), _(!0);
-  }, F = (m) => {
-    re(m), S("confirm"), _(!0);
-  }, { showNotification: j } = ve(), X = async (m) => {
+  ), k = (u) => {
+    re(u), M(!1), b("input"), _(!0);
+  }, F = (u) => {
+    re(u), b("confirm"), _(!0);
+  }, { showNotification: j } = ve(), X = async (u) => {
     if (O)
       try {
         if (A === "input") {
-          if (!m) return;
-          if (f(m)) {
+          if (!u) return;
+          if (f(u)) {
             M(!0);
             return;
           }
@@ -864,11 +864,11 @@ const mt = ze(ut), pt = (e) => /* @__PURE__ */ t(
             request: {
               projectId: "",
               enerexIdentifier: "",
-              newName: m,
+              newName: u,
               parent_id: O.id ?? null
             }
           }), j(
-            `Template "${m}" duplicated successfully`,
+            `Template "${u}" duplicated successfully`,
             "success"
           );
         }
@@ -883,8 +883,8 @@ const mt = ze(ut), pt = (e) => /* @__PURE__ */ t(
         );
       }
   }, q = O?.categoryChain?.[2]?.name?.toLowerCase() ?? "this", oe = O?.name?.toLowerCase() ?? "";
-  return /* @__PURE__ */ d(ye, { children: [
-    (c || E) && /* @__PURE__ */ t(ie, { overlay: !0 }),
+  return /* @__PURE__ */ d(ge, { children: [
+    (c || S) && /* @__PURE__ */ t(ie, { overlay: !0 }),
     /* @__PURE__ */ d("div", { className: "ts-page", children: [
       /* @__PURE__ */ d("div", { className: "ts-header", children: [
         /* @__PURE__ */ t("h1", { className: "ts-title", children: "Templates" }),
@@ -898,10 +898,10 @@ const mt = ze(ut), pt = (e) => /* @__PURE__ */ t(
               type: "text",
               placeholder: "Search...",
               value: I,
-              onChange: (m) => b(m.target.value)
+              onChange: (u) => w(u.target.value)
             }
           ),
-          /* @__PURE__ */ t("button", { className: "ts-search-btn", "aria-label": "Search", children: /* @__PURE__ */ t(gt, {}) })
+          /* @__PURE__ */ t("button", { className: "ts-search-btn", "aria-label": "Search", children: /* @__PURE__ */ t(yt, {}) })
         ] }) }),
         /* @__PURE__ */ d("div", { className: "ts-table-wrapper", children: [
           /* @__PURE__ */ d("table", { className: "ts-table", children: [
@@ -912,7 +912,7 @@ const mt = ze(ut), pt = (e) => /* @__PURE__ */ t(
                 {
                   label: "Name",
                   sortKey: "name",
-                  sortBy: w,
+                  sortBy: T,
                   sortOrder: U,
                   onSort: K
                 }
@@ -922,7 +922,7 @@ const mt = ze(ut), pt = (e) => /* @__PURE__ */ t(
                 {
                   label: "Template Id",
                   sortKey: "templateId",
-                  sortBy: w,
+                  sortBy: T,
                   sortOrder: U,
                   onSort: K
                 }
@@ -932,7 +932,7 @@ const mt = ze(ut), pt = (e) => /* @__PURE__ */ t(
                 {
                   label: "Category",
                   sortKey: "category",
-                  sortBy: w,
+                  sortBy: T,
                   sortOrder: U,
                   onSort: K
                 }
@@ -942,7 +942,7 @@ const mt = ze(ut), pt = (e) => /* @__PURE__ */ t(
                 {
                   label: "Type",
                   sortKey: "type",
-                  sortBy: w,
+                  sortBy: T,
                   sortOrder: U,
                   onSort: K
                 }
@@ -952,7 +952,7 @@ const mt = ze(ut), pt = (e) => /* @__PURE__ */ t(
                 {
                   label: "Subtype",
                   sortKey: "subtype",
-                  sortBy: w,
+                  sortBy: T,
                   sortOrder: U,
                   onSort: K
                 }
@@ -962,7 +962,7 @@ const mt = ze(ut), pt = (e) => /* @__PURE__ */ t(
                 {
                   label: "Company Name",
                   sortKey: "companyName",
-                  sortBy: w,
+                  sortBy: T,
                   sortOrder: U,
                   onSort: K
                 }
@@ -972,7 +972,7 @@ const mt = ze(ut), pt = (e) => /* @__PURE__ */ t(
                 {
                   label: "Last Updated by",
                   sortKey: "lastUpdatedBy",
-                  sortBy: w,
+                  sortBy: T,
                   sortOrder: U,
                   onSort: K
                 }
@@ -982,32 +982,32 @@ const mt = ze(ut), pt = (e) => /* @__PURE__ */ t(
                 {
                   label: "Last Updated on",
                   sortKey: "lastUpdatedOn",
-                  sortBy: w,
+                  sortBy: T,
                   sortOrder: U,
                   onSort: K
                 }
               ),
               /* @__PURE__ */ t("th", { className: "ts-cursor-default", children: "Actions" })
             ] }) }),
-            /* @__PURE__ */ t("tbody", { children: be.map((m) => /* @__PURE__ */ t(
-              mt,
+            /* @__PURE__ */ t("tbody", { children: be.map((u) => /* @__PURE__ */ t(
+              ut,
               {
-                template: m,
+                template: u,
                 openActionId: p,
-                setOpenActionId: T,
+                setOpenActionId: N,
                 onDuplicate: k,
                 onEdit: i,
                 onRemove: F,
                 onPreview: s,
                 onRefresh: r
               },
-              m.id
+              u.id
             )) })
           ] }),
           /* @__PURE__ */ t(
             ht,
             {
-              page: ue,
+              page: me,
               pageSize: se,
               totalRecords: pe.length,
               onPageChange: ee,
@@ -1018,7 +1018,7 @@ const mt = ze(ut), pt = (e) => /* @__PURE__ */ t(
       ] }) })
     ] }),
     /* @__PURE__ */ t(
-      yt,
+      gt,
       {
         show: B,
         variant: A,
@@ -1410,7 +1410,7 @@ const mt = ze(ut), pt = (e) => /* @__PURE__ */ t(
   }), r;
 }, Ct = () => {
   const e = Y(), { enerexIdentifier: n, projectId: r } = V();
-  return ge({
+  return ye({
     queryKey: ["getTemplateTags"],
     queryFn: async (i) => await e.get(
       `${Q.MergeTags}${r}/${n}`
@@ -1418,7 +1418,7 @@ const mt = ze(ut), pt = (e) => /* @__PURE__ */ t(
   });
 }, xt = () => {
   const e = Y(), { enerexIdentifier: n, projectId: r } = V();
-  return ge({
+  return ye({
     queryKey: ["getExcludeCategory"],
     queryFn: async (i) => await e.get(
       `${Q.ExcludeCategory}${r}/${n}`
@@ -1430,33 +1430,33 @@ const mt = ze(ut), pt = (e) => /* @__PURE__ */ t(
   loading: r = !1,
   onEditorInitialized: a
 }) => {
-  const { post: i } = je(), { data: s } = Ct(), { data: l } = xt(), [o, c] = C(
+  const { post: i } = je(), { data: s } = Ct(), { data: l } = xt(), [o, c] = x(
     e ?? { html: he, css: "" }
-  ), { userEmail: v } = V(), E = te(null), I = "https://plugin.stripocdn.email/content/guids/CABINET_eab4e7d5a4603ac03f4120652a3a5a540f0c79c688514939f095f67433ed4a67/images/photo256.png", b = "https://plugins.stripo.email/api/v1/auth";
+  ), { userEmail: v } = V(), S = te(null), I = "https://plugin.stripocdn.email/content/guids/CABINET_eab4e7d5a4603ac03f4120652a3a5a540f0c79c688514939f095f67433ed4a67/images/photo256.png", w = "https://plugins.stripo.email/api/v1/auth";
   L(() => {
-    (async () => (await x(), s && l && await u(xe.EDITOR_SCRIPT_URL)))();
+    (async () => (await E(), s && l && await m(xe.EDITOR_SCRIPT_URL)))();
   }, [s, l]);
-  async function x() {
-    window.Zone || await new Promise((T, h) => {
-      const y = document.createElement("script");
-      y.src = "https://unpkg.com/zone.js@0.13.1/bundles/zone.umd.min.js";
-      const g = document.querySelector("script[nonce]")?.nonce;
-      g && y.setAttribute("nonce", g), y.onload = () => T(), y.onerror = () => h(new Error("Failed to load zone.js")), document.head.appendChild(y);
+  async function E() {
+    window.Zone || await new Promise((N, h) => {
+      const g = document.createElement("script");
+      g.src = "https://unpkg.com/zone.js@0.13.1/bundles/zone.umd.min.js";
+      const y = document.querySelector("script[nonce]")?.nonce;
+      y && g.setAttribute("nonce", y), g.onload = () => N(), g.onerror = () => h(new Error("Failed to load zone.js")), document.head.appendChild(g);
     });
   }
-  async function u(T) {
+  async function m(N) {
     let h = document.getElementById(
       "UiEditorScript"
     );
-    h || (h = document.createElement("script"), h.id = "UiEditorScript", h.src = T, h.onload = async () => {
+    h || (h = document.createElement("script"), h.id = "UiEditorScript", h.src = N, h.onload = async () => {
       await p();
     }, document.body.appendChild(h)), await new Promise(
-      (y) => h.addEventListener("load", () => y(), { once: !0 })
+      (g) => h.addEventListener("load", () => g(), { once: !0 })
     );
   }
   const p = async () => {
-    const T = E.current;
-    if (!T) {
+    const N = S.current;
+    if (!N) {
       console.error("Missing #stripoEditorContainer in DOM");
       return;
     }
@@ -1476,32 +1476,32 @@ const mt = ze(ut), pt = (e) => /* @__PURE__ */ t(
         avatarUrl: I
       },
       locale: "en",
-      onTokenRefreshRequest: async (y) => {
-        const g = {
+      onTokenRefreshRequest: async (g) => {
+        const y = {
           pluginId: xe.EDITOR_PLUGIN_ID,
           secretKey: xe.EDITOR_SECRET_KEY,
           userId: v,
           role: "user"
         }, R = await i(
-          b,
-          g
+          w,
+          y
         );
-        R?.token && y(R.token);
+        R?.token && g(R.token);
       },
       onTemplateLoaded: () => {
         a && a(!0);
       },
       mergeTags: Nt(s ?? [])
     };
-    for (const [y, g] of Object.entries({
+    for (const [g, y] of Object.entries({
       codeEditorButtonSelector: "#codeEditor",
       undoButtonSelector: "#undoButton",
       redoButtonSelector: "#redoButton",
       mobileViewButtonSelector: "#mobileViewButton",
       desktopViewButtonSelector: "#desktopViewButton"
     }))
-      T.ownerDocument && T.getRootNode() instanceof ShadowRoot && T.getRootNode().querySelector(g) && (h[y] = g);
-    await window.UIEditor.initEditor(T, h);
+      N.ownerDocument && N.getRootNode() instanceof ShadowRoot && N.getRootNode().querySelector(y) && (h[g] = y);
+    await window.UIEditor.initEditor(N, h);
   };
   return /* @__PURE__ */ t("div", { className: "position-relative", children: /* @__PURE__ */ d("div", { className: `editor-container ${n}`, children: [
     r && /* @__PURE__ */ t("div", { className: "loading-overlay", children: /* @__PURE__ */ t(
@@ -1516,7 +1516,7 @@ const mt = ze(ut), pt = (e) => /* @__PURE__ */ t(
       }
     ) }),
     /* @__PURE__ */ t("div", { id: "externalSystemContainer" }),
-    /* @__PURE__ */ t("div", { id: "stripoEditorContainer", ref: E })
+    /* @__PURE__ */ t("div", { id: "stripoEditorContainer", ref: S })
   ] }) });
 }, Me = ({
   label: e,
@@ -1617,12 +1617,12 @@ const Re = /* @__PURE__ */ St(kt), Be = (e) => e.data.isSeparator ? /* @__PURE__
   disabled: o,
   isInvalid: c,
   value: v,
-  onChange: E,
+  onChange: S,
   uncontrolled: I,
-  menuPlacement: b = "auto",
-  closeOnSelect: x = !0
+  menuPlacement: w = "auto",
+  closeOnSelect: E = !0
 }) => {
-  const u = {
+  const m = {
     control: (p) => ({
       ...p,
       minHeight: "33px",
@@ -1668,19 +1668,19 @@ const Re = /* @__PURE__ */ St(kt), Be = (e) => e.data.isSeparator ? /* @__PURE__
       className: Re({
         "is-invalid": c
       }),
-      styles: u,
+      styles: m,
       classNamePrefix: "react-select",
       isMulti: a,
       options: r,
-      onChange: E,
+      onChange: S,
       placeholder: i,
       menuPortalTarget: document.body,
       value: v,
       getOptionLabel: typeof l == "string" ? (p) => p[l] : l,
       getOptionValue: (p) => p.id,
       isDisabled: o,
-      menuPlacement: b,
-      closeMenuOnSelect: x
+      menuPlacement: w,
+      closeMenuOnSelect: E
     }
   ) : /* @__PURE__ */ t(
     Xe,
@@ -1688,15 +1688,15 @@ const Re = /* @__PURE__ */ St(kt), Be = (e) => e.data.isSeparator ? /* @__PURE__
       control: n,
       name: e,
       rules: s,
-      render: ({ field: { onChange: p, value: T, onBlur: h } }) => /* @__PURE__ */ t(
+      render: ({ field: { onChange: p, value: N, onBlur: h } }) => /* @__PURE__ */ t(
         $e,
         {
           components: { Option: Be },
-          isOptionDisabled: (y) => !!y.isSeparator,
+          isOptionDisabled: (g) => !!g.isSeparator,
           className: Re({
             "is-invalid": c
           }),
-          styles: u,
+          styles: m,
           classNamePrefix: "react-select",
           isMulti: a,
           options: r,
@@ -1704,14 +1704,14 @@ const Re = /* @__PURE__ */ St(kt), Be = (e) => e.data.isSeparator ? /* @__PURE__
           onChange: p,
           placeholder: i,
           menuPortalTarget: document.body,
-          value: T,
-          getOptionLabel: typeof l == "string" ? (y) => y[l] : l,
-          getOptionValue: (y) => y.id,
+          value: N,
+          getOptionLabel: typeof l == "string" ? (g) => g[l] : l,
+          getOptionValue: (g) => g.id,
           isDisabled: o,
-          menuPlacement: b,
-          closeMenuOnSelect: x
+          menuPlacement: w,
+          closeMenuOnSelect: E
         },
-        T ? T.id || T.value || JSON.stringify(T) : "reset"
+        N ? N.id || N.value || JSON.stringify(N) : "reset"
       )
     }
   );
@@ -1769,14 +1769,14 @@ const Re = /* @__PURE__ */ St(kt), Be = (e) => e.data.isSeparator ? /* @__PURE__
   onRefresh: l,
   closeEditorModal: o
 }) => {
-  const { defaultSelector: c, isAdmin: v, userEmail: E } = V(), { mutateAsync: I, isPending: b } = Ue(), {
-    register: x,
-    handleSubmit: u,
+  const { defaultSelector: c, isAdmin: v, userEmail: S } = V(), { mutateAsync: I, isPending: w } = Ue(), {
+    register: E,
+    handleSubmit: m,
     clearErrors: p,
-    setValue: T,
+    setValue: N,
     control: h,
-    watch: y,
-    reset: g,
+    watch: g,
+    reset: y,
     setError: R,
     formState: { errors: B }
   } = Je({
@@ -1789,7 +1789,7 @@ const Re = /* @__PURE__ */ St(kt), Be = (e) => e.data.isSeparator ? /* @__PURE__
       template: Pt
     },
     mode: "onChange"
-  }), [_, A] = C([]), [S, D] = C(), { mutateAsync: M, isPending: w } = Dt(), [ne, U] = C([]), [W, K] = C([]), [O, re] = C([]), [le, de] = C(!1), Z = te(!1), { showNotification: se } = ve(), H = r === "edit", ue = le || w || b || !n;
+  }), [_, A] = x([]), [b, D] = x(), { mutateAsync: M, isPending: T } = Dt(), [ne, U] = x([]), [W, K] = x([]), [O, re] = x([]), [le, de] = x(!1), Z = te(!1), { showNotification: se } = ve(), H = r === "edit", me = le || T || w || !n;
   L(() => {
     if (a) {
       let f = a.filter((F) => F.id != null), k = Ne(f, 0);
@@ -1802,7 +1802,7 @@ const Re = /* @__PURE__ */ St(kt), Be = (e) => e.data.isSeparator ? /* @__PURE__
     const f = _.find((q) => q.id === s.templateID);
     if (!f) return;
     const k = a.filter((q) => q.id != null), F = k.find((q) => `${q.id}` == `${f.type}`), j = F ? k.find((q) => `${q.id}` == `${F.parent_id}`) : void 0, X = j ? k.find((q) => `${q.id}` == `${j.parent_id}`) : void 0;
-    g({
+    y({
       templateType: X ? ee(X) : void 0,
       subTemplateType: j ? ee(j) : void 0,
       subTemplateType2: F ? ee(F) : void 0,
@@ -1810,7 +1810,7 @@ const Re = /* @__PURE__ */ St(kt), Be = (e) => e.data.isSeparator ? /* @__PURE__
       templateName: s.name ?? "",
       subject: s.subject ?? ""
     }), D(f), Z.current = !0, de(!1);
-  }, [r, s, n, a, _, g]);
+  }, [r, s, n, a, _, y]);
   const ee = (f) => ({
     id: String(f.id),
     name: f.name,
@@ -1819,50 +1819,50 @@ const Re = /* @__PURE__ */ St(kt), Be = (e) => e.data.isSeparator ? /* @__PURE__
   L(() => {
     i?.sort((f, k) => f.readonly !== k.readonly ? (f.readonly ? 0 : 1) - (k.readonly ? 0 : 1) : f.name.localeCompare(k.name)), A(i ?? []);
   }, [i]), L(() => {
-    if (!y("templateType")) return;
+    if (!g("templateType")) return;
     const f = Ne(a, 1);
     K(
       Te(
-        f.filter((k) => `${k.parent_id}` == `${y("templateType")?.id}`)
+        f.filter((k) => `${k.parent_id}` == `${g("templateType")?.id}`)
       )
-    ), T("subTemplateType", void 0);
-  }, [y("templateType"), a]), L(() => {
-    const f = y("subTemplateType");
+    ), N("subTemplateType", void 0);
+  }, [g("templateType"), a]), L(() => {
+    const f = g("subTemplateType");
     if (!f) return;
     const k = Ne(a, 2);
     let F = Te(
       k.filter((j) => `${j.parent_id}` == `${f.id}`)
     );
     r !== "edit" && !v && (F = F.filter((j) => j.key !== 2)), re(F);
-  }, [y("subTemplateType"), a, r]), L(() => {
+  }, [g("subTemplateType"), a, r]), L(() => {
     if (c && c.type1) {
       const f = ne?.find(
         (k) => `${k.id}` === c.type1
       );
-      T("templateType", f);
+      N("templateType", f);
     }
   }, [a, ne]), L(() => {
     if (c && c.type2) {
       const f = W?.find(
         (k) => `${k.id}` === c.type2
       );
-      T("subTemplateType", f);
+      N("subTemplateType", f);
     }
   }, [a, W]), L(() => {
     if (c && c.type3) {
       const f = O?.find(
         (k) => `${k.id}` === c.type3
       );
-      T("subTemplateType2", f);
+      N("subTemplateType2", f);
     }
   }, [a, O]);
-  const me = (f) => {
+  const ue = (f) => {
     window.StripoEditorApi.actionsApi.getTemplateData(
       async (k) => {
         try {
           let F = f.template.id, j = "";
           const X = f.templateName.trim(), q = _.find(
-            (N) => N.name === f.templateName.trim()
+            (C) => C.name === f.templateName.trim()
           );
           if (q && q?.id !== f.template.id) {
             R("templateName", {
@@ -1883,7 +1883,7 @@ const Re = /* @__PURE__ */ St(kt), Be = (e) => e.data.isSeparator ? /* @__PURE__
             css: k.css,
             subject: f.templateType.id === "2" ? f?.subject ?? "" : "",
             parent_id: j,
-            updatedBy: E ?? ""
+            updatedBy: S ?? ""
           };
           if (!await M(Ie)) {
             se(
@@ -1904,9 +1904,9 @@ const Re = /* @__PURE__ */ St(kt), Be = (e) => e.data.isSeparator ? /* @__PURE__
         }
       }
     );
-  }, pe = y("templateType"), be = y("subTemplateType");
-  return /* @__PURE__ */ d(ye, { children: [
-    ue && /* @__PURE__ */ t(ie, { overlay: !0 }),
+  }, pe = g("templateType"), be = g("subTemplateType");
+  return /* @__PURE__ */ d(ge, { children: [
+    me && /* @__PURE__ */ t(ie, { overlay: !0 }),
     /* @__PURE__ */ t("div", { className: "ts-card", children: /* @__PURE__ */ t("div", { className: "ts-card-body", children: /* @__PURE__ */ t("form", { children: /* @__PURE__ */ t("div", { className: "template-list-container", children: /* @__PURE__ */ d("div", { className: "ts-row", children: [
       /* @__PURE__ */ t("div", { className: "ts-col", children: /* @__PURE__ */ t(
         fe,
@@ -1916,14 +1916,14 @@ const Re = /* @__PURE__ */ St(kt), Be = (e) => e.data.isSeparator ? /* @__PURE__
           error: B,
           options: ne,
           required: !0,
-          disabled: H || w || b || !n,
+          disabled: H || T || w || !n,
           validation: {
             required: {
               value: !0,
               message: "Select a category"
             }
           },
-          ...x("templateType")
+          ...E("templateType")
         }
       ) }),
       W && W.length > 0 && /* @__PURE__ */ t("div", { className: "ts-col", children: /* @__PURE__ */ t(
@@ -1934,14 +1934,14 @@ const Re = /* @__PURE__ */ St(kt), Be = (e) => e.data.isSeparator ? /* @__PURE__
           error: B,
           options: W,
           required: !0,
-          disabled: H || w || b || !n,
+          disabled: H || T || w || !n,
           validation: {
             required: {
               value: !0,
               message: "Select a type"
             }
           },
-          ...x("subTemplateType")
+          ...E("subTemplateType")
         }
       ) }),
       O && O.length > 0 && /* @__PURE__ */ t("div", { className: "ts-col", children: /* @__PURE__ */ t(
@@ -1952,14 +1952,14 @@ const Re = /* @__PURE__ */ St(kt), Be = (e) => e.data.isSeparator ? /* @__PURE__
           error: B,
           options: O,
           required: !0,
-          disabled: H || w || b || !n,
+          disabled: H || T || w || !n,
           validation: {
             required: {
               value: !0,
               message: "Select a subtype"
             }
           },
-          ...x("subTemplateType2")
+          ...E("subTemplateType2")
         }
       ) }),
       /* @__PURE__ */ t("div", { className: "ts-col", children: /* @__PURE__ */ t(
@@ -1968,10 +1968,10 @@ const Re = /* @__PURE__ */ St(kt), Be = (e) => e.data.isSeparator ? /* @__PURE__
           label: "Template",
           control: h,
           error: B,
-          disabled: H || !H || w || b || !n,
+          disabled: H || !H || T || w || !n,
           options: [],
           required: !1,
-          ...x("template")
+          ...E("template")
         }
       ) }),
       /* @__PURE__ */ d("div", { className: "ts-col ts-template-name-col", children: [
@@ -1979,7 +1979,7 @@ const Re = /* @__PURE__ */ St(kt), Be = (e) => e.data.isSeparator ? /* @__PURE__
           Me,
           {
             label: "Name",
-            register: x,
+            register: E,
             error: B,
             required: !0,
             name: "templateName",
@@ -1991,13 +1991,13 @@ const Re = /* @__PURE__ */ St(kt), Be = (e) => e.data.isSeparator ? /* @__PURE__
             }
           }
         ),
-        be?.key?.toString() === "9" && H && !v && S?.is_favourite && /* @__PURE__ */ t("span", { className: "ts-favourite-icon", children: /* @__PURE__ */ t(Le, { variant: "filled" }) })
+        be?.key?.toString() === "9" && H && !v && b?.is_favourite && /* @__PURE__ */ t("span", { className: "ts-favourite-icon", children: /* @__PURE__ */ t(Le, { variant: "filled" }) })
       ] }),
       pe?.key?.toString() === "12" && /* @__PURE__ */ t("div", { className: "ts-col", children: /* @__PURE__ */ t(
         Me,
         {
           label: "Subject",
-          register: x,
+          register: E,
           error: B,
           required: !1,
           name: "subject"
@@ -2009,11 +2009,11 @@ const Re = /* @__PURE__ */ St(kt), Be = (e) => e.data.isSeparator ? /* @__PURE__
           {
             type: "button",
             className: "ts-btn ts-btn-primary",
-            disabled: w || b || !n,
+            disabled: T || w || !n,
             onClick: () => {
-              D(void 0), g(), K([]), re([]), e();
+              D(void 0), y(), K([]), re([]), e();
             },
-            children: w || b ? /* @__PURE__ */ t(ie, { size: "sm" }) : "Clear"
+            children: T || w ? /* @__PURE__ */ t(ie, { size: "sm" }) : "Clear"
           }
         ),
         /* @__PURE__ */ t(
@@ -2021,9 +2021,9 @@ const Re = /* @__PURE__ */ St(kt), Be = (e) => e.data.isSeparator ? /* @__PURE__
           {
             type: "button",
             className: "ts-btn ts-btn-primary",
-            disabled: w || b || !n,
-            onClick: u(me),
-            children: w || b ? (
+            disabled: T || w || !n,
+            onClick: m(ue),
+            children: T || w ? (
               // <span className="ts-spinner" />
               /* @__PURE__ */ t(ie, { size: "sm" })
             ) : "Save"
@@ -2044,7 +2044,7 @@ const Re = /* @__PURE__ */ St(kt), Be = (e) => e.data.isSeparator ? /* @__PURE__
   onClose: c,
   onRefresh: v
 }) => {
-  const E = te(null), [I, b] = C(!1);
+  const S = te(null), [I, w] = x(!1);
   L(() => {
     e && s && window.StripoEditorApi?.actionsApi && (n === "add" ? window.StripoEditorApi.actionsApi.updateHtmlAndCss(he, "", "") : n === "edit" && r && window.StripoEditorApi.actionsApi.updateHtmlAndCss(
       r.html ?? he,
@@ -2052,16 +2052,16 @@ const Re = /* @__PURE__ */ St(kt), Be = (e) => e.data.isSeparator ? /* @__PURE__
       ""
     ));
   }, [e, s, n, r]), L(() => {
-    e || b(!1);
+    e || w(!1);
   }, [e]);
-  const x = () => {
+  const E = () => {
     window.StripoEditorApi.actionsApi.updateHtmlAndCss(he, "", "");
   };
   return e ? /* @__PURE__ */ t("div", { className: "ts-editor-modal-overlay", children: /* @__PURE__ */ d(
     "div",
     {
       className: `ts-editor-modal ${I ? "ts-editor-modal--fullscreen" : ""}`,
-      ref: E,
+      ref: S,
       children: [
         /* @__PURE__ */ d("div", { className: "ts-editor-modal-header", children: [
           /* @__PURE__ */ d("h3", { className: "ts-modal-title", children: [
@@ -2074,7 +2074,7 @@ const Re = /* @__PURE__ */ St(kt), Be = (e) => e.data.isSeparator ? /* @__PURE__
               "button",
               {
                 className: "ts-editor-fullscreen-btn",
-                onClick: () => b((u) => !u),
+                onClick: () => w((m) => !m),
                 "aria-label": "Toggle fullscreen",
                 children: I ? /* @__PURE__ */ t(At, { style: { display: "block" } }) : /* @__PURE__ */ t(Mt, { style: { display: "block" } })
               }
@@ -2099,7 +2099,7 @@ const Re = /* @__PURE__ */ St(kt), Be = (e) => e.data.isSeparator ? /* @__PURE__
               templateTypes: a,
               templateList: i,
               editorInitialized: s,
-              onReset: x,
+              onReset: E,
               onRefresh: v,
               closeEditorModal: c
             }
@@ -2133,19 +2133,19 @@ const Re = /* @__PURE__ */ St(kt), Be = (e) => e.data.isSeparator ? /* @__PURE__
     data: i,
     isLoading: s,
     isFetching: l
-  } = it(), { mutateAsync: o, isPending: c } = lt(), [v, E] = C(!1), [I, b] = C("add"), [x, u] = C(!1), [p, T] = C(""), [h, y] = C(), g = () => {
-    b("add"), E(!0);
-  }, R = async (S) => {
-    const D = await o({ id: S.id });
-    y({ ...D }), b("edit"), E(!0);
-  }, B = (S) => {
+  } = it(), { mutateAsync: o, isPending: c } = lt(), [v, S] = x(!1), [I, w] = x("add"), [E, m] = x(!1), [p, N] = x(""), [h, g] = x(), y = () => {
+    w("add"), S(!0);
+  }, R = async (b) => {
+    const D = await o({ id: b.id });
+    g({ ...D }), w("edit"), S(!0);
+  }, B = (b) => {
     if (!e || e.length === 0) return;
-    const D = e.find((M) => M.id === S.id);
-    T(D?.html + "<style>" + D?.css + "</style>"), b("preview"), E(!0);
+    const D = e.find((M) => M.id === b.id);
+    N(D?.html + "<style>" + D?.css + "</style>"), w("preview"), S(!0);
   }, _ = () => {
-    E(!1), u(!1), document.getElementById("UiEditorScript")?.remove();
+    S(!1), m(!1), document.getElementById("UiEditorScript")?.remove();
   };
-  return /* @__PURE__ */ d(ye, { children: [
+  return /* @__PURE__ */ d(ge, { children: [
     (n || s || r || l || c) && /* @__PURE__ */ t(ie, { overlay: !0 }),
     /* @__PURE__ */ t(
       Tt,
@@ -2153,7 +2153,7 @@ const Re = /* @__PURE__ */ St(kt), Be = (e) => e.data.isSeparator ? /* @__PURE__
         templates: e ?? [],
         templateTypes: i ?? [],
         onRefresh: a,
-        onAdd: g,
+        onAdd: y,
         onEdit: R,
         onPreview: B
       }
@@ -2166,8 +2166,8 @@ const Re = /* @__PURE__ */ St(kt), Be = (e) => e.data.isSeparator ? /* @__PURE__
         template: h,
         templateTypes: i ?? [],
         templateList: e ?? [],
-        editorInitialized: x,
-        onEditorInitialized: u,
+        editorInitialized: E,
+        onEditorInitialized: m,
         onClose: _,
         onSaved: () => {
           _(), a();