mario-core 2.0.32-release → 2.0.33-release

package/dist/EmailTemplateDetail-J5R0X631.mjs

@@ -0,0 +1,443 @@
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { Table as J, Row as D, Col as h, Input as K, FormGroup as Y, Label as H, Button as ee } from "reactstrap";
+import { useNavigate as te, useParams as ae } from "react-router-dom";
+import { Editor as se } from "@tinymce/tinymce-react";
+import { Formik as ne } from "formik";
+import { R as ie, H as le, b as C, c as k, S as oe, T as ce, U as P, E as U, V as re, W as me } from "./index-C1gw45bw.mjs";
+import { useTranslation as W } from "react-i18next";
+import { useEffect as L, Fragment as de, useState as R, useCallback as z } from "react";
+import ue from "react-select";
+import { useDispatch as Q, useSelector as X } from "react-redux";
+import { a as he, b as pe, u as fe, c as ge, d as ye } from "./mailCategoryService-BbqIjbpT.mjs";
+import * as w from "yup";
+const be = ({ onClick: s }) => /* @__PURE__ */ e("div", { className: "d-inline text-center cursor-pointer hover-opacity", title: "Delete", onClick: s, children: /* @__PURE__ */ e(ie, {}) }), G = [
+  { 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" }
+], Ee = ({
+  onClick: s,
+  isResetPasswordTemplate: n
+}) => {
+  const { t: i } = W();
+  let b = n ? [...G, { label: "$RESET_LINK$", meaning: "Reset link" }] : G;
+  return /* @__PURE__ */ c(J, { 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: b.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(be, { onClick: () => s(d) }) })
+    ] }, d.label)) })
+  ] });
+}, Ie = (s) => {
+  const n = Q(), i = X(
+    (o) => o.mailCategory.mailCategoryList
+  );
+  L(() => {
+    b();
+  }, []);
+  const b = async () => {
+    try {
+      const o = await he();
+      n(le(o.data.items));
+    } catch (o) {
+      console.error(o);
+    }
+  }, { id: d } = s, 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(ue, { options: I, value: T, ...s });
+}, O = ({ label: s, onRemove: n }) => /* @__PURE__ */ c(de, { children: [
+  /* @__PURE__ */ e("span", { className: "mr-2", children: s }),
+  /* @__PURE__ */ e(
+    "i",
+    {
+      className: "fa fa-times text-danger cursor-pointer hover-opacity",
+      onClick: n
+    }
+  )
+] }), _e = {
+  id: 0,
+  subject: "",
+  categoryId: 0,
+  body: "",
+  attachments: [],
+  isDisabled: !1
+}, Ce = "/admin/email-template", Te = "Email template detail", Se = 4194304, ve = (s) => {
+  let n;
+  const i = Q(), b = te(), [d, I] = R(_e), [T, o] = R(!1), M = async () => {
+    localStorage.setItem(window.location.href, "true"), o(!0);
+  }, [p, x] = R([]), [u, $] = R([]), [j, F] = R("");
+  L(() => {
+    s && S();
+  }, [s]);
+  const S = z(async () => {
+    i(C(!0));
+    try {
+      const t = await pe(s);
+      I({
+        id: t.data.id,
+        subject: t.data.subject,
+        categoryId: t.data.category.id,
+        body: t.data.body,
+        attachments: t.data.attachments || [],
+        isDisabled: t.data.isDisabled
+      }), document.title = t.data.subject, n && n.editor.execCommand(
+        "mceSetContent",
+        !1,
+        t.data.body
+      );
+    } catch (t) {
+      i(
+        k({
+          type: "danger",
+          message: t.response?.data?.title || t.message
+        })
+      );
+    }
+    i(C(!1));
+  }, [s]), E = async () => {
+    i(C(!0));
+    try {
+      const a = (await ye()).data;
+      a && F(a.key);
+    } catch (t) {
+      i(
+        k({
+          type: "danger",
+          message: t.response?.data?.title || "Get key failed"
+        })
+      );
+    }
+    i(C(!1));
+  }, f = (t) => n = t, v = (t) => {
+    n && n.editor.execCommand(
+      "mceInsertContent",
+      !1,
+      ` ${t.label}`
+    );
+  }, g = z(() => {
+    b(Ce);
+  }, []), _ = 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 (s ? fe : ge)(t), i(
+          k({
+            type: "success",
+            message: `${s ? "Update" : "Create"} template successfully`
+          })
+        ), g();
+      } catch (a) {
+        i(
+          k({
+            type: "danger",
+            message: a.response?.data?.title || a.message
+          })
+        );
+      }
+      i(C(!1));
+    },
+    [s, 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", A), a.click();
+  }, A = () => {
+    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 > Se && (i(
+          k({
+            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;
+        !p.includes(r) && !t.some((Z) => Z.name === N) && t.push({ name: N, inputId: m.id });
+      }
+    $(t);
+  }, q = (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
+      ), p.push(m), x([...p]), $([...u]);
+      return;
+    }
+    x([...p, a]);
+  };
+  L(() => {
+    A();
+  }, [p]);
+  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(oe(N));
+      }
+    return Promise.all(a);
+  };
+  return L(() => {
+    document.title = Te, E(), o(!1), localStorage.getItem(window.location.href) && localStorage.removeItem(window.location.href);
+  }, []), {
+    emailTemplateDetail: d,
+    setEditorRef: f,
+    addParams: v,
+    backToList: g,
+    confirmData: _,
+    edited: T,
+    setEdited: o,
+    setEditedTrue: M,
+    onAttachFile: B,
+    updateAttachment: A,
+    fileUpload: u,
+    removeAttachment: q,
+    tinyMCEKey: j
+  };
+}, Ae = w.object({
+  subject: w.string().required("Template subject is required"),
+  categoryId: w.number().required("Template category is required").test(
+    "test category id",
+    "Template category is required",
+    (s) => s >= 1
+  ),
+  comment: w.string(),
+  body: w.string().required("Template body is required")
+}), V = {
+  "detail-header": "_detail-header_oasq7_1",
+  "form-check-disabled": "_form-check-disabled_oasq7_8",
+  "active-status": "_active-status_oasq7_14"
+}, Ne = "create_email_template", De = "edit_email_template", Pe = () => {
+  const { id: s } = ae(), { t: n } = W(), {
+    emailTemplateDetail: i,
+    setEditorRef: b,
+    addParams: d,
+    backToList: I,
+    confirmData: T,
+    edited: o,
+    setEdited: M,
+    setEditedTrue: p,
+    onAttachFile: x,
+    fileUpload: u,
+    removeAttachment: $
+  } = ve(parseInt(s || "0")), j = n(s ? De : Ne), F = n(s ? "update" : "create"), S = X(
+    (E) => E.mailCategory.mailCategoryList
+  );
+  return /* @__PURE__ */ e(
+    ne,
+    {
+      initialValues: i,
+      enableReinitialize: !0,
+      validationSchema: Ae,
+      onSubmit: (E) => {
+        T(E), M(!1), localStorage.getItem(window.location.href) && localStorage.removeItem(window.location.href);
+      },
+      children: (E) => {
+        const {
+          values: f,
+          touched: v,
+          errors: g,
+          setFieldValue: _,
+          handleChange: B,
+          handleBlur: A,
+          handleSubmit: q
+        } = E;
+        return /* @__PURE__ */ c(
+          "div",
+          {
+            className: "animated fadeIn detail-buttons-padding",
+            id: "email-detail",
+            children: [
+              /* @__PURE__ */ e(ce, { when: o }),
+              /* @__PURE__ */ e(
+                "h5",
+                {
+                  className: "mb-2",
+                  style: { textTransform: "capitalize" },
+                  children: j
+                }
+              ),
+              /* @__PURE__ */ c(D, { className: "my-2", children: [
+                /* @__PURE__ */ c(h, { md: 8, children: [
+                  /* @__PURE__ */ e(P, { text: n("mail_subject") }),
+                  /* @__PURE__ */ c("div", { className: `${V["detail-header"]}`, children: [
+                    /* @__PURE__ */ e(
+                      K,
+                      {
+                        placeholder: n("mail_subject_nm"),
+                        name: "subject",
+                        value: f.subject,
+                        onChange: (l) => {
+                          B(l), p();
+                        },
+                        onBlur: A("subject"),
+                        className: "selector-input"
+                      }
+                    ),
+                    /* @__PURE__ */ c(Y, { check: !0, className: `${V["form-check-disabled"]}`, children: [
+                      /* @__PURE__ */ e(
+                        K,
+                        {
+                          type: "checkbox",
+                          id: "disable-checkbox",
+                          checked: !f.isDisabled,
+                          onChange: () => {
+                            _(
+                              "isDisabled",
+                              !f.isDisabled
+                            );
+                          },
+                          className: ` ${V["active-status"]}`
+                        }
+                      ),
+                      /* @__PURE__ */ e(H, { check: !0, for: "di-default-checkbox", children: n("enabled") })
+                    ] })
+                  ] }),
+                  v.subject && g.subject && /* @__PURE__ */ e(U, { text: g.subject })
+                ] }),
+                /* @__PURE__ */ c(h, { md: 4, children: [
+                  /* @__PURE__ */ e(P, { text: n("category") }),
+                  /* @__PURE__ */ e(
+                    Ie,
+                    {
+                      onChange: (l) => {
+                        _("categoryId", l.value), p();
+                      },
+                      id: f.categoryId
+                    }
+                  ),
+                  v.categoryId && g.categoryId && /* @__PURE__ */ e(U, { text: g.categoryId })
+                ] })
+              ] }),
+              /* @__PURE__ */ c(D, { className: "mb-2", children: [
+                /* @__PURE__ */ e(h, { md: 8, children: /* @__PURE__ */ c(D, { children: [
+                  /* @__PURE__ */ c(h, { md: 12, className: "mb-2", children: [
+                    /* @__PURE__ */ e(P, { text: n("mail_body") }),
+                    (i.body || !s) && /* @__PURE__ */ e(
+                      se,
+                      {
+                        tinymceScriptSrc: "/tinymce/tinymce.min.js",
+                        ref: (l) => b(l),
+                        initialValue: i.body,
+                        init: re.email,
+                        onEditorChange: (l) => {
+                          _(
+                            "body",
+                            l
+                          ), p();
+                        }
+                      }
+                    ),
+                    v.body && g.body && /* @__PURE__ */ e(U, { text: g.body })
+                  ] }),
+                  /* @__PURE__ */ e(h, { md: 12, children: /* @__PURE__ */ c(D, { children: [
+                    /* @__PURE__ */ e(h, { md: 3, children: /* @__PURE__ */ e(
+                      ee,
+                      {
+                        color: "link",
+                        size: "sm",
+                        className: "pl-0",
+                        onClick: x,
+                        children: n("add_attachment")
+                      }
+                    ) }),
+                    /* @__PURE__ */ e(h, { md: 12, children: /* @__PURE__ */ c(D, { children: [
+                      f.attachments.map(
+                        (l) => /* @__PURE__ */ e(
+                          h,
+                          {
+                            md: 2,
+                            children: /* @__PURE__ */ e(
+                              O,
+                              {
+                                label: l.name,
+                                onRemove: () => _(
+                                  "attachments",
+                                  f.attachments.filter(
+                                    (t) => t.name !== l.name
+                                  )
+                                )
+                              }
+                            )
+                          },
+                          l.key
+                        )
+                      ),
+                      u.map(
+                        (l, t) => /* @__PURE__ */ e(
+                          h,
+                          {
+                            md: 2,
+                            className: "d-flex align-items-center",
+                            children: /* @__PURE__ */ e(
+                              O,
+                              {
+                                label: l.name,
+                                onRemove: () => $(
+                                  l.inputId,
+                                  l.name
+                                )
+                              }
+                            )
+                          },
+                          t
+                        )
+                      )
+                    ] }) })
+                  ] }) })
+                ] }) }),
+                /* @__PURE__ */ c(h, { md: 4, children: [
+                  /* @__PURE__ */ e(H, { children: n("mail_params") }),
+                  /* @__PURE__ */ e(
+                    Ee,
+                    {
+                      onClick: (l) => d(l),
+                      isResetPasswordTemplate: f.categoryId == (S && S.length > 0 && S.filter(
+                        (l) => l.name == "Reset password"
+                      )[0].id)
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ e(
+                me,
+                {
+                  confirmText: F,
+                  onConfirm: q,
+                  onCancel: I
+                }
+              )
+            ]
+          }
+        );
+      }
+    }
+  );
+};
+export {
+  Pe as default
+};

package/dist/EmailTemplateDetail-c2RcFzG5.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("reactstrap"),U=require("react-router-dom"),H=require("@tinymce/tinymce-react"),K=require("formik"),l=require("./index-BTWI5jDz.js"),z=require("react-i18next"),u=require("react"),V=require("react-select"),k=require("react-redux"),A=require("./mailCategoryService-DrZXrEp2.js"),G=require("yup");function Q(a){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const n in a)if(n!=="default"){const p=Object.getOwnPropertyDescriptor(a,n);Object.defineProperty(s,n,p.get?p:{enumerable:!0,get:()=>a[n]})}}return s.default=a,Object.freeze(s)}const v=Q(G),W=({onClick:a})=>e.jsx("div",{className:"d-inline text-center cursor-pointer hover-opacity",title:"Delete",onClick:a,children:e.jsx(l.FaPlus,{})}),P=[{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"}],X=({onClick:a,isResetPasswordTemplate:s})=>{const{t:n}=z.useTranslation();let p=s?[...P,{label:"$RESET_LINK$",meaning:"Reset link"}]:P;return e.jsxs(c.Table,{bordered:!0,hover:!0,striped:!0,responsive:!0,size:"sm",children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{className:"align-top",children:n("params")}),e.jsx("th",{className:"align-top",children:n("meaning")}),e.jsx("th",{})]})}),e.jsx("tbody",{children:p.map(h=>e.jsxs("tr",{children:[e.jsx("td",{className:"align-middle",children:h.label}),e.jsx("td",{className:"align-middle",children:n(h.meaning)}),e.jsx("td",{className:"text-center align-middle",children:e.jsx(W,{onClick:()=>a(h)})})]},h.label))})]})},Z=a=>{const s=k.useDispatch(),n=k.useSelector(r=>r.mailCategory.mailCategoryList);u.useEffect(()=>{p()},[]);const p=async()=>{try{const r=await A.get$1();s(l.setMailCategory(r.data.items))}catch(r){console.error(r)}},{id:h}=a,E=n.map(r=>({id:r.id,value:r.id,label:r.name})),I=h&&E.find(r=>r.value===h)||null;return e.jsx(V,{options:E,value:I,...a})},B=({label:a,onRemove:s})=>e.jsxs(u.Fragment,{children:[e.jsx("span",{className:"mr-2",children:a}),e.jsx("i",{className:"fa fa-times text-danger cursor-pointer hover-opacity",onClick:s})]}),J={id:0,subject:"",categoryId:0,body:"",attachments:[],isDisabled:!1},Y="/admin/email-template",ee="Email template detail",te=4194304,ae=a=>{let s;const n=k.useDispatch(),p=U.useNavigate(),[h,E]=u.useState(J),[I,r]=u.useState(!1),w=async()=>{localStorage.setItem(window.location.href,"true"),r(!0)},[f,D]=u.useState([]),[g,N]=u.useState([]),[L,q]=u.useState("");u.useEffect(()=>{a&&_()},[a]);const _=u.useCallback(async()=>{n(l.setLoading(!0));try{const t=await A.getById(a);E({id:t.data.id,subject:t.data.subject,categoryId:t.data.category.id,body:t.data.body,attachments:t.data.attachments||[],isDisabled:t.data.isDisabled}),document.title=t.data.subject,s&&s.editor.execCommand("mceSetContent",!1,t.data.body)}catch(t){n(l.setAlert({type:"danger",message:t.response?.data?.title||t.message}))}n(l.setLoading(!1))},[a]),j=async()=>{n(l.setLoading(!0));try{const i=(await A.getTinyMCEKeyApi()).data;i&&q(i.key)}catch(t){n(l.setAlert({type:"danger",message:t.response?.data?.title||"Get key failed"}))}n(l.setLoading(!1))},y=t=>s=t,S=t=>{s&&s.editor.execCommand("mceInsertContent",!1,` ${t.label}`)},b=u.useCallback(()=>{p(Y)},[]),C=u.useCallback(async t=>{n(l.setLoading(!0));try{if(g&&g.length){const m=(await o()).map(d=>({key:d.data.key,name:d.data.name}));t.attachments=[...t.attachments,...m]}await(a?A.update:A.create)(t),n(l.setAlert({type:"success",message:`${a?"Update":"Create"} template successfully`})),b()}catch(i){n(l.setAlert({type:"danger",message:i.response?.data?.title||i.message}))}n(l.setLoading(!1))},[a,g]),M=()=>{const t=document.getElementsByClassName("input-attachment"),i=document.createElement("input");document.getElementById("email-detail")?.append(i),i.className="input-attachment",i.id=`inputAttachment-${t.length+1}`,i.type="file",i.style.display="none",i.setAttribute("multiple","multiple"),i.addEventListener("change",T),i.click()},T=()=>{const t=[];let i=0;const x=document.getElementsByClassName("input-attachment");for(const m of x)for(const d of m.files)i+=d.size,i>te&&(n(l.setAlert({type:"danger",message:"Max attachment size is 4MB"})),i-=d.size,m.remove());for(const m of x)for(const d of m.files){const{name:R}=d;!f.includes(d)&&!t.some(O=>O.name===R)&&t.push({name:R,inputId:m.id})}N(t)},$=(t,i)=>{if(g.filter(x=>x.inputId===t).length===1){document.getElementById(t)?.remove();let m=g.filter(d=>d.inputId===t);g.filter(d=>d.inputId!==m.inputId),f.push(m),D([...f]),N([...g]);return}D([...f,i])};u.useEffect(()=>{T()},[f]);const o=async()=>{const t=document.getElementsByClassName("input-attachment"),i=[];for(const x of t)for(const m of x.files){const{name:d}=m,R=new FormData;R.append("file",m,d),i.push(l.systemEmailUpload(R))}return Promise.all(i)};return u.useEffect(()=>{document.title=ee,j(),r(!1),localStorage.getItem(window.location.href)&&localStorage.removeItem(window.location.href)},[]),{emailTemplateDetail:h,setEditorRef:y,addParams:S,backToList:b,confirmData:C,edited:I,setEdited:r,setEditedTrue:w,onAttachFile:M,updateAttachment:T,fileUpload:g,removeAttachment:$,tinyMCEKey:L}},se=v.object({subject:v.string().required("Template subject is required"),categoryId:v.number().required("Template category is required").test("test category id","Template category is required",a=>a>=1),comment:v.string(),body:v.string().required("Template body is required")}),F={"detail-header":"_detail-header_oasq7_1","form-check-disabled":"_form-check-disabled_oasq7_8","active-status":"_active-status_oasq7_14"},ne="create_email_template",ie="edit_email_template",le=()=>{const{id:a}=U.useParams(),{t:s}=z.useTranslation(),{emailTemplateDetail:n,setEditorRef:p,addParams:h,backToList:E,confirmData:I,edited:r,setEdited:w,setEditedTrue:f,onAttachFile:D,fileUpload:g,removeAttachment:N}=ae(parseInt(a||"0")),L=s(a?ie:ne),q=s(a?"update":"create"),_=k.useSelector(j=>j.mailCategory.mailCategoryList);return e.jsx(K.Formik,{initialValues:n,enableReinitialize:!0,validationSchema:se,onSubmit:j=>{I(j),w(!1),localStorage.getItem(window.location.href)&&localStorage.removeItem(window.location.href)},children:j=>{const{values:y,touched:S,errors:b,setFieldValue:C,handleChange:M,handleBlur:T,handleSubmit:$}=j;return e.jsxs("div",{className:"animated fadeIn detail-buttons-padding",id:"email-detail",children:[e.jsx(l.QuitPrompt,{when:r}),e.jsx("h5",{className:"mb-2",style:{textTransform:"capitalize"},children:L}),e.jsxs(c.Row,{className:"my-2",children:[e.jsxs(c.Col,{md:8,children:[e.jsx(l.RequiredLabel,{text:s("mail_subject")}),e.jsxs("div",{className:`${F["detail-header"]}`,children:[e.jsx(c.Input,{placeholder:s("mail_subject_nm"),name:"subject",value:y.subject,onChange:o=>{M(o),f()},onBlur:T("subject"),className:"selector-input"}),e.jsxs(c.FormGroup,{check:!0,className:`${F["form-check-disabled"]}`,children:[e.jsx(c.Input,{type:"checkbox",id:"disable-checkbox",checked:!y.isDisabled,onChange:()=>{C("isDisabled",!y.isDisabled)},className:` ${F["active-status"]}`}),e.jsx(c.Label,{check:!0,for:"di-default-checkbox",children:s("enabled")})]})]}),S.subject&&b.subject&&e.jsx(l.ErrorHandler,{text:b.subject})]}),e.jsxs(c.Col,{md:4,children:[e.jsx(l.RequiredLabel,{text:s("category")}),e.jsx(Z,{onChange:o=>{C("categoryId",o.value),f()},id:y.categoryId}),S.categoryId&&b.categoryId&&e.jsx(l.ErrorHandler,{text:b.categoryId})]})]}),e.jsxs(c.Row,{className:"mb-2",children:[e.jsx(c.Col,{md:8,children:e.jsxs(c.Row,{children:[e.jsxs(c.Col,{md:12,className:"mb-2",children:[e.jsx(l.RequiredLabel,{text:s("mail_body")}),(n.body||!a)&&e.jsx(H.Editor,{tinymceScriptSrc:"/tinymce/tinymce.min.js",ref:o=>p(o),initialValue:n.body,init:l.editorConfig.email,onEditorChange:o=>{C("body",o),f()}}),S.body&&b.body&&e.jsx(l.ErrorHandler,{text:b.body})]}),e.jsx(c.Col,{md:12,children:e.jsxs(c.Row,{children:[e.jsx(c.Col,{md:3,children:e.jsx(c.Button,{color:"link",size:"sm",className:"pl-0",onClick:D,children:s("add_attachment")})}),e.jsx(c.Col,{md:12,children:e.jsxs(c.Row,{children:[y.attachments.map(o=>e.jsx(c.Col,{md:2,children:e.jsx(B,{label:o.name,onRemove:()=>C("attachments",y.attachments.filter(t=>t.name!==o.name))})},o.key)),g.map((o,t)=>e.jsx(c.Col,{md:2,className:"d-flex align-items-center",children:e.jsx(B,{label:o.name,onRemove:()=>N(o.inputId,o.name)})},t))]})})]})})]})}),e.jsxs(c.Col,{md:4,children:[e.jsx(c.Label,{children:s("mail_params")}),e.jsx(X,{onClick:o=>h(o),isResetPasswordTemplate:y.categoryId==(_&&_.length>0&&_.filter(o=>o.name=="Reset password")[0].id)})]})]}),e.jsx(l.DetailActionButtons,{confirmText:q,onConfirm:$,onCancel:E})]})}})};exports.default=le;

package/dist/EmailTemplateList-BAVOo58z.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("reactstrap"),a=require("./index-Ihdym4EQ.js"),_=require("date-fns"),m=require("react"),x=require("react-redux"),b=require("react-router-dom"),j=require("./mailCategoryService-C1sorb9h.js"),y=require("react-i18next"),N="/admin/email-template",f="/admin/create-email-template",E="Email template list",v=()=>{const c=b.useNavigate(),{t:d}=y.useTranslation(),p=x.useSelector(l=>l.emailTemplate.emailTemplateList),u=x.useSelector(l=>l.emailTemplate.totalItems),o=x.useSelector(l=>l.mailCategory.mailCategoryList),{filters:n,changeFilters:h}=a.useFilters(),t=x.useDispatch(),g=m.useCallback(async()=>{t(a.setLoading(!0));try{const l=await j.get(n),{items:r,totalItems:L}=l.data;if(t(a.setEmailTemplateList({emailTemplateList:r,totalItems:L})),o&&o.length==0){const C=await j.get$1();t(a.setMailCategory(C.data.items))}}catch(l){t(a.setAlert({type:"danger",message:l.response?.data?.title||l.message}))}t(a.setLoading(!1))},[t,n]),s=m.useCallback(l=>{t(a.setLoading(!0));try{t(a.setModal({isOpen:!0,type:"warning",message:d("do_you_want_to_remove_this_email_template"),onConfirm:async()=>{await j.remove(l),t(a.setAlert({type:"success",message:"Remove template successfully"})),h({currentPage:1})}}))}catch(r){t(a.setAlert({type:"danger",message:r.response?.data?.title||r.message}))}t(a.setLoading(!1))},[n]),T=m.useCallback(l=>{const r=l?`${N}/${l}`:f;c(r)},[]);return m.useEffect(()=>{document.title=E},[]),m.useEffect(()=>{g()},[n]),{emailTemplateList:p,totalItems:u,filters:n,changeFilters:h,getData:g,removeData:s,goToDetail:T,mailCategoryList:o}},R="email_template",D=()=>{const{emailTemplateList:c,totalItems:d,filters:p,changeFilters:u,removeData:o,goToDetail:n,mailCategoryList:h}=v(),{t}=y.useTranslation(),g=s=>{o(s)};return e.jsxs("div",{className:"fadeIn animated",children:[e.jsx("h5",{className:"mb-2",children:t(R)}),e.jsxs(i.Row,{className:"my-2",children:[e.jsx(i.Col,{md:4,children:e.jsx(a.AddButton,{text:t("create_template"),onClick:()=>n()})}),e.jsxs(i.Col,{md:4,className:"d-flex align-items-center justify-content-end",children:[t("total_of_templates"),": ",d]})]}),e.jsxs(i.Row,{className:"mb-2",children:[e.jsxs(i.Col,{md:8,children:[c&&c.length>0?e.jsxs(i.Table,{bordered:!0,hover:!0,striped:!0,responsive:!0,size:"sm",children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{className:"align-top",children:t("template_name")}),e.jsx("th",{className:"align-top",children:t("category_name")}),e.jsx("th",{className:"align-top",children:t("created_date")}),e.jsx("th",{className:"align-top",children:t("status")}),e.jsx("th",{className:"text-center",children:t("action")})]})}),e.jsx("tbody",{children:c.map(s=>e.jsxs("tr",{children:[e.jsx("td",{className:"align-middle",children:e.jsx(a.LinkEditButton,{label:s.subject,onClick:()=>n(s.id)})}),e.jsx("td",{className:"align-middle",children:s.category.name}),e.jsx("td",{className:"align-middle",children:_.format(new Date(s.createdAt),a.DATE_RESULT)}),e.jsx("td",{className:"align-middle",children:s.isDisabled?t("disabled"):t("enabled")}),e.jsx("td",{className:"text-center align-middle",children:e.jsx(a.DeleteButtonIcon,{onClick:()=>g(s.id)})})]},s.id))})]}):e.jsx(a.EmptyDataAlert,{label:t("template")}),e.jsx(i.Row,{className:"mt-2",children:e.jsx(i.Col,{md:12,children:e.jsx(a.CustomPagination,{filters:p,totalRecordCount:d,changePageSize:s=>u({pageSize:s}),changePage:s=>u({currentPage:s})})})})]}),e.jsx(i.Col,{md:4,children:e.jsxs(i.Table,{bordered:!0,hover:!0,striped:!0,responsive:!0,size:"sm",children:[e.jsx("thead",{children:e.jsx("tr",{children:e.jsx("th",{className:"align-top",children:t("category_name")})})}),e.jsx("tbody",{children:h.map(s=>e.jsx("tr",{children:e.jsx("td",{className:"align-middle",children:s.name})},s.id))})]})})]})]})};exports.default=D;

package/dist/EmailTemplateList-BMCpm7sf.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("reactstrap"),a=require("./index-BTWI5jDz.js"),_=require("date-fns"),m=require("react"),x=require("react-redux"),b=require("react-router-dom"),j=require("./mailCategoryService-DrZXrEp2.js"),y=require("react-i18next"),N="/admin/email-template",f="/admin/create-email-template",E="Email template list",v=()=>{const c=b.useNavigate(),{t:d}=y.useTranslation(),p=x.useSelector(l=>l.emailTemplate.emailTemplateList),u=x.useSelector(l=>l.emailTemplate.totalItems),o=x.useSelector(l=>l.mailCategory.mailCategoryList),{filters:n,changeFilters:h}=a.useFilters(),t=x.useDispatch(),g=m.useCallback(async()=>{t(a.setLoading(!0));try{const l=await j.get(n),{items:r,totalItems:L}=l.data;if(t(a.setEmailTemplateList({emailTemplateList:r,totalItems:L})),o&&o.length==0){const C=await j.get$1();t(a.setMailCategory(C.data.items))}}catch(l){t(a.setAlert({type:"danger",message:l.response?.data?.title||l.message}))}t(a.setLoading(!1))},[t,n]),s=m.useCallback(l=>{t(a.setLoading(!0));try{t(a.setModal({isOpen:!0,type:"warning",message:d("do_you_want_to_remove_this_email_template"),onConfirm:async()=>{await j.remove(l),t(a.setAlert({type:"success",message:"Remove template successfully"})),h({currentPage:1})}}))}catch(r){t(a.setAlert({type:"danger",message:r.response?.data?.title||r.message}))}t(a.setLoading(!1))},[n]),T=m.useCallback(l=>{const r=l?`${N}/${l}`:f;c(r)},[]);return m.useEffect(()=>{document.title=E},[]),m.useEffect(()=>{g()},[n]),{emailTemplateList:p,totalItems:u,filters:n,changeFilters:h,getData:g,removeData:s,goToDetail:T,mailCategoryList:o}},R="email_template",D=()=>{const{emailTemplateList:c,totalItems:d,filters:p,changeFilters:u,removeData:o,goToDetail:n,mailCategoryList:h}=v(),{t}=y.useTranslation(),g=s=>{o(s)};return e.jsxs("div",{className:"fadeIn animated",children:[e.jsx("h5",{className:"mb-2",children:t(R)}),e.jsxs(i.Row,{className:"my-2",children:[e.jsx(i.Col,{md:4,children:e.jsx(a.AddButton,{text:t("create_template"),onClick:()=>n()})}),e.jsxs(i.Col,{md:4,className:"d-flex align-items-center justify-content-end",children:[t("total_of_templates"),": ",d]})]}),e.jsxs(i.Row,{className:"mb-2",children:[e.jsxs(i.Col,{md:8,children:[c&&c.length>0?e.jsxs(i.Table,{bordered:!0,hover:!0,striped:!0,responsive:!0,size:"sm",children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{className:"align-top",children:t("template_name")}),e.jsx("th",{className:"align-top",children:t("category_name")}),e.jsx("th",{className:"align-top",children:t("created_date")}),e.jsx("th",{className:"align-top",children:t("status")}),e.jsx("th",{className:"text-center",children:t("action")})]})}),e.jsx("tbody",{children:c.map(s=>e.jsxs("tr",{children:[e.jsx("td",{className:"align-middle",children:e.jsx(a.LinkEditButton,{label:s.subject,onClick:()=>n(s.id)})}),e.jsx("td",{className:"align-middle",children:s.category.name}),e.jsx("td",{className:"align-middle",children:_.format(new Date(s.createdAt),a.DATE_RESULT)}),e.jsx("td",{className:"align-middle",children:s.isDisabled?t("disabled"):t("enabled")}),e.jsx("td",{className:"text-center align-middle",children:e.jsx(a.DeleteButtonIcon,{onClick:()=>g(s.id)})})]},s.id))})]}):e.jsx(a.EmptyDataAlert,{label:t("template")}),e.jsx(i.Row,{className:"mt-2",children:e.jsx(i.Col,{md:12,children:e.jsx(a.CustomPagination,{filters:p,totalRecordCount:d,changePageSize:s=>u({pageSize:s}),changePage:s=>u({currentPage:s})})})})]}),e.jsx(i.Col,{md:4,children:e.jsxs(i.Table,{bordered:!0,hover:!0,striped:!0,responsive:!0,size:"sm",children:[e.jsx("thead",{children:e.jsx("tr",{children:e.jsx("th",{className:"align-top",children:t("category_name")})})}),e.jsx("tbody",{children:h.map(s=>e.jsx("tr",{children:e.jsx("td",{className:"align-middle",children:s.name})},s.id))})]})})]})]})};exports.default=D;

