npm - @enerex/template-studio - Versions diffs - 1.1.29 → 1.1.31 - Mend

@enerex/template-studio 1.1.29 → 1.1.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/enerex-template-editor.es.js +297 -296
package/dist/enerex-template-editor.umd.js +3 -3
package/dist/types/context/configuration-provider.d.ts +0 -1
package/package.json +1 -1

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

@@ -1,11 +1,11 @@
-import { jsx as s, jsxs as C, Fragment as ve } from "react/jsx-runtime";
-import A, { useContext as oe, useState as S, useRef as xe, useEffect as j } from "react";
-import { QueryClient as Se, QueryClientProvider as Ce, useQuery as z, useMutation as ae, useQueryClient as Ee } from "@tanstack/react-query";
+import { jsx as o, jsxs as S, Fragment as xe } from "react/jsx-runtime";
+import q, { useContext as se, useState as x, useRef as Se, useEffect as N } from "react";
+import { QueryClient as Ce, QueryClientProvider as Ee, useQuery as H, useMutation as ae, useQueryClient as Ie } from "@tanstack/react-query";
 import J from "axios";
-import { Spinner as W, Form as R, Card as X, Row as Ie, Col as q, Button as Z } from "react-bootstrap";
-import { Controller as Ne, useForm as _e } from "react-hook-form";
-import ee, { components as Pe } from "react-select";
-const F = `<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\r
+import { Spinner as Q, Form as P, Card as X, Row as _e, Col as O, Button as Z } from "react-bootstrap";
+import { Controller as Ne, useForm as Pe } from "react-hook-form";
+import ee, { components as je } from "react-select";
+const U = `<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\r
 <html\r
   dir="ltr"\r
   xmlns:o="urn:schemas-microsoft-com:office:office"\r
