(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{13:function(e,t,a){"use strict";(function(e){var s=a(0),n=a.n(s),l=a(137),r=a.n(l),i=a(138),o=a.n(i),c=a(1),d=a.n(c),m=a(4),h=a(14),u=r()(o.a,e.Promise),p="https://million-live-dot-ever-forward-club.appspot.com",g=function(e){return e.body},b=function(e){d()("#sub-btn").css({background:"#64A543","pointer-events":"visible"}),d()("#subscribe").css({cursor:"default"}),m.b.dismiss(),Object(m.b)(n.a.createElement(h.a,{title:"Error",content:e,status:"error"})),setTimeout(function(){m.b.dismiss()},3e3)},v=function(e){if(400===e.status||401===e.status)return e;404===e.status?b("404 URL not Found.Please check the server"):501===e.status&&b("Internal server error")},f=function(e){e.set("Content-Type","image/png")},E=function(e){return u.get("".concat(p).concat(e)).withCredentials().on("error",v).then(g)},k=function(e,t){return u.post("".concat(p).concat(e),t).withCredentials().on("error",v).then(g)},w=function(e,t){return u.put("".concat(e)).use(f).send(t).on("error",v).then(g)},y={teacherSignup:function(e,t){return k(e,t)},teacherSignin:function(e,t){return k(e,t)},getPresignedUrl:function(e){return E(e)},getTeacherCode:function(e){return E(e)},uploadImg:function(e,t){return w(e,t)},maskSubmit:function(e,t){return k(e,t)},getMask:function(e){return E(e)},forgotPassword:function(e){return E(e)},resetPassword:function(e){return k(e)},getDownloadURL:function(e){return E(e)},startSync:function(e){return E(e)},checkSync:function(e){return E(e)}};t.a={APILIST:y}}).call(this,a(29))},14:function(e,t,a){"use strict";var s=a(7),n=a(8),l=a(10),r=a(9),i=a(0),o=a.n(i),c=(a(200),function(e){Object(l.a)(a,e);var t=Object(r.a)(a);function a(){return Object(s.a)(this,a),t.apply(this,arguments)}return Object(n.a)(a,[{key:"render",value:function(){return o.a.createElement("div",{id:"toaster-block",className:"noselect"},o.a.createElement("div",{className:"inner-blk"},"error"===this.props.status?o.a.createElement("img",{className:"white-tick-img",src:"assets/images/icons/error-close.svg",alt:"tick"}):o.a.createElement("img",{className:"white-tick-img",src:"assets/images/icons/success-tick.svg",alt:"tick"}),o.a.createElement("p",{className:"toaster-body"},this.props.content)))}}]),a}(i.Component));t.a=c},145:function(e,t,a){e.exports=a(266)},152:function(e,t,a){},153:function(e,t,a){},200:function(e,t,a){},207:function(e,t,a){},210:function(e,t,a){},212:function(e,t,a){},213:function(e,t,a){},214:function(e,t,a){},215:function(e,t,a){},216:function(e,t,a){},217:function(e,t,a){},218:function(e,t,a){},219:function(e,t,a){},223:function(e,t,a){},224:function(e,t,a){},225:function(e,t,a){},226:function(e,t,a){},227:function(e,t,a){},250:function(e,t,a){},251:function(e,t,a){},253:function(e,t,a){},254:function(e,t,a){},255:function(e,t,a){},256:function(e,t,a){},257:function(e,t,a){},258:function(e,t,a){},259:function(e,t,a){},260:function(e,t,a){},264:function(e,t,a){},265:function(e,t,a){},266:function(e,t,a){"use strict";a.r(t);var s=a(0),n=a.n(s),l=a(33),r=a.n(l),i=a(4),o=a(131),c=a.n(o),d=(a(152),a(7)),m=a(8),h=a(10),u=a(9),p=a(32),g=a(16),b=a(3),v=a(1),f=a.n(v),E=a(34),k=a(271),w=a(272),y=a(273),C=a(274),N=(a(153),function(e){Object(h.a)(a,e);var t=Object(u.a)(a);function a(e){var s;return Object(d.a)(this,a),(s=t.call(this,e)).state={currentData:"",showLeftArrow:!0,showRightArrow:!0,currentPosition:0,shareUrl:""},s.handleRightNav=s.handleRightNav.bind(Object(b.a)(s)),s.handleLeftNav=s.handleLeftNav.bind(Object(b.a)(s)),s.handlekeyEvent=s.handlekeyEvent.bind(Object(b.a)(s)),s.handleSingleDownload=s.handleSingleDownload.bind(Object(b.a)(s)),s}return Object(m.a)(a,[{key:"componentDidMount",value:function(){var e=this.props.maskData[this.props.maskPreviewIndex],t="https://storage.googleapis.com/ever-forward-club.appspot.com/images/"+e.maskGuid+".png";this.setState({currentData:e,currentPosition:this.props.maskPreviewIndex,shareUrl:t}),0===this.props.maskPreviewIndex&&this.setState({showLeftArrow:!1}),this.props.maskPreviewIndex===this.props.maskData.length-1&&this.setState({showRightArrow:!1}),document.addEventListener("keydown",this.handlekeyEvent,!1)}},{key:"handlekeyEvent",value:function(e){27===e.keyCode||27===e.which?this.props.hideOverlay():37===e.keyCode||37===e.which?this.handleLeftNav():39!==e.keyCode&&39!==e.which||this.handleRightNav()}},{key:"handleRightNav",value:function(){var e=this;if(this.state.currentPosition!==this.props.maskData.length-1){var t=this.props.maskData[this.state.currentPosition+1],a="https://storage.googleapis.com/ever-forward-club.appspot.com/images/"+t.maskGuid+".png";this.setState({currentPosition:this.state.currentPosition+1,currentData:t,shareUrl:a},function(){e.state.currentPosition===e.props.maskData.length-1?e.setState({showRightArrow:!1}):e.setState({showRightArrow:!0}),e.state.currentPosition>0&&e.setState({showLeftArrow:!0})})}}},{key:"handleLeftNav",value:function(){if(this.state.currentPosition>0){var e=this.props.maskData[this.state.currentPosition-1],t="https://storage.googleapis.com/ever-forward-club.appspot.com/images/"+e.maskGuid+".png";this.setState({currentPosition:this.state.currentPosition-1,currentData:e,shareUrl:t},function(){0===this.state.currentPosition?this.setState({showLeftArrow:!1}):this.setState({showLeftArrow:!0}),this.state.currentPosition<this.props.maskData.length-1&&this.setState({showRightArrow:!0})})}}},{key:"handleSingleDownload",value:function(e){var t="https://storage.googleapis.com/ever-forward-club.appspot.com/images/"+e+".png";Object(E.saveAs)(t,e+".png")}},{key:"render",value:function(){var e=this;return n.a.createElement("div",{id:"maskpreview"},n.a.createElement("div",{className:"navigation-outer noselect"},n.a.createElement("div",{className:"navigation-blk"},n.a.createElement("div",{className:this.state.showLeftArrow?"navigation-btn":"navigation-btn disable",onClick:this.handleLeftNav},n.a.createElement("img",{src:"/assets/images/icons/arrow-red-left.png",alt:"previous"})),n.a.createElement("div",{className:this.state.showRightArrow?"navigation-btn":"navigation-btn disable",onClick:this.handleRightNav},n.a.createElement("img",{src:"/assets/images/icons/arrow-red-right.png",alt:"next"}))),n.a.createElement("div",{className:"pre-mask-blk"},n.a.createElement("div",{className:"mask-top"},n.a.createElement("div",{className:"share-outer"},n.a.createElement("div",{className:"share-blk"},n.a.createElement("div",{className:"share-btn"},n.a.createElement(k.a,{url:this.state.shareUrl,quote:"100kmasks",className:"button"},n.a.createElement(w.a,{size:30,round:!0})),n.a.createElement(y.a,{url:this.state.shareUrl,quote:"100kmasks",className:"button"},n.a.createElement(C.a,{size:30,round:!0}))))),n.a.createElement("img",{src:"https://storage.googleapis.com/ever-forward-club.appspot.com/images/"+this.state.currentData.maskGuid+".png",alt:"mask"})),n.a.createElement("div",{className:"mask-bottom"},n.a.createElement("div",{className:"mask-info"},n.a.createElement("span",null,this.state.currentData.age," Yrs")," | ",n.a.createElement("span",null,this.state.currentData.gender)," | ",n.a.createElement("span",null,this.state.currentData.city)),n.a.createElement("div",{className:"download-btn",onClick:function(){return e.handleSingleDownload(e.state.currentData.maskGuid)}},n.a.createElement("img",{className:"download-img",src:"/assets/images/icons/download-solid.png",alt:"download"}),n.a.createElement("span",{className:"download-label"},"Download"))))))}}]),a}(s.Component)),S=a(11),O=a(14),x=a(13),I=(a(207),function(e){Object(h.a)(a,e);var t=Object(u.a)(a);function a(e){var s;return Object(d.a)(this,a),(s=t.call(this,e)).state={typeOfComponent:"",age:"",gender:"",genderOthers:"",city:"",teacherCode:"",teacherCodeList:[]},s.handleInputChange=s.handleInputChange.bind(Object(b.a)(s)),s.HandleGetTeacherCode=s.HandleGetTeacherCode.bind(Object(b.a)(s)),s.handleStudentSubmit=s.handleStudentSubmit.bind(Object(b.a)(s)),s}return Object(m.a)(a,[{key:"componentDidMount",value:function(){console.log("props",this.props),this.props.param.teacherCode&&this.setState({teacherCode:this.props.param.teacherCode}),this.HandleGetTeacherCode()}},{key:"HandleGetTeacherCode",value:function(){var e=this;x.a.APILIST.getTeacherCode("/teacher/code/list").then(function(t){"SUCCESS"===t.status&&e.setState({teacherCodeList:t.data})}).catch(function(e){console.log(e),f()("#loader").fadeOut()})}},{key:"handleInputChange",value:function(e){var t=e.target,a=t.name,s=t.value;if("age"===a){if(s.length<=2&&"0"!==s[0]){(/^[0-9]+$/.test(s)||""===s)&&this.setState(Object(S.a)({},a,s))}}else{(/^[0-9A-Za-z ]+$/.test(s)||""===s)&&this.setState(Object(S.a)({},a,s))}s.length>0?f()("#"+a).css({border:"1px solid #ddd"}):f()("#"+a).css({border:"1px solid red"})}},{key:"handleStudentSubmit",value:function(e){var t=this.props.param,a=0;t.age=this.state.age,t.gender=this.state.gender,t.city=this.state.city.toLowerCase().trim(),t.teacherCode=this.state.teacherCode;var s=["age","gender","city"];for(var l in t)-1!==s.indexOf(l)&&(t[l]?(f()("#"+l).css({border:"1px solid #ddd"}),a+=1):f()("#"+l).css({border:"1px solid red"}));"Other"===t.gender&&(this.state.genderOthers?(t.gender=this.state.genderOthers,f()("#genderOthers").css({border:"1px solid #ddd"})):(a=0,f()("#genderOthers").css({border:"1px solid red"}))),t.teacherCode.trim()&&(-1!==this.state.teacherCodeList.indexOf(t.teacherCode)?f()("#teacherCode").css({border:"1px solid #ddd"}):(a=0,f()("#teacherCode").css({border:"1px solid red"}),i.b.dismiss(),Object(i.b)(n.a.createElement(O.a,{title:"Teacher Login",content:"Invalid teacher code",status:"error"})),setTimeout(function(){i.b.dismiss()},3e3))),"SUBMIT"===e?3===a&&(delete t.originalMask,this.props.hideOverlay("SUBSCRIBE",t)):this.props.hideOverlay("BOARD",t)}},{key:"render",value:function(){var e=this;return n.a.createElement("div",{id:"draw-preview"},n.a.createElement("div",{className:"draw-preview-outer noselect"},n.a.createElement("div",{className:"mask-outer-blk"},n.a.createElement("div",{className:"mask-blk"},n.a.createElement("div",{className:"mask-top"},n.a.createElement("img",{className:"mask-img",src:this.props.param.imageData,alt:"mask"})))),n.a.createElement("div",{className:"metadata-blk"},n.a.createElement("div",{className:"metadata-form-blk"},n.a.createElement("p",{className:"title"},"Please fill these to submit your mask."),n.a.createElement("div",{className:"side-by-side"},n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"Gender*"),n.a.createElement("select",{name:"gender",id:"gender",onChange:this.handleInputChange},n.a.createElement("option",{value:""},"Select"),n.a.createElement("option",{value:"Male"},"Male"),n.a.createElement("option",{value:"Female"},"Female"),n.a.createElement("option",{value:"Other"},"Other"),n.a.createElement("option",{value:"Prefer not to answer"},"Prefer not to answer"))),n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"Age*"),n.a.createElement("input",{type:"text",name:"age",id:"age",placeholder:"Age",value:this.state.age,onChange:this.handleInputChange}))),"Other"===this.state.gender?n.a.createElement("div",{className:"side-by-side"},n.a.createElement("div",{className:"label-input"},n.a.createElement("input",{type:"text",name:"genderOthers",id:"genderOthers",maxLength:"25",placeholder:"Enter your gender",value:this.state.genderOthers,onChange:this.handleInputChange}))):"",n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"city*"),n.a.createElement("input",{type:"text",name:"city",id:"city",maxLength:"25",placeholder:"City",value:this.state.city,onChange:this.handleInputChange})),n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"teacher code (optional)"),n.a.createElement("input",{type:"text",id:"teacherCode",name:"teacherCode",value:this.state.teacherCode,onChange:this.handleInputChange})),n.a.createElement("div",{className:"metadata-btn-blk"},n.a.createElement("div",{className:"submit-btn",onClick:function(){return e.handleStudentSubmit("SUBMIT")}},"submit mask"),n.a.createElement("div",{className:"cancel-btn",id:"cancel-submit-btn",onClick:function(){return e.handleStudentSubmit("CANCEL")}},"cancel"))))))}}]),a}(s.Component)),P=a(18),D=a.n(P),T=(a(210),function(e){Object(h.a)(s,e);var t=Object(u.a)(s);function s(e){var a;return Object(d.a)(this,s),(a=t.call(this,e)).state={subscribedEmail:"",emailError:"1px solid #E3E3E3",community:!1,imageGuid:"",uploadurl:""},a.handleInputChange=a.handleInputChange.bind(Object(b.a)(a)),a.handelSubscribeSubmit=a.handelSubscribeSubmit.bind(Object(b.a)(a)),a.handleUploadImg=a.handleUploadImg.bind(Object(b.a)(a)),a.handleMaskSubmit=a.handleMaskSubmit.bind(Object(b.a)(a)),a.handleCheckboxChange=a.handleCheckboxChange.bind(Object(b.a)(a)),a}return Object(m.a)(s,[{key:"componentDidMount",value:function(){}},{key:"handleCheckboxChange",value:function(e){var t=e.target,a=t.name,s=t.checked;this.setState(Object(S.a)({},a,s)),s?console.log("checked"):(this.setState({subscribedEmail:""}),f()("#"+a).css({border:"1px solid #E3E3E3"}),this.setState({community:!1}))}},{key:"handleInputChange",value:function(e){var t=e.target,a=t.name,s=t.value;this.setState(Object(S.a)({},a,s)),s.length>0?f()("#"+a).css({border:"1px solid #E3E3E3"}):f()("#"+a).css({border:"1px solid red"})}},{key:"handleUploadImg",value:function(e,t){var s=this,n=a(211),l=this.props.param.imageData;if(l){var r=n(l=l.replace(/^data:image\/(png|jpg);base64,/,""),"image/png");x.a.APILIST.uploadImg(e,r).then(function(e){console.log("upload success"),t.maskGuid=s.state.imageGuid,delete t.imageData,s.handleMaskSubmit(t)}).catch(function(e){console.log(e),f()("#loader").fadeOut(),f()("#sub-btn").css({background:"#64A543","pointer-events":"visible"}),f()("#subscribe").css({cursor:"default"})})}}},{key:"handleMaskSubmit",value:function(e){var t=this;x.a.APILIST.maskSubmit("/mask/submit",e).then(function(a){"SUCCESS"===a.status&&(i.b.dismiss(),Object(i.b)(n.a.createElement(O.a,{title:"Mask Status",content:a.message,status:"success"})),setTimeout(function(){i.b.dismiss()},3e3),t.props.hideOverlay("THANKS",e))}).catch(function(a){console.log(a),f()("#loader").fadeOut(),t.props.hideOverlay("BOARD",e),f()("#sub-btn").css({background:"#64A543","pointer-events":"visible"}),f()("#subscribe").css({cursor:"default"})})}},{key:"handelSubscribeSubmit",value:function(){var e=this,t=this.props.param,a=!0;this.state.community&&(this.state.subscribedEmail.match(/^([\w.%+-]+)@([\w-]+\.)+([\w]{2,})$/i)?(f()("#subscribedEmail").css({border:"1px solid #E3E3E3"}),t.subscribedEmail=this.state.subscribedEmail,a=!0):(f()("#subscribedEmail").css({border:"1px solid red"}),a=!1)),a&&(f()("#sub-btn").css({background:"#ddd","pointer-events":"none"}),f()("#subscribe").css({cursor:"progress"}),x.a.APILIST.getPresignedUrl("/mask/signedUrl").then(function(a){"SUCCESS"===a.status&&(e.setState({uploadurl:a.data.signedUrl,imageGuid:a.data.imageGuid}),e.handleUploadImg(a.data.signedUrl,t))}).catch(function(e){console.log(e),f()("#loader").fadeOut(),f()("#sub-btn").css({background:"#64A543","pointer-events":"visible"}),f()("#subscribe").css({cursor:"default"})}))}},{key:"render",value:function(){return n.a.createElement("div",{id:"subscribe"},n.a.createElement("div",{className:"subscribe-outer noselect"},n.a.createElement("div",{className:"subscribe-top-outer"},n.a.createElement("div",{className:"subscribe-top-inner"},n.a.createElement("p",{className:"title"},"Before you submit\u2026"),n.a.createElement("div",{className:"checkbox-label"},n.a.createElement("div",{className:"round",style:{visibility:"hidden"}},n.a.createElement("input",{type:"checkbox"}),n.a.createElement("label",null)),n.a.createElement("div",{className:"label"},n.a.createElement("label",null,"Do you wish to be part of this community in the future?"))),n.a.createElement("div",{className:"checkbox-label"},n.a.createElement("div",{className:"round",style:{visibility:"hidden"}},n.a.createElement("input",{type:"checkbox"}),n.a.createElement("label",null)),n.a.createElement("div",{className:"checkbox-label label"},n.a.createElement("div",{className:"round"},n.a.createElement("input",{type:"checkbox",id:"community",name:"community",onChange:this.handleCheckboxChange,checked:this.state.community}),n.a.createElement("label",{htmlFor:"community"})),n.a.createElement("div",{className:"label"},n.a.createElement("label",{htmlFor:"community"},"Yes")))),this.state.community?n.a.createElement(D.a,{effect:"fadeInUp"},n.a.createElement("div",{className:"checkbox-label"},n.a.createElement("div",{className:"round",style:{visibility:"hidden"}},n.a.createElement("input",{type:"checkbox"}),n.a.createElement("label",null)),n.a.createElement("input",{type:"text",name:"subscribedEmail",id:"subscribedEmail",maxLength:"30",placeholder:"Enter your email here",onChange:this.handleInputChange,value:this.state.emailId}))):"",n.a.createElement("div",{className:"checkbox-label"},n.a.createElement("div",{className:"round",style:{visibility:"hidden"}},n.a.createElement("input",{type:"checkbox"}),n.a.createElement("label",null)),n.a.createElement("div",{className:"label"},n.a.createElement("label",{className:"anonymous-label"},"Your masks will remain anonymous"))))),n.a.createElement("div",{className:"subscribe-bottom"},n.a.createElement("div",{className:"confirm-btn",id:"sub-btn",onClick:this.handelSubscribeSubmit},"confirm"))))}}]),s}(s.Component)),j=(a(212),function(e){Object(h.a)(a,e);var t=Object(u.a)(a);function a(e){var s;return Object(d.a)(this,a),(s=t.call(this,e)).state={shareUrl:""},s}return Object(m.a)(a,[{key:"componentDidMount",value:function(){console.log("share",this.props.param.maskGuid);var e="https://storage.googleapis.com/ever-forward-club.appspot.com/images/"+this.props.param.maskGuid+".png";this.setState({shareUrl:e})}},{key:"render",value:function(){return n.a.createElement("div",{id:"masksuccess"},n.a.createElement("div",{className:"masksuccess-outer noselect"},n.a.createElement("p",{className:"title"},"Thank you!"),n.a.createElement("p",{className:"desc"},"Your mask has been submitted."),n.a.createElement("p",{className:"desctext"},"If you or anyone you know needs support, the NAMI Helpline at 1-800-950-NAMI (6264) can provide information on how to find various mental health professionals and resources in your area. "),n.a.createElement("p",{className:"desctext"},"If you are in crisis or are experiencing difficult or suicidal thoughts, call the National Suicide Hotline at 1-800-273 TALK (8255). If you\u2019re uncomfortable talking on the phone, you can also text NAMI to 741-741 to be connected to a free, trained crisis counselor on the Crisis Text Line."),n.a.createElement("div",{className:"btn-blk"},n.a.createElement("a",{href:"/gallery",className:"go-to-gallery-btn"},"go to gallery"),n.a.createElement("a",{href:"/drawboard",className:"draw-again-btn"},"draw again")),n.a.createElement("div",{className:"share-outer"},n.a.createElement("div",{className:"share-blk"},n.a.createElement("div",{className:"share-label"},"Do you want to share?"),n.a.createElement(k.a,{url:this.state.shareUrl,quote:"Ever Forward Club",className:"button"},n.a.createElement(w.a,{size:30,round:!0})),n.a.createElement(y.a,{url:this.state.shareUrl,quote:"Ever Forward Club",className:"button"},n.a.createElement(C.a,{size:30,round:!0}))))))}}]),a}(s.Component)),F=a(73),M=a.n(F),A=(a(213),function(e){Object(h.a)(a,e);var t=Object(u.a)(a);function a(e){var s;return Object(d.a)(this,a),(s=t.call(this,e)).state={email:"",name:"",phoneNumber:"",city:"",state:"",zip:"",schoolName:"",schoolType:"",schoolGrade:"",userInfo:{}},s.handleSubmit=s.handleSubmit.bind(Object(b.a)(s)),s.handleInputChange=s.handleInputChange.bind(Object(b.a)(s)),s.handleInputPhoneChange=s.handleInputPhoneChange.bind(Object(b.a)(s)),s}return Object(m.a)(a,[{key:"handleInputPhoneChange",value:function(e){this.setState({phoneNumber:e})}},{key:"handleInputChange",value:function(e){var t=e.target,a=t.name,s=t.value;this.setState(Object(S.a)({},a,s)),s.length>0?f()("#"+a).css({border:"1px solid #ddd"}):f()("#"+a).css({border:"1px solid red"})}},{key:"handleSubmit",value:function(){var e=this;f()("#loader").fadeIn();var t={name:this.state.name,phoneNumber:this.state.phoneNumber,city:this.state.city,zip:this.state.zip,schoolName:this.state.schoolName,schoolType:this.state.schoolType,schoolGrade:this.state.schoolGrade},a=0;for(var s in t)t[s]?(f()("#"+s).css({border:"1px solid #ddd"}),a+=1):f()("#"+s).css({border:"1px solid red"});console.log(a),t.email=this.state.email,x.a.APILIST.teacherSignin("/teacher/editProfile",t).then(function(t){if("SUCCESS"===t.status){var a=JSON.parse(localStorage.getItem("userInfo"));a.name=e.state.name,a.phoneNumber=e.state.phoneNumber,a.city=e.state.city,a.state=e.state.state,a.zip=e.state.zip,a.schoolName=e.state.schoolName,a.schoolType=e.state.schoolType,a.schoolGrade=e.state.schoolGrade,localStorage.setItem("userInfo",JSON.stringify(a)),f()("#loader").fadeOut(),e.props.hideOverlay(),i.b.dismiss(),Object(i.b)(n.a.createElement(O.a,{title:"Profile",content:t.message,status:"success"})),setTimeout(function(){i.b.dismiss()},3e3)}}).catch(function(e){var t=JSON.parse(e.response.text);i.b.dismiss(),Object(i.b)(n.a.createElement(O.a,{title:"Profile",content:t.message,status:"error"})),setTimeout(function(){i.b.dismiss()},3e3),f()("#loader").fadeOut()})}},{key:"componentDidMount",value:function(){var e=JSON.parse(localStorage.getItem("userInfo"));e&&this.setState({userInfo:e,email:e.email,name:e.name,phoneNumber:e.phoneNumber,city:e.city,state:e.state,zip:e.zip,schoolName:e.schoolName,schoolType:e.schoolType,schoolGrade:e.schoolGrade})}},{key:"render",value:function(){return n.a.createElement("div",{id:"editprofile-form"},n.a.createElement("div",{className:"editprofile-outer-blk noselect"},n.a.createElement("div",{className:"editprofile-blk"},n.a.createElement("div",{className:"title-blk"},n.a.createElement("p",{className:"editprofile-title"},"Edit profile")),n.a.createElement("div",{className:"horizontal-field-group"},n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"name*"),n.a.createElement("br",null),n.a.createElement("input",{type:"text",autoFocus:!0,name:"name",id:"name",maxLength:"25",placeholder:"Enter your name",value:this.state.name,onChange:this.handleInputChange})),n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"phone*"),n.a.createElement("br",null),n.a.createElement(M.a,{title:this.state.phoneNumber,country:"us",id:"phoneNumber",name:"phoneNumber",ref:"phone",value:this.state.phoneNumber,placeholder:"Enter your phone number",autoComplete:"off",onChange:this.handleInputPhoneChange}))),n.a.createElement("div",{className:"horizontal-field-group"},n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"school/company name*"),n.a.createElement("br",null),n.a.createElement("input",{type:"text",name:"schoolName",id:"schoolName",maxLength:"50",placeholder:"Enter your school name",value:this.state.schoolName,onChange:this.handleInputChange})),n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"school type*"),n.a.createElement("br",null),n.a.createElement("select",{name:"schoolType",id:"schoolType",value:this.state.schoolType,onChange:this.handleInputChange},n.a.createElement("option",{value:""},"Select one..."),n.a.createElement("option",{value:"Public/District"},"Public/District"),n.a.createElement("option",{value:"Independent"},"Independent"),n.a.createElement("option",{value:"Charter"},"Charter"),n.a.createElement("option",{value:"Other"},"Other")))),n.a.createElement("div",{className:"horizontal-field-group"},n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"school grade level*"),n.a.createElement("br",null),n.a.createElement("select",{name:"schoolGrade",id:"schoolGrade",value:this.state.schoolGrade,onChange:this.handleInputChange},n.a.createElement("option",{value:""},"Select one..."),n.a.createElement("option",{value:"Elementary School"},"Elementary School"),n.a.createElement("option",{value:"Middle School"},"Middle School"),n.a.createElement("option",{value:"High School"},"High School"),n.a.createElement("option",{value:"Other"},"Other"))),n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"state*"),n.a.createElement("br",null),n.a.createElement("input",{type:"text",name:"state",id:"state",maxLength:"25",placeholder:"e.g. San Francisco",value:this.state.state,onChange:this.handleInputChange}))),n.a.createElement("div",{className:"horizontal-field-group"},n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"city*"),n.a.createElement("br",null),n.a.createElement("input",{type:"text",name:"city",id:"city",maxLength:"25",placeholder:"e.g. San Francisco",value:this.state.city,onChange:this.handleInputChange})),n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"ZIP/postal code*"),n.a.createElement("br",null),n.a.createElement("input",{type:"text",name:"zip",id:"zip",maxLength:"10",placeholder:"e.g. 94105",value:this.state.zip,onChange:this.handleInputChange}))),n.a.createElement("div",{className:"bottom-section"},n.a.createElement("div",{className:"cancel-blk",onClick:this.props.hideOverlay},n.a.createElement("p",{className:"cancel-btn"},"Cancel")),n.a.createElement("div",{className:"submit-blk",onClick:this.handleSubmit},n.a.createElement("p",{className:"submit-btn"},"save changes"))))))}}]),a}(s.Component)),L=(a(214),function(e){Object(h.a)(a,e);var t=Object(u.a)(a);function a(e){var s;return Object(d.a)(this,a),(s=t.call(this,e)).state={educatorDetail:[]},s.handleGetEducator=s.handleGetEducator.bind(Object(b.a)(s)),s}return Object(m.a)(a,[{key:"handleGetEducator",value:function(){var e=this;f()("#loader").fadeIn();var t="";"all"===this.props.educatorFlag?this.setState({educatorDetail:this.props.educatorDetailCompleteList}):(t="/admin/getMaskCountByTeacherId?email="+this.props.educatorId,x.a.APILIST.getMask(t).then(function(t){"SUCCESS"===t.status&&("all"===e.props.educatorFlag?e.setState({educatorDetail:t.data}):e.setState({educatorDetail:t.codeWithMaskCount}),f()("#loader").fadeOut())}).catch(function(e){f()("#loader").fadeOut(),console.log(e.response.text);var t=JSON.parse(e.response.text);i.b.dismiss(),Object(i.b)(n.a.createElement(O.a,{title:"Educator",content:t.message,status:"error"})),setTimeout(function(){i.b.dismiss()},3e3)}))}},{key:"componentDidMount",value:function(){var e=JSON.parse(localStorage.getItem("userInfo"));e&&this.setState({userInfo:e}),this.handleGetEducator(this.props.educatorFlag)}},{key:"render",value:function(){var e=this;return n.a.createElement("div",{id:"educatorDetail"},n.a.createElement("div",{className:"educatorDetail-outer-blk noselect"},n.a.createElement("div",{className:"educatorDetail-blk"},n.a.createElement("div",{className:"title-blk"},n.a.createElement("p",{className:"educatorDetail-title"},"all"===this.props.educatorFlag?"Educators":this.props.educatorName)),n.a.createElement("div",{className:"table-outer"},n.a.createElement("table",null,n.a.createElement("thead",null,"all"===this.props.educatorFlag?n.a.createElement("tr",null,n.a.createElement("th",null,"Name"),n.a.createElement("th",null," ",n.a.createElement("p",{className:"educator-overlay-value-name"},"No.of.Codes & Masks"))):n.a.createElement("tr",null,n.a.createElement("th",null,"Codes"),n.a.createElement("th",null," ",n.a.createElement("p",{className:"educator-overlay-value-codes"},"Masks")))),n.a.createElement("tbody",null,"all"===this.props.educatorFlag?this.state.educatorDetail.map(function(e,t){return n.a.createElement("tr",{key:t},n.a.createElement("td",null,e.name),n.a.createElement("td",null,n.a.createElement("p",{className:"educator-overlay-value-name-value"},e.codesCount," (",e.maskCount,")")))}):Object.keys(this.state.educatorDetail).map(function(t,a){return n.a.createElement("tr",{key:a},n.a.createElement("td",null,t),n.a.createElement("td",null,n.a.createElement("p",{className:"educator-overlay-value-codes-value"},e.state.educatorDetail[t])))})))))))}}]),a}(s.Component)),G=(a(215),function(e){Object(h.a)(a,e);var t=Object(u.a)(a);function a(e){var s;return Object(d.a)(this,a),(s=t.call(this,e)).state={userInfo:{},currentPwd:"",currentPwdType:"password",newPwd:"",newPwdType:"password",confirmPwd:"",confirmPwdType:"password"},s.handleSubmit=s.handleSubmit.bind(Object(b.a)(s)),s.handleSubmitKeyPress=s.handleSubmitKeyPress.bind(Object(b.a)(s)),s.handleInputChange=s.handleInputChange.bind(Object(b.a)(s)),s.handlePwdShowHide=s.handlePwdShowHide.bind(Object(b.a)(s)),s}return Object(m.a)(a,[{key:"handlePwdShowHide",value:function(e,t){console.log(e),this.setState(Object(S.a)({},e,"password"===t?"text":"password"))}},{key:"handleInputChange",value:function(e){var t=e.target,a=t.name,s=t.value;this.setState(Object(S.a)({},a,s)),s.length>0?f()("#"+a).css({border:"1px solid #ddd"}):f()("#"+a).css({border:"1px solid red"})}},{key:"handleSubmit",value:function(){var e=this;f()("#loader").fadeIn();var t={currentPwd:this.state.currentPwd,newPwd:this.state.newPwd,confirmPwd:this.state.confirmPwd},a=0;for(var s in t)t[s]?(f()("#"+s).css({border:"1px solid #ddd"}),a+=1):f()("#"+s).css({border:"1px solid red"});if(t.currentPwd&&t.newPwd&&t.currentPwd===t.newPwd?(f()("#loader").fadeOut(),i.b.dismiss(),Object(i.b)(n.a.createElement(O.a,{title:"Change password",content:"New and current password should not be same",status:"error"})),setTimeout(function(){i.b.dismiss()},3e3)):t.newPwd!==t.confirmPwd&&(f()("#loader").fadeOut(),i.b.dismiss(),Object(i.b)(n.a.createElement(O.a,{title:"Change password",content:"New and confirm password not match",status:"error"})),setTimeout(function(){i.b.dismiss()},3e3)),3===a&&t.currentPwd!==t.newPwd&&t.newPwd===t.confirmPwd){var l={email:this.state.userInfo.email,newPassword:t.newPwd,oldPassword:t.currentPwd};x.a.APILIST.teacherSignin("/teacher/changePassword",l).then(function(t){"SUCCESS"===t.status&&(f()("#loader").fadeOut(),e.props.hideOverlay(),i.b.dismiss(),Object(i.b)(n.a.createElement(O.a,{title:"Teacher Login",content:t.message,status:"error"})),setTimeout(function(){i.b.dismiss()},3e3))}).catch(function(e){var t=JSON.parse(e.response.text);i.b.dismiss(),Object(i.b)(n.a.createElement(O.a,{title:"Change password",content:t.message,status:"error"})),setTimeout(function(){i.b.dismiss()},3e3),f()("#loader").fadeOut()})}}},{key:"handleSubmitKeyPress",value:function(e){"Enter"===e.key&&(e.preventDefault(),this.handleSubmit())}},{key:"componentDidMount",value:function(){var e=JSON.parse(localStorage.getItem("userInfo"));e&&this.setState({userInfo:e})}},{key:"render",value:function(){var e=this;return n.a.createElement("div",{id:"chg-form"},n.a.createElement("div",{className:"chg-outer-blk noselect"},n.a.createElement("div",{className:"chg-blk"},n.a.createElement("div",{className:"title-blk"},n.a.createElement("p",{className:"chg-title"},"Change Password")),n.a.createElement("div",{className:"vertical-field-group"},n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"current password*"),n.a.createElement("br",null),n.a.createElement("input",{type:this.state.currentPwdType,autoComplete:"off",name:"currentPwd",id:"currentPwd",placeholder:"Enter current password",value:this.state.currentPwd,onChange:this.handleInputChange,onKeyPress:this.handleSubmitKeyPress}),n.a.createElement("span",{className:"pwdShow",onClick:function(){return e.handlePwdShowHide("currentPwdType",e.state.currentPwdType)}},"text"===this.state.currentPwdType?n.a.createElement("img",{src:"/assets/images/icons/ic_hidden.svg",className:"show-hide-icon",alt:"eye"}):n.a.createElement("img",{src:"/assets/images/icons/ic_show.svg",className:"show-hide-icon",alt:"eye"})))),n.a.createElement("div",{className:"vertical-field-group"},n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"new password*"),n.a.createElement("br",null),n.a.createElement("input",{type:this.state.newPwdType,autoComplete:"off",name:"newPwd",id:"newPwd",placeholder:"Enter new password",value:this.state.newPwd,onChange:this.handleInputChange,onKeyPress:this.handleSubmitKeyPress}),n.a.createElement("span",{className:"pwdShow",onClick:function(){return e.handlePwdShowHide("newPwdType",e.state.newPwdType)}},"text"===this.state.newPwdType?n.a.createElement("img",{src:"/assets/images/icons/ic_hidden.svg",className:"show-hide-icon",alt:"eye"}):n.a.createElement("img",{src:"/assets/images/icons/ic_show.svg",className:"show-hide-icon",alt:"eye"})))),n.a.createElement("div",{className:"vertical-field-group"},n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"confirm password*"),n.a.createElement("br",null),n.a.createElement("input",{type:this.state.confirmPwdType,autoComplete:"off",name:"confirmPwd",id:"confirmPwd",placeholder:"Re-enter password",value:this.state.confirmPwd,onChange:this.handleInputChange,onKeyPress:this.handleSubmitKeyPress}),n.a.createElement("span",{className:"pwdShow",onClick:function(){return e.handlePwdShowHide("confirmPwdType",e.state.confirmPwdType)}},"text"===this.state.confirmPwdType?n.a.createElement("img",{src:"/assets/images/icons/ic_hidden.svg",className:"show-hide-icon",alt:"eye"}):n.a.createElement("img",{src:"/assets/images/icons/ic_show.svg",className:"show-hide-icon",alt:"eye"})))),n.a.createElement("div",{className:"bottom-section"},n.a.createElement("div",{className:"cancel-blk",onClick:this.props.hideOverlay},n.a.createElement("p",{className:"cancel-btn"},"Cancel")),n.a.createElement("div",{className:"submit-blk",onClick:this.handleSubmit},n.a.createElement("p",{className:"submit-btn"},"change password"))))))}}]),a}(s.Component)),U=(a(216),function(e){Object(h.a)(a,e);var t=Object(u.a)(a);function a(e){var s;return Object(d.a)(this,a),(s=t.call(this,e)).state={userInfo:{},teacherCodeList:[],codeName:""},s.handleGetTeacherCodeList=s.handleGetTeacherCodeList.bind(Object(b.a)(s)),s.handleInputChange=s.handleInputChange.bind(Object(b.a)(s)),s.handleSubmit=s.handleSubmit.bind(Object(b.a)(s)),s}return Object(m.a)(a,[{key:"handleGetTeacherCodeList",value:function(e){var t=this,a="/teacher/getAllTeacherCodesById?email="+e;x.a.APILIST.getMask(a).then(function(e){if("SUCCESS"===e.status){var a=e.codeWithName?e.codeWithName:{},s={Default:e.teacherCode},n=f.a.extend(s,a);t.setState({teacherCodeList:n})}}).catch(function(e){console.log(e)})}},{key:"handleInputChange",value:function(e){var t=e.target,a=t.name,s=t.value;(/^[a-zA-Z\b]+$/.test(s)||""===s)&&this.setState(Object(S.a)({},a,s)),s.length>0?f()("#"+a).css({border:"1px solid #ddd"}):f()("#"+a).css({border:"1px solid red"})}},{key:"handleSubmit",value:function(){var e=this;f()("#loader").fadeIn();var t={codeName:this.state.codeName},a=0;for(var s in t)t[s]?(f()("#"+s).css({border:"1px solid #ddd"}),a+=1):f()("#"+s).css({border:"1px solid red"});if(console.log(a),1===a){var l="/teacher/getNewCode?email="+this.state.userInfo.email+"&codeName="+this.state.codeName;x.a.APILIST.getMask(l).then(function(t){"SUCCESS"===t.status&&(e.setState({codeName:""}),i.b.dismiss(),Object(i.b)(n.a.createElement(O.a,{title:"Teacher Code",content:t.message,status:"success"})),f()("#loader").fadeOut(),e.handleGetTeacherCodeList(e.state.userInfo.email))}).catch(function(e){f()("#loader").fadeOut(),console.log(e.response.text);var t=JSON.parse(e.response.text);i.b.dismiss(),Object(i.b)(n.a.createElement(O.a,{title:"My code",content:t.message,status:"error"})),setTimeout(function(){i.b.dismiss()},3e3)})}else window.scrollTo(0,0),f()("#loader").fadeOut()}},{key:"componentDidMount",value:function(){var e=JSON.parse(localStorage.getItem("userInfo"));e&&(this.setState({userInfo:e}),this.handleGetTeacherCodeList(e.email))}},{key:"render",value:function(){var e=this;return n.a.createElement("div",{id:"mycode"},n.a.createElement("div",{className:"mycode-outer-blk noselect"},n.a.createElement("div",{className:"mycode-blk"},n.a.createElement("div",{className:"title-blk"},n.a.createElement("p",{className:"mycode-title"},"My Codes")),n.a.createElement("div",{className:"code-form"},n.a.createElement("input",{type:"text",name:"codeName",id:"codeName",maxLength:"20",onChange:this.handleInputChange,placeholder:"Enter code name"}),n.a.createElement("div",{className:"generate-blk",onClick:this.handleSubmit},n.a.createElement("p",{className:"generate-btn"},"generate code"))),n.a.createElement("div",{className:"table-outer"},n.a.createElement("table",null,n.a.createElement("thead",null,n.a.createElement("tr",null,n.a.createElement("th",null,"Code Names"),n.a.createElement("th",null,"Codes"))),n.a.createElement("tbody",null,Object.keys(this.state.teacherCodeList).map(function(t,a){return n.a.createElement("tr",{key:a},n.a.createElement("td",null,t),n.a.createElement("td",null,e.state.teacherCodeList[t]))})))))))}}]),a}(s.Component)),z=(a(217),function(e){Object(h.a)(a,e);var t=Object(u.a)(a);function a(e){var s;return Object(d.a)(this,a),(s=t.call(this,e)).state={email:"",gender:"",genderOthers:"",age:"",message:"",userInfo:{}},s.handleSubmit=s.handleSubmit.bind(Object(b.a)(s)),s.handleInputChange=s.handleInputChange.bind(Object(b.a)(s)),s}return Object(m.a)(a,[{key:"handleInputChange",value:function(e){var t=e.target,a=t.name,s=t.value;if("age"===a){(/^[0-9\b]+$/.test(s)||""===s)&&this.setState(Object(S.a)({},a,s))}else this.setState(Object(S.a)({},a,s));s.length>0?f()("#"+a).css({border:"1px solid #ddd"}):f()("#"+a).css({border:"1px solid red"})}},{key:"handleSubmit",value:function(){var e=this;f()("#loader").fadeIn();var t={email:this.state.email,gender:this.state.gender,age:this.state.age,message:this.state.message},a=0;for(var s in t)t[s]?(f()("#"+s).css({border:"1px solid #ddd"}),a+=1):f()("#"+s).css({border:"1px solid red"});"Other"===t.gender&&(this.state.genderOthers?(t.gender=this.state.genderOthers,f()("#genderOthers").css({border:"1px solid #ddd"})):(a=0,f()("#genderOthers").css({border:"1px solid red"}))),console.log(a),4===a?x.a.APILIST.teacherSignin("/teacher/submitHelp",t).then(function(t){"SUCCESS"===t.status&&(f()("#loader").fadeOut(),e.props.hideOverlay(),i.b.dismiss(),Object(i.b)(n.a.createElement(O.a,{title:"Help",content:t.message,status:"success"})),setTimeout(function(){i.b.dismiss()},3e3))}).catch(function(e){var t=JSON.parse(e.response.text);i.b.dismiss(),Object(i.b)(n.a.createElement(O.a,{title:"Help",content:t.message,status:"error"})),setTimeout(function(){i.b.dismiss()},3e3),f()("#loader").fadeOut()}):(window.scrollTo(0,0),f()("#loader").fadeOut())}},{key:"componentDidMount",value:function(){var e=JSON.parse(localStorage.getItem("userInfo"));e&&this.setState({userInfo:e})}},{key:"render",value:function(){return n.a.createElement("div",{id:"help-form"},n.a.createElement("div",{className:"help-outer-blk noselect"},n.a.createElement("div",{className:"help-blk"},n.a.createElement("div",{className:"title-blk"},n.a.createElement("p",{className:"help-title"},"We are here to help!")),n.a.createElement("div",{className:"vertical-field-group"},n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"email*"),n.a.createElement("br",null),n.a.createElement("input",{type:"text",autoFocus:!0,name:"email",id:"email",maxLength:"25",placeholder:"Enter your email",value:this.state.email,onChange:this.handleInputChange}))),n.a.createElement("div",{className:"vertical-field-group"},n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"gender*"),n.a.createElement("br",null),n.a.createElement("select",{name:"gender",id:"gender",value:this.state.gender,onChange:this.handleInputChange},n.a.createElement("option",{value:""},"Select one..."),n.a.createElement("option",{value:"Male"},"Male"),n.a.createElement("option",{value:"Female"},"Female"),n.a.createElement("option",{value:"Other"},"Other"),n.a.createElement("option",{value:"Prefer not to answer"},"Prefer not to answer")))),"Other"===this.state.gender?n.a.createElement(D.a,{effect:"fadeInUp"},n.a.createElement("div",{className:"vertical-field-group"},n.a.createElement("div",{className:"label-input"},n.a.createElement("input",{type:"text",name:"genderOthers",id:"genderOthers",maxLength:"25",placeholder:"Enter your gender",value:this.state.genderOthers,onChange:this.handleInputChange})))):"",n.a.createElement("div",{className:"vertical-field-group"},n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"age*"),n.a.createElement("br",null),n.a.createElement("input",{type:"text",name:"age",id:"age",maxLength:"25",placeholder:"Enter your age",value:this.state.age,onChange:this.handleInputChange}))),n.a.createElement("div",{className:"vertical-field-group"},n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"message*"),n.a.createElement("br",null),n.a.createElement("textarea",{type:"text",name:"message",id:"message",maxLength:"255",rows:"4",placeholder:"Enter your message",value:this.state.message,onChange:this.handleInputChange}))),n.a.createElement("div",{className:"bottom-section"},n.a.createElement("div",{className:"cancel-blk",onClick:this.props.hideOverlay},n.a.createElement("p",{className:"cancel-btn"},"Cancel")),n.a.createElement("div",{className:"submit-blk",onClick:this.handleSubmit},n.a.createElement("p",{className:"submit-btn"},"submit"))))))}}]),a}(s.Component)),R=(a(218),function(e){Object(h.a)(a,e);var t=Object(u.a)(a);function a(){return Object(d.a)(this,a),t.apply(this,arguments)}return Object(m.a)(a,[{key:"componentName",value:function(){switch(this.props.typeOfComponent){case"MaskPreview":return n.a.createElement(N,{hideOverlay:this.props.hideOverlay,maskData:this.props.maskData,maskPreviewIndex:this.props.maskPreviewIndex});case"DrawPreview":return n.a.createElement(I,{param:this.props.param,hideOverlay:this.props.hideOverlay});case"Subscribe":return n.a.createElement(T,{param:this.props.param,hideOverlay:this.props.hideOverlay});case"MaskSuccess":return n.a.createElement(j,{hideOverlay:this.props.hideOverlay,param:this.props.param});case"EducatorDetail":return n.a.createElement(L,{hideOverlay:this.props.hideOverlay,educatorId:this.props.educatorId,educatorName:this.props.educatorName,educatorFlag:this.props.educatorFlag,educatorDetailCompleteList:this.props.educatorDetailCompleteList});case"EditProfile":return n.a.createElement(A,{hideOverlay:this.props.hideOverlay,param:this.props.param});case"ChangePassword":return n.a.createElement(G,{hideOverlay:this.props.hideOverlay,param:this.props.param});case"MyCodes":return n.a.createElement(U,{hideOverlay:this.props.hideOverlay,param:this.props.param});case"Help":return n.a.createElement(z,{hideOverlay:this.props.hideOverlay});default:return null}}},{key:"componentDidMount",value:function(){f()("body").css("overflow-y","hidden"),console.log("model")}},{key:"componentWillUnmount",value:function(){f()("body").css("overflow-y","scroll")}},{key:"render",value:function(){var e=this,t=this.componentName();return n.a.createElement("div",{id:"overlay"},n.a.createElement("div",{className:"overlay-block "+this.props.size+" "+this.props.typeOfComponent},"MaskPreview"===this.props.typeOfComponent||"MyCodes"===this.props.typeOfComponent||"EducatorDetail"===this.props.typeOfComponent?n.a.createElement("div",{className:"close-outer"},n.a.createElement("div",{className:"close-blk",onClick:function(){return e.props.hideOverlay()}},n.a.createElement("img",{className:"close-img",alt:"close",src:"/assets/images/icons/Close.png"}))):"",n.a.createElement("div",{className:"overlay-body"},t)))}}]),a}(s.Component)),W=(a(219),function(e){Object(h.a)(a,e);var t=Object(u.a)(a);function a(e){var s;return Object(d.a)(this,a),(s=t.call(this,e)).state={redirect:!1,redirectTarget:"",typeOfComponent:"",param:""},s.handeOpenHelp=s.handeOpenHelp.bind(Object(b.a)(s)),s}return Object(m.a)(a,[{key:"handeOpenHelp",value:function(){this.setState({typeOfComponent:"Help"})}},{key:"hideOverlay",value:function(e,t){this.setState({typeOfComponent:""})}},{key:"componentDidMount",value:function(){if("undefined"!==localStorage.getItem("userInfo")){console.log(localStorage.getItem("userInfo"));var e=JSON.parse(localStorage.getItem("userInfo"));e&&(console.log("loginCheck",e),"admin"===e.role?this.setState({redirect:!0,redirectTarget:"/admin/dashboard"}):this.setState({redirect:!0,redirectTarget:"/teacher/dashboard"}))}}},{key:"render",value:function(){if(this.state.redirect)return n.a.createElement(g.a,{to:this.state.redirectTarget});var e="Help"===this.state.typeOfComponent?n.a.createElement(R,{typeOfComponent:"Help",size:"md",hideOverlay:this.hideOverlay.bind(this)}):"";return n.a.createElement("div",{id:"landing"},e,n.a.createElement("div",{id:"landingImg",className:"noselect"},n.a.createElement("div",{className:"logo-blk"},n.a.createElement("a",{href:"/"},n.a.createElement("img",{src:"/assets/images/logo.svg",className:"logo-img",alt:"logo"})),n.a.createElement("div",{className:"vr-line"}),n.a.createElement("a",{href:"/"},n.a.createElement("img",{src:"/assets/images/ic_everforward.png",className:"ever-img",alt:"logo"}))),n.a.createElement("div",{className:"side-by-side"},n.a.createElement("div",{id:"sub-div1"},n.a.createElement("div",{className:"icon-group border-bottom"},n.a.createElement("div",{className:"side-by-side-icon"},n.a.createElement("img",{src:"/assets/images/Mask.png",className:"icon-img",alt:"Mask"}),n.a.createElement("div",{className:"icon-text-blk"},n.a.createElement("p",{className:"icon-count"},"50,000+"),n.a.createElement("p",{className:"icon-title"},"mask collection"))),n.a.createElement("div",{className:"side-by-side-icon border-left"},n.a.createElement("img",{src:"/assets/images/Volunteer.png",className:"icon-img",alt:"Volunteer"}),n.a.createElement("div",{className:"icon-text-blk"},n.a.createElement("p",{className:"icon-count"},"1600+"),n.a.createElement("p",{className:"icon-title"},"active volunteers")))),n.a.createElement("div",{className:"icon-group"},n.a.createElement("div",{className:"side-by-side-icon"},n.a.createElement("img",{src:"/assets/images/Map.png",className:"icon-img",alt:"Map"}),n.a.createElement("div",{className:"icon-text-blk"},n.a.createElement("p",{className:"icon-count"},"18+"),n.a.createElement("p",{className:"icon-title"},"countries joined"))),n.a.createElement("div",{className:"side-by-side-icon border-left"},n.a.createElement("img",{src:"/assets/images/Workshop.png",className:"icon-img",alt:"Workshop"}),n.a.createElement("div",{className:"icon-text-blk"},n.a.createElement("p",{className:"icon-count"},"420+"),n.a.createElement("p",{className:"icon-title"},"workshops conducted")))))),n.a.createElement("div",{className:"side-by-side"},n.a.createElement("div",{id:"sub-div2"},n.a.createElement("div",{id:"join-blk"},n.a.createElement("p",null,"join our ",n.a.createElement("br",null),"#100kMasks Challenge"),n.a.createElement("div",{className:"btn-blk"},n.a.createElement("a",{className:"draw-btn",href:"/drawboard"},n.a.createElement("img",{className:"mask-img",src:"assets/images/icons/mask.png",alt:"mask"}),n.a.createElement("p",null,"draw your mask ")),n.a.createElement("a",{className:"signin-btn",href:"/auth/teacher/signin"},n.a.createElement("p",null,"sign in"))),n.a.createElement("div",{className:"or-blk"},n.a.createElement("div",{className:"h-line"}),n.a.createElement("p",null,"Or"),n.a.createElement("div",{className:"h-line"})),n.a.createElement("div",{className:"btn-blk"},n.a.createElement("a",{className:"signup-btn",href:"/auth/teacher/signup"},n.a.createElement("p",null,"sign up"))),n.a.createElement("a",{className:"gallery-btn",href:"/gallery"},n.a.createElement("p",null,"go to mask Gallery "),n.a.createElement("img",{className:"arrow-black-right",src:"assets/images/icons/arrow-black-right.svg",alt:"arrow"}))))),n.a.createElement("div",{className:"footer-outer"},n.a.createElement("div",{className:"footer-inner"},n.a.createElement("div",null),n.a.createElement("p",null,"\xa9 everforwardclub.org - 2020"),n.a.createElement("div",{className:"help-blk",onClick:this.handeOpenHelp},n.a.createElement("img",{src:"assets/images/icons/ic_help.svg",alt:"help"}),n.a.createElement("span",null,"help"))))))}}]),a}(s.Component)),H=a(140),V=a(103),B=a.n(V),K=(a(223),function(e){Object(h.a)(a,e);var t=Object(u.a)(a);function a(e){var s;return Object(d.a)(this,a),(s=t.call(this,e)).state={displayColorPicker:"none"},s.setWrapperRef=s.setWrapperRef.bind(Object(b.a)(s)),s.handleColorOpen=s.handleColorOpen.bind(Object(b.a)(s)),s.handleColorClose=s.handleColorClose.bind(Object(b.a)(s)),s}return Object(m.a)(a,[{key:"componentDidMount",value:function(){f()("#size-small").addClass("enable"),f()("#marker").addClass("enable"),document.addEventListener("mousedown",this.handleColorClose)}},{key:"setWrapperRef",value:function(e){this.wrapperRef=e}},{key:"handleColorClose",value:function(e){this.wrapperRef&&!this.wrapperRef.contains(e.target)&&this.setState({displayColorPicker:"none"})}},{key:"handleColorOpen",value:function(){this.setState({displayColorPicker:"none"===this.state.displayColorPicker?"block":"none"})}},{key:"render",value:function(){return n.a.createElement("div",{id:"draw-header"},n.a.createElement("div",{className:"header-outer-blk"},n.a.createElement("div",{className:"draw-logo-blk"},n.a.createElement("a",{href:"/"},n.a.createElement("img",{src:"/assets/images/ic_logo-black.svg",className:"draw-logo-img",alt:"logo"})),n.a.createElement("div",{className:"vr-line"}),n.a.createElement("a",{href:"/"},n.a.createElement("img",{src:"/assets/images/ic_everforward-black.png",className:"ever-img",alt:"logo"})),n.a.createElement("div",{className:"mobile-draw-submit-blk noselect"},n.a.createElement("div",{className:"text-move-blk disable",id:"text-move-blk"},"Move Text"),n.a.createElement("img",{src:"/assets/images/icons/Info.png",alt:"info",onClick:this.props.startTour,style:{cursor:"pointer"}}),n.a.createElement("div",{className:"draw-submit-btn disable submit-mask",onClick:this.props.save},"submit mask"))),n.a.createElement("div",{className:"menu-blk"},n.a.createElement("div",{className:"tool-blk",ref:"step1"},n.a.createElement("img",{className:"tool-img",id:"marker",src:"/assets/images/icons/Marker.png",alt:"marker"}),n.a.createElement("img",{className:"tool-img",id:"crayon",src:"/assets/images/icons/Crayon.png",alt:"caron"}),n.a.createElement("img",{className:"tool-img",id:"eraser",src:"/assets/images/icons/Eraser.png",alt:"eraser"})),n.a.createElement("div",{className:"remove-blk"},n.a.createElement("img",{className:"undo-img",id:"undo",src:"/assets/images/icons/Undo.png",alt:"eraser"})),n.a.createElement("div",{className:"size-blk"},n.a.createElement("div",{className:"size-brush",id:"size-huge"}),n.a.createElement("div",{className:"size-brush",id:"size-large"}),n.a.createElement("div",{className:"size-brush",id:"size-normal"}),n.a.createElement("div",{className:"size-brush",id:"size-small"})),n.a.createElement("div",{className:"color-blk noselect"},n.a.createElement("div",{className:"color-picker-btn",onClick:this.handleColorOpen}),n.a.createElement("div",{style:{display:this.state.displayColorPicker},className:"popover",ref:this.setWrapperRef},n.a.createElement("canvas",{id:"color-picker",height:"60"}))),n.a.createElement("div",{className:"text-blk noselect"},n.a.createElement("div",null,n.a.createElement("select",{className:"font-option",defaultValue:"Arial"},n.a.createElement("option",{value:"Arial"},"Arial"),n.a.createElement("option",{value:"Verdana"},"Verdana"),n.a.createElement("option",{value:"Times New Roman"},"Times New Roman"),n.a.createElement("option",{value:"Courier New"},"Courier New"),n.a.createElement("option",{value:"serif"},"serif"),n.a.createElement("option",{value:"sans-serif"},"sans-serif"))),n.a.createElement("div",null,n.a.createElement("select",{className:"text-size",defaultValue:"20px"},n.a.createElement("option",{value:"4px"},"4"),n.a.createElement("option",{value:"6px"},"6"),n.a.createElement("option",{value:"8px"},"8"),n.a.createElement("option",{value:"10px"},"10"),n.a.createElement("option",{value:"12px"},"12"),n.a.createElement("option",{value:"14px"},"14"),n.a.createElement("option",{value:"16px"},"16"),n.a.createElement("option",{value:"18px"},"18"),n.a.createElement("option",{value:"20px"},"20"),n.a.createElement("option",{value:"22px"},"22"),n.a.createElement("option",{value:"24px"},"24"),n.a.createElement("option",{value:"26px"},"26"),n.a.createElement("option",{value:"28px"},"28"),n.a.createElement("option",{value:"30px"},"30"),n.a.createElement("option",{value:"32px"},"32"),n.a.createElement("option",{value:"34px"},"34"),n.a.createElement("option",{value:"36px"},"36")),n.a.createElement("span",{id:"bold-btn"},"B"),n.a.createElement("span",{id:"italic-btn"},"I")))),n.a.createElement("div",{className:"draw-submit-blk noselect"},n.a.createElement("img",{src:"/assets/images/icons/Info.png",alt:"info",onClick:this.props.startTour,style:{cursor:"pointer"}}),n.a.createElement("div",{className:"draw-submit-btn disable submit-mask",onClick:this.props.save},"submit mask"))))}}]),a}(s.Component)),Y=(a(224),function(e){Object(h.a)(a,e);var t=Object(u.a)(a);function a(e){var s;return Object(d.a)(this,a),(s=t.call(this,e)).state={steps:[],stepsLap:[{class:"row1",selector:".tool-blk",content:n.a.createElement("p",null,"Use tools to draw"),position:{top:65,left:10},gettop:!0,getleft:!1,style:{background:"#FFF"},arrow:{top:-3,background:"#FFF"}},{class:"row1",selector:".size-blk",content:n.a.createElement("p",null,"Choose size ",n.a.createElement("br",null),"of your brush"),position:{top:65,left:-20},gettop:!0,getleft:!1,style:{background:"#FFF"},arrow:{top:-3,background:"#FFF"}},{class:"row1",selector:".color-blk",content:n.a.createElement("p",null,"Choose Colors ",n.a.createElement("br",null),"for your brush"),position:{top:65,left:-30},gettop:!0,getleft:!1,style:{background:"#FFF"},arrow:{top:-3,background:"#FFF"}},{class:"row1",selector:".text-blk",content:n.a.createElement("p",null,"Customize your text.",n.a.createElement("br",null),"Click and drag your",n.a.createElement("br",null),"text anywhere within ",n.a.createElement("br",null),"Mask area."),position:{top:65,left:40},gettop:!0,getleft:!1,style:{background:"#FFF"},arrow:{top:-3,background:"#FFF"}},{class:"row1",selector:".draw-submit-blk .draw-submit-btn",content:n.a.createElement("p",null,"Submit your mask once ",n.a.createElement("br",null),"you are done"),position:{top:65,left:0},gettop:!0,getleft:!1,style:{background:"#FFF008"},arrow:{top:-3,background:"#FFF008"}},{class:"row2",selector:"#canvasInAPerfectWorld",content:n.a.createElement("div",{className:"sidebyside"},n.a.createElement("img",{src:"/assets/images/icons/Mask.png",alt:"mask"}),n.a.createElement("p",null,"Use this area to ",n.a.createElement("br",null),"draw your mask")),position:{top:f()(window).height()/2-50,left:f()(window).width()/2-250},gettop:!1,getleft:!0,style:{background:"#FF8787"},arrow:{bottom:-3,background:"#FF8787"}},{class:"row2",selector:"#canvasInAPerfectWorld",content:n.a.createElement("div",{className:"sidebyside"},n.a.createElement("img",{src:"/assets/images/icons/Brush.png",alt:"brush"}),n.a.createElement("p",null,"Use this area to",n.a.createElement("br",null)," write your qualities")),position:{top:f()(window).height()/2-50,left:f()(window).width()/2+250},gettop:!1,getleft:!0,style:{background:"#FF8787"},arrow:{bottom:-3,background:"#FF8787"}},{class:"row3",selector:".front-bottom",content:n.a.createElement("p",null,"Type your qualities and",n.a.createElement("br",null)," characteristics of yourself that",n.a.createElement("br",null)," you gladly let others see."),position:{top:-80,left:f()(window).width()/2-250},gettop:!0,getleft:!0,style:{background:"#FFF"},arrow:{bottom:-3,background:"#FFF"}},{class:"row3",selector:".back-bottom",content:n.a.createElement("p",null,"What are the qualities and",n.a.createElement("br",null)," characteristics of yourself ",n.a.createElement("br",null),"that you dont let others see."),position:{top:-80,left:f()(window).width()/2+250},gettop:!0,getleft:!0,style:{background:"#FFF"},arrow:{bottom:-3,background:"#FFF"}}],stepsTab:[{class:"row1",selector:".size-blk",content:n.a.createElement("p",null,"Use tools to draw,",n.a.createElement("br",null)," Choose size of your brush and ",n.a.createElement("br",null)," Choose Colors for your brush "),position:{top:65,left:250},gettop:!0,getleft:!0,style:{background:"#FFF"},arrow:{top:-3,background:"#FFF"}},{class:"row1",selector:".text-blk",content:n.a.createElement("p",null,"Customize your text.",n.a.createElement("br",null),"Click and drag your",n.a.createElement("br",null),"text anywhere within",n.a.createElement("br",null)," Mask area."),position:{top:65,left:0},gettop:!0,getleft:!1,style:{background:"#FFF"},arrow:{top:-3,background:"#FFF"}},{class:"row1",selector:".draw-submit-blk .draw-submit-btn",content:n.a.createElement("p",null,"Submit your ",n.a.createElement("br",null)," mask once ",n.a.createElement("br",null),"you are done"),position:{top:65,left:f()(window).width()-100},gettop:!0,getleft:!0,style:{background:"#FFF008"},arrow:{top:-3,background:"#FFF008"}},{class:"row2",selector:"#canvasInAPerfectWorld",content:n.a.createElement("div",{className:"sidebyside"},n.a.createElement("img",{src:"/assets/images/icons/Mask.png",alt:"mask"}),n.a.createElement("p",null,"Use this area to ",n.a.createElement("br",null),"draw your mask")),position:{top:f()(window).height()/2-120,left:f()(window).width()/2-150},gettop:!0,getleft:!0,style:{background:"#FF8787"},arrow:{bottom:-3,background:"#FF8787"}},{class:"row2",selector:"#canvasInAPerfectWorld",content:n.a.createElement("div",{className:"sidebyside"},n.a.createElement("img",{src:"/assets/images/icons/Brush.png",alt:"brush"}),n.a.createElement("p",null,"Use this area to",n.a.createElement("br",null)," write your qualities")),position:{top:f()(window).height()/2-120,left:f()(window).width()/2+150},gettop:!0,getleft:!0,style:{background:"#FF8787"},arrow:{bottom:-3,background:"#FF8787"}},{class:"row3",selector:".front-bottom",content:n.a.createElement("p",null,"Type your qualities and",n.a.createElement("br",null)," characteristics of yourself that",n.a.createElement("br",null)," you gladly let others see."),position:{top:f()(window).height()-200,left:f()(window).width()/2-150},gettop:!0,getleft:!0,style:{background:"#FFF"},arrow:{bottom:-3,background:"#FFF"}},{class:"row3",selector:".back-bottom",content:n.a.createElement("p",null,"What are the qualities and",n.a.createElement("br",null)," characteristics of yourself ",n.a.createElement("br",null),"that you dont let others see."),position:{top:f()(window).height()-200,left:f()(window).width()/2+150},gettop:!0,getleft:!0,style:{background:"#FFF"},arrow:{bottom:-3,background:"#FFF"}}],stepsMob:[{class:"row1",selector:".draw-submit-blk .draw-submit-btn",content:n.a.createElement("p",null,"Submit your mask ",n.a.createElement("br",null),"once you are done"),position:{top:10,left:f()(window).width()-200},gettop:!0,getleft:!0,style:{background:"#FFF008"},arrow:{top:27,left:"96%",background:"#FFF008"}},{class:"row2",selector:".text-blk",content:n.a.createElement("p",null,"Use the above tools to draw. ",n.a.createElement("br",null),"Customize your text.",n.a.createElement("br",null),"Click and drag your",n.a.createElement("br",null),"text anywhere within Mask area."),position:{top:130,left:f()(window).width()/2-50},gettop:!0,getleft:!0,style:{background:"#FFF"},arrow:{top:-3,background:"#FFF"}},{class:"row2",selector:"#canvasInAPerfectWorld",content:n.a.createElement("div",null,n.a.createElement("div",{className:"sidebyside"},n.a.createElement("img",{src:"/assets/images/icons/Mask.png",alt:"mask"}),n.a.createElement("p",null,"Use this area to ",n.a.createElement("br",null),"draw your mask")),n.a.createElement("div",{className:"sidebyside"},n.a.createElement("img",{src:"/assets/images/icons/Brush.png",alt:"brush"}),n.a.createElement("p",null,"and",n.a.createElement("br",null)," write your qualities"))),position:{top:f()(window).height()/2-30,left:f()(window).width()/2-50},gettop:!0,getleft:!0,style:{background:"#FF8787"},arrow:{top:-3,background:"#FF8787"}},{class:"row3",selector:".front-bottom",content:n.a.createElement("div",null,n.a.createElement("p",null,"Type your qualities and characteristics of ",n.a.createElement("br",null),"yourself that  you gladly let others see."),n.a.createElement("p",null,"and"),n.a.createElement("p",null,"What are the qualities and characteristics of ",n.a.createElement("br",null),"yourself that you dont let others see.")),position:{top:f()(window).height()-180,left:f()(window).width()/2-50},gettop:!0,getleft:!0,style:{background:"#FFF"},arrow:{bottom:-3,background:"#FFF"}}],procedure:[{number:1,desc:"Draw a mask on the left side."},{number:2,desc:"Write 3 words on the Front of Mask that represent qualities you let people see"},{number:3,desc:"Write 3 words on the Back of Mask that represent the things you don't usually let people see."},{number:4,desc:"Click Submit"}]},s.handleResize=s.handleResize.bind(Object(b.a)(s)),s}return Object(m.a)(a,[{key:"componentDidMount",value:function(){this.handleResize()}},{key:"handleResize",value:function(){var e=f()(window).width(),t=null;t=e>=1024?this.state.stepsLap:e>768&&e<1024?this.state.stepsTab:this.state.stepsMob,this.setState({steps:t})}},{key:"render",value:function(){var e=this;return n.a.createElement("div",{id:"taketour"},n.a.createElement("div",{className:"taketour-outer"},n.a.createElement("div",{className:"sidebar-outer"},n.a.createElement("div",{className:"steps-outer"},n.a.createElement("div",{className:"sidebar-title-blk noselect"},n.a.createElement("p",{className:"title"},"Instructions")),this.state.procedure.map(function(t,a){return n.a.createElement("div",{className:"step-blk noselect",key:a},n.a.createElement("div",{className:"step-number"},n.a.createElement("span",null,t.number)),n.a.createElement("div",{className:"step-desc"},n.a.createElement("p",null,t.desc)),e.state.procedure.length-1!==a?n.a.createElement("div",{className:"hr-line"}):"")}))),n.a.createElement("div",{className:"tour-main-content"},this.state.steps.map(function(e,t){var a=f()(e.selector).offset();return n.a.createElement("span",{className:"note-blk noselect "+e.class,style:{top:e.gettop?e.position.top:a.top+e.position.top,left:e.getleft?e.position.left:a.left+e.position.left,background:e.style.background},key:t},n.a.createElement("div",{className:"arrow-blk",style:e.arrow}),e.content)}),n.a.createElement("div",{className:"skip-outer"},n.a.createElement("div",{className:"skip-blk noselect"},n.a.createElement("p",null,"Skip tips and instructions?"),n.a.createElement("div",{className:"skip-btn",onClick:this.props.closeTour},"skip"))))))}}]),a}(s.Component)),J=(a(225),function(e){Object(h.a)(a,e);var t=Object(u.a)(a);function a(e){var s;return Object(d.a)(this,a),(s=t.call(this,e)).state={typeOfComponent:"",procedure:[{number:1,desc:"Draw a mask on the left side."},{number:2,desc:"Write 3 words on the Front of Mask that represent qualities you let people see"},{number:3,desc:"Write 3 words on the Back of Mask that represent the things you don't usually let people see."},{number:4,desc:"Click Submit"}],isSidebar:!1,imageData:"",teacherCode:"",frontTag:"",backTag:"",height:"",param:"",fTag1:"",fTag2:"",fTag3:"",bTag1:"",bTag2:"",bTag3:""},s.handleSubmit=s.handleSubmit.bind(Object(b.a)(s)),s.handleInputChange=s.handleInputChange.bind(Object(b.a)(s)),s.handleDrawPreview=s.handleDrawPreview.bind(Object(b.a)(s)),s.drawboardInit=s.drawboardInit.bind(Object(b.a)(s)),s.handleResize=s.handleResize.bind(Object(b.a)(s)),s.hideOverlay=s.hideOverlay.bind(Object(b.a)(s)),s.startTour=s.startTour.bind(Object(b.a)(s)),s.closeTour=s.closeTour.bind(Object(b.a)(s)),s.handleOpenCloseNav=s.handleOpenCloseNav.bind(Object(b.a)(s)),s.handlekeyEvent=s.handlekeyEvent.bind(Object(b.a)(s)),s}return Object(m.a)(a,[{key:"componentWillMount",value:function(){for(var e=["assets/lib/main.js"],t=function(e){var t=document.createElement("script");t.async=!1,t.src=e,document.getElementsByTagName("head")[0].appendChild(t)},a=0;a<e.length;a++)t(e[a])}},{key:"componentDidMount",value:function(){this.drawboardInit(),window.addEventListener("resize",this.handleResize),document.addEventListener("keydown",this.handlekeyEvent,!1);var e=B.a.load("skip");if(!e){var t=new Date;t.setDate(t.getDate()+1),B.a.save("skip","true",{expires:t}),this.setState({typeOfComponent:"TakeTour"})}console.log("cookies",e),this.setState({teacherCode:this.props.match.params.id})}},{key:"drawWaterMark",value:function(e){var t=document.getElementById("canvasInAPerfectWorld"),a=t.getContext("2d"),s=new Image;return s.src=e,s.onload=(a.drawImage(s,t.width/2-s.width/2,t.height/2-s.height/2),!0)}},{key:"handleResize",value:function(){this.drawboardInit()}},{key:"drawboardInit",value:function(){var e=0;e=f()(window).width()<=480?f()(window).height()-220:f()(window).height()-160,this.setState({height:e});var t=0,a=0,s=f()(window).width(),n=f()(window).height();s>=1024?(a=1024,t=500):s<1024&&s>=768?(a=768,t=375):(a=410,t=200),f()("#vr-line").css({height:t-25});var l=document.getElementById("canvasInAPerfectWorld"),r=l.getContext("2d");l.width=a,l.height=t,r.fillStyle="white",r.fillRect(0,0,l.width,l.height);var i=0,o=0;f()(window).width()<768?(i=(n-t-120)/2+20,o=(s-a)/2+a/3*2+20):(i=(n-t-60)/2+20,o=(s-a)/2+a/3*2+80);var c=(s-a)/2+a/3-80,d=(s-a)/2+a/3*2;f()(".front-name-blk").css({top:i,left:c}),f()(".back-name-blk").css({top:i,left:o}),f()("#vr-line").css({top:i,left:d}),f()(window).width()<=480?document.getElementById("mySidebar").style.left="-30%":document.getElementById("mySidebar").style.left="-21%"}},{key:"handleInputChange",value:function(e){var t=e.target,a=t.name,s=t.value;this.setState(Object(S.a)({},a,s))}},{key:"handleDrawPreview",value:function(e){this.setState({typeOfComponent:"DrawPreview",param:e})}},{key:"handlekeyEvent",value:function(e){"TakeTour"!==this.state.typeOfComponent||9!==e.keyCode&&9!==e.which||e.preventDefault()}},{key:"hideOverlay",value:function(e,t){if("SUBSCRIBE"===e?this.setState({typeOfComponent:"Subscribe",param:t}):"THANKS"===e?this.setState({typeOfComponent:"MaskSuccess",param:t}):"DRAWPREVIEW"===e?this.setState({typeOfComponent:"DrawPreview",param:t}):this.setState({typeOfComponent:""}),"BOARD"===e){var a=document.getElementById("canvasInAPerfectWorld1"),s=a.getContext("2d"),n=new Image;n.src=t.originalMask,s.globalAlpha=1,n.onload=function(){f()(".front-name-blk").show(),f()(".back-name-blk").show(),f()(".vr-line").show(),s.drawImage(n,a.width/2-n.width/2,a.height/2-n.height/2)}}}},{key:"closeTour",value:function(){this.setState({typeOfComponent:""})}},{key:"startTour",value:function(){this.setState({typeOfComponent:"TakeTour"})}},{key:"handleSubmit",value:function(){var e=this,t=document.getElementById("canvasInAPerfectWorld1"),a=t.getContext("2d");if(this.state.fTag1.trim()||this.state.fTag2.trim()||this.state.fTag3.trim()||this.state.bTag1.trim()||this.state.bTag2.trim()||this.state.bTag3.trim()){var s=t.toDataURL("image/jpg",1);f()(".front-name-blk").hide(),f()(".back-name-blk").hide(),f()(".vr-line").hide();var l=t.width/4,r=t.width/4*3;a.fillStyle="#000";a.font="bold 15px Arial",a.fillText("FRONT OF THE MASK",l,30),a.fillText("BACK OF THE MASK",r,30),a.font="12px Arial",a.fillText("(Drawings + Words)",l+30,45),a.fillText("(Words Only)",r+40,45);var o=t.width/3*2;a.beginPath(),a.moveTo(o,0),a.lineTo(o,t.height),a.strokeStyle="#DDD",a.lineWidth=1,a.stroke();var c=[],d=[];this.state.fTag1.trim()&&c.push(this.state.fTag1.toLowerCase().trim()),this.state.fTag2.trim()&&c.push(this.state.fTag2.toLowerCase().trim()),this.state.fTag3.trim()&&c.push(this.state.fTag3.toLowerCase().trim()),this.state.bTag1.trim()&&d.push(this.state.bTag1.toLowerCase().trim()),this.state.bTag2.trim()&&d.push(this.state.bTag2.toLowerCase().trim()),this.state.bTag3.trim()&&d.push(this.state.bTag3.toLowerCase().trim());var m=new Image;m.src="assets/images/waterMark.png",m.onload=function(){a.globalAlpha=.2;var n=o-m.width,l=t.height-m.height-10;a.drawImage(m,n,l);var r={imageData:t.toDataURL("image/jpg",1),originalMask:s,frontMaskTags:c,backMaskTags:d,teacherCode:e.state.teacherCode};e.handleDrawPreview(r)}}else i.b.dismiss(),Object(i.b)(n.a.createElement(O.a,{title:"Error",content:"Please fill atleast one tag for the mask",status:"error"})),setTimeout(function(){i.b.dismiss()},3e3)}},{key:"handleOpenCloseNav",value:function(){this.state.isSidebar?(this.setState({isSidebar:!1}),f()(window).width()<=480?document.getElementById("mySidebar").style.left="-30%":document.getElementById("mySidebar").style.left="-21%"):(this.setState({isSidebar:!0}),document.getElementById("mySidebar").style.left="0")}},{key:"handlePageLoad",value:function(e){if(-1!==f()(".submit-mask").attr("class").indexOf("enable")&&"MaskSuccess"!==this.state.typeOfComponent)return"There is pending work. Sure you want to leave?"}},{key:"render",value:function(){var e=this,t="DrawPreview"===this.state.typeOfComponent?n.a.createElement(R,{typeOfComponent:"DrawPreview",size:"lg",hideOverlay:this.hideOverlay.bind(this),param:this.state.param}):"MaskPreview"===this.state.typeOfComponent?n.a.createElement(R,{typeOfComponent:"MaskPreview",size:"lg",param:this.state.param,hideOverlay:this.hideOverlay.bind(this)}):"Subscribe"===this.state.typeOfComponent?n.a.createElement(R,{typeOfComponent:"Subscribe",size:"md",param:this.state.param,hideOverlay:this.hideOverlay.bind(this)}):"MaskSuccess"===this.state.typeOfComponent?n.a.createElement(R,{typeOfComponent:"MaskSuccess",size:"sm",hideOverlay:this.hideOverlay.bind(this),param:this.state.param}):"TakeTour"===this.state.typeOfComponent?n.a.createElement(Y,{closeTour:this.closeTour}):"";return n.a.createElement(H.a,{onBeforeunload:function(){return e.handlePageLoad()}},n.a.createElement("div",{id:"drawboard"},n.a.createElement("div",{id:"mySidebar",className:"sidebar"},n.a.createElement("div",{className:"sidebar-outer"},n.a.createElement("div",{className:"sidebar-open-close-blk",onClick:this.handleOpenCloseNav},this.state.isSidebar?n.a.createElement("img",{src:"/assets/images/icons/arrow-red-left.png",alt:"Arrow"}):n.a.createElement("img",{src:"/assets/images/icons/arrow-red-right.png",alt:"Arrow"})),n.a.createElement("div",{className:"steps-outer"},n.a.createElement("div",{className:"sidebar-title-blk noselect"},n.a.createElement("p",{className:"title"},"Instructions")),this.state.procedure.map(function(t,a){return n.a.createElement("div",{className:"step-blk noselect",key:a},n.a.createElement("div",{className:"step-number"},n.a.createElement("span",null,t.number)),n.a.createElement("div",{className:"step-desc"},n.a.createElement("p",null,t.desc)),e.state.procedure.length-1!==a?n.a.createElement("div",{className:"hr-line"}):"")})))),n.a.createElement("div",{className:"main-blk"},t,n.a.createElement(K,{save:this.handleSubmit,startTour:this.startTour.bind(this)}),n.a.createElement("div",{className:"drawboard-outer-blk noselect"},n.a.createElement("div",{className:"drawboard-header"}),n.a.createElement("div",{id:"canvasblk",style:{height:this.state.height}},n.a.createElement("div",{className:"canvas-outer"},n.a.createElement("canvas",{id:"canvasInAPerfectWorld",width:"1024",height:"500"}),n.a.createElement("canvas",{id:"canvasInAPerfectWorld1",width:"1024",height:"500",style:{display:"none"}}),n.a.createElement("span",{className:"front-name-blk noselect"},n.a.createElement("p",{className:"title"},"FRONT OF THE MASK"),n.a.createElement("p",{className:"desc"},"(Drawings + Words)")),n.a.createElement("span",{className:"back-name-blk noselect"},n.a.createElement("p",{className:"title"},"BACK OF THE MASK"),n.a.createElement("p",{className:"desc"},"(Words Only)")),n.a.createElement("div",{id:"vr-line"}))),n.a.createElement("div",{className:"draw-footer-blk",id:"draw-footer-blk"},n.a.createElement("div",{className:"draw-footer-outer"},n.a.createElement("div",{className:"front-bottom"},n.a.createElement("div",null,n.a.createElement("p",{className:"noselect"},"What are the qualities and characteristics of yourself that you gladly let others see?"),n.a.createElement("div",{className:"input-blk"},n.a.createElement("input",{type:"text",name:"fTag1",id:"fTag1",maxLength:"25",placeholder:"Type here",value:this.state.fTag1,onChange:this.handleInputChange}),n.a.createElement("input",{type:"text",name:"fTag2",id:"fTag2",maxLength:"25",placeholder:"Type here",value:this.state.fTag2,onChange:this.handleInputChange}),n.a.createElement("input",{type:"text",name:"fTag3",id:"fTag3",maxLength:"25",placeholder:"Type here",value:this.state.fTag3,onChange:this.handleInputChange})))),n.a.createElement("div",{className:"back-bottom"},n.a.createElement("div",null,n.a.createElement("p",{className:"noselect"},"What are the qualities and characteristics of yourself that you dont let others see?"),n.a.createElement("div",{className:"input-blk"},n.a.createElement("input",{type:"text",name:"bTag1",id:"bTag1",maxLength:"25",placeholder:"Type here",value:this.state.bTag1,onChange:this.handleInputChange}),n.a.createElement("input",{type:"text",name:"bTag2",id:"bTag2",maxLength:"25",placeholder:"Type here",value:this.state.bTag2,onChange:this.handleInputChange}),n.a.createElement("input",{type:"text",name:"bTag3",id:"bTag3",maxLength:"25",placeholder:"Type here",value:this.state.bTag3,onChange:this.handleInputChange}))))))))))}}]),a}(s.Component)),_=a(20),q=(a(226),function(e){Object(h.a)(a,e);var t=Object(u.a)(a);function a(e){var s;return Object(d.a)(this,a),(s=t.call(this,e)).state={userInfo:{name:""},redirect:!1,redirectTarget:"",typeOfComponent:"",param:""},s.handleMyCodes=s.handleMyCodes.bind(Object(b.a)(s)),s.handleEditProfile=s.handleEditProfile.bind(Object(b.a)(s)),s.handleChangePassword=s.handleChangePassword.bind(Object(b.a)(s)),s.handleLogout=s.handleLogout.bind(Object(b.a)(s)),s}return Object(m.a)(a,[{key:"hideOverlay",value:function(e,t){this.setState({typeOfComponent:""})}},{key:"handleLogout",value:function(){localStorage.removeItem("userInfo"),this.setState({redirect:!0,redirectTarget:"/"})}},{key:"handleMyCodes",value:function(){this.setState({typeOfComponent:"MyCodes"})}},{key:"handleEditProfile",value:function(){this.setState({typeOfComponent:"EditProfile"})}},{key:"handleChangePassword",value:function(){this.setState({typeOfComponent:"ChangePassword"})}},{key:"componentDidMount",value:function(){var e=JSON.parse(localStorage.getItem("userInfo"));e&&this.setState({userInfo:e})}},{key:"render",value:function(){if(this.state.redirect)return n.a.createElement(g.a,{to:this.state.redirectTarget});var e="EditProfile"===this.state.typeOfComponent?n.a.createElement(R,{typeOfComponent:"EditProfile",size:"lg",param:this.state.param,hideOverlay:this.hideOverlay.bind(this)}):"ChangePassword"===this.state.typeOfComponent?n.a.createElement(R,{typeOfComponent:"ChangePassword",size:"md",param:this.state.param,hideOverlay:this.hideOverlay.bind(this)}):"MyCodes"===this.state.typeOfComponent?n.a.createElement(R,{typeOfComponent:"MyCodes",size:"md",param:this.state.param,hideOverlay:this.hideOverlay.bind(this)}):"";return n.a.createElement("div",{id:"header"},e,n.a.createElement("div",{className:"header-outer-blk noselect"},n.a.createElement("div",{className:"gallery-logo-blk"},n.a.createElement("a",{href:"/"},n.a.createElement("img",{src:"/assets/images/logo.svg",className:"gallery-logo-img",alt:"logo"})),"admin"===this.props.role?n.a.createElement("p",{className:"admin-console"},"Admin console"):n.a.createElement(n.a.Fragment,null,n.a.createElement("div",{className:"vr-line"}),n.a.createElement("a",{href:"/"},n.a.createElement("img",{src:"/assets/images/ic_everforward.png",className:"ever-img",alt:"logo"})))),n.a.createElement("div",{className:"header-right-btn-section"},n.a.createElement("div",{className:"d-flex"},"gallery"===this.props.role?n.a.createElement("a",{className:"draw-btn",href:"/drawboard"},n.a.createElement("img",{className:"mask-img",src:"assets/images/icons/mask.png",alt:"mask"}),n.a.createElement("p",null,"draw your mask ")):n.a.createElement("div",null),this.props.loggedIn?n.a.createElement("div",{className:"dropdown"},n.a.createElement("button",{className:"dropbtn"},this.state.userInfo.name||this.state.userInfo.firstName," ",n.a.createElement("img",{src:"assets/images/icons/arrow-white-down.svg",alt:"down"})," "),n.a.createElement("div",{className:"dropdown-content"},n.a.createElement("p",{onClick:this.handleMyCodes},"My Codes"),n.a.createElement("p",{onClick:this.handleEditProfile},"Profile"),n.a.createElement("p",{onClick:this.handleChangePassword},"Change password"),n.a.createElement("p",{onClick:this.handleLogout,style:{color:"#E02020"}},"Signout"))):""))))}}]),a}(s.Component)),$=a(44),Z=(a(227),function(e){Object(h.a)(a,e);var t=Object(u.a)(a);function a(e){var s;return Object(d.a)(this,a),(s=t.call(this,e)).state={role:"",redirect:!1,redirectTarget:"",userInfo:{teacherCode:"",additionalCodes:[]},loggedIn:!1,typeOfComponent:"",maskPreviewIndex:"",age:"",teacherCode:"",word:"",location:"",selectedOptions:[],selectedFilterValues:[],maskData:[],nextCursor:null,isNextPageAvailable:!1,nextPage:!1},s.handleGetMask=Object($.debounce)(500,s.handleGetMask.bind(Object(b.a)(s))),s.handleFilterInputChange=s.handleFilterInputChange.bind(Object(b.a)(s)),s.handleFilterSelectChange=s.handleFilterSelectChange.bind(Object(b.a)(s)),s.handleFilterClear=s.handleFilterClear.bind(Object(b.a)(s)),s.handleRemoveSpecificFilter=s.handleRemoveSpecificFilter.bind(Object(b.a)(s)),s.handleCheckboxChange=s.handleCheckboxChange.bind(Object(b.a)(s)),s.handleMaskPreview=s.handleMaskPreview.bind(Object(b.a)(s)),s.hideOverlay=s.hideOverlay.bind(Object(b.a)(s)),s.handleNextPrev=s.handleNextPrev.bind(Object(b.a)(s)),s}return Object(m.a)(a,[{key:"componentDidMount",value:function(){var e=JSON.parse(localStorage.getItem("userInfo"));e?this.setState({userInfo:e,role:e.role,loggedIn:!0}):"/teacher/dashboard"===this.props.match.url||"/admin/dashboard"===this.props.match.url?this.setState({redirect:!0,redirectTarget:"/gallery"}):this.setState({role:"gallery"}),f()("#loader").fadeIn(),this.handleGetMask("")}},{key:"handle1GetAllMask",value:function(e){var t=this,a="/mask/getMasksByTeacherId?email="+e;this.state.nextPage&&(f()("#loader").fadeIn(),a+="cursor="+this.state.nextCursor),x.a.APILIST.getMask(a).then(function(e){if("SUCCESS"===e.status){if(t.state.nextPage){var a=t.state.maskData,s=[].concat(Object(_.a)(a),Object(_.a)(e.data.maskDetails));t.setState({maskData:s},function(){})}else t.setState({maskData:e.data.maskDetails});t.setState({nextCursor:e.data.nextCursor,isNextPageAvailable:e.data.isNextPageAvailable,nextPage:!1}),f()("#loader").fadeOut()}}).catch(function(e){f()("#loader").fadeOut(),console.log(e)})}},{key:"handleGetMask",value:function(e){var t=this,a=this.props.match.params.teacherCode;this.setState({teacherCode:a});var s="";s="/teacher/dashboard"===this.props.match.url?"/mask/getMasksByTeacherId?email="+this.state.userInfo.email:"/mask/gallery";var n="";this.state.nextPage&&(f()("#loader").fadeIn(),n+="cursor="+this.state.nextCursor+"&&");for(var l=0;l<e.length;l++)n+=e[l].name+"="+("location"===e[l].name||"word"===e[l].name?e[l].value.toLowerCase():e[l].value),l<e.length-1&&(n+="&&");console.log("param",n),n&&(n="/teacher/dashboard"===this.props.match.url?"&&"+n:"?"+n),x.a.APILIST.getMask(s+n).then(function(e){if("SUCCESS"===e.status){if(t.state.nextPage){var a=t.state.maskData,s=[].concat(Object(_.a)(a),Object(_.a)(e.data.maskDetails));t.setState({maskData:s},function(){})}else t.setState({maskData:e.data.maskDetails});t.setState({nextCursor:e.data.nextCursor,isNextPageAvailable:e.data.isNextPageAvailable,nextPage:!1}),f()("#loader").fadeOut()}}).catch(function(e){console.log(e),f()("#loader").fadeOut()})}},{key:"handleFilterInputChange",value:function(e){this.state.showDownload&&(f()(".checkMask").prop("checked",!1),this.setState({showDownload:!1,checkedMask:[]}));var t=e.target,a=t.name,s=t.value,n=this.state.selectedFilterValues,l=this.state.selectedOptions,r=!1;if("age"===a){if(s.length<=2&&"0"!==s[0]){/^[0-9]+$/.test(s)||""===s?(this.setState(Object(S.a)({},a,s)),r=!0):r=!1}}else if("location"===a){/^[0-9A-Za-z ]+$/.test(s)||""===s?(this.setState(Object(S.a)({},a,s)),r=!0):r=!1}else if("word"===a){/^[0-9A-Za-z ]+$/.test(s)||""===s?(this.setState(Object(S.a)({},a,s)),r=!0):r=!1}if(r){for(var i=!1,o=0;o<n.length;o++)n[o].name===a&&(n[o].value=s,i=!0);i||(n.push({name:a,value:s}),l.push(a)),0===s.length&&(l.splice(l.indexOf(a),1),n.splice(l.indexOf(a),1)),this.setState({selectedFilterValues:n,selectedOptions:l}),this.handleGetMask(n)}}},{key:"handleFilterSelectChange",value:function(e){this.state.showDownload&&(f()(".checkMask").prop("checked",!1),this.setState({showDownload:!1,checkedMask:[]}));var t=e.target,a=t.name,s=t.value,n=this.state.selectedOptions,l=this.state.selectedFilterValues;if(s)n.indexOf(a)>=0?(l[n.indexOf(a)].value=s,this.setState({selectedFilterValues:l}),this.handleGetMask(l)):(n.push(a),l.push({name:a,value:s}),this.setState({selectedFilterValues:l,selectedOptions:n}),this.handleGetMask(l));else{for(var r=this.state.selectedOptions.indexOf(a),i=this.state.selectedFilterValues,o=0;o<i.length;o++)i[o].name===a&&i.splice(o,1);for(var c=0;c<n.length;c++)n.splice(r,1);this.setState({selectedFilterValues:i,selectedOptions:n}),this.handleGetMask(i)}}},{key:"handleCheckboxChange",value:function(e){var t=e.target.checked,a=this.state.checkedMask,s=e.target.dataset.index;if(t)a.push(this.state.maskData[s]),this.setState({checkedMask:a});else for(var n=0;n<a.length;n++)a[n].maskId===parseInt(e.target.dataset.id)&&(a.splice(n,1),this.setState({checkedMask:a}));a.length>0?this.setState({showDownload:!0}):this.setState({showDownload:!1})}},{key:"handleFilterClear",value:function(){this.state.showDownload&&(f()(".checkMask").prop("checked",!1),this.setState({showDownload:!1,checkedMask:[]})),this.setState({selectedFilterValues:[],selectedOptions:[],word:"",age:"",location:""});for(var e=document.getElementsByTagName("select"),t=0;t<e.length;t++)e[t].selectedIndex=0;this.handleGetMask("")}},{key:"handleRemoveSpecificFilter",value:function(e){this.state.showDownload&&(f()(".checkMask").prop("checked",!1),this.setState({showDownload:!1,checkedMask:[]}));for(var t=this.state.selectedOptions,a=this.state.selectedFilterValues,s=0;s<a.length;s++)a[s].name===e&&a.splice(s,1);f()("#"+e).val(""),this.setState(Object(S.a)({},e,""));var n=t.indexOf(e);t.splice(n,1),this.setState({selectedFilterValues:a,selectedOptions:t}),this.handleGetMask(a)}},{key:"handleNextPrev",value:function(e){var t=this,a=this.state.selectedFilterValues;"N"===e&&this.state.isNextPageAvailable&&this.setState({nextPage:!0},function(){t.handleGetMask(a)})}},{key:"handleMaskPreview",value:function(e){this.setState({typeOfComponent:"MaskPreview",maskPreviewIndex:e})}},{key:"hideOverlay",value:function(){this.setState({typeOfComponent:""})}},{key:"render",value:function(){var e=this;if(this.state.redirect)return n.a.createElement(g.a,{to:this.state.redirectTarget});var t="MaskPreview"===this.state.typeOfComponent?n.a.createElement(R,{typeOfComponent:"MaskPreview",size:"img",hideOverlay:this.hideOverlay.bind(this),maskData:this.state.maskData,maskPreviewIndex:this.state.maskPreviewIndex}):"";return n.a.createElement("div",{id:"gallery"},t,n.a.createElement(q,{loggedIn:this.state.loggedIn,role:this.state.role}),n.a.createElement("div",{className:"gallery-outer-blk noselect"},n.a.createElement("div",{className:"gallery-inner-blk"},n.a.createElement("div",{className:"gallery-top-blk"},n.a.createElement("div",{className:"gallery-top-row"},n.a.createElement("div",{className:"title-blk"},n.a.createElement("div",null,"GALLERY"),"teacher"===this.state.role?n.a.createElement("a",{className:"title-link",href:"/teacher/dashboard"},"Go to Educator View"):""),n.a.createElement("div",{className:"filter-outer-blk"},n.a.createElement("div",{className:"filter-inner-blk"},n.a.createElement("div",{className:"filter-blk "+this.state.role},n.a.createElement("label",{className:"filter-title"},"filter by"),n.a.createElement("div",{className:"hr-line"}),n.a.createElement("input",{type:"text",onChange:this.handleFilterInputChange,value:this.state.age,name:"age",placeholder:"Age",id:"age"}),n.a.createElement("select",{onChange:this.handleFilterSelectChange,name:"gender",id:"gender"},n.a.createElement("option",{value:""},"Gender"),n.a.createElement("option",{value:"Male"},"Male"),n.a.createElement("option",{value:"Female"},"Female"),n.a.createElement("option",{value:"Other"},"Other"),n.a.createElement("option",{value:"Prefer not to answer"},"Prefer not to answer")),n.a.createElement("input",{type:"text",maxLength:"25",onChange:this.handleFilterInputChange,value:this.state.location,name:"location",placeholder:"City",id:"location"})),n.a.createElement("div",{className:"search-blk"},n.a.createElement("img",{src:"/assets/images/icons/Search-small.png",alt:"Search-Icon"}),n.a.createElement("input",{type:"text",placeholder:"gallery"===this.state.role?"Search with Teacher\u2019s code or any keywords":"Search with any keywords",name:"word",maxLength:"25",onChange:this.handleFilterInputChange,value:this.state.word})))),n.a.createElement("div",{className:"clr"})),n.a.createElement(D.a,{effect:"fadeInUp"},n.a.createElement("div",{className:this.state.selectedOptions.length?"gallery-bottom-row":"gallery-bottom-row hide"},n.a.createElement("p",{className:"result-found"},this.state.maskData.length," search results for"),n.a.createElement("div",{className:"selected-filter-blk"},this.state.selectedFilterValues.map(function(t,a){return n.a.createElement(D.a,{effect:"fadeInUp",key:a},n.a.createElement("div",{className:"selected-filter-option"},n.a.createElement("span",{className:"label"},t.name),n.a.createElement("span",null,t.value),n.a.createElement("img",{className:"close-img",src:"/assets/images/icons/Close.png",alt:"close",onClick:function(){return e.handleRemoveSpecificFilter(t.name)}})))})),n.a.createElement("div",{className:"clear-filter",onClick:this.handleFilterClear},"Clear All")))),n.a.createElement("div",{className:"gallery-content-outer"},n.a.createElement("div",{className:"gallery-content-blk"},this.state.maskData.map(function(t,a){return n.a.createElement("div",{className:"mask-blk",key:a},n.a.createElement("div",{className:"mask-top"},n.a.createElement("img",{src:"https://storage.googleapis.com/ever-forward-club.appspot.com/images/"+t.maskGuid+".png",alt:"mask",onClick:function(){return e.handleMaskPreview(a)}})),n.a.createElement("div",{className:"mask-bottom"},n.a.createElement("div",{className:"mask-info"},n.a.createElement("span",null,t.age," Yrs")," | ",n.a.createElement("span",{title:t.gender.length>15?t.gender:""},t.gender.length>15?t.gender.substring(0,15)+"...":t.gender)," | ",n.a.createElement("span",{style:{textTransform:"capitalize"},title:t.city.length>15?t.city:""},t.city.length>15?t.city.substring(0,15)+"...":t.city))))}),0===this.state.maskData.length?n.a.createElement("div",null,n.a.createElement("h1",{style:{textAlign:"center",color:"#FFF"}},"No Mask Found")):"",n.a.createElement("div",{className:"pagination-outer"},this.state.isNextPageAvailable?n.a.createElement("div",{className:"pagination-inner"},n.a.createElement("div",{className:"next-blk",onClick:function(){return e.handleNextPrev("N")}},n.a.createElement("p",null,"Show more"))):""))),n.a.createElement("div",{className:"footer"},n.a.createElement("p",null,"\xa9 everforwardclub.org - 2020")))))}}]),a}(s.Component)),Q=a(74),X=a.n(Q),ee=a(141),te=a(53),ae=a.n(te),se=(a(248),a(249),a(250),function(e){Object(h.a)(a,e);var t=Object(u.a)(a);function a(e){var s;return Object(d.a)(this,a),(s=t.call(this,e)).state={phraseActive:"",educatorId:0,educatorName:"Educator",educatorFlag:"all",phraseList:[],page:"AD",redirect:!1,redirectTarget:"",userInfo:{teacherCode:"",additionalCodes:[]},loggedIn:!1,teacherCodeList:[],educatorDetail:[],educatorDetailCompleteList:[],typeOfComponent:"",maskPreviewIndex:"",age:"",teacherCode:"",word:"",location:"",selectedOptions:[],selectedFilterValues:[],maskData:[],checkedMask:[],showDownload:!1,nextCursor:null,isNextPageAvailable:!1,nextPage:!1,dateFilter:!0,filterActive:"today",dateFilterValue:"dateFilter=today",customFilter:!1,customFilterValue:"",dateText:"Custom",showDate:!1,selectionRange:{startDate:new Date,endDate:new Date,key:"selection",color:"#6DD400"}},s.wrapperRef=n.a.createRef(),s.handle1GetAllMask=s.handle1GetAllMask.bind(Object(b.a)(s)),s.handleGetMask=Object($.debounce)(500,s.handleGetMask.bind(Object(b.a)(s))),s.handleFilterInputChange=s.handleFilterInputChange.bind(Object(b.a)(s)),s.handleFilterSelectChange=s.handleFilterSelectChange.bind(Object(b.a)(s)),s.handleFilterClear=s.handleFilterClear.bind(Object(b.a)(s)),s.handleRemoveSpecificFilter=s.handleRemoveSpecificFilter.bind(Object(b.a)(s)),s.handleCheckboxChange=s.handleCheckboxChange.bind(Object(b.a)(s)),s.handleMaskPreview=s.handleMaskPreview.bind(Object(b.a)(s)),s.handleMultipleDownload=s.handleMultipleDownload.bind(Object(b.a)(s)),s.handleSingleDownload=s.handleSingleDownload.bind(Object(b.a)(s)),s.hideOverlay=s.hideOverlay.bind(Object(b.a)(s)),s.handleNextPrev=s.handleNextPrev.bind(Object(b.a)(s)),s.handleEducatorDetails=s.handleEducatorDetails.bind(Object(b.a)(s)),s.handleOpenEducator=s.handleOpenEducator.bind(Object(b.a)(s)),s.handleAllEducator=s.handleAllEducator.bind(Object(b.a)(s)),s.handeleDateviceFilter=s.handeleDateviceFilter.bind(Object(b.a)(s)),s.handlePhrasesDetails=s.handlePhrasesDetails.bind(Object(b.a)(s)),s.handleDateSelection=s.handleDateSelection.bind(Object(b.a)(s)),s.handleDateOpen=s.handleDateOpen.bind(Object(b.a)(s)),s}return Object(m.a)(a,[{key:"componentDidMount",value:function(){var e=JSON.parse(localStorage.getItem("userInfo"));e&&"admin"===e.role?(f()("#loader").fadeIn(),f()("body").css("background","#373737"),this.handleGetMask(""),this.handleEducatorDetails(),this.handlePhrasesDetails("FT"),this.setState({userInfo:e,loggedIn:!0})):this.setState({redirect:!0,redirectTarget:"/"})}},{key:"componentWillUnmount",value:function(){f()("body").css("background","none")}},{key:"handleGetTeacherCodeList",value:function(e){var t=this,a="/teacher/getAllTeacherCodesById?email="+e;x.a.APILIST.getMask(a).then(function(e){if("SUCCESS"===e.status){var a=e.codeWithName?e.codeWithName:{},s={Default:e.teacherCode},n=f.a.extend(s,a);t.setState({teacherCodeList:n})}}).catch(function(e){console.log(e)})}},{key:"handlePhrasesDetails",value:function(e){var t=this;f()("#loader").fadeIn(),this.setState({phraseActive:e});var a="";a="FT"===e?"/admin/getMaskCountForFrontTags":"/admin/getMaskCountForBackTags",x.a.APILIST.getMask(a).then(function(e){if("SUCCESS"===e.status){var a=Object.keys(e.tagsWithMaskCount).map(function(t){return[t,e.tagsWithMaskCount[t]]});a.sort(function(e,t){return t[1]-e[1]}),t.setState({phraseList:a.slice(0,10)}),f()("#loader").fadeOut()}}).catch(function(e){f()("#loader").fadeOut(),console.log(e.response.text);var t=JSON.parse(e.response.text);i.b.dismiss(),Object(i.b)(n.a.createElement(O.a,{title:"Educator",content:t.message,status:"error"})),setTimeout(function(){i.b.dismiss()},3e3)})}},{key:"handleEducatorDetails",value:function(){var e=this;f()("#loader").fadeIn();x.a.APILIST.getMask("/admin/getEducatorsDetails").then(function(t){if("SUCCESS"===t.status){var a=t.data.slice(0,10);e.setState({educatorDetailCompleteList:t.data,educatorDetail:a}),f()("#loader").fadeOut()}}).catch(function(e){f()("#loader").fadeOut(),console.log(e.response.text);var t=JSON.parse(e.response.text);i.b.dismiss(),Object(i.b)(n.a.createElement(O.a,{title:"Educator",content:t.message,status:"error"})),setTimeout(function(){i.b.dismiss()},3e3)})}},{key:"handle1GetAllMask",value:function(e){var t=this,a="/admin/adminMaskSearch";this.state.nextPage&&(f()("#loader").fadeIn(),a+="cursor="+this.state.nextCursor),x.a.APILIST.getMask(a).then(function(e){if("SUCCESS"===e.status){if(t.state.nextPage){var a=t.state.maskData,s=[].concat(Object(_.a)(a),Object(_.a)(e.data.maskDetails));t.setState({maskData:s},function(){})}else t.setState({maskData:e.data.maskDetails});t.setState({nextCursor:e.data.nextCursor,isNextPageAvailable:e.data.isNextPageAvailable,nextPage:!1}),f()("#loader").fadeOut()}}).catch(function(e){f()("#loader").fadeOut(),console.log(e)})}},{key:"handleGetMask",value:function(e){var t=this,a=this.props.match.params.teacherCode;this.setState({teacherCode:a});var s="";this.state.nextPage&&(f()("#loader").fadeIn(),s+="cursor="+this.state.nextCursor+"&&");for(var n=0;n<e.length;n++)"dateRange"===e[n].name?s+="startDate="+e[n].value.split(" - ")[0]+"&&endDate="+e[n].value.split(" - ")[1]:s+=e[n].name+"="+("location"===e[n].name||"word"===e[n].name?e[n].value.toLowerCase():e[n].value),n<e.length-1&&(s+="&&");s&&(s="?"+s),this.state.dateFilter&&(s+=s?"&&"+this.state.dateFilterValue:"?"+this.state.dateFilterValue),this.state.customFilter&&(s+=s?"&&"+this.state.customFilterValue:"?"+this.state.customFilterValue),console.log("all param",s),x.a.APILIST.getMask("/admin/adminMaskSearch"+s).then(function(e){if("SUCCESS"===e.status){if(t.state.nextPage){var a=t.state.maskData,s=[].concat(Object(_.a)(a),Object(_.a)(e.data.maskDetails));t.setState({maskData:s},function(){})}else t.setState({maskData:e.data.maskDetails});t.setState({nextCursor:e.data.nextCursor,isNextPageAvailable:e.data.isNextPageAvailable,nextPage:!1}),f()("#loader").fadeOut()}f()("#loader").fadeOut()}).catch(function(e){console.log(e),f()("#loader").fadeOut()})}},{key:"handleFilterInputChange",value:function(e){this.state.showDownload&&(f()(".checkMask").prop("checked",!1),this.setState({showDownload:!1,checkedMask:[]}));var t=e.target,a=t.name,s=t.value,n=this.state.selectedFilterValues,l=this.state.selectedOptions,r=!1;if("age"===a){if(s.length<=2&&"0"!==s[0]){/^[0-9]+$/.test(s)||""===s?(this.setState(Object(S.a)({},a,s)),r=!0):r=!1}}else if("location"===a){/^[0-9A-Za-z ]+$/.test(s)||""===s?(this.setState(Object(S.a)({},a,s)),r=!0):r=!1}else if("word"===a){/^[0-9A-Za-z ]+$/.test(s)||""===s?(this.setState(Object(S.a)({},a,s)),r=!0):r=!1}if(r){for(var i=!1,o=0;o<n.length;o++)n[o].name===a&&(n[o].value=s,i=!0);i||(n.push({name:a,value:s}),l.push(a)),0===s.length&&(l.splice(l.indexOf(a),1),n.splice(l.indexOf(a),1)),this.setState({selectedFilterValues:n,selectedOptions:l}),this.handleGetMask(n)}}},{key:"handleFilterSelectChange",value:function(e){this.state.showDownload&&(f()(".checkMask").prop("checked",!1),this.setState({showDownload:!1,checkedMask:[]}));var t=e.target,a=t.name,s=t.value,n=this.state.selectedOptions,l=this.state.selectedFilterValues;if(s)n.indexOf(a)>=0?(l[n.indexOf(a)].value=s,this.setState({selectedFilterValues:l}),this.handleGetMask(l)):(n.push(a),l.push({name:a,value:s}),this.setState({selectedFilterValues:l,selectedOptions:n}),this.handleGetMask(l));else{for(var r=this.state.selectedOptions.indexOf(a),i=this.state.selectedFilterValues,o=0;o<i.length;o++)i[o].name===a&&i.splice(o,1);for(var c=0;c<n.length;c++)n.splice(r,1);this.setState({selectedFilterValues:i,selectedOptions:n}),this.handleGetMask(i)}}},{key:"handeleDateviceFilter",value:function(e){f()(".gallery-dashboard-filter-cus").removeClass("active");var t={startDate:new Date,endDate:new Date,key:"selection",color:"#6DD400"};this.setState({filterActive:e,customFilter:!1,customFilterValue:"",dateText:"Custom",selectionRange:t,dateFilter:!0,dateFilterValue:"dateFilter="+e});var a=this.state.selectedFilterValues;this.handleGetMask(a)}},{key:"handleDateOpen",value:function(e){this.setState({showDate:!this.state.showDate})}},{key:"handleDateSelection",value:function(e){var t={startDate:e.selection.startDate,endDate:e.selection.endDate,key:"selection",color:"#6DD400"},a=ae()(new Date(e.selection.startDate)).format("MMM DD, YYYY").toUpperCase(),s=ae()(new Date(e.selection.endDate)).format("MMM DD, YYYY").toUpperCase(),n=ae()(a).valueOf(),l=ae()(s).valueOf();if(n<l){f()(".gallery-dashboard-filter-cus").addClass("active"),this.setState({selectionRange:t,dateText:a+" - "+s,filterActive:null,dateFilter:!1,customFilter:!0,customFilterValue:"startDate="+n+"&&endDate="+l,showDate:!1});var r=this.state.selectedFilterValues;this.handleGetMask(r)}}},{key:"handleCheckboxChange",value:function(e){var t=e.target.checked,a=this.state.checkedMask,s=e.target.dataset.index;if(t)a.push(this.state.maskData[s]),this.setState({checkedMask:a});else for(var n=0;n<a.length;n++)a[n].maskId===parseInt(e.target.dataset.id)&&(a.splice(n,1),this.setState({checkedMask:a}));a.length>0?this.setState({showDownload:!0}):this.setState({showDownload:!1})}},{key:"handleFilterClear",value:function(){this.state.showDownload&&(f()(".checkMask").prop("checked",!1),this.setState({showDownload:!1,checkedMask:[]}));var e={startDate:new Date,endDate:new Date,key:"selection",color:"#6DD400"};this.setState({selectedFilterValues:[],selectedOptions:[],word:"",age:"",location:"",dateFilter:"",dateRange:"",filterActive:null,dateText:"Custom",selectionRange:e});for(var t=document.getElementsByTagName("select"),a=0;a<t.length;a++)t[a].selectedIndex=0;f()(".gallery-dashboard-filter-cus").removeClass("active"),this.handleGetMask("")}},{key:"handleRemoveSpecificFilter",value:function(e){this.state.showDownload&&(f()(".checkMask").prop("checked",!1),this.setState({showDownload:!1,checkedMask:[]}));for(var t=this.state.selectedOptions,a=this.state.selectedFilterValues,s=0;s<a.length;s++)a[s].name===e&&a.splice(s,1);f()("#"+e).val(""),this.setState(Object(S.a)({},e,""));var n=t.indexOf(e);if(t.splice(n,1),"dateRange"===e){var l={startDate:new Date,endDate:new Date,key:"selection",color:"#6DD400"};this.setState({dateRange:"",dateText:"Custom",selectionRange:l}),f()(".gallery-dashboard-filter-cus").removeClass("active")}this.setState({selectedFilterValues:a,selectedOptions:t}),this.handleGetMask(a)}},{key:"handleNextPrev",value:function(e){var t=this,a=this.state.selectedFilterValues;"N"===e&&this.state.isNextPageAvailable&&this.setState({nextPage:!0},function(){t.handleGetMask(a)})}},{key:"handleMaskPreview",value:function(e){this.setState({typeOfComponent:"MaskPreview",maskPreviewIndex:e})}},{key:"handleAllEducator",value:function(){this.setState({typeOfComponent:"EducatorDetail",educatorFlag:"all"})}},{key:"handleOpenEducator",value:function(e,t){this.setState({typeOfComponent:"EducatorDetail",educatorId:e,educatorName:t,educatorFlag:"single"})}},{key:"hideOverlay",value:function(){this.setState({typeOfComponent:""}),f()("#loader").fadeOut()}},{key:"handleSingleDownload",value:function(e){var t="https://storage.googleapis.com/ever-forward-club.appspot.com/images/"+e+".png";Object(E.saveAs)(t,e+".png")}},{key:"handleMultipleDownload",value:function(){var e=this,t=new X.a,a=0,s=this.state.checkedMask;s.forEach(function(n){fetch("https://storage.googleapis.com/ever-forward-club.appspot.com/images/"+n.maskGuid+".png",{method:"GET"}).then(function(e){return e.blob()}).then(function(l){t.file(n.maskGuid+".png",l,{binary:!0}),++a===s.length&&t.generateAsync({type:"blob"}).then(function(t){Object(E.saveAs)(t,"maskDownload.zip"),f()(".checkMask").prop("checked",!1),e.setState({showDownload:!1,checkedMask:[]}),e.handleFilterClear()})}).catch(function(e){console.log(e)})})}},{key:"render",value:function(){var e=this;if(this.state.redirect)return n.a.createElement(g.a,{to:this.state.redirectTarget});var t="MaskPreview"===this.state.typeOfComponent?n.a.createElement(R,{typeOfComponent:"MaskPreview",size:"img",hideOverlay:this.hideOverlay.bind(this),maskData:this.state.maskData,maskPreviewIndex:this.state.maskPreviewIndex}):"EducatorDetail"===this.state.typeOfComponent?n.a.createElement(R,{typeOfComponent:"EducatorDetail",size:"md",hideOverlay:this.hideOverlay.bind(this),educatorId:this.state.educatorId,educatorName:this.state.educatorName,educatorFlag:this.state.educatorFlag,educatorDetailCompleteList:this.state.educatorDetailCompleteList}):"";return n.a.createElement("div",{id:"admin-gallery"},t,n.a.createElement(q,{loggedIn:this.state.loggedIn,page:this.state.page}),n.a.createElement("div",null,n.a.createElement("div",{className:"gallery-inner-left-blk"},n.a.createElement("div",{className:"gallery-outer-blk noselect"},n.a.createElement("div",{className:"gallery-inner-blk"},n.a.createElement("div",{className:"gallery-dashboard-filter"},n.a.createElement("div",{className:"gallery-dashboard-filter-dash"}," ",n.a.createElement("b",null,"DASHBOARD")),n.a.createElement("div",{className:"gallery-dashboard-filter-today ".concat("today"===this.state.filterActive?"active":""),onClick:function(){return e.handeleDateviceFilter("today")}},"Today"),n.a.createElement("div",{className:"gallery-dashboard-filter-week ".concat("this-week"===this.state.filterActive?"active":""),onClick:function(){return e.handeleDateviceFilter("this-week")}},"This Week"),n.a.createElement("div",{className:"gallery-dashboard-filter-month ".concat("this-month"===this.state.filterActive?"active":""),onClick:function(){return e.handeleDateviceFilter("this-month")}},"This Month"),n.a.createElement("div",{className:"gallery-dashboard-filter-year ".concat("this-year"===this.state.filterActive?"active":""),onClick:function(){return e.handeleDateviceFilter("this-year")}},"This Year"),n.a.createElement("div",{className:"gallery-dashboard-filter-cus"},n.a.createElement("div",{onClick:this.handleDateOpen},this.state.dateText),n.a.createElement("div",{className:"DatePicker-blk ".concat(this.state.showDate?"show":"hide"),ref:this.wrapperRef},n.a.createElement(ee.DateRange,{editableDateInputs:!0,moveRangeOnFirstSelection:!1,ranges:[this.state.selectionRange],onChange:this.handleDateSelection})))),n.a.createElement("div",{className:"gallery-top-blk"},n.a.createElement("div",{className:"gallery-top-row"},n.a.createElement("span",{style:{display:"none"}},JSON.stringify(this.state.selectedOptions)),n.a.createElement("div",{className:"filter-outer-blk"},n.a.createElement("div",{className:"filter-inner-blk"},n.a.createElement("div",{className:"filter-blk "+this.state.page},n.a.createElement("label",{className:"filter-title"},"filter by"),n.a.createElement("div",{className:"hr-line"}),n.a.createElement("input",{type:"text",onChange:this.handleFilterInputChange,value:this.state.age,name:"age",placeholder:"Age",id:"age"}),n.a.createElement("select",{onChange:this.handleFilterSelectChange,name:"gender",id:"gender"},n.a.createElement("option",{value:""},"Gender"),n.a.createElement("option",{value:"Male"},"Male"),n.a.createElement("option",{value:"Female"},"Female"),n.a.createElement("option",{value:"Other"},"Other"),n.a.createElement("option",{value:"Prefer not to answer"},"Prefer not to answer")),n.a.createElement("input",{type:"text",maxLength:"25",onChange:this.handleFilterInputChange,value:this.state.location,name:"location",placeholder:"City",id:"location"})),n.a.createElement("div",{className:"search-blk"},n.a.createElement("img",{src:"/assets/images/icons/Search-small.png",alt:"Search-Icon"}),n.a.createElement("input",{type:"text",placeholder:"Search with Teacher\u2019s code or any keywords ",name:"word",maxLength:"25",onChange:this.handleFilterInputChange,value:this.state.word})))),n.a.createElement("div",{className:"clr"})),n.a.createElement(D.a,{effect:"fadeInUp"},n.a.createElement("div",{className:this.state.selectedOptions.length?"gallery-bottom-row":"gallery-bottom-row hide"},n.a.createElement("p",{className:"result-found"},this.state.maskData.length," search results for"),n.a.createElement("div",{className:"selected-filter-blk"},this.state.selectedFilterValues.map(function(t,a){return n.a.createElement(D.a,{effect:"fadeInUp",key:a},n.a.createElement("div",{className:"selected-filter-option"},n.a.createElement("span",{className:"label"},t.name),n.a.createElement("span",null,t.value),n.a.createElement("img",{className:"close-img",src:"/assets/images/icons/Close.png",alt:"close",onClick:function(){return e.handleRemoveSpecificFilter(t.name)}})))})),n.a.createElement("div",{className:"clear-filter",onClick:this.handleFilterClear},"Clear All")))),n.a.createElement("div",{className:"gallery-content-outer"},n.a.createElement("div",{className:"gallery-content-blk"},this.state.maskData.map(function(t,a){return n.a.createElement("div",{className:"mask-blk",key:a},n.a.createElement("div",{className:"mask-top"},n.a.createElement("div",{className:"position-align"},n.a.createElement("div",{className:"select-and-share-blk"},n.a.createElement("div",{className:"round"},n.a.createElement("input",{type:"checkbox",className:"checkMask",id:"checkbox-"+a,"data-id":t.maskId,"data-index":a,name:"checkboxId-"+a,onChange:e.handleCheckboxChange}),n.a.createElement("label",{htmlFor:"checkbox-"+a})))),n.a.createElement("img",{src:"https://storage.googleapis.com/ever-forward-club.appspot.com/images/"+t.maskGuid+".png",alt:"mask",onClick:function(){return e.handleMaskPreview(a)}})),n.a.createElement("div",{className:"mask-bottom"},n.a.createElement("div",{className:"mask-info"},n.a.createElement("span",null,t.age," Yrs")," | ",n.a.createElement("span",{title:t.gender.length>15?t.gender:""},t.gender.length>15?t.gender.substring(0,15)+"...":t.gender)," | ",n.a.createElement("span",{style:{textTransform:"capitalize"},title:t.city.length>15?t.city:""},t.city.length>15?t.city.substring(0,15)+"...":t.city)),n.a.createElement("div",{onClick:function(){return e.handleSingleDownload(t.maskGuid)}},n.a.createElement("img",{className:"download-img",src:"/assets/images/icons/download-plain.png",alt:"download"}))))}),0===this.state.maskData.length?n.a.createElement("div",null,n.a.createElement("h1",{style:{textAlign:"center",color:"#FFF"}},"No Mask Found")):"",n.a.createElement("div",{className:"pagination-outer"},this.state.isNextPageAvailable?n.a.createElement("div",{className:"pagination-inner"},n.a.createElement("div",{className:"next-blk",onClick:function(){return e.handleNextPrev("N")}},n.a.createElement("p",null,"Show more"))):""))),n.a.createElement("div",{className:"footer"},n.a.createElement("p",null,"\xa9 everforwardclub.org - 2020")),n.a.createElement("div",{className:this.state.showDownload?"showdownload-outer show":"showdownload-outer hide"},n.a.createElement("div",{className:"showdownload-inner"},n.a.createElement("span",{className:"selected-count-title"},this.state.checkedMask.length," Mask",this.state.checkedMask.length>1?"s":""," Selected"),n.a.createElement("div",{className:"hr-line"}),n.a.createElement("span",{className:"selected-title"},"Download selected Mask",this.state.checkedMask.length>1?"s":""),n.a.createElement("div",{className:"download-btn",onClick:this.handleMultipleDownload},n.a.createElement("img",{className:"download-img",src:"/assets/images/icons/download-solid.png",alt:"download"}),n.a.createElement("span",{className:"download-label"},"Download"))))))),n.a.createElement("div",{className:"gallery-inner-right-blk"},n.a.createElement("div",null,n.a.createElement("div",{className:"gallery-inner-right-blk-topdiv"},n.a.createElement("div",{className:"gallery-inner-right-blk-topdiv-lfloat"},n.a.createElement("b",null,"EDUCATORS")),n.a.createElement("div",{className:"gallery-inner-right-blk-topdiv-rfloat",onClick:this.handleAllEducator},"See All")),n.a.createElement("table",{className:"gallery-inner-right-blk-topdiv-table"},n.a.createElement("thead",{className:"gallery-inner-right-blk-topdiv-table-head"},n.a.createElement("tr",null,n.a.createElement("td",{className:"gallery-inner-right-blk-topdiv-table-head-cell"},n.a.createElement("div",{className:"gallery-inner-right-blk-topdiv-name-rfloat"},"Name"),n.a.createElement("div",{className:"gallery-inner-right-blk-topdiv-code-rfloat"},"No.of.Codes & Masks")))),n.a.createElement("tbody",null,n.a.createElement("tr",null,n.a.createElement("td",null,this.state.educatorDetail.map(function(t,a){return n.a.createElement("div",{key:a,className:"gallery-inner-right-blk-topdiv-table-head-cell",onClick:function(){return e.handleOpenEducator(t.email,t.name)}},n.a.createElement("div",{className:"gallery-inner-right-blk-topdiv-name-rfloat"},t.name),n.a.createElement("div",{className:"gallery-inner-right-blk-topdiv-code-rfloat"},t.codesCount," (",t.maskCount,")"),n.a.createElement("br",null))})))))),n.a.createElement("div",null,n.a.createElement("div",{className:"gallery-inner-right-blk-topdiv"},n.a.createElement("div",{className:"gallery-inner-right-blk-topdiv-lfloat"},n.a.createElement("b",null,"PHRASES")),n.a.createElement("a",{href:"/",className:"gallery-inner-right-blk-topdiv-rfloat"},"Download All")),n.a.createElement("div",null,n.a.createElement("div",{className:"gallery-dashboard-filter-front ".concat("FT"===this.state.phraseActive?"active":""),onClick:function(){return e.handlePhrasesDetails("FT")}},"Front"),n.a.createElement("div",{className:"gallery-dashboard-filter-back  ".concat("BT"===this.state.phraseActive?"active":""),onClick:function(){return e.handlePhrasesDetails("BT")}},"Back")),n.a.createElement("table",{className:"gallery-inner-right-blk-topdiv-table"},n.a.createElement("thead",{className:"gallery-inner-right-blk-topdiv-table-head"},n.a.createElement("tr",null,n.a.createElement("td",{className:"gallery-inner-right-blk-topdiv-table-head-cell"},n.a.createElement("div",{className:"gallery-inner-right-blk-topdiv-name-rfloat"},"Top Phrases"),n.a.createElement("div",{className:"gallery-inner-right-blk-topdiv-code-rfloat"},"No.Masks")))),n.a.createElement("tbody",null,n.a.createElement("tr",null,n.a.createElement("td",null,this.state.phraseList.map(function(e,t){return n.a.createElement("div",{key:t,className:"gallery-inner-right-blk-topdiv-table-head-cell"},n.a.createElement("div",{className:"gallery-inner-right-blk-topdiv-phrase-name-rfloat"},e[0]),n.a.createElement("div",{className:"gallery-inner-right-blk-topdiv-phrase-code-rfloat"},e[1]," "),n.a.createElement("br",null))})))))))))}}]),a}(s.Component)),ne=a(142),le=a(143),re=a.n(le),ie=(a(251),function(e){Object(h.a)(a,e);var t=Object(u.a)(a);function a(e){var s;return Object(d.a)(this,a),(s=t.call(this,e)).opt={color:"white",rotateRatio:1,rotationSteps:2,minRotation:0,maxRotation:300,wait:30,weightFactor:function(e){return Math.sqrt(e)*s.canvas.current.width/60},fontFamily:"ProximaNova-Regular",gridSize:15,backgroundColor:"rgba(30,30,40,0)",scale:"sqrt",spiral:"rectangular"},s.state={wordcloud:[],list:[],page:"",role:"",redirect:!1,redirectTarget:"",userInfo:{teacherCode:"",additionalCodes:[]},loggedIn:!1,teacherCodeList:[],typeOfComponent:"",maskPreviewIndex:"",age:"",teacherCode:"",word:"",location:"",selectedOptions:[],selectedFilterValues:[],maskData:[],checkedMask:[],showDownload:!1,nextCursor:null,isNextPageAvailable:!1,nextPage:!1},s.handleGetWorkcloud=s.handleGetWorkcloud.bind(Object(b.a)(s)),s.handleGetMask=Object($.debounce)(500,s.handleGetMask.bind(Object(b.a)(s))),s.handleGetTeacherCodeList=s.handleGetTeacherCodeList.bind(Object(b.a)(s)),s.handleFilterInputChange=s.handleFilterInputChange.bind(Object(b.a)(s)),s.handleFilterSelectChange=s.handleFilterSelectChange.bind(Object(b.a)(s)),s.handleFilterClear=s.handleFilterClear.bind(Object(b.a)(s)),s.handleRemoveSpecificFilter=s.handleRemoveSpecificFilter.bind(Object(b.a)(s)),s.handleCheckboxChange=s.handleCheckboxChange.bind(Object(b.a)(s)),s.handleMaskPreview=s.handleMaskPreview.bind(Object(b.a)(s)),s.handleMultipleDownload=s.handleMultipleDownload.bind(Object(b.a)(s)),s.handleSingleDownload=s.handleSingleDownload.bind(Object(b.a)(s)),s.hideOverlay=s.hideOverlay.bind(Object(b.a)(s)),s.handleNextPrev=s.handleNextPrev.bind(Object(b.a)(s)),s.handleDownload=s.handleDownload.bind(Object(b.a)(s)),s.resize=s.resize.bind(Object(b.a)(s)),s.canvas=n.a.createRef(),s}return Object(m.a)(a,[{key:"componentDidMount",value:function(){var e=JSON.parse(localStorage.getItem("userInfo"));e&&"teacher"===e.role?(f()("#loader").fadeIn(),this.handleGetWorkcloud(e.email,e.parameter),this.handleGetTeacherCodeList(e.email),this.handle1GetAllMask(e.email),this.setState({userInfo:e,role:e.role,loggedIn:!0})):this.setState({redirect:!0,redirectTarget:"/"});var t=this.canvas.current;this.parent=t.parentElement,this.handleGetWorkcloud(e.email,this.state.list),this.resize(),console.log(window.innerWidth),window.innerWidth<=768&&(console.log(window.innerWidth),window.addEventListener("resize",this.resize.bind(this)),this.resize())}},{key:"componentWillUnmount",value:function(){window.removeEventListener("resize",this.resize.bind(this))}},{key:"resize",value:function(){var e=this.canvas.current,t=this.parent.getBoundingClientRect();if(null!=e){e.width=t.width,e.height=t.height;var a=JSON.parse(localStorage.getItem("userInfo"));this.handleGetWorkcloud(a.email)}}},{key:"componentDidUpdate",value:function(e){this.props.visData!==e.visData&&this.handleGetWorkcloud(this.state.list)}},{key:"handleGetWorkcloud",value:function(e,t){var a=this,s="/teacher/getTagsWithCount?email="+e+"&&"+t;f()("#loader").fadeIn(),x.a.APILIST.getMask(s).then(function(e){var t=[];if("SUCCESS"===e.status){var s=[];Object.keys(e.tagsWithCount).map(function(a,n){var l=[];return l.push(a.toUpperCase(),e.tagsWithCount[a]),s.push({text:a.toUpperCase(),value:e.tagsWithCount[a]}),t.push(l),1}),a.setState({wordcloud:s,list:a.state.list});var n=a.canvas.current,l=n.getContext("2d");l.fillStyle="blue",l.fillRect(0,0,n.width,n.height),re()(n,Object(ne.a)({list:t},a.opt)),f()("#loader").fadeOut()}}).catch(function(e){f()("#loader").fadeOut(),console.log(e)})}},{key:"handle1GetAllMask",value:function(e){var t=this,a="/mask/getMasksByTeacherId?email="+e;this.state.nextPage&&(f()("#loader").fadeIn(),a+="cursor="+this.state.nextCursor),x.a.APILIST.getMask(a).then(function(e){if("SUCCESS"===e.status){if(t.state.nextPage){var a=t.state.maskData,s=[].concat(Object(_.a)(a),Object(_.a)(e.data.maskDetails));t.setState({maskData:s},function(){})}else t.setState({maskData:e.data.maskDetails});t.setState({nextCursor:e.data.nextCursor,isNextPageAvailable:e.data.isNextPageAvailable,nextPage:!1}),f()("#loader").fadeOut()}}).catch(function(e){f()("#loader").fadeOut(),console.log(e)})}},{key:"handleGetTeacherCodeList",value:function(e){var t=this,a="/teacher/getAllTeacherCodesById?email="+e;x.a.APILIST.getMask(a).then(function(e){if("SUCCESS"===e.status){var a=e.codeWithName?e.codeWithName:{},s={Default:e.teacherCode},n=f.a.extend(s,a);t.setState({teacherCodeList:n})}}).catch(function(e){console.log(e)})}},{key:"handleGetMask",value:function(e){var t=this,a=this.props.match.params.teacherCode;this.setState({teacherCode:a});var s="";s="/teacher/dashboard"===this.props.match.url?"/mask/getMasksByTeacherId?email="+this.state.userInfo.email:"/mask/gallery";var n="";this.state.nextPage&&(f()("#loader").fadeIn(),n+="cursor="+this.state.nextCursor+"&&");for(var l=0;l<e.length;l++)n+=e[l].name+"="+("location"===e[l].name||"word"===e[l].name?e[l].value.toLowerCase():"teacherCode"===e[l].name?this.state.teacherCodeList[e[l].value]:e[l].value),l<e.length-1&&(n+="&&");console.log("param",n),n&&(n="/teacher/dashboard"===this.props.match.url?"&&"+n:"?"+n),this.handleGetWorkcloud(this.state.userInfo.email,n),x.a.APILIST.getMask(s+n).then(function(e){if("SUCCESS"===e.status){if(t.state.nextPage){var a=t.state.maskData,s=[].concat(Object(_.a)(a),Object(_.a)(e.data.maskDetails));t.setState({maskData:s},function(){})}else t.setState({maskData:e.data.maskDetails});t.setState({nextCursor:e.data.nextCursor,isNextPageAvailable:e.data.isNextPageAvailable,nextPage:!1}),f()("#loader").fadeOut()}}).catch(function(e){console.log(e),f()("#loader").fadeOut()})}},{key:"handleFilterInputChange",value:function(e){this.state.showDownload&&(f()(".checkMask").prop("checked",!1),this.setState({showDownload:!1,checkedMask:[]}));var t=e.target,a=t.name,s=t.value,n=this.state.selectedFilterValues,l=this.state.selectedOptions,r=!1;if("age"===a){if(s.length<=2&&"0"!==s[0]){/^[0-9]+$/.test(s)||""===s?(this.setState(Object(S.a)({},a,s)),r=!0):r=!1}}else if("location"===a){/^[0-9A-Za-z ]+$/.test(s)||""===s?(this.setState(Object(S.a)({},a,s)),r=!0):r=!1}else if("word"===a){/^[0-9A-Za-z ]+$/.test(s)||""===s?(this.setState(Object(S.a)({},a,s)),r=!0):r=!1}if(r){for(var i=!1,o=0;o<n.length;o++)n[o].name===a&&(n[o].value=s,i=!0);i||(n.push({name:a,value:s}),l.push(a)),0===s.length&&(l.splice(l.indexOf(a),1),n.splice(l.indexOf(a),1)),this.setState({selectedFilterValues:n,selectedOptions:l}),this.handleGetMask(n)}}},{key:"handleFilterSelectChange",value:function(e){this.state.showDownload&&(f()(".checkMask").prop("checked",!1),this.setState({showDownload:!1,checkedMask:[]}));var t=e.target,a=t.name,s=t.value,n=this.state.selectedOptions,l=this.state.selectedFilterValues;if(s)n.indexOf(a)>=0?(l[n.indexOf(a)].value=s,this.setState({selectedFilterValues:l}),this.handleGetMask(l)):(n.push(a),l.push({name:a,value:s}),this.setState({selectedFilterValues:l,selectedOptions:n}),this.handleGetMask(l));else{for(var r=this.state.selectedOptions.indexOf(a),i=this.state.selectedFilterValues,o=0;o<i.length;o++)i[o].name===a&&i.splice(o,1);for(var c=0;c<n.length;c++)n.splice(r,1);this.setState({selectedFilterValues:i,selectedOptions:n}),this.handleGetMask(i)}}},{key:"handleCheckboxChange",value:function(e){var t=e.target.checked,a=this.state.checkedMask,s=e.target.dataset.index;if(t)a.push(this.state.maskData[s]),this.setState({checkedMask:a});else for(var n=0;n<a.length;n++)a[n].maskId===parseInt(e.target.dataset.id)&&(a.splice(n,1),this.setState({checkedMask:a}));a.length>0?this.setState({showDownload:!0}):this.setState({showDownload:!1})}},{key:"handleFilterClear",value:function(){this.state.showDownload&&(f()(".checkMask").prop("checked",!1),this.setState({showDownload:!1,checkedMask:[]})),this.setState({selectedFilterValues:[],selectedOptions:[],word:"",age:"",location:""});for(var e=document.getElementsByTagName("select"),t=0;t<e.length;t++)e[t].selectedIndex=0;this.handleGetMask("")}},{key:"handleRemoveSpecificFilter",value:function(e){this.state.showDownload&&(f()(".checkMask").prop("checked",!1),this.setState({showDownload:!1,checkedMask:[]}));for(var t=this.state.selectedOptions,a=this.state.selectedFilterValues,s=0;s<a.length;s++)a[s].name===e&&a.splice(s,1);f()("#"+e).val(""),this.setState(Object(S.a)({},e,""));var n=t.indexOf(e);t.splice(n,1),this.setState({selectedFilterValues:a,selectedOptions:t}),this.handleGetMask(a)}},{key:"handleNextPrev",value:function(e){var t=this,a=this.state.selectedFilterValues;"N"===e&&this.state.isNextPageAvailable&&this.setState({nextPage:!0},function(){t.handleGetMask(a)})}},{key:"handleMaskPreview",value:function(e){this.setState({typeOfComponent:"MaskPreview",maskPreviewIndex:e})}},{key:"hideOverlay",value:function(){this.setState({typeOfComponent:""})}},{key:"handleSingleDownload",value:function(e){var t="https://storage.googleapis.com/ever-forward-club.appspot.com/images/"+e+".png";Object(E.saveAs)(t,e+".png")}},{key:"handleMultipleDownload",value:function(){var e=this,t=new X.a,a=0,s=this.state.checkedMask;s.forEach(function(n){fetch("https://storage.googleapis.com/ever-forward-club.appspot.com/images/"+n.maskGuid+".png",{method:"GET"}).then(function(e){return e.blob()}).then(function(l){t.file(n.maskGuid+".png",l,{binary:!0}),++a===s.length&&t.generateAsync({type:"blob"}).then(function(t){Object(E.saveAs)(t,"maskDownload.zip"),f()(".checkMask").prop("checked",!1),e.setState({showDownload:!1,checkedMask:[]}),e.handleFilterClear()})}).catch(function(e){console.log(e)})})}},{key:"handleDownload",value:function(){var e=this.canvas.current.toDataURL("image/jpeg"),t=document.createElement("a");t.download="filename.jpg",t.href=e,t.click()}},{key:"render",value:function(){var e=this;if(this.state.redirect)return n.a.createElement(g.a,{to:this.state.redirectTarget});var t="MaskPreview"===this.state.typeOfComponent?n.a.createElement(R,{typeOfComponent:"MaskPreview",size:"img",hideOverlay:this.hideOverlay.bind(this),maskData:this.state.maskData,maskPreviewIndex:this.state.maskPreviewIndex}):"";return n.a.createElement("div",{id:"gallery"},t,n.a.createElement(q,{loggedIn:this.state.loggedIn,role:this.state.role,onHandleGetTeacherCodeList:this.handleGetTeacherCodeList}),n.a.createElement("div",{className:"gallery-outer-blk noselect"},n.a.createElement("div",{className:"gallery-inner-blk"},n.a.createElement("div",{className:"gallery-top-blk"},n.a.createElement("div",{className:"gallery-top-row"},n.a.createElement("div",{className:"title-blk"},n.a.createElement("div",null,"EDUCATOR VIEW"),n.a.createElement("a",{className:"title-link",href:"/gallery"},"Go to Mask Gallery")),n.a.createElement("div",{className:"filter-outer-blk"},n.a.createElement("div",{className:"filter-inner-blk"},n.a.createElement("div",{className:"filter-blk teacher"},n.a.createElement("label",{className:"filter-title"},"filter by"),n.a.createElement("div",{className:"hr-line"}),n.a.createElement("select",{onChange:this.handleFilterSelectChange,name:"teacherCode",id:"teacherCode"},n.a.createElement("option",{value:""},"Your Code"),Object.keys(this.state.teacherCodeList).map(function(e,t){return n.a.createElement("option",{key:t,value:e},e)})),n.a.createElement("input",{type:"text",onChange:this.handleFilterInputChange,value:this.state.age,name:"age",placeholder:"Age",id:"age"}),n.a.createElement("select",{onChange:this.handleFilterSelectChange,name:"gender",id:"gender"},n.a.createElement("option",{value:""},"Gender"),n.a.createElement("option",{value:"Male"},"Male"),n.a.createElement("option",{value:"Female"},"Female"),n.a.createElement("option",{value:"Other"},"Other"),n.a.createElement("option",{value:"Prefer not to answer"},"Prefer not to answer")),n.a.createElement("input",{type:"text",maxLength:"25",onChange:this.handleFilterInputChange,value:this.state.location,name:"location",placeholder:"City",id:"location"})),n.a.createElement("div",{className:"search-blk"},n.a.createElement("img",{src:"/assets/images/icons/Search-small.png",alt:"Search-Icon"}),n.a.createElement("input",{type:"text",placeholder:"Search with any keywords",name:"word",maxLength:"25",onChange:this.handleFilterInputChange,value:this.state.word})))),n.a.createElement("div",{className:"clr"})),n.a.createElement(D.a,{effect:"fadeInUp"},n.a.createElement("div",{className:this.state.selectedOptions.length?"gallery-bottom-row":"gallery-bottom-row hide"},n.a.createElement("p",{className:"result-found"},this.state.maskData.length," search results for"),n.a.createElement("div",{className:"selected-filter-blk"},this.state.selectedFilterValues.map(function(t,a){return n.a.createElement(D.a,{effect:"fadeInUp",key:a},n.a.createElement("div",{className:"selected-filter-option"},n.a.createElement("span",{className:"label"},t.name),n.a.createElement("span",null,t.value),n.a.createElement("img",{className:"close-img",src:"/assets/images/icons/Close.png",alt:"close",onClick:function(){return e.handleRemoveSpecificFilter(t.name)}})))})),n.a.createElement("div",{className:"clear-filter",onClick:this.handleFilterClear},"Clear All")))),n.a.createElement("div",{className:"word-cloud-outer",id:"wordcloud"},n.a.createElement("div",{className:"cloud-download",onClick:function(){return e.handleDownload()}},n.a.createElement("img",{className:"download-img",src:"/assets/images/icons/download-plain.png",alt:"download"})," ",n.a.createElement("p",{style:{marginLeft:"5px"}},"Download ")),n.a.createElement("div",{style:{height:"100%",width:"100%"}},n.a.createElement("canvas",{ref:this.canvas}))),n.a.createElement("div",{className:"gallery-content-outer"},n.a.createElement("div",{className:"gallery-content-blk"},this.state.maskData.map(function(t,a){return n.a.createElement("div",{className:"mask-blk",key:a},n.a.createElement("div",{className:"mask-top"},n.a.createElement("img",{src:"https://storage.googleapis.com/ever-forward-club.appspot.com/images/"+t.maskGuid+".png",alt:"mask",onClick:function(){return e.handleMaskPreview(a)}})),n.a.createElement("div",{className:"mask-bottom"},n.a.createElement("div",{className:"mask-info"},n.a.createElement("span",null,t.age," Yrs")," | ",n.a.createElement("span",{title:t.gender.length>15?t.gender:""},t.gender.length>15?t.gender.substring(0,15)+"...":t.gender)," | ",n.a.createElement("span",{style:{textTransform:"capitalize"},title:t.city.length>15?t.city:""},t.city.length>15?t.city.substring(0,15)+"...":t.city))))}),0===this.state.maskData.length?n.a.createElement("div",null,n.a.createElement("h1",{style:{textAlign:"center",color:"#FFF"}},"No Mask Found")):"",n.a.createElement("div",{className:"pagination-outer"},this.state.isNextPageAvailable?n.a.createElement("div",{className:"pagination-inner"},n.a.createElement("div",{className:"next-blk",onClick:function(){return e.handleNextPrev("N")}},n.a.createElement("p",null,"Show more"))):""))),n.a.createElement("div",{className:"footer"},n.a.createElement("p",null,"\xa9 everforwardclub.org - 2020")))))}}]),a}(s.Component)),oe=(a(252),a(253),function(e){Object(h.a)(a,e);var t=Object(u.a)(a);function a(e){var s;return Object(d.a)(this,a),(s=t.call(this,e)).state={passwordType:"password",confirmPasswordType:"password",name:"",email:"",password:"",confirmPassword:"",phone:"",ethnicity:"",gender:"",genderOthers:"",schoolName:"",schoolType:"",schoolGrade:"",city:"",state:"",zip:"",signupAs:"",aboutUs:"",challengeTeamSize:"",isShareYourInfo:!1},s.handleSubmit=s.handleSubmit.bind(Object(b.a)(s)),s.handleInputChange=s.handleInputChange.bind(Object(b.a)(s)),s.handleInputPhoneChange=s.handleInputPhoneChange.bind(Object(b.a)(s)),s.handleCheckboxChange=s.handleCheckboxChange.bind(Object(b.a)(s)),s.handleReset=s.handleReset.bind(Object(b.a)(s)),s.handlePwdShowHide=s.handlePwdShowHide.bind(Object(b.a)(s)),s}return Object(m.a)(a,[{key:"handlePwdShowHide",value:function(e,t){console.log(e),this.setState(Object(S.a)({},e,"password"===t?"text":"password"))}},{key:"handleInputPhoneChange",value:function(e){this.setState({phone:e}),e.length>0?f()("#phone").css({border:"1px solid #ddd"}):f()("#phone").css({border:"1px solid red"})}},{key:"handleInputChange",value:function(e){var t=e.target,a=t.name,s=t.value;if("challengeTeamSize"===a||"zip"===a){(/^[0-9]+$/.test(s)||""===s)&&this.setState(Object(S.a)({},a,s))}else if("city"===a){(/^[0-9A-Za-z ]+$/.test(s)||""===s)&&this.setState(Object(S.a)({},a,s))}else this.setState(Object(S.a)({},a,s));s.length>0?f()("#"+a).css({border:"1px solid #ddd"}):f()("#"+a).css({border:"1px solid red"}),"signupAs"===a&&("Colleagues"===s?(f()("#schoolType").prop("disabled","disabled"),f()("#schoolGrade").prop("disabled","disabled"),this.setState({schoolType:"",schoolGrade:""})):"Students"===s&&(f()("#schoolType").prop("disabled",!1),f()("#schoolGrade").prop("disabled",!1)))}},{key:"handleCheckboxChange",value:function(e){var t=e.target,a=t.name,s=t.checked;this.setState(Object(S.a)({},a,s))}},{key:"handleReset",value:function(){this.setState({aboutUs:"",city:"",state:"",phone:"",password:"",confirmPassword:"",email:"",ethnicity:"",signupAs:"",gender:"",name:"",participatedYear:"",schoolGrade:"",schoolName:"",schoolType:"",challengeTeamSize:"",zip:"",isShareYourInfo:!1})}},{key:"handleSubmit",value:function(){var e=this;f()("#loader").fadeIn();var t={name:this.state.name,email:this.state.email,phone:this.state.phone,password:this.state.password,confirmPassword:this.state.confirmPassword,ethnicity:this.state.ethnicity,gender:this.state.gender,city:this.state.city,state:this.state.state,zip:this.state.zip,signupAs:this.state.signupAs,participatedYear:this.state.participatedYear,schoolGrade:this.state.schoolGrade,schoolName:this.state.schoolName,schoolType:this.state.schoolType,aboutUs:this.state.aboutUs,challengeTeamSize:parseInt(this.state.challengeTeamSize),isShareYourInfo:this.state.isShareYourInfo},a=["ethnicity","aboutUs","isParticipated","isShareYourInfo"],s=0;for(var l in t)-1===a.indexOf(l)&&(t[l]?(f()("#"+l).css({border:"1px solid #ddd"}),s+=1):f()("#"+l).css({border:"1px solid red"}));t.password&&t.confirmPassword?t.password===t.confirmPassword?(f()("#password").css({border:"1px solid #ddd"}),f()("#confirmPassword").css({border:"1px solid #ddd"})):(f()("#password").css({border:"1px solid red"}),f()("#confirmPassword").css({border:"1px solid red"}),i.b.dismiss(),Object(i.b)(n.a.createElement(O.a,{title:"Teacher OnBoard",content:"New and confirm password is not matched",status:"error"})),setTimeout(function(){i.b.dismiss()},3e3),s-=1):(f()("#password").css({border:"1px solid red"}),f()("#confirmPassword").css({border:"1px solid red"})),t.phone?(f()(".react-tel-input > .form-control").css({border:"1px solid #ddd !important"}),s+=1):f()(".react-tel-input > .form-control").css({border:"1px solid #ddd !important"}),/^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/.test(t.email)?f()("#email").css({border:"1px solid #ddd"}):(s=0,f()("#email").css({border:"1px solid red"})),"Other"===t.gender&&(this.state.genderOthers?(t.gender=this.state.genderOthers,f()("#genderOthers").css({border:"1px solid #ddd"})):(s=0,f()("#genderOthers").css({border:"1px solid red"}))),"Colleagues"===t.signupAs&&(f()("#schoolType").css({border:"1px solid #ddd"}),s+=1),14===s?x.a.APILIST.teacherSignup("/teacher/create",t).then(function(t){"SUCCESS"===t.status&&(f()("#loader").fadeOut(),e.handleReset(),i.b.dismiss(),Object(i.b)(n.a.createElement(O.a,{title:"Teacher OnBoard",content:t.message,status:"success"})),setTimeout(function(){i.b.dismiss()},3e3),e.props.handleSignUp("SUCCESS"))}).catch(function(e){f()("#loader").fadeOut(),console.log(e.response.text);var t=JSON.parse(e.response.text);i.b.dismiss(),Object(i.b)(n.a.createElement(O.a,{title:"Teacher OnBoard",content:t.message,status:"error"})),setTimeout(function(){i.b.dismiss()},3e3)}):(window.scrollTo(0,0),f()("#loader").fadeOut())}},{key:"render",value:function(){var e=this;return n.a.createElement("div",{id:"signup-form"},n.a.createElement("div",{className:"signup-outer-blk noselect"},n.a.createElement("a",{className:"back-blk",href:"/"},n.a.createElement("img",{className:"arrow-black-left",src:"assets/images/icons/arrow-black-left.svg",alt:"arrow"}),n.a.createElement("p",null,"back")),n.a.createElement("div",{className:"signup-blk"},n.a.createElement("div",{className:"title-blk"},n.a.createElement("p",{className:"signup-title"},"sign up now"),n.a.createElement("p",{className:"signup-desc"},"Just fill out the form below to kick start the process.")),n.a.createElement("div",{className:"horizontal-field-group"},n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"name*"),n.a.createElement("br",null),n.a.createElement("input",{type:"text",autoFocus:!0,name:"name",id:"name",maxLength:"25",placeholder:"Enter your name",value:this.state.name,onChange:this.handleInputChange})),n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"email*"),n.a.createElement("br",null),n.a.createElement("input",{type:"text",name:"email",id:"email",placeholder:"Enter your email address",value:this.state.email,onChange:this.handleInputChange}))),n.a.createElement("div",{className:"horizontal-field-group"},n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"password*"),n.a.createElement("br",null),n.a.createElement("input",{type:this.state.passwordType,autoFocus:!0,name:"password",id:"password",maxLength:"25",placeholder:"Enter your password",value:this.state.password,onChange:this.handleInputChange}),n.a.createElement("span",{className:"pwdShow",onClick:function(){return e.handlePwdShowHide("passwordType",e.state.passwordType)}},"text"===this.state.passwordType?n.a.createElement("img",{src:"/assets/images/icons/ic_hidden.svg",className:"show-hide-icon",alt:"eye"}):n.a.createElement("img",{src:"/assets/images/icons/ic_show.svg",className:"show-hide-icon",alt:"eye"}))),n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"confirm password*"),n.a.createElement("br",null),n.a.createElement("input",{type:this.state.confirmPasswordType,name:"confirmPassword",id:"confirmPassword",placeholder:"Enter your confirm password",value:this.state.confirmPassword,onChange:this.handleInputChange}),n.a.createElement("span",{className:"pwdShow",onClick:function(){return e.handlePwdShowHide("confirmPasswordType",e.state.confirmPasswordType)}},"text"===this.state.confirmPasswordType?n.a.createElement("img",{src:"/assets/images/icons/ic_hidden.svg",className:"show-hide-icon",alt:"eye"}):n.a.createElement("img",{src:"/assets/images/icons/ic_show.svg",className:"show-hide-icon",alt:"eye"})))),n.a.createElement("div",{className:"horizontal-field-group"},n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"race/ethnicity (optional)"),n.a.createElement("br",null),n.a.createElement("input",{type:"text",name:"ethnicity",id:"ethnicity",maxLength:"25",placeholder:"Enter your race/ethnicity (optional)",value:this.state.ethnicity,onChange:this.handleInputChange})),n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"gender*"),n.a.createElement("br",null),n.a.createElement("select",{name:"gender",id:"gender",value:this.state.gender,onChange:this.handleInputChange},n.a.createElement("option",{value:""},"Select one..."),n.a.createElement("option",{value:"Male"},"Male"),n.a.createElement("option",{value:"Female"},"Female"),n.a.createElement("option",{value:"Other"},"Other"),n.a.createElement("option",{value:"Prefer not to answer"},"Prefer not to answer")))),"Other"===this.state.gender?n.a.createElement(D.a,{effect:"fadeInUp"},n.a.createElement("div",{className:"horizontal-field-group"},n.a.createElement("div",{className:"label-input"}),n.a.createElement("div",{className:"label-input"},n.a.createElement("input",{type:"text",name:"genderOthers",id:"genderOthers",maxLength:"25",placeholder:"Enter your gender",value:this.state.genderOthers,onChange:this.handleInputChange})))):"",n.a.createElement("div",{className:"horizontal-field-group"},n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"phone*"),n.a.createElement("br",null),n.a.createElement(M.a,{title:this.state.phone,country:"us",id:"phone",name:"phone",ref:"phone",value:this.state.phone,placeholder:"Enter your phone number",autoComplete:"off",onChange:this.handleInputPhoneChange})),n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"What type of group are you supporting?*"),n.a.createElement("br",null),n.a.createElement("select",{name:"signupAs",id:"signupAs",value:this.state.signupAs,onChange:this.handleInputChange},n.a.createElement("option",{value:""},"Select one..."),n.a.createElement("option",{value:"Elementary School Class"},"Elementary School Class"),n.a.createElement("option",{value:"Middle School Class"},"Middle School Class"),n.a.createElement("option",{value:"High School Class"},"High School Class"),n.a.createElement("option",{value:"College Class"},"College Class"),n.a.createElement("option",{value:"Wellness Group"},"Wellness Group"),n.a.createElement("option",{value:"Corporate Team"},"Corporate Team"),n.a.createElement("option",{value:"Athletic Team"},"Athletic Team"),n.a.createElement("option",{value:"Other"},"Other")))),this.state.signupAs?n.a.createElement(D.a,{effect:"fadeInUp"},n.a.createElement("div",{className:"vertical-field-group"},n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"How many people will participate?*"),n.a.createElement("br",null),n.a.createElement("input",{type:"text",name:"challengeTeamSize",id:"challengeTeamSize",maxLength:"6",placeholder:"Enter your team size",value:this.state.challengeTeamSize,onChange:this.handleInputChange})))):"",n.a.createElement("div",{className:"horizontal-field-group"},n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"Organization Name*"),n.a.createElement("br",null),n.a.createElement("input",{type:"text",name:"schoolName",id:"schoolName",maxLength:"50",placeholder:"Enter your organization Name",value:this.state.schoolName,onChange:this.handleInputChange})),n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"school type*"),n.a.createElement("br",null),n.a.createElement("select",{name:"schoolType",id:"schoolType",value:this.state.schoolType,onChange:this.handleInputChange},n.a.createElement("option",{value:""},"Select one..."),n.a.createElement("option",{value:"Public/District"},"Public/District"),n.a.createElement("option",{value:"Independent"},"Independent"),n.a.createElement("option",{value:"Charter"},"Charter"),n.a.createElement("option",{value:"Other"},"Other")))),n.a.createElement("div",{className:"horizontal-field-group"},n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"city*"),n.a.createElement("br",null),n.a.createElement("input",{type:"text",name:"city",id:"city",maxLength:"25",placeholder:"e.g. San Francisco",value:this.state.city,onChange:this.handleInputChange})),n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"state*"),n.a.createElement("br",null),n.a.createElement("input",{type:"text",name:"state",id:"state",maxLength:"25",placeholder:"e.g. California",value:this.state.state,onChange:this.handleInputChange}))),n.a.createElement("div",{className:"horizontal-field-group"},n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"ZIP/postal code*"),n.a.createElement("br",null),n.a.createElement("input",{type:"text",name:"zip",id:"zip",maxLength:"10",placeholder:"e.g. 94105",value:this.state.zip,onChange:this.handleInputChange}))),n.a.createElement("div",{className:"vertical-field-group"},n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"How did you hear about us? (Optional)"),n.a.createElement("br",null),n.a.createElement("textarea",{rows:"4",cols:"50",name:"aboutUs",maxLength:"30",id:"aboutUs",value:this.state.aboutUs,onChange:this.handleInputChange}))),n.a.createElement("div",{className:"i-agree"},n.a.createElement("div",{className:"round"},n.a.createElement("input",{type:"checkbox",id:"isShareYourInfo",name:"isShareYourInfo",onChange:this.handleCheckboxChange,checked:this.state.isShareYourInfo}),n.a.createElement("label",{htmlFor:"isShareYourInfo"})),n.a.createElement("label",{htmlFor:"isShareYourInfo"},"I do not want my name, school and location to show up on the Community page. (We will never share your email)")),n.a.createElement("div",{className:"submit-section"},n.a.createElement("div",{className:"submit-blk",onClick:this.handleSubmit},n.a.createElement("p",{className:"submit-btn"},"submit"))))))}}]),a}(s.Component)),ce=(a(254),function(e){Object(h.a)(a,e);var t=Object(u.a)(a);function a(e){var s;return Object(d.a)(this,a),(s=t.call(this,e)).state={email:"",password:"",passwordType:"password"},s.handleSubmit=s.handleSubmit.bind(Object(b.a)(s)),s.handleInputChange=s.handleInputChange.bind(Object(b.a)(s)),s.handleSignInKeyPress=s.handleSignInKeyPress.bind(Object(b.a)(s)),s.handlePwdShowHide=s.handlePwdShowHide.bind(Object(b.a)(s)),s}return Object(m.a)(a,[{key:"handlePwdShowHide",value:function(e,t){console.log(e),this.setState(Object(S.a)({},e,"password"===t?"text":"password"))}},{key:"handleInputChange",value:function(e){var t=e.target,a=t.name,s=t.value;this.setState(Object(S.a)({},a,s)),s.length>0?f()("#"+a).css({border:"1px solid #ddd"}):f()("#"+a).css({border:"1px solid red"})}},{key:"handleSubmit",value:function(){var e=this;f()("#loader").fadeIn();var t={email:this.state.email,password:this.state.password},a=0;for(var s in t)t[s]?(f()("#"+s).css({border:"1px solid #ddd"}),a+=1):f()("#"+s).css({border:"1px solid red"});var l="";l="teacher"===this.props.role?"/teacher/login":"/admin/login",2===a?x.a.APILIST.teacherSignin(l,t).then(function(t){"SUCCESS"===t.status&&(f()("#loader").fadeOut(),"admin"===e.props.role?localStorage.setItem("userInfo",JSON.stringify(t.adminResponseData)):localStorage.setItem("userInfo",JSON.stringify(t.data)),e.props.handleSignIn("SUCCESS",e.props.role))}).catch(function(e){if(f()("#loader").fadeOut(),e.response.text){console.log(e.response.text);var t=JSON.parse(e.response.text);i.b.dismiss(),Object(i.b)(n.a.createElement(O.a,{title:"Teacher Login",content:t.message,status:"error"})),setTimeout(function(){i.b.dismiss()},3e3)}}):(window.scrollTo(0,0),f()("#loader").fadeOut())}},{key:"handleSignInKeyPress",value:function(e){"Enter"===e.key&&(e.preventDefault(),this.handleSubmit())}},{key:"render",value:function(){var e=this;return n.a.createElement("div",{id:"signin-form"},n.a.createElement("div",{className:"signin-outer-blk noselect"},"admin"!==this.props.role?n.a.createElement("a",{className:"back-blk",href:"/"},n.a.createElement("img",{className:"arrow-black-left",src:"assets/images/icons/arrow-black-left.svg",alt:"arrow"}),n.a.createElement("p",null,"back")):"",n.a.createElement("div",{className:"signin-blk"},n.a.createElement("div",{className:"title-blk"},n.a.createElement("p",{className:"signin-title"},"sign in"),n.a.createElement("p",{className:"signin-desc"},"admin"===this.props.role?"Sign In here to manage masks and educators":"Welcome, We are happy to see you back!")),n.a.createElement("div",{className:"vertical-field-group"},n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"email*"),n.a.createElement("br",null),n.a.createElement("input",{type:"text",autoFocus:!0,autoComplete:"off",name:"email",id:"email",placeholder:"Enter your email address",value:this.state.email,onChange:this.handleInputChange,onKeyPress:this.handleSignInKeyPress}))),n.a.createElement("div",{className:"vertical-field-group"},n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"password*"),n.a.createElement("br",null),n.a.createElement("input",{type:this.state.passwordType,autoComplete:"off",name:"password",id:"password",placeholder:"Enter your password",value:this.state.password,onChange:this.handleInputChange,onKeyPress:this.handleSignInKeyPress}),n.a.createElement("span",{className:"pwdShow",onClick:function(){return e.handlePwdShowHide("passwordType",e.state.passwordType)}},"text"===this.state.passwordType?n.a.createElement("img",{src:"/assets/images/icons/ic_hidden.svg",className:"show-hide-icon",alt:"eye"}):n.a.createElement("img",{src:"/assets/images/icons/ic_show.svg",className:"show-hide-icon",alt:"eye"})))),"admin"===this.props.role?n.a.createElement("div",{className:"forgotPwd"},n.a.createElement("a",{href:"/auth/admin/forgotpassword"},"Forgot Password?")):n.a.createElement("div",{className:"forgotPwd"},n.a.createElement("a",{href:"/auth/teacher/forgotpassword"},"Forgot Password?")),n.a.createElement("div",{className:"submit-section"},n.a.createElement("div",{className:"submit-blk",onClick:this.handleSubmit},n.a.createElement("p",{className:"submit-btn"},"sign in"))))))}}]),a}(s.Component)),de=(a(255),function(e){Object(h.a)(a,e);var t=Object(u.a)(a);function a(e){var s;return Object(d.a)(this,a),(s=t.call(this,e)).state={email:""},s.handleSubmit=s.handleSubmit.bind(Object(b.a)(s)),s.handleInputChange=s.handleInputChange.bind(Object(b.a)(s)),s.handleForgotKeyPress=s.handleForgotKeyPress.bind(Object(b.a)(s)),s}return Object(m.a)(a,[{key:"handleInputChange",value:function(e){var t=e.target,a=t.name,s=t.value;this.setState(Object(S.a)({},a,s)),s.length>0?f()("#"+a).css({border:"1px solid #ddd"}):f()("#"+a).css({border:"1px solid red"})}},{key:"handleSubmit",value:function(){var e=this;f()("#loader").fadeIn();var t={email:this.state.email},a=0;for(var s in t)t[s]?(f()("#"+s).css({border:"1px solid #ddd"}),a+=1):f()("#"+s).css({border:"1px solid red"});var l="";l="teacher"===this.props.role?"/teacher/forgotPassword?email="+this.state.email:"/admin/forgotPassword?email="+this.state.email,1===a?x.a.APILIST.forgotPassword(l).then(function(t){"SUCCESS"===t.status&&(f()("#loader").fadeOut(),e.props.handleRedirectToSignin("SUCCESS",e.props.role),i.b.dismiss(),Object(i.b)(n.a.createElement(O.a,{title:"Teacher Login",content:t.message,status:"error"})),setTimeout(function(){i.b.dismiss()},3e3))}).catch(function(e){f()("#loader").fadeOut(),console.log(JSON.stringify(e.response.body));var t=e.response.body;i.b.dismiss(),Object(i.b)(n.a.createElement(O.a,{title:"Teacher Login",content:t.message,status:"error"})),setTimeout(function(){i.b.dismiss()},3e3)}):(window.scrollTo(0,0),f()("#loader").fadeOut())}},{key:"handleForgotKeyPress",value:function(e){"Enter"===e.key&&(e.preventDefault(),this.handleSubmit())}},{key:"render",value:function(){return n.a.createElement("div",{id:"forgotpwd-form"},n.a.createElement("div",{className:"forgotpwd-outer-blk noselect"},n.a.createElement("a",{className:"back-blk",href:"admin"===this.props.role?"/auth/admin/signin":"/auth/teacher/signin"},n.a.createElement("img",{className:"arrow-black-left",src:"assets/images/icons/arrow-black-left.svg",alt:"arrow"}),n.a.createElement("p",null,"back")),n.a.createElement("div",{className:"forgotpwd-blk"},n.a.createElement("div",{className:"title-blk"},n.a.createElement("p",{className:"forgotpwd-title"},"forgot password"),n.a.createElement("p",{className:"forgotpwd-desc"},"Don't worry, we have covered it for you!")),n.a.createElement("div",{className:"vertical-field-group"},n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"email*"),n.a.createElement("br",null),n.a.createElement("input",{type:"text",autoFocus:!0,autoComplete:"off",name:"email",id:"email",placeholder:"Enter your email address",value:this.state.email,onChange:this.handleInputChange,onKeyPress:this.handleForgotKeyPress}))),n.a.createElement("div",{className:"submit-section"},n.a.createElement("div",{className:"submit-blk",onClick:this.handleSubmit},n.a.createElement("p",{className:"submit-btn"},"Submit"))))))}}]),a}(s.Component)),me=(a(256),function(e){Object(h.a)(a,e);var t=Object(u.a)(a);function a(e){var s;return Object(d.a)(this,a),(s=t.call(this,e)).state={password:"",passwordType:"password",confirmPassword:"",confirmPasswordType:"password"},s.handleSubmit=s.handleSubmit.bind(Object(b.a)(s)),s.handleInputChange=s.handleInputChange.bind(Object(b.a)(s)),s.handleResetKeyPress=s.handleResetKeyPress.bind(Object(b.a)(s)),s.handlePwdShowHide=s.handlePwdShowHide.bind(Object(b.a)(s)),s}return Object(m.a)(a,[{key:"handlePwdShowHide",value:function(e,t){console.log(e),this.setState(Object(S.a)({},e,"password"===t?"text":"password"))}},{key:"handleInputChange",value:function(e){var t=e.target,a=t.name,s=t.value;this.setState(Object(S.a)({},a,s)),s.length>0?f()("#"+a).css({border:"1px solid #ddd"}):f()("#"+a).css({border:"1px solid red"})}},{key:"handleSubmit",value:function(){var e=this;f()("#loader").fadeIn();var t={password:this.state.password,confirmPassword:this.state.confirmPassword},a=0;for(var s in t)console.log(t,s),t[s]?(f()("#"+s).css({border:"1px solid #ddd"}),a+=1):f()("#"+s).css({border:"1px solid red"});this.state.password&&this.state.confirmPassword&&(this.state.password!==this.state.confirmPassword?(i.b.dismiss(),Object(i.b)(n.a.createElement(O.a,{title:"Reset password",content:"New password and Confirm password should be same",status:"error"})),setTimeout(function(){i.b.dismiss()},3e3),f()("#password").css({border:"1px solid red"}),f()("#confirmPassword").css({border:"1px solid red"})):(f()("#password").css({border:"1px solid #ddd"}),f()("#confirmPassword").css({border:"1px solid #ddd"})));var l="";l="teacher"===this.props.role?"/teacher/resetPassword?password="+this.state.password+"&encodedString="+this.props.encodedString:"/admin/resetPassword?password="+this.state.password+"&encodedString="+this.props.encodedString,2===a?(delete t.confirmPassword,t.encodedString=this.props.encodedString,x.a.APILIST.resetPassword(l).then(function(t){"SUCCESS"===t.status&&(f()("#loader").fadeOut(),e.props.handleRedirectToSignin("SUCCESS",e.props.role),i.b.dismiss(),Object(i.b)(n.a.createElement(O.a,{title:"Teacher Login",content:t.message,status:"error"})),setTimeout(function(){i.b.dismiss()},3e3))}).catch(function(e){f()("#loader").fadeOut(),console.log(e.response.text);var t=JSON.parse(e.response.text);i.b.dismiss(),Object(i.b)(n.a.createElement(O.a,{title:"Teacher Login",content:t.message,status:"error"})),setTimeout(function(){i.b.dismiss()},3e3)})):(window.scrollTo(0,0),f()("#loader").fadeOut())}},{key:"handleResetKeyPress",value:function(e){"Enter"===e.key&&(e.preventDefault(),this.handleSubmit())}},{key:"render",value:function(){var e=this;return n.a.createElement("div",{id:"resetpassword-form"},n.a.createElement("div",{className:"resetpassword-outer-blk noselect"},n.a.createElement("div",{className:"resetpassword-blk"},n.a.createElement("div",{className:"title-blk"},n.a.createElement("p",{className:"resetpassword-title"},"Reset Password"),n.a.createElement("p",{className:"resetpassword-desc"},"Sign In here to manage masks and educators")),n.a.createElement("div",{className:"vertical-field-group"},n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"new password*"),n.a.createElement("br",null),n.a.createElement("input",{type:this.state.passwordType,autoComplete:"off",name:"password",id:"password",placeholder:"Enter your password",value:this.state.password,onChange:this.handleInputChange,onKeyPress:this.handleResetKeyPress}),n.a.createElement("span",{className:"pwdShow",onClick:function(){return e.handlePwdShowHide("passwordType",e.state.passwordType)}},"text"===this.state.passwordType?n.a.createElement("img",{src:"/assets/images/icons/ic_hidden.svg",className:"show-hide-icon",alt:"eye"}):n.a.createElement("img",{src:"/assets/images/icons/ic_show.svg",className:"show-hide-icon",alt:"eye"})))),n.a.createElement("div",{className:"vertical-field-group"},n.a.createElement("div",{className:"label-input"},n.a.createElement("label",null,"confirm password*"),n.a.createElement("br",null),n.a.createElement("input",{type:this.state.passwordType,autoComplete:"off",name:"confirmPassword",id:"confirmPassword",placeholder:"Enter your password",value:this.state.confirmPassword,onChange:this.handleInputChange,onKeyPress:this.handleResetKeyPress}),n.a.createElement("span",{className:"pwdShow",onClick:function(){return e.handlePwdShowHide("confirmPasswordType",e.state.confirmPasswordType)}},"text"===this.state.passwordType?n.a.createElement("img",{src:"/assets/images/icons/ic_hidden.svg",className:"show-hide-icon",alt:"eye"}):n.a.createElement("img",{src:"/assets/images/icons/ic_show.svg",className:"show-hide-icon",alt:"eye"})))),n.a.createElement("div",{className:"submit-section"},n.a.createElement("div",{className:"submit-blk",onClick:this.handleSubmit},n.a.createElement("p",{className:"submit-btn"},"submit"))))))}}]),a}(s.Component)),he=(a(257),function(e){Object(h.a)(a,e);var t=Object(u.a)(a);function a(e){var s;return Object(d.a)(this,a),(s=t.call(this,e)).state={redirect:!1,redirectTarget:""},s.onHandleSignUp=s.onHandleSignUp.bind(Object(b.a)(s)),s.onHandleSignIn=s.onHandleSignIn.bind(Object(b.a)(s)),s.onHandleRedirectToSignin=s.onHandleRedirectToSignin.bind(Object(b.a)(s)),s}return Object(m.a)(a,[{key:"onHandleSignUp",value:function(e){"SUCCESS"===e&&this.setState({redirect:!0,redirectTarget:"/teacheronboardsuccess"})}},{key:"onHandleSignIn",value:function(e,t){"SUCCESS"===e&&this.setState({redirect:!0,redirectTarget:"teacher"===t?"/teacher/dashboard":"/admin/dashboard"})}},{key:"onHandleRedirectToSignin",value:function(e,t){"SUCCESS"===e&&this.setState({redirect:!0,redirectTarget:"teacher"===t?"/auth/teacher/signin":"/auth/admin/signin"})}},{key:"componentDidMount",value:function(){var e=JSON.parse(localStorage.getItem("userInfo"));console.log("loginCheck",e),e&&(e.role?this.setState({redirect:!0,redirectTarget:"/admin/dashboard"}):this.setState({redirect:!0,redirectTarget:"/teacher/dashboard"}))}},{key:"render",value:function(){return this.state.redirect?(this.setState({redirect:!1}),n.a.createElement(g.a,{to:this.state.redirectTarget})):n.a.createElement("div",{id:"teacher-on-board"},n.a.createElement("div",{id:"outer-blk",className:this.state.signUpSuccess?"success":""},n.a.createElement("div",{className:"logo-blk"},n.a.createElement("a",{href:"/"},n.a.createElement("img",{src:"/assets/images/logo.svg",className:"logo-img",alt:"logo"})),n.a.createElement("div",{className:"vr-line"}),"teacher"===this.props.match.params.role?n.a.createElement("a",{href:"/"},n.a.createElement("img",{src:"/assets/images/ic_everforward.png",className:"ever-img",alt:"logo"})):n.a.createElement("p",{className:"admin-console"},"Admin console")),n.a.createElement("div",{id:"right-side-blk"},"signup"===this.props.match.params.componentName?n.a.createElement(oe,{handleSignUp:this.onHandleSignUp,role:this.props.match.params.role}):"signin"===this.props.match.params.componentName?n.a.createElement(ce,{handleSignIn:this.onHandleSignIn,role:this.props.match.params.role}):"forgotpassword"===this.props.match.params.componentName?n.a.createElement(de,{handleRedirectToSignin:this.onHandleRedirectToSignin,role:this.props.match.params.role}):"resetPassword"===this.props.match.params.componentName?n.a.createElement(me,{handleRedirectToSignin:this.onHandleRedirectToSignin,role:this.props.match.params.role,encodedString:this.props.match.params.encodedString}):"")))}}]),a}(s.Component)),ue=(a(258),function(e){Object(h.a)(a,e);var t=Object(u.a)(a);function a(){return Object(d.a)(this,a),t.apply(this,arguments)}return Object(m.a)(a,[{key:"render",value:function(){return n.a.createElement("div",{id:"signup-success"},n.a.createElement("div",{className:"form-succes-outer-blk noselect"},n.a.createElement("p",{className:"title"},"Thank you!"),n.a.createElement("div",{className:"desc"},n.a.createElement("p",null,"Your registration is completed."),n.a.createElement("p",null,"Check your email for unique code and URL "),n.a.createElement("p",null,"to share with your students.")),n.a.createElement("div",{className:"hr-line"}),n.a.createElement("a",{className:"signin-btn",href:"/auth/teacher/signin"},n.a.createElement("p",null,"Sign In"))))}}]),a}(s.Component)),pe=(a(259),function(e){Object(h.a)(a,e);var t=Object(u.a)(a);function a(e){var s;return Object(d.a)(this,a),(s=t.call(this,e)).state={signupform:!0},s}return Object(m.a)(a,[{key:"render",value:function(){return n.a.createElement("div",{id:"teacher-on-board-success"},n.a.createElement("div",{className:"logo-blk"},n.a.createElement("a",{href:"/"},n.a.createElement("img",{src:"/assets/images/logo.svg",className:"logo-img",alt:"logo"})),n.a.createElement("div",{className:"vr-line"}),n.a.createElement("a",{href:"/"},n.a.createElement("img",{src:"/assets/images/ic_everforward.png",className:"ever-img",alt:"logo"}))),n.a.createElement("div",{id:"outer-blk"},n.a.createElement("div",{id:"right-side-blk"},n.a.createElement("img",{src:"/assets/images/signupSuccessBg.png",alt:"background"})),n.a.createElement("div",{id:"left-side-blk"},n.a.createElement(ue,null))))}}]),a}(s.Component)),ge=(a(260),function(e){Object(h.a)(a,e);var t=Object(u.a)(a);function a(){return Object(d.a)(this,a),t.apply(this,arguments)}return Object(m.a)(a,[{key:"render",value:function(){return n.a.createElement("div",{id:"pnf-container"},n.a.createElement("div",{className:"pnf-block"},n.a.createElement("div",{className:"pnf-title"},"404"),n.a.createElement("div",{className:"pnf-desc"},"The page you are looking for isn't here ",n.a.createElement("a",{className:"pnf-btn",href:"/"},"Go Back to Home"))))}}]),a}(s.Component)),be=a(80),ve=(a(264),a(265),function(e){Object(h.a)(a,e);var t=Object(u.a)(a);function a(){return Object(d.a)(this,a),t.apply(this,arguments)}return Object(m.a)(a,[{key:"render",value:function(){return n.a.createElement("div",{id:"download-header"},n.a.createElement("div",{className:"header-outer-blk noselect"},n.a.createElement("div",{className:"download-logo-blk"},n.a.createElement("a",{href:"/"},n.a.createElement("img",{src:"/assets/images/logo.svg",className:"download-logo-img",alt:"logo"})),n.a.createElement("div",{className:"hr-line"}),n.a.createElement("p",null,"Download"))))}}]),a}(s.Component)),fe=function(e){Object(h.a)(a,e);var t=Object(u.a)(a);function a(e){var s;return Object(d.a)(this,a),(s=t.call(this,e)).state={selectedOptions:[],word:"",maskData:[],isNextPageAvailable:!1,csvMaskteachersData:[],csvMaskData:[],csvAllMaskData:[],noMaskText:!1,warningText:!1,taskId:null,downloadMsg:""},s.handleFocus=s.handleFocus.bind(Object(b.a)(s)),s.handleGetMask=s.handleGetMask.bind(Object(b.a)(s)),s.handleDownloadAllMaskDetails=s.handleDownloadAllMaskDetails.bind(Object(b.a)(s)),s.handleDownloadAllMaskImage=s.handleDownloadAllMaskImage.bind(Object(b.a)(s)),s.handleSynLastImage=s.handleSynLastImage.bind(Object(b.a)(s)),s.handleCheckSynStatus=s.handleCheckSynStatus.bind(Object(b.a)(s)),s.handleFilterInputChange=s.handleFilterInputChange.bind(Object(b.a)(s)),s}return Object(m.a)(a,[{key:"componentDidMount",value:function(){var e=this;x.a.APILIST.getMask("/teacher/users/list").then(function(t){if("SUCCESS"===t.status){var a=[];t.data.forEach(function(e){e.teacherCode='=""'+e.teacherCode+'""',a.push(e)}),e.setState({csvMaskteachersData:a})}}).catch(function(e){console.log(e)})}},{key:"handleFilterInputChange",value:function(e){var t=e.target,a=t.name,s=t.value;if("word"===a){var n;if(/^[0-9A-Za-z ]+$/.test(s)||""===s)this.setState((n={},Object(S.a)(n,a,s),Object(S.a)(n,"noMaskText",!1),Object(S.a)(n,"csvMaskData",[]),Object(S.a)(n,"maskData",[]),Object(S.a)(n,"warningText",!1),n))}}},{key:"handleGetMask",value:function(){var e=this;if(this.state.word){f()("#loader").fadeIn();var t="";this.state.isNextPageAvailable&&(t+="cursor="+this.state.nextCursor+"&&"),(t+="word="+this.state.word)&&(t="?"+t),x.a.APILIST.getMask("/mask/gallery"+t).then(function(t){"SUCCESS"===t.status&&(t.data.isNextPageAvailable?(e.setState({maskData:e.state.maskData.concat(t.data.maskDetails),nextCursor:t.data.nextCursor,isNextPageAvailable:t.data.isNextPageAvailable}),e.handleGetMask()):(e.setState({maskData:e.state.maskData.concat(t.data.maskDetails),nextCursor:t.data.nextCursor,isNextPageAvailable:t.data.isNextPageAvailable}),e.getMaskCSV("")))}).catch(function(e){console.log(e)})}else this.setState({warningText:!0})}},{key:"handleDownloadAllMaskDetails",value:function(e){var t=this;f()("#loader").fadeIn();var a="";this.state.isNextPageAvailable&&(a+="cursor="+this.state.nextCursor),a&&(a="?"+a),x.a.APILIST.getMask("/mask/gallery"+a).then(function(a){"SUCCESS"===a.status&&(a.data.isNextPageAvailable?(t.setState({maskData:t.state.maskData.concat(a.data.maskDetails),nextCursor:a.data.nextCursor,isNextPageAvailable:a.data.isNextPageAvailable}),t.handleDownloadAllMaskDetails(e)):(t.setState({maskData:t.state.maskData.concat(a.data.maskDetails),nextCursor:a.data.nextCursor,isNextPageAvailable:a.data.isNextPageAvailable}),t.getMaskCSV("ALL")))}).catch(function(e){console.log(e)})}},{key:"handleCheckSynStatus",value:function(e){var t=this;setInterval(function(){x.a.APILIST.checkSync("/mask/status/"+e).then(function(e){if("SUCCESS"===e.status&&"completed"===e.taskStatus){t.setState({taskId:null});t.setState({downloadMsg:"Sync completed. You can download now"})}}).catch(function(e){console.log(e)})},5e3)}},{key:"handleSynLastImage",value:function(){var e=this;x.a.APILIST.startSync("/mask/syncMaskImages").then(function(t){"SUCCESS"===t.status?(e.setState({downloadMsg:"Sync image progress....."}),e.setState({taskId:t.taskId}),e.handleCheckSynStatus(t.taskId)):(e.setState({taskId:null}),e.setState({downloadMsg:"Sync image progress....."}))}).catch(function(t){console.log(t),e.setState({taskId:null})})}},{key:"handleDownloadAllMaskImage",value:function(){var e=this;f()("#loader").fadeIn(),this.setState({downloadMsg:""}),x.a.APILIST.getDownloadURL("/mask/signedUrlImagesZipFiles").then(function(t){if("SUCCESS"===t.status){var a="Images last synced date: "+t.lastUpdatedDate;e.setState({downloadMsg:a});var s=document.createElement("a");document.body.appendChild(s);var n=t.data.signedUrl;s.rel="nofollow",s.href=n,s.click(),window.URL.revokeObjectURL(n),f()("#loader").fadeOut()}}).catch(function(e){f()("#loader").fadeOut(),console.log(e)})}},{key:"getMaskCSV",value:function(e){var t=this;if(f()("#loader").fadeOut(),this.state.maskData.length){for(var a=[],s=0;s<this.state.maskData.length;s++){var n={};n.maskGuid=this.state.maskData[s].maskGuid,n.city=this.state.maskData[s].city,n.src="https://storage.googleapis.com/ever-forward-club.appspot.com/images/"+this.state.maskData[s].maskGuid+".png",n.frontMaskTags=this.state.maskData[s].frontMaskTags?this.state.maskData[s].frontMaskTags.join(", "):"",n.backMaskTags=this.state.maskData[s].backMaskTags?this.state.maskData[s].backMaskTags.join(", "):"",a.push(n)}e?(this.setState({csvAllMaskData:a,word:""},function(){t.csvAllLink.link.click()}),setTimeout(function(){return t.setState({maskData:[]})},1e3)):(this.setState({csvMaskData:a,word:""},function(){t.csvLink.link.click()}),setTimeout(function(){return t.setState({maskData:[]})},1e3))}else this.setState({noMaskText:!0})}},{key:"handleFocus",value:function(){f()("#search-input").focus()}},{key:"render",value:function(){var e=this;return n.a.createElement("div",{id:"download"},n.a.createElement("div",{className:"showdownload-outer show"})," ",n.a.createElement(ve,null),n.a.createElement("div",{className:"download-outer-blk noselect"},n.a.createElement("div",{className:"download-inner-blk"},n.a.createElement("div",{className:"download-top-blk"},n.a.createElement("div",{className:"download-top-row"},n.a.createElement("div",{className:"title-blk"},"Download Teacher's List"),n.a.createElement(be.CSVLink,{filename:"teacherdeatils.csv",data:this.state.csvMaskteachersData,className:"drawmask-btn-section"},n.a.createElement("div",{className:"draw-btn"},n.a.createElement("p",null,"Download"))))),n.a.createElement("div",{className:"div-line"}),n.a.createElement("div",{className:"download-top-blk"},n.a.createElement("div",{className:"download-top-row"},n.a.createElement("div",{className:"title-blk"},"Download All Mask Details"),n.a.createElement("div",{onClick:function(){return e.handleDownloadAllMaskDetails("CSV")},className:"drawmask-btn-section"},n.a.createElement("div",{className:"draw-btn"},n.a.createElement("p",null,"Download"))),n.a.createElement(be.CSVLink,{data:this.state.csvAllMaskData,filename:"allmask.csv",className:"hidden",ref:function(t){return e.csvAllLink=t},target:"_blank"}))),n.a.createElement("div",{className:"div-line"}),n.a.createElement("div",{className:"download-top-blk"},n.a.createElement("div",{className:"download-top-row"},n.a.createElement("div",{className:"title-blk"},"Download All Mask Image"),n.a.createElement("div",{className:"drawmask-btn-section"},n.a.createElement("div",{className:"draw-btn ".concat(this.state.taskId?"disable":"")},n.a.createElement("p",{onClick:function(){return e.handleDownloadAllMaskImage()}},"Download"))),n.a.createElement("div",{className:"drawmask-btn-section"},n.a.createElement("div",{className:"draw-btn ".concat(this.state.taskId?"disable":"")},n.a.createElement("p",{onClick:function(){return e.handleSynLastImage()}},"SYNC IMAGES")))),this.state.downloadMsg?n.a.createElement("div",{className:"download-top-row"},n.a.createElement("p",{style:{color:"white"}},this.state.downloadMsg)):""),n.a.createElement("div",{className:"div-line"}),n.a.createElement("div",{className:"download-bottom-blk"},n.a.createElement("div",{className:"download-bottom-row"},n.a.createElement("div",{className:"title-blk"},"Download your Mask"),n.a.createElement("div",{className:"filter-outer-blk"},n.a.createElement("div",{className:"filter-inner-blk"},n.a.createElement("div",{className:"search-blk"},n.a.createElement("img",{src:"/assets/images/icons/Search-small.png",alt:"Search-Icon",onClick:this.handleFocus}),n.a.createElement("input",{id:"search-input",type:"text",placeholder:"Search with Teacher\u2019s code or any keywords ",name:"word",maxLength:"25",onChange:this.handleFilterInputChange,value:this.state.word})))),n.a.createElement("div",{onClick:this.handleGetMask,className:"drawmask-btn-section"},n.a.createElement("div",{className:"draw-btn"},n.a.createElement("p",null,"Download"))),n.a.createElement(be.CSVLink,{data:this.state.csvMaskData,filename:"specificmask.csv",className:"hidden",ref:function(t){return e.csvLink=t},target:"_blank"}))),this.state.warningText?n.a.createElement("span",{className:"warning-text"},"Keyword is mandatory"):null,this.state.noMaskText?n.a.createElement("div",null,n.a.createElement("h3",{style:{textAlign:"center",color:"#FFF"}},"No Mask Found")):"")))}}]),a}(s.Component),Ee=function(e){Object(h.a)(a,e);var t=Object(u.a)(a);function a(){return Object(d.a)(this,a),t.apply(this,arguments)}return Object(m.a)(a,[{key:"render",value:function(){return n.a.createElement(p.a,null,n.a.createElement(g.d,null,n.a.createElement(g.b,{exact:!0,path:"/",component:W}),n.a.createElement(g.b,{exact:!0,path:"/auth/:role/:componentName",component:he}),n.a.createElement(g.b,{exact:!0,path:"/auth/:role/:componentName",component:he}),n.a.createElement(g.b,{exact:!0,path:"/:componentName/:role/:encodedString",component:he}),n.a.createElement(g.b,{exact:!0,path:"/gallery",component:Z}),n.a.createElement(g.b,{exact:!0,path:"/teacher/dashboard",component:ie}),n.a.createElement(g.b,{path:"/admin/dashboard",component:se}),n.a.createElement(g.b,{exact:!0,path:"/teacheronboardsuccess",component:pe}),n.a.createElement(g.b,{exact:!0,path:"/drawboard",component:J}),n.a.createElement(g.b,{path:"/teacherrefer/:id",component:J}),n.a.createElement(g.b,{path:"/admin/download",component:fe}),n.a.createElement(g.b,{component:ge})))}}]),a}(s.Component);Boolean("localhost"===window.location.hostname||"[::1]"===window.location.hostname||window.location.hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/));r.a.render(n.a.createElement("div",null,n.a.createElement(c.a,null,n.a.createElement("div",{id:"loader"},n.a.createElement("div",{id:"loader-img"})," "),n.a.createElement(i.a,{autoClose:3e3,position:"top-right",hideProgressBar:!0,newestOnTop:!0,closeOnClick:!0,rtl:!1,pauseOnVisibilityChange:!1,draggable:!1,pauseOnHover:!0}),n.a.createElement(Ee,null))),document.getElementById("root")),"serviceWorker"in navigator&&navigator.serviceWorker.ready.then(function(e){e.unregister()})}},[[145,1,2]]]);
//# sourceMappingURL=main.521fafa7.chunk.js.map