package/dist/EmailTemplateList-BQCcXdif.mjs

@@ -0,0 +1,170 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { Row as f, Col as c, Table as _ } from "reactstrap";
+import { D, b as g, F as I, H as A, c as y, J as R, K as w, L as x, M as P, O as M, P as k, Q as j } from "./index-D6pNkzlV.mjs";
+import { format as F } from "date-fns";
+import { useCallback as T, useEffect as N } from "react";
+import { useSelector as L, useDispatch as z } from "react-redux";
+import { useNavigate as B } from "react-router-dom";
+import { g as S, a as U, r as $ } from "./mailCategoryService-MyMGdKSl.mjs";
+import { useTranslation as E } from "react-i18next";
+const O = "/admin/email-template", H = "/admin/create-email-template", J = "Email template list", K = () => {
+  const n = B(), { t: o } = E(), u = L(
+    (s) => s.emailTemplate.emailTemplateList
+  ), d = L(
+    (s) => s.emailTemplate.totalItems
+  ), r = L(
+    (s) => s.mailCategory.mailCategoryList
+  ), { filters: i, changeFilters: h } = D(), t = z(), p = T(async () => {
+    t(g(!0));
+    try {
+      const s = await S(i), { items: m, totalItems: C } = s.data;
+      if (t(
+        I({ emailTemplateList: m, totalItems: C })
+      ), r && r.length == 0) {
+        const v = await U();
+        t(A(v.data.items));
+      }
+    } catch (s) {
+      t(
+        y({
+          type: "danger",
+          message: s.response?.data?.title || s.message
+        })
+      );
+    }
+    t(g(!1));
+  }, [t, i]), a = T(
+    (s) => {
+      t(g(!0));
+      try {
+        t(
+          R({
+            isOpen: !0,
+            type: "warning",
+            message: o("do_you_want_to_remove_this_email_template"),
+            onConfirm: async () => {
+              await $(s), t(
+                y({
+                  type: "success",
+                  message: "Remove template successfully"
+                })
+              ), h({ currentPage: 1 });
+            }
+          })
+        );
+      } catch (m) {
+        t(
+          y({
+            type: "danger",
+            message: m.response?.data?.title || m.message
+          })
+        );
+      }
+      t(g(!1));
+    },
+    [i]
+  ), b = T((s) => {
+    const m = s ? `${O}/${s}` : H;
+    n(m);
+  }, []);
+  return N(() => {
+    document.title = J;
+  }, []), N(() => {
+    p();
+  }, [i]), {
+    emailTemplateList: u,
+    totalItems: d,
+    filters: i,
+    changeFilters: h,
+    getData: p,
+    removeData: a,
+    goToDetail: b,
+    mailCategoryList: r
+  };
+}, Q = "email_template", ae = () => {
+  const {
+    emailTemplateList: n,
+    totalItems: o,
+    filters: u,
+    changeFilters: d,
+    removeData: r,
+    goToDetail: i,
+    mailCategoryList: h
+  } = K(), { t } = E(), p = (a) => {
+    r(a);
+  };
+  return /* @__PURE__ */ l("div", { className: "fadeIn animated", children: [
+    /* @__PURE__ */ e("h5", { className: "mb-2", children: t(Q) }),
+    /* @__PURE__ */ l(f, { className: "my-2", children: [
+      /* @__PURE__ */ e(c, { md: 4, children: /* @__PURE__ */ e(
+        w,
+        {
+          text: t("create_template"),
+          onClick: () => i()
+        }
+      ) }),
+      /* @__PURE__ */ l(
+        c,
+        {
+          md: 4,
+          className: "d-flex align-items-center justify-content-end",
+          children: [
+            t("total_of_templates"),
+            ": ",
+            o
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ l(f, { className: "mb-2", children: [
+      /* @__PURE__ */ l(c, { md: 8, children: [
+        n && n.length > 0 ? /* @__PURE__ */ l(_, { bordered: !0, hover: !0, striped: !0, responsive: !0, size: "sm", children: [
+          /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ l("tr", { children: [
+            /* @__PURE__ */ e("th", { className: "align-top", children: t("template_name") }),
+            /* @__PURE__ */ e("th", { className: "align-top", children: t("category_name") }),
+            /* @__PURE__ */ e("th", { className: "align-top", children: t("created_date") }),
+            /* @__PURE__ */ e("th", { className: "align-top", children: t("status") }),
+            /* @__PURE__ */ e("th", { className: "text-center", children: t("action") })
+          ] }) }),
+          /* @__PURE__ */ e("tbody", { children: n.map((a) => /* @__PURE__ */ l("tr", { children: [
+            /* @__PURE__ */ e("td", { className: "align-middle", children: /* @__PURE__ */ e(
+              x,
+              {
+                label: a.subject,
+                onClick: () => i(a.id)
+              }
+            ) }),
+            /* @__PURE__ */ e("td", { className: "align-middle", children: a.category.name }),
+            /* @__PURE__ */ e("td", { className: "align-middle", children: F(
+              new Date(a.createdAt),
+              P
+            ) }),
+            /* @__PURE__ */ e("td", { className: "align-middle", children: a.isDisabled ? t("disabled") : t("enabled") }),
+            /* @__PURE__ */ e("td", { className: "text-center align-middle", children: /* @__PURE__ */ e(
+              M,
+              {
+                onClick: () => p(a.id)
+              }
+            ) })
+          ] }, a.id)) })
+        ] }) : /* @__PURE__ */ e(k, { label: t("template") }),
+        /* @__PURE__ */ e(f, { className: "mt-2", children: /* @__PURE__ */ e(c, { md: 12, children: /* @__PURE__ */ e(
+          j,
+          {
+            filters: u,
+            totalRecordCount: o,
+            changePageSize: (a) => d({ pageSize: a }),
+            changePage: (a) => d({ currentPage: a })
+          }
+        ) }) })
+      ] }),
+      /* @__PURE__ */ e(c, { md: 4, children: /* @__PURE__ */ l(_, { bordered: !0, hover: !0, striped: !0, responsive: !0, size: "sm", children: [
+        /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("th", { className: "align-top", children: t("category_name") }) }) }),
+        /* @__PURE__ */ e("tbody", { children: h.map((a) => /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { className: "align-middle", children: a.name }) }, a.id)) })
+      ] }) })
+    ] })
+  ] });
+};
+export {
+  ae as default
+};