@@ -361,154 +361,155 @@ const F = `<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:
     </div>\r
   </body>\r
 </html>\r
-`, le = A.createContext(
+`, le = q.createContext(
   void 0
-), je = ({
+), Ae = ({
   children: e,
-  configs: n
+  configs: r
 }) => {
-  const [i, a] = A.useState(n.clientId), [r, t] = A.useState(n.apiKey), [o, d] = A.useState(
-    n.enerexIdentifier
-  ), [p, x] = A.useState(n.userName), [I, h] = A.useState(n.projectId), T = (b) => {
-    t(b.apiKey), a(b.clientId), h(b.projectId), d(b.enerexIdentifier), x(b.userName);
+  const [i, a] = q.useState(r.clientId), [n, t] = q.useState(r.apiKey), [s, d] = q.useState(
+    r.enerexIdentifier
+  ), [p, E] = q.useState(r.projectId), T = (y) => {
+    t(y.apiKey), a(y.clientId), E(y.projectId), d(y.enerexIdentifier);
   };
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ o(
     le.Provider,
     {
       value: {
         clientId: i,
-        apiKey: r,
+        apiKey: n,
         setConfiguration: T,
-        enerexIdentifier: o,
-        projectId: I,
-        userName: p
+        enerexIdentifier: s,
+        projectId: p
       },
       children: e
     }
   );
-}, E = () => {
-  const e = oe(le);
+}, C = () => {
+  const e = se(le);
   if (!e)
     throw new Error("widgetConfig must be used within a ConfigProvider");
   return e;
-}, de = (e = "", n) => ({ get: async (r, t) => {
+}, de = (e = "", r) => ({ get: async (n, t) => {
   try {
-    const o = await J.get(
-      `${e}${r}`,
-      t ?? n
+    const s = await J.get(
+      `${e}${n}`,
+      t ?? r
     );
-    if (o.status === 200)
-      return o.data;
-  } catch (o) {
-    throw o;
+    if (s.status === 200)
+      return s.data;
+  } catch (s) {
+    throw s;
   }
-}, post: async (r, t, o) => {
+}, post: async (n, t, s) => {
   try {
     const d = await J.post(
-      `${e}${r}`,
+      `${e}${n}`,
       t,
-      o ?? n
+      s ?? r
     );
     if (d.status === 200)
       return d.data;
   } catch (d) {
     throw d;
   }
-} }), H = {
+} }), F = {
   EDITOR_SCRIPT_URL: "https://plugins.stripo.email/resources/uieditor/latest/UIEditor.js",
   EDITOR_PLUGIN_ID: "1afdc3161ec7409a8627a1c8561d45f5",
   EDITOR_SECRET_KEY: "54ba748ed7e94f2e929555783acb03da",
   API_BASE_URL: "https://dev-socket.enerex.com/common/api"
   //API_BASE_URL: "https://localhost:44338/api",
   // more env variables...
-}, ce = A.createContext({
+}, ce = q.createContext({
   get: () => {
     throw new Error("HttpClientContext.get not implemented");
   },
   post: () => {
     throw new Error("HttpClientContext.post not implemented");
   }
-}), Ae = ({ children: e }) => {
-  const { clientId: n, apiKey: i } = E(), a = {
+}), Re = ({ children: e }) => {
+  const { clientId: r, apiKey: i } = C(), a = {
     headers: {
-      client_id: n,
+      client_id: r,
       "x-api-key": i
     }
-  }, { get: r, post: t } = de(H.API_BASE_URL, a);
-  return /* @__PURE__ */ s(ce.Provider, { value: { get: r, post: t }, children: e });
-}, Re = ({ children: e }) => {
-  const n = new Se();
-  return /* @__PURE__ */ s(Ae, { children: /* @__PURE__ */ s(Ce, { client: n, children: e }) });
-}, Oe = (e) => {
-  const n = Array.from(new Set(e.map((a) => a.category))), i = [];
-  return n.forEach((a) => {
-    const r = e.filter((t) => t.category === a).map((t) => ({
+  }, { get: n, post: t } = de(F.API_BASE_URL, a);
+  return /* @__PURE__ */ o(ce.Provider, { value: { get: n, post: t }, children: e });
+}, Oe = ({ children: e }) => {
+  const r = new Ce();
+  return /* @__PURE__ */ o(Re, { children: /* @__PURE__ */ o(Ee, { client: r, children: e }) });
+}, qe = (e) => {
+  const r = Array.from(new Set(e.map((a) => a.category))), i = [];
+  return r.forEach((a) => {
+    const n = e.filter((t) => t.category === a).map((t) => ({
       label: t.label,
       value: t.value,
       hint: t.hint,
       hidden: t.hidden
     }));
-    i.push({ category: a, entries: r });
+    i.push({ category: a, entries: n });
   }), i;
 }, D = () => {
-  const e = oe(ce);
+  const e = se(ce);
   if (e)
     return e;
   throw new Error("useHttpClient must be used within a HttpClientProvider");
-}, $ = {
+}, L = {
   Template_list: "/Template/list/",
   Template: "/Template/GetTemplate/",
   MergeTags: "/Template/TemplateMergeTags/",
   ExcludeCategory: "/Template/GetExcludeCategories/",
   SaveTemplate: "/Template/save-update/",
   TemplateTypes: "/Template/TemplateTypes/"
-}, qe = () => {
-  const e = D(), { enerexIdentifier: n, projectId: i } = E();
-  return z({
+}, De = () => {
+  const e = D(), { enerexIdentifier: r, projectId: i } = C();
+  return H({
     queryKey: ["getTemplateTags"],
-    queryFn: async (r) => await e.get(
-      `${$.MergeTags}${i}/${n}`
+    queryFn: async (n) => await e.get(
+      `${L.MergeTags}${i}/${r}`
     )
   });
-}, De = () => {
-  const e = D(), { enerexIdentifier: n, projectId: i } = E();
-  return z({
+}, Le = () => {
+  const e = D(), { enerexIdentifier: r, projectId: i } = C();
+  return H({
     queryKey: ["getExcludeCategory"],
-    queryFn: async (r) => await e.get(
-      `${$.ExcludeCategory}${i}/${n}`
+    queryFn: async (n) => await e.get(
+      `${L.ExcludeCategory}${i}/${r}`
     )
   });
-}, $e = ({
+}, W = Date.now().toString(36) + Math.random().toString(36).substr(2);
+console.log("uniqueId", W);
+const $e = ({
   templateHTML: e,
-  className: n = "",
+  className: r = "",
   loading: i = !1
 }) => {
-  const { post: a } = de(), { data: r } = qe(), { data: t } = De(), [o, d] = S(
-    e ?? { html: F, css: "" }
-  ), { enerexIdentifier: p, projectId: x, userName: I } = E(), h = xe(null), T = "https://plugin.stripocdn.email/content/guids/CABINET_eab4e7d5a4603ac03f4120652a3a5a540f0c79c688514939f095f67433ed4a67/images/photo256.png", b = "https://plugins.stripo.email/api/v1/auth";
-  j(() => {
-    (async () => (await N(), r && t && await m(H.EDITOR_SCRIPT_URL)))();
-  }, [r, t]);
-  async function N() {
+  const { post: a } = de(), { data: n } = De(), { data: t } = Le(), [s, d] = x(
+    e ?? { html: U, css: "" }
+  ), { enerexIdentifier: p, projectId: E } = C(), T = Se(null), y = "https://plugin.stripocdn.email/content/guids/CABINET_eab4e7d5a4603ac03f4120652a3a5a540f0c79c688514939f095f67433ed4a67/images/photo256.png", v = "https://plugins.stripo.email/api/v1/auth";
+  N(() => {
+    (async () => (await j(), n && t && await I(F.EDITOR_SCRIPT_URL)))();
+  }, [n, t]);
+  async function j() {
     window.Zone || await new Promise((f, u) => {
       const g = document.createElement("script");
       g.src = "https://unpkg.com/zone.js@0.13.1/bundles/zone.umd.min.js";
-      const v = document.querySelector("script[nonce]")?.nonce;
-      v && g.setAttribute("nonce", v), g.onload = () => f(), g.onerror = () => u(new Error("Failed to load zone.js")), document.head.appendChild(g);
+      const b = document.querySelector("script[nonce]")?.nonce;
+      b && g.setAttribute("nonce", b), g.onload = () => f(), g.onerror = () => u(new Error("Failed to load zone.js")), document.head.appendChild(g);
     });
   }
-  async function m(f) {
+  async function I(f) {
     let u = document.getElementById(
       "UiEditorScript"
     );
     u || (u = document.createElement("script"), u.id = "UiEditorScript", u.src = f, u.onload = async () => {
-      await _();
+      await m();
     }, document.body.appendChild(u)), await new Promise(
       (g) => u.addEventListener("load", () => g(), { once: !0 })
     );
   }
-  const _ = async () => {
-    const f = h.current;
+  const m = async () => {
+    const f = T.current;
     if (!f) {
       console.error("Missing #stripoEditorContainer in DOM");
       return;
@@ -518,44 +519,44 @@ const F = `<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:
       return;
     }
     const u = {
-      html: o.html,
-      css: o.css,
+      html: s.html,
+      css: s.css,
       modulesExcludedCategories: t ?? [],
       forceRecreate: !0,
       metadata: {
-        emailId: `${x}_${p}`,
+        emailId: W,
         userId: "1",
-        username: I,
-        avatarUrl: T
+        // username: userName,
+        avatarUrl: y
       },
       locale: "en",
       onTokenRefreshRequest: async (g) => {
-        const v = {
-          pluginId: H.EDITOR_PLUGIN_ID,
-          secretKey: H.EDITOR_SECRET_KEY,
-          userId: "12",
+        const b = {
+          pluginId: F.EDITOR_PLUGIN_ID,
+          secretKey: F.EDITOR_SECRET_KEY,
+          userId: W,
           role: "user"
-        }, L = await a(
-          b,
-          v
+        }, A = await a(
+          v,
+          b
         );
-        L?.token && g(L.token);
+        A?.token && g(A.token);
       },
-      mergeTags: Oe(r ?? [])
+      mergeTags: qe(n ?? [])
     };
-    for (const [g, v] of Object.entries({
+    for (const [g, b] of Object.entries({
       codeEditorButtonSelector: "#codeEditor",
       undoButtonSelector: "#undoButton",
       redoButtonSelector: "#redoButton",
       mobileViewButtonSelector: "#mobileViewButton",
       desktopViewButtonSelector: "#desktopViewButton"
     }))
-      f.ownerDocument && f.getRootNode() instanceof ShadowRoot && f.getRootNode().querySelector(v) && (u[g] = v);
+      f.ownerDocument && f.getRootNode() instanceof ShadowRoot && f.getRootNode().querySelector(b) && (u[g] = b);
     await window.UIEditor.initEditor(f, u);
   };
-  return /* @__PURE__ */ s("div", { className: "position-relative", children: /* @__PURE__ */ C("div", { className: `editor-container ${n}`, children: [
-    i && /* @__PURE__ */ s("div", { className: "loading-overlay", children: /* @__PURE__ */ s(
-      W,
+  return /* @__PURE__ */ o("div", { className: "position-relative", children: /* @__PURE__ */ S("div", { className: `editor-container ${r}`, children: [
+    i && /* @__PURE__ */ o("div", { className: "loading-overlay", children: /* @__PURE__ */ o(
+      Q,
       {
         animation: "border",
         style: { width: "11px", height: "11px" },
@@ -564,87 +565,87 @@ const F = `<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:
         className: "me-1"
       }
     ) }),
-    /* @__PURE__ */ s("div", { id: "externalSystemContainer" }),
-    /* @__PURE__ */ s("div", { id: "stripoEditorContainer", ref: h })
+    /* @__PURE__ */ o("div", { id: "externalSystemContainer" }),
+    /* @__PURE__ */ o("div", { id: "stripoEditorContainer", ref: T })
   ] }) });
 }, te = ({
   label: e,
-  register: n,
+  register: r,
   validation: i,
   required: a = !1,
-  name: r,
+  name: n,
   error: t,
-  className: o = "",
+  className: s = "",
   ...d
-}) => /* @__PURE__ */ C(R.Group, { className: o + " mb-1", children: [
-  e ? /* @__PURE__ */ C(R.Label, { className: "mb-3 d-block form-label", children: [
+}) => /* @__PURE__ */ S(P.Group, { className: s + " mb-1", children: [
+  e ? /* @__PURE__ */ S(P.Label, { className: "mb-3 d-block form-label", children: [
     e,
-    a && /* @__PURE__ */ s("label", { className: "text-danger", children: "*" })
+    a && /* @__PURE__ */ o("label", { className: "text-danger", children: "*" })
   ] }) : null,
-  /* @__PURE__ */ s(
-    R.Control,
+  /* @__PURE__ */ o(
+    P.Control,
     {
-      name: r,
+      name: n,
       type: "text",
       ...d,
-      isInvalid: !!(t && t[r]),
-      ...n ? n(r, {
+      isInvalid: !!(t && t[n]),
+      ...r ? r(n, {
         ...i
       }) : {},
-      className: `react-select__control ${t && t[r] && "border border-danger"}`
+      className: `react-select__control ${t && t[n] && "border border-danger"}`
     }
   ),
-  t && t[r] ? /* @__PURE__ */ s(R.Control.Feedback, { type: "invalid", children: t[r].message }) : null
-] }), Le = () => {
-  const e = D(), { enerexIdentifier: n, projectId: i } = E();
-  return z({
+  t && t[n] ? /* @__PURE__ */ o(P.Control.Feedback, { type: "invalid", children: t[n].message }) : null
+] }), ke = () => {
+  const e = D(), { enerexIdentifier: r, projectId: i } = C();
+  return H({
     queryKey: ["getTemplatesList"],
-    queryFn: async (r) => await e.get(
-      `${$.Template_list}${i}/${n}`
+    queryFn: async (n) => await e.get(
+      `${L.Template_list}${i}/${r}`
     )
   });
 };
-function V(e) {
-  return e.sort((n, i) => n.name.localeCompare(i.name));
+function z(e) {
+  return e.sort((r, i) => r.name.localeCompare(i.name));
 }
-const ke = () => {
-  const e = D(), { enerexIdentifier: n, projectId: i } = E();
+const Be = () => {
+  const e = D(), { enerexIdentifier: r, projectId: i } = C();
   return ae({
     mutationKey: ["getTemplate"],
-    mutationFn: async ({ id: r }) => {
-      if (r)
+    mutationFn: async ({ id: n }) => {
+      if (n)
         return await e.get(
-          `${$.Template}${n}/${r}/${i}`
+          `${L.Template}${r}/${n}/${i}`
         );
     }
   });
-}, Be = () => {
-  const e = D(), { enerexIdentifier: n, projectId: i } = E();
-  return z({
+}, Me = () => {
+  const e = D(), { enerexIdentifier: r, projectId: i } = C();
+  return H({
     queryKey: ["getTemplateTypes"],
-    queryFn: async (r) => await e.get(
-      `${$.TemplateTypes}${n}/${i}`
+    queryFn: async (n) => await e.get(
+      `${L.TemplateTypes}${r}/${i}`
     )
   });
 };
 function Ue(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var K = { exports: {} };
+var V = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
 var ne;
-function Me() {
+function Fe() {
   return ne || (ne = 1, function(e) {
     (function() {
-      var n = {}.hasOwnProperty;
+      var r = {}.hasOwnProperty;
       function i() {
-        for (var t = "", o = 0; o < arguments.length; o++) {
-          var d = arguments[o];
-          d && (t = r(t, a(d)));
+        for (var t = "", s = 0; s < arguments.length; s++) {
+          var d = arguments[s];
+          d && (t = n(t, a(d)));
         }
         return t;
       }
@@ -657,20 +658,20 @@ function Me() {
           return i.apply(null, t);
         if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
           return t.toString();
-        var o = "";
+        var s = "";
         for (var d in t)
-          n.call(t, d) && t[d] && (o = r(o, d));
-        return o;
+          r.call(t, d) && t[d] && (s = n(s, d));
+        return s;
       }
-      function r(t, o) {
-        return o ? t ? t + " " + o : t + o : t;
+      function n(t, s) {
+        return s ? t ? t + " " + s : t + s : t;
       }
       e.exports ? (i.default = i, e.exports = i) : window.classNames = i;
     })();
-  }(K)), K.exports;
+  }(V)), V.exports;
 }
-var Fe = Me();
-const re = /* @__PURE__ */ Ue(Fe), se = (e) => e.data.isSeparator ? /* @__PURE__ */ s("div", { style: { padding: 0, margin: "2px 0" }, children: /* @__PURE__ */ s(
+var He = Fe();
+const re = /* @__PURE__ */ Ue(He), oe = (e) => e.data.isSeparator ? /* @__PURE__ */ o("div", { style: { padding: 0, margin: "2px 0" }, children: /* @__PURE__ */ o(
   "hr",
   {
     style: {
@@ -680,23 +681,23 @@ const re = /* @__PURE__ */ Ue(Fe), se = (e) => e.data.isSeparator ? /* @__PURE__
       margin: 0
     }
   }
-) }) : /* @__PURE__ */ s(Pe.Option, { ...e }), He = ({
+) }) : /* @__PURE__ */ o(je.Option, { ...e }), ze = ({
   name: e = "",
-  control: n,
+  control: r,
   options: i,
   multiple: a = !1,
-  placeholder: r,
+  placeholder: n,
   validation: t,
-  labelKey: o = "name",
+  labelKey: s = "name",
   disabled: d,
   isInvalid: p,
-  value: x,
-  onChange: I,
-  uncontrolled: h,
-  menuPlacement: T = "auto",
-  closeOnSelect: b = !0
+  value: E,
+  onChange: T,
+  uncontrolled: y,
+  menuPlacement: v = "auto",
+  closeOnSelect: j = !0
 }) => {
-  const N = {
+  const I = {
     control: (m) => ({
       ...m,
       minHeight: "33px",
@@ -734,232 +735,232 @@ const re = /* @__PURE__ */ Ue(Fe), se = (e) => e.data.isSeparator ? /* @__PURE__
       display: d ? "none" : "block"
     })
   };
-  return h ? /* @__PURE__ */ s(
+  return y ? /* @__PURE__ */ o(
     ee,
     {
-      components: { Option: se },
+      components: { Option: oe },
       isOptionDisabled: (m) => !!m.isSeparator,
       className: re({
         "is-invalid": p
       }),
-      styles: N,
+      styles: I,
       classNamePrefix: "react-select",
       isMulti: a,
       options: i,
-      onChange: I,
-      placeholder: r,
+      onChange: T,
+      placeholder: n,
       menuPortalTarget: document.body,
-      value: x,
-      getOptionLabel: typeof o == "string" ? (m) => m[o] : o,
+      value: E,
+      getOptionLabel: typeof s == "string" ? (m) => m[s] : s,
       getOptionValue: (m) => m.id,
       isDisabled: d,
-      menuPlacement: T,
-      closeMenuOnSelect: b
+      menuPlacement: v,
+      closeMenuOnSelect: j
     }
-  ) : /* @__PURE__ */ s(
+  ) : /* @__PURE__ */ o(
     Ne,
     {
-      control: n,
+      control: r,
       name: e,
       rules: t,
-      render: ({ field: { onChange: m, value: _, onBlur: f } }) => /* @__PURE__ */ s(
+      render: ({ field: { onChange: m, value: f, onBlur: u } }) => /* @__PURE__ */ o(
         ee,
         {
-          components: { Option: se },
-          isOptionDisabled: (u) => !!u.isSeparator,
+          components: { Option: oe },
+          isOptionDisabled: (g) => !!g.isSeparator,
           className: re({
             "is-invalid": p
           }),
-          styles: N,
+          styles: I,
           classNamePrefix: "react-select",
           isMulti: a,
           options: i,
-          onBlur: f,
+          onBlur: u,
           onChange: m,
-          placeholder: r,
+          placeholder: n,
           menuPortalTarget: document.body,
-          value: _,
-          getOptionLabel: typeof o == "string" ? (u) => u[o] : o,
-          getOptionValue: (u) => u.id,
+          value: f,
+          getOptionLabel: typeof s == "string" ? (g) => g[s] : s,
+          getOptionValue: (g) => g.id,
           isDisabled: d,
-          menuPlacement: T,
-          closeMenuOnSelect: b
+          menuPlacement: v,
+          closeMenuOnSelect: j
         },
-        _ ? JSON.stringify(_) : "reset"
+        f ? JSON.stringify(f) : "reset"
       )
     }
   );
-}, G = ({
+}, K = ({
   label: e,
-  name: n,
+  name: r,
   validation: i,
   control: a,
-  error: r,
+  error: n,
   ...t
-}) => /* @__PURE__ */ C(R.Group, { className: "mb-1", children: [
-  e && /* @__PURE__ */ C(R.Label, { className: "mb-3 d-block form-label", children: [
+}) => /* @__PURE__ */ S(P.Group, { className: "mb-1", children: [
+  e && /* @__PURE__ */ S(P.Label, { className: "mb-3 d-block form-label", children: [
     e,
     " ",
-    t.required && /* @__PURE__ */ s("span", { className: "text-danger", children: "*" })
+    t.required && /* @__PURE__ */ o("span", { className: "text-danger", children: "*" })
   ] }),
-  /* @__PURE__ */ s(
-    He,
+  /* @__PURE__ */ o(
+    ze,
     {
       control: a,
       options: t.options ?? [],
       validation: i,
-      isInvalid: r && !!r[n],
-      name: n
+      isInvalid: n && !!n[r],
+      name: r
     }
   ),
-  r && r[n] ? /* @__PURE__ */ s(R.Control.Feedback, { type: "invalid", children: r[n].message }) : null
-] }), ze = () => {
+  n && n[r] ? /* @__PURE__ */ o(P.Control.Feedback, { type: "invalid", children: n[r].message }) : null
+] }), Ve = () => {
   const e = D();
-  Ee();
-  const { enerexIdentifier: n, projectId: i } = E();
+  Ie();
+  const { enerexIdentifier: r, projectId: i } = C();
   return ae({
     mutationKey: ["saveTemplate"],
-    mutationFn: async (r) => (r.enerexIdentifier = n ?? "", r.projectId = i ?? "", await e.post(
-      `${$.SaveTemplate}`,
-      r
+    mutationFn: async (n) => (n.enerexIdentifier = r ?? "", n.projectId = i ?? "", await e.post(
+      `${L.SaveTemplate}`,
+      n
     ))
   });
-}, Q = {
+}, G = {
   id: "",
   name: "New (Blank)"
 }, ie = {
   id: "",
   name: "Separator",
   isSeparator: !0
-}, Ve = ({
+}, Ke = ({
   onSelectItem: e,
-  templateLoading: n,
+  templateLoading: r,
   onReset: i
 }) => {
   const {
     register: a,
-    handleSubmit: r,
+    handleSubmit: n,
     clearErrors: t,
-    setValue: o,
+    setValue: s,
     control: d,
     watch: p,
-    reset: x,
-    setError: I,
-    formState: { errors: h }
-  } = _e({
+    reset: E,
+    setError: T,
+    formState: { errors: y }
+  } = Pe({
     defaultValues: {
       templateName: "",
       subTemplateType: void 0,
       subject: "",
       templateType: void 0,
-      template: Q
+      template: G
     },
     mode: "onChange"
   }), {
-    data: T,
-    refetch: b,
-    isLoading: N
-  } = Le(), [m, _] = S([]), [f, u] = S(), [g, v] = S(), { mutateAsync: L, isPending: O } = ke(), { mutateAsync: pe, isPending: B } = ze(), { data: U, isLoading: Y } = Be(), [me, ue] = S([]), [P, M] = S([]);
-  j(() => {
-    if (U) {
-      let l = U.filter((c) => c.id != null).sort((c, w) => c.name.localeCompare(w.name));
-      ue(
-        V(l.filter((c) => c.parent_id === 0))
+    data: v,
+    refetch: j,
+    isLoading: I
+  } = ke(), [m, f] = x([]), [u, g] = x(), [b, A] = x(), { mutateAsync: pe, isPending: R } = Be(), { mutateAsync: me, isPending: k } = Ve(), { data: B, isLoading: Y } = Me(), [ue, ge] = x([]), [_, M] = x([]);
+  N(() => {
+    if (B) {
+      let l = B.filter((c) => c.id != null).sort((c, w) => c.name.localeCompare(w.name));
+      ge(
+        z(l.filter((c) => c.parent_id === 0))
       ), M(
-        V(
+        z(
           l.filter(
             (c) => c.parent_id.toString() === `${p("templateType")?.id}`
           )
         )
       );
     }
-  }, [U]);
+  }, [B]);
   const fe = (l, c) => {
     let w = [];
-    return l.forEach((y, k) => {
-      c.includes(k) && k !== 0 && w.push(ie), w.push(y);
+    return l.forEach((h, $) => {
+      c.includes($) && $ !== 0 && w.push(ie), w.push(h);
     }), w;
   };
-  j(() => {
-    n(!!O);
-  }, [O]), j(() => {
-    T?.sort((l, c) => l.readonly !== c.readonly ? (l.readonly ? 0 : 1) - (c.readonly ? 0 : 1) : l.name.localeCompare(c.name)), _(T ?? []);
-  }, [T]);
-  const ge = async (l) => {
-    u(l), l && !l.readonly ? (o("templateName", l?.name), t()) : (o("templateName", ""), o("subject", ""));
-    const c = await L({ id: l?.id });
-    v(c || void 0);
+  N(() => {
+    r(!!R);
+  }, [R]), N(() => {
+    v?.sort((l, c) => l.readonly !== c.readonly ? (l.readonly ? 0 : 1) - (c.readonly ? 0 : 1) : l.name.localeCompare(c.name)), f(v ?? []);
+  }, [v]);
+  const ye = async (l) => {
+    g(l), l && !l.readonly ? (s("templateName", l?.name), t()) : (s("templateName", ""), s("subject", ""));
+    const c = await pe({ id: l?.id });
+    A(c || void 0);
   };
-  j(() => {
-    if (o("template", Q), p("templateType")) {
-      let l = U?.filter((c) => c.id !== void 0) ?? [];
+  N(() => {
+    if (s("template", G), p("templateType")) {
+      let l = B?.filter((c) => c.id !== void 0) ?? [];
       M(
-        V(
+        z(
           l.filter(
             (c) => c.parent_id.toString() === `${p("templateType")?.id}`
           )
         )
-      ), o("subTemplateType", void 0);
+      ), s("subTemplateType", void 0);
     }
-  }, [p("templateType")]), j(() => {
+  }, [p("templateType")]), N(() => {
     let l = m.find((c) => c.id === p("template")?.id);
-    ge(l);
-  }, [p("template")]), j(() => {
-    g && f ? (e(g), o("subject", g.subject ?? "")) : e(void 0);
-  }, [g, f, e]);
-  const ye = () => {
-    let l = [Q], c = m.filter(
-      (y) => (y.type?.toString() === p(
-        P.length > 0 ? "subTemplateType" : "templateType"
-      )?.id.toString() || y.type === null) && p(P.length > 0 ? "subTemplateType" : "templateType")?.id != null
-    ), w = fe(c, [c.findIndex((y) => !y.readonly)]);
+    ye(l);
+  }, [p("template")]), N(() => {
+    b && u ? (e(b), s("subject", b.subject ?? "")) : e(void 0);
+  }, [b, u, e]);
+  const he = () => {
+    let l = [G], c = m.filter(
+      (h) => (h.type?.toString() === p(
+        _.length > 0 ? "subTemplateType" : "templateType"
+      )?.id.toString() || h.type === null) && p(_.length > 0 ? "subTemplateType" : "templateType")?.id != null
+    ), w = fe(c, [c.findIndex((h) => !h.readonly)]);
     return w.length > 0 && (l.push(ie), l = [
       ...l,
-      ...w.map((y) => ({
-        id: y.id,
-        name: y.name,
-        isSeparator: y.isSeparator
+      ...w.map((h) => ({
+        id: h.id,
+        name: h.name,
+        isSeparator: h.isSeparator
       }))
     ]), l.length ? l : [];
-  }, he = (l) => {
+  }, be = (l) => {
     window.StripoEditorApi.actionsApi.getTemplateData(
       async (c) => {
-        let w = l.template.id, y = "";
-        f?.readonly && (w = "", y = l.template.id);
-        let k = m.find(
-          (Te) => Te.name === l.templateName.trim()
+        let w = l.template.id, h = "";
+        u?.readonly && (w = "", h = l.template.id);
+        let $ = m.find(
+          (ve) => ve.name === l.templateName.trim()
         );
-        if (k && k.id !== w) {
-          I("templateName", {
+        if ($ && $.id !== w) {
+          T("templateName", {
             type: "validate",
             message: "Template name already exists. Please choose a different name."
           });
           return;
         }
-        let be = !!(P && P.length > 0);
-        const we = {
+        let we = !!(_ && _.length > 0);
+        const Te = {
           enerexIdentifier: "",
           projectId: "",
           templateId: w,
-          templateType: be ? l.subTemplateType.id : l.templateType.id,
+          templateType: we ? l.subTemplateType.id : l.templateType.id,
           name: l.templateName.trim(),
           html: c.html,
           css: c.css,
           subject: l.templateType.id === "2" ? l?.subject ?? "" : "",
-          parent_id: y
+          parent_id: h
         };
-        await pe(we) && (t(), x(), M([]), b());
+        await me(Te) && (t(), E(), M([]), j());
       }
     );
   };
-  return /* @__PURE__ */ s(X, { className: "border border-0 text-start", children: /* @__PURE__ */ s(X.Body, { className: "pe-0 ps-2", children: /* @__PURE__ */ s("form", { onSubmit: r(he), children: /* @__PURE__ */ s("div", { className: "template-list-container gap-3", children: /* @__PURE__ */ C(Ie, { children: [
-    /* @__PURE__ */ s(q, { children: /* @__PURE__ */ s(
-      G,
+  return /* @__PURE__ */ o(X, { className: "border border-0 text-start", children: /* @__PURE__ */ o(X.Body, { className: "pe-0 ps-2", children: /* @__PURE__ */ o("form", { onSubmit: n(be), children: /* @__PURE__ */ o("div", { className: "template-list-container gap-3", children: /* @__PURE__ */ S(_e, { children: [
+    /* @__PURE__ */ o(O, { children: /* @__PURE__ */ o(
+      K,
       {
         label: "Type",
         control: d,
-        error: h,
-        options: me,
+        error: y,
+        options: ue,
         required: !0,
         validation: {
           required: {
@@ -970,13 +971,13 @@ const re = /* @__PURE__ */ Ue(Fe), se = (e) => e.data.isSeparator ? /* @__PURE__
         ...a("templateType")
       }
     ) }),
-    P && P.length > 0 && /* @__PURE__ */ s(q, { children: /* @__PURE__ */ s(
-      G,
+    _ && _.length > 0 && /* @__PURE__ */ o(O, { children: /* @__PURE__ */ o(
+      K,
       {
         label: "Sub Type",
         control: d,
-        error: h,
-        options: P,
+        error: y,
+        options: _,
         required: !0,
         validation: {
           required: {
@@ -987,23 +988,23 @@ const re = /* @__PURE__ */ Ue(Fe), se = (e) => e.data.isSeparator ? /* @__PURE__
         ...a("subTemplateType")
       }
     ) }),
-    /* @__PURE__ */ s(q, { children: /* @__PURE__ */ s(
-      G,
+    /* @__PURE__ */ o(O, { children: /* @__PURE__ */ o(
+      K,
       {
         label: "Template",
         control: d,
-        error: h,
-        options: ye(),
+        error: y,
+        options: he(),
         required: !1,
         ...a("template")
       }
     ) }),
-    /* @__PURE__ */ s(q, { children: /* @__PURE__ */ s(
+    /* @__PURE__ */ o(O, { children: /* @__PURE__ */ o(
       te,
       {
         label: "Name",
         register: a,
-        error: h,
+        error: y,
         required: !0,
         name: "templateName",
         validation: {
@@ -1014,71 +1015,71 @@ const re = /* @__PURE__ */ Ue(Fe), se = (e) => e.data.isSeparator ? /* @__PURE__
         }
       }
     ) }),
-    p("templateType")?.id === "2" && /* @__PURE__ */ s(q, { children: /* @__PURE__ */ s(
+    p("templateType")?.id === "2" && /* @__PURE__ */ o(O, { children: /* @__PURE__ */ o(
       te,
       {
         label: "Subject",
         register: a,
-        error: h,
+        error: y,
         required: !1,
         name: "subject"
       }
     ) }),
-    /* @__PURE__ */ C(q, { className: "d-flex align-items-end justify-content-end gap-2 mb-3", children: [
-      /* @__PURE__ */ s(
+    /* @__PURE__ */ S(O, { className: "d-flex align-items-end justify-content-end gap-2 mb-3", children: [
+      /* @__PURE__ */ o(
         Z,
         {
           style: { width: "70px" },
           variant: "primary",
-          disabled: N || O || B || Y,
+          disabled: I || R || k || Y,
           onClick: () => {
-            u(void 0), x(), M([]), i();
+            g(void 0), E(), M([]), i();
           },
-          children: O || B ? /* @__PURE__ */ s(
-            W,
+          children: R || k ? /* @__PURE__ */ o(
+            Q,
             {
               animation: "border",
               style: { width: "11px", height: "11px" },
               size: "sm",
               role: "status",
               className: "me-1",
-              children: /* @__PURE__ */ s("span", { className: "visually-hidden", children: "Loading..." })
+              children: /* @__PURE__ */ o("span", { className: "visually-hidden", children: "Loading..." })
             }
           ) : "Clear"
         }
       ),
-      (p("templateType")?.id.toString() !== "2" || (p("templateType")?.id.toString() === "2" && (f?.id ?? "")) !== "") && /* @__PURE__ */ s(ve, { children: /* @__PURE__ */ s(
+      (p("templateType")?.id.toString() !== "2" || (p("templateType")?.id.toString() === "2" && (u?.id ?? "")) !== "") && /* @__PURE__ */ o(xe, { children: /* @__PURE__ */ o(
         Z,
         {
           type: "submit",
           variant: "primary",
           style: { width: "80px" },
-          disabled: N || O || B || Y,
-          children: O || B ? /* @__PURE__ */ s(
-            W,
+          disabled: I || R || k || Y,
+          children: R || k ? /* @__PURE__ */ o(
+            Q,
             {
               animation: "border",
               style: { width: "11px", height: "11px" },
               size: "sm",
               role: "status",
               className: "me-1",
-              children: /* @__PURE__ */ s("span", { className: "visually-hidden", children: "Loading..." })
+              children: /* @__PURE__ */ o("span", { className: "visually-hidden", children: "Loading..." })
             }
-          ) : f?.readonly ? "Save as" : "Save"
+          ) : u?.readonly ? "Save as" : "Save"
         }
       ) })
     ] })
   ] }) }) }) }) });
-}, et = ({ config: e }) => {
-  const [n, i] = S(), [a, r] = S(!1);
-  return /* @__PURE__ */ s(je, { configs: e, children: /* @__PURE__ */ s(Re, { children: /* @__PURE__ */ C("div", { className: "root-widget", children: [
-    /* @__PURE__ */ s(
-      Ve,
+}, tt = ({ config: e }) => {
+  const [r, i] = x(), [a, n] = x(!1);
+  return /* @__PURE__ */ o(Ae, { configs: e, children: /* @__PURE__ */ o(Oe, { children: /* @__PURE__ */ S("div", { className: "root-widget", children: [
+    /* @__PURE__ */ o(
+      Ke,
       {
-        templateLoading: r,
+        templateLoading: n,
         onSelectItem: (d) => {
           if (i(d), window.StripoEditorApi && window.StripoEditorApi.actionsApi) {
-            let p = F;
+            let p = U;
             window.StripoEditorApi.actionsApi.updateHtmlAndCss(
               d?.html ?? p,
               d?.css ?? "",
@@ -1087,20 +1088,20 @@ const re = /* @__PURE__ */ Ue(Fe), se = (e) => e.data.isSeparator ? /* @__PURE__
           }
         },
         onReset: () => {
-          r(!1), i(void 0), window.StripoEditorApi && window.StripoEditorApi.actionsApi && window.StripoEditorApi.actionsApi.updateHtmlAndCss(
-            F,
+          n(!1), i(void 0), window.StripoEditorApi && window.StripoEditorApi.actionsApi && window.StripoEditorApi.actionsApi.updateHtmlAndCss(
+            U,
             "",
             ""
           );
         }
       }
     ),
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ o(
       $e,
       {
         templateHTML: {
-          css: n?.css ?? "",
-          html: n?.html ?? F
+          css: r?.css ?? "",
+          html: r?.html ?? U
         },
         loading: !1,
         className: "col-span-5"
@@ -1109,5 +1110,5 @@ const re = /* @__PURE__ */ Ue(Fe), se = (e) => e.data.isSeparator ? /* @__PURE__
   ] }) }) });
 };
 export {
-  et as EditorWidget
+  tt as EditorWidget
 };

package/dist/enerex-template-editor.umd.js CHANGED Viewed

@@ -1,4 +1,4 @@
-(function(b,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("react/jsx-runtime"),require("react"),require("@tanstack/react-query"),require("axios"),require("react-bootstrap"),require("react-hook-form"),require("react-select")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","@tanstack/react-query","axios","react-bootstrap","react-hook-form","react-select"],e):(b=typeof globalThis<"u"?globalThis:b||self,e(b.EnerexTemplateEditor={},b.jsxRuntime,b.React,b.reactQuery,b.axios,b.reactBootstrap,b.reactHookForm,b.Select$1))})(this,function(b,e,p,E,B,u,Y,z){"use strict";const $=`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\r
+(function(w,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("react/jsx-runtime"),require("react"),require("@tanstack/react-query"),require("axios"),require("react-bootstrap"),require("react-hook-form"),require("react-select")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","@tanstack/react-query","axios","react-bootstrap","react-hook-form","react-select"],e):(w=typeof globalThis<"u"?globalThis:w||self,e(w.EnerexTemplateEditor={},w.jsxRuntime,w.React,w.reactQuery,w.axios,w.reactBootstrap,w.reactHookForm,w.Select$1))})(this,function(w,e,p,S,B,u,Y,H){"use strict";const L=`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\r
 <html\r
   dir="ltr"\r
   xmlns:o="urn:schemas-microsoft-com:office:office"\r
@@ -354,8 +354,8 @@
     </div>\r
   </body>\r
 </html>\r
-`,J=p.createContext(void 0),se=({children:t,configs:r})=>{const[o,l]=p.useState(r.clientId),[s,n]=p.useState(r.apiKey),[i,d]=p.useState(r.enerexIdentifier),[m,N]=p.useState(r.userName),[_,T]=p.useState(r.projectId),S=v=>{n(v.apiKey),l(v.clientId),T(v.projectId),d(v.enerexIdentifier),N(v.userName)};return e.jsx(J.Provider,{value:{clientId:o,apiKey:s,setConfiguration:S,enerexIdentifier:i,projectId:_,userName:m},children:t})},I=()=>{const t=p.useContext(J);if(!t)throw new Error("widgetConfig must be used within a ConfigProvider");return t},X=(t="",r)=>({get:async(s,n)=>{try{const i=await B.get(`${t}${s}`,n??r);if(i.status===200)return i.data}catch(i){throw i}},post:async(s,n,i)=>{try{const d=await B.post(`${t}${s}`,n,i??r);if(d.status===200)return d.data}catch(d){throw d}}}),F={EDITOR_SCRIPT_URL:"https://plugins.stripo.email/resources/uieditor/latest/UIEditor.js",EDITOR_PLUGIN_ID:"1afdc3161ec7409a8627a1c8561d45f5",EDITOR_SECRET_KEY:"54ba748ed7e94f2e929555783acb03da",API_BASE_URL:"https://dev-socket.enerex.com/common/api"},Z=p.createContext({get:()=>{throw new Error("HttpClientContext.get not implemented")},post:()=>{throw new Error("HttpClientContext.post not implemented")}}),oe=({children:t})=>{const{clientId:r,apiKey:o}=I(),l={headers:{client_id:r,"x-api-key":o}},{get:s,post:n}=X(F.API_BASE_URL,l);return e.jsx(Z.Provider,{value:{get:s,post:n},children:t})},ie=({children:t})=>{const r=new E.QueryClient;return e.jsx(oe,{children:e.jsx(E.QueryClientProvider,{client:r,children:t})})},le=t=>{const r=Array.from(new Set(t.map(l=>l.category))),o=[];return r.forEach(l=>{const s=t.filter(n=>n.category===l).map(n=>({label:n.label,value:n.value,hint:n.hint,hidden:n.hidden}));o.push({category:l,entries:s})}),o},A=()=>{const t=p.useContext(Z);if(t)return t;throw new Error("useHttpClient must be used within a HttpClientProvider")},O={Template_list:"/Template/list/",Template:"/Template/GetTemplate/",MergeTags:"/Template/TemplateMergeTags/",ExcludeCategory:"/Template/GetExcludeCategories/",SaveTemplate:"/Template/save-update/",TemplateTypes:"/Template/TemplateTypes/"},ae=()=>{const t=A(),{enerexIdentifier:r,projectId:o}=I();return E.useQuery({queryKey:["getTemplateTags"],queryFn:async s=>await t.get(`${O.MergeTags}${o}/${r}`)})},de=()=>{const t=A(),{enerexIdentifier:r,projectId:o}=I();return E.useQuery({queryKey:["getExcludeCategory"],queryFn:async s=>await t.get(`${O.ExcludeCategory}${o}/${r}`)})},ce=({templateHTML:t,className:r="",loading:o=!1})=>{const{post:l}=X(),{data:s}=ae(),{data:n}=de(),[i,d]=p.useState(t??{html:$,css:""}),{enerexIdentifier:m,projectId:N,userName:_}=I(),T=p.useRef(null),S="https://plugin.stripocdn.email/content/guids/CABINET_eab4e7d5a4603ac03f4120652a3a5a540f0c79c688514939f095f67433ed4a67/images/photo256.png",v="https://plugins.stripo.email/api/v1/auth";p.useEffect(()=>{(async()=>(await j(),s&&n&&await f(F.EDITOR_SCRIPT_URL)))()},[s,n]);async function j(){window.Zone||await new Promise((y,g)=>{const h=document.createElement("script");h.src="https://unpkg.com/zone.js@0.13.1/bundles/zone.umd.min.js";const C=document.querySelector("script[nonce]")?.nonce;C&&h.setAttribute("nonce",C),h.onload=()=>y(),h.onerror=()=>g(new Error("Failed to load zone.js")),document.head.appendChild(h)})}async function f(y){let g=document.getElementById("UiEditorScript");g||(g=document.createElement("script"),g.id="UiEditorScript",g.src=y,g.onload=async()=>{await q()},document.body.appendChild(g)),await new Promise(h=>g.addEventListener("load",()=>h(),{once:!0}))}const q=async()=>{const y=T.current;if(!y){console.error("Missing #stripoEditorContainer in DOM");return}if(!window.UIEditor||typeof window.UIEditor.initEditor!="function"){console.error("UIEditor script not loaded or not exposing initEditor");return}const g={html:i.html,css:i.css,modulesExcludedCategories:n??[],forceRecreate:!0,metadata:{emailId:`${N}_${m}`,userId:"1",username:_,avatarUrl:S},locale:"en",onTokenRefreshRequest:async h=>{const C={pluginId:F.EDITOR_PLUGIN_ID,secretKey:F.EDITOR_SECRET_KEY,userId:"12",role:"user"},D=await l(v,C);D?.token&&h(D.token)},mergeTags:le(s??[])};for(const[h,C]of Object.entries({codeEditorButtonSelector:"#codeEditor",undoButtonSelector:"#undoButton",redoButtonSelector:"#redoButton",mobileViewButtonSelector:"#mobileViewButton",desktopViewButtonSelector:"#desktopViewButton"}))y.ownerDocument&&y.getRootNode()instanceof ShadowRoot&&y.getRootNode().querySelector(C)&&(g[h]=C);await window.UIEditor.initEditor(y,g)};return e.jsx("div",{className:"position-relative",children:e.jsxs("div",{className:`editor-container ${r}`,children:[o&&e.jsx("div",{className:"loading-overlay",children:e.jsx(u.Spinner,{animation:"border",style:{width:"11px",height:"11px"},size:"sm",role:"status",className:"me-1"})}),e.jsx("div",{id:"externalSystemContainer"}),e.jsx("div",{id:"stripoEditorContainer",ref:T})]})})},Q=({label:t,register:r,validation:o,required:l=!1,name:s,error:n,className:i="",...d})=>e.jsxs(u.Form.Group,{className:i+" mb-1",children:[t?e.jsxs(u.Form.Label,{className:"mb-3 d-block form-label",children:[t,l&&e.jsx("label",{className:"text-danger",children:"*"})]}):null,e.jsx(u.Form.Control,{name:s,type:"text",...d,isInvalid:!!(n&&n[s]),...r?r(s,{...o}):{},className:`react-select__control ${n&&n[s]&&"border border-danger"}`}),n&&n[s]?e.jsx(u.Form.Control.Feedback,{type:"invalid",children:n[s].message}):null]}),pe=()=>{const t=A(),{enerexIdentifier:r,projectId:o}=I();return E.useQuery({queryKey:["getTemplatesList"],queryFn:async s=>await t.get(`${O.Template_list}${o}/${r}`)})};function V(t){return t.sort((r,o)=>r.name.localeCompare(o.name))}const me=()=>{const t=A(),{enerexIdentifier:r,projectId:o}=I();return E.useMutation({mutationKey:["getTemplate"],mutationFn:async({id:s})=>{if(s)return await t.get(`${O.Template}${r}/${s}/${o}`)}})},ue=()=>{const t=A(),{enerexIdentifier:r,projectId:o}=I();return E.useQuery({queryKey:["getTemplateTypes"],queryFn:async s=>await t.get(`${O.TemplateTypes}${r}/${o}`)})};function fe(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var K={exports:{}};/*!
+`,J=p.createContext(void 0),se=({children:t,configs:s})=>{const[o,l]=p.useState(s.clientId),[r,n]=p.useState(s.apiKey),[i,d]=p.useState(s.enerexIdentifier),[m,_]=p.useState(s.projectId),E=b=>{n(b.apiKey),l(b.clientId),_(b.projectId),d(b.enerexIdentifier)};return e.jsx(J.Provider,{value:{clientId:o,apiKey:r,setConfiguration:E,enerexIdentifier:i,projectId:m},children:t})},C=()=>{const t=p.useContext(J);if(!t)throw new Error("widgetConfig must be used within a ConfigProvider");return t},X=(t="",s)=>({get:async(r,n)=>{try{const i=await B.get(`${t}${r}`,n??s);if(i.status===200)return i.data}catch(i){throw i}},post:async(r,n,i)=>{try{const d=await B.post(`${t}${r}`,n,i??s);if(d.status===200)return d.data}catch(d){throw d}}}),$={EDITOR_SCRIPT_URL:"https://plugins.stripo.email/resources/uieditor/latest/UIEditor.js",EDITOR_PLUGIN_ID:"1afdc3161ec7409a8627a1c8561d45f5",EDITOR_SECRET_KEY:"54ba748ed7e94f2e929555783acb03da",API_BASE_URL:"https://dev-socket.enerex.com/common/api"},Z=p.createContext({get:()=>{throw new Error("HttpClientContext.get not implemented")},post:()=>{throw new Error("HttpClientContext.post not implemented")}}),oe=({children:t})=>{const{clientId:s,apiKey:o}=C(),l={headers:{client_id:s,"x-api-key":o}},{get:r,post:n}=X($.API_BASE_URL,l);return e.jsx(Z.Provider,{value:{get:r,post:n},children:t})},ie=({children:t})=>{const s=new S.QueryClient;return e.jsx(oe,{children:e.jsx(S.QueryClientProvider,{client:s,children:t})})},le=t=>{const s=Array.from(new Set(t.map(l=>l.category))),o=[];return s.forEach(l=>{const r=t.filter(n=>n.category===l).map(n=>({label:n.label,value:n.value,hint:n.hint,hidden:n.hidden}));o.push({category:l,entries:r})}),o},j=()=>{const t=p.useContext(Z);if(t)return t;throw new Error("useHttpClient must be used within a HttpClientProvider")},P={Template_list:"/Template/list/",Template:"/Template/GetTemplate/",MergeTags:"/Template/TemplateMergeTags/",ExcludeCategory:"/Template/GetExcludeCategories/",SaveTemplate:"/Template/save-update/",TemplateTypes:"/Template/TemplateTypes/"},ae=()=>{const t=j(),{enerexIdentifier:s,projectId:o}=C();return S.useQuery({queryKey:["getTemplateTags"],queryFn:async r=>await t.get(`${P.MergeTags}${o}/${s}`)})},de=()=>{const t=j(),{enerexIdentifier:s,projectId:o}=C();return S.useQuery({queryKey:["getExcludeCategory"],queryFn:async r=>await t.get(`${P.ExcludeCategory}${o}/${s}`)})},z=Date.now().toString(36)+Math.random().toString(36).substr(2);console.log("uniqueId",z);const ce=({templateHTML:t,className:s="",loading:o=!1})=>{const{post:l}=X(),{data:r}=ae(),{data:n}=de(),[i,d]=p.useState(t??{html:L,css:""}),{enerexIdentifier:m,projectId:_}=C(),E=p.useRef(null),b="https://plugin.stripocdn.email/content/guids/CABINET_eab4e7d5a4603ac03f4120652a3a5a540f0c79c688514939f095f67433ed4a67/images/photo256.png",I="https://plugins.stripo.email/api/v1/auth";p.useEffect(()=>{(async()=>(await A(),r&&n&&await N($.EDITOR_SCRIPT_URL)))()},[r,n]);async function A(){window.Zone||await new Promise((h,g)=>{const y=document.createElement("script");y.src="https://unpkg.com/zone.js@0.13.1/bundles/zone.umd.min.js";const v=document.querySelector("script[nonce]")?.nonce;v&&y.setAttribute("nonce",v),y.onload=()=>h(),y.onerror=()=>g(new Error("Failed to load zone.js")),document.head.appendChild(y)})}async function N(h){let g=document.getElementById("UiEditorScript");g||(g=document.createElement("script"),g.id="UiEditorScript",g.src=h,g.onload=async()=>{await f()},document.body.appendChild(g)),await new Promise(y=>g.addEventListener("load",()=>y(),{once:!0}))}const f=async()=>{const h=E.current;if(!h){console.error("Missing #stripoEditorContainer in DOM");return}if(!window.UIEditor||typeof window.UIEditor.initEditor!="function"){console.error("UIEditor script not loaded or not exposing initEditor");return}const g={html:i.html,css:i.css,modulesExcludedCategories:n??[],forceRecreate:!0,metadata:{emailId:z,userId:"1",avatarUrl:b},locale:"en",onTokenRefreshRequest:async y=>{const v={pluginId:$.EDITOR_PLUGIN_ID,secretKey:$.EDITOR_SECRET_KEY,userId:z,role:"user"},O=await l(I,v);O?.token&&y(O.token)},mergeTags:le(r??[])};for(const[y,v]of Object.entries({codeEditorButtonSelector:"#codeEditor",undoButtonSelector:"#undoButton",redoButtonSelector:"#redoButton",mobileViewButtonSelector:"#mobileViewButton",desktopViewButtonSelector:"#desktopViewButton"}))h.ownerDocument&&h.getRootNode()instanceof ShadowRoot&&h.getRootNode().querySelector(v)&&(g[y]=v);await window.UIEditor.initEditor(h,g)};return e.jsx("div",{className:"position-relative",children:e.jsxs("div",{className:`editor-container ${s}`,children:[o&&e.jsx("div",{className:"loading-overlay",children:e.jsx(u.Spinner,{animation:"border",style:{width:"11px",height:"11px"},size:"sm",role:"status",className:"me-1"})}),e.jsx("div",{id:"externalSystemContainer"}),e.jsx("div",{id:"stripoEditorContainer",ref:E})]})})},Q=({label:t,register:s,validation:o,required:l=!1,name:r,error:n,className:i="",...d})=>e.jsxs(u.Form.Group,{className:i+" mb-1",children:[t?e.jsxs(u.Form.Label,{className:"mb-3 d-block form-label",children:[t,l&&e.jsx("label",{className:"text-danger",children:"*"})]}):null,e.jsx(u.Form.Control,{name:r,type:"text",...d,isInvalid:!!(n&&n[r]),...s?s(r,{...o}):{},className:`react-select__control ${n&&n[r]&&"border border-danger"}`}),n&&n[r]?e.jsx(u.Form.Control.Feedback,{type:"invalid",children:n[r].message}):null]}),pe=()=>{const t=j(),{enerexIdentifier:s,projectId:o}=C();return S.useQuery({queryKey:["getTemplatesList"],queryFn:async r=>await t.get(`${P.Template_list}${o}/${s}`)})};function V(t){return t.sort((s,o)=>s.name.localeCompare(o.name))}const me=()=>{const t=j(),{enerexIdentifier:s,projectId:o}=C();return S.useMutation({mutationKey:["getTemplate"],mutationFn:async({id:r})=>{if(r)return await t.get(`${P.Template}${s}/${r}/${o}`)}})},ue=()=>{const t=j(),{enerexIdentifier:s,projectId:o}=C();return S.useQuery({queryKey:["getTemplateTypes"],queryFn:async r=>await t.get(`${P.TemplateTypes}${s}/${o}`)})};function fe(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var K={exports:{}};/*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/var R;function ge(){return R||(R=1,function(t){(function(){var r={}.hasOwnProperty;function o(){for(var n="",i=0;i<arguments.length;i++){var d=arguments[i];d&&(n=s(n,l(d)))}return n}function l(n){if(typeof n=="string"||typeof n=="number")return n;if(typeof n!="object")return"";if(Array.isArray(n))return o.apply(null,n);if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]"))return n.toString();var i="";for(var d in n)r.call(n,d)&&n[d]&&(i=s(i,d));return i}function s(n,i){return i?n?n+" "+i:n+i:n}t.exports?(o.default=o,t.exports=o):window.classNames=o})()}(K)),K.exports}var ye=ge();const ee=fe(ye),te=t=>t.data.isSeparator?e.jsx("div",{style:{padding:0,margin:"2px 0"},children:e.jsx("hr",{style:{border:0,borderTop:"1px solid #bdbdbdff",padding:0,margin:0}})}):e.jsx(z.components.Option,{...t}),he=({name:t="",control:r,options:o,multiple:l=!1,placeholder:s,validation:n,labelKey:i="name",disabled:d,isInvalid:m,value:N,onChange:_,uncontrolled:T,menuPlacement:S="auto",closeOnSelect:v=!0})=>{const j={control:f=>({...f,minHeight:"33px",borderColor:m?"var(--bs-form-invalid-border-color) !important":"var(--ct-input-border-color)",backgroundImage:m?'url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23fa5c7c%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23fa5c7c%27 stroke=%27none%27/%3e%3c/svg%3e")':"none",backgroundRepeat:"no-repeat",backgroundPosition:"right calc(0.375em + 0.225rem) center",backgroundSize:"calc(0.75em + 0.45rem) calc(0.75em + 0.45rem)","&:hover":{borderColor:m?"var(--bs-form-invalid-border-color)":"var(--ct-input-border-color)"},"& .react-select__single-value":{color:"var(--ct-input-color) !important"},"& .react-select__placeholder":{color:"var(--ct-input-placeholder-color) !important"},"& .react-select__indicators":{display:"none"}}),menu:f=>({...f,marginTop:0,width:"max-content",minWidth:"100%"}),menuPortal:f=>({...f,zIndex:9999}),multiValueRemove:f=>({...f,display:d?"none":"block"})};return T?e.jsx(z,{components:{Option:te},isOptionDisabled:f=>!!f.isSeparator,className:ee({"is-invalid":m}),styles:j,classNamePrefix:"react-select",isMulti:l,options:o,onChange:_,placeholder:s,menuPortalTarget:document.body,value:N,getOptionLabel:typeof i=="string"?f=>f[i]:i,getOptionValue:f=>f.id,isDisabled:d,menuPlacement:S,closeMenuOnSelect:v}):e.jsx(Y.Controller,{control:r,name:t,rules:n,render:({field:{onChange:f,value:q,onBlur:y}})=>e.jsx(z,{components:{Option:te},isOptionDisabled:g=>!!g.isSeparator,className:ee({"is-invalid":m}),styles:j,classNamePrefix:"react-select",isMulti:l,options:o,onBlur:y,onChange:f,placeholder:s,menuPortalTarget:document.body,value:q,getOptionLabel:typeof i=="string"?g=>g[i]:i,getOptionValue:g=>g.id,isDisabled:d,menuPlacement:S,closeMenuOnSelect:v},q?JSON.stringify(q):"reset")})},G=({label:t,name:r,validation:o,control:l,error:s,...n})=>e.jsxs(u.Form.Group,{className:"mb-1",children:[t&&e.jsxs(u.Form.Label,{className:"mb-3 d-block form-label",children:[t," ",n.required&&e.jsx("span",{className:"text-danger",children:"*"})]}),e.jsx(he,{control:l,options:n.options??[],validation:o,isInvalid:s&&!!s[r],name:r}),s&&s[r]?e.jsx(u.Form.Control.Feedback,{type:"invalid",children:s[r].message}):null]}),be=()=>{const t=A();E.useQueryClient();const{enerexIdentifier:r,projectId:o}=I();return E.useMutation({mutationKey:["saveTemplate"],mutationFn:async s=>(s.enerexIdentifier=r??"",s.projectId=o??"",await t.post(`${O.SaveTemplate}`,s))})},W={id:"",name:"New (Blank)"},ne={id:"",name:"Separator",isSeparator:!0},we=({onSelectItem:t,templateLoading:r,onReset:o})=>{const{register:l,handleSubmit:s,clearErrors:n,setValue:i,control:d,watch:m,reset:N,setError:_,formState:{errors:T}}=Y.useForm({defaultValues:{templateName:"",subTemplateType:void 0,subject:"",templateType:void 0,template:W},mode:"onChange"}),{data:S,refetch:v,isLoading:j}=pe(),[f,q]=p.useState([]),[y,g]=p.useState(),[h,C]=p.useState(),{mutateAsync:D,isPending:k}=me(),{mutateAsync:ve,isPending:M}=be(),{data:U,isLoading:re}=ue(),[xe,Se]=p.useState([]),[P,H]=p.useState([]);p.useEffect(()=>{if(U){let a=U.filter(c=>c.id!=null).sort((c,x)=>c.name.localeCompare(x.name));Se(V(a.filter(c=>c.parent_id===0))),H(V(a.filter(c=>c.parent_id.toString()===`${m("templateType")?.id}`)))}},[U]);const Ce=(a,c)=>{let x=[];return a.forEach((w,L)=>{c.includes(L)&&L!==0&&x.push(ne),x.push(w)}),x};p.useEffect(()=>{r(!!k)},[k]),p.useEffect(()=>{S?.sort((a,c)=>a.readonly!==c.readonly?(a.readonly?0:1)-(c.readonly?0:1):a.name.localeCompare(c.name)),q(S??[])},[S]);const Ee=async a=>{g(a),a&&!a.readonly?(i("templateName",a?.name),n()):(i("templateName",""),i("subject",""));const c=await D({id:a?.id});C(c||void 0)};p.useEffect(()=>{if(i("template",W),m("templateType")){let a=U?.filter(c=>c.id!==void 0)??[];H(V(a.filter(c=>c.parent_id.toString()===`${m("templateType")?.id}`))),i("subTemplateType",void 0)}},[m("templateType")]),p.useEffect(()=>{let a=f.find(c=>c.id===m("template")?.id);Ee(a)},[m("template")]),p.useEffect(()=>{h&&y?(t(h),i("subject",h.subject??"")):t(void 0)},[h,y,t]);const Ie=()=>{let a=[W],c=f.filter(w=>(w.type?.toString()===m(P.length>0?"subTemplateType":"templateType")?.id.toString()||w.type===null)&&m(P.length>0?"subTemplateType":"templateType")?.id!=null),x=Ce(c,[c.findIndex(w=>!w.readonly)]);return x.length>0&&(a.push(ne),a=[...a,...x.map(w=>({id:w.id,name:w.name,isSeparator:w.isSeparator}))]),a.length?a:[]},Ne=a=>{window.StripoEditorApi.actionsApi.getTemplateData(async c=>{let x=a.template.id,w="";y?.readonly&&(x="",w=a.template.id);let L=f.find(qe=>qe.name===a.templateName.trim());if(L&&L.id!==x){_("templateName",{type:"validate",message:"Template name already exists. Please choose a different name."});return}let _e=!!(P&&P.length>0);const je={enerexIdentifier:"",projectId:"",templateId:x,templateType:_e?a.subTemplateType.id:a.templateType.id,name:a.templateName.trim(),html:c.html,css:c.css,subject:a.templateType.id==="2"?a?.subject??"":"",parent_id:w};await ve(je)&&(n(),N(),H([]),v())})};return e.jsx(u.Card,{className:"border border-0 text-start",children:e.jsx(u.Card.Body,{className:"pe-0 ps-2",children:e.jsx("form",{onSubmit:s(Ne),children:e.jsx("div",{className:"template-list-container gap-3",children:e.jsxs(u.Row,{children:[e.jsx(u.Col,{children:e.jsx(G,{label:"Type",control:d,error:T,options:xe,required:!0,validation:{required:{value:!0,message:"Select a type"}},...l("templateType")})}),P&&P.length>0&&e.jsx(u.Col,{children:e.jsx(G,{label:"Sub Type",control:d,error:T,options:P,required:!0,validation:{required:{value:!0,message:"Select a type"}},...l("subTemplateType")})}),e.jsx(u.Col,{children:e.jsx(G,{label:"Template",control:d,error:T,options:Ie(),required:!1,...l("template")})}),e.jsx(u.Col,{children:e.jsx(Q,{label:"Name",register:l,error:T,required:!0,name:"templateName",validation:{required:{value:!0,message:"Enter a name"}}})}),m("templateType")?.id==="2"&&e.jsx(u.Col,{children:e.jsx(Q,{label:"Subject",register:l,error:T,required:!1,name:"subject"})}),e.jsxs(u.Col,{className:"d-flex align-items-end justify-content-end gap-2 mb-3",children:[e.jsx(u.Button,{style:{width:"70px"},variant:"primary",disabled:j||k||M||re,onClick:()=>{g(void 0),N(),H([]),o()},children:k||M?e.jsx(u.Spinner,{animation:"border",style:{width:"11px",height:"11px"},size:"sm",role:"status",className:"me-1",children:e.jsx("span",{className:"visually-hidden",children:"Loading..."})}):"Clear"}),(m("templateType")?.id.toString()!=="2"||(m("templateType")?.id.toString()==="2"&&(y?.id??""))!=="")&&e.jsx(e.Fragment,{children:e.jsx(u.Button,{type:"submit",variant:"primary",style:{width:"80px"},disabled:j||k||M||re,children:k||M?e.jsx(u.Spinner,{animation:"border",style:{width:"11px",height:"11px"},size:"sm",role:"status",className:"me-1",children:e.jsx("span",{className:"visually-hidden",children:"Loading..."})}):y?.readonly?"Save as":"Save"})})]})]})})})})})},Te=({config:t})=>{const[r,o]=p.useState(),[l,s]=p.useState(!1),n=d=>{if(o(d),window.StripoEditorApi&&window.StripoEditorApi.actionsApi){let m=$;window.StripoEditorApi.actionsApi.updateHtmlAndCss(d?.html??m,d?.css??"","")}},i=()=>{s(!1),o(void 0),window.StripoEditorApi&&window.StripoEditorApi.actionsApi&&window.StripoEditorApi.actionsApi.updateHtmlAndCss($,"","")};return e.jsx(se,{configs:t,children:e.jsx(ie,{children:e.jsxs("div",{className:"root-widget",children:[e.jsx(we,{templateLoading:s,onSelectItem:n,onReset:i}),e.jsx(ce,{templateHTML:{css:r?.css??"",html:r?.html??$},loading:!1,className:"col-span-5"})]})})})};b.EditorWidget=Te,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})});
+*/var R;function ge(){return R||(R=1,function(t){(function(){var s={}.hasOwnProperty;function o(){for(var n="",i=0;i<arguments.length;i++){var d=arguments[i];d&&(n=r(n,l(d)))}return n}function l(n){if(typeof n=="string"||typeof n=="number")return n;if(typeof n!="object")return"";if(Array.isArray(n))return o.apply(null,n);if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]"))return n.toString();var i="";for(var d in n)s.call(n,d)&&n[d]&&(i=r(i,d));return i}function r(n,i){return i?n?n+" "+i:n+i:n}t.exports?(o.default=o,t.exports=o):window.classNames=o})()}(K)),K.exports}var ye=ge();const ee=fe(ye),te=t=>t.data.isSeparator?e.jsx("div",{style:{padding:0,margin:"2px 0"},children:e.jsx("hr",{style:{border:0,borderTop:"1px solid #bdbdbdff",padding:0,margin:0}})}):e.jsx(H.components.Option,{...t}),he=({name:t="",control:s,options:o,multiple:l=!1,placeholder:r,validation:n,labelKey:i="name",disabled:d,isInvalid:m,value:_,onChange:E,uncontrolled:b,menuPlacement:I="auto",closeOnSelect:A=!0})=>{const N={control:f=>({...f,minHeight:"33px",borderColor:m?"var(--bs-form-invalid-border-color) !important":"var(--ct-input-border-color)",backgroundImage:m?'url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23fa5c7c%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23fa5c7c%27 stroke=%27none%27/%3e%3c/svg%3e")':"none",backgroundRepeat:"no-repeat",backgroundPosition:"right calc(0.375em + 0.225rem) center",backgroundSize:"calc(0.75em + 0.45rem) calc(0.75em + 0.45rem)","&:hover":{borderColor:m?"var(--bs-form-invalid-border-color)":"var(--ct-input-border-color)"},"& .react-select__single-value":{color:"var(--ct-input-color) !important"},"& .react-select__placeholder":{color:"var(--ct-input-placeholder-color) !important"},"& .react-select__indicators":{display:"none"}}),menu:f=>({...f,marginTop:0,width:"max-content",minWidth:"100%"}),menuPortal:f=>({...f,zIndex:9999}),multiValueRemove:f=>({...f,display:d?"none":"block"})};return b?e.jsx(H,{components:{Option:te},isOptionDisabled:f=>!!f.isSeparator,className:ee({"is-invalid":m}),styles:N,classNamePrefix:"react-select",isMulti:l,options:o,onChange:E,placeholder:r,menuPortalTarget:document.body,value:_,getOptionLabel:typeof i=="string"?f=>f[i]:i,getOptionValue:f=>f.id,isDisabled:d,menuPlacement:I,closeMenuOnSelect:A}):e.jsx(Y.Controller,{control:s,name:t,rules:n,render:({field:{onChange:f,value:h,onBlur:g}})=>e.jsx(H,{components:{Option:te},isOptionDisabled:y=>!!y.isSeparator,className:ee({"is-invalid":m}),styles:N,classNamePrefix:"react-select",isMulti:l,options:o,onBlur:g,onChange:f,placeholder:r,menuPortalTarget:document.body,value:h,getOptionLabel:typeof i=="string"?y=>y[i]:i,getOptionValue:y=>y.id,isDisabled:d,menuPlacement:I,closeMenuOnSelect:A},h?JSON.stringify(h):"reset")})},G=({label:t,name:s,validation:o,control:l,error:r,...n})=>e.jsxs(u.Form.Group,{className:"mb-1",children:[t&&e.jsxs(u.Form.Label,{className:"mb-3 d-block form-label",children:[t," ",n.required&&e.jsx("span",{className:"text-danger",children:"*"})]}),e.jsx(he,{control:l,options:n.options??[],validation:o,isInvalid:r&&!!r[s],name:s}),r&&r[s]?e.jsx(u.Form.Control.Feedback,{type:"invalid",children:r[s].message}):null]}),be=()=>{const t=j();S.useQueryClient();const{enerexIdentifier:s,projectId:o}=C();return S.useMutation({mutationKey:["saveTemplate"],mutationFn:async r=>(r.enerexIdentifier=s??"",r.projectId=o??"",await t.post(`${P.SaveTemplate}`,r))})},W={id:"",name:"New (Blank)"},ne={id:"",name:"Separator",isSeparator:!0},we=({onSelectItem:t,templateLoading:s,onReset:o})=>{const{register:l,handleSubmit:r,clearErrors:n,setValue:i,control:d,watch:m,reset:_,setError:E,formState:{errors:b}}=Y.useForm({defaultValues:{templateName:"",subTemplateType:void 0,subject:"",templateType:void 0,template:W},mode:"onChange"}),{data:I,refetch:A,isLoading:N}=pe(),[f,h]=p.useState([]),[g,y]=p.useState(),[v,O]=p.useState(),{mutateAsync:ve,isPending:D}=me(),{mutateAsync:xe,isPending:F}=be(),{data:M,isLoading:re}=ue(),[Se,Ce]=p.useState([]),[q,U]=p.useState([]);p.useEffect(()=>{if(M){let a=M.filter(c=>c.id!=null).sort((c,x)=>c.name.localeCompare(x.name));Ce(V(a.filter(c=>c.parent_id===0))),U(V(a.filter(c=>c.parent_id.toString()===`${m("templateType")?.id}`)))}},[M]);const Ee=(a,c)=>{let x=[];return a.forEach((T,k)=>{c.includes(k)&&k!==0&&x.push(ne),x.push(T)}),x};p.useEffect(()=>{s(!!D)},[D]),p.useEffect(()=>{I?.sort((a,c)=>a.readonly!==c.readonly?(a.readonly?0:1)-(c.readonly?0:1):a.name.localeCompare(c.name)),h(I??[])},[I]);const Ie=async a=>{y(a),a&&!a.readonly?(i("templateName",a?.name),n()):(i("templateName",""),i("subject",""));const c=await ve({id:a?.id});O(c||void 0)};p.useEffect(()=>{if(i("template",W),m("templateType")){let a=M?.filter(c=>c.id!==void 0)??[];U(V(a.filter(c=>c.parent_id.toString()===`${m("templateType")?.id}`))),i("subTemplateType",void 0)}},[m("templateType")]),p.useEffect(()=>{let a=f.find(c=>c.id===m("template")?.id);Ie(a)},[m("template")]),p.useEffect(()=>{v&&g?(t(v),i("subject",v.subject??"")):t(void 0)},[v,g,t]);const _e=()=>{let a=[W],c=f.filter(T=>(T.type?.toString()===m(q.length>0?"subTemplateType":"templateType")?.id.toString()||T.type===null)&&m(q.length>0?"subTemplateType":"templateType")?.id!=null),x=Ee(c,[c.findIndex(T=>!T.readonly)]);return x.length>0&&(a.push(ne),a=[...a,...x.map(T=>({id:T.id,name:T.name,isSeparator:T.isSeparator}))]),a.length?a:[]},Ne=a=>{window.StripoEditorApi.actionsApi.getTemplateData(async c=>{let x=a.template.id,T="";g?.readonly&&(x="",T=a.template.id);let k=f.find(Pe=>Pe.name===a.templateName.trim());if(k&&k.id!==x){E("templateName",{type:"validate",message:"Template name already exists. Please choose a different name."});return}let qe=!!(q&&q.length>0);const je={enerexIdentifier:"",projectId:"",templateId:x,templateType:qe?a.subTemplateType.id:a.templateType.id,name:a.templateName.trim(),html:c.html,css:c.css,subject:a.templateType.id==="2"?a?.subject??"":"",parent_id:T};await xe(je)&&(n(),_(),U([]),A())})};return e.jsx(u.Card,{className:"border border-0 text-start",children:e.jsx(u.Card.Body,{className:"pe-0 ps-2",children:e.jsx("form",{onSubmit:r(Ne),children:e.jsx("div",{className:"template-list-container gap-3",children:e.jsxs(u.Row,{children:[e.jsx(u.Col,{children:e.jsx(G,{label:"Type",control:d,error:b,options:Se,required:!0,validation:{required:{value:!0,message:"Select a type"}},...l("templateType")})}),q&&q.length>0&&e.jsx(u.Col,{children:e.jsx(G,{label:"Sub Type",control:d,error:b,options:q,required:!0,validation:{required:{value:!0,message:"Select a type"}},...l("subTemplateType")})}),e.jsx(u.Col,{children:e.jsx(G,{label:"Template",control:d,error:b,options:_e(),required:!1,...l("template")})}),e.jsx(u.Col,{children:e.jsx(Q,{label:"Name",register:l,error:b,required:!0,name:"templateName",validation:{required:{value:!0,message:"Enter a name"}}})}),m("templateType")?.id==="2"&&e.jsx(u.Col,{children:e.jsx(Q,{label:"Subject",register:l,error:b,required:!1,name:"subject"})}),e.jsxs(u.Col,{className:"d-flex align-items-end justify-content-end gap-2 mb-3",children:[e.jsx(u.Button,{style:{width:"70px"},variant:"primary",disabled:N||D||F||re,onClick:()=>{y(void 0),_(),U([]),o()},children:D||F?e.jsx(u.Spinner,{animation:"border",style:{width:"11px",height:"11px"},size:"sm",role:"status",className:"me-1",children:e.jsx("span",{className:"visually-hidden",children:"Loading..."})}):"Clear"}),(m("templateType")?.id.toString()!=="2"||(m("templateType")?.id.toString()==="2"&&(g?.id??""))!=="")&&e.jsx(e.Fragment,{children:e.jsx(u.Button,{type:"submit",variant:"primary",style:{width:"80px"},disabled:N||D||F||re,children:D||F?e.jsx(u.Spinner,{animation:"border",style:{width:"11px",height:"11px"},size:"sm",role:"status",className:"me-1",children:e.jsx("span",{className:"visually-hidden",children:"Loading..."})}):g?.readonly?"Save as":"Save"})})]})]})})})})})},Te=({config:t})=>{const[s,o]=p.useState(),[l,r]=p.useState(!1),n=d=>{if(o(d),window.StripoEditorApi&&window.StripoEditorApi.actionsApi){let m=L;window.StripoEditorApi.actionsApi.updateHtmlAndCss(d?.html??m,d?.css??"","")}},i=()=>{r(!1),o(void 0),window.StripoEditorApi&&window.StripoEditorApi.actionsApi&&window.StripoEditorApi.actionsApi.updateHtmlAndCss(L,"","")};return e.jsx(se,{configs:t,children:e.jsx(ie,{children:e.jsxs("div",{className:"root-widget",children:[e.jsx(we,{templateLoading:r,onSelectItem:n,onReset:i}),e.jsx(ce,{templateHTML:{css:s?.css??"",html:s?.html??L},loading:!1,className:"col-span-5"})]})})})};w.EditorWidget=Te,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})});

package/dist/types/context/configuration-provider.d.ts CHANGED Viewed

@@ -8,7 +8,6 @@ export interface IConfigSettings {
     apiKey: string;
     enerexIdentifier?: string;
     projectId?: string;
-    userName: string;
 }
 interface ConfigProvidersProp extends SingleChildProp {
     configs: IConfigSettings;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@enerex/template-studio",
-  "version": "1.1.29",
+  "version": "1.1.31",
   "main": "./dist/enerex-template-editor.umd.js",
   "module": "./dist/enerex-template-editor.es.js",
   "types": "./dist/types/index.d.ts",