mario-core 2.0.7 → 2.0.8-release

package/dist/Dashboard-ctVUb592.mjs

@@ -0,0 +1,206 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { useState as N, useRef as I, useCallback as h, useEffect as f } from "react";
+import { useSelector as k } from "react-redux";
+import { Row as T, Col as u, Navbar as C, NavbarBrand as y, Collapse as E, Nav as A, NavItem as g, NavLink as p } from "reactstrap";
+import { s as n, h as m, G as H } from "./index-S9mI_rxc.mjs";
+import { Link as v } from "react-router-dom";
+const M = () => /* @__PURE__ */ a("div", { className: `${n["content-quote"]}`, children: [
+  /* @__PURE__ */ a("div", { className: `${n["title-quote"]} d-block`, children: [
+    /* @__PURE__ */ e("p", { children: "Powerful" }),
+    /* @__PURE__ */ e("p", { children: "Personalized" }),
+    /* @__PURE__ */ e("p", { children: "Learning" })
+  ] }),
+  /* @__PURE__ */ a(
+    "div",
+    {
+      className: `${n["descriptions-quote"]} d-block`,
+      children: [
+        /* @__PURE__ */ e("p", { children: "Focus on what matters most to you and" }),
+        /* @__PURE__ */ e("p", { children: "make learning meaningful." })
+      ]
+    }
+  )
+] }), w = ({ srcIcon: r, content: t }) => /* @__PURE__ */ a("div", { className: `${n["content-icon"]}`, children: [
+  /* @__PURE__ */ e("div", { className: `${n["title-icon"]}`, children: /* @__PURE__ */ e("img", { src: m(r), alt: "icon" }) }),
+  /* @__PURE__ */ e(
+    "div",
+    {
+      className: `${n["descriptions-icon"]}`,
+      dangerouslySetInnerHTML: { __html: t }
+    }
+  )
+] }, t), D = [
+  {
+    scrIcon: "/images/ChatsTeardrop.svg",
+    content: "<p>Understand yourself better through <span>helpful feedback</span>.</p>"
+  },
+  {
+    scrIcon: "/images/Student.svg",
+    content: "<p>Create, explore, and share exciting <span>personalized</span> learning journeys.</p>"
+  },
+  {
+    scrIcon: "/images/Confetti.svg",
+    content: "<p>Set, monitor, and achieve <span>your goals</span>.</p>"
+  }
+], L = ({}) => /* @__PURE__ */ a(T, { className: `${n["page-not-login"]}`, children: [
+  /* @__PURE__ */ e(u, { md: 12, children: /* @__PURE__ */ e(M, {}) }),
+  /* @__PURE__ */ e(u, { md: 12, className: `${n["box-content-home-page"]} d-flex align-items-center`, children: D.map((r) => /* @__PURE__ */ e(
+    w,
+    {
+      srcIcon: r.scrIcon,
+      content: r.content
+    },
+    r.scrIcon
+  )) })
+] });
+function O(r) {
+  return H({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M32 96v64h448V96H32zm0 128v64h448v-64H32zm0 128v64h448v-64H32z" } }] })(r);
+}
+const S = 1e4, _ = ({
+  data: r,
+  duration: t = S
+}) => {
+  const [o, l] = N(r.length), s = I(null), d = h((c) => c === o ? `${n.active} ${n.show}` : "", [o]), $ = h((c) => o === 0 && c === r.length - 1 || c === o - 1 ? n.behind : "", [o, r.length]), b = h(() => {
+    s && s.current && clearInterval(s.current), s.current = setInterval(() => {
+      l((c) => c >= r.length - 1 ? 0 : c + 1);
+    }, t);
+  }, [t, r.length]);
+  return f(() => (b(), () => {
+    s && s.current && clearInterval(s.current);
+  }), [r.length, t]), /* @__PURE__ */ e("div", { className: `${n["bg-animate"]} position-absolute`, children: r.map((c, i) => /* @__PURE__ */ e(
+    "img",
+    {
+      alt: `Image ${i + 1}`,
+      className: `${$(i)} ${d(i)}`,
+      src: m(c)
+    },
+    i
+  )) });
+}, j = "/admin/users/user-list", x = "/home", B = "/home", R = "Dashboard", U = "Mario Education", z = [
+  "images/landing-page.jpg",
+  "images/landing-page2.jpg",
+  "images/landing-page3.jpg"
+], J = ({ version: r }) => {
+  const [t, o] = N(!1), l = k((d) => d.common.user), s = () => o(!t);
+  return f(() => {
+    l ? document.title = R : document.title = U;
+  }, [l]), /* @__PURE__ */ a(
+    "div",
+    {
+      className: `${n.login} ${n["red-background"]} position-relative`,
+      children: [
+        /* @__PURE__ */ e(
+          "span",
+          {
+            className: `${n["version-prod"]}`,
+            children: `v ${r}`
+          }
+        ),
+        /* @__PURE__ */ e(_, { data: z }),
+        /* @__PURE__ */ a("div", { className: `${n["login-content"]}`, children: [
+          /* @__PURE__ */ a(C, { light: !0, expand: "md", children: [
+            /* @__PURE__ */ e(y, { href: "/", className: `${n["logo-home"]}`, children: /* @__PURE__ */ e(
+              "img",
+              {
+                src: m("/images/logo-white.svg"),
+                alt: "mario"
+              }
+            ) }),
+            /* @__PURE__ */ e(
+              O,
+              {
+                onClick: s,
+                className: `${n["hide-in-desktop"]} ${n["hamburger-menu"]}`
+              }
+            ),
+            /* @__PURE__ */ a(
+              E,
+              {
+                isOpen: t,
+                navbar: !0,
+                className: `${n["collapse-box"]}`,
+                children: [
+                  /* @__PURE__ */ a(
+                    A,
+                    {
+                      className: `${n["nav-home"]} d-md-flex w-100 justify-content-center mr-auto`,
+                      navbar: !0,
+                      children: [
+                        /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(
+                          p,
+                          {
+                            className: `${n["learn-more"]} align-self-md-center`,
+                            href: "https://marioframework.com/software",
+                            target: "blank",
+                            children: "Learn More"
+                          }
+                        ) }),
+                        /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(
+                          p,
+                          {
+                            className: `${n["learn-more"]} align-self-md-center`,
+                            href: "mailto: Info@marioeducation.com",
+                            target: "blank",
+                            children: "Contact"
+                          }
+                        ) }),
+                        /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(
+                          p,
+                          {
+                            className: `${n["learn-more"]} align-self-md-center`,
+                            href: "/privacy-policy",
+                            target: "blank",
+                            children: "Privacy Policy"
+                          }
+                        ) })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "div",
+                    {
+                      className: `${n["hide-in-mobile"]} d-flex justify-content-end`,
+                      children: l ? /* @__PURE__ */ e(
+                        v,
+                        {
+                          to: l.roles.includes("Admin") ? j : l.roles.includes("Teacher") ? x : B,
+                          className: `${n["btn-trans-border"]}`,
+                          children: "Dashboard"
+                        }
+                      ) : /* @__PURE__ */ e(
+                        v,
+                        {
+                          to: "/login",
+                          className: `${n["btn-trans-border"]}`,
+                          children: "Login"
+                        }
+                      )
+                    }
+                  )
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e("div", { className: "", children: /* @__PURE__ */ e(L, {}) }),
+          /* @__PURE__ */ e("div", { className: `${n["digital-privacy-icon"]}`, children: /* @__PURE__ */ e(
+            "a",
+            {
+              href: "https://cert.privo.com/#/companies/marioFrameworkLlc",
+              target: "blank",
+              children: /* @__PURE__ */ e(
+                "img",
+                {
+                  src: m("/images/STUDENT.png"),
+                  alt: "icon"
+                }
+              )
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  J as default
+};

package/dist/Dashboard-zCoIVhnf.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),p=require("react-redux"),n=require("reactstrap"),s=require("./index-CrMu3c_0.js"),g=require("react-router-dom"),j=()=>e.jsxs("div",{className:`${s.styles["content-quote"]}`,children:[e.jsxs("div",{className:`${s.styles["title-quote"]} d-block`,children:[e.jsx("p",{children:"Powerful"}),e.jsx("p",{children:"Personalized"}),e.jsx("p",{children:"Learning"})]}),e.jsxs("div",{className:`${s.styles["descriptions-quote"]} d-block`,children:[e.jsx("p",{children:"Focus on what matters most to you and"}),e.jsx("p",{children:"make learning meaningful."})]})]}),x=({srcIcon:t,content:a})=>e.jsxs("div",{className:`${s.styles["content-icon"]}`,children:[e.jsx("div",{className:`${s.styles["title-icon"]}`,children:e.jsx("img",{src:s.getStaticFileUrl(t),alt:"icon"})}),e.jsx("div",{className:`${s.styles["descriptions-icon"]}`,dangerouslySetInnerHTML:{__html:a}})]},a),v=[{scrIcon:"/images/ChatsTeardrop.svg",content:"<p>Understand yourself better through <span>helpful feedback</span>.</p>"},{scrIcon:"/images/Student.svg",content:"<p>Create, explore, and share exciting <span>personalized</span> learning journeys.</p>"},{scrIcon:"/images/Confetti.svg",content:"<p>Set, monitor, and achieve <span>your goals</span>.</p>"}],y=({})=>e.jsxs(n.Row,{className:`${s.styles["page-not-login"]}`,children:[e.jsx(n.Col,{md:12,children:e.jsx(j,{})}),e.jsx(n.Col,{md:12,className:`${s.styles["box-content-home-page"]} d-flex align-items-center`,children:v.map(t=>e.jsx(x,{srcIcon:t.scrIcon,content:t.content},t.scrIcon))})]});function N(t){return s.GenIcon({attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M32 96v64h448V96H32zm0 128v64h448v-64H32zm0 128v64h448v-64H32z"}}]})(t)}const b=1e4,f=({data:t,duration:a=b})=>{const[i,o]=c.useState(t.length),r=c.useRef(null),d=c.useCallback(l=>l===i?`${s.styles.active} ${s.styles.show}`:"",[i]),h=c.useCallback(l=>i===0&&l===t.length-1||l===i-1?s.styles.behind:"",[i,t.length]),u=c.useCallback(()=>{r&&r.current&&clearInterval(r.current),r.current=setInterval(()=>{o(l=>l>=t.length-1?0:l+1)},a)},[a,t.length]);return c.useEffect(()=>(u(),()=>{r&&r.current&&clearInterval(r.current)}),[t.length,a]),e.jsx("div",{className:`${s.styles["bg-animate"]} position-absolute`,children:t.map((l,m)=>e.jsx("img",{alt:`Image ${m+1}`,className:`${h(m)} ${d(m)}`,src:s.getStaticFileUrl(l)},m))})},I="/admin/users/user-list",$="/home",k="/home",C="Dashboard",T="Mario Education",S=["images/landing-page.jpg","images/landing-page2.jpg","images/landing-page3.jpg"],E=({version:t})=>{const[a,i]=c.useState(!1),o=p.useSelector(d=>d.common.user),r=()=>i(!a);return c.useEffect(()=>{o?document.title=C:document.title=T},[o]),e.jsxs("div",{className:`${s.styles.login} ${s.styles["red-background"]} position-relative`,children:[e.jsx("span",{className:`${s.styles["version-prod"]}`,children:`v ${t}`}),e.jsx(f,{data:S}),e.jsxs("div",{className:`${s.styles["login-content"]}`,children:[e.jsxs(n.Navbar,{light:!0,expand:"md",children:[e.jsx(n.NavbarBrand,{href:"/",className:`${s.styles["logo-home"]}`,children:e.jsx("img",{src:s.getStaticFileUrl("/images/logo-white.svg"),alt:"mario"})}),e.jsx(N,{onClick:r,className:`${s.styles["hide-in-desktop"]} ${s.styles["hamburger-menu"]}`}),e.jsxs(n.Collapse,{isOpen:a,navbar:!0,className:`${s.styles["collapse-box"]}`,children:[e.jsxs(n.Nav,{className:`${s.styles["nav-home"]} d-md-flex w-100 justify-content-center mr-auto`,navbar:!0,children:[e.jsx(n.NavItem,{children:e.jsx(n.NavLink,{className:`${s.styles["learn-more"]} align-self-md-center`,href:"https://marioframework.com/software",target:"blank",children:"Learn More"})}),e.jsx(n.NavItem,{children:e.jsx(n.NavLink,{className:`${s.styles["learn-more"]} align-self-md-center`,href:"mailto: Info@marioeducation.com",target:"blank",children:"Contact"})}),e.jsx(n.NavItem,{children:e.jsx(n.NavLink,{className:`${s.styles["learn-more"]} align-self-md-center`,href:"/privacy-policy",target:"blank",children:"Privacy Policy"})})]}),e.jsx("div",{className:`${s.styles["hide-in-mobile"]} d-flex justify-content-end`,children:o?e.jsx(g.Link,{to:o.roles.includes("Admin")?I:o.roles.includes("Teacher")?$:k,className:`${s.styles["btn-trans-border"]}`,children:"Dashboard"}):e.jsx(g.Link,{to:"/login",className:`${s.styles["btn-trans-border"]}`,children:"Login"})})]})]}),e.jsx("div",{className:"",children:e.jsx(y,{})}),e.jsx("div",{className:`${s.styles["digital-privacy-icon"]}`,children:e.jsx("a",{href:"https://cert.privo.com/#/companies/marioFrameworkLlc",target:"blank",children:e.jsx("img",{src:s.getStaticFileUrl("/images/STUDENT.png"),alt:"icon"})})})]})]})};exports.default=E;

package/dist/EmailTemplateDetail-B7BAwkbk.mjs

@@ -0,0 +1,417 @@
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { Table as Q, Row as R, Col as p, Input as X, Button as Z, Label as J } from "reactstrap";
+import { useNavigate as Y, useParams as ee } from "react-router-dom";
+import { Editor as te } from "@tinymce/tinymce-react";
+import { Formik as ae } from "formik";
+import { R as ne, H as se, b as C, c as w, S as ie, T as le, U, E as q, V as oe, W as re } from "./index-VWLBvvhC.mjs";
+import { useTranslation as H } from "react-i18next";
+import { useEffect as j, Fragment as ce, useState as D, useCallback as z } from "react";
+import me from "react-select";
+import { useDispatch as G, useSelector as O } from "react-redux";
+import { a as de, b as ue, u as pe, c as he, d as ge } from "./mailCategoryService-DBhYGQsS.mjs";
+import * as L from "yup";
+const ye = ({ onClick: n }) => /* @__PURE__ */ e("div", { className: "d-inline text-center cursor-pointer hover-opacity", title: "Delete", onClick: n, children: /* @__PURE__ */ e(ne, {}) }), V = [
+  { label: "$USER_FIRST_NAME$", meaning: "user_first_name" },
+  { label: "$USER_LAST_NAME$", meaning: "user_last_name" },
+  { label: "$PASSWORD$", meaning: "password" },
+  { label: "$USER_NAME$", meaning: "user_name" },
+  { label: "$USER_EMAIL$", meaning: "user_email" },
+  { label: "$MESSAGE$", meaning: "message" },
+  { label: "$DOMAIN$", meaning: "domain" }
+], fe = ({
+  onClick: n,
+  isResetPasswordTemplate: s
+}) => {
+  const { t: i } = H();
+  let f = s ? [...V, { label: "$RESET_LINK$", meaning: "Reset link" }] : V;
+  return /* @__PURE__ */ c(Q, { bordered: !0, hover: !0, striped: !0, responsive: !0, size: "sm", children: [
+    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ c("tr", { children: [
+      /* @__PURE__ */ e("th", { className: "align-top", children: i("params") }),
+      /* @__PURE__ */ e("th", { className: "align-top", children: i("meaning") }),
+      /* @__PURE__ */ e("th", {})
+    ] }) }),
+    /* @__PURE__ */ e("tbody", { children: f.map((d) => /* @__PURE__ */ c("tr", { children: [
+      /* @__PURE__ */ e("td", { className: "align-middle", children: d.label }),
+      /* @__PURE__ */ e("td", { className: "align-middle", children: i(d.meaning) }),
+      /* @__PURE__ */ e("td", { className: "text-center align-middle", children: /* @__PURE__ */ e(ye, { onClick: () => n(d) }) })
+    ] }, d.label)) })
+  ] });
+}, be = (n) => {
+  const s = G(), i = O(
+    (o) => o.mailCategory.mailCategoryList
+  );
+  j(() => {
+    f();
+  }, []);
+  const f = async () => {
+    try {
+      const o = await de();
+      s(se(o.data.items));
+    } catch (o) {
+      console.error(o);
+    }
+  }, { id: d } = n, I = i.map((o) => ({
+    id: o.id,
+    value: o.id,
+    label: o.name
+  })), T = d && I.find((o) => o.value === d) || null;
+  return /* @__PURE__ */ e(me, { options: I, value: T, ...n });
+}, K = ({ label: n, onRemove: s }) => /* @__PURE__ */ c(ce, { children: [
+  /* @__PURE__ */ e("span", { className: "mr-2", children: n }),
+  /* @__PURE__ */ e(
+    "i",
+    {
+      className: "fa fa-times text-danger cursor-pointer hover-opacity",
+      onClick: s
+    }
+  )
+] }), Ee = {
+  id: 0,
+  subject: "",
+  categoryId: 0,
+  body: "",
+  attachments: []
+}, Ie = "/admin/email-template", Ce = "Email template detail", Te = 4194304, Se = (n) => {
+  let s;
+  const i = G(), f = Y(), [d, I] = D(Ee), [T, o] = D(!1), $ = async () => {
+    localStorage.setItem(window.location.href, "true"), o(!0);
+  }, [h, M] = D([]), [u, x] = D([]), [k, F] = D("");
+  j(() => {
+    n && S();
+  }, [n]);
+  const S = z(async () => {
+    i(C(!0));
+    try {
+      const t = await ue(n);
+      I({
+        id: t.data.id,
+        subject: t.data.subject,
+        categoryId: t.data.category.id,
+        body: t.data.body,
+        attachments: t.data.attachments || []
+      }), document.title = t.data.subject, s && s.editor.execCommand(
+        "mceSetContent",
+        !1,
+        t.data.body
+      );
+    } catch (t) {
+      i(
+        w({
+          type: "danger",
+          message: t.response?.data?.title || t.message
+        })
+      );
+    }
+    i(C(!1));
+  }, [n]), b = async () => {
+    i(C(!0));
+    try {
+      const a = (await ge()).data;
+      a && F(a.key);
+    } catch (t) {
+      i(
+        w({
+          type: "danger",
+          message: t.response?.data?.title || "Get key failed"
+        })
+      );
+    }
+    i(C(!1));
+  }, E = (t) => s = t, _ = (t) => {
+    s && s.editor.execCommand(
+      "mceInsertContent",
+      !1,
+      ` ${t.label}`
+    );
+  }, g = z(() => {
+    f(Ie);
+  }, []), A = z(
+    async (t) => {
+      i(C(!0));
+      try {
+        if (u && u.length) {
+          const m = (await l()).map((r) => ({
+            key: r.data.key,
+            name: r.data.name
+          }));
+          t.attachments = [...t.attachments, ...m];
+        }
+        await (n ? pe : he)(t), i(
+          w({
+            type: "success",
+            message: `${n ? "Update" : "Create"} template successfully`
+          })
+        ), g();
+      } catch (a) {
+        i(
+          w({
+            type: "danger",
+            message: a.response?.data?.title || a.message
+          })
+        );
+      }
+      i(C(!1));
+    },
+    [n, u]
+  ), B = () => {
+    const t = document.getElementsByClassName("input-attachment"), a = document.createElement("input");
+    document.getElementById("email-detail")?.append(a), a.className = "input-attachment", a.id = `inputAttachment-${t.length + 1}`, a.type = "file", a.style.display = "none", a.setAttribute("multiple", "multiple"), a.addEventListener("change", v), a.click();
+  }, v = () => {
+    const t = [];
+    let a = 0;
+    const y = document.getElementsByClassName("input-attachment");
+    for (const m of y)
+      for (const r of m.files)
+        a += r.size, a > Te && (i(
+          w({
+            type: "danger",
+            message: "Max attachment size is 4MB"
+          })
+        ), a -= r.size, m.remove());
+    for (const m of y)
+      for (const r of m.files) {
+        const { name: N } = r;
+        !h.includes(r) && !t.some((W) => W.name === N) && t.push({ name: N, inputId: m.id });
+      }
+    x(t);
+  }, P = (t, a) => {
+    if (u.filter((y) => y.inputId === t).length === 1) {
+      document.getElementById(t)?.remove();
+      let m = u.filter(
+        (r) => r.inputId === t
+      );
+      u.filter(
+        (r) => r.inputId !== m.inputId
+      ), h.push(m), M([...h]), x([...u]);
+      return;
+    }
+    M([...h, a]);
+  };
+  j(() => {
+    v();
+  }, [h]);
+  const l = async () => {
+    const t = document.getElementsByClassName("input-attachment"), a = [];
+    for (const y of t)
+      for (const m of y.files) {
+        const { name: r } = m, N = new FormData();
+        N.append("file", m, r), a.push(ie(N));
+      }
+    return Promise.all(a);
+  };
+  return j(() => {
+    document.title = Ce, b(), o(!1), localStorage.getItem(window.location.href) && localStorage.removeItem(window.location.href);
+  }, []), {
+    emailTemplateDetail: d,
+    setEditorRef: E,
+    addParams: _,
+    backToList: g,
+    confirmData: A,
+    edited: T,
+    setEdited: o,
+    setEditedTrue: $,
+    onAttachFile: B,
+    updateAttachment: v,
+    fileUpload: u,
+    removeAttachment: P,
+    tinyMCEKey: k
+  };
+}, _e = L.object({
+  subject: L.string().required("Template subject is required"),
+  categoryId: L.number().required("Template category is required").test(
+    "test category id",
+    "Template category is required",
+    (n) => n >= 1
+  ),
+  comment: L.string(),
+  body: L.string().required("Template body is required")
+}), Ae = "create_email_template", ve = "edit_email_template", Be = () => {
+  const { id: n } = ee(), { t: s } = H(), {
+    emailTemplateDetail: i,
+    setEditorRef: f,
+    addParams: d,
+    backToList: I,
+    confirmData: T,
+    edited: o,
+    setEdited: $,
+    setEditedTrue: h,
+    onAttachFile: M,
+    fileUpload: u,
+    removeAttachment: x
+  } = Se(parseInt(n || "0")), k = s(n ? ve : Ae), F = s(n ? "update" : "create"), S = O(
+    (b) => b.mailCategory.mailCategoryList
+  );
+  return /* @__PURE__ */ e(
+    ae,
+    {
+      initialValues: i,
+      enableReinitialize: !0,
+      validationSchema: _e,
+      onSubmit: (b) => {
+        T(b), $(!1), localStorage.getItem(window.location.href) && localStorage.removeItem(window.location.href);
+      },
+      children: (b) => {
+        const {
+          values: E,
+          touched: _,
+          errors: g,
+          setFieldValue: A,
+          handleChange: B,
+          handleBlur: v,
+          handleSubmit: P
+        } = b;
+        return /* @__PURE__ */ c(
+          "div",
+          {
+            className: "animated fadeIn detail-buttons-padding",
+            id: "email-detail",
+            children: [
+              /* @__PURE__ */ e(le, { when: o }),
+              /* @__PURE__ */ e(
+                "h5",
+                {
+                  className: "mb-2",
+                  style: { textTransform: "capitalize" },
+                  children: k
+                }
+              ),
+              /* @__PURE__ */ c(R, { className: "my-2", children: [
+                /* @__PURE__ */ c(p, { md: 8, children: [
+                  /* @__PURE__ */ e(U, { text: s("mail_subject") }),
+                  /* @__PURE__ */ e(
+                    X,
+                    {
+                      placeholder: s("mail_subject_nm"),
+                      name: "subject",
+                      value: E.subject,
+                      onChange: (l) => {
+                        B(l), h();
+                      },
+                      onBlur: v("subject"),
+                      className: "selector-input"
+                    }
+                  ),
+                  _.subject && g.subject && /* @__PURE__ */ e(q, { text: g.subject })
+                ] }),
+                /* @__PURE__ */ c(p, { md: 4, children: [
+                  /* @__PURE__ */ e(U, { text: s("category") }),
+                  /* @__PURE__ */ e(
+                    be,
+                    {
+                      onChange: (l) => {
+                        A("categoryId", l.value), h();
+                      },
+                      id: E.categoryId
+                    }
+                  ),
+                  _.categoryId && g.categoryId && /* @__PURE__ */ e(q, { text: g.categoryId })
+                ] })
+              ] }),
+              /* @__PURE__ */ c(R, { className: "mb-2", children: [
+                /* @__PURE__ */ e(p, { md: 8, children: /* @__PURE__ */ c(R, { children: [
+                  /* @__PURE__ */ c(p, { md: 12, className: "mb-2", children: [
+                    /* @__PURE__ */ e(U, { text: s("mail_body") }),
+                    (i.body || !n) && /* @__PURE__ */ e(
+                      te,
+                      {
+                        tinymceScriptSrc: "/tinymce/tinymce.min.js",
+                        ref: (l) => f(l),
+                        initialValue: i.body,
+                        init: oe.email,
+                        onEditorChange: (l) => {
+                          A(
+                            "body",
+                            l
+                          ), h();
+                        }
+                      }
+                    ),
+                    _.body && g.body && /* @__PURE__ */ e(q, { text: g.body })
+                  ] }),
+                  /* @__PURE__ */ e(p, { md: 12, children: /* @__PURE__ */ c(R, { children: [
+                    /* @__PURE__ */ e(p, { md: 3, children: /* @__PURE__ */ e(
+                      Z,
+                      {
+                        color: "link",
+                        size: "sm",
+                        className: "pl-0",
+                        onClick: M,
+                        children: s("add_attachment")
+                      }
+                    ) }),
+                    /* @__PURE__ */ e(p, { md: 12, children: /* @__PURE__ */ c(R, { children: [
+                      E.attachments.map(
+                        (l) => /* @__PURE__ */ e(
+                          p,
+                          {
+                            md: 2,
+                            children: /* @__PURE__ */ e(
+                              K,
+                              {
+                                label: l.name,
+                                onRemove: () => A(
+                                  "attachments",
+                                  E.attachments.filter(
+                                    (t) => t.name !== l.name
+                                  )
+                                )
+                              }
+                            )
+                          },
+                          l.key
+                        )
+                      ),
+                      u.map(
+                        (l, t) => /* @__PURE__ */ e(
+                          p,
+                          {
+                            md: 2,
+                            className: "d-flex align-items-center",
+                            children: /* @__PURE__ */ e(
+                              K,
+                              {
+                                label: l.name,
+                                onRemove: () => x(
+                                  l.inputId,
+                                  l.name
+                                )
+                              }
+                            )
+                          },
+                          t
+                        )
+                      )
+                    ] }) })
+                  ] }) })
+                ] }) }),
+                /* @__PURE__ */ c(p, { md: 4, children: [
+                  /* @__PURE__ */ e(J, { children: s("mail_params") }),
+                  /* @__PURE__ */ e(
+                    fe,
+                    {
+                      onClick: (l) => d(l),
+                      isResetPasswordTemplate: E.categoryId == (S && S.length > 0 && S.filter(
+                        (l) => l.name == "Reset password"
+                      )[0].id)
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ e(
+                re,
+                {
+                  confirmText: F,
+                  onConfirm: P,
+                  onCancel: I
+                }
+              )
+            ]
+          }
+        );
+      }
+    }
+  );
+};
+export {
+  Be as default
+};