mario-core 3.0.16-es-staging → 3.0.18-es-staging

package/dist/Dashboard-C6LPzf6J.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-CeDpPGux.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-C8B0LReC.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-BImoeo6-.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-CPwDPHMl.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-LDISns1m.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-DJPXjJvq.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-BzJORFlZ.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-BhqU7fu3.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-BzJORFlZ.cjs"),F=require("react-i18next"),h=require("react"),B=require("react-select"),w=require("react-redux"),_=require("./mailCategoryService-B8NOnzWo.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;