mario-core 3.0.8-es-staging → 3.0.8-es

package/dist/Dashboard-DiUm-pc-.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-C95SWLrn.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/Dashboard-HV1eiElu.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-DixwqZ17.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/EmailTemplateDetail-D0D3bpWO.cjs

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

package/dist/EmailTemplateDetail-KvZuTCLF.js

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