%PDF-
%PDF-
Mini Shell
Mini Shell
(this["webpackJsonpfuse-react-app"]=this["webpackJsonpfuse-react-app"]||[]).push([[153],{1165:function(e,t,a){"use strict";var c=a(2),l=a(7),r=a(0),i=a(8),o=a(228),s=a(85),n=Object(s.a)(r.createElement("path",{d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"}),"CheckBoxOutlineBlank"),d=Object(s.a)(r.createElement("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}),"CheckBox"),m=a(31),j=Object(s.a)(r.createElement("path",{d:"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"}),"IndeterminateCheckBox"),b=a(15),p=a(11),h=r.createElement(d,null),u=r.createElement(n,null),x=r.createElement(j,null),f=r.forwardRef((function(e,t){var a=e.checkedIcon,s=void 0===a?h:a,n=e.classes,d=e.color,m=void 0===d?"secondary":d,j=e.icon,p=void 0===j?u:j,f=e.indeterminate,O=void 0!==f&&f,v=e.indeterminateIcon,y=void 0===v?x:v,w=e.inputProps,g=e.size,N=void 0===g?"medium":g,k=Object(l.a)(e,["checkedIcon","classes","color","icon","indeterminate","indeterminateIcon","inputProps","size"]),S=O?y:p,z=O?y:s;return r.createElement(o.a,Object(c.a)({type:"checkbox",classes:{root:Object(i.a)(n.root,n["color".concat(Object(b.a)(m))],O&&n.indeterminate),checked:n.checked,disabled:n.disabled},color:m,inputProps:Object(c.a)({"data-indeterminate":O},w),icon:r.cloneElement(S,{fontSize:void 0===S.props.fontSize&&"small"===N?N:S.props.fontSize}),checkedIcon:r.cloneElement(z,{fontSize:void 0===z.props.fontSize&&"small"===N?N:z.props.fontSize}),ref:t},k))}));t.a=Object(p.a)((function(e){return{root:{color:e.palette.text.secondary},checked:{},disabled:{},indeterminate:{},colorPrimary:{"&$checked":{color:e.palette.primary.main,"&:hover":{backgroundColor:Object(m.a)(e.palette.primary.main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},"&$disabled":{color:e.palette.action.disabled}},colorSecondary:{"&$checked":{color:e.palette.secondary.main,"&:hover":{backgroundColor:Object(m.a)(e.palette.secondary.main,e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},"&$disabled":{color:e.palette.action.disabled}}}}),{name:"MuiCheckbox"})(f)},2650:function(e,t,a){"use strict";a.r(t);var c=a(131),l=a(1118),r=a(32),i=a(1098),o=a(1109),s=a(1116),n=a(1165),d=a(1108),m=a(1035),j=a(1094),b=a(1072),p=a(65),h=a(1096),u=a(194),x=a(5),f=a(28),O=a(57),v=a(10),y=a(1);const w=Object(b.a)((e=>({root:{},leftSection:{},rightSection:{background:"linear-gradient(to right, ".concat(e.palette.primary.dark," 0%, ").concat(Object(p.darken)(e.palette.primary.dark,.5)," 100%)"),color:e.palette.primary.contrastText}}))),g=O.d().shape({email:O.f().email("You must enter a valid email").required("You must enter a email"),password:O.f().required("Please enter your password.").min(8,"Password is too short - should be 8 chars minimum.")}),N={email:"",password:"",remember:!0};t.default=function(){const e=w(),{control:t,formState:a,handleSubmit:b,reset:p}=Object(r.f)({mode:"onChange",defaultValues:N,resolver:Object(c.a)(g)}),{isValid:O,dirtyFields:k,errors:S}=a;return Object(y.jsx)("div",{className:Object(x.a)(e.root,"flex flex-col flex-auto items-center justify-center flex-shrink-0 p-16 md:p-24"),children:Object(y.jsxs)(l.a.div,{initial:{opacity:0,scale:.6},animate:{opacity:1,scale:1},className:"flex w-full max-w-400 md:max-w-3xl rounded-20 shadow-2xl overflow-hidden",children:[Object(y.jsxs)(o.a,{className:Object(x.a)(e.leftSection,"flex flex-col w-full max-w-sm items-center justify-center shadow-0"),square:!0,children:[Object(y.jsxs)(s.a,{className:"flex flex-col items-center justify-center w-full py-96 max-w-320",children:[Object(y.jsx)(l.a.div,{initial:{opacity:0},animate:{opacity:1,transition:{delay:.2}},children:Object(y.jsxs)("div",{className:"flex items-center mb-48",children:[Object(y.jsx)("img",{className:"logo-icon w-48",src:"assets/images/logos/fuse.svg",alt:"logo"}),Object(y.jsx)("div",{className:"border-l-1 mr-4 w-1 h-40"}),Object(y.jsxs)("div",{children:[Object(y.jsx)(u.a,{className:"text-24 font-semibold logo-text",color:"inherit",children:"FUSE"}),Object(y.jsx)(u.a,{className:"text-16 tracking-widest -mt-8 font-700",color:"textSecondary",children:"REACT"})]})]})}),Object(y.jsxs)("form",{name:"loginForm",noValidate:!0,className:"flex flex-col justify-center w-full",onSubmit:b((function(){p(N)})),children:[Object(y.jsx)(r.a,{name:"email",control:t,render:e=>{var t;let{field:a}=e;return Object(y.jsx)(h.a,{...a,className:"mb-16",label:"Email",autoFocus:!0,type:"email",error:!!S.email,helperText:null===S||void 0===S||null===(t=S.email)||void 0===t?void 0:t.message,variant:"outlined",required:!0,fullWidth:!0})}}),Object(y.jsx)(r.a,{name:"password",control:t,render:e=>{var t;let{field:a}=e;return Object(y.jsx)(h.a,{...a,className:"mb-16",label:"Password",type:"password",error:!!S.password,helperText:null===S||void 0===S||null===(t=S.password)||void 0===t?void 0:t.message,variant:"outlined",required:!0,fullWidth:!0})}}),Object(y.jsxs)("div",{className:"flex flex-col sm:flex-row items-center justify-center sm:justify-between",children:[Object(y.jsx)(r.a,{name:"remember",control:t,render:e=>{let{field:t}=e;return Object(y.jsx)(m.a,{children:Object(y.jsx)(j.a,{label:"Remember Me",control:Object(y.jsx)(n.a,{...t})})})}}),Object(y.jsx)(f.a,{className:"font-normal",to:"/pages/auth/forgot-password-2",children:"Forgot Password?"})]}),Object(y.jsx)(i.a,{variant:"contained",color:"primary",className:"w-full mx-auto mt-16","aria-label":"LOG IN",disabled:v.a.isEmpty(k)||!O,type:"submit",children:"Login"})]}),Object(y.jsxs)("div",{className:"my-24 flex items-center justify-center",children:[Object(y.jsx)(d.a,{className:"w-32"}),Object(y.jsx)("span",{className:"mx-8 font-semibold",children:"OR"}),Object(y.jsx)(d.a,{className:"w-32"})]}),Object(y.jsx)(i.a,{variant:"outlined",color:"primary",size:"small",className:"w-192 mb-8",children:"Log in with Google"}),Object(y.jsx)(i.a,{variant:"outlined",color:"primary",size:"small",className:"w-192",children:"Log in with Facebook"})]}),Object(y.jsxs)("div",{className:"flex flex-col items-center justify-center pb-32",children:[Object(y.jsx)("span",{className:"font-normal",children:"Don't have an account?"}),Object(y.jsx)(f.a,{className:"font-normal",to:"/pages/auth/register-3",children:"Create an account"})]})]}),Object(y.jsx)("div",{className:Object(x.a)(e.rightSection,"hidden md:flex flex-1 items-center justify-center p-64"),children:Object(y.jsxs)("div",{className:"max-w-320",children:[Object(y.jsx)(l.a.div,{initial:{opacity:0,y:40},animate:{opacity:1,y:0,transition:{delay:.2}},children:Object(y.jsxs)(u.a,{color:"inherit",className:"text-32 sm:text-44 font-semibold leading-tight",children:["Welcome ",Object(y.jsx)("br",{}),"to the ",Object(y.jsx)("br",{})," FUSE React!"]})}),Object(y.jsx)(l.a.div,{initial:{opacity:0},animate:{opacity:1,transition:{delay:.3}},children:Object(y.jsx)(u.a,{variant:"subtitle1",color:"inherit",className:"mt-32 font-medium",children:"Powerful and professional admin template for Web Applications, CRM, CMS, Admin Panels and more."})})]})})]})})}}}]);
Zerion Mini Shell 1.0