{"version":3,"sources":["assets/img/calendar.png","assets/img/planting.png","assets/img/processing.png","assets/img/menu1.png","assets/img/menu2.png","assets/img/menu3.png","assets/img/menu4.png","assets/img/menu5.png","assets/img sync /^/.//.*$","assets/img/no-img-2.jpg","assets/img/team-1-800x800.jpg","assets/img/team-2-800x800.jpg","assets/img/team-3-800x800.jpg","assets/img/team-4-470x470.png","assets/img/noimg.png","../node_modules/suneditor/src/lang sync /^/.//.*/.js$","assets/img/20210801120724899_b.jpg","assets/img/20210809_122745_3589.jpg","assets/img/7z.png","assets/img/Group_12.png","assets/img/Logo_x3.png","assets/img/No-image.jpg","assets/img/angular.jpg","assets/img/avi.png","assets/img/bootstrap.jpg","assets/img/component-btn-pink.png","assets/img/component-btn.png","assets/img/component-info-2.png","assets/img/component-info-card.png","assets/img/component-menu.png","assets/img/component-profile-card.png","assets/img/doc.png","assets/img/documentation.png","assets/img/gif.png","assets/img/github.svg","assets/img/google.svg","assets/img/ill_header.png","assets/img/images.jpg","assets/img/jpg.png","assets/img/landing.jpg","assets/img/login.jpg","assets/img/m3u.png","assets/img/mju-logo.png","assets/img/mkv.png","assets/img/mp3.png","assets/img/mp4.png","assets/img/mpeg.png","assets/img/no-image-3.jpg","assets/img/no-image-available_1.png","assets/img/no-pic.jpg","assets/img/pattern_react.png","assets/img/pdf.png","assets/img/png.png","assets/img/ppt.png","assets/img/profile.jpg","assets/img/rar.png","assets/img/react.jpg","assets/img/register_bg_2.png","assets/img/sketch.jpg","assets/img/txt.png","assets/img/vue.jpg","assets/img/wav.png","assets/img/wmv.png","assets/img/xls.png","assets/img/zip.png","services/urlServer.js","components/Navbars/AdminNavbar.js","components/Sidebar/Sidebar.js","components/Headers/HeaderStats.js","components/Hamburger/index.js","services/AuthContext.js","services/default.service.js","services/Storage.service.js","components/Dropdowns/UserDropdown.js","components/Navbars/AdminTopNavBar.js","components/Toggles/Switch.js","services/validateValue.js","components/Loadings/spinner/Spinner.js","views/admin/MembersInfo.js","components/ConfirmDialog/ConfirmDialog.js","views/admin/MembersList.js","views/admin/LearningInfo.js","views/admin/LearningList.js","services/datetimes.js","views/admin/CoursesInfo.js","views/admin/CoursesList.js","layouts/Admin.js","components/Navbars/AuthNavbar.js","views/auth/Login.js","views/auth/Register.js","services/urlForgot.js","views/auth/ForgotPassword.js","views/auth/ResetPassword.js","views/auth/ForgotReturn.js","layouts/Auth.js","views/frontend/home/card.js","views/frontend/home/home.js","views/frontend/curriculum/curriculum.js","views/frontend/subject/CommentBox.js","views/frontend/subject/subject.js","views/frontend/account/account.js","views/frontend/content/CommentBox.js","views/frontend/content/content.js","layouts/Frontend.js","components/Footers/Footer.js","views/Landing.js","services/useGaTracker.js","App.js","index.js","services/files.js","assets/img/Group_1.png"],"names":["map","webpackContext","req","id","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","Object","resolve","module","exports","urlPath","Navbar","props","useEffect","_jsx","_Fragment","children","className","href","onClick","preventDefault","title","locale","require","I18n","Sidebar","collapseShow","setCollapseShow","React","useState","enableCollapse","setenableCollapse","checkIfClickedOutside","toElement","document","addEventListener","removeEventListener","_jsxs","type","Link","window","location","includes","to","t","HeaderStats","Hamburger","_ref","isOpen","jsx","concat","AuthContext","createContext","IsNullOrEmpty","obj","length","name","SetLanguage","lang","localStorage","setItem","GetLanguage","getItem","UserDropdown","dropdownPopoverShow","setDropdownPopoverShow","btnDropdownRef","createRef","popoverDropdownRef","setAuthState","useContext","authState","pictureProfile","setPictureProfile","history","useHistory","email","axios","get","then","response","data","undefined","profilePicture","FilesService","buffer64","current","ref","createPopper","placement","alt","src","default","push","logout","removeItem","status","role","learningPathId","connect","state","dispatch","setLocale","navbarOpen","setNavbarOpen","isThai","setIsThai","isOpenHam","setIsOpenHam","windowWidth","setWindowWidth","windowHeight","setWindowHeight","resizeWindow","innerWidth","innerHeight","dropdownAdminPopUpShow","setDropDownAdminOverShow","ChangeTranslate","target","Storage","isValue","style","display","toggleHamburger","ClickHome","RoleUser","width","Switch","isOn","handleToggle","onColor","float","disble","checked","onChange","disabled","background","htmlFor","constructor","onHandleNumberChange","test","Spinner","xmlns","xmlnsXlink","height","viewBox","preserveAspectRatio","cx","cy","r","fill","attributeName","repeatCount","dur","calcMode","keyTimes","values","keySplines","begin","Members","value","setValue","postImage","setPostImage","confirmPassword","setConfirmPassword","valueConfirm","setValueConfirm","inputPhoneNumber","setinputPhoneNumber","enableControl","setIsEnableControl","listMembers","setListMembers","isNew","setIsNew","addToast","useToasts","useParams","optionsLearning","setOptionsLearning","optionsLearningEng","setOptionsLearningEng","isLoading","setIsLoading","defaultDate","year","Date","getFullYear","month","getMonth","day","getDate","selectedDay","setSelectedDay","dataProvice","setDataProvice","dataDistrict","setDataDistrict","dataSubDistrict","setSubDistrict","dataProviceEng","setDataProviceEng","dataDistrictEng","setDataDistrictEng","dataSubDistrictEng","setSubDistrictEng","dayBirth","setDayBirth","options","label","optionsEng","optionsRole","optionsRoleEng","optionsGender","optionsGenderEng","defaultValue","toString","find","option","formik","useFormik","initialValues","accountCode","firstName","lastName","phoneNumber","address","description","password","isActivated","IsDeleted","birthDate","gender","groupMember","province","district","subDistrict","validationSchema","Yup","required","matches","onSubmit","filter","x","headers","accessToken","insertAccount","appearance","autoDismiss","post","error","setFieldValue","GetAddress","async","JsonLearning","JsonLearningEng","api_amphure","province_id","forEach","field","name_en","api_tombon","substring","CalBirthDay","date","otherDate","Math","ceil","abs","diffDays","parseInt","api_province","user","ProvinceId","District","NullDate","columns","JSON","parse","fetchData","body","listLearning","LearningPathNameTH","LearningPathNameENG","fetchLearning","EnableControl","bool","setErrors","customText","handleSubmit","isMobile","accept","base64","convertToBase64","files","handleFileUpload","autoComplete","maxLength","handleChange","onBlur","handleBlur","touched","errors","Select","isDisabled","event","ValidateService","DatePicker","renderInput","readOnly","toLocaleDateString","shouldHighlightWeekends","validateConfirm","menuPlacement","rows","Modal","setAppElement","customStyles","content","top","left","right","bottom","marginRight","padding","transform","overflowY","overflowX","backgroundColor","overlay","zIndex","ConfirmDialog","showModal","hideModal","afterOpenModal","confirmModal","message","onAfterOpen","onRequestClose","contentLabel","MembersList","modalIsOpen","setIsOpen","deleteNumber","setDeleteNumber","pageNumber","setPageNumber","listSearch","setListSerch","modalIsOpenSubject","setIsOpenSubject","pagesVisited","openModal","closeModal","closeModalSubject","tempMember","member","ChangeSelect","ChangeLearning","pageCount","displayUsers","slice","deleteMember","val","resLearning","fetchMember","ArrayDeleted","emailUser","deleteByList","placeholder","InputSearch","some","members","ReactPaginate","previousLabel","nextLabel","onPageChange","selected","containerClassName","previousLinkClassName","nextLinkClassName","disabledClassName","activeClassName","Learning","setListLearning","handleKeyDown","stopPropagation","LearningPathCode","DescriptionTH","DescriptionENG","buffer64UTF8","SunEditor","disable","setDefaultStyle","onKeyDown","setContents","setOptions","buttonList","Quill","register","ImageResize","LearningList","tempLearning","CoursesCount","resMember","deleteLearning","learning","res","formatDate","string","moment","format","Courses","listCourse","setListCourse","listSubject","setListsubject","listAttach","setListAttach","numberHour","setNumberHour","headName","setHeadName","Name","setName","NameEng","setNameEng","modalIsOpenAttach","setIsOpenAttach","enableSubjectControl","setIsEnableSubjectControl","isNewSubject","setIsNewSubject","tags","setTags","attachNumber","setAttachNumber","pagesAttach","imageCourses","setImageCourses","imageCoursesName","setImageCourseName","arrayAttach","setArrayAtteach","isHourCourse","setIsHourCourse","fetchDetailSubject","SubjectOfHour","SubjectNameTH","SubjectNameENG","DeletedSubject","attachCount","closeModalAttach","displayAttach","changeImageType","FileType","DownloadFile","FileData","FileName","DateTimesService","createdAt","DeletedFile","Id","UploadFile","console","log","setTimeout","a","createElement","download","click","SubjectId","formikSubject","fetchAttach","CurriculumCode","CurriculumNameTH","CurriculumNameENG","CurriculumType","NumOfHours","NumOfMin","CurriculumTag","IsComMat","IsLCDMat","IsOtherMat","IsDocMedia","IsOtherMedia","LearningId","ImageCourses","ImageName","listOfCourses","SubjectCode","ContentTH","ContentENG","CourseId","SaveSubject","listOfSubjects","EnableControlSubject","reactTags","useRef","onDelete","useCallback","tagIndex","_","i","onAddition","newTag","onValidate","PageChange","JsonTags","StringJson","buffer","fetchDataSubject","checkKeyDown","onHandleHourChange","onHandleTelephoneChange","handlePictureCourseUpload","pointerEvents","opacity","ReactTags","suggestions","autocomplete","minQueryLength","allowNew","resetForm","shouldCloseOnOverlayClick","onHandleSubjectHourChange","size","_ref2","CoursesList","listCourses","setListCourses","tempCourses","SubjectsCount","Admin","box","contains","pathname","setTodos","todos","AdminTopNavBar","fixed","AdminNavbar","Route","path","exact","component","Redirect","from","Login","isRemember","stringify","token","retrievedObject","Register","isTerm","setIsTerm","setRegister","urlForgot","ForgotPassword","sendmail","tomail","fullName","frommail","resetUrl","btoa","msg","ResetPassword","decrypt","atob","split","ForgotReturn","Auth","transparent","card","Component","render","this","calendar","planting","processing","points","Home","items","picture","nameeng","itemList","item","Card","itemListEng","class","alignItems","marginBottom","paddingRight","paddingTop","Curriculum","searchText","setSearchText","tagText","setTagText","valueSearch","setValueSearch","valueSearchTag","setValueSearchTag","listCoursesSearch","setListCoursesSearch","listCoursesFilter","setListCoursesFilter","tagsSearch","settagsSearch","fetchLearningEng","defaultPicture","Type","key","FilesServices","fetchCourse","goBack","placeholderText","toLowerCase","SearchCurriculum","learningId","ChangeLearningEng","TimeAgo","datetime","tagsitem","CoursesID","Post","arguments","like","addLike","add","changeLike","setState","onAddLike","likes","commentsNumber","propsTypes","userPic","propTypes","isRequired","publishDate","number","func","Comment","AddBy","openModalSubject","deleteComment","deleteId","CreateComment","handleTextChange","timeago","fromNow","onCommentSubmit","trim","CommentBox","super","fetchDataComment","UserName","TextComment","UserImage","comments","showModel","handleCommentSubmit","comment","now","newComments","RelatedTable","RelatedId","EditBy","InsertComment","handleLike","changeLikesNum","LikesNum","Subject","setListSubject","hideToolbar","Account","setRoleUser","Content","subjectData","setSubjectData","attachData","setAttachData","fetchSubject","ComponentToPrint","forwardRef","ReactToPrint","pageStyle","PrintContextConsumer","handlePrint","PDFFile","pdfResult","pdfWindow","open","write","encodeURI","Frontend","Provider","home","subject","Footer","version","y","Landing","backgroundImage","cols","useGaTracker","useLocation","initialized","setInitialized","ReactGA","initialize","pageview","search","l","i18n","setLang","ToastProvider","translateionsObject","th","en","store","createStore","combineReducers","i18nReducer","applyMiddleware","thunk","syncTranslationWithStore","loadTranslations","ReactDOM","BrowserRouter","App","getElementById","Buffer","file","Promise","reject","fileReader","FileReader","readAsDataURL","onload","result","onerror","changeImage"],"mappings":"kHAAA,OAAe,cAA0B,oC,mCCAzC,OAAe,cAA0B,oC,mCCAzC,OAAe,cAA0B,sC,mCCAzC,OAAe,00G,mCCAf,OAAe,0iJ,mCCAf,OAAe,8nE,mCCAf,OAAe,stI,mCCAf,OAAe,8vH,sBCAf,IAAIA,EAAM,CACT,4BAA6B,IAC7B,6BAA8B,IAC9B,WAAY,IACZ,gBAAiB,GACjB,iBAAkB,IAClB,gBAAiB,IACjB,iBAAkB,IAClB,gBAAiB,IACjB,YAAa,IACb,kBAAmB,IACnB,iBAAkB,IAClB,2BAA4B,IAC5B,sBAAuB,IACvB,yBAA0B,IAC1B,4BAA6B,IAC7B,uBAAwB,IACxB,+BAAgC,IAChC,YAAa,IACb,sBAAuB,IACvB,YAAa,IACb,eAAgB,IAChB,eAAgB,IAChB,mBAAoB,IACpB,eAAgB,IAChB,YAAa,IACb,gBAAiB,IACjB,cAAe,IACf,YAAa,IACb,cAAe,IACf,cAAe,IACf,cAAe,IACf,cAAe,IACf,cAAe,IACf,iBAAkB,IAClB,YAAa,IACb,YAAa,IACb,YAAa,IACb,aAAc,IACd,mBAAoB,IACpB,6BAA8B,IAC9B,iBAAkB,IAClB,eAAgB,IAChB,cAAe,GACf,sBAAuB,IACvB,YAAa,IACb,iBAAkB,IAClB,YAAa,IACb,YAAa,IACb,mBAAoB,IACpB,gBAAiB,IACjB,YAAa,IACb,cAAe,IACf,sBAAuB,IACvB,eAAgB,IAChB,uBAAwB,IACxB,uBAAwB,IACxB,uBAAwB,IACxB,uBAAwB,IACxB,YAAa,IACb,YAAa,IACb,YAAa,IACb,YAAa,IACb,YAAa,IACb,YAAa,KAId,SAASC,EAAeC,GACvB,IAAIC,EAAKC,EAAsBF,GAC/B,OAAOG,EAAoBF,EAC5B,CACA,SAASC,EAAsBF,GAC9B,IAAIG,EAAoBC,EAAEN,EAAKE,GAAM,CACpC,IAAIK,EAAI,IAAIC,MAAM,uBAAyBN,EAAM,KAEjD,MADAK,EAAEE,KAAO,mBACHF,CACP,CACA,OAAOP,EAAIE,EACZ,CACAD,EAAeS,KAAO,WACrB,OAAOC,OAAOD,KAAKV,EACpB,EACAC,EAAeW,QAAUR,EACzBS,EAAOC,QAAUb,EACjBA,EAAeE,GAAK,G,mCCrFpB,OAAe,+gV,mCCAf,OAAe,cAA0B,0C,mCCAzC,OAAe,cAA0B,0C,mCCAzC,OAAe,cAA0B,0C,mCCAzC,OAAe,cAA0B,0C,ghfCAzC,OAAe,86U,+suuDCAf,IAAIH,EAAM,CACT,WAAY,GACZ,UAAW,GACX,UAAW,GACX,UAAW,GACX,UAAW,GACX,UAAW,GACX,UAAW,GACX,aAAc,IACd,UAAW,GACX,UAAW,GACX,UAAW,GACX,UAAW,GACX,UAAW,GACX,UAAW,GACX,aAAc,GACd,UAAW,GACX,UAAW,GACX,UAAW,GACX,UAAW,GACX,UAAW,GACX,aAAc,IAIf,SAASC,EAAeC,GACvB,IAAIC,EAAKC,EAAsBF,GAC/B,OAAOG,EAAoBF,EAC5B,CACA,SAASC,EAAsBF,GAC9B,IAAIG,EAAoBC,EAAEN,EAAKE,GAAM,CACpC,IAAIK,EAAI,IAAIC,MAAM,uBAAyBN,EAAM,KAEjD,MADAK,EAAEE,KAAO,mBACHF,CACP,CACA,OAAOP,EAAIE,EACZ,CACAD,EAAeS,KAAO,WACrB,OAAOC,OAAOD,KAAKV,EACpB,EACAC,EAAeW,QAAUR,EACzBS,EAAOC,QAAUb,EACjBA,EAAeE,GAAK,G,mCC1CpB,OAAe,cAA0B,+C,mCCAzC,OAAe,cAA0B,gD,mCCAzC,OAAe,09C,mCCAf,OAAe,cAA0B,oC,mCCAzC,OAAe,cAA0B,mC,mCCAzC,OAAe,cAA0B,oC,mCCAzC,OAAe,cAA0B,mC,mCCAzC,OAAe,8uD,mCCAf,OAAe,cAA0B,qC,mCCAzC,OAAe,suP,mCCAf,OAAe,03O,mCCAf,OAAe,cAA0B,4C,mCCAzC,OAAe,cAA0B,+C,mCCAzC,OAAe,cAA0B,0C,mCCAzC,OAAe,cAA0B,kD,mCCAzC,OAAe,0yD,mCCAf,OAAe,cAA0B,yC,mCCAzC,OAAe,s2D,mCCAf,OAAe,cAA0B,kC,mCCAzC,OAAe,cAA0B,kC,mCCAzC,OAAe,cAA0B,sC,mCCAzC,OAAe,cAA0B,kC,mCCAzC,OAAe,s4C,mCCAf,OAAe,cAA0B,mC,mCCAzC,OAAe,cAA0B,iC,mCCAzC,OAAe,8hE,mCCAf,OAAe,cAA0B,oC,mCCAzC,OAAe,07C,mCCAf,OAAe,09D,mCCAf,OAAe,krD,mCCAf,OAAe,8lD,mCCAf,OAAe,m0I,mCCAf,OAAe,0pQ,mCCAf,OAAe,2+V,mCCAf,OAAe,cAA0B,yC,mCCAzC,OAAe,k4D,mCCAf,OAAe,ktD,mCCAf,OAAe,szC,mCCAf,OAAe,cAA0B,mC,mCCAzC,OAAe,kqD,mCCAf,OAAe,cAA0B,iC,mCCAzC,OAAe,cAA0B,yC,mCCAzC,OAAe,cAA0B,kC,mCCAzC,OAAe,khC,mCCAf,OAAe,cAA0B,+B,mCCAzC,OAAe,smE,mCCAf,OAAe,0oD,mCCAf,OAAe,8mD,mCCAf,OAAe,8/B,2KCKAY,MAHC,sC,OCDD,SAASC,EAAOC,GAK7B,OAHAC,qBAAU,QACR,IAGAC,cAAAC,WAAA,CAAAC,SACIF,cAAA,OAAKG,UAAU,uHAAsHD,SACnIF,cAAA,OAAKG,UAAU,0FAAyFD,SAEtGF,cAAA,KACEG,UAAU,oEACVC,KAAK,SACLC,QAAUjB,GAAMA,EAAEkB,iBAAiBJ,SAElCJ,EAAMS,aAMrB,C,WCnBA,MAAMC,EAASC,EAAQ,GAAoBC,KAE5B,SAASC,IACtB,MAAOC,EAAcC,GAAmBC,IAAMC,SAAS,WAChDC,EAAgBC,GAAqBH,IAAMC,SAAS,UAiB3D,OAfAhB,qBAAU,KACV,MAAMmB,EAAyB9B,IACJ,SAAnBA,EAAE+B,UAAUnC,IAAqC,KAAnBI,EAAE+B,UAAUnC,KAE5CiC,EAAkB,UAClBJ,EAAgB,UAEpB,EAIA,OADFO,SAASC,iBAAiB,YAAaH,GAC9B,KAAQE,SAASE,oBAAoB,YAAaJ,EAAsB,CAAE,GAChF,IAIDlB,cAAAC,WAAA,CAAAC,SACEF,cAAA,OAAKG,UAAU,yNAAwND,SACrOqB,eAAA,OAAKpB,UAAU,4HAA2HD,SAAA,CAExIF,cAAA,UACEG,UAAU,8IACVqB,KAAK,SACLnB,QAASA,KACiB,WAAnBW,GAEDC,EAAkB,SAClBJ,EAAgB,iCAES,UAAnBG,IAENC,EAAkB,UAClBJ,EAAgB,UAClB,EACAX,SAEJF,cAAA,KAAGG,UAAU,kBAGfH,cAAA,OACEG,UAAU,6GAA4GD,SACvH,SAIDqB,eAAA,MAAIpB,UAAU,kDAAiDD,SAAA,CAC7DF,cAAA,MAAIG,UAAU,0BAEdH,cAAA,MAAIG,UAAU,6BAIhBoB,eAAA,OACEpB,UACE,+MACAS,EACDV,SAAA,CAIDF,cAAA,MAAIG,UAAU,uBAGdoB,eAAA,MAAIpB,UAAU,oDAAmDD,SAAA,CAC/DF,cAAA,MAAIG,UAAU,eAAenB,GAAG,OAAMkB,SACpCqB,eAACE,IAAI,CACHzC,GAAG,OACHmB,UACE,kCACCuB,OAAOC,SAASvB,KAAKwB,SAAS,WAC3B,8CACA,6CAENC,GAAG,qBAAoB3B,SAAA,CAEvBF,cAAA,KACEG,UACE,6BACCuB,OAAOC,SAASvB,KAAKwB,SAAS,WAC3B,aACA,uBAEF,IAAI,OACHpB,EAAOsB,EAAE,wBAGpB9B,cAAA,MAAIG,UAAU,eAAgBnB,GAAG,OAAMkB,SACrCqB,eAACE,IAAI,CACHzC,GAAG,OACHmB,UACE,kCACCuB,OAAOC,SAASvB,KAAKwB,SAAS,YAC3B,8CACA,6CAENC,GAAG,sBAAqB3B,SAAA,CAExBF,cAAA,KACEG,UACE,kCACCuB,OAAOC,SAASvB,KAAKwB,SAAS,YAC3B,aACA,uBAEF,IAAI,OACHpB,EAAOsB,EAAE,yBAIpB9B,cAAA,MAAIG,UAAU,eAAgBnB,GAAG,OAAMkB,SACrCqB,eAACE,IAAI,CACHzC,GAAG,OACHmB,UACE,kCACCuB,OAAOC,SAASvB,KAAKwB,SAAS,WAC3B,8CACA,6CAENC,GAAG,qBAAoB3B,SAAA,CAEvBF,cAAA,KACEG,UACE,iCACCuB,OAAOC,SAASvB,KAAKwB,SAAS,WAC3B,aACA,uBAEF,IAAI,OACHpB,EAAOsB,EAAE,mCASlC,CC5Ie,SAASC,IACtB,OACE/B,cAAAC,WAAA,CAAAC,SAEEF,cAAA,OAAKG,UAAU,iDAAgDD,SAC7DF,cAAA,OAAKG,UAAU,oCAMvB,C,YCjBe,SAAS6B,EAASC,GAAc,IAAb,OAAEC,GAAQD,EAC1C,OACEV,eAAAtB,WAAA,CAAAC,SAAA,CACEqB,eAAA,OAAKpB,UAAU,YAAWD,SAAA,CACxBF,cAAA,OAAKG,UAAU,mBACfH,cAAA,OAAKG,UAAU,mBACfH,cAAA,OAAKG,UAAU,sBAGjBH,cAAA,SAAOmC,KAAG,EAAAjC,SAAA,qeAAAkC,OAoBOF,EAAS,gBAAkB,YAAW,2DAAAE,OAGtCF,EAAS,mBAAqB,gBAAe,0BAAAE,OAC/CF,EAAS,EAAI,EAAC,2DAAAE,OAGZF,EAAS,iBAAmB,YAAW,4BAK9D,CCtCO,MAAMG,EAAcC,wBAAc,I,WCFlC,MAAMC,EAAiBC,GACxB,qBAAuBA,GAAc,MAAPA,IAGlB,oBAAPA,GACA,MAAPA,GACc,MAAdA,EAAIC,QACU,GAAdD,EAAIC,SAGK,kBAAoBD,EACtBA,IAAQA,EACN,kBAAoBA,GACtBA,EAAIC,OAAS,ICZlBC,EAAO,MAEAC,EAAeC,IAC1BC,aAAaC,QAAQJ,EAAO,YAAYE,EAAK,EAGlCG,EAAcA,KACzB,IAAIH,EAAOC,aAAaG,QAAQN,EAAO,aAEvC,OADAE,EAAOL,EAAcK,GAAQ,KAAOA,EAC7BA,CAAI,ECHPpC,EAASC,EAAQ,GAAoBC,KAiJ5BuC,MAhJMA,KAEnB,MAAOC,EAAqBC,GAA0BrC,IAAMC,UAAS,GAC/DqC,EAAiBtC,IAAMuC,YACvBC,EAAqBxC,IAAMuC,aAC3B,aAAEE,GAAiBC,qBAAWnB,IAC9B,UAAEoB,GAAcD,qBAAWnB,IAC1BqB,EAAiBC,GAAqB5C,mBAAS,IAChD6C,EAAUC,cAWhB9D,qBAAU,KACR,MAAM+D,EAAQjB,aAAaG,QAAQ,SACnCe,IAAMC,IAAIpE,EAAQ,qBAADwC,OAAsB0B,IAASG,MAAMC,IAC/B,OAAlBA,EAASC,WAC0BC,IAAjCF,EAASC,KAAKE,gBACfV,EAAkBW,IAAaC,SAASL,EAASC,KAAKE,gBAAgB,IAG5E,MAAMnD,EAAyB9B,KACzB8D,GAA0C,aAAnB9D,EAAE+B,UAAUnC,IAAwC,YAAnBI,EAAE+B,UAAUnC,IAAsBoE,EAAeoB,SAAgC,YAArBpF,EAAE+B,UAAUuB,MAAyC,KAAnBtD,EAAE+B,UAAUnC,KAClKmE,GAAuB,EAC3B,EAKF,OAFA/B,SAASC,iBAAiB,YAAaH,GAEhC,KACLE,SAASE,oBAAoB,YAAaJ,EAAsB,CACjE,GACA,CAACgC,IAyBJ,OACElD,cAAAC,WAAA,CAAAC,SACEqB,eAAA,OACEpB,UAAU,0BACVsE,IAAKrB,EAAelD,SAAA,CAEpBF,cAAA,OAAKG,UAAU,mCACdE,QAAUjB,IACT8D,EAvDNC,GAAuB,IANvBuB,YAAatB,EAAeoB,QAASlB,EAAmBkB,QAAS,CAC/DG,UAAW,iBAEbxB,GAAuB,GA0DmD,EACpEjD,SACAF,cAAA,QAAMG,UAAU,oGAAmGD,SACjHF,cAAA,OACE4E,IAAI,MACJzE,UAAU,0EACVuC,KAAK,UACLmC,IAASnB,GAAqCjD,EAAQ,IAAwBqE,cAItFvD,eAAA,OACEkD,IAAKnB,EACLnD,WACG+C,EAAsB,SAAW,WAClC,yFACDhD,SAAA,CAGDqB,eAAA,OACEpB,UACE,+GAEFnB,GAAG,WACHqB,QAASA,KA3CfuD,EAAQmB,KAAK,gBA2CsB,EAAE7E,SAAA,CAE/BF,cAAA,KAAGG,UAAU,cAAcnB,GAAG,aAAe,QAC7CgB,cAAA,QAAMG,UAAU,UAAUnB,GAAG,WAAUkB,SAAGM,EAAOsB,EAAE,wBAErDP,eAAA,OACEpB,UACE,gHACyC,MAArC0C,aAAaG,QAAQ,YAAuB,SAAW,WAE7DhE,GAAG,WACHqB,QAASA,KAlDfuD,EAAQmB,KAAK,cAkDmB,EAAE7E,SAAA,CAE5BF,cAAA,KAAGG,UAAU,cAAcnB,GAAG,aAAe,QAC7CgB,cAAA,QAAMG,UAAU,UAAUnB,GAAG,WAAUkB,SAAGM,EAAOsB,EAAE,qBAErDP,eAAA,OACEpB,UACE,gHACyC,MAArC0C,aAAaG,QAAQ,YAAuB,SAAW,WAE7DhE,GAAG,WACHqB,QAASA,KAzDfuD,EAAQmB,KAAK,eAyDmB,EAAE7E,SAAA,CAE5BF,cAAA,KAAGG,UAAU,eAAenB,GAAG,aAAgB,QAC/CgB,cAAA,QAAMG,UAAU,UAAUnB,GAAG,WAAUkB,SAAGM,EAAOsB,EAAE,wBAGrD9B,cAAA,OAAKG,UAAU,qDAEbH,cAACyB,IAAI,CAACI,GAAG,cAAa3B,SACpBqB,eAAA,OACEnB,KAAK,SACLD,UACE,wGAEFnB,GAAG,UACHqB,QA5FG2E,KACbnC,aAAaoC,WAAW,eACxBpC,aAAaoC,WAAW,SACxBpC,aAAaoC,WAAW,YACxBpC,aAAaoC,WAAW,kBACxBpC,aAAaoC,WAAW,YACxBpC,aAAaoC,WAAW,kBACxBpC,aAAaoC,WAAW,aACxB1B,EAAa,CAAEO,MAAO,GAAI9E,GAAI,EAAGkG,QAAQ,EAAMC,KAAK,GAAGd,eAAe,GAAGe,eAAe,IAAK,EAoFnElF,SAAA,CAEhBF,cAAA,KAAGG,UAAU,mCAAoCnB,GAAG,YAAc,QAClEgB,cAAA,QAAMG,UAAU,UAAWnB,GAAG,UAASkB,SAAGM,EAAOsB,EAAE,gCAK1D,E,eC3IQrB,EAAQ,GAAoBC,KAsQ5B2E,mBAPYC,IAAK,CAAQ,KAEZC,IAAQ,CAClCC,UAAY5C,IACV2C,EAASC,oBAAU5C,GAAM,KAGdyC,EApQQpD,IAAoB,IAAnB,UAAEuD,GAAWvD,EACnC,MAAOwD,EAAYC,GAAiB5E,IAAMC,UAAS,IAC5C4E,EAAQC,GAAa9E,IAAMC,UAAS,IACpC8E,EAAWC,GAAgB/E,oBAAS,IACpCgF,EAAaC,GAAkBjF,mBAAS,IACxCkF,EAAcC,GAAmBnF,mBAAS,GAC3C6C,EAAUC,cAChB,IAAIsC,EAAeA,KACjBH,EAAetE,OAAO0E,YACtBF,EAAgBxE,OAAO2E,YAAY,EAIrC,MAAOC,EAAwBC,GAC7BzF,IAAMC,UAAS,GAaXyF,EAAmBpH,IACH,UAAhBA,EAAEqH,OAAOzH,IACX4G,GAAU,GACVc,EAAoB,MACpBlB,EAAU,QAEVI,GAAU,GACVc,EAAoB,MACpBlB,EAAU,OAEZ3C,aAAaC,QAAQ,YAA6B,UAAhB1D,EAAEqH,OAAOzH,GAA8B,EAG3Ee,qBAAU,KACRoG,IACA,MAAMQ,EAAU9D,aAAaG,QAAQ,aACrB,OAAZ2D,GACFD,EAAoB,MACpBd,GAAU,GACVJ,EAAU,QAEVI,EAAsB,SAAZe,GACM,SAAZA,GACFnB,EAAU,MACVkB,EAAoB,QAEpBlB,EAAU,MACVkB,EAAoB,QAIxB,MAAMxF,EAAyB9B,KAE1BkH,GACoB,UAAnBlH,EAAE+B,UAAUnC,IACO,SAAnBI,EAAE+B,UAAUnC,IACO,QAAnBI,EAAE+B,UAAUnC,IACK,KAAnBI,EAAE+B,UAAUnC,IAGgB,KAAnBI,EAAE+B,UAAUnC,KADrBuH,GAAyB,EACsC,EAKnE,OAFAnF,SAASC,iBAAiB,YAAaH,GACvCQ,OAAOL,iBAAiB,SAAU8E,GAC3B,KACLzE,OAAOJ,oBAAoB,SAAU6E,GACrC/E,SAASE,oBAAoB,YAAaJ,EAAsB,CACjE,GACA,IAeH,OACElB,cAAAC,WAAA,CAAAC,SACEqB,eAAA,OAAKpB,UAAU,6FAA4FD,SAAA,CACzGF,cAAA,OACEG,UAAW,iBACXyG,MAAO,CAAEC,QAASd,EAAc,KAAO,QAAU,SACjD1F,QAVgByG,KACtBhB,GAAcD,EAAU,EASO3F,SAEzBF,cAACgC,EAAS,CAACE,OAAQ2D,MAErB7F,cAAA,OAAKG,UAAU,+CAA+CyG,MAAO,CAAEC,QAASd,EAAc,KAAO,OAAS,SAAU7F,SACtHF,cAAA,OAAKG,UAAU,qFAAoFD,SACjGqB,eAAA,MAAIpB,UAAU,iDAAgDD,SAAA,CAC5DF,cAAA,MACEG,UACE,uDACC4F,EAAc,KAAO,UAAY,SACnC7F,SAEDF,cAAA,OACE4E,IAAI,MACJC,IAAKpE,EAAQ,IAA0BqE,QACvC3E,UAAU,mDAGdH,cAAA,MACEG,UACE,uDACC4F,EAAc,KAAO,UAAY,SACnC7F,SACF,gBAGDqB,eAAA,MACEpB,UAAU,+EACVE,QAASA,KAhDL0G,MAChB,MAAMC,EAAWnE,aAAaG,QAAQ,YAClCtB,OAAOC,SAASvB,KAAKwB,SAAS,UAAyB,MAAboF,EAC5CpD,EAAQmB,KAAK,UAEbnB,EAAQmB,KAAK,QACf,EA2CcgC,EAAW,EACX7G,SAAA,CAEFqB,eAAA,QAAMpB,UAAW4F,EAAc,IAAM,SAAW,UAAU7F,SAAA,CACvD,IAAI,kBACW,OAElBF,cAAA,OACEG,UACE,eAAiB4F,EAAc,IAAM,UAAY,UAClD7F,SAEDF,cAAA,OACE4E,IAAI,MACJC,IAAKpE,EAAQ,IAA0BqE,QACvC3E,UAAW,wDAOvBoB,eAAA,OAAKpB,UAAU,6DAA4DD,SAAA,CACzEqB,eAAA,OAAKpB,UAAU,mCAAkCD,SAAA,CAC9C,IACDF,cAAA,KAAGG,UAAU,kBAAoB,WAAa,OAEhDoB,eAAA,OACEvC,GAAG,QACHmB,UACE,oDACEwF,EAAwB,gBAAf,cAEbtF,QAAUjB,IACRoH,EAAgBpH,EAAE,EAClBc,SAAA,CAED,IAAI,KACF,OAELqB,eAAA,OAAKpB,UAAU,mCAAkCD,SAAA,CAC9C,IAAI,YACS,OAEhBqB,eAAA,OACEvC,GAAG,OACHmB,UACE,oDACCwF,EAAS,aAAe,iBAE3BtF,QAAUjB,IACRoH,EAAgBpH,EAAE,EAClBc,SAAA,CAED,IAAI,KACF,OAELF,cAAA,OAAAE,SAAK,eACLqB,eAAA,OAAArB,SAAA,CACG,IACDF,cAACiD,EAAY,IAAI,UAGrBjD,cAAA,OACEG,UAAU,mDACVyG,MAAO,CAAEC,QAAShB,EAAY,OAAS,QAAS3F,SAEhDF,cAAA,OACEG,UACE,YACC4F,EAAc,KAAO,oBAAsB,qBAE9Ca,MAAO,CAAEC,QAAS,QAASI,MAAO,OAAQ/G,SAE1CF,cAAA,OACEG,UACE,sFACC4F,EAAc,KAAO,IAAM,SAC7B7F,SAEDqB,eAAA,OACEpB,UACE,sCACC4F,EAAc,KAAO,IAAM,SAC7B7F,SAAA,CAEDF,cAAA,KAAGG,UAAU,mDAAkDD,SAAC,mBAGhEF,cAAA,MAAIG,UAAU,6CACdoB,eAAA,OAAKpB,UAAW,qCAAqCD,SAAA,CACnDF,cAAA,OACE4E,IAAI,MACJC,IAAKpE,EAAQ,KAAwBqE,QACrC3E,UAAU,sEAEZH,cAAA,OACE4E,IAAI,MACJC,IAAKpE,EAAQ,KAAwBqE,QACrC3E,UAAU,yEAEZH,cAAA,OACE4E,IAAI,MACJC,IAAKpE,EAAQ,KAAwBqE,QACrC3E,UAAU,yEACT,IACHH,cAAA,OACE4E,IAAI,MACJC,IAAKpE,EAAQ,KAAwBqE,QACrC3E,UAAU,yEACT,IACHH,cAAA,OACE4E,IAAI,MACJC,IAAKpE,EAAQ,KAAwBqE,QACrC3E,UAAU,yFAQvB,IC5OQ+G,MAvBAjF,IAAmD,IAAlD,KAAEkF,EAAI,aAAEC,EAAY,QAAEC,EAAO,MAACC,EAAK,OAACC,GAAQtF,EAC1D,OACEV,eAAAtB,WAAA,CAAAC,SAAA,CACEF,cAAA,SACEwH,QAASL,EACTM,SAAUL,EACVjH,UAAU,wBACVnB,GAAE,mBACFwC,KAAK,WACLkG,SAAUH,IAEZvH,cAAA,SACE4G,MAAO,CAAEe,WAAYR,GAAQE,EACzBC,MAAOA,GACXnH,UAAU,qBACVyH,QAAO,mBAAqB1H,SAE5BF,cAAA,QAAMG,UAAS,4BAEhB,E,uBCPQ,UAdf,MAAsB0H,cAAA,KAElBC,qBAAwB1I,GAIV,KAANA,GAHO,aAGQ2I,KAAK3I,GACdA,EAED,EAEX,G,yDCRS,SAAS4I,EAAQlI,GAC5B,OACAE,cAAA,OAAKG,UAAU,eAAcD,SACzBF,cAAA,OAAKG,UAAU,oBAAmBD,SAC9BqB,eAAA,OAAK0G,MAAM,6BAA6BC,WAAW,+BAA+BjB,MAAM,QAAQkB,OAAO,QAAQC,QAAQ,cAAcC,oBAAoB,WAAUnI,SAAA,CAC/JqB,eAAA,UAAQ+G,GAAI,GAAIC,GAAI,GAAIC,EAAG,GAAIC,KAAK,UAASvI,SAAA,CAC7CF,cAAA,WAAS0I,cAAc,IAAIC,YAAY,aAAaC,IAAI,uBAAuBC,SAAS,SAASC,SAAS,MAAMC,OAAO,OAAOC,WAAW,cAAcC,MAAM,OAC7JjJ,cAAA,WAAS0I,cAAc,OAAOC,YAAY,aAAaC,IAAI,sBAAsBC,SAAS,WAAWC,SAAS,oBAAoBC,OAAO,0CAA0CE,MAAM,UAChL1H,eAAA,UAAQ+G,GAAI,GAAIC,GAAI,GAAIC,EAAG,GAAIC,KAAK,UAASvI,SAAA,CACtDF,cAAA,WAAS0I,cAAc,IAAIC,YAAY,aAAaC,IAAI,sBAAsBC,SAAS,SAASC,SAAS,oBAAoBC,OAAO,eAAeC,WAAW,kDAAkDC,MAAM,OACtNjJ,cAAA,WAAS0I,cAAc,KAAKC,YAAY,aAAaC,IAAI,sBAAsBC,SAAS,SAASC,SAAS,oBAAoBC,OAAO,iBAAiBC,WAAW,kDAAkDC,MAAM,UAChN1H,eAAA,UAAQ+G,GAAI,GAAIC,GAAI,GAAIC,EAAG,GAAIC,KAAK,UAASvI,SAAA,CACtDF,cAAA,WAAS0I,cAAc,IAAIC,YAAY,aAAaC,IAAI,sBAAsBC,SAAS,SAASC,SAAS,oBAAoBC,OAAO,eAAeC,WAAW,kDAAkDC,MAAM,0BACtNjJ,cAAA,WAAS0I,cAAc,KAAKC,YAAY,aAAaC,IAAI,sBAAsBC,SAAS,SAASC,SAAS,oBAAoBC,OAAO,iBAAiBC,WAAW,kDAAkDC,MAAM,6BAChN1H,eAAA,UAAQ+G,GAAI,GAAIC,GAAI,GAAIC,EAAG,GAAIC,KAAK,UAASvI,SAAA,CACtDF,cAAA,WAAS0I,cAAc,IAAIC,YAAY,aAAaC,IAAI,sBAAsBC,SAAS,SAASC,SAAS,oBAAoBC,OAAO,eAAeC,WAAW,kDAAkDC,MAAM,yBACtNjJ,cAAA,WAAS0I,cAAc,KAAKC,YAAY,aAAaC,IAAI,sBAAsBC,SAAS,SAASC,SAAS,oBAAoBC,OAAO,iBAAiBC,WAAW,kDAAkDC,MAAM,4BAChN1H,eAAA,UAAQ+G,GAAI,GAAIC,GAAI,GAAIC,EAAG,GAAIC,KAAK,UAASvI,SAAA,CACtDF,cAAA,WAAS0I,cAAc,IAAIC,YAAY,aAAaC,IAAI,sBAAsBC,SAAS,SAASC,SAAS,oBAAoBC,OAAO,eAAeC,WAAW,kDAAkDC,MAAM,yBACtNjJ,cAAA,WAAS0I,cAAc,KAAKC,YAAY,aAAaC,IAAI,sBAAsBC,SAAS,SAASC,SAAS,oBAAoBC,OAAO,iBAAiBC,WAAW,kDAAkDC,MAAM,kCAOzO,C,YCVA,MAAMzI,EAASC,EAAQ,GAAoBC,KAG5B,SAASwI,IAEtB,MAEOC,EAAOC,GAAYrI,oBAAS,IAC5BsI,EAAWC,GAAgBvI,mBAAS,KACpCwI,EAAiBC,GAAsBzI,oBAAS,IAChD0I,EAAcC,GAAmB3I,mBAAS,KAC1C4I,EAAkBC,GAAuB7I,sBACzC8I,EAAcC,GAAsB/I,oBAAS,IAC7CgJ,EAAaC,GAAkBjJ,mBAAS,KACxCkJ,EAAMC,GAAYnJ,oBAAS,IAC5B,SAAEoJ,GAAaC,sBACrB,IAAI,GAAEpL,GAAOqL,cACb,MAAOC,EAAiBC,GAAsBxJ,mBAAS,KAChDyJ,EAAoBC,GAAyB1J,mBAAS,KACtD2J,EAAWC,GAAgB5J,oBAAS,GACrC6J,EAAc,CAClBC,MAAO,IAAIC,MAAOC,cAClBC,OAAO,IAAIF,MAAOG,WAAW,EAC7BC,KAAK,IAAIJ,MAAOK,YAEXC,EAAaC,GAAkBtK,mBAAS6J,IACxCU,EAAYC,GAAgBxK,mBAAS,KACrCyK,EAAaC,GAAiB1K,mBAAS,KACvC2K,EAAgBC,GAAkB5K,mBAAS,KAC3C6K,GAAeC,IAAmB9K,mBAAS,KAC3C+K,GAAgBC,IAAoBhL,mBAAS,KAC7CiL,GAAmBC,IAAqBlL,mBAAS,KACjDmL,GAASC,IAAepL,mBAAS,GAKlCqL,GAAU,CACd,CAAEjD,MAAO,IAAKkD,MAAO,sBACrB,CAAElD,MAAO,IAAKkD,MAAO,sBACrB,CAAElD,MAAO,IAAKkD,MAAO,yCAGjBC,GAAa,CACf,CAAEnD,MAAO,IAAKkD,MAAO,OACrB,CAAElD,MAAO,IAAKkD,MAAO,QACrB,CAAElD,MAAO,IAAKkD,MAAO,UAGnBE,GAAc,CAClB,CAAEpD,MAAO,IAAKkD,MAAO,sEACrB,CAAElD,MAAO,IAAKkD,MAAO,sEACrB,CAAElD,MAAO,IAAKkD,MAAO,8CACrB,CAAElD,MAAO,IAAKkD,MAAO,+CAGjBG,GAAiB,CACnB,CAAErD,MAAO,IAAKkD,MAAO,SACrB,CAAElD,MAAO,IAAKkD,MAAO,SACrB,CAAElD,MAAO,IAAKkD,MAAO,WACrB,CAAElD,MAAO,IAAKkD,MAAO,WAInBI,GAAgB,CAClB,CAAEtD,MAAO,IAAKkD,MAAO,sBACrB,CAAElD,MAAO,IAAKkD,MAAO,6BAGjBK,GAAmB,CACvB,CAAEvD,MAAO,IAAKkD,MAAO,QACrB,CAAElD,MAAO,IAAKkD,MAAO,WAKnBM,GAAeA,CAACP,EAASjD,KACL,KAArBA,EAAMyD,iBAAoCxI,IAAfgI,EAAQ,KAElCjD,EAAQiD,EAAQ,GAAGjD,OAEhBiD,EAAUA,EAAQS,MAAKC,GAAUA,EAAO3D,MAAMyD,aAAgBzD,EAAMyD,aAAc,IAkCrFG,GAASC,YAAU,CACtBC,cAAgB,CACfjO,GAAG,GACHkO,YAAY,GACZ3M,MAAM,GACN4M,UAAU,GACVC,SAAS,GACTtJ,MAAM,GACNuJ,YAAY,GACZC,QAAQ,GACRC,YAAY,GACZpI,KAAK,GACLC,eAAe,GACfoI,SAAS,GACTnJ,eAAe,GACfoJ,aAAY,EACZC,WAAU,EACVC,UAAU,IAAI7C,KACd8C,OAAO,GACPC,YAAY,GACZC,SAAS,GACTC,SAAS,GACTC,YAAY,IAEdC,iBAAkBC,IAAW,CAC3BhB,YAAYgB,MAAaC,SAAoC,OAA1BzH,IAAkC,sJAAgC,oCACrGyG,UAAUe,MAAaC,SAAoC,OAA1BzH,IAAkC,oFAAqB,kCACxF0G,SAASc,MAAaC,SAAoC,OAA1BzH,IAAiC,sGAAwB,iCACzF5C,MAAMoK,MAAaE,QAzIH,oBAyIkD,OAA1B1H,IAAkC,saAA6F,4EAA4E5C,MAAiC,OAA1B4C,IAAkC,mIAA4B,wBAAwByH,SAAoC,OAA1BzH,IAAkC,0FAAuB,6BACnZ2G,YAAYa,MAAaE,QA3IT,0GA2IyD,OAA1B1H,IAAkC,oLAAqC,wCAAwCyH,SAAoC,OAA1BzH,IAAkC,0IAA8B,oCACxOiH,UAAUO,MAAaC,SAAoC,OAA1BzH,IAAkC,sGAAwB,qCAC3F8G,SAASU,MAAaC,SAAoC,OAA1BzH,IAAkC,4GAAyB,kCAG7F2H,SAAUtF,IACRgE,GAAOhE,OAAOxI,MAAiC,KAAxBwM,GAAOhE,OAAOxI,MAAgB,IAAMwM,GAAOhE,OAAOxI,MACzEwM,GAAOhE,OAAO5D,KAA+B,KAAvB4H,GAAOhE,OAAO5D,KAAe,IAAM4H,GAAOhE,OAAO5D,KACvE4H,GAAOhE,OAAO3D,eAAmD,KAAjC2H,GAAOhE,OAAO3D,eAAyB,IAAM2H,GAAOhE,OAAO3D,eAC3F2H,GAAOhE,OAAO6E,OAAmC,KAAzBb,GAAOhE,OAAO6E,OAAiB,IAAMb,GAAOhE,OAAO6E,OAC3Eb,GAAOhE,OAAO+E,SAAuC,KAA3Bf,GAAOhE,OAAO+E,SAAmB,IAAMf,GAAOhE,OAAO+E,SAC/Ef,GAAOhE,OAAOgF,SAAuC,KAA3BhB,GAAOhE,OAAOgF,SAAmB,OAAShB,GAAOhE,OAAOgF,SAClFhB,GAAOhE,OAAOiF,YAA6C,KAA9BjB,GAAOhE,OAAOiF,YAAsB,SAAWjB,GAAOhE,OAAOiF,YAC1FjB,GAAOhE,OAAO4E,UAAYvC,EACtBnB,QACe7F,IAAd2E,EAAO/J,KACR+J,EAAO/J,GAAK+K,EAAYuE,QAAOC,GAAKA,EAAErB,cAAgBH,GAAOhE,OAAOmE,cAAc,GAAGlO,IACzF+E,IAAMC,IAAIpE,EAAQ,2BAADwC,OAA4B2G,EAAOmE,aAAc,CAChEsB,QAAS,CAACC,YAAc5L,aAAaG,QAAQ,kBAC5CiB,MAAMC,IACc,OAAlBA,EAASC,MAAiBD,EAASC,KAAKnF,KAAO+J,EAAO/J,GACvD0P,GAAc3F,IAEdgE,GAAOhE,OAAO4E,UAAYvC,EAAYwB,WACtCzC,EAAoC,OAA1BzD,IAAkC,+dAAsF,qGAAuG,CAAEiI,WAAY,UAAWC,aAAa,IACjR,GAEA,IAIAF,GAAiB3F,IACrB4B,GAAa,GACb5G,IAAMC,IAAIpE,EAAQ,qBAADwC,OAAsB2G,EAAOjF,QAASG,MAAMC,IACtC,OAAlBA,EAASC,MAAkBD,EAASC,MAAQD,EAASC,KAAKnF,KAAO+J,EAAO/J,GACrEuK,IAEFR,EAAO0E,YAActE,EACrBJ,EAAO1E,eAAiBgF,EACrBY,EACClG,IAAM8K,KAAKjP,EAAQ,WAAWmJ,GAAQ9E,MAAMC,IACzCA,EAASC,KAAK2K,MAEf3E,EAASjG,EAASC,KAAK2K,MAAO,CAAEH,WAAY,QAASC,aAAa,KAElE7B,GAAOhE,OAAO4E,UAAYvC,EAAYwB,WACtCzC,EAAoC,OAA1BzD,IAAkC,+GAAuB,yBAA0B,CAAEiI,WAAY,UAAWC,aAAa,IACnI9E,GAAmB,GACnBI,GAAS,GAQT6C,GAAOgC,cAAc,KAAK7K,EAASC,KAAK4F,YAAY/K,IACpDgL,EAAe9F,EAASC,KAAK4F,aAE/B,UAGiB3F,IAAd2E,EAAO/J,KACR+J,EAAO/J,GAAK+K,EAAYuE,QAAOC,GAAKA,EAAErB,cAAgBH,GAAOhE,OAAOmE,cAAc,GAAGlO,IACvF+E,IAAM8K,KAAKjP,EAAQ,kBAAkBmJ,EAAO,CAC1CyF,QAAS,CAACC,YAAc5L,aAAaG,QAAQ,kBAC5CiB,MAAMC,IACNA,EAASC,KAAK2K,MAEf3E,EAASjG,EAASC,KAAK2K,MAAO,CAAEH,WAAY,QAASC,aAAa,KAGlE7B,GAAOhE,OAAO4E,UAAYvC,EAAYwB,WACtCzC,EAAoC,OAA1BzD,IAAkC,+GAAuB,yBAA0B,CAAEiI,WAAY,UAAWC,aAAa,IACnI9E,GAAmB,GACrB,OAMNiD,GAAOhE,OAAO4E,UAAYvC,EAAYwB,WACtCzC,EAAqC,OAA1BzD,IAAmC,gcAAgF,kEAAmE,CAAEiI,WAAY,UAAWC,aAAa,KAEzOjE,GAAa,EAAM,GACnB,EA8FJ,MAAMqE,GAAcC,MAAQzN,EAAKxC,KAC/B,GAAY,aAATwC,EAAoB,CACrBiK,EAAgB,IAChBM,GAAmB,IACnB,IAAImD,EAAe,GACfC,EAAkB,SAChBC,EAAYd,QAAOlP,GAAKA,EAAEiQ,YAAYzC,aAAe5N,EAAG4N,aAAa0C,SAAQC,IAC/EL,EAAanK,KAAK,CAACoE,MAAOoG,EAAMpG,MAAMyD,WAAYP,MAAQkD,EAAMlD,QAChE8C,EAAgBpK,KAAK,CAACoE,MAAOoG,EAAMpG,MAAMyD,WAAYP,MAAQkD,EAAMC,SAAU,IAEjF/D,EAAgByD,GAChBnD,GAAmBoD,GACnBpC,GAAOgC,cAAc,WAAuC,OAA1BrI,IAAkCwI,EAAa,GAAG/F,MAAQgG,EAAgB,GAAGhG,OAE/GwC,EAAe,IACfM,GAAkB,IAClBiD,EAAe,GACfC,EAAkB,SACZM,EAAWnB,QAAOlP,GAAKA,EAAE+J,MAAMyD,WAAW8C,UAAU,EAAG,KAAQN,EAAYd,QAAOlP,GAAKA,EAAEiQ,YAAYzC,aAAe5N,EAAG4N,aAAa,GAAGzD,MAAMyD,aAAY0C,SAAQC,IACrKL,EAAanK,KAAK,CAACoE,MAAOoG,EAAMpG,MAAMyD,WAAYP,MAAQkD,EAAMlD,QAChE8C,EAAgBpK,KAAK,CAACoE,MAAOoG,EAAMpG,MAAMyD,WAAYP,MAAQkD,EAAMC,SAAU,IAE/E7D,EAAeuD,GACfjD,GAAkBkD,GAClBpC,GAAOgC,cAAc,cAA0C,OAA1BrI,IAAkCwI,EAAa,GAAG/F,MAAQgG,EAAgB,GAAGhG,MACpH,MACK,GAAU,gBAAP3H,EACR,CACEmK,EAAe,IACfM,GAAkB,IACdiD,EAAe,GACfC,EAAkB,GACtBM,EAAWnB,QAAOlP,GAAKA,EAAE+J,MAAMyD,WAAW8C,UAAU,EAAG,KAAO1Q,EAAG4N,aAAY0C,SAAQC,IACjFL,EAAanK,KAAK,CAACoE,MAAOoG,EAAMpG,MAAMyD,WAAYP,MAAQkD,EAAMlD,QAChE8C,EAAgBpK,KAAK,CAACoE,MAAOoG,EAAMpG,MAAMyD,WAAYP,MAAQkD,EAAMC,SAAU,IAEjF7D,EAAeuD,GACfjD,GAAkBkD,GAClBpC,GAAOgC,cAAc,cAA0C,OAA1BrI,IAAkCwI,EAAa,GAAG/F,MAAQgG,EAAgB,GAAGhG,MACpH,GAGIwG,GAAcvQ,IACT,OAANA,IACDA,EAAIgM,EAAYwB,YAElB,MACM1B,GADY0E,EACG,IAAI9E,KAAK1L,EAAEyL,KAAK,IAAIzL,EAAE4L,MAAM,IAAI5L,EAAE8L,KAD/B2E,EACqC,IAAI/E,KAD3BgF,KAAKC,KAAKD,KAAKE,IAAIJ,EAAOC,GAAU,QAAzDI,IAACL,EAAMC,EAExB1D,GAAajB,EAAM,KAAO,IAAIJ,KAAK1L,EAAEyL,KAAK,IAAIzL,EAAE4L,MAAM,IAAI5L,EAAE8L,KAAO,IAAIJ,KAAUoF,SAAShF,EAAI,KAAO,EAAG,EAG1GnL,qBAAU,KACN,IAAImP,EAAe,GACfC,EAAkB,GACtBgB,EAAab,SAAQC,IACjBL,EAAanK,KAAK,CAACoE,MAAOoG,EAAMpG,MAAMyD,WAAYP,MAAQkD,EAAMlD,QAChE8C,EAAgBpK,KAAK,CAACoE,MAAOoG,EAAMpG,MAAMyD,WAAYP,MAAQkD,EAAMC,SAAU,IAEjFjE,EAAe2D,GACfrD,GAAkBsD,GAClBH,GAAW,WAAW,GACtBA,GAAW,cAAc,MAxJ7BC,iBACEtE,GAAa,GACb,IAAIzG,QAAiBH,IACnBnE,EAAQ,iBAADwC,OAAkBpD,GAAK,CAC5BwP,QAAS,CAACC,YAAc5L,aAAaG,QAAQ,kBAG7CoN,QAAalM,EAASC,KAC1B,GAAY,OAATiM,EAAe,CAChB,IAAIC,EAAa,GACbC,EAAW,GACXpB,EAAe,GACfC,EAAkB,GACtB,MAAMoB,EAAW,CACf1F,MAAO,IAAIC,MAAOC,cAClBC,OAAO,IAAIF,MAAOG,WAAW,EAC7BC,KAAK,IAAIJ,MAAOK,WAElB,IAAI,IAAIqF,KAAWtM,EAASC,KAQ1B,GAPA+K,EAAe,GACfC,EAAkB,GACH,aAAZqB,IACDH,EAAanM,EAASC,KAAKqM,IACd,aAAZA,IACDF,EAAWpM,EAASC,KAAKqM,IAEZ,cAAZA,EACH,CACE,MAAMhO,EAAMiO,KAAKC,MAAMxM,EAASC,KAAKqM,IACP,OAA3BtM,EAASC,KAAKqM,IAEfb,GAAYvE,GACZC,EAAeD,GACf2B,GAAOgC,cAAcyB,EAASpF,EAAYwB,YAAY,GACtDG,GAAOhE,OAAO4E,UAAYvC,EAAYwB,aAEtC+C,GAAYnN,GACZ6I,EAAe7I,GACfuK,GAAOgC,cAAcyB,EAAShO,EAAIoK,YAAY,GAC9CG,GAAOhE,OAAO4E,UAAYvC,EAAYwB,WAE1C,KAAsB,aAAZ4D,GACRpB,EAAYd,QAAOlP,GAAKA,EAAEiQ,YAAYzC,aAAeyD,EAAWzD,aAAY0C,SAAQC,IAClFL,EAAanK,KAAK,CAACoE,MAAOoG,EAAMpG,MAAMyD,WAAYP,MAAQkD,EAAMlD,QAChE8C,EAAgBpK,KAAK,CAACoE,MAAOoG,EAAMpG,MAAMyD,WAAYP,MAAQkD,EAAMC,SAAU,IAE/E/D,EAAgByD,GAChBnD,GAAmBoD,GACnBpC,GAAOgC,cAAc,WAAW7K,EAASC,KAAKqM,KAC1B,gBAAZA,GACRf,EAAWnB,QAAOlP,GAAKA,EAAE+J,MAAMyD,WAAW8C,UAAU,EAAG,KAAOY,EAAS1D,aAAY0C,SAAQC,IACzFL,EAAanK,KAAK,CAACoE,MAAOoG,EAAMpG,MAAMyD,WAAYP,MAAQkD,EAAMlD,QAChE8C,EAAgBpK,KAAK,CAACoE,MAAOoG,EAAMpG,MAAMyD,WAAYP,MAAQkD,EAAMC,SAAU,IAE/E7D,EAAeuD,GACfjD,GAAkBkD,GAClBpC,GAAOgC,cAAc,cAAc7K,EAASC,KAAKqM,KAC7B,SAAZA,GAAkC,UAAZA,GAAmC,QAAZA,EACvB,OAA3BtM,EAASC,KAAKqM,IACfnF,EAAekF,GAEE,mBAAZC,GACPzD,GAAOgC,cAAcyB,EAAoC,OAAzBtM,EAASC,KAAKqM,GAAmB,GAAKtM,EAASC,KAAKqM,IAAW,GAI/D,OAAjCtM,EAASC,KAAKE,gBACfiF,EAAahF,IAAaC,SAASL,EAASC,KAAKE,iBACnD+E,EAASlF,EAASC,KAAKsJ,aACvB/D,EAAgBxF,EAASC,KAAKqJ,UAC9BxD,EAAeoG,GACflG,GAAS,GACTS,GAAa,EACf,MACEA,GAAa,GACbT,GAAS,GACTJ,GAAmB,EAEvB,CA2EI6G,GAzEJ1B,iBACE,MAAM/K,QAAiBH,IAAMnE,EAAQ,aAC/BgR,QAAa1M,EAASC,KAAK0M,aACjC,IAAI3B,EAAe,GACnB0B,EAAKtB,SAAQC,GAASL,EAAanK,KAAK,CAACoE,MAAOoG,EAAMvQ,GAAG4N,WAAYP,MAAQkD,EAAMuB,uBACnFvG,EAAmB2E,GACnBA,EAAe,GACf0B,EAAKtB,SAAQC,GAASL,EAAanK,KAAK,CAACoE,MAAOoG,EAAMvQ,GAAG4N,WAAYP,MAAQkD,EAAMwB,wBACnFtG,EAAsByE,EACxB,CAiEI8B,EAAe,GACjB,IAEF,MAAMC,GAAiBC,IACrBpH,EAAmBoH,GAChBA,GACDnE,GAAOoE,UAAU,CAAC,EAAE,EAIxB,OACE5P,eAAAtB,WAAA,CAAAC,SAAA,CACGwK,EAAcnJ,eAAAtB,WAAA,CAAAC,SAAA,CAAE,IAACF,cAACgI,EAAO,CAAEoJ,WAAY,eAAoBpR,cAAAC,WAAA,IAC5DD,cAAA,OAAKG,UAAU,sBAAqBD,SAClCF,cAAA,OAAKG,UAAU,eAAcD,SAC7BF,cAAAC,WAAA,CAAAC,SACEF,cAAA,OAAKG,UAAU,wGAAuGD,SACpHqB,eAAA,QAAM8M,SAAUtB,GAAOsE,aAAanR,SAAA,CACpCF,cAAA,OAAKG,UAAU,wCAAuCD,SACpDqB,eAAA,OAAKpB,UAAU,oCAAmCD,SAAA,CAChDF,cAAA,OAAAE,SACEF,cAAA,MAAIG,UAAU,2CAA0CD,SAAEM,EAAOsB,EAAE,uBAErE9B,cAAA,OAAAE,SACI2J,IAAkBI,EAAS1I,eAAA,UAC3BpB,UAAU,2LACVqB,KAAK,SACLnB,QAAUA,KAAO4Q,IAAc,EAAM,EAAE/Q,SAAA,CAEzCF,cAAA,KAAGG,UAAU,sBAAwB,OAAOK,EAAOsB,EAAE,qBAErDP,eAAAtB,WAAA,CAAAC,SAAA,CACEqB,eAAA,UACEpB,UAAW,sLAAyL8J,EAAQ,UAAY,KACxNzI,KAAK,SACLnB,QAASA,KAAM4Q,IAAc,EAAK,EAAE/Q,SAAA,CAEtCF,cAAA,KAAGG,UAAU,wBAA0B,OAAOK,EAAOsB,EAAE,qBAEvDP,eAAA,UACApB,UAAU,gMACVqB,KAAK,SAAQtB,SAAA,CAEXF,cAAA,KAAGG,UAAU,gBAAkB,OAAOK,EAAOsB,EAAE,+BAOzDP,eAAA,OAAKpB,UAAU,oCAAmCD,SAAA,CAC9CqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCF,cAAA,OAAKG,UAAU,mBAAkBD,SAC/BF,cAAA,OAAKG,UAAU,uBAAsBD,SACnCqB,eAAA,OAAKpB,UAAU,eAAcD,SAAA,CAC3BF,cAAA,SAAO4H,QAAQ,aAAazH,UAAU,iBAAgBD,SACpDF,cAAA,OACE4E,IAAI,MACJzE,UAAW,4EAA+EmR,WAAY,WAAa,IACnHzM,IAASwE,GAA2B5I,EAAQ,IAAwBqE,YAGxE9E,cAAA,SAAOhB,GAAG,aAAawC,KAAK,OAAO+P,OAAO,mCAAmC9J,SAAWrI,GA/ZrF6P,WACvB,MAAMuC,QAAelN,IAAamN,gBAAgBrS,EAAEqH,OAAOiL,MAAM,IACjEpI,EAAakI,EAAO,EA6Z8FG,CAAiBvS,GAAKsI,SAAUmC,WAIpI7J,cAAA,OAAKG,UAAU,oBAAmBD,SAChCqB,eAAA,OAAKpB,UAAU,iBAAgBD,SAAA,CAC7BF,cAAA,OAAKG,UAAU,wBAAuBD,SACpCqB,eAAA,OAAKpB,UAAU,2BAA0BD,SAAA,CACvCqB,eAAA,SAAOpB,UAAU,kDAAiDD,SAAA,CAC/DM,EAAOsB,EAAE,+BAA+B9B,cAAA,QAAMG,UAAU,eAAcD,SAAC,UAE1EF,cAAA,SACEwB,KAAK,OACLrB,UAAU,6KACVyR,aAAa,MACb5S,GAAG,cACH0D,KAAK,cACLmP,UAAW,IACXpK,SAAUsF,GAAO+E,aACjBC,OAAQhF,GAAOiF,WACf7I,MAAO4D,GAAOhE,OAAOmE,YACrBxF,SAAUmC,IAEXkD,GAAOkF,QAAQ/E,aAAeH,GAAOmF,OAAOhF,YACzClN,cAAA,OAAKG,UAAU,iCAAgCD,SAAE6M,GAAOmF,OAAOhF,cAC/D,UAGRlN,cAAA,OAAKG,UAAU,wBAAuBD,SACpCF,cAAA,OAAKG,UAAU,cAAaD,SAC1BF,cAAA,OAAKG,UAAU,wDAAuDD,SACpEqB,eAAA,QAAMpB,UAAU,qDAAoDD,SAAA,CAACF,cAAA,QAAMG,UAAU,OAAMD,SAAEM,EAAOsB,EAAE,4BAAiC,QACvI9B,cAACkH,EAAM,CACLC,KAAMgC,EACNnK,GAAG,cACH0D,KAAK,cACL2E,QAAQ,UACRC,MAAM,QACNF,aAAcA,KAAOgC,GAAUD,EAAM,EACrC5B,OAAQsC,aAMhB7J,cAAA,OAAKG,UAAU,+BAA8BD,SAC3CqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCF,cAAA,SAAOG,UAAU,kDAAiDD,SACjEM,EAAOsB,EAAE,2BAER9B,cAACmS,IAAM,CACLnT,GAAG,QACH0D,KAAK,QACL+E,SAAU0B,IAAU4D,GAAOgC,cAAc,QAAQ5F,EAAMA,MAAM,EAC7DhJ,UAAU,mKACViM,QAAqC,OAA1B1F,IAAkC0F,GAAUE,GACvDnD,MAAOwD,GAAyC,OAA1BjG,IAAkC0F,GAAUE,GAAaS,GAAOhE,OAAOxI,OAC7F6R,WAAYvI,SAIpB7J,cAAA,OAAKG,UAAU,+BAA8BD,SAC3CqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCqB,eAAA,SACEpB,UAAU,kDAAiDD,SAAA,CAE1DM,EAAOsB,EAAE,6BAA6B9B,cAAA,QAAMG,UAAU,eAAcD,SAAC,UAExEF,cAAA,SACEwB,KAAK,OACLrB,UAAU,6KACVnB,GAAG,YACH0D,KAAK,YACLmP,UAAW,IACXD,aAAa,YACbnK,SAAUsF,GAAO+E,aACjBC,OAAQhF,GAAOiF,WACf7I,MAAO4D,GAAOhE,OAAOoE,UACrBzF,SAAUmC,IAEXkD,GAAOkF,QAAQ9E,WAAaJ,GAAOmF,OAAO/E,UACvCnN,cAAA,OAAKG,UAAU,iCAAgCD,SAAE6M,GAAOmF,OAAO/E,YAC/D,UAGRnN,cAAA,OAAKG,UAAU,+BAA8BD,SAC3CqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCqB,eAAA,SACEpB,UAAU,kDAAiDD,SAAA,CAE1DM,EAAOsB,EAAE,4BAA4B9B,cAAA,QAAMG,UAAU,eAAcD,SAAC,UAEvEF,cAAA,SACEwB,KAAK,OACLrB,UAAU,6KACVnB,GAAG,WACH0D,KAAK,WACLmP,UAAW,IACXpK,SAAUsF,GAAO+E,aACjBC,OAAQhF,GAAOiF,WACf7I,MAAO4D,GAAOhE,OAAOqE,SACrB1F,SAAUmC,EACV+H,aAAa,aAEd7E,GAAOkF,QAAQ7E,UAAYL,GAAOmF,OAAO9E,SACtCpN,cAAA,OAAKG,UAAU,iCAAgCD,SAAE6M,GAAOmF,OAAO9E,WAC/D,kBAWd7L,eAAA,OAAKpB,UAAU,iBAAgBD,SAAA,CAC7BF,cAAA,OAAKG,UAAU,6BAA4BD,SACzCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCqB,eAAA,SAAOpB,UAAU,kDAAiDD,SAAA,CACjEM,EAAOsB,EAAE,yBAAyB9B,cAAA,QAAMG,UAAU,eAAcD,SAAC,UAElEF,cAAA,SACEwB,KAAK,OACLrB,UAAU,6KACVnB,GAAG,QACH0D,KAAK,QACLmP,UAAW,IACXpK,SAAUsF,GAAO+E,aACjBC,OAAQhF,GAAOiF,WACf7I,MAAO4D,GAAOhE,OAAOjF,MACrB4D,SAAUmC,EACV+H,aAAa,iBAEd7E,GAAOkF,QAAQnO,OAASiJ,GAAOmF,OAAOpO,MAC/B9D,cAAA,OAAKG,UAAU,iCAAgCD,SAAE6M,GAAOmF,OAAOpO,QAC/D,UAGZ9D,cAAA,OAAKG,UAAU,6BAA4BD,SACzCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCqB,eAAA,SACEpB,UAAU,kDAAiDD,SAAA,CAE1DM,EAAOsB,EAAE,+BAA+B9B,cAAA,QAAMG,UAAU,eAAcD,SAAC,UAE1EF,cAAA,SACEwB,KAAK,OACLrB,UAAU,6KACVnB,GAAG,cACH0D,KAAK,cACLmP,UAAW,GACXpK,SAAW4K,IArfAjT,QAsfeiT,EArfc,KAAzDC,EAAgBxK,qBAAqB1I,EAAEqH,OAAO0C,QAAoC,KAAnB/J,EAAEqH,OAAO0C,QAEzES,EAAoBxK,EAAEqH,OAAO0C,OAC7B4D,GAAOhE,OAAOsE,YAAcjO,EAAEqH,OAAO0C,MAkfa,EAEhC4I,OAAQhF,GAAOiF,WACf7I,MAAO4D,GAAOhE,OAAOsE,YACrB3F,SAAUmC,EACV+H,aAAa,iBAEb7E,GAAOkF,QAAQ5E,aAAeN,GAAOmF,OAAO7E,YACtCrN,cAAA,OAAKG,UAAU,iCAAgCD,SAAE6M,GAAOmF,OAAO7E,cAC/D,UAGZrN,cAAA,OAAKG,UAAU,6BAA4BD,SACzCqB,eAAA,OAAKpB,UAAU,iBAAgBD,SAAA,CAC7BF,cAAA,OAAKG,UAAU,mBAAkBD,SAC/BqB,eAAA,OAAKpB,UAAU,OAAMD,SAAA,CACnBqB,eAAA,SACEpB,UAAU,kDAAiDD,SAAA,CAE1DM,EAAOsB,EAAE,6BAA6B9B,cAAA,QAAMG,UAAU,eAAcD,SAAC,UAExEF,cAACuS,IAAU,CACTpJ,MAAOiC,EACP3D,SAAWrI,IAAOiM,EAAejM,GAAIuQ,GAAYvQ,EAAE,EACnDoT,YA7hBAvQ,IAAA,IAAC,IAAEwC,GAAKxC,EAAA,OAChCjC,cAAAC,WAAA,CAAAC,SACEqB,eAAA,QAAMpB,UAAU,6BAA4BD,SAAA,CAC1CF,cAAA,QAAMG,UAAU,2BAA0BD,SAACF,cAAA,KAAGG,UAAU,uBACxDH,cAAA,SAAOyE,IAAKA,EACZjD,KAAK,OACLiR,UAAQ,EACRtS,UAAU,yOACVuH,SAAUmC,EACVV,MAAuB,OAAhBiC,EAAoB,GAAAhJ,OAAMgJ,EAAYF,IAAG,KAAA9I,OAAIgJ,EAAYJ,MAAK,KAAA5I,OAAIgJ,EAAYP,OAAU,IAAIC,MAAO4H,mBAAmB,eAE9H,EAmhBqBC,yBAAuB,IAExB5F,GAAOkF,QAAQtE,WAAaZ,GAAOmF,OAAOvE,UACrC3N,cAAA,OAAKG,UAAU,iCAAgCD,SAAE6M,GAAOmF,OAAOvE,YAC/D,UAGV3N,cAAA,OAAKG,UAAU,mBAAkBD,SAC/BqB,eAAA,OAAKpB,UAAU,OAAMD,SAAA,CACnBF,cAAA,SAAOG,UAAU,kDAAiDD,SAC/DM,EAAOsB,EAAE,yBAEZ9B,cAAA,SACIwB,KAAK,OACLrB,UAAU,gLACVnB,GAAG,aACH0D,KAAK,aACLyG,MAAO+C,GACP6F,OAAQhF,GAAOiF,WACfS,UAAU,EACVZ,UAAW,EACXnK,SAAUmC,IAEd7J,cAAA,QAAMG,UAAU,oBAAmBD,SAAC,2BAGxCqB,eAAA,OAAKpB,UAAU,mBAAkBD,SAAA,CAC7BF,cAAA,SACEG,UAAU,kDAAiDD,SAE1DM,EAAOsB,EAAE,4BAEZ9B,cAACmS,IAAM,CACDnT,GAAG,SACH0D,KAAK,SACL+E,SAAU0B,IAAU4D,GAAOgC,cAAc,SAAS5F,EAAMA,MAAM,EAC9DhJ,UAAU,mKACViM,QAAqC,OAA1B1F,IAAkC+F,GAAgBC,GAC7DvD,MAAOwD,GAAyC,OAA1BjG,IAAkC+F,GAAgBC,GAAmBK,GAAOhE,OAAO6E,QACzGwE,WAAYvI,YAK1B7J,cAAA,OAAKG,UAAU,6BAA4BD,SACzCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCF,cAAA,SAAOG,UAAU,kDAAiDD,SAC/DM,EAAOsB,EAAE,2BAEZ9B,cAAA,SACEwB,KAAK,OACLrB,UAAU,6KACVnB,GAAG,cACH0D,KAAK,cACLmP,UAAW,IACXpK,SAAUsF,GAAO+E,aACjBC,OAAQhF,GAAOiF,WACf7I,MAAO4D,GAAOhE,OAAO8E,YACrBnG,SAAUmC,EACV+H,aAAa,sBAInB5R,cAAA,OAAKG,UAAU,6BAA4BD,SACzCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCF,cAAA,SAAOG,UAAU,kDAAiDD,SAC/DM,EAAOsB,EAAE,0BAEZ9B,cAACmS,IAAM,CACLnT,GAAG,OACH0D,KAAK,OACL+E,SAAU0B,IAAY4D,GAAOgC,cAAc,OAAO5F,EAAMA,MAAM,EAE9DhJ,UAAU,0KACViM,QAAqC,OAA1B1F,IAAkC6F,GAAcC,GAC3DrD,MAAOwD,GAAyC,OAA1BjG,IAAkC6F,GAAcC,GAAiBO,GAAOhE,OAAO5D,MACrGiN,WAAYvI,GAAyC,oBAAxBkD,GAAOhE,OAAOjF,aAGjD9D,cAAA,OAAKG,UAAU,6BAA4BD,SACzCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCF,cAAA,SAAOG,UAAU,kDAAiDD,SAC/DM,EAAOsB,EAAE,kCAEZ9B,cAACmS,IAAM,CACLnT,GAAG,iBACH0D,KAAK,iBACL+E,SAAU0B,IAAY4D,GAAOgC,cAAc,iBAAiB5F,EAAMA,MAAM,EAExEhJ,UAAU,0KACViM,QAAqC,OAA1B1F,IAAkC4D,EAAkBE,EAC/DrB,MAAOwD,GAAyC,OAA1BjG,IAAkC4D,EAAkBE,EAAqBuC,GAAOhE,OAAO3D,gBAC7GgN,WAAYvI,SAGlB7J,cAAA,OAAKG,UAAU,6BAA4BD,SACzCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCqB,eAAA,SAAOpB,UAAU,kDAAiDD,SAAA,CAC/DM,EAAOsB,EAAE,4BAA4B9B,cAAA,QAAMG,UAAU,eAAcD,SAAC,UAEvEF,cAAA,SACEwB,KAAK,WACLrB,UAAU,6KACVnB,GAAG,WACH0D,KAAK,WACLmP,UAAW,IACXpK,SAAWrI,IACNA,EAAEqH,OAAO0C,QAAUM,EAEpBD,EAAmBpK,EAAEqH,OAAO0C,OAEF,KAAnB/J,EAAEqH,OAAO0C,OAAiC,KAAjBM,GAEhCD,EAAmB,MAErBuD,GAAO+E,aAAa1S,EAAE,EAExB2S,OAAQhF,GAAOiF,WACf7I,MAAO4D,GAAOhE,OAAOyE,SACrB9F,SAAUmC,IAEXkD,GAAOkF,QAAQzE,UAAYT,GAAOmF,OAAO1E,SAClCxN,cAAA,OAAKG,UAAU,iCAAgCD,SAAE6M,GAAOmF,OAAO1E,WAC/D,UAGZxN,cAAA,OAAKG,UAAU,6BAA4BD,SACzCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCF,cAAA,SAAOG,UAAU,kDAAiDD,SAC/DM,EAAOsB,EAAE,qCAEZ9B,cAAA,SACEwB,KAAK,WACLrB,UAAU,6KACVnB,GAAG,kBACH0D,KAAK,kBACLmP,UAAW,IACXpK,SAAUrI,IA/oBPA,KACpBA,IAAO2N,GAAOhE,OAAOyE,SACtBhE,GAAmB,GAChBA,GAAmB,EAAM,EA4oBKoJ,CAAgBxT,EAAEqH,OAAO0C,OAAQO,EAAgBtK,EAAEqH,OAAO0C,MAAM,EAC/EzB,SAAUmC,EACVV,MAAOM,IAERF,EACOvJ,cAAA,OAAKG,UAAU,iCAAgCD,SAAC,6GAChD,UAGZqB,eAAA,OAAKpB,UAAU,6BAA4BD,SAAA,CACzCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCF,cAAA,SAAOG,UAAU,kDAAiDD,SAC/DM,EAAOsB,EAAE,6BAEZ9B,cAAA,SACEwB,KAAK,OACLrB,UAAU,6KACVnB,GAAG,UACH0D,KAAK,UACL+E,SAAUsF,GAAO+E,aACjBC,OAAQhF,GAAOiF,WACfH,UAAW,IACX1I,MAAO4D,GAAOhE,OAAOuE,QACrB5F,SAAUmC,EACV+H,aAAa,oBAGjB5R,cAAA,OAAKG,UAAU,uBAAsBD,SACnCqB,eAAA,OAAKpB,UAAU,iBAAgBD,SAAA,CAC7BqB,eAAA,OAAKpB,UAAU,wBAAuBD,SAAA,CACpCF,cAAA,SAAOG,UAAU,kDAAiDD,SAC/DM,EAAOsB,EAAE,8BAEV9B,cAACmS,IAAM,CACLnT,GAAG,WACH0D,KAAK,WACL+E,SAAU0B,IACR4D,GAAOgC,cAAc,WAAW5F,EAAMA,OACtC6F,GAAW,WAAW7F,EAAMA,MAAM,EAEpChJ,UAAU,+KACViM,QAAqC,OAA1B1F,IAAkC4E,EAAcM,GAC3DiH,cAAc,MACd1J,MAAOwD,GAAyC,OAA1BjG,IAAkC4E,EAAcM,GAAiBmB,GAAOhE,OAAO+E,UACrGsE,WAAYvI,OAElBtI,eAAA,OAAKpB,UAAU,wBAAuBD,SAAA,CACpCF,cAAA,SAAOG,UAAU,kDAAiDD,SAC/DM,EAAOsB,EAAE,8BAEV9B,cAACmS,IAAM,CACLnT,GAAG,WACH0D,KAAK,WACL+E,SAAU0B,IAAY4D,GAAOgC,cAAc,WAAW5F,EAAMA,OAC5D6F,GAAW,cAAc7F,EAAMA,MAAM,EACrChJ,UAAU,+KACViM,QAAqC,OAA1B1F,IAAkC8E,EAAeM,GAC5D+G,cAAc,MACd1J,MAAOwD,GAAyC,OAA1BjG,IAAkC8E,EAAeM,GAAkBiB,GAAOhE,OAAOgF,UACvGqE,WAAYvI,OAElBtI,eAAA,OAAKpB,UAAU,mBAAkBD,SAAA,CAC/BF,cAAA,SAAOG,UAAU,kDAAiDD,SAC/DM,EAAOsB,EAAE,iCAEV9B,cAACmS,IAAM,CACLnT,GAAG,cACH0D,KAAK,cACL+E,SAAU0B,IAAY4D,GAAOgC,cAAc,cAAc5F,EAAMA,MAAM,EACrEhJ,UAAU,0KACViM,QAAsC,OAA1B1F,IAAkCgF,EAAkBM,GAChE6G,cAAc,MACd1J,MAAOwD,GAA0C,OAA1BjG,IAAkCgF,EAAkBM,GAAqBe,GAAOhE,OAAOiF,aAC9GoE,WAAYvI,eAKxB7J,cAAA,OAAKG,UAAU,6BAA4BD,SACzCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCF,cAAA,SAAOG,UAAU,kDAAiDD,SAC/DM,EAAOsB,EAAE,iCAEZ9B,cAAA,YACEwB,KAAK,OACLrB,UAAU,6KACV2S,KAAK,IACL9T,GAAG,cACH0D,KAAK,cACL+E,SAAUsF,GAAO+E,aACjBC,OAAQhF,GAAOiF,WACf7I,MAAO4D,GAAOhE,OAAOwE,YACrB7F,SAAUmC,EACV+H,aAAa,yCAarC,C,sCCt3BA,MAAMpR,EAASC,EAAQ,GAAoBC,KAE3CqS,IAAMC,cAAc,SACpB,MAAMC,EAAe,CACnBC,QAAS,CACPC,IAAK,MACLC,KAAM,MACNC,MAAO,OACPC,OAAQ,OACRC,YAAa,OACbC,QAAQ,KACRC,UAAW,wBACXC,UAAW,OACXC,UAAW,OACXC,gBAAgB,WAChBC,QAAS,CAACC,OAAQ,IAAKF,gBAAiB,0BAuD7BG,MApDO9R,IAA+E,IAA9E,UAAE+R,EAAS,UAAEC,EAAS,eAACC,EAAc,aAAEC,EAAY,GAAEnV,EAAE,KAAEwC,EAAI,QAAE4S,GAASnS,EAC3F,OACIjC,cAAC+S,IAAK,CACF7Q,OAAQ8R,EACRK,YAAaH,EACbI,eAAgBL,EAChBrN,MAAOqM,EACPsB,aAAa,gBAAerU,SAE5BF,cAAA,OAAKG,UAAU,iBAAgBD,SAC3BF,cAAA,OAAKG,UAAU,UAASD,SACpBqB,eAAAtB,WAAA,CAAAC,SAAA,CACAF,cAAA,OAAKG,UAAU,0EAAyED,SACxFF,cAAA,OAAKG,UAAU,oCAAmCD,SAC9CqB,eAAA,OAAKpB,UAAU,mCAAkCD,SAAA,CACjDF,cAAA,OAAKG,UAAU,GAAED,SACbqB,eAAA,MAAIpB,UAAU,8CAA6CD,SAAA,CAACF,cAAA,KAAGG,UAAU,gCAAkC,SAASK,EAAOsB,EAAE,wBAEjI9B,cAAA,OAAKG,UAAU,YAKnBH,cAAA,OAAKG,UAAW,aAAaD,SACzBqB,eAAA,OAAKpB,UAAU,cAAaD,SAAA,CACxBF,cAAA,OAAKG,UAAU,uBAAsBD,SACjCF,cAAA,OAAKG,UAAU,sBAAqBD,SAChCF,cAAA,OAAMG,UAAU,mFAAkFD,SAClE,OAA1BwG,IAAkCnF,eAAA,SAAOpB,UAAU,iBAAgBD,SAAA,CAAC,+GAAmBkU,EAAQ,kEAAqB7S,eAAA,SAAOpB,UAAU,iBAAgBD,SAAA,CAAC,yBAAuBkU,EAAQ,kBAInMpU,cAAA,OAAKG,UAAU,uBAAsBD,SACjCqB,eAAA,OAAKpB,UAAU,sCAAqCD,SAAA,CAChDF,cAAA,UAEAuB,eAAA,OAAMpB,UAAU,mFAAkFD,SAAA,CAC9FqB,eAAA,SAAOpB,UAAU,8BAA8BE,QAASA,KAAQ8T,EAAanV,EAAG,EAAIkB,SAAA,CAAC,IAACF,cAAA,KAAGG,UAAU,iBAAmB,IAAEK,EAAOsB,EAAE,uBACjI9B,cAAA,SAAOG,UAAU,YAAWD,SAAC,cAC7BqB,eAAA,SAAOpB,UAAU,iBAAiBE,QAAS4T,EAAU/T,SAAA,CAAC,IAACF,cAAA,KAAGG,UAAU,iBAAmB,IAAEK,EAAOsB,EAAE,4CAS1H,EC5DhB,MAAMtB,EAASC,EAAQ,GAAoBC,KAE3CqS,IAAMC,cAAc,SACpB,MAAMC,EAAe,CACnBC,QAAS,CACPC,IAAK,MACLC,KAAM,MACNC,MAAO,OACPC,OAAQ,OACRC,YAAa,OACbC,QAAS,KACTC,UAAW,wBACXC,UAAW,OACXC,UAAW,OACXC,gBAAiB,WAEnBC,QAAS,CAAEC,OAAQ,IAAKF,gBAAiB,0BAG5B,SAASY,KACtB,MAAOC,EAAaC,GAAa3T,oBAAS,IACnCgJ,EAAaC,GAAkBjJ,mBAAS,KACxC4T,EAAcC,GAAmB7T,mBAAS,IAC1C8T,EAAYC,GAAiB/T,mBAAS,IACtCgU,EAAYC,GAAgBjU,mBAAS,KACrCkU,EAAoBC,GAAoBnU,oBAAS,IACjDuJ,EAAiBC,GAAsBxJ,mBAAS,KAChDyJ,EAAoBC,GAAyB1J,mBAAS,IAEvDoU,EADe,GACAN,GACdnK,EAAWC,GAAgB5J,oBAAS,GAC3C,IAAImO,EAAe,GACfC,EAAkB,GACtB,MAAM/C,EAAU,CACd,CAAEjD,MAAO,IAAKkD,MAAO,sBACrB,CAAElD,MAAO,IAAKkD,MAAO,sBACrB,CAAElD,MAAO,IAAKkD,MAAO,yCAGjBC,EAAa,CACjB,CAAEnD,MAAO,IAAKkD,MAAO,OACrB,CAAElD,MAAO,IAAKkD,MAAO,QACrB,CAAElD,MAAO,IAAKkD,MAAO,UAGjBE,EAAc,CAClB,CAAEpD,MAAO,IAAKkD,MAAO,sEACrB,CAAElD,MAAO,IAAKkD,MAAO,sEACrB,CAAElD,MAAO,IAAKkD,MAAO,8CACrB,CAAElD,MAAO,IAAKkD,MAAO,+CAGjBG,EAAiB,CACrB,CAAErD,MAAO,IAAKkD,MAAO,SACrB,CAAElD,MAAO,IAAKkD,MAAO,SACrB,CAAElD,MAAO,IAAKkD,MAAO,WACrB,CAAElD,MAAO,IAAKkD,MAAO,WAGvB,SAAS+I,EAAU5T,EAAMsC,GACT,oBAAVA,GAAyC,oBAAVA,GACjC4Q,GAAU,EAEd,CAEA,SAASR,EAAe1S,GACtB,CAGF,SAAS6T,IACPX,GAAU,EACZ,CAMA,SAASY,IACPJ,GAAiB,EACnB,CAEA,MAAMpD,EAAgB1S,IACpB,MAAM,KAAEsD,EAAI,QAAE8E,GAAYpI,EAAEqH,OAC5B,GAAa,cAAT/D,EAAsB,CACxB,IAAI6S,EAAaxL,EAAYlL,KAAK2W,IACzB,IAAKA,EAAQ9H,UAAWlG,MAEjCwC,EAAeuL,GACfX,EAAgBW,EAAWjH,QAAQC,IAAsB,IAAhBA,EAAEb,YAAoBjL,OACjE,KAAO,CACL,IAAI8S,EAAaxL,EAAYlL,KAAK2W,GAChCA,EAAOxW,GAAG4N,aAAelK,EACrB,IACK8S,EACH9H,UAAWlG,GAEbgO,IAENxL,EAAeuL,GACfX,EAAgBW,EAAWjH,QAAQC,IAAsB,IAAhBA,EAAEb,YAAoBjL,OACjE,GAGIgT,EAAeA,CAACrJ,EAASjD,EAAO3H,KACtB,KAAV2H,IACFA,EAAQ,KAEG,UAAT3H,GAGgB,SAATA,EAFD2H,EAAQiD,EAAQkC,QAAQC,GAAMA,EAAEpF,QAAUA,EAAMyD,aAAY,GACjEP,WACE,GAMHqJ,EAAiBA,CAACtJ,EAASjD,KAC/B,GAAIiD,EAAQ3J,OAAS,EACnB,OAAQ0G,EAAQiD,EAAQkC,QAAQC,GAAMA,EAAEpF,QAAUA,EAAMyD,aAAY,GACjEP,KAAK,EAwDNsJ,EAAY7F,KAAKC,KAAKhG,EAAYtH,OAnJnB,IAyJfmT,EAAe7L,EAClB8L,MAAMV,EAAcA,EA1JF,IA2JlBtW,KAAI,SAAUsK,GACb,OACE5H,eAAA,MAAI4D,KAAK,MAAKjF,SAAA,CACZF,cAAA,MAAIG,UAAU,+EAA8ED,SAC1FF,cAAA,SACEwB,KAAK,WACLkB,KAAMyG,EAAMnK,GACZwI,SAAc,OAAL2B,QAAK,IAALA,OAAK,EAALA,EAAOuE,aAAa,EAC7BjG,SAAUqK,EACV3R,UAAU,+FAGdH,cAAA,MAAIG,UAAU,8FAA6FD,SACzGF,cAAA,OAAKG,UAAU,eAAcD,SAC3BF,cAACyB,IAAI,CAACI,GAAE,kBAAAO,OAAoB+G,EAAMnK,IAAKkB,UACT,OAA1BwG,IACE+O,EAAarJ,EAASjD,EAAM5I,MAAO,SACnCkV,EAAanJ,EAAYnD,EAAM5I,MAAO,UACxC,IACA4I,EAAMgE,UACN,IACAhE,EAAMiE,eAIdpN,cAAA,MAAIG,UAAU,+FAA8FD,SAC1GF,cAAA,OAAKG,UAAU,eAAcD,SAC3BF,cAACyB,IAAI,CAACI,GAAE,kBAAAO,OAAoB+G,EAAMnK,IAAKkB,SAAEiJ,EAAMrF,YAGnD9D,cAAA,MAAIG,UAAU,8FAA6FD,SACzGF,cAAA,OAAKG,UAAU,mBAAkBD,SAC/BF,cAACyB,IAAI,CAACI,GAAE,kBAAAO,OAAoB+G,EAAMnK,IAAKkB,SACV,OAA1BwG,IACG+O,EAAalJ,EAAapD,EAAMhE,KAAM,QACtCsQ,EAAajJ,EAAgBrD,EAAMhE,KAAM,cAInDnF,cAAA,MAAIG,UAAU,gFAA+ED,SAC3FF,cAAA,OAAKG,UAAU,mBAAkBD,SACJ,OAA1BwG,IACGgP,EAAepL,EAAiBnB,EAAM/D,gBACtCsQ,EAAelL,EAAoBrB,EAAM/D,oBAGjDpF,cAAA,MAAIG,UAAU,gFAA+ED,SAC1FiJ,EAAMsE,YACLlM,eAAA,SAAArB,SAAA,CACEF,cAAA,KAAGG,UAAU,0CAA6C,IACzDK,EAAOsB,EAAE,6BAGZP,eAAA,SAAArB,SAAA,CACG,IACDF,cAAA,KAAGG,UAAU,oCAAuC,IACnDK,EAAOsB,EAAE,4BAA6B,SAI7CP,eAAA,MAAIpB,UAAU,mFAAkFD,SAAA,CAC9FqB,eAAA,SACEpB,UACE,iBACiB,oBAAhBgJ,EAAMrF,OACS,oBAAhBqF,EAAMrF,MACF,aACA,kBAENzD,QAASA,KACP+U,EAAU,EAAUjM,EAAMrF,MAAM,EAChC5D,SAAA,CAED,IACDF,cAAA,KAAGG,UAAU,iBAAmB,IAAEK,EAAOsB,EAAE,uBAE7C9B,cAAC+S,IAAK,CACJ7Q,OAAQuS,EACRJ,YAAaH,EACbI,eAAgBe,EAChBzO,MAAOqM,EACPsB,aAAa,gBAAerU,SAE5BF,cAAA,OAAKG,UAAU,iBAAgBD,SAC7BF,cAAA,OAAKG,UAAU,UAASD,SACtBqB,eAAAtB,WAAA,CAAAC,SAAA,CACEF,cAAA,OAAKG,UAAU,0EAAyED,SACtFF,cAAA,OAAKG,UAAU,oCAAmCD,SAChDqB,eAAA,OAAKpB,UAAU,mCAAkCD,SAAA,CAC/CF,cAAA,OAAKG,UAAU,GAAED,SACfqB,eAAA,MAAIpB,UAAU,8CAA6CD,SAAA,CACzDF,cAAA,KAAGG,UAAU,gCAAkC,QACvCK,EAAOsB,EAAE,wBAGrB9B,cAAA,OAAKG,UAAU,YAIrBH,cAAA,OAAKG,UAAW,aAAaD,SAC3BqB,eAAA,OAAKpB,UAAU,cAAaD,SAAA,CAC1BF,cAAA,OAAKG,UAAU,uBAAsBD,SACnCF,cAAA,OAAKG,UAAU,sBAAqBD,SAClCF,cAAA,OAAKG,UAAU,mFAAkFD,SAC/FF,cAAA,SAAOG,UAAU,iBAAgBD,SAC9BM,EAAOsB,EAAE,6BAKlB9B,cAAA,OAAKG,UAAU,uBAAsBD,SACnCqB,eAAA,OAAKpB,UAAU,sCAAqCD,SAAA,CAClDF,cAAA,UACAuB,eAAA,OAAKpB,UAAU,mFAAkFD,SAAA,CAC/FqB,eAAA,SACEpB,UAAU,8BACVE,QAASA,KAjLlByV,IAAC1W,EAAG0E,EAkLOsR,GAlLVhW,EAmLyB+J,EAAMnK,GAlLrC,qBADS8E,EAmLgCqF,EAAMrF,QAlLhB,oBAAVA,GACjCC,IACG8K,KACCjP,EAAO,mBAAAwC,OAAsBhD,GAC7B,CAAC,EACD,CACEoP,QAAS,CAAEC,YAAa5L,aAAaG,QAAQ,kBAGhDiB,MAAK,KACJ+F,EACED,EAAYuE,QAAQyH,GACXA,EAAI/W,KAAOI,KAGtBiW,GAAY,KAoKa,EACDnV,SAAA,CAED,IACDF,cAAA,KAAGG,UAAU,iBAAoB,IAChCK,EAAOsB,EAAE,uBAEZ9B,cAAA,SAAOG,UAAU,YAAWD,SAAC,cAC7BqB,eAAA,SACEpB,UAAU,iBACVE,QAASgV,EAAWnV,SAAA,CAEnB,IACDF,cAAA,KAAGG,UAAU,iBAAoB,IAChCK,EAAOsB,EAAE,kDAnIdqH,EAAMnK,GAiJ9B,IA+DF,OA3CAe,qBAAU,MAKVkP,iBACElL,IACGC,IAAIpE,EAAU,YAAa,CAC1B4O,QAAS,CAAEC,YAAa5L,aAAaG,QAAQ,kBAE9CiB,MAAM+R,IACL9G,EAAe,GACfC,EAAkB,GAClB6G,EAAY7R,KAAK0M,aAAavB,SAASC,IACrCL,EAAanK,KAAK,CAChBoE,MAAOoG,EAAMvQ,GAAG4N,WAChBP,MAAOkD,EAAMuB,qBAEf3B,EAAgBpK,KAAK,CACnBoE,MAAOoG,EAAMvQ,GAAG4N,WAChBP,MAAOkD,EAAMwB,qBACb,IAEJxG,EAAmB2E,GACnBzE,EAAsB0E,EAAgB,GAE5C,CAzBE6B,GA2BF/B,iBACEtE,GAAa,GACb5G,IACGC,IAAIpE,EAAU,WAAY,CACzB4O,QAAS,CAAEC,YAAa5L,aAAaG,QAAQ,kBAE9CiB,MAAMC,IACDA,IACF8F,EAAe9F,EAASC,KAAK4F,aAC7BiL,EAAa9Q,EAASC,KAAK4F,cAE7BY,GAAa,EAAM,GAEzB,CAvCEsL,EAAa,GACZ,IAyCD1U,eAAAtB,WAAA,CAAAC,SAAA,CACGwK,EACCnJ,eAAAtB,WAAA,CAAAC,SAAA,CACG,IACDF,cAACgI,EAAO,CAACoJ,WAAY,eAGvBpR,cAAAC,WAAA,IAEFD,cAAA,OAAKG,UAAU,qCAAoCD,SACjDF,cAAA,OAAKG,UAAU,oBAAmBD,SAChCqB,eAAA,OACEpB,UACE,wFACDD,SAAA,CAEDF,cAAA,OAAKG,UAAU,oCAAmCD,SAChDqB,eAAA,OAAKpB,UAAU,6EAA4ED,SAAA,CAEzFF,cAAA,MAAIG,UAAW,0CAA0CD,SACtDM,EAAOsB,EAAE,qBAEZ9B,cAAA,MAAIG,UAAW,+CAA+CD,SAAC,MAG/DqB,eAAA,MAAIpB,UAAW,0CAA0CD,SAAA,CACtD6J,EAAYtH,OAAO,IAAEjC,EAAOsB,EAAE,mBAEjCP,eAAA,MACEpB,UACE,qDACCwU,EAAe,EAAI,SAAW,WAChCzU,SAAA,CACF,OACQ,IACPF,cAAA,KACEG,UAAU,2CACVE,QAASA,KArWzB6U,GAAiB,EAsWmB,IAEhB,IAAI,OAEV3T,eAAA,QAAArB,SAAA,CACGM,EAAOsB,EAAE,oBAAoB,IAAE6S,EAAc,IAC7CnU,EAAOsB,EAAE,qBAEZ9B,cAAC+T,EAAa,CACZC,UAAWiB,EACXb,QAC4B,OAA1B1N,IACI,yGACA,qBAENuN,UAAWA,KACTqB,GAAmB,EAErBnB,aAAcA,KAnTXlF,WACnB,GAAI0F,EAAe,EAAG,CACpB,IAAIuB,EAAe,GACnB,MAAMC,EAAYtT,aAAaG,QAAQ,SACvC+G,EAAYuF,SAASC,KAEG,IAApBA,EAAM7B,WACN6B,EAAMzL,QAAUqS,GACA,oBAAhB5G,EAAMzL,OACU,oBAAhByL,EAAMzL,MAENoS,EAAanR,KAAKwK,EAAMvQ,IACnBuQ,EAAM7B,WAAY,CAAK,IAE5BwI,EAAazT,OAAS,GACxBsB,IACG8K,KAAKjP,EAAO,+BAAAwC,OAAkC8T,GAAgB,CAAC,EAAG,CACjE1H,QAAS,CAAEC,YAAa5L,aAAaG,QAAQ,kBAE9CiB,MAAK,KACJ2Q,EAAgB,GAChB5K,EACED,EAAYuE,QAAQyH,IACO,IAAlBA,EAAIrI,YAEd,IAGP4H,GACF,GAuRkBc,EAAc,OAKpBpW,cAAA,QAAMG,UAAU,iEAAgED,SAC9EqB,eAAA,OAAKpB,UAAU,+CAA8CD,SAAA,CAC3DF,cAAA,QAAMG,UAAU,8JAA6JD,SAC3KF,cAAA,KAAGG,UAAU,oBAEfH,cAAA,SACEwB,KAAK,OACL6U,YAAY,iBACZlW,UAAU,0KACVsH,SAAWrI,IArIVA,KAEjB4K,EADQ,KAAN5K,EACa2V,EAGbhL,EAAYuE,QACTC,GACCA,EAAEpB,UAAUvL,SAASxC,IACrBmP,EAAEnB,SAASxL,SAASxC,IACpBmP,EAAEzK,MAAMlC,SAASxC,IACjBmP,EAAEpJ,KAAKvD,SAASxC,IAChBmP,EAAEnJ,eAAexD,SAASxC,IAC1BmP,EAAEhO,MAAMqB,SAASxC,KAGzB,EAuHoBkX,CAAYlX,EAAEqH,OAAO0C,MAAM,SAMnCnJ,cAAA,MAAIG,UAAU,6DAA4DD,SACxEF,cAACyB,IAAI,CAACI,GAAG,iBAAgB3B,SACvBqB,eAAA,UACEpB,UAAU,4LACVqB,KAAK,SAAQtB,SAAA,CAEbF,cAAA,KAAGG,UAAU,+BAAkC,IAC9CK,EAAOsB,EAAE,gCAMpB9B,cAAA,OAAKG,UAAU,+BAA8BD,SAE3CqB,eAAA,SAAOpB,UAAU,wCAAuCD,SAAA,CACtDF,cAAA,SAAAE,SACEqB,eAAA,MAAArB,SAAA,CACEF,cAAA,MACEG,UACE,gMACDD,SAEDF,cAAA,SACEwB,KAAK,WACLkB,KAAK,YACL8E,SACGuC,EAAYwM,MACVC,IAAmC,KAAhB,OAAPA,QAAO,IAAPA,OAAO,EAAPA,EAAS9I,aAG1BjG,SAAUqK,EACV3R,UAAU,+FAGdH,cAAA,MACEG,UACE,2KACDD,SAEAM,EAAOsB,EAAE,8BAEZ9B,cAAA,MACEG,UACE,+JACDD,SAEAM,EAAOsB,EAAE,2BAEZ9B,cAAA,MACEG,UACE,2KACDD,SAEAM,EAAOsB,EAAE,0BAEZ9B,cAAA,MACEG,UACE,2KACDD,SAEAM,EAAOsB,EAAE,kCAEZ9B,cAAA,MACEG,UACE,2KACDD,SAEAM,EAAOsB,EAAE,4BAEZ9B,cAAA,MACEG,UACE,kLAKRH,cAAA,SAAAE,SAAQ0V,SAGZ5V,cAAA,OAAKG,UAAU,OAAMD,SACnBF,cAACyW,IAAa,CACZC,cAAe,MACfC,UAAW,MACXhB,UAAWA,EACXiB,aA5XK3U,IAAmB,IAAlB,SAAE4U,GAAU5U,EAC9B6S,EAAc+B,EAAS,EA4XXC,mBAAoB,kBACpBC,sBAAuB,eACvBC,kBAAmB,WACnBC,kBAAmB,qBACnBC,gBAAiB,gCAQjC,C,oECpjBA,MAAM1W,GAASC,EAAQ,GAAoBC,KAM3B,SAASyW,KAEvB,MAAM,SAAEhN,GAAaC,sBACrB,IAAI,GAAEpL,GAAOqL,cACb,MAAOR,EAAcC,GAAsB/I,oBAAS,IAC7CkJ,EAAMC,GAAYnJ,oBAAS,IAC3B8P,EAAcuG,GAAmBrW,mBAAS,KAC1C2J,EAAWC,GAAgB5J,oBAAS,GACrCsW,EAAiBhF,IACrBA,EAAMiF,iBAAiB,EAEnBvK,EAASC,YAAU,CACvBC,cAAgB,CACdjO,GAAG,GACHuY,iBAAiB,GACjBzG,mBAAmB,GACnBC,oBAAoB,GACpByG,cAAc,GACdC,eAAe,GACf/J,WAAU,GAEbO,iBAAkBC,IAAW,CAC5BqJ,iBAAiBrJ,MAAaC,SAAoC,OAA1BzH,IAAkC,gMAAuC,qCACjHoK,mBAAoB5C,MAAaC,SAAoC,OAA1BzH,IAAiC,qNAA6C,4CACzH8Q,cAAetJ,MAAaC,SAAoC,OAA1BzH,IAAiC,yPAAmD,8DAE3H2H,SAAUtF,IAET4B,GAAa,GACb5G,IAAM8K,KAAKjP,EAAQ,2BAA2B,CAACN,KAAKyJ,EAAOwO,iBAAiB7U,KAAKqG,EAAO+H,oBAAoB,CAC1GtC,QAAS,CAACC,YAAc5L,aAAaG,QAAQ,kBAC5CiB,MAAMC,IAEc,OAAlBA,EAASC,MAAiBD,EAASC,KAAKnF,KAAO+J,EAAO/J,GACpDiL,EACDlG,IAAM8K,KAAKjP,EAAQ,YAAYmJ,GAAQ9E,MAAMC,IAC1CA,EAASC,KAAK2K,MAEf3E,EAASjG,EAASC,KAAK2K,MAAO,CAAEH,WAAY,QAASC,aAAa,KAElEzE,EAAS,+GAAsB,CAAEwE,WAAY,UAAWC,aAAa,IACrE9E,GAAmB,GACnBI,GAAS,GACT6C,EAAOgC,cAAc,KAAK7K,EAASC,KAAK0M,aAAa7R,IACrDoY,EAAgBlT,EAASC,KAAK0M,cAChC,UAGmBzM,IAAd2E,EAAO/J,KACR+J,EAAO/J,GAAK6R,EAAavC,QAAOC,GAAKA,EAAEgJ,mBAAqBxK,EAAOhE,OAAOwO,mBAAmB,GAAGvY,IAClG+E,IAAM8K,KAAKjP,EAAQ,mBAAmBmJ,GAAQ9E,MAAMC,IACjDA,EAASC,KAAK2K,MAEf3E,EAASjG,EAASC,KAAK2K,MAAO,CAAEH,WAAY,QAASC,aAAa,KAElEzE,EAAS,+GAAsB,CAAEwE,WAAY,UAAWC,aAAa,IACrE9E,GAAmB,GACrB,KAIJK,EAAoC,OAA1BzD,IAAkC,22BAAwJ,mKAAoK,CAAEiI,WAAY,UAAWC,aAAa,GAChZ,IAEFjE,GAAa,EAAM,IAqCrB5K,qBAAU,MAvBVkP,iBACEtE,GAAa,GACb,IAAIzG,QAAiBH,IACnBnE,EAAQ,kBAADwC,OAAmBpD,IAG5B,GAAY,aADKkF,EAASC,KACR,CAChB,IAAI,IAAIqM,KAAWtM,EAASC,KACX,kBAAZqM,GAA2C,mBAAZA,EAClCzD,EAAOgC,cAAcyB,EAAQlM,IAAaoT,aAAaxT,EAASC,KAAKqM,KAAW,GAC3EzD,EAAOgC,cAAcyB,EAAStM,EAASC,KAAKqM,IAAU,GAE7D4G,EAAgBlT,EAASC,MACzB+F,GAAS,GACTS,GAAa,GACbb,GAAmB,EACrB,MACEI,GAAS,GACTJ,GAAmB,GACnBa,GAAa,EAEjB,CAGEgG,EAAW,GAEX,IAEF,MAAMM,EAAiBC,IACrBpH,EAAmBoH,GAChBA,GACDnE,EAAOoE,UAAU,CAAC,EAAE,EAGxB,OACE5P,eAAAtB,WAAA,CAAAC,SAAA,CACGwK,EAAcnJ,eAAAtB,WAAA,CAAAC,SAAA,CAAE,IAACF,cAACgI,EAAO,CAAEoJ,WAAY,eAAoBpR,cAAAC,WAAA,IAC5DD,cAAA,OAAKG,UAAU,sBAAqBD,SAClCF,cAAA,OAAKG,UAAU,cAAaD,SAC5BF,cAAAC,WAAA,CAAAC,SACEF,cAAA,OAAKG,UAAU,wGAAuGD,SACtHqB,eAAA,QAAM8M,SAAUtB,EAAOsE,aAAanR,SAAA,CAClCF,cAAA,OAAKG,UAAU,wCAAuCD,SACpDqB,eAAA,OAAKpB,UAAU,oCAAmCD,SAAA,CAChDF,cAAA,OAAAE,SACEF,cAAA,MAAIG,UAAU,2CAA0CD,SAAEM,GAAOsB,EAAE,wBAErE9B,cAAA,OAAAE,SACE2J,IAAkBI,EAClB1I,eAAA,UACEpB,UAAU,2LACVqB,KAAK,SACLnB,QAAUA,KAAO4Q,GAAc,EAAM,EAAE/Q,SAAA,CAEvCF,cAAA,KAAGG,UAAU,sBAAwB,OAAOK,GAAOsB,EAAE,qBAGvDP,eAAAtB,WAAA,CAAAC,SAAA,CACEqB,eAAA,UACEpB,UAAW,sLAAyL8J,EAAQ,UAAY,KACxNzI,KAAK,SACLnB,QAASA,KAAM4Q,GAAc,EAAK,EAAE/Q,SAAA,CAEtCF,cAAA,KAAGG,UAAU,wBAA0B,OAAOK,GAAOsB,EAAE,qBAEvDP,eAAA,UACApB,UAAU,gMACVqB,KAAK,SAAQtB,SAAA,CAEXF,cAAA,KAAGG,UAAU,gBAAkB,OAAOK,GAAOsB,EAAE,+BAOzDP,eAAA,OAAKpB,UAAU,oCAAmCD,SAAA,CAC9CF,cAAA,OAAKG,UAAU,uBAAsBD,SACnCF,cAAA,OAAKG,UAAU,mBAAkBD,SAC/BqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCqB,eAAA,SAAOpB,UAAU,kDAAiDD,SAAA,CAC/DM,GAAOsB,EAAE,iCAAiC9B,cAAA,QAAMG,UAAU,eAAcD,SAAC,UAE5EF,cAAA,SACEwB,KAAK,OACLrB,UAAU,6KACVnB,GAAG,mBACH0D,KAAK,mBACLmP,UAAU,MACVpK,SAAUsF,EAAO+E,aACjBC,OAAQhF,EAAOiF,WACf7I,MAAO4D,EAAOhE,OAAOwO,iBACrB7P,SAAUmC,IAEXkD,EAAOkF,QAAQsF,kBAAoBxK,EAAOmF,OAAOqF,iBAC5CvX,cAAA,OAAKG,UAAU,iCAAgCD,SAAE6M,EAAOmF,OAAOqF,mBAC/D,YAIZhW,eAAA,OAAKpB,UAAU,iBAAgBD,SAAA,CAC7BF,cAAA,OAAKG,UAAU,6BAA4BD,SACzCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCqB,eAAA,SAAOpB,UAAU,kDAAiDD,SAAA,CAC/DM,GAAOsB,EAAE,mCAAmC9B,cAAA,QAAMG,UAAU,eAAcD,SAAC,UAE9EF,cAAA,SACEwB,KAAK,OACLrB,UAAU,6KACVnB,GAAG,qBACH0D,KAAK,qBACL+E,SAAUsF,EAAO+E,aACjBC,OAAQhF,EAAOiF,WACf7I,MAAO4D,EAAOhE,OAAO+H,mBACrBpJ,SAAUmC,EACVgI,UAAU,QAEX9E,EAAOkF,QAAQnB,oBAAsB/D,EAAOmF,OAAOpB,mBAC9C9Q,cAAA,OAAKG,UAAU,iCAAgCD,SAAE6M,EAAOmF,OAAOpB,qBAC/D,UAGV9Q,cAAA,OAAKG,UAAU,6BAA4BD,SACzCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCF,cAAA,SAAOG,UAAU,kDAAiDD,SAC/DM,GAAOsB,EAAE,sCAEZ9B,cAAA,SACEwB,KAAK,OACLrB,UAAU,6KACV0R,UAAU,MACV7S,GAAG,sBACH0D,KAAK,sBACL+E,SAAUsF,EAAO+E,aACjBC,OAAQhF,EAAOiF,WACf7I,MAAO4D,EAAOhE,OAAOgI,oBACrBrJ,SAAUmC,SAKhB7J,cAAA,OAAKG,UAAU,6BAA4BD,SACzCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCqB,eAAA,SAAOpB,UAAU,kDAAiDD,SAAA,CAC/DM,GAAOsB,EAAE,kCAAkC9B,cAAA,QAAMG,UAAU,eAAcD,SAAC,UAuC7EF,cAAC2X,KAAS,CACNC,QAAS/N,EACTgO,gBAAgB,2CAChB5Q,MAAM,OACNkB,OAAO,QACP2P,UAAWT,EACXU,YAAahL,EAAOhE,OAAOyO,cAC3B/P,SAxMDyL,IACrBnG,EAAOgC,cAAc,gBAAgBmE,GACrCnG,EAAOhE,OAAOyO,cAAgBtE,CAAO,EAuMf8E,WAAY,CACZC,WAAY,CACV,CACE,OACA,OACA,OACA,WACA,cACA,iBACA,aACA,OACA,YACA,SACA,SACA,YACA,cACA,YACA,eACA,UACA,SACA,QACA,iBACA,OACA,aACA,QACA,OACA,QACA,QACA,aACA,gBAIPlL,EAAOkF,QAAQuF,eAAiBzK,EAAOmF,OAAOsF,cAC7CxX,cAAA,OAAKG,UAAU,iCAAgCD,SAAE6M,EAAOmF,OAAOsF,gBAC7D,UAGRxX,cAAA,OAAKG,UAAU,6BAA4BD,SACzCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCF,cAAA,SACEG,UAAU,kDAAiDD,SAE1DM,GAAOsB,EAAE,qCAwCZ9B,cAAC2X,KAAS,CACNC,QAAS/N,EACTgO,gBAAgB,2CAChB5Q,MAAM,OACNkB,OAAO,QACP2P,UAAWT,EACXU,YAAahL,EAAOhE,OAAO0O,eAC3BhQ,SA9REyL,IACxBnG,EAAOgC,cAAc,iBAAiBmE,GACtCnG,EAAOhE,OAAO0O,eAAiBvE,CAAO,EA6RhB8E,WAAY,CACZC,WAAY,CACV,CACE,OACA,OACA,OACA,WACA,cACA,iBACA,aACA,OACA,YACA,SACA,SACA,YACA,cACA,YACA,eACA,UACA,SACA,QACA,iBACA,OACA,aACA,QACA,OACA,QACA,QACA,aACA,wCAe9B,CAvZAC,SAAMC,SAAS,sBAAuBC,MCRtC,MAAM5X,GAASC,EAAQ,GAAoBC,KAE3CqS,IAAMC,cAAc,SACpB,MAAMC,GAAe,CACnBC,QAAS,CACPC,IAAK,MACLC,KAAM,MACNC,MAAO,OACPC,OAAQ,OACRC,YAAa,OACbC,QAAQ,KACRC,UAAW,wBACXC,UAAW,OACXC,UAAW,OACXC,gBAAgB,WAChBC,QAAS,CAACC,OAAQ,IAAKF,gBAAiB,0BAG7B,SAASyE,KAEpB,MAAO5D,EAAaC,GAAa3T,oBAAS,IACnC8P,EAAcuG,GAAmBrW,mBAAS,KAC1C4T,EAAeC,GAAmB7T,mBAAS,IAC3C8T,EAAYC,GAAiB/T,mBAAS,IACtCgU,EAAYC,GAAgBjU,mBAAS,KACrCkU,EAAoBC,GAAoBnU,oBAAS,IAEjD2J,EAAWC,GAAgB5J,oBAAS,GACrCoU,EAFe,GAEAN,GACf,SAAE1K,GAAaC,sBACrB,SAASgL,EAAU5T,GACfkT,GAAU,EACd,CAEA,SAASR,EAAe1S,GACpB,CAGJ,SAAS6T,IACLX,GAAU,EACd,CAOA,SAASY,IACLJ,GAAiB,EACrB,CAGA,MAAMpD,EAAgB1S,IAClB,MAAM,KAAEsD,EAAI,QAAE8E,GAAYpI,EAAEqH,OAC5B,GAAa,cAAT/D,EAAsB,CACtB,IAAI4V,EAAezH,EAAahS,KAAKsY,IAC9B,IAAKA,EAAUzJ,UAAWlG,MAEjC4P,EAAgBkB,GAChB1D,EAAgB0D,EAAahK,QAAOC,IAAqB,IAAhBA,EAAEb,YAAoBjL,OAC/D,KACC,CACD,IAAI6V,EAAezH,EAAahS,KAAKsY,GACrCA,EAASnY,GAAG4N,aAAelK,EAAO,IACvByU,EAAUzJ,UAAWlG,GACxB2P,IAERC,EAAgBkB,GAChB1D,EAAgB0D,EAAahK,QAAOC,IAAqB,IAAhBA,EAAEb,YAAoBjL,OACnE,GAoDEkT,EAAY7F,KAAKC,KAAKc,EAAapO,OA/FpB,IAqGfmT,EAAe/E,EACpBgF,MAAMV,EAAcA,EAtGA,IAuGpBtW,KAAKsK,GAGA5H,eAAA,MAAI4D,KAAK,MAAKjF,SAAA,CACRF,cAAA,MAAoBG,UAAU,+EAA8ED,SACxGF,cAAA,SACIwB,KAAK,WACLkB,KAAMyG,EAAMnK,GACZwI,SAAc,OAAL2B,QAAK,IAALA,OAAK,EAALA,EAAOuE,aAAa,EAC7BjG,SAAUqK,EACV3R,UAAU,8FANRgJ,EAAMnK,IAShBgB,cAAA,MAAIG,UAAU,8FAA6FD,SACvGF,cAAA,OAAKG,UAAU,uBAAsBD,SAACF,cAACyB,IAAI,CAACI,GAAE,mBAAAO,OAAqB+G,EAAMnK,IAAKkB,SAAGiJ,EAAM2H,yBAE3F9Q,cAAA,MAAIG,UAAU,+FAA8FD,SACxGF,cAAA,OAAKG,UAAU,uBAAsBD,SAACF,cAACyB,IAAI,CAACI,GAAE,mBAAAO,OAAqB+G,EAAMnK,IAAKkB,SAAGiJ,EAAM4H,0BAE3F/Q,cAAA,MAAIG,UAAU,8FAA6FD,SACtGiJ,EAAMoP,eAEXhX,eAAA,MAAIpB,UAAU,mFAAkFD,SAAA,CAC5FqB,eAAA,SAAOpB,UAAU,8BAA8BE,QAASA,KAAO+U,GAAmB,EAAElV,SAAA,CAAC,KAAEF,cAAA,KAAGG,UAAU,iBAAmB,IAAEK,GAAOsB,EAAE,uBAClI9B,cAAC+S,IAAK,CACF7Q,OAAQuS,EACRJ,YAAaH,EACbI,eAAgBe,EAChBzO,MAAOqM,GACPsB,aAAa,gBAAerU,SAE5BF,cAAA,OAAKG,UAAU,iBAAgBD,SAC3BF,cAAA,OAAKG,UAAU,UAASD,SACpBqB,eAAAtB,WAAA,CAAAC,SAAA,CACAF,cAAA,OAAKG,UAAU,0EAAyED,SACxFF,cAAA,OAAKG,UAAU,oCAAmCD,SAC9CqB,eAAA,OAAKpB,UAAU,mCAAkCD,SAAA,CACjDF,cAAA,OAAKG,UAAU,GAAED,SACbqB,eAAA,MAAIpB,UAAU,8CAA6CD,SAAA,CAACF,cAAA,KAAGG,UAAU,gCAAkC,QAAQK,GAAOsB,EAAE,wBAEhI9B,cAAA,OAAKG,UAAU,YAKnBH,cAAA,OAAKG,UAAW,aAAaD,SACzBqB,eAAA,OAAKpB,UAAU,cAAaD,SAAA,CACxBF,cAAA,OAAKG,UAAU,uBAAsBD,SACjCF,cAAA,OAAKG,UAAU,sBAAqBD,SAChCF,cAAA,OAAMG,UAAU,mFAAkFD,SAC9FF,cAAA,SAAOG,UAAU,iBAAgBD,SAAEM,GAAOsB,EAAE,6BAIxD9B,cAAA,OAAKG,UAAU,uBAAsBD,SACjCqB,eAAA,OAAKpB,UAAU,sCAAqCD,SAAA,CAChDF,cAAA,UAEAuB,eAAA,OAAMpB,UAAU,mFAAkFD,SAAA,CAC9FqB,eAAA,SAAOpB,UAAU,8BAA8BE,QAASA,KAAO+U,EApHxFnG,WAEnB,MAAM/K,QAAkBH,IAAMC,IAAIpE,EAAQ,wBAADwC,OAAyBhD,IAC5DoZ,QAAmBzU,IAAMC,IAAIpE,EAAQ,wBAADwC,OAAyBhD,IAC9C,OAAlB8E,EAASC,MAAoC,OAAnBqU,EAAUrU,KACnCJ,IACC8K,KAAKjP,EAAQ,oBAADwC,OAAqBhD,IACjC6E,MAAK,KACJmT,EACEvG,EAAavC,QAAQyH,GACZA,EAAI/W,KAAOI,KAGtBiW,GAAY,KAGdlL,EAAoC,OAA1BzD,IAAkC,irBAAyH,2HAA6H,CAAEiI,WAAY,UAAWC,aAAa,IACxUyG,IACJ,EAkGqHoD,CAAetP,EAAMnK,IAAI,EAAEkB,SAAA,CAAC,IAACF,cAAA,KAAGG,UAAU,iBAAmB,IAAEK,GAAOsB,EAAE,uBACjJ9B,cAAA,SAAOG,UAAU,YAAWD,SAAC,cAC7BqB,eAAA,SAAOpB,UAAU,iBAAiBE,QAASgV,EAAWnV,SAAA,CAAC,IAACF,cAAA,KAAGG,UAAU,iBAAmB,IAAEK,GAAOsB,EAAE,kDA1DzHqH,EAAMnK,MAiGlC,OAfEe,qBAAW,KACP4K,GAAa,GACb5G,IAAMC,IAAIpE,EAAQ,aAAaqE,MAAMgL,UAChC,IAAI,MAAMyJ,KAAYxU,EAASC,KAAK0M,mBAC3B9M,IAAMC,IAAIpE,EAAQ,yBAADwC,OAA0BsW,EAAS1Z,KAAMiF,MAAM0U,IAClED,EAASH,aAAeI,EAAIxU,KAAK1B,MAAM,IAG/CkI,GAAa,GACbyM,EAAgBlT,EAASC,KAAK0M,cAC9BmE,EAAa9Q,EAASC,KAAK0M,aAAa,GAC1C,GAEF,IAGJtP,eAAAtB,WAAA,CAAAC,SAAA,CACGwK,EAAcnJ,eAAAtB,WAAA,CAAAC,SAAA,CAAE,IAACF,cAACgI,EAAO,CAAEoJ,WAAY,eAAoBpR,cAAAC,WAAA,IAC5DD,cAAA,OAAKG,UAAU,qCAAoCD,SACjDF,cAAA,OAAKG,UAAU,oBAAmBD,SAC9BqB,eAAA,OAAKpB,UAAW,wFAAwFD,SAAA,CACpGF,cAAA,OAAKG,UAAU,oCAAmCD,SAC9CqB,eAAA,OAAKpB,UAAU,6EAA4ED,SAAA,CAEnFF,cAAA,MAAIG,UAAW,0CAA0CD,SACpDM,GAAOsB,EAAE,sBAEd9B,cAAA,MAAIG,UAAW,+CAA+CD,SAAC,MAG/DqB,eAAA,MAAIpB,UAAW,0CAA0CD,SAAA,CACpD2Q,EAAapO,OAAO,IAAEjC,GAAOsB,EAAE,mBAEpCP,eAAA,MAAIpB,UAAW,qDAAyDwU,EAAe,EAAK,SAAW,WAAWzU,SAAA,CAAC,QAC5GF,cAAA,KAAGG,UAAU,2CAA2CE,QAASA,KA5M5F6U,GAAiB,EA4MkG,IAAO,QAClG3T,eAAA,QAAArB,SAAA,CAAOM,GAAOsB,EAAE,oBAAoB,IAAE6S,EAAa,IAAEnU,GAAOsB,EAAE,qBAC9D9B,cAAC+T,EAAa,CAAEC,UAAWiB,EAAoBb,QAAsC,OAA1B1N,IAAkC,mJAA6B,2BAA6BuN,UAAWA,KAAKqB,GAAmB,EAAGnB,aAAcA,KA7JlNlF,WACjB,GAAG0F,EAAe,EAClB,CACI,IAAIuB,EAAe,GACnB,IAAK,MAAM3G,KAASsB,EAAc,CAC9B,MAAM3M,QAAkBH,IAAMC,IAAIpE,EAAQ,wBAADwC,OAAyBmN,EAAMvQ,KAClEwZ,QAAmBzU,IAAMC,IAAIpE,EAAQ,wBAADwC,OAAyBmN,EAAMvQ,KACtEuQ,EAAM7B,WAA+B,OAAlBxJ,EAASC,MAAoC,OAAnBqU,EAAUrU,KACtD+R,EAAanR,KAAKwK,EAAMvQ,IACnBuQ,EAAM7B,WAAY,CAC/B,CAEA3J,IACC8K,KAAKjP,EAAQ,gCAADwC,OAAiC8T,GAAe,CAAC,EAAE,CAC9D1H,QAAS,CAACC,YAAc5L,aAAaG,QAAQ,kBAE9CiB,MAAK,KACF2Q,EAAgB,GAChBU,IACA8B,EACIvG,EAAavC,QAAQyH,IACM,IAAlBA,EAAIrI,YAEd,GAEX,GAoI0O0I,EAAc,OAGxOpW,cAAA,QAAMG,UAAU,iEAAgED,SAC5EqB,eAAA,OAAKpB,UAAU,+CAA8CD,SAAA,CACzDF,cAAA,QAAMG,UAAU,8JAA6JD,SACzKF,cAAA,KAAGG,UAAU,oBAEjBH,cAAA,SACIwB,KAAK,OACL6U,YAAY,iBACZlW,UAAU,0KACVsH,SAAWrI,IAzDtBA,KAEbgY,EADK,KAANhY,EACiB2V,EAEAlE,EAAavC,QAAOC,GAAKA,EAAEuC,mBAAmBlP,SAASxC,IACpEmP,EAAEwC,oBAAoBnP,SAASxC,KACtC,EAmD4CkX,CAAYlX,EAAEqH,OAAO0C,MAAM,SAKvDnJ,cAAA,MAAIG,UAAU,6DAA4DD,SACtEF,cAACyB,IAAI,CAACI,GAAG,kBAAiB3B,SAAEqB,eAAA,UAC5BpB,UAAU,gMACVqB,KAAK,SAAQtB,SAAA,CAEbF,cAAA,KAAGG,UAAU,+BAAiC,IAAEK,GAAOsB,EAAE,gCAMrE9B,cAAA,OAAKG,UAAU,+BAA8BD,SAE7CqB,eAAA,SAAOpB,UAAU,wCAAuCD,SAAA,CACpDF,cAAA,SAAAE,SACAqB,eAAA,MAAArB,SAAA,CACIF,cAAA,MACAG,UAAW,gMAAgMD,SAE3MF,cAAA,SACIwB,KAAK,WACLkB,KAAK,YACL8E,SAAUqJ,EAAa0F,MAAMY,IAAqC,KAAhB,OAARA,QAAQ,IAARA,OAAQ,EAARA,EAAUzJ,aACpDjG,SAAUqK,EACV3R,UAAU,+FAGdH,cAAA,MACAG,UACI,oLACHD,SAEIM,GAAOsB,EAAE,qCAEd9B,cAAA,MACAG,UACI,wKACHD,SAEIM,GAAOsB,EAAE,sCAEd9B,cAAA,MACAG,UACI,oLACHD,SAEIM,GAAOsB,EAAE,mCAEd9B,cAAA,MACAG,UACI,sLAIJH,cAAA,MACAG,UACI,2LAKRH,cAAA,SAAAE,SACK0V,SAIT5V,cAAA,OAAKG,UAAU,OAAMD,SACrBF,cAACyW,IAAa,CACVC,cAAe,MACfC,UAAW,MACXhB,UAAWA,EACXiB,aAvNG3U,IAAmB,IAAlB,SAAE4U,GAAU5U,EAC5B6S,EAAc+B,EAAS,EAuNXC,mBAAoB,kBACpBC,sBAAuB,eACvBC,kBAAmB,WACnBC,kBAAmB,qBACnBC,gBAAiB,gCAQrC,C,4CC5Ve,WAXf,MAEI0B,WAAWC,GACP,OAAGA,EACQC,KAAO,IAAIhO,KAAK+N,IAASE,OAAO,oBAEhCD,KAAO,IAAIhO,MAAQiO,OAAO,mBAEzC,GCaJ,MAAMvY,GAASC,EAAQ,GAAoBC,KAC3CwX,SAAMC,SAAS,sBAAuBC,MACtCrF,IAAMC,cAAc,SACpB,MAAMC,GAAe,CACnBC,QAAS,CACPC,IAAK,MACLC,KAAM,MACNC,MAAO,OACPC,OAAQ,OACRC,YAAa,OACbC,QAAQ,KACRvM,MAAM,MACNkB,OAAO,MACPsL,UAAW,wBACXC,UAAW,OACXC,UAAW,QACXE,QAAS,CAACC,OAAQ,IAAKF,gBAAiB,0BAG7B,SAASoF,KAGpB,MAAOC,EAAYC,GAAiBnY,mBAAS,KACtCoY,EAAaC,GAAkBrY,mBAAS,KACxCsY,EAAYC,GAAiBvY,mBAAS,KACtCwY,EAAYC,GAAiBzY,mBAAS,MACtC0Y,EAAWC,GAAe3Y,mBAAS,qDACnC4Y,EAAOC,GAAW7Y,mBAAS,qDAC3B8Y,EAAUC,GAAc/Y,mBAAS,eACjC0T,EAAaC,GAAa3T,oBAAS,IACnCgZ,EAAmBC,GAAmBjZ,oBAAS,IAC/CkU,EAAoBC,GAAoBnU,oBAAS,IAClD,SAAEoJ,GAAaC,uBACdM,EAAWC,GAAgB5J,oBAAS,GAC3C,IAAI,GAAE/B,GAAOqL,cACb,MAAOR,EAAcC,GAAsB/I,oBAAS,IAC7CkZ,EAAqBC,GAA6BnZ,oBAAS,IAC3DkJ,EAAMC,GAAYnJ,oBAAS,IAC3BoZ,EAAaC,GAAmBrZ,oBAAS,IACzCsZ,EAAMC,GAAWvZ,mBAAS,KAC1B8T,EAAYC,GAAiB/T,mBAAS,IACtCwZ,EAAcC,IAAmBzZ,mBAAS,GAG3CoU,GAFe,GAEAN,EACf4F,GAFgB,GAEFF,GACbjQ,GAAiBC,IAAsBxJ,mBAAS,KAChD2Z,GAAcC,IAAmB5Z,mBAAS,KAC1C6Z,GAAiBC,IAAsB9Z,mBAAS,KAChD+Z,GAAYC,IAAmBha,mBAAS,KACxCia,GAAaC,IAAmBla,oBAAS,IACzCyJ,GAAoBC,IAAyB1J,mBAAS,IACvDqL,GAAU,CACd,CAAEjD,MAAO,IAAKkD,MAAO,wCACrB,CAAElD,MAAO,IAAKkD,MAAO,8CACrB,CAAElD,MAAO,IAAKkD,MAAO,2DAGjBC,GAAa,CACjB,CAAEnD,MAAO,IAAKkD,MAAO,YACrB,CAAElD,MAAO,IAAKkD,MAAO,cACrB,CAAElD,MAAO,IAAKkD,MAAO,eAInBgL,GAAiBhF,IAErBA,EAAMiF,iBAAiB,EAyBnB3B,GAAY7F,KAAKC,KAAKoJ,EAAY1W,OAlDjB,IAwDvB,SAAS2S,KACPV,GAAU,EACZ,CAEA,SAASW,KACPX,GAAU,EACZ,CAMA,SAASY,KACPJ,GAAiB,EACnB,CAeA,MAAMU,GAAeuD,EACpBtD,MAAMV,GAAcA,GAtFE,IAuFtBtW,KAAKsK,GAEAnJ,cAAAC,WAAA,CAAAC,SACAqB,eAAA,MAAArB,SAAA,CACEF,cAAA,MAAIG,UAAU,kGAAiGD,SAC7GqB,eAAA,QAAMlB,QAASA,KAAO6a,GAAmB/R,EAAMnK,IAAMoW,IAAW,EAAKlV,SAAA,CAAC,IAAEiJ,EAAMgS,cAAc,KAAG3a,GAAOsB,EAAE,2BAE1G9B,cAAA,MAAIG,UAAU,4GAA2GD,SACvHqB,eAAA,QAAMlB,QAASA,KAAO6a,GAAmB/R,EAAMnK,IAAMoW,IAAW,EAAKlV,SAAA,CAAC,IAA4B,OAAxBwG,IAAgCyC,EAAMiS,cAAgBjS,EAAMkS,oBAExI9Z,eAAA,MAAIpB,UAAU,6FAA4FD,SAAA,CACxGqB,eAAA,SAAOpB,UAAU,8BAA8BE,QAASA,KAjChE6U,GAAiB,EAiCsE,EAAEhV,SAAA,CAAC,IAACF,cAAA,KAAGG,UAAU,iBAAmB,IAAEK,GAAOsB,EAAE,uBAC9H9B,cAAC+T,EAAa,CAAEC,UAAWiB,EAAoBb,QAAmC,OAAxB1N,IAAgC,yGAAsB,iBAAkBuN,UAAWA,KAAKqB,IAAmB,EAAGnB,aAAcA,MA3BhM,SAAwBnV,GACpB+E,IACC8K,KAAKjP,EAAQ,oBAADwC,OAAqBpD,IACjCiF,MAAK,KACJmV,EACED,EAAY7K,QAAQyH,GACXA,EAAI/W,KAAOA,KAGtBsW,IAAmB,GAEzB,CAgBuMgG,CAAenS,EAAMnK,GAAG,EAAGA,GAAImK,EAAMnK,UAT7NmK,EAAMnK,QAiBfuc,GAAczL,KAAKC,KAAKsJ,EAAW5W,OA1GjB,IAoHxB,SAAS+Y,KACPxB,GAAgB,EAClB,CAEA,MAAMyB,GAAgBpC,EACrBxD,MAAM4E,GAAaA,GAzHI,IA0HvB5b,KAAKsK,GAEAnJ,cAAAC,WAAA,CAAAC,SACEqB,eAAA,MAAArB,SAAA,CACEF,cAAA,MAAIG,UAAU,0GAAyGD,SACrHF,cAAA,OAAK6E,IAAKpE,OAAQ,KAAc6D,IAAaoX,gBAAgBvS,EAAMwS,WAAW7W,QAAS3E,UAAU,gBAAgByE,IAAI,eAEvH5E,cAAA,MAAKG,UAAU,uGAAsGD,SACnHF,cAAA,QAAMG,UAAU,iBAAiBE,QAAUA,KAAOub,GAAazS,EAAM0S,SAAS1S,EAAM2S,SAAS,EAAE5b,SAAGiJ,EAAM2S,aAE1G9b,cAAA,MAAIG,UAAU,+FAA8FD,SACxG6b,GAAiBnD,WAAWzP,EAAM6S,aAEtCza,eAAA,MAAIpB,UAAU,6FAA4FD,SAAA,CACxGqB,eAAA,SAAOpB,UAAU,8BAA8BE,QAASA,KAvBlE2Z,GAAgB,EAuBwE,EAAE9Z,SAAA,CAAC,IAACF,cAAA,KAAGG,UAAU,iBAAmB,IAAEK,GAAOsB,EAAE,uBAC7H9B,cAAC+T,EAAa,CAAEC,UAAW+F,EAAmB3F,QAAS,6CAAWH,UAAWA,KAAKuH,IAAkB,EAAGrH,aAAcA,KAAO8H,GAAY9S,EAAMnK,GAAG,EAAGwC,KAAM2H,EAAMwS,SAAU3c,GAAImK,EAAM+S,UAZ/K/S,EAAMnK,QAkCjBmd,GAAchY,IAChBiY,QAAQC,IAAIlY,GACZJ,IAAM8K,KAAKjP,EAAQ,WAAWuE,EAAM,CAClCqK,QAAS,CAACC,YAAc5L,aAAaG,QAAQ,kBAC5CiB,MAAMC,IACNA,EAASC,KAAK2K,KAKf,GAEF,EAGEmN,GAAejd,IACjB2L,GAAa,GACb5G,IACC8K,KAAKjP,EAAQ,mBAADwC,OAAoBpD,GAAM,CAAC,EAAE,CACxCwP,QAAS,CAACC,YAAc5L,aAAaG,QAAQ,kBAE9CiB,MAAK,KACJqV,EACED,EAAW/K,QAAQyH,GACVA,EAAI/W,KAAOA,KAGtBwc,KACA7Q,GAAa,EAAM,GACrB,EAGEiR,GAAeA,CAACxc,EAAEmB,KACtBoK,GAAa,GACb2R,YAAW,KACT,IAAIC,EAAInb,SAASob,cAAc,KAC/BD,EAAEnc,KAAOkE,IAAaC,SAASnF,GAC/Bmd,EAAEE,SAAUlc,EACZgc,EAAEG,OAAO,GACR,KACHJ,YAAW,KACT3R,GAAa,EAAM,GAClB,IAAK,EAoFRsE,eAAeiM,GAAmByB,GAChChS,GAAa,GACb2O,EAAc,IACd,IAAIpV,QAAiBH,IAAMnE,EAAQ,kBAADwC,OAAmBua,IAErD,GAAgB,OADDzY,EAASC,KACF,CACpB,IAAI,IAAIqM,KAAWtM,EAASC,KACX,cAAZqM,GAAuC,eAAZA,EAE5BoM,GAAc7N,cAAcyB,EAAQlM,IAAaoT,aAAaxT,EAASC,KAAKqM,KAAW,GAGvFoM,GAAc7N,cAAcyB,EAAStM,EAASC,KAAKqM,IAAU,SA5BrEvB,eAA2B0N,GACzB,IAAIzY,QAAiBH,IAAMnE,EAAQ,yBAADwC,OAA0Bua,GAAY,CACtEnO,QAAS,CAACC,YAAc5L,aAAaG,QAAQ,kBAGjC,OADDkB,EAASC,MAQpBmV,EAAcpV,EAASC,KAE3B,CAgBU0Y,CAAY3Y,EAASC,KAAKnF,IAChCob,GAAgB,GAChBF,GAA0B,EAC5B,CACAvP,GAAa,EACf,CAiBF,MAAMoC,GAASC,YAAU,CACvBC,cAAgB,CACdjO,GAAG,GACH8d,eAAe,GACfC,iBAAiB,GACjBC,kBAAkB,GAClBC,eAAe,GACfC,WAAW,EACXC,SAAS,EACT3F,cAAc,GACd4F,cAAc,GACd3F,eAAe,GACf4F,UAAS,EACTC,UAAS,EACTC,YAAW,EACXC,YAAW,EACXC,cAAa,EACb/P,WAAU,EACVgQ,WAAW,GACXC,aAAa,GACbC,UAAU,IAEb3P,iBAAkBC,IAAW,CAC1B4O,eAAe5O,MAAaC,SAAoC,OAA1BzH,IAAkC,oIAA6B,kCACrGqW,iBAAiB7O,MAAaC,SAAoC,OAA1BzH,IAAiC,oIAA6B,kCACtGwW,WAAYhP,MAAaC,SAAoC,OAA1BzH,IAAkC,oLAAqC,mCAC1G8Q,cAActJ,MAAaC,SAAoC,OAA1BzH,IAAiC,+JAAoC,yCAE7G2H,SAAUtF,IACT4B,GAAa,GACbsQ,IAAgB,GAChBlO,GAAOhE,OAAOkU,eAAmD,KAAjClQ,GAAOhE,OAAOkU,eAAyB,IAAMlQ,GAAOhE,OAAOkU,eAC3FlQ,GAAOhE,OAAO2U,WAA2C,KAA7B3Q,GAAOhE,OAAO2U,WAAqB,IAAM3Q,GAAOhE,OAAO2U,WACnF3Q,GAAOhE,OAAOqU,cAAgB/C,EAC9BtN,GAAOhE,OAAO4U,aAAejD,GAC7B3N,GAAOhE,OAAO6U,UAAYhD,GACG,OAA1B7R,EAAO0O,iBAAyB1O,EAAO0O,eAAe,IACtD1K,GAAOhE,OAAOmU,WAAa,GAAKnQ,GAAOhE,OAAOoU,SAAW,EAE1DpZ,IAAMC,IAAIpE,EAAQ,yBAADwC,OAA0B2G,EAAO+T,gBAAiB,CACjEtO,QAAS,CAACC,YAAc5L,aAAaG,QAAQ,kBAC5CiB,MAAMC,IAEc,OAAlBA,EAASC,MAAiBD,EAASC,KAAKnF,KAAO+J,EAAO/J,GACpDiL,EACDlG,IAAM8K,KAAKjP,EAAQ,WAAWmJ,GAAQ9E,MAAMC,IACzCA,EAASC,KAAK2K,MAEf3E,EAASjG,EAASC,KAAK2K,MAAO,CAAEH,WAAY,QAASC,aAAa,KAElEzE,EAAoC,OAA1BzD,IAAkC,+GAAuB,yBAA0B,CAAEiI,WAAY,UAAWC,aAAa,IACnI9E,GAAmB,GACnBI,GAAS,GACT6C,GAAOgC,cAAc,KAAK7K,EAASC,KAAK0Z,cAAc7e,IACtDka,EAAchV,EAASC,KAAK0Z,eAI9B,UAImBzZ,IAAd2E,EAAO/J,KACR+J,EAAO/J,GAAKia,EAAW3K,QAAOC,GAAKA,EAAEuO,iBAAmB/P,GAAOhE,OAAO+T,iBAAiB,GAAG9d,IAC5F+E,IAAM8K,KAAKjP,EAAQ,kBAAkBmJ,GAAQ9E,MAAMC,IAChDA,EAASC,KAAK2K,MAEf3E,EAASjG,EAASC,KAAK2K,MAAO,CAAEH,WAAY,QAASC,aAAa,KAElEzE,EAAoC,OAA1BzD,IAAkC,+GAAuB,yBAA0B,CAAEiI,WAAY,UAAWC,aAAa,IACnI9E,GAAmB,GACrB,KAIJK,EAAqC,OAA1BzD,IAAkC,2bAAgF,2FAA6F,CAAEiI,WAAY,UAAWC,aAAa,IAElQjE,GAAa,EAAM,KAGrBsQ,IAAgB,GAChBtQ,GAAa,GACf,IAMIiS,GAAgB5P,YAAU,CAC9BC,cAAgB,CACd6Q,YAAY,GACZ1C,cAAc,GACdC,eAAe,GACfF,cAAc,GACd4C,UAAU,GACVC,WAAW,GACXC,SAAS,GACTvQ,WAAU,GAEdO,iBAAkBC,IAAW,CAC3B4P,YAAY5P,MAAaC,SAAoC,OAA1BzH,IAAkC,0LAAsC,iCAC3G0U,cAAclN,MAAaC,SAAoC,OAA1BzH,IAAiC,0LAAsC,iCAC5GqX,UAAU7P,MAAaC,SAAoC,OAA1BzH,IAAiC,2HAA8B,qCAElG2H,SAAUtF,IACR4B,GAAa,GACb5B,EAAOkV,cAAmB7Z,IAAPpF,EAAoBia,EAAWja,GAAKA,EACvDod,QAAQC,IAAI,KACa,OAAtBtT,EAAOiV,aAAqBjV,EAAOiV,WAAW,IACrB,OAAzBjV,EAAOoS,eAAmD,KAAzBpS,EAAOoS,gBAAuBpS,EAAOoS,cAAc,GACvFiB,QAAQC,IAAItT,GACZhF,IAAMC,IAAIpE,EAAQ,2BAADwC,OAA4B2G,EAAO+U,aAAc,CAC9DtP,QAAS,CAACC,YAAc5L,aAAaG,QAAQ,kBAC5CiB,MAAMC,IAEP,IAAIga,GAAc,EAClB9B,QAAQC,IAAItT,GACS,OAAlB7E,EAASC,MAA0C,IAAzBD,EAASC,KAAK1B,QAEd,OAAlByB,EAASC,MAAkBD,EAASC,KAAK,GAAGnF,KAAO+J,EAAO/J,SAAoBoF,IAAd2E,EAAO/J,GADhFkf,GAAc,EAId/T,EAAqC,OAA1BzD,IAAkC,uiBAAkG,qFAAuF,CAAEiI,WAAY,UAAWC,aAAa,IAG3QsP,IACE/D,EACDpW,IAAM8K,KAAKjP,EAAQ,YAAYmJ,GAAQ9E,MAAMC,IACxB,OAAlBA,EAASC,OAIVgG,EAAoC,OAA1BzD,IAAkC,+GAAuB,yBAA0B,CAAEiI,WAAY,UAAWC,aAAa,IACnIwL,GAAgB,GAChBF,GAA0B,GAC1B0C,GAAc7N,cAAc,KAAK7K,EAASC,KAAKga,eAAenf,IAC9Doa,EAAe,IAAID,EAAYjV,EAASC,KAAKga,iBAC7CrD,GAAYxL,SAAQnG,IAClB,MAAMhF,EAAO,CAAC2X,SAAS3S,EAAM2S,SAASH,SAASxS,EAAMwS,SAASE,SAAS1S,EAAM0S,SAASnO,WAAU,EAAMiP,UAAUzY,EAASC,KAAKga,eAAenf,IAC7Imd,GAAWhY,EAAK,IAElB4W,GAAgB,IAIlB,UAGiB3W,IAAd2E,EAAO/J,KACR+J,EAAO/J,GAAKma,EAAY7K,QAAOC,GAAKA,EAAEuP,cAAgBlB,GAAc7T,OAAO+U,cAAc,GAAG9e,IAC9F+E,IAAM8K,KAAKjP,EAAQ,mBAAmBmJ,GAAQ9E,MAAMC,IAC7B,OAAlBA,EAASC,OAKR2W,GAAYxM,QAAOlP,QAAqBgF,IAAhBhF,EAAEud,YAAyBrN,SAAQnG,IACzD,MAAMhF,EAAO,CAAC2X,SAAS3S,EAAM2S,SAASH,SAASxS,EAAMwS,SAASE,SAAS1S,EAAM0S,SAASnO,WAAU,EAAMiP,UAAUzY,EAASC,KAAKnF,IAC9Hmd,GAAWhY,EAAK,IAElB4W,GAAgB,IAChB5Q,EAAoC,OAA1BzD,IAAkC,+GAAuB,yBAA0B,CAAEiI,WAAY,UAAWC,aAAa,IACnIsL,GAA0B,GAC9B,KAGN,IAGJvP,GAAa,EAAM,IAMfsG,GAAiBC,IACrBpH,EAAmBoH,GAChBA,GACDnE,GAAOoE,UAAU,CAAC,EAAE,EAGlBiN,GAAwBlN,IAC5BgJ,EAA0BhJ,GACvBA,GACD0L,GAAczL,UAAU,CAAC,EAAE,EAKzBkN,GAAYC,mBAEZC,GAAWC,uBAAaC,IAC1BnE,EAAQD,EAAK/L,QAAO,CAACoQ,EAAGC,IAAMA,IAAMF,IAAU,GAC/C,CAACpE,IAEEuE,GAAaJ,uBAAaK,IAC5BvE,EAAQ,IAAID,EAAMwE,GAAQ,GAC3B,CAACxE,IAEEyE,GAAaN,uBAAaK,IAC9B,IAAIhV,EACF,OAAOgV,CAAM,IAOXE,GAAc3f,IACd6K,GACFyP,EAAYta,GAGZwa,EADO,qDAANxa,EACkC,OAA1BsH,IAAkC,mDAAa,aAErB,OAA1BA,IAAkC,sJAAgC,oBAAoB,EAI7FiG,GAAeA,CAACP,EAASjD,KACL,KAArBA,EAAMyD,iBAAoCxI,IAAfgI,EAAQ,KAElCjD,EAAQiD,EAAQ,GAAGjD,OAEhBiD,EAAUA,EAAQS,MAAKC,GAAUA,EAAO3D,QAAUA,EAAMyD,aAAc,IA2C/E,OAPA7M,qBAAU,KACR6Z,EAAmC,OAA1BlT,IAAkC,mDAAa,cAvX1DuI,iBACEtE,GAAa,GACb,IAAIzG,QAAiBH,IACnBnE,EAAQ,iBAADwC,OAAkBpD,IAG3B,GAAY,aADKkF,EAASC,KACR,CAChB,IAAI,IAAIqM,KAAWtM,EAASC,KAC1B,GAAe,kBAAZqM,GAA2C,mBAAZA,EAEhCzD,GAAOgC,cAAcyB,EAAQlM,IAAaoT,aAAaxT,EAASC,KAAKqM,KAAW,QAE7E,GAAgB,kBAAZA,EACT,CACE,IAAIwO,EAAWvO,KAAKC,MAAMxM,EAASC,KAAKqM,IACxC,IAAIyO,EAAc,GAClB,IAAI,IAAIN,EAAE,EAAEA,EAAEK,EAASvc,OAAOkc,IAC5BM,EAAWN,GAAK,CAAC3f,QAAGoF,EAAU1B,KAAKsc,EAASL,GAAGjc,MAEjD4X,EAAQ2E,EACV,MAAM,GAAe,iBAAZzO,GAEP,GAA8B,OAA3BtM,EAASC,KAAKqM,GACjB,CACE,MAAM0O,EAAS5a,IAAaoT,aAAaxT,EAASC,KAAKqM,IACvDmK,GAAgBuE,EAClB,MACoB,cAAZ1O,GAERqK,GAAmB3W,EAASC,KAAKqM,IACjCzD,GAAOgC,cAAcyB,EAAStM,EAASC,KAAKqM,IAAU,IAGtDzD,GAAOgC,cAAcyB,EAAStM,EAASC,KAAKqM,IAAU,GAE1D0I,EAAchV,EAASC,MACvB+F,GAAS,GACTS,GAAa,GACbb,GAAmB,EACrB,MACEI,GAAS,GACTJ,GAAmB,GACnBa,GAAa,EAEjB,CA4UEgG,GA1UA1B,iBACE,IAAI/K,QAAiBH,IAAMnE,EAAQ,yBAADwC,OAA0BpD,IAE5C,aADKkF,EAASC,MAU5BiV,EAAelV,EAASC,KAE5B,CA6TAgb,GAtRAlQ,iBACE,MAAM/K,QAAiBH,IAAMnE,EAAQ,aAC/BgR,QAAa1M,EAASC,KAAK0M,aACjC,IAAI3B,EAAe,GACnB0B,EAAKtB,SAAQC,GAASL,EAAanK,KAAK,CAACoE,MAAOoG,EAAMvQ,GAAG4N,WAAWP,MAAOkD,EAAMuB,uBACjFvG,GAAmB2E,GACnBA,EAAe,GACf0B,EAAKtB,SAAQC,GAASL,EAAanK,KAAK,CAACoE,MAAOoG,EAAMvQ,GAAG4N,WAAYP,MAAQkD,EAAMwB,wBACnFtG,GAAsByE,EACxB,CA8QA8B,EAAe,GACf,IAGAzP,eAAAtB,WAAA,CAAAC,SAAA,CACGwK,EAAcnJ,eAAAtB,WAAA,CAAAC,SAAA,CAAE,IAACF,cAACgI,EAAO,CAAEoJ,WAAY,eAAoBpR,cAAAC,WAAA,IAC5DsB,eAAA,OAAKpB,UAAU,+BAA8BD,SAAA,CAC3CF,cAAA,OAAKG,UAAU,wBAAuBD,SACpCF,cAAA,OAAKG,UAAW,yFAAyG,qDAAbsZ,EAA2B,eAAiB,mBAAmBvZ,SACzKqB,eAAA,OAAKpB,UAAU,iCAAiCE,QAASA,KAAM0e,GAAW,mDAAW,EAAE7e,SAAA,CACrFF,cAAA,OAAKG,UAAU,yDAAwDD,SACrEF,cAAA,QAAMG,UAAW,6EAA6F,qDAAbsZ,EAA2B,WAAa,gBAAgBvZ,SACvJF,cAAA,SAAOG,UAAW,iDAAiE,qDAAbsZ,EAA2B,iBAAmB,cAAgBpZ,QAASA,KAAM0e,GAAW,mDAAW,EAAE7e,SAAC,UAGhLF,cAAA,OAAKG,UAAU,gDAA+CD,SAC5DF,cAAA,QAAMG,UAAU,sBAAqBD,SACnCF,cAAA,SAAOG,UAAW,sDAAsE,qDAAbsZ,EAA2B,aAAe,cAAepZ,QAASA,KAAM0e,GAAW,mDAAW,EAAE7e,SAAEM,GAAOsB,EAAE,+BAMhM9B,cAAA,OAAKG,UAAU,wBAAuBD,SACpCF,cAAA,OAAKG,UAAW,yFAAyG,wJAAbsZ,EAA8C,eAAiB,mBAAoB/R,SAAUuC,EAAM/J,SAC7MqB,eAAA,OAAKpB,UAAU,gCAAgCE,QAASA,KAAM0e,GAAW,sJAA8B,EAAE7e,SAAA,CACvGF,cAAA,OAAKG,UAAU,yDAAwDD,SACrEF,cAAA,QAAMG,UAAW,4EAA4F,wJAAbsZ,EAA8C,WAAa,gBAAgBvZ,SACzKF,cAAA,SAAOG,UAAW,iDAAiE,wJAAbsZ,EAA8C,iBAAmB,cAAgBpZ,QAASA,KAAM0e,GAAW,sJAA8B,EAAE7e,SAAC,UAGtNF,cAAA,OAAKG,UAAU,gDAA+CD,SAC5DF,cAAA,QAAMG,UAAU,sBAAqBD,SACnCF,cAAA,SAAOG,UAAW,sDAAsE,wJAAbsZ,EAA8C,aAAe,cAAgBpZ,QAASA,KAAM0e,GAAW,sJAA8B,EAAE7e,SAAEM,GAAOsB,EAAE,4CAOzO9B,cAAA,OAAKG,UAAU,iBAAgBD,SAC7BF,cAAA,OAAKG,UAAU,cAAaD,SAC5BF,cAAAC,WAAA,CAAAC,SACEqB,eAAA,OAAKpB,UAAU,uGAAsGD,SAAA,CACnHqB,eAAA,QAAOuW,UAAY1Y,GAxGPA,KACL,UAAXA,EAAEE,MAAkBF,EAAEkB,gBAAgB,EAuGT8e,CAAahgB,GAAGc,SAAA,CACzCF,cAAA,OAAKG,UAAU,oCAAmCD,SAChDqB,eAAA,OAAKpB,UAAU,mCAAkCD,SAAA,CAC/CF,cAAA,OAAKG,UAAU,GAAED,SACfqB,eAAA,MAAIpB,UAAU,2CAA0CD,SAAA,CAAEM,GAAOsB,EAAE,kBAAkB,IAAE,IAAI,IAAC9B,cAAA,SAAOG,UAAU,qBAAoBD,SAEnG,OAA1BwG,KAA+C,qDAAb+S,EAA2B,mDAAyC,OAA1B/S,KAA+C,wJAAb+S,EAA8C,sJAA4D,OAA1B/S,KAA+C,wJAAb+S,EAA8C,oBAAsB,oBAG1SlY,eAAA,OAAKpB,UAAU,mCAAkCD,SAAA,CAC/CF,cAAA,OAAKG,UAAyB,qDAAbsZ,EAA2B,QAAU,SAAUvZ,SAC9DqB,eAAA,UACApB,UAAW,iLAAoL8J,EAAS,0BAA4B,kBACpOzI,KAAK,SACLkG,SAAUuC,EACV5J,QAAUA,KAAO0e,GAAW,sJAA8B,EAAE7e,SAAA,CAE1DF,cAAA,KAAGG,UAAU,uBAAyB,QAAQK,GAAOsB,EAAE,kCAG3D9B,cAAA,OAAKG,UAAyB,qDAAbsZ,EAA2B,QAAU,SAAUvZ,SAC5D2J,IAAkBI,EAClB1I,eAAA,UACEpB,UAAU,2LACVqB,KAAK,SACLnB,QAAUA,KAAO4Q,IAAc,EAAM,EAAE/Q,SAAA,CAEvCF,cAAA,KAAGG,UAAU,sBAAwB,OAAOK,GAAOsB,EAAE,qBAGvDP,eAAAtB,WAAA,CAAAC,SAAA,CACEqB,eAAA,UACEpB,UAAW,sLAAyL8J,EAAQ,UAAY,KACxNzI,KAAK,SAASnB,QAASA,KAAM4Q,IAAc,EAAK,EAAE/Q,SAAA,CAClDF,cAAA,KAAGG,UAAU,wBAA0B,OAAOK,GAAOsB,EAAE,qBAGzDP,eAAA,UAAQpB,UAAU,gMAChBqB,KAAK,SAASnB,QAAS0M,GAAOsE,aAAanR,SAAA,CAC3CF,cAAA,KAAGG,UAAU,gBAAkB,OAAOK,GAAOsB,EAAE,kCAS7D9B,cAAA,OAAKG,UAAW,sCAAsD,qDAAbsZ,EAA2B,QAAU,UAAWvZ,SACrGqB,eAAA,OAAKpB,UAAU,iBAAgBD,SAAA,CAC7BF,cAAA,OAAKG,UAAU,6BAA4BD,SAC3CqB,eAAA,OAAKpB,UAAU,iBAAgBD,SAAA,CAC3BF,cAAA,OAAKG,UAAU,mBAAkBD,SAC/BqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCqB,eAAA,SACEpB,UAAU,kDAAiDD,SAAA,CAE1DM,GAAOsB,EAAE,6BAA6B,IAAC9B,cAAA,QAAMG,UAAU,eAAcD,SAAC,UAEzEF,cAAA,SACEwB,KAAK,OACLrB,UAAU,kLACVnB,GAAG,iBACH0D,KAAK,iBACLmP,UAAW,IACXpK,SAAUsF,GAAO+E,aACjBC,OAAQhF,GAAOiF,WACf7I,MAAO4D,GAAOhE,OAAO+T,eACrBpV,SAAUmC,IAEXkD,GAAOkF,QAAQ6K,gBAAkB/P,GAAOmF,OAAO4K,eACxC9c,cAAA,OAAKG,UAAU,iCAAgCD,SAAE6M,GAAOmF,OAAO4K,iBAC7D,UAGd9c,cAAA,OAAKG,UAAU,mBAAkBD,SAC/BqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCF,cAAA,SACEG,UAAU,kDAAiDD,SAE1DM,GAAOsB,EAAE,6BAWZ9B,cAACmS,IAAM,CACLnT,GAAG,iBACH0D,KAAK,iBACL+E,SAAU0B,IAAY4D,GAAOgC,cAAc,aAAa5F,EAAMA,MAAM,EAEpEhJ,UAAU,wKACViM,QAAqC,OAA1B1F,IAAkC4D,GAAkBE,GAC/DrB,MAAOwD,GAAyC,OAA1BjG,IAAkC4D,GAAkBE,GAAqBuC,GAAOhE,OAAO2U,YAC7GtL,WAAYvI,cAKtB7J,cAAA,OAAKG,UAAU,6BAA4BD,SACzCqB,eAAA,OAAKpB,UAAU,iBAAgBD,SAAA,CAC7BF,cAAA,OAAKG,UAAU,mBAAkBD,SAC/BqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCF,cAAA,SAAOG,UAAU,kDAAiDD,SAC/DM,GAAOsB,EAAE,+BAEZ9B,cAACmS,IAAM,CACHnT,GAAG,iBACH0D,KAAK,iBACL+E,SAAU0B,IAAU4D,GAAOgC,cAAc,iBAAiB5F,EAAMA,MAAM,EACtEhJ,UAAU,wKACViM,QAAkC,OAAxB1F,IAAgC0F,GAAUE,GACpDnD,MAAOwD,GAAsC,OAAxBjG,IAAgC0F,GAAUE,GAAYS,GAAOhE,OAAOkU,gBACzF7K,WAAYvI,SAIpB7J,cAAA,OAAKG,UAAU,mBAAkBD,SAC/BqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCqB,eAAA,SAAOpB,UAAU,kDAAiDD,SAAA,CAC/DM,GAAOsB,EAAE,+BAA+B9B,cAAA,QAAMG,UAAU,eAAcD,SAAC,UAE1EqB,eAAA,OAAKpB,UAAU,iBAAgBD,SAAA,CAC7BqB,eAAA,OAAKpB,UAAU,wBAAuBD,SAAA,CACpCF,cAAA,SACEwB,KAAK,OACLqQ,UAAU,IACV1R,UAAU,2KACVnB,GAAG,aACH0D,KAAK,aACL+E,SAAYrI,IA/MdA,KACoC,KAAzDkT,EAAgBxK,qBAAqB1I,EAAEqH,OAAO0C,QAAoC,KAAnB/J,EAAEqH,OAAO0C,QAEzEqQ,EAAcpa,EAAEqH,OAAO0C,OACvB4D,GAAOgC,cAAc,aAAa3P,EAAEqH,OAAO0C,OAC7C,EA0M8CkW,CAAmBjgB,EAAE,EACzC2S,OAAQhF,GAAOiF,WACf7I,MAAO4D,GAAOhE,OAAOmU,WACrBxV,SAAUmC,IAEZtI,eAAA,QAAMpB,UAAU,oBAAmBD,SAAA,CAAC,QAAQM,GAAOsB,EAAE,6BAEvDP,eAAA,OAAKpB,UAAU,wBAAuBD,SAAA,CACpCF,cAAA,SACEwB,KAAK,OACLqQ,UAAU,IACV1R,UAAU,2KACVnB,GAAG,WACH0D,KAAK,WACL+E,SAAWrI,IArORA,KAC6B,KAAzDkT,EAAgBxK,qBAAqB1I,EAAEqH,OAAO0C,QAAoC,KAAnB/J,EAAEqH,OAAO0C,OAEvE4D,GAAOgC,cAAc,WAAYmB,SAAS9Q,EAAEqH,OAAO0C,OAAS,GAAM,KAAO/J,EAAEqH,OAAO0C,MACtF,EAiO8CmW,CAAwBlgB,EAAE,EAC5C2S,OAAQhF,GAAOiF,WACf7I,MAAO4D,GAAOhE,OAAOoU,SACrBzV,SAAUmC,IACVtI,eAAA,QAAMpB,UAAU,oBAAmBD,SAAA,CAAC,QAAQM,GAAOsB,EAAE,4BAExDiL,GAAOkF,QAAQiL,YAAcnQ,GAAOmF,OAAOgL,WAC1Cld,cAAA,OAAKG,UAAU,iCAAgCD,SAAE6M,GAAOmF,OAAOgL,aAE9DlC,GAAgBhb,cAAA,OAAKG,UAAU,iCAAgCD,SAAEwG,EAAoB,MAAQ,iMAAwC,+CAAuD,kBASzM1G,cAAA,OAAKG,UAAU,6BAA4BD,SACzCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCqB,eAAA,SACEpB,UAAU,kDAAiDD,SAAA,CAG1DM,GAAOsB,EAAE,+BAA+B9B,cAAA,QAAMG,UAAU,eAAcD,SAAC,UAE1EF,cAAA,SACEwB,KAAK,OACLrB,UAAU,6KACVnB,GAAG,mBACH0D,KAAK,mBACLmP,UAAW,IACXpK,SAAUsF,GAAO+E,aACjBC,OAAQhF,GAAOiF,WACf7I,MAAO4D,GAAOhE,OAAOgU,iBACrBrV,SAAUmC,IAEXkD,GAAOkF,QAAQ8K,kBAAoBhQ,GAAOmF,OAAO6K,iBAChD/c,cAAA,OAAKG,UAAU,iCAAgCD,SAAE6M,GAAOmF,OAAO6K,mBAC7D,UAGR/c,cAAA,OAAKG,UAAU,6BAA4BD,SACzCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCF,cAAA,SACEG,UAAU,kDAAiDD,SAE1DM,GAAOsB,EAAE,kCAEZ9B,cAAA,SACEwB,KAAK,OACLrB,UAAU,6KACVnB,GAAG,oBACH0D,KAAK,oBACLmP,UAAW,IACXpK,SAAUsF,GAAO+E,aACjBC,OAAQhF,GAAOiF,WACf7I,MAAO4D,GAAOhE,OAAOiU,kBACrBtV,SAAUmC,SAMhB7J,cAAA,OAAKG,UAAU,mBAAkBD,SAC/BqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCF,cAAA,SACEG,UAAU,kDAAiDD,SAE1DM,GAAOsB,EAAE,gCAEZP,eAAA,OAAKpB,UAAU,yBAAwBD,SAAA,CACrCqB,eAAA,SAAOqG,QAAQ,aAAazH,UAAU,iBAAgBD,SAAA,CACpDF,cAAA,SACEwB,KAAK,OACLrB,UAAW,iLAAqL0J,EAAuC,GAAtB,qBACjN7K,GAAG,oBACH0D,KAAK,oBACLyG,MAAO4D,GAAOhE,OAAO6U,UACrBnL,UAAQ,EACR/K,UAAU,IAEV1H,cAAA,QAAMG,UAAW,kEAAqE0J,EAAiB,aAAe,IAAI3J,SAAE,0EAEhIF,cAAA,SAAOhB,GAAG,aAAawC,KAAK,OAAO+P,OAAO,mCAAoC9J,SAAWrI,GAjS7E6P,WAChC,MAAMuC,QAAelN,IAAamN,gBAAgBrS,EAAEqH,OAAOiL,MAAM,IACjEiJ,GAAgBnJ,GAChBqJ,GAAmBzb,EAAEqH,OAAOiL,MAAM,GAAGhP,MACrCqK,GAAOgC,cAAc,YAAY3P,EAAEqH,OAAOiL,MAAM,GAAGhP,KAAK,EA6R2D6c,CAA0BngB,GAAUsI,SAAUmC,YAInJ7J,cAAA,OAAKG,UAAU,6BAA4BD,SACzCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCqB,eAAA,SACEpB,UAAU,kDAAiDD,SAAA,CAEzDM,GAAOsB,EAAE,kCAAkC9B,cAAA,QAAMG,UAAU,eAAcD,SAAC,UAwC7EF,cAAC2X,KAAS,CACPC,QAAS/N,EACTgO,gBAAgB,2CAChB5Q,MAAM,OACNkB,OAAO,QACP2P,UAAWT,GACXU,YAAahL,GAAOhE,OAAOyO,cAE3B/P,SA53BOyL,IAC7BnG,GAAOgC,cAAc,gBAAgBmE,GACrCnG,GAAOhE,OAAOyO,cAAgBtE,CAAO,EA23Bf8E,WAAY,CACZC,WAAY,CACV,CACE,OACA,OACA,OACA,WACA,cACA,iBACA,aACA,OACA,YACA,SACA,SACA,YACA,cACA,YACA,eACA,UACA,SACA,QACA,iBACA,OACA,aACA,QACA,OACA,QACA,QACA,aACA,gBAIPlL,GAAOkF,QAAQuF,eAAiBzK,GAAOmF,OAAOsF,cAC7CxX,cAAA,OAAKG,UAAU,iCAAgCD,SAAE6M,GAAOmF,OAAOsF,gBAC7D,UAGRxX,cAAA,OAAKG,UAAU,6BAA4BD,SACzCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCF,cAAA,SAAOG,UAAU,kDAAiDD,SAC/DM,GAAOsB,EAAE,qCAuCZ9B,cAAC2X,KAAS,CACNC,QAAS/N,EACTgO,gBAAgB,2CAChB5Q,MAAM,OACNkB,OAAO,QACP2P,UAAWT,GACXU,YAAahL,GAAOhE,OAAO0O,eAE3BhQ,SAh9BQyL,IAC9BnG,GAAOgC,cAAc,iBAAiBmE,GACtCnG,GAAOhE,OAAO0O,eAAiBvE,CAAO,EA+8BhB8E,WAAY,CACZC,WAAY,CACV,CACE,OACA,OACA,OACA,WACA,cACA,iBACA,aACA,OACA,YACA,SACA,SACA,YACA,cACA,YACA,eACA,UACA,SACA,QACA,iBACA,OACA,aACA,QACA,OACA,QACA,QACA,aACA,qBAMZjY,cAAA,OAAKG,UAAU,6BAA4BD,SACzCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCF,cAAA,SAAOG,UAAU,kDAAiDD,SAC/DM,GAAOsB,EAAE,8BAEX9B,cAAA,SACCwB,KAAK,WACLrB,UAAU,2FACVnB,GAAG,aACH0D,KAAK,aACL+E,SAAUsF,GAAO+E,aACjBC,OAAQhF,GAAOiF,WACfxK,QAASuF,GAAOhE,OAAOwU,WACvB7V,SAAUmC,IAEX7J,cAAA,SAAOG,UAAU,2CAA0CD,SAAEM,GAAOsB,EAAE,6BACtE9B,cAAA,SACCwB,KAAK,WACLrB,UAAU,2FACVnB,GAAG,WACH0D,KAAK,WACL+E,SAAUsF,GAAO+E,aACjBC,OAAQhF,GAAOiF,WACfxK,QAASuF,GAAOhE,OAAOsU,SACvB3V,SAAUmC,IAEX7J,cAAA,SAAOG,UAAU,2CAA0CD,SAAEM,GAAOsB,EAAE,wBACtE9B,cAAA,SACChB,GAAG,WACHwC,KAAK,WACLrB,UAAU,2FACVuC,KAAK,WACL+E,SAAUsF,GAAO+E,aACjBC,OAAQhF,GAAOiF,WACfxK,QAASuF,GAAOhE,OAAOuU,SACvB5V,SAAUmC,IAEX7J,cAAA,QAAMG,UAAU,OAAMD,SAACF,cAAA,SAAOG,UAAU,2CAA0CD,SAAEM,GAAOsB,EAAE,4BAC7F9B,cAAA,SACAA,cAAA,SACCA,cAAA,SAAOG,UAAU,kDAAiDD,SAC/DM,GAAOsB,EAAE,gCAEZ9B,cAAA,SACEhB,GAAG,eACHwC,KAAK,WACLrB,UAAU,2FACVuC,KAAK,eACL+E,SAAUsF,GAAO+E,aACjBC,OAAQhF,GAAOiF,WACfxK,QAASuF,GAAOhE,OAAO0U,aACvB/V,SAAUmC,IAEZ7J,cAAA,SAAOG,UAAU,2CAA0CD,SAAEM,GAAOsB,EAAE,6BAAmC,OAEzG9B,cAAA,SACEhB,GAAG,aACHwC,KAAK,WACLrB,UAAU,2FACVuC,KAAK,aACL+E,SAAUsF,GAAO+E,aACjBC,OAAQhF,GAAOiF,WACfxK,QAASuF,GAAOhE,OAAOyU,WACvB9V,SAAUmC,IAEZ7J,cAAA,SAAOG,UAAU,2CAA0CD,SAAEM,GAAOsB,EAAE,6BAG5E9B,cAAA,OAAKG,UAAU,6BAA4BD,SACzCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCF,cAAA,SAAOG,UAAU,kDAAiDD,SAC/DM,GAAOsB,EAAE,iBAEZ9B,cAAA,OAAM4G,MAAOiD,EAAgB,CAAC2V,cAAe,OAAQC,QAAS,OAAS,CAAC,EAAEvf,SACtEF,cAAC0f,KAAS,CACPjb,IAAK4Z,GACLhE,KAAMA,EACNsF,YAAa,GACbpB,SAAUA,GACVK,WAAYA,GACZE,WAAYA,GACZc,cAAc,EACd/N,UAAW,GACXgO,eAAgB,EAChBC,UAAQ,mBAQzBve,eAAA,OAAKpB,UAAW,6BAA+C,qDAAbsZ,EAA2B,SAAW,SAAUvZ,SAAA,CAChGqB,eAAA,OAAKpB,UAAU,mCAAkCD,SAAA,CAC/CqB,eAAA,OAAKpB,UAAU,6DAA4DD,SAAA,CACvEqB,eAAA,OAAKpB,UAAU,iCAAgCD,SAAA,CAC7CM,GAAOsB,EAAE,yBAAyB,QAEpCP,eAAA,OAAKpB,UAAU,yBAAwBD,SAAA,CAAC,OACJ,OAA1BwG,IAAkCqG,GAAOhE,OAAOgU,iBAAmBhQ,GAAOhE,OAAOiU,qBAE3Fzb,eAAA,OAAKpB,UAAU,iCAAgCD,SAAA,CAAC,QACxC6M,GAAOhE,OAAOmU,WAAW,IAAE1c,GAAOsB,EAAE,uBAAwBiL,GAAOhE,OAAOoU,SAAS,IAAE3c,GAAOsB,EAAE,sBAAsB,WAGhIP,eAAA,OAAArB,SAAA,CACEqB,eAAA,UACEpB,UAAU,oLACVqB,KAAK,SACLnB,QAASA,KAAQ+Z,GAAgB,GAAOF,GAA0B,GAAQZ,EAAc,IAAKsD,GAAcmD,YAAanD,GAAc7N,cAAc,YAAY,MAAO6N,GAAc7N,cAAc,aAAa,MAAQqG,IAAW,EAAIlV,SAAA,CACvOF,cAAA,KAAGG,UAAU,gBAAkB,WAAaK,GAAOsB,EAAE,iCAErD9B,cAAC+S,IAAK,CACJ7Q,OAAQuS,EACRH,eAAgBe,GAChBzO,MAAOqM,GACPsB,aAAa,gBACbyL,2BAA2B,EAAM9f,SAEjCF,cAAA,OAAKG,UAAU,iBAAgBD,SAC7BF,cAAA,OAAKG,UAAU,SAAQD,SACrBF,cAAAC,WAAA,CAAAC,SACEF,cAAA,OAAKG,UAAU,yFAAwFD,SACrGqB,eAAA,QAAM8M,SAAUuO,GAAcvL,aAAanR,SAAA,CAC3CF,cAAA,OAAKG,UAAU,oCAAmCD,SAChDqB,eAAA,OAAKpB,UAAU,mCAAkCD,SAAA,CAC/CF,cAAA,OAAKG,UAAU,GAAED,SACfqB,eAAA,MAAIpB,UAAU,2CAA0CD,SAAA,CAAEM,GAAOsB,EAAE,kBAAkB,IAAE,IAAI,IAACP,eAAA,SAAOpB,UAAU,qBAAoBD,SAAA,CAA6B,OAA1BwG,IAAkC+S,EAAW,oBAAoB,YAEvMlY,eAAA,OAAKpB,UAAU,GAAED,SAAA,CACfqB,eAAA,UACIpB,UAAW,qLACXqB,KAAK,SACLnB,QAASgV,GAAWnV,SAAA,CAEpBF,cAAA,KAAGG,UAAU,sBAAwB,WAAaK,GAAOsB,EAAE,qBAE7DmY,IAAyBE,EACzB5Y,eAAA,UACEpB,UAAU,2LACVqB,KAAK,SACLnB,QAAUA,KAAO+d,IAAqB,EAAM,EAAEle,SAAA,CAE9CF,cAAA,KAAGG,UAAU,sBAAwB,OAAOK,GAAOsB,EAAE,qBAGvDP,eAAAtB,WAAA,CAAAC,SAAA,CACEqB,eAAA,UACEpB,UAAW,wLAA2Lga,EAAe,UAAY,KACjO3Y,KAAK,SACLnB,QAASA,KAAM+d,IAAqB,EAAK,EAAEle,SAAA,CAE3CF,cAAA,KAAGG,UAAU,wBAA0B,OAAOK,GAAOsB,EAAE,qBAEzDP,eAAA,UACEpB,UAAU,gMACVqB,KAAK,SAAQtB,SAAA,CAEfF,cAAA,KAAGG,UAAU,gBAAkB,OAAOK,GAAOsB,EAAE,gCAOzD9B,cAAA,OAAKG,UAAW,sBAAsBD,SAClCqB,eAAA,OAAKpB,UAAU,iBAAgBD,SAAA,CAC7BF,cAAA,OAAKG,UAAU,6BAA4BD,SACzCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCqB,eAAA,SACEpB,UAAU,kDAAiDD,SAAA,CAE1DM,GAAOsB,EAAE,+BAA+B,IAAC9B,cAAA,QAAMG,UAAU,eAAcD,SAAC,UAE3EF,cAAA,SACEwB,KAAK,OACLrB,UAAU,6KACVnB,GAAG,cACH0D,KAAK,cACLmP,UAAW,IACXpK,SAAUmV,GAAc9K,aACxBC,OAAQ6K,GAAc5K,WACtB7I,MAAOyT,GAAc7T,OAAO+U,YAC5BpW,SAAUuS,IAEX2C,GAAc3K,QAAQ6L,aAAelB,GAAc1K,OAAO4L,YACzD9d,cAAA,OAAKG,UAAU,iCAAgCD,SAAE0c,GAAc1K,OAAO4L,cACpE,UAGRvc,eAAA,OAAKpB,UAAU,6BAA4BD,SAAA,CACzCF,cAAA,SAAOG,UAAU,kDAAiDD,SAC/DM,GAAOsB,EAAE,iCAEZ9B,cAAA,OAAKG,UAAU,uBAAsBD,SACnCF,cAAA,OAAKG,UAAU,iBAAgBD,SAC7BqB,eAAA,OAAKpB,UAAU,wBAAuBD,SAAA,CACpCF,cAAA,SACEwB,KAAK,OACLqQ,UAAU,IACV1R,UAAU,2KACVnB,GAAG,gBACH0D,KAAK,gBACL+E,SAAYrI,IAzqBpBA,KAC0B,KAAzDkT,EAAgBxK,qBAAqB1I,EAAEqH,OAAO0C,QAAoC,KAAnB/J,EAAEqH,OAAO0C,OAEzEyT,GAAc7N,cAAc,gBAAgB3P,EAAEqH,OAAO0C,MACvD,EAqqB8D8W,CAA0B7gB,EAAE,EAChD2S,OAAQ6K,GAAc5K,WACtB7I,MAAOyT,GAAc7T,OAAOoS,cAC5BzT,SAAUuS,IAEZ1Y,eAAA,QAAMpB,UAAU,oBAAmBD,SAAA,CAAC,QAAQM,GAAOsB,EAAE,mCAK/D9B,cAAA,OAAKG,UAAU,6BAA4BD,SACvCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCqB,eAAA,SACEpB,UAAU,kDAAiDD,SAAA,CAE1DM,GAAOsB,EAAE,6BAA6B9B,cAAA,QAAMG,UAAU,eAAcD,SAAC,UAExEF,cAAA,SACEwB,KAAK,OACLrB,UAAU,6KACVnB,GAAG,gBACH0D,KAAK,gBACLmP,UAAW,IACXpK,SAAUmV,GAAc9K,aACxBC,OAAQ6K,GAAc5K,WACtB7I,MAAOyT,GAAc7T,OAAOqS,cAC5B1T,SAAUuS,IAEX2C,GAAc3K,QAAQmJ,eAAiBwB,GAAc1K,OAAOkJ,cAC3Dpb,cAAA,OAAKG,UAAU,iCAAgCD,SAAE0c,GAAc1K,OAAOkJ,gBACpE,UAGRpb,cAAA,OAAKG,UAAU,6BAA4BD,SACzCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCF,cAAA,SACEG,UAAU,kDAAiDD,SAE1DM,GAAOsB,EAAE,gCAEZ9B,cAAA,SACEwB,KAAK,OACLrB,UAAU,6KACVnB,GAAG,iBACH0D,KAAK,iBACLmP,UAAW,IACXpK,SAAUmV,GAAc9K,aACxBC,OAAQ6K,GAAc5K,WACtB7I,MAAOyT,GAAc7T,OAAOsS,eAC5B3T,SAAUuS,SAIhBja,cAAA,OAAKG,UAAU,oBAAmBD,SAChCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCqB,eAAA,SACEpB,UAAU,kDAAiDD,SAAA,CAC1DM,GAAOsB,EAAE,oCAAoC9B,cAAA,QAAMG,UAAU,eAAcD,SAAC,UAuC/EF,cAAC2X,KAAS,CACRC,QAASqC,EACTpC,gBAAgB,2CAChB5Q,MAAM,OACNkB,OAAO,QACP2P,UAAWT,GACXU,YAAa6E,GAAc7T,OAAOgV,UAElCtW,SAlyCRyL,IAC9B0J,GAAc7N,cAAc,YAAYmE,GACxC0J,GAAc7T,OAAOgV,UAAY7K,CAAO,EAiyCF8E,WAAY,CACZC,WAAY,CACV,CACE,OACA,OACA,OACA,WACA,cACA,iBACA,aACA,OACA,YACA,SACA,SACA,YACA,cACA,YACA,eACA,UACA,SACA,QACA,iBACA,OACA,aACA,QACA,OACA,QACA,QACA,aACA,gBAIL2E,GAAc3K,QAAQ8L,WAAanB,GAAc1K,OAAO6L,UACvD/d,cAAA,OAAKG,UAAU,iCAAgCD,SAAE0c,GAAc1K,OAAO6L,YACpE,UAIR/d,cAAA,OAAKG,UAAU,oBAAmBD,SAChCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCF,cAAA,SAAOG,UAAU,kDAAiDD,SAC/DM,GAAOsB,EAAE,uCAuCZ9B,cAAC2X,KAAS,CACRC,QAASqC,EACTpC,gBAAgB,2CAChB5Q,MAAM,OACNkB,OAAO,QACP2P,UAAWT,GACXU,YAAa6E,GAAc7T,OAAOiV,WAElCvW,SAv3CPyL,IAC/B0J,GAAc7N,cAAc,aAAamE,GACzC0J,GAAc7T,OAAOiV,WAAa9K,CAAO,EAs3CH8E,WAAY,CACZC,WAAY,CACV,CACE,OACA,OACA,OACA,WACA,cACA,iBACA,aACA,OACA,YACA,SACA,SACA,YACA,cACA,YACA,eACA,UACA,SACA,QACA,iBACA,OACA,aACA,QACA,OACA,QACA,QACA,aACA,gBAILlL,GAAOkF,QAAQ6L,aAAe/Q,GAAOmF,OAAO4L,YAC3C9d,cAAA,OAAKG,UAAU,iCAAgCD,SAAE6M,GAAOmF,OAAO4L,cAC7D,UAGR9d,cAAA,OAAKG,UAAU,qBAAoBD,SACjCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCqB,eAAA,OAAKpB,UAAU,2CAA0CD,SAAA,CACvDF,cAAA,OAAAE,SACEF,cAAA,SAAOG,UAAU,uDAAsDD,SACpEM,GAAOsB,EAAE,0BAGd9B,cAAA,OAAAE,SACEqB,eAAA,OAAKpB,UAAU,cAAcyG,MAAUqT,EAA8B,CAACuF,cAAe,OAAQC,QAAS,OAAvC,CAAC,EAA6Cvf,SAAA,CAC3GqB,eAAA,SACEpB,UAAU,gNACVyH,QAAQ,cAAa1H,SAAA,CACnBF,cAAA,KAAGG,UAAU,uBAAyB,IAAEK,GAAOsB,EAAE,qBAErD9B,cAAA,SACEwB,KAAK,OACLxC,GAAG,cACHyI,SAAWrI,GAx0ChC6P,WACvB,MAAMuC,QAAelN,IAAamN,gBAAgBrS,EAAEqH,OAAOiL,MAAM,IACjE,GAAItS,EAAEqH,OAAOiL,MAAM,GAAGwO,KAAO,KAE3B/V,EAAS,uBAAwB,CAAEwE,WAAY,QAASC,aAAa,QAChE,CACL,MAAMzK,EAAO,CAAC2X,SAAS1c,EAAEqH,OAAOiL,MAAM,GAAGhP,KAAKiZ,SAASvc,EAAEqH,OAAOiL,MAAM,GAAGlQ,KAAKqa,SAASrK,EAAO9D,WAAU,GACxGqN,GAAgB,IAAID,GAAa3W,IACjCmV,EAAc,IAAID,EAAYlV,GAEhC,GA8zC6DwN,CAAiBvS,aAI1CY,cAAA,OAAKG,UAAU,iBAAgBD,SAC7BqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCF,cAAA,OAAKG,UAAU,+BAA8BD,SAC7CqB,eAAA,SAAOpB,UAAU,qDAAoDD,SAAA,CACnEF,cAAA,SAAAE,SACEqB,eAAA,MAAArB,SAAA,CACEF,cAAA,MACAG,UAAW,8KAGXH,cAAA,MACAG,UAAW,4KAA4KD,SAEpLM,GAAOsB,EAAE,2BAEZ9B,cAAA,MACAG,UAAW,2KAA2KD,SAEnLM,GAAOsB,EAAE,8BAEZ9B,cAAA,MACAG,UACI,kLAMRH,cAAA,SAAOG,UAAU,OAAMD,SACpBub,UAILzb,cAAA,OAAKG,UAAU,OAAMD,SACnBF,cAACyW,IAAa,CACVC,cAAe,MACfC,UAAW,MACXhB,UAAW4F,GACX3E,aAx5CvBuJ,IAAmB,IAAlB,SAAEtJ,GAAUsJ,EACpC3F,GAAgB3D,EAAS,EAw5CqBC,mBAAoB,kBACpBC,sBAAuB,eACvBC,kBAAmB,WACnBC,kBAAmB,qBACnBC,gBAAiB,yDAiBrDlX,cAAA,OAAKG,UAAU,oCAAmCD,SAEhDqB,eAAA,SAAOpB,UAAU,qDAAoDD,SAAA,CACnEF,cAAA,SAAAE,SACEqB,eAAA,MAAArB,SAAA,CACIF,cAAA,MACAG,UAAW,uLAAuLD,SAE/LM,GAAOsB,EAAE,iCAEZ9B,cAAA,MACAG,UACI,2KACHD,SAEEM,GAAOsB,EAAE,6BAEZ9B,cAAA,MACAG,UACI,kLAMVH,cAAA,SAAAE,SACG0V,UAIP5V,cAAA,OAAKG,UAAU,OAAMD,SACnBF,cAACyW,IAAa,CACVC,cAAe,MACfC,UAAW,MACXhB,UAAWA,GACXiB,aA1gDC3U,IAAmB,IAAlB,SAAE4U,GAAU5U,EAC5B6S,EAAc+B,EAAS,EA0gDTC,mBAAoB,kBACpBC,sBAAuB,eACvBC,kBAAmB,WACnBC,kBAAmB,qBACnBC,gBAAiB,qCAWrC,CCtoDA,MAAM1W,GAASC,EAAQ,GAAoBC,KAE3CqS,IAAMC,cAAc,SACpB,MAAMC,GAAe,CACnBC,QAAS,CACPC,IAAK,MACLC,KAAM,MACNC,MAAO,OACPC,OAAQ,OACRC,YAAa,OACbC,QAAQ,KACRC,UAAW,wBACXC,UAAW,OACXC,UAAW,OACXC,gBAAgB,WAChBC,QAAS,CAACC,OAAQ,IAAKF,gBAAiB,0BAG7B,SAASwM,KAEpB,MAAO3L,EAAaC,GAAa3T,oBAAS,IACnCsf,EAAaC,GAAkBvf,mBAAS,KACxC4T,EAAeC,GAAmB7T,mBAAS,IAC3C8T,EAAYC,GAAiB/T,mBAAS,IACtCgU,EAAYC,GAAgBjU,mBAAS,IAEtCoU,EADe,GACAN,GACdI,EAAoBC,GAAoBnU,oBAAS,IACjD2J,EAAWC,GAAgB5J,oBAAS,GAC3C,SAASqU,EAAU5T,GACfkT,GAAU,EACd,CAEA,SAASR,EAAe1S,GACpB,CAGJ,SAAS6T,IACLX,GAAU,EACd,CAMA,SAASY,IACLJ,GAAiB,EACrB,CAGA,MAAMpD,EAAgB1S,IAClB,MAAM,KAAEsD,EAAI,QAAE8E,GAAYpI,EAAEqH,OAC5B,GAAa,cAAT/D,EAAsB,CACtB,IAAI6d,EAAcF,EAAYxhB,KAAKma,IAC5B,IAAKA,EAAStL,UAAWlG,MAEhC8Y,EAAeC,GACf3L,EAAgB2L,EAAYjS,QAAOC,IAAqB,IAAhBA,EAAEb,YAAoBjL,OAC9D,KACC,CACD,IAAI8d,EAAcF,EAAYxhB,KAAKma,GACnCA,EAAQha,GAAG4N,aAAelK,EAAO,IACtBsW,EAAStL,UAAWlG,GAC3BwR,IAEJsH,EAAeC,GACf3L,EAAgB2L,EAAYjS,QAAOC,IAAqB,IAAhBA,EAAEb,YAAoBjL,OAClE,GAqCEkT,EAAY7F,KAAKC,KAAKsQ,EAAY5d,OA/EnB,IAqFfmT,EAAeyK,EACpBxK,MAAMV,EAAcA,EAtFA,IAuFpBtW,KAAKsK,GAEF5H,eAAA,MAAI4D,KAAK,MAAKjF,SAAA,CACNF,cAAA,MAAIG,UAAU,+EAA8ED,SACxFF,cAAA,SACIwB,KAAK,WACLkB,KAAMyG,EAAMnK,GACZwI,SAAc,OAAL2B,QAAK,IAALA,OAAK,EAALA,EAAOuE,aAAa,EAC7BjG,SAAUqK,EACV3R,UAAU,+FAGlBH,cAAA,MAAIG,UAAU,8FAA6FD,SACvGF,cAAA,OAAKG,UAAU,mBAAkBD,SAACF,cAACyB,IAAI,CAACI,GAAE,kBAAAO,OAAoB+G,EAAMnK,IAAKkB,SAAGiJ,EAAM2T,qBAEtF9c,cAAA,MAAIG,UAAU,+FAA8FD,SACxGF,cAAA,OAAKG,UAAU,eAAcD,SAACF,cAACyB,IAAI,CAACI,GAAE,kBAAAO,OAAoB+G,EAAMnK,IAAKkB,SAAIiJ,EAAM4T,uBAEnF/c,cAAA,MAAIG,UAAU,8FAA6FD,SACvGF,cAAA,OAAKG,UAAU,eAAcD,SAACF,cAACyB,IAAI,CAACI,GAAE,kBAAAO,OAAoB+G,EAAMnK,IAAKkB,SAAIiJ,EAAM6T,wBAEnFhd,cAAA,MAAIG,UAAU,gFAA+ED,SACzFF,cAAAC,WAAA,CAAAC,SAAIiJ,EAAMqX,kBAEdxgB,cAAA,MAAIG,UAAU,gFAA+ED,SACrE,GAAjBiJ,EAAM+T,WAAe/T,EAAMgU,WAElC5b,eAAA,MAAIpB,UAAU,mFAAkFD,SAAA,CAC5FqB,eAAA,SAAOpB,UAAU,8BAA8BE,QAASA,KAAO+U,GAAmB,EAAElV,SAAA,CAAC,KAAEF,cAAA,KAAGG,UAAU,iBAAmB,IAAEK,GAAOsB,EAAE,uBAClI9B,cAAC+S,IAAK,CACF7Q,OAAQuS,EACRJ,YAAaH,EACbI,eAAgBe,EAChBzO,MAAOqM,GACPsB,aAAa,gBAAerU,SAE5BF,cAAA,OAAKG,UAAU,iBAAgBD,SAC3BF,cAAA,OAAKG,UAAU,UAASD,SACpBqB,eAAAtB,WAAA,CAAAC,SAAA,CACAF,cAAA,OAAKG,UAAU,0EAAyED,SACxFF,cAAA,OAAKG,UAAU,oCAAmCD,SAC9CqB,eAAA,OAAKpB,UAAU,mCAAkCD,SAAA,CACjDF,cAAA,OAAKG,UAAU,GAAED,SACbqB,eAAA,MAAIpB,UAAU,8CAA6CD,SAAA,CAACF,cAAA,KAAGG,UAAU,gCAAkC,QAAQK,GAAOsB,EAAE,wBAEhI9B,cAAA,OAAKG,UAAU,YAKnBH,cAAA,OAAKG,UAAW,aAAaD,SACzBqB,eAAA,OAAKpB,UAAU,cAAaD,SAAA,CACxBF,cAAA,OAAKG,UAAU,uBAAsBD,SACjCF,cAAA,OAAKG,UAAU,sBAAqBD,SAChCF,cAAA,OAAMG,UAAU,mFAAkFD,SAC9FF,cAAA,SAAOG,UAAU,iBAAgBD,SAAEM,GAAOsB,EAAE,6BAIxD9B,cAAA,OAAKG,UAAU,uBAAsBD,SACjCqB,eAAA,OAAKpB,UAAU,sCAAqCD,SAAA,CAChDF,cAAA,UAEAuB,eAAA,OAAMpB,UAAU,mFAAkFD,SAAA,CAC9FqB,eAAA,SAAOpB,UAAU,8BAA8BE,QAASA,KA1GjFjB,MA0GwFgW,GA1GxFhW,EA0GgH+J,EAAMnK,GAzGzI+E,IACG8K,KAAKjP,EAAQ,mBAADwC,OAAoBhD,IAChC6E,MAAK,KACJqc,EACED,EAAY/R,QAAQyH,GACXA,EAAI/W,KAAOI,KAGtBiW,GAAY,KAiG6H,EAAEnV,SAAA,CAAC,IAACF,cAAA,KAAGG,UAAU,iBAAmB,IAAEK,GAAOsB,EAAE,uBAChJ9B,cAAA,SAAOG,UAAU,YAAWD,SAAC,cAC7BqB,eAAA,SAAOpB,UAAU,iBAAiBE,QAASgV,EAAWnV,SAAA,CAAC,IAACF,cAAA,KAAGG,UAAU,iBAAmB,IAAEK,GAAOsB,EAAE,6CAS3H,YAzEAqH,EAAMnK,MAoGhC,OAVEe,qBAAW,KACP4K,GAAa,GACb5G,IAAMC,IAAIpE,EAAQ,YAAYqE,MAAMC,IAChCoc,EAAepc,EAASC,KAAK0Z,eAC7B7I,EAAa9Q,EAASC,KAAK0Z,eAC3BlT,GAAa,EAAM,GACrB,GACF,IAIJpJ,eAAAtB,WAAA,CAAAC,SAAA,CACGwK,EAAcnJ,eAAAtB,WAAA,CAAAC,SAAA,CAAE,IAACF,cAACgI,EAAO,CAAEoJ,WAAY,eAAoBpR,cAAAC,WAAA,IAC5DD,cAAA,OAAKG,UAAU,qCAAoCD,SACjDF,cAAA,OAAKG,UAAU,oBAAmBD,SAC9BqB,eAAA,OAAKpB,UAAW,wFAAwFD,SAAA,CACpGF,cAAA,OAAKG,UAAU,oCAAmCD,SAC9CqB,eAAA,OAAKpB,UAAU,6EAA4ED,SAAA,CAEnFF,cAAA,MAAIG,UAAW,0CAA0CD,SACpDM,GAAOsB,EAAE,oBAEd9B,cAAA,MAAIG,UAAW,+CAA+CD,SAAC,MAG/DqB,eAAA,MAAIpB,UAAW,0CAA0CD,SAAA,CACpDmgB,EAAY5d,OAAO,KAAGjC,GAAOsB,EAAE,mBAEpCP,eAAA,MAAIpB,UAAW,qDAAwDwU,EAAe,EAAK,SAAW,WAAWzU,SAAA,CAAC,QAC3GF,cAAA,KAAGG,UAAU,2CAA2CE,QAASA,KA/L5F6U,GAAiB,EA+LkG,IAAO,QAClG3T,eAAA,QAAArB,SAAA,CAAOM,GAAOsB,EAAE,oBAAoB,IAAE6S,EAAa,IAAEnU,GAAOsB,EAAE,qBAC9D9B,cAAC+T,EAAa,CAAEC,UAAWiB,EAAoBb,QAAsC,OAA1B1N,IAAkC,uFAAmB,wBAA0BuN,UAAWA,KAAKqB,GAAmB,EAAGnB,aAAcA,KAxJrMiC,MACjB,GAAGzB,EAAe,EAClB,CACI,IAAIuB,EAAe,GACnBmK,EAAY/Q,SAAQC,KAAkC,IAApBA,EAAM7B,WAAsBwI,EAAanR,KAAKwK,EAAMvQ,GAAG,IACzF+E,IACC8K,KAAKjP,EAAQ,+BAADwC,OAAgC8T,GAAe,CAAC,EAAE,CAC7D1H,QAAS,CAACC,YAAc5L,aAAaG,QAAQ,kBAE9CiB,MAAK,KACF2Q,EAAgB,GAChBU,IACAgL,EACID,EAAY/R,QAAQyH,IACO,IAAlBA,EAAIrI,YAEd,GAEX,GAsI6N0I,EAAc,OAG3NpW,cAAA,QAAMG,UAAU,iEAAgED,SAC5EqB,eAAA,OAAKpB,UAAU,+CAA8CD,SAAA,CACzDF,cAAA,QAAMG,UAAU,8JAA6JD,SACzKF,cAAA,KAAGG,UAAU,oBAEjBH,cAAA,SACIwB,KAAK,OACL6U,YAAY,iBACZlW,UAAU,0KACVsH,SAAWrI,IArDtBA,KAEbkhB,EADK,KAANlhB,EACgB2V,EAEAsL,EAAY/R,QAAOC,GAAKA,EAAEuO,eAAelb,SAASxC,IAC9DmP,EAAEwO,iBAAiBnb,SAASxC,IAAMmP,EAAEyO,kBAAkBpb,SAASxC,KAEtE,EA8C4CkX,CAAYlX,EAAEqH,OAAO0C,MAAM,SAKvDnJ,cAAA,MAAIG,UAAU,6DAA4DD,SACtEF,cAACyB,IAAI,CAACI,GAAG,iBAAgB3B,SAAEqB,eAAA,UAC3BpB,UAAU,4LACVqB,KAAK,SAAQtB,SAAA,CAEbF,cAAA,KAAGG,UAAU,+BAAiC,IAAEK,GAAOsB,EAAE,gCAMrE9B,cAAA,OAAKG,UAAU,+BAA8BD,SAE7CqB,eAAA,SAAOpB,UAAU,wCAAuCD,SAAA,CACpDF,cAAA,SAAAE,SACAqB,eAAA,MAAArB,SAAA,CACIF,cAAA,MACAG,UAAW,gMAAgMD,SAE3MF,cAAA,SACIwB,KAAK,WACLkB,KAAK,YACL8E,SAAU6Y,EAAY9J,MAAMyC,IAAmC,KAAhB,OAAPA,QAAO,IAAPA,OAAO,EAAPA,EAAStL,aACjDjG,SAAUqK,EACV3R,UAAU,+FAGdH,cAAA,MACAG,UACI,oLACHD,SAEIM,GAAOsB,EAAE,+BAEd9B,cAAA,MACAG,UACI,wKACHD,SAEIM,GAAOsB,EAAE,iCAEd9B,cAAA,MACAG,UACI,oLACHD,SAEIM,GAAOsB,EAAE,kCAEd9B,cAAA,MACAG,UACI,oLACHD,SAEIM,GAAOsB,EAAE,kCAEd9B,cAAA,MACAG,UACI,oLACHD,SAEIM,GAAOsB,EAAE,8BAEd9B,cAAA,MACAG,UACI,2LAKRH,cAAA,SAAAE,SACK0V,SAIT5V,cAAA,OAAKG,UAAU,OAAMD,SACjBF,cAACyW,IAAa,CACVC,cAAe,MACfC,UAAW,MACXhB,UAAWA,EACXiB,aAjOD3U,IAAmB,IAAlB,SAAE4U,GAAU5U,EAC5B6S,EAAc+B,EAAS,EAiOPC,mBAAoB,kBACpBC,sBAAuB,eACvBC,kBAAmB,WACnBC,kBAAmB,qBACnBC,gBAAiB,gCAWzC,CCjVe,SAASuJ,KACtB,MAAMC,EAAMpC,iBAAO,MAyBnB,IAA2B7Z,IAxBTic,EAyBhB3gB,qBAAU,KAYRqB,SAASC,iBAAiB,SAV1B,SAA4BgR,GACtB5N,EAAID,UAAYC,EAAID,QAAQmc,SAAStO,EAAM5L,UAC1C/E,OAAOC,SAASif,SAAShf,SAAS,WACN,OAA1B8E,IAAkCma,EAAS,0GAAuBA,EAAS,sBACxEnf,OAAOC,SAASif,SAAShf,SAAS,YACX,OAA1B8E,IAAkCma,EAAS,oJAA8BA,EAAS,4BAExD,OAA1Bna,IAAkCma,EAAS,wFAAoBA,EAAS,yBACjF,GAEsD,GACrD,CAACpc,IApCN,MAAOqc,EAAOD,GAAY9f,mBAAS,IACnC,IAAI6C,EAAUC,cAsCd,OApCA9D,qBAAU,KAEJ8C,aAAaG,QAAQ,gBACvBY,EAAQmB,KAAK,eAIC,MADClC,aAAaG,QAAQ,aAEpCY,EAAQmB,KAAK,SAEZrD,OAAOC,SAASif,SAAShf,SAAS,WACR,OAA1B8E,IAAkCma,EAAS,0GAAuBA,EAAS,sBACtEnf,OAAOC,SAASif,SAAShf,SAAS,YACb,OAA1B8E,IAAkCma,EAAS,oJAA8BA,EAAS,4BAExD,OAA1Bna,IAAkCma,EAAS,wFAAoBA,EAAS,wBAAwB,IAsBnGtf,eAAAtB,WAAA,CAAAC,SAAA,CACEF,cAAC+gB,EAAc,CAACC,OAAK,IACrBhhB,cAACW,EAAO,IACRY,eAAA,OAAKpB,UAAU,oBAAqBsE,IAAKic,EAAIxgB,SAAA,CAC3CF,cAACihB,EAAW,CAAC1gB,MAAOugB,IAEpB9gB,cAAC+B,EAAW,IACZ/B,cAAA,OAAKG,UAAU,qCAAoCD,SACjDqB,eAAC2F,IAAM,CAAAhH,SAAA,CACLF,cAACkhB,IAAK,CAACC,KAAK,iBAAiBC,OAAK,EAACC,UAAWnY,IAC9ClJ,cAACkhB,IAAK,CAACC,KAAK,qBAAqBC,OAAK,EAACC,UAAWnY,IAClDlJ,cAACkhB,IAAK,CAACC,KAAK,qBAAqBC,OAAK,EAACC,UAAW7M,KAClDxU,cAACkhB,IAAK,CAACC,KAAK,kBAAkBC,OAAK,EAACC,UAAWlK,KAC/CnX,cAACkhB,IAAK,CAACC,KAAK,sBAAsBC,OAAK,EAACC,UAAWlK,KACnDnX,cAACkhB,IAAK,CAACC,KAAK,sBAAsBC,OAAK,EAACC,UAAWhJ,KACnDrY,cAACkhB,IAAK,CAACC,KAAK,iBAAiBC,OAAK,EAACC,UAAWrI,KAC9ChZ,cAACkhB,IAAK,CAACC,KAAK,qBAAqBC,OAAK,EAACC,UAAWrI,KAClDhZ,cAACkhB,IAAK,CAACC,KAAK,qBAAqBC,OAAK,EAACC,UAAWjB,KAClDpgB,cAACshB,IAAQ,CAACC,KAAK,SAAS1f,GAAG,iCAMvC,CC/Ee,SAAShC,GAAOC,GAC7B,MAAO2F,EAAYC,GAAiB5E,IAAMC,UAAS,GACnD,OACEf,cAAAC,WAAA,CAAAC,SACEF,cAAA,OAAKG,UAAU,uGAKrB,CCNe,SAASqhB,KACtB,MAAM,aAAEje,GAAiBC,qBAAWnB,IAC9B,SAAE8H,GAAaC,uBACdrE,EAAaC,GAAkBjF,mBAAS,GAC/C,IAAI6C,EAAUC,cAEVsC,EAAeA,KACjBH,EAAetE,OAAO0E,WAAW,EAGnC,MAAM2G,EAASC,YAAU,CACvBC,cAAgB,CACdnJ,MAAM,GACN0J,SAAS,GACTiU,YAAY,GAEfxT,iBAAkBC,IAAW,CAC5BpK,MAAMoK,MAAaC,SAAS,6BAC5BX,SAAUU,MAAaC,SAAS,kCAEjCE,SAAUtF,IACT,MAAM5E,EAAO,CAACL,MAAMiF,EAAOjF,MAAO0J,SAASzE,EAAOyE,UAClDzJ,IAAM8K,KAAKjP,EAAQ,eAAeuE,GAAMF,MAAMC,IAC3CA,EAASC,KAAK2K,MAEf3E,EAAS,gDAAiD,CAAEwE,WAAY,QAASC,aAAa,IAGtF7I,EAAc,MAAgC,MAAvB7B,EAASC,KAAKgB,KAE7CgF,EAAS,sEAAuE,CAAEwE,WAAY,QAASC,aAAa,IAI/G1K,EAASC,KAAKsJ,aACZV,EAAOhE,OAAO0Y,WACf5e,aAAaC,QAAQ,QAAS2N,KAAKiR,UAAW,CAAE5d,MAAOiF,EAAOjF,MAAO0J,SAAUzE,EAAOyE,YAEtF3K,aAAaoC,WAAW,SAC1BkF,EAAS,qBAAsB,CAAEwE,WAAY,UAAWC,aAAa,IACrE/L,aAAaC,QAAQ,cAAeoB,EAASC,KAAKwd,OAClD9e,aAAaC,QAAQ,WAAYoB,EAASC,KAAKgB,MAC/CtC,aAAaC,QAAQ,QAASoB,EAASC,KAAKL,OAC5CjB,aAAaC,QAAQ,iBAAkBoB,EAASC,KAAKiB,gBACrDvC,aAAaC,QAAQ,WAAYoB,EAASC,KAAKgJ,UAAY,IAAMjJ,EAASC,KAAKiJ,UAC/EvK,aAAaC,QAAQ,iBAAiBwB,IAAaC,SAASL,EAASC,KAAKE,iBAC1Ed,EAAa,CACTO,MAAQI,EAASC,KAAKL,MACtB9E,GAAIkF,EAASC,KAAKnF,GAClBkG,QAAO,EACPC,KAAKjB,EAASC,KAAKgB,KACnBd,eAAeH,EAASC,KAAKE,eAC7Be,eAAelB,EAASC,KAAKiB,iBAEP,MAAvBlB,EAASC,KAAKgB,KACfvB,EAAQmB,KAAK,UAEbnB,EAAQmB,KAAK,UAEfoF,EAAS,mFAAoF,CAAEwE,WAAY,QAASC,aAAa,GAErI,GACA,IAiBJ,OAbA7O,qBAAW,KACT,IAAI6hB,EAAkBnR,KAAKC,MAAM7N,aAAaG,QAAQ,UAStD,OARAgD,EAAetE,OAAO0E,YACC,OAApBwb,IACC7U,EAAOgC,cAAc,QAAQ6S,EAAgB9d,OAC7CiJ,EAAOgC,cAAc,WAAW6S,EAAgBpU,UAChDT,EAAOgC,cAAc,cAAa,IAGtCrN,OAAOL,iBAAiB,SAAU8E,GAC3B,KAAQzE,OAAOJ,oBAAoB,SAAU6E,EAAa,CAAG,GACpE,IAGAnG,cAAAC,WAAA,CAAAC,SACEF,cAAA,OAAKG,UAAW,0BAA6B4F,EAAc,IAAO,WAAa,KAAK7F,SAClFF,cAAA,OAAKG,UAAU,yDAAwDD,SACrEF,cAAA,OAAKG,UAAU,wCAAuCD,SACpDqB,eAAA,OAAKpB,UAAU,iGAAgGD,SAAA,CAC7GF,cAAA,OAAKG,UAAU,uBAAsBD,SACnCF,cAAA,OAAKG,UAAU,mBAAkBD,SAC/BF,cAAA,MAAIG,UAAU,oCAAmCD,SAAC,gBAKtDF,cAAA,OAAKG,UACH,gDAAmD4F,EAAc,IAAO,WAAa,KAAK7F,SAC1FqB,eAAA,QAAM8M,SAAUtB,EAAOsE,aAAanR,SAAA,CAClCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCF,cAAA,SAAOG,UAAU,2DAA0DD,SAAC,UAG5EF,cAAA,SACEwB,KAAK,QACLrB,UAAU,6KACVkW,YAAY,QACZrX,GAAG,QACH0D,KAAK,QACL+E,SAAUsF,EAAO+E,aACjBC,OAAQhF,EAAOiF,WACf7I,MAAO4D,EAAOhE,OAAOjF,QAEtBiJ,EAAOkF,QAAQnO,OAASiJ,EAAOmF,OAAOpO,MAC/B9D,cAAA,OAAKG,UAAU,iCAAgCD,SAAE6M,EAAOmF,OAAOpO,QAC/D,QAEVvC,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCF,cAAA,SACEG,UAAU,2DAA0DD,SACrE,aAGDF,cAAA,SACEwB,KAAK,WACLrB,UAAU,6KACVkW,YAAY,WACZrX,GAAG,WACH0D,KAAK,WACL+E,SAAUsF,EAAO+E,aACjBC,OAAQhF,EAAOiF,WACf7I,MAAO4D,EAAOhE,OAAOyE,WAEtBT,EAAOkF,QAAQzE,UAAYT,EAAOmF,OAAO1E,SAClCxN,cAAA,OAAKG,UAAU,iCAAgCD,SAAE6M,EAAOmF,OAAO1E,WAC/D,QAGVxN,cAAA,OAAKG,UAAU,gBAAeD,SAC5BqB,eAAA,OAAKpB,UAAU,oCAAmCD,SAAA,CAChDF,cAAA,OAAAE,SACEqB,eAAA,SAAOpB,UAAU,+CAA8CD,SAAA,CAC7DF,cAAA,SACEhB,GAAG,mBACHwC,KAAK,WACLrB,UAAU,8GACVuC,KAAK,aACL+E,SAAUsF,EAAO+E,aACjBC,OAAQhF,EAAOiF,WACfxK,QAASuF,EAAOhE,OAAO0Y,aAEzBzhB,cAAA,QAAMG,UAAU,+CAA8CD,SAAC,qBAKnEF,cAAA,OAAAE,SACAF,cAAA,SAAOG,UAAU,+CAA8CD,SAC3DF,cAAA,QAAMG,UAAU,+CAA8CD,SAC5DF,cAACyB,IAAI,CAACtB,UAAU,iDAAiD0B,GAAG,uBAAsB3B,SAAC,kCAOrGF,cAAA,OAAKG,UAAU,GAAED,SACfqB,eAAA,OAAKpB,UAAU,0BAAyBD,SAAA,CACtCqB,eAAA,OAAKpB,UAAU,aAAYD,SAAA,CACzBF,cAAA,QAAMG,UAAU,yDAAwDD,SAAC,gBAGzEF,cAACyB,IAAI,CAACtB,UAAU,iDAAiD0B,GAAG,iBAAgB3B,SAAC,eAEvFF,cAAA,OAAKG,UAAU,mBAAkBD,SAC/BF,cAAA,UACAG,UAAU,8NACVqB,KAAK,SAAQtB,SACZ,kCAczB,CC5Le,SAAS2hB,KAEtB,MAAOtY,EAAiBC,GAAsBzI,oBAAS,IAChD0I,EAAcC,GAAmB3I,mBAAS,KAC1C+gB,EAAOC,GAAahhB,mBAAS,KAC9B,SAAEoJ,GAAaC,uBACd+N,EAAS6J,GAAejhB,oBAAS,IACjCgF,EAAaC,GAAkBjF,mBAAS,GAEzC6J,EAAc,CAClBC,MAAO,IAAIC,MAAOC,cAClBC,OAAO,IAAIF,MAAOG,WAAW,EAC7BC,KAAK,IAAIJ,MAAOK,YAEXC,EAAaC,GAAkBtK,mBAAS6J,GAC/C,IAAIhH,EAAUC,cAEVsC,EAAeA,KACjBH,EAAetE,OAAO0E,WAAW,EAGnC,MAAOkE,EAAiBC,GAAsBxJ,mBAAS,IACjDwL,EAAc,CAClB,CAAEpD,MAAO,IAAKkD,MAAO,WACrB,CAAElD,MAAO,IAAKkD,MAAO,WAGjBI,EAAgB,CACpB,CAAEtD,MAAO,IAAKkD,MAAO,QACrB,CAAElD,MAAO,IAAKkD,MAAO,WAiBjBU,EAASC,YAAU,CACvBC,cAAgB,CACdC,YAAY,GACZ3M,MAAM,GACN4M,UAAU,GACVC,SAAS,GACTtJ,MAAM,GACNuJ,YAAY,GACZC,QAAQ,GACRC,YAAY,GACZpI,KAAK,GACLC,eAAe,GACfoI,SAAS,GACTnJ,eAAe,GACfoJ,aAAY,EACZC,WAAU,EACVE,OAAO,GACPD,UAAU,IAAI7C,KACdgD,SAAS,GACTC,SAAS,GACTC,YAAY,IAGfC,iBAAkBC,IAAW,CAC3Bf,UAAUe,MAAaC,SAAS,4BAChCf,SAASc,MAAaC,SAAS,iCAC/BrK,MAAMoK,MAAaE,QAhEF,oBAgEsB,4EAA4EtK,MAAM,0BAA0BqK,SAAS,wBAC5JX,SAASU,MAAaC,SAAS,kCAGjCE,SAAUtF,IACPgE,EAAOhE,OAAO5D,KAA+B,KAAvB4H,EAAOhE,OAAO5D,KAAe,IAAM4H,EAAOhE,OAAO5D,KACvE4H,EAAOhE,OAAO3D,eAAmD,KAAjC2H,EAAOhE,OAAO3D,eAAyB,IAAM2H,EAAOhE,OAAO3D,eAC3F2H,EAAOhE,OAAO6E,OAAmC,KAAzBb,EAAOhE,OAAO6E,OAAiB,IAAMb,EAAOhE,OAAO6E,OAC3Eb,EAAOhE,OAAO+E,SAAuC,KAA3Bf,EAAOhE,OAAO+E,SAAmB,IAAMf,EAAOhE,OAAO+E,SAC/Ef,EAAOhE,OAAOgF,SAAuC,KAA3BhB,EAAOhE,OAAOgF,SAAmB,OAAShB,EAAOhE,OAAOgF,SAClFhB,EAAOhE,OAAOiF,YAA6C,KAA9BjB,EAAOhE,OAAOiF,YAAsB,SAAWjB,EAAOhE,OAAOiF,YAC1FjB,EAAOhE,OAAO4E,UAAYvC,GACtB7B,GAAmBuY,IAErB/Y,EAAO0E,aAAc,EACrB1E,EAAO2E,WAAY,EACnB3J,IAAMC,IAAIpE,EAAQ,qBAADwC,OAAsB2G,EAAOjF,QAASG,MAAMC,IACtC,OAAlBA,EAASC,KACRJ,IAAM8K,KAAKjP,EAAQ,WAAWmJ,GAAQ9E,MAAMC,IACvCA,EAASC,KAAK2K,MAEf3E,EAASjG,EAASC,KAAK2K,MAAO,CAAEH,WAAY,QAASC,aAAa,KAElEzE,EAAS,0BAA2B,CAAEwE,WAAY,UAAWC,aAAa,IAC1EhL,EAAQmB,KAAK,eACf,IAIJoF,EAAS,kEAAmE,CAAEwE,WAAY,UAAWC,aAAa,GACpH,IAEJ,IAmBJ,MAAMjC,EAAeA,CAACP,EAASjD,KACL,KAArBA,EAAMyD,iBAAoCxI,IAAfgI,EAAQ,KAElCjD,EAAQiD,EAAQ,GAAGjD,OAEhBiD,EAAUA,EAAQS,MAAKC,GAAUA,EAAO3D,QAAUA,EAAMyD,aAAc,IAY/E,OATA7M,qBAAW,KACTiG,EAAetE,OAAO0E,YACtBiF,EAAeD,GAlBjB6D,iBACE,MAAM/K,QAAiBH,IAAMnE,EAAQ,aAC/BgR,QAAa1M,EAASC,KAAK0M,aACjC,IAAI3B,EAAe,GACnB0B,EAAKtB,SAAQC,GAASL,EAAanK,KAAK,CAACoE,MAAOoG,EAAMvQ,GAAG4N,WAAWP,MAAOkD,EAAMwB,wBACjFxG,EAAmB2E,EACrB,CAaE8B,GACAtP,OAAOL,iBAAiB,SAAU8E,GAC3B,KAAQzE,OAAOJ,oBAAoB,SAAU6E,EAAa,IACjE,IAIAnG,cAAAC,WAAA,CAAAC,SACEF,cAAA,OAAKG,UAAU,kCAAiCD,SAC9CF,cAAA,OAAKG,UAAW,0DAA6D4F,EAAc,IAAO,QAAU,KAAK7F,SACjHF,cAAA,OAAKG,UAAU,yCAAwCD,SACrDqB,eAAA,OAAKpB,UAAU,mFAAkFD,SAAA,CAC/FqB,eAAA,OAAKpB,UAAW,wFAA2F4F,EAAc,IAAO,UAAY,UAAU7F,SAAA,CAClJF,cAAA,MAAIG,UAAU,mCAAkCD,SAAC,gBACjDF,cAAA,SACAA,cAAA,OAAKG,UAAU,cAAaD,SAC1BF,cAAA,QAAMG,UAAU,UAASD,SAAC,kuBAI5BF,cAAA,SACAA,cAAA,SACAA,cAAA,OAAKG,UAAU,cAAaD,SAC1BF,cAAA,QAAOG,UAAU,UAASD,SAAC,2QAI7BF,cAAA,SACAA,cAAA,SACAA,cAAA,OAAKG,UAAU,cAAaD,SAC1BF,cAAA,QAAOG,UAAU,UAASD,SAAC,8KAKjCF,cAAA,OAAKG,UAAW,6CAAiD4F,EAAc,IAAO,6BAA+B,wCAAwC7F,SAC3JqB,eAAA,QAAM8M,SAAUtB,EAAOsE,aAAanR,SAAA,CAClCF,cAAA,MAAIG,UAAW,mDAAsD4F,EAAc,IAAO,eAAiB,IAAI7F,SAAC,kBAChHqB,eAAA,OAAKpB,UAAU,+BAA8BD,SAAA,CAC3CF,cAAA,OAAKG,UAAU,mBAAkBD,SAC7BqB,eAAA,OAAKpB,UAAU,4BAA2BD,SAAA,CACxCF,cAAA,SACEG,UAAU,kDAAiDD,SAC5D,eAGDF,cAAA,SACEwB,KAAK,OACLrB,UAAU,6KACVkW,YAAY,aACZrX,GAAG,YACH0D,KAAK,YACLmP,UAAW,IACXpK,SAAUsF,EAAO+E,aACjBC,OAAQhF,EAAOiF,WACf7I,MAAO4D,EAAOhE,OAAOoE,UACrByE,aAAa,iBAEb7E,EAAOkF,QAAQ9E,WAAaJ,EAAOmF,OAAO/E,UACtCnN,cAAA,OAAKG,UAAU,uCAAsCD,SAAE6M,EAAOmF,OAAO/E,YACrE,UAGVnN,cAAA,OAAKG,UAAU,mBAAkBD,SAC/BqB,eAAA,OAAKpB,UAAU,4BAA2BD,SAAA,CACxCF,cAAA,SACEG,UAAU,kDAAiDD,SAC5D,cAGDF,cAAA,SACEwB,KAAK,OACLrB,UAAU,6KACVkW,YAAY,YACZrX,GAAG,WACH0D,KAAK,WACLmP,UAAW,IACXpK,SAAUsF,EAAO+E,aACjBC,OAAQhF,EAAOiF,WACf7I,MAAO4D,EAAOhE,OAAOqE,SACrBwE,aAAa,iBAEb7E,EAAOkF,QAAQ7E,UAAYL,EAAOmF,OAAO9E,SACrCpN,cAAA,OAAKG,UAAU,iCAAgCD,SAAE6M,EAAOmF,OAAO9E,WAC/D,aAId7L,eAAA,OAAKpB,UAAU,4BAA2BD,SAAA,CACtCF,cAAA,SACEG,UAAU,iDAAgDD,SAC3D,SAGCF,cAACmS,IAAM,CACLnT,GAAG,OACH0D,KAAK,OACL+E,SAAU0B,IAAY4D,EAAOgC,cAAc,OAAO5F,EAAMA,MAAM,EAE9DhJ,UAAU,mKACViM,QAASG,EACTpD,MAAOwD,EAAaJ,EAAaQ,EAAOhE,OAAO5D,WAGvD5D,eAAA,OAAKpB,UAAU,4BAA2BD,SAAA,CACxCF,cAAA,SAAOG,UAAU,iDAAgDD,SAAC,eAGlEF,cAAA,SACEwB,KAAK,OACLrB,UAAU,6KACVkW,YAAY,aACZrX,GAAG,QACH0D,KAAK,QACLmP,UAAW,IACXpK,SAAUsF,EAAO+E,aACjBC,OAAQhF,EAAOiF,WACf7I,MAAO4D,EAAOhE,OAAOjF,MACrB8N,aAAa,iBAEb7E,EAAOkF,QAAQnO,OAASiJ,EAAOmF,OAAOpO,MAC5B9D,cAAA,OAAKG,UAAU,iCAAgCD,SAAE6M,EAAOmF,OAAOpO,QAC/D,QAEdvC,eAAA,OAAKpB,UAAU,+BAA8BD,SAAA,CAC3CF,cAAA,OAAKG,UAAU,mBAAkBD,SAC/BqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCF,cAAA,SACEG,UAAU,kDAAiDD,SAC5D,kBAGDF,cAACuS,IAAU,CACPpJ,MAAOiC,EACP3D,SAAWrI,IAAOiM,EAAejM,EAAE,EACnCoT,YA5OEvQ,IAAA,IAAC,IAAEwC,GAAKxC,EAAA,OAChCjC,cAAAC,WAAA,CAAAC,SACEqB,eAAA,QAAMpB,UAAU,oBAAmBD,SAAA,CACjCF,cAAA,QAAMG,UAAU,2BAA0BD,SAACF,cAAA,KAAGG,UAAU,uBACxDH,cAAA,SAAOyE,IAAKA,EACZjD,KAAK,OACLiR,UAAQ,EACRtS,UAAU,8MACVgJ,MAAuB,OAAhBiC,EAAoB,GAAAhJ,OAAMgJ,EAAYF,IAAG,KAAA9I,OAAIgJ,EAAYJ,MAAK,KAAA5I,OAAIgJ,EAAYP,OAAU,IAAIC,MAAO4H,mBAAmB,eAE9H,SAuOW1S,cAAA,OAAKG,UAAU,mBAAkBD,SAC/BqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCF,cAAA,SACEG,UAAY,kDAAqD4F,EAAc,IAAO,QAAU,IAAI7F,SACrG,WAGDF,cAACmS,IAAM,CACLnT,GAAG,SACH0D,KAAK,SACL+E,SAAU0B,IAAU4D,EAAOgC,cAAc,SAAS5F,EAAMA,MAAM,EAC9DhJ,UAAU,mKACViM,QAASK,EACTtD,MAAOwD,EAAaF,EAAeM,EAAOhE,OAAO6E,kBAKzDrM,eAAA,OAAKpB,UAAU,4BAA2BD,SAAA,CACxCF,cAAA,SACEG,UAAU,iDAAgDD,SAC3D,8BAaCF,cAACmS,IAAM,CACLnT,GAAG,iBACH0D,KAAK,iBACL+E,SAAU0B,IAAY4D,EAAOgC,cAAc,iBAAiB5F,EAAMA,MAAM,EAExEhJ,UAAU,uKACViM,QAAS9B,EACTnB,MAAOwD,EAAarC,EAAiByC,EAAOhE,OAAO3D,qBAKzD7D,eAAA,OAAKpB,UAAU,+BAA8BD,SAAA,CAC3CF,cAAA,OAAKG,UAAU,mBAAkBD,SAC/BqB,eAAA,OAAKpB,UAAU,4BAA2BD,SAAA,CACxCF,cAAA,SACEG,UAAU,kDAAiDD,SAC5D,aAGDF,cAAA,SACEwB,KAAK,WACLrB,UAAU,6KACVkW,YAAY,WACZxE,UAAW,IACX7S,GAAG,WACH0D,KAAK,WACL+E,SAAWrI,IACNA,EAAEqH,OAAO0C,QAAUM,EAEpBD,EAAmBpK,EAAEqH,OAAO0C,QAEF,KAAnB/J,EAAEqH,OAAO0C,OAAiC,KAAjBM,GAAuBrK,EAAEqH,OAAO0C,QAAUM,IAE1ED,EAAmB,MAErBuD,EAAO+E,aAAa1S,EAAE,EAExB2S,OAAQhF,EAAOiF,WACf7I,MAAO4D,EAAOhE,OAAOyE,WAErBT,EAAOkF,QAAQzE,UAAYT,EAAOmF,OAAO1E,SACnCxN,cAAA,OAAKG,UAAU,iCAAgCD,SAAE6M,EAAOmF,OAAO1E,WAC/D,UAGZxN,cAAA,OAAKG,UAAU,mBAAkBD,SAC/BqB,eAAA,OAAKpB,UAAU,4BAA2BD,SAAA,CACxCF,cAAA,SACEG,UAAU,kDAAiDD,SAE5D,qBAEDF,cAAA,SACEwB,KAAK,WACLqQ,UAAW,IACX1R,UAAU,6KACVkW,YAAY,mBACZrX,GAAG,kBACH0D,KAAK,kBACL+E,SAAUrI,IAnQPA,KACpBA,IAAO2N,EAAOhE,OAAOyE,SACtBhE,GAAmB,GAChBA,GAAmB,EAAM,EAgQKoJ,CAAgBxT,EAAEqH,OAAO0C,OAAQO,EAAgBtK,EAAEqH,OAAO0C,MAAM,EAC/EA,MAAOM,IAERF,EACOvJ,cAAA,OAAKG,UAAU,iCAAgCD,SAAC,6BAChD,aAIdF,cAAA,OAAKG,UAAU,YAAWD,SACtBqB,eAAA,SAAOpB,UAAU,0CAAyCD,SAAA,CACxDF,cAAA,SACEhB,GAAG,mBACHwC,KAAK,WACLrB,UAAU,iGACVE,QAAUjB,IAAO2iB,EAAU3iB,EAAEqH,OAAOe,QAAQ,IAE9CjG,eAAA,QAAMpB,UAAU,+CAA8CD,SAAA,CAAC,iBAC9C,IACfF,cAAA,KACEI,KAAK,SACLD,UAAU,qBACVE,QAAUjB,GAAMA,EAAEkB,iBAAiBJ,SACpC,iCAMPF,cAAA,OAAKG,UAAU,wBAAuBD,SACpCF,cAAA,UACEG,UAAU,iNACVqB,KAAK,SAAQtB,SACd,eAIHqB,eAAA,OAAKpB,UAAU,wBAAuBD,SAAA,CACpCF,cAAA,QAAMG,UAAU,yDAAwDD,SAAC,6BAGzEF,cAACyB,IAAI,CAACtB,UAAU,iDAAiD0B,GAAG,cAAa3B,SAAC,+BAUtG,CCzae+hB,OADG,kCCMH,SAASC,KACtB,MAAM,SAAE/X,GAAaC,sBACrB,IAAIxG,EAAUC,cACd,MAAOkC,EAAaC,GAAkBjF,mBAAS,GAE/C,IAAIoF,EAAeA,KACjBH,EAAetE,OAAO0E,WAAW,EAGnC,MAAM2G,EAASC,YAAU,CACvBC,cAAgB,CACdnJ,MAAM,IAETmK,iBAAkBC,IAAW,CAC5BpK,MAAMoK,MAAaC,SAAS,0BAE7BE,SAAUtF,IACThF,IAAMC,IAAIpE,EAAQ,qBAADwC,OAAsB2G,EAAOjF,QAASG,MAAMC,IACtC,OAAlBA,EAASC,KACVge,EAASpZ,EAAOjF,MAAMI,EAASC,KAAKnF,IAEpCmL,EAAS,0DAA2D,CAAEwE,WAAY,UAAWC,aAAa,GAC5G,GACA,IAICuT,EAASA,CAACC,EAAOpjB,KACpB,MAAMqjB,EAAWxf,aAAaG,QAAQ,YAEtCe,IAAM8K,KAAKjP,EAAQ,SAAS,CAAC0iB,SAAS,uBAAuB9U,SAAS,YAAY4U,OAAOA,EAAOC,SAASA,EAASE,SAASN,GAAU,uBAAD7f,OAAwBogB,KAAK,iBAAUxjB,MAAQiF,MAAMC,IAC7J,YAAtBA,EAASC,KAAKse,KAEa,SAAtBve,EAASC,KAAKse,KACrBtY,EAAS,wCAAyC,CAAEwE,WAAY,QAASC,aAAa,GACxF,IAEFhL,EAAQmB,KAAK,qBAAqB,EAQpC,OANAhF,qBAAW,KACTiG,EAAetE,OAAO0E,YACtB1E,OAAOL,iBAAiB,SAAU8E,GAC3B,KAAQzE,OAAOJ,oBAAoB,SAAU6E,EAAa,IACjE,IAGAnG,cAAAC,WAAA,CAAAC,SACEF,cAAA,OAAKG,UAAW,yBAA4B4F,EAAc,IAAO,WAAa,KAAK7F,SACjFF,cAAA,OAAKG,UAAU,yDAAwDD,SACrEF,cAAA,OAAKG,UAAU,wCAAuCD,SACpDqB,eAAA,OAAKpB,UAAU,iGAAgGD,SAAA,CAC7GqB,eAAA,OAAKpB,UAAU,2BAA0BD,SAAA,CACvCF,cAAA,OAAKG,UAAU,iBAAgBD,SAC7BF,cAAA,MAAIG,UAAU,oCAAmCD,SAAC,uBAIpDF,cAAA,SACAA,cAAA,OAAKG,UAAU,iBAAgBD,SAC7BF,cAAA,QAAMG,UAAU,yBAAwBD,SAAC,gHAK7CF,cAAA,OAAKG,UAAW,gDAAmD4F,EAAc,IAAO,WAAa,KAAK7F,SACxGqB,eAAA,QAAM8M,SAAUtB,EAAOsE,aAAanR,SAAA,CAClCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCF,cAAA,SAAOG,UAAU,2DAA0DD,SAAC,UAG5EF,cAAA,SACEwB,KAAK,QACLrB,UAAU,6KACVkW,YAAY,QACZrX,GAAG,QACH0D,KAAK,QACL+E,SAAUsF,EAAO+E,aACjBC,OAAQhF,EAAOiF,WACf7I,MAAO4D,EAAOhE,OAAOjF,QAEtBiJ,EAAOkF,QAAQnO,OAASiJ,EAAOmF,OAAOpO,MAC/B9D,cAAA,OAAKG,UAAU,iCAAgCD,SAAE6M,EAAOmF,OAAOpO,QAC/D,QAEV9D,cAAA,OAAKG,UAAU,GAAED,SACfqB,eAAA,OAAKpB,UAAU,yCAAwCD,SAAA,CACnDF,cAAA,UACAG,UAAU,8NACVqB,KAAK,SAAQtB,SACZ,aAGDF,cAAA,UACAG,UAAU,8NACVE,QAASA,KAAOuD,EAAQmB,KAAK,cAAc,EAAG7E,SAC7C,+BAczB,CC5Ge,SAASwiB,KACtB,MAAM,SAAEvY,GAAaC,uBACdb,EAAiBC,GAAsBzI,oBAAS,IAChD0I,EAAcC,GAAmB3I,mBAAS,IACjD,IAAI,GAAE/B,GAAOqL,cACTzG,EAAUC,cACd,MAAOkC,EAAaC,GAAkBjF,mBAAS,GAE/C,IAAIoF,EAAeA,KACjBH,EAAetE,OAAO0E,WAAW,EAEjC,MAAM2G,EAASC,YAAU,CACvBC,cAAgB,CACdO,SAAS,GACTjE,gBAAgB,IAEpB0E,iBAAkBC,IAAW,CAC3BV,SAASU,MAAaC,SAAS,kCAEjCE,SAAUtF,IACR,IAAIQ,EACJ,CACE,MAAMoZ,EAAUC,KAAK5jB,GAAI6jB,MAAM,KAC/B,GAAGF,EAAQlgB,OAAQ,EACnB,CACE,MAAM0B,EAAO,CAACnF,GAAG2jB,EAAQ,GAAInV,SAASzE,EAAOyE,UAE7CzJ,IAAM8K,KAAKjP,EAAQ,iCAAiCuE,GAAMF,MAAMC,IAC1DA,EAASC,KAAK+N,OAKhB/H,EAAS,wCAAyC,CAAEwE,WAAY,QAASC,aAAa,KAHtFzE,EAAS,8BAA+B,CAAEwE,WAAY,UAAWC,aAAa,IAC9EhL,EAAQmB,KAAK,eAGf,GAGJ,CACF,KAiBJ,OANAhF,qBAAW,KACTiG,EAAetE,OAAO0E,YACtB1E,OAAOL,iBAAiB,SAAU8E,GAC3B,KAAQzE,OAAOJ,oBAAoB,SAAU6E,EAAa,IACjE,IAGAnG,cAAAC,WAAA,CAAAC,SACEF,cAAA,OAAKG,UAAW,yBAA6B4F,EAAc,IAAO,WAAa,KAAK7F,SAClFF,cAAA,OAAKG,UAAU,yDAAwDD,SACrEF,cAAA,OAAKG,UAAU,wCAAuCD,SACpDqB,eAAA,OAAKpB,UAAU,iGAAgGD,SAAA,CAC7GF,cAAA,OAAKG,UAAU,2BAA0BD,SACvCF,cAAA,OAAKG,UAAU,mBAAkBD,SAC/BF,cAAA,MAAIG,UAAU,oCAAmCD,SAAC,uBAKtDF,cAAA,OAAKG,UAAW,iDAAoD4F,EAAc,IAAO,WAAa,KAAK7F,SACzGqB,eAAA,QAAM8M,SAAUtB,EAAOsE,aAAanR,SAAA,CAClCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCF,cAAA,SAAOG,UAAU,2DAA0DD,SAAC,iBAG5EF,cAAA,SACIwB,KAAK,WACLrB,UAAU,6KACVkW,YAAY,WACZrX,GAAG,WACH0D,KAAK,WACL+E,SAAWrI,IACNA,EAAEqH,OAAO0C,QAAUM,EAEpBD,EAAmBpK,EAAEqH,OAAO0C,QAEF,KAAnB/J,EAAEqH,OAAO0C,OAAiC,KAAjBM,GAAuBrK,EAAEqH,OAAO0C,QAAUM,IAE1ED,EAAmB,MAErBuD,EAAO+E,aAAa1S,EAAE,EAExB2S,OAAQhF,EAAOiF,WACf7I,MAAO4D,EAAOhE,OAAOyE,WAErBT,EAAOkF,QAAQzE,UAAYT,EAAOmF,OAAO1E,SACnCxN,cAAA,OAAKG,UAAU,iCAAgCD,SAAE6M,EAAOmF,OAAO1E,WAC/D,QAEZjM,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCF,cAAA,SACEG,UAAU,2DAA0DD,SACrE,yBAGDF,cAAA,SACIwB,KAAK,WACLrB,UAAU,6KACVkW,YAAY,mBACZrX,GAAG,kBACH0D,KAAK,kBACL+E,SAAUrI,IAnEPA,KACpBA,IAAO2N,EAAOhE,OAAOyE,SACtBhE,GAAmB,GAChBA,GAAmB,EAAM,EAgEKoJ,CAAgBxT,EAAEqH,OAAO0C,OAAQO,EAAgBtK,EAAEqH,OAAO0C,MAAM,EAC/EA,MAAOM,IAERF,EACOvJ,cAAA,OAAKG,UAAU,iCAAgCD,SAAC,6BAChD,QAIZF,cAAA,OAAKG,UAAU,GAAED,SACfqB,eAAA,OAAKpB,UAAU,0BAAyBD,SAAA,CACtCF,cAAA,OAAKG,UAAU,aAAYD,SACzBF,cAACyB,IAAI,CAACtB,UAAU,iDAAiD0B,GAAG,cAAa3B,SAAC,qBAEpFF,cAAA,OAAKG,UAAU,mBAAkBD,SAC/BF,cAAA,UACAG,UAAU,8NACVqB,KAAK,SAAQtB,SACZ,yCAczB,CC9Ie,SAAS4iB,KACtB,MAAM,aAAEvf,GAAiBC,qBAAWnB,IAC9B,SAAE8H,GAAaC,sBACPvG,cACd,MAAOkC,EAAaC,GAAkBjF,mBAAS,GAE/C,IAAIoF,EAAeA,KACjBH,EAAetE,OAAO0E,WAAW,EAIpB4G,YAAU,CACvBC,cAAgB,CACdnJ,MAAM,IAETmK,iBAAkBC,IAAW,CAC5BpK,MAAMoK,MAAaC,SAAS,0BAE7BE,SAAUtF,IACToZ,EAASpZ,EAAOjF,MAAM,IARxB,MAYKqe,EAAUC,IACT,MAAMC,EAAWxf,aAAaG,QAAQ,YACtCe,IAAM8K,KAAKjP,EAAQ,QAAQ,CAAC0iB,SAAS,uBAAuB9U,SAAS,YAAY4U,OAAOA,EAAOC,SAASA,IAAWpe,MAAMC,IAC/F,YAAtBA,EAASC,KAAKse,KAGTve,EAASC,KAAKse,GACnB,GAEN,EASJ,OANA1iB,qBAAW,KACTiG,EAAetE,OAAO0E,YACtB1E,OAAOL,iBAAiB,SAAU8E,GAC3B,KAAQzE,OAAOJ,oBAAoB,SAAU6E,EAAa,IACjE,IAGAnG,cAAAC,WAAA,CAAAC,SACEF,cAAA,OAAKG,UAAW,0BAA6B4F,EAAc,IAAO,WAAa,KAAK7F,SAClFF,cAAA,OAAKG,UAAU,yDAAwDD,SACrEF,cAAA,OAAKG,UAAU,wCAAuCD,SACpDqB,eAAA,OAAKpB,UAAU,iGAAgGD,SAAA,CAC7GqB,eAAA,OAAKpB,UAAU,2BAA0BD,SAAA,CACvCF,cAAA,OAAKG,UAAU,iBAAgBD,SAC7BF,cAAA,MAAIG,UAAU,oCAAmCD,SAAC,0BAIpDF,cAAA,SACAA,cAAA,OAAKG,UAAU,iBAAgBD,SAC7BF,cAAA,QAAMG,UAAU,yBAAwBD,SAAC,gIAK7CF,cAAA,OAAKG,UAAW,iDAAoD4F,EAAc,IAAO,WAAa,KAAK7F,SACzGF,cAAA,QAAAE,SAEEF,cAAA,OAAKG,UAAU,GAAED,SACfF,cAAA,OAAKG,UAAU,yCAAwCD,SACnDF,cAACyB,IAAI,CAACI,GAAG,cAAa3B,SAClBF,cAAA,UACAG,UAAU,8NACVqB,KAAK,SAAQtB,SACZ,0CAc7B,CClFe,SAAS6iB,KACtB,OACExhB,eAAAtB,WAAA,CAAAC,SAAA,CACEF,cAACH,GAAM,CAACmjB,aAAW,IACnBhjB,cAAA,QAAAE,SACEqB,eAAA,WAASpB,UAAU,sCAAqCD,SAAA,CACtDF,cAAA,OACEG,UAAU,mEAEZoB,eAAC2F,IAAM,CAAAhH,SAAA,CACLF,cAACkhB,IAAK,CAACC,KAAK,cAAcC,OAAK,EAACC,UAAWG,KAC3CxhB,cAACkhB,IAAK,CAACC,KAAK,iBAAiBC,OAAK,EAACC,UAAWQ,KAC9C7hB,cAACkhB,IAAK,CAACC,KAAK,uBAAuBC,OAAK,EAACC,UAAWa,KACpDliB,cAACkhB,IAAK,CAACC,KAAK,0BAA0BC,OAAK,EAACC,UAAWqB,KACvD1iB,cAACkhB,IAAK,CAACC,KAAK,qBAAqBC,OAAK,EAACC,UAAWyB,KAClD9iB,cAACshB,IAAQ,CAACC,KAAK,IAAI1f,GAAG,0BAMlC,C,yCC5Be,MAAMohB,WAAaC,YAC9BC,SACI,OACInjB,cAAAC,WAAA,CAAAC,SACIF,cAACyB,IAAI,CAACI,GAAIuhB,KAAKtjB,MAAMqJ,MAAM,GAAGjJ,SAC1BqB,eAAA,OAAKpB,UAAU,kIAAiID,SAAA,CAC5IF,cAAA,OAAKG,UAAU,oCAAmCD,SAClDF,cAAA,OACA6E,IAAgC,yCAAxBue,KAAKtjB,MAAMqJ,MAAM,IAA2C,aAAxBia,KAAKtjB,MAAMqJ,MAAM,GAAsBka,WAAqC,+CAAxBD,KAAKtjB,MAAMqJ,MAAM,IAA4C,eAAxBia,KAAKtjB,MAAMqJ,MAAM,GAAuBma,WAAWC,WACxL3e,IAAI,MACJzE,UAAU,gBAIVoB,eAAA,cAAYpB,UAAU,oBAAmBD,SAAA,CACrCF,cAAA,OACIqI,oBAAoB,OACpBJ,MAAM,6BACNG,QAAQ,aACRjI,UAAU,kDAAiDD,SAC3DF,cAAA,WACIwjB,OAAO,uBACPrjB,UAAU,sCAGlBH,cAAA,MAAIG,UAAU,+BAA8BD,SACvCkjB,KAAKtjB,MAAMqJ,MAAM,cAO9C,EC/BJ,MAAM3I,GAASC,EAAQ,GAAoBC,KAE3CqS,IAAMC,cAAc,SAiBL,SAASyQ,KACtB,MAAOhP,EAAaC,GAAa3T,oBAAS,IACnCgF,EAAaC,GAAkBjF,mBAAS,GAC/C,IAAIoF,EAAeA,KACjBH,EAAetE,OAAO0E,WAAW,EAiBnC,MAAMsd,EAAQ,CACZ,CACE1kB,GAAI,KACJmiB,KAAM,qBACNze,KAAM,uCACNihB,QAAS,0BACTC,QAAS,YAEX,CACE5kB,GAAI,KACJmiB,KAAM,qBACNze,KAAM,6CACNihB,QAAS,0BACTC,QAAS,cAEX,CACE5kB,GAAI,KACJmiB,KAAM,qBACNze,KAAM,yDACNihB,QAAS,4BACTC,QAAS,eAIPC,EAAWH,EAAM7kB,KAAKilB,GAC1B9jB,cAAA,OAEEG,UACE,+BAAiC4F,EAAc,KAAO,IAAM,WAC7D7F,SAEDF,cAAC+jB,GAAI,CAAC5a,MAAO,CAAC2a,EAAK3C,KAAM2C,EAAKphB,KAAMohB,EAAKH,YALpCG,EAAK9kB,MASRglB,EAAcN,EAAM7kB,KAAKilB,GAC7B9jB,cAAA,OAEEG,UACE,+BAAiC4F,EAAc,KAAO,IAAM,WAC7D7F,SAEDF,cAAC+jB,GAAI,CAAC5a,MAAO,CAAC2a,EAAK3C,KAAM2C,EAAKF,QAASE,EAAKH,YALvCG,EAAK9kB,MAiBd,OARAe,qBAAU,KACRiG,EAAetE,OAAO0E,YACtB1E,OAAOL,iBAAiB,SAAU8E,GAC3B,KACLzE,OAAOJ,oBAAoB,SAAU6E,EAAa,IAEnD,IAGD5E,eAAAtB,WAAA,CAAAC,SAAA,CACEF,cAAA,OACEG,UACE,wCACC4F,EAAc,KAAO,mBAAqB,yBAC5C7F,SAEDF,cAAA,OACEG,UACE,sCACC4F,EAAc,KAAO,IAAM,SAC7B7F,SAEDqB,eAAA,OACEpB,UACE,2BAA6B4F,EAAc,KAAO,IAAM,SACzD7F,SAAA,CAEDF,cAAA,MAAIG,UAAU,oCAAmCD,SAC9CM,GAAOsB,EAAE,kBAEZ9B,cAAA,KAAGG,UAAU,0DAAyDD,SACnEM,GAAOsB,EAAE,4BAKlB9B,cAAA,OAAKG,UAAW,uCACX4F,EAAc,KAAO,mBAAqB,oBAAoB7F,SACjEqB,eAAA,OACEpB,UACE,YACC4F,EAAc,KAAO,oBAAsB,qBAE9Ca,MAAO,CAAEC,QAAS,QAASI,MAAO,OAAQ/G,SAAA,CAE1CF,cAAA,OACEG,UACE,oFACC4F,EAAc,KAAO,IAAM,SAC7B7F,SAEDqB,eAAA,OACEpB,UACE,2BAA6B4F,EAAc,KAAO,IAAM,SACzD7F,SAAA,CAEDF,cAAA,MAAIG,UAAU,qBAAoBD,SAC/BM,GAAOsB,EAAE,yBAEZ9B,cAAA,KAAGG,UAAU,oCAAmCD,SAC7CM,GAAOsB,EAAE,oCAIhB9B,cAAA,OAAKG,UAAW,aAAaD,SAC3BF,cAAA,MAAIG,UAAU,uBAAsBD,SACjCM,GAAOsB,EAAE,gCAKlB9B,cAAA,OACEG,UACE,4BACC4F,EAAc,KAAO,oBAAsB,0BAC7C7F,SAE0B,OAA1BwG,IACC1G,cAAA,OAAKG,UAAU,iBAAgBD,SAAE2jB,IAEjC7jB,cAAA,OAAKG,UAAU,iBAAgBD,SAAE8jB,MAGrCziB,eAAA,OACEpB,UAAW,wBAA2B4F,EAAc,KAAO,oBAAsB,qBACjFa,MAAO,CAAEC,QAAS,SAAU3G,SAAA,CAE5BqB,eAAA,OAAKpB,UAAW,0EAA2EyG,MAAO,CAAEC,QAAUd,EAAc,KAAO,OAAS,SAAS7F,SAAA,CACnJF,cAAA,OAAKG,UAAW,OAAOD,SACrBF,cAAA,MAAIG,UAAU,qBAAoBD,SAC/BM,GAAOsB,EAAE,2BAGdP,eAAA,OAAK0iB,MAAM,OAAM/jB,SAAA,CACfF,cAAA,OAAKikB,MAAM,oBAAmB/jB,SAC5BqB,eAAA,MAAArB,SAAA,CACEF,cAAA,MAAAE,SACEqB,eAAA,OACEqF,MAAO,CACLC,QAAS,OACTqd,WAAY,SACZC,aAAc,OACdjkB,SAAA,CAEFF,cAAA,KACEikB,MAAM,sBACNrd,MAAO,CAAEwd,aAAc,SACnB,IACL5jB,GAAOsB,EAAE,0BAGd9B,cAAA,MAAAE,SACEqB,eAAA,OACEqF,MAAO,CACLC,QAAS,OACTqd,WAAY,SACZC,aAAc,OACdjkB,SAAA,CAEFF,cAAA,KACEikB,MAAM,sBACNrd,MAAO,CAAEwd,aAAc,SACnB,IACL5jB,GAAOsB,EAAE,0BAGd9B,cAAA,MAAAE,SACEqB,eAAA,OACEqF,MAAO,CACLC,QAAS,OACTqd,WAAY,SACZC,aAAc,OACdjkB,SAAA,CAEFF,cAAA,KACEikB,MAAM,sBACNrd,MAAO,CAAEwd,aAAc,SACnB,IACL5jB,GAAOsB,EAAE,+BAKlB9B,cAAA,OAAKikB,MAAM,oBAAmB/jB,SAC5BqB,eAAA,MAAArB,SAAA,CACEF,cAAA,MAAAE,SACEqB,eAAA,OACEqF,MAAO,CACLC,QAAS,OACTqd,WAAY,SACZC,aAAc,OACdjkB,SAAA,CAEFF,cAAA,KACEikB,MAAM,sBACNrd,MAAO,CAAEwd,aAAc,SACnB,IACL5jB,GAAOsB,EAAE,0BAGd9B,cAAA,MAAAE,SACEqB,eAAA,OACEqF,MAAO,CACLC,QAAS,OACTqd,WAAY,SACZC,aAAc,OACdjkB,SAAA,CAEFF,cAAA,KACEikB,MAAM,sBACNrd,MAAO,CAAEwd,aAAc,SACnB,IACL5jB,GAAOsB,EAAE,+BAKlB9B,cAAA,OAAKikB,MAAM,oBAAmB/jB,SAC5BqB,eAAA,MAAArB,SAAA,CACEF,cAAA,MAAAE,SACEqB,eAAA,OACEqF,MAAO,CACLC,QAAS,OACTqd,WAAY,SACZC,aAAc,OACdjkB,SAAA,CAEFF,cAAA,KACEikB,MAAM,sBACNrd,MAAO,CAAEwd,aAAc,SACnB,IACL5jB,GAAOsB,EAAE,0BAGd9B,cAAA,MAAAE,SACEqB,eAAA,OACEqF,MAAO,CACLC,QAAS,OACTqd,WAAY,SACZC,aAAc,OACdjkB,SAAA,CAEFF,cAAA,KACEikB,MAAM,sBACNrd,MAAO,CAAEwd,aAAc,SACnB,IACL5jB,GAAOsB,EAAE,qCAOtBP,eAAA,OAAKpB,UAAW,+EAAgFyG,MAAO,CAAEC,QAAUd,EAAc,KAAO,QAAU,QAAQ7F,SAAA,CACxJF,cAAA,OAAKG,UAAW,OAAOD,SACrBF,cAAA,MAAIG,UAAU,qBAAoBD,SAC/BM,GAAOsB,EAAE,2BAGd9B,cAAA,OAAKikB,MAAM,OAAM/jB,SACfF,cAAA,OAAKikB,MAAM,oBAAmB/jB,SAC9BqB,eAAA,MAAArB,SAAA,CACIF,cAAA,MAAAE,SACEqB,eAAA,OACEqF,MAAO,CACLC,QAAS,OACTsd,aAAc,OACdjkB,SAAA,CAEFF,cAAA,KACEikB,MAAM,sBACNrd,MAAO,CAAEwd,aAAc,MAAOC,WAAY,SACtC,IACL7jB,GAAOsB,EAAE,0BAGd9B,cAAA,MAAAE,SACEqB,eAAA,OACEqF,MAAO,CACLC,QAAS,OACTqd,WAAY,SACZC,aAAc,OACdjkB,SAAA,CAEFF,cAAA,KACEikB,MAAM,sBACNrd,MAAO,CAAEwd,aAAc,MAAOC,WAAY,SACtC,IACL7jB,GAAOsB,EAAE,0BAGd9B,cAAA,MAAAE,SACEqB,eAAA,OACEqF,MAAO,CACLC,QAAS,OACTqd,WAAY,SACZC,aAAc,OACdjkB,SAAA,CAEFF,cAAA,KACEikB,MAAM,sBACNrd,MAAO,CAAEwd,aAAc,MAAOC,WAAY,SACtC,IACL7jB,GAAOsB,EAAE,0BAGd9B,cAAA,MAAAE,SACEqB,eAAA,OACEqF,MAAO,CACLC,QAAS,OACTqd,WAAY,SACZC,aAAc,OACdjkB,SAAA,CAEFF,cAAA,KACEikB,MAAM,sBACNrd,MAAO,CAAEwd,aAAc,MAAOC,WAAY,SACtC,IACL7jB,GAAOsB,EAAE,0BAGd9B,cAAA,MAAAE,SACEqB,eAAA,OACEqF,MAAO,CACLC,QAAS,OACTqd,WAAY,SACZC,aAAc,OACdjkB,SAAA,CAEFF,cAAA,KACEikB,MAAM,sBACNrd,MAAO,CAAEwd,aAAc,MAAOC,WAAY,SACtC,IACL7jB,GAAOsB,EAAE,0BAGd9B,cAAA,MAAAE,SACEqB,eAAA,OACEqF,MAAO,CACLC,QAAS,OACTqd,WAAY,SACZC,aAAc,OACdjkB,SAAA,CAEFF,cAAA,KACEikB,MAAM,sBACNrd,MAAO,CAAEwd,aAAc,MAAOC,WAAY,SACtC,IACL7jB,GAAOsB,EAAE,0BAGd9B,cAAA,MAAAE,SACEqB,eAAA,OACEqF,MAAO,CACLC,QAAS,OACTqd,WAAY,SACZC,aAAc,OACdjkB,SAAA,CAEFF,cAAA,KACEikB,MAAM,sBACNrd,MAAO,CAAEwd,aAAc,MAAOC,WAAY,SACtC,IACL7jB,GAAOsB,EAAE,yCAU9B,C,qBC/ZA,MAAMtB,GAASC,EAAQ,GAAoBC,KAE5B,SAAS4jB,KACpB,IAAI,GAAEtlB,GAAOqL,cACb,MAAOka,EAAYC,GAAiBzjB,mBAAS,KACtC0jB,EAASC,GAAc3jB,mBAAS,KAChC4jB,EAAaC,GAAkB7jB,mBAAS,KACxC8jB,EAAgBC,GAAqB/jB,mBAAS,IAC/C6C,EAAUC,eACTyG,EAAiBC,GAAsBxJ,mBAAS,KAChDyJ,EAAoBC,GAAyB1J,mBAAS,KACtDsf,EAAaC,GAAkBvf,mBAAS,KACxCgkB,EAAmBC,GAAwBjkB,mBAAS,KACpDkkB,EAAmBC,GAAwBnkB,mBAAS,KACpDsZ,EAAMC,GAAWvZ,mBAAS,KAC1BokB,EAAYC,GAAiBrkB,mBAAS,KACtC2J,EAAWC,GAAgB5J,oBAAS,IACpCgF,EAAaC,GAAkBjF,mBAAS,GAE/C,IAAIoF,EAAeA,KACfH,EAAetE,OAAO0E,WAAW,EAGrC,MASMiY,EAAYC,mBAGZC,EAAWC,uBAAaC,IAC1B2G,EAAcD,EAAW7W,QAAO,CAACoQ,EAAGC,IAAMA,IAAMF,IAAU,GAC3D,CAAC0G,IAEEvG,EAAaJ,uBAAaK,IAC5BuG,EAAc,IAAID,EAAYtG,GAAQ,GACvC,CAACsG,IAEErG,EAAaN,uBAAaK,GACrBA,IA8FX,OATA9e,qBAAU,KAtEVkP,iBACI,MACM2B,SADiB7M,IAAMnE,EAAU,cACjBuE,KAAK0M,aAC3B,IAAI3B,EAAe,GACnB0B,EAAKtB,SAAQC,GAASL,EAAanK,KAAK,CAAEoE,MAAOoG,EAAMvQ,GAAG4N,WAAYP,MAAOkD,EAAMuB,uBACnFvG,EAAmB2E,EACvB,CAiEI8B,GA9DJ/B,iBACI,MACM2B,SADiB7M,IAAMnE,EAAU,cACjBuE,KAAK0M,aAC3B,IAAI3B,EAAe,GACnB0B,EAAKtB,SAAQC,GAASL,EAAanK,KAAK,CAAEoE,MAAOoG,EAAMvQ,GAAG4N,WAAYP,MAAOkD,EAAMwB,wBACnFtG,EAAsByE,EAC1B,CAyDImW,GAvDJ,WACI1a,GAAa,GACb,MAAM2a,EAAiB7kB,EAAQ,KAA2BqE,QAEpDX,EAAO,CAAEiB,eADQvC,aAAaG,QAAQ,kBACGuiB,KAAMvmB,GACrD+E,IAAM8K,KAAKjP,EAAU,sCAAuCuE,EAAM,CAC9DqK,QAAS,CAAEC,YAAa5L,aAAaG,QAAQ,kBAC9CiB,MAAMC,IACL,IAAK,MAAMiF,KAASjF,EAASC,KAAM,CAE/B,IADA,IAAI6a,EAAWvO,KAAKC,MAAMvH,EAAMiU,eACvBuB,EAAI,EAAGA,EAAIK,EAASvc,OAAQkc,IACjCrE,GAAQD,GAAQ,IAAIA,EAAM,CAACmL,IAAI7G,EAAE3f,GAAImK,EAAMnK,GAAI0D,KAAMsc,EAASL,GAAGjc,SAErEyG,EAAMwU,aAAe8H,IAAclhB,SAAS4E,EAAMwU,cACxB,KAAvBxU,EAAMwU,eAAqBxU,EAAMwU,aAAe2H,EACvD,CACAN,EAAqB9gB,EAASC,MAC9Bmc,EAAepc,EAASC,MACxBwG,GAAa,EAAM,GAE3B,CAoCI+a,GACA1f,EAAetE,OAAO0E,YACtB1E,OAAOL,iBAAiB,SAAU8E,GAC3B,KAAQzE,OAAOJ,oBAAoB,SAAU6E,EAAa,IAClE,IAGC5E,eAAAtB,WAAA,CAAAC,SAAA,CACKwK,EAAcnJ,eAAAtB,WAAA,CAAAC,SAAA,CAAE,IAACF,cAACgI,EAAO,CAAEoJ,WAAY,eAAoBpR,cAAAC,WAAA,IAC5DD,cAAA,OAAKG,UAAW,uDAAyD4F,EAAc,KAAO,mBAAqB,oBAAoB7F,SACnIqB,eAAA,OAAKpB,UAAU,kEAAiED,SAAA,CAC5EF,cAAA,OAAKG,UAAU,6BAA4BD,SACvCF,cAAA,KAAGG,UAAU,uDAAuDE,QAASA,IAAMuD,EAAQ+hB,SAASzlB,SAChGqB,eAAA,QAAMpB,UAAU,qBAAoBD,SAAA,CAAC,QAAQM,GAAOsB,EAAE,uBAG9D9B,cAAA,OAAKG,UAAU,mBAAkBD,SAC7BF,cAAA,OAAKG,UAAU,mCAAkCD,SAC7CqB,eAAA,OAAKpB,UAAU,yBAAwBD,SAAA,CACnCF,cAAA,MAAIG,UAAU,yCAAwCD,SACjDM,GAAOsB,EAAE,0BAEdP,eAAA,OAAKpB,UAAU,YAAWD,SAAA,CACtBqB,eAAA,SAAOpB,UAAU,qDAAoDD,SAAA,CAAC,IAAEM,GAAOsB,EAAE,kBAAkB,OACnG9B,cAAA,SAAOG,UAAU,gLACbqB,KAAK,OACL2H,MAAOob,EACP9c,SAAWrI,IAAQolB,EAAcplB,EAAEqH,OAAO0C,MAAM,OAGxD5H,eAAA,OAAKpB,UAAU,YAAWD,SAAA,CACtBqB,eAAA,SAAOpB,UAAU,qDAAoDD,SAAA,CAAC,IAAEM,GAAOsB,EAAE,eAAe,OAChG9B,cAAC0f,KAAS,CACNjb,IAAK4Z,EACLhE,KAAM8K,EACN5G,SAAUA,EACVK,WAAYA,EACZE,WAAYA,EACZc,cAAc,EACd/N,UAAW,GACXgO,eAAgB,EAChBC,UAAQ,EACR8F,gBAAgB,mBAKxBrkB,eAAA,OAAKpB,UAAU,sBAAqBD,SAAA,CAChCF,cAAA,SAAOG,UAAU,eACjBoB,eAAA,UAAQlB,QAASA,KA7J7CmkB,EAAc,IACdE,EAAW,IACXE,EAAe,IACfQ,EAAc,SACd9E,EAAeyE,IA0JiB5kB,UAAU,2MACVqB,KAAK,SAAQtB,SAAA,CACbF,cAAA,KAAGG,UAAU,oBAAsB,OAAOK,GAAOsB,EAAE,oBAEvDP,eAAA,UAAQlB,QAASA,KAjFxB4O,OAAOsV,EAAWY,KAMvC,GAHA7E,EAAeyE,GACfH,EAAeL,GAEZY,EAAW1iB,OAAS,EAAG,CACtB6d,EAAe,IACf,IAAIpR,EAAe,GACnBiW,EAAW7V,SAAQnG,IACf4b,EAAkBzW,QAAOqW,IAClBA,EAAYvH,cAAcxQ,WAAWiZ,cAAcjkB,SAASuH,EAAMzG,KAAKmjB,gBAED,IAAlE3W,EAAaZ,QAAOyH,GAAOA,EAAI/W,KAAO2lB,EAAY3lB,KAAKyD,QAEtDyM,EAAanK,KAAK4f,EAE1B,GACF,IAENrE,EAAepR,EACnB,GA6DgC4W,CAAiBvB,EAAWY,EAAW,EACvChlB,UAAU,sMACVqB,KAAK,SAAQtB,SAAA,CACbF,cAAA,KAAGG,UAAU,kBAAoB,OAAOK,GAAOsB,EAAE,oCAS7E9B,cAAA,OAAKG,UAAU,wDAAuDD,SACtC,OAA1BwG,IAAkC1G,cAAA,OAAKG,UAAU,+BAA8BD,SAzJtEwV,MACnB,MAAMqQ,EAAaljB,aAAaG,QAAQ,kBACxC,GAAIsH,EAAgB7H,OAAS,EACzB,OAAO6H,EAAgBgE,QAAOC,GAAKA,EAAEpF,QAAU4c,EAAWnZ,aAAY,GAAGP,KAAK,EAsJSqJ,KAA2B1V,cAAA,OAAKG,UAAU,+BAA8BD,SAnJ7I8lB,MACtB,MAAMD,EAAaljB,aAAaG,QAAQ,kBACxC,GAAIwH,EAAmB/H,OAAS,EAC5B,OAAO+H,EAAmB8D,QAAOC,GAAKA,EAAEpF,QAAU4c,EAAWnZ,aAAY,GAAGP,KAAK,EAgJgF2Z,OAEjKhmB,cAAA,OAAKG,UAAU,kDAAiDD,SAC5DF,cAAA,OAAKG,UAAU,SAAQD,SACnBF,cAAA,OAAKG,UAAU,kCAAiCD,SAC3CmgB,EAAY/R,QAAQwV,IACZa,OACAb,EAAK/G,iBAAiBnb,SAAS+iB,KACjCb,EAAK9G,kBAAkBpb,SAAS+iB,UADnC,KAID9lB,KAAKilB,GACJviB,eAACE,IAAI,CAACI,GAAE,iBAAAO,OAAmB0hB,EAAK9kB,IAA2BmB,UAAW,mFAAsF4F,EAAc,KAAQ,WAAa,cAAe7F,SAAA,CA2B1MF,cAAA,OACQ4E,IAAI,MACJC,IAAKif,EAAKnG,aACVxd,UAAU,mCACVyG,MAAO,CAAEuB,OAAQ,WAEzB5G,eAAA,OAAKpB,UAAU,sCAAsCyG,MAAO,CAAEuB,OAAQ,SAASjI,SAAA,CAE/C,OAA1BwG,IAAkC1G,cAAA,MAAIG,UAAU,yBAAwBD,SAAE4jB,EAAK/G,mBAA0B/c,cAAA,MAAIG,UAAU,uBAAsBD,SAAE4jB,EAAK9G,oBAMlJhd,cAAA,OAAAE,SACIF,cAACimB,KAAO,CAACC,SAAUpC,EAAK9H,cAE5Bhc,cAAA,OAAKG,UAAU,GAAED,SAEbma,EAAK/L,QAAQ6X,GAAaA,EAASnnB,KAAO8kB,EAAK9kB,KAAIH,KAAI,SAAUsK,GAC7D,OAAQnJ,cAAA,OAAKG,UAAU,sBAAqBD,SAAEF,cAAA,SAAuBG,UAAU,gDAA+CD,SAAEiJ,EAAMzG,MAA5EyG,EAAMqc,MACpE,WAhD2B1B,EAAKsC,qBA0D5E,C,8BChRA,MAAM5lB,GAASC,EAAQ,GAAoBC,KAG3C,MAAM2lB,WAAavlB,IAAMoiB,UAAUrb,cAAA,SAAAye,WAAA,KAC/BhhB,MAAQ,CACJihB,MAAM,GACR,KAGFC,QAAU,KACN,IACIC,EADAC,EAAatD,KAAK9d,MAAMihB,KAG5BG,GAAcA,GAAa,EAAOD,GAAO,IAClCC,GAAa,EAAMD,EAAM,GAEhCrD,KAAKuD,SAAS,CACVJ,KAAMG,IAGVtD,KAAKtjB,MAAM8mB,UAAU,CACjBC,MAAOzD,KAAKtjB,MAAM+mB,MAAQJ,GAC5B,CAEL,CACDtD,SACI,OACInjB,cAAA,OAAKG,UAAU,yBAAwBD,SACnCqB,eAAA,OAAKpB,UAAU,OAAMD,SAAA,CAACF,cAAA,KAAGG,UAAU,uBAAyBoB,eAAA,QAAArB,SAAA,CAAM,WAAakjB,KAAKtjB,MAAMgnB,kBAAsB,uBAwB5H,EAGJT,GAAKU,WAAa,CACdC,QAASC,KAAUpO,OAAOqO,WAC1BC,YAAaF,KAAUpO,OAAOqO,WAC9BL,MAAOI,KAAUG,OAAOF,WACxBJ,eAAgBG,KAAUG,OAAOF,WACjCloB,GAAIioB,KAAUG,OAAOF,WACrB9W,KAAM6W,KAAUpO,OAAOqO,WACvBhU,QAAS+T,KAAUpO,OAAOqO,WAC1BN,UAAWK,KAAUI,KAAKH,YAe9B,MAAMI,GAAUxnB,GACZyB,eAAA,OAAKpB,UAAU,UAASD,SAAA,CACpBF,cAAA,OAAK6E,IAAK/E,EAAMknB,QAAS7mB,UAAU,aAAayE,IAAI,aACpDrD,eAAA,OAAKpB,UAAU,cAAaD,SAAA,CACxBqB,eAAA,OAAKpB,UAAU,gBAAeD,SAAA,CAC1BF,cAAA,MAAIG,UAAU,gBAAeD,SAAEJ,EAAMsQ,OACrCpQ,cAAA,QAAMG,UAAU,cAAaD,SAAEJ,EAAMqnB,cACrCnnB,cAAA,QAAMG,UAAW,SAAYL,EAAMynB,QAAU1kB,aAAaG,QAAQ,UAAiD,MAArCH,aAAaG,QAAQ,YAAuB,SAAW,WAAY3C,QAASA,IAAMP,EAAM0nB,iBAAiB1nB,EAAMd,IAAIkB,SAACF,cAAA,KAAGG,UAAU,mBAC/MH,cAAC+T,EAAa,CAACC,UAAWlU,EAAMmV,mBAAoBb,SAAW1N,IAAkC,aAA6BuN,UAAWA,KAAKnU,EAAMwV,mBAAmB,EAAGnB,aAAcA,IAAMrU,EAAM2nB,cAAc3nB,EAAM4nB,eAE5N1nB,cAAA,QAAMG,UAAU,iBAAgBD,SAAEJ,EAAMoT,gBAWpD,MAAMyU,WAAsB7mB,IAAMoiB,UAAUrb,cAAA,SAAAye,WAAA,KAExChhB,MAAQ,CACJ4N,QAAS,IACX,KAEF0U,iBAAmBxoB,IACf,MAAM8T,EAAU9T,EAAEqH,OAAO0C,MACzBia,KAAKuD,SAAS,CACVzT,WACF,EACL,KAED7B,aAAgBjS,IACZA,EAAEkB,iBACF,MAAM+hB,EAAWxf,aAAaG,QAAQ,YAChCsiB,EAAiB7kB,EAAQ,IAAwBqE,QACjDT,EAA8D,KAA3CxB,aAAaG,QAAQ,kBAA6BsiB,EAAkBziB,aAAaG,QAAQ,kBAC5G6kB,EAAU/O,KAAO,IAAIhO,MAAQgd,UAC7BhkB,EAAQjB,aAAaG,QAAQ,SACnCogB,KAAKtjB,MAAMioB,gBAAgB,CACvB3X,KAAMiS,EACNnP,QAASkQ,KAAK9d,MAAM4N,QAAQ8U,OAC5BhB,QAAS3iB,EACT8iB,YAAaU,EACbN,MAAMzjB,IAEVsf,KAAKuD,SAAS,CACVzT,QAAS,IACX,CACL,CAEDiQ,SACI,OACI5hB,eAAA,QAAM8M,SAAU+U,KAAK/R,aAAclR,UAAU,+BAA8BD,SAAA,CACvEF,cAAA,SAAO4H,QAAQ,UAAUzH,UAAU,yBAAwBD,SAAEM,GAAOsB,EAAE,qBACtE9B,cAAA,YAAUG,UAAU,2CAChBnB,GAAG,UACHwC,KAAK,OACL6U,YAAa7V,GAAOsB,EAAE,uBACtBqH,MAAOia,KAAK9d,MAAM4N,QAClBzL,SAAU2b,KAAKwE,iBACfzZ,UAAQ,IACZ5M,eAAA,OAAKpB,UAAU,+BAA8BD,SAAA,CACzCF,cAAA,UAAQG,UAAU,gEAAgEqB,KAAK,SAAQtB,SAAEM,GAAOsB,EAAE,sBAA6B,WAEvI9B,cAAA,UAAQG,UAAU,0DAA0DqB,KAAK,SAAQtB,SAAEM,GAAOsB,EAAE,uBAIpH,EAUW,MAAMmmB,WAAmB/E,YAEpCrb,YAAY/H,GACRooB,MAAMpoB,GAAO,KAYjBqoB,iBAAoBnpB,IAChB,MAAMsmB,EAAiB7kB,EAAQ,IAAwBqE,QAEvDf,IAAMC,IAAIpE,EAAQ,sBAADwC,OAAuBpD,GAAK,CACzCwP,QAAS,CAACC,YAAc5L,aAAaG,QAAQ,kBAC5CiB,MAAMC,IACP,GAAqB,OAAlBA,EAASC,KAAe,CACvB,IAAI+K,EAAe,GACnBhL,EAASC,KAAKmL,SAAQyG,IAClB7G,EAAanK,KAAK,CAAC/F,GAAG+W,EAAI/W,GAAGoR,KAAM2F,EAAIqS,SAASlV,QAAS6C,EAAIsS,YAAYrB,QAAwC,IAA9BjR,EAAIuS,UAAUnkB,KAAK1B,OAAgB6iB,EAAiBhhB,IAAaC,SAASwR,EAAIuS,WAAYnB,YAAYrO,KAAO/C,EAAIiG,WAAW8L,UAAUP,MAAMxR,EAAIwR,OAAQ,IAE/OnE,KAAKuD,SAAS,CAAC4B,SAASrZ,IACxBkU,KAAKuD,SAAS,CAACG,eAAe5X,EAAazM,QAC/C,IACF,EACL,KAEDglB,cAAiBzoB,IACb+E,IACC8K,KAAKjP,EAAQ,mBAADwC,OAAoBpD,GAAK,CAAC,EAAE,CACrCwP,QAAS,CAACC,YAAc5L,aAAaG,QAAQ,kBAEhDiB,MAAK,KACFmf,KAAKuD,SAAS,CACV6B,WAAW,IAEfpF,KAAKuD,SAAS,CAAC4B,SAASnF,KAAK9d,MAAMijB,SAASja,QAAOnF,GAASA,EAAMnK,KAAOA,KAAK,GAChF,EACL,KAEDypB,oBAAsBC,IAClB,MAAMH,EAAWnF,KAAK9d,MAAMijB,SAC5BG,EAAQ1pB,GAAK8L,KAAK6d,MAClB,MAAMC,EAAc,CAACF,GAAStmB,OAAOmmB,GAC/BjD,EAAiB7kB,EAAQ,IAAwBqE,QACjDud,EAAWxf,aAAaG,QAAQ,YAChCqB,EAA8D,KAA3CxB,aAAaG,QAAQ,kBAA6BsiB,EAAkBziB,aAAaG,QAAQ,kBAC5Gc,EAAQjB,aAAaG,QAAQ,SAC7BmB,EAAO,CACTkkB,YAAaK,EAAQxV,QACrBkV,SAAS/F,EACTiG,UAAUjkB,EACVwkB,aAAa,UACbC,UAAU1F,KAAK9d,MAAM2Y,SACrBA,SAASmF,KAAK9d,MAAM2Y,SACpBvQ,WAAU,EACV6Z,MAAMzjB,EACNilB,OAAO,IAEX3F,KAAK4F,cAAc7kB,EAAKykB,EAAY,EAEvC,KAEDI,cAAgB,CAAC7f,EAAMyf,KACnB7kB,IAAM8K,KAAKjP,EAAQ,YAAYuJ,EAAM,CACjCqF,QAAS,CAACC,YAAc5L,aAAaG,QAAQ,kBAC5CiB,MAAMC,IACJA,EAASC,KAAK2K,MAEbsN,QAAQC,IAAInY,EAASC,KAAK2K,QAE1B8Z,EAAY,GAAG5pB,GAAKkF,EAASC,KAAKnF,GAClCokB,KAAKuD,SAAS,CACV4B,SAAUK,EACV9B,eAAgB1D,KAAK9d,MAAMwhB,eAAiB,IAEpD,GACF,EACL,KACDU,iBAAoBxoB,IAChBokB,KAAKuD,SAAS,CACV6B,WAAW,EACXd,SAAS1oB,GACX,EACL,KAEDsW,kBAAoB,KAChB8N,KAAKuD,SAAS,CACV6B,WAAW,GACb,EACL,KAEDS,WAAaC,IACT,MAAMC,EAAWD,EAAerC,MAChCzD,KAAKuD,SAAS,CACVE,MAAOsC,GACT,EAjGF/F,KAAK9d,MAAQ,CACTijB,SAAUnF,KAAKtjB,MAAMyoB,SACrB1B,MAAOzD,KAAKtjB,MAAM+O,KAAKgY,MACvBC,eAAgB1D,KAAKtjB,MAAM+O,KAAKiY,eAChC7I,SAASmF,KAAKtjB,MAAMme,SACpBuK,WAAW,EACXd,SAAS,IAEbtE,KAAK+E,iBAAiB/E,KAAK9d,MAAM2Y,SACrC,CA2FAkF,SACI,OACI5hB,eAAA,OAAKpB,UAAU,oBAAmBD,SAAA,CAC9BF,cAACqmB,GAAI,CACDc,YAAa/D,KAAKtjB,MAAM+O,KAAKsY,YAC7BH,QAAS5D,KAAKtjB,MAAM+O,KAAKmY,QACzBH,MAAOzD,KAAK9d,MAAMuhB,MAClBC,eAAgB1D,KAAK9d,MAAMwhB,eAC3B9nB,GAAIokB,KAAKtjB,MAAM+O,KAAK7P,GACpBkU,QAASkQ,KAAKtjB,MAAM+O,KAAKqE,QACzB9C,KAAMgT,KAAKtjB,MAAM+O,KAAKuB,KACtBwW,UAAWxD,KAAK6F,WAAW/oB,SAC3BF,cAAC2nB,GAAa,CACVI,gBAAiB3E,KAAKqF,wBAG9BzoB,cAAC2nB,GAAa,CACVI,gBAAiB3E,KAAKqF,sBAGtBrF,KAAK9d,MAAMijB,SAAS1pB,KAAK6pB,GACrB1oB,cAACsnB,GAAO,CACJH,YAAauB,EAAQvB,YAErBnoB,GAAI0pB,EAAQ1pB,GACZkU,QAASwV,EAAQxV,QACjB9C,KAAMsY,EAAQtY,KACd4W,QAAS0B,EAAQ1B,QACjBS,cAAerE,KAAKqE,cACpBxS,mBAAoBmO,KAAK9d,MAAMkjB,UAC/BhB,iBAAkBpE,KAAKoE,iBACvBlS,kBAAmB8N,KAAK9N,kBACxBoS,SAAUtE,KAAK9d,MAAMoiB,SACrBH,MAAOmB,EAAQnB,OAVVmB,EAAQ1pB,QAgBrC,EC1SJ,MAAMwB,GAASC,EAAQ,GAAoBC,KAE5B,SAAS0oB,KACtB,MAAOnQ,EAAYC,GAAiBnY,mBAAS,KACtCoY,EAAakQ,GAAkBtoB,mBAAS,IAC/C,IAAI,GAAE/B,GAAOqL,cACb,MAAOK,EAAWC,GAAgB5J,oBAAS,IACpCgF,EAAaC,GAAkBjF,mBAAS,IACxCwjB,EAAYC,GAAiBzjB,mBAAS,IAC7C,IAAIoF,EAAeA,KACjBH,EAAetE,OAAO0E,WAAW,EAGnC,MAAMxC,EAAUC,cAkChB,MAAMkJ,EAASC,YAAU,CACvBC,cAAe,CACbuK,cAAe,GACfC,eAAgB,IAElBpJ,SAAWtF,QAab,OAVAhJ,qBAAU,KAxCVkP,iBAEElL,IAAMC,IAAIpE,EAAO,iBAAAwC,OAAoBpD,IAAMiF,MAAMC,IAC/C6I,EAAOgC,cACL,gBACAzK,IAAaoT,aAAaxT,EAASC,KAAKqT,gBACxC,GAEFzK,EAAOgC,cACL,iBACAzK,IAAaoT,aAAaxT,EAASC,KAAKsT,iBACxC,GAEFvT,EAASC,KAAKqT,cAAgBlT,IAAaoT,aACzCxT,EAASC,KAAKqT,eAEhBtT,EAASC,KAAKsT,eAAiBnT,IAAaoT,aAC1CxT,EAASC,KAAKsT,gBAEhByB,EAAchV,EAASC,KAAK,GAEhC,CAoBEwM,GAlBF1B,iBACE,IAAI/K,QAAiBH,IAAMnE,EAAO,yBAAAwC,OAA4BpD,IAE7C,aADIkF,EAASC,MAE5BklB,EAAenlB,EAASC,KAG5B,CAYEgb,GACAnZ,EAAetE,OAAO0E,YACtB1E,OAAOL,iBAAiB,SAAU8E,GAC3B,KACLzE,OAAOJ,oBAAoB,SAAU6E,EAAa,IAEnD,IAGD5E,eAAAtB,WAAA,CAAAC,SAAA,CACGwK,EACCnJ,eAAAtB,WAAA,CAAAC,SAAA,CACG,IACDF,cAACgI,EAAO,CAACoJ,WAAY,eAGvBpR,cAAAC,WAAA,IAEFsB,eAAA,OAAKpB,UAAU,kEAAiED,SAAA,CAC9EF,cAAA,OAAKG,UAAU,4BAA2BD,SACxCF,cAAA,OAAKG,UAAU,6BAA4BD,SACzCF,cAAA,KACEG,UAAU,4CACVE,QAASA,IAAMuD,EAAQ+hB,SAASzlB,SAEhCqB,eAAA,QAAMpB,UAAU,qBAAoBD,SAAA,CAAC,OAC5BM,GAAOsB,EAAE,yBAKxB9B,cAAA,OAAKG,UAAU,4BAA2BD,SACxCF,cAAA,OAAAE,SAE6B,OAA1BwG,IACC1G,cAAA,QAAMG,UAAU,+BAA8BD,SAAE+Y,EAAW8D,mBAE3D/c,cAAA,QAAMG,UAAU,+BAA8BD,SAAE+Y,EAAW+D,wBAMjEhd,cAAA,OAAKG,UAAU,SAAQD,SACrBqB,eAAA,OAAKpB,UAAU,6GAA4GD,SAAA,CACzHF,cAAA,OAAKG,UAAU,oBAAmBD,SAWL,OAA1BwG,IAoBC1G,cAAC2X,KAAS,CACRC,SAAS,EACT0R,aAAa,EACbzR,gBAAgB,2CAChB5Q,MAAM,OACNkB,OAAO,OACP4P,YAAahL,EAAOhE,OAAOyO,cAC3BQ,WAAY,CACVC,WAAY,CACV,CACE,OACA,OACA,OACA,WACA,cACA,iBACA,aACA,OACA,YACA,SACA,SACA,YACA,cACA,YACA,eACA,UACA,SACA,QACA,iBACA,OACA,aACA,QACA,OACA,QACA,QACA,aACA,gBAwBRjY,cAAC2X,KAAS,CACRC,SAAS,EACT0R,aAAa,EACbriB,MAAM,OACNkB,OAAO,OACP4P,YAAahL,EAAOhE,OAAO0O,eAC3BO,WAAY,CACVC,WAAY,CACV,CACE,OACA,OACA,OACA,WACA,cACA,iBACA,aACA,OACA,YACA,SACA,SACA,YACA,cACA,YACA,eACA,UACA,SACA,QACA,iBACA,OACA,aACA,QACA,OACA,QACA,QACA,aACA,kBAQZ1W,eAAA,OACEpB,UACE,oEACCgZ,EAAY1W,OAAS,EAAI,SAAW,WACtCvC,SAAA,CAEDqB,eAAA,OAAKpB,UAAU,iCAAgCD,SAAA,CAC7CF,cAAA,OAAKG,UAAU,kCAAiCD,SAC9CF,cAAA,SAAOG,UAAU,sCAAqCD,SACnDM,GAAOsB,EAAE,2BAGdP,eAAA,OAAKpB,UAAU,cAAaD,SAAA,CAC1BF,cAAA,SAAOG,UAAU,2CAA0CD,SACxDM,GAAOsB,EAAE,oBACH,IACT9B,cAAA,SACEG,UAAU,uLACVqB,KAAK,OACLqQ,UAAW,IACX1I,MAAOob,EACP9c,SAAWrI,IACTolB,EAAcplB,EAAEqH,OAAO0C,MAAM,UAMpCgQ,EACE7K,QAAQwV,IACFS,OAEHT,EAAK1I,cAAcyK,cAAcjkB,SAC/B2iB,EAAWsB,iBAEb/B,EAAKzI,eAAewK,cAAcjkB,SAChC2iB,EAAWsB,sBALf,KAWDhnB,KAAKilB,GAEFviB,eAACE,IAAI,CAACI,GAAI,iBAAmBiiB,EAAK9kB,GAAGkB,SAAA,CACnCqB,eAAA,OAAKpB,UAAU,wBAAuBD,SAAA,CACT,OAA1BwG,IACC1G,cAAA,QAAAE,SAAO4jB,EAAK1I,gBAEZpb,cAAA,QAAAE,SAAO4jB,EAAKzI,iBACX,OAEL9Z,eAAA,OAAKpB,UAAU,wBAAuBD,SAAA,CACnC4jB,EAAK3I,cAAc,IAAE3a,GAAOsB,EAAE,uBATQgiB,EAAK9kB,SAexDuC,eAAA,OACEpB,UACE,QACC4F,EAAc,KAAO,qBAAuB,eAC9C7F,SAAA,CAEDF,cAAA,MAAIG,UAAU,6CACdH,cAACioB,GAAU,CAACM,SAAU,GAAI1Z,KAAM,GAAIoP,SAAUjf,EAAG4N,0BAO/D,CC/SA,MAAMpM,GAASC,EAAQ,GAAoBC,KAE5B,SAAS6oB,KAEpB,MAEOpgB,EAAOC,GAAYrI,oBAAS,IAC5BsI,EAAWC,GAAgBvI,mBAAS,KACpCwI,EAAiBC,GAAsBzI,oBAAS,IAChD0I,EAAcC,GAAmB3I,mBAAS,KAC1C4I,EAAkBC,GAAuB7I,sBACzC8I,EAAcC,GAAsB/I,oBAAS,IAC7CgJ,EAAaC,GAAkBjJ,mBAAS,KACxCkJ,EAAMC,GAAYnJ,oBAAS,IAC5B,SAAEoJ,GAAaC,uBACdkB,EAAYC,GAAgBxK,mBAAS,KACrCyK,EAAaC,GAAiB1K,mBAAS,KACvC2K,EAAgBC,GAAkB5K,mBAAS,KAC3C6K,EAAeC,GAAmB9K,mBAAS,KAC3C+K,EAAgBC,GAAoBhL,mBAAS,KAC7CiL,EAAmBC,GAAqBlL,mBAAS,IAClD6C,EAAUC,eACT6G,EAAWC,GAAgB5J,oBAAS,IACpCuJ,EAAiBC,GAAsBxJ,mBAAS,KAChDyJ,EAAoBC,GAAyB1J,mBAAS,KACtDiG,GAASwiB,IAAezoB,mBAAS,IAClC6J,GAAc,CAChBC,MAAO,IAAIC,MAAOC,cAClBC,OAAO,IAAIF,MAAOG,WAAW,EAC7BC,KAAK,IAAIJ,MAAOK,YAEbC,GAAaC,IAAkBtK,mBAAS6J,KACxCsB,GAASC,IAAepL,mBAAS,GAMlCqL,GAAU,CACd,CAAEjD,MAAO,IAAKkD,MAAO,sBACrB,CAAElD,MAAO,IAAKkD,MAAO,sBACrB,CAAElD,MAAO,IAAKkD,MAAO,yCAGjBC,GAAa,CACf,CAAEnD,MAAO,IAAKkD,MAAO,OACrB,CAAElD,MAAO,IAAKkD,MAAO,QACrB,CAAElD,MAAO,IAAKkD,MAAO,UAGnBE,GAAc,CAClB,CAAEpD,MAAO,IAAKkD,MAAO,sEACrB,CAAElD,MAAO,IAAKkD,MAAO,sEACrB,CAAElD,MAAO,IAAKkD,MAAO,8CACrB,CAAElD,MAAO,IAAKkD,MAAO,+CAGjBG,GAAiB,CACnB,CAAErD,MAAO,IAAKkD,MAAO,SACrB,CAAElD,MAAO,IAAKkD,MAAO,SACrB,CAAElD,MAAO,IAAKkD,MAAO,WACrB,CAAElD,MAAO,IAAKkD,MAAO,WAInBI,GAAgB,CAClB,CAAEtD,MAAO,IAAKkD,MAAO,sBACrB,CAAElD,MAAO,IAAKkD,MAAO,6BAGjBK,GAAmB,CACvB,CAAEvD,MAAO,IAAKkD,MAAO,QACrB,CAAElD,MAAO,IAAKkD,MAAO,WAGnBM,GAAeA,CAACP,EAASjD,KACH,KAArBA,EAAMyD,iBAAoCxI,IAAfgI,EAAQ,KAElCjD,EAAQiD,EAAQ,GAAGjD,OAEhBiD,EAAUA,EAAQS,MAAKC,GAAUA,EAAO3D,MAAMyD,aAAgBzD,EAAMyD,aAAc,IAmBvFG,GAASC,YAAU,CACtBC,cAAgB,CACfC,YAAY,GACZ3M,MAAM,GACN4M,UAAU,GACVC,SAAS,GACTtJ,MAAM,GACNuJ,YAAY,GACZC,QAAQ,GACRC,YAAY,GACZpI,KAAK,GACLC,eAAe,GACfoI,SAAS,GACTnJ,eAAe,GACfoJ,aAAY,EACZC,WAAU,EACVC,UAAU,IAAI7C,KACd8C,OAAO,GACPC,YAAY,GACZC,SAAS,GACTC,SAAS,GACTC,YAAY,IAEdC,iBAAkBC,IAAW,CAC3BhB,YAAYgB,MAAaC,SAAoC,OAA1BzH,IAAkC,sJAAgC,oCACrGyG,UAAUe,MAAaC,SAAoC,OAA1BzH,IAAkC,oFAAqB,kCACxF0G,SAASc,MAAaC,SAAoC,OAA1BzH,IAAiC,sGAAwB,iCACzF5C,MAAMoK,MAAaE,QAzHH,oBAyHkD,OAA1B1H,IAAkC,saAA6F,4EAA4E5C,MAAiC,OAA1B4C,IAAkC,mIAA4B,wBAAwByH,SAAoC,OAA1BzH,IAAkC,0FAAuB,6BACnZ2G,YAAYa,MAAaE,QA3HT,0GA2HyD,OAA1B1H,IAAkC,oLAAqC,wCAAwCyH,SAAoC,OAA1BzH,IAAkC,0IAA8B,oCACxOiH,UAAUO,MAAaC,SAAoC,OAA1BzH,IAAkC,sGAAwB,qCAC3F8G,SAASU,MAAaC,SAAoC,OAA1BzH,IAAkC,4GAAyB,kCAG7F2H,SAAUtF,IACRgE,GAAOhE,OAAOxI,MAAiC,KAAxBwM,GAAOhE,OAAOxI,MAAgB,IAAMwM,GAAOhE,OAAOxI,MACzEwM,GAAOhE,OAAO5D,KAA+B,KAAvB4H,GAAOhE,OAAO5D,KAAe,IAAM4H,GAAOhE,OAAO5D,KACvE4H,GAAOhE,OAAO3D,eAAmD,KAAjC2H,GAAOhE,OAAO3D,eAAyB,IAAM2H,GAAOhE,OAAO3D,eAC3F2H,GAAOhE,OAAO6E,OAAmC,KAAzBb,GAAOhE,OAAO6E,OAAiB,IAAMb,GAAOhE,OAAO6E,OAC3Eb,GAAOhE,OAAO+E,SAAuC,KAA3Bf,GAAOhE,OAAO+E,SAAmB,IAAMf,GAAOhE,OAAO+E,SAC/Ef,GAAOhE,OAAOgF,SAAuC,KAA3BhB,GAAOhE,OAAOgF,SAAmB,OAAShB,GAAOhE,OAAOgF,SAClFhB,GAAOhE,OAAOiF,YAA6C,KAA9BjB,GAAOhE,OAAOiF,YAAsB,SAAWjB,GAAOhE,OAAOiF,YAC1FjB,GAAOhE,OAAO4E,UAAYvC,GAC1B2B,GAAOhE,OAAO1E,eAAiBgF,EAC3BY,QACe7F,IAAd2E,EAAO/J,KACR+J,EAAO/J,GAAK+K,EAAYuE,QAAOC,GAAKA,EAAErB,cAAgBH,GAAOhE,OAAOmE,cAAc,GAAGlO,IACzF+E,IAAMC,IAAIpE,EAAQ,2BAADwC,OAA4B2G,EAAOmE,aAAc,CAChEsB,QAAS,CAACC,YAAc5L,aAAaG,QAAQ,kBAC5CiB,MAAMC,IACc,OAAlBA,EAASC,MAAiBD,EAASC,KAAKnF,KAAO+J,EAAO/J,GACvD0P,GAAc3F,IAEdgE,GAAOhE,OAAO4E,UAAYvC,GAAYwB,WACtCzC,EAAS,+dAAqF,CAAEwE,WAAY,UAAWC,aAAa,IACtI,GACA,IAgBN,MAAMF,GAAiB3F,IACrBhF,IAAMC,IAAIpE,EAAQ,qBAADwC,OAAsB2G,EAAOjF,QAASG,MAAMC,IACtC,OAAlBA,EAASC,MAAkBD,EAASC,MAAQD,EAASC,KAAKnF,KAAO+J,EAAO/J,GACrEuK,IAEFR,EAAO0E,YAActE,EACrBJ,EAAO1E,eAAiBgF,EACpBY,IACAU,GAAa,QACIvG,IAAd2E,EAAO/J,KACR+J,EAAO/J,GAAK+K,EAAYuE,QAAOC,GAAKA,EAAErB,cAAgBH,GAAOhE,OAAOmE,cAAc,GAAGlO,IACvF+E,IAAM8K,KAAKjP,EAAQ,kBAAkBmJ,EAAO,CAC1CyF,QAAS,CAACC,YAAc5L,aAAaG,QAAQ,kBAC5CiB,MAAMC,IACNA,EAASC,KAAK2K,MAEf3E,EAASjG,EAASC,KAAK2K,MAAO,CAAEH,WAAY,QAASC,aAAa,KAElE7B,GAAOhE,OAAO4E,UAAYvC,GAAYwB,WACtCzC,EAAS,+GAAsB,CAAEwE,WAAY,UAAWC,aAAa,IACrE9E,GAAmB,GACnBa,GAAa,GACf,OAMNoC,GAAOhE,OAAO4E,UAAYvC,GAAYwB,WACtCzC,EAAS,gcAA+E,CAAEwE,WAAY,UAAWC,aAAa,IAChI,GACA,EAkBEe,GAAcvQ,IAChB,MACM8L,GADY0E,EACG,IAAI9E,KAAK1L,EAAEyL,KAAK,IAAIzL,EAAE4L,MAAM,IAAI5L,EAAE8L,KAD/B2E,EACqC,IAAI/E,KAD3BgF,KAAKC,KAAKD,KAAKE,IAAIJ,EAAOC,GAAU,QAAzDI,IAACL,EAAMC,EAExB1D,GAAajB,EAAM,KAAO,IAAIJ,KAAK1L,EAAEyL,KAAK,IAAIzL,EAAE4L,MAAM,IAAI5L,EAAE8L,KAAO,IAAIJ,KAAUoF,SAAShF,EAAI,KAAO,EAAG,EAkE5GnL,qBAAU,KACN,IAAImP,EAAe,GACfC,EAAkB,GACtBgB,EAAab,SAAQC,IACjBL,EAAanK,KAAK,CAACoE,MAAOoG,EAAMpG,MAAMyD,WAAYP,MAAQkD,EAAMlD,QAChE8C,EAAgBpK,KAAK,CAACoE,MAAOoG,EAAMpG,MAAMyD,WAAYP,MAAQkD,EAAMC,SAAU,IAEjFjE,EAAe2D,GACfrD,EAAkBsD,GAvEtBF,iBACItE,GAAa,GACf,MAAM7G,EAAQjB,aAAaG,QAAQ,SACnC,IAAIkB,QAAiBH,IACnBnE,EAAQ,qBAADwC,OAAsB0B,IAG/B,GAAY,OADDI,EAASC,KACF,CAChB,IAAIkM,EAAa,GACbC,EAAW,GACXpB,EAAe,GACfC,EAAkB,GACtB,IAAI,IAAIqB,KAAWtM,EAASC,KAO1B,GANE+K,EAAe,GACfC,EAAkB,GACL,aAAZqB,IACDH,EAAanM,EAASC,KAAKqM,IACd,aAAZA,IACDF,EAAWpM,EAASC,KAAKqM,IACZ,cAAZA,EACH,CACE,MAAMhO,EAAMiO,KAAKC,MAAMxM,EAASC,KAAKqM,IACrCb,GAAYnN,GACZ6I,GAAe7I,GACfuK,GAAOgC,cAAcyB,EAAShO,EAAIoK,YAAY,EAChD,KAAuB,aAAZ4D,GACTpB,EAAYd,QAAOlP,GAAKA,EAAEiQ,YAAYzC,aAAeyD,IAAYf,SAAQC,IACrEL,EAAanK,KAAK,CAACoE,MAAOoG,EAAMpG,MAAMyD,WAAYP,MAAQkD,EAAMlD,QAChE8C,EAAgBpK,KAAK,CAACoE,MAAOoG,EAAMpG,MAAMyD,WAAYP,MAAQkD,EAAMC,SAAU,IAEjF/D,EAAgByD,GAChBnD,EAAmBoD,GACnBpC,GAAOgC,cAAc,WAAW7K,EAASC,KAAKqM,KACzB,gBAAZA,GACTf,EAAWnB,QAAOlP,GAAKA,EAAE+J,MAAMyD,WAAW8C,UAAU,EAAG,KAAOY,IAAUhB,SAAQC,IAC5EL,EAAanK,KAAK,CAACoE,MAAOoG,EAAMpG,MAAMyD,WAAYP,MAAQkD,EAAMlD,QAChE8C,EAAgBpK,KAAK,CAACoE,MAAOoG,EAAMpG,MAAMyD,WAAYP,MAAQkD,EAAMC,SAAU,IAEjF7D,EAAeuD,GACfjD,EAAkBkD,GAElBpC,GAAOgC,cAAc,cAAc7K,EAASC,KAAKqM,KAE3B,mBAAZA,GACVzD,GAAOgC,cAAcyB,EAAQtM,EAASC,KAAKqM,IAIX,OAAjCtM,EAASC,KAAKE,gBACfiF,EAAahF,IAAaC,SAASL,EAASC,KAAKE,iBACnD+E,EAASlF,EAASC,KAAKsJ,aACvB/D,EAAgBxF,EAASC,KAAKqJ,UAE9BtD,GAAS,GACTS,GAAa,GACb6e,GAAYtlB,EAASC,KAAKgB,KAC5B,MACE+E,GAAS,GACTS,GAAa,GACbb,GAAmB,EAEvB,CAWI6G,GA1IJ1B,iBACI,MAAM/K,QAAiBH,IAAMnE,EAAQ,aAC/BgR,QAAa1M,EAASC,KAAK0M,aACjC,IAAI3B,EAAe,GACnB0B,EAAKtB,SAAQC,GAASL,EAAanK,KAAK,CAACoE,MAAOoG,EAAMvQ,GAAG4N,WAAYP,MAAQkD,EAAMuB,uBACnFvG,EAAmB2E,GACnBA,EAAe,GACf0B,EAAKtB,SAAQC,GAASL,EAAanK,KAAK,CAACoE,MAAOoG,EAAMvQ,GAAG4N,WAAYP,MAAQkD,EAAMwB,wBACnFtG,EAAsByE,EAC1B,CAkII8B,EAAe,GAEjB,IAEF,MAAMC,GAAiBC,IACrBpH,EAAmBoH,GAChBA,GACDnE,GAAOoE,UAAU,CAAC,EAAE,EAGlBnC,GAAaC,MAAOzN,EAAKxC,KAC3B,GAAY,aAATwC,EAAoB,CACnBiK,EAAgB,IAChBM,EAAmB,IACnB,IAAImD,EAAe,GACfC,EAAkB,SAChBC,EAAYd,QAAOlP,GAAKA,EAAEiQ,YAAYzC,aAAe5N,EAAG4N,aAAa0C,SAAQC,IAC/EL,EAAanK,KAAK,CAACoE,MAAOoG,EAAMpG,MAAMyD,WAAYP,MAAQkD,EAAMlD,QAChE8C,EAAgBpK,KAAK,CAACoE,MAAOoG,EAAMpG,MAAMyD,WAAYP,MAAQkD,EAAMC,SAAU,IAEjF/D,EAAgByD,GAChBnD,EAAmBoD,GACnBpC,GAAOgC,cAAc,WAAuC,OAA1BrI,IAAkCwI,EAAa,GAAG/F,MAAQgG,EAAgB,GAAGhG,OAE/GwC,EAAe,IACfM,EAAkB,IAClBiD,EAAe,GACfC,EAAkB,SACZM,EAAWnB,QAAOlP,GAAKA,EAAE+J,MAAMyD,WAAW8C,UAAU,EAAG,KAAQN,EAAYd,QAAOlP,GAAKA,EAAEiQ,YAAYzC,aAAe5N,EAAG4N,aAAa,GAAGzD,MAAMyD,aAAY0C,SAAQC,IACrKL,EAAanK,KAAK,CAACoE,MAAOoG,EAAMpG,MAAMyD,WAAYP,MAAQkD,EAAMlD,QAChE8C,EAAgBpK,KAAK,CAACoE,MAAOoG,EAAMpG,MAAMyD,WAAYP,MAAQkD,EAAMC,SAAU,IAE/E7D,EAAeuD,GACfjD,EAAkBkD,GAClBpC,GAAOgC,cAAc,cAA0C,OAA1BrI,IAAkCwI,EAAa,GAAG/F,MAAQgG,EAAgB,GAAGhG,MACpH,MACK,GAAU,gBAAP3H,EACR,CACEmK,EAAe,IACfM,EAAkB,IACdiD,EAAe,GACfC,EAAkB,SAChBM,EAAWnB,QAAOlP,GAAKA,EAAE+J,MAAMyD,WAAW8C,UAAU,EAAG,KAAO1Q,EAAG4N,aAAY0C,SAAQC,IACvFL,EAAanK,KAAK,CAACoE,MAAOoG,EAAMpG,MAAMyD,WAAYP,MAAQkD,EAAMlD,QAChE8C,EAAgBpK,KAAK,CAACoE,MAAOoG,EAAMpG,MAAMyD,WAAYP,MAAQkD,EAAMC,SAAU,IAEjF7D,EAAeuD,GACfjD,EAAkBkD,GAClBpC,GAAOgC,cAAc,cAA0C,OAA1BrI,IAAkCwI,EAAa,GAAG/F,MAAQgG,EAAgB,GAAGhG,MACpH,GAGN,OACI5H,eAAAtB,WAAA,CAAAC,SAAA,CACMwK,EAAcnJ,eAAAtB,WAAA,CAAAC,SAAA,CAAE,IAACF,cAACgI,EAAO,CAAEoJ,WAAY,eAAoBpR,cAAAC,WAAA,IAC5DD,cAAA,OAAKG,UAAU,uDAAsDD,SAClEqB,eAAA,OAAKpB,UAAU,iEAAgED,SAAA,CAC3EF,cAAA,OAAKG,UAAU,6BAA4BD,SACvCF,cAAA,KAAGG,UAAU,uDAAuDE,QAASA,KAAsB,MAAb2G,GAAoBpD,EAAQmB,KAAK,sBAAwBnB,EAAQmB,KAAK,QAAQ,EAAG7E,SACnKqB,eAAA,QAAMpB,UAAU,qBAAoBD,SAAA,CAAC,OAAOM,GAAOsB,EAAE,uBAG7D9B,cAAA,OAAKG,UAAU,qBAGfH,cAAA,OAAKG,UAAU,kBAAiBD,SAC5BF,cAAA,OAAKG,UAAU,sBAAqBD,SAChCF,cAAA,OAAKG,UAAU,eAAcD,SAC7BF,cAAAC,WAAA,CAAAC,SACAF,cAAA,OAAKG,UAAU,wGAAuGD,SAClHqB,eAAA,QAAM8M,SAAUtB,GAAOsE,aAAanR,SAAA,CACpCF,cAAA,OAAKG,UAAU,wCAAuCD,SACtDqB,eAAA,OAAKpB,UAAU,oCAAmCD,SAAA,CAC9CF,cAAA,OAAAE,SACAF,cAAA,MAAIG,UAAU,2CAA0CD,SAAEM,GAAOsB,EAAE,uBAEnE9B,cAAA,OAAAE,SACE2J,IAAkBI,EAAS1I,eAAA,UACzBpB,UAAU,2LACVqB,KAAK,SACLnB,QAAUA,KAAO4Q,IAAc,EAAM,EAAE/Q,SAAA,CAE3CF,cAAA,KAAGG,UAAU,sBAAwB,OAAOK,GAAOsB,EAAE,qBAErDP,eAAAtB,WAAA,CAAAC,SAAA,CACIqB,eAAA,UACApB,UAAW,sLAAyL8J,EAAQ,UAAY,KACxNzI,KAAK,SACLnB,QAASA,KAAM4Q,IAAc,EAAK,EAAE/Q,SAAA,CAEhCF,cAAA,KAAGG,UAAU,sBAAwB,OAAOK,GAAOsB,EAAE,qBAEzDP,eAAA,UACApB,UAAU,gMACVqB,KAAK,SAAQtB,SAAA,CAETF,cAAA,KAAGG,UAAU,gBAAkB,OAAOK,GAAOsB,EAAE,+BAO3DP,eAAA,OAAKpB,UAAU,qCAAoCD,SAAA,CAC/CqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACrCF,cAAA,OAAKG,UAAU,oBAAmBD,SAC9BF,cAAA,OAAKG,UAAU,uBAAsBD,SACjCqB,eAAA,OAAKpB,UAAU,eAAcD,SAAA,CACzBF,cAAA,SAAO4H,QAAQ,aAAazH,UAAU,iBAAgBD,SACtDF,cAAA,OACI4E,IAAI,MACJzE,UAAU,oEACV0E,IAASwE,GAA2B5I,EAAQ,IAAwBqE,YAGxE9E,cAAA,SAAOhB,GAAG,aAAawC,KAAK,OAAO+P,OAAO,mCAAmC9J,SAAWrI,GA3X3G6P,WACvB,MAAMuC,QAAelN,IAAamN,gBAAgBrS,EAAEqH,OAAOiL,MAAM,IACjEpI,EAAakI,EAAO,EAyXoHG,CAAiBvS,GAAKsI,SAAUmC,WAI1I7J,cAAA,OAAKG,UAAU,oBAAmBD,SAC9BqB,eAAA,OAAKpB,UAAU,iBAAgBD,SAAA,CAC/BF,cAAA,OAAKG,UAAU,wBAAuBD,SAClCqB,eAAA,OAAKpB,UAAU,2BAA0BD,SAAA,CACzCqB,eAAA,SAAOpB,UAAU,kDAAiDD,SAAA,CAC7DM,GAAOsB,EAAE,+BAA+B9B,cAAA,QAAMG,UAAU,eAAcD,SAAC,UAE5EF,cAAA,SACIwB,KAAK,OACLrB,UAAU,6KACVyR,aAAa,MACb5S,GAAG,cACH0D,KAAK,cACL+E,SAAUsF,GAAO+E,aACjBC,OAAQhF,GAAOiF,WACf7I,MAAO4D,GAAOhE,OAAOmE,YACrBxF,SAAUmC,IAEbkD,GAAOkF,QAAQ/E,aAAeH,GAAOmF,OAAOhF,YACzClN,cAAA,OAAKG,UAAU,iCAAgCD,SAAE6M,GAAOmF,OAAOhF,cAC/D,UAGRlN,cAAA,OAAKG,UAAU,wBAAuBD,SAClCF,cAAA,OAAKG,UAAU,kBAgBnBH,cAAA,OAAKG,UAAU,+BAA8BD,SACzCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACrCF,cAAA,SAAOG,UAAU,kDAAiDD,SAC7DM,GAAOsB,EAAE,2BAEV9B,cAACmS,IAAM,CACPnT,GAAG,QACH0D,KAAK,QACL+E,SAAU0B,IAAU4D,GAAOgC,cAAc,QAAQ5F,EAAMA,MAAM,EAC7DhJ,UAAU,mKACViM,QAAoC,OAAxB1F,IAAgC0F,GAAUE,GACtDnD,MAAOwD,GAAuC,OAAxBjG,IAAgC0F,GAAUE,GAAaS,GAAOhE,OAAOxI,OAC3F6R,WAAYvI,SAIpB7J,cAAA,OAAKG,UAAU,+BAA8BD,SACzCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACrCqB,eAAA,SACIpB,UAAU,kDAAiDD,SAAA,CAE1DM,GAAOsB,EAAE,6BAA6B9B,cAAA,QAAMG,UAAU,eAAcD,SAAC,UAE1EF,cAAA,SACIwB,KAAK,OACLrB,UAAU,6KACVnB,GAAG,YACH0D,KAAK,YACLkP,aAAa,YACbnK,SAAUsF,GAAO+E,aACjBC,OAAQhF,GAAOiF,WACf7I,MAAO4D,GAAOhE,OAAOoE,UACrBzF,SAAUmC,IAEbkD,GAAOkF,QAAQ9E,WAAaJ,GAAOmF,OAAO/E,UACvCnN,cAAA,OAAKG,UAAU,iCAAgCD,SAAE6M,GAAOmF,OAAO/E,YAC/D,UAGRnN,cAAA,OAAKG,UAAU,+BAA8BD,SACzCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACrCqB,eAAA,SACIpB,UAAU,kDAAiDD,SAAA,CAE1DM,GAAOsB,EAAE,4BAA4B9B,cAAA,QAAMG,UAAU,eAAcD,SAAC,UAEzEF,cAAA,SACIwB,KAAK,OACLrB,UAAU,6KACVnB,GAAG,WACH0D,KAAK,WACL+E,SAAUsF,GAAO+E,aACjBC,OAAQhF,GAAOiF,WACf7I,MAAO4D,GAAOhE,OAAOqE,SACrB1F,SAAUmC,EACV+H,aAAa,aAEhB7E,GAAOkF,QAAQ7E,UAAYL,GAAOmF,OAAO9E,SACtCpN,cAAA,OAAKG,UAAU,iCAAgCD,SAAE6M,GAAOmF,OAAO9E,WAC/D,kBAWZ7L,eAAA,OAAKpB,UAAU,iBAAgBD,SAAA,CAC/BF,cAAA,OAAKG,UAAU,6BAA4BD,SACvCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACrCqB,eAAA,SAAOpB,UAAU,kDAAiDD,SAAA,CAC7DM,GAAOsB,EAAE,yBAAyB9B,cAAA,QAAMG,UAAU,eAAcD,SAAC,UAEtEF,cAAA,SACIwB,KAAK,OACLrB,UAAU,6KACVnB,GAAG,QACH0D,KAAK,QACL+E,SAAUsF,GAAO+E,aACjBC,OAAQhF,GAAOiF,WACf7I,MAAO4D,GAAOhE,OAAOjF,MACrB4D,SAAUmC,EACV+H,aAAa,iBAEhB7E,GAAOkF,QAAQnO,OAASiJ,GAAOmF,OAAOpO,MAC/B9D,cAAA,OAAKG,UAAU,iCAAgCD,SAAE6M,GAAOmF,OAAOpO,QAC/D,UAGZ9D,cAAA,OAAKG,UAAU,6BAA4BD,SACvCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACrCqB,eAAA,SACIpB,UAAU,kDAAiDD,SAAA,CAE1DM,GAAOsB,EAAE,+BAA+B9B,cAAA,QAAMG,UAAU,eAAcD,SAAC,UAE5EF,cAAA,SACIwB,KAAK,OACLrB,UAAU,6KACVnB,GAAG,cACH0D,KAAK,cACLmP,UAAW,GACXpK,SAAW4K,IA9dlBjT,QA+d+BiT,EA9dF,KAAzDC,EAAgBxK,qBAAqB1I,EAAEqH,OAAO0C,QAAoC,KAAnB/J,EAAEqH,OAAO0C,QAEzES,EAAoBxK,EAAEqH,OAAO0C,OAC7B4D,GAAOhE,OAAOsE,YAAcjO,EAAEqH,OAAO0C,MA2d6B,EAE9B4I,OAAQhF,GAAOiF,WACf7I,MAAO4D,GAAOhE,OAAOsE,YACrB3F,SAAUmC,EACV+H,aAAa,iBAEhB7E,GAAOkF,QAAQ5E,aAAeN,GAAOmF,OAAO7E,YACrCrN,cAAA,OAAKG,UAAU,iCAAgCD,SAAE6M,GAAOmF,OAAO7E,cAC/D,UAGZrN,cAAA,OAAKG,UAAU,6BAA4BD,SACvCqB,eAAA,OAAKpB,UAAU,iBAAgBD,SAAA,CAC/BqB,eAAA,OAAKpB,UAAU,mBAAkBD,SAAA,CAC7BqB,eAAA,SACApB,UAAU,kDAAiDD,SAAA,CAE1DM,GAAOsB,EAAE,6BAA6B9B,cAAA,QAAMG,UAAU,eAAcD,SAAC,UAEtEF,cAACuS,IAAU,CACXpJ,MAAOiC,GACP3D,SAAWrI,IAAOiM,GAAejM,GAAIuQ,GAAYvQ,EAAE,EACnDoT,YA7XdvQ,IAAA,IAAC,IAAEwC,GAAKxC,EAAA,OAC9BjC,cAAAC,WAAA,CAAAC,SACAqB,eAAA,QAAMpB,UAAU,6BAA4BD,SAAA,CACxCF,cAAA,QAAMG,UAAU,mCAAkCD,SAACF,cAAA,KAAGG,UAAU,uBAChEH,cAAA,SAAOyE,IAAKA,EACZjD,KAAK,OACLiR,UAAQ,EACRtS,UAAU,8OACVuH,SAAUmC,EACVV,MAAuB,OAAhBiC,GAAoB,GAAAhJ,OAAMgJ,GAAYF,IAAG,KAAA9I,OAAIgJ,GAAYJ,MAAK,KAAA5I,OAAIgJ,GAAYP,OAAU,IAAIC,MAAO4H,mBAAmB,eAE9H,EAmXiCC,yBAAuB,IAEtB5F,GAAOkF,QAAQtE,WAAaZ,GAAOmF,OAAOvE,UACvC3N,cAAA,OAAKG,UAAU,iCAAgCD,SAAE6M,GAAOmF,OAAOvE,YAC/D,QAERpM,eAAA,OAAKpB,UAAU,mBAAkBD,SAAA,CAC7BF,cAAA,SAAOG,UAAU,kDAAiDD,SACjEM,GAAOsB,EAAE,yBAEV9B,cAAA,SACQwB,KAAK,OACLrB,UAAU,gLACVnB,GAAG,aACH0D,KAAK,aACLyG,MAAO+C,GACP6F,OAAQhF,GAAOiF,WACfS,UAAU,EACV/K,SAAUmC,IAGlB7J,cAAA,QAAMG,UAAU,oBAAmBD,SAAC,yBAExCqB,eAAA,OAAKpB,UAAU,mBAAkBD,SAAA,CAC7BF,cAAA,SACAG,UAAU,kDAAiDD,SAE1DM,GAAOsB,EAAE,4BAEV9B,cAACmS,IAAM,CACHnT,GAAG,SACH0D,KAAK,SACL+E,SAAU0B,IAAU4D,GAAOgC,cAAc,SAAS5F,EAAMA,MAAM,EAC9DhJ,UAAU,mKACViM,QAAmC,OAAxB1F,IAAgC+F,GAAgBC,GAC3DvD,MAAOwD,GAAuC,OAAxBjG,IAAgC+F,GAAgBC,GAAmBK,GAAOhE,OAAO6E,QACvGwE,WAAYvI,YAKxB7J,cAAA,OAAKG,UAAU,6BAA4BD,SACvCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACrCF,cAAA,SAAOG,UAAU,kDAAiDD,SAC7DM,GAAOsB,EAAE,2BAEd9B,cAAA,SACIwB,KAAK,OACLrB,UAAU,6KACVnB,GAAG,cACH0D,KAAK,cACL+E,SAAUsF,GAAO+E,aACjBC,OAAQhF,GAAOiF,WACf7I,MAAO4D,GAAOhE,OAAO8E,YACrBnG,SAAUmC,EACV+H,aAAa,sBAIrB5R,cAAA,OAAKG,UAAU,6BAA4BD,SACvCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACrCF,cAAA,SAAOG,UAAU,kDAAiDD,SAC7DM,GAAOsB,EAAE,0BAEd9B,cAACmS,IAAM,CACHnT,GAAG,OACH0D,KAAK,OACL+E,SAAU0B,IAAY4D,GAAOgC,cAAc,OAAO5F,EAAMA,MAAM,EAE9DhJ,UAAU,0KACViM,QAAoC,OAAxB1F,IAAgC6F,GAAcC,GAC1DrD,MAAOwD,GAAuC,OAAxBjG,IAAgC6F,GAAcC,GAAiBO,GAAOhE,OAAO5D,MACnGiN,YAAY,SAGpBpS,cAAA,OAAKG,UAAU,6BAA4BD,SACvCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACrCF,cAAA,SAAOG,UAAU,kDAAiDD,SAC7DM,GAAOsB,EAAE,kCAEd9B,cAACmS,IAAM,CACHnT,GAAG,iBACH0D,KAAK,iBACL+E,SAAU0B,IAAY4D,GAAOgC,cAAc,iBAAiB5F,EAAMA,MAAM,EAExEhJ,UAAU,0KACViM,QAAmC,OAAxB1F,IAAgC4D,EAAkBE,EAC7DrB,MAAOwD,GAAuC,OAAxBjG,IAAgC4D,EAAkBE,EAAqBuC,GAAOhE,OAAO3D,gBAC3GgN,YAAY,SAGpBpS,cAAA,OAAKG,UAAU,6BAA4BD,SACvCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACrCF,cAAA,SAAOG,UAAU,kDAAiDD,SAC7DM,GAAOsB,EAAE,8BAEd9B,cAAA,SACIwB,KAAK,WACLrB,UAAU,6KACVnB,GAAG,WACH0D,KAAK,WACL+E,SAAWrI,IACRA,EAAEqH,OAAO0C,QAAUM,EAElBD,EAAmBpK,EAAEqH,OAAO0C,OAEJ,KAAnB/J,EAAEqH,OAAO0C,OAAiC,KAAjBM,GAE9BD,EAAmB,MAEvBuD,GAAO+E,aAAa1S,EAAE,EAEtB2S,OAAQhF,GAAOiF,WACf7I,MAAO4D,GAAOhE,OAAOyE,SACrB9F,SAAUmC,IAEbkD,GAAOkF,QAAQzE,UAAYT,GAAOmF,OAAO1E,SAClCxN,cAAA,OAAKG,UAAU,iCAAgCD,SAAE6M,GAAOmF,OAAO1E,WAC/D,UAGZxN,cAAA,OAAKG,UAAU,6BAA4BD,SACvCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACrCF,cAAA,SAAOG,UAAU,kDAAiDD,SAC7DM,GAAOsB,EAAE,qCAEd9B,cAAA,SACIwB,KAAK,WACLrB,UAAU,6KACVnB,GAAG,kBACH0D,KAAK,kBACL+E,SAAUrI,IAjnBzBA,KACpBA,IAAO2N,GAAOhE,OAAOyE,SACtBhE,GAAmB,GAChBA,GAAmB,EAAM,EA8mBuBoJ,CAAgBxT,EAAEqH,OAAO0C,OAAQO,EAAgBtK,EAAEqH,OAAO0C,MAAM,EAC/EzB,SAAUmC,EACVV,MAAOM,IAEVF,EACOvJ,cAAA,OAAKG,UAAU,iCAAgCD,SAAC,6GAChD,UAGZqB,eAAA,OAAKpB,UAAU,6BAA4BD,SAAA,CACvCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACrCF,cAAA,SAAOG,UAAU,kDAAiDD,SAC7DM,GAAOsB,EAAE,6BAEd9B,cAAA,SACIwB,KAAK,OACLrB,UAAU,6KACVnB,GAAG,UACH0D,KAAK,UACL+E,SAAUsF,GAAO+E,aACjBC,OAAQhF,GAAOiF,WACf7I,MAAO4D,GAAOhE,OAAOuE,QACrB5F,SAAUmC,EACV+H,aAAa,oBAGjB5R,cAAA,OAAKG,UAAU,uBAAsBD,SACrCqB,eAAA,OAAKpB,UAAU,iBAAgBD,SAAA,CAC3BqB,eAAA,OAAKpB,UAAU,wBAAuBD,SAAA,CACtCF,cAAA,SAAOG,UAAU,kDAAiDD,SAC7DM,GAAOsB,EAAE,8BAEV9B,cAACmS,IAAM,CACPnT,GAAG,WACH0D,KAAK,WACL+E,SAAU0B,IACN4D,GAAOgC,cAAc,WAAW5F,EAAMA,OACtC6F,GAAW,WAAW7F,EAAMA,MAAM,EAEtChJ,UAAU,+KACViM,QAAsC,OAA1B1F,IAAmC4E,EAAcM,EAC7DiH,cAAc,MACd1J,MAAOwD,GAAyC,OAA1BjG,IAAmC4E,EAAcM,EAAiBmB,GAAOhE,OAAO+E,UACtGsE,WAAYvI,OAEhBtI,eAAA,OAAKpB,UAAU,wBAAuBD,SAAA,CACtCF,cAAA,SAAOG,UAAU,kDAAiDD,SAC7DM,GAAOsB,EAAE,8BAEV9B,cAACmS,IAAM,CACPnT,GAAG,WACH0D,KAAK,WACL+E,SAAU0B,IAAY4D,GAAOgC,cAAc,WAAW5F,EAAMA,OAC5D6F,GAAW,cAAc7F,EAAMA,MAAM,EACrChJ,UAAU,+KACViM,QAAsC,OAA1B1F,IAAmC8E,EAAeM,EAC9D+G,cAAc,MACd1J,MAAOwD,GAA0C,OAA1BjG,IAAmC8E,EAAeM,EAAkBiB,GAAOhE,OAAOgF,UACzGqE,WAAYvI,OAEhBtI,eAAA,OAAKpB,UAAU,mBAAkBD,SAAA,CACjCF,cAAA,SAAOG,UAAU,iDAAgDD,SAC5DM,GAAOsB,EAAE,iCAEV9B,cAACmS,IAAM,CACPnT,GAAG,cACH0D,KAAK,cACL+E,SAAU0B,IAAY4D,GAAOgC,cAAc,cAAc5F,EAAMA,MAAM,EACrEhJ,UAAU,0KACViM,QAAsC,OAA1B1F,IAAmCgF,EAAkBM,EACjE6G,cAAc,MACd1J,MAAOwD,GAAyC,OAA1BjG,IAAmCgF,EAAkBM,EAAqBe,GAAOhE,OAAOiF,aAC9GoE,WAAYvI,eAKxB7J,cAAA,OAAKG,UAAU,6BAA4BD,SACvCqB,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACrCF,cAAA,SAAOG,UAAU,kDAAiDD,SAC7DM,GAAOsB,EAAE,iCAEd9B,cAAA,YACIwB,KAAK,OACLrB,UAAU,6KACV2S,KAAK,IACL9T,GAAG,cACH0D,KAAK,cACL+E,SAAUsF,GAAO+E,aACjBC,OAAQhF,GAAOiF,WACf7I,MAAO4D,GAAOhE,OAAOwE,YACrB7F,SAAUmC,EACV+H,aAAa,gDAiBzD,C,gCCr0BA,MAAMpR,GAASC,EAAQ,GAAoBC,KAG3C,MAAM2lB,WAAavlB,IAAMoiB,UAAUrb,cAAA,SAAAye,WAAA,KAC/BhhB,MAAQ,CACJihB,MAAM,GACR,KAEFC,QAAU,KACN,IACIC,EADAC,EAAatD,KAAK9d,MAAMihB,KAG5BG,GAAcA,GAAa,EAAOD,GAAO,IAClCC,GAAa,EAAMD,EAAM,GAEhCrD,KAAKuD,SAAS,CACVJ,KAAMG,IAGVtD,KAAKtjB,MAAM8mB,UAAU,CACjBC,MAAOzD,KAAKtjB,MAAM+mB,MAAQJ,GAC5B,CAEL,CACDtD,SACI,OACInjB,cAAA,OAAKG,UAAU,yBAAwBD,SACnCqB,eAAA,OAAKpB,UAAU,OAAMD,SAAA,CAACF,cAAA,KAAGG,UAAU,uBAAyBoB,eAAA,QAAArB,SAAA,CAAM,WAAakjB,KAAKtjB,MAAMgnB,kBAAsB,uBAwB5H,EAGJT,GAAKU,WAAa,CACdC,QAASC,KAAUpO,OAAOqO,WAC1BC,YAAaF,KAAUpO,OAAOqO,WAC9BL,MAAOI,KAAUG,OAAOF,WACxBJ,eAAgBG,KAAUG,OAAOF,WACjCloB,GAAIioB,KAAUG,OAAOF,WACrB9W,KAAM6W,KAAUpO,OAAOqO,WACvBhU,QAAS+T,KAAUpO,OAAOqO,WAC1BN,UAAWK,KAAUI,KAAKH,YAe9B,MAAMI,GAAUxnB,GACZyB,eAAA,OAAKpB,UAAU,UAASD,SAAA,CACpBF,cAAA,OAAK6E,IAAK/E,EAAMknB,QAAS7mB,UAAU,aAAayE,IAAI,aACpDrD,eAAA,OAAKpB,UAAU,cAAaD,SAAA,CACxBqB,eAAA,OAAKpB,UAAU,gBAAeD,SAAA,CAC1BF,cAAA,MAAIG,UAAU,gBAAeD,SAAEJ,EAAMsQ,OACrCpQ,cAAA,QAAMG,UAAU,cAAaD,SAAEJ,EAAMqnB,cACrCnnB,cAAA,QAAMG,UAAW,SAAYL,EAAMynB,QAAU1kB,aAAaG,QAAQ,UAAiD,MAArCH,aAAaG,QAAQ,YAAuB,SAAW,WAAY3C,QAASA,IAAMP,EAAM0nB,iBAAiB1nB,EAAMd,IAAIkB,SAACF,cAAA,KAAGG,UAAU,mBAC/MH,cAAC+T,EAAa,CAACC,UAAWlU,EAAMmV,mBAAoBb,SAAW1N,IAAkC,aAA6BuN,UAAWA,KAAKnU,EAAMwV,mBAAmB,EAAGnB,aAAcA,IAAMrU,EAAM2nB,cAAc3nB,EAAM4nB,eAE5N1nB,cAAA,QAAMG,UAAU,iBAAgBD,SAAEJ,EAAMoT,gBAWpD,MAAMyU,WAAsB7mB,IAAMoiB,UAAUrb,cAAA,SAAAye,WAAA,KAExChhB,MAAQ,CACJ4N,QAAS,IACX,KAEF0U,iBAAmBxoB,IACf,MAAM8T,EAAU9T,EAAEqH,OAAO0C,MACzBia,KAAKuD,SAAS,CACVzT,WACF,EACL,KAED7B,aAAgBjS,IACZA,EAAEkB,iBACF,MAAM+hB,EAAWxf,aAAaG,QAAQ,YAChCsiB,EAAiB7kB,EAAQ,IAAwBqE,QACjDT,EAA8D,KAA3CxB,aAAaG,QAAQ,kBAA6BsiB,EAAkBziB,aAAaG,QAAQ,kBAC5G6kB,EAAU/O,KAAO,IAAIhO,MAAQgd,UAC7BhkB,EAAQjB,aAAaG,QAAQ,SACnCogB,KAAKtjB,MAAMioB,gBAAgB,CACvB3X,KAAMiS,EACNnP,QAASkQ,KAAK9d,MAAM4N,QAAQ8U,OAC5BhB,QAAS3iB,EACT8iB,YAAaU,EACbN,MAAOzjB,IAEXsf,KAAKuD,SAAS,CACVzT,QAAS,IACX,CACL,CAEDiQ,SACI,OACI5hB,eAAA,QAAM8M,SAAU+U,KAAK/R,aAAclR,UAAU,+BAA8BD,SAAA,CACvEF,cAAA,SAAO4H,QAAQ,UAAUzH,UAAU,yBAAwBD,SAAEM,GAAOsB,EAAE,qBACtE9B,cAAA,YAAUG,UAAU,2CAChBnB,GAAG,UACHwC,KAAK,OACL6U,YAAa7V,GAAOsB,EAAE,uBACtBqH,MAAOia,KAAK9d,MAAM4N,QAClBzL,SAAU2b,KAAKwE,iBACfzZ,UAAQ,IACZ5M,eAAA,OAAKpB,UAAU,+BAA8BD,SAAA,CACzCF,cAAA,UAAQG,UAAU,gEAAgEqB,KAAK,SAAQtB,SAAEM,GAAOsB,EAAE,sBAA6B,WAEvI9B,cAAA,UAAQG,UAAU,0DAA0DqB,KAAK,SAAQtB,SAAEM,GAAOsB,EAAE,uBAIpH,EAUW,MAAMmmB,WAAmB/E,YAEpCrb,YAAY/H,GACRooB,MAAMpoB,GAAO,KAYjBqoB,iBAAoBnpB,IAChB,MAAMsmB,EAAiB7kB,EAAQ,IAAwBqE,QAEvDf,IAAMC,IAAIpE,EAAQ,+BAADwC,OAAgCpD,GAAK,CAClDwP,QAAS,CAACC,YAAc5L,aAAaG,QAAQ,kBAC5CiB,MAAMC,IACP,GAAqB,OAAlBA,EAASC,KAAe,CACvB,IAAI+K,EAAe,GACnBhL,EAASC,KAAKmL,SAAQyG,IAClB7G,EAAanK,KAAK,CAAC/F,GAAG+W,EAAI/W,GAAGoR,KAAM2F,EAAIqS,SAASlV,QAAS6C,EAAIsS,YAAYrB,QAAwC,IAA9BjR,EAAIuS,UAAUnkB,KAAK1B,OAAgB6iB,EAAiBhhB,IAAaC,SAASwR,EAAIuS,WAAYnB,YAAYrO,KAAO/C,EAAIiG,WAAW8L,UAAUP,MAAMxR,EAAIwR,OAAQ,IAE/OnE,KAAKuD,SAAS,CAAC4B,SAASrZ,IACxBkU,KAAKuD,SAAS,CAACG,eAAe5X,EAAazM,QAC/C,IACF,EACL,KAEDglB,cAAiBzoB,IACb+E,IACC8K,KAAKjP,EAAQ,4BAADwC,OAA6BpD,GAAK,CAAC,EAAE,CAC9CwP,QAAS,CAACC,YAAc5L,aAAaG,QAAQ,kBAEhDiB,MAAK,KACFmf,KAAKuD,SAAS,CACV6B,WAAW,IAEfpF,KAAKuD,SAAS,CAAC4B,SAASnF,KAAK9d,MAAMijB,SAASja,QAAOnF,GAASA,EAAMnK,KAAOA,KAAK,GAChF,EACL,KAEAypB,oBAAsBxZ,UACnB,MAAMsZ,EAAWnF,KAAK9d,MAAMijB,SAC5BG,EAAQ1pB,GAAK8L,KAAK6d,MAClB,MAAMC,EAAc,CAACF,GAAStmB,OAAOmmB,GAC/BjD,EAAiB7kB,EAAQ,IAAwBqE,QACjDud,EAAWxf,aAAaG,QAAQ,YAChCqB,EAA8D,KAA3CxB,aAAaG,QAAQ,kBAA6BsiB,EAAkBziB,aAAaG,QAAQ,kBAC5Gc,EAAQjB,aAAaG,QAAQ,SAC7BmB,EAAO,CACTkkB,YAAaK,EAAQxV,QACrBkV,SAAS/F,EACTiG,UAAUjkB,EACVwkB,aAAa,UACbC,UAAU1F,KAAK9d,MAAMqX,UACrBA,UAAUyG,KAAK9d,MAAMqX,UACrBjP,WAAU,EACV6Z,MAAMzjB,EACNilB,OAAO,IAEX3F,KAAK4F,cAAc7kB,EAAKykB,EAAY,EACvC,KAEDI,cAAgB,CAAC7f,EAAMyf,KACnB7kB,IAAM8K,KAAKjP,EAAQ,oBAAoBuJ,EAAM,CACzCqF,QAAS,CAACC,YAAc5L,aAAaG,QAAQ,kBAC5CiB,MAAMC,IACJA,EAASC,KAAK2K,MAEbsN,QAAQC,IAAInY,EAASC,KAAK2K,QAI1B8Z,EAAY,GAAG5pB,GAAKkF,EAASC,KAAKnF,GAClCokB,KAAKuD,SAAS,CACV4B,SAAUK,EACV9B,eAAgB1D,KAAK9d,MAAMwhB,eAAiB,IAEpD,GACF,EACL,KACDU,iBAAoBxoB,IAChBokB,KAAKuD,SAAS,CACV6B,WAAW,EACXd,SAAS1oB,GACX,EACL,KAEDsW,kBAAoB,KAChB8N,KAAKuD,SAAS,CACV6B,WAAW,GACb,EACL,KAEDS,WAAaC,IACT,MAAMC,EAAWD,EAAerC,MAChCzD,KAAKuD,SAAS,CACVE,MAAOsC,GACT,EAlGF/F,KAAK9d,MAAQ,CACTijB,SAAUnF,KAAKtjB,MAAMyoB,SACrB1B,MAAOzD,KAAKtjB,MAAM+O,KAAKgY,MACvBC,eAAgB1D,KAAKtjB,MAAM+O,KAAKiY,eAChCnK,UAAUyG,KAAKtjB,MAAM6c,UACrB6L,WAAW,EACXd,SAAS,IAEbtE,KAAK+E,iBAAiB/E,KAAK9d,MAAMqX,UACrC,CA4FAwG,SACI,OACI5hB,eAAA,OAAKpB,UAAU,oBAAmBD,SAAA,CAC9BF,cAACqmB,GAAI,CACDc,YAAa/D,KAAKtjB,MAAM+O,KAAKsY,YAC7BH,QAAS5D,KAAKtjB,MAAM+O,KAAKmY,QACzBH,MAAOzD,KAAK9d,MAAMuhB,MAClBC,eAAgB1D,KAAK9d,MAAMwhB,eAC3B9nB,GAAIokB,KAAKtjB,MAAM+O,KAAK7P,GACpBkU,QAASkQ,KAAKtjB,MAAM+O,KAAKqE,QACzB9C,KAAMgT,KAAKtjB,MAAM+O,KAAKuB,KACtBwW,UAAWxD,KAAK6F,WAAW/oB,SAC3BF,cAAC2nB,GAAa,CACVI,gBAAiB3E,KAAKqF,wBAG9BzoB,cAAC2nB,GAAa,CACVI,gBAAiB3E,KAAKqF,sBAGtBrF,KAAK9d,MAAMijB,SAAS1pB,KAAK6pB,GACrB1oB,cAACsnB,GAAO,CACJH,YAAauB,EAAQvB,YAErBnoB,GAAI0pB,EAAQ1pB,GACZkU,QAASwV,EAAQxV,QACjB9C,KAAMsY,EAAQtY,KACd4W,QAAS0B,EAAQ1B,QACjBS,cAAerE,KAAKqE,cACpBxS,mBAAoBmO,KAAK9d,MAAMkjB,UAC/BhB,iBAAkBpE,KAAKoE,iBACvBlS,kBAAmB8N,KAAK9N,kBACxBoS,SAAUtE,KAAK9d,MAAMoiB,SACrBH,MAAOmB,EAAQnB,OAVVmB,EAAQ1pB,QAgBrC,ECtSJ,MAAMwB,GAASC,EAAQ,GAAoBC,KAE5B,SAAS+oB,KACpB,IAAI,GAAEzqB,GAAOqL,cACb,MAAOqf,EAAaC,GAAkB5oB,mBAAS,KACxC6oB,EAAYC,GAAiB9oB,mBAAS,KACtC2J,EAAWC,GAAgB5J,oBAAS,GACrC6C,EAAUC,cACVY,EAAM6Z,oBACLvY,EAAaC,GAAkBjF,mBAAS,GAC/C,IAAIoF,EAAeA,KACfH,EAAetE,OAAO0E,WAAW,EA4BrCrG,qBAAU,KAnBVkP,iBACItE,GAAa,GACb5G,IAAMC,IAAIpE,EAAQ,kBAADwC,OAAmBpD,IAAMiF,MAAMC,IAC5CA,EAASC,KAAK4Z,UAAYzZ,IAAaoT,aAAaxT,EAASC,KAAK4Z,WAClE7Z,EAASC,KAAK6Z,WAAa1Z,IAAaoT,aAAaxT,EAASC,KAAK6Z,YACnEjR,EAAOgC,cAAc,YAAY7K,EAASC,KAAK4Z,WAAW,GAC1DhR,EAAOgC,cAAc,aAAa7K,EAASC,KAAK6Z,YAAY,GAC5Dja,IAAMC,IAAIpE,EAAQ,yBAADwC,OAA0B8B,EAASC,KAAKnF,IAAK,CAC1DwP,QAAS,CAACC,YAAc5L,aAAaG,QAAQ,kBAC5CiB,MAAM0U,IACS,OAAbA,EAAIxU,OACJ0lB,EAAclR,EAAIxU,MAClBwG,GAAa,GAChB,IAEJgf,EAAezlB,EAASC,KAAK,GAErC,CAGI2lB,GACA9jB,EAAetE,OAAO0E,YACtB1E,OAAOL,iBAAiB,SAAU8E,GAC3B,KAAQzE,OAAOJ,oBAAoB,SAAU6E,EAAa,IAClE,IAGH,MAAM4G,EAASC,YAAU,CACrBC,cAAgB,CACZ8Q,UAAU,GACVC,WAAW,IAEhB3P,SAAUtF,QAqCPghB,EAAmBC,sBAAW,CAAClqB,EAAO2E,IACjCzE,cAAA,OAAKyE,IAAKA,EAAIvE,SACjBF,cAAA,OAAKG,UAAU,8EAA6ED,SAC5D,OAA1BwG,IACE1G,cAAC2X,KAAS,CACNC,SAAS,EACT0R,aAAa,EACbzR,gBAAgB,2CAChB5Q,MAAM,OACNkB,OAAO,OACP4P,YAAahL,EAAOhE,OAAOgV,UAC3B/F,WAAY,CACZC,WAAY,CACZ,CACI,OACA,OACA,OACA,WACA,cACA,iBACA,aACA,OACA,YACA,SACA,SACA,YACA,cACA,YACA,eACA,UACA,SACA,QACA,iBACA,OACA,aACA,QACA,OACA,QACA,QACA,aACA,gBAKRjY,cAAC2X,KAAS,CACNC,SAAS,EACT0R,aAAa,EACbzR,gBAAgB,2CAChB5Q,MAAM,OACNkB,OAAO,OACP4P,YAAahL,EAAOhE,OAAOiV,WAC3BhG,WAAY,CACZC,WAAY,CACZ,CACI,OACA,OACA,OACA,WACA,cACA,iBACA,aACA,OACA,YACA,SACA,SACA,YACA,cACA,YACA,eACA,UACA,SACA,QACA,iBACA,OACA,aACA,QACA,OACA,QACA,QACA,aACA,sBASxB,OACI1W,eAAAtB,WAAA,CAAAC,SAAA,CACKwK,EAAcnJ,eAAAtB,WAAA,CAAAC,SAAA,CAAE,IAACF,cAACgI,EAAO,CAAEoJ,WAAY,eAAoBpR,cAAAC,WAAA,IAC5DsB,eAAA,OAAKpB,UAAU,kEAAiED,SAAA,CAC5EF,cAAA,OAAKG,UAAU,4BAA2BD,SACtCqB,eAAA,OAAKpB,UAAU,mDAAkDD,SAAA,CAC7DF,cAAA,OAAAE,SACIF,cAAA,KAAGG,UAAU,4CAA4CE,QAASA,IAAMuD,EAAQ+hB,SAASzlB,SACrFqB,eAAA,QAAMpB,UAAU,qBAAoBD,SAAA,CAAC,OAAOM,GAAOsB,EAAE,uBAG7DP,eAAA,OAAKpB,UAAU,OAAMD,SAAA,CAQjBF,cAACiqB,KAAY,CAACC,UAxLvB,uGAwL6ChX,QAASA,IAAMzO,EAAID,QAAQtE,SAC3DF,cAACmqB,wBAAoB,CAAAjqB,SACpB+B,IAAA,IAAC,YAAEmoB,GAAanoB,EAAA,OACbV,eAAA,UAAQpB,UAAW,yLAA2LE,QAAS+pB,EAAYlqB,SAAA,CAACF,cAAA,KAAGikB,MAAM,iBAAmB,OAAOzjB,GAAOsB,EAAE,qBAA4B,MAIpT9B,cAAA,OAAK4G,MAAO,CAAEC,QAAS,QAAS3G,SAC5BF,cAAC+pB,EAAgB,CAACtlB,IAAKA,cAMvCzE,cAAA,OAAKG,UAAU,cAAaD,SACxBqB,eAAA,OAAKpB,UAAU,iHAAgHD,SAAA,CAC3F,OAA1BwG,IACE1G,cAAA,OAAKG,UAAU,wEAAuED,SAAEwpB,EAAYtO,gBAClGpb,cAAA,OAAKG,UAAU,wEAAuED,SAAEwpB,EAAYrO,iBAE9Grb,cAAA,OAAKG,UAAU,6EAA4ED,SAC/D,OAA1BwG,IAoBE1G,cAAC2X,KAAS,CACNC,SAAS,EACT0R,aAAa,EACbzR,gBAAgB,2CAChB5Q,MAAM,OACNkB,OAAO,OACP4P,YAAahL,EAAOhE,OAAOgV,UAC3B/F,WAAY,CACZC,WAAY,CACZ,CACI,OACA,OACA,OACA,WACA,cACA,iBACA,aACA,OACA,YACA,SACA,SACA,YACA,cACA,YACA,eACA,UACA,SACA,QACA,iBACA,OACA,aACA,QACA,OACA,QACA,QACA,aACA,gBAwBRjY,cAAC2X,KAAS,CACNC,SAAS,EACT0R,aAAa,EACbzR,gBAAgB,2CAChB5Q,MAAM,OACNkB,OAAO,OACP4P,YAAahL,EAAOhE,OAAOiV,WAC3BhG,WAAY,CACZC,WAAY,CACZ,CACI,OACA,OACA,OACA,WACA,cACA,iBACA,aACA,OACA,YACA,SACA,SACA,YACA,cACA,YACA,eACA,UACA,SACA,QACA,iBACA,OACA,aACA,QACA,OACA,QACA,QACA,aACA,kBAQZ1W,eAAA,OAAKpB,UAAaypB,EAAWnnB,OAAS,EAAK,SAAW,UAAWvC,SAAA,CAC7DF,cAAA,OAAKG,UAAU,kDAAiDD,SAAEM,GAAOsB,EAAE,wBACvE9B,cAAA,OAAKG,UAAU,8CAA6CD,SAEpD0pB,EAAW/qB,KAAIilB,GAEPviB,eAAA,OAAKpB,UAAU,wCAAuCD,SAAA,CAC9CqB,eAAA,QAAMpB,UAAU,kDAAkDE,QAASA,KArS1Gub,IAACxc,EAAEmB,EAAFnB,EAqS6H0kB,EAAKjI,SArShItb,EAqSyIujB,EAAKhI,SApSlKnR,GAAa,GACb2R,YAAW,KACT,IAAIC,EAAInb,SAASob,cAAc,KAC/BD,EAAEnc,KAAOkE,IAAaC,SAASnF,GAC/Bmd,EAAEE,SAAUlc,EACZgc,EAAEG,OAAO,GACR,KACHJ,YAAW,KACT3R,GAAa,EAAM,GAClB,IA2RwK,EAAEzK,SAAA,CAACF,cAAA,KAAGG,UAAU,oBAAsB,WAAaK,GAAOsB,EAAE,oBAAoB,cAC3M9B,cAAA,QAAAE,SAAMF,cAAA,OAAK6E,IAAKpE,OAAQ,KAAc6D,IAAaoX,gBAAgBoI,EAAKnI,WAAW7W,QAAS3E,UAAU,oBAAwBoB,eAAA,QAAMpB,UAAW,iBAAsC,oBAAlB2jB,EAAKnI,UAAoD,eAAlBmI,EAAKnI,UAA+C,cAAlBmI,EAAKnI,SAA4B,kBAAoB,KAAMtb,QAASA,KAzRpVgqB,IAACjrB,EAAEoC,EAAFpC,EAyRkW0kB,EAAKjI,SAxRxW,qBADGra,EAyR8WsiB,EAAKnI,WAxRxV,eAATna,GAAkC,cAATA,IACtDmJ,GAAa,GACb2R,YAAW,KAGP,IAAIgO,EAAYhmB,IAAaC,SAASnF,GACtC,IAAImrB,EAAY7oB,OAAO8oB,KAAK,IAChB,oBAAThpB,EACC+oB,EAAUnpB,SAASqpB,MAAM,0CAA4CC,UAAUJ,GAAa,QACzFC,EAAUnpB,SAASqpB,MAAM,eAAiBC,UAAUJ,GAAa,OAAO,GAEhF,KACHhO,YAAW,KACT3R,GAAa,EAAM,GAClB,KA0QoY,EAAEzK,SAAA,CAAE,WAAa4jB,EAAKhI,cAF7TgI,EAAK9kB,WASzFuC,eAAA,OAAKpB,UAAc4F,EAAc,KAAQ,qBAAuB,cAAe7F,SAAA,CACnEF,cAAA,OAAKG,UAAaypB,EAAWnnB,OAAS,EAAK,IAAM,UACzDzC,cAACioB,GAAU,CACPM,SAAU,GACV1Z,KAAM,GACN8N,UAAW3d,EAAG4N,0BAQ9C,CCxXe,SAAS+d,KACtB,MAAM/mB,EAAUC,eACTJ,EAAWF,GAAgBxC,mBAAS,CACzC+C,MAAO,GACP9E,GAAI,EACJkG,QAAQ,EACRC,KAAM,GACNd,eAAgB,GAChBe,eAAgB,KA6BlB,OA1BiB,OADAvC,aAAaG,QAAQ,aACbY,EAAQmB,KAAK,eAEtChF,qBAAU,KACRgE,IACGC,IAAIpE,EAAU,cAAe,CAC5B4O,QAAS,CACPC,YAAa5L,aAAaG,QAAQ,kBAGrCiB,MAAMC,IACDA,EAASC,KAAK2K,MAChBvL,EAAa,IAAKE,EAAWyB,QAAQ,IAErC3B,EAAa,CACXO,MAAOI,EAASC,KAAKL,MACrB9E,GAAIkF,EAASC,KAAKnF,GAClBkG,QAAQ,EACRC,KAAMjB,EAASC,KAAKgB,KACpBd,eAAgBH,EAASC,KAAKE,eAC9Be,eAAgBlB,EAASC,KAAKiB,gBAElC,GACA,GAEH,IAGDpF,cAAAC,WAAA,CAAAC,SACEqB,eAACc,EAAYuoB,SAAQ,CAACzhB,MAAO,CAAE1F,YAAWF,gBAAerD,SAAA,CACvDF,cAAC+gB,EAAc,CAACC,OAAK,IACrBzf,eAAC2F,IAAM,CAAAhH,SAAA,CACLF,cAACkhB,IAAK,CAACC,KAAK,cAAcC,OAAK,EAACC,UAAWwJ,KAC3C7qB,cAACkhB,IAAK,CAACC,KAAK,uBAAuBC,OAAK,EAACC,UAAWiD,KACpDtkB,cAACkhB,IAAK,CAACC,KAAK,oBAAoBC,OAAK,EAACC,UAAWyJ,KACjD9qB,cAACkhB,IAAK,CAACC,KAAK,oBAAoBC,OAAK,EAACC,UAAWnO,KACjDlT,cAACkhB,IAAK,CAACC,KAAK,gBAAgBC,OAAK,EAACC,UAAWkI,KAC7CvpB,cAACshB,IAAQ,CAACC,KAAK,QAAQ1f,GAAG,uBAKpC,CC9De,SAASkpB,KACtB,OACE/qB,cAAAC,WAAA,CAAAC,SACEqB,eAAA,UAAQpB,UAAU,qCAAoCD,SAAA,CACpDF,cAAA,OACEG,UAAU,mGACVyG,MAAO,CAAE6M,UAAW,iBAAkBvT,SAEtCF,cAAA,OACEG,UAAU,oCACV8H,MAAM,6BACNI,oBAAoB,OACpB2iB,QAAQ,MACR5iB,QAAQ,eACRmG,EAAE,IACF0c,EAAE,IAAG/qB,SAELF,cAAA,WACEG,UAAU,iCACVqjB,OAAO,8BAIbjiB,eAAA,OAAKpB,UAAU,yBAAwBD,SAAA,CACrCqB,eAAA,OAAKpB,UAAU,0CAAyCD,SAAA,CACtDqB,eAAA,OAAKpB,UAAU,wBAAuBD,SAAA,CACpCF,cAAA,MAAIG,UAAU,yBAAwBD,SAAC,yBACvCF,cAAA,MAAIG,UAAU,sCAAqCD,SAAC,qEAGpDqB,eAAA,OAAKpB,UAAU,oBAAmBD,SAAA,CAChCF,cAAA,UACEG,UAAU,yJACVqB,KAAK,SAAQtB,SAEbF,cAAA,KAAGG,UAAU,qBAEfH,cAAA,UACEG,UAAU,yJACVqB,KAAK,SAAQtB,SAEbF,cAAA,KAAGG,UAAU,6BAEfH,cAAA,UACEG,UAAU,oJACVqB,KAAK,SAAQtB,SAEbF,cAAA,KAAGG,UAAU,sBAEfH,cAAA,UACEG,UAAU,wJACVqB,KAAK,SAAQtB,SAEbF,cAAA,KAAGG,UAAU,0BAInBH,cAAA,OAAKG,UAAU,wBAAuBD,SACpCqB,eAAA,OAAKpB,UAAU,gCAA+BD,SAAA,CAC5CqB,eAAA,OAAKpB,UAAU,gCAA+BD,SAAA,CAC5CF,cAAA,QAAMG,UAAU,+DAA8DD,SAAC,iBAG/EqB,eAAA,MAAIpB,UAAU,gBAAeD,SAAA,CAC3BF,cAAA,MAAAE,SACEF,cAAA,KACEG,UAAU,6EACVC,KAAK,0DAAyDF,SAC/D,eAIHF,cAAA,MAAAE,SACEF,cAAA,KACEG,UAAU,6EACVC,KAAK,8CAA6CF,SACnD,WAIHF,cAAA,MAAAE,SACEF,cAAA,KACEG,UAAU,6EACVC,KAAK,2DAA0DF,SAChE,aAIHF,cAAA,MAAAE,SACEF,cAAA,KACEG,UAAU,6EACVC,KAAK,mEAAkEF,SACxE,0BAMPqB,eAAA,OAAKpB,UAAU,wBAAuBD,SAAA,CACpCF,cAAA,QAAMG,UAAU,+DAA8DD,SAAC,oBAG/EqB,eAAA,MAAIpB,UAAU,gBAAeD,SAAA,CAC3BF,cAAA,MAAAE,SACEF,cAAA,KACEG,UAAU,6EACVC,KAAK,wFAAuFF,SAC7F,kBAIHF,cAAA,MAAAE,SACEF,cAAA,KACEG,UAAU,6EACVC,KAAK,+CAA8CF,SACpD,yBAIHF,cAAA,MAAAE,SACEF,cAAA,KACEG,UAAU,6EACVC,KAAK,iDAAgDF,SACtD,qBAIHF,cAAA,MAAAE,SACEF,cAAA,KACEG,UAAU,6EACVC,KAAK,oDAAmDF,SACzD,+BASbF,cAAA,MAAIG,UAAU,6BACdH,cAAA,OAAKG,UAAU,gEAA+DD,SAC5EF,cAAA,OAAKG,UAAU,4CAA2CD,SACxDqB,eAAA,OAAKpB,UAAU,+CAA8CD,SAAA,CAAC,mBAC/C,IAAI4K,MAAOC,cAAc,kBAAgB,IACtD/K,cAAA,KACEI,KAAK,6CACLD,UAAU,4CAA2CD,SACtD,iBAEG,kBASpB,CCzJe,SAASgrB,KACtB,OACE3pB,eAAAtB,WAAA,CAAAC,SAAA,CACEF,cAACH,GAAM,CAACmjB,aAAW,IACnBzhB,eAAA,QAAArB,SAAA,CACEqB,eAAA,OAAKpB,UAAU,uFAAsFD,SAAA,CACnGF,cAAA,OACEG,UAAU,kDACVyG,MAAO,CACLukB,gBACE,8IACFjrB,SAEFF,cAAA,QACEhB,GAAG,eACHmB,UAAU,iDAGdH,cAAA,OAAKG,UAAU,6BAA4BD,SACzCF,cAAA,OAAKG,UAAU,8BAA6BD,SAC1CF,cAAA,OAAKG,UAAU,oDAAmDD,SAChEqB,eAAA,OAAKpB,UAAU,QAAOD,SAAA,CACpBF,cAAA,MAAIG,UAAU,oCAAmCD,SAAC,+BAGlDF,cAAA,KAAGG,UAAU,iCAAgCD,SAAC,sKAStDF,cAAA,OACEG,UAAU,+FACVyG,MAAO,CAAE6M,UAAW,iBAAkBvT,SAEtCF,cAAA,OACEG,UAAU,oCACV8H,MAAM,6BACNI,oBAAoB,OACpB2iB,QAAQ,MACR5iB,QAAQ,eACRmG,EAAE,IACF0c,EAAE,IAAG/qB,SAELF,cAAA,WACEG,UAAU,iCACVqjB,OAAO,iCAMfxjB,cAAA,WAASG,UAAU,+BAA8BD,SAC/CqB,eAAA,OAAKpB,UAAU,yBAAwBD,SAAA,CACrCqB,eAAA,OAAKpB,UAAU,iBAAgBD,SAAA,CAC7BF,cAAA,OAAKG,UAAU,kDAAiDD,SAC9DF,cAAA,OAAKG,UAAU,uFAAsFD,SACnGqB,eAAA,OAAKpB,UAAU,sBAAqBD,SAAA,CAClCF,cAAA,OAAKG,UAAU,sHAAqHD,SAClIF,cAAA,KAAGG,UAAU,mBAEfH,cAAA,MAAIG,UAAU,wBAAuBD,SAAC,mBACtCF,cAAA,KAAGG,UAAU,8BAA6BD,SAAC,yHAQjDF,cAAA,OAAKG,UAAU,oCAAmCD,SAChDF,cAAA,OAAKG,UAAU,uFAAsFD,SACnGqB,eAAA,OAAKpB,UAAU,sBAAqBD,SAAA,CAClCF,cAAA,OAAKG,UAAU,4HAA2HD,SACxIF,cAAA,KAAGG,UAAU,qBAEfH,cAAA,MAAIG,UAAU,wBAAuBD,SAAC,mBACtCF,cAAA,KAAGG,UAAU,8BAA6BD,SAAC,uHAQjDF,cAAA,OAAKG,UAAU,yCAAwCD,SACrDF,cAAA,OAAKG,UAAU,uFAAsFD,SACnGqB,eAAA,OAAKpB,UAAU,sBAAqBD,SAAA,CAClCF,cAAA,OAAKG,UAAU,0HAAyHD,SACtIF,cAAA,KAAGG,UAAU,yBAEfH,cAAA,MAAIG,UAAU,wBAAuBD,SAAC,qBACtCF,cAAA,KAAGG,UAAU,8BAA6BD,SAAC,wHASnDqB,eAAA,OAAKpB,UAAU,oCAAmCD,SAAA,CAChDqB,eAAA,OAAKpB,UAAU,wCAAuCD,SAAA,CACpDF,cAAA,OAAKG,UAAU,2HAA0HD,SACvIF,cAAA,KAAGG,UAAU,kCAEfH,cAAA,MAAIG,UAAU,6CAA4CD,SAAC,kCAG3DF,cAAA,KAAGG,UAAU,iEAAgED,SAAC,qIAK9EF,cAAA,KAAGG,UAAU,iEAAgED,SAAC,4LAM9EF,cAACyB,IAAI,CAACI,GAAG,IAAI1B,UAAU,mCAAkCD,SAAC,0BAK5DF,cAAA,OAAKG,UAAU,wCAAuCD,SACpDqB,eAAA,OAAKpB,UAAU,wGAAuGD,SAAA,CACpHF,cAAA,OACE4E,IAAI,MACJC,IAAI,yIACJ1E,UAAU,qCAEZoB,eAAA,cAAYpB,UAAU,oBAAmBD,SAAA,CACvCF,cAAA,OACEqI,oBAAoB,OACpBJ,MAAM,6BACNG,QAAQ,aACRjI,UAAU,kDAAiDD,SAE3DF,cAAA,WACEwjB,OAAO,uBACPrjB,UAAU,sCAGdH,cAAA,MAAIG,UAAU,+BAA8BD,SAAC,uBAG7CF,cAAA,KAAGG,UAAU,qCAAoCD,SAAC,4JAY9DqB,eAAA,WAASpB,UAAU,iBAAgBD,SAAA,CACjCF,cAAA,OACEG,UAAU,mGACVyG,MAAO,CAAE6M,UAAW,iBAAkBvT,SAEtCF,cAAA,OACEG,UAAU,oCACV8H,MAAM,6BACNI,oBAAoB,OACpB2iB,QAAQ,MACR5iB,QAAQ,eACRmG,EAAE,IACF0c,EAAE,IAAG/qB,SAELF,cAAA,WACEG,UAAU,0BACVqjB,OAAO,8BAKbxjB,cAAA,OAAKG,UAAU,yBAAwBD,SACrCqB,eAAA,OAAKpB,UAAU,8BAA6BD,SAAA,CAC1CF,cAAA,OAAKG,UAAU,wCAAuCD,SACpDF,cAAA,OACE4E,IAAI,MACJzE,UAAU,kCACV0E,IAAI,yIAGR7E,cAAA,OAAKG,UAAU,wCAAuCD,SACpDqB,eAAA,OAAKpB,UAAU,WAAUD,SAAA,CACvBF,cAAA,OAAKG,UAAU,oIAAmID,SAChJF,cAAA,KAAGG,UAAU,4BAEfH,cAAA,MAAIG,UAAU,yBAAwBD,SAAC,sBACvCF,cAAA,KAAGG,UAAU,iDAAgDD,SAAC,6IAK9DqB,eAAA,MAAIpB,UAAU,iBAAgBD,SAAA,CAC5BF,cAAA,MAAIG,UAAU,OAAMD,SAClBqB,eAAA,OAAKpB,UAAU,oBAAmBD,SAAA,CAChCF,cAAA,OAAAE,SACEF,cAAA,QAAMG,UAAU,+GAA8GD,SAC5HF,cAAA,KAAGG,UAAU,2BAGjBH,cAAA,OAAAE,SACEF,cAAA,MAAIG,UAAU,oBAAmBD,SAAC,wCAMxCF,cAAA,MAAIG,UAAU,OAAMD,SAClBqB,eAAA,OAAKpB,UAAU,oBAAmBD,SAAA,CAChCF,cAAA,OAAAE,SACEF,cAAA,QAAMG,UAAU,+GAA8GD,SAC5HF,cAAA,KAAGG,UAAU,qBAGjBH,cAAA,OAAAE,SACEF,cAAA,MAAIG,UAAU,oBAAmBD,SAAC,iCAMxCF,cAAA,MAAIG,UAAU,OAAMD,SAClBqB,eAAA,OAAKpB,UAAU,oBAAmBD,SAAA,CAChCF,cAAA,OAAAE,SACEF,cAAA,QAAMG,UAAU,+GAA8GD,SAC5HF,cAAA,KAAGG,UAAU,2BAGjBH,cAAA,OAAAE,SACEF,cAAA,MAAIG,UAAU,oBAAmBD,SAAC,8CAapDF,cAAA,WAASG,UAAU,cAAaD,SAC9BqB,eAAA,OAAKpB,UAAU,yBAAwBD,SAAA,CACrCF,cAAA,OAAKG,UAAU,kDAAiDD,SAC9DqB,eAAA,OAAKpB,UAAU,wBAAuBD,SAAA,CACpCF,cAAA,MAAIG,UAAU,yBAAwBD,SAAC,wBACvCF,cAAA,KAAGG,UAAU,gDAA+CD,SAAC,kJAOjEqB,eAAA,OAAKpB,UAAU,iBAAgBD,SAAA,CAC7BF,cAAA,OAAKG,UAAU,gDAA+CD,SAC5DqB,eAAA,OAAKpB,UAAU,OAAMD,SAAA,CACnBF,cAAA,OACE4E,IAAI,MACJC,IAAKpE,EAAQ,KAAiCqE,QAC9C3E,UAAU,gDAEZoB,eAAA,OAAKpB,UAAU,mBAAkBD,SAAA,CAC/BF,cAAA,MAAIG,UAAU,oBAAmBD,SAAC,iBAClCF,cAAA,KAAGG,UAAU,yDAAwDD,SAAC,kBAGtEqB,eAAA,OAAKpB,UAAU,OAAMD,SAAA,CACnBF,cAAA,UACEG,UAAU,6FACVqB,KAAK,SAAQtB,SAEbF,cAAA,KAAGG,UAAU,qBAEfH,cAAA,UACEG,UAAU,6FACVqB,KAAK,SAAQtB,SAEbF,cAAA,KAAGG,UAAU,wBAEfH,cAAA,UACEG,UAAU,wFACVqB,KAAK,SAAQtB,SAEbF,cAAA,KAAGG,UAAU,iCAMvBH,cAAA,OAAKG,UAAU,gDAA+CD,SAC5DqB,eAAA,OAAKpB,UAAU,OAAMD,SAAA,CACnBF,cAAA,OACE4E,IAAI,MACJC,IAAKpE,EAAQ,KAAiCqE,QAC9C3E,UAAU,gDAEZoB,eAAA,OAAKpB,UAAU,mBAAkBD,SAAA,CAC/BF,cAAA,MAAIG,UAAU,oBAAmBD,SAAC,iBAClCF,cAAA,KAAGG,UAAU,yDAAwDD,SAAC,yBAGtEqB,eAAA,OAAKpB,UAAU,OAAMD,SAAA,CACnBF,cAAA,UACEG,UAAU,uFACVqB,KAAK,SAAQtB,SAEbF,cAAA,KAAGG,UAAU,oBAEfH,cAAA,UACEG,UAAU,6FACVqB,KAAK,SAAQtB,SAEbF,cAAA,KAAGG,UAAU,mCAMvBH,cAAA,OAAKG,UAAU,gDAA+CD,SAC5DqB,eAAA,OAAKpB,UAAU,OAAMD,SAAA,CACnBF,cAAA,OACE4E,IAAI,MACJC,IAAKpE,EAAQ,KAAiCqE,QAC9C3E,UAAU,gDAEZoB,eAAA,OAAKpB,UAAU,mBAAkBD,SAAA,CAC/BF,cAAA,MAAIG,UAAU,oBAAmBD,SAAC,gBAClCF,cAAA,KAAGG,UAAU,yDAAwDD,SAAC,mBAGtEqB,eAAA,OAAKpB,UAAU,OAAMD,SAAA,CACnBF,cAAA,UACEG,UAAU,uFACVqB,KAAK,SAAQtB,SAEbF,cAAA,KAAGG,UAAU,oBAEfH,cAAA,UACEG,UAAU,6FACVqB,KAAK,SAAQtB,SAEbF,cAAA,KAAGG,UAAU,qBAEfH,cAAA,UACEG,UAAU,4FACVqB,KAAK,SAAQtB,SAEbF,cAAA,KAAGG,UAAU,kCAMvBH,cAAA,OAAKG,UAAU,gDAA+CD,SAC5DqB,eAAA,OAAKpB,UAAU,OAAMD,SAAA,CACnBF,cAAA,OACE4E,IAAI,MACJC,IAAKpE,EAAQ,KAAiCqE,QAC9C3E,UAAU,gDAEZoB,eAAA,OAAKpB,UAAU,mBAAkBD,SAAA,CAC/BF,cAAA,MAAIG,UAAU,oBAAmBD,SAAC,gBAClCF,cAAA,KAAGG,UAAU,yDAAwDD,SAAC,oBAGtEqB,eAAA,OAAKpB,UAAU,OAAMD,SAAA,CACnBF,cAAA,UACEG,UAAU,wFACVqB,KAAK,SAAQtB,SAEbF,cAAA,KAAGG,UAAU,sBAEfH,cAAA,UACEG,UAAU,uFACVqB,KAAK,SAAQtB,SAEbF,cAAA,KAAGG,UAAU,oBAEfH,cAAA,UACEG,UAAU,6FACVqB,KAAK,SAAQtB,SAEbF,cAAA,KAAGG,UAAU,qBAEfH,cAAA,UACEG,UAAU,4FACVqB,KAAK,SAAQtB,SAEbF,cAAA,KAAGG,UAAU,0CAS7BoB,eAAA,WAASpB,UAAU,uCAAsCD,SAAA,CACvDF,cAAA,OACEG,UAAU,mGACVyG,MAAO,CAAE6M,UAAW,iBAAkBvT,SAEtCF,cAAA,OACEG,UAAU,oCACV8H,MAAM,6BACNI,oBAAoB,OACpB2iB,QAAQ,MACR5iB,QAAQ,eACRmG,EAAE,IACF0c,EAAE,IAAG/qB,SAELF,cAAA,WACEG,UAAU,iCACVqjB,OAAO,8BAKbjiB,eAAA,OAAKpB,UAAU,2CAA0CD,SAAA,CACvDF,cAAA,OAAKG,UAAU,4CAA2CD,SACxDqB,eAAA,OAAKpB,UAAU,wBAAuBD,SAAA,CACpCF,cAAA,MAAIG,UAAU,oCAAmCD,SAAC,oBAGlDF,cAAA,KAAGG,UAAU,sDAAqDD,SAAC,0KAOvEqB,eAAA,OAAKpB,UAAU,sCAAqCD,SAAA,CAClDqB,eAAA,OAAKpB,UAAU,oCAAmCD,SAAA,CAChDF,cAAA,OAAKG,UAAU,0GAAyGD,SACtHF,cAAA,KAAGG,UAAU,2BAEfH,cAAA,MAAIG,UAAU,wCAAuCD,SAAC,sBAGtDF,cAAA,KAAGG,UAAU,8BAA6BD,SAAC,sGAK7CqB,eAAA,OAAKpB,UAAU,oCAAmCD,SAAA,CAChDF,cAAA,OAAKG,UAAU,0GAAyGD,SACtHF,cAAA,KAAGG,UAAU,0BAEfH,cAAA,MAAIG,UAAU,wCAAuCD,SAAC,qBAGtDF,cAAA,KAAGG,UAAU,8BAA6BD,SAAC,sGAK7CqB,eAAA,OAAKpB,UAAU,oCAAmCD,SAAA,CAChDF,cAAA,OAAKG,UAAU,0GAAyGD,SACtHF,cAAA,KAAGG,UAAU,+BAEfH,cAAA,MAAIG,UAAU,wCAAuCD,SAAC,gBAGtDF,cAAA,KAAGG,UAAU,8BAA6BD,SAAC,+GAQnDF,cAAA,WAASG,UAAU,+CAA8CD,SAC/DF,cAAA,OAAKG,UAAU,yBAAwBD,SACrCF,cAAA,OAAKG,UAAU,iDAAgDD,SAC7DF,cAAA,OAAKG,UAAU,wBAAuBD,SACpCF,cAAA,OAAKG,UAAU,8FAA6FD,SAC1GqB,eAAA,OAAKpB,UAAU,wBAAuBD,SAAA,CACpCF,cAAA,MAAIG,UAAU,yBAAwBD,SAAC,0BAGvCF,cAAA,KAAGG,UAAU,8CAA6CD,SAAC,gEAI3DqB,eAAA,OAAKpB,UAAU,4BAA2BD,SAAA,CACxCF,cAAA,SACEG,UAAU,2DACVyH,QAAQ,YAAW1H,SACpB,cAGDF,cAAA,SACEwB,KAAK,OACLrB,UAAU,6KACVkW,YAAY,iBAIhB9U,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCF,cAAA,SACEG,UAAU,2DACVyH,QAAQ,QAAO1H,SAChB,UAGDF,cAAA,SACEwB,KAAK,QACLrB,UAAU,6KACVkW,YAAY,aAIhB9U,eAAA,OAAKpB,UAAU,uBAAsBD,SAAA,CACnCF,cAAA,SACEG,UAAU,2DACVyH,QAAQ,UAAS1H,SAClB,YAGDF,cAAA,YACE8S,KAAK,IACLsY,KAAK,KACLjrB,UAAU,qIACVkW,YAAY,yBAGhBrW,cAAA,OAAKG,UAAU,mBAAkBD,SAC/BF,cAAA,UACEG,UAAU,2MACVqB,KAAK,SAAQtB,SACd,mCAWjBF,cAAC+qB,GAAM,MAGb,C,cC9hBeM,OAlBMA,KACjB,MAAM1pB,EAAW2pB,eACVC,EAAaC,GAAkBzqB,oBAAS,GAE/ChB,qBAAU,KACD2B,OAAOC,SAASvB,KAAKwB,SAAS,uBACnC6pB,KAAQC,WAAW,kBAEnBF,GAAe,EAAK,GACrB,IAEHzrB,qBAAU,KACFwrB,GACJE,KAAQE,SAAShqB,EAASif,SAAWjf,EAASiqB,OAC9C,GACD,CAACL,EAAa5pB,GAAU,EC8DhB0D,oBAVUC,IAAK,CAC5BumB,EAAGvmB,EAAMwmB,KAAKtrB,WAGY+E,IAAQ,CAClCwmB,QAAUF,IACRtmB,EAASC,oBAAUqmB,GAAG,KAIXxmB,EA/Df,WACI,MAAO5B,EAAWF,GAAgBxC,mBAAS,CACzC+C,MAAO,GACP9E,GAAI,EACJkG,QAAQ,EACRC,KAAK,GACLd,eAAe,GACfe,eAAe,KA6BjB,OA1BAimB,KAEAtrB,qBAAU,KACJgE,IACGC,IAAIpE,EAAQ,cAAe,CAC1B4O,QAAS,CACPC,YAAa5L,aAAaG,QAAQ,kBAGrCiB,MAAMC,IACDA,EAASC,KAAK2K,MAChBvL,EAAa,IAAKE,EAAWyB,QAAQ,IAErC3B,EAAa,CACXO,MAAOI,EAASC,KAAKL,MACrB9E,GAAIkF,EAASC,KAAKnF,GAClBkG,QAAQ,EACRC,KAAKjB,EAASC,KAAKgB,KACnBd,eAAeH,EAASC,KAAKE,eAC7Be,eAAelB,EAASC,KAAKiB,gBAEjC,GACA,GAEP,IAGDpF,cAAA,OAAKG,UAAU,MAAKD,SAClBF,cAACqC,EAAYuoB,SAAQ,CAACzhB,MAAO,CAAE1F,YAAWF,gBAAerD,SACjDF,cAACgsB,gBAAa,CAAA9rB,SACZqB,eAAC2F,IAAM,CAAAhH,SAAA,CACHF,cAACkhB,IAAK,CAACC,KAAK,SAASE,UAAWZ,KAChCzgB,cAACkhB,IAAK,CAACC,KAAK,QAAQE,UAAW0B,KAC/B/iB,cAACkhB,IAAK,CAACC,KAAK,QAAQE,UAAWsJ,KAC/B3qB,cAACkhB,IAAK,CAACC,KAAK,WAAWE,UAAW6J,KAClClrB,cAACshB,IAAQ,CAACC,KAAK,KAAK1f,GAAG,wBAM7C,I,uCClDA,MAAMoqB,GAAsB,CAC1BC,GAAIA,GACJC,GAAIA,IAGAC,GAAQC,aACZC,aACE,CAEER,KAAKS,gBAEPC,aAAgBC,OAGpBC,mCAAyBN,IACzBA,GAAM7mB,SAASonB,2BAAiBV,KAChCG,GAAM7mB,SAASC,oBAAUkB,MAEzBkmB,IAASzJ,OACPnjB,cAAC4qB,IAAQ,CAACwB,MAAOA,GAAMlsB,SACrBF,cAAC6sB,IAAa,CAAA3sB,SACZF,cAAC8sB,GAAG,QAGR1rB,SAAS2rB,eAAe,Q,kCC3C1B,YAqDe,QArDf,MAAmBllB,cAAA,KAEdtD,SAAYnF,GACY4tB,EAAOzL,KAAKniB,EAAG,UAAUwN,SAAS,SAE1D,KAED8K,aAAgBtY,GACS4tB,EAAOzL,KAAKniB,EAAG,UAAUwN,SAAS,QAE1D,KAGD6E,gBAAmBwb,GACR,IAAIC,SAAQ,CAACztB,EAAS0tB,KACzB,MAAMC,EAAa,IAAIC,WACvBD,EAAWE,cAAcL,GACzBG,EAAWG,OAAS,KAChB9tB,EAAQ2tB,EAAWI,OAAO,EAE9BJ,EAAWK,QAAW3e,IAClBqe,EAAOre,EAAM,CAChB,IAEP,KAEF4M,gBAAmBla,GAEZA,EAAKI,SAAS,iBACN,UACFJ,EAAKI,SAAS,oBACZ,UACFJ,EAAKI,SAAS,OACZ,UACFJ,EAAKI,SAAS,kBACZ,UACFJ,EAAKI,SAAS,QACZ,UACFJ,EAAKI,SAAS,OACZ,UACFJ,EAAKI,SAAS,OACZ,UACFJ,EAAKI,SAAS,OACZ,UAEA,UACb,KAEF8rB,YAAc,IACH,SACT,E,o7dClDN,OAAe,cAA0B,mC","file":"static/js/main.aa5ed7e5.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/calendar.ca5633d6.png\";","export default __webpack_public_path__ + \"static/media/planting.35f06ceb.png\";","export default __webpack_public_path__ + \"static/media/processing.fc3cd066.png\";","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAgCAYAAACPb1E+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAwaSURBVHgB1Vd7dBTVGb/3znt2d3Y3j82DJCQmEBBiICBQtSJaldbWghZbFQRFexQrWG2V1kfk2KPn2INvsfaAWCkiKChS0ago+ECPBgGBkAfJbjYhm2Sz78fM7Dxu72yIxpjQo3/0HL89s/fO3Dvf/d3f9333+waAH4HA0w2+0dgoPvJm7FKPxHy244/nB8APkF9uerouEA8vArQBGKgjQGcATZsgY8qa1UfIBBSlIUzpJkIZAJAODBNCUXZv2HPtxg5LBz2a4sXr3q/+oi11wy0bOn8PIXLl2cSZ5HEW5NGjR9n7Gron98YyZ2LaMExNbfn8wd8dHgukqYMpSQOvRsAAkACApEVYI30TINMEEJJnJnkGM9k+wDqokEqf33bFPzrASCYvuP0xF1s8/Yoj/oElCLIXAGwpwWQVDGZVOeoam/yusvKC2oRieDKKPF502OII6ELcBKFiyUQm0mM5OcKbO66//IvhIC/d+OwSbzz0IkIEGKUBiy1I6QBRgy0kzxGlnWozwEaz3tUzV82cX3pOeEhHlsnzVm92t6XtXtyTdCLEZoFBEwy2BgaxaKiC5+g5nb6+NCXyE0sLpYCi6AN2h6Bo6djEqIKgnadjTR19l81e+8q588+gX1izcGH0GzoRwJAirQFMSGc3n72HRD8wSZ8sRi6MGT/ohRcOB2gJsv7iScOFIXJa9BOHIMqIGbL9QSZpMyNRuspXFUlOieO+SiYy8UQyTbUGYgKHmKCdRn7dwC6GQg4oxysajvc8veCxjS5Lt5RB+8xkah6QlQspNXMhlVTmGWl1Ho/5zdikiHqyAUwBBrDGxePPW7z3lpd9I13ma5/MArSYw9amBhkkb5N74tiYeJGO/JLdVsIwakVfLNnEMhxV7pLkcDItsJnMpJqJnvSX7XGFF3ltIAUOB5LJRzHGyyGEfqLeP3zR5bvWz/oy0Ha1BQ5iOkuKqAt/eXj2yo/AKHIKpEpcEBOHJpeuRSGgyL3psvzSYhQhPgOMdElHd396xaxj7VOKes8Oy/S0cCwqV3iEps/j03buambPp1l3WMukbJyuSqxDPDFv7YblRPn64QvOeba+/NMu71aCDiFguQEiLkBMT9G/rf9kw+E15y5/ZyTIrLmBYrGnRxlDrV8xu7hMoGE7zALEWZPTODPgEIXIliu34pZI95N3f1S0ZP1hrqYtimY98pl9WVfnwe31sz+QeYBLIkndKC0sYm28WMDbxMq7t73rHFrMizFPU46dpkmVWyxiy9TE5ID0I5o8442Ojxsu23rHfSNBUtafUFZJ/DL2RGDzbQ3vvfF8Jn/Gopt0zSzO+idhl2Pxa7fNeC1/d0/R/fuD44DIGmBpRTPIaAgkoAN8GimDUOn56a8nqM/4tcoqhqYQ+aUjmUyw19Dsvl2vtFrr7MtzPhHLqL+EwAoYEjyEIgitY2gQjNVP4fS8KVfM/rhjxwHvt5j0vf54NPr6mq+jEWGYDSCIB30zx+7sCCnp5YcjOeCOKYeBE6ZAVGNwt+bGgZQIVlYfAQ2BCiDK+5fKitnjC8R7+iIp08xgIR4MTrZ0NjY2Mh7W9tR4p2NyVV7h5LPyxtXYEXvBBHfpWpbiQxab2KRJWJB459AG4s9whE+OEH3Q1PBUMC2sk2ceOukZn8MmQWOAB5TNBfL4FnildBwcD50NWkMcKHakQI9RPJeG/G47r7sgypg5TieMp2nZUjlz5kyNNM0jlyKH6r6lr63bcih4vBEziBBDTK+mxv9k/fVzyfDeb3xypJAoguY3QGn9pEMkhy3WVbAlMBtEInHAkmDbcKIGhEAubk1KQJZVIKI4NBloqhnIG4gNt/eGGNOi53/IvxauOOARcv+dRzvfKWDzPhwnFL1nc4jV3zL3SCFBFAHZbDPI5Pb9ol6do2OK4cB11R3kCECgLZmDK3JlcIZwEtblniTByQHeVCIDMa3ThIKNgwLLUxxTwB2e+uet8/c+/Oayw6cDCjXQ7OLdb4lQPCTqfBPHiImhsVF3mZHTLchkLwFmllTQ4merSi5hPkwr5twK2g9/VhMlRQLJtloczC80wIEAZ57pCqPpE4o3jTsWbu8GtssCii7WVX0xq0A6ehEmhy9nd581FsArX316diQUCsdi6XLImTRiNMNB2XynZRKpyg6QTYuD+VvXtFWHOuueXFzddfKzXidY2zIHbGouA7u7i8GLbRNAl5KPfl7S7WtovKwh+nnwqiKPu8XlTE8qkJouggQgNoXu8az6yAeHnlo82nqJiLwUslTJ1JJyXFtYEUAmRW1fsGb/aUFOKMLYbWNa4SmTmyTCn31dWNveWrjsptm8b57HD5ZWd4GLPD5QJsbBlTXcnoPNFy/ZsLlzHaK4y6OhYLKudH8ehAYIhQZAKBgp2fJJr/2C2j9sHr6OFcFzNzxxR6+uv5qOaeCQ12d4+wfOqswv9w2fN2o9OeOa9XvcNu45f6+ydYhNbLUA+kUGPXj3oiPp8uIQp6TCAHNXhW6t76nDkF0FIZXN1+fOK6xnpm5Zk04HgLfzJPC4pgCFW/hSV1RsAxz6bGKBo68nFqnQdXk6icqoATUxV2AmKJTakWMXqDJG+uejC27oOi3Imt88byAj9ScIYKWsULcOVkX4VHVkZM9QkYERwzQ1TTY88FtqICit9Uar5n7lOnGiGbiclYSx6taMePWmeCqGZUOeoCOs0lihOJ7qctmQwxvsJpWfkLJTQMCs2fDW9at3Dccz+hFEWNNN/u8eF/eRy0ZvHAKICECYzfEkkyqGW1fMEQABEKU0KJnR7Ors7AAO0Q0U2aN2B2d5wzFVC8XSdvJ+IBpN9NGIDp3oCwIb70zZWYmhKIJc1Y+MBDg2SJK39YxOdQWUlw0l3ZznYm5naRz6htFTeR1/+zXXuAioWbAX9IVagEeSwC9m1LVXVl20qHjcZK+ig2KGsYd5SlDttJALAY2KnXmJYCxW6LDZDAqxO/as/Otzo8EZ1dy1v3rOVFUDZg9zUu4fe/c2prz2ttLyiikLIuH0VVg3ZmGrfCFCUzDNCZmmsrNbkmzhQYojZXZ5YUFH7RlT91XbFuycNOm87Hk3+f4dF7tFPD2WSoA8N0djoKqQxiiRUb46cOfN70DrGBhDRgV5za3rxw+/f+mZGztHznnoyW35OKHS99yz5Ad9oI0lQzl7OGj4PXVklYzc9chnw+9HG7v1rnUFTU2xxU5J7H/9pVWbho/XnHPfMgbpA19+/PB/xgS5fMX6qmPtwb8pGh0oLhZ2xyPq7xha2cZyUgXDMAOppDIrktBcPKt9ItnFWpFFL3eH4ufku3OmTaqE97z9nvdMli8s4VhlEqJYO0XBNhvPtCdk/Rc5DrBvIKr/nMSfsuLas1dt3HGgHkCmN51K9rEsmEpRdGX1hJx1Xr9Rt2f7zU8MYfpO4MydUxowIBOTJPun3uO9NtEGvd19SlE83NWGGDVJNn2EFMBtuqJ2+vz9sWQ6OaOx4d7Hu3rC3nf3dd5YWTvtoKeQn0rTQlw3lPy0rF3yzvaVuwoK89/jbayZTCbCkjun6WCf36Ooui2VlAvtjuDbos1tIzwziaiaUhXNPhzTd3K3zgui5BDez3HSA7liQW6bP0znSoLAsI48cp4kNUP0E2aU8SXlRvOJHsbfYwSmnV//gKJTPlJp7Tx5ovMhrCXflpwejeVzd2JDucTSW1rg6G863qU7RLHO72vZp6RLlhLgCZ6Fe060qqspNriXopiKg8eClyPR9QL4PmL50JAzDy9E/58y5qJ33fvy5KOt/dMUVa2NR9uP2RxF0XCkV+dEV5wGjlwjE8ZF40piA5HEyU9239txzq8eqBZYxcOy+Re/teXO+8+7/LFFqhzqjyb17DeU5BY5ibOlompCIp/e/bKs2GdMnpTydrY7Or194Uvn13je/6jjc9+hx6MjsYxZkPZENVY3cXVxkUdJJmNzFQXuZ9lcm53jbbIGtWSGM1TNfFFye1aS6WsQ5OYmkiCfhbEj0+dd70RUVZ5dECZStD1sZzL+tCZrKT3xQK4TPG5iyVPoFhd0dPowSYcflJS5sa8rtExkxH6i6xD4ITJk8lMXstpt27ZR1133UO6kOfXlw+Z9HYgfYEwPzR9DJxqmG40170cj/wXk6SPfHmgnOwAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,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\"","var map = {\n\t\"./20210801120724899_b.jpg\": 376,\n\t\"./20210809_122745_3589.jpg\": 377,\n\t\"./7z.png\": 378,\n\t\"./Group_1.png\": 99,\n\t\"./Group_12.png\": 379,\n\t\"./Logo_x3.png\": 380,\n\t\"./No-image.jpg\": 381,\n\t\"./angular.jpg\": 382,\n\t\"./avi.png\": 383,\n\t\"./bootstrap.jpg\": 384,\n\t\"./calendar.png\": 112,\n\t\"./component-btn-pink.png\": 385,\n\t\"./component-btn.png\": 386,\n\t\"./component-info-2.png\": 387,\n\t\"./component-info-card.png\": 388,\n\t\"./component-menu.png\": 389,\n\t\"./component-profile-card.png\": 390,\n\t\"./doc.png\": 391,\n\t\"./documentation.png\": 392,\n\t\"./gif.png\": 393,\n\t\"./github.svg\": 394,\n\t\"./google.svg\": 395,\n\t\"./ill_header.png\": 396,\n\t\"./images.jpg\": 397,\n\t\"./jpg.png\": 398,\n\t\"./landing.jpg\": 399,\n\t\"./login.jpg\": 400,\n\t\"./m3u.png\": 401,\n\t\"./menu1.png\": 132,\n\t\"./menu2.png\": 133,\n\t\"./menu3.png\": 134,\n\t\"./menu4.png\": 135,\n\t\"./menu5.png\": 136,\n\t\"./mju-logo.png\": 402,\n\t\"./mkv.png\": 403,\n\t\"./mp3.png\": 404,\n\t\"./mp4.png\": 405,\n\t\"./mpeg.png\": 406,\n\t\"./no-image-3.jpg\": 407,\n\t\"./no-image-available_1.png\": 408,\n\t\"./no-img-2.jpg\": 166,\n\t\"./no-pic.jpg\": 409,\n\t\"./noimg.png\": 26,\n\t\"./pattern_react.png\": 410,\n\t\"./pdf.png\": 411,\n\t\"./planting.png\": 113,\n\t\"./png.png\": 412,\n\t\"./ppt.png\": 413,\n\t\"./processing.png\": 114,\n\t\"./profile.jpg\": 414,\n\t\"./rar.png\": 415,\n\t\"./react.jpg\": 416,\n\t\"./register_bg_2.png\": 417,\n\t\"./sketch.jpg\": 418,\n\t\"./team-1-800x800.jpg\": 167,\n\t\"./team-2-800x800.jpg\": 168,\n\t\"./team-3-800x800.jpg\": 169,\n\t\"./team-4-470x470.png\": 170,\n\t\"./txt.png\": 419,\n\t\"./vue.jpg\": 420,\n\t\"./wav.png\": 421,\n\t\"./wmv.png\": 422,\n\t\"./xls.png\": 423,\n\t\"./zip.png\": 424\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 165;","export default \"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEBLAEsAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAD/AW4DASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD+0iiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKK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ACxYinnt8eRcXEAHaKaWNe3VVYK3QfeB55680AflR4l/YV/aB0DdJp2meHfFlumUE2ga9Cs0px8ipY6lDYz+u3ci5JUdQQfAfEfwh+LXg/f/AMJN8N/GmlRxBvNupvDuo3Nkm04YvqFhDcWCjPQmdQw5Ga/emHxFrUHAu/NTgbZ1WTjGCCQqsQOoXdySxJBNa8HjO+QBZ7SCVR/zxlkgbPrz5iLxjChCowSck7gAfz8fDb4V+OPix4jsvDPhHQ9RunublYb3Vfss6aTo1qZES41DVNSeE2dsII3MnlTSebOFKQxOSBX9BkulW3hXwLpPhmyYm20jStG8PWzlcbodNtba38zZklN6WudpO4eZtbLR7quL4ztSnz2N0rjkBHgdN3uzNGcd/wDVkA42qpBJ5bWNZn1eVCyCC2hz5NuG3nJ6ySvhdznk4wdvZjkigDEVQGbAI+6OemAoxg4+oPJ6ds0+iigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKAP/2Q==\"","export default __webpack_public_path__ + \"static/media/team-1-800x800.fa5a7ac2.jpg\";","export default __webpack_public_path__ + \"static/media/team-2-800x800.3e08ef14.jpg\";","export default __webpack_public_path__ + \"static/media/team-3-800x800.19201574.jpg\";","export default __webpack_public_path__ + \"static/media/team-4-470x470.4ef82ef4.png\";","export default \"data:image/png;base64,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\"","var map = {\n\t\"./ckb.js\": 63,\n\t\"./da.js\": 64,\n\t\"./de.js\": 65,\n\t\"./en.js\": 41,\n\t\"./es.js\": 66,\n\t\"./fr.js\": 67,\n\t\"./he.js\": 68,\n\t\"./index.js\": 373,\n\t\"./it.js\": 69,\n\t\"./ja.js\": 70,\n\t\"./ko.js\": 71,\n\t\"./lv.js\": 72,\n\t\"./nl.js\": 73,\n\t\"./pl.js\": 74,\n\t\"./pt_br.js\": 75,\n\t\"./ro.js\": 76,\n\t\"./ru.js\": 77,\n\t\"./se.js\": 78,\n\t\"./ua.js\": 79,\n\t\"./ur.js\": 80,\n\t\"./zh_cn.js\": 81\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 372;","export default __webpack_public_path__ + \"static/media/20210801120724899_b.aae07ad8.jpg\";","export default __webpack_public_path__ + \"static/media/20210809_122745_3589.d2d67d94.jpg\";","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAALsAAAC7AHtM7T6AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAbNQTFRF////1dXV39/f586q77Vr39/f2tvb5MGP1NbWpKmtpaqupqqupquvp6uvp6yvp6ywqKywqK2wqa6yqq6yqq+yq6+zrLCzrLG0rbG1rrK2r7S3sLS3sbW4sra5sre6s7e6tLe6tLi7tbm7tbm8trm8t7u+uLu+uby/ub2/ur3Aur7Au7/BvcDCvcDDvcHCv8LEwMTFwcTGwsTGxMbIxcjJxsjKx8nKx8rLyMrMyMvMyczMyszOy83Oy83PzM7Pzc7Qzs/Qzs/RztDRz9HR0NHT0NLS0NLT0dPT0dPU0tPU09TV1NXW1dbX1dfX1tfY19jZ19nZ2NnZ2Nna2dra2drb2tvc269w3M+63Nzd3N3d3N3e3a1p3d3d3d3e3d7e3t7f3+Dg4LBs4ODg4ODh4OHh4b2K4eHh4eHi4rl+4uLi4+Pj4+Tk5OTk5d/W5eDZ5eLe7MiV77158aQ686Ev9qQx+pcN+5IA/IYI/IgG/IkF/XsO/X8M/YIK/m4X/m8W/nIU/nMT/nQT/ncR/2cb/2ga/2kf/2wY/2wj/3Ir/3Mt/3Qv/3o4/38//4RH/5Jb/72c/9C4sdNj9gAAAAl0Uk5TAAYQFR8o6PP3vUFOmwAAAfRJREFUWMPt1ulXElEYwGEkKV/AgDALx5GsbDESyyWIUlNoIizalTYXigLGhaJcKkupyCjgT3YWZgSFc+575wun+H2ZTzxn5r1z76DTSTV/JOuQQVc9UuB1i0Eb8JarIZADNQQEUF04sEzWFFdD0PNkPeRqCDigioAE9gtYYJ9ACjy/p3SwiQooS//PA6fMakfc9/HADaiIGfL5fNdIgaVUKjX3TO2J2y4rZlJgoXIDfuATN88YBcCEAD6tK30WAKFYF8AYAviSyWRzudyPTOabDMTdfYMcDvhbLBZ/q0AkcMUdxAGlSkCiG4yagPnhqwHMI6yuKK3JwEvvBWeQehnFum0MBtj4rrRZuoMJ4RDBzeBPoVD4pc5gtr/Dghzidj6fz6pA8vxJF6dlFSJcwIsBvv5U2iq9ieeMoGEV3oyctlssDCmwmE6n3+/27rbLgtvOYpcrDxRgO8HWgwFiR8t+3T4wzYeAxZ2Jj4Nqd5I878fewd482BnsbZxl2RP/25epAdQF8NQvdYsaGJF3opUaGBX/nAA4+LgU3QzCAJ6ofCczVEAvtEZlwBSlAV4Y4aJwIMevA3ipHuESwAPh8ugwnKV6D2JWcIoXBxx/RQUIx9i4NAjwhEIUM0gcg7YEz9+VVyGEByYZxiMuJSMVbmznegZ2ACUG55P89q0fAAAAAElFTkSuQmCC\"","export default __webpack_public_path__ + \"static/media/Group_12.5d6d8084.png\";","export default __webpack_public_path__ + \"static/media/Logo_x3.655f1ca8.png\";","export default __webpack_public_path__ + \"static/media/No-image.7dc847e1.jpg\";","export default __webpack_public_path__ + \"static/media/angular.b5045666.jpg\";","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAALsAAAC7AHtM7T6AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAi5QTFRF////1dXV7+/vwtvzlMX339/f3N3dosfn1dbWOKP/OaP/OaT/OqT/O6T/PKX+PaX/Pab/PqX+P6b+QKb+Qaf+Qqf+RKj9Rqn9SKv/Sar9S6z/TKv8T6z8T63/UK7/Uq38VbD/Vq/7V7H/XbT/X7L6Y7T5ZrX5Z7X5a7f4b7j4b7n4cbn4drv3d7z3eMH/fr/2f7/2gL/2gMT/gsD1g8D1g8b/hMH1hcH1icP0isP0jMT0jcr/j8X0kMX0kcbzk8DllM7/m8rynMPkncvyntL/oszxpKmtpaqups7xp6uvp6ywqKywqa2xqa6xqa6yqq+yqq+zq7Czq9DwrLG0rbK1rdHwrrK1rrK2rrO2r7O3r7S3r9LvsbW4sdv/s7e6tNTvtbi7trq9uLu+uNXuudbuur3Aur7Aut//u77BvL/CvNfuvdfuvsHDvuH/v9jtwdntwsXHwtLfw8bIxMfJxcfJxcjKxdrtxsjKx8nLyMrMyOb/yczNyszOzM7QzN3szc/Rzd3sztDSzt7rzuj/z9HSz+n/0dLU0dPT0dPU0d/r0tPV09TV0+Dr1NXX1ODr1dbX1tfY1uHq1+3/2dra2drb2tvb2tvc2uLq29zd3N3e3OPq3d3e3d7f3eTp3t/f3t/g3uTp3+Dg3+Tp3/D/4OHh4OXp4eHi4eLi4eXp4uPj4+bp5eXl5ebm5efo5ubm5ufn5+fn5+fo5+jo6Ojo6/b/8vn/9vv/+fz/+/3/////yye0VQAAAAl0Uk5TAAYQFR8o6PP3vUFOmwAAAkdJREFUWMPt1ddTE1EYBfAVRQXsvcQaxRp7wd5P7LEbdRUFC9gLBguKBRNx7SIkGhUV7LFwbPe/8+ESUjaZuTfOWGb43vbOnN/DzlcMwzAMw2iXo1Ydso3UpQos7pj9e8CCQBpBHUgjaACphbYb1OpEII2QRbV6GEgj6AEpBE3ALugCNkEVeP4gWu3bZATEVdYfACJ7500c4ypYXpcZ8G5W7+b2yxt1JQPANyyug7svatIEInM7Jw7ByGo9oMA2Ro5GHeBYnn0QJ2sAb4bIjNOZGycUqwMzZKLrV3FtaAwYWK8KvOgiE8OFED8WdmoRlqkCm3NigBD3nVFgtCowNQEQP5d2k989VYGxiYAQL/vJh3pFYEQyIHbKh0uKQL4NmCIfbisCriTg+xz5nRtRBOYnAucGR7tZ9Sf64oFv01v6YJpyJzpkYJAQ4siAWCseUgaKmxMHrk6Im4XxGtM4KcVZ7P9IA2h02IFCrYVytFdyfqbmTryZnxDvu0N7qTYt6RHLj6vL5C5Uz5aLuY+rMOPL9OTiQd+9L3/vtLUC/zsQ9vv9r8lXllVDstayGp5a1lsNYB+AU+QzYB1JL/D4LHBHHfiwAuuxhaQJhNgAeKkH3AAqgCB5BqhgJVCmCZRi7Xs3TpNhoIglQFAP+LQK+7kLXpLbsfLjamyiHnALKPUXASGyHKgCTmoChyGrnAwBu4FaPeDzGrg9Ho8b20huBbCResBdoITkHiBMlgE4rgmcN83rJC+YZhUZNE2zluRl06xpHed/FfgFBAalnMy5TxsAAAAASUVORK5CYII=\"","export default __webpack_public_path__ + \"static/media/bootstrap.bd712487.jpg\";","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default __webpack_public_path__ + \"static/media/component-info-2.5212a3a6.png\";","export default __webpack_public_path__ + \"static/media/component-info-card.d19a4464.png\";","export default __webpack_public_path__ + \"static/media/component-menu.418bd949.png\";","export default __webpack_public_path__ + \"static/media/component-profile-card.52a3ee76.png\";","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAALsAAAC7AHtM7T6AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAjRQTFRF////1dXV7+/vtsLbc5y939/f3N3dj6nC1dbWAEqUAkuVBU6WBk6WBk6XCVCYClGYDVOZDlSaE1icFFicGVyeH2ChIGGhImKiI2OjJWSkKWelK2ejK2imMWumOXKsO3StPHWtPnauP3euQHevQ3qwRHqxRXuxRnyxSn+zSn+0TIC0TYG0ToG1T4K1UIO2UoS2VIa3V4i5XYy7Xo27X428YI68ZZK+Z5O/aJTAa5bBbpjCb5nDcZrDdJm+dp7Gd5u/d57GfZy6faPIfqPJh6rNiaS+ja7Pj7DQkrLRmLHLmLbUn7vXoLzXor3YpKmtpL7Zpamtpaqupquvp6ywp7zRqKywqK2wqK2xqa2xqa6xqq6yqq+yqq+zq6+zq7CzrLC0rbG0rrK2r7O2sLS4sMfesbW4sra5s7e6tLi7tMrgtbi7tbm8tcrgt8zhuLu+uLy+uLy/uM3huby/ur3AusXQus7ivM/jvcDDvsHDvtHkv8LFwMPFwMPGwM3awNLlwcTGwsXHw8XIw8bIw9TmxMbJxsjKyMrMyNjoycvNyszOy83Pzc/RztDRztDS0dPT0dPU0d7s0tPV09TV09TW1NbX1dbX1eHt1tfY2Nna2dra2drb2tvb2tvc29zd3N3d3Obw3d7e3d7f3efx3t/f3ujx3+Dg3+Dh4OHh4Ony4eHi4uLi4uLj4uPj4+Pk4+Tk5OXl5eXl5ubm5ufn5+fn6Ojo6/H38fX58/b6+Pr8/f7+/v7/////MxS0igAAAAl0Uk5TAAYQFR8o6PP3vUFOmwAAAm1JREFUWMPt1vdTE0EUB/CIoj4bKF7svYsFG/beDT682ADFHmIHKwooKBZAEzWIaAxYARUxYp4t+8/57gIzznA3sxtGRxy+P+ReduZ9brO3dxeHw0wvkEufRId1ZIGNfRM7B6z12wjygI2gAFgLPbfK5aLfRkgguTz32whqgIWgCHQUVIEOgizQ8Kw9vXvEBfyWhD8IjBlgk9WSwCi7fbhSGlh31yITFIAMYZE5XQ1I1bS53PXCqWnXhYiO1bQhasA4gPEMLOPFPyPEZT6MVgOmAEwU4ltyDJgHkDRDDZgJMFmIzWACXwcCLFZcgzSAaeLnsBiwiT+fKALzAaaLYwBDDWAkwFTVq5AOkComQf9FDJTzBE6oArz8aQ95FksAzi0AGBFVBVYBpHNzJs/g9CCALcobaT3A0mRI+bEQYDnA4O/KwAaA4QBrBANOgBXqW9ncAf3eGQAfX6sD24zGWSIGzI7jZsowGi+1AVfjAN66XK7tUSHK+ZjZBR8oKU6LJCkAnXys77L7e3Htb73auoH/AHgZCFQ//dD25dWjqkBDe33v8ScZ4BYayQtxGS40Sr2sletgrlEXygFZOxDdb4iKucXou01Ut5fLfXhfDgi+L0EsoCYds4NUo6M7TAWIdyIU+iwJUAvifqpGvMADHsQQ5eCeiOQimgAdRvxSwWflgSLEB02IZ0kFaHVjDvkQS3ggH7H2I6JHCahBPEXBWFc2YiPtRmyRB0rzdT4rRY4geiuOIh43f8ehSl+RT3of6HzpqHanWWfVETUfNMtKCaDK4/Gcv1lv1o1X8nK9xc1GGb7hPXCyrL77dv4ngV9TtbhlBCEW3gAAAABJRU5ErkJggg==\"","export default __webpack_public_path__ + \"static/media/documentation.014ebef5.png\";","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAALsAAAC7AHtM7T6AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAApFQTFRF////1dXV7+/vwtvzlMX339/f3N3dosfn1dbWAHk0Ano2Ano6Ano7Ans8A3s+B306B309B35MB35NCH9RDH8+DYA+D4RqD4RrEINZEIVwEoZ0E4NDGodJG42XHI6aHY+eH4x6IotPJIxTJpW9Jpa/J41TKJfDL5zfMJ3jMZ7mNqH3NqL4NqL5N5ZgOKP/OqT/PKX/PaX+Pqb/P6b/Qqf2RJ1qSJ9tSJ+USKr/SZ+VSav/Ta3/TqrkT6NzUK7/UavSU7D/VKV3VquzV6d5WLD7Wah7WbDlWrP/XLT/XbL6YayBYbb/Yrb/ZLj/Z7n/aLn/a7GJb7z/b73/cLKvc77/d8D/eLiWecH/esL/fLvafcP/fsP/gMT/hLu6hMb/h8CfiMj/jMOrjMbQjMr/kMX0ksbzksz/k8Dlk8nLk83/msqvm9H/nMPknMuwoM2zpKmtpaquptC4p6ywp8vMqKywqa2xqa6xqq+zq9Dwq9j/rLG0rbG0rrK1rrK2rrO2r7S3r9W/r9n3sbW4sdv/s7e6s9z/tLi7tNjDtd3/t7q9t7u9t7u+uLy/uby/ub2/ud//ut//u77BvdzKvd7fvsHDwMPFwsTHwsXHwtLfw8bIxMbJxODQyeb/ys3OyuTZy83Py+f/zc/Rz+n/0NLT0dLU0dPT0dPU0efa09TV09TW1Ojd1une19jZ1+3/2Ozz2dra2drb2tvb2tvc29zd3d3e3d7e3d7f3t/f3+Dg3+Dh4O/m4eHi4eLi4fH/4uLi4+Pk4+Tk5OTk5OXl5PHq5PL25PP/5eXl5fP/5ubm5+jo5/Ls6Ojo6vX26/b/7/j/8vj38vn/9fr69vv/9/v/+vz7+/3//P7//f79/f7//v7+////mn/HxgAAAAl0Uk5TAAYQFR8o6PP3vUFOmwAAAj9JREFUWIXt0/dT1FAQwPET64LYsGKviL2Cir2BitiwV+zY3oEFRLEErNi7p9jvOMF+thO7iOXZBT33rzHJTTI3w2V8m1NnHPn+lJeZ/Uyyk1gsapW6iFW1ssV/osCKagaCKLDEbiCIAwYCAfAvVEwX64TdQAjiYt20Gwg0wI9ABMoKVKCMIArcv65VpYIpwKegPwiM6m7QIkFguNF3uPDfA7pNXn5gW3KCaWDOK1S7kGAK6JqFpTunxsXPOoffZpoBtuKjwd65xC+eaXQgHov6aO8+rvR9TyKw4MM1TOqlb289LiYC85TlLdWBfi+TiUCPd4gPWkXoQswYItB+CuY1gQba/NhPnjga0Ch4SD0AaOOdn/gVcT8JaAewI0UG6nRUgavyQjwDCUCnMIBDGCULzVQg9jCe+hxLAJrLo52xoDFA9UgFGFnytm6tCHGgf6gMwDLMbwkQLs9P+PhjGEB9caCFMg/Bq7Bk5YC2g2acxu+jlRuthYGG4BXGv/D+jWd6q+faHYgAQM0Rc7ekzB+qHZuSAbUaIdpVyHRTgE99AwWi/xYwe5JBqwUBscqB/wJwOXIv3ub8tdN5ixc7la5QgDvbmVIuf8zYQX5XPUgE4FmaPJBptT7UgTUZGTkE4Dhje+7xYhfXARttB9mM3XjqdrsLdeCIy1VIANaxtW9s8lts8t3BMQKwkVmfBwTkMHaZ890+AHEHDsZSj17abB7g+9SHDgDg53dtyNx70sGfSJKNuyXpLBX4deXA7wN+AgwwhFMw28UxAAAAAElFTkSuQmCC\"","export default __webpack_public_path__ + \"static/media/github.6c955556.svg\";","export default __webpack_public_path__ + \"static/media/google.eae9aa93.svg\";","export default __webpack_public_path__ + \"static/media/ill_header.e0728412.png\";","export default __webpack_public_path__ + \"static/media/images.acb2ecc1.jpg\";","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAALsAAAC7AHtM7T6AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAZ5QTFRF////1dXV7+/vwtvzlMX339/f3N3dosfn1dbWAHk0AXo4Ano6Ano7Ans8A3s+BX1HBn1JBn5LB35MB35NCH9RCYBUDoRpD4RqD4RrEINZEIVwEoZ0GYyQGoyRG42WG42XG46YHI6aHY+eH4x6H5CjJJS1JJS3JZW7JpW9JpW+Jpa/KJfDKZjIL5zfMJ3jMZ7mMp/qNaH1NqH3NqL4NqL5N6L7OKP+OKP/PaX+SJ+USZ+VTqrkWLD7XbL6cLKvfLvahLu6kMX0ksbzk8DlnMPkpKmtpamtpquvp6uvp6ywp8vMqa6xq6+zq9DwrLC0rLG0rbG1r7O3sbW4s7e6trq9t7u+uLu+uby/ub2/ub3Aur3Aur7Au7/Bv8LFwMPFwtLfxcjKxsjKxsnLyMrMyszOys3Oy83PzM7Pzc/RztDSz9HSz9HT0NLT0dPT0dPU0tTV09TV1NXW1dbX1tfY1tjZ19jZ2Nna2dra2drb2tvb29zd3d7f39/g3+Dg3+Dh4OHh4eLi4uLi4+Pj5OTl5eXl5ebm5ubm5+fn5+jo6OjoAt2LRwAAAAl0Uk5TAAYQFR8o6PP3vUFOmwAAAchJREFUWMPt1WdTwkAQBmDsHth7711RsWHvq8YG9oKiKHbRKPaC2MD71ybEKDOSmbvLyAf1/bR7M/tMZueSaDS+hBvJEhWhCRxSYDA6Qh0w4FAQyAEFgQIILIRNkGXNoSCEYrJcOxQEOiCAQAl8F2iBbwIpcH8pJzKECfBL6A8CXa0K6ScEOpXuYd8/EGygvkUlkFaqDihH8QY1QEMiQjlqgDyEkFbPDtTqBABlsANZyJcqebSsjA6oluZRcqM0b0hIMNAATSkfACqUgFyEcmmAInkexdSJ83qttFFSoCP2E0DZIpAhVunkQDHyS43RWClVFcRApj+Q2tyYLFVJDUwAKimQq3w2IE4nV7oeJsAv7WqBtmABvd0KGQ3Wr+0f+B3AE8/fYjfP88476eDhZHvvwksOnAPYMA9iZlwYP1uHxHKOHuCGAWYxXhSmTSOwTw/YX80w7HUCmM+w98bDALyMAYfXhc7jEuKlBkwcwDy2AFydikt4ZFnilAuvAhwzAku7Z8Jj2wGsGG+yAHZf5+ZgaOHAQglsfAF423cNaIAjgB18Pj19+NFfLU9Nzlq3PITAw80cgFPFu2ATl/+mAtjixlfcf+mD8g5sgxXy3snt+gAAAABJRU5ErkJggg==\"","export default __webpack_public_path__ + \"static/media/landing.8150f1b0.jpg\";","export default __webpack_public_path__ + \"static/media/login.9c1ecd37.jpg\";","export default \"data:image/png;base64,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\"","export default __webpack_public_path__ + \"static/media/mju-logo.b4f2b043.png\";","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAALsAAAC7AHtM7T6AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAZtQTFRF////1dXV39/f586q77Vr39/f2tvb5MGP1NbWpKmtpamtpaqupqqupquvp6uvp6yvp6ywqKywqK2xqa2xqq6yqq+yq7CzrLCzrLC0rbG1rrK1rrK2sLS3sbW4srW5sra5s7a6s7e6tLe6tbi7trq9t7q9t7u9uLu+uLy+ub2/ur3Au77Bu7/BvL/Cv8LEwMPFwcPGwcTGw8bIxMbIxcjJxcjKx8nLx8rMycvNyszOzc/Rzs/RztDRz9HS0NHT0NLT0dPT0dPU0tTV09TW1NXW1dbX1dfX1tjY19nZ2Nna2dra2drb2tvb29zc29zd3M+63N3d3d3d3d7e3t7f39/f4ODg4ODh4OHh4b2K4eHi4rl+4uLi4uPj4+Pj4+Tk5OPi5OTj5OTk5tvM5t3R59XM6ODT6cy+6eDT6s2l7MiV7bie77x077578Nu98NzA8qF48qF58siN869Q9K1K9LNY9pJg99y4+J0e+ZkV+pQF+rRU+5IA+5MD/IEe/KAg/K1A/OXF/XsO/cJw/dOY/dSa/vLi/2cb//37////ggXpXAAAAAl0Uk5TAAYQFR8o6PP3vUFOmwAAAfRJREFUWMPt1VdbE0EUxvEVRX2zRKOOOlExYgE0IooNCyFi7w2NiIG8FEF6bwsGFWQ/thebQAKbx5nJ8+gF+X+A382cOceyLMuyrF2OWnvKLf9UgU97y4sDPscLCOpAAUED8Bd2flPrdbyAUEa1nsULCHqAj6AJbBV0gS2CKvD2SbbdO4yAnMq2CzAxNzdRDNC16DiLXUUAg47jOIPmQOdCOp1OL3QaA8Ou67quO2wMLHvAsinQt+YBa32GwPjPTONmQGo2u8hmU0ZA/8Yq7DcCJjeASROgd+XXeiu9BsCMm9OMPpBazQVWU9rAiJvXiDYw9T2vKV2gez7/ps13awJDm6/ikA4wMDa69GNTS6NjA8rA9G/fpv8d0PPVt57teVhKwP8BEkKIKyQbhBCtPCcqyQZx+KYQdWQyLI4l/wZ8BHCE5HEA7xmB5CMb0eQhHOzgQ+AiFQAbT/kGdgZoC+NognXAY14FmlWAk7jORkQywCUEHpD3gGuMINSuAtTjFKtx2QOCwFmSXw7g9AcbF6gC3KkIvNsXuusBAOwXJKMINgFNSkDsDKKoiXlA6FYA1SRjQA2CbWrADQCNsewrRIH7ZPt+VKCWasBzAK/WgZc2TnSQ5wHcVhkkKVtYKavYImUra2UVWS9lMxmTMpwo/cYS4A/8Ae8Dk/3AngqIAAAAAElFTkSuQmCC\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAALsAAAC7AHtM7T6AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAoJQTFRF////1dXV7+/vwtvzlMX339/f3N3dosfn1dbWMz5IMz5JMz9JM0JQM0dZM0hZNElcNEpeNFJtNFNvNFRvNFZ0NFp7NFt8NFt9NV6DNWWPNWqYNWybNW2dNW6eNW+hNXCjNnKnNnWsNnevNnm0Nnq0Nn26Nn+9NoHBNoLDNoPGN4XJN4nQN4rTN4zVN43XN5HeN5LfN5XlN5XmN5fpN5jsOJvxOJzzOJ/5OKL9OKL+OKP+OKP/OaP/OaT/OqT/O6T/PqX+QKb+Qqf+Q6f+RKj9Rqj9R6n9UKz8Uq38VK77WrD7X7L6YLP6ZLT5ZrX5Z7X5abb5arf4b7n4cbn4c7r3dbv3d7z3eLz3ebz3gsD1g8D1iML1icP0jMT0jcT0kMX0ksbzk8Dll8jzm8rynMPkn8vyo83xpKmtpamtpaqupquvp6ywp8/wqKywqK2wqK2xqa2xqq6yqq+yq9DwrLC0rLG0rNDwrbG0rbG1rdHwrrK1rrO2r7O3r9LvsLS3sbW4sra5stPvs7e6tdTvtrq9ttXut7u+uLy/uby/ub3Aur7Au77Bu7/BvL/CvNfuvdfuvsHDv8LFv9jtwMPFwsTHwtLfw8bIw9rtxMbJxMfJxcjKxdrtxsjKxsnLxtvsyMrMyNzsycvNydzsys3Oy83Pzc/Qzc/RztDSzt7rz9HS0NLT0N/r0dPT0dPU0d/r0tPV0tTV09TV09XW0+Dr1NXW1NbX1eHq1tfY1tjZ19na2Nna2OLq2dra2drb2eLq2tvb2tvc2uPq29zd3N3e3d3e3d7f3+Dg4OHh4eHi4eLi4eXp4ubp4+Pj4+bp5OXl5Obp5eXl5efo5ubm5+fn5+jo6Ojo773OpwAAAAl0Uk5TAAYQFR8o6PP3vUFOmwAAAqRJREFUWMPt1edTE0EUAPCIop4N7L333kVcFWJX7FhB7PoCUQyxoUYPY0TFjoVYgqIQRCMasaJgFEUFUUH2//Fa8GJyM2/jjGWG9yG3t5P329m9t7s6nRSNCC6ahOoCBxbY3DT094ANLg0BD2gIDEBgoeFOXFxyaQghFBevXRoCGxBAYAT8BVbAT8AC5a+80bhBUIAqQv4AUHUkYdXi2LgtRcEBlfF6b/3FZAcBZM1VVXDUumpGoHrtVN9NMO8WG5Cgyp00ZvBAQma9YQGylPHHD+3TuU0LjmsvtJcxAFXy/Ie04pQQAbIPD6yRx+/P+QAzS7FARbQKCOvQbUBLCSAbscBB4gW6D5sgNsJlYD4WWF0HjJAbCjClEgks1QDIPSQQowWcRQILtYBrSGCFLzBxXJgCvEQC69VAZO9wpQ7IjFokcFP6+6iu7USgr1gMPaWelehKFCu5i5g4kpBeHNe8U4QEHEYDZyaTsc2E/I5CVuTwQaPlGS1h2I1xhPRo27pfhPpEmP6UAaiY7X+vbmM6UDL1v+YvZzwTCxf4pE/bynyo1m6K/pm/qCiYe+FO/BwpWx+7J+ibqTT7aGbh1793tdUD/zFQ5na7vwnPErf7EaXPhF+P+Pr9ubPgIwq4CAAPhGcKQBKlB4Q3SM6jnl1iw/oFCZyj1AMKYDABGDw1qWBJBshHAUYwU+qA7TJgpjkAt+m7cnofoBgFWE3goVZI9wIOgDxKC+z74RhuDQ6dBMdnw47LMpAoLEPie0rNAKdqcEBqPqTdhQx73SIm5Qr9521GML1FAbs/AdjAqQDG3IfK53sBcAEHUF4Y9oPduwZiOK8+fpIhfR4UcAXAQn2A6yDNxYMAcvh0WsLzN2gun0bpCd4m9RYf35tiOV1Wv53/TeAH1kEYF9cDGhgAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAALsAAAC7AHtM7T6AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAgpQTFRF////1dXV7+/vwtvzlMX339/f3N3dosfn1dbWOKP/OaP/OqT/O6T/PaX+PaX/Pqb/Qaf/RKj/Rqn/S6z/TKz/Ta3/Tq3/UK7/U6//U7D/VbD/VrH/V7H/WLD7WLL/XLT/XbL6YLX/Ybb/Yrb/Y7f/aLn/bbz/b7z/b73/dsD/f8T/gcX/hMb/hsf/h8f/i8n/jcr/kMX0kcz/ksbzksz/k8Dlm9H/nMPkndL/ntL/pKmtpamtpaqupdb/pquvp6ywqKywqK2wqK2xqa2xqq6yqq+yq6+zq9DwrLG0rNn/rbG1rdn/rrO2rtn/r7O3sLS3sbW4sra5stv/s7e6s9z/tLi7tbi7tbm8trq9t7u9t7u+t9Xuub2/ub3Aur3Aur7Au77Bu+D/vsHDv8LEwsTHwsXHwtLfwuP/w8bIxMbJxMfJxOT/xsnLx8rMx+X/yMrMyOX/ycvNyszOys3Oytzsy83Py+f/zc/Qzc/RztDSzuj/z+n/0NLT0dPT0tPV0tTV09TV09XW1tfY1uz/1+3/2O3/2dra2drb2tvb2tvc2u7/29zd3N3e3d7f3+Dg3+Dh3/D/4OHh4eHi4eLi4fH/4+Pj5PL/5PP/5eXl5fP/5ufn5+fn5+jo6Ojo6PT/6fX/6/b/7Pb/8fn/8vn/8/n/9Pr/9vv/9/v/+fz/+v3//P7//f7//v//////X2OPpgAAAAl0Uk5TAAYQFR8o6PP3vUFOmwAAAj1JREFUWMPt1udTE0EYBvCIoh5Rib13scaG/QkmKmA99CIWxN5FY0GNKBg5Kx4KKjYsr11R4/2PXuHiZcjN7HuO6Dg8H3LZ2ezv5nbf3UsgYKWPJJZ++YHcEQWW9c//PWBJykMQBzwEBpBb6L1OLMdSHkIeieVuykPgATkEJtBV4AJdBFGg9Y6Tvr18Aa7k/UFg0kCPLBIExnvV4cLuBgqKig8+u10RHuMTGFWv20mvLPQDzP+iZ/JkKh+YrbvzaTgXGPYxC9DPcIFT1sOPm3bTEebygBHWoPeSFFzcYQO3eMAsB5Ck0Zes798GsYAVvwBJmpc2G5NZwHE3IG0zG2EWsMkNDH1nNmawgLALmPPBagxhARMzwMhz9iq84K3CgDfmoI5QcIFT0BuYhTT9hzmq4aFTR28Hc/dCRXYpz2RvplCDa3h6qY/tHCz+6ox/XuTvRJqwtfm7rn+uXx7yfyYWThlb8BcPVd/Abq+/Fxe769XWA/wHwH1VVduNa5OqXie6YXxq7XaPpqoiwBEA14xrGRAlko0WVteZHa0xQBQ4ZNwOnUCkFIhoRK93QBSIoZwogVU2UE61wAWi8xAGKkuhUSWqHSAB1FFLNLpdFNhyAImnkTUnbKDEmIaSlldxJPaJAhuvIH4V+2sykxhN0mms1XYC916KAOsfA1W43AnEko1tRLtg54EQQIrx00c1zhyYOSzLsrGMcpsYcBLYTFmAmT1ic1CrVFOTopylpBIn2qtUZXqOKkrPdv43gZ8avtHkARVANwAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAALsAAAC7AHtM7T6AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAeZQTFRF////1dXV7+/vwsLCjJSc39/f3N3doKWo1dbWMz5IM0FNM0JQM0ZWM0dYM0dZNEtgNE5lNFFqNFZzNFp7NFt8NW6eNnGkNnq1OKP/dn2EjJKYkZebmqCjpKmtpamspaqupqqupquvp6uvp6ywqK2wqa2xqa6xqq2xqq+yqq+zq6+zrLC0rLG0rbG0rbG1rbK1rrK2rrO2r7K2r7O2r7O3sLS3sLS4sbW4sra5sra6s7e6tLe7tLi7tLm8tbi7tbm8trm8trq9t7q9t7u9uLu+uLy/ub2/ub3Aur3Aur7Au77BvL/CvcDDvcHEvsHEvsLFv8PFwMPFwMPGwcTFwcTGwcTHwsXHw8XHw8XIw8fJxMbJxMfJxMfKxcfJxcjLxsjKxsnLxsnMyMrMycvNyszOy83Py87Py87QzM7Qzc/SztDRztDSztDTztHTz9HSz9LU0NLT0dPT0dPU0tPV0tTV09TV1NXX1NbX1dbX1dfZ1tfY1tna19jZ19nb19rb2Nna2dra2drb2dvd2tvb2tvc29zd3N3e3d7e3d7f3t7f3t/f39/g3+Dg3+Dh4OHh4OLj4eHi4eLi4uLi4uTl4+Tk4+Tm5OTk5eXl5ebo5ubm5+fn5+jo5+nq6Ojo7u/w8fLy9PX1////ecrbSgAAAAl0Uk5TAAYQFR8o6PP3vUFOmwAAAiRJREFUWMPt1YlTEmEYBnCy7C67D+ppo9QKy6KyBStJ7dK2u+i+tku7ibAwO75y0Q6NTkX7sv7Tvt2lmWb5aF/aGcYmnxnmgRn4zfcuL4vPZ2XCFFomlfvkoQJLJ5d7A5bECwh0oIBQBCAXxq+i5Wi8gFDGaXkZLyAUB0iEIoF8oVggT6ACb5//ysRxfwX8lrLRDPQkkyc25aUtmfxEBE4f3O+fMduRqetObWdU4Ougf/4iR2ZFvt8mA4AEqALIQPt1CbAxdYAMvHgiAbZ8Pl+6ETyfwPM18DyC5z0Qmzh3oSMzi9nEQMBfMc+RaVUrFTIw8k0ywtYfKTIQiUiAYLSWDES3yYBdodKN4HkPjh+RALWXGsnA4EcJEB5pL90Id29JgM1PD5GBxyn/nAWOTK97d5YK3Ne0ZYvzslPT3vwz/0xjwH8PvGcsbZfBBxhjX8QLsxnLimeZzkT30J8BHVgh3roPCHEGQIkmrAZ6+YdWs9e7AnjIh6tzgFqN5RnR9c3NGd4ArN5RGXMDgjgsPrrGBph4dDD7TvIIiInzZ92AvUoNv4BWG7ihAd2i14bC5uFed+i63u8CtDTACAeu5K6BOP2w1ZX8JAJDwkOXC7BbxzE0ttnAhqaLA2Y/6Ovn14BnXVcJgAEFl3OAdQ8Tfccwsj0K6jtfEQAeBNIOwPoaY1a7ADfVGD+jRnlC3cPTqmouldkifZzfa6qpazmXGfs1jj7gJ9VxfKluc73uAAAAAElFTkSuQmCC\"","export default \"data:image/jpeg;base64,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1fxlcR+H9FlmuRpmmW95ptlp+ptAfoEs56SODwMhiDgEHGfTjpTCuQBuYEHO4H5icYJJx1Pc9c0AfKl38SPiheGC70nw/q5bRVtpvEukWuj6b++/4Qe3RfiGsE+sy2Mj23iPX9Xj0HQJNLlu717bwtfX+k2dyt207dJo/wAVZ7DUPF7+Jbue4tINO1jUfCGkjSZLS+13+z/HHxHsLSy00R2Uc15c3WhaN4YtoY5DvYy290w3X0s0v0SecZ5xjGecYGBj6Dgeg6UoLLuAd8McnLH0Ax9AAAB2FAHxlrXxE+LWj2WmaTq019onivTdP8b3OpfabLQYU17UIofB2reDobVNP0PxhpmqHZrWvaFa6BpV9o1/rcmjzGfWdMvY5GXsNa+Jerv4e02G18QLpuuw/E3xJo3iVZEtNGudJ8Mw33jtdCW/nvvDPiqy0pJYdK0GKO8Gj30l0WjjFyr3/wBrb6c5GNrMoHUK20EccEDqOMY9MjvRl8qRJIoUAAKxAABzjHYHocYyABQBieHLn7XoWkXJvBfvcabZTveiaG5+1NJboWn+02+naTb3HmsGbzodL06OT76WVqrCFNujuT3PJPcn1J6n8aKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooA//9k=\"","export default \"data:image/png;base64,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\"","export default \"data:image/jpeg;base64,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ZtySAuPY0Iq+vwtteFA1zi/x9KcX+PsaEVfX4W2vCjUA9AB0YxvT0jgNqoI6BGs4MwCGFMa+HoUIq+vwtteFGqgbv6iobvrTF6ncoTMxFEIDXca6EVfX4W2vCjTsgIprGfqEDKIot8DTOH8QiQG5QgAI4OqhFX1+Ftrwo0zMlV59aZnQ86DPYRkWZ0NF2WpQir6/C214UaH7wIS5cz9YFi4Td4IDRVR0u+kSLhSk97TQir6/C214UDQ/MdoewlR6BgwHZnWE9jbqgIzg6KEVfX4W2vCgRnJs+yHMPId0RIRyfQnL+I6KEVfX4W2vCiBOEyARi7aDx7yYfS7iNCKvr8LbXhRCck6vHvQg7EIY+aFCKvr8LbXhQqDQVRgn3xZihAhwaqhFX1+FtrwoRkBGokJlEEZRFCMoWUaUIQjKIIyiKEZRFCMo0IQjKIIyiKEZRBGUIIygVFKEVfX4W2vCgcFQUVfX4W2vwxCEIQhCEIQhCEIQhCEIQhCEIQhCEIS+vwroTHos9Ds9Ds8s8s8s8s9o7uzyzyzyzyzyzyz0Oz0e7PLPLPLPLPQ7PLPQ7PLPQ7PLPIIcYdf+HVdJEdYOp9JlSFUJLSGqD/Agp3vpfJJ3RovxoAOQAU1kAghwXEAEbE0TOAPMu6BjbZUOvzYQRwh3UpIQMs6TaAdkSBVTGQC0H/1EgVRCW+1AByccrU/dkJSA8whr5h0X40QAsqL8keaMyOdIfcQSdwKm8IFohwUIS9SBVmyMUCaqE1nPUqcp6SZBLApoCRPdAnZTPuus4CAlH3eaPoiOVqfuyEYDgrzlU/BSDc7Q8AP4h9hBP1eF9mv0ewX2ipEOTIIKHSg9L2ZLYy7oxhLV3RhPdFMw2y/UShpuHflRjk+faB18R6KmE6MmBgbpmTqA54VMDAqkMmzHLpIc5Pn2RB9SQRS05dJAFkjumdzUEIygJOQ76ZlEBG6fogKjgsiq2ChQNpF1KJDibCn8G6MEKYJOd14LHQf0g//aAAwDAQACAAMAAAAQ8888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888884888808884088848880w8844088848880w888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888wc8448888888888888cU888888888888888888o8o8sAsM88888888888U888888888888888888A8g844M888888888884U888888888888888888I8404c88s0888888888U888888888888888888g88M4U888Q888888888U888888888888888888o888o8888o888488888U888888888888888888g88oY804w4I88IM0884U888888888888888888g88I888888o0wc8U888U888888888888888888o8sc8888888Ic88sU88U888888888888888888g488888888888888s88U888888888888888888g4wwwwwwwwwwwwwww08U888888888888888888sEMMMMMMMMMMMMMMMMUU8888888888888888888888888888888888888888888888888888088888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888880Q48Iw0w4w0888888888888888888888888888ggw4AgEYYEE088888888888888888888888888U4cc4wwAAMAs888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888888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\"","export default __webpack_public_path__ + \"static/media/pattern_react.01996482.png\";","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAALsAAAC7AHtM7T6AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAoJQTFRF////1dXV7+/v88LC94yc39/f3N3d5aKp1dbWpKmtpamtpaqupquvp6uvqK2wqa2xqa6xqa6yqq6yrLG0r7O2r7S3sbW4sbW5s7e6trm8trq9uLy+ub3Aur3Au77BvL/CvcDDvsHDv8LEv8LFwsTHxMbJxMfJxcfJxcjKxsjKycvNyczNy83PzM7Qz9HSz9HT0dPT09TV09TW19jZ19na2Nna2dra2drb2tvb29zc29zd3N3e3cLF3d3e3d7f3t7f3t/f39/g3+Dg3+Dh4Zyk4eLi4pOb4uLi4uLj4uPj4+Pj5OTl5+fn6OTk6OTl6OXm6Ofn6Ojo6drc6dzd6d3f6d7f6d/g6eDh6eLi6eLj6ePk6tHT6tLV6tPV6tTW6tXX6tbY6tfZ6tja6tnb68nN68rO68vO68zQ683Q68/S7L7D7L/E7MDF7MPH7MPI7MXJ7MfL7bS67bW77ba87be87bq/7bzB7quy7q207q617q+17rC37rG376Gq76Kq76Or76at76ev76iv76qx8Jih8Jqj8Juk8Jyl8J6n8KCo8KGp8Y6Z8ZCa8ZCb8ZGb8ZKc8ZOd8ZWe8Zeg8oaR8oeT8omU8oqV8ouW8oyW83uI84CM84GN84KO84OP84SQ9HKA9HOA9HaE9HiF9HuH9Wt69Wx69Wx79W189W589W999XF/9l9v9mBw9mJy9mNy9mV19mZ19md29mh391Vm91Zn91do91hp91pr91tr91xt915u+Exe+E1f+E5g+FBh+FBi+FFj+FJj+FJk+FRl+UNW+URX+UZZ+Uhb+Ulc+Upc+jpO+jtP+jxQ+j1R+kBU+kFU+kFV+kJV+zRJ+zVK+zdL+zhMdmCUtwAAAAl0Uk5TAAYQFR8o6PP3vUFOmwAAAmFJREFUWMPt1flXDWEYB/Arwit7jC072cK9dmMvu9Q8iilLrpt9JzsJFyEKCS2ErNlSCinkLrKFN/4f7ztxnM6947zLcY4f+v4y35k785mZ59yZsViMNMFsaRZo8R9WYHrzQDlgptVEYAdMBA7Av9DYyZaJVhMhANgyzmoi8AF+BE7AV+AFfARTYJ1ebzV8zO80bcQEJH2r0E1+CmACSjc82CMDzPdCwUUZIKoCcp9I3cJLyKyUAqr0QpcUkL2j6oUUsDvn+2MpQK/BOVIA3MbJcsB7vFkKWI/xRikgH796JAOs+IF33dguAaThEogtjhYG4tw4BWBbljBwHH+NJ4uCnYJAnBcbJ499nigGnMdfFpCFlnCm7OjpS2nHDm2K4gJ0Nz5l35tZ7n5674on6+CJ9GzXp6IkDiAD4+p311K3aqQvLT5ANy3Jrz3MCizL+1BzJOHPy+1y0X6HBjFlhWzAqusl3tr6/6CYjPsfPZ89a1mALbfeOvfhdJ+ril+9RmOZQXK1U0v03NH+/pEyB/KeLYfoh65FIAicLF8MkPvaAaJA6Upw3Ky0gzBw9+qFN2d1EAfs51IXAkgArGkA/i0wwWYbMXo2KeNJGTuXbppnoxnFCPRDJC16R0IvWlCXSQCq0TqzA23J7kMo0I6UNrMo0Do4OIQdmEyO6EaBiPCeCPWhwCD2GVBgJELdDQCmItSRAn1VdQY70CEIobA6ANqjVr9m0J9niKhHZB0wh3D8QOhwlRQDGEYsgRkYhQADuiIUpEoAJC3DgBMYrCgRRhmoKJ1CQqeRNkVRhjY8zv8v8BMaZE8apF3pTAAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAALsAAAC7AHtM7T6AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAhNQTFRF////1dXV7+/vwtvzlMX339/f3N3dosfn1dbWAHk0BHs3BXw4Bns4Bnw5B3w6B306Cn48C348FYJEFoNFGINGGIZHGYRHGoRIHolMIYdNJIxRJ4pSOJFeOKP/OpRhQJhmRZ1rRphpS6BwWad6YKJ9ZaSBZqWCaaaEc6qLc7WQdbaReraUe7eVfLqXhb+eh7Obiradi7Wejbafj7agk72lk8Dll8Kqm8aunMPknMauncevos61o8WypKmtpamtpaqupquvp6uvp6ywqa6xqa6yqq+yqq+zq6+zq9DwrLC0rLG0rbG0rbG1rbK1rdS+rrO2r7S3sLS3sMW6sbW4sbW5s7e6tLi7tNjDtbm8trq9t7q9t7u9ub2/ub3AutvIvL/CvcDCvcDDvsHEwMPGwNDHwsXHwtLfw8bIw9jMxMbJxMfJxcfJxdfOxsnLx8/MyMrMycvNyczNyc/NytDNytjQy87PzM7PzdHQztDRz9HS0dPT0dPU0tTU0tTV09TV09TW0+Pa1dbX1dbY1dfX1tfX1tfY1+rf2Nna2dra2drb2tvb2tvc293d3Nzc3N3d3d3e3d7e3t/f3uzk3+Dg3+Dh4eHi4eLi4uPj4+Tk5OXl5Obm5eXl5ebm5ubm5ufn5+fn6Ojo6erq6+vr7Ozs7e3t7+/v8vLy8vj18/n19PT09PX19fr3+Pv5+vr6+/v7/v7+////cgok3gAAAAl0Uk5TAAYQFR8o6PP3vUFOmwAAAk5JREFUWMPt1fdTE0EUB/CIoq7Ye++9F+w+u8aOemJDBQsiIIpigWBOkRKxRDTBQPRkNVhAJfkTfW+PczJDMvPubmQcJ98fct/dyX7uZrOZ83hUBs3gZUi2J3W4wKah2e6A9b40Ah9II9gAUgsDD/By3ZdGyJK8PPelEewBKQSbQF/BLtBH4AKhZ1YGD3AEJCXrLwK/4pTII8pL1eMNatDCBHoSlIjarFeqJ+rVIJgB2EAoSPnQTfmqevCLGnQyAfN29+J06x7z5Har5+iyBczc6g5YIyZ8cwPcHS/EEjfAAiFETpNDoD0avTkCATErFuuMqnyKUT7zz8FcobLOOgerV9k7SGfM9WJSlQl8Hzf2lh3g59ReQCwygaVCzLcDrLTWi5HXaH1TjhDDTvKBt6P/AGIOAbOpTecD80RSLiUSx8y2lg1MSwamPKyaaLbJP7qcAGLxQqutcAaMGW61UU8cAUlZ7hZY1l/AtlzKhi2UzarnblSDG/31assA/wHQrOuPm9uwBHT9KV5a9Dqafh+ovq9HOEABYHaWS3kWrwEpS2Efzvq9NL0jxAP24nf9CjjdCzRi330Q8plPYPgBihHYBVBnAkcBbrfL1hAXqAEoQ6BoD2gKiADsl63hcLiNB5zAB25EoLASoLYcgQDAZZmHs6XcTdxeQpt40fBCXgUCrwHO2wHu1L6RBFyQDwCOI2Dg72LQJxMwVCGg4zDeFjexCOBIZbUDQNaYwLtDoFLGAK5q2kdVrmjFUnYUaNo5Oogl+d5ThRUvMn/nfxL4DQ/5OsHhJM4yAAAAAElFTkSuQmCC\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAALsAAAC7AHtM7T6AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAYlQTFRF////1dXV7+/v8862962E39/f3N3d57OZ1dbWpKmtpamtpaqupqqupquvp6uvp6ywqK2xqa6xqq+yq6+zq7CzrLC0rbK1rrK2rrO2r7O2sLS4sbW4sbW5sra5s7e6tLi7trm8trq9uLy/u77Bv8LFwsTHxMbJyMrMycvNy83Pzc/QztDS0dPT09TV1dbY1dfY1tfY19jZ2dra2drb2tvb2tvc29zd3N3e3d7e3d7f3sm/3t7f3t/f3t/g3+Dg4q6U4+Pj4+Tk5KeJ5OTl5ubm5ufn5+fn5+jo6Ojo7NLF7sSv8Luh86mE9KeB+oJG+39B/msh/2cb/2gc/2gd/2kf/2of/2wi/20k/28n/3Ep/3Mt/3Uw/3k2/3k3/3o4/3w6/3w7/38//39A/4NF/4xS/41U/5dj/5pn/5po/5tq/6Fz/6R2/6R3/62F/66F/6+G/7KL/7+e/8Kj/8aq/8+3/9C4/9S//9XA/9jF/97N/97O/+jd/+3j/+/n//Hq//Xx//r4//38////zqVdbQAAAAl0Uk5TAAYQFR8o6PP3vUFOmwAAAaNJREFUWEft1mVTwzAYwPHhPDjDKe6y4b7hZQSn2GBjuLu77pPTlHFst+Z4EuQO2P/Vc3nxuzSX9mowaIUquCLCDPphgc5IhoAFekwMAQ8wBA5AXwgZwtVmYgjBBFeDiSHwAToCJ+Av8AJ+AhboqHsrPEgI8Cr4G4HRcUbDSGCMdQ9H0MDRjU5rHMCpW6eN3wacHfh0yw3sza97Zb/gBw69t78sAKxsezUrACjKjIvenukZtQkRYOvxnAInD2pLAoDryX32qR3suN0XTqdDfAfb2vFfKvY5tUkBYO6BApvK8Z3aogCgrF4/3+++vckigKJMvX8K+IF9p09X3IB//wxwLOhk5wAYYYFB1u/FABLAFQD+OtBtNpurLOrQpQ7VVkL6za81IoF6oEmtpFYbsttleK0QD8THAmRSgA65stEYB5BoLMIDJXIWQK8KlMoZEC0TUgzQRHz6ALClQZSsAckQY+MHkhIBcugjpCQA5BF+QC21xXOI6VYBIL+ipo9QoKCixkYEgBJtoGfgWftZoFmSyrWhUZIqPWtlkmRBA7gCwNcBL2O/p9q04PbJAAAAAElFTkSuQmCC\"","export default __webpack_public_path__ + \"static/media/profile.c62f8a5b.jpg\";","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAALsAAAC7AHtM7T6AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAd1QTFRF////1dXV39/f586q77Vr39/f2tvb5MGP1NbWpKmtpamtpaqupqqupquvp6uvp6yvp6ywqK2wqK2xqa2xqa6xqa6yqq6yqq+yq6+zq7CzrLCzrbG1rrK2r7O2r7S3sLS3sLS4sbW4srW5sra5sre6s7e6tLe6tLi7tbm7tbm8trm8t7q9t7u+uLu+uby/ub2/ur3Aur7Au77Bu7/BvL/BvcDCvcHCvsHDv8LEwMLFwMPFwMTFwcTGwsTGxMbIxcjJxsjKx8nKx8rLyMrMyMvMyczMyszNyszOy83Oy83PzM7PzM7Qzc/Rzs/Qzs/RztDRz9HRz9HS0NHT0NLS0NLT0dLT0dPT0tPU0tTV09TV09TW09XW1NXW1NbX1dbX1dfX19nZ2NnZ2dra2tvc269w3M+63Nzd3N3d3a1p3d3d3d7e3t/f39/g3+Dg4LBs4ODg4ODh4OHh4b2K4eHh4eHi4eLi4rl+4uLi4+Pj4+Tk5OTk5d/W5eDZ5eLe7MiV77158aQ686Ev9qQx+pcN+5IA/IYI/IgG/IkF/XsO/X8M/YIK/m4X/m8W/nIU/nMT/nQT/ncR/2cb/2ga/2kf/2wY/2wj/3Ir/3Mt/3Qv/3o4/38//4RH/5Jb/72c/9C4pAkunAAAAAl0Uk5TAAYQFR8o6PP3vUFOmwAAAl9JREFUWMPt1etfDFEcx/ER4btj2ahTcjmyVO7rksYiS1GuyyyzxVr3cmmF0O7XJSr36yJE9bd6sBdtta/XOe0DXvR5NE/m/Zr5nTlnDMMwDMOYNaDWnGJj8lSBO3OLCwPuO3kEdSCPoAFMLsx8rNYVJ49QRLUuOnkEPWASQROYKOgCEwRV4Nr5TLNnTAkYU9E/D6xxZyuzLugDx5CTDDQ3N7eoAo96e3tvXs122RIpxa0KPMjdgP2Mn9xgApinAbx6men1QD9Jdq8CjmoAb5LJwaGhoc/J5PsU0GNt3+PoAT9HR0e/Z4GO0D4rrAekSwPxGpgFAV1794d0XuH5s0wvUsD1pq2rw1NeRpKsKZE6wNtPmT6kn+C442iuwo+RkZGv2RnEdi73aA7x2/Dw8GAWSPhq65xCVqHDCTXpAO++ZPqY/hI3mShgFe4eWis8HqkKPOzr63v6uydtdR697UySu3MPFHirULJeB+iuGHN3ZUM7I/DqnYmXwtnOJUhb9wnG16g7g/EFvV5v9f/2Z5oG/jAQse1wLHUZDwaDZ0kybNttt1UBCQDLGkiyFUBpnKQA4FrRqAqYK03gCMl6VACnSQosqHIBZxQBwVbAT8bLYC1GPUkByYNAQBWIB4AWMgKc2AaRIAVkjx84pToDNyBjpAV0HgYipIDLDVT3qA/R1UGyHCLYCFipIWL+LdUhlkZMbCGj6TOxPEGBpTawi8pDtACbfmCREB4gSgHJjXBFlYHYQojOSphdZBDYQQHJdjeW3FMBfLKWbJHSL+VmkjekXMda6SMDUh6Y3s5/JfALgCZb2qSkZzgAAAAASUVORK5CYII=\"","export default __webpack_public_path__ + \"static/media/react.0e8c9066.jpg\";","export default __webpack_public_path__ + \"static/media/register_bg_2.4f2cb0ac.png\";","export default __webpack_public_path__ + \"static/media/sketch.a6af780a.jpg\";","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAALsAAAC7AHtM7T6AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAPxQTFRF////1dXV7+/v29vbxc7O39/f3N3dx8nL1dbWpKmtpamtpaqupquvp6ywqKywqK2xqa2xqa6xqq+yrLC0rbG0rbG1rrO2sbW4sra5tbi7trq9uLy/uby/ub2/ub3AvL/CvcDDvsHDv8LEwsXHw8bIxMbJyMrMyczNyszOy83PzM7Qzc/Q0dLU0dPT0tTU0tTV09TV09TW09XW1NXW1NbW1dbW1dbX1tfY2Nra2dra2drb2tvb29zd3N3d3d7e3d7f3t7f3t/f39/f3+Dg4OHh4eHi4eLi4uLi4uLj4uPj4+Pj4+Tk5OTk5eXl5ebm5ubm5ufn5+fn5+jo6Ojo/V2B8QAAAAl0Uk5TAAYQFR8o6PP3vUFOmwAAAVNJREFUWMPt1llPwkAYheERRT0iKqNYcUEUcaVa3FBBEaxUhYL1+///xQsqIdBJZoakoYb3ci6ei5PpwhhjjLE5yLUQZ8HJAvnF+HjAoSkQ5AGBoAAEC7NFuUxTIMRIropIUAMCBEVgVFAFRgRZ4O3xr/kZLWCg2CQDzoMgRxJomIIaYQHkCQptxNbzUC+KwMgGl2ED3a+hWmHfxI4jqBOZm9iuC2qHNaLXDexH/yL1csIDPiuBtSP0UrVv+3lawMCIeoB918+L6JdpCvwHoGn1er+xSh5RzbKqT/6RHGD5/8XFI+CUvtNIVPf8IzngnvMEljgvddJYcU6APB3wFJDkXHqDTXAiojKQXcW6S0RVoKAwog9QDgCuSR/4SAA7NAZwDGDD1Qfqy1gDcvpABijvAle6wAWwT3YSqaYykDW2idyMseUQnRtGgejVMM6mj/PEAr8c3mIOpg/KcQAAAABJRU5ErkJggg==\"","export default __webpack_public_path__ + \"static/media/vue.43bd93a8.jpg\";","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAALsAAAC7AHtM7T6AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAe9QTFRF////1dXV7+/vwtvzlMX339/f3N3dosfn1dbWM0FNM0JQM0ZWM0dYM0dZNEtgNE5lNFFqNFZzNFp7NFt8NW6eNnGkNnq1OKP/dn2EjJKYk8DlnMPkpKmtpamspamtpaqupquvp6ywqKywqK2xqa2xqa6xqq6yq6+zq9DwrLC0rLG0rbG0rbG1rbK1rrO2r7K2r7O2r7O3sLS3sLS4sbW4sbW5sra5sra6tLe7tLi7tLm8tbm8trm8trq9t7u9t7u+uLu+uLy/uby/ub2/u77Bu7/BvcDCvcDDvcHEvsHEvsLFv8PFwMPFwMPGwcPGwcTGwcTHwsXHwtLfw8XHw8bIw8fJxMbJxMfJxMfKxcfJxcjLxsnMx8nLx8rMyczNyszOy83Py87Py87QzM7Qzc/Qzc/SztDRztDTztHTz9HSz9LU0NLT0dPT0dPU0tTV09TV09TW1NXW1NXX1dbX1dfZ1tjZ1tna19jZ19na19nb19rb2Nna2dra2drb2dvd2tvb2tvc29zc29zd3N3e3d7e3d7f3t7f3t/f3t/g39/g3+Dg3+Dh4ODh4OLj4eHi4eLi4uLj4uPj4uTl4+Pk4+Tk4+Tm5OTk5OTl5eXl5ebm5ebo5ubm5ufn5+fn5+jo5+nq6Ojo7u/w8fLy9PX1////vWQyoAAAAAl0Uk5TAAYQFR8o6PP3vUFOmwAAAjpJREFUWMPt1WdTE1EUgOG1YO89+soSpQiiIlxABVQwuoAVRbFigygKxoIV17KoCKtiwRiJ4hH9oX5wnHGSzeyNmWFwhvcHPHPP3nNnDcMwDMOYulyv6VmGd7rAqhlZmQErO1MI+kAKIQ3AW5iyTq/DnSmEyaLX484UQnqAh5AmkCykCyQJusDAwz9Nm/RPwF9NHs/As0jkSElSFyORIU3gWGN9YM6ChGauP7rN1gW+DQeWJL6C+ZU/LmsD4AHkgjbQfsED2NTdoA08uu8BlH08OXYjZHyCjL9BxiNkvAeN9YFFyxKam84m5uQE5i1OaFZu0NQGRr97jLDlZ7c2UFnpARRUFWsDVVu9gNqNYzdCxntwaL8HUHyqRhsYfu8BVIy2j90IVy55AJsf7NUG7nQHFi5NaHbp6+O6QJdlrV6R1E7L6v9v/kwTwARg20MivfYbkT67L27bdlwkbtv25177iYj02k99gELOysgaLBFFswt0idwAnAYYlC9Ban0Ai5A4sEFiJjddwBLZBzi3oENuQ4cPEKZQzmHy9i7Zn1yCwbwRKcrPxvm6FkuaMaM+wAAMhqghcgYlLmYdPc8JgSMWBVLGDt9bKORasRmmZRdN4kIrLa2cB0euQw+EfYE9HKT8JduLiIgLDqXV9IEj8SC7MT/4AmHyOSD5eTAkLkRLMMuj4IiEyKHGf5H6gatSB6UiLkSb4MRvoAto09jEaqVeSZtSp0UGlYrdU8qOKfVCJFah1LuJ1zgugV8X/57SoutBygAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAALsAAAC7AHtM7T6AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAgFQTFRF////1dXV7+/vts7Cc7WM39/f3N3dj7qi1dbWAHk0AXo1A3s2BHs3Bnw5CH06Cn48C389DH8+DIA+FIREHIhKHYhLIIpNJIxRJY1SKY5VKo9WK41VLJBXL5JZMZFaMpNcN5ZgOpdiPpplP5pmQJtnRZ1rSJ9tSZ9uUKN0VqZ4XKl9Xap+ZK6EZa6Ea7GJbbKLdLCOd7KQeLiUermVfa+TfbuYibScjMOjkMWnmMKqnMuwnsyyoM2zoc60pKmtpaqupqqupquvp6uvp6ywp8m2p9G5qKywqNG6qa2xqdK7qq6yqq+yqtK7q6+zrbG0rrO2sLS3sbW4sra5s7e6tLi7tbi7t7u+uLy+uby/ub2/ur7AuszCutvIu9vJvcDDvsHDvsHEvt3Lv8LFv93MwMPFwNXJwsTHxODQxcjKxsjKx8nLx8rMx+LSyMrMyOLTycvNy83PzM7QzOTWzc/Qzc/RztDSz9HS0NLT0dLU0dPT0dPU0tPV0ufb09TV0+jc1NXX1dbX1tfY1tjZ19jZ2Nna2dra2drb2tvb29zd3N3d3d3e3d7e3d7f3t7f3t/f3t/g39/g3+Dg3+Dh4OHh4eHi4e/n4uPj4vDo4+Tk5OTl5OXl5eXl5ebm5ubm5vLr5+fn5+jo6Ojo7/fy8/n19fr39/v5+fz6+vz7+/38/f79////QmZ2eQAAAAl0Uk5TAAYQFR8o6PP3vUFOmwAAAhVJREFUWMNjYAADFk7iADsrA3ZArAFmHKyUGWBSicME4g3AYQIJBmA3gdmSOBBdicMEpoXEgfZKHCaQZgAWE0g0ANMEUg3AMIFYAya2wgAbI1kGIAEmGhogx4sDGBJpgDSudGhAtAGmeViAEgkG2KzCAjRGmgGLXUHAc/mqOjAjnXQX6MpoAiNOb7owKP4Eakg3YJmiuxJQqwg4AfiQEwbzJBJFoQnIiLxAzJGM4QPrV19JZixYqVuD9IsvIjcapwoY6wMN0CE3HSyV5+R0VQaaYEumAdpAvYKggOQrIssAC3AAisdCApI7llQDknkgUagGDkhOc5KTsqosHEhxcQotoSAzrVABukCLAgNsFUAgZoiVB8JiWAA/CQZQWKy74GpepNKrahs1YDgYMKu2thFItdTWTp5dW9sBFe0sbp5DrAtC7exaFk50sPOd2WNnlwQWKvG1s7OzzyLSgF5Hu8AFUXZ2VQthBkyzt3MOdrRrIzYMsu3s4u3swhbCDWiys0tbOLeZ6ECcHwB0sNMkhAGTgfzIbhJioR6oIXshwoCFGUABh/wFRBsQCVQfjmzAwsZAoFA5sQZU2dl52NkVIgyYD8QVdnZxRBoww9vObYKfnVMfyICQwsLCjrKg3GqgLzKJNAAYAwULG+zsguYDDQCB3FIw5d1HnAFdgYERQDenBAaWTwoEg9L+BH+voKQpo9l5sBoAAImdIMzkl0qPAAAAAElFTkSuQmCC\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAALsAAAC7AHtM7T6AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAPlQTFRF////1dXV39/fzs7OvcXF39/f2tvbxsjL1NbWMz5IVl9nWmNrgIaMjJKXkJabpKmtpamtpaqupqqupquvqKywqK2xqa2xqa6xqq6yq6+zrLC0rrK2r7O2r7O3sLS3tLi7trq9t7q9uLu+ur3Au77BvcDCvsHEv8LEwMPFwcPGwsXGwsXHw8bIxMfJxsnLyMvMyszOzM7Pzc/Qzs/RztDRz9HS0NHT0NLS0NLT0dPT0dPU0tPU09XW1NbX1dbX1tfY19nZ2NnZ2Nna2dra2drb29zc3d3d3d7e3t7f3+Dg4ODg4ODh4OHh4eHh4uLi4uPj4+Pj4+Tk5OTkO5y3KAAAAAl0Uk5TAAYQFR8o6PP3vUFOmwAAAUlJREFUWMPt18lWwkAQheEWRWW8KIjtlIiAMxoUWlEZxAkcotb7P4wLFHIOiabSLvvf1eY7SaUXHSGEEELMIVwLceFfWOBwMa4H7LUChPBAgMAA/IXZhn+ZVCrjnS9aAUKM/EsnEmnvfNcKEHiAj8AEpgUuMCWEBR57P83PRAI8xQxgAAMYgAckk3pAFsjqAAMAGGgADgA4GkAZAMoagJT9vpTRgWGuQlTJDaM/QanQbBZKGq/QLgLFtgZAbr3ukg7wSwYwwJ/AtVJKKdWhrlIf1FHqsvvKAuToZmzTDvBCNgDkaxxgS0qZB6pjYBXAFW8HTytYex4DdA4csYBPG7ihCeAANRZwAhzQBNgE0OEAt8uwXA8ALB1zluhuIH9PHuC08cD6jLuA7TjO2WQHvIPkfv8hrUcF3q1R27RvWW9UtSwmECoD/B/wBRsEaimA4G+WAAAAAElFTkSuQmCC\"","//const urlPath = \"http://mjuserver-env-1.eba-5gquipwn.ap-southeast-1.elasticbeanstalk.com\"/*deploy*/\n//const urlPath = \"https://mju-server.herokuapp.com\"/*heroku*/\nconst urlPath = \"https://organiclesson-api.mju.ac.th\"/*testing*/\n// const urlPath = \"https://mju-api.undefined.co.th:4439\"/*testing*/\n// const urlPath = \"http://localhost:3001\"/*testing*/\nexport default urlPath;","import React,{ useEffect } from \"react\";\nexport default function Navbar(props) {\n  \n  useEffect(()=>{\n  },[]);\n\n  return (  \n    <>\n        <nav className=\"absolute top-0 left-0 w-full z-10 bg-transparent md:flex-row md:flex-nowrap md:justify-start flex items-center mt-24\">\n          <div className=\"w-full mx-autp items-center flex justify-between md:flex-nowrap flex-wrap md:px-10 px-4\">\n            {/* Brand */}\n            <a\n              className=\"text-white text-lg uppercase hidden lg:inline-block font-semibold\"\n              href=\"#pablo\"\n              onClick={(e) => e.preventDefault()}\n            >\n              {props.title}\n            </a>\n          </div>\n        </nav>\n    </>\n  );\n}\n\n\n","/*eslint-disable*/\nimport React,{useEffect} from \"react\";\nimport { Link } from \"react-router-dom\";\nconst locale = require(\"react-redux-i18n\").I18n;\n\nexport default function Sidebar() {\n  const [collapseShow, setCollapseShow] = React.useState(\"hidden\");\n  const [enableCollapse, setenableCollapse] = React.useState(\"hidden\");\n\n  useEffect(() => {\n  const checkIfClickedOutside = (e) => {\n      if (e.toElement.id !== \"menu\" ||  e.toElement.id === \"\"  ) {\n      {\n        setenableCollapse(\"hidden\");\n        setCollapseShow(\"hidden\");\n      }\n    }\n  };\n\n  document.addEventListener(\"mousedown\", checkIfClickedOutside);\n    return () => { document.removeEventListener(\"mousedown\", checkIfClickedOutside);};\n  }, []);\n\n\n  return (\n    <>\n      <nav className=\"md:left-0 md:block md:fixed md:top-0 md:bottom-0 md:overflow-y-auto md:flex-row md:flex-nowrap md:overflow-hidden shadow-xl bg-white flex flex-wrap items-center justify-between relative md:w-64 z-10 pb-4 px-6 mt-20\">\n        <div className=\"md:flex-col md:items-stretch md:min-h-full md:flex-nowrap px-0 flex flex-wrap items-center justify-between w-full mx-auto\">\n          {/* Toggler */}\n          <button\n            className=\"cursor-pointer text-black opacity-50 md:hidden px-3 py-1 text-xl leading-none bg-transparent rounded border border-solid border-transparent\"\n            type=\"button\"\n            onClick={() => {\n                if(enableCollapse === \"hidden\")\n                { \n                  setenableCollapse(\"block\");\n                  setCollapseShow(\"bg-white m-2 py-3 px-6 block\");\n                }\n                else if(enableCollapse === \"block\")\n                {\n                  setenableCollapse(\"hidden\");\n                  setCollapseShow(\"hidden\");\n                }\n              }}\n          >\n            <i className=\"fas fa-bars\"></i>\n          </button>\n          {/* Brand */}\n          <div\n            className=\"md:block text-left  text-blueGray-600 mr-0 inline-block whitespace-nowrap text-sm uppercase font-bold px-0\"\n          >\n            Menu\n          </div>\n          {/* User */}\n          <ul className=\"md:hidden items-center flex flex-wrap list-none\">\n            <li className=\"inline-block relative\">\n            </li>\n            <li className=\"inline-block relative\">\n            </li>\n          </ul>\n          {/* Collapse */}\n          <div\n            className={\n              \"md:flex md:flex-col mt-16 md:items-stretch md:opacity-100 md:relative md:mt-4 md:shadow-none shadow absolute top-0 left-0 right-0 z-40 overflow-y-auto overflow-x-hidden h-auto items-center flex-1 rounded \" +\n              collapseShow\n            }\n          >\n\n            {/* Divider */}\n            <hr className=\"mb-3 md:min-w-full\" />\n            {/* Heading */}\n            {/* Navigation */}\n            <ul className=\"md:flex-col md:min-w-full flex flex-col list-none\">\n              <li className=\"items-center\" id=\"menu\">\n                <Link\n                  id=\"menu\"\n                  className={\n                    \"text-sm  py-3 font-bold block \" +\n                    (window.location.href.includes(\"members\") \n                      ? \"text-lightBlue-500 hover:text-lightBlue-600\"\n                      : \"text-blueGray-700 hover:text-blueGray-500\")\n                  }\n                  to=\"/admin/memberslist\"\n                >\n                  <i\n                    className={\n                      \"fas fa-user mr-2 text-xs \" +\n                      (window.location.href.includes(\"members\") \n                        ? \"opacity-75\"\n                        : \"text-blueGray-300\")\n                    }\n                  ></i>{\" \"}\n                  &nbsp;{locale.t(\"Menu.lblAccount\")}\n                </Link>\n              </li>\n              <li className=\"items-center\"  id=\"menu\">\n                <Link\n                  id=\"menu\"\n                  className={\n                    \"text-sm  py-3 font-bold block \" +\n                    (window.location.href.includes(\"learning\")\n                      ? \"text-lightBlue-500 hover:text-lightBlue-600\"\n                      : \"text-blueGray-700 hover:text-blueGray-500\")\n                  }\n                  to=\"/admin/learninglist\"\n                >\n                  <i\n                    className={\n                      \"fas fa-book-open mr-2 text-xs \" +\n                      (window.location.href.includes(\"learning\")\n                        ? \"opacity-75\"\n                        : \"text-blueGray-300\")\n                    }\n                  ></i>{\" \"}\n                  &nbsp;{locale.t(\"Menu.lblLearning\")}\n                </Link>\n              </li>\n\n              <li className=\"items-center\"  id=\"menu\">\n                <Link\n                  id=\"menu\"\n                  className={\n                    \"text-sm  py-3 font-bold block \" +\n                    (window.location.href.includes(\"courses\")\n                      ? \"text-lightBlue-500 hover:text-lightBlue-600\"\n                      : \"text-blueGray-700 hover:text-blueGray-500\")\n                  }\n                  to=\"/admin/courseslist\"\n                >\n                  <i\n                    className={\n                      \"far fa-list-alt mr-2 text-xs \" +\n                      (window.location.href.includes(\"courses\")\n                        ? \"opacity-75\"\n                        : \"text-blueGray-300\")\n                    }\n                  ></i>{\" \"}\n                  &nbsp;{locale.t(\"Menu.lblCourse\")}\n                </Link>\n              </li>\n            </ul>\n          </div>\n        </div>\n      </nav>\n    </>\n  );\n}\n","import React from \"react\";\n\n// components\n\nimport CardStats from \"components/Cards/CardStats.js\";\n\nexport default function HeaderStats() {\n  return (\n    <>\n      {/* Header */}\n      <div className=\"relative bg-darkgreen-mju md:pt-32 pb-64 pt-12\">\n        <div className=\"px-4 md:px-10 mx-auto w-full\">\n          \n        </div>\n      </div>\n    </>\n  );\n}\n","export default function Hamburger({ isOpen }) {\n  return (\n    <>\n      <div className=\"hamburger\">\n        <div className=\"burger burger1\" />\n        <div className=\"burger burger2\" />\n        <div className=\"burger burger3\" />\n      </div>\n\n      <style jsx>{`\n        .hamburger {\n          width: 2rem;\n          height: 2rem;\n          display: flex;\n          justify-content: space-around;\n          flex-flow: column nowrap;\n          z-index: 10;\n        }\n\n        .burger {\n          width: 2rem;\n          height: 0.25rem;\n          border-radius: 10px;\n          background-color: black;\n          transform-origin: 1px;\n          transition: all 0.3s linear;\n        }\n\n        .burger1 {\n          transform: ${isOpen ? \"rotate(45deg)\" : \"rotate(0)\"};\n        }\n        .burger2 {\n          transform: ${isOpen ? \"translateX(100%)\" : \"translateX(0)\"};\n          opacity: ${isOpen ? 0 : 1};\n        }\n        .burger3 {\n          transform: ${isOpen ? \"rotate(-45deg)\" : \"rotate(0)\"};\n        }\n      `}</style>\n    </>\n  );\n}\n","\nimport {createContext} from 'react'\n\nexport const AuthContext = createContext(\"\");","\nexport const IsNullOrEmpty = (obj) => {\n  if (\"undefined\" === typeof obj || obj == null) {\n    return true;\n  } else if (\n    typeof obj != \"undefined\" &&\n    obj != null &&\n    obj.length != null &&\n    obj.length == 0\n  ) {\n    return true; //array\n  } else if (\"number\" === typeof obj) {\n    return obj !== obj; //NaN\n  } else if (\"string\" === typeof obj) {\n    return obj.length < 1 ? true : false;\n  } else {\n    return false;\n  }\n};\n// DateTime To yyyy-MM-dd\nexport const ConverDateTimeToString = (date) => {\n  let str = \"\";\n  if (!IsNullOrEmpty(date)) {\n    const MM =\n      date.getMonth() < 10\n        ? \"0\" + (date.getMonth()+1)\n        : date.getMonth();\n    const DD =\n      date.getDate() < 10 ? \"0\" + date.getDate() : date.getDate();\n    str = date.getFullYear() + \"-\" + MM + \"-\" + DD;\n  }\n  return str;\n};\n\nexport const ConverDateTimeToDatePicker = (date) => {\n  let str = \"\";\n  if (!IsNullOrEmpty(date)) {\n    const MM =\n      date.getMonth() < 10\n        ? \"0\" +(date.getMonth()+1)\n        : date.getMonth();\n    const DD =\n      date.getDate() < 10 ? \"0\" + date.getDate() : date.getDate();\n    str =MM +\"-\"  +DD + \"-\"+date.getFullYear() \n  }\n  return str;\n};\n\nexport const  DifferenceDate =(date1, date2)=> {\n  \n  var result = {\n      years:  date2.getYear()  - date1.getYear(),\n      months: date2.getMonth() - date1.getMonth(),\n      days:   date2.getDate()  - date1.getDate(),\n      hours:  date2.getHours() - date1.getHours()\n  };\n  if (result.hours < 0) {\n      result.days--;\n      result.hours += 24;\n  }\n  if (result.days < 0) {\n      result.months--;\n      // days = days left in date1's month, \n      //   plus days that have passed in date2's month\n      var copy1 = new Date(date1.getTime());\n      copy1.setDate(32);\n      result.days = 32-date1.getDate()-copy1.getDate()+date2.getDate();\n  }\n  if (result.months < 0) {\n      result.years--;\n      result.months+=12;\n  }\n  return result;\n}","import {IsNullOrEmpty} from \"./default.service\"\n\nconst name = \"MJU\";\n\nexport const SetLanguage = (lang) => {\n  localStorage.setItem(name + \"-Language\",lang)\n};\n\nexport const GetLanguage = () => {\n  let lang = localStorage.getItem(name + \"-Language\");\n  lang = IsNullOrEmpty(lang) ? \"th\" : lang;\n  return lang;\n};\n\nexport const SetRemember = (data) => {\n  localStorage.setItem(name + \"-Remember\",JSON.stringify(data))\n};\n\nexport const GetRemember = (obj) => {\n  let Remember = localStorage.getItem(name + \"-Remember\");\n  if(!IsNullOrEmpty(Remember)) {\n    Remember = JSON.parse(Remember)\n  } else {\n    Remember =\"\";\n  }\n  return Remember\n};\n\nexport const SetEnum = (data,_name) => {\n  localStorage.setItem(name + \"-Enum-\"+_name,JSON.stringify(data))\n};\n\nexport const GetEnum = (_name) => {\n  let Remember = localStorage.getItem(name + \"-Enum-\"+_name);\n  if(!IsNullOrEmpty(Remember)){\n    Remember = JSON.parse(Remember)\n  }else{\n    Remember =\"\";\n  }\n  return Remember\n};","import React,{useEffect,useContext, useState} from \"react\";\nimport { createPopper } from \"@popperjs/core\";\nimport { Link,useHistory } from \"react-router-dom\";\nimport { AuthContext } from '../../services/AuthContext';\nimport axios from \"axios\";\nimport FilesService from \"../../services/files\";\nimport urlPath from \"services/urlServer\";\nimport * as Storage from \"../../../src/services/Storage.service\";\nconst locale = require(\"react-redux-i18n\").I18n;\nconst UserDropdown = () => {\n  // dropdown props\n  const [dropdownPopoverShow, setDropdownPopoverShow] = React.useState(false);\n  const btnDropdownRef = React.createRef();\n  const popoverDropdownRef = React.createRef();\n  const { setAuthState } = useContext(AuthContext); \n  const { authState } = useContext(AuthContext);\n  const [pictureProfile , setPictureProfile] = useState(\"\");\n  const history = useHistory();\n  const openDropdownPopover = () => {\n    createPopper(btnDropdownRef.current, popoverDropdownRef.current, {\n      placement: \"bottom-start\",\n    });\n    setDropdownPopoverShow(true);\n  };\n  const closeDropdownPopover = () => {\n    setDropdownPopoverShow(false);\n  };\n\n  useEffect(() => {\n    const email = localStorage.getItem('email');\n    axios.get(urlPath+`/members/getemail/${email}`).then((response) => {\n      if(response.data !== null)\n        if(response.data.profilePicture !== undefined)\n          setPictureProfile(FilesService.buffer64(response.data.profilePicture));\n    });\n\n    const checkIfClickedOutside = (e) => {\n      if (dropdownPopoverShow && e.toElement.id !== \"accountx\" && e.toElement.id !== \"logoutx\"  &&  btnDropdownRef.current && e.toElement.name !== \"picture\" || e.toElement.id === \"\") {\n          setDropdownPopoverShow(false);\n      }\n    };\n\n    document.addEventListener(\"mousedown\", checkIfClickedOutside);\n\n    return () => {\n      document.removeEventListener(\"mousedown\", checkIfClickedOutside);\n    };\n  }, [dropdownPopoverShow]);\n\n  const logout = () => {\n    localStorage.removeItem(\"accessToken\");\n    localStorage.removeItem('email');\n    localStorage.removeItem('roleUser');\n    localStorage.removeItem(\"learningPathId\");\n    localStorage.removeItem(\"fullName\");\n    localStorage.removeItem(\"profilePicture\");\n    localStorage.removeItem(\"translate\")\n    setAuthState({ email: \"\", id: 0, status: false,role:\"\",profilePicture:\"\",learningPathId:\"\" });\n  }\n\n  const linkAccount = () => {\n    history.push(\"/home/account\");\n  }\n\n  const linkHome = () => {\n    history.push(\"/home/index\");\n  }\n\n  const linkBack = () => {\n    history.push(\"/admin/index\");\n  }\n\n  return (\n    <>\n      <div\n        className=\"text-blueGray-500 block\"\n        ref={btnDropdownRef}\n      >\n        <div className=\"items-center flex cursor-pointer\"\n         onClick={(e) => {\n          dropdownPopoverShow ? closeDropdownPopover() : openDropdownPopover();\n        }}>\n          <span className=\"w-12 h-12 text-sm text-white bg-blueGray-200 inline-flex items-center justify-center rounded-full\">\n            <img\n              alt=\"...\"\n              className=\"img-member-login w-full rounded-full align-middle border-none shadow-lg\"\n              name=\"picture\"\n              src={  ((pictureProfile) ? pictureProfile  :  require(\"assets/img/noimg.png\").default) }\n            />\n          </span>\n        </div>\n      <div\n        ref={popoverDropdownRef}\n        className={\n          (dropdownPopoverShow ? \"block \" : \"hidden \") +\n          \"bg-white text-base z-50 float-left py-2 list-none text-left rounded shadow-lg min-w-48\"\n        }\n      >\n\n        <div\n          className={\n            \"text-xs py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700 cursor-pointer\"\n          }\n          id=\"accountx\"\n          onClick={() => {linkAccount()}}\n        >\n          <i className=\"fas fa-user\" id=\"accountx\"></i> &nbsp;\n          <span className=\"text-sm\" id=\"accountx\" >{locale.t(\"Menu.lblAccount\")}</span>\n        </div>\n        <div\n          className={\n            \"text-xs py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700 cursor-pointer\"\n            + ((localStorage.getItem('roleUser') === '1') ? ' block' : ' hidden')\n          }\n          id=\"accountx\"\n          onClick={() => {linkHome()}}\n        >\n          <i className=\"fas fa-home\" id=\"accountx\"></i> &nbsp;\n          <span className=\"text-sm\" id=\"accountx\" >{locale.t(\"Menu.lblHome\")}</span>\n        </div>\n        <div\n          className={\n            \"text-xs py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700 cursor-pointer\"\n            + ((localStorage.getItem('roleUser') === '1') ? ' block' : ' hidden')\n          }\n          id=\"accountx\"\n          onClick={() => {linkBack()}}\n        >\n          <i className=\"fas fa-tools\" id=\"accountx\" ></i> &nbsp;\n          <span className=\"text-sm\" id=\"accountx\" >{locale.t(\"Menu.lblBackEnd\")}</span>\n        </div>\n\n        <div className=\"h-0 my-2 border border-solid border-blueGray-100\" />\n\n          <Link to=\"/auth/login\">\n            <div\n              href=\"#pablo\"\n              className={\n                \"text-xs py-2 px-4 font-normal block w-full whitespace-nowrap bg-transparent text-blueGray-700 logoutx\"\n              }\n              id=\"logoutx\"\n              onClick={logout}\n            >\n              <i className=\"fas fa-sign-out-alt text-red-500\"  id=\"logoutx\"></i> &nbsp;\n              <span className=\"text-sm\"  id=\"logoutx\" >{locale.t(\"Main.lblLogout\")}</span>\n            </div>\n          </Link>\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport default UserDropdown;\n","/*eslint-disable*/\nimport React, { useEffect, useState } from \"react\";\nimport { createPopper } from \"@popperjs/core\";\nimport { useHistory } from \"react-router-dom\";\nimport Hamburger from \"components/Hamburger\";\n// components\nimport UserDropdown from \"components/Dropdowns/UserDropdown.js\";\nimport { connect } from \"react-redux\";\nimport { setLocale } from \"react-redux-i18n\";\nimport * as Storage from \"../../services/Storage.service\";\nconst locale = require(\"react-redux-i18n\").I18n;\n\nconst AdminTopNavBar = ({ setLocale }) => {\n  const [navbarOpen, setNavbarOpen] = React.useState(false);\n  const [isThai, setIsThai] = React.useState(true);\n  const [isOpenHam, setIsOpenHam] = useState(false);\n  const [windowWidth, setWindowWidth] = useState(0);\n  const [windowHeight, setWindowHeight] = useState(0);\n  const history = useHistory();\n  let resizeWindow = () => {\n    setWindowWidth(window.innerWidth);\n    setWindowHeight(window.innerHeight);\n  };\n\n  // dropdown props\n  const [dropdownAdminPopUpShow, setDropDownAdminOverShow] =\n    React.useState(false);\n  const btnDropDownAdminRef = React.createRef();\n  const popoverAdminRef = React.createRef();\n  const openDropDownPopUp = () => {\n    createPopper(btnDropDownAdminRef.current, popoverAdminRef.current, {\n      placement: \"bottom-start\",\n    });\n    setDropDownAdminOverShow(true);\n  };\n  const closeDropDownPopUp = () => {\n    setDropDownAdminOverShow(false);\n  };\n\n  const ChangeTranslate = (e) => {\n    if (e.target.id === \"thaix\") {\n      setIsThai(true);\n      Storage.SetLanguage(\"th\");\n      setLocale(\"th\");\n    } else {\n      setIsThai(false);\n      Storage.SetLanguage(\"en\");\n      setLocale(\"en\");\n    }\n    localStorage.setItem(\"translate\", e.target.id === \"thaix\" ? true : false);\n  };\n\n  useEffect(() => {\n    resizeWindow();\n    const isValue = localStorage.getItem(\"translate\");\n    if (isValue === null) {\n      Storage.SetLanguage(\"th\");\n      setIsThai(true);\n      setLocale(\"th\");\n    } else {\n      setIsThai(isValue === \"true\");\n      if (isValue === \"true\") {\n        setLocale(\"th\");\n        Storage.SetLanguage(\"th\");\n      } else {\n        setLocale(\"en\");\n        Storage.SetLanguage(\"en\");\n      }\n    }\n\n    const checkIfClickedOutside = (e) => {\n      if (\n        (dropdownAdminPopUpShow &&\n          e.toElement.id !== \"thaix\" &&\n          e.toElement.id !== \"engx\" &&\n          e.toElement.id !== \"ham\") ||\n        e.toElement.id === \"\"\n      ) {\n        setDropDownAdminOverShow(false);\n      } else if (e.toElement.id === \"\") setDropDownAdminOverShow(false);\n    };\n\n    document.addEventListener(\"mousedown\", checkIfClickedOutside);\n    window.addEventListener(\"resize\", resizeWindow);\n    return () => {\n      window.removeEventListener(\"resize\", resizeWindow);\n      document.removeEventListener(\"mousedown\", checkIfClickedOutside);\n    };\n  }, []);\n\n  const ClickHome = () => {\n    const RoleUser = localStorage.getItem(\"roleUser\");\n    if (window.location.href.includes(\"admin\") || RoleUser === \"1\") {\n      history.push(\"/admin\");\n    } else {\n      history.push(\"/home\");\n    }\n  };\n\n  const toggleHamburger = () => {\n    setIsOpenHam(!isOpenHam);\n  };\n\n  return (\n    <>\n      <nav className=\"top-0 fixed z-50 w-full flex flex-wrap justify-between px-2 py-2 navbar-expand-lg bg-white\">\n        <div\n          className={\"hamburger mt-2\"}\n          style={{ display: windowWidth < 1024 ? \"block\" : \" none\" }}\n          onClick={toggleHamburger}\n        >\n          <Hamburger isOpen={isOpenHam} />\n        </div>\n        <div className=\" flex flex-wrap items-center justify-between\" style={{ display: windowWidth < 1024 ? \"none\" : \" flex\" }}>\n          <div className=\"w-full relative flex justify-between lg:w-auto lg:static lg:block lg:justify-start\">\n            <ul className=\"flex flex-col lg:flex-row list-none lg:ml-auto\">\n              <li\n                className={\n                  \"flex items-center text-lg font-bold text-green-mju \" +\n                  (windowWidth < 1024 ? \" hidden\" : \"block\")\n                }\n              >\n                <img\n                  alt=\"...\"\n                  src={require(\"assets/img/Group_1.png\").default}\n                  className=\"h-auto align-middle border-none max-w-350-px\"\n                />\n              </li>\n              <li\n                className={\n                  \"flex items-center text-lg font-bold text-green-mju \" +\n                  (windowWidth < 1024 ? \" hidden\" : \"block\")\n                }\n              >\n                &nbsp; | &nbsp;\n              </li>\n              <li\n                className=\"flex items-center text-2xl font-bold text-green-mju cursor-pointer THSarabun\"\n                onClick={() => {\n                  ClickHome();\n                }}\n              >\n                <span className={windowWidth > 912 ? \" block\" : \" hidden\"}>\n                  {\" \"}\n                  Organic lessons{\" \"}\n                </span>\n                <div\n                  className={\n                    \"image-logo \" + (windowWidth > 912 ? \" hidden\" : \" block\")\n                  }\n                >\n                  <img\n                    alt=\"...\"\n                    src={require(\"assets/img/Group_1.png\").default}\n                    className={\"  align-middle border-none max-w-350-px\"}\n                  />\n                </div>\n              </li>\n            </ul>\n          </div>\n        </div>\n        <div className=\"parent-div flex flex-wrap items-center justify-between w-3\">\n          <div className=\"text-sm font-bold text-green-mju\">\n            {\" \"}\n            <i className=\"fas fa-globe \"></i>&nbsp;&nbsp;{\" \"}\n          </div>\n          <div\n            id=\"thaix\"\n            className={\n              \"text-sm font-bold text-green-mju cursor-pointer \" +\n              (!isThai ? \"opacity-75\" : \"textUnderline\")\n            }\n            onClick={(e) => {\n              ChangeTranslate(e);\n            }}\n          >\n            {\" \"}\n            TH{\" \"}\n          </div>\n          <div className=\"text-sm font-bold text-green-mju\">\n            {\" \"}\n            &nbsp;|&nbsp;{\" \"}\n          </div>\n          <div\n            id=\"engx\"\n            className={\n              \"text-sm font-bold text-green-mju cursor-pointer \" +\n              (isThai ? \"opacity-75\" : \"textUnderline\")\n            }\n            onClick={(e) => {\n              ChangeTranslate(e);\n            }}\n          >\n            {\" \"}\n            EN{\" \"}\n          </div>\n          <div> &nbsp;&nbsp; </div>\n          <div>\n            {\" \"}\n            <UserDropdown />{\" \"}\n          </div>\n        </div>\n        <div\n          className=\"relative pt-2 mt-2 flex bg-lightGreen-mju w-full\"\n          style={{ display: isOpenHam ? \"flex\" : \"none\" }}\n        >\n          <div\n            className={\n              \"mx-auto \" +\n              (windowWidth < 1024 ? \" max-w-percent-80\" : \" max-w-percent-60\")\n            }\n            style={{ display: \"block\", width: \"70%\" }}\n          >\n            <div\n              className={\n                \"bg-lightGreen-mju rounded-lg shadow-sm container relative mx-auto pt-6 px-4 pb-6  \" +\n                (windowWidth < 1024 ? \" \" : \" px-4\")\n              }\n            >\n              <div\n                className={\n                  \"w-full ml-auto mr-auto text-center\" +\n                  (windowWidth < 1024 ? \" \" : \" px-4\")\n                }\n              >\n                <p className=\"mt-4 text-4xl text-green-mju THSarabun font-bold\">\n                  Organic Lesson\n                </p>\n                <hr className=\"mb-3 mt-2 md:min-w-full border-darkgreen\" />\n                <div className={\"w-full ml-auto mr-auto text-center\"}>\n                  <img\n                    alt=\"...\"\n                    src={require(\"assets/img/menu1.png\").default}\n                    className=\"h-auto align-middle border-none max-w-350-px ml-auto mr-auto mt-2\"\n                  />\n                  <img\n                    alt=\"...\"\n                    src={require(\"assets/img/menu2.png\").default}\n                    className=\"h-auto align-middle border-none max-w-350-px   ml-auto mr-auto  mt-2\"\n                  />\n                  <img\n                    alt=\"...\"\n                    src={require(\"assets/img/menu3.png\").default}\n                    className=\"h-auto align-middle border-none max-w-350-px   ml-auto mr-auto  mt-2\"\n                  />{\" \"}\n                  <img\n                    alt=\"...\"\n                    src={require(\"assets/img/menu4.png\").default}\n                    className=\"h-auto align-middle border-none max-w-350-px   ml-auto mr-auto  mt-2\"\n                  />{\" \"}\n                  <img\n                    alt=\"...\"\n                    src={require(\"assets/img/menu5.png\").default}\n                    className=\"h-auto align-middle border-none max-w-350-px   ml-auto mr-auto  mt-2\"\n                  />\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </nav>\n    </>\n  );\n};\n\nconst matchStateToProps = (state) => ({});\n\nconst mapDispatchToProps = (dispatch) => ({\n  setLocale: (lang) => {\n    dispatch(setLocale(lang));\n  },\n});\nexport default connect(matchStateToProps, mapDispatchToProps)(AdminTopNavBar);\n","import React from 'react';\n\nconst Switch = ({ isOn, handleToggle, onColor,float,disble }) => {\n  return (\n    <>\n      <input\n        checked={isOn}\n        onChange={handleToggle}\n        className=\"react-switch-checkbox\"\n        id={`react-switch-new`}\n        type=\"checkbox\"\n        disabled={disble}\n      />\n      <label\n        style={{ background: isOn && onColor,\n            float: float  }}\n        className=\"react-switch-label\"\n        htmlFor={`react-switch-new`}\n      >\n        <span className={`react-switch-button`} />\n      </label>\n    </>\n  );\n};\n\nexport default Switch;","class ValidateService {\n\n    onHandleNumberChange = (e) => {\n        const re = /^[0-9\\b]+$/;\n\n        // if value is not blank, then test the regex\n        if (e === '' || re.test(e)) {\n          return (e)\n        } else {\n          return \"\"\n        }\n    };\n}\n\nexport default new ValidateService();","import react from \"react\";\nimport \"../spinner/spinner.css\";\n\nexport default function Spinner(props) {\n    return (\n    <div className=\"spinner-full\"> \n        <div className=\"spinner-container\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" xmlnsXlink=\"http://www.w3.org/1999/xlink\" width=\"177px\" height=\"177px\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">\n                <circle cx={84} cy={50} r={10} fill=\"#d4ecc9\">\n                <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"0.43859649122807015s\" calcMode=\"spline\" keyTimes=\"0;1\" values=\"10;0\" keySplines=\"0 0.5 0.5 1\" begin=\"0s\" />\n                <animate attributeName=\"fill\" repeatCount=\"indefinite\" dur=\"1.7543859649122806s\" calcMode=\"discrete\" keyTimes=\"0;0.25;0.5;0.75;1\" values=\"#d4ecc9;#c3d582;#75b34c;#a2d895;#d4ecc9\" begin=\"0s\" />\n                </circle><circle cx={16} cy={50} r={10} fill=\"#d4ecc9\">\n                <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"1.7543859649122806s\" calcMode=\"spline\" keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;10;10;10\" keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\" />\n                <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"1.7543859649122806s\" calcMode=\"spline\" keyTimes=\"0;0.25;0.5;0.75;1\" values=\"16;16;16;50;84\" keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"0s\" />\n                </circle><circle cx={50} cy={50} r={10} fill=\"#a2d895\">\n                <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"1.7543859649122806s\" calcMode=\"spline\" keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;10;10;10\" keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-0.43859649122807015s\" />\n                <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"1.7543859649122806s\" calcMode=\"spline\" keyTimes=\"0;0.25;0.5;0.75;1\" values=\"16;16;16;50;84\" keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-0.43859649122807015s\" />\n                </circle><circle cx={84} cy={50} r={10} fill=\"#75b34c\">\n                <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"1.7543859649122806s\" calcMode=\"spline\" keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;10;10;10\" keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-0.8771929824561403s\" />\n                <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"1.7543859649122806s\" calcMode=\"spline\" keyTimes=\"0;0.25;0.5;0.75;1\" values=\"16;16;16;50;84\" keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-0.8771929824561403s\" />\n                </circle><circle cx={16} cy={50} r={10} fill=\"#c3d582\">\n                <animate attributeName=\"r\" repeatCount=\"indefinite\" dur=\"1.7543859649122806s\" calcMode=\"spline\" keyTimes=\"0;0.25;0.5;0.75;1\" values=\"0;0;10;10;10\" keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.3157894736842104s\" />\n                <animate attributeName=\"cx\" repeatCount=\"indefinite\" dur=\"1.7543859649122806s\" calcMode=\"spline\" keyTimes=\"0;0.25;0.5;0.75;1\" values=\"16;16;16;50;84\" keySplines=\"0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1;0 0.5 0.5 1\" begin=\"-1.3157894736842104s\" />\n                </circle>\n                {/* [ldio] generated by https://loading.io/ */}\n            </svg>\n        </div>\n    </div>\n    )\n}","import React,{useState,useEffect} from \"react\";\nimport Switch from \"components/Toggles/Switch\";\nimport { useParams } from \"react-router-dom\";\nimport FilesService from '../../services/files'\nimport { useFormik  } from \"formik\";\nimport * as Yup from \"yup\";\nimport Select from 'react-select'\nimport axios from \"axios\";\nimport { useToasts } from 'react-toast-notifications';\nimport ValidateService from '../../services/validateValue'\nimport urlPath from '../../services/urlServer'\nimport 'react-modern-calendar-datepicker/lib/DatePicker.css';\nimport DatePicker from 'react-modern-calendar-datepicker';\nimport api_province from '../../assets/data/api_province.json'\nimport api_amphure from '../../assets/data/api_amphure.json'\nimport api_tombon from '../../assets/data/api_tombon.json'\nimport Spinner from '../../components/Loadings/spinner/Spinner'\nimport * as Storage from \"../../../src/services/Storage.service\";\nimport { isMobile } from 'react-device-detect';\nconst locale = require(\"react-redux-i18n\").I18n;\n// components\n\nexport default function Members() {\n\n  const phoneRegExp = /^((\\\\+[1-9]{1,4}[ \\\\-]*)|(\\\\([0-9]{2,3}\\\\)[ \\\\-]*)|([0-9]{2,4})[ \\\\-]*)*?[0-9]{3,4}?[ \\\\-]*[0-9]{3,4}?$/\n  const EmailRegExp = /^[A-Za-z0-9_.@]+$/;\n  const [value, setValue] = useState(false);\n  const [postImage, setPostImage] = useState(\"\");\n  const [confirmPassword, setConfirmPassword] = useState(false);\n  const [valueConfirm, setValueConfirm] = useState(\"\");\n  const [inputPhoneNumber, setinputPhoneNumber] = useState();\n  const [enableControl,setIsEnableControl] = useState(true);\n  const [listMembers, setListMembers] = useState([]);\n  const [isNew,setIsNew] = useState(false);\n  const { addToast } = useToasts();\n  let { id } = useParams();\n  const [optionsLearning, setOptionsLearning] = useState([])\n  const [optionsLearningEng, setOptionsLearningEng] = useState([])\n  const [isLoading, setIsLoading] = useState(false);\n  const defaultDate = {\n    year:  new Date().getFullYear(),\n    month: new Date().getMonth()+1,\n    day: new Date().getDate(),\n  };\n  const [selectedDay, setSelectedDay] = useState(defaultDate);\n  const [dataProvice,setDataProvice]=useState([]);\n  const [dataDistrict,setDataDistrict]=useState([]);\n  const [dataSubDistrict,setSubDistrict] = useState([]);\n  const [dataProviceEng,setDataProviceEng]=useState([]);\n  const [dataDistrictEng,setDataDistrictEng]=useState([]);\n  const [dataSubDistrictEng,setSubDistrictEng] = useState([]);\n  const [dayBirth,setDayBirth] = useState(0);\n  const handleFileUpload = async (e) => {\n    const base64 = await FilesService.convertToBase64(e.target.files[0]);\n    setPostImage(base64);\n  }\n  const options = [\n    { value: '1', label: 'นาย' },\n    { value: '2', label: 'นาง' },\n    { value: '3', label: 'นางสาว' }\n  ];\n\n  const optionsEng = [\n      { value: '1', label: 'Mr.' },\n      { value: '2', label: 'Mrs.' },\n      { value: '3', label: 'Miss.' }\n  ];\n\n  const optionsRole = [\n    { value: '1', label: 'ผู้ดูแลระบบ'},\n    { value: '2', label: 'ผู้เยี่ยมชม' },\n    { value: '3', label: 'วิทยากร' },\n    { value: '4', label: 'เกษตรกร' }\n  ];\n\n  const optionsRoleEng = [\n      { value: '1', label: 'Admin'},\n      { value: '2', label: 'Guest' },\n      { value: '3', label: 'Trainer' },\n      { value: '4', label: 'Farmer' }\n    ];\n\n\n  const optionsGender = [\n      { value: '1', label: 'ชาย'},\n      { value: '2', label: 'หญิง' },\n    ];\n\n    const optionsGenderEng = [\n      { value: '1', label: 'Male'},\n      { value: '2', label: 'Female' },\n    ];\n\n  \n\n  const defaultValue = (options, value) => {\n    if(value.toString() === \"\" && options[0] !== undefined)\n    { \n        value = options[0].value;\n    }\n    return options ? options.find(option => option.value.toString()  === value.toString()) : \"\";\n  };\n\n  // render regular HTML input element\n  const renderCustomInput = ({ ref }) => (\n    <>\n      <span className=\"datepicker-toggle-register\">\n        <span className=\"datepicker-toggle-button\"><i className=\"far fa-calendar \"></i></span>\n        <input ref={ref}\n        type=\"text\"\n        readOnly\n        className=\"datepicker-input cursor-pointer  mb-4 my-custom-input-class border-0 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\" // a styling class\n        disabled={enableControl}\n        value={selectedDay !== null ? `${selectedDay.day}/${selectedDay.month}/${selectedDay.year}` :  new Date().toLocaleDateString('en-GB')} />\n      </span>\n    </>\n  )\n\n  /*จำนวนนาทีสำหรับหลักสูตร*/\n  const onHandleTelephoneChange = (e) => {\n    if(ValidateService.onHandleNumberChange(e.target.value) !== \"\" || e.target.value === \"\" )\n    {  \n      setinputPhoneNumber(e.target.value)\n      formik.values.phoneNumber = e.target.value;\n    }\n  };\n\n  /*ตรวจสอบข้อมูล รหัสผ่านตรงกัน*/\n  const validateConfirm = (e) => {\n    if(e !==  formik.values.password)\n      setConfirmPassword(true)\n    else setConfirmPassword(false);\n  }\n\n  const formik = useFormik({\n     initialValues : {\n      id:'',\n      accountCode:'',\n      title:'',\n      firstName:'',\n      lastName:'',\n      email:'',\n      phoneNumber:'',\n      address:'',\n      description:'',\n      role:'',\n      learningPathId:'',\n      password:'',\n      profilePicture:'',\n      isActivated:false,\n      IsDeleted:false,\n      birthDate:new Date(),\n      gender:'',\n      groupMember:'',\n      province:'',\n      district:'',\n      subDistrict:''\n    },\n    validationSchema: Yup.object({\n      accountCode:Yup.string().required((Storage.GetLanguage() === \"th\") ? '* กรุณากรอก รหัสบัญชีผู้ใช้' : '* Please enter your account code'),\n      firstName:Yup.string().required((Storage.GetLanguage() === \"th\") ? '* กรุณากรอก ชื่อ' : '* Please enter your first name'),\n      lastName:Yup.string().required((Storage.GetLanguage() === \"th\") ?'* กรุณากรอก นามสกุล' : '* Please enter your last name'),\n      email:Yup.string().matches(EmailRegExp,(Storage.GetLanguage() === \"th\") ? '* ขออภัย อนุญาตให้ใช้เฉพาะตัวอักษร (a-z), ตัวเลข (0-9) และเครื่องหมายมหัพภาค (.) เท่านั้น' :'* Sorry, only letters (a-z), numbers (0-9), and periods (.) are allowed.').email((Storage.GetLanguage() === \"th\") ? '* รูปแบบอีเมลไม่ถูกต้อง' : 'Invalid email format').required((Storage.GetLanguage() === \"th\") ? '* กรุณากรอก อีเมล'  : '* Please enter your email'),\n      phoneNumber:Yup.string().matches(phoneRegExp, (Storage.GetLanguage() === \"th\") ? '* รูปแบบเบอร์โทรศัพท์ ไม่ถูกต้อง' : '* The phone number format is invalid').required((Storage.GetLanguage() === \"th\") ? '* กรุณากรอก เบอร์โทรศัพท์' : '* Please enter your phone number' ),\n      birthDate:Yup.string().required((Storage.GetLanguage() === \"th\") ? '* กรุณากรอก วันเกิด' : '* Please enter your date of birth'),\n      password:Yup.string().required((Storage.GetLanguage() === \"th\") ? '* กรุณากรอก รหัสผ่าน' : '* Please enter your password'),\n    }),\n\n    onSubmit: values => {\n      formik.values.title = (formik.values.title === \"\") ? \"1\" : formik.values.title ;\n      formik.values.role = (formik.values.role === \"\") ? \"1\" : formik.values.role ;\n      formik.values.learningPathId = (formik.values.learningPathId === \"\") ? \"1\" : formik.values.learningPathId;\n      formik.values.gender = (formik.values.gender === \"\") ? \"1\" : formik.values.gender;\n      formik.values.province = (formik.values.province === \"\") ? \"1\" : formik.values.province;\n      formik.values.district = (formik.values.district === \"\") ? \"1001\" : formik.values.district;\n      formik.values.subDistrict = (formik.values.subDistrict === \"\") ? \"100101\" : formik.values.subDistrict;\n      formik.values.birthDate = selectedDay;\n      if(!isNew)\n        if(values.id === undefined)\n          values.id = listMembers.filter(x => x.accountCode === formik.values.accountCode )[0].id;\n      axios.get(urlPath+`/members/getAccountCode/${values.accountCode}`,{\n        headers: {accessToken : localStorage.getItem(\"accessToken\")}\n      }).then((response) => {\n        if(response.data === null || response.data.id === values.id) {\n          insertAccount(values);\n        } else {\n          formik.values.birthDate = selectedDay.toString();\n          addToast((Storage.GetLanguage() === \"th\") ? 'ไม่สามารถบันทึกข้อมูลได้ เนื่องจากรหัสบัญชีผู้ใช้ซ้ำ กรุณากรอกรหัสบัญชีผู้ใช้ใหม่' : 'Can not save data due to duplicate user account password Please enter a new user account password.' , { appearance: 'warning', autoDismiss: true });\n        }\n\n      });\n    },\n  });\n\n  const insertAccount = (values) => {\n    setIsLoading(true);\n    axios.get(urlPath+`/members/getemail/${values.email}`).then((response) => {\n      if(response.data === null || (response.data && response.data.id === values.id)) {\n        if(!confirmPassword)\n        {\n          values.isActivated = value;\n          values.profilePicture = postImage;\n          if(isNew){\n              axios.post(urlPath+\"/members\",values).then((response)=>{\n              if(response.data.error) \n              {\n                addToast(response.data.error, { appearance: 'error', autoDismiss: true });\n              } else {\n                formik.values.birthDate = selectedDay.toString();\n                addToast((Storage.GetLanguage() === \"th\") ? 'บันทึกข้อมูลสำเร็จ' : 'Save data successfully', { appearance: 'success', autoDismiss: true });\n                setIsEnableControl(true);\n                setIsNew(false);\n                // axios.get(urlPath+\"/members\",{\n                //   headers: {accessToken : localStorage.getItem(\"accessToken\")}\n                // }).then((response) => {\n                //   if(response){\n                //       setListMembers(response.data.listMembers);\n                //     }\n                // });\n                formik.setFieldValue('id',response.data.listMembers.id)\n                setListMembers(response.data.listMembers);\n\n              }\n            });\n          } else {\n              if(values.id === undefined)\n                values.id = listMembers.filter(x => x.accountCode === formik.values.accountCode )[0].id;\n              axios.post(urlPath+\"/members/update\",values,{\n                headers: {accessToken : localStorage.getItem(\"accessToken\")}\n              }).then((response) => {\n              if(response.data.error) \n              {\n                addToast(response.data.error, { appearance: 'error', autoDismiss: true });\n              } else {\n\n                formik.values.birthDate = selectedDay.toString();\n                addToast((Storage.GetLanguage() === \"th\") ? 'บันทึกข้อมูลสำเร็จ' : 'Save data successfully', { appearance: 'success', autoDismiss: true });\n                setIsEnableControl(true);\n              }\n            });\n          }\n        }\n      }\n      else {\n        formik.values.birthDate = selectedDay.toString();\n        addToast( (Storage.GetLanguage() === \"th\") ?  'ไม่สามารถบันทึกข้อมูลได้ เนื่องจากอีเมลที่ใช้งานมีการลงทะเบียนเรียบร้อยแล้ว' : 'Can not save data Because the email used is already registered.', { appearance: 'warning', autoDismiss: true });\n      }\n      setIsLoading(false);\n    });\n  }\n\n  async function fetchData() {\n    setIsLoading(true);\n    let response = await axios(\n      urlPath+`/members/byId/${id}`,{\n        headers: {accessToken : localStorage.getItem(\"accessToken\")}\n      }\n    );\n    let user = await response.data;\n    if(user !== null) {\n      var ProvinceId = \"\";\n      var District = \"\";\n      var JsonLearning = [];\n      var JsonLearningEng = [];\n      const NullDate = {\n        year:  new Date().getFullYear(),\n        month: new Date().getMonth()+1,\n        day: new Date().getDate(),\n      };\n      for(var columns in response.data) {\n        JsonLearning = [];\n        JsonLearningEng = [];\n        if(columns === \"province\")\n          ProvinceId = response.data[columns]\n        if(columns === \"district\")\n          District = response.data[columns]\n\n        if(columns === \"birthDate\")\n        {\n          const obj = JSON.parse(response.data[columns]);\n          if(response.data[columns] === null)\n          {\n            CalBirthDay(selectedDay);\n            setSelectedDay(selectedDay);\n            formik.setFieldValue(columns, selectedDay.toString(), false);\n            formik.values.birthDate = selectedDay.toString();\n          } else {\n            CalBirthDay(obj);\n            setSelectedDay(obj);\n            formik.setFieldValue(columns, obj.toString(), false);\n            formik.values.birthDate = selectedDay.toString();\n          }\n        }else if (columns === \"district\") {\n          api_amphure.filter(e => e.province_id.toString() === ProvinceId.toString()).forEach(field => { \n            JsonLearning.push({value: field.value.toString(), label:  field.label });\n            JsonLearningEng.push({value: field.value.toString(), label:  field.name_en });\n          });\n          setDataDistrict(JsonLearning);\n          setDataDistrictEng(JsonLearningEng);\n          formik.setFieldValue('district',response.data[columns]);\n        }else if (columns === \"subDistrict\") {\n          api_tombon.filter(e => e.value.toString().substring(0, 4) === District.toString()).forEach(field => { \n            JsonLearning.push({value: field.value.toString(), label:  field.label });\n            JsonLearningEng.push({value: field.value.toString(), label:  field.name_en });\n          });\n          setSubDistrict(JsonLearning)\n          setSubDistrictEng(JsonLearningEng)\n          formik.setFieldValue('subDistrict',response.data[columns]);\n        }else if (columns === 'year' || columns === 'month' || columns === 'day'){\n          if(response.data[columns] === null )\n            setSelectedDay(NullDate);\n        }\n        else if (columns !== 'profilePicture'){\n          formik.setFieldValue(columns,(( response.data[columns]===null) ? '' : response.data[columns]), false);\n        }\n      }\n    \n      if(response.data.profilePicture !== null)\n        setPostImage(FilesService.buffer64(response.data.profilePicture));\n      setValue(response.data.isActivated);\n      setValueConfirm(response.data.password)\n      setListMembers(user);\n      setIsNew(false);\n      setIsLoading(false);\n    } else {\n      setIsLoading(false);\n      setIsNew(true);\n      setIsEnableControl(false);\n    }\n  }\n\n  async function fetchLearning() {\n    const response = await axios(urlPath+\"/learning\");\n    const body = await response.data.listLearning;\n    var JsonLearning = [];\n    body.forEach(field => JsonLearning.push({value: field.id.toString(), label:  field.LearningPathNameTH }))\n    setOptionsLearning(JsonLearning)\n    JsonLearning = [];\n    body.forEach(field => JsonLearning.push({value: field.id.toString(), label:  field.LearningPathNameENG }))\n    setOptionsLearningEng(JsonLearning)\n  }\n\n  const GetAddress =  async  (type,id)=>{\n    if(type === \"district\"){\n      setDataDistrict([]);\n      setDataDistrictEng([]);\n      var JsonLearning = [];\n      var JsonLearningEng = [];\n      await api_amphure.filter(e => e.province_id.toString() === id.toString() ).forEach(field => {\n          JsonLearning.push({value: field.value.toString(), label:  field.label });\n          JsonLearningEng.push({value: field.value.toString(), label:  field.name_en });\n      });\n      setDataDistrict(JsonLearning);\n      setDataDistrictEng(JsonLearningEng);\n      formik.setFieldValue('district',((Storage.GetLanguage() === \"th\") ? JsonLearning[0].value : JsonLearningEng[0].value ));\n\n      setSubDistrict([]);\n      setSubDistrictEng([]);\n      JsonLearning = [];\n      JsonLearningEng = [];\n      await api_tombon.filter(e => e.value.toString().substring(0, 4) === (api_amphure.filter(e => e.province_id.toString() === id.toString()))[0].value.toString()).forEach(field => { \n        JsonLearning.push({value: field.value.toString(), label:  field.label });\n        JsonLearningEng.push({value: field.value.toString(), label:  field.name_en });\n      });\n      setSubDistrict(JsonLearning);  \n      setSubDistrictEng(JsonLearningEng);\n      formik.setFieldValue('subDistrict',((Storage.GetLanguage() === \"th\") ? JsonLearning[0].value : JsonLearningEng[0].value ));\n    }\n    else if(type===\"subDistrict\")\n    {\n      setSubDistrict([]);\n      setSubDistrictEng([]);\n      var JsonLearning = [];\n      var JsonLearningEng = [];\n      api_tombon.filter(e => e.value.toString().substring(0, 4) === id.toString()).forEach(field => { \n          JsonLearning.push({value: field.value.toString(), label:  field.label });\n          JsonLearningEng.push({value: field.value.toString(), label:  field.name_en });\n      });\n      setSubDistrict(JsonLearning);  \n      setSubDistrictEng(JsonLearningEng);  \n      formik.setFieldValue('subDistrict',((Storage.GetLanguage() === \"th\") ? JsonLearning[0].value : JsonLearningEng[0].value ));\n    }\n  }\n\n  const CalBirthDay =(e)=>{\n    if(e === null) {\n      e = selectedDay.toString();\n    }\n    const diffDays = (date, otherDate) => Math.ceil(Math.abs(date - otherDate) / (1000 * 60 * 60 * 24));\n    const day = diffDays(new Date(e.year+'/'+e.month+'/'+e.day), new Date());\n    setDayBirth((day > 365 && new Date(e.year+'/'+e.month+'/'+e.day) < new Date()) ? parseInt(day/365) : 0 )\n  }\n  \n  useEffect(()=>{\n      var JsonLearning = [];\n      var JsonLearningEng = [];\n      api_province.forEach(field => { \n          JsonLearning.push({value: field.value.toString(), label:  field.label });\n          JsonLearningEng.push({value: field.value.toString(), label:  field.name_en });\n      });\n      setDataProvice(JsonLearning)\n      setDataProviceEng(JsonLearningEng)\n      GetAddress(\"district\",1);\n      GetAddress(\"subDistrict\",1001);\n      fetchData();\n      fetchLearning();\n  },[]);\n\n  const EnableControl = (bool) => {\n    setIsEnableControl(bool);\n    if(bool)\n      formik.setErrors({})\n  }\n\n\n  return (\n    <>\n      {isLoading ? ( <> <Spinner  customText={\"Loading\"}/></>) : (<></>)}\n      <div className=\"flex flex-wrap mt-4\">\n        <div className=\"w-full px-4 \">\n        <>\n          <div className=\"relative flex flex-col min-w-0 break-words w-full mb-6 shadow-lg rounded-2xl bg-blueGray-100 border-0\">\n            <form onSubmit={formik.handleSubmit}> \n            <div className=\"rounded-t-2xl bg-white mb-0 px-3 py-3\">\n              <div className=\"text-center flex justify-between \">\n                <div>\n                  <h3 className=\"text-blueGray-700 text-lg font-bold mt-2\">{locale.t(\"Menu.lblAccount\")}</h3>\n                </div>\n                <div>\n                  {(enableControl && !isNew) ? <button\n                    className=\"bg-green-mju text-white active:bg-lightBlue-600 font-bold  text-sm px-2 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none mr-1 ease-linear transition-all duration-150\"\n                    type=\"button\"\n                    onClick={ () => {EnableControl(false)}}\n                  >\n                  <i className=\"fas fa-pencil-alt\"></i>&nbsp;{locale.t(\"Button.lblEdit\")}\n                  </button> :\n                  <>\n                    <button\n                      className={\"bg-rose-mju text-white active:bg-rose-mju font-bold  text-sm px-2 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none mr-1 ease-linear transition-all duration-150\" + ((isNew ? \" hidden\" : \" \"))}\n                      type=\"button\"\n                      onClick={() =>{EnableControl(true)}}\n                    >\n                    <i className=\"far fa-times-circle\"></i>&nbsp;{locale.t(\"Button.lblDrop\")}\n                    </button>     \n                    <button\n                    className=\"bg-blue-save-mju text-white active:bg-blueactive-mju font-bold  text-sm px-2 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none mr-1 ease-linear transition-all duration-150\" \n                    type=\"submit\"\n                    >\n                      <i className=\"fas fa-save\"></i>&nbsp;{locale.t(\"Button.lblSave\")}\n                    </button>\n                  </>\n                  }\n                </div>\n              </div>\n            </div>\n            <div className=\"flex-auto px-4 lg:px-8 py-10 pt-0\">\n                <div className=\"flex flex-wrap  mt-6\">\n                  <div className=\"w-full lg:w-2/12\">\n                    <div className=\"relative w-full mb-3\">\n                      <div className=\"image-upload\">\n                        <label htmlFor=\"file-input\" className=\"cursor-pointer\">\n                          <img\n                            alt=\"...\"\n                            className={\"img-member-admin  w-full rounded-full align-middle border-none shadow-lg\" + ((isMobile) ? ' mx-auto' : '')}\n                            src={  ((postImage) ? postImage  :  require(\"assets/img/noimg.png\").default) }\n                          />\n                        </label>\n                        <input id=\"file-input\" type=\"file\" accept=\"image/jpg, image/jpeg, image/png\" onChange={(e) => handleFileUpload(e)}  disabled={enableControl} />\n                      </div>\n                    </div>\n                  </div>\n                  <div className=\"w-full lg:w-10/12\">\n                    <div className=\"flex flex-wrap\">\n                      <div className=\"w-full lg:w-6/12 px-4\">\n                        <div className=\"relative lg:w-6/12  mb-3\">\n                          <label className=\"block  text-blueGray-600 text-sm font-bold mb-2\">\n                            {locale.t(\"Account.info.lblAccountCode\")}<span className=\"text-red-500\"> *</span>\n                          </label>\n                          <input\n                            type=\"text\"\n                            className=\"border-0 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                            autoComplete=\"off\"\n                            id=\"accountCode\"\n                            name=\"accountCode\"\n                            maxLength={100}\n                            onChange={formik.handleChange}\n                            onBlur={formik.handleBlur}\n                            value={formik.values.accountCode}\n                            disabled={enableControl}\n                          />\n                          {formik.touched.accountCode && formik.errors.accountCode ? (\n                              <div className=\"text-sm py-2 px-2 text-red-500\">{formik.errors.accountCode}</div>\n                          ) : null}\n                        </div>\n                      </div>\n                      <div className=\"w-full lg:w-6/12 px-4\">\n                        <div className=\"float-right\">\n                          <div className=\"relative w-full mb-3 text-center flex justify-between\">\n                            <span className=\"text-sm font-bold text-center flex justify-between\"><span className=\"mt-2\">{locale.t(\"Account.info.lblActive\")}</span> &nbsp; \n                            <Switch \n                              isOn={value}\n                              id=\"isActivated\"\n                              name=\"isActivated\"\n                              onColor=\"#69ac2b\"\n                              float=\"right\"\n                              handleToggle={() => {setValue(!value)}}\n                              disble={enableControl}\n                            />\n                            </span>\n                          </div>\n                        </div>\n                      </div>\n                      <div className=\"w-full lg:w-3-1/12 px-4 py-1\">\n                        <div className=\"relative w-full mb-3\">\n                          <label className=\"block  text-blueGray-600 text-sm font-bold mb-2\">\n                          {locale.t(\"Account.info.lblTitle\")}\n                          </label>\n                            <Select\n                              id=\"title\"\n                              name=\"title\"\n                              onChange={value => {formik.setFieldValue('title',value.value)}}\n                              className=\"border-0 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\" \n                              options={((Storage.GetLanguage() === \"th\") ? options : optionsEng)}\n                              value={defaultValue(((Storage.GetLanguage() === \"th\") ? options : optionsEng), formik.values.title)}\n                              isDisabled={enableControl}\n                              />\n                        </div> \n                      </div>\n                      <div className=\"w-full lg:w-3-2/12 px-4 py-1\">\n                        <div className=\"relative w-full mb-3\">\n                          <label\n                            className=\"block  text-blueGray-600 text-sm font-bold mb-2\"\n                          >\n                            {locale.t(\"Account.info.lblFirstName\")}<span className=\"text-red-500\"> *</span>\n                          </label> \n                          <input\n                            type=\"text\"\n                            className=\"border-0 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                            id=\"firstName\"\n                            name=\"firstName\"\n                            maxLength={255}\n                            autoComplete=\"firstName\"\n                            onChange={formik.handleChange}\n                            onBlur={formik.handleBlur}\n                            value={formik.values.firstName}\n                            disabled={enableControl}\n                          />\n                          {formik.touched.firstName && formik.errors.firstName ? (\n                              <div className=\"text-sm py-2 px-2 text-red-500\">{formik.errors.firstName}</div>\n                          ) : null}\n                        </div>\n                      </div>\n                      <div className=\"w-full lg:w-3-2/12 px-4 py-1\">\n                        <div className=\"relative w-full mb-3\">\n                          <label\n                            className=\"block  text-blueGray-600 text-sm font-bold mb-2\"\n                          >\n                            {locale.t(\"Account.info.lblLastName\")}<span className=\"text-red-500\"> *</span>\n                          </label>\n                          <input\n                            type=\"text\"\n                            className=\"border-0 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                            id=\"lastName\"\n                            name=\"lastName\"\n                            maxLength={255}\n                            onChange={formik.handleChange}\n                            onBlur={formik.handleBlur}\n                            value={formik.values.lastName}\n                            disabled={enableControl}\n                            autoComplete=\"lastName\"\n                          />\n                          {formik.touched.lastName && formik.errors.lastName ? (\n                              <div className=\"text-sm py-2 px-2 text-red-500\">{formik.errors.lastName}</div>\n                          ) : null}\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n                {/* <hr className=\"mt-6 border-b-1 border-blueGray-300\" /> */}\n\n                {/* <h6 className=\"text-blueGray-400 text-sm mt-3 mb-6 font-bold \">\n                  Contact Information\n                </h6> */}\n                <div className=\"flex flex-wrap\">\n                  <div className=\"w-full lg:w-6/12 px-4 py-1\">\n                    <div className=\"relative w-full mb-3\">\n                      <label className=\"block  text-blueGray-600 text-sm font-bold mb-2\">\n                      {locale.t(\"Account.list.lblEmail\")}<span className=\"text-red-500\"> *</span>\n                      </label>\n                      <input\n                        type=\"text\"\n                        className=\"border-0 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                        id=\"email\"\n                        name=\"email\"\n                        maxLength={255}\n                        onChange={formik.handleChange}\n                        onBlur={formik.handleBlur}\n                        value={formik.values.email}\n                        disabled={enableControl}\n                        autoComplete=\"new-password\"\n                      />\n                      {formik.touched.email && formik.errors.email ? (\n                              <div className=\"text-sm py-2 px-2 text-red-500\">{formik.errors.email}</div>\n                          ) : null}\n                    </div>\n                  </div>\n                  <div className=\"w-full lg:w-6/12 px-4 py-1\">\n                    <div className=\"relative w-full mb-3\">\n                      <label\n                        className=\"block  text-blueGray-600 text-sm font-bold mb-2\"\n                      >\n                        {locale.t(\"Account.info.lblPhoneNumber\")}<span className=\"text-red-500\"> *</span>\n                      </label>\n                      <input\n                        type=\"text\"\n                        className=\"border-0 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                        id=\"phoneNumber\"\n                        name=\"phoneNumber\"\n                        maxLength={10}\n                        onChange={(event) => {\n                          onHandleTelephoneChange(event);\n                        }}\n                        onBlur={formik.handleBlur}\n                        value={formik.values.phoneNumber}\n                        disabled={enableControl}\n                        autoComplete=\"new-password\"\n                      />\n                       {formik.touched.phoneNumber && formik.errors.phoneNumber ? (\n                              <div className=\"text-sm py-2 px-2 text-red-500\">{formik.errors.phoneNumber}</div>\n                          ) : null}\n                    </div>\n                  </div>\n                  <div className=\"w-full lg:w-6/12 px-4 py-1\">\n                    <div className=\"flex flex-wrap\">\n                      <div className=\"w-full lg:w-4/12\">\n                        <div className=\"w-90\">\n                          <label\n                            className=\"block  text-blueGray-600 text-sm font-bold mb-2\"\n                          >\n                            {locale.t(\"Account.info.lblBirthDate\")}<span className=\"text-red-500\"> *</span>\n                          </label>\n                          <DatePicker\n                            value={selectedDay}\n                            onChange={(e) => {setSelectedDay(e); CalBirthDay(e); }}\n                            renderInput={renderCustomInput} // render a custom input\n                            shouldHighlightWeekends\n                          />\n                          {formik.touched.birthDate && formik.errors.birthDate ? (\n                                <div className=\"text-sm py-2 px-2 text-red-500\">{formik.errors.birthDate}</div>\n                            ) : null}\n                        </div>\n                      </div>\n                      <div className=\"w-full lg:w-4/12\">\n                        <div className=\"w-90\">\n                          <label className=\"block  text-blueGray-600 text-sm font-bold mb-2\">\n                            {locale.t(\"Account.info.lblAge\")}\n                          </label>\n                          <input\n                              type=\"text\"\n                              className=\"border-0 px-2 py-1  w-80 mb-4 laceholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring ease-linear transition-all duration-150\"\n                              id=\"NumOfHours\"\n                              name=\"NumOfHours\"\n                              value={dayBirth}\n                              onBlur={formik.handleBlur}\n                              readOnly={true}\n                              maxLength={4}\n                              disabled={enableControl}\n                            />\n                          <span className=\"text-sm font-bold\"> &nbsp;ปี</span>\n                        </div>\n                      </div>\n                      <div className=\"w-full lg:w-4/12\">\n                          <label\n                            className=\"block  text-blueGray-600 text-sm font-bold mb-2\"\n                          >\n                            {locale.t(\"Account.info.lblGender\")}\n                          </label>\n                          <Select\n                                id=\"gender\"\n                                name=\"gender\"\n                                onChange={value => {formik.setFieldValue('gender',value.value)}}\n                                className=\"border-0 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\" \n                                options={((Storage.GetLanguage() === \"th\") ? optionsGender : optionsGenderEng)}\n                                value={defaultValue(((Storage.GetLanguage() === \"th\") ? optionsGender : optionsGenderEng), formik.values.gender)}\n                                isDisabled={enableControl}\n                                />\n                      </div>\n                    </div>\n                  </div>\n                  <div className=\"w-full lg:w-6/12 px-4 py-1\">\n                    <div className=\"relative w-full mb-3\">\n                      <label className=\"block  text-blueGray-600 text-sm font-bold mb-2\">\n                        {locale.t(\"Account.info.lblGroup\")}\n                      </label>\n                      <input\n                        type=\"text\"\n                        className=\"border-0 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                        id=\"groupMember\"\n                        name=\"groupMember\"\n                        maxLength={255}\n                        onChange={formik.handleChange}\n                        onBlur={formik.handleBlur}\n                        value={formik.values.groupMember}\n                        disabled={enableControl}\n                        autoComplete=\"new-password\"\n                      />\n                    </div>\n                  </div>\n                  <div className=\"w-full lg:w-6/12 px-4 py-1\">\n                    <div className=\"relative w-full mb-3\">\n                      <label className=\"block  text-blueGray-600 text-sm font-bold mb-2\">\n                        {locale.t(\"Account.list.lblRole\")}\n                      </label>\n                      <Select  \n                        id=\"role\"\n                        name=\"role\"\n                        onChange={value => {  formik.setFieldValue('role',value.value)}}\n                        //value={formik.values.title}\n                        className=\"border-0 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm-select shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\" \n                        options={((Storage.GetLanguage() === \"th\") ? optionsRole : optionsRoleEng)} \n                        value={defaultValue(((Storage.GetLanguage() === \"th\") ? optionsRole : optionsRoleEng), formik.values.role)}\n                        isDisabled={enableControl || formik.values.email === \"admin@mju.ac.th\"}/>\n                    </div>\n                  </div>\n                  <div className=\"w-full lg:w-6/12 px-4 py-1\">\n                    <div className=\"relative w-full mb-3\">\n                      <label className=\"block  text-blueGray-600 text-sm font-bold mb-2\">\n                        {locale.t(\"Account.list.lblLearningPath\")}\n                      </label>\n                      <Select\n                        id=\"learningPathId\"\n                        name=\"learningPathId\"\n                        onChange={value => {  formik.setFieldValue('learningPathId',value.value)}}\n                        //value={formik.values.title}\n                        className=\"border-0 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm-select shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\" \n                        options={((Storage.GetLanguage() === \"th\") ? optionsLearning : optionsLearningEng)} \n                        value={defaultValue(((Storage.GetLanguage() === \"th\") ? optionsLearning : optionsLearningEng), formik.values.learningPathId)}\n                        isDisabled={enableControl}/>\n                    </div>\n                  </div>\n                  <div className=\"w-full lg:w-6/12 px-4 py-1\">\n                    <div className=\"relative w-full mb-4\">\n                      <label className=\"block  text-blueGray-600 text-sm font-bold mb-2\">\n                        {locale.t(\"Account.info.lblPassword\")}<span className=\"text-red-500\"> *</span>\n                      </label>\n                      <input\n                        type=\"password\"\n                        className=\"border-0 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                        id=\"password\"\n                        name=\"password\"\n                        maxLength={255}\n                        onChange={(e) => {\n                          if(e.target.value !== valueConfirm ) \n                          {\n                            setConfirmPassword(e.target.value);\n                          }\n                          else if (e.target.value === \"\" && valueConfirm === \"\")\n                          {\n                            setConfirmPassword(null);\n                          }\n                          formik.handleChange(e);\n                        }}\n                        onBlur={formik.handleBlur}\n                        value={formik.values.password}\n                        disabled={enableControl}\n                      />\n                      {formik.touched.password && formik.errors.password ? (\n                              <div className=\"text-sm py-2 px-2 text-red-500\">{formik.errors.password}</div>\n                          ) : null}\n                    </div>\n                  </div>\n                  <div className=\"w-full lg:w-6/12 px-4 py-1\">\n                    <div className=\"relative w-full mb-4\">\n                      <label className=\"block  text-blueGray-600 text-sm font-bold mb-2\">\n                        {locale.t(\"Account.info.lblConfirmPassword\")}\n                      </label>\n                      <input\n                        type=\"password\"\n                        className=\"border-0 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                        id=\"confirmPassword\"\n                        name=\"confirmPassword\"\n                        maxLength={255}\n                        onChange={e=>{ validateConfirm(e.target.value); setValueConfirm(e.target.value); }}\n                        disabled={enableControl}\n                        value={valueConfirm}\n                      />\n                      {confirmPassword ? (\n                              <div className=\"text-sm py-2 px-2 text-red-500\">* รหัสผ่านไม่ตรงกัน</div>\n                          ) : null}\n                    </div>\n                  </div>\n                  <div className=\"w-full lg:w-6/12 px-4 py-1\">\n                    <div className=\"relative w-full mb-5\">\n                      <label className=\"block  text-blueGray-600 text-sm font-bold mb-2\">\n                        {locale.t(\"Account.info.lblAddress\")}\n                      </label>\n                      <input\n                        type=\"text\"\n                        className=\"border-0 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                        id=\"address\"\n                        name=\"address\"\n                        onChange={formik.handleChange}\n                        onBlur={formik.handleBlur}\n                        maxLength={255}\n                        value={formik.values.address}\n                        disabled={enableControl}\n                        autoComplete=\"new-password\"\n                      />\n                    </div>\n                    <div className=\"relative w-full mb-3\">\n                      <div className=\"flex flex-wrap\">\n                        <div className=\"w-full lg:w-4/12 mb-4\">\n                          <label className=\"block  text-blueGray-600 text-sm font-bold mb-2\">\n                            {locale.t(\"Account.info.lblProvince\")}\n                          </label>\n                            <Select  \n                              id=\"province\"\n                              name=\"province\"\n                              onChange={value => { \n                                formik.setFieldValue('province',value.value); \n                                GetAddress(\"district\",value.value); \n                              }}\n                              className=\"border-0 placeholder-blueGray-300 w-90 text-blueGray-600 bg-white rounded text-sm-select shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\" \n                              options={((Storage.GetLanguage() === \"th\") ? dataProvice : dataProviceEng)} \n                              menuPlacement=\"top\"\n                              value={defaultValue(((Storage.GetLanguage() === \"th\") ? dataProvice : dataProviceEng), formik.values.province)}\n                              isDisabled={enableControl}/>\n                        </div>\n                        <div className=\"w-full lg:w-4/12 mb-4\">\n                          <label className=\"block  text-blueGray-600 text-sm font-bold mb-2\">\n                            {locale.t(\"Account.info.lblDistrict\")}\n                          </label>\n                            <Select  \n                              id=\"district\"\n                              name=\"district\"\n                              onChange={value => {  formik.setFieldValue('district',value.value);\n                              GetAddress(\"subDistrict\",value.value);}}\n                              className=\"border-0 placeholder-blueGray-300 w-90 text-blueGray-600 bg-white rounded text-sm-select shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\" \n                              options={((Storage.GetLanguage() === \"th\") ? dataDistrict : dataDistrictEng)} \n                              menuPlacement=\"top\"\n                              value={defaultValue(((Storage.GetLanguage() === \"th\") ? dataDistrict : dataDistrictEng), formik.values.district)}\n                              isDisabled={enableControl}/>\n                        </div>\n                        <div className=\"w-full lg:w-4/12\">\n                          <label className=\"block  text-blueGray-600 text-sm font-bold mb-2\">\n                            {locale.t(\"Account.info.lblSubDistrict\")}\n                          </label>\n                            <Select  \n                              id=\"subDistrict\"\n                              name=\"subDistrict\"\n                              onChange={value => {  formik.setFieldValue('subDistrict',value.value)}}\n                              className=\"border-0 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm-select shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\" \n                              options={ ((Storage.GetLanguage() === \"th\") ? dataSubDistrict : dataSubDistrictEng)} \n                              menuPlacement=\"top\"\n                              value={defaultValue( ((Storage.GetLanguage() === \"th\") ? dataSubDistrict : dataSubDistrictEng), formik.values.subDistrict)}\n                              isDisabled={enableControl}/>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                  <div className=\"w-full lg:w-6/12 px-4 py-1\">\n                    <div className=\"relative w-full mb-3\">\n                      <label className=\"block  text-blueGray-600 text-sm font-bold mb-2\">\n                        {locale.t(\"Account.info.lblDescription\")}\n                      </label>\n                      <textarea\n                        type=\"text\"\n                        className=\"border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                        rows=\"5\"\n                        id=\"description\"\n                        name=\"description\"\n                        onChange={formik.handleChange}\n                        onBlur={formik.handleBlur}\n                        value={formik.values.description}\n                        disabled={enableControl}\n                        autoComplete=\"new-password\"\n                      ></textarea>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </form>\n          </div>\n        </>\n        </div>\n      </div>\n    </>\n  );\n}\n","import React from 'react'\nimport Modal from \"react-modal\";\nimport * as Storage from \"../../../src/services/Storage.service\";\nconst locale = require(\"react-redux-i18n\").I18n;\n\nModal.setAppElement('#root');\nconst customStyles = {\n  content: {\n    top: '50%',\n    left: '50%',\n    right: 'auto',\n    bottom: 'auto',\n    marginRight: '-50%',\n    padding:'0%',\n    transform: 'translate(-50%, -50%)',\n    overflowY: 'auto',\n    overflowX: 'auto',\n    backgroundColor:\"#F1F5F9\"\n  },overlay: {zIndex: 100, backgroundColor: 'rgba(70, 70, 70, 0.5)',}\n};\n\nconst ConfirmDialog = ({ showModal, hideModal,afterOpenModal, confirmModal, id, type, message }) => {\n    return (\n        <Modal\n            isOpen={showModal}\n            onAfterOpen={afterOpenModal}\n            onRequestClose={hideModal}\n            style={customStyles}\n            contentLabel=\"Example Modal\"\n            >\n            <div className=\"flex flex-wrap\">\n                <div className=\"w-full \">\n                    <>\n                    <div className=\"relative flex flex-col min-w-0 break-words w-full  rounded-lg  border-0\">\n                    <div className=\"rounded-t bg-white mb-0 px-4 py-4\">\n                        <div className=\"text-center flex justify-between\">\n                        <div className=\"\">\n                            <h6 className=\"text-blueGray-700 text-base  font-bold mt-2\"><i className=\"fas fa-exclamation-triangle\"></i>&nbsp;  {locale.t(\"Main.lblWarning\")}</h6>\n                        </div>\n                        <div className=\"\">\n                        </div>\n                        </div>\n                    </div>\n                    </div>\n                    <div className={\"flex-auto \"}>\n                        <div className=\"w-full mt-2\">\n                            <div className=\"relative w-full mb-3\">\n                                <div className=\" align-middle  mb-2\">\n                                    <div  className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap p-4\">\n                                        {(Storage.GetLanguage() === \"th\") ? <label className=\"cursor-pointer\">คุณต้องการลบข้อมูล{message}ใช่หรือไม่</label> : <label className=\"cursor-pointer\">Do you want to delete {message} data?</label> }\n                                    </div>\n                                </div>\n                            </div>\n                            <div className=\"relative w-full mb-3\">\n                                <div className=\" flex justify-between align-middle \">\n                                    <div>\n                                    </div>\n                                    <div  className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap p-4\">\n                                        <label className=\"text-red-500 cursor-pointer\" onClick={() => {(confirmModal(id));}}> <i className=\"fas fa-trash\"></i> {locale.t(\"Button.lblDelete\")}</label>\n                                        <label className=\"font-bold\">&nbsp;|&nbsp;</label>\n                                        <label className=\"cursor-pointer\" onClick={hideModal}> <i className=\"fas fa-times\"></i> {locale.t(\"Button.lblCancel\")}</label>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    </>\n                </div>\n            </div>\n        </Modal>\n    )\n}\n \nexport default ConfirmDialog;","import React, { useEffect, useState } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport axios from \"axios\";\nimport Modal from \"react-modal\";\nimport ReactPaginate from \"react-paginate\";\nimport ConfirmDialog from \"../../components/ConfirmDialog/ConfirmDialog\";\nimport urlPath from \"../../services/urlServer\";\nimport Spinner from \"../../components/Loadings/spinner/Spinner\";\nimport * as Storage from \"../../../src/services/Storage.service\";\nconst locale = require(\"react-redux-i18n\").I18n;\n\nModal.setAppElement(\"#root\");\nconst customStyles = {\n  content: {\n    top: \"50%\",\n    left: \"50%\",\n    right: \"auto\",\n    bottom: \"auto\",\n    marginRight: \"-50%\",\n    padding: \"0%\",\n    transform: \"translate(-50%, -50%)\",\n    overflowY: \"auto\",\n    overflowX: \"auto\",\n    backgroundColor: \"#F1F5F9\",\n  },\n  overlay: { zIndex: 100, backgroundColor: \"rgba(70, 70, 70, 0.5)\" },\n};\n\nexport default function MembersList() {\n  const [modalIsOpen, setIsOpen] = useState(false);\n  const [listMembers, setListMembers] = useState([]);\n  const [deleteNumber, setDeleteNumber] = useState(0);\n  const [pageNumber, setPageNumber] = useState(0);\n  const [listSearch, setListSerch] = useState([]);\n  const [modalIsOpenSubject, setIsOpenSubject] = useState(false);\n  const [optionsLearning, setOptionsLearning] = useState([]);\n  const [optionsLearningEng, setOptionsLearningEng] = useState([]);\n  const usersPerPage = 10;\n  const pagesVisited = pageNumber * usersPerPage;\n  const [isLoading, setIsLoading] = useState(false);\n  var JsonLearning = [];\n  var JsonLearningEng = [];\n  const options = [\n    { value: \"1\", label: \"นาย\" },\n    { value: \"2\", label: \"นาง\" },\n    { value: \"3\", label: \"นางสาว\" },\n  ];\n\n  const optionsEng = [\n    { value: \"1\", label: \"Mr.\" },\n    { value: \"2\", label: \"Mrs.\" },\n    { value: \"3\", label: \"Miss.\" },\n  ];\n\n  const optionsRole = [\n    { value: \"1\", label: \"ผู้ดูแลระบบ\" },\n    { value: \"2\", label: \"ผู้เยี่ยมชม\" },\n    { value: \"3\", label: \"วิทยากร\" },\n    { value: \"4\", label: \"เกษตรกร\" },\n  ];\n\n  const optionsRoleEng = [\n    { value: \"1\", label: \"Admin\" },\n    { value: \"2\", label: \"Guest\" },\n    { value: \"3\", label: \"Trainer\" },\n    { value: \"4\", label: \"Farmer\" },\n  ];\n\n  function openModal(type, email) {\n    if (email !== \"guest@mju.ac.th\" && email !== \"admin@mju.ac.th\") {\n      setIsOpen(true);\n    }\n  }\n\n  function afterOpenModal(type) {\n    // references are now sync'd and can be accessed.\n  }\n\n  function closeModal() {\n    setIsOpen(false);\n  }\n\n  function openModalSubject() {\n    setIsOpenSubject(true);\n  }\n\n  function closeModalSubject() {\n    setIsOpenSubject(false);\n  }\n\n  const handleChange = (e) => {\n    const { name, checked } = e.target;\n    if (name === \"allSelect\") {\n      let tempMember = listMembers.map((member) => {\n        return { ...member, IsDeleted: checked };\n      });\n      setListMembers(tempMember);\n      setDeleteNumber(tempMember.filter((x) => x.IsDeleted === true).length);\n    } else {\n      let tempMember = listMembers.map((member) =>\n        member.id.toString() === name\n          ? {\n              ...member,\n              IsDeleted: checked,\n            }\n          : member\n      );\n      setListMembers(tempMember);\n      setDeleteNumber(tempMember.filter((x) => x.IsDeleted === true).length);\n    }\n  };\n\n  const ChangeSelect = (options, value, type) => {\n    if (value === \"\") {\n      value = \"1\";\n    }\n    if (type === \"title\") {\n      return (value = options.filter((x) => x.value === value.toString())[0]\n        .label);\n    } else if (type === \"role\") {\n      return (value = options.filter((x) => x.value === value.toString())[0]\n        .label);\n    }\n  };\n\n  const ChangeLearning = (options, value) => {\n    if (options.length > 0)\n      return (value = options.filter((x) => x.value === value.toString())[0]\n        .label);\n  };\n\n  const deleteMember = (e, email) => {\n    if (email !== \"guest@mju.ac.th\" && email !== \"admin@mju.ac.th\") {\n      axios\n        .post(\n          urlPath + `/members/delete/${e}`,\n          {},\n          {\n            headers: { accessToken: localStorage.getItem(\"accessToken\") },\n          }\n        )\n        .then(() => {\n          setListMembers(\n            listMembers.filter((val) => {\n              return val.id !== e;\n            })\n          );\n          closeModal();\n        });\n    }\n  };\n\n  const deleteByList = async () => {\n    if (deleteNumber > 0) {\n      var ArrayDeleted = [];\n      const emailUser = localStorage.getItem(\"email\");\n      listMembers.forEach((field) => {\n        if (\n          field.IsDeleted === true &&\n          field.email !== emailUser &&\n          field.email !== \"admin@mju.ac.th\" &&\n          field.email !== \"guest@mju.ac.th\"\n        ) {\n          ArrayDeleted.push(field.id);\n        } else field.IsDeleted = false;\n      });\n      if (ArrayDeleted.length > 0) {\n        axios\n          .post(urlPath + `/members/delete/multidelete/${ArrayDeleted}`, {}, {\n            headers: { accessToken: localStorage.getItem(\"accessToken\") },\n          })\n          .then(() => {\n            setDeleteNumber(0);\n            setListMembers(\n              listMembers.filter((val) => {\n                return val.IsDeleted !== true;\n              })\n            );\n          });\n      }\n      closeModalSubject();\n    }\n  };\n\n  const pageCount = Math.ceil(listMembers.length / usersPerPage);\n\n  const changePage = ({ selected }) => {\n    setPageNumber(selected);\n  };\n\n  const displayUsers = listMembers\n    .slice(pagesVisited, pagesVisited + usersPerPage)\n    .map(function (value) {\n      return (\n        <tr role=\"row\" key={value.id}>\n          <th className=\"border-t-0 px-2 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap\">\n            <input\n              type=\"checkbox\"\n              name={value.id}\n              checked={value?.IsDeleted || false}\n              onChange={handleChange}\n              className=\"form-checkbox rounded text-green-200-mju w-5 h-5 ease-linear transition-all duration-150\"\n            />\n          </th>\n          <td className=\"border-t-0 px-2 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap cursor-pointer\">\n            <div className=\"TextWordWarp\">\n              <Link to={`/admin/members/${value.id}`}>\n                {(Storage.GetLanguage() === \"th\"\n                  ? ChangeSelect(options, value.title, \"title\")\n                  : ChangeSelect(optionsEng, value.title, \"title\")) +\n                  \" \" +\n                  value.firstName +\n                  \" \" +\n                  value.lastName}\n              </Link>\n            </div>\n          </td>\n          <td className=\"border-t-0 px-2 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap  cursor-pointer\">\n            <div className=\"TextWordWarp\">\n              <Link to={`/admin/members/${value.id}`}>{value.email}</Link>\n            </div>\n          </td>\n          <td className=\"border-t-0 px-2 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap cursor-pointer\">\n            <div className=\"TextWordWarpCode\">\n              <Link to={`/admin/members/${value.id}`}>\n                {Storage.GetLanguage() === \"th\"\n                  ? ChangeSelect(optionsRole, value.role, \"role\")\n                  : ChangeSelect(optionsRoleEng, value.role, \"role\")}\n              </Link>\n            </div>\n          </td>\n          <td className=\"border-t-0 px-2 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap \">\n            <div className=\"TextWordWarpCode\">\n              {Storage.GetLanguage() === \"th\"\n                ? ChangeLearning(optionsLearning, value.learningPathId)\n                : ChangeLearning(optionsLearningEng, value.learningPathId)}\n            </div>\n          </td>\n          <td className=\"border-t-0 px-2 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap \">\n            {value.isActivated ? (\n              <label>\n                <i className=\"fas fa-circle text-green-200-mju mr-2\"></i>{\" \"}\n                {locale.t(\"Account.info.lblActive\")}\n              </label>\n            ) : (\n              <label>\n                {\" \"}\n                <i className=\"fas fa-circle text-red-500 mr-2\"></i>{\" \"}\n                {locale.t(\"Account.info.lblInActive\")}{\" \"}\n              </label>\n            )}\n          </td>\n          <td className=\"border-t-0 px-2 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap p-3\">\n            <label\n              className={\n                \"text-red-500 \" +\n                (value.email === \"admin@mju.ac.th\" ||\n                value.email === \"guest@mju.ac.th\"\n                  ? \"opacity-50\"\n                  : \"cursor-pointer\")\n              }\n              onClick={() => {\n                openModal(\"delete\", value.email);\n              }}\n            >\n              {\" \"}\n              <i className=\"fas fa-trash\"></i> {locale.t(\"Button.lblDelete\")}\n            </label>\n            <Modal\n              isOpen={modalIsOpen}\n              onAfterOpen={afterOpenModal}\n              onRequestClose={closeModal}\n              style={customStyles}\n              contentLabel=\"Example Modal\"\n            >\n              <div className=\"flex flex-wrap\">\n                <div className=\"w-full \">\n                  <>\n                    <div className=\"relative flex flex-col min-w-0 break-words w-full  rounded-lg  border-0\">\n                      <div className=\"rounded-t bg-white mb-0 px-2 py-2\">\n                        <div className=\"text-center flex justify-between\">\n                          <div className=\"\">\n                            <h6 className=\"text-blueGray-700 text-base  font-bold mt-2\">\n                              <i className=\"fas fa-exclamation-triangle\"></i>\n                              &nbsp; {locale.t(\"Main.lblWarning\")}\n                            </h6>\n                          </div>\n                          <div className=\"\"></div>\n                        </div>\n                      </div>\n                    </div>\n                    <div className={\"flex-auto \"}>\n                      <div className=\"w-full mt-2\">\n                        <div className=\"relative w-full mb-3\">\n                          <div className=\" align-middle  mb-2\">\n                            <div className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap p-4\">\n                              <label className=\"cursor-pointer\">\n                                {locale.t(\"Warning.lblDelete\")}\n                              </label>\n                            </div>\n                          </div>\n                        </div>\n                        <div className=\"relative w-full mb-3\">\n                          <div className=\" flex justify-between align-middle \">\n                            <div></div>\n                            <div className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap p-4\">\n                              <label\n                                className=\"text-red-500 cursor-pointer\"\n                                onClick={() => {\n                                  openModal(\n                                    deleteMember(value.id, value.email)\n                                  );\n                                }}\n                              >\n                                {\" \"}\n                                <i className=\"fas fa-trash\"></i>{\" \"}\n                                {locale.t(\"Button.lblDelete\")}\n                              </label>\n                              <label className=\"font-bold\">&nbsp;|&nbsp;</label>\n                              <label\n                                className=\"cursor-pointer\"\n                                onClick={closeModal}\n                              >\n                                {\" \"}\n                                <i className=\"fas fa-times\"></i>{\" \"}\n                                {locale.t(\"Button.lblCancel\")}\n                              </label>\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                  </>\n                </div>\n              </div>\n            </Modal>\n          </td>\n        </tr>\n      );\n    });\n\n  const InputSearch = (e) => {\n    if (e === \"\") {\n      setListMembers(listSearch);\n    } else {\n      setListMembers(\n        listMembers.filter(\n          (x) =>\n            x.firstName.includes(e) ||\n            x.lastName.includes(e) ||\n            x.email.includes(e) ||\n            x.role.includes(e) ||\n            x.learningPathId.includes(e) ||\n            x.title.includes(e)\n        )\n      );\n    }\n  };\n\n  useEffect(() => {\n    fetchLearning();\n    fetchMember();\n  }, []);\n\n  async function fetchLearning() {\n    axios\n      .get(urlPath + \"/learning\", {\n        headers: { accessToken: localStorage.getItem(\"accessToken\") },\n      })\n      .then((resLearning) => {\n        JsonLearning = [];\n        JsonLearningEng = [];\n        resLearning.data.listLearning.forEach((field) => {\n          JsonLearning.push({\n            value: field.id.toString(),\n            label: field.LearningPathNameTH,\n          });\n          JsonLearningEng.push({\n            value: field.id.toString(),\n            label: field.LearningPathNameENG,\n          });\n        });\n        setOptionsLearning(JsonLearning);\n        setOptionsLearningEng(JsonLearningEng);\n      });\n  }\n\n  async function fetchMember() {\n    setIsLoading(true);\n    axios\n      .get(urlPath + \"/members\", {\n        headers: { accessToken: localStorage.getItem(\"accessToken\") },\n      })\n      .then((response) => {\n        if (response) {\n          setListMembers(response.data.listMembers);\n          setListSerch(response.data.listMembers);\n        }\n        setIsLoading(false);\n      });\n  }\n\n  return (\n    <>\n      {isLoading ? (\n        <>\n          {\" \"}\n          <Spinner customText={\"Loading\"} />\n        </>\n      ) : (\n        <></>\n      )}\n      <div className=\"flex flex-wrap mt-4 md:min-h-full \">\n        <div className=\"w-full mb-12 px-4\">\n          <div\n            className={\n              \"relative flex flex-col min-w-0 break-words w-full mb-6 shadow-lg rounded-2xl bg-white\"\n            }\n          >\n            <div className=\"rounded-t mb-0 px-3 py-3 border-0\">\n              <div className=\"w-full mx-autp items-center flex justify-between md:flex-nowrap flex-wrap \">\n                {/* Brand */}\n                <h3 className={\"font-semibold text-lg text-blueGray-700\"}>\n                  {locale.t(\"Menu.lblAccount\")}\n                </h3>\n                <h3 className={\"font-semibold px-2 text-lg text-blueGray-700\"}>\n                  |\n                </h3>\n                <h3 className={\"font-semibold text-sm text-blueGray-700\"}>\n                  {listMembers.length} {locale.t(\"Main.lblItem\")}\n                </h3>\n                <h3\n                  className={\n                    \"font-semibold text-sm text-blueGray-700 leading-2\" +\n                    (deleteNumber > 0 ? \" block\" : \" hidden\")\n                  }\n                >\n                  &nbsp;{\" \"}\n                  <i\n                    className=\"fas fa-trash text-red-500 cursor-pointer\"\n                    onClick={() => {\n                      openModalSubject();\n                    }}\n                  ></i>{\" \"}\n                  &nbsp;\n                  <span>\n                    {locale.t(\"Button.lblDelete\")} {deleteNumber}{\" \"}\n                    {locale.t(\"Main.lblChoose\")}\n                  </span>\n                  <ConfirmDialog\n                    showModal={modalIsOpenSubject}\n                    message={\n                      Storage.GetLanguage() === \"th\"\n                        ? \"จัดการบัญชีผู้ใช้\"\n                        : \"Account Management\"\n                    }\n                    hideModal={() => {\n                      closeModalSubject();\n                    }}\n                    confirmModal={() => {\n                      deleteByList();\n                    }}\n                  />\n                </h3>\n                {/* Form */}\n                <form className=\"md:flex hidden flex-row flex-wrap items-center lg:ml-auto mr-3\">\n                  <div className=\"relative flex w-full flex-wrap items-stretch\">\n                    <span className=\"z-10 h-full leading-snug font-normal absolute text-center text-blueGray-300 absolute bg-transparent rounded text-base items-center justify-center pl-3 py-1\">\n                      <i className=\"fas fa-search\"></i>\n                    </span>\n                    <input\n                      type=\"text\"\n                      placeholder=\"Search here...\"\n                      className=\"border-0 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 relative bg-white bg-white rounded text-sm shadow outline-none focus:outline-none focus:ring w-full pl-12\"\n                      onChange={(e) => {\n                        InputSearch(e.target.value);\n                      }}\n                    />\n                  </div>\n                </form>\n                {/* User */}\n                <ul className=\"flex-col md:flex-row list-none items-center hidden md:flex\">\n                  <Link to=\"/admin/members\">\n                    <button\n                      className=\"bg-white text-black active:bg-lightBlue-600 font-bold uppercase text-sm px-2 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none  ease-linear transition-all duration-150\"\n                      type=\"button\"\n                    >\n                      <i className=\"fas fa-plus text-green-mju\"></i>{\" \"}\n                      {locale.t(\"Button.lblInsert\")}\n                    </button>\n                  </Link>\n                </ul>\n              </div>\n            </div>\n            <div className=\"block w-full overflow-x-auto\">\n              {/* Projects table */}\n              <table className=\"w-full bg-transparent border-collapse\">\n                <thead>\n                  <tr>\n                    <th\n                      className={\n                        \"text-center px-6 align-middle border border-solid py-3 text-sm uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100\"\n                      }\n                    >\n                      <input\n                        type=\"checkbox\"\n                        name=\"allSelect\"\n                        checked={\n                          !listMembers.some(\n                            (members) => members?.IsDeleted !== true\n                          )\n                        }\n                        onChange={handleChange}\n                        className=\"form-checkbox rounded text-green-200-mju w-5 h-5 ease-linear transition-all duration-150\"\n                      />\n                    </th>\n                    <th\n                      className={\n                        \"px-2 align-middle border border-solid py-3 text-sm  border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100\"\n                      }\n                    >\n                      {locale.t(\"Account.list.lblFullName\")}\n                    </th>\n                    <th\n                      className={\n                        \"px-2  border border-solid py-3 text-sm  border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100\"\n                      }\n                    >\n                      {locale.t(\"Account.list.lblEmail\")}\n                    </th>\n                    <th\n                      className={\n                        \"px-2 align-middle border border-solid py-3 text-sm  border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100\"\n                      }\n                    >\n                      {locale.t(\"Account.list.lblRole\")}\n                    </th>\n                    <th\n                      className={\n                        \"px-2 align-middle border border-solid py-3 text-sm  border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100\"\n                      }\n                    >\n                      {locale.t(\"Account.list.lblLearningPath\")}\n                    </th>\n                    <th\n                      className={\n                        \"px-2 align-middle border border-solid py-3 text-sm  border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100\"\n                      }\n                    >\n                      {locale.t(\"Account.list.lblStatus\")}\n                    </th>\n                    <th\n                      className={\n                        \"px-2 align-middle border border-solid py-3 text-sm  border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100\"\n                      }\n                    ></th>\n                  </tr>\n                </thead>\n                <tbody>{displayUsers}</tbody>\n              </table>\n            </div>\n            <div className=\"py-4\">\n              <ReactPaginate\n                previousLabel={\" < \"}\n                nextLabel={\" > \"}\n                pageCount={pageCount}\n                onPageChange={changePage}\n                containerClassName={\"paginationBttns\"}\n                previousLinkClassName={\"previousBttn\"}\n                nextLinkClassName={\"nextBttn\"}\n                disabledClassName={\"paginationDisabled\"}\n                activeClassName={\"paginationActive\"}\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n}\n","import React,{useState,useEffect} from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport axios from 'axios'\nimport ReactQuill,{Quill} from 'react-quill';\nimport 'react-quill/dist/quill.snow.css';\nimport {useFormik  } from \"formik\";\nimport * as Yup from \"yup\";\nimport { useToasts } from 'react-toast-notifications';\nimport FilesService from 'services/files';\nimport urlPath from 'services/urlServer';\nimport ImageResize from 'quill-image-resize-module-react';\nimport Spinner from '../../components/Loadings/spinner/Spinner'\nimport * as Storage from \"../../../src/services/Storage.service\";\nimport SunEditor from 'suneditor-react';\nimport 'suneditor/dist/css/suneditor.min.css'; // Import Sun Editor's CSS File\nconst locale = require(\"react-redux-i18n\").I18n;\n\n\nQuill.register('modules/imageResize', ImageResize);\n// components\n\nexport default  function Learning() {\n\n  const { addToast } = useToasts();\n  let { id } = useParams();\n  const [enableControl,setIsEnableControl] = useState(false);\n  const [isNew,setIsNew] = useState(false);\n  const [listLearning, setListLearning] = useState([]);\n  const [isLoading, setIsLoading] = useState(false);\n  const handleKeyDown = (event) => {\n    event.stopPropagation(); //Get the keydown event\n  }\n  const formik = useFormik({\n    initialValues : {\n      id:'',\n      LearningPathCode:'',\n      LearningPathNameTH:'',\n      LearningPathNameENG:'',\n      DescriptionTH:'',\n      DescriptionENG:'',\n      IsDeleted:false\n   },\n   validationSchema: Yup.object({\n    LearningPathCode:Yup.string().required((Storage.GetLanguage() === \"th\") ? '* กรุณากรอก รหัสเส้นทางการเรียนรู้' : '* Please enter learning path code'),\n    LearningPathNameTH: Yup.string().required((Storage.GetLanguage() === \"th\") ?'* กรุณากรอก ชื่อเส้นทางการเรียนรู้ (ไทย)' : '* Please enter learning path name (Thai)'),\n    DescriptionTH: Yup.string().required((Storage.GetLanguage() === \"th\") ?'* กรุณากรอก รายละเอียดเส้นทางการเรียนรู้ (ไทย)' : '* Please fill in the details of the learning path (Thai)'),\n   }),\n   onSubmit: values => {\n    //  console.log(values)\n    setIsLoading(true);\n    axios.post(urlPath+\"/learning/byLearningCode\",{code:values.LearningPathCode,name:values.LearningPathNameTH},{\n      headers: {accessToken : localStorage.getItem(\"accessToken\")},\n    }).then((response) => {\n\n      if(response.data === null || response.data.id === values.id) {\n        if(isNew){\n          axios.post(urlPath+\"/learning\",values).then((response)=>{\n          if(response.data.error) \n          {\n            addToast(response.data.error, { appearance: 'error', autoDismiss: true });\n          } else {\n            addToast('บันทึกข้อมูลสำเร็จ', { appearance: 'success', autoDismiss: true });\n            setIsEnableControl(true);\n            setIsNew(false)\n            formik.setFieldValue('id',response.data.listLearning.id);\n            setListLearning(response.data.listLearning);\n          }\n          });\n        } else {\n            if(values.id === undefined)\n              values.id = listLearning.filter(x => x.LearningPathCode === formik.values.LearningPathCode )[0].id;\n            axios.post(urlPath+\"/learning/update\",values).then((response) => {\n            if(response.data.error) \n            {\n              addToast(response.data.error, { appearance: 'error', autoDismiss: true });\n            } else {\n              addToast('บันทึกข้อมูลสำเร็จ', { appearance: 'success', autoDismiss: true });\n              setIsEnableControl(true);\n            }\n          });\n        }\n      } else {\n        addToast((Storage.GetLanguage() === \"th\") ? 'ไม่สามารถบันทึกข้อมูลได้ เนื่องจากรหัสเส้นทางการเรียนรู้หรือชื่อเส้นทางการเรียนรู้ซ้ำ กรุณากรอกรหัสเส้นทางการเรียนรู้หรือชื่อเส้นทางการเรียนรู้ใหม่' : 'Cannot save data Because the learning path code or the learning path name is repeated. Please enter the learning path code or the name of the new learning path.', { appearance: 'warning', autoDismiss: true });\n      }\n    });\n    setIsLoading(false);\n   },\n });\n\n  const onChangeEvent = (content) => {\n    formik.setFieldValue('DescriptionTH',content);\n    formik.values.DescriptionTH = content;\n  }\n\n  const onChangeEventENG = (content) => {\n    formik.setFieldValue('DescriptionENG',content);\n    formik.values.DescriptionENG = content;\n  }\n\n  async function fetchData() {\n    setIsLoading(true);\n    let response = await axios(\n      urlPath+`/learning/byId/${id}`\n    );\n    let user = await response.data;\n    if(user !== null) {\n      for(var columns in response.data) {\n        if(columns === \"DescriptionTH\" || columns === \"DescriptionENG\")\n        formik.setFieldValue(columns,FilesService.buffer64UTF8(response.data[columns]), false)\n        else formik.setFieldValue(columns, response.data[columns], false)\n      }\n      setListLearning(response.data);\n      setIsNew(false);\n      setIsLoading(false);\n      setIsEnableControl(true);\n    } else {\n      setIsNew(true);\n      setIsEnableControl(false);\n      setIsLoading(false);\n    }\n  }\n\n  useEffect(()=>{\n    fetchData();\n\n  },[]);\n\n  const EnableControl = (bool) => {\n    setIsEnableControl(bool);\n    if(bool)\n      formik.setErrors({})\n  }\n\n  return (\n    <>\n      {isLoading ? ( <> <Spinner  customText={\"Loading\"}/></>) : (<></>)}\n      <div className=\"flex flex-wrap mt-4\">\n        <div className=\"w-full px-4\">\n        <>\n          <div className=\"relative flex flex-col min-w-0 break-words w-full mb-6 shadow-lg rounded-2xl bg-blueGray-100 border-0\">\n          <form onSubmit={formik.handleSubmit}>\n            <div className=\"rounded-t-2xl bg-white mb-0 px-2 py-2\">\n              <div className=\"text-center flex justify-between \">\n                <div>\n                  <h3 className=\"text-blueGray-700 text-xl font-bold mt-2\">{locale.t(\"Menu.lblLearning\")}</h3>\n                </div>\n                <div>\n                {(enableControl && !isNew) ? \n                  <button\n                    className=\"bg-green-mju text-white active:bg-lightBlue-600 font-bold  text-sm px-2 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none mr-1 ease-linear transition-all duration-150\"\n                    type=\"button\"\n                    onClick={ () => {EnableControl(false)}}\n                  >\n                    <i className=\"fas fa-pencil-alt\"></i>&nbsp;{locale.t(\"Button.lblEdit\")}\n                  </button> \n                  :\n                  <>\n                    <button\n                      className={\"bg-rose-mju text-white active:bg-rose-mju font-bold  text-sm px-2 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none mr-1 ease-linear transition-all duration-150\" + ((isNew ? \" hidden\" : \" \"))}\n                      type=\"button\"\n                      onClick={() =>{EnableControl(true)}}\n                    >\n                    <i className=\"far fa-times-circle\"></i>&nbsp;{locale.t(\"Button.lblDrop\")}\n                    </button>     \n                    <button\n                    className=\"bg-blue-save-mju text-white active:bg-blueactive-mju font-bold  text-sm px-2 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none mr-1 ease-linear transition-all duration-150\" \n                    type=\"submit\"\n                    >\n                      <i className=\"fas fa-save\"></i>&nbsp;{locale.t(\"Button.lblSave\")}\n                    </button>\n                  </>\n                  }\n                  </div>\n              </div>\n            </div>\n            <div className=\"flex-auto px-4 lg:px-8 py-10 pt-0\">\n                <div className=\"flex flex-wrap  mt-6\">\n                  <div className=\"w-full px-4 py-1\">\n                    <div className=\"relative w-full mb-3\">\n                      <label className=\"block  text-blueGray-600 text-sm font-bold mb-2\">\n                        {locale.t(\"Learning.info.lblLearningCode\")}<span className=\"text-red-500\"> *</span>\n                      </label>\n                      <input\n                        type=\"text\"\n                        className=\"border-0 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                        id=\"LearningPathCode\"\n                        name=\"LearningPathCode\"\n                        maxLength=\"100\"\n                        onChange={formik.handleChange}\n                        onBlur={formik.handleBlur}\n                        value={formik.values.LearningPathCode}\n                        disabled={enableControl}\n                      />\n                      {formik.touched.LearningPathCode && formik.errors.LearningPathCode ? (\n                            <div className=\"text-sm py-2 px-2 text-red-500\">{formik.errors.LearningPathCode}</div>\n                        ) : null}\n                    </div>\n                  </div>\n                </div>\n                <div className=\"flex flex-wrap\">\n                  <div className=\"w-full lg:w-6/12 px-4 py-1\">\n                    <div className=\"relative w-full mb-3\">\n                      <label className=\"block  text-blueGray-600 text-sm font-bold mb-2\">\n                        {locale.t(\"Learning.list.lblLearningNameTH\")}<span className=\"text-red-500\"> *</span>\n                      </label>\n                      <input\n                        type=\"text\"\n                        className=\"border-0 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                        id=\"LearningPathNameTH\"\n                        name=\"LearningPathNameTH\"\n                        onChange={formik.handleChange}\n                        onBlur={formik.handleBlur}\n                        value={formik.values.LearningPathNameTH}\n                        disabled={enableControl}\n                        maxLength=\"250\"\n                      />\n                      {formik.touched.LearningPathNameTH && formik.errors.LearningPathNameTH ? (\n                            <div className=\"text-sm py-2 px-2 text-red-500\">{formik.errors.LearningPathNameTH}</div>\n                        ) : null}\n                    </div>\n                  </div>\n                  <div className=\"w-full lg:w-6/12 px-4 py-1\">\n                    <div className=\"relative w-full mb-3\">\n                      <label className=\"block  text-blueGray-600 text-sm font-bold mb-2\">\n                        {locale.t(\"Learning.list.lblLearningNameENG\")}\n                      </label>\n                      <input\n                        type=\"text\"\n                        className=\"border-0 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                        maxLength=\"250\"\n                        id=\"LearningPathNameENG\"\n                        name=\"LearningPathNameENG\"\n                        onChange={formik.handleChange}\n                        onBlur={formik.handleBlur}\n                        value={formik.values.LearningPathNameENG}\n                        disabled={enableControl}\n                      />\n                 \n                    </div>\n                  </div>\n                  <div className=\"w-full lg:w-6/12 px-4 py-1\">\n                    <div className=\"relative w-full mb-3\">\n                      <label className=\"block  text-blueGray-600 text-sm font-bold mb-2\">\n                        {locale.t(\"Learning.info.lblDescriptionTH\")}<span className=\"text-red-500\"> *</span>\n                      </label>\n                      {/* <ReactQuill\n                        theme=\"snow\"  \n                        value={formik.values.DescriptionTH}\n                        onChange={v =>  formik.setFieldValue('DescriptionTH', v)} \n                        placeholder={\"Write something awesome...\"}\n                        readOnly={enableControl}\n                        modules={{\n                          toolbar: [\n                            ['bold', 'italic', 'underline', 'strike'],\n                            [{ align: [] }],\n                        \n                            [{ list: 'ordered'}, { list: 'bullet' }],\n                            [{ indent: '-1'}, { indent: '+1' }],\n                        \n                            [{ size: ['small', false, 'large', 'huge'] }],\n                            [{ header: [1, 2, 3, 4, 5, 6, false] }],\n                            ['link', 'image', 'video'],\n                            [{ color: [] }, { background: [] }],\n                        \n                            ['clean'],['code']\n                          ],  imageResize: {\n                            parchment: Quill.import('parchment'),\n                            modules: ['Resize', 'DisplaySize', 'Toolbar']\n                          },\n                          clipboard: {\n                            matchVisual: false,\n                          },\n                        }}\n                        formats={[\n                          'bold', 'italic', 'underline', 'strike',\n                          'align', 'list', 'indent',\n                          'size', 'header',\n                          'link', 'image', 'video',\n                          'color', 'background',\n                          'clean','code'\n                        ]}\n                      /> */}\n                      <SunEditor\n                          disable={enableControl}\n                          setDefaultStyle=\"font-family: THSarabun; font-size: 18px;\" \n                          width=\"100%\"\n                          height=\"300px\"\n                          onKeyDown={handleKeyDown} \n                          setContents={formik.values.DescriptionTH}\n                          onChange={onChangeEvent} \n                          setOptions={{\n                          buttonList: [\n                            [\n                              \"undo\",\n                              \"redo\",\n                              \"font\",\n                              \"fontSize\",\n                              \"formatBlock\",\n                              \"paragraphStyle\",\n                              \"blockquote\",\n                              \"bold\",\n                              \"underline\",\n                              \"italic\",\n                              \"strike\",\n                              \"fontColor\",\n                              \"hiliteColor\",\n                              \"textStyle\",\n                              \"removeFormat\",\n                              \"outdent\",\n                              \"indent\",\n                              \"align\",\n                              \"horizontalRule\",\n                              \"list\",\n                              \"lineHeight\",\n                              \"table\",\n                              \"link\",\n                              \"image\",\n                              \"video\",\n                              \"fullScreen\",\n                              \"codeView\",\n                            ]\n                          ]\n                        }}/>\n                      {formik.touched.DescriptionTH && formik.errors.DescriptionTH ? (\n                        <div className=\"text-sm py-2 px-2 text-red-500\">{formik.errors.DescriptionTH}</div>\n                      ) : null}\n                    </div>\n                  </div>\n                  <div className=\"w-full lg:w-6/12 px-4 py-1\">\n                    <div className=\"relative w-full mb-3\">\n                      <label\n                        className=\"block  text-blueGray-600 text-sm font-bold mb-2\"\n                      >\n                        {locale.t(\"Learning.info.lblDescriptionENG\")}\n                      </label>\n                      {/* <ReactQuill\n                        theme=\"snow\"\n                        value={formik.values.DescriptionENG}\n                        onChange={v =>  formik.setFieldValue('DescriptionENG', v)} \n                        placeholder={\"Write something awesome...\"}\n                        readOnly={enableControl}\n                        modules={{\n                          toolbar: [\n                            ['bold', 'italic', 'underline', 'strike'],\n                            [{ align: [] }],\n                        \n                            [{ list: 'ordered'}, { list: 'bullet' }],\n                            [{ indent: '-1'}, { indent: '+1' }],\n                        \n                            [{ size: ['small', false, 'large', 'huge'] }],\n                            [{ header: [1, 2, 3, 4, 5, 6, false] }],\n                            ['link', 'image', 'video'],\n                            [{ color: [] }, { background: [] }],\n                        \n                            ['clean'],\n                          ],  imageResize: {\n                            parchment: Quill.import('parchment'),\n                            modules: ['Resize', 'DisplaySize', 'Toolbar']\n                          },\n                          clipboard: {\n                            matchVisual: false,\n                          },\n                        }}\n                        formats={[\n                          'bold', 'italic', 'underline', 'strike',\n                          'align', 'list', 'indent',\n                          'size', 'header',\n                          'link', 'image', 'video',\n                          'color', 'background',\n                          'clean',\n                        ]}\n\n                      /> */}\n                      <SunEditor\n                          disable={enableControl}\n                          setDefaultStyle=\"font-family: THSarabun; font-size: 18px;\" \n                          width=\"100%\"\n                          height=\"300px\"\n                          onKeyDown={handleKeyDown} \n                          setContents={formik.values.DescriptionENG}\n                          onChange={onChangeEventENG} \n                          setOptions={{\n                          buttonList: [\n                            [\n                              \"undo\",\n                              \"redo\",\n                              \"font\",\n                              \"fontSize\",\n                              \"formatBlock\",\n                              \"paragraphStyle\",\n                              \"blockquote\",\n                              \"bold\",\n                              \"underline\",\n                              \"italic\",\n                              \"strike\",\n                              \"fontColor\",\n                              \"hiliteColor\",\n                              \"textStyle\",\n                              \"removeFormat\",\n                              \"outdent\",\n                              \"indent\",\n                              \"align\",\n                              \"horizontalRule\",\n                              \"list\",\n                              \"lineHeight\",\n                              \"table\",\n                              \"link\",\n                              \"image\",\n                              \"video\",\n                              \"fullScreen\",\n                              \"codeView\",\n                            ]\n                          ]\n                        }}/>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </form>\n          </div>\n        </>\n        </div>\n      </div>\n    </>\n  );\n}\n","import React,{ useEffect,useState } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport axios from \"axios\";\nimport Modal from \"react-modal\";\nimport ReactPaginate from 'react-paginate';\nimport ConfirmDialog from '../../components/ConfirmDialog/ConfirmDialog'\nimport { useToasts } from 'react-toast-notifications';\nimport urlPath from 'services/urlServer';\nimport Spinner from '../../components/Loadings/spinner/Spinner'\nimport * as Storage from \"../../../src/services/Storage.service\";\nconst locale = require(\"react-redux-i18n\").I18n;\n\nModal.setAppElement('#root');\nconst customStyles = {\n  content: {\n    top: '50%',\n    left: '50%',\n    right: 'auto',\n    bottom: 'auto',\n    marginRight: '-50%',\n    padding:'0%',\n    transform: 'translate(-50%, -50%)',\n    overflowY: 'auto',\n    overflowX: 'auto',\n    backgroundColor:\"#F1F5F9\"\n  },overlay: {zIndex: 100, backgroundColor: 'rgba(70, 70, 70, 0.5)',}\n};\n\nexport default function LearningList() {\n\n    const [modalIsOpen, setIsOpen] = useState(false);  \n    const [listLearning, setListLearning] = useState([]);\n    const [deleteNumber , setDeleteNumber] = useState(0);\n    const [pageNumber, setPageNumber] = useState(0);\n    const [listSearch, setListSerch] = useState([]);\n    const [modalIsOpenSubject, setIsOpenSubject] = useState(false);\n    const usersPerPage = 10;\n    const [isLoading, setIsLoading] = useState(false);\n    const pagesVisited = pageNumber * usersPerPage;\n    const { addToast } = useToasts();\n    function openModal(type) {\n        setIsOpen(true);\n    }\n\n    function afterOpenModal(type) {\n        // references are now sync'd and can be accessed.   \n    }\n\n    function closeModal() {\n        setIsOpen(false);\n    }\n\n    \n    function openModalSubject() {\n        setIsOpenSubject(true);\n    }\n    \n    function closeModalSubject() {\n        setIsOpenSubject(false);\n    }\n    \n\n    const handleChange = (e) => {\n        const { name, checked } = e.target;\n        if (name === \"allSelect\") {\n            let tempLearning = listLearning.map((Learning) => {\n            return { ...Learning, IsDeleted: checked };\n            });\n            setListLearning(tempLearning);\n            setDeleteNumber(tempLearning.filter(x => x.IsDeleted === true).length);\n            } \n        else {\n            let tempLearning = listLearning.map((Learning) =>\n            Learning.id.toString() === name ? {\n                    ...Learning, IsDeleted: checked\n                } : Learning\n            );\n            setListLearning(tempLearning);\n            setDeleteNumber(tempLearning.filter(x => x.IsDeleted === true).length);\n        }\n    };\n\n    const deleteLearning = async (e) => {\n\n        const response = await  axios.get(urlPath+`/learning/getCourses/${e}`);\n        const resMember = await  axios.get(urlPath+`/learning/getMembers/${e}`);\n        if(response.data === null && resMember.data === null){\n            axios\n            .post(urlPath+`/learning/delete/${e}`)\n            .then(() => {\n              setListLearning(\n                listLearning.filter((val) => {\n                  return val.id !== e;\n                })\n              );\n              closeModal();\n            });\n        }else{\n            addToast((Storage.GetLanguage() === \"th\") ? 'ไม่สามารถลบข้อมูลได้ เนื่องจากรหัสเส้นทางการเรียนรู้ ถูกนำไปใช้งานที่หน้าจอจัดการหลักสูตรหรือหน้าจอจัดการบัญชีผู้ใช้' : 'Failed to delete data. because the learning path code are applied to the Curriculum Management or the Account Management' , { appearance: 'warning', autoDismiss: true });\n            closeModal();\n        }\n    }\n\n    const deleteByList = async () => {\n        if(deleteNumber > 0)\n        {\n            var ArrayDeleted = [];\n            for (const field of listLearning) {\n                const response = await  axios.get(urlPath+`/learning/getCourses/${field.id}`);\n                const resMember = await  axios.get(urlPath+`/learning/getMembers/${field.id}`);\n                if(field.IsDeleted && response.data === null && resMember.data === null) {\n                    ArrayDeleted.push(field.id)\n                }else  { field.IsDeleted = false}\n            }\n          \n            axios\n            .post(urlPath+`/learning/delete/multidelete/${ArrayDeleted}`,{},{\n              headers: {accessToken : localStorage.getItem(\"accessToken\")}\n            })\n            .then(() => {\n                setDeleteNumber(0);\n                closeModalSubject();\n                setListLearning(\n                    listLearning.filter((val) => {\n                      return val.IsDeleted !== true;\n                    })\n                  );\n            });\n        }\n    }\n\n    const pageCount = Math.ceil(listLearning.length / usersPerPage);\n\n    const changePage = ({ selected }) => {\n        setPageNumber(selected);\n    };\n\n    const displayUsers = listLearning\n    .slice(pagesVisited, pagesVisited + usersPerPage)\n    .map((value) => {\n      return (\n\n          <tr role=\"row\" key={value.id }>\n                <th  key={value.id} className=\"border-t-0 px-2 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap\">\n                    <input\n                        type=\"checkbox\"\n                        name={value.id}\n                        checked={value?.IsDeleted || false}\n                        onChange={handleChange}\n                        className=\"form-checkbox rounded text-green-200-mju w-5 h-5 ease-linear transition-all duration-150\"\n                    />\n                </th>\n                <td className=\"border-t-0 px-2 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap cursor-pointer\">\n                    <div className=\"TextWordWarpLearning\"><Link to={`/admin/learning/${value.id}`}>{ value.LearningPathNameTH }</Link></div>\n                </td>\n                <td className=\"border-t-0 px-2 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap  cursor-pointer\">\n                    <div className=\"TextWordWarpLearning\"><Link to={`/admin/learning/${value.id}`} >{value.LearningPathNameENG}</Link></div>\n                </td>\n                <td className=\"border-t-0 px-2 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap cursor-pointer\">\n                    {value.CoursesCount}\n                </td>\n                <td className=\"border-t-0 px-2 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap p-3\">\n                    <label className=\"text-red-500 cursor-pointer\" onClick={() => {openModal(\"delete\")}}>  <i className=\"fas fa-trash\"></i> {locale.t(\"Button.lblDelete\")}</label>\n                    <Modal\n                        isOpen={modalIsOpen}\n                        onAfterOpen={afterOpenModal}\n                        onRequestClose={closeModal}\n                        style={customStyles}\n                        contentLabel=\"Example Modal\"\n                        >\n                        <div className=\"flex flex-wrap\">\n                            <div className=\"w-full \">\n                                <>\n                                <div className=\"relative flex flex-col min-w-0 break-words w-full  rounded-lg  border-0\">\n                                <div className=\"rounded-t bg-white mb-0 px-4 py-4\">\n                                    <div className=\"text-center flex justify-between\">\n                                    <div className=\"\">\n                                        <h6 className=\"text-blueGray-700 text-base  font-bold mt-2\"><i className=\"fas fa-exclamation-triangle\"></i>&nbsp; {locale.t(\"Main.lblWarning\")}</h6>\n                                    </div>\n                                    <div className=\"\">\n                                    </div>\n                                    </div>\n                                </div>\n                                </div>\n                                <div className={\"flex-auto \"}>\n                                    <div className=\"w-full mt-2\">\n                                        <div className=\"relative w-full mb-3\">\n                                            <div className=\" align-middle  mb-2\">\n                                                <div  className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap p-4\">\n                                                    <label className=\"cursor-pointer\">{locale.t(\"Warning.lblDelete\")}</label>\n                                                </div>\n                                            </div>\n                                        </div>\n                                        <div className=\"relative w-full mb-3\">\n                                            <div className=\" flex justify-between align-middle \">\n                                                <div>\n                                                </div>\n                                                <div  className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap p-4\">\n                                                    <label className=\"text-red-500 cursor-pointer\" onClick={() => {openModal(deleteLearning(value.id))}}> <i className=\"fas fa-trash\"></i> {locale.t(\"Button.lblDelete\")}</label>\n                                                    <label className=\"font-bold\">&nbsp;|&nbsp;</label>\n                                                    <label className=\"cursor-pointer\" onClick={closeModal}> <i className=\"fas fa-times\"></i> {locale.t(\"Button.lblCancel\")}</label>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                </>\n                            </div>\n                        </div>\n                    </Modal>\n                </td>\n            </tr>\n        );\n    });\n\n    const InputSearch = (e) => {\n        if(e === \"\") {\n            setListLearning(listSearch);\n        } else {\n            setListLearning(listLearning.filter(x => x.LearningPathNameTH.includes(e) \n            || x.LearningPathNameENG.includes(e) ));\n        }\n    }\n\n    useEffect( ()=>  {\n        setIsLoading(true);\n        axios.get(urlPath+\"/learning\").then( async (response)   =>   {\n             for(const learning of response.data.listLearning ){\n                await axios.get(urlPath+`/courses/byLearningId/${learning.id}`).then((res) =>   {\n                    learning.CoursesCount = res.data.length;\n                });\n            }\n            setIsLoading(false);\n            setListLearning(response.data.listLearning);\n            setListSerch(response.data.listLearning);\n        });\n\n      },[]);\n\n  return (\n    <>\n      {isLoading ? ( <> <Spinner  customText={\"Loading\"}/></>) : (<></>)}\n      <div className=\"flex flex-wrap mt-4 md:min-h-full \">\n        <div className=\"w-full mb-12 px-4\">\n            <div className={\"relative flex flex-col min-w-0 break-words w-full mb-6 shadow-lg rounded-2xl bg-white\"}>\n                <div className=\"rounded-t mb-0 px-3 py-3 border-0\">\n                    <div className=\"w-full mx-autp items-center flex justify-between md:flex-nowrap flex-wrap \">\n                        {/* Brand */}\n                            <h3 className={\"font-semibold text-lg text-blueGray-700\"}>\n                                {locale.t(\"Menu.lblLearning\")}\n                            </h3>\n                            <h3 className={\"font-semibold px-2 text-lg text-blueGray-700\"}>\n                                |\n                            </h3>\n                            <h3 className={\"font-semibold text-sm text-blueGray-700\"}>\n                                {listLearning.length} {locale.t(\"Main.lblItem\")}\n                            </h3>\n                            <h3 className={\"font-semibold text-sm text-blueGray-700 leading-2\"  + ((deleteNumber > 0) ? \" block\" : \" hidden\")}>\n                            &nbsp; <i className=\"fas fa-trash text-red-500 cursor-pointer\" onClick={()=>{openModalSubject()}}></i> &nbsp;\n                                <span>{locale.t(\"Button.lblDelete\")} {deleteNumber} {locale.t(\"Main.lblChoose\")}</span>\n                                <ConfirmDialog  showModal={modalIsOpenSubject} message={ ((Storage.GetLanguage() === \"th\") ? \"จัดการเส้นทางการเรียนรู้\" : \"Learning Path Management\")} hideModal={()=>{closeModalSubject()}} confirmModal={() => {deleteByList()}}/>\n                            </h3>\n                        {/* Form */}\n                        <form className=\"md:flex hidden flex-row flex-wrap items-center lg:ml-auto mr-3\">\n                            <div className=\"relative flex w-full flex-wrap items-stretch\">\n                                <span className=\"z-10 h-full leading-snug font-normal absolute text-center text-blueGray-300 absolute bg-transparent rounded text-base items-center justify-center pl-3 py-1\">\n                                    <i className=\"fas fa-search\"></i>\n                                </span>\n                                <input\n                                    type=\"text\"\n                                    placeholder=\"Search here...\"\n                                    className=\"border-0 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 relative bg-white bg-white rounded text-sm shadow outline-none focus:outline-none focus:ring w-full pl-12\"\n                                    onChange={(e)=>{InputSearch(e.target.value)}}\n                                />\n                            </div>\n                        </form>\n                        {/* User */}\n                        <ul className=\"flex-col md:flex-row list-none items-center hidden md:flex\">\n                            <Link to=\"/admin/learning\" ><button\n                            className=\"bg-white text-black active:bg-lightBlue-600 font-bold uppercase text-sm px-2 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none mr-1 ease-linear transition-all duration-150\"\n                            type=\"button\"\n                            >\n                            <i className=\"fas fa-plus text-green-mju\"></i> {locale.t(\"Button.lblInsert\")}\n                            </button></Link>\n                        </ul>\n                    </div>\n                    \n                </div>\n                <div className=\"block w-full overflow-x-auto\">\n                {/* Projects table */}\n                <table className=\"w-full bg-transparent border-collapse\">\n                    <thead>\n                    <tr>\n                        <th\n                        className={\"text-center px-6 align-middle border border-solid py-3 text-sm uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100\"}\n                        >\n                        <input\n                            type=\"checkbox\"\n                            name=\"allSelect\"\n                            checked={!listLearning.some((Learning) => Learning?.IsDeleted !== true)}\n                            onChange={handleChange}\n                            className=\"form-checkbox rounded text-green-200-mju w-5 h-5 ease-linear transition-all duration-150\"\n                        />\n                        </th>\n                        <th\n                        className={\n                            \"px-2 align-middle border border-solid py-3 text-sm uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100\"\n                        }\n                        >\n                            {locale.t(\"Learning.list.lblLearningNameTH\")}\n                        </th>\n                        <th\n                        className={\n                            \"px-2  border border-solid py-3 text-sm uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100\"\n                        }\n                        >\n                            {locale.t(\"Learning.list.lblLearningNameENG\")}\n                        </th>\n                        <th\n                        className={\n                            \"px-2 align-middle border border-solid py-3 text-sm uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100\"\n                        }\n                        >\n                            {locale.t(\"Learning.list.lblAmountCourse\")}\n                        </th>\n                        <th\n                        className={\n                            \"px-2 align-middle border border-solid py-3 text-sm uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100\"\n                        }\n                        >\n                        </th>\n                        <th\n                        className={\n                            \"px-2 align-middle border border-solid py-3 text-sm uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100\"\n                        }\n                        ></th>\n                    </tr>\n                    </thead>\n                    <tbody>\n                        {displayUsers}  \n                    </tbody>\n                </table>\n                </div>\n                <div className=\"py-4\">\n                <ReactPaginate\n                    previousLabel={\" < \"}\n                    nextLabel={\" > \"}\n                    pageCount={pageCount}\n                    onPageChange={changePage}\n                    containerClassName={\"paginationBttns\"}\n                    previousLinkClassName={\"previousBttn\"}\n                    nextLinkClassName={\"nextBttn\"}\n                    disabledClassName={\"paginationDisabled\"}\n                    activeClassName={\"paginationActive\"}\n                />\n                </div>\n            </div>\n        </div>\n      </div>\n    </>\n  );\n}\n","import moment from 'moment';\n\nclass DateTimesService {\n\n    formatDate(string){\n        if(string){\n            return moment(new Date(string)).format(\"DD/MM/YYYY HH:mm\");\n        }else { \n            return moment(new Date()).format(\"DD/MM/YYYY HH:mm\");\n        }\n    }\n}\n\nexport default new DateTimesService();","import React,{useState,useEffect, useCallback, useRef} from \"react\";\nimport ReactQuill,{Quill} from 'react-quill';\nimport { useParams } from \"react-router-dom\";\nimport 'react-quill/dist/quill.snow.css';\nimport ReactTags from 'react-tag-autocomplete'\nimport Modal from \"react-modal\";\nimport axios from \"axios\";\nimport FilesService from '../../services/files'\nimport ValidateService from '../../services/validateValue'\nimport DateTimesService from '../../services/datetimes'\nimport { useToasts } from 'react-toast-notifications';\nimport Spinner from '../../components/Loadings/spinner/Spinner';\nimport { useFormik  } from \"formik\";\nimport Select from 'react-select'\nimport * as Yup from \"yup\";\nimport ReactPaginate from 'react-paginate';\nimport ConfirmDialog from \"components/ConfirmDialog/ConfirmDialog\";\nimport urlPath from 'services/urlServer';\nimport ImageResize from 'quill-image-resize-module-react';\nimport * as Storage from \"../../../src/services/Storage.service\";\nimport SunEditor from 'suneditor-react';\nimport 'suneditor/dist/css/suneditor.min.css'; // Import Sun Editor's CSS File\n\nconst locale = require(\"react-redux-i18n\").I18n;\nQuill.register('modules/imageResize', ImageResize);\nModal.setAppElement('#root');\nconst customStyles = {\n  content: {\n    top: '50%',\n    left: '50%',\n    right: 'auto',\n    bottom: 'auto',\n    marginRight: '-50%',\n    padding:'0%',\n    width:'80%',\n    height:'90%',\n    transform: 'translate(-50%, -50%)',\n    overflowY: 'auto',\n    overflowX: 'auto',\n  },overlay: {zIndex: 100, backgroundColor: 'rgba(70, 70, 70, 0.5)',}\n};\n\nexport default function Courses() {\n\n  //#region Const State\n    const [listCourse, setListCourse] = useState([]);\n    const [listSubject, setListsubject] = useState([]);\n    const [listAttach, setListAttach] = useState([]);\n    const [numberHour, setNumberHour] = useState(\"0\");\n    const [headName , setHeadName] = useState(\"หลักสูตร\");\n    const [Name , setName] = useState(\"หลักสูตร\");\n    const [NameEng , setNameEng] = useState(\"Curriculum\");\n    const [modalIsOpen, setIsOpen] = useState(false);\n    const [modalIsOpenAttach, setIsOpenAttach] = useState(false);\n    const [modalIsOpenSubject, setIsOpenSubject] = useState(false);\n    const { addToast } = useToasts();\n    const [isLoading, setIsLoading] = useState(false);\n    let { id } = useParams();\n    const [enableControl,setIsEnableControl] = useState(false);\n    const [enableSubjectControl,setIsEnableSubjectControl] = useState(true);\n    const [isNew,setIsNew] = useState(false);\n    const [isNewSubject,setIsNewSubject] = useState(false);\n    const [tags, setTags] = useState([]);\n    const [pageNumber, setPageNumber] = useState(0);\n    const [attachNumber, setAttachNumber] = useState(0);\n    const usersPerPage = 10;\n    const attachPerPage = 10;\n    const pagesVisited = pageNumber * usersPerPage;\n    const pagesAttach = attachNumber * attachPerPage;\n    const [optionsLearning, setOptionsLearning] = useState([])\n    const [imageCourses, setImageCourses] = useState(\"\");\n    const [imageCoursesName,setImageCourseName] = useState(\"\");\n    const [arrayAttach,setArrayAtteach] = useState([]);\n    const [isHourCourse,setIsHourCourse] = useState(false);\n    const [optionsLearningEng, setOptionsLearningEng] = useState([])\n    const options = [\n      { value: '1', label: 'ปฏิทิน' },\n      { value: '2', label: 'การปลูก' },\n      { value: '3', label: 'การแปรรูป' }\n    ];\n\n    const optionsEng = [\n      { value: '1', label: 'Calendar' },\n      { value: '2', label: 'Production' },\n      { value: '3', label: 'Prosessing' }\n    ];\n  //#endregion\n\n  const handleKeyDown = (event) => {\n\n    event.stopPropagation(); //Get the keydown event\n  }\n\n  const onChangeEventCourseTH = (content) => {\n    formik.setFieldValue('DescriptionTH',content);\n    formik.values.DescriptionTH = content;\n  }\n\n  const onChangeEventCourseENG = (content) => {\n    formik.setFieldValue('DescriptionENG',content);\n    formik.values.DescriptionENG = content;\n  }\n\n  const onChangeEventSubjectTH = (content) => {\n    formikSubject.setFieldValue('ContentTH',content);\n    formikSubject.values.ContentTH = content;\n  }\n\n  const onChangeEventSubjectENG = (content) => {\n    formikSubject.setFieldValue('ContentENG',content);\n    formikSubject.values.ContentENG = content;\n  }\n\n  //#region list Subject and Attach\n  /****************** list Subject *******************************************/\n  const pageCount = Math.ceil(listSubject.length / usersPerPage);\n\n  const changePage = ({ selected }) => {\n      setPageNumber(selected);\n  };\n\n  function openModal() {\n    setIsOpen(true);\n  }\n\n  function closeModal() {\n    setIsOpen(false);\n  }\n\n  function openModalSubject() {\n    setIsOpenSubject(true);\n  }\n\n  function closeModalSubject() {\n    setIsOpenSubject(false);\n  }\n\n  function DeletedSubject(id){\n      axios\n      .post(urlPath+`/subjects/delete/${id}`)\n      .then(() => {\n        setListsubject(\n          listSubject.filter((val) => {\n            return val.id !== id;\n          })\n        );\n        closeModalSubject();\n    });\n  }\n\n  const displayUsers = listSubject\n  .slice(pagesVisited, pagesVisited + usersPerPage)\n  .map((value) => {\n      return (\n        <>\n        <tr key={value.id}>\n          <th className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap p-4 cursor-pointer\">\n            <span onClick={() => {fetchDetailSubject(value.id);  openModal(); } }> {value.SubjectOfHour}  {locale.t(\"Course.info.lblMin\")}</span>\n          </th>\n          <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap p-4 font-bold cursor-pointer\">\n            <span onClick={() => {fetchDetailSubject(value.id);  openModal(); } }> {((Storage.GetLanguage()===\"th\") ? value.SubjectNameTH : value.SubjectNameENG)}</span>\n          </td>\n          <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap p-4 font-bold\">\n            <label className=\"text-red-500 cursor-pointer\" onClick={()=>{openModalSubject()}}> <i className=\"fas fa-trash\"></i> {locale.t(\"Button.lblDelete\")}</label>\n            <ConfirmDialog  showModal={modalIsOpenSubject} message={ (Storage.GetLanguage()===\"th\") ? \"หัวข้อการเรียนรู้\" : \"learning topic\"} hideModal={()=>{closeModalSubject()}} confirmModal={() => {DeletedSubject(value.id)}} id={value.id}/>\n          </td>\n        </tr>\n        </>\n    );\n  });\n\n  /**************** List and Confirm Attach *****************/\n  const attachCount = Math.ceil(listAttach.length / attachPerPage);\n\n  const changeAttachPage = ({ selected }) => {\n    setAttachNumber(selected);\n  };\n\n  function openModalAttach() {\n    setIsOpenAttach(true);\n  }\n\n  function closeModalAttach() {\n    setIsOpenAttach(false);\n  }\n\n  const displayAttach = listAttach\n  .slice(pagesAttach, pagesAttach + attachPerPage)\n  .map((value) => {\n      return (\n        <>\n          <tr key={value.id}>\n            <td className=\" float-right border-t-0 px-6 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap p-2 font-bold\">\n              <img src={require(\"assets/img/\"+FilesService.changeImageType(value.FileType)).default} className=\"CourseFilePic\" alt=\"user Pic\" />\n            </td>\n            <td  className=\"text-left border-t-0 px-6 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap p-2 font-bold\">\n              <span className=\"cursor-pointer\" onClick= {() => {DownloadFile(value.FileData,value.FileName)}} >{value.FileName}</span>\n            </td>\n            <th className=\"text-left  border-t-0 px-6 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap p-2 \">\n              { DateTimesService.formatDate(value.createdAt) }\n            </th>\n            <td className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap p-2 font-bold\">\n              <label className=\"text-red-500 cursor-pointer\" onClick={()=>{openModalAttach()}}> <i className=\"fas fa-trash\"></i> {locale.t(\"Button.lblDelete\")}</label>\n              <ConfirmDialog  showModal={modalIsOpenAttach} message={\"ไฟล์แนบ\"} hideModal={()=>{closeModalAttach()}} confirmModal={() => {DeletedFile(value.id)}} type={value.FileType} id={value.Id}/>\n            </td>\n          </tr>\n        </>\n    );\n  });\n  //#endregion\n\n  //#region Upload and Deleted File\n  const handleFileUpload = async (e) => {\n    const base64 = await FilesService.convertToBase64(e.target.files[0]);\n    if( e.target.files[0].size > 25000000)\n    {\n      addToast('Size file over 25 MB', { appearance: 'error', autoDismiss: true });\n    } else { \n      const data = {FileName:e.target.files[0].name,FileType:e.target.files[0].type,FileData:base64,IsDeleted:false}      \n      setArrayAtteach([...arrayAttach, data]);\n      setListAttach([...listAttach, data]);\n      //UploadFile(data);\n    }\n  };\n\n  const UploadFile = (data) => {\n      console.log(data)\n      axios.post(urlPath+\"/attachs\",data ,{\n        headers: {accessToken : localStorage.getItem(\"accessToken\")}\n      }).then((response)=>{\n      if(response.data.error) {\n        //console.log(response.data.error);\n      } else {\n        //console.log(response.data)\n        //addToast('บันทึกข้อมูลสำเร็จ', { appearance: 'success', autoDismiss: true });\n        //setListAttach([...listAttach, data]);\n      }\n    });\n  };\n\n  const DeletedFile = (id) => {\n      setIsLoading(true);\n      axios\n      .post(urlPath+`/attachs/delete/${id}`, {},{\n        headers: {accessToken : localStorage.getItem(\"accessToken\")}\n      })\n      .then(() => {\n        setListAttach(\n          listAttach.filter((val) => {\n            return val.id !== id;\n          })\n        );\n        closeModalAttach();\n        setIsLoading(false);\n    });\n  }\n\n  const DownloadFile = (e,title) => {\n    setIsLoading(true);\n    setTimeout(() => {\n      var a = document.createElement(\"a\"); //Create <a>\n      a.href = FilesService.buffer64(e); //Image Base64 Goes here\n      a.download =title; //File name Here\n      a.click();\n    }, 1000);\n    setTimeout(() => {\n      setIsLoading(false);\n    }, 3000);\n  }\n  //#endregion\n\n  //#region FetchData\n\n  async function fetchData() {  \n    setIsLoading(true);\n    let response = await axios(\n      urlPath+`/courses/byId/${id}`\n    );\n    let user = await response.data;\n    if(user !== null) {\n      for(var columns in response.data) {\n        if(columns === \"DescriptionTH\" || columns === \"DescriptionENG\")\n        { \n          formik.setFieldValue(columns,FilesService.buffer64UTF8(response.data[columns]), false) \n        }\n        else if (columns === \"CurriculumTag\")\n        {\n          var JsonTags = JSON.parse(response.data[columns]);\n          let StringJson = ([]);\n          for(var i=0;i<JsonTags.length;i++){\n            StringJson[i] = {id:undefined,name:JsonTags[i].name}\n          }\n          setTags(StringJson)\n        }else if(columns === \"ImageCourses\")\n        {\n          if(response.data[columns] !== null)\n          {\n            const buffer = FilesService.buffer64UTF8(response.data[columns]);\n            setImageCourses(buffer);\n          }\n        }else if (columns === \"ImageName\")\n        {\n          setImageCourseName(response.data[columns]);\n          formik.setFieldValue(columns, response.data[columns], false)\n        }\n        else \n          formik.setFieldValue(columns, response.data[columns], false)\n      }\n      setListCourse(response.data);\n      setIsNew(false);\n      setIsLoading(false);\n      setIsEnableControl(true);\n    } else {\n      setIsNew(true);\n      setIsEnableControl(false);\n      setIsLoading(false);\n    }\n  }\n\n    async function fetchDataSubject() {\n      let response = await axios(urlPath+`/subjects/byCoursesId/${id}`);\n      let subjects = await response.data;\n      if(subjects !== null) {\n        // for(var columns in response.data) {\n        //   if(columns === \"ContentTH\" || columns === \"ContentENG\")\n        //   {  \n        //     formikSubject.setFieldValue(columns,FilesService.buffer64UTF8(response.data[columns]), false) \n        //   }\n        //   else \n        //     formikSubject.setFieldValue(columns, response.data[columns], false)\n        // }\n        setListsubject(response.data);\n      } \n    }\n\n    async function fetchAttach(SubjectId) {\n      let response = await axios(urlPath+`/attachs/bySubjectsId/${SubjectId}`,{\n        headers: {accessToken : localStorage.getItem(\"accessToken\")}\n      });\n      let attach = response.data;\n      if(attach !== null) {\n        // for(var columns in response.data) {\n        //   if(columns === \"FileData\")\n        //     formikSubject.setFieldValue(columns,FilesService.buffer64(response.data[columns]), false) \n        //   else \n        //     formikSubject.setFieldValue(columns, response.data[columns], false)\n        // }\n        setListAttach(response.data);\n      }\n    }\n  \n    async function fetchDetailSubject(SubjectId) {\n      setIsLoading(true);\n      setListAttach([]);\n      let response = await axios(urlPath+`/subjects/byId/${SubjectId}`);\n      let subjects = response.data;\n      if(subjects !== null) {\n        for(var columns in response.data) {\n          if(columns === \"ContentTH\" || columns === \"ContentENG\")\n          {  \n            formikSubject.setFieldValue(columns,FilesService.buffer64UTF8(response.data[columns]), false) \n          }\n          else \n            formikSubject.setFieldValue(columns, response.data[columns], false)\n        }\n        await fetchAttach(response.data.id);\n        setIsNewSubject(false);\n        setIsEnableSubjectControl(true);\n      }\n      setIsLoading(false); \n    }\n\n    async function fetchLearning() {\n      const response = await axios(urlPath+\"/learning\");\n      const body = await response.data.listLearning;\n      var JsonLearning = [];\n      body.forEach(field => JsonLearning.push({value: field.id.toString(),label: field.LearningPathNameTH }))\n      setOptionsLearning(JsonLearning);\n      JsonLearning = [];\n      body.forEach(field => JsonLearning.push({value: field.id.toString(), label:  field.LearningPathNameENG }))\n      setOptionsLearningEng(JsonLearning)\n    }\n\n  //#endregion \n  \n  //#region formik\n  /****************************formik Course****************************/\n  const formik = useFormik({\n    initialValues : {\n      id:'',\n      CurriculumCode:'',\n      CurriculumNameTH:'',\n      CurriculumNameENG:'',\n      CurriculumType:'',\n      NumOfHours:0,\n      NumOfMin:0,\n      DescriptionTH:'',\n      CurriculumTag:'',\n      DescriptionENG:'',\n      IsComMat:false,\n      IsLCDMat:false,\n      IsOtherMat:false,\n      IsDocMedia:false,\n      IsOtherMedia:false,\n      IsDeleted:false,\n      LearningId:'',\n      ImageCourses:'',\n      ImageName:''\n   },\n   validationSchema: Yup.object({\n      CurriculumCode:Yup.string().required((Storage.GetLanguage() === \"th\") ? '* กรุณากรอก รหัสหลักสูตร' : '* Please enter Curriculum code'),\n      CurriculumNameTH:Yup.string().required((Storage.GetLanguage() === \"th\") ?'* กรุณากรอก ชื่อหลักสูตร' : '* Please enter Curriculum name' ),\n      NumOfHours: Yup.string().required((Storage.GetLanguage() === \"th\") ? '* กรุณากรอก จำนวนชั่วโมงหลักสูตร' : '* Please enter Curriculum hours'),\n      DescriptionTH:Yup.string().required((Storage.GetLanguage() === \"th\") ?'* กรุณากรอก ขอบเขตเนื้อหา (ไทย)' : '* Please enter Content scope (Thai)')\n   }),\n   onSubmit: values => {\n    setIsLoading(true);\n    setIsHourCourse(false);\n    formik.values.CurriculumType = (formik.values.CurriculumType === \"\") ? \"1\" : formik.values.CurriculumType;\n    formik.values.LearningId = (formik.values.LearningId === \"\") ? \"1\" : formik.values.LearningId;\n    formik.values.CurriculumTag = tags;\n    formik.values.ImageCourses = imageCourses;\n    formik.values.ImageName = imageCoursesName;\n    if(values.DescriptionENG === null) values.DescriptionENG=\"\";\n    if(formik.values.NumOfHours > 0 || formik.values.NumOfMin > 0)\n    {\n      axios.get(urlPath+`/courses/ByCurriculum/${values.CurriculumCode}`,{\n        headers: {accessToken : localStorage.getItem(\"accessToken\")}\n      }).then((response) => {\n\n        if(response.data === null || response.data.id === values.id) {\n          if(isNew) {\n            axios.post(urlPath+\"/courses\",values).then((response)=>{\n            if(response.data.error) \n            {\n              addToast(response.data.error, { appearance: 'error', autoDismiss: true });\n            } else {\n              addToast((Storage.GetLanguage() === \"th\") ? 'บันทึกข้อมูลสำเร็จ' : 'Save data successfully', { appearance: 'success', autoDismiss: true });\n              setIsEnableControl(true);\n              setIsNew(false)\n              formik.setFieldValue('id',response.data.listOfCourses.id);\n              setListCourse(response.data.listOfCourses);\n              // axios.get(urlPath+\"/courses\").then((response) =>   {\n              //   setListCourse(response.data.listOfCourses);\n              // });\n            }\n  \n          });\n          } else {\n              if(values.id === undefined)\n                values.id = listCourse.filter(x => x.CurriculumCode === formik.values.CurriculumCode )[0].id;\n              axios.post(urlPath+\"/courses/update\",values).then((response) => {\n              if(response.data.error) \n              {\n                addToast(response.data.error, { appearance: 'error', autoDismiss: true });\n              } else {\n                addToast((Storage.GetLanguage() === \"th\") ? 'บันทึกข้อมูลสำเร็จ' : 'Save data successfully', { appearance: 'success', autoDismiss: true });\n                setIsEnableControl(true);\n              }\n            });\n          }\n        } else {\n          addToast( (Storage.GetLanguage() === \"th\") ? 'ไม่สามารถบันทึกข้อมูลได้ เนื่องจากรหัสหลักสูตรซ้ำ กรุณากรอกรหัสหลักสูตรใหม่' : 'Failed to save data. due to duplicate Curriculum code Please enter a new Curriculum code' , { appearance: 'warning', autoDismiss: true });\n        }\n        setIsLoading(false);\n      });\n    } else {\n      setIsHourCourse(true);\n      setIsLoading(false);\n    }\n\n   },\n });\n\n /*********************************************** formik Subject **********************************************************/\n  const formikSubject = useFormik({\n    initialValues : {\n      SubjectCode:'',\n      SubjectNameTH:'',\n      SubjectNameENG:'',\n      SubjectOfHour:'',\n      ContentTH:'',\n      ContentENG:'',\n      CourseId:'',\n      IsDeleted:false\n  },\n  validationSchema: Yup.object({\n    SubjectCode:Yup.string().required((Storage.GetLanguage() === \"th\") ? '* กรุณากรอก รหัสหัวข้อการเรียนรู้' : 'Please enter the Subject code'),\n    SubjectNameTH:Yup.string().required((Storage.GetLanguage() === \"th\") ?'* กรุณากรอก ชื่อหัวข้อการเรียนรู้' : 'Please enter the Subject name'),\n    ContentTH:Yup.string().required((Storage.GetLanguage() === \"th\") ?'* กรุณากรอก เนื้อหา (ไทย)' : 'Please enter the Content (thai)'),\n  }),\n  onSubmit: values => {      \n    setIsLoading(true);\n    values.CourseId = (id === undefined) ? listCourse.id : id;\n    console.log('2')\n    if(values.ContentENG === null) values.ContentENG=\"\";\n    if(values.SubjectOfHour === null || values.SubjectOfHour === '' ) values.SubjectOfHour=0;\n    console.log(values)\n    axios.get(urlPath+`/subjects/bySubjectCode/${values.SubjectCode}`,{\n        headers: {accessToken : localStorage.getItem(\"accessToken\")}\n      }).then((response) => {\n\n        var SaveSubject = false;\n        console.log(values)\n        if(response.data === null || response.data.length === 0) {\n          SaveSubject = true;\n        } else if (response.data !== null  && response.data[0].id === values.id && values.id !== undefined) { \n          SaveSubject = true;\n        } else {\n          addToast( (Storage.GetLanguage() === \"th\") ? 'ไม่สามารถบันทึกข้อมูลได้ เนื่องจากรหัสหัวข้อการเรียนรู้ซ้ำ กรุณากรอกรหัสหัวข้อการเรียนรู้ใหม่' : 'Failed to save data. due to duplicate Subject code Please enter a new Subject code' , { appearance: 'warning', autoDismiss: true });\n        } \n\n        if(SaveSubject){\n          if(isNewSubject){\n            axios.post(urlPath+\"/subjects\",values).then((response)=>{\n            if(response.data === null) \n            {\n              //addToast(response.data.error, { appearance: 'error', autoDismiss: true });\n            } else {\n              addToast((Storage.GetLanguage() === \"th\") ? 'บันทึกข้อมูลสำเร็จ' : 'Save data successfully', { appearance: 'success', autoDismiss: true });\n              setIsNewSubject(false)\n              setIsEnableSubjectControl(true);\n              formikSubject.setFieldValue('id',response.data.listOfSubjects.id);\n              setListsubject([...listSubject,response.data.listOfSubjects]);\n              arrayAttach.forEach(value =>  {\n                const data = {FileName:value.FileName,FileType:value.FileType,FileData:value.FileData,IsDeleted:false,SubjectId:response.data.listOfSubjects.id}\n                UploadFile(data);\n              });\n              setArrayAtteach([]);\n              // axios.get(urlPath+`/subjects/byCoursesId/${values.CourseId}`).then((response) =>   {\n              //   setListsubject(response.data);\n              // });\n            }\n          });\n          } else {\n            if(values.id === undefined)\n              values.id = listSubject.filter(x => x.SubjectCode === formikSubject.values.SubjectCode )[0].id;\n            axios.post(urlPath+\"/subjects/update\",values).then((response) => {\n              if(response.data === null) \n              {\n                //addToast(response.data.error, { appearance: 'error', autoDismiss: true });\n              } else {\n    \n                  arrayAttach.filter(e => e.SubjectId === undefined).forEach(value => {\n                    const data = {FileName:value.FileName,FileType:value.FileType,FileData:value.FileData,IsDeleted:false,SubjectId:response.data.id}\n                    UploadFile(data);\n                  })\n                  setArrayAtteach([]);\n                  addToast((Storage.GetLanguage() === \"th\") ? 'บันทึกข้อมูลสำเร็จ' : 'Save data successfully', { appearance: 'success', autoDismiss: true });\n                  setIsEnableSubjectControl(true);\n              }\n            });\n          }\n        }\n\n      });\n    setIsLoading(false);\n    },\n  });\n  //#endregion\n  \n  //#region formik Enable\n  const EnableControl = (bool) => {\n    setIsEnableControl(bool);\n    if(bool)\n      formik.setErrors({});\n  }\n\n  const EnableControlSubject = (bool) => {\n    setIsEnableSubjectControl(bool);\n    if(bool)\n      formikSubject.setErrors({});\n  }\n  //#endregion\n\n  //#region Other Event\n  const reactTags = useRef()\n\n  const onDelete = useCallback((tagIndex) => {\n      setTags(tags.filter((_, i) => i !== tagIndex)) \n  }, [tags])\n\n  const onAddition = useCallback((newTag) => {\n      setTags([...tags, newTag]) \n  }, [tags])\n\n  const onValidate = useCallback((newTag) => {\n    if(!enableControl)\n      return newTag;\n  })\n\n  const checkKeyDown = (e) => {\n    if (e.code === 'Enter') e.preventDefault();\n  };\n\n  const PageChange = (e) => {\n    if(!isNew)\n      setHeadName(e);\n\n    if(e === \"หลักสูตร\")\n      setName((Storage.GetLanguage() === \"th\") ? 'หลักสูตร' : 'Curriculum');\n    else \n      setName((Storage.GetLanguage() === \"th\") ? 'หัวข้อการเรียนรู้ / เนื้อหา' : 'Subject / Content');\n  }\n\n  /* Default Value Option */\n  const defaultValue = (options, value) => {\n    if(value.toString() === \"\" && options[0] !== undefined)\n    { \n        value = options[0].value;\n    }\n    return options ? options.find(option => option.value === value.toString()) : \"\";\n  };\n  \n  /*จำนวนนาทีสำหรับหลักสูตร*/\n  const onHandleTelephoneChange = (e) => {\n    if(ValidateService.onHandleNumberChange(e.target.value) !== \"\" || e.target.value === \"\" )\n    {\n        formik.setFieldValue('NumOfMin',(parseInt(e.target.value) > 59) ? \"59\" : e.target.value);\n    }\n  };\n\n  /*จำนวนชั่วโมงสำหรับหลักสูตร*/\n  const onHandleHourChange = (e) => {\n      if(ValidateService.onHandleNumberChange(e.target.value) !== \"\" || e.target.value === \"\" )\n      {  \n        setNumberHour(e.target.value);\n        formik.setFieldValue('NumOfHours',e.target.value);\n      }\n  };\n\n   /*จำนวนชั่วโมงสำหรับหัวข้อย่อยหลักสูตร*/\n   const onHandleSubjectHourChange = (e) => {\n    if(ValidateService.onHandleNumberChange(e.target.value) !== \"\" || e.target.value === \"\" )\n    {  \n      formikSubject.setFieldValue('SubjectOfHour',e.target.value);\n    }\n  };\n\n  const handlePictureCourseUpload = async (e) => {\n    const base64 = await FilesService.convertToBase64(e.target.files[0]);\n    setImageCourses(base64);\n    setImageCourseName(e.target.files[0].name);\n    formik.setFieldValue('ImageName',e.target.files[0].name);\n  }\n  //#endregion\n\n  useEffect(()=>{\n    setName((Storage.GetLanguage() === \"th\") ? 'หลักสูตร' : 'Curriculum');\n    fetchData();\n    fetchDataSubject();\n    fetchLearning();\n  },[]);\n\n  return (\n    <>\n      {isLoading ? ( <> <Spinner  customText={\"Loading\"}/></>) : (<></>)}\n      <div className=\"flex flex-wrap  mt-4 w-full \">\n        <div className=\"w-full lg:w-6/12 px-4\">\n          <div className={\"relative flex flex-col min-w-0 break-words w-full mb-6 shadow-lg rounded-lg border-0 \" + ((headName === \"หลักสูตร\") ? \"bg-green-mju\" : \"bg-blueGray-100\")}>\n            <div className=\"flex flex-wrap cursor-pointer \" onClick={()=> {PageChange(\"หลักสูตร\")}}>\n              <div className=\"lg:w-2/12 py-2 px-2 text-sm text-center align-middle  \">\n                <span className={\"w-10 h-10 text-sm  inline-flex items-center justify-center  rounded-full \" + ((headName === \"หลักสูตร\") ? \"bg-white\" : \"bg-green-mju\")}>\n                  <label className={\"w-full align-middle font-bold cursor-pointer \" + ((headName === \"หลักสูตร\") ? \"text-green-mju\" : \"text-white\") } onClick={()=> {PageChange(\"หลักสูตร\")}}>1</label>\n                </span>\n              </div>\n              <div className=\"lg:w-10/12 py-2 px-2 text-base  align-middle \">\n                <span className=\"text-sm inline-flex\">\n                  <label className={\"w-full align-middle font-bold pt-3 cursor-pointer \" + ((headName === \"หลักสูตร\") ? \"text-white\" : \"text-black\")} onClick={()=> {PageChange(\"หลักสูตร\")}}>{locale.t(\"Menu.lblCourse\")}</label>\n                </span>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div className=\"w-full lg:w-6/12 px-4\">\n          <div className={\"relative flex flex-col min-w-0 break-words w-full mb-6 shadow-lg rounded-lg border-0 \" + ((headName === \"หัวข้อการเรียนรู้ / เนื้อหา\") ? \"bg-green-mju\" : \"bg-blueGray-100\")} disabled={isNew}>\n            <div className=\"flex flex-wrap cursor-pointer\" onClick={()=> {PageChange(\"หัวข้อการเรียนรู้ / เนื้อหา\")}}>\n              <div className=\" lg:w-2/12 py-2 px-2 text-sm text-center align-middle \">\n                <span className={\"w-10 h-10 text-sm  inline-flex items-center justify-center rounded-full \" + ((headName === \"หัวข้อการเรียนรู้ / เนื้อหา\") ? \"bg-white\" : \"bg-green-mju\")}>\n                  <label className={\"w-full align-middle font-bold cursor-pointer \" + ((headName === \"หัวข้อการเรียนรู้ / เนื้อหา\") ? \"text-green-mju\" : \"text-white\") } onClick={()=> {PageChange(\"หัวข้อการเรียนรู้ / เนื้อหา\")}}>2</label>\n                </span>\n              </div>\n              <div className=\" lg:w-10/12 py-2 px-2 text-base align-middle \">\n                <span className=\"text-sm inline-flex\">\n                  <label className={\"w-full align-middle font-bold pt-3 cursor-pointer \" + ((headName === \"หัวข้อการเรียนรู้ / เนื้อหา\") ? \"text-white\" : \"text-black\")}  onClick={()=> {PageChange(\"หัวข้อการเรียนรู้ / เนื้อหา\")}}>{locale.t(\"Course.info.lblTabCourse\")}</label>\n                </span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div className=\"flex flex-wrap\">\n        <div className=\"w-full px-4\">\n        <>\n          <div className=\"relative flex flex-col min-w-0 break-words w-full mb-6 shadow-lg rounded-lg bg-blueGray-100 border-0\">\n            <form  onKeyDown={(e) => checkKeyDown(e)}>\n            <div className=\"rounded-t bg-white mb-0 px-3 py-3\">\n              <div className=\"text-center flex justify-between\">\n                <div className=\"\">\n                  <h6 className=\"text-blueGray-700 text-xl font-bold mt-2\">{locale.t(\"Menu.lblCourse\")} {'>'} <label className=\"text-green-200-mju\">\n                  {\n                     (Storage.GetLanguage() === \"th\" && headName === \"หลักสูตร\") ? \"หลักสูตร\" : ((Storage.GetLanguage() === \"th\" && headName === \"หัวข้อการเรียนรู้ / เนื้อหา\") ? \"หัวข้อการเรียนรู้ / เนื้อหา\" : ((Storage.GetLanguage() === \"en\" && headName === \"หัวข้อการเรียนรู้ / เนื้อหา\") ? \"Subject / Content\" : \"Curriculum\")) \n                  }</label></h6>\n                </div>\n                <div className=\"text-center flex justify-between\">\n                  <div className={(headName === \"หลักสูตร\") ? 'block' : 'hidden' }>\n                    <button\n                    className={\" text-white active:bg-purple-active font-bold  text-sm px-2 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none mr-1 ease-linear transition-all duration-150 \" + ((isNew) ? \" btn-purple-mju-disable\" : \" bg-purple-mju\")}\n                    type=\"button\"\n                    disabled={isNew}\n                    onClick ={() => {PageChange(\"หัวข้อการเรียนรู้ / เนื้อหา\")}}\n                    >\n                      <i className=\"fas fa-book-reader\"></i> &nbsp;{locale.t(\"Course.info.lblTabSubject\")}\n                    </button>\n                  </div>\n                  <div className={(headName === \"หลักสูตร\") ? 'block' : 'hidden' }>\n                    {(enableControl && !isNew) ? \n                      <button\n                        className=\"bg-green-mju text-white active:bg-lightBlue-600 font-bold  text-sm px-2 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none mr-1 ease-linear transition-all duration-150\"\n                        type=\"button\"\n                        onClick={ () => {EnableControl(false)}}\n                      >\n                        <i className=\"fas fa-pencil-alt\"></i>&nbsp;{locale.t(\"Button.lblEdit\")}\n                      </button> \n                      :\n                      <>\n                        <button\n                          className={\"bg-rose-mju text-white active:bg-rose-mju font-bold  text-sm px-2 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none mr-1 ease-linear transition-all duration-150\" + ((isNew ? \" hidden\" : \" \"))}\n                          type=\"button\" onClick={() =>{EnableControl(true)}} >\n                          <i className=\"far fa-times-circle\"></i>&nbsp;{locale.t(\"Button.lblDrop\")}\n                        </button>     \n           \n                        <button className=\"bg-blue-save-mju text-white active:bg-blueactive-mju font-bold  text-sm px-2 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none mr-1 ease-linear transition-all duration-150\" \n                          type=\"submit\" onClick={formik.handleSubmit} >\n                          <i className=\"fas fa-save\"></i>&nbsp;{locale.t(\"Button.lblSave\")}\n                        </button>\n                        \n                      </>\n                      }\n                    </div>\n                </div>\n              </div>\n            </div>\n            <div className={\"flex-auto px-4 lg:px-8 py-10 pt-4 \" + ((headName === \"หลักสูตร\") ? \"block\" : \"hidden\") }>\n                <div className=\"flex flex-wrap\">\n                  <div className=\"w-full lg:w-6/12 px-4 py-1\">\n                  <div className=\"flex flex-wrap\">\n                      <div className=\"w-full lg:w-6/12\">\n                        <div className=\"relative w-full mb-3\">\n                          <label\n                            className=\"block  text-blueGray-600 text-sm font-bold mb-2\"\n                          >\n                            {locale.t(\"Course.list.lblCourseCode\")} <span className=\"text-red-500\"> *</span>\n                          </label>\n                          <input\n                            type=\"text\"\n                            className=\"border-0 w-90 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                            id=\"CurriculumCode\"\n                            name=\"CurriculumCode\"\n                            maxLength={100}\n                            onChange={formik.handleChange}\n                            onBlur={formik.handleBlur}\n                            value={formik.values.CurriculumCode}\n                            disabled={enableControl}\n                          />\n                          {formik.touched.CurriculumCode && formik.errors.CurriculumCode ? (\n                                  <div className=\"text-sm py-2 px-2 text-red-500\">{formik.errors.CurriculumCode}</div>\n                                ) : null}\n                        </div>\n                      </div>\n                      <div className=\"w-full lg:w-6/12\">\n                        <div className=\"relative w-full mb-3\">\n                          <label\n                            className=\"block  text-blueGray-600 text-sm font-bold mb-2\"\n                          >\n                            {locale.t(\"Course.info.lblLearning\")}\n                          </label>\n                          {/* <Select\n                              id=\"LearningId\"\n                              name=\"LearningId\"\n                              onChange={value => {formik.setFieldValue('LearningId',value.value)}}\n                              className=\"border-0 placeholder-blueGray-300 text-blueGray-600 bg-white rounded w-90 text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\" \n                              options={optionsLearning}\n                              value={defaultValue(optionsLearning, formik.values.LearningId)}\n                              isDisabled={enableControl}\n                          /> */}\n                          <Select\n                            id=\"learningPathId\"\n                            name=\"learningPathId\"\n                            onChange={value => {  formik.setFieldValue('LearningId',value.value)}}\n                            //value={formik.values.title}\n                            className=\"border-0 placeholder-blueGray-300 text-blueGray-600 bg-white rounded w-90 text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"  \n                            options={((Storage.GetLanguage() === \"th\") ? optionsLearning : optionsLearningEng)} \n                            value={defaultValue(((Storage.GetLanguage() === \"th\") ? optionsLearning : optionsLearningEng), formik.values.LearningId)}\n                            isDisabled={enableControl}/>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                  <div className=\"w-full lg:w-6/12 px-4 py-1\">\n                    <div className=\"flex flex-wrap\">\n                      <div className=\"w-full lg:w-6/12\">\n                        <div className=\"relative w-full mb-3\">\n                          <label className=\"block  text-blueGray-600 text-sm font-bold mb-2\">\n                            {locale.t(\"Course.info.lblCourseType\")}\n                          </label>\n                          <Select\n                              id=\"CurriculumType\"\n                              name=\"CurriculumType\"\n                              onChange={value => {formik.setFieldValue('CurriculumType',value.value)}}\n                              className=\"border-0 placeholder-blueGray-300 text-blueGray-600 bg-white rounded w-90 text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\" \n                              options={(Storage.GetLanguage()===\"th\") ? options : optionsEng}\n                              value={defaultValue((Storage.GetLanguage()===\"th\") ? options : optionsEng, formik.values.CurriculumType)}\n                              isDisabled={enableControl}\n                          />\n                        </div>\n                      </div>\n                      <div className=\"w-full lg:w-6/12\">\n                        <div className=\"relative w-full mb-3\">\n                          <label className=\"block  text-blueGray-600 text-sm font-bold mb-2\">\n                            {locale.t(\"Course.info.lblAmountHourse\")}<span className=\"text-red-500\"> *</span>\n                          </label>\n                          <div className=\"flex flex-wrap\">\n                            <div className=\"w-full lg:w-6/12 mb-3\">\n                              <input\n                                type=\"text\"\n                                maxLength=\"4\"\n                                className=\"border-0 px-2 py-1  laceholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring ease-linear w-60 transition-all duration-150\"\n                                id=\"NumOfHours\"\n                                name=\"NumOfHours\"\n                                onChange={ (e) => { onHandleHourChange(e);}}\n                                onBlur={formik.handleBlur}\n                                value={formik.values.NumOfHours}\n                                disabled={enableControl}\n                              />\n                              <span className=\"text-sm font-bold\"> &nbsp;{locale.t(\"Course.info.lblHour\")}</span>\n                            </div>\n                            <div className=\"w-full lg:w-6/12 mb-3\">\n                              <input\n                                type=\"text\"\n                                maxLength=\"2\"\n                                className=\"border-0 px-2 py-1  laceholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring ease-linear w-60 transition-all duration-150\"\n                                id=\"NumOfMin\"\n                                name=\"NumOfMin\"\n                                onChange={(e) => {onHandleTelephoneChange(e);}}\n                                onBlur={formik.handleBlur}\n                                value={formik.values.NumOfMin}\n                                disabled={enableControl}\n                              /><span className=\"text-sm font-bold\"> &nbsp;{locale.t(\"Course.info.lblMin\")}</span>\n                            </div>\n                            {formik.touched.NumOfHours && formik.errors.NumOfHours ? (\n                              <div className=\"text-sm py-2 px-2 text-red-500\">{formik.errors.NumOfHours}</div>\n                            ) : (\n                              (isHourCourse) ? <div className=\"text-sm py-2 px-2 text-red-500\">{Storage.GetLanguage(\"th\") ? '* กรุณากรองชั่วโมงหรือนาทีมากกว่า 0' : 'The hour or minute must be greater than 0.' }</div> : null\n                            )}\n                          </div>\n                        \n                        </div>\n                      </div>\n                    </div>\n                  </div>\n               \n                  <div className=\"w-full lg:w-6/12 px-4 py-1\">\n                    <div className=\"relative w-full mb-3\">\n                      <label\n                        className=\"block  text-blueGray-600 text-sm font-bold mb-2\"\n                        \n                      >\n                        {locale.t(\"Course.list.lblCourseNameTH\")}<span className=\"text-red-500\"> *</span>\n                      </label>\n                      <input\n                        type=\"text\"\n                        className=\"border-0 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                        id=\"CurriculumNameTH\"\n                        name=\"CurriculumNameTH\"\n                        maxLength={255}\n                        onChange={formik.handleChange}\n                        onBlur={formik.handleBlur}\n                        value={formik.values.CurriculumNameTH}\n                        disabled={enableControl}\n                      />\n                      {formik.touched.CurriculumNameTH && formik.errors.CurriculumNameTH ? (\n                        <div className=\"text-sm py-2 px-2 text-red-500\">{formik.errors.CurriculumNameTH}</div>\n                      ) : null}\n                    </div>\n                  </div>\n                  <div className=\"w-full lg:w-6/12 px-4 py-1\">\n                    <div className=\"relative w-full mb-3\">\n                      <label\n                        className=\"block  text-blueGray-600 text-sm font-bold mb-2\"\n                      >\n                        {locale.t(\"Course.list.lblCourseNameENG\")}\n                      </label>\n                      <input\n                        type=\"text\"\n                        className=\"border-0 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                        id=\"CurriculumNameENG\"\n                        name=\"CurriculumNameENG\"\n                        maxLength={255}\n                        onChange={formik.handleChange}\n                        onBlur={formik.handleBlur}\n                        value={formik.values.CurriculumNameENG}\n                        disabled={enableControl}\n                      />\n\n                  \n                    </div>\n                  </div>\n                  <div className=\"w-full px-4 py-1\">\n                    <div className=\"relative w-full mb-3\">\n                      <label\n                        className=\"block  text-blueGray-600 text-sm font-bold mb-2\"\n                      >\n                        {locale.t(\"Course.info.lblCourseImage\")}\n                      </label>\n                      <div className=\"buttonIn image-upload \">\n                        <label htmlFor=\"file-input\" className=\"cursor-pointer\">\n                          <input\n                            type=\"text\"\n                            className={\"  border-0 px-2 py-1  placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\" + ((!enableControl) ? \" inputNoneDisable\" : \"\")} \n                            id=\"CurriculumNameENG\"\n                            name=\"CurriculumNameENG\"\n                            value={formik.values.ImageName}\n                            readOnly\n                            disabled={true}\n                          />\n                            <span className={\"spanUpload px-2 py-1 mt-1 mr-2 text-sm font-bold bg-green-mju \" + ((enableControl) ? \"opacity-50\" : \"\")} >เลือกรูปภาพ</span>\n                          </label>\n                        <input id=\"file-input\" type=\"file\" accept=\"image/jpg, image/jpeg, image/png\"  onChange={(e) => handlePictureCourseUpload(e)}       disabled={enableControl}/>\n                      </div>\n                      </div>\n                  </div>\n                  <div className=\"w-full lg:w-6/12 px-4 py-1\">\n                    <div className=\"relative w-full mb-3\">\n                      <label\n                        className=\"block  text-blueGray-600 text-sm font-bold mb-2\"\n                        >\n                         {locale.t(\"Course.info.lblCourseContentTH\")}<span className=\"text-red-500\"> *</span>\n                      </label>\n                      {/* <ReactQuill\n                        theme=\"snow\"\n                        value={formik.values.DescriptionTH}\n                        onChange={v =>  formik.setFieldValue('DescriptionTH', v)} \n                        placeholder={\"Write something awesome...\"}\n                        readOnly={enableControl}\n                        modules={{\n                          toolbar: [\n                            ['bold', 'italic', 'underline', 'strike'] ,\n                            [{ align: [] }],\n                        \n                            [{ list: 'ordered'}, { list: 'bullet' }],\n                            [{ indent: '-1'}, { indent: '+1' }],\n                        \n                            [{ size: ['small', false, 'large', 'huge'] }],\n                            [{ header: [1, 2, 3, 4, 5, 6, false] }],\n                            ['link', 'image', 'video'],\n                            [{ color: [] }, { background: [] }],\n                        \n                            ['clean'],['code-block']\n                          ],  imageResize: {\n                            parchment: Quill.import('parchment'),\n                            modules: ['Resize', 'DisplaySize', 'Toolbar']\n                          },\n                          clipboard: {\n                            matchVisual: false,\n                          },\n                        }}\n                        formats={[\n                          'bold', 'italic', 'underline', 'strike',\n                          'align', 'list', 'indent',\n                          'size', 'header',\n                          'link', 'image', 'video',\n                          'color', 'background',\n                          'clean','code-block'\n                        ]}\n                      /> */}\n              \n                       <SunEditor\n                          disable={enableControl}\n                          setDefaultStyle=\"font-family: THSarabun; font-size: 18px;\" \n                          width=\"100%\"\n                          height=\"300px\"\n                          onKeyDown={handleKeyDown} \n                          setContents={formik.values.DescriptionTH}\n                          //onChange={v =>  formik.setFieldValue('DescriptionTH', v)} \n                          onChange={onChangeEventCourseTH}\n                          setOptions={{\n                          buttonList: [\n                            [\n                              \"undo\",\n                              \"redo\",\n                              \"font\",\n                              \"fontSize\",\n                              \"formatBlock\",\n                              \"paragraphStyle\",\n                              \"blockquote\",\n                              \"bold\",\n                              \"underline\",\n                              \"italic\",\n                              \"strike\",\n                              \"fontColor\",\n                              \"hiliteColor\",\n                              \"textStyle\",\n                              \"removeFormat\",\n                              \"outdent\",\n                              \"indent\",\n                              \"align\",\n                              \"horizontalRule\",\n                              \"list\",\n                              \"lineHeight\",\n                              \"table\",\n                              \"link\",\n                              \"image\",\n                              \"video\",\n                              \"fullScreen\",\n                              \"codeView\",\n                            ]\n                          ]\n                        }}/>\n                      {formik.touched.DescriptionTH && formik.errors.DescriptionTH ? (\n                        <div className=\"text-sm py-2 px-2 text-red-500\">{formik.errors.DescriptionTH}</div>\n                      ) : null}\n                    </div>\n                  </div>\n                  <div className=\"w-full lg:w-6/12 px-4 py-1\">\n                    <div className=\"relative w-full mb-3\">\n                      <label className=\"block  text-blueGray-600 text-sm font-bold mb-2\">\n                        {locale.t(\"Course.info.lblCourseContentENG\")}\n                      </label>\n                      {/* <ReactQuill\n                        theme=\"snow\"\n                        value={formik.values.DescriptionENG}\n                        onChange={v =>  formik.setFieldValue('DescriptionENG', v)} \n                        placeholder={\"Write something awesome...\"}\n                        readOnly={enableControl}\n                        modules={{\n                          toolbar: [\n                            ['bold', 'italic', 'underline', 'strike'],\n                            [{ align: [] }],\n                        \n                            [{ list: 'ordered'}, { list: 'bullet' }],\n                            [{ indent: '-1'}, { indent: '+1' }],\n                        \n                            [{ size: ['small', false, 'large', 'huge'] }],\n                            [{ header: [1, 2, 3, 4, 5, 6, false] }],\n                            ['link', 'image', 'video'],\n                            [{ color: [] }, { background: [] }],\n                        \n                            ['clean'],\n                          ],  imageResize: {\n                            parchment: Quill.import('parchment'),\n                            modules: ['Resize', 'DisplaySize', 'Toolbar']\n                          },\n                          clipboard: {\n                            matchVisual: false,\n                          },\n                        }}\n                        formats={[\n                          'bold', 'italic', 'underline', 'strike',\n                          'align', 'list', 'indent',\n                          'size', 'header',\n                          'link', 'image', 'video',\n                          'color', 'background',\n                          'clean',\n                        ]}\n                      /> */}\n                      <SunEditor\n                          disable={enableControl}\n                          setDefaultStyle=\"font-family: THSarabun; font-size: 18px;\" \n                          width=\"100%\"\n                          height=\"300px\"\n                          onKeyDown={handleKeyDown} \n                          setContents={formik.values.DescriptionENG}\n                          //onChange={v =>  formik.setFieldValue('DescriptionENG', v)} \n                          onChange={onChangeEventCourseENG}\n                          setOptions={{\n                          buttonList: [\n                            [\n                              \"undo\",\n                              \"redo\",\n                              \"font\",\n                              \"fontSize\",\n                              \"formatBlock\",\n                              \"paragraphStyle\",\n                              \"blockquote\",\n                              \"bold\",\n                              \"underline\",\n                              \"italic\",\n                              \"strike\",\n                              \"fontColor\",\n                              \"hiliteColor\",\n                              \"textStyle\",\n                              \"removeFormat\",\n                              \"outdent\",\n                              \"indent\",\n                              \"align\",\n                              \"horizontalRule\",\n                              \"list\",\n                              \"lineHeight\",\n                              \"table\",\n                              \"link\",\n                              \"image\",\n                              \"video\",\n                              \"fullScreen\",\n                              \"codeView\",\n                            ]\n                          ]\n                        }}/>\n                    </div>\n                  </div>\n                  <div className=\"w-full lg:w-6/12 px-4 py-1\">\n                    <div className=\"relative w-full mb-3\">\n                      <label className=\"block  text-blueGray-600 text-sm font-bold mb-3\">\n                        {locale.t(\"Course.info.lblEquipment\")}\n                      </label>\n                       <input\n                        type=\"checkbox\"\n                        className=\"form-checkbox rounded text-green-200-mju w-5 h-5 ease-linear transition-all duration-150\"\n                        id=\"IsOtherMat\"\n                        name=\"IsOtherMat\"\n                        onChange={formik.handleChange}\n                        onBlur={formik.handleBlur}\n                        checked={formik.values.IsOtherMat}\n                        disabled={enableControl}\n                      />\n                       <label className=\"text-sm font-bold px-3 text-blueGray-600\">{locale.t(\"Course.info.lblComputer\")}</label>\n                       <input\n                        type=\"checkbox\"\n                        className=\"form-checkbox rounded text-green-200-mju w-5 h-5 ease-linear transition-all duration-150\"\n                        id=\"IsComMat\"\n                        name=\"IsComMat\"\n                        onChange={formik.handleChange}\n                        onBlur={formik.handleBlur}\n                        checked={formik.values.IsComMat}\n                        disabled={enableControl}\n                      />\n                       <label className=\"text-sm font-bold px-3 text-blueGray-600\">{locale.t(\"Course.info.lblLCD\")}</label>\n                       <input\n                        id=\"IsLCDMat\"\n                        type=\"checkbox\"\n                        className=\"form-checkbox rounded text-green-200-mju w-5 h-5 ease-linear transition-all duration-150\"\n                        name=\"IsLCDMat\"\n                        onChange={formik.handleChange}\n                        onBlur={formik.handleBlur}\n                        checked={formik.values.IsLCDMat}\n                        disabled={enableControl}\n                      />\n                       <span className=\"pt-2\"><label className=\"text-sm font-bold px-3 text-blueGray-600\">{locale.t(\"Course.info.lblOther\")}</label></span>\n                       <br/>\n                       <br/>\n                        <label className=\"block  text-blueGray-600 text-sm font-bold mb-3\">\n                          {locale.t(\"Course.info.lblDocTraining\")}\n                        </label>\n                        <input\n                          id=\"IsOtherMedia\"\n                          type=\"checkbox\"\n                          className=\"form-checkbox rounded text-green-200-mju w-5 h-5 ease-linear transition-all duration-150\"\n                          name=\"IsOtherMedia\"\n                          onChange={formik.handleChange}\n                          onBlur={formik.handleBlur}\n                          checked={formik.values.IsOtherMedia}\n                          disabled={enableControl}\n                        />\n                        <label className=\"text-sm font-bold px-3 text-blueGray-600\">{locale.t(\"Course.info.lblDocument\")}</label>\n                        &nbsp;\n                        <input\n                          id=\"IsDocMedia\"\n                          type=\"checkbox\"\n                          className=\"form-checkbox rounded text-green-200-mju w-5 h-5 ease-linear transition-all duration-150\"\n                          name=\"IsDocMedia\"\n                          onChange={formik.handleChange}\n                          onBlur={formik.handleBlur}\n                          checked={formik.values.IsDocMedia}\n                          disabled={enableControl}\n                        />\n                        <label className=\"text-sm font-bold px-3 text-blueGray-600\">{locale.t(\"Course.info.lblVDO\")}</label>\n                    </div>\n                  </div>\n                  <div className=\"w-full lg:w-6/12 px-4 py-1\">\n                    <div className=\"relative w-full mb-3\">\n                      <label className=\"block  text-blueGray-600 text-sm font-bold mb-2\">\n                        {locale.t(\"Main.lblTag\")}\n                      </label>\n                      <div  style={enableControl ? {pointerEvents: \"none\", opacity: \"0.4\"} : {}}>\n                          <ReactTags\n                             ref={reactTags}\n                             tags={tags}\n                             suggestions={[]}\n                             onDelete={onDelete}\n                             onAddition={onAddition}\n                             onValidate={onValidate}\n                             autocomplete={true}\n                             maxLength={16}\n                             minQueryLength={1}\n                             allowNew\n                          />\n                        </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </form>\n            <div className={\"flex-auto px-2 py-2 pt-4 \"   + ((headName === \"หลักสูตร\") ? \"hidden\" : \"block\") }>\n              <div className=\"text-center flex justify-between\">\n                <div className=\"parent-div text-blueGray-700 text-base font-bold py-2 pt-2\">\n                    <div className=\"text-blue-mju text-div-default\">\n                     {locale.t(\"Course.info.lblCourse\")} : \n                    </div>\n                    <div className=\"text-blue-mju text-div\">\n                      &nbsp;{(Storage.GetLanguage() === \"th\") ? formik.values.CurriculumNameTH : formik.values.CurriculumNameENG} \n                    </div>\n                    <div className=\"text-blue-mju text-div-default\">\n                    &nbsp;({formik.values.NumOfHours} {locale.t(\"Course.info.lblHour\")}{formik.values.NumOfMin} {locale.t(\"Course.info.lblMin\")} ) \n                    </div>\n                </div>\n                <div>\n                  <button\n                    className=\"bg-blue-mju text-white active:bg-lightBlue-600 font-bold text-sm px-2 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none ease-linear transition-all duration-150\"\n                    type=\"button\"\n                    onClick={() => { setIsNewSubject(true); setIsEnableSubjectControl(false); setListAttach([]); formikSubject.resetForm(); formikSubject.setFieldValue('ContentTH',null); formikSubject.setFieldValue('ContentENG',null);  openModal(); }}>\n                    <i className=\"fas fa-plus\"></i>&nbsp;&nbsp;{locale.t(\"Subject.list.lblAddSubject\")}\n                  </button>\n                    <Modal\n                      isOpen={modalIsOpen}\n                      onRequestClose={closeModal}\n                      style={customStyles}\n                      contentLabel=\"Example Modal\"\n                      shouldCloseOnOverlayClick={false} \n                    >\n                      <div className=\"flex flex-wrap\">\n                        <div className=\"w-full\">\n                          <>\n                            <div className=\"relative flex flex-col min-w-0 break-words w-full  rounded-lg bg-blueGray-100 border-0\">\n                              <form onSubmit={formikSubject.handleSubmit}>\n                              <div className=\"rounded-t bg-white mb-0 px-2 py-2\">\n                                <div className=\"text-center flex justify-between\">\n                                  <div className=\"\">\n                                    <h6 className=\"text-blueGray-700 text-xl font-bold mt-2\">{locale.t(\"Menu.lblCourse\")} {'>'} <label className=\"text-green-200-mju\">{(Storage.GetLanguage() === \"th\") ? headName : \"Subject / Content\"} </label></h6>\n                                  </div>\n                                  <div className=\"\">\n                                    <button\n                                        className={\"bg-rose-mju text-white active:bg-rose-mju font-bold  text-sm px-2 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none mr-1 ease-linear transition-all duration-150\"}\n                                        type=\"button\"\n                                        onClick={closeModal}\n                                      >\n                                        <i className=\"fas fa-arrow-left\"></i>&nbsp;&nbsp;{locale.t(\"Button.lblBack\")}\n                                    </button>    \n                                    {(enableSubjectControl && !isNewSubject) ? \n                                      <button\n                                        className=\"bg-green-mju text-white active:bg-lightBlue-600 font-bold  text-sm px-2 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none mr-1 ease-linear transition-all duration-150\"\n                                        type=\"button\"\n                                        onClick={ () => {EnableControlSubject(false)}}\n                                      >\n                                        <i className=\"fas fa-pencil-alt\"></i>&nbsp;{locale.t(\"Button.lblEdit\")}\n                                      </button> \n                                      :\n                                      <>\n                                        <button\n                                          className={\"bg-yello-mju text-white active:bg-yello-mju font-bold  text-sm px-2 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none mr-1 ease-linear transition-all duration-150\" + ((isNewSubject ? \" hidden\" : \" \"))}\n                                          type=\"button\"\n                                          onClick={() =>{EnableControlSubject(true)}}\n                                        >\n                                          <i className=\"far fa-times-circle\"></i>&nbsp;{locale.t(\"Button.lblDrop\")}\n                                        </button>     \n                                        <button\n                                          className=\"bg-blue-save-mju text-white active:bg-blueactive-mju font-bold  text-sm px-2 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none mr-1 ease-linear transition-all duration-150\" \n                                          type=\"submit\"\n                                          >\n                                        <i className=\"fas fa-save\"></i>&nbsp;{locale.t(\"Button.lblSave\")}\n                                        </button>\n                                      </>\n                                    }\n                                  </div>\n                                </div>\n                              </div>\n                              <div className={\"flex-auto px-2 py-2\"}>\n                                  <div className=\"flex flex-wrap\">\n                                    <div className=\"w-full lg:w-6/12 px-4 py-1\">\n                                      <div className=\"relative w-full mb-3\">\n                                        <label\n                                          className=\"block  text-blueGray-600 text-sm font-bold mb-2\"\n                                        >\n                                          {locale.t(\"Subject.info.lblSubjectCode\")} <span className=\"text-red-500\"> *</span>\n                                        </label>\n                                        <input\n                                          type=\"text\"\n                                          className=\"border-0 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                                          id=\"SubjectCode\"\n                                          name=\"SubjectCode\"\n                                          maxLength={100}\n                                          onChange={formikSubject.handleChange}\n                                          onBlur={formikSubject.handleBlur}\n                                          value={formikSubject.values.SubjectCode}\n                                          disabled={enableSubjectControl}\n                                        />\n                                        {formikSubject.touched.SubjectCode && formikSubject.errors.SubjectCode ? (\n                                          <div className=\"text-sm py-2 px-2 text-red-500\">{formikSubject.errors.SubjectCode}</div>\n                                        ) : null}\n                                      </div>\n                                    </div>\n                                    <div className=\"w-full lg:w-6/12 px-4 py-1\">\n                                      <label className=\"block  text-blueGray-600 text-sm font-bold mb-2\">\n                                        {locale.t(\"Subject.list.lblSubjectTime\")}\n                                      </label>\n                                      <div className=\"relative w-full mb-3\">\n                                        <div className=\"flex flex-wrap\">\n                                          <div className=\"w-full lg:w-6/12 mb-3\">\n                                            <input\n                                              type=\"text\"\n                                              maxLength=\"4\"\n                                              className=\"border-0 px-2 py-1  laceholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring ease-linear w-60 transition-all duration-150\"\n                                              id=\"SubjectOfHour\"\n                                              name=\"SubjectOfHour\"\n                                              onChange={ (e) => { onHandleSubjectHourChange(e);}}\n                                              onBlur={formikSubject.handleBlur}\n                                              value={formikSubject.values.SubjectOfHour}\n                                              disabled={enableSubjectControl}\n                                            />\n                                            <span className=\"text-sm font-bold\"> &nbsp;{locale.t(\"Course.info.lblMin\")}</span>\n                                          </div>\n                                        </div>\n                                    </div>\n                                  </div>\n                                  <div className=\"w-full lg:w-6/12 px-4 py-1\">\n                                      <div className=\"relative w-full mb-3\">\n                                        <label\n                                          className=\"block  text-blueGray-600 text-sm font-bold mb-2\"\n                                        >\n                                          {locale.t(\"Subject.info.lblSubjectTH\")}<span className=\"text-red-500\"> *</span>\n                                        </label>\n                                        <input\n                                          type=\"text\"\n                                          className=\"border-0 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                                          id=\"SubjectNameTH\"\n                                          name=\"SubjectNameTH\"\n                                          maxLength={255}\n                                          onChange={formikSubject.handleChange}\n                                          onBlur={formikSubject.handleBlur}\n                                          value={formikSubject.values.SubjectNameTH}\n                                          disabled={enableSubjectControl}\n                                        />\n                                        {formikSubject.touched.SubjectNameTH && formikSubject.errors.SubjectNameTH ? (\n                                          <div className=\"text-sm py-2 px-2 text-red-500\">{formikSubject.errors.SubjectNameTH}</div>\n                                        ) : null}\n                                      </div>\n                                    </div>\n                                    <div className=\"w-full lg:w-6/12 px-4 py-1\">\n                                      <div className=\"relative w-full mb-3\">\n                                        <label\n                                          className=\"block  text-blueGray-600 text-sm font-bold mb-2\"\n                                        >\n                                          {locale.t(\"Subject.info.lblSubjectENG\")}\n                                        </label>\n                                        <input\n                                          type=\"text\"\n                                          className=\"border-0 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                                          id=\"SubjectNameENG\"\n                                          name=\"SubjectNameENG\"\n                                          maxLength={255}\n                                          onChange={formikSubject.handleChange}\n                                          onBlur={formikSubject.handleBlur}\n                                          value={formikSubject.values.SubjectNameENG}\n                                          disabled={enableSubjectControl}\n                                        />\n                                      </div>\n                                    </div>\n                                    <div className=\"w-full  px-4 py-1\">\n                                      <div className=\"relative w-full mb-3\">\n                                        <label\n                                          className=\"block  text-blueGray-600 text-sm font-bold mb-2\">\n                                          {locale.t(\"Subject.info.lblSubjectContentTH\")}<span className=\"text-red-500\"> *</span>\n                                        </label>\n                                        {/* <ReactQuill\n                                          theme=\"snow\"\n                                          value={formikSubject.values.ContentTH}\n                                          onChange={v =>  formikSubject.setFieldValue('ContentTH', v)} \n                                          placeholder={\"Write something awesome...\"}\n                                          readOnly={enableSubjectControl}\n                                          modules={{\n                                            toolbar: [\n                                              ['bold', 'italic', 'underline', 'strike'],\n                                              [{ align: [] }],\n                                          \n                                              [{ list: 'ordered'}, { list: 'bullet' }],\n                                              [{ indent: '-1'}, { indent: '+1' }],\n                                          \n                                              [{ size: ['small', false, 'large', 'huge'] }],\n                                              [{ header: [1, 2, 3, 4, 5, 6, false] }],\n                                              ['link', 'image', 'video'],\n                                              [{ color: [] }, { background: [] }],\n                                          \n                                              ['clean']\n                                            ],  imageResize: {\n                                              parchment: Quill.import('parchment'),\n                                              modules: ['Resize', 'DisplaySize', 'Toolbar']\n                                            },\n                                            clipboard: {\n                                              matchVisual: false,\n                                            },\n                                          }}\n                                          formats={[\n                                            'bold', 'italic', 'underline', 'strike',\n                                            'align', 'list', 'indent',\n                                            'size', 'header',\n                                            'link', 'image', 'video',\n                                            'color', 'background',\n                                            'clean'\n                                          ]}\n                                        /> */}\n                                        <SunEditor\n                                          disable={enableSubjectControl}\n                                          setDefaultStyle=\"font-family: THSarabun; font-size: 18px;\" \n                                          width=\"100%\"\n                                          height=\"600px\"\n                                          onKeyDown={handleKeyDown} \n                                          setContents={formikSubject.values.ContentTH}\n                                          // onChange={v =>  formikSubject.setFieldValue('ContentTH', v)} \n                                          onChange={onChangeEventSubjectTH}\n                                          setOptions={{\n                                          buttonList: [\n                                            [\n                                              \"undo\",\n                                              \"redo\",\n                                              \"font\",\n                                              \"fontSize\",\n                                              \"formatBlock\",\n                                              \"paragraphStyle\",\n                                              \"blockquote\",\n                                              \"bold\",\n                                              \"underline\",\n                                              \"italic\",\n                                              \"strike\",\n                                              \"fontColor\",\n                                              \"hiliteColor\",\n                                              \"textStyle\",\n                                              \"removeFormat\",\n                                              \"outdent\",\n                                              \"indent\",\n                                              \"align\",\n                                              \"horizontalRule\",\n                                              \"list\",\n                                              \"lineHeight\",\n                                              \"table\",\n                                              \"link\",\n                                              \"image\",\n                                              \"video\",\n                                              \"fullScreen\",\n                                              \"codeView\",\n                                            ]\n                                          ]\n                                        }}/>\n                                        {formikSubject.touched.ContentTH && formikSubject.errors.ContentTH ? (\n                                          <div className=\"text-sm py-2 px-2 text-red-500\">{formikSubject.errors.ContentTH}</div>\n                                        ) : null}\n                                        \n                                      </div>\n                                    </div>\n                                    <div className=\"w-full  px-4 py-1\">\n                                      <div className=\"relative w-full mb-3\">\n                                        <label className=\"block  text-blueGray-600 text-sm font-bold mb-2\">\n                                          {locale.t(\"Subject.info.lblSubjectContentENG\")}\n                                        </label>\n                                        {/* <ReactQuill\n                                          theme=\"snow\"\n                                          value={formikSubject.values.ContentENG}\n                                          onChange={v =>  formikSubject.setFieldValue('ContentENG', v)} \n                                          placeholder={\"Write something awesome...\"}\n                                          readOnly={enableSubjectControl}\n                                          modules={{\n                                            toolbar: [\n                                              ['bold', 'italic', 'underline', 'strike'],\n                                              [{ align: [] }],\n                                          \n                                              [{ list: 'ordered'}, { list: 'bullet' }],\n                                              [{ indent: '-1'}, { indent: '+1' }],\n                                          \n                                              [{ size: ['small', false, 'large', 'huge'] }],\n                                              [{ header: [1, 2, 3, 4, 5, 6, false] }],\n                                              ['link', 'image', 'video'],\n                                              [{ color: [] }, { background: [] }],\n                                          \n                                              ['clean']\n                                            ],  imageResize: {\n                                              parchment: Quill.import('parchment'),\n                                              modules: ['Resize', 'DisplaySize', 'Toolbar']\n                                            },\n                                            clipboard: {\n                                              matchVisual: false,\n                                            },\n                                          }}\n                                          formats={[\n                                            'bold', 'italic', 'underline', 'strike',\n                                            'align', 'list', 'indent',\n                                            'size', 'header',\n                                            'link', 'image', 'video',\n                                            'color', 'background',\n                                            'clean'\n                                          ]}\n                                        /> */}\n                                        <SunEditor\n                                          disable={enableSubjectControl}\n                                          setDefaultStyle=\"font-family: THSarabun; font-size: 18px;\" \n                                          width=\"100%\"\n                                          height=\"600px\"\n                                          onKeyDown={handleKeyDown} \n                                          setContents={formikSubject.values.ContentENG}\n                                          // onChange={v =>  formikSubject.setFieldValue('ContentENG', v)} \n                                          onChange={onChangeEventSubjectENG}\n                                          setOptions={{\n                                          buttonList: [\n                                            [\n                                              \"undo\",\n                                              \"redo\",\n                                              \"font\",\n                                              \"fontSize\",\n                                              \"formatBlock\",\n                                              \"paragraphStyle\",\n                                              \"blockquote\",\n                                              \"bold\",\n                                              \"underline\",\n                                              \"italic\",\n                                              \"strike\",\n                                              \"fontColor\",\n                                              \"hiliteColor\",\n                                              \"textStyle\",\n                                              \"removeFormat\",\n                                              \"outdent\",\n                                              \"indent\",\n                                              \"align\",\n                                              \"horizontalRule\",\n                                              \"list\",\n                                              \"lineHeight\",\n                                              \"table\",\n                                              \"link\",\n                                              \"image\",\n                                              \"video\",\n                                              \"fullScreen\",\n                                              \"codeView\",\n                                            ]\n                                          ]\n                                        }}/>\n                                        {formik.touched.SubjectCode && formik.errors.SubjectCode ? (\n                                          <div className=\"text-sm py-2 px-2 text-red-500\">{formik.errors.SubjectCode}</div>\n                                        ) : null}\n                                      </div>\n                                    </div>\n                                    <div className=\"w-full mt-2  px-4 \">\n                                      <div className=\"relative w-full mb-3\">\n                                        <div className=\" flex justify-between align-middle  mb-2\">\n                                          <div>\n                                            <label className=\"block  text-blueGray-600 text-sm font-bold mb-2 mt-2\">\n                                              {locale.t(\"Main.lblListAttach\")}\n                                            </label>\n                                          </div>\n                                          <div>\n                                            <div className=\"imageUpload\" style={ (!enableSubjectControl) ? {} :  {pointerEvents: \"none\", opacity: \"0.4\"}}>\n                                              <label\n                                                className=\"bg-purple-mju cursor-pointer text-white mb-2 px-2 py-1 active:bg-purple-active font-bold  text-sm rounded shadow hover:shadow-md outline-none focus:outline-none mr-1 ease-linear transition-all duration-150\"\n                                                htmlFor=\"file-input2\">\n                                                  <i className=\"fas fa-book-reader\"></i> {locale.t(\"Main.lblAttach\")}\n                                              </label>\n                                              <input \n                                                type=\"file\" \n                                                id=\"file-input2\"\n                                                onChange={(e) => handleFileUpload(e)}/>\n                                            </div>\n                                          </div>\n                                        </div>\n                                        <div className=\"flex flex-wrap\">\n                                          <div className=\"relative w-full mb-3\">\n                                            <div className=\"block w-full overflow-x-auto\">\n                                            <table className=\"items-center w-full bg-transparent border-collapse\">\n                                              <thead>\n                                                <tr>\n                                                  <th\n                                                  className={\" px-6 align-middle border border-solid py-3 text-sm  border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100\"}\n                                                  >\n                                                  </th>\n                                                  <th\n                                                  className={\" px-6 align-middle border border-solid py-3 text-sm  border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100\"}\n                                                  >\n                                                    {locale.t(\"Subject.info.FileName\")}\n                                                  </th>\n                                                  <th\n                                                  className={\"px-6 align-middle border border-solid py-3 text-sm  border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100\"}\n                                                  >\n                                                    {locale.t(\"Subject.info.lblFileDate\")}\n                                                  </th>\n                                                  <th\n                                                  className={\n                                                      \"px-6 align-middle border border-solid py-3 text-sm  border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100\"\n                                                  }\n                                                  >\n                                                  </th>\n                                                </tr>\n                                              </thead>\n                                              <tbody className=\"pt-2\">\n                                                {displayAttach}\n                                              </tbody>\n                                            </table>\n                                            </div>\n                                            <div className=\"py-4\">\n                                              <ReactPaginate\n                                                  previousLabel={\" < \"}\n                                                  nextLabel={\" > \"}\n                                                  pageCount={attachCount}\n                                                  onPageChange={changeAttachPage}\n                                                  containerClassName={\"paginationBttns\"}\n                                                  previousLinkClassName={\"previousBttn\"}\n                                                  nextLinkClassName={\"nextBttn\"}\n                                                  disabledClassName={\"paginationDisabled\"}\n                                                  activeClassName={\"paginationActive\"}\n                                              />\n                                            </div>\n                                          </div>\n                                        </div>\n                                      </div>\n                                    </div>\n                                </div>\n                            </div>\n                            </form>\n                          </div>\n                          </>\n                        </div>\n                      </div>\n                    </Modal>\n                </div>\n              </div>           \n              <div className=\"block w-full overflow-x-auto mt-2\">\n                {/* Projects table */}\n                <table className=\"items-center w-full bg-transparent border-collapse\">\n                  <thead>\n                    <tr>\n                        <th\n                        className={\"text-center px-6 align-middle border border-solid py-3 text-sm  border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100\"}\n                        >\n                          {locale.t(\"Subject.list.lblSubjectTime\")}\n                        </th>\n                        <th\n                        className={\n                            \"px-6 align-middle border border-solid py-3 text-sm  border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100\"\n                        }\n                        >\n                          {locale.t(\"Subject.list.lblSubject\")}\n                        </th>\n                        <th\n                        className={\n                            \"px-6 align-middle border border-solid py-3 text-sm  border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100\"\n                        }\n                        >\n                        </th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    {displayUsers}\n                  </tbody>\n                </table>\n              </div>\n              <div className=\"py-4\">\n                <ReactPaginate\n                    previousLabel={\" < \"}\n                    nextLabel={\" > \"}\n                    pageCount={pageCount}\n                    onPageChange={changePage}\n                    containerClassName={\"paginationBttns\"}\n                    previousLinkClassName={\"previousBttn\"}\n                    nextLinkClassName={\"nextBttn\"}\n                    disabledClassName={\"paginationDisabled\"}\n                    activeClassName={\"paginationActive\"}\n                />\n              </div>\n            </div>\n          </div>\n        </>\n        </div>\n      </div>\n\n    </>\n  );\n}\n","import React,{ useEffect,useState } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport axios from \"axios\";\nimport Modal from \"react-modal\";\nimport ReactPaginate from 'react-paginate';\nimport ConfirmDialog from '../../components/ConfirmDialog/ConfirmDialog'\nimport urlPath from 'services/urlServer';\nimport Spinner from '../../components/Loadings/spinner/Spinner'\nimport * as Storage from \"../../../src/services/Storage.service\";\nconst locale = require(\"react-redux-i18n\").I18n;\n\nModal.setAppElement('#root');\nconst customStyles = {\n  content: {\n    top: '50%',\n    left: '50%',\n    right: 'auto',\n    bottom: 'auto',\n    marginRight: '-50%',\n    padding:'0%',\n    transform: 'translate(-50%, -50%)',\n    overflowY: 'auto',\n    overflowX: 'auto',\n    backgroundColor:\"#F1F5F9\"\n  },overlay: {zIndex: 100, backgroundColor: 'rgba(70, 70, 70, 0.5)',}\n};\n\nexport default function CoursesList() {\n\n    const [modalIsOpen, setIsOpen] = useState(false);  \n    const [listCourses, setListCourses] = useState([]);\n    const [deleteNumber , setDeleteNumber] = useState(0);\n    const [pageNumber, setPageNumber] = useState(0);\n    const [listSearch, setListSerch] = useState([]);\n    const usersPerPage = 10;\n    const pagesVisited = pageNumber * usersPerPage;\n    const [modalIsOpenSubject, setIsOpenSubject] = useState(false);\n    const [isLoading, setIsLoading] = useState(false);\n    function openModal(type) {\n        setIsOpen(true);\n    }\n\n    function afterOpenModal(type) {\n        // references are now sync'd and can be accessed.   \n    }\n\n    function closeModal() {\n        setIsOpen(false);\n    }\n\n    function openModalSubject() {\n        setIsOpenSubject(true);\n    }\n    \n    function closeModalSubject() {\n        setIsOpenSubject(false);\n    }\n    \n\n    const handleChange = (e) => {\n        const { name, checked } = e.target;\n        if (name === \"allSelect\") {\n            let tempCourses = listCourses.map((Courses) => {\n            return { ...Courses, IsDeleted: checked };\n            });\n            setListCourses(tempCourses);\n            setDeleteNumber(tempCourses.filter(x => x.IsDeleted === true).length);\n            } \n        else {\n            let tempCourses = listCourses.map((Courses) =>\n            Courses.id.toString() === name ? {\n                    ...Courses, IsDeleted: checked\n            } : Courses\n            );\n            setListCourses(tempCourses);\n            setDeleteNumber(tempCourses.filter(x => x.IsDeleted === true).length);\n        }\n    };\n\n    const deleteCourses = (e) => {\n        axios\n          .post(urlPath+`/courses/delete/${e}`)\n          .then(() => {\n            setListCourses(\n              listCourses.filter((val) => {\n                return val.id !== e;\n              })\n            );\n            closeModal();\n        });\n    }\n\n    const deleteByList = () => {\n        if(deleteNumber > 0)\n        {\n            var ArrayDeleted = [];\n            listCourses.forEach(field => { if(field.IsDeleted === true) { ArrayDeleted.push(field.id)}});\n            axios\n            .post(urlPath+`/courses/delete/multidelete/${ArrayDeleted}`,{},{\n              headers: {accessToken : localStorage.getItem(\"accessToken\")}\n            })\n            .then(() => {\n                setDeleteNumber(0);\n                closeModalSubject();\n                setListCourses(\n                    listCourses.filter((val) => {\n                      return val.IsDeleted !== true;\n                    })\n                  );\n            });\n        }\n    }\n\n    const pageCount = Math.ceil(listCourses.length / usersPerPage);\n\n    const changePage = ({ selected }) => {\n        setPageNumber(selected);\n    };\n\n    const displayUsers = listCourses\n    .slice(pagesVisited, pagesVisited + usersPerPage)\n    .map((value) => {\n      return (\n        <tr role=\"row\" key={value.id }>\n                <th className=\"border-t-0 px-2 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap\">\n                    <input\n                        type=\"checkbox\"\n                        name={value.id}\n                        checked={value?.IsDeleted || false}\n                        onChange={handleChange}\n                        className=\"form-checkbox rounded text-green-200-mju w-5 h-5 ease-linear transition-all duration-150\"\n                    />\n                </th>\n                <td className=\"border-t-0 px-2 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap cursor-pointer\">\n                    <div className=\"TextWordWarpCode\"><Link to={`/admin/courses/${value.id}`}>{ value.CurriculumCode }</Link></div>\n                </td>\n                <td className=\"border-t-0 px-2 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap  cursor-pointer\">\n                    <div className=\"TextWordWarp\"><Link to={`/admin/courses/${value.id}`} >{ value.CurriculumNameTH }</Link></div>\n                </td>\n                <td className=\"border-t-0 px-2 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap cursor-pointer\">\n                    <div className=\"TextWordWarp\"><Link to={`/admin/courses/${value.id}`} >{ value.CurriculumNameENG }</Link></div>\n                </td>\n                <td className=\"border-t-0 px-2 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap \">\n                    <>{ value.SubjectsCount }</>\n                </td>\n                <td className=\"border-t-0 px-2 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap \">\n                    { (value.NumOfHours*60)+value.NumOfMin }\n                </td>\n                <td className=\"border-t-0 px-2 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap p-3\">\n                    <label className=\"text-red-500 cursor-pointer\" onClick={() => {openModal(\"delete\")}}>  <i className=\"fas fa-trash\"></i> {locale.t(\"Button.lblDelete\")}</label>\n                    <Modal\n                        isOpen={modalIsOpen}\n                        onAfterOpen={afterOpenModal}\n                        onRequestClose={closeModal}\n                        style={customStyles}\n                        contentLabel=\"Example Modal\"\n                        >\n                        <div className=\"flex flex-wrap\">\n                            <div className=\"w-full \">\n                                <>\n                                <div className=\"relative flex flex-col min-w-0 break-words w-full  rounded-lg  border-0\">\n                                <div className=\"rounded-t bg-white mb-0 px-4 py-4\">\n                                    <div className=\"text-center flex justify-between\">\n                                    <div className=\"\">\n                                        <h6 className=\"text-blueGray-700 text-base  font-bold mt-2\"><i className=\"fas fa-exclamation-triangle\"></i>&nbsp; {locale.t(\"Main.lblWarning\")}</h6>\n                                    </div>\n                                    <div className=\"\">\n                                    </div>\n                                    </div>\n                                </div>\n                                </div>\n                                <div className={\"flex-auto \"}>\n                                    <div className=\"w-full mt-2\">\n                                        <div className=\"relative w-full mb-3\">\n                                            <div className=\" align-middle  mb-2\">\n                                                <div  className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap p-4\">\n                                                    <label className=\"cursor-pointer\">{locale.t(\"Warning.lblDelete\")}</label>\n                                                </div>\n                                            </div>\n                                        </div>\n                                        <div className=\"relative w-full mb-3\">\n                                            <div className=\" flex justify-between align-middle \">\n                                                <div>\n                                                </div>\n                                                <div  className=\"border-t-0 px-6 align-middle border-l-0 border-r-0 text-sm whitespace-nowrap p-4\">\n                                                    <label className=\"text-red-500 cursor-pointer\" onClick={() => {openModal(deleteCourses(value.id))}}> <i className=\"fas fa-trash\"></i> {locale.t(\"Button.lblDelete\")}</label>\n                                                    <label className=\"font-bold\">&nbsp;|&nbsp;</label>\n                                                    <label className=\"cursor-pointer\" onClick={closeModal}> <i className=\"fas fa-times\"></i> {locale.t(\"Button.lblCancel\")}</label>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                                </>\n                            </div>\n                        </div>\n                    </Modal>\n                    &nbsp;\n                </td>\n            </tr>\n        );\n    });\n\n    const InputSearch = (e) => {\n        if(e === \"\") {\n            setListCourses(listSearch);\n        } else {\n            setListCourses(listCourses.filter(x => x.CurriculumCode.includes(e) \n            || x.CurriculumNameTH.includes(e) || x.CurriculumNameENG.includes(e) \n            ));\n        }\n    }\n\n    useEffect( ()=>  {\n        setIsLoading(true);\n        axios.get(urlPath+\"/courses\").then((response) =>   {\n            setListCourses(response.data.listOfCourses);\n            setListSerch(response.data.listOfCourses);\n            setIsLoading(false);\n        });\n      },[]);\n      \n\n  return (\n    <>\n      {isLoading ? ( <> <Spinner  customText={\"Loading\"}/></>) : (<></>)}\n      <div className=\"flex flex-wrap mt-4 md:min-h-full \">\n        <div className=\"w-full mb-12 px-4\">\n            <div className={\"relative flex flex-col min-w-0 break-words w-full mb-6 shadow-lg rounded-2xl bg-white\"}>\n                <div className=\"rounded-t mb-0 px-3 py-3 border-0\">\n                    <div className=\"w-full mx-autp items-center flex justify-between md:flex-nowrap flex-wrap \">\n                        {/* Brand */}\n                            <h3 className={\"font-semibold text-lg text-blueGray-700\"}>\n                                {locale.t(\"Menu.lblCourse\")}\n                            </h3>\n                            <h3 className={\"font-semibold px-2 text-lg text-blueGray-700\"}>\n                                |\n                            </h3>\n                            <h3 className={\"font-semibold text-sm text-blueGray-700\"}>\n                                {listCourses.length}  {locale.t(\"Main.lblItem\")}\n                            </h3>\n                            <h3 className={\"font-semibold text-sm text-blueGray-700 leading-2\" + ((deleteNumber > 0) ? \" block\" : \" hidden\")}>\n                            &nbsp; <i className=\"fas fa-trash text-red-500 cursor-pointer\" onClick={()=>{openModalSubject()}}></i> &nbsp;\n                                <span>{locale.t(\"Button.lblDelete\")} {deleteNumber} {locale.t(\"Main.lblChoose\")}</span>\n                                <ConfirmDialog  showModal={modalIsOpenSubject} message={ ((Storage.GetLanguage() === \"th\") ? \"จัดการหลักสูตร\" : \"Curriculum Management\")} hideModal={()=>{closeModalSubject()}} confirmModal={() => {deleteByList()}}/>\n                            </h3>\n                        {/* Form */}\n                        <form className=\"md:flex hidden flex-row flex-wrap items-center lg:ml-auto mr-3\">\n                            <div className=\"relative flex w-full flex-wrap items-stretch\">\n                                <span className=\"z-10 h-full leading-snug font-normal absolute text-center text-blueGray-300 absolute bg-transparent rounded text-base items-center justify-center pl-3 py-1\">\n                                    <i className=\"fas fa-search\"></i>\n                                </span>\n                                <input\n                                    type=\"text\"\n                                    placeholder=\"Search here...\"\n                                    className=\"border-0 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 relative bg-white bg-white rounded text-sm shadow outline-none focus:outline-none focus:ring w-full pl-12\"\n                                    onChange={(e)=>{InputSearch(e.target.value)}}\n                                />\n                            </div>\n                        </form>\n                        {/* User */}\n                        <ul className=\"flex-col md:flex-row list-none items-center hidden md:flex\">\n                            <Link to=\"/admin/courses\" ><button\n                            className=\"bg-white text-black active:bg-lightBlue-600 font-bold uppercase text-sm px-2 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none  ease-linear transition-all duration-150\"\n                            type=\"button\"\n                            >\n                            <i className=\"fas fa-plus text-green-mju\"></i> {locale.t(\"Button.lblInsert\")}\n                            </button></Link>\n                        </ul>\n                    </div>\n                    \n                </div>\n                <div className=\"block w-full overflow-x-auto\">\n                {/* Projects table */}\n                <table className=\"w-full bg-transparent border-collapse\">\n                    <thead>\n                    <tr>\n                        <th\n                        className={\"text-center px-6 align-middle border border-solid py-3 text-sm uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100\"}\n                        >\n                        <input\n                            type=\"checkbox\"\n                            name=\"allSelect\"\n                            checked={!listCourses.some((Courses) => Courses?.IsDeleted !== true)}\n                            onChange={handleChange}\n                            className=\"form-checkbox rounded text-green-200-mju w-5 h-5 ease-linear transition-all duration-150\"\n                        />\n                        </th>\n                        <th\n                        className={\n                            \"px-2 align-middle border border-solid py-3 text-sm uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100\"\n                        }\n                        >\n                            {locale.t(\"Course.list.lblCourseCode\")}\n                        </th>\n                        <th\n                        className={\n                            \"px-2  border border-solid py-3 text-sm uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100\"\n                        }\n                        >\n                            {locale.t(\"Course.list.lblCourseNameTH\")}\n                        </th>\n                        <th\n                        className={\n                            \"px-2 align-middle border border-solid py-3 text-sm uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100\"\n                        }\n                        >\n                            {locale.t(\"Course.list.lblCourseNameENG\")}\n                        </th>\n                        <th\n                        className={\n                            \"px-2 align-middle border border-solid py-3 text-sm uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100\"\n                        }\n                        >\n                            {locale.t(\"Course.list.lblAmountSubject\")}\n                        </th>\n                        <th\n                        className={\n                            \"px-2 align-middle border border-solid py-3 text-sm uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100\"\n                        }\n                        >\n                            {locale.t(\"Course.list.lblAmountMin\")}\n                        </th>\n                        <th\n                        className={\n                            \"px-2 align-middle border border-solid py-3 text-sm uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left bg-blueGray-50 text-blueGray-500 border-blueGray-100\"\n                        }\n                        ></th>\n                    </tr>\n                    </thead>\n                    <tbody>\n                        {displayUsers}  \n                    </tbody>\n                </table>\n                </div>\n                <div className=\"py-4\">\n                    <ReactPaginate\n                        previousLabel={\" < \"}\n                        nextLabel={\" > \"}\n                        pageCount={pageCount}\n                        onPageChange={changePage}\n                        containerClassName={\"paginationBttns\"}\n                        previousLinkClassName={\"previousBttn\"}\n                        nextLinkClassName={\"nextBttn\"}\n                        disabledClassName={\"paginationDisabled\"}\n                        activeClassName={\"paginationActive\"}\n                    />\n                </div>\n                \n            </div>\n        \n        </div>\n\n      </div>\n    </>\n  );\n}\n","// components\nimport React,{useRef,useState,useEffect} from \"react\";\nimport { Switch, Route, Redirect } from \"react-router-dom\";\nimport { useHistory } from \"react-router-dom\";\n// Layout\nimport AdminNavbar from \"components/Navbars/AdminNavbar.js\";\nimport Sidebar from \"components/Sidebar/Sidebar.js\";\nimport HeaderStats from \"components/Headers/HeaderStats.js\";\nimport AdminTopNavBar from \"components/Navbars/AdminTopNavBar.js\";\n\n// views\nimport Members from \"views/admin/MembersInfo\";\nimport MembersList from \"views/admin/MembersList\";\nimport Learning from \"views/admin/LearningInfo\";\nimport LearningList from \"views/admin/LearningList\";\nimport Courses from \"views/admin/CoursesInfo\";\nimport CoursesList from \"views/admin/CoursesList\";\nimport * as Storage from \"../services/Storage.service\";\n\nexport default function Admin() {\n  const box = useRef(null);\n  useOutsideAlerter(box);\n\n  const [todos, setTodos] = useState(\"\");\n  let history = useHistory();\n\n  useEffect(() => {\n\n    if(!localStorage.getItem(\"accessToken\")){\n      history.push(\"/auth/login\");\n    }\n\n    const roleUser = localStorage.getItem(\"roleUser\");\n    if(roleUser !== \"1\")\n      history.push(\"/home\");\n\n    if(window.location.pathname.includes(\"members\"))\n    { (Storage.GetLanguage() === \"th\") ? setTodos(\"จัดการบัญชีผู้ใช้\") : setTodos(\"Account Management\")}\n    else if(window.location.pathname.includes(\"learning\"))\n    { (Storage.GetLanguage() === \"th\") ? setTodos(\"จัดการเส้นทางการเรียนรู้\") : setTodos(\"Learning Path Management\")}\n    else \n    { (Storage.GetLanguage() === \"th\") ? setTodos(\"จัดการหลักสูตร\") : setTodos(\"Curriculum Management\")} \n     \n  });\n\n  function useOutsideAlerter(ref) {\n    useEffect(() => {\n      // Function for click event\n      function handleOutsideClick(event) {\n        if (ref.current && !ref.current.contains(event.target)) {\n          if(window.location.pathname.includes(\"members\"))\n            { (Storage.GetLanguage() === \"th\") ? setTodos(\"จัดการบัญชีผู้ใช้\") : setTodos(\"Account Management\")}\n          else if(window.location.pathname.includes(\"learning\"))\n            { (Storage.GetLanguage() === \"th\") ? setTodos(\"จัดการเส้นทางการเรียนรู้\") : setTodos(\"Learning Path Management\")}\n          else \n            { (Storage.GetLanguage() === \"th\") ? setTodos(\"จัดการหลักสูตร\") : setTodos(\"Curriculum Management\")}        }\n      }\n      // Adding click event listener\n      document.addEventListener(\"click\", handleOutsideClick);\n    }, [ref]);\n  }\n\n  return (\n    <>\n      <AdminTopNavBar fixed />\n      <Sidebar />\n      <div className=\"relative md:ml-64\"  ref={box}>\n        <AdminNavbar title={todos}/>\n        {/* Header */}\n        <HeaderStats />\n        <div className=\"px-4 md:px-10 mx-auto w-full -m-44\" >\n          <Switch>\n            <Route path=\"/admin/members\" exact component={Members} />\n            <Route path=\"/admin/members/:id\" exact component={Members} />\n            <Route path=\"/admin/memberslist\" exact component={MembersList} />\n            <Route path=\"/admin/learning\" exact component={Learning} />\n            <Route path=\"/admin/learning/:id\" exact component={Learning} />\n            <Route path=\"/admin/learninglist\" exact component={LearningList} />\n            <Route path=\"/admin/courses\" exact component={Courses} />\n            <Route path=\"/admin/courses/:id\" exact component={Courses} />\n            <Route path=\"/admin/courseslist\" exact component={CoursesList} />\n            <Redirect from=\"/admin\" to=\"/admin/memberslist\" />\n          </Switch>\n        </div>\n      </div>\n    </>\n  );\n}\n\n\n","/*eslint-disable*/\nimport React from \"react\";\nimport { Link } from \"react-router-dom\";\n\n// components\n\nimport PagesDropdown from \"components/Dropdowns/PagesDropdown.js\";\n\nexport default function Navbar(props) {\n  const [navbarOpen, setNavbarOpen] = React.useState(false);\n  return (\n    <>\n      <nav className=\"top-0 absolute z-50 w-full flex flex-wrap items-center justify-between px-2 py-3 navbar-expand-lg\">\n        \n      </nav>\n    </>\n  );\n}\n","import React, { useState,useContext,useEffect } from 'react'\nimport axios from 'axios';\nimport { useHistory } from 'react-router-dom';\nimport { Link } from \"react-router-dom\";\nimport { AuthContext } from '../../services/AuthContext';\nimport { useToasts } from 'react-toast-notifications';\nimport { useFormik  } from \"formik\";\nimport * as Yup from \"yup\";\nimport urlPath from 'services/urlServer';\nimport FilesService from 'services/files';\n\nexport default function Login() {\n  const { setAuthState } = useContext(AuthContext); \n  const { addToast } = useToasts();\n  const [windowWidth, setWindowWidth] = useState(0);\n  let history = useHistory();\n\n  let resizeWindow = () => {\n    setWindowWidth(window.innerWidth);\n  };\n\n  const formik = useFormik({\n    initialValues : {\n      email:'',\n      password:'',\n      isRemember: false\n   },\n   validationSchema: Yup.object({\n    email:Yup.string().required('* Please enter your email'),\n    password: Yup.string().required('* Please enter your password'),\n   }),\n   onSubmit: values => {\n    const data = {email:values.email, password:values.password};\n    axios.post(urlPath+\"/users/login\",data).then((response) => {\n    if(response.data.error) \n    {  \n      addToast(\"Can't login because Invalid email or password\", { appearance: 'error', autoDismiss: true });\n    }\n    /*ปรับการ Login Mobile ให้ตรวจสอบเฉพาะ Admin*/\n    else if ((windowWidth < 1180) && response.data.role === '1')\n    {\n      addToast(\"Can't open Adminstrator management page, must use on Computer only.\", { appearance: 'error', autoDismiss: true });\n    }\n    else\n    {\n        if(response.data.isActivated){\n          if(formik.values.isRemember)\n            localStorage.setItem('login', JSON.stringify( { email: values.email, password: values.password }));\n          else  \n            localStorage.removeItem('login');\n          addToast('Login Successfully', { appearance: 'success', autoDismiss: true});\n          localStorage.setItem(\"accessToken\", response.data.token);\n          localStorage.setItem(\"roleUser\", response.data.role);\n          localStorage.setItem(\"email\", response.data.email);\n          localStorage.setItem(\"learningPathId\", response.data.learningPathId);\n          localStorage.setItem(\"fullName\", response.data.firstName + ' ' + response.data.lastName);\n          localStorage.setItem(\"profilePicture\",FilesService.buffer64(response.data.profilePicture));\n          setAuthState({\n              email : response.data.email,\n              id: response.data.id,\n              status:true,\n              role:response.data.role,\n              profilePicture:response.data.profilePicture,\n              learningPathId:response.data.learningPathId\n            });\n          if(response.data.role === \"1\")\n            history.push(\"/admin\");\n          else \n            history.push(\"/home\");\n        } else {\n          addToast(\"Unable to login because the email for access to the system has been deactivated.\", { appearance: 'error', autoDismiss: true });\n        }\n      }\n    });\n   },\n });\n\n  useEffect( ()=>  {\n    var retrievedObject = JSON.parse(localStorage.getItem('login'));\n    setWindowWidth(window.innerWidth);\n    if(retrievedObject !== null) {\n        formik.setFieldValue('email',retrievedObject.email);\n        formik.setFieldValue('password',retrievedObject.password);\n        formik.setFieldValue('isRemember',true);\n    }\n\n    window.addEventListener(\"resize\", resizeWindow);\n    return () => { window.removeEventListener(\"resize\", resizeWindow); };\n  },[]);\n\n  return (\n    <>\n      <div className={\"container px-4 h-full \" + ((windowWidth > 911) ? \" mx-auto\" : \" \")} >\n        <div className=\"flex content-center items-center justify-center h-full\">\n          <div className=\"w-full lg:w-8/12 px-4 vertical-center\">\n            <div className=\"relative flex flex-col min-w-0 break-words w-full  mb-6 shadow-lg rounded-lg bg-white border-0\">\n              <div className=\"rounded-t mb-0 mt-4 \">\n                <div className=\"text-center mb-3\">\n                  <h6 className=\"text-green-mju text-4xl font-bold\">\n                    SIGN IN\n                  </h6>\n                </div>\n              </div>\n              <div className={\n                \"flex-auto px-4 lg:w-9/12 lg:px-10 py-10 pt-0\" + ((windowWidth > 911) ? \" mx-auto\" : \" \")}>\n                <form onSubmit={formik.handleSubmit}>\n                  <div className=\"relative w-full mb-3\">\n                    <label className=\"block uppercase text-blueGray-600 text-sm font-bold mb-2\">\n                      Email\n                    </label>\n                    <input\n                      type=\"email\"\n                      className=\"border-0 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                      placeholder=\"Email\"\n                      id=\"email\"\n                      name=\"email\"\n                      onChange={formik.handleChange}\n                      onBlur={formik.handleBlur}\n                      value={formik.values.email}\n                    />\n                    {formik.touched.email && formik.errors.email ? (\n                            <div className=\"text-sm py-2 px-2 text-red-500\">{formik.errors.email}</div>\n                        ) : null}\n                  </div>\n                  <div className=\"relative w-full mb-3\">\n                    <label\n                      className=\"block uppercase text-blueGray-600 text-sm font-bold mb-2\"\n                    >\n                      Password\n                    </label>\n                    <input\n                      type=\"password\"\n                      className=\"border-0 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                      placeholder=\"Password\"\n                      id=\"password\"\n                      name=\"password\"\n                      onChange={formik.handleChange}\n                      onBlur={formik.handleBlur}\n                      value={formik.values.password}\n                    />\n                    {formik.touched.password && formik.errors.password ? (\n                            <div className=\"text-sm py-2 px-2 text-red-500\">{formik.errors.password}</div>\n                        ) : null}\n                  </div>\n             \n                  <div className=\"bg-white mb-0\">\n                    <div className=\"text-center flex justify-between \">\n                      <div>\n                        <label className=\"inline-flex items-center cursor-pointer mt-2\">\n                          <input\n                            id=\"customCheckLogin\"\n                            type=\"checkbox\"\n                            className=\"form-checkbox border-1 rounded text-green-200-mju pt-4 ml-1 w-5 h-5 ease-linear transition-all duration-150\"\n                            name=\"isRemember\"\n                            onChange={formik.handleChange}\n                            onBlur={formik.handleBlur}\n                            checked={formik.values.isRemember}\n                          />\n                          <span className=\"ml-2 text-sm font-semibold text-blueGray-600\">\n                            Remember me\n                          </span>\n                        </label>\n                      </div>\n                      <div>\n                      <label className=\"inline-flex items-center cursor-pointer mt-2\">\n                          <span className=\"ml-2 text-sm font-semibold text-blueGray-600\">\n                            <Link className=\"cursor-pointer text-sm font-bold text-blue-mju\" to=\"/auth/forgotpassword\"> Forgot Password? </Link>\n                          </span>\n                        </label>\n                      </div>\n                    </div>\n                  </div>\n\n                  <div className=\"\">\n                    <div className=\"flex flex-wrap relative\">\n                      <div className=\"w-1/2 mt-4\">\n                        <span className=\"ml-2 text-sm font-semibold text-blueGray-600 text-left\">\n                        No Account? \n                        </span>\n                        <Link className=\"cursor-pointer text-sm font-bold text-blue-mju\" to=\"/auth/register\"> Signup</Link>\n                      </div>\n                      <div className=\"w-1/2 text-right\">\n                        <button\n                        className=\"bg-darkgreen-mju text-white active:bg-darkgreenactive-mju text-sm font-bold uppercase px-6 py-3 rounded shadow hover:shadow-lg outline-none focus:outline-none mr-1 mb-1 ease-linear transition-all duration-150 text-right\"\n                        type=\"submit\"\n                        >\n                          Sign In\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                </form>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n}\n","import React,{useState,useEffect} from \"react\";\nimport { useHistory,Link } from \"react-router-dom\";\nimport { useFormik  } from \"formik\";\nimport * as Yup from \"yup\";\nimport axios from \"axios\";\nimport { useToasts } from 'react-toast-notifications';\nimport Select from 'react-select'\nimport urlPath from 'services/urlServer';\nimport 'react-modern-calendar-datepicker/lib/DatePicker.css';\nimport DatePicker from 'react-modern-calendar-datepicker';\n//import DatePicker from '@mui/lab/DatePicker';\nexport default function Register() {\n\n  const [confirmPassword, setConfirmPassword] = useState(false);\n  const [valueConfirm, setValueConfirm] = useState(\"\");\n  const [isTerm,setIsTerm] = useState(\"\");\n  const { addToast } = useToasts();\n  const [register,setRegister] = useState(false);\n  const [windowWidth, setWindowWidth] = useState(0);\n  const EmailRegExp = /^[A-Za-z0-9_.@]+$/;\n  const defaultDate = {\n    year:  new Date().getFullYear(),\n    month: new Date().getMonth()+1,\n    day: new Date().getDate(),\n  };\n  const [selectedDay, setSelectedDay] = useState(defaultDate);\n  let history = useHistory();\n\n  let resizeWindow = () => {\n    setWindowWidth(window.innerWidth);\n  };\n\n  const [optionsLearning, setOptionsLearning] = useState([])\n  const optionsRole = [\n    { value: '3', label: 'Trainer' },\n    { value: '4', label: 'farmer' }\n  ];\n\n  const optionsGender = [\n    { value: '1', label: 'Male'},\n    { value: '2', label: 'Female' },\n  ];\n\n  // render regular HTML input element\n  const renderCustomInput = ({ ref }) => (\n    <>\n      <span className=\"datepicker-toggle\">\n        <span className=\"datepicker-toggle-button\"><i className=\"far fa-calendar \"></i></span>\n        <input ref={ref}\n        type=\"text\"\n        readOnly\n        className=\"datepicker-input cursor-pointer  border-0 py-1 px-2 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\" // a styling class\n        value={selectedDay !== null ? `${selectedDay.day}/${selectedDay.month}/${selectedDay.year}` :  new Date().toLocaleDateString('en-GB')} />\n      </span>\n    </>\n  )\n\n  const formik = useFormik({\n    initialValues : {\n      accountCode:'',\n      title:'',\n      firstName:'',\n      lastName:'',\n      email:'',\n      phoneNumber:'',\n      address:'',\n      description:'',\n      role:'',\n      learningPathId:'',\n      password:'',\n      profilePicture:'',\n      isActivated:false,\n      IsDeleted:false,\n      gender:'',\n      birthDate:new Date(),\n      province:'',\n      district:'',\n      subDistrict:''\n\n   },\n   validationSchema: Yup.object({\n     firstName:Yup.string().required('* Please enter your name'),\n     lastName:Yup.string().required('* Please enter your last name'),\n     email:Yup.string().matches(EmailRegExp,'* Sorry, only letters (a-z), numbers (0-9), and periods (.) are allowed.').email('* Invalid email format').required('* Please enter email'),\n     password:Yup.string().required('* Please enter your password'),\n   }),\n\n   onSubmit: values => {\n      formik.values.role = (formik.values.role === \"\") ? \"3\" : formik.values.role ;\n      formik.values.learningPathId = (formik.values.learningPathId === \"\") ? \"1\" : formik.values.learningPathId ;\n      formik.values.gender = (formik.values.gender === \"\") ? \"1\" : formik.values.gender ;\n      formik.values.province = (formik.values.province === \"\") ? \"1\" : formik.values.province;\n      formik.values.district = (formik.values.district === \"\") ? \"1001\" : formik.values.district;\n      formik.values.subDistrict = (formik.values.subDistrict === \"\") ? \"100101\" : formik.values.subDistrict;\n      formik.values.birthDate = selectedDay;\n      if(!confirmPassword && isTerm)\n      {\n        values.isActivated = false;\n        values.IsDeleted = false;\n        axios.get(urlPath+`/members/getemail/${values.email}`).then((response) => {\n          if(response.data === null) {\n              axios.post(urlPath+\"/members\",values).then((response)=>{\n                if(response.data.error) \n                {\n                  addToast(response.data.error, { appearance: 'error', autoDismiss: true });\n                } else {\n                  addToast('Successful registration', { appearance: 'success', autoDismiss: true });\n                  history.push(\"/auth/login\");\n                }\n              });\n          }\n          else {\n            addToast('Can not save data Because the email used is already registered.', { appearance: 'warning', autoDismiss: true });\n          }\n        });\n      }\n   },\n  });\n\n  /*ตรวจสอบข้อมูล รหัสผ่านตรงกัน*/\n  const validateConfirm = (e) => {\n    if(e !==  formik.values.password)\n      setConfirmPassword(true)\n    else setConfirmPassword(false);\n  }\n\n  async function fetchLearning() {\n    const response = await axios(urlPath+\"/learning\");\n    const body = await response.data.listLearning;\n    var JsonLearning = [];\n    body.forEach(field => JsonLearning.push({value: field.id.toString(),label: field.LearningPathNameENG }))\n    setOptionsLearning(JsonLearning)\n  }\n\n  const defaultValue = (options, value) => {\n    if(value.toString() === \"\" && options[0] !== undefined)\n    { \n        value = options[0].value;\n    }\n    return options ? options.find(option => option.value === value.toString()) : \"\";\n  };\n  \n  useEffect( ()=>  {\n    setWindowWidth(window.innerWidth);\n    setSelectedDay(selectedDay);\n    fetchLearning();\n    window.addEventListener(\"resize\", resizeWindow);\n    return () => { window.removeEventListener(\"resize\", resizeWindow); };\n  },[]);\n\n\n  return (\n    <>\n      <div className=\"container mx-auto px-4 h-full  \">\n        <div className={\"flex content-center items-center justify-center h-full\" + ((windowWidth < 911) ? ' py-6' : ' ')}>\n        <div className=\"w-full lg:w-12/12 px-4 vertical-center\" >\n          <div className=\"flex flex-wrap relative min-w-0 break-words w-full shadow-lg rounded-lg border-0\">\n            <div className={\"w-1/2 bg-darkgreen-mju  text-white rounded-t-l-lg rounded-b-l-lg pt-6 pl-4 pr-4 pb-2\" + ((windowWidth < 911) ? \" hidden\" : \" block\")}>\n                <h2 className=\"text-4xl text-bold THSarabunBold\">INFORMATION</h2>\n                <br/>\n                <div className=\"text-indent\">\n                  <span className=\"text-sm\">\n                    Organic farming is an agricultural system that uses fertilizers of organic origin such as compost manure, green manure, and bone meal and places emphasis on techniques such as crop rotation and companion planting. It originated early in the 20th century in reaction to rapidly changing farming practices. Certified organic agriculture accounts for 70 million hectares globally, with over half of that total in Australia. Organic farming continues to be developed by various organizations today. Biological pest control, mixed cropping and the fostering of insect predators are encouraged. Organic standards are designed to allow the use of naturally-occurring substances while prohibiting or strictly limiting synthetic substances.\n                  </span>\n                </div>\n                <br/>\n                <br/>\n                <div className=\"text-indent\">\n                  <span  className=\"text-sm\">\n                    Since 1990, the market for organic food and other products has grown rapidly, reaching $63 billion worldwide in 2012. This demand has driven a similar increase in organically-managed farmland that grew from 2001 to 2011 at a compounding rate of 8.9% per annum.\n                  </span>\n                </div>\n                <br/>\n                <br/>\n                <div className=\"text-indent\">\n                  <span  className=\"text-sm\">\n                    As of 2019, approximately 72,300,000 hectares (179,000,000 acres) worldwide were farmed organically, representing approximately 1.5 percent of total world farmland.\n                  </span>\n                </div>\n            </div>\n            <div className={\"bg-white  text-black  pt-6 pl-4 pr-4 pb-2\"  + ((windowWidth < 911) ? \" rounded-t-lg rounded-b-lg\" : \" w-1/2 rounded-t-r-lg rounded-b-r-lg\")}>\n              <form onSubmit={formik.handleSubmit}>\n                <h2 className={\"text-4xl text-bold text-green-mju THSarabunBold\" + ((windowWidth < 911) ? \" text-center\" : \"\")}>REGISTER FORM</h2>\n                <div className=\"flex flex-wrap relative mt-5\">\n                  <div className=\"w-full lg:w-6/12\">\n                      <div className=\"relative w-full mb-3 px-2\">\n                        <label\n                          className=\"block  text-blueGray-600 text-sm font-bold mb-2\"\n                        >\n                          First Name\n                        </label>\n                        <input\n                          type=\"text\"\n                          className=\"border-0 py-1 px-2 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                          placeholder=\"First Name\"\n                          id=\"firstName\"\n                          name=\"firstName\"\n                          maxLength={255}\n                          onChange={formik.handleChange}\n                          onBlur={formik.handleBlur}\n                          value={formik.values.firstName}\n                          autoComplete=\"new-password\"\n                        />\n                         {formik.touched.firstName && formik.errors.firstName ? (\n                              <div className=\"text-validate py-2 px-2 text-red-500\">{formik.errors.firstName}</div>\n                          ) : null}\n                      </div>\n                    </div>\n                    <div className=\"w-full lg:w-6/12\">\n                      <div className=\"relative w-full mb-3 px-2\">\n                        <label\n                          className=\"block  text-blueGray-600 text-sm font-bold mb-2\"\n                        >\n                          Last Name\n                        </label>\n                        <input\n                          type=\"text\"\n                          className=\"border-0 py-1 px-2 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                          placeholder=\"Last Name\"\n                          id=\"lastName\"\n                          name=\"lastName\"\n                          maxLength={255}\n                          onChange={formik.handleChange}\n                          onBlur={formik.handleBlur}\n                          value={formik.values.lastName}\n                          autoComplete=\"new-password\"\n                        />\n                         {formik.touched.lastName && formik.errors.lastName ? (\n                              <div className=\"text-sm py-2 px-2 text-red-500\">{formik.errors.lastName}</div>\n                          ) : null}\n                      </div>\n                    </div>\n                </div>\n                <div className=\"relative w-full px-2 mt-2\">\n                    <label\n                      className=\"block text-blueGray-600 text-sm font-bold mb-2\"\n                    >\n                      Role\n                    </label>\n                      <Select  \n                        id=\"role\"\n                        name=\"role\"\n                        onChange={value => {  formik.setFieldValue('role',value.value)}}\n                        //value={formik.values.title}\n                        className=\"border-0 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\" \n                        options={optionsRole} \n                        value={defaultValue(optionsRole, formik.values.role)}\n                        />      \n                </div>\n                <div className=\"relative w-full px-2 mt-4\">\n                  <label className=\"block text-blueGray-600 text-sm font-bold mb-2\">\n                    Your Email\n                  </label>\n                  <input\n                    type=\"text\"\n                    className=\"border-0 py-1 px-2 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                    placeholder=\"Your Email\"\n                    id=\"email\"\n                    name=\"email\"\n                    maxLength={255}\n                    onChange={formik.handleChange}\n                    onBlur={formik.handleBlur}\n                    value={formik.values.email}\n                    autoComplete=\"new-password\"\n                  />\n                   {formik.touched.email && formik.errors.email ? (\n                              <div className=\"text-sm py-2 px-2 text-red-500\">{formik.errors.email}</div>\n                          ) : null}\n                </div>\n                <div className=\"flex flex-wrap relative mt-4\">\n                  <div className=\"w-full lg:w-6/12\">\n                    <div className=\"relative w-full px-2\">\n                      <label\n                        className=\"block  text-blueGray-600 text-sm font-bold mb-2\"\n                      >\n                        Date of Birth\n                      </label>\n                      <DatePicker\n                          value={selectedDay}\n                          onChange={(e) => {setSelectedDay(e);}}\n                          renderInput={renderCustomInput} // render a custom input\n                    \n                        />          \n                    </div>\n                  </div>\n                  <div className=\"w-full lg:w-6/12\">\n                    <div className=\"relative w-full px-2\">\n                      <label\n                        className={ \"block text-blueGray-600 text-sm font-bold mb-2\" + ((windowWidth < 911) ? \" mt-4\" : \"\")}\n                      >\n                        Gender\n                      </label>\n                      <Select\n                        id=\"gender\"\n                        name=\"gender\"\n                        onChange={value => {formik.setFieldValue('gender',value.value)}}\n                        className=\"border-0 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\" \n                        options={optionsGender}\n                        value={defaultValue(optionsGender, formik.values.gender)}\n                        />\n                    </div>\n                  </div>\n                </div>\n                <div className=\"relative w-full px-2 mt-4\">\n                  <label\n                    className=\"block text-blueGray-600 text-sm font-bold mb-2\"\n                  >\n                    Interesting Learning Path\n                  </label>\n                  {/* <select className=\"border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                    id=\"learningPathId\"\n                    name=\"learningPathId\"\n                    onChange={formik.handleChange}\n                    onBlur={formik.handleBlur}\n                    value={formik.values.learningPathId}\n                    autoComplete=\"new-password\">\n                    <option value={1}>Rice</option>\n                    <option value={2}>Mangosteen</option>\n                  </select> */}\n                    <Select\n                      id=\"learningPathId\"\n                      name=\"learningPathId\"\n                      onChange={value => {  formik.setFieldValue('learningPathId',value.value)}}\n                      //value={formik.values.title}\n                      className=\"border-0 p-0 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\" \n                      options={optionsLearning} \n                      value={defaultValue(optionsLearning, formik.values.learningPathId)}\n                      />\n                  {/* <Select  className=\"border-0 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\" options={options} /> */}\n\n                </div>\n                <div className=\"flex flex-wrap relative mt-4\">\n                  <div className=\"w-full lg:w-6/12\">\n                    <div className=\"relative w-full mb-3 px-2\">\n                      <label\n                        className=\"block  text-blueGray-600 text-sm font-bold mb-2\"\n                      >\n                        Password\n                      </label>\n                      <input\n                        type=\"password\"\n                        className=\"border-0 py-1 px-2 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                        placeholder=\"Password\"\n                        maxLength={255}\n                        id=\"password\"\n                        name=\"password\"\n                        onChange={(e) => {\n                          if(e.target.value !== valueConfirm ) \n                          {\n                            setConfirmPassword(e.target.value);\n                          }\n                          else if (e.target.value === \"\" && valueConfirm === \"\" || e.target.value === valueConfirm)\n                          {\n                            setConfirmPassword(null);\n                          }\n                          formik.handleChange(e);\n                        }}\n                        onBlur={formik.handleBlur}\n                        value={formik.values.password}\n                      />\n                       {formik.touched.password && formik.errors.password ? (\n                              <div className=\"text-sm py-2 px-2 text-red-500\">{formik.errors.password}</div>\n                          ) : null}\n                    </div>\n                  </div>\n                  <div className=\"w-full lg:w-6/12\">\n                    <div className=\"relative w-full mb-3 px-2\">\n                      <label\n                        className=\"block  text-blueGray-600 text-sm font-bold mb-2\"\n                        \n                      >Confirm Password\n                      </label>\n                      <input\n                        type=\"password\"\n                        maxLength={255}\n                        className=\"border-0 py-1 px-2 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                        placeholder=\"Confirm Password\"\n                        id=\"confirmPassword\"\n                        name=\"confirmPassword\"\n                        onChange={e=>{ validateConfirm(e.target.value); setValueConfirm(e.target.value); }}\n                        value={valueConfirm}\n                      />\n                      {confirmPassword ? (\n                              <div className=\"text-sm py-2 px-2 text-red-500\">* Passwords do not match</div>\n                          ) : null}\n                    </div>\n                  </div>\n                </div>\n                <div className=\"mt-4 px-2\">\n                    <label className=\"inline-flex items-center cursor-pointer\">\n                      <input\n                        id=\"customCheckLogin\"\n                        type=\"checkbox\"\n                        className=\"form-checkbox  rounded text-green-200-mju ml-1 w-5 h-5 ease-linear transition-all duration-150\"\n                        onClick={(e) => {setIsTerm(e.target.checked)}}\n                      />\n                      <span className=\"ml-2 text-sm font-semibold text-blueGray-600\">\n                        I agree to the{\" \"}\n                        <a\n                          href=\"#pablo\"\n                          className=\"text-lightBlue-500\"\n                          onClick={(e) => e.preventDefault()}\n                        >\n                          Terms and Conditions\n                        </a>\n                      </span>\n                    </label>\n                  </div>\n                  <div className=\"text-center px-2 mt-2\">\n                    <button\n                      className=\"bg-darkgreen-mju text-white active:bg-darkgreenactive-mju text-sm font-bold  px-6 py-3 rounded shadow hover:shadow-lg outline-none focus:outline-none mr-1 mb-1 w-full ease-linear transition-all duration-150\"\n                      type=\"submit\"\n                    >\n                      REGISTER\n                    </button>\n                  </div>\n                  <div className=\"text-center px-2 mt-2\">\n                    <span className=\"ml-2 text-sm font-semibold text-blueGray-600 text-left\">\n                      Already have an account? \n                    </span>\n                    <Link className=\"cursor-pointer text-sm font-bold text-blue-mju\" to=\"/auth/login\"> Sign in</Link>\n                  </div>\n                </form>\n            </div>\n          </div>\n        </div>\n        </div>\n      </div>\n    </>\n  );\n}\n","\n//const urlPath = \"http://undefined.ddns.net:86\"/*deploy*/\n//const urlPath = \"https://mju-project.herokuapp.com\"/*heroku*/\n// const urlForgot = \"https://mju.undefined.co.th\"/*testing*/\nconst urlForgot = \"https://organiclesson.mju.ac.th\"\nexport default urlForgot;","import React, { useEffect,useState } from 'react'\nimport axios from 'axios';\nimport { useHistory,Link } from 'react-router-dom';\nimport { useToasts } from 'react-toast-notifications';\nimport { useFormik  } from \"formik\";\nimport * as Yup from \"yup\";\nimport urlPath from 'services/urlServer';\nimport urlForgot from 'services/urlForgot';\nimport { isMobile } from 'react-device-detect';\n\nexport default function ForgotPassword() {\n  const { addToast } = useToasts();\n  let history = useHistory();\n  const [windowWidth, setWindowWidth] = useState(0);\n\n  let resizeWindow = () => {\n    setWindowWidth(window.innerWidth);\n  };\n  \n  const formik = useFormik({\n    initialValues : {\n      email:''\n   },\n   validationSchema: Yup.object({\n    email:Yup.string().required('* Please enter email'),\n   }),\n   onSubmit: values => {\n    axios.get(urlPath+`/members/getemail/${values.email}`).then((response) => {\n      if(response.data !== null){\n        sendmail(values.email,response.data.id); \n      }else{\n        addToast('Email not found in the system. Please enter a new email', { appearance: 'warning', autoDismiss: true });\n      }\n    });\n   },\n });\n\n const sendmail=(tomail,id)=>{\n    const fullName = localStorage.getItem('fullName');\n    const key = \"mjuproject,\";\n    axios.post(urlPath+\"/mails\",{frommail:'mjuproject@gmail.com',password:'mju@12345',tomail:tomail,fullName:fullName,resetUrl:urlForgot+`/auth/resetpassword/${btoa(\"id=\"+key+id)}`}).then((response)=>{\n      if (response.data.msg === 'success'){\n\n      }else if(response.data.msg === 'fail'){\n        addToast(\"Oops, something went wrong. Try again\", { appearance: 'error', autoDismiss: true });\n      }\n    });\n    history.push(\"/auth/forgotreturn\");\n  }\n  useEffect( ()=>  {\n    setWindowWidth(window.innerWidth);\n    window.addEventListener(\"resize\", resizeWindow);\n    return () => { window.removeEventListener(\"resize\", resizeWindow); };\n  },[]);\n\n  return (\n    <>\n      <div className={\"container px-4 h-full\" + ((windowWidth > 911) ? \" mx-auto\" : \" \")}>\n        <div className=\"flex content-center items-center justify-center h-full\">\n          <div className=\"w-full lg:w-8/12 px-4 vertical-center\">\n            <div className=\"relative flex flex-col min-w-0 break-words w-full  mb-6 shadow-lg rounded-lg bg-white border-0\">\n              <div className=\"rounded-t mb-0 px-6 py-6\">\n                <div className=\"text-left mb-3\">\n                  <h6 className=\"text-green-mju text-4xl font-bold\">\n                    Forgot Password?\n                  </h6>\n                </div>\n                <br/>\n                <div className=\"text-left mb-3\">\n                  <span className=\"text-green-mju text-sm\">\n                    Enter the email address associated with your account and we'll send you a link to reset your password.\n                  </span>\n                </div>\n              </div>\n              <div className={\"flex-auto px-4 lg:w-9/12 lg:px-10 py-10 pt-0\" + ((windowWidth > 911) ? \" mx-auto\" : \" \")}>\n                <form onSubmit={formik.handleSubmit}>\n                  <div className=\"relative w-full mb-3\">\n                    <label className=\"block uppercase text-blueGray-600 text-sm font-bold mb-2\">\n                      Email\n                    </label>\n                    <input\n                      type=\"email\"\n                      className=\"border-0 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                      placeholder=\"Email\"\n                      id=\"email\"\n                      name=\"email\"\n                      onChange={formik.handleChange}\n                      onBlur={formik.handleBlur}\n                      value={formik.values.email}\n                    />\n                    {formik.touched.email && formik.errors.email ? (\n                            <div className=\"text-sm py-2 px-2 text-red-500\">{formik.errors.email}</div>\n                        ) : null}\n                  </div>\n                  <div className=\"\">\n                    <div className=\"justify-center flex flex-wrap relative\">\n                        <button\n                        className=\"bg-darkgreen-mju text-white active:bg-darkgreenactive-mju text-sm font-bold uppercase px-6 py-3 rounded shadow hover:shadow-lg outline-none focus:outline-none mr-1 mb-1 ease-linear transition-all duration-150 text-right\"\n                        type=\"submit\"\n                        >\n                          Continue\n                        </button>\n                        <button\n                        className=\"bg-darkgreen-mju text-white active:bg-darkgreenactive-mju text-sm font-bold uppercase px-6 py-3 rounded shadow hover:shadow-lg outline-none focus:outline-none mr-1 mb-1 ease-linear transition-all duration-150 text-right\"\n                        onClick={() => {history.push(\"/auth/login\");}}\n                        >\n                          Cancel\n                        </button>\n                     \n                    </div>\n                  </div>\n                </form>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n}","import React, { useState,useEffect } from 'react'\nimport axios from 'axios';\nimport { useHistory,useParams } from 'react-router-dom';\nimport { Link } from \"react-router-dom\";\nimport { useToasts } from 'react-toast-notifications';\nimport { useFormik  } from \"formik\";\nimport * as Yup from \"yup\";\nimport urlPath from 'services/urlServer';\nimport { isMobile } from 'react-device-detect';\n\n\nexport default function ResetPassword() {\n  const { addToast } = useToasts();\n  const [confirmPassword, setConfirmPassword] = useState(false);\n  const [valueConfirm, setValueConfirm] = useState(\"\");\n  let { id } = useParams();\n  let history = useHistory();\n  const [windowWidth, setWindowWidth] = useState(0);\n\n  let resizeWindow = () => {\n    setWindowWidth(window.innerWidth);\n  };\n    const formik = useFormik({\n      initialValues : {\n        password:'',\n        confirmPassword:'',\n    },\n    validationSchema: Yup.object({\n      password:Yup.string().required('* Please enter your password')\n    }),\n    onSubmit: values => {\n      if(!confirmPassword)\n      {\n        const decrypt = atob(id).split(',');\n        if(decrypt.length >1)\n        {\n          const data = {id:decrypt[1], password:values.password};\n    \n          axios.post(urlPath+\"/members/update/updatePassword\",data).then((response) => {\n            if(!response.data.errors)\n            {\n              addToast(\"Reset password successfully\", { appearance: 'success', autoDismiss: true });\n              history.push('/auth/login');\n            } else {\n              addToast(\"Oops, something went wrong. Try again\", { appearance: 'error', autoDismiss: true });\n            }\n          });\n\n        }\n      }\n    },\n  });\n\n  /*ตรวจสอบข้อมูล รหัสผ่านตรงกัน*/\n  const validateConfirm = (e) => {\n    if(e !==  formik.values.password)\n      setConfirmPassword(true)\n    else setConfirmPassword(false);\n  }\n\n  useEffect( ()=>  {\n    setWindowWidth(window.innerWidth);\n    window.addEventListener(\"resize\", resizeWindow);\n    return () => { window.removeEventListener(\"resize\", resizeWindow); };\n  },[]);\n\n  return (\n    <>\n      <div className={\"container px-4 h-full\"  + ((windowWidth > 911) ? \" mx-auto\" : \" \")}>\n        <div className=\"flex content-center items-center justify-center h-full\">\n          <div className=\"w-full lg:w-8/12 px-4 vertical-center\">\n            <div className=\"relative flex flex-col min-w-0 break-words w-full  mb-6 shadow-lg rounded-lg bg-white border-0\">\n              <div className=\"rounded-t mb-0 px-6 py-6\">\n                <div className=\"text-center mb-3\">\n                  <h6 className=\"text-green-mju text-4xl font-bold\">\n                    RESET PASSWORD\n                  </h6>\n                </div>\n              </div>\n              <div className={\"flex-auto px-4 lg:w-9/12 lg:px-10 py-10 pt-0 \" + ((windowWidth > 911) ? \" mx-auto\" : \" \")}>\n                <form onSubmit={formik.handleSubmit}>\n                  <div className=\"relative w-full mb-3\">\n                    <label className=\"block uppercase text-blueGray-600 text-sm font-bold mb-2\">\n                      New Password\n                    </label>\n                    <input\n                        type=\"password\"\n                        className=\"border-0 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                        placeholder=\"Password\"\n                        id=\"password\"\n                        name=\"password\"\n                        onChange={(e) => {\n                          if(e.target.value !== valueConfirm ) \n                          {\n                            setConfirmPassword(e.target.value);\n                          }\n                          else if (e.target.value === \"\" && valueConfirm === \"\" || e.target.value === valueConfirm)\n                          {\n                            setConfirmPassword(null);\n                          }\n                          formik.handleChange(e);\n                        }}\n                        onBlur={formik.handleBlur}\n                        value={formik.values.password}\n                      />\n                       {formik.touched.password && formik.errors.password ? (\n                              <div className=\"text-sm py-2 px-2 text-red-500\">{formik.errors.password}</div>\n                          ) : null}\n                  </div>\n                  <div className=\"relative w-full mb-3\">\n                    <label\n                      className=\"block uppercase text-blueGray-600 text-sm font-bold mb-2\"\n                    >\n                      Confirm New Password\n                    </label>\n                    <input\n                        type=\"password\"\n                        className=\"border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                        placeholder=\"Confirm Password\"\n                        id=\"confirmPassword\"\n                        name=\"confirmPassword\"\n                        onChange={e=>{ validateConfirm(e.target.value); setValueConfirm(e.target.value); }}\n                        value={valueConfirm}\n                      />\n                      {confirmPassword ? (\n                              <div className=\"text-sm py-2 px-2 text-red-500\">* Passwords do not match</div>\n                          ) : null}\n                  </div>\n             \n\n                  <div className=\"\">\n                    <div className=\"flex flex-wrap relative\">\n                      <div className=\"w-1/2 mt-4\">\n                        <Link className=\"cursor-pointer text-sm font-bold text-blue-mju\" to=\"/auth/login\"> go to sign in</Link>\n                      </div>\n                      <div className=\"w-1/2 text-right\">\n                        <button\n                        className=\"bg-darkgreen-mju text-white active:bg-darkgreenactive-mju text-sm font-bold uppercase px-6 py-3 rounded shadow hover:shadow-lg outline-none focus:outline-none mr-1 mb-1 ease-linear transition-all duration-150 text-right\"\n                        type=\"submit\"\n                        >\n                         RESET PASSWORD \n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                </form>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n}\n","import React, { useState,useContext,useEffect } from 'react'\nimport axios from 'axios';\nimport { useHistory } from 'react-router-dom';\nimport { Link } from \"react-router-dom\";\nimport { AuthContext } from '../../services/AuthContext';\nimport { useToasts } from 'react-toast-notifications';\nimport { useFormik  } from \"formik\";\nimport * as Yup from \"yup\";\nimport urlPath from 'services/urlServer';\nimport { isMobile } from 'react-device-detect';\n\nexport default function ForgotReturn() {\n  const { setAuthState } = useContext(AuthContext); \n  const { addToast } = useToasts();\n  let history = useHistory();\n  const [windowWidth, setWindowWidth] = useState(0);\n\n  let resizeWindow = () => {\n    setWindowWidth(window.innerWidth);\n  };\n\n\n  const formik = useFormik({\n    initialValues : {\n      email:''\n   },\n   validationSchema: Yup.object({\n    email:Yup.string().required('* Please enter email'),\n   }),\n   onSubmit: values => {\n    sendmail(values.email)\n   },\n });\n\n const sendmail=(tomail)=>{\n        const fullName = localStorage.getItem('fullName');\n        axios.post(urlPath+\"/mail\",{frommail:'mjuproject@gmail.com',password:'mju@12345',tomail:tomail,fullName:fullName}).then((response)=>{\n        if (response.data.msg === 'success'){\n            //alert(\"Email sent, awesome!\"); \n        \n        }else if(response.data.msg === 'fail'){\n            //alert(\"Oops, something went wrong. Try again\")\n        }\n    })\n  }\n  \n  useEffect( ()=>  {\n    setWindowWidth(window.innerWidth);\n    window.addEventListener(\"resize\", resizeWindow);\n    return () => { window.removeEventListener(\"resize\", resizeWindow); };\n  },[]);\n\n  return (\n    <>\n      <div className={\"container  px-4 h-full\" + ((windowWidth > 911) ? \" mx-auto\" : \" \")}>\n        <div className=\"flex content-center items-center justify-center h-full\">\n          <div className=\"w-full lg:w-8/12 px-4 vertical-center\">\n            <div className=\"relative flex flex-col min-w-0 break-words w-full  mb-6 shadow-lg rounded-lg bg-white border-0\">\n              <div className=\"rounded-t mb-0 px-6 py-6\">\n                <div className=\"text-left mb-3\">\n                  <h6 className=\"text-green-mju text-4xl font-bold\">\n                    Reset your password\n                  </h6>\n                </div>\n                <br/>\n                <div className=\"text-left mb-3\">\n                  <span className=\"text-green-mju text-sm\">\n                    Check your email for a link to reset your password. If it doesn't appear within a few minutes, check your spam folder.\n                  </span>\n                </div>\n              </div>\n              <div className={\"flex-auto px-4 lg:w-9/12 lg:px-10 py-10 pt-0 \" + ((windowWidth > 911) ? \" mx-auto\" : \" \")}>\n                <form>\n                  \n                  <div className=\"\">\n                    <div className=\"justify-center flex flex-wrap relative\">\n                        <Link to=\"/auth/login\">\n                            <button\n                            className=\"bg-darkgreen-mju text-white active:bg-darkgreenactive-mju text-sm font-bold uppercase px-6 py-3 rounded shadow hover:shadow-lg outline-none focus:outline-none mr-1 mb-1 ease-linear transition-all duration-150 text-right\"\n                            type=\"submit\"\n                            >\n                            Return to sign in\n                            </button>\n                        </Link>\n                    </div>\n                  </div>\n                </form>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n}","import React from \"react\";\nimport { Switch, Route, Redirect } from \"react-router-dom\";\n// compone\nimport Navbar from \"components/Navbars/AuthNavbar.js\";\n// views\nimport Login from \"views/auth/Login.js\";\nimport Register from \"views/auth/Register.js\";\nimport ForgotPassword from \"views/auth/ForgotPassword\";\nimport ResetPassword from \"views/auth/ResetPassword\";\nimport ForgotReturn from \"views/auth/ForgotReturn\";\n\n\nexport default function Auth() {\n  return (\n    <>\n      <Navbar transparent />\n      <main>\n        <section className=\"relative w-full h-full min-h-screen\">\n          <div\n            className=\"absolute top-0 w-full h-full bg-green-mju bg-no-repeat bg-full\" \n          ></div>\n          <Switch>\n            <Route path=\"/auth/login\" exact component={Login} />\n            <Route path=\"/auth/register\" exact component={Register} />\n            <Route path=\"/auth/forgotpassword\" exact component={ForgotPassword} />\n            <Route path=\"/auth/resetpassword/:id\" exact component={ResetPassword} />\n            <Route path=\"/auth/forgotreturn\" exact component={ForgotReturn} />\n            <Redirect from=\"/\" to=\"/auth/login\" />\n          </Switch>\n        </section>\n      </main>\n    </>\n  );\n}\n","import React, { Component, useState } from 'react'\nimport { Link } from \"react-router-dom\";\nimport calendar from '../../../assets/img/calendar.png'\nimport planting from '../../../assets/img/planting.png'\nimport processing from '../../../assets/img/processing.png'\nexport default class card extends Component {\n    render() {\n        return (\n            <>\n                <Link to={this.props.value[0]}>\n                    <div className=\"relative flex flex-col min-w-0 break-words w-full mb-6 shadow-lg rounded-lg bg-green-mju headCard Block-curriculum card-height \">\n                        <div className='bg-white rounded-lg card-home-top'>\n                        <img\n                        src={ ((this.props.value[1] === \"ปฏิทิน\" || this.props.value[1] === \"Calendar\" ) ? calendar : ((this.props.value[1] === \"การปลูก\" || this.props.value[1] === \"Production\") ? planting : processing))}\n                        alt=\"...\"\n                        className='px-2 py-2'\n                        ></img>\n              \n                        </div>\n                        <blockquote className=\"relative p-8 mb-4\">\n                            <svg\n                                preserveAspectRatio=\"none\"\n                                xmlns=\"http://www.w3.org/2000/svg\"\n                                viewBox=\"0 0 583 95\"\n                                className=\"absolute left-0 w-full block h-95-px -top-94-px\">\n                                <polygon\n                                    points=\"-30,95 583,95 583,10\"\n                                    className=\"text-green-200-mju fill-current\"\n                                ></polygon>\n                            </svg>\n                            <h4 className=\"text-xl font-bold text-white\">\n                                {this.props.value[1]}\n                            </h4>\n                        </blockquote>\n                    </div>\n                </Link>\n            </>\n        )\n    }\n}\n","import React, { useEffect, useState } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport axios from \"axios\";\nimport \"./home.css\";\nimport Card from \"./card\";\nimport * as Storage from \"../../../../src/services/Storage.service\";\nimport Modal from \"react-modal\";\nconst locale = require(\"react-redux-i18n\").I18n;\n\nModal.setAppElement(\"#root\");\nconst customStyles = {\n  content: {\n    top: \"50%\",\n    left: \"50%\",\n    right: \"auto\",\n    bottom: \"auto\",\n    marginRight: \"-50%\",\n    padding: \"0%\",\n    transform: \"translate(-50%, -50%)\",\n    overflowY: \"auto\",\n    overflowX: \"auto\",\n    backgroundColor: \"#F1F5F9\",\n  },\n  overlay: { zIndex: 100, backgroundColor: \"rgba(70, 70, 70, 0.5)\" },\n};\n\nexport default function Home() {\n  const [modalIsOpen, setIsOpen] = useState(true);\n  const [windowWidth, setWindowWidth] = useState(0);\n  let resizeWindow = () => {\n    setWindowWidth(window.innerWidth);\n  };\n\n  function openModal(type, email) {\n    if (email !== \"guest@mju.ac.th\" && email !== \"admin@mju.ac.th\") {\n      setIsOpen(true);\n    }\n  }\n\n  function afterOpenModal(type) {\n    // references are now sync'd and can be accessed.\n  }\n\n  function closeModal() {\n    setIsOpen(false);\n  }\n\n  const items = [\n    {\n      id: \"01\",\n      path: \"/home/Curriculum/1\",\n      name: \"ปฏิทิน\",\n      picture: \"assets/img/calendar.png\",\n      nameeng: \"Calendar\",\n    },\n    {\n      id: \"02\",\n      path: \"/home/Curriculum/2\",\n      name: \"การปลูก\",\n      picture: \"assets/img/planting.png\",\n      nameeng: \"Production\",\n    },\n    {\n      id: \"03\",\n      path: \"/home/Curriculum/3\",\n      name: \"การแปรรูป\",\n      picture: \"assets/img/processing.png\",\n      nameeng: \"Processing\",\n    },\n  ];\n\n  const itemList = items.map((item) => (\n    <div\n      key={item.id}\n      className={\n        \"w-full px-4 card-max-height\" + (windowWidth < 1024 ? \" \" : \" flex-1\")\n      }\n    >\n      <Card value={[item.path, item.name, item.picture]}></Card>\n    </div>\n  ));\n\n  const itemListEng = items.map((item) => (\n    <div\n      key={item.id}\n      className={\n        \"w-full px-4 card-max-height\" + (windowWidth < 1024 ? \" \" : \" flex-1\")\n      }\n    >\n      <Card value={[item.path, item.nameeng, item.picture]}></Card>\n    </div>\n  ));\n\n  useEffect(() => {\n    setWindowWidth(window.innerWidth);\n    window.addEventListener(\"resize\", resizeWindow);\n    return () => {\n      window.removeEventListener(\"resize\", resizeWindow);\n    };\n  }, []);\n\n  return (\n    <>\n      <div\n        className={\n          \"relative pt-24 flex bg-darkgreen-mju\" +\n          (windowWidth < 1024 ? \" max-h-screen-50\" : \" pb-6 max-h-screen-37\")\n        }\n      >\n        <div\n          className={\n            \"container relative mx-auto w-10/12\" +\n            (windowWidth < 1024 ? \" \" : \" px-4\")\n          }\n        >\n          <div\n            className={\n              \"w-full ml-auto mr-auto \" + (windowWidth < 1024 ? \" \" : \" px-4\")\n            }\n          >\n            <h1 className=\"text-white font-semibold text-5xl\">\n              {locale.t(\"home.lblhome\")}\n            </h1>\n            <p className=\"mt-4 text-lg text-blueGray-200 text-bold  THSarabunBold\">\n              {locale.t(\"home.lblwelcome\")}\n            </p>\n          </div>\n        </div>\n      </div>\n      <div className={\"relative pt-6 flex bg-darkgreen-mju\"  +\n          (windowWidth < 1024 ? \" max-h-screen-50\" : \" max-h-screen-37\")}>\n        <div\n          className={\n            \"mx-auto \" +\n            (windowWidth < 1024 ? \" max-w-percent-80\" : \" max-w-percent-60\")\n          }\n          style={{ display: \"block\", width: '70%' }}\n        >\n          <div\n            className={\n              \"bg-white rounded-lg shadow-sm container relative mx-auto w-8/12 pt-6 px-4 pb-6  \" +\n              (windowWidth < 1024 ? \" \" : \" px-4\")\n            }\n          >\n            <div\n              className={\n                \"w-full ml-auto mr-auto \" + (windowWidth < 1024 ? \" \" : \" px-4\")\n              }\n            >\n              <h1 className=\"text-black text-xl\">\n                {locale.t(\"home.lbldescription\")}\n              </h1>\n              <p className=\"mt-4 text-sm text-black THSarabun\">\n                {locale.t(\"home.lbldescriptiondetail\")}\n              </p>\n            </div>\n          </div>\n          <div className={\"pt-6 pb-20\"}>\n            <h1 className=\"text-white text-base\">\n              {locale.t(\"home.lblheadcontent\")}\n            </h1>\n          </div>\n        </div>\n      </div>\n      <div\n        className={\n          \"container mx-auto -mt-16\" +\n          (windowWidth < 1024 ? \" max-w-percent-80\" : \" px-4 max-w-percent-60\")\n        }\n      >\n        {Storage.GetLanguage() === \"th\" ? (\n          <div className=\"flex flex-wrap\">{itemList}</div>\n        ) : (\n          <div className=\"flex flex-wrap\">{itemListEng}</div>\n        )}\n      </div>\n      <div\n        className={\"mx-auto -mt-16 px-4 \"  + (windowWidth < 1024 ? \" max-w-percent-80\" : \" max-w-percent-60\")}\n        style={{ display: \"block\" }}\n      >\n        <div className={\" rounded-lg container relative mx-auto w-8/12 pt-6 pb-6 px-4 shadow-all\"} style={{ display : windowWidth < 1024 ? \"none\" : \"block\"}}>\n          <div className={\"pb-4\"}>\n            <h1 className=\"text-black text-sm\">\n              {locale.t(\"home.lblContentHead\")}\n            </h1>\n          </div>\n          <div class=\"flex\" >\n            <div class=\"flex-initial w-84\">\n              <ul>\n                <li>\n                  <div\n                    style={{\n                      display: \"flex\",\n                      alignItems: \"center\",\n                      marginBottom: \"6px\",\n                    }}\n                  >\n                    <i\n                      class=\"fas fa-check-circle\"\n                      style={{ paddingRight: \"6px\" }}\n                    ></i>{\" \"}\n                    {locale.t(\"home.lblContent11\")}\n                  </div>\n                </li>\n                <li>\n                  <div\n                    style={{\n                      display: \"flex\",\n                      alignItems: \"center\",\n                      marginBottom: \"6px\",\n                    }}\n                  >\n                    <i\n                      class=\"fas fa-check-circle\"\n                      style={{ paddingRight: \"6px\" }}\n                    ></i>{\" \"}\n                    {locale.t(\"home.lblContent12\")}\n                  </div>\n                </li>\n                <li>\n                  <div\n                    style={{\n                      display: \"flex\",\n                      alignItems: \"center\",\n                      marginBottom: \"6px\",\n                    }}\n                  >\n                    <i\n                      class=\"fas fa-check-circle\"\n                      style={{ paddingRight: \"6px\" }}\n                    ></i>{\" \"}\n                    {locale.t(\"home.lblContent13\")}\n                  </div>\n                </li>\n              </ul>\n            </div>\n            <div class=\"flex-initial w-84\">\n              <ul>\n                <li>\n                  <div\n                    style={{\n                      display: \"flex\",\n                      alignItems: \"center\",\n                      marginBottom: \"6px\",\n                    }}\n                  >\n                    <i\n                      class=\"fas fa-check-circle\"\n                      style={{ paddingRight: \"6px\" }}\n                    ></i>{\" \"}\n                    {locale.t(\"home.lblContent21\")}\n                  </div>\n                </li>\n                <li>\n                  <div\n                    style={{\n                      display: \"flex\",\n                      alignItems: \"center\",\n                      marginBottom: \"6px\",\n                    }}\n                  >\n                    <i\n                      class=\"fas fa-check-circle\"\n                      style={{ paddingRight: \"6px\" }}\n                    ></i>{\" \"}\n                    {locale.t(\"home.lblContent22\")}\n                  </div>\n                </li>\n              </ul>\n            </div>\n            <div class=\"flex-initial w-84\">\n              <ul>\n                <li>\n                  <div\n                    style={{\n                      display: \"flex\",\n                      alignItems: \"center\",\n                      marginBottom: \"6px\",\n                    }}\n                  >\n                    <i\n                      class=\"fas fa-check-circle\"\n                      style={{ paddingRight: \"6px\" }}\n                    ></i>{\" \"}\n                    {locale.t(\"home.lblContent31\")}\n                  </div>\n                </li>\n                <li>\n                  <div\n                    style={{\n                      display: \"flex\",\n                      alignItems: \"center\",\n                      marginBottom: \"6px\",\n                    }}\n                  >\n                    <i\n                      class=\"fas fa-check-circle\"\n                      style={{ paddingRight: \"6px\" }}\n                    ></i>{\" \"}\n                    {locale.t(\"home.lblContent32\")}\n                  </div>\n                </li>\n              </ul>\n            </div>\n          </div>\n        </div>\n        <div className={\" rounded-lg container relative mx-auto w-8/12 pt-6 pb-6 mb-6 px-4 shadow-all\"} style={{ display : windowWidth < 1024 ? \"block\" : \"none\"}}>\n          <div className={\"pb-4\"}>\n            <h1 className=\"text-black text-sm\">\n              {locale.t(\"home.lblContentHead\")}\n            </h1>\n          </div>\n          <div class=\"flex\" >\n            <div class=\"flex-initial w-84\">\n            <ul>\n                <li>\n                  <div\n                    style={{\n                      display: \"flex\",\n                      marginBottom: \"6px\",\n                    }}\n                  >\n                    <i\n                      class=\"fas fa-check-circle\"\n                      style={{ paddingRight: \"6px\", paddingTop: '6px' }}\n                    ></i>{\" \"}\n                    {locale.t(\"home.lblContent11\")}\n                  </div>\n                </li>\n                <li>\n                  <div\n                    style={{\n                      display: \"flex\",\n                      alignItems: \"center\",\n                      marginBottom: \"6px\",\n                    }}\n                  >\n                    <i\n                      class=\"fas fa-check-circle\"\n                      style={{ paddingRight: \"6px\", paddingTop: '6px' }}\n                    ></i>{\" \"}\n                    {locale.t(\"home.lblContent12\")}\n                  </div>\n                </li>\n                <li>\n                  <div\n                    style={{\n                      display: \"flex\",\n                      alignItems: \"center\",\n                      marginBottom: \"6px\",\n                    }}\n                  >\n                    <i\n                      class=\"fas fa-check-circle\"\n                      style={{ paddingRight: \"6px\", paddingTop: '6px' }}\n                    ></i>{\" \"}\n                    {locale.t(\"home.lblContent13\")}\n                  </div>\n                </li>\n                <li>\n                  <div\n                    style={{\n                      display: \"flex\",\n                      alignItems: \"center\",\n                      marginBottom: \"6px\",\n                    }}\n                  >\n                    <i\n                      class=\"fas fa-check-circle\"\n                      style={{ paddingRight: \"6px\", paddingTop: '6px' }}\n                    ></i>{\" \"}\n                    {locale.t(\"home.lblContent21\")}\n                  </div>\n                </li>\n                <li>\n                  <div\n                    style={{\n                      display: \"flex\",\n                      alignItems: \"center\",\n                      marginBottom: \"6px\",\n                    }}\n                  >\n                    <i\n                      class=\"fas fa-check-circle\"\n                      style={{ paddingRight: \"6px\", paddingTop: '6px' }}\n                    ></i>{\" \"}\n                    {locale.t(\"home.lblContent22\")}\n                  </div>\n                </li>\n                <li>\n                  <div\n                    style={{\n                      display: \"flex\",\n                      alignItems: \"center\",\n                      marginBottom: \"6px\",\n                    }}\n                  >\n                    <i\n                      class=\"fas fa-check-circle\"\n                      style={{ paddingRight: \"6px\", paddingTop: '6px' }}\n                    ></i>{\" \"}\n                    {locale.t(\"home.lblContent31\")}\n                  </div>\n                </li>\n                <li>\n                  <div\n                    style={{\n                      display: \"flex\",\n                      alignItems: \"center\",\n                      marginBottom: \"6px\",\n                    }}\n                  >\n                    <i\n                      class=\"fas fa-check-circle\"\n                      style={{ paddingRight: \"6px\", paddingTop: '6px' }}\n                    ></i>{\" \"}\n                    {locale.t(\"home.lblContent32\")}\n                  </div>\n                </li>\n              </ul>\n            </div>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n}\n","import TimeAgo from 'timeago-react';\nimport React from 'react'\nimport { useHistory, Link, useParams } from \"react-router-dom\";\nimport { useState, useEffect, useRef, useCallback } from 'react';\nimport axios from \"axios\";\nimport FilesServices from '../../../services/files';\nimport './curriculum.css'\nimport urlPath from \"services/urlServer\";\nimport Spinner from 'components/Loadings/spinner/Spinner';\nimport * as Storage from \"../../../../src/services/Storage.service\";\nimport ReactTags from 'react-tag-autocomplete'\nconst locale = require(\"react-redux-i18n\").I18n;\n\nexport default function Curriculum() {\n    let { id } = useParams();\n    const [searchText, setSearchText] = useState(\"\");\n    const [tagText, setTagText] = useState('');\n    const [valueSearch, setValueSearch] = useState('');\n    const [valueSearchTag, setValueSearchTag] = useState('');\n    const history = useHistory();\n    const [optionsLearning, setOptionsLearning] = useState([]);\n    const [optionsLearningEng, setOptionsLearningEng] = useState([]);\n    const [listCourses, setListCourses] = useState([]);\n    const [listCoursesSearch, setListCoursesSearch] = useState([]);\n    const [listCoursesFilter, setListCoursesFilter] = useState([]);\n    const [tags, setTags] = useState([]);\n    const [tagsSearch, settagsSearch] = useState([]);\n    const [isLoading, setIsLoading] = useState(false);\n    const [windowWidth, setWindowWidth] = useState(0);\n\n    let resizeWindow = () => {\n        setWindowWidth(window.innerWidth)\n        \n      };\n    const clearSearch = () => {\n        setSearchText('');\n        setTagText('');\n        setValueSearch('');\n        settagsSearch([]);\n        setListCourses(listCoursesSearch);\n    }\n\n    //#region Other Event\n    const reactTags = useRef()\n\n    \n    const onDelete = useCallback((tagIndex) => {\n        settagsSearch(tagsSearch.filter((_, i) => i !== tagIndex)) \n    }, [tagsSearch])\n\n    const onAddition = useCallback((newTag) => {\n        settagsSearch([...tagsSearch, newTag]);\n    }, [tagsSearch])\n\n    const onValidate = useCallback((newTag) => {\n        return newTag;\n    })\n\n    const ChangeLearning = () => {\n        const learningId = localStorage.getItem('learningPathId');\n        if (optionsLearning.length > 0)\n            return optionsLearning.filter(x => x.value === learningId.toString())[0].label;\n    }\n\n    const ChangeLearningEng = () => {\n        const learningId = localStorage.getItem('learningPathId');\n        if (optionsLearningEng.length > 0)\n            return optionsLearningEng.filter(x => x.value === learningId.toString())[0].label;\n    }\n\n    async function fetchLearning() {\n        const response = await axios(urlPath + \"/learning\");\n        const body = response.data.listLearning;\n        var JsonLearning = [];\n        body.forEach(field => JsonLearning.push({ value: field.id.toString(), label: field.LearningPathNameTH }))\n        setOptionsLearning(JsonLearning)\n    }\n\n    \n    async function fetchLearningEng() {\n        const response = await axios(urlPath + \"/learning\");\n        const body = response.data.listLearning;\n        var JsonLearning = [];\n        body.forEach(field => JsonLearning.push({ value: field.id.toString(), label: field.LearningPathNameENG }))\n        setOptionsLearningEng(JsonLearning)\n    }\n\n    function fetchCourse() {\n        setIsLoading(true);\n        const defaultPicture = require(\"assets/img/no-img-2.jpg\").default;\n        const learningPathId = localStorage.getItem('learningPathId');\n        const data = { learningPathId: learningPathId, Type: id };\n        axios.post(urlPath + \"/courses/getCourseByTypeAndLearning\", data, {\n            headers: { accessToken: localStorage.getItem(\"accessToken\") }\n        }).then((response) => {\n            for (const value of response.data) {\n                var JsonTags = JSON.parse(value.CurriculumTag);\n                for (var i = 0; i < JsonTags.length; i++) {\n                    setTags(tags => [...tags, {key:i,id: value.id, name: JsonTags[i].name }]);\n                }\n                value.ImageCourses = FilesServices.buffer64(value.ImageCourses);\n                if(value.ImageCourses === '') value.ImageCourses = defaultPicture;\n            }\n            setListCoursesSearch(response.data);\n            setListCourses(response.data);\n            setIsLoading(false);\n        });\n    }\n\n    // const ConvertBuffer = (value, id) => {\n    //     var show_date = document.getElementById(id);\n    //     if (show_date !== null) {\n    //         show_date.innerHTML = FilesServices.buffer64UTF8(value);\n    //     }\n    // }\n\n    const SearchCurriculum = async (searchText,tagsSearch) => {\n\n    \n        setListCourses(listCoursesSearch);\n        setValueSearch(searchText)\n\n        if(tagsSearch.length > 0) {\n            setListCourses([]);\n            var JsonLearning = [];\n            tagsSearch.forEach(value => { \n                listCoursesSearch.filter(valueSearch => { \n                    if(valueSearch.CurriculumTag.toString().toLowerCase().includes(value.name.toLowerCase()))\n                    { \n                        if(JsonLearning.filter(val => val.id === valueSearch.id ).length === 0)\n                        {\n                            JsonLearning.push(valueSearch);\n                        }\n                    }\n                });\n            });\n            setListCourses(JsonLearning);\n        }\n    }\n\n    useEffect(() => {\n        fetchLearning();\n        fetchLearningEng();\n        fetchCourse();\n        setWindowWidth(window.innerWidth);\n        window.addEventListener(\"resize\", resizeWindow);\n        return () => { window.removeEventListener(\"resize\", resizeWindow); };\n    }, []);\n\n    return (\n        <>\n            {isLoading ? ( <> <Spinner  customText={\"Loading\"}/></>) : (<></>)}\n            <div className={\"relative pt-24 backScreen-pb flex  bg-darkgreen-mju\" + (windowWidth < 1024 ? \" max-h-screen-60\" : \" max-h-screen-35\")}>\n                <div className=\"container px-12 relative mx-auto lg:w-10/12 mt-2 flex flex-wrap\">\n                    <div className=\"w-full lg:w-3/12 mb-2 mt-2\">\n                        <i className=\"fas fa-arrow-left text-white text-sm cursor-pointer \" onClick={() => history.goBack()}>\n                            <span className='THSarabun text-2xl'>&nbsp; {locale.t(\"Main.lblBack\")}</span>\n                        </i>\n                    </div>\n                    <div className='w-full lg:w-6/12'>\n                        <div className=\"w-full justify-center frmSearch \">\n                            <div className=\"w-full ml-auto mr-auto\">\n                                <h1 className=\"text-white mt-4 font-semibold text-2xl\">\n                                    {locale.t(\"Main.lblCourseSearch\")}\n                                </h1>\n                                <div className='flex mt-4'>\n                                    <label className=\"block text-white text-sm font-bold mb-2 label-form\"> {locale.t(\"Main.lblSearch\")} </label >\n                                    <input className='text-form border-0 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring ease-linear transition-all duration-150'\n                                        type=\"text\"\n                                        value={searchText}\n                                        onChange={(e) => { setSearchText(e.target.value) }}\n                                    />\n                                </div>\n                                <div className='flex mt-2'>\n                                    <label className=\"block text-white text-sm font-bold mb-2 label-form\"> {locale.t(\"Main.lblTag\")} </label >\n                                    <ReactTags\n                                        ref={reactTags}\n                                        tags={tagsSearch}\n                                        onDelete={onDelete}\n                                        onAddition={onAddition}\n                                        onValidate={onValidate}\n                                        autocomplete={true}\n                                        maxLength={16}\n                                        minQueryLength={1}\n                                        allowNew\n                                        placeholderText='Tags Search'\n                                    />\n                                    {/* <textarea value={tagText} rows=\"4\" onChange={e => setTagText(e.target.value)}\n                                        className='text-form border-0 px-2 py-2 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring ease-linear transition-all duration-150' /> */}\n                                </div>\n                                <div className='flex flex-wrap mt-2'>\n                                    <label className='label-form'></label>\n                                    <button onClick={() => clearSearch()}\n                                        className=\"w-3/12 lg:w-3/12 bg-green-mju text-white active:bg-lightBlue-600 font-bold text-sm px-2 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none mr-2 ease-linear transition-all duration-150\"\n                                        type=\"button\">\n                                        <i className=\"fas fa-redo-alt\"></i>&nbsp;{locale.t(\"Main.lblClear\")}\n                                    </button>\n                                    <button onClick={() => { \n                                        SearchCurriculum(searchText,tagsSearch)}}\n                                        className=\"w-6/12 lg:w-3/12 bg-green-mju text-white active:bg-lightBlue-600 font-bold text-sm px-2 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none ease-linear transition-all duration-150\"\n                                        type=\"button\">\n                                        <i className=\"fas fa-filter\"></i>&nbsp;{locale.t(\"Main.lblFilter\")}\n                                    </button>\n                                </div>\n\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div className=\"container relative mx-auto lg:w-10/12 mt-2 px-12 py-4\">\n                {(Storage.GetLanguage() === \"th\") ? <div className='title text-xl font-bold px-4'>{ChangeLearning()}</div> :  <div className='title text-xl font-bold px-4'>{ChangeLearningEng()}</div> }\n            </div>\n            <div className=\"container relative mx-auto lg:w-10/12 mt-2 px-4\">\n                <div className=\"w-full\">\n                    <div className='flex flex-wrap Block-curriculum'>\n                        {listCourses.filter((item) => {\n                            if (!valueSearch) return true\n                            if ((item.CurriculumNameTH.includes(valueSearch) \n                            || item.CurriculumNameENG.includes(valueSearch))) {\n                                return true;\n                            }\n                        }).map((item) =>\n                            <Link to={`/home/subject/${item.id}`} key={item.CoursesID} className={\"card px-4  relative flex flex-col min-w-0 break-words bg-white  mb-6 rounded-lg\" + ((windowWidth < 1024) ? ' w-full ' : ' md:w-4/12') }>\n                                {/* <img\n                                    alt=\"...\"\n                                    src={item.ImageCourses}\n                                    className=\"w-full align-middle rounded-t-lg\"\n                                />\n                                <blockquote className=\"blockquote relative p-4 mb-4 shadow-lg rounded-b-lg\">\n                                    <div>\n                                        {(Storage.GetLanguage() === \"th\") ? <h4 className=\"text-sm font-bold mb-2\">{item.CurriculumNameTH}</h4> :  <h4 className=\"text-base font-bold \">{item.CurriculumNameENG}</h4> }\n                                        <div className='text-editor THSarabunBold'>\n                                            <div>\n                                                {(Storage.GetLanguage() === \"th\") ? <div className='dangerHTML' dangerouslySetInnerHTML={{ __html: FilesServices.buffer64UTF8(item.DescriptionTH) }}></div> : <div className='dangerHTML' dangerouslySetInnerHTML={{ __html: FilesServices.buffer64UTF8(item.DescriptionENG) }}></div> }\n                                            </div>\n                                        </div>\n                                        <footer>\n                                            <div>\n                                                <TimeAgo datetime={item.createdAt} />\n                                            </div>\n                                            <div className=''>\n                                            {\n                                                tags.filter((tagsitem) => tagsitem.id === item.id).map(function (value) {\n                                                    return (<div className='display-inline mt-1' ><label key={value.key} className='tag text-sm px-2 py-2 text-blue-mju-home mr-2'>{value.name}</label></div>)\n                                                })}\n                                            </div>\n                                        </footer>\n                                    </div>\n                                </blockquote> */}\n                                <img\n                                        alt=\"...\"\n                                        src={item.ImageCourses}\n                                        className=\"w-full align-middle rounded-t-lg\"                           \n                                        style={{ height: '150px'}}\n                                    />\n                                <div className='divBlock p-4 shadow-lg rounded-b-lg' style={{ height: '100px'}}>\n                                    \n                                    {(Storage.GetLanguage() === \"th\") ? <h4 className=\"text-sm font-bold mb-2\">{item.CurriculumNameTH}</h4> :  <h4 className=\"text-base font-bold \">{item.CurriculumNameENG}</h4> }\n                                        {/* <div className='text-editor THSarabunBold'>\n                                            <div>\n                                                {(Storage.GetLanguage() === \"th\") ? <div className='dangerHTML' dangerouslySetInnerHTML={{ __html: FilesServices.buffer64UTF8(item.DescriptionTH) }}></div> : <div className='dangerHTML' dangerouslySetInnerHTML={{ __html: FilesServices.buffer64UTF8(item.DescriptionENG) }}></div> }\n                                            </div>\n                                        </div> */}\n                                        <div>\n                                            <TimeAgo datetime={item.createdAt} />\n                                        </div>\n                                        <div className=''>\n                                        {\n                                            tags.filter((tagsitem) => tagsitem.id === item.id).map(function (value) {\n                                                return (<div className='display-inline mt-1' ><label key={value.key} className='tag text-sm px-2 py-2 text-blue-mju-home mr-2'>{value.name}</label></div>)\n                                            })}\n                                        </div>\n                                </div>\n                            </Link>\n                        )}\n                    </div>\n                </div>\n            </div>\n        </>\n    )\n}\n","import React, { Component,useState } from 'react'\nimport './subject.css'\nimport propTypes from 'prop-types'\nimport moment from 'moment';\nimport urlPath from 'services/urlServer';\nimport axios from 'axios';\nimport FilesService from 'services/files'\nimport * as Storage from \"../../../../src/services/Storage.service\";\nimport ConfirmDialog from 'components/ConfirmDialog/ConfirmDialog';\nconst locale = require(\"react-redux-i18n\").I18n;\n\n\nclass Post extends React.Component {\n    state = {\n        like: false,\n    };\n\n\n    addLike = () => {\n        let changeLike = this.state.like;\n        let add;\n        // eslint-disable-next-line no-unused-expressions\n        changeLike ? (changeLike = false, add = -1)\n            : (changeLike = true, add = 1)\n\n        this.setState({\n            like: changeLike,\n        })\n\n        this.props.onAddLike({\n            likes: this.props.likes + add,\n        });\n\n    }\n    render() {\n        return (\n            <div className=\"post text-xs font-bold\">\n                <div className=\"desc\"><i className=\"far fa-comment-alt\"></i><span>&nbsp;&nbsp;{this.props.commentsNumber}</span>&nbsp;&nbsp;Comments</div>\n                {/* <div className=\"postBody\">\n                    <img src={this.props.userPic} className=\"postPic\" alt=\"user Pic\" />\n                    <div className=\"postContent\">\n                        <div className=\"postHeader\">\n                            <h2 className=\"postAuthor\" id={this.props.id}>{this.props.user}</h2>\n                            <span className=\"publishDate\">{this.props.publishDate}</span>\n                        </div>\n                        <span className=\"postText\">{this.props.content}</span>\n                        <div className=\"postDesc\">\n                            <span className=\"desc\">\n                                {this.state.like\n                                    ? <i onClick={this.addLike} className=\"fas fa-heart\"></i>\n                                    : <i onClick={this.addLike} className=\"far fa-heart\"></i>}\n                                <span>{this.props.likes} </span>\n                                Likes\n                            </span>\n                            <span className=\"desc\"><i className=\"far fa-comment\"></i><span>{this.props.commentsNumber}</span> Comments</span>\n                        </div>\n                    </div>\n                </div>\n                {this.props.children} */}\n            </div>\n        );\n    }\n}\n\nPost.propsTypes = {\n    userPic: propTypes.string.isRequired,\n    publishDate: propTypes.string.isRequired,\n    likes: propTypes.number.isRequired,\n    commentsNumber: propTypes.number.isRequired,\n    id: propTypes.number.isRequired,\n    user: propTypes.string.isRequired,\n    content: propTypes.string.isRequired,\n    onAddLike: propTypes.func.isRequired,\n}\n\n\n// const deleteComment = (id) => {\n//     axios\n//     .delete(urlPath+`/comments/${id}`,{\n//         headers: {accessToken : localStorage.getItem(\"accessToken\")}\n//     })\n//     .then(() => {\n//         CommentBox.fetchDataComment(1);\n//     });\n// }\n\n\nconst Comment = props =>\n    <div className=\"comment\">\n        <img src={props.userPic} className=\"commentPic\" alt=\"user Pic\" />\n        <div className=\"commentBody\">\n            <div className=\"commentHeader\">\n                <h3 className=\"commentAuthor\">{props.user}</h3>\n                <span className=\"publishDate\">{props.publishDate}</span>\n                <span className={\"trash\" + ((props.AddBy === localStorage.getItem('email') || localStorage.getItem('roleUser') === \"1\") ? ' block' : ' hidden')} onClick={() => props.openModalSubject(props.id)}><i className=\"fas fa-trash\"></i></span>\n                <ConfirmDialog showModal={props.modalIsOpenSubject} message={((Storage.GetLanguage() === \"th\") ? \" Comment \" : \" Comment \") } hideModal={()=>{props.closeModalSubject()}} confirmModal={() => props.deleteComment(props.deleteId)}/>\n            </div>\n            <span className=\"commentContent\">{props.content}</span>\n        </div>\n    </div>\n\nComment.propTypes = {\n    id: propTypes.number.isRequired,\n    user: propTypes.string.isRequired,\n    content: propTypes.string.isRequired,\n    userPic: propTypes.string.isRequired,\n};\n\nclass CreateComment extends React.Component {\n\n    state = {\n        content: \"\"\n    };\n\n    handleTextChange = e => {\n        const content = e.target.value;\n        this.setState({\n            content,\n        });\n    }\n\n    handleSubmit = (e) => {\n        e.preventDefault();\n        const fullName = localStorage.getItem('fullName');\n        const defaultPicture = require(\"assets/img/noimg.png\").default;\n        const profilePicture = ((localStorage.getItem('profilePicture') === \"\") ?  defaultPicture :  localStorage.getItem('profilePicture'));\n        const timeago = moment(new Date()).fromNow();\n        const email = localStorage.getItem('email');\n        this.props.onCommentSubmit({\n            user: fullName,\n            content: this.state.content.trim(),\n            userPic: profilePicture,\n            publishDate: timeago,\n            AddBy:email,\n        });\n        this.setState({\n            content: \"\",\n        });\n    }\n\n    render() {\n        return (\n            <form onSubmit={this.handleSubmit} className=\"createComment p-2 rounded-lg\">\n                <label htmlFor=\"comment\" className='text-xs font-bold mt-2'>{locale.t(\"Main.lblComment\")}</label>\n                <textarea className='textComment rounded-lg text-xs px-2 py-2'\n                    id=\"comment\"\n                    type=\"text\"\n                    placeholder={locale.t(\"Main.lblYourComment\")}\n                    value={this.state.content}\n                    onChange={this.handleTextChange}\n                    required />\n                <div className='btnComment w-full text-right'>\n                    <button className='btn-cancel lg:w-2/12 py-1 text-xs buttonOutlineNone font-bold' type=\"button\">{locale.t(\"Button.lblCancel\")}</button>\n                    &nbsp;&nbsp;\n                    <button className='btn-comment lg:w-2/12 py-1 text-xs px-2 py-2  font-bold' type=\"submit\">{locale.t(\"Main.lblPost\")}</button>\n                </div>\n            </form>\n        );\n    }\n}\n\nCreateComment.propTypes = {\n    onCommentSubmit: propTypes.func.isRequired,\n    content: propTypes.string\n};\n\n\n\nexport default class CommentBox extends Component {\n\n    constructor(props) {\n        super(props);\n        this.state = {\n            comments: this.props.comments,\n            likes: this.props.post.likes,\n            commentsNumber: this.props.post.commentsNumber,\n            CourseId:this.props.CourseId,\n            showModel: false,\n            deleteId:''\n        };\n        this.fetchDataComment(this.state.CourseId);\n    }\n    \n    fetchDataComment = (id) => {\n        const defaultPicture = require(\"assets/img/noimg.png\").default;\n\n        axios.get(urlPath+`/comments/byCourse/${id}`,{\n            headers: {accessToken : localStorage.getItem(\"accessToken\")}\n          }).then((response) => {\n            if(response.data !== null) {\n                var JsonLearning = [];\n                response.data.forEach(val => {\n                    JsonLearning.push({id:val.id,user: val.UserName,content: val.TextComment,userPic:((val.UserImage.data.length === 0) ? defaultPicture : FilesService.buffer64(val.UserImage)),publishDate:moment(val.createdAt).fromNow(),AddBy:val.AddBy });\n                });\n                this.setState({comments:JsonLearning});\n                this.setState({commentsNumber:JsonLearning.length});\n            }\n        });\n    } \n\n    deleteComment = (id) => {\n        axios\n        .post(urlPath+`/delet/comments/${id}`,{},{\n            headers: {accessToken : localStorage.getItem(\"accessToken\")}\n        })\n        .then(() => {\n            this.setState({\n                showModel: false,\n            });\n            this.setState({comments:this.state.comments.filter(value => value.id !== id)});\n        });\n    }\n\n    handleCommentSubmit = comment => {\n        const comments = this.state.comments;\n        comment.id = Date.now();\n        const newComments = [comment].concat(comments);\n        const defaultPicture = require(\"assets/img/noimg.png\").default;\n        const fullName = localStorage.getItem('fullName');\n        const profilePicture = ((localStorage.getItem('profilePicture') === \"\") ?  defaultPicture :  localStorage.getItem('profilePicture'));\n        const email = localStorage.getItem('email');\n        const data = {\n            TextComment: comment.content,\n            UserName:fullName,\n            UserImage:profilePicture,\n            RelatedTable:\"Courses\",\n            RelatedId:this.state.CourseId,\n            CourseId:this.state.CourseId,\n            IsDeleted:false,\n            AddBy:email,\n            EditBy:''\n        }\n        this.InsertComment(data,newComments);\n       \n    }\n\n    InsertComment = (value,newComments) => {\n        axios.post(urlPath+\"/comments\",value,{\n            headers: {accessToken : localStorage.getItem(\"accessToken\")}\n          }).then((response)=>{\n            if(response.data.error) \n            {\n                console.log(response.data.error);\n            } else {\n                newComments[0].id = response.data.id;\n                this.setState({\n                    comments: newComments,\n                    commentsNumber: this.state.commentsNumber + 1,\n                });\n            }\n        });\n    }\n    openModalSubject = (id) => {\n        this.setState({\n            showModel: true,\n            deleteId:id\n        });\n    }\n\n    closeModalSubject = () => {\n        this.setState({\n            showModel: false,\n        });\n    }\n\n    handleLike = changeLikesNum => {\n        const LikesNum = changeLikesNum.likes;\n        this.setState({\n            likes: LikesNum,\n        });\n    }\n\n    render() {\n        return (\n            <div className=\"commentBox w-full\">\n                <Post\n                    publishDate={this.props.post.publishDate}\n                    userPic={this.props.post.userPic}\n                    likes={this.state.likes}\n                    commentsNumber={this.state.commentsNumber}\n                    id={this.props.post.id}\n                    content={this.props.post.content}\n                    user={this.props.post.user}\n                    onAddLike={this.handleLike}>\n                    <CreateComment\n                        onCommentSubmit={this.handleCommentSubmit}\n                    />\n                </Post>\n                <CreateComment\n                    onCommentSubmit={this.handleCommentSubmit}\n                />\n                {\n                    this.state.comments.map((comment) =>\n                        <Comment\n                            publishDate={comment.publishDate}\n                            key={comment.id}\n                            id={comment.id}\n                            content={comment.content}\n                            user={comment.user}\n                            userPic={comment.userPic} \n                            deleteComment={this.deleteComment}\n                            modalIsOpenSubject={this.state.showModel}\n                            openModalSubject={this.openModalSubject}\n                            closeModalSubject={this.closeModalSubject}\n                            deleteId={this.state.deleteId}\n                            AddBy={comment.AddBy}\n                        />\n                    )\n                }\n            </div>\n        )\n    }\n}\n\nCommentBox.propTypes = {\n    post: propTypes.arrayOf(propTypes.object),\n    comments: propTypes.arrayOf(propTypes.object),\n    CourseId: propTypes.string\n};\n\n","import React, { useEffect, useState } from \"react\";\nimport { useHistory, Link, useParams } from \"react-router-dom\";\nimport CommentBox from \"./CommentBox\";\nimport ReactQuill from \"react-quill\";\nimport urlPath from \"services/urlServer\";\nimport FilesService from \"services/files\";\nimport axios from \"axios\";\nimport { useFormik } from \"formik\";\nimport Spinner from \"components/Loadings/spinner/Spinner\";\nimport \"./subject.css\";\nimport * as Storage from \"../../../../src/services/Storage.service\";\nimport SunEditor from \"suneditor-react\";\nimport \"suneditor/dist/css/suneditor.min.css\";\nconst locale = require(\"react-redux-i18n\").I18n;\n\nexport default function Subject() {\n  const [listCourse, setListCourse] = useState([]);\n  const [listSubject, setListSubject] = useState([]);\n  let { id } = useParams();\n  const [isLoading, setIsLoading] = useState(false);\n  const [windowWidth, setWindowWidth] = useState(0);\n  const [searchText, setSearchText] = useState(\"\");\n  let resizeWindow = () => {\n    setWindowWidth(window.innerWidth);\n  };\n\n  const history = useHistory();\n\n  async function fetchData() {\n    // setIsLoading(true);\n    axios.get(urlPath + `/courses/byId/${id}`).then((response) => {\n      formik.setFieldValue(\n        \"DescriptionTH\",\n        FilesService.buffer64UTF8(response.data.DescriptionTH),\n        false\n      );\n      formik.setFieldValue(\n        \"DescriptionENG\",\n        FilesService.buffer64UTF8(response.data.DescriptionENG),\n        false\n      );\n      response.data.DescriptionTH = FilesService.buffer64UTF8(\n        response.data.DescriptionTH\n      );\n      response.data.DescriptionENG = FilesService.buffer64UTF8(\n        response.data.DescriptionENG\n      );\n      setListCourse(response.data);\n    });\n  }\n\n  async function fetchDataSubject() {\n    let response = await axios(urlPath + `/subjects/byCoursesId/${id}`);\n    let subjects = await response.data;\n    if (subjects !== null) {\n      setListSubject(response.data);\n      // setIsLoading(false);\n    }\n  }\n\n  const formik = useFormik({\n    initialValues: {\n      DescriptionTH: \"\",\n      DescriptionENG: \"\",\n    },\n    onSubmit: (values) => {},\n  });\n\n  useEffect(() => {\n    fetchData();\n    fetchDataSubject();\n    setWindowWidth(window.innerWidth);\n    window.addEventListener(\"resize\", resizeWindow);\n    return () => {\n      window.removeEventListener(\"resize\", resizeWindow);\n    };\n  }, []);\n\n  return (\n    <>\n      {isLoading ? (\n        <>\n          {\" \"}\n          <Spinner customText={\"Loading\"} />\n        </>\n      ) : (\n        <></>\n      )}\n      <div className=\"container pt-20 px-4 relative mx-auto lg:w-10/12 flex flex-wrap\">\n        <div className=\"mx-auto w-full header-bar\">\n          <div className=\"w-full lg:w-3/12 mb-2 mt-2\">\n            <i\n              className=\"fas fa-arrow-left text-sm cursor-pointer \"\n              onClick={() => history.goBack()}\n            >\n              <span className=\"THSarabun text-2xl\">\n                &nbsp;{locale.t(\"Main.lblBack\")}\n              </span>\n            </i>\n          </div>\n        </div>\n        <div className=\"flex justify-between mt-2\">\n          <div>\n            {/* xxxxxxxxxxxxx{\" \"} */}\n            {Storage.GetLanguage() === \"th\" ? (\n              <span className=\"THSarabun text-2xl font-bold\">{listCourse.CurriculumNameTH}</span>\n            ) : (\n              <span className=\"THSarabun text-2xl font-bold\">{listCourse.CurriculumNameENG}</span>\n            )}\n          </div>\n          {/* <div>xxxxxxxxxxxxx</div> */}\n        </div>\n\n        <div className=\"w-full\">\n          <div className=\" min-h-screen-35 py-4 relative flex flex-col min-h-3 break-words bg-white w-full mb-6 rounded-lg shadow-lg\">\n            <div className=\"ReactQuill-Editor\">\n              {/* <ReactQuill\n                                theme=\"snow\"\n                                placeholder={\"Write something awesome...\"}\n                                readOnly={true}\n                                value={formik.values.DescriptionTH}\n                                modules={{\n                                    toolbar: null\n                                }}\n                                formats={null}\n                            /> */}\n              {Storage.GetLanguage() === \"th\" ? (\n                // <ReactQuill\n                //     theme=\"snow\"\n                //     value={formik.values.DescriptionTH}\n                //     onChange={v =>  formik.setFieldValue('DescriptionTH', v)}\n                //     placeholder={\"Write something awesome...\"}\n                //     modules={{\n                //     // syntax: true,\n                //     toolbar: null\n                //     }}\n                //     formats={[\n                //     'header',\n                //     'bold', 'italic', 'underline', 'strike', 'blockquote',\n                //     'list', 'bullet', 'indent',\n                //     'link', 'image','video',\n                //     'align',\n                //     'code-block'\n                //     ]}\n                // />\n                // <div dangerouslySetInnerHTML={{ __html: formik.values.DescriptionENG }}></div>\n                <SunEditor\n                  disable={true}\n                  hideToolbar={true}\n                  setDefaultStyle=\"font-family: THSarabun; font-size: 18px;\"\n                  width=\"100%\"\n                  height=\"100%\"\n                  setContents={formik.values.DescriptionTH}\n                  setOptions={{\n                    buttonList: [\n                      [\n                        \"undo\",\n                        \"redo\",\n                        \"font\",\n                        \"fontSize\",\n                        \"formatBlock\",\n                        \"paragraphStyle\",\n                        \"blockquote\",\n                        \"bold\",\n                        \"underline\",\n                        \"italic\",\n                        \"strike\",\n                        \"fontColor\",\n                        \"hiliteColor\",\n                        \"textStyle\",\n                        \"removeFormat\",\n                        \"outdent\",\n                        \"indent\",\n                        \"align\",\n                        \"horizontalRule\",\n                        \"list\",\n                        \"lineHeight\",\n                        \"table\",\n                        \"link\",\n                        \"image\",\n                        \"video\",\n                        \"fullScreen\",\n                        \"codeView\",\n                      ],\n                    ],\n                  }}\n                />\n              ) : (\n                // <ReactQuill\n                //     theme=\"snow\"\n                //     value={formik.values.DescriptionENG}\n                //     onChange={v =>  formik.setFieldValue('DescriptionENG', v)}\n                //     placeholder={\"Write something awesome...\"}\n                //     modules={{\n                //     // syntax: true,\n                //     toolbar: null\n                //     }}\n                //     formats={[\n                //     'header',\n                //     'bold', 'italic', 'underline', 'strike', 'blockquote',\n                //     'list', 'bullet', 'indent',\n                //     'link', 'image','video',\n                //     'align',\n                //     'code-block'\n                //     ]}\n                // />\n                <SunEditor\n                  disable={true}\n                  hideToolbar={true}\n                  width=\"100%\"\n                  height=\"100%\"\n                  setContents={formik.values.DescriptionENG}\n                  setOptions={{\n                    buttonList: [\n                      [\n                        \"undo\",\n                        \"redo\",\n                        \"font\",\n                        \"fontSize\",\n                        \"formatBlock\",\n                        \"paragraphStyle\",\n                        \"blockquote\",\n                        \"bold\",\n                        \"underline\",\n                        \"italic\",\n                        \"strike\",\n                        \"fontColor\",\n                        \"hiliteColor\",\n                        \"textStyle\",\n                        \"removeFormat\",\n                        \"outdent\",\n                        \"indent\",\n                        \"align\",\n                        \"horizontalRule\",\n                        \"list\",\n                        \"lineHeight\",\n                        \"table\",\n                        \"link\",\n                        \"image\",\n                        \"video\",\n                        \"fullScreen\",\n                        \"codeView\",\n                      ],\n                    ],\n                  }}\n                />\n              )}\n            </div>\n\n            <div\n              className={\n                \"subject-content px-4 py-1 rounded-lg lg:w-8/12 mx-auto mt-3 mb-3\" +\n                (listSubject.length > 0 ? \" block\" : \" hidden\")\n              }\n            >\n              <div className=\"flex flex-wrap justify-between\">\n                <div className=\"justify-start margin-top-button\">\n                  <label className=\"margin-top-button text-sm font-bold\">\n                    {locale.t(\"Main.lblItemLession\")}\n                  </label>\n                </div>\n                <div className=\"justify-end\">\n                  <label className=\"margin-top-button text-sm font-bold px-4\">\n                    {locale.t(\"Main.lblSearch\")}\n                  </label>{\" \"}\n                  <input\n                    className=\"w-64 justify-end border-0 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring ease-linear transition-all duration-150\"\n                    type=\"text\"\n                    maxLength={100}\n                    value={searchText}\n                    onChange={(e) => {\n                      setSearchText(e.target.value);\n                    }}\n                  />\n                </div>\n              </div>\n\n              {listSubject\n                .filter((item) => {\n                  if (!searchText) return true;\n                  if (\n                    item.SubjectNameTH.toLowerCase().includes(\n                      searchText.toLowerCase()\n                    ) ||\n                    item.SubjectNameENG.toLowerCase().includes(\n                      searchText.toLowerCase()\n                    )\n                  ) {\n                    return true;\n                  }\n                })\n                .map((item) => {\n                  return (\n                    <Link to={\"/home/content/\" + item.id} key={item.id}>\n                      <div className=\"font-bold subjectName\">\n                        {Storage.GetLanguage() === \"th\" ? (\n                          <span>{item.SubjectNameTH}</span>\n                        ) : (\n                          <span>{item.SubjectNameENG}</span>\n                        )}{\" \"}\n                      </div>\n                      <div className=\"text-xs subjectOfHour\">\n                        {item.SubjectOfHour} {locale.t(\"Main.lblMinute\")}\n                      </div>\n                    </Link>\n                  );\n                })}\n            </div>\n            <div\n              className={\n                \"px-4\" +\n                (windowWidth < 1024 ? \" divCommentMobile \" : \" divComment\")\n              }\n            >\n              <hr className=\"mt-6 border-b-1 mb-6 border-blueGray-300\" />\n              <CommentBox comments={[]} post={[]} CourseId={id.toString()} />\n            </div>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n}\n","import React,{useState,useEffect} from \"react\";\nimport Switch from \"components/Toggles/Switch\";\nimport { useHistory } from \"react-router-dom\";\nimport FilesService from '../../../services/files'\nimport { useFormik  } from \"formik\";\nimport * as Yup from \"yup\";\nimport Select from 'react-select'\nimport axios from \"axios\";\nimport { useToasts } from 'react-toast-notifications';\nimport ValidateService from '../../../services/validateValue'\nimport Spinner from \"components/Loadings/spinner/Spinner\";\nimport urlPath from \"services/urlServer\";\n\nimport 'react-modern-calendar-datepicker/lib/DatePicker.css';\nimport DatePicker from 'react-modern-calendar-datepicker';\nimport api_province from '../../../assets/data/api_province.json'\nimport api_amphure from '../../../assets/data/api_amphure.json'\nimport api_tombon from '../../../assets/data/api_tombon.json'\nimport * as Storage from \"../../../../src/services/Storage.service\";\nconst locale = require(\"react-redux-i18n\").I18n;\n\nexport default function Account() {\n\n    const phoneRegExp = /^((\\\\+[1-9]{1,4}[ \\\\-]*)|(\\\\([0-9]{2,3}\\\\)[ \\\\-]*)|([0-9]{2,4})[ \\\\-]*)*?[0-9]{3,4}?[ \\\\-]*[0-9]{3,4}?$/\n    const EmailRegExp = /^[A-Za-z0-9_.@]+$/;\n    const [value, setValue] = useState(false);\n    const [postImage, setPostImage] = useState(\"\");\n    const [confirmPassword, setConfirmPassword] = useState(false);\n    const [valueConfirm, setValueConfirm] = useState(\"\");\n    const [inputPhoneNumber, setinputPhoneNumber] = useState();\n    const [enableControl,setIsEnableControl] = useState(true);\n    const [listMembers, setListMembers] = useState([]);\n    const [isNew,setIsNew] = useState(false);\n    const { addToast } = useToasts();\n    const [dataProvice,setDataProvice]=useState([]);\n    const [dataDistrict,setDataDistrict]=useState([]);\n    const [dataSubDistrict,setSubDistrict] = useState([]);\n    const [dataProviceEng,setDataProviceEng]=useState([]);\n    const [dataDistrictEng,setDataDistrictEng]=useState([]);\n    const [dataSubDistrictEng,setSubDistrictEng] = useState([]);\n    const history = useHistory();\n    const [isLoading, setIsLoading] = useState(false);\n    const [optionsLearning, setOptionsLearning] = useState([]);\n    const [optionsLearningEng, setOptionsLearningEng] = useState([]);\n    const [RoleUser,setRoleUser] = useState(\"\");\n    const defaultDate = {\n        year:  new Date().getFullYear(),\n        month: new Date().getMonth()+1,\n        day: new Date().getDate(),\n      };\n    const [selectedDay, setSelectedDay] = useState(defaultDate);\n    const [dayBirth,setDayBirth] = useState(0);\n\n    const handleFileUpload = async (e) => {\n      const base64 = await FilesService.convertToBase64(e.target.files[0]);\n      setPostImage(base64);\n    }\n    const options = [\n      { value: '1', label: 'นาย' },\n      { value: '2', label: 'นาง' },\n      { value: '3', label: 'นางสาว' }\n    ];\n\n    const optionsEng = [\n        { value: '1', label: 'Mr.' },\n        { value: '2', label: 'Mrs.' },\n        { value: '3', label: 'Miss.' }\n    ];\n  \n    const optionsRole = [\n      { value: '1', label: 'ผู้ดูแลระบบ'},\n      { value: '2', label: 'ผู้เยี่ยมชม' },\n      { value: '3', label: 'วิทยากร' },\n      { value: '4', label: 'เกษตรกร' }\n    ];\n\n    const optionsRoleEng = [\n        { value: '1', label: 'Admin'},\n        { value: '2', label: 'Guest' },\n        { value: '3', label: 'Trainer' },\n        { value: '4', label: 'Farmer' }\n      ];\n  \n\n    const optionsGender = [\n        { value: '1', label: 'ชาย'},\n        { value: '2', label: 'หญิง' },\n      ];\n\n      const optionsGenderEng = [\n        { value: '1', label: 'Male'},\n        { value: '2', label: 'Female' },\n      ];\n  \n    const defaultValue = (options, value) => {\n        if(value.toString() === \"\" && options[0] !== undefined)\n        { \n            value = options[0].value;\n        }\n        return options ? options.find(option => option.value.toString()  === value.toString()) : \"\";\n    };\n  \n    /*จำนวนนาทีสำหรับหลักสูตร*/\n    const onHandleTelephoneChange = (e) => {\n      if(ValidateService.onHandleNumberChange(e.target.value) !== \"\" || e.target.value === \"\" )\n      {  \n        setinputPhoneNumber(e.target.value)\n        formik.values.phoneNumber = e.target.value;\n      }\n    };\n  \n    /*ตรวจสอบข้อมูล รหัสผ่านตรงกัน*/\n    const validateConfirm = (e) => {\n      if(e !==  formik.values.password)\n        setConfirmPassword(true)\n      else setConfirmPassword(false);\n    }\n  \n    const formik = useFormik({\n       initialValues : {\n        accountCode:'',\n        title:'',\n        firstName:'',\n        lastName:'',\n        email:'',\n        phoneNumber:'',\n        address:'',\n        description:'',\n        role:'',\n        learningPathId:'',\n        password:'',\n        profilePicture:'',\n        isActivated:false,\n        IsDeleted:false,\n        birthDate:new Date(),\n        gender:'',\n        groupMember:'',\n        province:'',\n        district:'',\n        subDistrict:''\n      },\n      validationSchema: Yup.object({\n        accountCode:Yup.string().required((Storage.GetLanguage() === \"th\") ? '* กรุณากรอก รหัสบัญชีผู้ใช้' : '* Please enter your account code'),\n        firstName:Yup.string().required((Storage.GetLanguage() === \"th\") ? '* กรุณากรอก ชื่อ' : '* Please enter your first name'),\n        lastName:Yup.string().required((Storage.GetLanguage() === \"th\") ?'* กรุณากรอก นามสกุล' : '* Please enter your last name'),\n        email:Yup.string().matches(EmailRegExp,(Storage.GetLanguage() === \"th\") ? '* ขออภัย อนุญาตให้ใช้เฉพาะตัวอักษร (a-z), ตัวเลข (0-9) และเครื่องหมายมหัพภาค (.) เท่านั้น' :'* Sorry, only letters (a-z), numbers (0-9), and periods (.) are allowed.').email((Storage.GetLanguage() === \"th\") ? '* รูปแบบอีเมลไม่ถูกต้อง' : 'Invalid email format').required((Storage.GetLanguage() === \"th\") ? '* กรุณากรอก อีเมล'  : '* Please enter your email'),\n        phoneNumber:Yup.string().matches(phoneRegExp, (Storage.GetLanguage() === \"th\") ? '* รูปแบบเบอร์โทรศัพท์ ไม่ถูกต้อง' : '* The phone number format is invalid').required((Storage.GetLanguage() === \"th\") ? '* กรุณากรอก เบอร์โทรศัพท์' : '* Please enter your phone number' ),\n        birthDate:Yup.string().required((Storage.GetLanguage() === \"th\") ? '* กรุณากรอก วันเกิด' : '* Please enter your date of birth'),\n        password:Yup.string().required((Storage.GetLanguage() === \"th\") ? '* กรุณากรอก รหัสผ่าน' : '* Please enter your password'),\n      }),\n  \n      onSubmit: values => {\n        formik.values.title = (formik.values.title === \"\") ? \"1\" : formik.values.title ;\n        formik.values.role = (formik.values.role === \"\") ? \"1\" : formik.values.role ;\n        formik.values.learningPathId = (formik.values.learningPathId === \"\") ? \"1\" : formik.values.learningPathId;\n        formik.values.gender = (formik.values.gender === \"\") ? \"1\" : formik.values.gender;\n        formik.values.province = (formik.values.province === \"\") ? \"1\" : formik.values.province;\n        formik.values.district = (formik.values.district === \"\") ? \"1001\" : formik.values.district;\n        formik.values.subDistrict = (formik.values.subDistrict === \"\") ? \"100101\" : formik.values.subDistrict;\n        formik.values.birthDate = selectedDay;\n        formik.values.profilePicture = postImage;\n        if(!isNew)\n          if(values.id === undefined)\n            values.id = listMembers.filter(x => x.accountCode === formik.values.accountCode )[0].id;\n        axios.get(urlPath+`/members/getAccountCode/${values.accountCode}`,{\n          headers: {accessToken : localStorage.getItem(\"accessToken\")}\n        }).then((response) => {\n          if(response.data === null || response.data.id === values.id) {\n            insertAccount(values);\n          } else {\n            formik.values.birthDate = selectedDay.toString();\n            addToast('ไม่สามารถบันทึกข้อมูลได้ เนื่องจากรหัสบัญชีผู้ใช้ซ้ำ กรุณากรอกรหัสบัญชีผู้ใช้ใหม่', { appearance: 'warning', autoDismiss: true });\n          }\n        });\n      },\n    });\n\n        \n    async function fetchLearning() {\n        const response = await axios(urlPath+\"/learning\");\n        const body = await response.data.listLearning;\n        var JsonLearning = [];\n        body.forEach(field => JsonLearning.push({value: field.id.toString(), label:  field.LearningPathNameTH }))\n        setOptionsLearning(JsonLearning)\n        JsonLearning = [];\n        body.forEach(field => JsonLearning.push({value: field.id.toString(), label:  field.LearningPathNameENG }))\n        setOptionsLearningEng(JsonLearning)\n    }\n    \n    const insertAccount = (values) => {\n      axios.get(urlPath+`/members/getemail/${values.email}`).then((response) => {\n        if(response.data === null || (response.data && response.data.id === values.id)) {\n          if(!confirmPassword)\n          {\n            values.isActivated = value;\n            values.profilePicture = postImage;\n            if(!isNew){\n                setIsLoading(true);\n                if(values.id === undefined)\n                  values.id = listMembers.filter(x => x.accountCode === formik.values.accountCode )[0].id;\n                axios.post(urlPath+\"/members/update\",values,{\n                  headers: {accessToken : localStorage.getItem(\"accessToken\")}\n                }).then((response) => {\n                if(response.data.error) \n                {\n                  addToast(response.data.error, { appearance: 'error', autoDismiss: true });\n                } else {\n                  formik.values.birthDate = selectedDay.toString();\n                  addToast('บันทึกข้อมูลสำเร็จ', { appearance: 'success', autoDismiss: true });\n                  setIsEnableControl(true);\n                  setIsLoading(false);\n                }\n              });\n            }\n          }\n        }\n        else {\n          formik.values.birthDate = selectedDay.toString();\n          addToast('ไม่สามารถบันทึกข้อมูลได้ เนื่องจากอีเมลที่ใช้งานมีการลงทะเบียนเรียบร้อยแล้ว', { appearance: 'warning', autoDismiss: true });\n        }\n      });\n    }\n\n    // render regular HTML input element\n    const renderCustomInput = ({ ref }) => (\n        <>\n        <span className=\"datepicker-toggle-register\">\n            <span className=\"datepicker-toggle-button-account\"><i className=\"far fa-calendar \"></i></span>\n            <input ref={ref}\n            type=\"text\"\n            readOnly\n            className=\"datepicker-input cursor-pointer w-80  mb-4 my-custom-input-class border-0 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\" // a styling class\n            disabled={enableControl}\n            value={selectedDay !== null ? `${selectedDay.day}/${selectedDay.month}/${selectedDay.year}` :  new Date().toLocaleDateString('en-GB')} />\n        </span>\n        </>\n    )\n\n    const CalBirthDay =(e)=>{\n        const diffDays = (date, otherDate) => Math.ceil(Math.abs(date - otherDate) / (1000 * 60 * 60 * 24));\n        const day = diffDays(new Date(e.year+'/'+e.month+'/'+e.day), new Date());\n        setDayBirth((day > 365 && new Date(e.year+'/'+e.month+'/'+e.day) < new Date()) ? parseInt(day/365) : 0 )\n    }\n  \n    async function fetchData() {\n        setIsLoading(true);\n      const email = localStorage.getItem('email');\n      let response = await axios(\n        urlPath+`/members/getemail/${email}`\n      );\n      let user = response.data;\n      if(user !== null) {\n        var ProvinceId = \"\";\n        var District = \"\";\n        var JsonLearning = [];\n        var JsonLearningEng = [];\n        for(var columns in response.data) {\n            JsonLearning = [];\n            JsonLearningEng = [];\n          if(columns === \"province\")\n            ProvinceId = response.data[columns]\n          if(columns === \"district\")\n            District = response.data[columns]\n          if(columns === \"birthDate\")\n          {\n            const obj = JSON.parse(response.data[columns]);\n            CalBirthDay(obj);\n            setSelectedDay(obj);\n            formik.setFieldValue(columns, obj.toString(), false);\n          } else if (columns === \"district\") {\n            api_amphure.filter(e => e.province_id.toString() === ProvinceId).forEach(field => { \n                JsonLearning.push({value: field.value.toString(), label:  field.label });\n                JsonLearningEng.push({value: field.value.toString(), label:  field.name_en });\n            });\n            setDataDistrict(JsonLearning)\n            setDataDistrictEng(JsonLearningEng)\n            formik.setFieldValue('district',response.data[columns]);\n          } else if (columns === \"subDistrict\") {\n            api_tombon.filter(e => e.value.toString().substring(0, 4) === District).forEach(field => { \n                JsonLearning.push({value: field.value.toString(), label:  field.label });\n                JsonLearningEng.push({value: field.value.toString(), label:  field.name_en });\n            });\n            setSubDistrict(JsonLearning)\n            setSubDistrictEng(JsonLearningEng)\n            \n            formik.setFieldValue('subDistrict',response.data[columns]);\n          \n          } else  if (columns !== \"profilePicture\") {\n            formik.setFieldValue(columns,response.data[columns]);\n          }\n        }\n        \n        if(response.data.profilePicture !== null)\n          setPostImage(FilesService.buffer64(response.data.profilePicture));\n        setValue(response.data.isActivated);\n        setValueConfirm(response.data.password)\n        //setListMembers(user);\n        setIsNew(false);\n        setIsLoading(false);\n        setRoleUser(response.data.role);\n      } else {\n        setIsNew(true);\n        setIsLoading(false);\n        setIsEnableControl(false);\n      }\n    }\n  \n    useEffect(()=>{\n        var JsonLearning = [];\n        var JsonLearningEng = [];\n        api_province.forEach(field => { \n            JsonLearning.push({value: field.value.toString(), label:  field.label });\n            JsonLearningEng.push({value: field.value.toString(), label:  field.name_en });\n        });\n        setDataProvice(JsonLearning)\n        setDataProviceEng(JsonLearningEng)\n        fetchData();\n        fetchLearning();\n        \n    },[]);\n  \n    const EnableControl = (bool) => {\n      setIsEnableControl(bool);\n      if(bool)\n        formik.setErrors({})\n    }\n\n    const GetAddress = async (type,id)=>{\n        if(type === \"district\"){\n            setDataDistrict([]);\n            setDataDistrictEng([]);\n            var JsonLearning = [];\n            var JsonLearningEng = [];\n            await api_amphure.filter(e => e.province_id.toString() === id.toString() ).forEach(field => {\n                JsonLearning.push({value: field.value.toString(), label:  field.label });\n                JsonLearningEng.push({value: field.value.toString(), label:  field.name_en });\n            });\n            setDataDistrict(JsonLearning);\n            setDataDistrictEng(JsonLearningEng);\n            formik.setFieldValue('district',((Storage.GetLanguage() === \"th\") ? JsonLearning[0].value : JsonLearningEng[0].value ));\n      \n            setSubDistrict([]);\n            setSubDistrictEng([]);\n            JsonLearning = [];\n            JsonLearningEng = [];\n            await api_tombon.filter(e => e.value.toString().substring(0, 4) === (api_amphure.filter(e => e.province_id.toString() === id.toString()))[0].value.toString()).forEach(field => { \n              JsonLearning.push({value: field.value.toString(), label:  field.label });\n              JsonLearningEng.push({value: field.value.toString(), label:  field.name_en });\n            });\n            setSubDistrict(JsonLearning);  \n            setSubDistrictEng(JsonLearningEng);\n            formik.setFieldValue('subDistrict',((Storage.GetLanguage() === \"th\") ? JsonLearning[0].value : JsonLearningEng[0].value ));\n          }\n          else if(type===\"subDistrict\")\n          {\n            setSubDistrict([]);\n            setSubDistrictEng([]);\n            var JsonLearning = [];\n            var JsonLearningEng = [];\n            await api_tombon.filter(e => e.value.toString().substring(0, 4) === id.toString()).forEach(field => { \n                JsonLearning.push({value: field.value.toString(), label:  field.label });\n                JsonLearningEng.push({value: field.value.toString(), label:  field.name_en });\n            });\n            setSubDistrict(JsonLearning);  \n            setSubDistrictEng(JsonLearningEng);  \n            formik.setFieldValue('subDistrict',((Storage.GetLanguage() === \"th\") ? JsonLearning[0].value : JsonLearningEng[0].value ));\n          }\n      }\n\n    return (\n        <>\n             {isLoading ? ( <> <Spinner  customText={\"Loading\"}/></>) : (<></>)}\n             <div className=\"relative pt-20 flex max-h-screen-37 bg-darkgreen-mju\">\n                <div className=\"container px-4 relative mx-auto lg:w-10/12 mt-2 flex flex-wrap\">\n                    <div className=\"w-full lg:w-3/12 mb-2 mt-2\">\n                        <i className=\"fas fa-arrow-left text-white text-sm cursor-pointer \" onClick={() => { (RoleUser === '1') ? history.push(\"/admin/memberslist\") : history.push(\"/home\") }} >\n                            <span className='THSarabun text-2xl'>&nbsp;{locale.t(\"Main.lblBack\") }</span>\n                        </i>\n                    </div>\n                    <div className='w-full lg:w-6/12'>\n                 \n                    </div>\n                    <div className=\" mx-auto w-full\" >\n                        <div className=\"flex flex-wrap mt-4\">\n                            <div className=\"w-full px-4 \">\n                            <>\n                            <div className=\"relative flex flex-col min-w-0 break-words w-full mb-6 shadow-lg rounded-2xl bg-blueGray-100 border-0\">\n                                <form onSubmit={formik.handleSubmit}> \n                                <div className=\"rounded-t-2xl bg-white mb-0 px-3 py-3\">\n                                <div className=\"text-center flex justify-between \">\n                                    <div>\n                                    <h3 className=\"text-blueGray-700 text-lg font-bold mt-2\">{locale.t(\"Menu.lblAccount\")}</h3>\n                                    </div>\n                                    <div>\n                                    {(enableControl && !isNew) ? <button\n                                        className=\"bg-green-mju text-white active:bg-lightBlue-600 font-bold  text-sm px-2 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none mr-1 ease-linear transition-all duration-150\"\n                                        type=\"button\"\n                                        onClick={ () => {EnableControl(false)}}\n                                    >\n                                    <i className=\"fas fa-pencil-alt\"></i>&nbsp;{locale.t(\"Button.lblEdit\")}\n                                    </button> :\n                                    <>\n                                        <button\n                                        className={\"bg-rose-mju text-white active:bg-rose-mju font-bold  text-sm px-2 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none mr-1 ease-linear transition-all duration-150\" + ((isNew ? \" hidden\" : \" \"))}\n                                        type=\"button\"\n                                        onClick={() =>{EnableControl(true)}}\n                                        >\n                                            <i className=\"fas fa-pencil-alt\"></i>&nbsp;{locale.t(\"Button.lblDrop\")}\n                                        </button>     \n                                        <button\n                                        className=\"bg-blue-save-mju text-white active:bg-blueactive-mju font-bold  text-sm px-2 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none mr-1 ease-linear transition-all duration-150\" \n                                        type=\"submit\"\n                                        >\n                                            <i className=\"fas fa-save\"></i>&nbsp;{locale.t(\"Button.lblSave\")}\n                                        </button>\n                                    </>\n                                    }\n                                    </div>\n                                </div>\n                                </div>\n                                <div className=\"flex-auto px-4 lg:px-10 py-10 pt-0\">\n                                    <div className=\"flex flex-wrap  mt-6\">\n                                    <div className=\"w-full lg:w-2/12 \">\n                                        <div className=\"relative w-full mb-3\">\n                                            <div className=\"image-upload\">\n                                                <label htmlFor=\"file-input\" className=\"cursor-pointer\">\n                                                <img\n                                                    alt=\"...\"\n                                                    className=\"img-member w-full rounded-full align-middle border-none shadow-lg\"\n                                                    src={  ((postImage) ? postImage  :  require(\"assets/img/noimg.png\").default) }\n                                                />\n                                                </label>\n                                                <input id=\"file-input\" type=\"file\" accept=\"image/jpg, image/jpeg, image/png\" onChange={(e) => handleFileUpload(e)}  disabled={enableControl} />\n                                            </div>\n                                        </div>\n                                    </div>\n                                    <div className=\"w-full lg:w-10/12\">\n                                        <div className=\"flex flex-wrap\">\n                                        <div className=\"w-full lg:w-6/12 px-4\">\n                                            <div className=\"relative lg:w-6/12  mb-3\">\n                                            <label className=\"block  text-blueGray-600 text-sm font-bold mb-2\">\n                                                {locale.t(\"Account.info.lblAccountCode\")}<span className=\"text-red-500\"> *</span>\n                                            </label>\n                                            <input\n                                                type=\"text\"\n                                                className=\"border-0 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                                                autoComplete=\"off\"\n                                                id=\"accountCode\"\n                                                name=\"accountCode\"\n                                                onChange={formik.handleChange}\n                                                onBlur={formik.handleBlur}\n                                                value={formik.values.accountCode}\n                                                disabled={enableControl}\n                                            />\n                                            {formik.touched.accountCode && formik.errors.accountCode ? (\n                                                <div className=\"text-sm py-2 px-2 text-red-500\">{formik.errors.accountCode}</div>\n                                            ) : null}\n                                            </div>\n                                        </div>\n                                        <div className=\"w-full lg:w-6/12 px-4\">\n                                            <div className=\"float-right\">\n                                            {/* <div className=\"relative w-full mb-3 text-center flex justify-between\">\n                                                <span className=\"text-sm font-bold text-center flex justify-between\"><span className=\"mt-2\">{locale.t(\"Account.info.lblActive\")}</span> &nbsp; \n                                                <Switch \n                                                isOn={value}\n                                                id=\"isActivated\"\n                                                name=\"isActivated\"\n                                                onColor=\"#0EA6E9\"\n                                                float=\"right\"\n                                                handleToggle={() => {setValue(!value)}}\n                                                disble={enableControl}\n                                                />\n                                                </span>\n                                            </div> */}\n                                            </div>\n                                        </div>\n                                        <div className=\"w-full lg:w-3-1/12 px-4 py-1\">\n                                            <div className=\"relative w-full mb-3\">\n                                            <label className=\"block  text-blueGray-600 text-sm font-bold mb-2\">\n                                                {locale.t(\"Account.info.lblTitle\")}\n                                            </label>\n                                                <Select\n                                                id=\"title\"\n                                                name=\"title\"\n                                                onChange={value => {formik.setFieldValue('title',value.value)}}\n                                                className=\"border-0 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\" \n                                                options={ ((Storage.GetLanguage()===\"th\") ? options : optionsEng)}\n                                                value={defaultValue(((Storage.GetLanguage()===\"th\") ? options : optionsEng), formik.values.title)}\n                                                isDisabled={enableControl}\n                                                />\n                                            </div> \n                                        </div>\n                                        <div className=\"w-full lg:w-3-2/12 px-4 py-1\">\n                                            <div className=\"relative w-full mb-3\">\n                                            <label\n                                                className=\"block  text-blueGray-600 text-sm font-bold mb-2\"\n                                            >\n                                                {locale.t(\"Account.info.lblFirstName\")}<span className=\"text-red-500\"> *</span>\n                                            </label>\n                                            <input\n                                                type=\"text\"\n                                                className=\"border-0 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                                                id=\"firstName\"\n                                                name=\"firstName\"\n                                                autoComplete=\"firstName\"\n                                                onChange={formik.handleChange}\n                                                onBlur={formik.handleBlur}\n                                                value={formik.values.firstName}\n                                                disabled={enableControl}\n                                            />\n                                            {formik.touched.firstName && formik.errors.firstName ? (\n                                                <div className=\"text-sm py-2 px-2 text-red-500\">{formik.errors.firstName}</div>\n                                            ) : null}\n                                            </div>\n                                        </div>\n                                        <div className=\"w-full lg:w-3-2/12 px-4 py-1\">\n                                            <div className=\"relative w-full mb-3\">\n                                            <label\n                                                className=\"block  text-blueGray-600 text-sm font-bold mb-2\"\n                                            >\n                                                {locale.t(\"Account.info.lblLastName\")}<span className=\"text-red-500\"> *</span>\n                                            </label>\n                                            <input\n                                                type=\"text\"\n                                                className=\"border-0 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                                                id=\"lastName\"\n                                                name=\"lastName\"\n                                                onChange={formik.handleChange}\n                                                onBlur={formik.handleBlur}\n                                                value={formik.values.lastName}\n                                                disabled={enableControl}\n                                                autoComplete=\"lastName\"\n                                            />\n                                            {formik.touched.lastName && formik.errors.lastName ? (\n                                                <div className=\"text-sm py-2 px-2 text-red-500\">{formik.errors.lastName}</div>\n                                            ) : null}\n                                            </div>\n                                        </div>\n                                        </div>\n                                    </div>\n                                    </div>\n                                    {/* <hr className=\"mt-6 border-b-1 border-blueGray-300\" /> */}\n\n                                    {/* <h6 className=\"text-blueGray-400 text-sm mt-3 mb-6 font-bold uppercase\">\n                                    Contact Information\n                                    </h6> */}\n                                    <div className=\"flex flex-wrap\">\n                                    <div className=\"w-full lg:w-6/12 px-4 py-1\">\n                                        <div className=\"relative w-full mb-3\">\n                                        <label className=\"block  text-blueGray-600 text-sm font-bold mb-2\">\n                                            {locale.t(\"Account.list.lblEmail\")}<span className=\"text-red-500\"> *</span>\n                                        </label>\n                                        <input\n                                            type=\"text\"\n                                            className=\"border-0 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                                            id=\"email\"\n                                            name=\"email\"\n                                            onChange={formik.handleChange}\n                                            onBlur={formik.handleBlur}\n                                            value={formik.values.email}\n                                            disabled={enableControl}\n                                            autoComplete=\"new-password\"\n                                        />\n                                        {formik.touched.email && formik.errors.email ? (\n                                                <div className=\"text-sm py-2 px-2 text-red-500\">{formik.errors.email}</div>\n                                            ) : null}\n                                        </div>\n                                    </div>\n                                    <div className=\"w-full lg:w-6/12 px-4 py-1\">\n                                        <div className=\"relative w-full mb-3\">\n                                        <label\n                                            className=\"block  text-blueGray-600 text-sm font-bold mb-2\"\n                                        >\n                                            {locale.t(\"Account.info.lblPhoneNumber\")}<span className=\"text-red-500\"> *</span>\n                                        </label>\n                                        <input\n                                            type=\"text\"\n                                            className=\"border-0 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                                            id=\"phoneNumber\"\n                                            name=\"phoneNumber\"\n                                            maxLength={10}\n                                            onChange={(event) => {\n                                            onHandleTelephoneChange(event);\n                                            }}\n                                            onBlur={formik.handleBlur}\n                                            value={formik.values.phoneNumber}\n                                            disabled={enableControl}\n                                            autoComplete=\"new-password\"\n                                        />\n                                        {formik.touched.phoneNumber && formik.errors.phoneNumber ? (\n                                                <div className=\"text-sm py-2 px-2 text-red-500\">{formik.errors.phoneNumber}</div>\n                                            ) : null}\n                                        </div>\n                                    </div>\n                                    <div className=\"w-full lg:w-6/12 px-4 py-1\">\n                                        <div className=\"flex flex-wrap\">\n                                        <div className=\"w-full lg:w-4/12\">\n                                            <label\n                                            className=\"block  text-blueGray-600 text-sm font-bold mb-2\"\n                                            >\n                                            {locale.t(\"Account.info.lblBirthDate\")}<span className=\"text-red-500\"> *</span>\n                                            </label>\n                                            <DatePicker\n                                            value={selectedDay}\n                                            onChange={(e) => {setSelectedDay(e); CalBirthDay(e); }}\n                                            renderInput={renderCustomInput} // render a custom input\n                                            shouldHighlightWeekends\n                                            />\n                                            {formik.touched.birthDate && formik.errors.birthDate ? (\n                                                <div className=\"text-sm py-2 px-2 text-red-500\">{formik.errors.birthDate}</div>\n                                            ) : null}\n                                        </div>\n                                        <div className=\"w-full lg:w-4/12\">\n                                            <label className=\"block  text-blueGray-600 text-sm font-bold mb-2\">\n                                            {locale.t(\"Account.info.lblAge\")}\n                                            </label>\n                                            <input\n                                                    type=\"text\"\n                                                    className=\"border-0 px-2 py-1  w-80 mb-4 laceholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring ease-linear transition-all duration-150\"\n                                                    id=\"NumOfHours\"\n                                                    name=\"NumOfHours\"\n                                                    value={dayBirth}\n                                                    onBlur={formik.handleBlur}\n                                                    readOnly={true}\n                                                    disabled={enableControl}\n                                            \n                                            />\n                                            <span className=\"text-sm font-bold\"> &nbsp;ปี</span>\n                                        </div>\n                                        <div className=\"w-full lg:w-4/12\">\n                                            <label\n                                            className=\"block  text-blueGray-600 text-sm font-bold mb-2\"\n                                            >\n                                            {locale.t(\"Account.info.lblGender\")}\n                                            </label>\n                                            <Select\n                                                id=\"gender\"\n                                                name=\"gender\"\n                                                onChange={value => {formik.setFieldValue('gender',value.value)}}\n                                                className=\"border-0 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\" \n                                                options={((Storage.GetLanguage()===\"th\") ? optionsGender : optionsGenderEng)}\n                                                value={defaultValue(((Storage.GetLanguage()===\"th\") ? optionsGender : optionsGenderEng), formik.values.gender)}\n                                                isDisabled={enableControl}\n                                                />\n                                        </div>\n                                        </div>\n                                    </div>\n                                    <div className=\"w-full lg:w-6/12 px-4 py-1\">\n                                        <div className=\"relative w-full mb-3\">\n                                        <label className=\"block  text-blueGray-600 text-sm font-bold mb-2\">\n                                            {locale.t(\"Account.info.lblGroup\")}\n                                        </label>\n                                        <input\n                                            type=\"text\"\n                                            className=\"border-0 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                                            id=\"groupMember\"\n                                            name=\"groupMember\"\n                                            onChange={formik.handleChange}\n                                            onBlur={formik.handleBlur}\n                                            value={formik.values.groupMember}\n                                            disabled={enableControl}\n                                            autoComplete=\"new-password\"\n                                        />\n                                        </div>\n                                    </div>\n                                    <div className=\"w-full lg:w-6/12 px-4 py-1\">\n                                        <div className=\"relative w-full mb-3\">\n                                        <label className=\"block  text-blueGray-600 text-sm font-bold mb-2\">\n                                            {locale.t(\"Account.list.lblRole\")}\n                                        </label>\n                                        <Select  \n                                            id=\"role\"\n                                            name=\"role\"\n                                            onChange={value => {  formik.setFieldValue('role',value.value)}}\n                                            //value={formik.values.title}\n                                            className=\"border-0 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm-select shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\" \n                                            options={ ((Storage.GetLanguage()===\"th\") ? optionsRole : optionsRoleEng)} \n                                            value={defaultValue(((Storage.GetLanguage()===\"th\") ? optionsRole : optionsRoleEng), formik.values.role)}\n                                            isDisabled={true}/>\n                                        </div>\n                                    </div>\n                                    <div className=\"w-full lg:w-6/12 px-4 py-1\">\n                                        <div className=\"relative w-full mb-3\">\n                                        <label className=\"block  text-blueGray-600 text-sm font-bold mb-2\">\n                                            {locale.t(\"Account.list.lblLearningPath\")}\n                                        </label>\n                                        <Select\n                                            id=\"learningPathId\"\n                                            name=\"learningPathId\"\n                                            onChange={value => {  formik.setFieldValue('learningPathId',value.value)}}\n                                            //value={formik.values.title}\n                                            className=\"border-0 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm-select shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\" \n                                            options={((Storage.GetLanguage()===\"th\") ? optionsLearning : optionsLearningEng)} \n                                            value={defaultValue(((Storage.GetLanguage()===\"th\") ? optionsLearning : optionsLearningEng), formik.values.learningPathId)}\n                                            isDisabled={true}/>\n                                        </div>\n                                    </div>\n                                    <div className=\"w-full lg:w-6/12 px-4 py-1\">\n                                        <div className=\"relative w-full mb-3\">\n                                        <label className=\"block  text-blueGray-600 text-sm font-bold mb-2\">\n                                            {locale.t(\"Account.info.lblPassword\")}\n                                        </label>\n                                        <input\n                                            type=\"password\"\n                                            className=\"border-0 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                                            id=\"password\"\n                                            name=\"password\"\n                                            onChange={(e) => {\n                                            if(e.target.value !== valueConfirm ) \n                                            {\n                                                setConfirmPassword(e.target.value);\n                                            }\n                                            else if (e.target.value === \"\" && valueConfirm === \"\")\n                                            {\n                                                setConfirmPassword(null);\n                                            }\n                                            formik.handleChange(e);\n                                            }}\n                                            onBlur={formik.handleBlur}\n                                            value={formik.values.password}\n                                            disabled={enableControl}\n                                        />\n                                        {formik.touched.password && formik.errors.password ? (\n                                                <div className=\"text-sm py-2 px-2 text-red-500\">{formik.errors.password}</div>\n                                            ) : null}\n                                        </div>\n                                    </div>\n                                    <div className=\"w-full lg:w-6/12 px-4 py-1\">\n                                        <div className=\"relative w-full mb-3\">\n                                        <label className=\"block  text-blueGray-600 text-sm font-bold mb-2\">\n                                            {locale.t(\"Account.info.lblConfirmPassword\")}\n                                        </label>\n                                        <input\n                                            type=\"password\"\n                                            className=\"border-0 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                                            id=\"confirmPassword\"\n                                            name=\"confirmPassword\"\n                                            onChange={e=>{ validateConfirm(e.target.value); setValueConfirm(e.target.value); }}\n                                            disabled={enableControl}\n                                            value={valueConfirm}\n                                        />\n                                        {confirmPassword ? (\n                                                <div className=\"text-sm py-2 px-2 text-red-500\">* รหัสผ่านไม่ตรงกัน</div>\n                                            ) : null}\n                                        </div>\n                                    </div>\n                                    <div className=\"w-full lg:w-6/12 px-4 py-1\">\n                                        <div className=\"relative w-full mb-5\">\n                                        <label className=\"block  text-blueGray-600 text-sm font-bold mb-2\">\n                                            {locale.t(\"Account.info.lblAddress\")}\n                                        </label>\n                                        <input\n                                            type=\"text\"\n                                            className=\"border-0 px-2 py-1 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                                            id=\"address\"\n                                            name=\"address\"\n                                            onChange={formik.handleChange}\n                                            onBlur={formik.handleBlur}\n                                            value={formik.values.address}\n                                            disabled={enableControl}\n                                            autoComplete=\"new-password\"\n                                        />\n                                        </div>\n                                        <div className=\"relative w-full mb-3\">\n                                        <div className=\"flex flex-wrap\">\n                                            <div className=\"w-full lg:w-4/12 mb-4\">\n                                            <label className=\"block  text-blueGray-600 text-sm font-bold mb-2\">\n                                                {locale.t(\"Account.info.lblProvince\")}\n                                            </label>\n                                                <Select  \n                                                id=\"province\"\n                                                name=\"province\"\n                                                onChange={value => { \n                                                    formik.setFieldValue('province',value.value); \n                                                    GetAddress(\"district\",value.value); \n                                                }}\n                                                className=\"border-0 placeholder-blueGray-300 w-90 text-blueGray-600 bg-white rounded text-sm-select shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\" \n                                                options={ ((Storage.GetLanguage() === \"th\") ?  dataProvice : dataProviceEng)} \n                                                menuPlacement=\"top\"\n                                                value={defaultValue(((Storage.GetLanguage() === \"th\") ?  dataProvice : dataProviceEng), formik.values.province)}\n                                                isDisabled={enableControl}/>\n                                            </div>\n                                            <div className=\"w-full lg:w-4/12 mb-4\">\n                                            <label className=\"block  text-blueGray-600 text-sm font-bold mb-2\">\n                                                {locale.t(\"Account.info.lblDistrict\")}\n                                            </label>\n                                                <Select  \n                                                id=\"district\"\n                                                name=\"district\"\n                                                onChange={value => {  formik.setFieldValue('district',value.value);\n                                                GetAddress(\"subDistrict\",value.value);}}\n                                                className=\"border-0 placeholder-blueGray-300 w-90 text-blueGray-600 bg-white rounded text-sm-select shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\" \n                                                options={ ((Storage.GetLanguage() === \"th\") ?  dataDistrict : dataDistrictEng)} \n                                                menuPlacement=\"top\"\n                                                value={defaultValue( ((Storage.GetLanguage() === \"th\") ?  dataDistrict : dataDistrictEng), formik.values.district)}\n                                                isDisabled={enableControl}/>\n                                            </div>\n                                            <div className=\"w-full lg:w-4/12\">\n                                            <label className=\"block text-blueGray-600 text-sm font-bold mb-2\">\n                                                {locale.t(\"Account.info.lblSubDistrict\")}\n                                            </label>\n                                                <Select  \n                                                id=\"subDistrict\"\n                                                name=\"subDistrict\"\n                                                onChange={value => {  formik.setFieldValue('subDistrict',value.value)}}\n                                                className=\"border-0 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm-select shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\" \n                                                options={ ((Storage.GetLanguage() === \"th\") ?  dataSubDistrict : dataSubDistrictEng)} \n                                                menuPlacement=\"top\"\n                                                value={defaultValue(((Storage.GetLanguage() === \"th\") ?  dataSubDistrict : dataSubDistrictEng), formik.values.subDistrict)}\n                                                isDisabled={enableControl}/>\n                                            </div>\n                                        </div>\n                                        </div>\n                                    </div>\n                                    <div className=\"w-full lg:w-6/12 px-4 py-1\">\n                                        <div className=\"relative w-full mb-3\">\n                                        <label className=\"block  text-blueGray-600 text-sm font-bold mb-2\">\n                                            {locale.t(\"Account.info.lblDescription\")}\n                                        </label>\n                                        <textarea\n                                            type=\"text\"\n                                            className=\"border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                                            rows=\"5\"\n                                            id=\"description\"\n                                            name=\"description\"\n                                            onChange={formik.handleChange}\n                                            onBlur={formik.handleBlur}\n                                            value={formik.values.description}\n                                            disabled={enableControl}\n                                            autoComplete=\"new-password\"\n                                        ></textarea>\n                                        </div>\n                                    </div>\n                                    </div>\n                                </div>\n                                </form>\n                            </div>\n                            </>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n        </>\n    )\n}\n","import React, { Component } from 'react'\nimport './content.css'\nimport propTypes from 'prop-types'\nimport moment from 'moment';\nimport urlPath from 'services/urlServer';\nimport axios from 'axios';\nimport FilesService from 'services/files'\nimport * as Storage from \"../../../../src/services/Storage.service\";\nimport ConfirmDialog from 'components/ConfirmDialog/ConfirmDialog';\nconst locale = require(\"react-redux-i18n\").I18n;\n\n\nclass Post extends React.Component {\n    state = {\n        like: false,\n    };\n\n    addLike = () => {\n        let changeLike = this.state.like;\n        let add;\n        // eslint-disable-next-line no-unused-expressions\n        changeLike ? (changeLike = false, add = -1)\n            : (changeLike = true, add = 1)\n\n        this.setState({\n            like: changeLike,\n        })\n\n        this.props.onAddLike({\n            likes: this.props.likes + add,\n        });\n\n    }\n    render() {\n        return (\n            <div className=\"post text-xs font-bold\">\n                <div className=\"desc\"><i className=\"far fa-comment-alt\"></i><span>&nbsp;&nbsp;{this.props.commentsNumber}</span>&nbsp;&nbsp;Comments</div>\n                {/* <div className=\"postBody\">\n                    <img src={this.props.userPic} className=\"postPic\" alt=\"user Pic\" />\n                    <div className=\"postContent\">\n                        <div className=\"postHeader\">\n                            <h2 className=\"postAuthor\" id={this.props.id}>{this.props.user}</h2>\n                            <span className=\"publishDate\">{this.props.publishDate}</span>\n                        </div>\n                        <span className=\"postText\">{this.props.content}</span>\n                        <div className=\"postDesc\">\n                            <span className=\"desc\">\n                                {this.state.like\n                                    ? <i onClick={this.addLike} className=\"fas fa-heart\"></i>\n                                    : <i onClick={this.addLike} className=\"far fa-heart\"></i>}\n                                <span>{this.props.likes} </span>\n                                Likes\n                            </span>\n                            <span className=\"desc\"><i className=\"far fa-comment\"></i><span>{this.props.commentsNumber}</span> Comments</span>\n                        </div>\n                    </div>\n                </div>\n                {this.props.children} */}\n            </div>\n        );\n    }\n}\n\nPost.propsTypes = {\n    userPic: propTypes.string.isRequired,\n    publishDate: propTypes.string.isRequired,\n    likes: propTypes.number.isRequired,\n    commentsNumber: propTypes.number.isRequired,\n    id: propTypes.number.isRequired,\n    user: propTypes.string.isRequired,\n    content: propTypes.string.isRequired,\n    onAddLike: propTypes.func.isRequired,\n}\n\n\n// const deleteComment = (id) => {\n//     axios\n//     .delete(urlPath+`/comments/${id}`,{\n//         headers: {accessToken : localStorage.getItem(\"accessToken\")}\n//     })\n//     .then(() => {\n//         CommentBox.fetchDataComment(1);\n//     });\n// }\n\n\nconst Comment = props =>\n    <div className=\"comment\">\n        <img src={props.userPic} className=\"commentPic\" alt=\"user Pic\" />\n        <div className=\"commentBody\">\n            <div className=\"commentHeader\">\n                <h3 className=\"commentAuthor\">{props.user}</h3>\n                <span className=\"publishDate\">{props.publishDate}</span>\n                <span className={\"trash\" + ((props.AddBy === localStorage.getItem('email') || localStorage.getItem('roleUser') === \"1\") ? ' block' : ' hidden')} onClick={() => props.openModalSubject(props.id)}><i className=\"fas fa-trash\"></i></span>\n                <ConfirmDialog showModal={props.modalIsOpenSubject} message={((Storage.GetLanguage() === \"th\") ? \" Comment \" : \" Comment \") } hideModal={()=>{props.closeModalSubject()}} confirmModal={() => props.deleteComment(props.deleteId)}/>\n            </div>\n            <span className=\"commentContent\">{props.content}</span>\n        </div>\n    </div>\n\nComment.propTypes = {\n    id: propTypes.number.isRequired,\n    user: propTypes.string.isRequired,\n    content: propTypes.string.isRequired,\n    userPic: propTypes.string.isRequired,\n};\n\nclass CreateComment extends React.Component {\n\n    state = {\n        content: \"\"\n    };\n\n    handleTextChange = e => {\n        const content = e.target.value;\n        this.setState({\n            content,\n        });\n    }\n\n    handleSubmit = (e) => {\n        e.preventDefault();\n        const fullName = localStorage.getItem('fullName');\n        const defaultPicture = require(\"assets/img/noimg.png\").default;\n        const profilePicture = ((localStorage.getItem('profilePicture') === \"\") ?  defaultPicture :  localStorage.getItem('profilePicture'));\n        const timeago = moment(new Date()).fromNow();\n        const email = localStorage.getItem('email');\n        this.props.onCommentSubmit({\n            user: fullName,\n            content: this.state.content.trim(),\n            userPic: profilePicture,\n            publishDate: timeago,\n            AddBy: email\n        });\n        this.setState({\n            content: \"\",\n        });\n    }\n\n    render() {\n        return (\n            <form onSubmit={this.handleSubmit} className=\"createComment p-2 rounded-lg\">\n                <label htmlFor=\"comment\" className='text-xs font-bold mt-2'>{locale.t(\"Main.lblComment\")}</label>\n                <textarea className='textComment rounded-lg text-xs px-2 py-2'\n                    id=\"comment\"\n                    type=\"text\"\n                    placeholder={locale.t(\"Main.lblYourComment\")}\n                    value={this.state.content}\n                    onChange={this.handleTextChange}\n                    required />\n                <div className='btnComment w-full text-right'>\n                    <button className='btn-cancel lg:w-2/12 py-1 text-xs buttonOutlineNone font-bold' type=\"button\">{locale.t(\"Button.lblCancel\")}</button>\n                    &nbsp;&nbsp;\n                    <button className='btn-comment lg:w-2/12 py-1 text-xs px-2 py-2  font-bold' type=\"submit\">{locale.t(\"Main.lblPost\")}</button>\n                </div>\n            </form>\n        );\n    }\n}\n\nCreateComment.propTypes = {\n    onCommentSubmit: propTypes.func.isRequired,\n    content: propTypes.string\n};\n\n\n\nexport default class CommentBox extends Component {\n\n    constructor(props) {\n        super(props);\n        this.state = {\n            comments: this.props.comments,\n            likes: this.props.post.likes,\n            commentsNumber: this.props.post.commentsNumber,\n            SubjectId:this.props.SubjectId,\n            showModel: false,\n            deleteId:''\n        };\n        this.fetchDataComment(this.state.SubjectId);\n    }\n    \n    fetchDataComment = (id) => {\n        const defaultPicture = require(\"assets/img/noimg.png\").default;\n\n        axios.get(urlPath+`/commentssubjects/bySubject/${id}`,{\n            headers: {accessToken : localStorage.getItem(\"accessToken\")}\n          }).then((response) => {\n            if(response.data !== null) {\n                var JsonLearning = [];\n                response.data.forEach(val => {\n                    JsonLearning.push({id:val.id,user: val.UserName,content: val.TextComment,userPic:((val.UserImage.data.length === 0) ? defaultPicture : FilesService.buffer64(val.UserImage)),publishDate:moment(val.createdAt).fromNow(),AddBy:val.AddBy });\n                });\n                this.setState({comments:JsonLearning});\n                this.setState({commentsNumber:JsonLearning.length});\n            }\n        });\n    } \n\n    deleteComment = (id) => {\n        axios\n        .post(urlPath+`/delete/commentssubjects/${id}`,{},{\n            headers: {accessToken : localStorage.getItem(\"accessToken\")}\n        })\n        .then(() => {\n            this.setState({\n                showModel: false,\n            });\n            this.setState({comments:this.state.comments.filter(value => value.id !== id)});\n        });\n    }\n\n     handleCommentSubmit = async comment => {\n        const comments = this.state.comments;\n        comment.id = Date.now();\n        const newComments = [comment].concat(comments);\n        const defaultPicture = require(\"assets/img/noimg.png\").default;\n        const fullName = localStorage.getItem('fullName');\n        const profilePicture = ((localStorage.getItem('profilePicture') === \"\") ?  defaultPicture :  localStorage.getItem('profilePicture'));\n        const email = localStorage.getItem('email');\n        const data = {\n            TextComment: comment.content,\n            UserName:fullName,\n            UserImage:profilePicture,\n            RelatedTable:\"Courses\",\n            RelatedId:this.state.SubjectId,\n            SubjectId:this.state.SubjectId,\n            IsDeleted:false,\n            AddBy:email,\n            EditBy:''\n        }\n        this.InsertComment(data,newComments);\n    }\n\n    InsertComment = (value,newComments) => {\n        axios.post(urlPath+\"/commentssubjects\",value,{\n            headers: {accessToken : localStorage.getItem(\"accessToken\")}\n          }).then((response)=> {\n            if(response.data.error) \n            {\n                console.log(response.data.error);\n            }\n            else \n            {\n                newComments[0].id = response.data.id;\n                this.setState({\n                    comments: newComments,\n                    commentsNumber: this.state.commentsNumber + 1,\n                });\n            }\n        });\n    }\n    openModalSubject = (id) => {\n        this.setState({\n            showModel: true,\n            deleteId:id\n        });\n    }\n\n    closeModalSubject = () => {\n        this.setState({\n            showModel: false,\n        });\n    }\n\n    handleLike = changeLikesNum => {\n        const LikesNum = changeLikesNum.likes;\n        this.setState({\n            likes: LikesNum,\n        });\n    }\n\n    render() {\n        return (\n            <div className=\"commentBox w-full\">\n                <Post\n                    publishDate={this.props.post.publishDate}\n                    userPic={this.props.post.userPic}\n                    likes={this.state.likes}\n                    commentsNumber={this.state.commentsNumber}\n                    id={this.props.post.id}\n                    content={this.props.post.content}\n                    user={this.props.post.user}\n                    onAddLike={this.handleLike}>\n                    <CreateComment\n                        onCommentSubmit={this.handleCommentSubmit}\n                    />\n                </Post>\n                <CreateComment\n                    onCommentSubmit={this.handleCommentSubmit}\n                />\n                {\n                    this.state.comments.map((comment) =>\n                        <Comment\n                            publishDate={comment.publishDate}\n                            key={comment.id}\n                            id={comment.id}\n                            content={comment.content}\n                            user={comment.user}\n                            userPic={comment.userPic} \n                            deleteComment={this.deleteComment}\n                            modalIsOpenSubject={this.state.showModel}\n                            openModalSubject={this.openModalSubject}\n                            closeModalSubject={this.closeModalSubject}\n                            deleteId={this.state.deleteId}\n                            AddBy={comment.AddBy}\n                        />\n                    )\n                }\n            </div>\n        )\n    }\n}\n\nCommentBox.propTypes = {\n    post: propTypes.arrayOf(propTypes.object),\n    comments: propTypes.arrayOf(propTypes.object),\n    SubjectId: propTypes.string\n};\n\n","import React, { useState, useEffect, forwardRef ,useRef } from 'react'\nimport { useHistory } from \"react-router-dom\";\nimport axios from \"axios\";\nimport { useParams } from \"react-router-dom\";\nimport urlPath from 'services/urlServer';\nimport './content.css'\n// import ReactQuill from 'react-quill';\nimport FilesService from 'services/files'\nimport { useFormik  } from \"formik\";\nimport Spinner from 'components/Loadings/spinner/Spinner';\nimport * as Storage from \"../../../../src/services/Storage.service\";\nimport SunEditor from 'suneditor-react';\nimport 'suneditor/dist/css/suneditor.min.css';\nimport ReactToPrint, { PrintContextConsumer } from \"react-to-print\";\n// import Pdf from \"react-to-pdf\";\n// import { BlobProvider, PDFDownloadLink } from '@react-pdf/renderer'\nimport CommentBox from './CommentBox';\nconst locale = require(\"react-redux-i18n\").I18n;\n\nexport default function Content() {\n    let { id } = useParams();\n    const [subjectData, setSubjectData] = useState([]);\n    const [attachData, setAttachData] = useState([]);\n    const [isLoading, setIsLoading] = useState(false);\n    const history = useHistory();\n    const ref = useRef();\n    const [windowWidth, setWindowWidth] = useState(0);\n    let resizeWindow = () => {\n        setWindowWidth(window.innerWidth);\n      };\n    \n    const pageStyle = `\n    @media print {\n        .pagebreak {\n          page-break-before: always;\n        }\n      }`;\n    async function fetchSubject() {\n        setIsLoading(true);\n        axios.get(urlPath+`/subjects/byId/${id}`).then((response) => {\n            response.data.ContentTH = FilesService.buffer64UTF8(response.data.ContentTH)\n            response.data.ContentENG = FilesService.buffer64UTF8(response.data.ContentENG)\n            formik.setFieldValue(\"ContentTH\",response.data.ContentTH, false);\n            formik.setFieldValue(\"ContentENG\",response.data.ContentENG, false);\n            axios.get(urlPath+`/attachs/bySubjectsId/${response.data.id}`,{\n                headers: {accessToken : localStorage.getItem(\"accessToken\")}\n              }).then((res) => {\n                if(res.data !== null) {\n                   setAttachData(res.data)\n                   setIsLoading(false);\n                }\n            });\n            setSubjectData(response.data);\n        });\n    }\n\n    useEffect(() => {\n        fetchSubject();\n        setWindowWidth(window.innerWidth);\n        window.addEventListener(\"resize\", resizeWindow);\n        return () => { window.removeEventListener(\"resize\", resizeWindow); };\n    }, []);\n\n    \n    const formik = useFormik({\n        initialValues : {\n            ContentTH:'',\n            ContentENG:'',\n       },\n       onSubmit: values => {\n       \n       }\n     });\n\n    const DownloadFile = (e,title) => {\n        setIsLoading(true);\n        setTimeout(() => {\n          var a = document.createElement(\"a\"); //Create <a>\n          a.href = FilesService.buffer64(e); //Image Base64 Goes here\n          a.download =title; //File name Here\n          a.click();\n        }, 1000);\n        setTimeout(() => {\n          setIsLoading(false);\n        }, 3000);\n    }\n\n    const PDFFile = (e,type) => {\n        if(type === 'application/pdf' || type === 'image/jpeg' || type === 'image/png') {\n            setIsLoading(true);\n            setTimeout(() => {\n    \n    \n                var pdfResult = FilesService.buffer64(e);      \n                let pdfWindow = window.open(\"\")\n                if(type === 'application/pdf')\n                    pdfWindow.document.write(\"<embed width='100%' height='100%' src='\" + encodeURI(pdfResult) + \"' />\")\n                else   pdfWindow.document.write(\"<embed src='\" + encodeURI(pdfResult) + \"' />\")\n    \n            }, 1000);\n            setTimeout(() => {\n              setIsLoading(false);\n            }, 3000);\n        }\n    }\n\n    const ComponentToPrint = forwardRef((props, ref) => {\n        return <div ref={ref}>\n            <div className=' pagebreak lg:w-10/12 leading-none mx-auto py-3 mb-3 mt-6 ReactQuill-Editor'>\n                {(Storage.GetLanguage() === \"th\") ?\n                    <SunEditor\n                        disable={true}\n                        hideToolbar={true} \n                        setDefaultStyle=\"font-family: THSarabun; font-size: 18px;\" \n                        width=\"100%\"\n                        height=\"100%\"\n                        setContents={formik.values.ContentTH}\n                        setOptions={{\n                        buttonList: [\n                        [\n                            \"undo\",\n                            \"redo\",\n                            \"font\",\n                            \"fontSize\",\n                            \"formatBlock\",\n                            \"paragraphStyle\",\n                            \"blockquote\",\n                            \"bold\",\n                            \"underline\",\n                            \"italic\",\n                            \"strike\",\n                            \"fontColor\",\n                            \"hiliteColor\",\n                            \"textStyle\",\n                            \"removeFormat\",\n                            \"outdent\",\n                            \"indent\",\n                            \"align\",\n                            \"horizontalRule\",\n                            \"list\",\n                            \"lineHeight\",\n                            \"table\",\n                            \"link\",\n                            \"image\",\n                            \"video\",\n                            \"fullScreen\",\n                            \"codeView\",\n                        ]\n                        ]\n                    }}/>\n                    : \n                    <SunEditor\n                        disable={true}\n                        hideToolbar={true} \n                        setDefaultStyle=\"font-family: THSarabun; font-size: 18px;\" \n                        width=\"100%\"\n                        height=\"100%\"\n                        setContents={formik.values.ContentENG}\n                        setOptions={{\n                        buttonList: [\n                        [\n                            \"undo\",\n                            \"redo\",\n                            \"font\",\n                            \"fontSize\",\n                            \"formatBlock\",\n                            \"paragraphStyle\",\n                            \"blockquote\",\n                            \"bold\",\n                            \"underline\",\n                            \"italic\",\n                            \"strike\",\n                            \"fontColor\",\n                            \"hiliteColor\",\n                            \"textStyle\",\n                            \"removeFormat\",\n                            \"outdent\",\n                            \"indent\",\n                            \"align\",\n                            \"horizontalRule\",\n                            \"list\",\n                            \"lineHeight\",\n                            \"table\",\n                            \"link\",\n                            \"image\",\n                            \"video\",\n                            \"fullScreen\",\n                            \"codeView\",\n                        ]\n                        ]\n                    }}/>\n                }\n                </div>\n            </div>;\n        });\n      \n    return (\n        <>\n            {isLoading ? ( <> <Spinner  customText={\"Loading\"}/></>) : (<></>)}\n            <div className=\"container pt-20 px-4 relative mx-auto lg:w-10/12 flex flex-wrap\">\n                <div className='mx-auto w-full header-bar'>\n                    <div className=\" flex flex-wrap items-center justify-between w-3\">\n                        <div>\n                            <i className=\"fas fa-arrow-left text-sm cursor-pointer \" onClick={() => history.goBack()}>\n                                <span className='THSarabun text-2xl'>&nbsp;{locale.t(\"Main.lblBack\")}</span>\n                            </i>\n                        </div>\n                        <div className='py-2'>\n                            {/* <button\n                                className={\"bg-orange-mju text-white active:bg-orange-mju font-bold  text-sm px-2 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none mr-1 ease-linear transition-all duration-150\" }\n                                type=\"button\"\n                                onClick={() => {print((Storage.GetLanguage() === \"th\") ? formik.values.ContentTH : formik.values.ContentENG )}}\n                            >\n                                <i class=\"fas fa-print\"></i>&nbsp;{locale.t(\"Button.lblPrint\")}\n                            </button>      */}\n                            <ReactToPrint pageStyle={pageStyle} content={() => ref.current}>\n                                <PrintContextConsumer>\n                                {({ handlePrint }) => (\n                                    <button className={\"bg-orange-mju text-white active:bg-orange-mju font-bold  text-sm px-2 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none mr-1 ease-linear transition-all duration-150\" } onClick={handlePrint}><i class=\"fas fa-print\"></i>&nbsp;{locale.t(\"Button.lblPrint\")}</button>\n                                )}\n                                </PrintContextConsumer>\n                            </ReactToPrint>\n                            <div style={{ display: 'none' }}>\n                                <ComponentToPrint ref={ref} />\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n                <div className='w-full mt-3'>\n                    <div className=\"min-h-screen-35 px-4 py-4 relative flex flex-col min-h-3 break-words bg-white w-full mb-6 rounded-lg shadow-lg\">\n                            {(Storage.GetLanguage() === \"th\") ?\n                                <div className='w-full lg:w-10/12 text-2xl font-bold mx-auto mt-3 mb-3 leading-normal'>{subjectData.SubjectNameTH}</div>\n                                : <div className='w-full lg:w-10/12 text-2xl font-bold mx-auto mt-3 mb-3 leading-normal'>{subjectData.SubjectNameENG}</div>\n                            }   \n                        <div className='course-content lg:w-10/12 leading-none mx-auto py-3 mb-3 ReactQuill-Editor'>\n                        {(Storage.GetLanguage() === \"th\") ?\n                            // <ReactQuill\n                            //     theme=\"snow\"\n                            //     placeholder={\"Write something awesome...\"}\n                            //     readOnly={true}\n                            //     value={formik.values.ContentTH}\n                            //     onChange={v =>  formik.setFieldValue('ContentTH', v)} \n                            //     modules={{\n                            //         // syntax: true,\n                            //         toolbar: null\n                            //     }}\n                            //     formats={[\n                            //         'header',\n                            //         'bold', 'italic', 'underline', 'strike', 'blockquote',\n                            //         'list', 'bullet', 'indent',\n                            //         'link', 'image','video',\n                            //         'align',\n                            //         'code-block'\n                            //         ]}\n                            // />\n                            <SunEditor\n                                disable={true}\n                                hideToolbar={true} \n                                setDefaultStyle=\"font-family: THSarabun; font-size: 18px;\" \n                                width=\"100%\"\n                                height=\"100%\"\n                                setContents={formik.values.ContentTH}\n                                setOptions={{\n                                buttonList: [\n                                [\n                                    \"undo\",\n                                    \"redo\",\n                                    \"font\",\n                                    \"fontSize\",\n                                    \"formatBlock\",\n                                    \"paragraphStyle\",\n                                    \"blockquote\",\n                                    \"bold\",\n                                    \"underline\",\n                                    \"italic\",\n                                    \"strike\",\n                                    \"fontColor\",\n                                    \"hiliteColor\",\n                                    \"textStyle\",\n                                    \"removeFormat\",\n                                    \"outdent\",\n                                    \"indent\",\n                                    \"align\",\n                                    \"horizontalRule\",\n                                    \"list\",\n                                    \"lineHeight\",\n                                    \"table\",\n                                    \"link\",\n                                    \"image\",\n                                    \"video\",\n                                    \"fullScreen\",\n                                    \"codeView\",\n                                ]\n                                ]\n                            }}/>\n                            : \n                            // <ReactQuill\n                            //     theme=\"snow\"\n                            //     placeholder={\"Write something awesome...\"}\n                            //     readOnly={true}\n                            //     value={formik.values.ContentENG}\n                            //     onChange={v =>  formik.setFieldValue('ContentENG', v)} \n                            //     modules={{\n                            //         // syntax: true,\n                            //         toolbar: null\n                            //     }}\n                            //     formats={[\n                            //         'header',\n                            //         'bold', 'italic', 'underline', 'strike', 'blockquote',\n                            //         'list', 'bullet', 'indent',\n                            //         'link', 'image','video',\n                            //         'align',\n                            //         'code-block'\n                            //         ]}\n                            // />\n                            <SunEditor\n                                disable={true}\n                                hideToolbar={true} \n                                setDefaultStyle=\"font-family: THSarabun; font-size: 18px;\" \n                                width=\"100%\"\n                                height=\"100%\"\n                                setContents={formik.values.ContentENG}\n                                setOptions={{\n                                buttonList: [\n                                [\n                                    \"undo\",\n                                    \"redo\",\n                                    \"font\",\n                                    \"fontSize\",\n                                    \"formatBlock\",\n                                    \"paragraphStyle\",\n                                    \"blockquote\",\n                                    \"bold\",\n                                    \"underline\",\n                                    \"italic\",\n                                    \"strike\",\n                                    \"fontColor\",\n                                    \"hiliteColor\",\n                                    \"textStyle\",\n                                    \"removeFormat\",\n                                    \"outdent\",\n                                    \"indent\",\n                                    \"align\",\n                                    \"horizontalRule\",\n                                    \"list\",\n                                    \"lineHeight\",\n                                    \"table\",\n                                    \"link\",\n                                    \"image\",\n                                    \"video\",\n                                    \"fullScreen\",\n                                    \"codeView\",\n                                ]\n                                ]\n                            }}/>\n                        }\n\n                        </div>\n                        \n                        <div className={((attachData.length > 0) ? ' block' : ' hidden')}>   \n                            <div className='font-bold w-full lg:w-9/12 mx-auto mt-2 text-sm'>{locale.t(\"Main.lblListAttach\")}</div>\n                                <div className='file-content lg:w-9/12 mx-auto mb-3 text-xs'>\n                                    {\n                                        attachData.map(item => {\n                                            return (\n                                                <div className='flex flex-wrap mb-2 py-2  attach-list' key={item.id}>\n                                                        <span className='pt-1 text-blue-mju-front text-xs cursor-pointer' onClick={() => {DownloadFile(item.FileData,item.FileName)}}><i className=\"fas fa-download\"></i>&nbsp;&nbsp;{locale.t(\"Main.lblDownload\")}&nbsp;&nbsp;</span> \n                                                        <span><img src={require(\"assets/img/\"+FilesService.changeImageType(item.FileType)).default} className=\"CourseFilePic\"/></span><span className={'pt-2 text-xs ' + ((item.FileType === 'application/pdf' || item.FileType === 'image/jpeg' || item.FileType === 'image/png') ? ' cursor-pointer' : ' ')} onClick={() => {PDFFile(item.FileData,item.FileType)}} >&nbsp;&nbsp;{item.FileName}</span>\n                                                </div>\n                                            )\n                                        })\n                                    }\n                            </div>\n                        </div>\n                        <div className={ ((windowWidth < 1024) ? ' divCommentMobile ' : ' divComment')}>\n                                    <div className={((attachData.length > 0) ? ' ' : ' mt-4')}></div>\n                            <CommentBox\n                                comments={[]}\n                                post={[]} \n                                SubjectId={id.toString()}\n                                />\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </>\n    )\n}\n","import React, { useState, useEffect } from \"react\";\nimport { Switch, Route, Redirect } from \"react-router-dom\";\nimport { useHistory } from \"react-router-dom\";\nimport axios from \"axios\";\nimport AdminTopNavBar from \"components/Navbars/AdminTopNavBar.js\";\nimport home from 'views/frontend/home/home.js';\nimport Curriculum from 'views/frontend/curriculum/curriculum.js';\nimport subject from 'views/frontend/subject/subject.js';\nimport Account from 'views/frontend/account/account.js';\nimport content from 'views/frontend/content/content.js';\nimport { AuthContext } from \"../services/AuthContext\";\nimport urlPath from \"services/urlServer\";\nexport default function Frontend() {\n  const history = useHistory();\n  const [authState, setAuthState] = useState({\n    email: \"\",\n    id: 0,\n    status: false,\n    role: \"\",\n    profilePicture: \"\",\n    learningPathId: \"\"\n  });\n  const roleUser = localStorage.getItem(\"roleUser\");\n  if (roleUser === null) { history.push(\"/auth/login\"); }\n\n  useEffect(() => {\n    axios\n      .get(urlPath + \"/users/auth\", {\n        headers: {\n          accessToken: localStorage.getItem(\"accessToken\"),\n        },\n      })\n      .then((response) => {\n        if (response.data.error) {\n          setAuthState({ ...authState, status: false });\n        } else {\n          setAuthState({\n            email: response.data.email,\n            id: response.data.id,\n            status: true,\n            role: response.data.role,\n            profilePicture: response.data.profilePicture,\n            learningPathId: response.data.learningPathId\n          });\n        }\n      });\n\n  }, []);\n\n  return (\n    <>\n      <AuthContext.Provider value={{ authState, setAuthState }}>\n        <AdminTopNavBar fixed />\n        <Switch>\n          <Route path=\"/home/index\" exact component={home} />\n          <Route path=\"/home/curriculum/:id\" exact component={Curriculum} />\n          <Route path=\"/home/subject/:id\" exact component={subject} />\n          <Route path=\"/home/content/:id\" exact component={content} />\n          <Route path=\"/home/account\" exact component={Account} />\n          <Redirect from=\"/home\" to=\"/home/index\" />\n        </Switch>\n      </AuthContext.Provider>\n    </>\n  )\n}","import React from \"react\";\n\nexport default function Footer() {\n  return (\n    <>\n      <footer className=\"relative bg-blueGray-200 pt-8 pb-6\">\n        <div\n          className=\"bottom-auto top-0 left-0 right-0 w-full absolute pointer-events-none overflow-hidden -mt-20 h-20\"\n          style={{ transform: \"translateZ(0)\" }}\n        >\n          <svg\n            className=\"absolute bottom-0 overflow-hidden\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            preserveAspectRatio=\"none\"\n            version=\"1.1\"\n            viewBox=\"0 0 2560 100\"\n            x=\"0\"\n            y=\"0\"\n          >\n            <polygon\n              className=\"text-blueGray-200 fill-current\"\n              points=\"2560 0 2560 100 0 100\"\n            ></polygon>\n          </svg>\n        </div>\n        <div className=\"container mx-auto px-4\">\n          <div className=\"flex flex-wrap text-center lg:text-left\">\n            <div className=\"w-full lg:w-6/12 px-4\">\n              <h4 className=\"text-3xl font-semibold\">Let's keep in touch!</h4>\n              <h5 className=\"text-lg mt-0 mb-2 text-blueGray-600\">\n                Find us on any of these platforms, we respond 1-2 business days.\n              </h5>\n              <div className=\"mt-6 lg:mb-0 mb-6\">\n                <button\n                  className=\"bg-white text-lightBlue-400 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2\"\n                  type=\"button\"\n                >\n                  <i className=\"fab fa-twitter\"></i>\n                </button>\n                <button\n                  className=\"bg-white text-lightBlue-600 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2\"\n                  type=\"button\"\n                >\n                  <i className=\"fab fa-facebook-square\"></i>\n                </button>\n                <button\n                  className=\"bg-white text-pink-400 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2\"\n                  type=\"button\"\n                >\n                  <i className=\"fab fa-dribbble\"></i>\n                </button>\n                <button\n                  className=\"bg-white text-blueGray-800 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2\"\n                  type=\"button\"\n                >\n                  <i className=\"fab fa-github\"></i>\n                </button>\n              </div>\n            </div>\n            <div className=\"w-full lg:w-6/12 px-4\">\n              <div className=\"flex flex-wrap items-top mb-6\">\n                <div className=\"w-full lg:w-4/12 px-4 ml-auto\">\n                  <span className=\"block uppercase text-blueGray-500 text-sm font-semibold mb-2\">\n                    Useful Links\n                  </span>\n                  <ul className=\"list-unstyled\">\n                    <li>\n                      <a\n                        className=\"text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm\"\n                        href=\"https://www.creative-tim.com/presentation?ref=nr-footer\"\n                      >\n                        About Us\n                      </a>\n                    </li>\n                    <li>\n                      <a\n                        className=\"text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm\"\n                        href=\"https://blog.creative-tim.com?ref=nr-footer\"\n                      >\n                        Blog\n                      </a>\n                    </li>\n                    <li>\n                      <a\n                        className=\"text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm\"\n                        href=\"https://www.github.com/creativetimofficial?ref=nr-footer\"\n                      >\n                        Github\n                      </a>\n                    </li>\n                    <li>\n                      <a\n                        className=\"text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm\"\n                        href=\"https://www.creative-tim.com/bootstrap-themes/free?ref=nr-footer\"\n                      >\n                        Free Products\n                      </a>\n                    </li>\n                  </ul>\n                </div>\n                <div className=\"w-full lg:w-4/12 px-4\">\n                  <span className=\"block uppercase text-blueGray-500 text-sm font-semibold mb-2\">\n                    Other Resources\n                  </span>\n                  <ul className=\"list-unstyled\">\n                    <li>\n                      <a\n                        className=\"text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm\"\n                        href=\"https://github.com/creativetimofficial/notus-react/blob/main/LICENSE.md?ref=nr-footer\"\n                      >\n                        MIT License\n                      </a>\n                    </li>\n                    <li>\n                      <a\n                        className=\"text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm\"\n                        href=\"https://creative-tim.com/terms?ref=nr-footer\"\n                      >\n                        Terms & Conditions\n                      </a>\n                    </li>\n                    <li>\n                      <a\n                        className=\"text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm\"\n                        href=\"https://creative-tim.com/privacy?ref=nr-footer\"\n                      >\n                        Privacy Policy\n                      </a>\n                    </li>\n                    <li>\n                      <a\n                        className=\"text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm\"\n                        href=\"https://creative-tim.com/contact-us?ref=nr-footer\"\n                      >\n                        Contact Us\n                      </a>\n                    </li>\n                  </ul>\n                </div>\n              </div>\n            </div>\n          </div>\n          <hr className=\"my-6 border-blueGray-300\" />\n          <div className=\"flex flex-wrap items-center md:justify-between justify-center\">\n            <div className=\"w-full md:w-4/12 px-4 mx-auto text-center\">\n              <div className=\"text-sm text-blueGray-500 font-semibold py-1\">\n                Copyright © {new Date().getFullYear()} Notus React by{\" \"}\n                <a\n                  href=\"https://www.creative-tim.com?ref=nr-footer\"\n                  className=\"text-blueGray-500 hover:text-blueGray-800\"\n                >\n                  Creative Tim\n                </a>\n                .\n              </div>\n            </div>\n          </div>\n        </div>\n      </footer>\n    </>\n  );\n}\n","import React from \"react\";\nimport { Link } from \"react-router-dom\";\n\n// components\n\nimport Navbar from \"components/Navbars/AuthNavbar.js\";\nimport Footer from \"components/Footers/Footer.js\";\n\nexport default function Landing() {\n  return (\n    <>\n      <Navbar transparent />\n      <main>\n        <div className=\"relative pt-16 pb-32 flex content-center items-center justify-center min-h-screen-75\">\n          <div\n            className=\"absolute top-0 w-full h-full bg-center bg-cover\"\n            style={{\n              backgroundImage:\n                \"url('https://images.unsplash.com/photo-1557804506-669a67965ba0?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1267&q=80')\",\n            }}\n          >\n            <span\n              id=\"blackOverlay\"\n              className=\"w-full h-full absolute opacity-75 bg-black\"\n            ></span>\n          </div>\n          <div className=\"container relative mx-auto\">\n            <div className=\"items-center flex flex-wrap\">\n              <div className=\"w-full lg:w-6/12 px-4 ml-auto mr-auto text-center\">\n                <div className=\"pr-12\">\n                  <h1 className=\"text-white font-semibold text-5xl\">\n                    Your story starts with us.\n                  </h1>\n                  <p className=\"mt-4 text-lg text-blueGray-200\">\n                    This is a simple example of a Landing Page you can build\n                    using Notus React. It features multiple CSS components based\n                    on the Tailwind CSS design system.\n                  </p>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div\n            className=\"top-auto bottom-0 left-0 right-0 w-full absolute pointer-events-none overflow-hidden h-70-px\"\n            style={{ transform: \"translateZ(0)\" }}\n          >\n            <svg\n              className=\"absolute bottom-0 overflow-hidden\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              preserveAspectRatio=\"none\"\n              version=\"1.1\"\n              viewBox=\"0 0 2560 100\"\n              x=\"0\"\n              y=\"0\"\n            >\n              <polygon\n                className=\"text-blueGray-200 fill-current\"\n                points=\"2560 0 2560 100 0 100\"\n              ></polygon>\n            </svg>\n          </div>\n        </div>\n\n        <section className=\"pb-20 bg-blueGray-200 -mt-24\">\n          <div className=\"container mx-auto px-4\">\n            <div className=\"flex flex-wrap\">\n              <div className=\"lg:pt-12 pt-6 w-full md:w-4/12 px-4 text-center\">\n                <div className=\"relative flex flex-col min-w-0 break-words bg-white w-full mb-8 shadow-lg rounded-lg\">\n                  <div className=\"px-4 py-5 flex-auto\">\n                    <div className=\"text-white p-3 text-center inline-flex items-center justify-center w-12 h-12 mb-5 shadow-lg rounded-full bg-red-400\">\n                      <i className=\"fas fa-award\"></i>\n                    </div>\n                    <h6 className=\"text-xl font-semibold\">Awarded Agency</h6>\n                    <p className=\"mt-2 mb-4 text-blueGray-500\">\n                      Divide details about your product or agency work into\n                      parts. A paragraph describing a feature will be enough.\n                    </p>\n                  </div>\n                </div>\n              </div>\n\n              <div className=\"w-full md:w-4/12 px-4 text-center\">\n                <div className=\"relative flex flex-col min-w-0 break-words bg-white w-full mb-8 shadow-lg rounded-lg\">\n                  <div className=\"px-4 py-5 flex-auto\">\n                    <div className=\"text-white p-3 text-center inline-flex items-center justify-center w-12 h-12 mb-5 shadow-lg rounded-full bg-lightBlue-400\">\n                      <i className=\"fas fa-retweet\"></i>\n                    </div>\n                    <h6 className=\"text-xl font-semibold\">Free Revisions</h6>\n                    <p className=\"mt-2 mb-4 text-blueGray-500\">\n                      Keep you user engaged by providing meaningful information.\n                      Remember that by this time, the user is curious.\n                    </p>\n                  </div>\n                </div>\n              </div>\n\n              <div className=\"pt-6 w-full md:w-4/12 px-4 text-center\">\n                <div className=\"relative flex flex-col min-w-0 break-words bg-white w-full mb-8 shadow-lg rounded-lg\">\n                  <div className=\"px-4 py-5 flex-auto\">\n                    <div className=\"text-white p-3 text-center inline-flex items-center justify-center w-12 h-12 mb-5 shadow-lg rounded-full bg-emerald-400\">\n                      <i className=\"fas fa-fingerprint\"></i>\n                    </div>\n                    <h6 className=\"text-xl font-semibold\">Verified Company</h6>\n                    <p className=\"mt-2 mb-4 text-blueGray-500\">\n                      Write a few lines about each one. A paragraph describing a\n                      feature will be enough. Keep you user engaged!\n                    </p>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n            <div className=\"flex flex-wrap items-center mt-32\">\n              <div className=\"w-full md:w-5/12 px-4 mr-auto ml-auto\">\n                <div className=\"text-blueGray-500 p-3 text-center inline-flex items-center justify-center w-16 h-16 mb-6 shadow-lg rounded-full bg-white\">\n                  <i className=\"fas fa-user-friends text-xl\"></i>\n                </div>\n                <h3 className=\"text-3xl mb-2 font-semibold leading-normal\">\n                  Working with us is a pleasure\n                </h3>\n                <p className=\"text-lg font-light leading-relaxed mt-4 mb-4 text-blueGray-600\">\n                  Don't let your uses guess by attaching tooltips and popoves to\n                  any element. Just make sure you enable them first via\n                  JavaScript.\n                </p>\n                <p className=\"text-lg font-light leading-relaxed mt-0 mb-4 text-blueGray-600\">\n                  The kit comes with three pre-built pages to help you get\n                  started faster. You can change the text and images and you're\n                  good to go. Just make sure you enable them first via\n                  JavaScript.\n                </p>\n                <Link to=\"/\" className=\"font-bold text-blueGray-700 mt-8\">\n                  Check Notus React!\n                </Link>\n              </div>\n\n              <div className=\"w-full md:w-4/12 px-4 mr-auto ml-auto\">\n                <div className=\"relative flex flex-col min-w-0 break-words bg-white w-full mb-6 shadow-lg rounded-lg bg-lightBlue-500\">\n                  <img\n                    alt=\"...\"\n                    src=\"https://images.unsplash.com/photo-1522202176988-66273c2fd55f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1051&q=80\"\n                    className=\"w-full align-middle rounded-t-lg\"\n                  />\n                  <blockquote className=\"relative p-8 mb-4\">\n                    <svg\n                      preserveAspectRatio=\"none\"\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      viewBox=\"0 0 583 95\"\n                      className=\"absolute left-0 w-full block h-95-px -top-94-px\"\n                    >\n                      <polygon\n                        points=\"-30,95 583,95 583,65\"\n                        className=\"text-lightBlue-500 fill-current\"\n                      ></polygon>\n                    </svg>\n                    <h4 className=\"text-xl font-bold text-white\">\n                      Top Notch Services\n                    </h4>\n                    <p className=\"text-md font-light mt-2 text-white\">\n                      The Arctic Ocean freezes every winter and much of the\n                      sea-ice then thaws every summer, and that process will\n                      continue whatever happens.\n                    </p>\n                  </blockquote>\n                </div>\n              </div>\n            </div>\n          </div>\n        </section>\n\n        <section className=\"relative py-20\">\n          <div\n            className=\"bottom-auto top-0 left-0 right-0 w-full absolute pointer-events-none overflow-hidden -mt-20 h-20\"\n            style={{ transform: \"translateZ(0)\" }}\n          >\n            <svg\n              className=\"absolute bottom-0 overflow-hidden\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              preserveAspectRatio=\"none\"\n              version=\"1.1\"\n              viewBox=\"0 0 2560 100\"\n              x=\"0\"\n              y=\"0\"\n            >\n              <polygon\n                className=\"text-white fill-current\"\n                points=\"2560 0 2560 100 0 100\"\n              ></polygon>\n            </svg>\n          </div>\n\n          <div className=\"container mx-auto px-4\">\n            <div className=\"items-center flex flex-wrap\">\n              <div className=\"w-full md:w-4/12 ml-auto mr-auto px-4\">\n                <img\n                  alt=\"...\"\n                  className=\"max-w-full rounded-lg shadow-lg\"\n                  src=\"https://images.unsplash.com/photo-1555212697-194d092e3b8f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80\"\n                />\n              </div>\n              <div className=\"w-full md:w-5/12 ml-auto mr-auto px-4\">\n                <div className=\"md:pr-12\">\n                  <div className=\"text-lightBlue-600 p-3 text-center inline-flex items-center justify-center w-16 h-16 mb-6 shadow-lg rounded-full bg-lightBlue-300\">\n                    <i className=\"fas fa-rocket text-xl\"></i>\n                  </div>\n                  <h3 className=\"text-3xl font-semibold\">A growing company</h3>\n                  <p className=\"mt-4 text-lg leading-relaxed text-blueGray-500\">\n                    The extension comes with three pre-built pages to help you\n                    get started faster. You can change the text and images and\n                    you're good to go.\n                  </p>\n                  <ul className=\"list-none mt-6\">\n                    <li className=\"py-2\">\n                      <div className=\"flex items-center\">\n                        <div>\n                          <span className=\"text-xs font-semibold inline-block py-1 px-2 uppercase rounded-full text-lightBlue-600 bg-lightBlue-200 mr-3\">\n                            <i className=\"fas fa-fingerprint\"></i>\n                          </span>\n                        </div>\n                        <div>\n                          <h4 className=\"text-blueGray-500\">\n                            Carefully crafted components\n                          </h4>\n                        </div>\n                      </div>\n                    </li>\n                    <li className=\"py-2\">\n                      <div className=\"flex items-center\">\n                        <div>\n                          <span className=\"text-xs font-semibold inline-block py-1 px-2 uppercase rounded-full text-lightBlue-600 bg-lightBlue-200 mr-3\">\n                            <i className=\"fab fa-html5\"></i>\n                          </span>\n                        </div>\n                        <div>\n                          <h4 className=\"text-blueGray-500\">\n                            Amazing page examples\n                          </h4>\n                        </div>\n                      </div>\n                    </li>\n                    <li className=\"py-2\">\n                      <div className=\"flex items-center\">\n                        <div>\n                          <span className=\"text-xs font-semibold inline-block py-1 px-2 uppercase rounded-full text-lightBlue-600 bg-lightBlue-200 mr-3\">\n                            <i className=\"far fa-paper-plane\"></i>\n                          </span>\n                        </div>\n                        <div>\n                          <h4 className=\"text-blueGray-500\">\n                            Dynamic components\n                          </h4>\n                        </div>\n                      </div>\n                    </li>\n                  </ul>\n                </div>\n              </div>\n            </div>\n          </div>\n        </section>\n\n        <section className=\"pt-20 pb-48\">\n          <div className=\"container mx-auto px-4\">\n            <div className=\"flex flex-wrap justify-center text-center mb-24\">\n              <div className=\"w-full lg:w-6/12 px-4\">\n                <h2 className=\"text-4xl font-semibold\">Here are our heroes</h2>\n                <p className=\"text-lg leading-relaxed m-4 text-blueGray-500\">\n                  According to the National Oceanic and Atmospheric\n                  Administration, Ted, Scambos, NSIDClead scentist, puts the\n                  potentially record maximum.\n                </p>\n              </div>\n            </div>\n            <div className=\"flex flex-wrap\">\n              <div className=\"w-full md:w-6/12 lg:w-3/12 lg:mb-0 mb-12 px-4\">\n                <div className=\"px-6\">\n                  <img\n                    alt=\"...\"\n                    src={require(\"assets/img/team-1-800x800.jpg\").default}\n                    className=\"shadow-lg rounded-full mx-auto max-w-120-px\"\n                  />\n                  <div className=\"pt-6 text-center\">\n                    <h5 className=\"text-xl font-bold\">Ryan Tompson</h5>\n                    <p className=\"mt-1 text-sm text-blueGray-400 uppercase font-semibold\">\n                      Web Developer\n                    </p>\n                    <div className=\"mt-6\">\n                      <button\n                        className=\"bg-lightBlue-400 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-twitter\"></i>\n                      </button>\n                      <button\n                        className=\"bg-lightBlue-600 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-facebook-f\"></i>\n                      </button>\n                      <button\n                        className=\"bg-pink-500 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-dribbble\"></i>\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div className=\"w-full md:w-6/12 lg:w-3/12 lg:mb-0 mb-12 px-4\">\n                <div className=\"px-6\">\n                  <img\n                    alt=\"...\"\n                    src={require(\"assets/img/team-2-800x800.jpg\").default}\n                    className=\"shadow-lg rounded-full mx-auto max-w-120-px\"\n                  />\n                  <div className=\"pt-6 text-center\">\n                    <h5 className=\"text-xl font-bold\">Romina Hadid</h5>\n                    <p className=\"mt-1 text-sm text-blueGray-400 uppercase font-semibold\">\n                      Marketing Specialist\n                    </p>\n                    <div className=\"mt-6\">\n                      <button\n                        className=\"bg-red-600 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-google\"></i>\n                      </button>\n                      <button\n                        className=\"bg-lightBlue-600 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-facebook-f\"></i>\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div className=\"w-full md:w-6/12 lg:w-3/12 lg:mb-0 mb-12 px-4\">\n                <div className=\"px-6\">\n                  <img\n                    alt=\"...\"\n                    src={require(\"assets/img/team-3-800x800.jpg\").default}\n                    className=\"shadow-lg rounded-full mx-auto max-w-120-px\"\n                  />\n                  <div className=\"pt-6 text-center\">\n                    <h5 className=\"text-xl font-bold\">Alexa Smith</h5>\n                    <p className=\"mt-1 text-sm text-blueGray-400 uppercase font-semibold\">\n                      UI/UX Designer\n                    </p>\n                    <div className=\"mt-6\">\n                      <button\n                        className=\"bg-red-600 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-google\"></i>\n                      </button>\n                      <button\n                        className=\"bg-lightBlue-400 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-twitter\"></i>\n                      </button>\n                      <button\n                        className=\"bg-blueGray-700 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-instagram\"></i>\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div className=\"w-full md:w-6/12 lg:w-3/12 lg:mb-0 mb-12 px-4\">\n                <div className=\"px-6\">\n                  <img\n                    alt=\"...\"\n                    src={require(\"assets/img/team-4-470x470.png\").default}\n                    className=\"shadow-lg rounded-full mx-auto max-w-120-px\"\n                  />\n                  <div className=\"pt-6 text-center\">\n                    <h5 className=\"text-xl font-bold\">Jenna Kardi</h5>\n                    <p className=\"mt-1 text-sm text-blueGray-400 uppercase font-semibold\">\n                      Founder and CEO\n                    </p>\n                    <div className=\"mt-6\">\n                      <button\n                        className=\"bg-pink-500 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-dribbble\"></i>\n                      </button>\n                      <button\n                        className=\"bg-red-600 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-google\"></i>\n                      </button>\n                      <button\n                        className=\"bg-lightBlue-400 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-twitter\"></i>\n                      </button>\n                      <button\n                        className=\"bg-blueGray-700 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-instagram\"></i>\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </section>\n        <section className=\"pb-20 relative block bg-blueGray-800\">\n          <div\n            className=\"bottom-auto top-0 left-0 right-0 w-full absolute pointer-events-none overflow-hidden -mt-20 h-20\"\n            style={{ transform: \"translateZ(0)\" }}\n          >\n            <svg\n              className=\"absolute bottom-0 overflow-hidden\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              preserveAspectRatio=\"none\"\n              version=\"1.1\"\n              viewBox=\"0 0 2560 100\"\n              x=\"0\"\n              y=\"0\"\n            >\n              <polygon\n                className=\"text-blueGray-800 fill-current\"\n                points=\"2560 0 2560 100 0 100\"\n              ></polygon>\n            </svg>\n          </div>\n\n          <div className=\"container mx-auto px-4 lg:pt-24 lg:pb-64\">\n            <div className=\"flex flex-wrap text-center justify-center\">\n              <div className=\"w-full lg:w-6/12 px-4\">\n                <h2 className=\"text-4xl font-semibold text-white\">\n                  Build something\n                </h2>\n                <p className=\"text-lg leading-relaxed mt-4 mb-4 text-blueGray-400\">\n                  Put the potentially record low maximum sea ice extent tihs\n                  year down to low ice. According to the National Oceanic and\n                  Atmospheric Administration, Ted, Scambos.\n                </p>\n              </div>\n            </div>\n            <div className=\"flex flex-wrap mt-12 justify-center\">\n              <div className=\"w-full lg:w-3/12 px-4 text-center\">\n                <div className=\"text-blueGray-800 p-3 w-12 h-12 shadow-lg rounded-full bg-white inline-flex items-center justify-center\">\n                  <i className=\"fas fa-medal text-xl\"></i>\n                </div>\n                <h6 className=\"text-xl mt-5 font-semibold text-white\">\n                  Excelent Services\n                </h6>\n                <p className=\"mt-2 mb-4 text-blueGray-400\">\n                  Some quick example text to build on the card title and make up\n                  the bulk of the card's content.\n                </p>\n              </div>\n              <div className=\"w-full lg:w-3/12 px-4 text-center\">\n                <div className=\"text-blueGray-800 p-3 w-12 h-12 shadow-lg rounded-full bg-white inline-flex items-center justify-center\">\n                  <i className=\"fas fa-poll text-xl\"></i>\n                </div>\n                <h5 className=\"text-xl mt-5 font-semibold text-white\">\n                  Grow your market\n                </h5>\n                <p className=\"mt-2 mb-4 text-blueGray-400\">\n                  Some quick example text to build on the card title and make up\n                  the bulk of the card's content.\n                </p>\n              </div>\n              <div className=\"w-full lg:w-3/12 px-4 text-center\">\n                <div className=\"text-blueGray-800 p-3 w-12 h-12 shadow-lg rounded-full bg-white inline-flex items-center justify-center\">\n                  <i className=\"fas fa-lightbulb text-xl\"></i>\n                </div>\n                <h5 className=\"text-xl mt-5 font-semibold text-white\">\n                  Launch time\n                </h5>\n                <p className=\"mt-2 mb-4 text-blueGray-400\">\n                  Some quick example text to build on the card title and make up\n                  the bulk of the card's content.\n                </p>\n              </div>\n            </div>\n          </div>\n        </section>\n        <section className=\"relative block py-24 lg:pt-0 bg-blueGray-800\">\n          <div className=\"container mx-auto px-4\">\n            <div className=\"flex flex-wrap justify-center lg:-mt-64 -mt-48\">\n              <div className=\"w-full lg:w-6/12 px-4\">\n                <div className=\"relative flex flex-col min-w-0 break-words w-full mb-6 shadow-lg rounded-lg bg-blueGray-200\">\n                  <div className=\"flex-auto p-5 lg:p-10\">\n                    <h4 className=\"text-2xl font-semibold\">\n                      Want to work with us?\n                    </h4>\n                    <p className=\"leading-relaxed mt-1 mb-4 text-blueGray-500\">\n                      Complete this form and we will get back to you in 24\n                      hours.\n                    </p>\n                    <div className=\"relative w-full mb-3 mt-8\">\n                      <label\n                        className=\"block uppercase text-blueGray-600 text-xs font-bold mb-2\"\n                        htmlFor=\"full-name\"\n                      >\n                        Full Name\n                      </label>\n                      <input\n                        type=\"text\"\n                        className=\"border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                        placeholder=\"Full Name\"\n                      />\n                    </div>\n\n                    <div className=\"relative w-full mb-3\">\n                      <label\n                        className=\"block uppercase text-blueGray-600 text-xs font-bold mb-2\"\n                        htmlFor=\"email\"\n                      >\n                        Email\n                      </label>\n                      <input\n                        type=\"email\"\n                        className=\"border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150\"\n                        placeholder=\"Email\"\n                      />\n                    </div>\n\n                    <div className=\"relative w-full mb-3\">\n                      <label\n                        className=\"block uppercase text-blueGray-600 text-xs font-bold mb-2\"\n                        htmlFor=\"message\"\n                      >\n                        Message\n                      </label>\n                      <textarea\n                        rows=\"4\"\n                        cols=\"80\"\n                        className=\"border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full\"\n                        placeholder=\"Type a message...\"\n                      />\n                    </div>\n                    <div className=\"text-center mt-6\">\n                      <button\n                        className=\"bg-blueGray-800 text-white active:bg-blueGray-600 text-sm font-bold uppercase px-6 py-3 rounded shadow hover:shadow-lg outline-none focus:outline-none mr-1 mb-1 ease-linear transition-all duration-150\"\n                        type=\"button\"\n                      >\n                        Send Message\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </section>\n      </main>\n      <Footer />\n    </>\n  );\n}\n","import { useEffect, useState } from \"react\";\nimport { useLocation } from \"react-router-dom\";\nimport ReactGA from \"react-ga\";\n\nconst useGaTracker = () => {\n    const location = useLocation();\n    const [initialized, setInitialized] = useState(false);\n\n    useEffect(() => {\n        if (!window.location.href.includes(\"undefined.ddns.net\")) {\n        ReactGA.initialize(\"UA-219143900-1\");\n        }\n        setInitialized(true);\n    }, []);\n\n    useEffect(() => {\n        if (initialized) {\n        ReactGA.pageview(location.pathname + location.search);\n        }\n    }, [initialized, location]);\n};\n\nexport default useGaTracker;","import React,{useState,useEffect} from \"react\";\nimport {  Route, Switch, Redirect } from \"react-router-dom\";\nimport { ToastProvider } from 'react-toast-notifications';\nimport \"@fortawesome/fontawesome-free/css/all.min.css\";\nimport \"assets/styles/tailwind.css\";\nimport axios from \"axios\";\nimport urlPath from \"services/urlServer\";\n// layouts\nimport Admin from \"layouts/Admin.js\";\nimport Auth from \"layouts/Auth.js\";\nimport Frontend from \"layouts/Frontend.js\"\nimport { AuthContext } from \"./services/AuthContext\";\nimport Landing from \"views/Landing\";\n// views without layouts\nimport { connect } from \"react-redux\";\nimport { setLocale } from \"react-redux-i18n\";\nimport useGaTracker from './services/useGaTracker'\n\nfunction App() {\n    const [authState, setAuthState] = useState({\n      email: \"\",\n      id: 0,\n      status: false,\n      role:\"\",\n      profilePicture:\"\",\n      learningPathId:\"\"\n    });\n\n    useGaTracker();\n\n    useEffect(() => {\n          axios\n            .get(urlPath+\"/users/auth\", {\n              headers: {\n                accessToken: localStorage.getItem(\"accessToken\"),\n              },\n            })\n            .then((response) => {\n              if (response.data.error) {\n                setAuthState({ ...authState, status: false });\n              } else {\n                setAuthState({\n                  email: response.data.email,\n                  id: response.data.id,\n                  status: true,\n                  role:response.data.role,\n                  profilePicture:response.data.profilePicture,\n                  learningPathId:response.data.learningPathId\n                });\n              }\n            });\n      \n    }, []);\n\n    return (\n      <div className=\"App\">\n        <AuthContext.Provider value={{ authState, setAuthState }}>\n                <ToastProvider>\n                  <Switch>\n                      <Route path=\"/admin\" component={Admin} />\n                      <Route path=\"/auth\" component={Auth} />\n                      <Route path=\"/home\" component={Frontend} />\n                      <Route path=\"/landing\" component={Landing} />\n                      <Redirect from=\"*/\" to=\"/auth/login\" />\n                  </Switch>\n                </ToastProvider>\n        </AuthContext.Provider>\n      </div>\n    )\n}\n\nconst mapStateToProps = (state) => ({\n  l: state.i18n.locale,\n});\n\nconst mapDispatchToProps = (dispatch) => ({\n  setLang: (l) => {\n    dispatch(setLocale(l));\n  },\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(App);","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\nimport { Provider }  from 'react-redux';\nimport thunk from \"redux-thunk\";\nimport {\n  loadTranslations,\n  setLocale,\n  syncTranslationWithStore,\n  i18nReducer\n} from \"react-redux-i18n\";\n\nimport en from \"assets/i18next/en.json\";\nimport th from \"assets/i18next/th.json\";\n\nimport { createStore,combineReducers,applyMiddleware } from \"redux\";\nimport reducers  from \"../src/services/reducers\";\nimport * as Storage from \"../src/services/Storage.service\";\nimport { BrowserRouter} from \"react-router-dom\";\nconst translateionsObject = {\n  th: th,\n  en: en,\n}\n\nconst store = createStore(\n  combineReducers(\n    {\n      ...reducers,\n      i18n:i18nReducer,\n    }),\n    applyMiddleware(thunk)\n)\n\nsyncTranslationWithStore(store);\nstore.dispatch(loadTranslations(translateionsObject));\nstore.dispatch(setLocale(Storage.GetLanguage()));\n\nReactDOM.render(\n  <Provider store={store}>\n    <BrowserRouter>\n      <App />\n    </BrowserRouter>\n  </Provider>,\n  document.getElementById(\"root\")\n);\n","class FilesService {\n    \n     buffer64 = (e) => {\n        const base64ToText = Buffer.from(e, 'base64').toString('ascii')\n        return base64ToText;\n    }\n\n    buffer64UTF8 = (e) => {\n        const base64ToText = Buffer.from(e, 'base64').toString('utf8')\n        return base64ToText;\n    }\n\n\n    convertToBase64 = (file) => {\n        return new Promise((resolve, reject) => {\n            const fileReader = new FileReader();\n            fileReader.readAsDataURL(file);\n            fileReader.onload = () => {\n                resolve(fileReader.result);\n            };\n            fileReader.onerror = (error) => {\n                reject(error);\n            };\n        });\n    };\n\n    changeImageType = (type) => {\n        const ImgType = [\"7z.png\", \"avi.png\", \"doc.png\", \"gif.png\",\"jpg.png\",\"m3u.png\",\"mkv.png\",\"mp3.png\",\"mp4.png\",\"mpeg.png\",\"pdf.png\",\"png.png\",\"ppt.png\",\"rar.png\",\"txt.png\",\"wav.png\",\"wmv.png\",\"xls.png\",\"zip.png\"];\n        if(type.includes(\"spreadsheetml\"))\n            return \"xls.png\"\n        else if (type.includes(\"wordprocessingml\"))\n            return \"doc.png\"\n        else if (type.includes(\"zip\"))\n            return \"zip.png\"\n        else if (type.includes(\"presentationml\"))\n            return \"ppt.png\"\n        else if (type.includes(\"jpeg\"))\n            return \"jpg.png\"\n        else if (type.includes(\"png\"))\n            return \"png.png\"\n        else if (type.includes(\"mp4\"))\n            return \"mp4.png\"\n        else if (type.includes(\"mp3\"))\n            return \"mp3.png\"\n        else\n            return \"pdf.png\"\n    };\n\n    changeImage = () => {\n        return 'pdf.png';\n    };\n}\n\nexport default new FilesService();","export default __webpack_public_path__ + \"static/media/Group_1.d24c8ee2.png\";"],"sourceRoot":""}