mario-core 3.0.42-es-staging → 3.0.46-es-test

package/dist/Dashboard-LHrWsQkd.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),p=require("react-redux"),a=require("reactstrap"),s=require("./index-CZ3o7Bkr.cjs"),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:n})=>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:n}})]},n),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(a.Row,{className:`${s.styles["page-not-login"]}`,children:[e.jsx(a.Col,{md:12,children:e.jsx(j,{})}),e.jsx(a.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.content))})]}),N=10001,b=({data:t,duration:n=N})=>{const[c,m]=i.useState(t.length),r=i.useRef(null),d=i.useCallback(l=>l===c?`${s.styles.active} ${s.styles.show}`:"",[c]),h=i.useCallback(l=>c===0&&l===t.length-1||l===c-1?s.styles.behind:"",[c,t.length]),u=i.useCallback(()=>{r&&r.current&&clearInterval(r.current),r.current=setInterval(()=>{m(l=>l>=t.length-1?0:l+1)},n)},[n,t.length]);return i.useEffect(()=>(u(),()=>{r&&r.current&&clearInterval(r.current)}),[t.length,n]),e.jsx("div",{className:`${s.styles["bg-animate"]} position-absolute`,children:t.map((l,o)=>e.jsx("img",{alt:`Image ${o+1}`,className:`${h(o)} ${d(o)}`,src:s.getStaticFileUrl(l)},o))})};function f(t){return s.GenIcon({attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M32 96v64h448V96H32zm0 128v64h448v-64H32zm0 128v64h448v-64H32z"}}]})(t)}const $="/admin/users/user-list",I="/home",k="/home",C="Dashboard",T="Mario Framework",S=["images/landing-page.jpg","images/landing-page2.jpg","images/landing-page3.jpg"],E=({version:t})=>{const n=p.useSelector(d=>d.common.user),[c,m]=i.useState(!1),r=()=>m(!c);return i.useEffect(()=>{n?document.title=C:document.title=T},[n]),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(b,{data:S}),e.jsxs("div",{className:`${s.styles["login-content"]}`,children:[e.jsxs(a.Navbar,{light:!0,expand:"md",children:[e.jsx(a.NavbarBrand,{href:"/",className:`${s.styles["logo-home"]}`,children:e.jsx("img",{src:s.getStaticFileUrl("/images/logo-white.svg"),alt:"mario"})}),e.jsx(f,{onClick:r,className:`${s.styles["hide-in-desktop"]} ${s.styles["hamburger-menu"]}`}),e.jsxs(a.Collapse,{isOpen:c,navbar:!0,className:`${s.styles["collapse-box"]}`,children:[e.jsxs(a.Nav,{className:`${s.styles["nav-home"]} d-md-flex w-100 justify-content-center mr-auto`,navbar:!0,children:[e.jsx(a.NavItem,{children:e.jsx(a.NavLink,{className:`${s.styles["learn-more"]} align-self-md-center`,href:"https://marioframework.com/software",target:"blank",children:"Learn More"})}),e.jsx(a.NavItem,{children:e.jsx(g.Link,{className:`${s.styles.contact} align-self-md-center`,to:"/contact",children:"Contact"})}),e.jsx(a.NavItem,{children:e.jsx(a.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:n?e.jsx(g.Link,{to:n.roles.includes("Admin")?$:n.roles.includes("Teacher")?I: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/STUDENT1.png"),alt:"icon"})})})]})]})};exports.default=E;

package/dist/Dashboard-tdjtWTXl.js

@@ -0,0 +1,186 @@
+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 A, Nav as E, NavItem as g, NavLink as v } from "reactstrap";
+import { h as n, m as i, G as w } from "./index-8s8Qea0K.js";
+import { Link as p } from "react-router-dom";
+const H = () => /* @__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." })
+      ]
+    }
+  )
+] }), M = ({ srcIcon: t, content: r }) => /* @__PURE__ */ a("div", { className: `${n["content-icon"]}`, children: [
+  /* @__PURE__ */ e("div", { className: `${n["title-icon"]}`, children: /* @__PURE__ */ e("img", { src: i(t), alt: "icon" }) }),
+  /* @__PURE__ */ e(
+    "div",
+    {
+      className: `${n["descriptions-icon"]}`,
+      dangerouslySetInnerHTML: { __html: r }
+    }
+  )
+] }, r), 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(H, {}) }),
+  /* @__PURE__ */ e(u, { md: 12, className: `${n["box-content-home-page"]} d-flex align-items-center`, children: D.map((t) => /* @__PURE__ */ e(
+    M,
+    {
+      srcIcon: t.scrIcon,
+      content: t.content
+    },
+    t.content
+  )) })
+] }), O = 10001, S = ({
+  data: t,
+  duration: r = O
+}) => {
+  const [o, m] = N(t.length), s = I(null), d = h((c) => c === o ? `${n.active} ${n.show}` : "", [o]), $ = h((c) => o === 0 && c === t.length - 1 || c === o - 1 ? n.behind : "", [o, t.length]), b = h(() => {
+    s && s.current && clearInterval(s.current), s.current = setInterval(() => {
+      m((c) => c >= t.length - 1 ? 0 : c + 1);
+    }, r);
+  }, [r, t.length]);
+  return f(() => (b(), () => {
+    s && s.current && clearInterval(s.current);
+  }), [t.length, r]), /* @__PURE__ */ e("div", { className: `${n["bg-animate"]} position-absolute`, children: t.map((c, l) => /* @__PURE__ */ e(
+    "img",
+    {
+      alt: `Image ${l + 1}`,
+      className: `${$(l)} ${d(l)}`,
+      src: i(c)
+    },
+    l
+  )) });
+};
+function _(t) {
+  return w({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M32 96v64h448V96H32zm0 128v64h448v-64H32zm0 128v64h448v-64H32z" } }] })(t);
+}
+const j = "/admin/users/user-list", x = "/home", B = "/home", R = "Dashboard", U = "Mario Framework", z = [
+  "images/landing-page.jpg",
+  "images/landing-page2.jpg",
+  "images/landing-page3.jpg"
+], J = ({ version: t }) => {
+  const r = k((d) => d.common.user), [o, m] = N(!1), s = () => m(!o);
+  return f(() => {
+    r ? document.title = R : document.title = U;
+  }, [r]), /* @__PURE__ */ a("div", { className: `${n.login} ${n["red-background"]} position-relative`, children: [
+    /* @__PURE__ */ e("span", { className: `${n["version-prod"]}`, children: `v ${t}` }),
+    /* @__PURE__ */ e(
+      S,
+      {
+        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: i("/images/logo-white.svg"), alt: "mario" }) }),
+        /* @__PURE__ */ e(
+          _,
+          {
+            onClick: s,
+            className: `${n["hide-in-desktop"]} ${n["hamburger-menu"]}`
+          }
+        ),
+        /* @__PURE__ */ a(
+          A,
+          {
+            isOpen: o,
+            navbar: !0,
+            className: `${n["collapse-box"]}`,
+            children: [
+              /* @__PURE__ */ a(
+                E,
+                {
+                  className: `${n["nav-home"]} d-md-flex w-100 justify-content-center mr-auto`,
+                  navbar: !0,
+                  children: [
+                    /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(
+                      v,
+                      {
+                        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.contact} align-self-md-center`,
+                        to: "/contact",
+                        children: "Contact"
+                      }
+                    ) }),
+                    /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(
+                      v,
+                      {
+                        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: r ? /* @__PURE__ */ e(
+                    p,
+                    {
+                      to: r.roles.includes("Admin") ? j : r.roles.includes("Teacher") ? x : B,
+                      className: `${n["btn-trans-border"]}`,
+                      children: "Dashboard"
+                    }
+                  ) : /* @__PURE__ */ e(
+                    p,
+                    {
+                      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: i("/images/STUDENT1.png"), alt: "icon" })
+        }
+      ) })
+    ] })
+  ] });
+};
+export {
+  J as default
+};

package/dist/EmailTemplateDetail-CneYvSAA.cjs

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

package/dist/EmailTemplateDetail-DsUTAI9L.js

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