@enerex/template-studio 1.1.13 → 1.1.14

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

@@ -1,20 +1,20 @@
-import { jsx as s, jsxs as h } from "react/jsx-runtime";
-import _, { useContext as te, useState as T, useEffect as k } from "react";
+import { jsx as s, jsxs as b } from "react/jsx-runtime";
+import $, { useContext as te, useState as x, useEffect as k } from "react";
 import { QueryClient as pe, QueryClientProvider as me, useQuery as j, useMutation as ne, useQueryClient as ue } from "@tanstack/react-query";
 import V from "axios";
-import { Spinner as U, Form as C, ListGroup as K, Popover as W, OverlayTrigger as ge, Card as Q, Button as Y, Row as fe, Col as X } from "react-bootstrap";
+import { Spinner as U, Form as I, ListGroup as K, Popover as W, OverlayTrigger as ge, Card as Q, Button as Y, Row as fe, Col as X } from "react-bootstrap";
 import { Controller as ye, useForm as he } from "react-hook-form";
 import J from "react-select";
-const re = _.createContext(
+const re = $.createContext(
   void 0
 ), be = ({
   children: t,
   configs: r
 }) => {
-  const [i, a] = _.useState(r.clientId), [n, e] = _.useState(r.apiKey), [o, l] = _.useState(
+  const [i, a] = $.useState(r.clientId), [n, e] = $.useState(r.apiKey), [o, l] = $.useState(
     r.enerexIdentifier
-  ), [p, u] = _.useState(r.projectId), g = (m) => {
-    e(m.apiKey), a(m.clientId), u(m.projectId), l(m.enerexIdentifier);
+  ), [p, m] = $.useState(r.projectId), u = (h) => {
+    e(h.apiKey), a(h.clientId), m(h.projectId), l(h.enerexIdentifier);
   };
   return /* @__PURE__ */ s(
     re.Provider,
@@ -22,14 +22,14 @@ const re = _.createContext(
       value: {
         clientId: i,
         apiKey: n,
-        setConfiguration: g,
+        setConfiguration: u,
         enerexIdentifier: o,
         projectId: p
       },
       children: t
     }
   );
-}, x = () => {
+}, w = () => {
   const t = te(re);
   if (!t)
     throw new Error("widgetConfig must be used within a ConfigProvider");
@@ -420,7 +420,7 @@ const re = _.createContext(
   API_BASE_URL: "https://dev-socket.enerex.com/common/api"
   //API_BASE_URL: "https://localhost:44338/api",
   // more env variables...
-}, ie = _.createContext({
+}, ie = $.createContext({
   get: () => {
     throw new Error("HttpClientContext.get not implemented");
   },
@@ -428,7 +428,7 @@ const re = _.createContext(
     throw new Error("HttpClientContext.post not implemented");
   }
 }), we = ({ children: t }) => {
-  const { clientId: r, apiKey: i } = x(), a = {
+  const { clientId: r, apiKey: i } = w(), a = {
     headers: {
       client_id: r,
       "x-api-key": i
@@ -454,7 +454,7 @@ const re = _.createContext(
   if (t)
     return t;
   throw new Error("useHttpClient must be used within a HttpClientProvider");
-}, $ = {
+}, A = {
   Template_list: "/Template/list/",
   Template: "/Template/GetTemplate/",
   MergeTags: "/Template/TemplateMergeTags/",
@@ -462,19 +462,19 @@ const re = _.createContext(
   SaveTemplate: "/Template/save-update/",
   TemplateTypes: "/Template/TemplateTypes/"
 }, Ce = () => {
-  const t = P(), { enerexIdentifier: r, projectId: i } = x();
+  const t = P(), { enerexIdentifier: r, projectId: i } = w();
   return j({
     queryKey: ["getTemplateTags"],
     queryFn: async (n) => await t.get(
-      `${$.MergeTags}${i}/${r}`
+      `${A.MergeTags}${i}/${r}`
     )
   });
 }, xe = () => {
-  const t = P(), { enerexIdentifier: r, projectId: i } = x();
+  const t = P(), { enerexIdentifier: r, projectId: i } = w();
   return j({
     queryKey: ["getExcludeCategory"],
     queryFn: async (n) => await t.get(
-      `${$.ExcludeCategory}${i}/${r}`
+      `${A.ExcludeCategory}${i}/${r}`
     )
   });
 }, Ie = ({
@@ -482,16 +482,16 @@ const re = _.createContext(
   className: r = "",
   loading: i = !1
 }) => {
-  const { post: a } = se(), { data: n } = Ce(), { data: e } = xe(), [o, l] = T(
+  const { post: a } = se(), { data: n } = Ce(), { data: e } = xe(), [o, l] = x(
     t ?? { html: H, css: "" }
-  ), p = "https://plugin.stripocdn.email/content/guids/CABINET_eab4e7d5a4603ac03f4120652a3a5a540f0c79c688514939f095f67433ed4a67/images/photo256.png", u = "https://plugins.stripo.email/api/v1/auth";
+  ), { enerexIdentifier: p, projectId: m } = w(), u = "https://plugin.stripocdn.email/content/guids/CABINET_eab4e7d5a4603ac03f4120652a3a5a540f0c79c688514939f095f67433ed4a67/images/photo256.png", h = "https://plugins.stripo.email/api/v1/auth";
   k(() => {
     if (n && e && !document.getElementById("UiEditorScript")) {
-      const m = document.createElement("script");
-      m.id = "UiEditorScript", m.type = "module", m.src = q.EDITOR_SCRIPT_URL, m.onload = g, document.body.appendChild(m);
+      const g = document.createElement("script");
+      g.id = "UiEditorScript", g.type = "module", g.src = q.EDITOR_SCRIPT_URL, g.onload = v, document.body.appendChild(g);
     }
   }, [n, e]);
-  const g = async () => {
+  const v = async () => {
     window.UIEditor.initEditor(
       document.querySelector("#stripoEditorContainer"),
       {
@@ -500,20 +500,20 @@ const re = _.createContext(
         modulesExcludedCategories: e ?? [],
         forceRecreate: !0,
         metadata: {
-          emailId: `plugin_${q.EDITOR_PLUGIN_ID}_demo_1`,
+          emailId: `plugin_${q.EDITOR_PLUGIN_ID}_demo_1_${m}_${p}`,
           userId: "1",
           username: "Plugin Demo User",
-          avatarUrl: p
+          avatarUrl: u
         },
         locale: "en",
-        onTokenRefreshRequest: async function(m) {
-          const b = {
+        onTokenRefreshRequest: async function(g) {
+          const T = {
             pluginId: q.EDITOR_PLUGIN_ID,
             secretKey: q.EDITOR_SECRET_KEY,
             userId: "12",
             role: "user"
-          }, w = await a(u, b);
-          w && m(w.token);
+          }, c = await a(h, T);
+          c && g(c.token);
         },
         codeEditorButtonSelector: "#codeEditor",
         undoButtonSelector: "#undoButton",
@@ -524,7 +524,7 @@ const re = _.createContext(
       }
     );
   };
-  return /* @__PURE__ */ s("div", { className: "position-relative", children: /* @__PURE__ */ h("div", { className: `editor-container ${r}`, children: [
+  return /* @__PURE__ */ s("div", { className: "position-relative", children: /* @__PURE__ */ b("div", { className: `editor-container ${r}`, children: [
     i && /* @__PURE__ */ s("div", { className: "loading-overlay", children: /* @__PURE__ */ s(
       U,
       {
@@ -546,13 +546,13 @@ const re = _.createContext(
   name: n,
   error: e,
   ...o
-}) => /* @__PURE__ */ h(C.Group, { className: "mb-1", children: [
-  t ? /* @__PURE__ */ h(C.Label, { className: "mb-3 d-block form-label", children: [
+}) => /* @__PURE__ */ b(I.Group, { className: "mb-1", children: [
+  t ? /* @__PURE__ */ b(I.Label, { className: "mb-3 d-block form-label", children: [
     t,
     a && /* @__PURE__ */ s("label", { className: "text-danger", children: "*" })
   ] }) : null,
   /* @__PURE__ */ s(
-    C.Control,
+    I.Control,
     {
       name: n,
       type: "text",
@@ -564,7 +564,7 @@ const re = _.createContext(
       className: `form-control ${e && e[n] && "border border-danger"}`
     }
   ),
-  e && e[n] ? /* @__PURE__ */ s(C.Control.Feedback, { type: "invalid", children: e[n].message }) : null
+  e && e[n] ? /* @__PURE__ */ s(I.Control.Feedback, { type: "invalid", children: e[n].message }) : null
 ] });
 function Ne({
   items: t,
@@ -608,7 +608,7 @@ const Se = (t) => /* @__PURE__ */ s("svg", { xmlns: "http://www.w3.org/2000/svg"
   onCopy: n,
   onSelect: e,
   subItem: o = !1
-}) => /* @__PURE__ */ h(
+}) => /* @__PURE__ */ b(
   "div",
   {
     className: "ps-1 py-1 d-flex position-relative",
@@ -651,15 +651,15 @@ const Se = (t) => /* @__PURE__ */ s("svg", { xmlns: "http://www.w3.org/2000/svg"
       ) })
     ]
   }
-), Pe = () => {
-  const t = P(), { enerexIdentifier: r, projectId: i } = x();
+), $e = () => {
+  const t = P(), { enerexIdentifier: r, projectId: i } = w();
   return j({
     queryKey: ["getTemplatesList"],
     queryFn: async (n) => await t.get(
-      `${$.Template_list}${i}/${r}`
+      `${A.Template_list}${i}/${r}`
     )
   });
-}, $e = (t, r = []) => {
+}, Pe = (t, r = []) => {
   const i = /^(?:\(copy(?:-(\d+))?\)\s)?(.+)$/, a = t.match(i);
   if (!a) return `(copy) ${t}`;
   const n = a[2], e = new RegExp(
@@ -671,30 +671,30 @@ const Se = (t) => /* @__PURE__ */ s("svg", { xmlns: "http://www.w3.org/2000/svg"
   let o = 1;
   const l = r.filter((p) => e.test(p));
   return l.length === 0 ? `(copy) ${n}` : (l.forEach((p) => {
-    const u = p.match(e);
-    if (u && u[1]) {
-      const g = parseInt(u[1], 10);
-      !isNaN(g) && g >= o && (o = g + 1);
+    const m = p.match(e);
+    if (m && m[1]) {
+      const u = parseInt(m[1], 10);
+      !isNaN(u) && u >= o && (o = u + 1);
     } else
       o = Math.max(o, 2);
   }), `(copy-${o}) ${n}`);
 }, Ae = () => {
-  const t = P(), { enerexIdentifier: r, projectId: i } = x();
+  const t = P(), { enerexIdentifier: r, projectId: i } = w();
   return ne({
     mutationKey: ["getTemplate"],
     mutationFn: async ({ id: n }) => {
       if (n)
         return await t.get(
-          `${$.Template}${r}/${n}/${i}`
+          `${A.Template}${r}/${n}/${i}`
         );
     }
   });
 }, Re = () => {
-  const t = P(), { enerexIdentifier: r, projectId: i } = x();
+  const t = P(), { enerexIdentifier: r, projectId: i } = w();
   return j({
     queryKey: ["getTemplateTypes"],
     queryFn: async (n) => await t.get(
-      `${$.TemplateTypes}${r}/${i}`
+      `${A.TemplateTypes}${r}/${i}`
     )
   });
 };
@@ -751,13 +751,13 @@ const ee = /* @__PURE__ */ De(qe), Oe = ({
   labelKey: o = "name",
   disabled: l,
   isInvalid: p,
-  value: u,
-  onChange: g,
-  uncontrolled: m,
-  menuPlacement: b = "auto",
-  closeOnSelect: w = !0
+  value: m,
+  onChange: u,
+  uncontrolled: h,
+  menuPlacement: v = "auto",
+  closeOnSelect: g = !0
 }) => {
-  const A = {
+  const T = {
     control: (c) => ({
       ...c,
       minHeight: "33px",
@@ -795,25 +795,25 @@ const ee = /* @__PURE__ */ De(qe), Oe = ({
       display: l ? "none" : "block"
     })
   };
-  return m ? /* @__PURE__ */ s(
+  return h ? /* @__PURE__ */ s(
     J,
     {
       className: ee({
         "is-invalid": p
       }),
-      styles: A,
+      styles: T,
       classNamePrefix: "react-select",
       isMulti: a,
       options: i,
-      onChange: g,
+      onChange: u,
       placeholder: n,
       menuPortalTarget: document.body,
-      value: u,
+      value: m,
       getOptionLabel: typeof o == "string" ? (c) => c[o] : o,
       getOptionValue: (c) => c.id,
       isDisabled: l,
-      menuPlacement: b,
-      closeMenuOnSelect: w
+      menuPlacement: v,
+      closeMenuOnSelect: g
     }
   ) : /* @__PURE__ */ s(
     ye,
@@ -821,13 +821,13 @@ const ee = /* @__PURE__ */ De(qe), Oe = ({
       control: r,
       name: t,
       rules: e,
-      render: ({ field: { onChange: c, value: v, onBlur: R } }) => /* @__PURE__ */ s(
+      render: ({ field: { onChange: c, value: C, onBlur: R } }) => /* @__PURE__ */ s(
         J,
         {
           className: ee({
             "is-invalid": p
           }),
-          styles: A,
+          styles: T,
           classNamePrefix: "react-select",
           isMulti: a,
           options: i,
@@ -835,14 +835,14 @@ const ee = /* @__PURE__ */ De(qe), Oe = ({
           onChange: c,
           placeholder: n,
           menuPortalTarget: document.body,
-          value: v,
-          getOptionLabel: typeof o == "string" ? (I) => I[o] : o,
-          getOptionValue: (I) => I.id,
+          value: C,
+          getOptionLabel: typeof o == "string" ? (E) => E[o] : o,
+          getOptionValue: (E) => E.id,
           isDisabled: l,
-          menuPlacement: b,
-          closeMenuOnSelect: w
+          menuPlacement: v,
+          closeMenuOnSelect: g
         },
-        v ? JSON.stringify(v) : "reset"
+        C ? JSON.stringify(C) : "reset"
       )
     }
   );
@@ -853,8 +853,8 @@ const ee = /* @__PURE__ */ De(qe), Oe = ({
   control: a,
   error: n,
   ...e
-}) => /* @__PURE__ */ h(C.Group, { className: "mb-1", children: [
-  t && /* @__PURE__ */ h(C.Label, { className: "mb-3 d-block form-label", children: [
+}) => /* @__PURE__ */ b(I.Group, { className: "mb-1", children: [
+  t && /* @__PURE__ */ b(I.Label, { className: "mb-3 d-block form-label", children: [
     t,
     " ",
     e.required && /* @__PURE__ */ s("span", { className: "text-danger", children: "*" })
@@ -869,15 +869,15 @@ const ee = /* @__PURE__ */ De(qe), Oe = ({
       name: r
     }
   ),
-  n && n[r] ? /* @__PURE__ */ s(C.Control.Feedback, { type: "invalid", children: n[r].message }) : null
+  n && n[r] ? /* @__PURE__ */ s(I.Control.Feedback, { type: "invalid", children: n[r].message }) : null
 ] }), Be = () => {
   const t = P();
   ue();
-  const { enerexIdentifier: r, projectId: i } = x();
+  const { enerexIdentifier: r, projectId: i } = w();
   return ne({
     mutationKey: ["saveTemplate"],
     mutationFn: async (n) => (n.enerexIdentifier = r ?? "", n.projectId = i ?? "", await t.post(
-      `${$.SaveTemplate}`,
+      `${A.SaveTemplate}`,
       n
     ))
   });
@@ -893,7 +893,7 @@ const ee = /* @__PURE__ */ De(qe), Oe = ({
     setValue: o,
     control: l,
     reset: p,
-    formState: { errors: u }
+    formState: { errors: m }
   } = he({
     defaultValues: {
       templateName: "",
@@ -901,10 +901,10 @@ const ee = /* @__PURE__ */ De(qe), Oe = ({
     },
     mode: "onChange"
   }), {
-    data: g,
-    refetch: m,
-    isLoading: b
-  } = Pe(), [w, A] = T([]), [c, v] = T(), [R, I] = T(), { mutateAsync: F, isPending: E } = Ae(), { mutateAsync: oe, isPending: O } = Be(), { data: D, isLoading: z } = Re(), [B, ae] = T([]);
+    data: u,
+    refetch: h,
+    isLoading: v
+  } = $e(), [g, T] = x([]), [c, C] = x(), [R, E] = x(), { mutateAsync: F, isPending: N } = Ae(), { mutateAsync: oe, isPending: O } = Be(), { data: D, isLoading: z } = Re(), [B, ae] = x([]);
   k(() => {
     D && ae(
       D.map((d) => ({
@@ -913,33 +913,33 @@ const ee = /* @__PURE__ */ De(qe), Oe = ({
       }))
     );
   }, [D]), k(() => {
-    r(!!E);
-  }, [E]), k(() => {
-    A(g ?? []);
-  }, [g]);
+    r(!!N);
+  }, [N]), k(() => {
+    T(u ?? []);
+  }, [u]);
   const le = async (d, f) => {
-    f && A((y) => {
-      const N = [...y], S = { ...f };
-      S.id = "", S.name = $e(
-        S.name,
-        N.map((L) => L.name)
-      ), N.splice(d + 1, 0, S), v(S), o("templateName", S.name);
-      const G = B.find((L) => L.id === `${f.type}`);
-      return G ? o("templateType", G) : o("templateType", void 0), e(), F({ id: f?.id }).then((L) => {
-        L && I(L);
-      }), N;
+    f && T((y) => {
+      const S = [...y], L = { ...f };
+      L.id = "", L.name = Pe(
+        L.name,
+        S.map((_) => _.name)
+      ), S.splice(d + 1, 0, L), C(L), o("templateName", L.name);
+      const G = B.find((_) => _.id === `${f.type}`);
+      return G ? o("templateType", G) : o("templateType", void 0), e(), F({ id: f?.id }).then((_) => {
+        _ && E(_);
+      }), S;
     });
   }, ce = async (d) => {
-    if (v(d), d) {
+    if (C(d), d) {
       if (o("templateName", d?.name), D && D.find((y) => y.id === d.type)) {
-        const y = B.find((N) => N.id === `${d.type}`);
+        const y = B.find((S) => S.id === `${d.type}`);
         y && o("templateType", y);
       } else
         o("templateType", void 0);
       e();
     }
     const f = await F({ id: d?.id });
-    f && I(f);
+    f && E(f);
   };
   k(() => {
     t(R && c ? R : void 0);
@@ -956,16 +956,16 @@ const ee = /* @__PURE__ */ De(qe), Oe = ({
           html: f.html,
           css: f.css
         };
-        await oe(y) && (e(), c?.id === "" && p(), m());
+        await oe(y) && (e(), c?.id === "" && p(), h());
       }
     );
   };
-  return /* @__PURE__ */ s(Q, { className: "border border-0 text-start", children: /* @__PURE__ */ s(Q.Body, { className: "pe-0 ps-2", children: /* @__PURE__ */ h("form", { onSubmit: n(de), children: [
+  return /* @__PURE__ */ s(Q, { className: "border border-0 text-start", children: /* @__PURE__ */ s(Q.Body, { className: "pe-0 ps-2", children: /* @__PURE__ */ b("form", { onSubmit: n(de), children: [
     /* @__PURE__ */ s("label", { className: "mb-2", children: "Templates" }),
     /* @__PURE__ */ s("div", { className: "template-list-container mb-3", children: /* @__PURE__ */ s(
       Ne,
       {
-        items: w,
+        items: g,
         renderItem: (d, f) => /* @__PURE__ */ s(
           _e,
           {
@@ -985,7 +985,7 @@ const ee = /* @__PURE__ */ De(qe), Oe = ({
       {
         label: "Template Type",
         control: l,
-        error: u,
+        error: m,
         options: B,
         required: !0,
         validation: {
@@ -999,7 +999,7 @@ const ee = /* @__PURE__ */ De(qe), Oe = ({
       {
         label: "Template Name",
         register: a,
-        error: u,
+        error: m,
         required: !0,
         name: "templateName",
         validation: {
@@ -1008,17 +1008,17 @@ const ee = /* @__PURE__ */ De(qe), Oe = ({
       }
     ),
     /* @__PURE__ */ s("hr", {}),
-    /* @__PURE__ */ h("div", { className: "d-flex justify-content-between mt-3 ", children: [
+    /* @__PURE__ */ b("div", { className: "d-flex justify-content-between mt-3 ", children: [
       /* @__PURE__ */ s(
         Y,
         {
           style: { width: "70px" },
           variant: "primary",
-          disabled: b || E || O || z,
+          disabled: v || N || O || z,
           onClick: () => {
-            v(void 0), p(), i();
+            C(void 0), p(), i();
           },
-          children: E || O ? /* @__PURE__ */ s(
+          children: N || O ? /* @__PURE__ */ s(
             U,
             {
               animation: "border",
@@ -1037,8 +1037,8 @@ const ee = /* @__PURE__ */ De(qe), Oe = ({
           type: "submit",
           variant: "primary",
           style: { width: "80px" },
-          disabled: b || E || O || z,
-          children: E || O ? /* @__PURE__ */ s(
+          disabled: v || N || O || z,
+          children: N || O ? /* @__PURE__ */ s(
             U,
             {
               animation: "border",
@@ -1054,8 +1054,8 @@ const ee = /* @__PURE__ */ De(qe), Oe = ({
     ] })
   ] }) }) });
 }, We = ({ config: t }) => {
-  const [r, i] = T(), [a, n] = T(!1);
-  return /* @__PURE__ */ s(be, { configs: t, children: /* @__PURE__ */ s(ve, { children: /* @__PURE__ */ s("div", { className: "root-widget", children: /* @__PURE__ */ h(fe, { children: [
+  const [r, i] = x(), [a, n] = x(!1);
+  return /* @__PURE__ */ s(be, { configs: t, children: /* @__PURE__ */ s(ve, { children: /* @__PURE__ */ s("div", { className: "root-widget", children: /* @__PURE__ */ b(fe, { children: [
     /* @__PURE__ */ s(X, { md: 3, lg: 2, className: "p-0", children: /* @__PURE__ */ s(
       Me,
       {

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

@@ -1,4 +1,4 @@
-(function(g,t){typeof exports=="object"&&typeof module<"u"?t(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"],t):(g=typeof globalThis<"u"?globalThis:g||self,t(g.EnerexTemplateEditor={},g.jsxRuntime,g.React,g.reactQuery,g.axios,g.reactBootstrap,g.reactHookForm,g.Select$1))})(this,function(g,t,c,v,U,d,H,z){"use strict";const G=c.createContext(void 0),Q=({children:n,configs:s})=>{const[i,l]=c.useState(s.clientId),[r,e]=c.useState(s.apiKey),[o,a]=c.useState(s.enerexIdentifier),[f,y]=c.useState(s.projectId),h=u=>{e(u.apiKey),l(u.clientId),y(u.projectId),a(u.enerexIdentifier)};return t.jsx(G.Provider,{value:{clientId:i,apiKey:r,setConfiguration:h,enerexIdentifier:o,projectId:f},children:n})},T=()=>{const n=c.useContext(G);if(!n)throw new Error("widgetConfig must be used within a ConfigProvider");return n},O=`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\r
+(function(u,t){typeof exports=="object"&&typeof module<"u"?t(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"],t):(u=typeof globalThis<"u"?globalThis:u||self,t(u.EnerexTemplateEditor={},u.jsxRuntime,u.React,u.reactQuery,u.axios,u.reactBootstrap,u.reactHookForm,u.Select$1))})(this,function(u,t,p,T,U,c,H,z){"use strict";const G=p.createContext(void 0),Q=({children:n,configs:s})=>{const[i,l]=p.useState(s.clientId),[r,e]=p.useState(s.apiKey),[o,a]=p.useState(s.enerexIdentifier),[f,g]=p.useState(s.projectId),y=v=>{e(v.apiKey),l(v.clientId),g(v.projectId),a(v.enerexIdentifier)};return t.jsx(G.Provider,{value:{clientId:i,apiKey:r,setConfiguration:y,enerexIdentifier:o,projectId:f},children:n})},C=()=>{const n=p.useContext(G);if(!n)throw new Error("widgetConfig must be used within a ConfigProvider");return n},O=`<!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
-`,V=(n="",s)=>({get:async(r,e)=>{try{const o=await U.get(`${n}${r}`,e??s);if(o.status===200)return o.data}catch(o){throw o}},post:async(r,e,o)=>{try{const a=await U.post(`${n}${r}`,e,o??s);if(a.status===200)return a.data}catch(a){throw a}}}),q={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"},K=c.createContext({get:()=>{throw new Error("HttpClientContext.get not implemented")},post:()=>{throw new Error("HttpClientContext.post not implemented")}}),Z=({children:n})=>{const{clientId:s,apiKey:i}=T(),l={headers:{client_id:s,"x-api-key":i}},{get:r,post:e}=V(q.API_BASE_URL,l);return t.jsx(K.Provider,{value:{get:r,post:e},children:n})},R=({children:n})=>{const s=new v.QueryClient;return t.jsx(Z,{children:t.jsx(v.QueryClientProvider,{client:s,children:n})})},ee=n=>{const s=Array.from(new Set(n.map(l=>l.category))),i=[];return s.forEach(l=>{const r=n.filter(e=>e.category===l).map(e=>({label:e.label,value:e.value,hint:e.hint,hidden:e.hidden}));i.push({category:l,entries:r})}),i},E=()=>{const n=c.useContext(K);if(n)return n;throw new Error("useHttpClient must be used within a HttpClientProvider")},S={Template_list:"/Template/list/",Template:"/Template/GetTemplate/",MergeTags:"/Template/TemplateMergeTags/",ExcludeCategory:"/Template/GetExcludeCategories/",SaveTemplate:"/Template/save-update/",TemplateTypes:"/Template/TemplateTypes/"},te=()=>{const n=E(),{enerexIdentifier:s,projectId:i}=T();return v.useQuery({queryKey:["getTemplateTags"],queryFn:async r=>await n.get(`${S.MergeTags}${i}/${s}`)})},ne=()=>{const n=E(),{enerexIdentifier:s,projectId:i}=T();return v.useQuery({queryKey:["getExcludeCategory"],queryFn:async r=>await n.get(`${S.ExcludeCategory}${i}/${s}`)})},re=({templateHTML:n,className:s="",loading:i=!1})=>{const{post:l}=V(),{data:r}=te(),{data:e}=ne(),[o,a]=c.useState(n??{html:O,css:""}),f="https://plugin.stripocdn.email/content/guids/CABINET_eab4e7d5a4603ac03f4120652a3a5a540f0c79c688514939f095f67433ed4a67/images/photo256.png",y="https://plugins.stripo.email/api/v1/auth";c.useEffect(()=>{if(r&&e&&!document.getElementById("UiEditorScript")){const u=document.createElement("script");u.id="UiEditorScript",u.type="module",u.src=q.EDITOR_SCRIPT_URL,u.onload=h,document.body.appendChild(u)}},[r,e]);const h=async()=>{window.UIEditor.initEditor(document.querySelector("#stripoEditorContainer"),{html:o.html,css:o.css,modulesExcludedCategories:e??[],forceRecreate:!0,metadata:{emailId:`plugin_${q.EDITOR_PLUGIN_ID}_demo_1`,userId:"1",username:"Plugin Demo User",avatarUrl:f},locale:"en",onTokenRefreshRequest:async function(u){const C={pluginId:q.EDITOR_PLUGIN_ID,secretKey:q.EDITOR_SECRET_KEY,userId:"12",role:"user"},x=await l(y,C);x&&u(x.token)},codeEditorButtonSelector:"#codeEditor",undoButtonSelector:"#undoButton",redoButtonSelector:"#redoButton",mobileViewButtonSelector:"#mobileViewButton",desktopViewButtonSelector:"#desktopViewButton",mergeTags:ee(r??[])})};return t.jsx("div",{className:"position-relative",children:t.jsxs("div",{className:`editor-container ${s}`,children:[i&&t.jsx("div",{className:"loading-overlay",children:t.jsx(d.Spinner,{animation:"border",style:{width:"11px",height:"11px"},size:"sm",role:"status",className:"me-1"})}),t.jsx("div",{id:"externalSystemContainer"}),t.jsx("div",{id:"stripoEditorContainer"})]})})},se=({label:n,register:s,validation:i,required:l=!1,name:r,error:e,...o})=>t.jsxs(d.Form.Group,{className:"mb-1",children:[n?t.jsxs(d.Form.Label,{className:"mb-3 d-block form-label",children:[n,l&&t.jsx("label",{className:"text-danger",children:"*"})]}):null,t.jsx(d.Form.Control,{name:r,type:"text",...o,isInvalid:!!(e&&e[r]),...s?s(r,{...i}):{},className:`form-control ${e&&e[r]&&"border border-danger"}`}),e&&e[r]?t.jsx(d.Form.Control.Feedback,{type:"invalid",children:e[r].message}):null]});function oe({items:n,renderItem:s,className:i="",keyExtractor:l}){return t.jsx(d.ListGroup,{className:` ${i}`,children:n.map((r,e)=>t.jsx(d.ListGroup.Item,{children:s(r,e)},l?l(r,e):e))})}const ie=n=>t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 640",...n,children:t.jsx("path",{d:"M352 528L128 528C119.2 528 112 520.8 112 512L112 288C112 279.2 119.2 272 128 272L176 272L176 224L128 224C92.7 224 64 252.7 64 288L64 512C64 547.3 92.7 576 128 576L352 576C387.3 576 416 547.3 416 512L416 464L368 464L368 512C368 520.8 360.8 528 352 528zM288 368C279.2 368 272 360.8 272 352L272 128C272 119.2 279.2 112 288 112L512 112C520.8 112 528 119.2 528 128L528 352C528 360.8 520.8 368 512 368L288 368zM224 352C224 387.3 252.7 416 288 416L512 416C547.3 416 576 387.3 576 352L576 128C576 92.7 547.3 64 512 64L288 64C252.7 64 224 92.7 224 128L224 352z"})}),le=({children:n,title:s,placement:i})=>{const l=t.jsx(d.Popover,{id:"popover-basic",className:"dark-popover",children:t.jsx(d.Popover.Body,{className:"p-0 text-white",children:s})});return t.jsx(d.OverlayTrigger,{trigger:["hover","focus"],placement:i,overlay:l,containerPadding:0,container:document.body,popperConfig:{modifiers:[{name:"flip",enabled:!1},{name:"preventOverflow",enabled:!0,options:{boundary:"window"}}]},children:n})},ae=({selected:n,group:s,value:i,label:l,onCopy:r,onSelect:e,subItem:o=!1})=>t.jsxs("div",{className:"ps-1 py-1 d-flex position-relative",style:{alignItems:"center"},children:[t.jsx("input",{type:"radio",onChange:()=>{e(i)},className:"me-2",checked:n,name:s}),t.jsx("p",{title:l,className:"mb-0 wraped-text",children:l}),!o&&t.jsx(le,{title:"Copy",placement:"top",children:t.jsx("button",{className:"btn btn-link",type:"button",style:{padding:0,marginLeft:"auto",position:"relative",minWidth:32,flexShrink:0},children:t.jsx(ie,{onClick:()=>r(i),height:20,fill:"black"})})})]}),de=()=>{const n=E(),{enerexIdentifier:s,projectId:i}=T();return v.useQuery({queryKey:["getTemplatesList"],queryFn:async r=>await n.get(`${S.Template_list}${i}/${s}`)})},ce=(n,s=[])=>{const i=/^(?:\(copy(?:-(\d+))?\)\s)?(.+)$/,l=n.match(i);if(!l)return`(copy) ${n}`;const r=l[2],e=new RegExp(`^\\(copy(?:-(\\d+))?\\) ${r.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}$`);let o=1;const a=s.filter(f=>e.test(f));return a.length===0?`(copy) ${r}`:(a.forEach(f=>{const y=f.match(e);if(y&&y[1]){const h=parseInt(y[1],10);!isNaN(h)&&h>=o&&(o=h+1)}else o=Math.max(o,2)}),`(copy-${o}) ${r}`)},pe=()=>{const n=E(),{enerexIdentifier:s,projectId:i}=T();return v.useMutation({mutationKey:["getTemplate"],mutationFn:async({id:r})=>{if(r)return await n.get(`${S.Template}${s}/${r}/${i}`)}})},me=()=>{const n=E(),{enerexIdentifier:s,projectId:i}=T();return v.useQuery({queryKey:["getTemplateTypes"],queryFn:async r=>await n.get(`${S.TemplateTypes}${s}/${i}`)})};function fe(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var M={exports:{}};/*!
+`,V=(n="",s)=>({get:async(r,e)=>{try{const o=await U.get(`${n}${r}`,e??s);if(o.status===200)return o.data}catch(o){throw o}},post:async(r,e,o)=>{try{const a=await U.post(`${n}${r}`,e,o??s);if(a.status===200)return a.data}catch(a){throw a}}}),A={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"},K=p.createContext({get:()=>{throw new Error("HttpClientContext.get not implemented")},post:()=>{throw new Error("HttpClientContext.post not implemented")}}),Z=({children:n})=>{const{clientId:s,apiKey:i}=C(),l={headers:{client_id:s,"x-api-key":i}},{get:r,post:e}=V(A.API_BASE_URL,l);return t.jsx(K.Provider,{value:{get:r,post:e},children:n})},R=({children:n})=>{const s=new T.QueryClient;return t.jsx(Z,{children:t.jsx(T.QueryClientProvider,{client:s,children:n})})},ee=n=>{const s=Array.from(new Set(n.map(l=>l.category))),i=[];return s.forEach(l=>{const r=n.filter(e=>e.category===l).map(e=>({label:e.label,value:e.value,hint:e.hint,hidden:e.hidden}));i.push({category:l,entries:r})}),i},S=()=>{const n=p.useContext(K);if(n)return n;throw new Error("useHttpClient must be used within a HttpClientProvider")},N={Template_list:"/Template/list/",Template:"/Template/GetTemplate/",MergeTags:"/Template/TemplateMergeTags/",ExcludeCategory:"/Template/GetExcludeCategories/",SaveTemplate:"/Template/save-update/",TemplateTypes:"/Template/TemplateTypes/"},te=()=>{const n=S(),{enerexIdentifier:s,projectId:i}=C();return T.useQuery({queryKey:["getTemplateTags"],queryFn:async r=>await n.get(`${N.MergeTags}${i}/${s}`)})},ne=()=>{const n=S(),{enerexIdentifier:s,projectId:i}=C();return T.useQuery({queryKey:["getExcludeCategory"],queryFn:async r=>await n.get(`${N.ExcludeCategory}${i}/${s}`)})},re=({templateHTML:n,className:s="",loading:i=!1})=>{const{post:l}=V(),{data:r}=te(),{data:e}=ne(),[o,a]=p.useState(n??{html:O,css:""}),{enerexIdentifier:f,projectId:g}=C(),y="https://plugin.stripocdn.email/content/guids/CABINET_eab4e7d5a4603ac03f4120652a3a5a540f0c79c688514939f095f67433ed4a67/images/photo256.png",v="https://plugins.stripo.email/api/v1/auth";p.useEffect(()=>{if(r&&e&&!document.getElementById("UiEditorScript")){const h=document.createElement("script");h.id="UiEditorScript",h.type="module",h.src=A.EDITOR_SCRIPT_URL,h.onload=x,document.body.appendChild(h)}},[r,e]);const x=async()=>{window.UIEditor.initEditor(document.querySelector("#stripoEditorContainer"),{html:o.html,css:o.css,modulesExcludedCategories:e??[],forceRecreate:!0,metadata:{emailId:`plugin_${A.EDITOR_PLUGIN_ID}_demo_1_${g}_${f}`,userId:"1",username:"Plugin Demo User",avatarUrl:y},locale:"en",onTokenRefreshRequest:async function(h){const I={pluginId:A.EDITOR_PLUGIN_ID,secretKey:A.EDITOR_SECRET_KEY,userId:"12",role:"user"},d=await l(v,I);d&&h(d.token)},codeEditorButtonSelector:"#codeEditor",undoButtonSelector:"#undoButton",redoButtonSelector:"#redoButton",mobileViewButtonSelector:"#mobileViewButton",desktopViewButtonSelector:"#desktopViewButton",mergeTags:ee(r??[])})};return t.jsx("div",{className:"position-relative",children:t.jsxs("div",{className:`editor-container ${s}`,children:[i&&t.jsx("div",{className:"loading-overlay",children:t.jsx(c.Spinner,{animation:"border",style:{width:"11px",height:"11px"},size:"sm",role:"status",className:"me-1"})}),t.jsx("div",{id:"externalSystemContainer"}),t.jsx("div",{id:"stripoEditorContainer"})]})})},se=({label:n,register:s,validation:i,required:l=!1,name:r,error:e,...o})=>t.jsxs(c.Form.Group,{className:"mb-1",children:[n?t.jsxs(c.Form.Label,{className:"mb-3 d-block form-label",children:[n,l&&t.jsx("label",{className:"text-danger",children:"*"})]}):null,t.jsx(c.Form.Control,{name:r,type:"text",...o,isInvalid:!!(e&&e[r]),...s?s(r,{...i}):{},className:`form-control ${e&&e[r]&&"border border-danger"}`}),e&&e[r]?t.jsx(c.Form.Control.Feedback,{type:"invalid",children:e[r].message}):null]});function oe({items:n,renderItem:s,className:i="",keyExtractor:l}){return t.jsx(c.ListGroup,{className:` ${i}`,children:n.map((r,e)=>t.jsx(c.ListGroup.Item,{children:s(r,e)},l?l(r,e):e))})}const ie=n=>t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 640",...n,children:t.jsx("path",{d:"M352 528L128 528C119.2 528 112 520.8 112 512L112 288C112 279.2 119.2 272 128 272L176 272L176 224L128 224C92.7 224 64 252.7 64 288L64 512C64 547.3 92.7 576 128 576L352 576C387.3 576 416 547.3 416 512L416 464L368 464L368 512C368 520.8 360.8 528 352 528zM288 368C279.2 368 272 360.8 272 352L272 128C272 119.2 279.2 112 288 112L512 112C520.8 112 528 119.2 528 128L528 352C528 360.8 520.8 368 512 368L288 368zM224 352C224 387.3 252.7 416 288 416L512 416C547.3 416 576 387.3 576 352L576 128C576 92.7 547.3 64 512 64L288 64C252.7 64 224 92.7 224 128L224 352z"})}),le=({children:n,title:s,placement:i})=>{const l=t.jsx(c.Popover,{id:"popover-basic",className:"dark-popover",children:t.jsx(c.Popover.Body,{className:"p-0 text-white",children:s})});return t.jsx(c.OverlayTrigger,{trigger:["hover","focus"],placement:i,overlay:l,containerPadding:0,container:document.body,popperConfig:{modifiers:[{name:"flip",enabled:!1},{name:"preventOverflow",enabled:!0,options:{boundary:"window"}}]},children:n})},ae=({selected:n,group:s,value:i,label:l,onCopy:r,onSelect:e,subItem:o=!1})=>t.jsxs("div",{className:"ps-1 py-1 d-flex position-relative",style:{alignItems:"center"},children:[t.jsx("input",{type:"radio",onChange:()=>{e(i)},className:"me-2",checked:n,name:s}),t.jsx("p",{title:l,className:"mb-0 wraped-text",children:l}),!o&&t.jsx(le,{title:"Copy",placement:"top",children:t.jsx("button",{className:"btn btn-link",type:"button",style:{padding:0,marginLeft:"auto",position:"relative",minWidth:32,flexShrink:0},children:t.jsx(ie,{onClick:()=>r(i),height:20,fill:"black"})})})]}),de=()=>{const n=S(),{enerexIdentifier:s,projectId:i}=C();return T.useQuery({queryKey:["getTemplatesList"],queryFn:async r=>await n.get(`${N.Template_list}${i}/${s}`)})},ce=(n,s=[])=>{const i=/^(?:\(copy(?:-(\d+))?\)\s)?(.+)$/,l=n.match(i);if(!l)return`(copy) ${n}`;const r=l[2],e=new RegExp(`^\\(copy(?:-(\\d+))?\\) ${r.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}$`);let o=1;const a=s.filter(f=>e.test(f));return a.length===0?`(copy) ${r}`:(a.forEach(f=>{const g=f.match(e);if(g&&g[1]){const y=parseInt(g[1],10);!isNaN(y)&&y>=o&&(o=y+1)}else o=Math.max(o,2)}),`(copy-${o}) ${r}`)},pe=()=>{const n=S(),{enerexIdentifier:s,projectId:i}=C();return T.useMutation({mutationKey:["getTemplate"],mutationFn:async({id:r})=>{if(r)return await n.get(`${N.Template}${s}/${r}/${i}`)}})},me=()=>{const n=S(),{enerexIdentifier:s,projectId:i}=C();return T.useQuery({queryKey:["getTemplateTypes"],queryFn:async r=>await n.get(`${N.TemplateTypes}${s}/${i}`)})};function fe(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var M={exports:{}};/*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/var W;function ue(){return W||(W=1,function(n){(function(){var s={}.hasOwnProperty;function i(){for(var e="",o=0;o<arguments.length;o++){var a=arguments[o];a&&(e=r(e,l(a)))}return e}function l(e){if(typeof e=="string"||typeof e=="number")return e;if(typeof e!="object")return"";if(Array.isArray(e))return i.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var o="";for(var a in e)s.call(e,a)&&e[a]&&(o=r(o,a));return o}function r(e,o){return o?e?e+" "+o:e+o:e}n.exports?(i.default=i,n.exports=i):window.classNames=i})()}(M)),M.exports}var ge=ue();const Y=fe(ge),ye=({name:n="",control:s,options:i,multiple:l=!1,placeholder:r,validation:e,labelKey:o="name",disabled:a,isInvalid:f,value:y,onChange:h,uncontrolled:u,menuPlacement:C="auto",closeOnSelect:x=!0})=>{const A={control:p=>({...p,minHeight:"33px",borderColor:f?"var(--bs-form-invalid-border-color) !important":"var(--ct-input-border-color)",backgroundImage:f?'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:f?"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:p=>({...p,marginTop:0,width:"max-content",minWidth:"100%"}),menuPortal:p=>({...p,zIndex:9999}),multiValueRemove:p=>({...p,display:a?"none":"block"})};return u?t.jsx(z,{className:Y({"is-invalid":f}),styles:A,classNamePrefix:"react-select",isMulti:l,options:i,onChange:h,placeholder:r,menuPortalTarget:document.body,value:y,getOptionLabel:typeof o=="string"?p=>p[o]:o,getOptionValue:p=>p.id,isDisabled:a,menuPlacement:C,closeMenuOnSelect:x}):t.jsx(H.Controller,{control:s,name:n,rules:e,render:({field:{onChange:p,value:I,onBlur:k}})=>t.jsx(z,{className:Y({"is-invalid":f}),styles:A,classNamePrefix:"react-select",isMulti:l,options:i,onBlur:k,onChange:p,placeholder:r,menuPortalTarget:document.body,value:I,getOptionLabel:typeof o=="string"?N=>N[o]:o,getOptionValue:N=>N.id,isDisabled:a,menuPlacement:C,closeMenuOnSelect:x},I?JSON.stringify(I):"reset")})},he=({label:n,name:s,validation:i,control:l,error:r,...e})=>t.jsxs(d.Form.Group,{className:"mb-1",children:[n&&t.jsxs(d.Form.Label,{className:"mb-3 d-block form-label",children:[n," ",e.required&&t.jsx("span",{className:"text-danger",children:"*"})]}),t.jsx(ye,{control:l,options:e.options??[],validation:i,isInvalid:r&&!!r[s],name:s}),r&&r[s]?t.jsx(d.Form.Control.Feedback,{type:"invalid",children:r[s].message}):null]}),be=()=>{const n=E();v.useQueryClient();const{enerexIdentifier:s,projectId:i}=T();return v.useMutation({mutationKey:["saveTemplate"],mutationFn:async r=>(r.enerexIdentifier=s??"",r.projectId=i??"",await n.post(`${S.SaveTemplate}`,r))})},we=({onSelectItem:n,templateLoading:s,onReset:i})=>{const{register:l,handleSubmit:r,clearErrors:e,setValue:o,control:a,reset:f,formState:{errors:y}}=H.useForm({defaultValues:{templateName:"",templateType:void 0},mode:"onChange"}),{data:h,refetch:u,isLoading:C}=de(),[x,A]=c.useState([]),[p,I]=c.useState(),[k,N]=c.useState(),{mutateAsync:B,isPending:L}=pe(),{mutateAsync:Te,isPending:j}=be(),{data:D,isLoading:X}=me(),[F,Ce]=c.useState([]);c.useEffect(()=>{D&&Ce(D.map(m=>({id:`${m.id}`,name:m.name})))},[D]),c.useEffect(()=>{s(!!L)},[L]),c.useEffect(()=>{A(h??[])},[h]);const xe=async(m,b)=>{b&&A(w=>{const _=[...w],P={...b};P.id="",P.name=ce(P.name,_.map($=>$.name)),_.splice(m+1,0,P),I(P),o("templateName",P.name);const J=F.find($=>$.id===`${b.type}`);return J?o("templateType",J):o("templateType",void 0),e(),B({id:b?.id}).then($=>{$&&N($)}),_})},Ie=async m=>{if(I(m),m){if(o("templateName",m?.name),D&&D.find(w=>w.id===m.type)){const w=F.find(_=>_.id===`${m.type}`);w&&o("templateType",w)}else o("templateType",void 0);e()}const b=await B({id:m?.id});b&&N(b)};c.useEffect(()=>{n(k&&p?k:void 0)},[k,p,n]);const Ee=m=>{window.StripoEditorApi.actionsApi.getTemplateData(async b=>{const w={enerexIdentifier:"",projectId:"",templateId:p?.id??"",templateType:m.templateType.id,name:m.templateName,html:b.html,css:b.css};await Te(w)&&(e(),p?.id===""&&f(),u())})};return t.jsx(d.Card,{className:"border border-0 text-start",children:t.jsx(d.Card.Body,{className:"pe-0 ps-2",children:t.jsxs("form",{onSubmit:r(Ee),children:[t.jsx("label",{className:"mb-2",children:"Templates"}),t.jsx("div",{className:"template-list-container mb-3",children:t.jsx(oe,{items:x,renderItem:(m,b)=>t.jsx(ae,{selected:m===p,label:m.name,subItem:m.id==="",onCopy:w=>xe(b,w),onSelect:w=>Ie(w),value:m,group:"templates"})})}),t.jsx(he,{label:"Template Type",control:a,error:y,options:F,required:!0,validation:{required:{value:!0,message:"Template Type is required"}},...l("templateType")}),t.jsx(se,{label:"Template Name",register:l,error:y,required:!0,name:"templateName",validation:{required:{value:!0,message:"Template Name is required"}}}),t.jsx("hr",{}),t.jsxs("div",{className:"d-flex justify-content-between mt-3 ",children:[t.jsx(d.Button,{style:{width:"70px"},variant:"primary",disabled:C||L||j||X,onClick:()=>{I(void 0),f(),i()},children:L||j?t.jsx(d.Spinner,{animation:"border",style:{width:"11px",height:"11px"},size:"sm",role:"status",className:"me-1",children:t.jsx("span",{className:"visually-hidden",children:"Loading..."})}):"Clear"}),t.jsx(d.Button,{type:"submit",variant:"primary",style:{width:"80px"},disabled:C||L||j||X,children:L||j?t.jsx(d.Spinner,{animation:"border",style:{width:"11px",height:"11px"},size:"sm",role:"status",className:"me-1",children:t.jsx("span",{className:"visually-hidden",children:"Loading..."})}):(p?.id??"")===""?"Save":"Update"})]})]})})})},ve=({config:n})=>{const[s,i]=c.useState(),[l,r]=c.useState(!1),e=a=>{i(a),window.StripoEditorApi&&window.StripoEditorApi.actionsApi&&a&&window.StripoEditorApi.actionsApi.updateHtmlAndCss(a?.html??"",a?.css??"","")},o=()=>{r(!1),i(void 0),window.StripoEditorApi&&window.StripoEditorApi.actionsApi&&window.StripoEditorApi.actionsApi.updateHtmlAndCss(O,"","")};return t.jsx(Q,{configs:n,children:t.jsx(R,{children:t.jsx("div",{className:"root-widget",children:t.jsxs(d.Row,{children:[t.jsx(d.Col,{md:3,lg:2,className:"p-0",children:t.jsx(we,{templateLoading:r,onSelectItem:e,onReset:o})}),t.jsx(d.Col,{md:9,lg:10,children:t.jsx(re,{templateHTML:{css:s?.css??"",html:s?.html??O},loading:l,className:"col-span-5"})})]})})})})};g.EditorWidget=ve,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})});
+*/var W;function ue(){return W||(W=1,function(n){(function(){var s={}.hasOwnProperty;function i(){for(var e="",o=0;o<arguments.length;o++){var a=arguments[o];a&&(e=r(e,l(a)))}return e}function l(e){if(typeof e=="string"||typeof e=="number")return e;if(typeof e!="object")return"";if(Array.isArray(e))return i.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var o="";for(var a in e)s.call(e,a)&&e[a]&&(o=r(o,a));return o}function r(e,o){return o?e?e+" "+o:e+o:e}n.exports?(i.default=i,n.exports=i):window.classNames=i})()}(M)),M.exports}var ge=ue();const Y=fe(ge),ye=({name:n="",control:s,options:i,multiple:l=!1,placeholder:r,validation:e,labelKey:o="name",disabled:a,isInvalid:f,value:g,onChange:y,uncontrolled:v,menuPlacement:x="auto",closeOnSelect:h=!0})=>{const I={control:d=>({...d,minHeight:"33px",borderColor:f?"var(--bs-form-invalid-border-color) !important":"var(--ct-input-border-color)",backgroundImage:f?'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:f?"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:d=>({...d,marginTop:0,width:"max-content",minWidth:"100%"}),menuPortal:d=>({...d,zIndex:9999}),multiValueRemove:d=>({...d,display:a?"none":"block"})};return v?t.jsx(z,{className:Y({"is-invalid":f}),styles:I,classNamePrefix:"react-select",isMulti:l,options:i,onChange:y,placeholder:r,menuPortalTarget:document.body,value:g,getOptionLabel:typeof o=="string"?d=>d[o]:o,getOptionValue:d=>d.id,isDisabled:a,menuPlacement:x,closeMenuOnSelect:h}):t.jsx(H.Controller,{control:s,name:n,rules:e,render:({field:{onChange:d,value:E,onBlur:k}})=>t.jsx(z,{className:Y({"is-invalid":f}),styles:I,classNamePrefix:"react-select",isMulti:l,options:i,onBlur:k,onChange:d,placeholder:r,menuPortalTarget:document.body,value:E,getOptionLabel:typeof o=="string"?L=>L[o]:o,getOptionValue:L=>L.id,isDisabled:a,menuPlacement:x,closeMenuOnSelect:h},E?JSON.stringify(E):"reset")})},he=({label:n,name:s,validation:i,control:l,error:r,...e})=>t.jsxs(c.Form.Group,{className:"mb-1",children:[n&&t.jsxs(c.Form.Label,{className:"mb-3 d-block form-label",children:[n," ",e.required&&t.jsx("span",{className:"text-danger",children:"*"})]}),t.jsx(ye,{control:l,options:e.options??[],validation:i,isInvalid:r&&!!r[s],name:s}),r&&r[s]?t.jsx(c.Form.Control.Feedback,{type:"invalid",children:r[s].message}):null]}),be=()=>{const n=S();T.useQueryClient();const{enerexIdentifier:s,projectId:i}=C();return T.useMutation({mutationKey:["saveTemplate"],mutationFn:async r=>(r.enerexIdentifier=s??"",r.projectId=i??"",await n.post(`${N.SaveTemplate}`,r))})},we=({onSelectItem:n,templateLoading:s,onReset:i})=>{const{register:l,handleSubmit:r,clearErrors:e,setValue:o,control:a,reset:f,formState:{errors:g}}=H.useForm({defaultValues:{templateName:"",templateType:void 0},mode:"onChange"}),{data:y,refetch:v,isLoading:x}=de(),[h,I]=p.useState([]),[d,E]=p.useState(),[k,L]=p.useState(),{mutateAsync:B,isPending:_}=pe(),{mutateAsync:Te,isPending:D}=be(),{data:j,isLoading:X}=me(),[F,Ce]=p.useState([]);p.useEffect(()=>{j&&Ce(j.map(m=>({id:`${m.id}`,name:m.name})))},[j]),p.useEffect(()=>{s(!!_)},[_]),p.useEffect(()=>{I(y??[])},[y]);const xe=async(m,b)=>{b&&I(w=>{const P=[...w],$={...b};$.id="",$.name=ce($.name,P.map(q=>q.name)),P.splice(m+1,0,$),E($),o("templateName",$.name);const J=F.find(q=>q.id===`${b.type}`);return J?o("templateType",J):o("templateType",void 0),e(),B({id:b?.id}).then(q=>{q&&L(q)}),P})},Ie=async m=>{if(E(m),m){if(o("templateName",m?.name),j&&j.find(w=>w.id===m.type)){const w=F.find(P=>P.id===`${m.type}`);w&&o("templateType",w)}else o("templateType",void 0);e()}const b=await B({id:m?.id});b&&L(b)};p.useEffect(()=>{n(k&&d?k:void 0)},[k,d,n]);const Ee=m=>{window.StripoEditorApi.actionsApi.getTemplateData(async b=>{const w={enerexIdentifier:"",projectId:"",templateId:d?.id??"",templateType:m.templateType.id,name:m.templateName,html:b.html,css:b.css};await Te(w)&&(e(),d?.id===""&&f(),v())})};return t.jsx(c.Card,{className:"border border-0 text-start",children:t.jsx(c.Card.Body,{className:"pe-0 ps-2",children:t.jsxs("form",{onSubmit:r(Ee),children:[t.jsx("label",{className:"mb-2",children:"Templates"}),t.jsx("div",{className:"template-list-container mb-3",children:t.jsx(oe,{items:h,renderItem:(m,b)=>t.jsx(ae,{selected:m===d,label:m.name,subItem:m.id==="",onCopy:w=>xe(b,w),onSelect:w=>Ie(w),value:m,group:"templates"})})}),t.jsx(he,{label:"Template Type",control:a,error:g,options:F,required:!0,validation:{required:{value:!0,message:"Template Type is required"}},...l("templateType")}),t.jsx(se,{label:"Template Name",register:l,error:g,required:!0,name:"templateName",validation:{required:{value:!0,message:"Template Name is required"}}}),t.jsx("hr",{}),t.jsxs("div",{className:"d-flex justify-content-between mt-3 ",children:[t.jsx(c.Button,{style:{width:"70px"},variant:"primary",disabled:x||_||D||X,onClick:()=>{E(void 0),f(),i()},children:_||D?t.jsx(c.Spinner,{animation:"border",style:{width:"11px",height:"11px"},size:"sm",role:"status",className:"me-1",children:t.jsx("span",{className:"visually-hidden",children:"Loading..."})}):"Clear"}),t.jsx(c.Button,{type:"submit",variant:"primary",style:{width:"80px"},disabled:x||_||D||X,children:_||D?t.jsx(c.Spinner,{animation:"border",style:{width:"11px",height:"11px"},size:"sm",role:"status",className:"me-1",children:t.jsx("span",{className:"visually-hidden",children:"Loading..."})}):(d?.id??"")===""?"Save":"Update"})]})]})})})},ve=({config:n})=>{const[s,i]=p.useState(),[l,r]=p.useState(!1),e=a=>{i(a),window.StripoEditorApi&&window.StripoEditorApi.actionsApi&&a&&window.StripoEditorApi.actionsApi.updateHtmlAndCss(a?.html??"",a?.css??"","")},o=()=>{r(!1),i(void 0),window.StripoEditorApi&&window.StripoEditorApi.actionsApi&&window.StripoEditorApi.actionsApi.updateHtmlAndCss(O,"","")};return t.jsx(Q,{configs:n,children:t.jsx(R,{children:t.jsx("div",{className:"root-widget",children:t.jsxs(c.Row,{children:[t.jsx(c.Col,{md:3,lg:2,className:"p-0",children:t.jsx(we,{templateLoading:r,onSelectItem:e,onReset:o})}),t.jsx(c.Col,{md:9,lg:10,children:t.jsx(re,{templateHTML:{css:s?.css??"",html:s?.html??O},loading:l,className:"col-span-5"})})]})})})})};u.EditorWidget=ve,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});

package/package.json

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