{"version":3,"sources":["serviceWorker.js","Components/SlideInContent.js","Components/Footer.js","Components/Header.js","Home/Map.js","Components/Timer.js","Home/Countdown.js","Components/Filter.js","Components/MasonryData.js","Home/Story.js","App.js","Components/CountdownBanner.js","Stories.js","StoryDetails.js","Challenge.js","Components/StorySubmissionForm.js","CustomLayout.js","Preview.js","Components/ScrollToTop.js","404.js","index.js"],"names":["Boolean","window","location","hostname","match","SlideInContent","props","state","apiUrl","$apiUrl","AboutUsFormData","AboutUsGoFormData","SelectedAboutUs","ProjectType","toggleAbout","bind","handleChangeAboutUs","toggleStoryHideAbout","handleClickOutside","aboutRef","React","createRef","this","parentMethod","event","hideShow","current","contains","target","fetch","method","headers","process","then","res","json","data","setState","catch","console","log","dataGo","bool","document","removeEventListener","addEventListener","getAboutUs","display_About","sticker_a","sticker_b","className","style","top","right","zIndex","onClick","src","bottom","ref","left","transform","About_Title","whiteSpace","About_Description","as","to","href","Component","Footer","backtotop","aboutPanel","body","scrollTop","documentElement","id","backgroundColor","Header","handleNavigation","e","navExpanded","scrolled","isChallenge","setNavExpanded","toggleMenu","expanded","Status","prev","scrollY","getLatestChallenge","display_Header","alt","bg","expand","onToggle","Brand","Link","Toggle","aria-controls","Collapse","border","borderRadius","Map","country","redirect2Story","cur_scrollPosition","scrollTo","toLeft","toRight","searchCountry","getElementById","scrollLeft","scrollPosition","val","CountdownTimer","days","undefined","hours","minutes","seconds","interval","setInterval","timeTillDate","timeFormat","moment","now","countdown","duration","diff","slice","clearInterval","Countdown","currentChallenge","ParticipantDate","Challenge_StartDate","Challenge_EndDate","endDate","format","Challenge_Title","Filter","isFilter","CountryList","ProjectList","SchoolList","ThemeList","SortBy","SortingValue","urlParams","Title","Country","Project","School","Theme","FilterMessage","isFiltered","disableFilter","setIsShown","setIsShown2","openFilter","sorting","FilterStory","clearFilter","FilterChange","wrapperRef","wrapperRef2","history","createBrowserHistory","setTimeout","StoryTitle","value","CountryOpt","SchoolOpt","ProjectOpt","ThemeOpt","push","pathname","search","filterValue","url","params","parser","createElement","vars","substring","split","i","length","pair","decodeURIComponent","getParams","TitleParams","CountryParams","SchoolParams","ProjectParams","ThemeParams","GetSchool","getCountry","GetProject","getTheme","parseInt","category","sortValue","JSON","stringify","ListingDetail","Listing_Name","isChange","querySelector","InputGroup","FormControl","defaultValue","el","placeholder","Append","disabled","Button","variant","onChange","map","option","optIndex","key","Listing_ID","onMouseEnter","onMouseLeave","masonryOptions","transitionDuration","imagesLoadedOptions","opacity","MasonryData","alertBox","PopulatedData","like","liked","addDefaultSrc","toggleAlertBox","ev","sid","likeCount","localStorage","getItem","parse","likeShowCount","setItem","likedList","index","indexOf","includes","splice","likeArray","options","disableImagesLoaded","updateOnEachImageLoad","Story_ID","Story_Image","Story_Title","onError","Challenge_Status","Country_Icon","Toast","onClose","show","animation","delay","autohide","Body","Story","Populated","StoryDetail","forEach","item","getStoryList","maxHeight","App","borderTop","CountdownBanner","Stories","currentPage","warningBox","FilterValue","Sorting","noMoreStory","ViewMore","toggleWarningBox","Page","minHeight","closeButton","StoryDetails","storyDetails","StoryLayout","expandImage","zoomVal","searchVal","redirect2Search","Zoom","vote","searchTag","goBack","votecount","imageSize","action","zoomSize","isVotingPeriod","Story_Layout","Country_ID","Project_ID","School_ID","Challenge_ID","alert","ErrorMessage","Challenge_IsValidVotingPeriod","getStoryDetails","isExpand","isBG","details","struc_data","voteArray","width","encodeURI","transition","data-toggle","data-placement","title","borderLeft","Story_FacebookURL","Story_InstagramURL","wordBreak","dangerouslySetInnerHTML","__html","Story_Description","Contact_Name","Trip_StartDate","Trip_EndDate","structure","list","classname","items","sort","a","b","order","index2","type","content","question","Challenge","scrollToMyRef","currentParticipants","offsetTop","storyRedirect","storyRedirectID","winnerFilter","filterProject","StoryList","WinnerList","ChallengeList","scrollToVote","noMoreTheme","ChangeProject","getThemeList","winner_data","getfilterValue","pid","project","challengeID","ChallengeDetail","cID","pageNo","getChallenge","cp","WinnerAnnouncement","Challenge_AnnouncementStartDate","Challenge_AnnouncementEndDate","maxWidth","padding","Challenge_Image","Challenge_Description","Listing_Icon","Story_Count","Accordion","defaultActiveKey","Card","eventKey","FormData","Data","file","config","removeButtons","height","showXPathInStatusbar","showCharsCounter","showWordsCounter","toolbarAdaptive","FilledForm","description","countryTag","projectTag","schoolTag","themeTag","imgPreview","leaderName","startDate","fbLink","igLink","handleFieldValue","handleJoditField","fileUpload","GoToPreview","submitForm","recaptchaRef","fileName","files","name","join","test","FileUpload","touched","reader","FileReader","onload","setAttribute","result","readAsDataURL","error","refName","FillForm","selectedIndex","nativeEvent","isOtherField","text","trim","themeData","preventDefault","checkSubmission","isRequired","obj","require","serialize","SubmitForm","hash","FormSubmit","reset","popover","Popover","Content","onSubmit","condition","label","errorMessage","readOnly","isReadOnly","onBlur","Moment","OverlayTrigger","trigger","placement","overlay","accept","rows","CustomLayout","FormJsonData","component","addRowModal","addColItemsModal","editImageModal","editedRow","editedCol","uploadedImages","QuestionList","NoOfImageUsed","NoOfQuestionUsed","QuestionInRow","SubmittedData","CreateConfirmationModal","redirectToHome","isSubmitted","recaptchaVal","Preview","isPreview","loading","addRow","addImage","addQuestion","addText","handleAddRowModal","handleAddColItemModal","handleImageUpload","handleEditImageModal","sunEditorUpdate","hideShowContent","deleteContent","deleteRow","stylingSubmit","checkDataFromForm","handleCreateConfirmationModal","onDragEnd","addNewStory","recaptchaOnChange","captchaExpired","isAbleToSubmit","recaptchaValue","struckey","checkTextCount","row","object","replace","QuestionDetail","Story_UserEmail","Other_LeaderName","Theme_ID","storyId","csFileFormData","append","csFileData","fileForm","fileData","updateItem","Width","Height","rowItem","rowIndex","x","itemIndex","questionId","pop","index1","col","editor","rowInfo","size","toFixed","previewContent","numRow","strucLength","newStructure","toString","destination","startIndex","endIndex","Array","from","removed","reorder","source","getQuestion","removeItem","items1","otherField","isAbleToAddImage","PreviewAsset","rel","hidden","onExpired","sitekey","Modal","onHide","centered","Question_ID","Question_Details","dataStruc","ScrollToTop","prevProps","Fragment","withRouter","ErrorNotFound","Index","basename","exact","path","pageError","ReactDOM","render","navigator","serviceWorker","ready","registration","unregister","message"],"mappings":"+gQAYoBA,QACW,cAA7BC,OAAOC,SAASC,UAEe,UAA7BF,OAAOC,SAASC,UAEhBF,OAAOC,SAASC,SAASC,MACvB,2D,mBC8GSC,G,wDA1HX,WAAYC,GAAQ,IAAD,8BACf,gBACKC,MAAQ,CACTC,OAAQP,OAAOQ,QACfC,gBAAiB,GACjBC,kBAAmB,GACnBC,iBAAiB,EACjBC,YAAY,IAEhB,EAAKC,YAAc,EAAKA,YAAYC,KAAjB,gBACnB,EAAKC,oBAAsB,EAAKA,oBAAoBD,KAAzB,gBAC3B,EAAKE,qBAAuB,EAAKA,qBAAqBF,KAA1B,gBAC5B,EAAKG,mBAAqB,EAAKA,mBAAmBH,KAAxB,gBAE1B,EAAKI,SAAWC,IAAMC,YAdP,E,0DAkBfC,KAAKhB,MAAMiB,iB,6CAGXD,KAAKhB,MAAMiB,iB,yCAEIC,GAEXF,KAAKhB,MAAMmB,UACPH,KAAKH,WAAaG,KAAKH,SAASO,QAAQC,SAASH,EAAMI,SAEvDN,KAAKR,gB,mCAIH,IAAD,OACTe,MAAMP,KAAKf,MAAMC,OAAS,yBAA0B,CAChDsB,OAAQ,OACRC,QAAS,CACL,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,OAGlCC,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACG,GACH,EAAKC,SAAS,CAAE3B,gBAAiB0B,OAEpCE,MAAMC,QAAQC,KAEnBX,MAAMP,KAAKf,MAAMC,OAAS,2BAA4B,CAClDsB,OAAQ,OACRC,QAAS,CACL,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,OAGlCC,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACQ,GACH,EAAKJ,SAAS,CAAE1B,kBAAmB8B,OAGtCH,MAAMC,QAAQC,O,0CAGHE,GAChBpB,KAAKe,SAAS,CAAEzB,gBAAiB8B,EAAM7B,YAAa6B,EAAO,GAAK,O,6CAIhEC,SAASC,oBAAoB,YAAatB,KAAKJ,sB,0CAI/CyB,SAASE,iBAAiB,YAAavB,KAAKJ,oBAC5CI,KAAKwB,e,+BAGC,IAAD,OAEDC,EAAgBzB,KAAKhB,MAAMmB,SAAW,EAAI,QAC1CuB,EAAY1B,KAAKhB,MAAMmB,SAAW,QAAU,EAC5CwB,EAAY3B,KAAKhB,MAAMmB,SAAW,QAAU,EAC5CZ,EAAcS,KAAKf,MAAMM,YAE7B,OACI,yBAAKqC,UAAU,oEAAoEC,MAAO,CAAEC,IAAK,EAAGC,MAAON,IACvG,yBAAKG,UAAU,4CAA4CC,MAAO,CAAEC,IAAK,EAAGC,MAAOL,EAAWM,OAAQ,GAAKC,QAASjC,KAAKR,aAAa,yBAAK0C,IAAI,qBAAqBN,UAAU,eAC9K,yBAAKA,UAAU,4CAA4CC,MAAO,CAAEM,OAAQ,EAAGJ,MAAOJ,EAAWK,OAAQ,GAAKC,QAASjC,KAAKR,aAAa,yBAAK0C,IAAI,qBAAqBN,UAAU,eACjL,yBAAKA,UAAU,2FAA2FC,MAAO,CAAEC,IAAK,EAAGC,MAAON,GAAiBW,IAAKpC,KAAKH,UACzJ,yBAAK+B,UAAU,iCAEX,yBAAKA,UAAU,6CAA6CC,MAAO,CAAEC,IAAK,KAAMC,MAAO,EAAGC,OAAQ,GAAKC,QAASjC,KAAKR,aAAa,yBAAK0C,IAAI,4CAA4CN,UAAU,eACjM,yBAAKA,UAAU,8CAA8CC,MAAO,CAAEC,IAAK,MAAOO,KAAM,EAAGC,UAAW,gBAAiBN,OAAQ,GAAKC,QAAS,kBAAM,EAAKvC,qBAAoB,KACxK,yBAAKkC,UAAU,0DAA0DC,MAAO,CAAE,MAAS,UAA3F,QAIJ,yBAAKD,UAAU,8CAA8CC,MAAO,CAAEC,IAAK,MAAOO,KAAM,QAASC,UAAW,gBAAiBN,OAAQ,GAAKC,QAAS,kBAAM,EAAKvC,qBAAoB,KAC9K,yBAAKkC,UAAU,yDAAyDC,MAAO,CAAE,MAAS,UAA1F,UAKJ,yBAAKD,UAAU,oCAAoCC,MAAO,CAAEC,IAAK,MAAOC,MAAO,IAC3E,wBAAIH,UAAU,iCAAkC5B,KAAKf,MAAMK,gBAA2DU,KAAKf,MAAMI,kBAAkBkD,YAAtEvC,KAAKf,MAAMG,gBAAgBmD,aACxG,uBAAGX,UAAU,eAAeC,MAAO,CAAEW,WAAY,aAC3CxC,KAAKf,MAAMK,gBAAiEU,KAAKf,MAAMI,kBAAkBoD,kBAA5EzC,KAAKf,MAAMG,gBAAgBqD,mBAG9D,yBAAKb,UAAU,6CACX,kBAAC,IAAD,CAAMc,GAAG,IAAIC,GAAE,2BAAsBpD,GAAee,OAAO,SAAS2B,QAASjC,KAAKL,qBAAsBiC,UAAU,aAAlH,oBACA,uBAAGgB,KAAK,IAAItC,OAAO,SAAS2B,QAASjC,KAAKL,qBAAsBiC,UAAU,QAA1E,gC,GA/GH9B,IAAM+C,YCkGpBC,E,kDA/Fb,WAAY9D,GAAQ,IAAD,8BACjB,gBACKC,MAAQ,GAGb,EAAKO,YAAc,EAAKA,YAAYC,KAAjB,gBACnB,EAAKsD,UAAY,EAAKA,UAAUtD,KAAf,gBANA,E,0DASjBO,KAAKe,SAAS,CAAEiC,YAAahD,KAAKf,MAAM+D,e,kCAGxC3B,SAAS4B,KAAKC,UAAY,EAC1B7B,SAAS8B,gBAAgBD,UAAY,I,+BAIrC,OACE,yBAAKE,GAAG,SAASxB,UAAU,eACzB,yBAAKA,UAAU,oBACb,yBAAKA,UAAU,OACb,yBAAKA,UAAU,yBACb,yBAAKA,UAAU,oBAAoBC,MAAO,CAACC,IAAI,QAASC,MAAM,SAC1D,uBAAGE,QAASjC,KAAK+C,UAAWnB,UAAU,gBAAe,yBAAKM,IAAI,+BAKtE,yBAAKN,UAAU,4BAA4BC,MAAO,CAAEwB,gBAAiB,YACnE,yBAAKzB,UAAU,yBACb,yBAAKA,UAAU,iCACb,wBAAIA,UAAU,yBAAd,cACA,uBAAGA,UAAU,yBAAb,yBACA,uBAAGA,UAAU,QAAb,gDAEF,yBAAKA,UAAU,4BACb,wBAAIA,UAAU,yBAAd,gBACA,uBAAGA,UAAU,QAAb,kDACA,uBAAGA,UAAU,QAAb,sBACA,uBAAGA,UAAU,QAAb,wBACA,uBAAGA,UAAU,QAAb,sCAIJ,yBAAKA,UAAU,qCACb,wBAAIA,UAAU,iBACZ,4BAAI,wBAAIA,UAAU,uCAAuCK,QAASjC,KAAKR,aAAnE,cACJ,4BAAI,kBAAC,IAAD,CAAMmD,GAAG,YAAW,wBAAIf,UAAU,mDAAd,iBACxB,4BAAI,kBAAC,IAAD,CAAMe,GAAG,cAAa,wBAAIf,UAAU,mDAAd,eAC1B,4BAAI,kBAAC,IAAD,CAAMe,GAAG,iBAAgB,wBAAIf,UAAU,mDAAd,oBAIjC,yBAAKA,UAAU,kDACb,wBAAIA,UAAU,iBAEZ,4BAAI,kBAAC,IAAD,CAAMe,GAAI,cAAc,wBAAIf,UAAU,oCAAd,UAC5B,4BAAI,uBAAGgB,KAAK,IAAItC,OAAO,UAAS,wBAAIsB,UAAU,oCAAd,aAChC,4BAAI,wBAAIA,UAAU,yBAAd,qBAEN,wBAAIA,UAAU,yGACZ,wBAAIA,UAAU,QAAO,uBAAGA,UAAU,iBAAiBgB,KAAK,wCAAwCtC,OAAO,UAAS,yBAAK4B,IAAI,sBACzH,wBAAIN,UAAU,QAAO,uBAAGA,UAAU,iBAAiBgB,KAAK,0CAA0CtC,OAAO,UAAS,yBAAK4B,IAAI,sBAC3H,wBAAIN,UAAU,QAAO,uBAAGA,UAAU,iBAAiBgB,KAAK,2EAA2EtC,OAAO,UAAS,yBAAK4B,IAAI,gCAGhK,yBAAKN,UAAU,YACb,yBAAKA,UAAU,0DACb,yBAAKM,IAAI,4BAEX,yBAAKN,UAAU,4BACb,uBAAGA,UAAU,sBAAsBgB,KAAK,IAAItC,OAAO,UAAnD,cAIN,yBAAKsB,UAAU,mCACb,yBAAKA,UAAU,6DACb,uBAAGA,UAAU,aAAagB,KAAK,4CAA/B,wBADF,kBAEI,uBAAGhB,UAAU,aAAagB,KAAK,KAA/B,kBAFJ,kBAGI,uBAAGhB,UAAU,aAAagB,KAAK,KAA/B,gBACF,6EAEF,yBAAKhB,UAAU,qDACb,yBAAKA,UAAU,4BAAf,2BAC0B,6BAD1B,iCAON,kBAAC,EAAD,CAAgBzB,SAAUH,KAAKf,MAAM+D,WAAY/C,aAAcD,KAAKR,mB,GA3FvDM,IAAM+C,W,kBC0GZS,E,kDAvGX,WAAYtE,GAAQ,IAAD,8BACf,gBAiDJuE,iBAAmB,SAACC,GAEhB,EAAKzC,SAAS,CAAE0C,aAAa,KAlD7B,EAAKxE,MAAQ,CACTC,OAAQP,OAAOQ,QACfuE,UAAU,EACVV,YAAY,EACZW,YAAY,GACZF,aAAa,GAEjB,EAAKG,eAAiB,EAAKA,eAAenE,KAApB,gBACtB,EAAKoE,WAAa,EAAKA,WAAWpE,KAAhB,gBAClB,EAAKD,YAAc,EAAKA,YAAYC,KAAjB,gBAXJ,E,2DAcJqE,GACX9D,KAAKe,SAAS,CAAE0C,YAAaK,M,mCAI7B9D,KAAKe,SAAS,CAAE0C,aAAa,M,oCAI7BzD,KAAKe,SAAS,CAACiC,YAAchD,KAAKf,MAAM+D,WAAYS,aAAa,M,2CAG/C,IAAD,OACjBlD,MAAMP,KAAKf,MAAMC,OAAS,mCAAoC,CAC1DsB,OAAQ,OACRC,QAAS,CACL,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,OAGlCC,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACG,GAEH,EAAKC,SAAS,CAAE4C,YAAa7C,EAAKiD,YAGrC/C,MAAMC,QAAQC,O,0CAGF,IAAD,OAChBlB,KAAKgE,KAAOrF,OAAOsF,QACnBjE,KAAKkE,qBACLvF,OAAO4C,iBAAiB,UAAU,SAAAiC,GAAC,OAAI,EAAKD,iBAAiBC,Q,+BAgB7D,IAAIW,EAAiBnE,KAAKf,MAAMyE,SAAW,EAAI,SAC/C,OACI,6BACI,yBAAKN,GAAG,SAASxB,UAAU,wBAAwBC,MAAO,CAAEC,IAAKqC,IAC7D,yBAAKvC,UAAU,kCACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,uCACX,uBAAGtB,OAAO,SAASsC,KAAK,iBACpB,yBAAKV,IAAI,qBAAqBkC,IAAI,GAAGxC,UAAU,aADnD,OAEI,2BAAOA,UAAU,aAAjB,6CAKhB,yBAAKA,UAAU,+CACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,iBACX,kBAAC,IAAD,CAAWyC,GAAG,QAAQC,OAAO,KAAKC,SAAUvE,KAAK4D,eAAgBE,SAAU9D,KAAKf,MAAMwE,aAClF,kBAAC,IAAUe,MAAX,CAAiB9B,GAAI+B,IAAM9B,GAAG,KAAI,yBAAKT,IAAI,kBAAkBN,UAAU,sBAAsBwC,IAAI,MACjG,kBAAC,IAAUM,OAAX,CAAkBC,gBAAc,wBAChC,kBAAC,IAAUC,SAAX,CAAoBxB,GAAG,uBACnB,kBAAC,IAAD,CAAQxB,UAAU,WACd,kBAAC,IAAO6C,KAAR,CAAaxC,QAASjC,KAAKR,aAA3B,aACA,kBAAC,IAAOiF,KAAR,CAAaxC,QAASjC,KAAK6D,WAAYnB,GAAI+B,IAAM9B,GAAG,YAApD,eACA,kBAAC,IAAO8B,KAAR,CAAaxC,QAASjC,KAAK6D,WAAYnB,GAAI+B,IAAM9B,GAAG,cAApD,aACA,kBAAC,IAAO8B,KAAR,CAAaxC,QAASjC,KAAK6D,WAAYnB,GAAI+B,IAAO9B,GAAG,iBAAgB,0BAAMf,UAAU,uCAAuCC,MAAO,CAACgD,OAAO,oBAAqBC,aAAa,QAAxG,wBASjG,kBAAC,EAAD,CAAgB3E,SAAUH,KAAKf,MAAM+D,WAAY/C,aAAcD,KAAKR,mB,GAlG/DM,IAAM+C,WCuKZkC,E,kDAxKb,WAAY/F,GAAQ,IAAD,8BACjB,gBACKC,MAAQ,CACX+F,QAAQ,GACRC,gBAAe,EACfC,mBAAoB,KAEtBvG,OAAOwG,SAAS,MAAO,OACvB,EAAKC,OAAS,EAAKA,OAAO3F,KAAZ,gBACd,EAAK4F,QAAU,EAAKA,QAAQ5F,KAAb,gBACf,EAAK6F,cAAgB,EAAKA,cAAc7F,KAAnB,gBAVJ,E,gEAcL4B,SAASkE,eAAe,aAC9BC,WAAaxF,KAAKf,MAAMiG,qB,+BAI9B,IAAIO,EAAiBzF,KAAKf,MAAMiG,mBAC7BO,EAAiB,IAClBA,GAAkC,GACtBpE,SAASkE,eAAe,aAE9BC,WAAaC,EACnBzF,KAAKe,SAAS,CAACmE,mBAAmBO,O,gCAMpC,IAAIA,EAAiBzF,KAAKf,MAAMiG,mBAC7BO,GAAkB,MACnBA,GAAkC,GAClCxE,QAAQC,IAAIuE,GACApE,SAASkE,eAAe,aAE9BC,WAAaC,EACnBzF,KAAKe,SAAS,CAACmE,mBAAmBO,O,oCAKxBC,GACZ1F,KAAKe,SAAS,CAACiE,QAAQU,EAAKT,gBAAgB,M,+BAGpC,IAAD,OACP,OAAGjF,KAAKf,MAAMgG,eACL,kBAAC,IAAD,CAAUtC,GAAE,2BAAsB3C,KAAKf,MAAM+F,WAGpD,yBAAKpD,UAAU,OACb,yBAAKA,UAAU,iDACb,yBAAKA,UAAU,+BAA+BC,MAAO,CAAEC,IAAK,MAAO,KAAQ,MAAOE,OAAQ,IAAMC,QAASjC,KAAKoF,QAC5G,yBAAKlD,IAAI,4BAEX,yBAAKN,UAAU,+BAA+BC,MAAO,CAAEC,IAAK,MAAO,MAAS,MAAOE,OAAQ,IAAOC,QAASjC,KAAKqF,SAC9G,yBAAKnD,IAAI,6BAEX,yBAAKN,UAAU,WACb,yBAAKA,UAAU,gDAAgDwB,GAAG,aAChE,yBAAKlB,IAAI,wCAET,yBAAKN,UAAU,6BAA6BC,MAAO,CAAEC,IAAK,QAAS,KAAQ,SAAWG,QAAS,kBAAI,EAAKqD,cAAc,KACpH,yBAAK1D,UAAU,qBACb,yBAAKA,UAAU,eAAf,SACA,yBAAKA,UAAU,oBAAoBC,MAAO,CAAEQ,KAAM,OAAQP,IAAK,SAC7D,yBAAKI,IAAI,gDAIf,yBAAKN,UAAU,6BAA6BC,MAAO,CAAEC,IAAK,QAAS,KAAQ,SAAWG,QAAS,kBAAI,EAAKqD,cAAc,KACpH,yBAAK1D,UAAU,qBACb,yBAAKA,UAAU,eAAf,WACA,yBAAKA,UAAU,oBAAoBC,MAAO,CAAEQ,KAAM,OAAQP,IAAK,SAC7D,yBAAKI,IAAI,gDAIf,yBAAKN,UAAU,6BAA6BC,MAAO,CAAEC,IAAK,QAAS,KAAQ,SAAWG,QAAS,kBAAI,EAAKqD,cAAc,KACpH,yBAAK1D,UAAU,qBACb,yBAAKA,UAAU,eAAf,QACA,yBAAKA,UAAU,oBAAoBC,MAAO,CAAEQ,KAAM,OAAQP,IAAK,SAC7D,yBAAKI,IAAI,gDAIf,yBAAKN,UAAU,6BAA6BC,MAAO,CAAEC,IAAK,OAAQ,KAAQ,SAAWG,QAAS,kBAAI,EAAKqD,cAAc,KACnH,yBAAK1D,UAAU,qBACb,yBAAKA,UAAU,eAAf,SACA,yBAAKA,UAAU,oBAAoBC,MAAO,CAAEQ,KAAM,OAAQP,IAAK,SAC7D,yBAAKI,IAAI,gDAIf,yBAAKN,UAAU,6BAA6BC,MAAO,CAAEC,IAAK,QAAS,KAAQ,SAAWG,QAAS,kBAAI,EAAKqD,cAAc,MACpH,yBAAK1D,UAAU,qBACb,yBAAKA,UAAU,eAAf,YACA,yBAAKA,UAAU,oBAAoBC,MAAO,CAAEQ,KAAM,OAAQP,IAAK,SAC7D,yBAAKI,IAAI,gDAIf,yBAAKN,UAAU,6BAA6BC,MAAO,CAAEC,IAAK,QAAS,KAAQ,SAAWG,QAAS,kBAAI,EAAKqD,cAAc,MACpH,yBAAK1D,UAAU,qBACb,yBAAKA,UAAU,eAAf,WACA,yBAAKA,UAAU,oBAAoBC,MAAO,CAAEQ,KAAM,OAAQP,IAAK,SAC7D,yBAAKI,IAAI,gDAIf,yBAAKN,UAAU,6BAA6BC,MAAO,CAAEC,IAAK,QAAS,KAAQ,SAAWG,QAAS,kBAAI,EAAKqD,cAAc,KACpH,yBAAK1D,UAAU,qBACb,yBAAKA,UAAU,eAAf,YACA,yBAAKA,UAAU,oBAAoBC,MAAO,CAAEQ,KAAM,OAAQP,IAAK,SAC7D,yBAAKI,IAAI,gDAIf,yBAAKN,UAAU,6BAA6BC,MAAO,CAAEC,IAAK,QAAS,KAAQ,SAAWG,QAAS,kBAAI,EAAKqD,cAAc,KACpH,yBAAK1D,UAAU,qBACb,yBAAKA,UAAU,eAAf,YACA,yBAAKA,UAAU,oBAAoBC,MAAO,CAAEQ,KAAM,OAAQP,IAAK,SAC7D,yBAAKI,IAAI,gDAIf,yBAAKN,UAAU,6BAA6BC,MAAO,CAAEC,IAAK,QAAS,KAAQ,SAAWG,QAAS,kBAAI,EAAKqD,cAAc,KACpH,yBAAK1D,UAAU,qBACb,yBAAKA,UAAU,eAAf,aACA,yBAAKA,UAAU,oBAAoBC,MAAO,CAAEQ,KAAM,OAAQP,IAAK,SAC7D,yBAAKI,IAAI,gDAIf,yBAAKN,UAAU,6BAA6BC,MAAO,CAAEC,IAAK,QAAS,KAAQ,SAAWG,QAAS,kBAAI,EAAKqD,cAAc,KACpH,yBAAK1D,UAAU,qBACb,yBAAKA,UAAU,eAAf,aACA,yBAAKA,UAAU,oBAAoBC,MAAO,CAAEQ,KAAM,OAAQP,IAAK,SAC7D,yBAAKI,IAAI,gDAIf,yBAAKN,UAAU,6BAA6BC,MAAO,CAAEC,IAAK,QAAS,KAAQ,SAAWG,QAAS,kBAAI,EAAKqD,cAAc,KACpH,yBAAK1D,UAAU,qBACb,yBAAKA,UAAU,eAAf,UACA,yBAAKA,UAAU,oBAAoBC,MAAO,CAAEQ,KAAM,OAAQP,IAAK,SAC7D,yBAAKI,IAAI,gDAIf,yBAAKN,UAAU,6BAA6BC,MAAO,CAAEC,IAAK,QAAS,KAAQ,UAAYG,QAAS,kBAAI,EAAKqD,cAAc,MACrH,yBAAK1D,UAAU,qBACb,yBAAKA,UAAU,eAAf,eACA,yBAAKA,UAAU,oBAAoBC,MAAO,CAAEQ,KAAM,OAAQP,IAAK,SAC7D,yBAAKI,IAAI,wD,GA7JXpC,IAAM+C,W,iBC2CT8C,E,4MA9CX1G,MAAQ,CACJ2G,UAAMC,EACNC,WAAOD,EACPE,aAASF,EACTG,aAASH,G,kEAGQ,IAAD,OAChB7F,KAAKiG,SAAWC,aAAY,WAAO,IAAD,EACO,EAAKlH,MAAlCmH,EADsB,EACtBA,aACFxF,GAFwB,EACRyF,WACTC,IAAOF,IACdG,EAAMD,MACNE,EAAYF,IAAOG,SAAS7F,EAAK8F,KAAKH,IAEtCV,EAAOjF,EAAK8F,KAAKH,EAAI,QAAU,GAAK,IAAM3F,EAAK8F,KAAKH,EAAI,SAASI,OAAO,GAAK,KAC7EZ,EAAQS,EAAUT,QAAU,GAAK,IAAMS,EAAUT,SAASY,OAAO,GAAK,KACtEX,EAAUQ,EAAUR,UAAY,GAAK,IAAMQ,EAAUR,WAAWW,OAAO,GAAK,KAC5EV,EAAUO,EAAUP,UAAY,GAAK,IAAMO,EAAUP,WAAWU,OAAO,GAAK,KAElF,EAAK3F,SAAS,CAAE6E,OAAME,QAAOC,UAASC,cACvC,O,6CAIChG,KAAKiG,UACLU,cAAc3G,KAAKiG,Y,+BAIjB,IAAD,EACqCjG,KAAKf,MAAvC2G,EADH,EACGA,KAAME,EADT,EACSA,MAAOC,EADhB,EACgBA,QAASC,EADzB,EACyBA,QAE9B,OACE,yBAAKpE,UAAU,0CACf,uBAAGA,UAAU,8BAA8BgE,EAAK,2BAAOhE,UAAU,WAAjB,SAChD,uBAAGA,UAAU,yBAAb,KACA,uBAAGA,UAAU,mCAAmCkE,EAAM,2BAAOlE,UAAU,WAAjB,UACtD,uBAAGA,UAAU,yBAAb,KACA,uBAAGA,UAAU,mCAAmCmE,EAAQ,2BAAOnE,UAAU,WAAjB,YACxD,uBAAGA,UAAU,yBAAb,KACA,uBAAGA,UAAU,8BAA8BoE,EAAQ,2BAAOpE,UAAU,WAAjB,iB,GAzChC9B,IAAM+C,WCwGpB+D,E,kDA/Fb,WAAY5H,GAAQ,IAAD,8BACjB,gBACKC,MAAQ,CACXC,OAAQP,OAAOQ,QACf0H,iBAAkB,GAClBlD,YAAa,IALE,E,iEAUG,IAAD,OACnBpD,MAAMP,KAAKf,MAAMC,OAAS,mCAAoC,CAC5DsB,OAAQ,OACRC,QAAS,CACP,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,OAGhCC,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACG,GACL,EAAKC,SAAS,CAAE4C,YAAa7C,EAAKiD,SACd,OAAhBjD,EAAKiD,QACP,EAAKhD,SAAS,CAAE8F,iBAAkB/F,OAIrCE,MAAMC,QAAQC,O,0CAIjBlB,KAAKkE,uB,+BAGG,IACA2C,EAAqB7G,KAAKf,MAA1B4H,iBAEJC,GAAkB,EAChBR,EAAMD,MAEVS,EADET,IAAOQ,EAAiBE,qBAAuBT,GAAOD,IAAOQ,EAAiBG,mBAAqBV,EAMvG,IAAIW,EAAUZ,IAAOQ,EAAiBG,mBAAmBE,SAEzD,OACE,yBAAKtF,UAAU,kBACb,yBAAKA,UAAU,mBACb,yBAAKA,UAAU,OACb,yBAAKA,UAAU,6DACb,yBAAKM,IAAI,kDAAkDN,UAAU,kBAErE,yBAAKA,UAAU,4EACb,yBAAKA,UAAU,gCACZkF,GAAmBD,GAAoB,uBAAGjF,UAAU,+CAA+CiF,EAAiBM,gBAA7E,cACtCL,GAAmBD,GAAoB,uBAAGjF,UAAU,+CAA+CiF,EAAiBM,gBAA7E,eACzC,kBAAC,EAAD,CAAgBhB,aAAcc,EAASb,WAAW,yBAItD,yBAAKxE,UAAU,mCACb,yBAAKM,IAAI,yDAAyDN,UAAU,kBAKpF,yBAAKA,UAAU,mBACb,yBAAKA,UAAU,OACb,yBAAKA,UAAU,+CACe,OAA3B5B,KAAKf,MAAM0E,aAAwB,6BACjCmD,GAAmB,yBAAKlF,UAAU,+BACjC,uBAAGA,UAAU,OAAb,mDAGA,4FAIDkF,GAAmB,yBAAKlF,UAAU,iCACjC,kBAAC,IAAD,CAAMA,UAAU,wBAAwBe,GAAG,iBAA3C,kBAEAmE,GAAmB,yBAAKlF,UAAU,iCAClC,kBAAC,IAAD,CAAMA,UAAU,wBAAwBe,GAAG,cAA3C,4B,GArFM7C,IAAM+C,W,6CCkkBfuE,E,kDAtjBb,WAAYpI,GAAQ,IAAD,sBACjB,eACkBA,EAAVF,MAFS,OAGjB,EAAKG,MAAQ,CACXmI,QAAQ,EACRC,UAAU,EACVnI,OAAQP,OAAOQ,QACfmI,YAAa,GACbC,YAAa,GACbC,WAAY,GACZC,UAAW,GACXC,OAAQ,EACRC,aAAc,mBACdC,UAAW,CACTC,MAAO,GACPC,QAAS,GACTC,QAAS,GACTC,OAAQ,GACRC,MAAO,IAETC,cAAe,CACbL,MAAO,GACPC,QAAS,GACTC,QAAS,GACTC,OAAQ,GACRC,MAAO,IAETE,YAAY,EACZC,eAAe,GAGjB,EAAKC,WAAa,EAAKA,WAAW5I,KAAhB,gBAClB,EAAK6I,YAAc,EAAKA,YAAY7I,KAAjB,gBACnB,EAAK8I,WAAa,EAAKA,WAAW9I,KAAhB,gBAClB,EAAK+I,QAAU,EAAKA,QAAQ/I,KAAb,gBACf,EAAKgJ,YAAc,EAAKA,YAAYhJ,KAAjB,gBACnB,EAAKiJ,YAAc,EAAKA,YAAYjJ,KAAjB,gBACnB,EAAKkJ,aAAe,EAAKA,aAAalJ,KAAlB,gBACpB,EAAKG,mBAAqB,EAAKA,mBAAmBH,KAAxB,gBAE1B,EAAKmJ,WAAa9I,IAAMC,YACxB,EAAK8I,YAAc/I,IAAMC,YAzCR,E,0DA4CJ,IAAD,OACN+I,EAAUC,cAEhB/I,KAAKe,SAAS,CAACqH,eAAe,IAE9BY,YAAW,WACT,EAAKjI,SAAS,CAACqH,eAAe,MAC7B,KAEH,IAAIR,EAAY5H,KAAKf,MAAM2I,UACvBM,EAAgBlI,KAAKf,MAAMiJ,cAE/BlI,KAAKiJ,WAAWC,MAAQ,GACxBlJ,KAAKmJ,WAAWD,MAAQ,GACxBlJ,KAAKoJ,UAAUF,MAAQ,GACvBlJ,KAAKqJ,WAAWH,MAAQ,GACxBlJ,KAAKsJ,SAASJ,MAAQ,GAEtBJ,EAAQS,KAAK,CACXC,SAAU,eACVC,OAAQ,KAGV7B,EAAY,CACVC,MAAO,GACPC,QAAS,GACTC,QAAS,GACTC,OAAQ,GACRC,MAAO,IAGTC,EAAgB,CACdL,MAAO,GACPC,QAAS,GACTC,QAAS,GACTC,OAAQ,GACRC,MAAO,IAGTjI,KAAKe,SAAS,CAAE6G,UAAWA,EAAWF,OAAQ,EAAGQ,cAAeA,EAAeC,YAAY,IAC3FnI,KAAKhB,MAAMyJ,YAAYzI,KAAKiJ,WAAWC,MAAOlJ,KAAKmJ,WAAWD,MAAOlJ,KAAKoJ,UAAUF,MAAOlJ,KAAKqJ,WAAWH,MAAOlJ,KAAKsJ,SAASJ,MAAO,sB,kCAG7H7B,GAAW,IAAD,OACpBrH,KAAKe,SAAS,CAACqH,eAAe,EAAMhB,QAAQ,IAE5C4B,YAAW,WACT,EAAKjI,SAAS,CAACqH,eAAe,MAC7B,KAEH,IAAMU,EAAUC,cAEZb,EAAgBlI,KAAKf,MAAMiJ,cACzBwB,EA/GM,SAAUC,GACxB,IAAIC,EAAS,GACTC,EAASxI,SAASyI,cAAc,KACpCD,EAAOjH,KAAO+G,EAGd,IAFA,IACII,EADQF,EAAOJ,OAAOO,UAAU,GACnBC,MAAM,KACdC,EAAI,EAAGA,EAAIH,EAAKI,OAAQD,IAAK,CACpC,IAAIE,EAAOL,EAAKG,GAAGD,MAAM,KACzBL,EAAOQ,EAAK,IAAMC,mBAAmBD,EAAK,IAE5C,OAAOR,EAqGeU,CAAU3L,OAAOC,SAASgE,MAC1CuF,GAAa,EACjB,GAAId,EAAU,CAEZ,IAAIQ,EAAQ7H,KAAKiJ,WAAajJ,KAAKiJ,WAAWC,MAAQ,KAClDpB,EAAU9H,KAAKmJ,WAAanJ,KAAKmJ,WAAWD,MAAQ,KACpDlB,EAAShI,KAAKoJ,UAAYpJ,KAAKoJ,UAAUF,MAAQ,KACjDnB,EAAU/H,KAAKqJ,WAAarJ,KAAKqJ,WAAWH,MAAQ,KACpDjB,EAAQjI,KAAKsJ,SAAWtJ,KAAKsJ,SAASJ,MAAQ,KAElDhB,EAAcL,MAAQA,EACtB7H,KAAKe,SAAS,CAAEmH,cAAeA,IAE3BL,GAASC,GAAWE,GAAUD,GAAWE,GAC3CE,GAAa,EACbnI,KAAKe,SAAS,CAAEoH,WAAYA,MAE5BA,GAAa,EACbnI,KAAKe,SAAS,CAAEoH,WAAYA,KAG9B,IAAIoC,EAAc,SAAW1C,EACzB2C,EAAgB1C,EAAU,YAAcA,EAAU,GAClD2C,EAAezC,EAAS,WAAaA,EAAS,GAC9C0C,EAAgB3C,EAAU,YAAcA,EAAU,GAClD4C,EAAc1C,EAAQ,UAAYA,EAAQ,GAE9CjI,KAAK4K,UAAU5C,GACfhI,KAAK6K,WAAW/C,GAChB9H,KAAK8K,WAAW/C,GAChB/H,KAAK+K,SAAS9C,GAEda,EAAQS,KAAK,CACXC,SAAU,eACVC,OAAQ,IAAMc,EAAcC,EAAgBC,EAAeC,EAAgBC,IAE7E3K,KAAKhB,MAAMyJ,YAAYZ,EAAOC,EAASE,EAAQD,EAASE,EAAOjI,KAAKf,MAAM0I,kBACrE,CACL,IAAIC,EAAY5H,KAAKf,MAAM2I,UAEvBC,EAAQ6B,EAAY7B,MAAQ6B,EAAY7B,MAAQ,GAChDC,EAAU4B,EAAY5B,QAAUkD,SAAStB,EAAY5B,SAAW,GAChEE,EAAS0B,EAAY1B,OAASgD,SAAStB,EAAY1B,QAAU,GAC7DD,EAAU2B,EAAY3B,QAAUiD,SAAStB,EAAY3B,SAAW,GAChEE,EAAQyB,EAAYzB,MAAQ+C,SAAStB,EAAYzB,OAAS,GAE9DC,EAAcL,MAAQA,EACtB7H,KAAKe,SAAS,CAAEmH,cAAeA,IAE3BL,GAASC,GAAWE,GAAUD,GAAWE,GAC3CE,GAAa,EACbnI,KAAKe,SAAS,CAAEoH,WAAYA,MAE5BA,GAAa,EACbnI,KAAKe,SAAS,CAAEoH,WAAYA,KAG9BnI,KAAK4K,UAAUlB,EAAY1B,QAC3BhI,KAAK6K,WAAWnB,EAAY5B,SAC5B9H,KAAK8K,WAAWpB,EAAY3B,SAC5B/H,KAAK+K,SAASrB,EAAYzB,OAE1BL,EAAY,CACVC,MAAOA,EACPC,QAASA,EACTC,QAASA,EACTC,OAAQA,EACRC,MAAOA,GAGTjI,KAAKiJ,WAAWC,MAAQrB,EACxB7H,KAAKmJ,WAAWD,MAAQpB,EACxB9H,KAAKoJ,UAAUF,MAAQlB,EACvBhI,KAAKqJ,WAAWH,MAAQnB,EACxB/H,KAAKsJ,SAASJ,MAAQjB,EAEtBjI,KAAKe,SAAS,CAAE6G,UAAWA,IAC3B5H,KAAKhB,MAAMyJ,YAAYZ,EAAOC,EAASE,EAAQD,EAASE,EAAOjI,KAAKf,MAAM0I,iB,mCAIjEnE,EAAGyH,GACd,IAAIrD,EAAY5H,KAAKf,MAAM2I,UAC3B,OAAQqD,GACN,IAAK,UACHrD,EAAUE,QAAUtE,EAAElD,OAAO4I,MAC7B,MACF,IAAK,SACHtB,EAAUI,OAASxE,EAAElD,OAAO4I,MAC5B,MACF,IAAK,UACHtB,EAAUG,QAAUvE,EAAElD,OAAO4I,MAC7B,MACF,IAAK,QACHtB,EAAUK,MAAQzE,EAAElD,OAAO4I,MAK/BlJ,KAAKe,SAAS,CAAE6G,UAAWA,M,yCAIV1H,GACbF,KAAKf,MAAMmI,QACRpH,KAAK4I,aAAe5I,KAAK4I,WAAWxI,QAAQC,SAASH,EAAMI,SAAYN,KAAK6I,cAAgB7I,KAAK6I,YAAYzI,QAAQC,SAASH,EAAMI,SAEvIN,KAAKe,SAAS,CAAEqG,QAAQ,M,8BAMtB5D,EAAGkC,GAAM,IAAD,OACVkC,EAAY5H,KAAKf,MAAM2I,UACvBsD,EAAY,GACJ,IAARxF,EACFwF,EAAY,kBACK,IAARxF,EACTwF,EAAY,mBACK,IAARxF,EACTwF,EAAY,yBACK,IAARxF,IACTwF,EAAY,yBAEdlL,KAAKe,SAAS,CAACqH,eAAe,IAE9BY,YAAW,WACT,EAAKjI,SAAS,CAACqH,eAAe,MAC7B,KAEHpI,KAAKe,SAAS,CAAE2G,OAAQhC,EAAKiC,aAAcuD,IAC3ClL,KAAKhB,MAAMyJ,YAAYb,EAAUC,MAAOD,EAAUE,QAASF,EAAUI,OAAQJ,EAAUG,QAASH,EAAUK,MAAOiD,K,iCAGxG9H,GAAK,IAAD,OAqBb,GApBA7C,MAAMP,KAAKf,MAAMC,OAAS,wBAAyB,CACjDsB,OAAQ,OACRC,QAAS,CACP,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,KAEjCuC,KAAMkI,KAAKC,UAAU,CACnB,GAAM,SAGPzK,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACG,GACe,OAAhBA,EAAKiD,QACP,EAAKhD,SAAS,CAAEuG,YAAaxG,EAAKuK,mBAIrCrK,MAAMC,QAAQC,KAEbkC,EAAI,CACN,IAAI8E,EAAgBlI,KAAKf,MAAMiJ,cAC/B3H,MAAMP,KAAKf,MAAMC,OAAS,wBAAyB,CACjDsB,OAAQ,OACRC,QAAS,CACP,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,KAEjCuC,KAAMkI,KAAKC,UAAU,CACnB,GAAMhI,MAGPzC,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACG,GACe,OAAhBA,EAAKiD,SACPmE,EAAcJ,QAAUhH,EAAKuK,cAAc,GAAGC,aAC9C,EAAKvK,SAAS,CAAEmH,cAAeA,QAIlClH,MAAMC,QAAQC,Q,iCAIVkC,GAAK,IAAD,OAmBb,GAlBA7C,MAAMP,KAAKf,MAAMC,OAAS,wBAAyB,CACjDsB,OAAQ,OACRC,QAAS,CACP,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,KAEjCuC,KAAMkI,KAAKC,UAAU,CACnB,GAAM,SAGPzK,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACG,GACe,OAAhBA,EAAKiD,QACP,EAAKhD,SAAS,CAAEwG,YAAazG,EAAKuK,mBAGrCrK,MAAMC,QAAQC,KACbkC,EAAI,CACN,IAAI8E,EAAgBlI,KAAKf,MAAMiJ,cAC/B3H,MAAMP,KAAKf,MAAMC,OAAS,wBAAyB,CACjDsB,OAAQ,OACRC,QAAS,CACP,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,KAEjCuC,KAAMkI,KAAKC,UAAU,CACnB,GAAMhI,MAGPzC,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACG,GACe,OAAhBA,EAAKiD,SACPmE,EAAcH,QAAUjH,EAAKuK,cAAc,GAAGC,aAC9C,EAAKvK,SAAS,CAAEmH,cAAeA,QAGlClH,MAAMC,QAAQC,Q,gCAIXkC,GAAK,IAAD,OAoBZ,GAnBA7C,MAAMP,KAAKf,MAAMC,OAAS,uBAAwB,CAChDsB,OAAQ,OACRC,QAAS,CACP,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,KAEjCuC,KAAMkI,KAAKC,UAAU,CACnB,GAAM,SAGPzK,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACG,GACe,OAAhBA,EAAKiD,QACP,EAAKhD,SAAS,CAAEyG,WAAY1G,EAAKuK,mBAGpCrK,MAAMC,QAAQC,KAEbkC,EAAI,CACN,IAAI8E,EAAgBlI,KAAKf,MAAMiJ,cAC/B3H,MAAMP,KAAKf,MAAMC,OAAS,uBAAwB,CAChDsB,OAAQ,OACRC,QAAS,CACP,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,KAEjCuC,KAAMkI,KAAKC,UAAU,CACnB,GAAMhI,MAGPzC,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACG,GACe,OAAhBA,EAAKiD,SACPmE,EAAcF,OAASlH,EAAKuK,cAAc,GAAGC,aAC7C,EAAKvK,SAAS,CAAEmH,cAAeA,QAGlClH,MAAMC,QAAQC,Q,+BAKZkC,GAAK,IAAD,OAqBX,GApBA7C,MAAMP,KAAKf,MAAMC,OAAS,sBAAuB,CAC/CsB,OAAQ,OACRC,QAAS,CACP,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,KAEjCuC,KAAMkI,KAAKC,UAAU,CACnB,GAAM,KACN,aAAgB,KAChB,YAAe,EACf,SAAY,QAGbzK,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACG,GACL,EAAKC,SAAS,CAAE0G,UAAW3G,EAAKuK,mBAEjCrK,MAAMC,QAAQC,KAEbkC,EAAI,CACN,IAAI8E,EAAgBlI,KAAKf,MAAMiJ,cAC/B3H,MAAMP,KAAKf,MAAMC,OAAS,sBAAuB,CAC/CsB,OAAQ,OACRC,QAAS,CACP,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,KAEjCuC,KAAMkI,KAAKC,UAAU,CACnB,GAAMhI,EACN,aAAgB,KAChB,YAAe,EACf,SAAY,QAGbzC,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACG,GACLoH,EAAcD,MAAQnH,EAAKuK,cAAc,GAAGC,aAC5C,EAAKvK,SAAS,CAAEmH,cAAeA,OAEhClH,MAAMC,QAAQC,Q,mCAMnBlB,KAAKe,SAAS,CAAEqG,QAASpH,KAAKf,MAAMmI,W,iCAG3B5D,EAAG+H,GACRA,GAAY/H,EAAElD,OAAOkL,cAAc,QACjCxL,KAAKf,MAAMyI,OACblE,EAAElD,OAAOkL,cAAc,OAAOtJ,IAAM,+BAK5BqJ,GAAY/H,EAAElD,OAAOkL,cAAc,SACnB,IAAtBxL,KAAKf,MAAMyI,OACblE,EAAElD,OAAOkL,cAAc,OAAOtJ,IAAM,6BAEpCsB,EAAElD,OAAOkL,cAAc,OAAOtJ,IAAM,oC,kCAM9BsB,EAAG+H,GACTA,GAAY/H,EAAElD,OAAOkL,cAAc,QACjCxL,KAAKf,MAAMyI,OACblE,EAAElD,OAAOkL,cAAc,OAAOtJ,IAAM,+BAK5BqJ,GAAY/H,EAAElD,OAAOkL,cAAc,SACnB,IAAtBxL,KAAKf,MAAMyI,OACblE,EAAElD,OAAOkL,cAAc,OAAOtJ,IAAM,6BAEpCsB,EAAElD,OAAOkL,cAAc,OAAOtJ,IAAM,oC,6CAMxCb,SAASC,oBAAoB,YAAatB,KAAKJ,sB,0CAI/CyB,SAASE,iBAAiB,YAAavB,KAAKJ,oBAC5CI,KAAK4K,YACL5K,KAAK6K,aACL7K,KAAK8K,aACL9K,KAAK+K,WAEL/K,KAAKyI,aAAY,K,+BAGT,IAAD,OACDb,EAAY5H,KAAKf,MAAM2I,UAE7B,OACE,6BACE,yBAAKxE,GAAG,SAASxB,UAAU,iDACzB,yBAAKA,UAAU,qCACb,kBAAC6J,EAAA,EAAD,KACE,kBAACC,EAAA,EAAD,CACEC,aAAc/D,EAAUC,MACxBzF,IAAK,SAAAwJ,GAAE,OAAI,EAAK3C,WAAa2C,GAC7BC,YAAY,qBAEd,kBAACJ,EAAA,EAAWK,OAAZ,KACE,4BAAQlK,UAAU,0BAA0BmK,SAAU/L,KAAKf,MAAMmJ,cAAenG,QAAS,kBAAM,EAAKwG,aAAY,KAAhH,UACA,kBAACuD,EAAA,EAAD,CAAQC,QAAQ,UAAW7J,IAAKpC,KAAK6I,YAAa5G,QAASjC,KAAKuI,YAAY,yBAAKrG,IAAI,sBAAsBN,UAAU,gBAGzH,yBAAKA,UAAW5B,KAAKf,MAAMmI,OAAS,gDAAkD,+CAAgDhF,IAAKpC,KAAK4I,YAC9I,4BAAQhH,UAAU,oBAAoBQ,IAAK,SAAAwJ,GAAE,OAAI,EAAKzC,WAAayC,GAAI1C,MAAOtB,EAAUE,QAASoE,SAAU,SAAC1I,GAAD,OAAO,EAAKmF,aAAanF,EAAG,aACrI,4BAAQ0F,MAAM,IAAd,uBAEElJ,KAAKf,MAAMqI,YAAY6E,KAAI,SAACC,EAAQC,GAClC,OACE,4BAAQC,IAAKD,EAAUnD,MAAOkD,EAAOG,YAAaH,EAAOd,kBAMjE,4BAAQ1J,UAAU,oBAAoBQ,IAAK,SAAAwJ,GAAE,OAAI,EAAKxC,UAAYwC,GAAI1C,MAAOtB,EAAUI,OAAQkE,SAAU,SAAC1I,GAAD,OAAO,EAAKmF,aAAanF,EAAG,YACnI,4BAAQ0F,MAAM,IAAd,4BAEElJ,KAAKf,MAAMuI,WAAW2E,KAAI,SAACC,EAAQC,GACjC,OACE,4BAAQC,IAAKD,EAAUnD,MAAOkD,EAAOG,YAAaH,EAAOd,kBAMjE,4BAAQ1J,UAAU,oBAAoBQ,IAAK,SAAAwJ,GAAE,OAAI,EAAKvC,WAAauC,GAAI1C,MAAOtB,EAAUG,QAASmE,SAAU,SAAC1I,GAAD,OAAO,EAAKmF,aAAanF,EAAG,aACrI,4BAAQ0F,MAAM,IAAd,uBAEElJ,KAAKf,MAAMsI,YAAY4E,KAAI,SAACC,EAAQC,GAClC,OACE,4BAAQC,IAAKD,EAAUnD,MAAOkD,EAAOG,YAAaH,EAAOd,kBAMhEtL,KAAKf,MAAMwI,WAAa,4BAAQ7F,UAAU,oBAAoBQ,IAAK,SAAAwJ,GAAE,OAAI,EAAKtC,SAAWsC,GAAI1C,MAAOtB,EAAUK,MAAOiE,SAAU,SAAC1I,GAAD,OAAO,EAAKmF,aAAanF,EAAG,WAC1J,4BAAQ0F,MAAM,IAAd,qBAEElJ,KAAKf,MAAMwI,UAAU0E,KAAI,SAACC,EAAQC,GAChC,OACE,4BAAQC,IAAKD,EAAUnD,MAAOkD,EAAOG,YAAaH,EAAOd,kBAOjE,6BACE,4BAAQ1J,UAAU,wBAAwBmK,SAAU/L,KAAKf,MAAMmJ,cAAenG,QAAS,kBAAM,EAAKwG,aAAY,KAA9G,cAOR,yBAAK7G,UAAU,iDACb,4BAAQA,UAAiC,IAAtB5B,KAAKf,MAAMyI,OAAe,uBAAyB,+BAAgCqE,SAAU/L,KAAKf,MAAMmJ,cAAeoE,aAAc,SAAChJ,GAAD,OAAO,EAAK6E,WAAW7E,GAAG,IAAOiJ,aAAc,SAACjJ,GAAD,OAAO,EAAK6E,WAAW7E,GAAG,IAAQvB,QAAS,SAACuB,GAAD,OAAO,EAAKgF,QAAQhF,EAAG,KAAI,yBAAKtB,IAA2B,IAAtBlC,KAAKf,MAAMyI,OAAe,6BAA+B,iCAAkC9F,UAAU,cAC5X,4BAAQA,UAAiC,IAAtB5B,KAAKf,MAAMyI,OAAe,uBAAyB,+BAAgCqE,SAAU/L,KAAKf,MAAMmJ,cAAeoE,aAAc,SAAChJ,GAAD,OAAO,EAAK8E,YAAY9E,GAAG,IAAOiJ,aAAc,SAACjJ,GAAD,OAAO,EAAK8E,YAAY9E,GAAG,IAAQvB,QAAS,SAACuB,GAAD,OAAO,EAAKgF,QAAQhF,EAAG,KAAI,yBAAKtB,IAA2B,IAAtBlC,KAAKf,MAAMyI,OAAe,6BAA+B,iCAAkC9F,UAAU,cAC9X,4BAAQA,UAAiC,IAAtB5B,KAAKf,MAAMyI,OAAe,uBAAyB,+BAAgCqE,SAAU/L,KAAKf,MAAMmJ,cAAenG,QAAS,SAACuB,GAAD,OAAO,EAAKgF,QAAQhF,EAAG,KAA1K,UACA,4BAAQ5B,UAAiC,IAAtB5B,KAAKf,MAAMyI,OAAe,uBAAyB,+BAAgCqE,SAAU/L,KAAKf,MAAMmJ,cAAenG,QAAS,SAACuB,GAAD,OAAO,EAAKgF,QAAQhF,EAAG,KAA1K,UACA,4BAAQ5B,UAAU,iBAAiBmK,SAAU/L,KAAKf,MAAMmJ,cAAenG,QAAS,kBAAM,EAAKyG,gBAA3F,UAGD1I,KAAKf,MAAMkJ,YAAc,yBAAKvG,UAAU,oBACvC,+BACE,kDACC5B,KAAKf,MAAMiJ,cAAcL,OAAS,yBAAKjG,UAAU,qCAAqC5B,KAAKf,MAAMiJ,cAAcL,OAE/G7H,KAAKf,MAAMiJ,cAAcJ,SAAW,yBAAKlG,UAAU,qCAAqC5B,KAAKf,MAAMiJ,cAAcJ,SAEjH9H,KAAKf,MAAMiJ,cAAcF,QAAU,yBAAKpG,UAAU,qCAAqC5B,KAAKf,MAAMiJ,cAAcF,QAEhHhI,KAAKf,MAAMiJ,cAAcH,SAAW,yBAAKnG,UAAU,qCAAqC5B,KAAKf,MAAMiJ,cAAcH,SAEjH/H,KAAKf,MAAMiJ,cAAcD,OAAS,yBAAKrG,UAAU,gCAAgC5B,KAAKf,MAAMiJ,cAAcD,c,GA9iBlGnI,IAAM+C,W,SCFrB6J,EAAiB,CACnBC,mBAAoB,KAGlBC,EAAsB,CAAEvJ,gBAAiB,OAAQwJ,QAAS,GAuIjDC,E,kDApIX,WAAY9N,GAAQ,IAAD,8BACf,gBACKC,MAAQ,CACTC,OAAQP,OAAOQ,QACf4N,UAAU,EACVC,cAAehO,EAAMgO,eAEzB,EAAKC,KAAO,EAAKA,KAAKxN,KAAV,gBACZ,EAAKyN,MAAQ,EAAKA,MAAMzN,KAAX,gBACb,EAAK0N,cAAgB,EAAKA,cAAc1N,KAAnB,gBACrB,EAAK2N,eAAiB,EAAKA,eAAe3N,KAApB,gBAVP,E,6DAcfO,KAAKe,SAAS,CAAEgM,UAAW/M,KAAKf,MAAM8N,a,oCAG5BM,GACVA,EAAG/M,OAAO4B,IAAM,uB,2BAGfsB,EAAG8J,GAAM,IAAD,OACT9J,EAAElD,OAAO4B,IAAM,qBACf,IAAIqL,EAAYC,aAAaC,QAAQ,UAAYtC,KAAKuC,MAAMF,aAAaC,QAAQ,WAAa,GAC1FE,EAAgBH,aAAaC,QAAQ,cAAgBtC,KAAKuC,MAAMF,aAAaC,QAAQ,eAAiB,GAC1GlN,MAAMP,KAAKf,MAAMC,OAAS,wBAAyB,CAC/CsB,OAAQ,OACRC,QAAS,CACL,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,KAEnCuC,KAAMkI,KAAKC,UACP,CACI,SAAYkC,MAInB3M,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACG,GACHyM,EAAUhE,KAAK+D,GACfK,EAAcpE,KAAK+D,GACnB,EAAKvM,SAAS,CAAEgM,UAAU,IAC1BS,aAAaI,QAAQ,SAAUzC,KAAKC,UAAUmC,IAC9CC,aAAaI,QAAQ,aAAczC,KAAKC,UAAUuC,OAErD3M,MAAMC,QAAQC,O,4BAGjBsC,EAAG8J,GACL,IAAIO,EAAY1C,KAAKuC,MAAMF,aAAaC,QAAQ,eAC5CK,EAAQD,EAAUE,QAAQT,GAG1B9J,EAAElD,OAAO4B,IAAI8L,SAAS,cACtBxK,EAAElD,OAAO4B,IAAM,6BACX4L,GAAS,GACTD,EAAUI,OAAOH,EAAO,GAE5BN,aAAaI,QAAQ,aAAczC,KAAKC,UAAUyC,MAElDrK,EAAElD,OAAO4B,IAAM,qBACf2L,EAAUtE,KAAK+D,GACfE,aAAaI,QAAQ,aAAczC,KAAKC,UAAUyC,O,+BAKhD,IAAD,OAEDK,EAAYV,aAAaC,QAAQ,cAAgBD,aAAaC,QAAQ,cAAgB,GAC1F,OACI,yBAAK7L,UAAU,OACX,yBAAKA,UAAU,+BACX,kBAAC,IAAD,CACIA,UAAW,UACXuM,QAASzB,EACT0B,qBAAqB,EACrBC,uBAAuB,EACvBzB,oBAAqBA,GAEpB5M,KAAKf,MAAM+N,cAAcb,KAAI,SAACrL,EAAMgN,GAEjC,OACI,yBAAKlM,UAAU,gBAAgB0K,IAAKwB,GAChC,yBAAKlM,UAAU,qCACX,kBAAC,IAAD,CAAMe,GAAE,wBAAmB7B,EAAKwN,WAAY,yBAAKpM,IAAKpB,EAAKyN,YAAa3M,UAAU,kBAAkBwC,IAAKtD,EAAK0N,YAAaC,QAAS,EAAKtB,iBACzI,yBAAKvL,UAAU,sCACVd,EAAK4N,iBADV,cAGA,yBAAK9M,UAAU,oBAAoBC,MAAO,CAAEE,MAAO,MAAOD,IAAK,SACzDoM,EAAUF,SAASlN,EAAKwN,WAAa,yBAAK1M,UAAU,oBAAoBC,MAAO,CAAEE,MAAO,MAAOD,IAAK,QAClG,yBAAKG,QAAS,SAACuB,GAAD,OAAO,EAAKyJ,KAAKzJ,EAAG1C,EAAKwN,WAAWpM,IAAI,2BAA2BN,UAAU,6BAE9FsM,EAAUF,SAASlN,EAAKwN,WAAa,yBAAK1M,UAAU,oBAAoBC,MAAO,CAAEE,MAAO,MAAOD,IAAK,QACjG,yBAAKI,IAAI,mBAAmBD,QAAS,SAACuB,GAAD,OAAO,EAAK0J,MAAM1J,EAAG1C,EAAKwN,WAAW1M,UAAU,+BAIhG,yBAAKA,UAAU,wFACX,yBAAKA,UAAU,gBACX,yBAAKM,IAAKpB,EAAK6N,aAAc/M,UAAU,cAE3C,yBAAKA,UAAU,4BACVd,EAAK0N,oBAclC,kBAACI,EAAA,EAAD,CAAOhN,UAAU,iBAAiBC,MAAO,CAAEC,IAAK,EAAGO,KAAM,MAAOC,UAAW,qBAAsBN,OAAQ,KAAO6M,QAAS7O,KAAKoN,eAAgB0B,KAAM9O,KAAKf,MAAM8N,SAAUgC,WAAW,EAAMC,MAAO,IAAMC,UAAQ,GAC3M,kBAACL,EAAA,EAAMtL,OAAP,iCAGA,kBAACsL,EAAA,EAAMM,KAAP,KACI,yBAAKhN,IAAI,uBAAuBN,UAAU,aAD9C,kC,GA3HM9B,IAAM+C,WCuDjBsM,E,kDArEb,WAAYnQ,GAAQ,IAAD,8BACjB,gBACKC,MAAQ,CACXC,OAAQP,OAAOQ,QACf6N,cAAe,IAJA,E,2DAQH,IAAD,OACbzM,MAAMP,KAAKf,MAAMC,OAAS,yBAA0B,CAClDsB,OAAQ,OACRC,QAAS,CACP,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,KAEjCuC,KAAMkI,KAAKC,UAAU,CACnB,YAAe,EACf,SAAY,IACZ,OAAU,EACV,WAAc,MAGfzK,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACG,GACL,GAAoB,OAAhBA,EAAKiD,OAAiB,CACxB,IAAIqL,EAAY,EAAKnQ,MAAM+N,cAC3BlM,EAAKuO,YAAYC,SAAQ,SAAUC,GAC/BH,EAAU7F,KAAKgG,MAGnB,EAAKxO,SAAS,CAAEiM,cAAeoC,QAGlCpO,MAAMC,QAAQC,O,0CAIjBlB,KAAKwP,iB,+BAKL,OACE,yBAAK5N,UAAU,SACb,yBAAKA,UAAU,mBACb,yBAAKA,UAAU,OACb,yBAAKA,UAAU,8CACb,yBAAKA,UAAU,mDACb,yBAAKM,IAAI,oDAAoDN,UAAU,cACvE,yBAAKA,UAAU,mDAAmDC,MAAO,CAAEC,IAAK,QAAhF,4BAON,yBAAKF,UAAU,kBAAkBC,MAAO,CAAE4N,UAAW,UAAW,kBAAC,EAAD,CAAazC,cAAehN,KAAKf,MAAM+N,iBACvG,yBAAKpL,UAAU,OACb,yBAAKA,UAAU,gDACb,kBAAC,IAAD,CAAMe,GAAG,WAAWf,UAAU,2BAA9B,sB,GA7DM9B,IAAM+C,WC6BX6M,E,kDA9Bb,WAAY1Q,GAAQ,IAAD,8BACjB,gBACKC,MAAQ,CACXC,OAAQP,OAAOQ,QACfuE,SAAU,GAJK,E,kGAajB,OACE,yBAAK9B,UAAU,OACb,6BACE,kBAAC,EAAD,OAEF,6BACE,kBAAC,EAAD,OAEF,yBAAKC,MAAO,CAAE8N,UAAW,mBACvB,kBAAC,EAAD,Y,GAvBQ7P,IAAM+C,WCqFT+M,E,kDArFb,WAAY5Q,GAAQ,IAAD,8BACjB,gBACKC,MAAQ,CACXyE,SAAU,EACVxE,OAAQP,OAAOQ,QACf0H,iBAAkB,GAClBlD,YAAa,IANE,E,iEAWG,IAAD,OACnBpD,MAAMP,KAAKf,MAAMC,OAAS,mCAAoC,CAC5DsB,OAAQ,OACRC,QAAS,CACP,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,OAGhCC,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACG,GACL,EAAKC,SAAS,CAAE4C,YAAa7C,EAAKiD,SACd,OAAhBjD,EAAKiD,QACP,EAAKhD,SAAS,CAAE8F,iBAAkB/F,OAIrCE,MAAMC,QAAQC,O,0CAIjBlB,KAAKkE,uB,+BAGG,IACA2C,EAAqB7G,KAAKf,MAA1B4H,iBACJC,GAAkB,EAChBR,EAAMD,MAEVS,EADET,IAAOQ,EAAiBE,qBAAuBT,GAAOD,IAAOQ,EAAiBG,mBAAqBV,EAMvG,IAAIW,EAAUZ,IAAOQ,EAAiBG,mBAAmBE,SACzD,OACE,yBAAKtF,UAAU,0DACb,yBAAKA,UAAU,mBACb,yBAAKA,UAAU,OACb,yBAAKA,UAAU,gBACb,yBAAKA,UAAU,oEACb,yBAAKM,IAAI,yDAAyDN,UAAU,gBAOhF,yBAAKA,UAAU,gBACb,yBAAKA,UAAU,sBACb,yBAAKA,UAAU,iCACb,yBAAKA,UAAU,eACZkF,GAAmBD,GAAoB,uBAAGjF,UAAU,+CAA+CiF,EAAiBM,gBAA7E,cACtCL,GAAmBD,GAAoB,uBAAGjF,UAAU,+CAA+CiF,EAAiBM,gBAA7E,eACzC,kBAAC,EAAD,CAAgBhB,aAAcc,EAASb,WAAW,gB,GAlExCtG,IAAM+C,WCG9B6J,EAAiB,CACnBC,mBAAoB,KAGlBC,EAAsB,CAAEvJ,gBAAiB,OAAQwJ,QAAS,GA4PjDgD,E,kDAzPX,WAAY7Q,GAAQ,IAAD,8BACf,gBACKC,MAAQ,CACTC,OAAQP,OAAOQ,QACf2Q,YAAa,EACb/C,UAAU,EACVgD,YAAY,EACZ/C,cAAe,GACfgD,YAAa,CACTnI,MAAO,GACPC,QAAS,GACTE,OAAQ,GACRD,QAAS,GACTE,MAAO,GACPgI,QAAS,IAEbC,aAAa,GAEjB,EAAKC,SAAW,EAAKA,SAAS1Q,KAAd,gBAChB,EAAKgJ,YAAc,EAAKA,YAAYhJ,KAAjB,gBACnB,EAAKwN,KAAO,EAAKA,KAAKxN,KAAV,gBACZ,EAAKyN,MAAQ,EAAKA,MAAMzN,KAAX,gBACb,EAAK0N,cAAgB,EAAKA,cAAc1N,KAAnB,gBACrB,EAAK2N,eAAiB,EAAKA,eAAe3N,KAApB,gBACtB,EAAK2Q,iBAAmB,EAAKA,iBAAiB3Q,KAAtB,gBAxBT,E,6DA4BfO,KAAKe,SAAS,CAAEgM,UAAW/M,KAAKf,MAAM8N,a,yCAItC/M,KAAKe,SAAS,CAAEgP,YAAa/P,KAAKf,MAAM8Q,e,oCAG9B1C,GACVA,EAAG/M,OAAO4B,IAAM,uB,2BAGfsB,EAAG8J,GAAM,IAAD,OACLC,EAAYC,aAAaC,QAAQ,UAAYtC,KAAKuC,MAAMF,aAAaC,QAAQ,WAAa,GAC1FE,EAAgBH,aAAaC,QAAQ,cAAgBtC,KAAKuC,MAAMF,aAAaC,QAAQ,eAAiB,GAC1GjK,EAAElD,OAAO4B,IAAM,qBACf3B,MAAMP,KAAKf,MAAMC,OAAS,wBAAyB,CAC/CsB,OAAQ,OACRC,QAAS,CACL,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,KAEnCuC,KAAMkI,KAAKC,UACP,CACI,SAAYkC,MAInB3M,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACG,GACHyM,EAAUhE,KAAK+D,GACfK,EAAcpE,KAAK+D,GACnB,EAAKvM,SAAS,CAAEgM,UAAU,IAC1BS,aAAaI,QAAQ,SAAUzC,KAAKC,UAAUmC,IAC9CC,aAAaI,QAAQ,aAAczC,KAAKC,UAAUuC,OAErD3M,MAAMC,QAAQC,O,4BAGjBsC,EAAG8J,GACL,IAAIO,EAAY1C,KAAKuC,MAAMF,aAAaC,QAAQ,eAC5CK,EAAQD,EAAUE,QAAQT,GAG1B9J,EAAElD,OAAO4B,IAAI8L,SAAS,cACtBxK,EAAElD,OAAO4B,IAAM,6BACX4L,GAAS,GACTD,EAAUI,OAAOH,EAAO,GAE5BN,aAAaI,QAAQ,aAAczC,KAAKC,UAAUyC,MAElDrK,EAAElD,OAAO4B,IAAM,qBACf2L,EAAUtE,KAAK+D,GACfE,aAAaI,QAAQ,aAAczC,KAAKC,UAAUyC,O,kCAK9ChG,EAAOC,EAASE,EAAQD,EAASE,EAAOgI,GAChD,IAAID,EAAchQ,KAAKf,MAAM+Q,YAE7BA,EAAc,CACVnI,MAAOA,EACPC,QAASA,EACTE,OAAQA,EACRD,QAASA,EACTE,MAAOA,EACPgI,QAASA,GAEbjQ,KAAKe,SAAS,CAAEiM,cAAe,GAAIgD,YAAaA,EAAaF,YAAa,IAC1E9P,KAAKwP,aAAa,EAAG3H,EAAOC,EAASE,EAAQD,EAASE,EAAOgI,K,mCAGpDI,EAAMxI,EAAOC,EAASE,EAAQD,EAASE,EAAOgI,GAAU,IAAD,OAChE1P,MAAMP,KAAKf,MAAMC,OAAS,yBAA0B,CAChDsB,OAAQ,OACRC,QAAS,CACL,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,KAEnCuC,KAAMkI,KAAKC,UAAU,CACjB,YAAeiF,EACf,OAAU,EACV,SAAY,GACZ,aAAgB,KAChB,YAAexI,EACf,WAAcC,GAAoB,KAClC,WAAcC,GAAoB,KAClC,UAAaC,GAAkB,KAC/B,SAAYC,GAAgB,KAC5B,WAAc,EACd,UAAa,KACb,WAAc,KACd,QAAWgI,MAGdtP,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACG,GACH,GAAoB,OAAhBA,EAAKiD,OAAiB,CACtB,IAAIqL,EAAY,EAAKnQ,MAAM+N,cAC3BlM,EAAKuO,YAAYC,SAAQ,SAAUC,GAC/BH,EAAU7F,KAAKgG,MAEnB,EAAKxO,SAAS,CAAEiM,cAAeoC,SAG/B,EAAKrO,SAAS,CAAEmP,aAAa,OAGpClP,MAAMC,QAAQC,O,iCAInB,IAAI4O,EAAc9P,KAAKf,MAAM6Q,YAC7BA,GAA4B,EAC5B9P,KAAKe,SAAS,CAAE+O,YAAaA,IAC7B9P,KAAKwP,aAAaM,EAAa9P,KAAKf,MAAM+Q,YAAYnI,MAAO7H,KAAKf,MAAM+Q,YAAYlI,QAAS9H,KAAKf,MAAM+Q,YAAYhI,OAAQhI,KAAKf,MAAM+Q,YAAYjI,QAAS/H,KAAKf,MAAM+Q,YAAY/H,MAAOjI,KAAKf,MAAM+Q,YAAYC,W,+BAO3M,IAAD,OACD/B,EAAYV,aAAaC,QAAQ,cAAgBD,aAAaC,QAAQ,cAAgB,GAE1F,OACI,yBAAK7L,UAAU,WACX,yBAAKA,UAAU,SACX,kBAAC,EAAD,MACA,yBAAKA,UAAU,mBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,sCACX,yBAAKA,UAAU,mDACX,yBAAKM,IAAI,oDAAoDN,UAAU,cACvE,yBAAKA,UAAU,mDAAmDC,MAAO,CAAEC,IAAK,QAAhF,mDAMZ,kBAAC,EAAD,CAAQ2G,YAAa,SAACZ,EAAOC,EAASE,EAAQD,EAASE,EAAOgI,GAAzC,OAAqD,EAAKxH,YAAYZ,EAAOC,EAASE,EAAQD,EAASE,EAAOgI,MAClIjQ,KAAKf,MAAM+N,cAAc7C,OAAS,GAAK,yBAAKvI,UAAU,OACnD,yBAAKA,UAAU,mCAAmCC,MAAO,CAAEyO,UAAW,UAClE,kBAAC,IAAD,CACI1O,UAAW,UACXuM,QAASzB,EACT0B,qBAAqB,EACrBC,uBAAuB,EACvBzB,oBAAqBA,GAEpB5M,KAAKf,MAAM+N,cAAcb,KAAI,SAACrL,EAAMgN,GAEjC,OACI,yBAAKlM,UAAU,gBAAgB0K,IAAKwB,GAChC,yBAAKlM,UAAU,qCACX,kBAAC,IAAD,CAAMe,GAAE,wBAAmB7B,EAAKwN,WAAY,yBAAKpM,IAAKpB,EAAKyN,YAAa3M,UAAU,kBAAkB6M,QAAS,EAAKtB,cAAe/I,IAAKtD,EAAK0N,eAC3I,yBAAK5M,UAAU,sCACVd,EAAK4N,iBADV,eAGER,EAAUF,SAASlN,EAAKwN,WAAa,yBAAK1M,UAAU,oBAAoBC,MAAO,CAAEE,MAAO,MAAOD,IAAK,QAClG,yBAAKG,QAAS,SAACuB,GAAD,OAAO,EAAKyJ,KAAKzJ,EAAG1C,EAAKwN,WAAWpM,IAAI,2BAA2BN,UAAU,6BAE9FsM,EAAUF,SAASlN,EAAKwN,WAAa,yBAAK1M,UAAU,oBAAoBC,MAAO,CAAEE,MAAO,MAAOD,IAAK,QACjG,yBAAKI,IAAI,mBAAmBD,QAAS,SAACuB,GAAD,OAAO,EAAK0J,MAAM1J,EAAG1C,EAAKwN,WAAW1M,UAAU,8BAG5F,yBAAKA,UAAU,wFACX,yBAAKA,UAAU,gBACX,yBAAKM,IAAKpB,EAAK6N,aAAc/M,UAAU,cAE3C,yBAAKA,UAAU,4BACVd,EAAK0N,oBAclC,kBAACI,EAAA,EAAD,CAAOhN,UAAU,iBAAiBC,MAAO,CAAEC,IAAK,EAAGO,KAAM,MAAOC,UAAW,qBAAsBN,OAAQ,KAAO6M,QAAS7O,KAAKoN,eAAgB0B,KAAM9O,KAAKf,MAAM8N,SAAUgC,WAAW,EAAMC,MAAO,IAAMC,UAAQ,GAC3M,kBAACL,EAAA,EAAMtL,OAAP,CAAciN,YAAY,SAA1B,4BAGA,kBAAC3B,EAAA,EAAMM,KAAP,KACI,yBAAKhN,IAAI,uBAAuBN,UAAU,aAD9C,6BAKJ,kBAACgN,EAAA,EAAD,CAAOhN,UAAU,iBAAiBC,MAAO,CAAEC,IAAK,EAAGO,KAAM,MAAOC,UAAW,qBAAsBN,OAAQ,KAAO6M,QAAS7O,KAAKoQ,iBAAkBtB,KAAM9O,KAAKf,MAAM8Q,WAAYhB,WAAW,EAAMC,MAAO,IAAMC,UAAQ,GAC/M,kBAACL,EAAA,EAAMtL,OAAP,CAAciN,YAAY,SAA1B,WAGA,kBAAC3B,EAAA,EAAMM,KAAP,KACI,yBAAKhN,IAAI,uBAAuBN,UAAU,aAD9C,mCAKP5B,KAAKf,MAAM+N,cAAc7C,QAAU,GAChC,yBAAKvI,UAAU,6BAA6BC,MAAO,CAAEyO,UAAW,UAAhE,uBAIHtQ,KAAKf,MAAM+N,cAAc7C,OAAS,GAAK,yBAAKvI,UAAU,+BACjD5B,KAAKf,MAAMiR,aAAe,4BAAQtO,UAAU,0BAA0BK,QAASjC,KAAKmQ,UAA1D,aAC3BnQ,KAAKf,MAAMiR,aAAe,wD,GAjPjCpQ,IAAM+C,WC2ab2N,E,kDApbX,WAAYxR,GAAQ,IAAD,sBACf,eADe,IAEPF,EAAUE,EAAVF,MAFO,OAGf,EAAKG,MAAQ,CACTmE,GAAItE,EAAM8K,OAAOxG,GACjBlE,OAAQP,OAAOQ,QACfsR,aAAc,GACdC,YAAa,GACbpJ,YAAa,GACbC,YAAa,GACbC,WAAY,GACZC,UAAW,GACXkJ,YAAa,EACbC,QAAS,IACTC,UAAW,GACXC,iBAAiB,EACjB/D,UAAU,GAGd,EAAK4D,YAAc,EAAKA,YAAYlR,KAAjB,gBACnB,EAAKsR,KAAO,EAAKA,KAAKtR,KAAV,gBACZ,EAAKwN,KAAO,EAAKA,KAAKxN,KAAV,gBACZ,EAAKyN,MAAQ,EAAKA,MAAMzN,KAAX,gBACb,EAAKuR,KAAO,EAAKA,KAAKvR,KAAV,gBACZ,EAAKwR,UAAY,EAAKA,UAAUxR,KAAf,gBACjB,EAAKyR,OAAS,EAAKA,OAAOzR,KAAZ,gBACd,EAAK2N,eAAiB,EAAKA,eAAe3N,KAApB,gBA1BP,E,qDA8BfO,KAAKhB,MAAM8J,QAAQoI,W,uCAInBlR,KAAKe,SAAS,CAAEgM,UAAW/M,KAAKf,MAAM8N,a,gCAGhCrH,GACN,IAAImL,EAAY7Q,KAAKf,MAAM4R,UACf,YAARnL,EACAmL,EAAY,WAAa7Q,KAAKf,MAAMqI,YAAY,GAAGiF,WACpC,WAAR7G,EACPmL,EAAY,UAAY7Q,KAAKf,MAAMuI,WAAW,GAAG+E,WAClC,YAAR7G,IACPmL,EAAY,WAAa7Q,KAAKf,MAAMsI,YAAY,GAAGgF,YAGvDvM,KAAKe,SAAS,CAAE+P,iBAAiB,EAAMD,UAAWA,M,2BAGjDrN,EAAG8J,GAAM,IAAD,OACT9J,EAAElD,OAAO4B,IAAM,kCACf,IAAIqL,EAAYC,aAAaC,QAAQ,UAAYtC,KAAKuC,MAAMF,aAAaC,QAAQ,WAAa,GAC1FE,EAAgBH,aAAaC,QAAQ,cAAgBtC,KAAKuC,MAAMF,aAAaC,QAAQ,eAAiB,GAC1GlN,MAAMP,KAAKf,MAAMC,OAAS,wBAAyB,CAC/CsB,OAAQ,OACRC,QAAS,CACL,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,KAEnCuC,KAAMkI,KAAKC,UACP,CACI,SAAYkC,MAInB3M,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACG,GACHyM,EAAUhE,KAAK+D,GACfK,EAAcpE,KAAK+D,GACnB,EAAKvM,SAAS,CAAEgM,UAAU,IAC1BS,aAAaI,QAAQ,SAAUzC,KAAKC,UAAUmC,IAC9CC,aAAaI,QAAQ,aAAczC,KAAKC,UAAUuC,OAGrD3M,MAAMC,QAAQC,O,4BAGjBsC,EAAG8J,GACL,IAAIO,EAAY1C,KAAKuC,MAAMF,aAAaC,QAAQ,eAC5CK,EAAQD,EAAUE,QAAQT,GAG1B9J,EAAElD,OAAO4B,IAAI8L,SAAS,cACtBxK,EAAElD,OAAO4B,IAAM,kCACX4L,GAAS,GACTD,EAAUI,OAAOH,EAAO,GAE5BN,aAAaI,QAAQ,aAAczC,KAAKC,UAAUyC,MAElDrK,EAAElD,OAAO4B,IAAM,qBACf2L,EAAUtE,KAAK+D,GACfE,aAAaI,QAAQ,aAAczC,KAAKC,UAAUyC,O,2BAKrDrK,GAAI,IAAD,OACJA,EAAElD,OAAO4B,IAAM,kCACf,IAAIiP,EAAY3D,aAAaC,QAAQ,UAAYtC,KAAKuC,MAAMF,aAAaC,QAAQ,WAAa,GAC9FlN,MAAMP,KAAKf,MAAMC,OAAS,wBAAyB,CAC/CsB,OAAQ,OACRC,QAAS,CACL,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,KAEnCuC,KAAMkI,KAAKC,UACP,CACI,SAAYpL,KAAKf,MAAMmE,OAI9BzC,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACG,GACHqQ,EAAU5H,KAAK,EAAKtK,MAAMmE,IAC1B,EAAKrC,SAAS,CAAEgM,UAAU,IAC1BS,aAAaI,QAAQ,SAAUzC,KAAKC,UAAU+F,OAEjDnQ,MAAMC,QAAQC,O,oCAInB,IAAIkQ,EAAYpR,KAAKf,MAAM0R,YAAc,EACzC1P,QAAQC,IAAIkQ,GACRA,EAAY,EACZpR,KAAKe,SAAS,CAAE4P,YAAa,IAE7B3Q,KAAKe,SAAS,CAAE4P,YAAaS,M,2BAKhCC,GACD,IAAIC,EACAV,EAAU5Q,KAAKf,MAAM2R,QACV,aAAXS,EACIT,GAAW,MACXU,EAAWV,EAAU,GACrB5Q,KAAKe,SAAS,CAAE6P,QAASU,KAIzBV,GAAW,KACXU,EAAWV,EAAU,GACrB5Q,KAAKe,SAAS,CAAE6P,QAASU,O,sDAOJ,IAAD,OAC5B/Q,MAAMP,KAAKf,MAAMC,OAAS,oCAAqC,CAC3DsB,OAAQ,OACRC,QAAS,CACL,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,OAGlCC,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACG,GACU,OAATA,EACA,EAAKC,SAAS,CAAEwQ,gBAAgB,IAEhC,EAAKxQ,SAAS,CAAEwQ,gBAAgB,OAGvCvQ,MAAMC,QAAQC,O,iCAGZkC,GAAK,IAAD,OACX7C,MAAMP,KAAKf,MAAMC,OAAS,wBAAyB,CAC/CsB,OAAQ,OACRC,QAAS,CACL,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,KAEnCuC,KAAMkI,KAAKC,UAAU,CACjB,GAAMhI,MAGTzC,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACG,GACH,EAAKC,SAAS,CAAEuG,YAAaxG,EAAKuK,mBAErCrK,MAAMC,QAAQC,O,iCAGZkC,GAAK,IAAD,OACX7C,MAAMP,KAAKf,MAAMC,OAAS,wBAAyB,CAC/CsB,OAAQ,OACRC,QAAS,CACL,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,KAEnCuC,KAAMkI,KAAKC,UAAU,CACjB,GAAMhI,MAGTzC,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACG,GACH,EAAKC,SAAS,CAAEwG,YAAazG,EAAKuK,mBAErCrK,MAAMC,QAAQC,O,gCAGbkC,GAAK,IAAD,OACV7C,MAAMP,KAAKf,MAAMC,OAAS,uBAAwB,CAC9CsB,OAAQ,OACRC,QAAS,CACL,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,KAEnCuC,KAAMkI,KAAKC,UAAU,CACjB,GAAMhI,MAGTzC,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACG,GACH,EAAKC,SAAS,CAAEyG,WAAY1G,EAAKuK,mBAEpCrK,MAAMC,QAAQC,O,+BAGdkC,GAAK,IAAD,OACT7C,MAAMP,KAAKf,MAAMC,OAAS,sBAAuB,CAC7CsB,OAAQ,OACRC,QAAS,CACL,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,KAEnCuC,KAAMkI,KAAKC,UAAU,CACjB,GAAM,KACN,aAAgBhI,EAChB,YAAe,EACf,SAAY,MAGfzC,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACG,GACH,EAAKC,SAAS,CAAE0G,UAAW3G,EAAKuK,mBAEnCrK,MAAMC,QAAQC,O,wCAGJ,IAAD,OACdX,MAAMP,KAAKf,MAAMC,OAAS,4BAA6B,CACnDsB,OAAQ,OACRC,QAAS,CACL,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,KAEnCuC,KAAMkI,KAAKC,UAAU,CACjB,SAAYpL,KAAKf,MAAMmE,OAG1BzC,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACG,GAEiB,OAAhBA,EAAKiD,QACL,EAAKhD,SAAS,CAAE0P,aAAc3P,EAAKuO,YAAY,GAAIqB,YAAavF,KAAKuC,MAAM5M,EAAKuO,YAAY,GAAGmC,gBAC3F1Q,EAAKuO,YAAY,GAAGoC,YACpB,EAAK5G,WAAW/J,EAAKuO,YAAY,GAAGoC,YAEpC3Q,EAAKuO,YAAY,GAAGqC,YACpB,EAAK5G,WAAWhK,EAAKuO,YAAY,GAAGqC,YAEpC5Q,EAAKuO,YAAY,GAAGsC,WACpB,EAAK/G,UAAU9J,EAAKuO,YAAY,GAAGsC,WAEnC7Q,EAAKuO,YAAY,GAAGuC,cACpB,EAAK7G,SAASjK,EAAKuO,YAAY,GAAGuC,eAItCjT,OAAOkT,MAAM/Q,EAAKgR,iBAGzB9Q,MAAMC,QAAQC,O,0CAInBlB,KAAK+R,gCACL/R,KAAKgS,oB,+BAGC,IAAD,OACCC,EAAsC,IAA3BjS,KAAKf,MAAM0R,YAAoB,QAAqC,IAA3B3Q,KAAKf,MAAM0R,YAAoB,QAAU,GAC7FuB,EAAOlS,KAAKf,MAAM0R,YAAc3Q,KAAKf,MAAM2R,QAAU,SAAW,QAChEuB,EAAUnS,KAAKf,MAAMwR,aACrB2B,EAAapS,KAAKf,MAAMyR,YAC1BxC,EAAYV,aAAaC,QAAQ,cAAgBD,aAAaC,QAAQ,cAAgB,GACtF4E,EAAY7E,aAAaC,QAAQ,UAAYD,aAAaC,QAAQ,UAAY,GAClF,OAAIzN,KAAKf,MAAM6R,gBACJ,kBAAC,IAAD,CAAUnO,GAAE,mBAAc3C,KAAKf,MAAM4R,aAI5C,yBAAKjP,UAAU,gBACX,yBAAKA,UAAU,mBACX,yBAAKA,UAAU,WACX,yBAAKA,UAAU,yCACX,yBAAKA,UAAU,oBAAoBC,MAAO,CAAEyQ,MAAO,OAAQ,OAAUL,EAAU,gBAAmB,OAASM,UAAUJ,EAAQ5D,aAAe,IAAK,iBAAoB,YAAa,mBAAsB,gBAAiB,eAAkB2D,EAAM5B,UAAW,QAASkC,WAAY,cAG7Q,yBAAK5Q,UAAU,gFAAgFC,MAAO,CAAEM,OAAQ,IAG5G,4BAAQF,QAASjC,KAAK2Q,YAAa/O,UAAU,0BAA7C,cAC4B,IAA3B5B,KAAKf,MAAM0R,aAAqB,6BAC7B,uBAAG1O,QAAS,kBAAM,EAAK8O,KAAK,aAAanP,UAAU,uBAAsB,yBAAKM,IAAI,0BAClF,uBAAGD,QAAS,kBAAM,EAAK8O,KAAK,aAAanP,UAAU,uBAAsB,yBAAKM,IAAI,gCAMtG,yBAAKN,UAAU,aACX,yBAAKA,UAAU,YACX,yBAAKA,UAAU,mEACX,uBAAGK,QAASjC,KAAKkR,OAAQtP,UAAU,+BAA8B,yBAAKM,IAAI,oBAAoBN,UAAU,aAAxG,cAEJ,yBAAKA,UAAU,+EACTsM,EAAUF,SAASmE,EAAQ7D,WAAa,yBAAK5L,GAAG,SAAST,QAAS,SAACuB,GAAD,OAAO,EAAKyJ,KAAKzJ,EAAG2O,EAAQ7D,WAAWpM,IAAI,yBAAyBN,UAAU,8BAEjJsM,EAAUF,SAASmE,EAAQ7D,WAAa,yBAAKpM,IAAI,gCAAgCD,QAAS,SAACuB,GAAD,OAAO,EAAK0J,MAAM1J,EAAG2O,EAAQ7D,WAAWmE,cAAY,UAAUC,iBAAe,MAAMC,MAAM,OAAO/Q,UAAU,+BAEnMyQ,EAAUrE,SAASmE,EAAQ7D,WAAatO,KAAKf,MAAMsS,gBAAkB,kBAAC,IAAD,CAAM5O,GAAI,CAAE6G,SAAU,aAAcC,OAAQ,YAAc7H,UAAU,QACvI,yBAAKM,IAAI,yBAAyBQ,GAAG,SAAS+P,cAAY,UAAUC,iBAAe,MAAMC,MAAM,OAAO/Q,UAAU,yBAGnHyQ,EAAUrE,SAASmE,EAAQ7D,WAAatO,KAAKf,MAAMsS,gBAAkB,kBAAC,IAAD,CAAM5O,GAAI,CAAE6G,SAAU,aAAcC,OAAQ,aAC9G,yBAAKvH,IAAI,gCAAgCQ,GAAG,SAAS+P,cAAY,UAAUC,iBAAe,MAAMC,MAAM,OAAO/Q,UAAU,yBAE3H,yBAAKA,UAAU,OAAOC,MAAO,CAAC+Q,WAAW,mBACnCT,EAAQU,mBAAqB,uBAAGvS,OAAO,SAASsC,KAAMuP,EAAQU,mBAAmB,yBAAK3Q,IAAI,wBAAwBN,UAAU,uBAC5HuQ,EAAQW,oBAAsB,uBAAGxS,OAAO,SAASsC,KAAMuP,EAAQW,oBAAoB,yBAAK5Q,IAAI,yBAAyBN,UAAU,qBAK7I,yBAAKA,UAAU,yBACX,yBAAKA,UAAU,yBACX,wBAAIC,MAAO,CAAE,MAAS,UAAWkR,UAAW,cAAgBnR,UAAU,gCAAgCuQ,EAAQ3D,eAGtH,yBAAK5M,UAAU,YACX,yBAAKA,UAAU,yBACX,uBAAGoR,wBAAyB,CAAEC,OAAQd,EAAQe,uBAGtD,yBAAKtR,UAAU,YACX,yBAAKA,UAAU,oCAAoCC,MAAO,CAAE,YAAa,SAAzE,gBACkBsQ,EAAQgB,eAG9B,yBAAKvR,UAAU,YACX,yBAAKA,UAAU,oCAAoCC,MAAO,CAAE,YAAa,SACpEwE,IAAO8L,EAAQiB,gBAAgBlM,OAAO,cAD3C,eAC0Eb,IAAO8L,EAAQkB,cAAcnM,OAAO,gBASlH,yBAAKtF,UAAU,YACX,yBAAKA,UAAU,uDACV5B,KAAKf,MAAMqI,aAAetH,KAAKf,MAAMqI,YAAY6C,OAAS,GAAK,yBAAKlI,QAAS,kBAAM,EAAKgP,UAAU,YAAYrP,UAAU,kEACpH5B,KAAKf,MAAMqI,YAAY6C,OAAS,EAAInK,KAAKf,MAAMqI,YAAY,GAAGgE,aAAe,IAEjFtL,KAAKf,MAAMuI,YAAcxH,KAAKf,MAAMuI,WAAW2C,OAAS,GAAK,yBAAKlI,QAAS,kBAAM,EAAKgP,UAAU,WAAWrP,UAAU,iEACjH5B,KAAKf,MAAMuI,WAAW2C,OAAS,EAAInK,KAAKf,MAAMuI,WAAW,GAAG8D,aAAe,IAE/EtL,KAAKf,MAAMsI,aAAevH,KAAKf,MAAMsI,YAAY4C,OAAS,GAAK,yBAAKlI,QAAS,kBAAM,EAAKgP,UAAU,YAAYrP,UAAU,kEACpH5B,KAAKf,MAAMsI,YAAY,GAAG+D,cAE9BtL,KAAKf,MAAMwI,WAAazH,KAAKf,MAAMwI,UAAU0C,OAAS,GAAK,yBAAKlI,QAAS,kBAAM,EAAKgP,UAAU,UAAUrP,UAAU,gEAC9G5B,KAAKf,MAAMwI,UAAU0C,OAAS,EAAInK,KAAKf,MAAMwI,UAAU,GAAG6D,aAAe,OAM1F,yBAAK1J,UAAU,aACVwQ,EAAWkB,WACRlB,EAAWkB,UAAUnH,KAAI,SAACoH,EAAMzF,GAC5B,OACI,yBAAKxB,IAAKwB,GACN,yBAAKlM,UAAW2R,EAAKC,WAEbD,EAAKE,MAAMC,MAAK,SAACC,EAAGC,GAAJ,OAAUD,EAAEE,MAAQD,EAAEC,MAAQ,GAAK,KAAG1H,KAAI,SAACoD,EAAMuE,GAC7D,OACI,yBAAKxH,IAAKwH,EAAQlS,UAAW2N,EAAKiE,UAAW3R,MAAO,CAAE,QAAW,UAC9C,UAAd0N,EAAKwE,MAAoB,yBAAKnS,UAAU,oDAAmD,yBAAKM,IAAKqN,EAAKyE,QAASpS,UAAU,eAC/G,SAAd2N,EAAKwE,MAAmB,yBAAKf,wBAAyB,CAAEC,OAAQ1D,EAAKyE,WACvD,aAAdzE,EAAKwE,MAAuB,6BAAK,yBAAKnS,UAAU,yBAAyB2N,EAAK0E,UAAe,yBAAKjB,wBAAyB,CAAEC,OAAQ1D,EAAKyE,iBAQ/J,yBAAKpS,UAAU,iCACX,yBAAKA,UAAU,wBAU3C,kBAACgN,EAAA,EAAD,CAAOhN,UAAU,iBAAiBC,MAAO,CAAEC,IAAK,EAAGO,KAAM,MAAOL,OAAQ,KAAO6M,QAAS7O,KAAKoN,eAAgB0B,KAAM9O,KAAKf,MAAM8N,SAAUgC,WAAW,EAAMC,MAAO,IAAMC,UAAQ,GAC1K,kBAACL,EAAA,EAAMtL,OAAP,iCAGA,kBAACsL,EAAA,EAAMM,KAAP,KACI,yBAAKhN,IAAI,uBAAuBN,UAAU,aAD9C,kC,GA7aO9B,IAAM+C,W,kBC+oBlBqR,G,uEA3nBX,WAAYlV,GAAQ,IAAD,8BACf,gBA+PJmV,cAAgB,kBAAMxV,OAAOwG,SAAS,EAAG,EAAKiP,oBAAoBhU,QAAQiU,YA9PtE,EAAKpV,MAAQ,CACTC,OAAQP,OAAOQ,QACf0H,iBAAkB,GAClByN,eAAe,EACfC,gBAAiB,GACjBC,aAAc,GACdC,cAAe,GACfC,UAAW,GACXC,WAAY,GACZC,cAAe,GACfnN,UAAW,GACXsF,UAAU,EACV8H,cAAc,EACd/E,YAAa,EACbgF,aAAa,GAGjB,EAAK3E,SAAW,EAAKA,SAAS1Q,KAAd,gBAChB,EAAKsL,SAAW,EAAKA,SAAStL,KAAd,gBAChB,EAAKuR,KAAO,EAAKA,KAAKvR,KAAV,gBACZ,EAAKsV,cAAgB,EAAKA,cAActV,KAAnB,gBACrB,EAAKyE,mBAAqB,EAAKA,mBAAmBzE,KAAxB,gBAC1B,EAAK2N,eAAiB,EAAKA,eAAe3N,KAApB,gBAEtB,EAAK2U,oBAAsBtU,IAAMC,YA1BlB,E,6DA8BfC,KAAKe,SAAS,CAAEgM,UAAW/M,KAAKf,MAAM8N,a,sDAGT,IAAD,OAC5BxM,MAAMP,KAAKf,MAAMC,OAAS,oCAAqC,CAC3DsB,OAAQ,OACRC,QAAS,CACL,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,OAGlCC,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACG,GACU,OAATA,EACA,EAAKC,SAAS,CAAEwQ,gBAAgB,IAEhC,EAAKxQ,SAAS,CAAEwQ,gBAAgB,OAGvCvQ,MAAMC,QAAQC,O,iCAInB,IAAI4O,EAAc9P,KAAKf,MAAM6Q,YAC7BA,GAA4B,EAC5B9P,KAAKe,SAAS,CAAE+O,YAAaA,IAC7B9P,KAAKgV,aAAalF,K,2BAGjBtM,EAAG8J,GAAM,IAAD,OACT9J,EAAElD,OAAOyL,UAAW,EACpB,IAAIoF,EAAY3D,aAAaC,QAAQ,UAAYtC,KAAKuC,MAAMF,aAAaC,QAAQ,WAAa,GAC9FlN,MAAMP,KAAKf,MAAMC,OAAS,wBAAyB,CAC/CsB,OAAQ,OACRC,QAAS,CACL,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,KAEnCuC,KAAMkI,KAAKC,UACP,CACI,SAAYkC,MAKnB3M,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACG,GACHqQ,EAAU5H,KAAK+D,GACf,EAAKvM,SAAS,CAAEgM,UAAU,IAC1BS,aAAaI,QAAQ,SAAUzC,KAAKC,UAAU+F,OAEjDnQ,MAAMC,QAAQC,O,yCAGJwI,GAAc,IAAD,OAE5BnJ,MAAMP,KAAKf,MAAMC,OAAS,mCAAoC,CAC1DsB,OAAQ,OACRC,QAAS,CACL,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,OAGlCC,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACG,GACiB,OAAhBA,EAAKiD,SACL,EAAKhD,SAAS,CAAE8F,iBAAkB/F,IAClC,EAAK0O,aAAa,EAAKvQ,MAAMwV,cAAe3T,EAAK8Q,cACjDrR,MAAM,EAAKtB,MAAMC,OAAS,2BAA4B,CAClDsB,OAAQ,OACRC,QAAS,CACL,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,KAEnCuC,KAAMkI,KAAKC,UAAU,CACjB,aAAgBtK,EAAK8Q,aACrB,WAAc,KACd,WAAclI,GAA4B,GAC1C,UAAa,KACb,WAAc,KACd,YAAe,SAGlB/I,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACsU,GACH,IAAIC,EAAiBxL,EACM,OAAvBuL,EAAYlR,OACZ,EAAKhD,SAAS,CAAE4T,WAAYM,EAAY5F,YAAamF,aAAcU,IAEnE,EAAKnU,SAAS,CAAE4T,WAAY,GAAIH,aAAcU,OAGrDlU,MAAMC,QAAQC,SAG1BF,MAAMC,QAAQC,O,oCAGTiU,GACVnV,KAAKwP,aAAa2F,EAAKnV,KAAKf,MAAM4H,iBAAiB+K,cACnD5R,KAAKe,SAAS,CAAE0T,cAAeU,M,mCAGtBC,EAASC,GAAc,IAAD,OAC/B9U,MAAMP,KAAKf,MAAMC,OAAS,yBAA0B,CAChDsB,OAAQ,OACRC,QAAS,CACL,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,KAEnCuC,KAAMkI,KAAKC,UAAU,CACjB,YAAe,EACf,SAAY,IACZ,WAAcgK,EACd,OAAU,EACV,WAAc,EACd,aAAgBC,MAGnB1U,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACG,GACiB,OAAhBA,EAAKiD,OACL,EAAKhD,SAAS,CAAE2T,UAAW5T,EAAKuO,cAEhC,EAAKtO,SAAS,CAAE2T,UAAW,QAGlC1T,MAAMC,QAAQC,O,qCAKP,IAAD,OACXX,MAAMP,KAAKf,MAAMC,OAAS,iCAAkC,CACxDsB,OAAQ,OACRC,QAAS,CACL,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,KAEnCuC,KAAMkI,KAAKC,UACP,CACI,aAAgB,KAChB,YAAe,EACf,SAAY,GACZ,gBAAmB,KACnB,WAAc,KACd,WAAc,MAIrBzK,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACG,GACiB,OAAhBA,EAAKiD,OACL,EAAKhD,SAAS,CAAE6T,cAAe9T,EAAKwU,kBAEpC,EAAKvU,SAAS,CAAE6T,cAAe,QAItC5T,MAAMC,QAAQC,O,+BAGdqU,GAAM,IAAD,OACVhV,MAAMP,KAAKf,MAAMC,OAAS,sBAAuB,CAC7CsB,OAAQ,OACRC,QAAS,CACL,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,KAEnCuC,KAAMkI,KAAKC,UAAU,CACjB,GAAMmK,EACN,aAAgB,KAChB,YAAe,EACf,SAAY,MAGf5U,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACG,GACiB,OAAhBA,EAAKiD,QACL,EAAKhD,SAAS,CAAEwT,gBAAiBzT,EAAKuK,cAAc,GAAGkB,WAAY+H,eAAe,OAIzFtT,MAAMC,QAAQC,O,mCAGVsU,GAAS,IAAD,OACjBjV,MAAMP,KAAKf,MAAMC,OAAS,sBAAuB,CAC7CsB,OAAQ,OACRC,QAAS,CACL,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,KAEnCuC,KAAMkI,KAAKC,UAAU,CACjB,GAAM,KACN,aAAgB,KAChB,YAAeoK,EACf,SAAY,MAGf7U,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACG,GACH,GAAoB,OAAhBA,EAAKiD,OAAiB,CACtB,IAAI0D,EAAY,EAAKxI,MAAMwI,UAC3B3G,EAAKuK,cAAciE,SAAQ,SAAUC,EAAMzB,GACvCrG,EAAU8B,KAAKgG,MAGnB,EAAKxO,SAAS,CAAE0G,UAAWA,SAE3B,EAAK1G,SAAS,CAAE+T,aAAa,OAIpC9T,MAAMC,QAAQC,O,0CAOnBlB,KAAKkE,mBAAmB,IACxBlE,KAAK+R,gCACL/R,KAAKyV,eACLzV,KAAKgV,aAAa,GArRV,SAAUrL,GACtB,IAAIC,EAAS,GACTC,EAASxI,SAASyI,cAAc,KACpCD,EAAOjH,KAAO+G,EAGd,IAFA,IACII,EADQF,EAAOJ,OAAOO,UAAU,GACnBC,MAAM,KACdC,EAAI,EAAGA,EAAIH,EAAKI,OAAQD,IAAK,CAClC,IAAIE,EAAOL,EAAKG,GAAGD,MAAM,KACzBL,EAAOQ,EAAK,IAAMC,mBAAmBD,EAAK,IAE9C,OAAOR,EA4QiBU,CAAU3L,OAAOC,SAASgE,MAC9B8S,IACZ1V,KAAKmU,kB,+BAIH,IAAD,OACGtN,EAAqB7G,KAAKf,MAA1B4H,iBACJwL,EAAY7E,aAAaC,QAAQ,UAAYD,aAAaC,QAAQ,UAAY,GAClF,GAAIzN,KAAKf,MAAMqV,cACX,OAAO,kBAAC,IAAD,CAAU3R,GAAE,yBAAoB3C,KAAKf,MAAMsV,mBAqBtD,IAWIoB,GAAqB,EACnBrP,EAAMD,MAQZ,OALIsP,EADAtP,IAAOQ,EAAiB+O,iCAAmCtP,GAAOD,IAAOQ,EAAiBgP,+BAAiCvP,EAO3H,yBAAK1E,UAAU,aACX,kBAAC,EAAD,MACEiF,GAAoB,yBAAKjF,UAAU,gCACjC,yBAAKA,UAAU,OACX,yBAAKA,UAAU,qDACX,wBAAIA,UAAU,wBAAuB,0BAAMA,UAAU,kBAAkBiF,EAAiBM,kBACxF,uBAAGvF,UAAU,QAAb,IAAsByE,IAAOQ,EAAiBE,qBAAqBG,OAAO,UAA1E,IAAsFb,IAAOQ,EAAiBE,qBAAqBG,OAAO,QAA1I,MAAsJb,IAAOQ,EAAiBG,mBAAmBE,OAAO,UAAxM,IAAoNb,IAAOQ,EAAiBG,mBAAmBE,OAAO,QAAtQ,KACA,iDAAuBb,IAAOQ,EAAiB+O,iCAAiC1O,OAAO,mBAIjGL,GAAoB,yBAAKjF,UAAU,mBACjC,yBAAKA,UAAU,OACX,yBAAKA,UAAU,kBAEX,yBAAKA,UAAU,sDAAsDC,MAAO,CAAEwB,gBAAiB,UAAWf,UAAW,gBAAiBwT,SAAU,QAASC,QAAS,WAC9J,sDAKZ,yBAAKnU,UAAU,qBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,sBACX,yBAAKA,UAAU,uBAAsB,yBAAKM,IAAK2E,EAAiBmP,gBAAiBpU,UAAU,qBAC3F,yBAAKA,UAAU,4BACX,wBAAIA,UAAU,iCAAiCiF,EAAiBM,iBAEhE,uBAAG6L,wBAAyB,CAAEC,OAAQpM,EAAiBoP,+BAQ9EjW,KAAKf,MAAM0V,YAAc3U,KAAKf,MAAM0V,WAAWxK,OAAS,GAAKwL,GAAsB,yBAAK/T,UAAU,mBAC/F,yBAAKA,UAAU,OACX,yBAAKA,UAAU,kBAEX,yBAAKA,UAAU,sDAAsDC,MAAO,CAAEwB,gBAAiB,UAAWf,UAAW,gBAAiBwT,SAAU,QAASC,QAAS,WAC9J,qDAAgC,6BAC/B1P,IAAOQ,EAAiB+O,iCAAiC1O,OAAO,eAFrE,OAEyFb,IAAOQ,EAAiBgP,+BAA+B3O,OAAO,kBAI/J,yBAAKtF,UAAU,OACX,yBAAKA,UAAU,kCACX,wBAAIA,UAAU,8CACV,wBAAIA,UAAuC,KAA5B5B,KAAKf,MAAMuV,aAAsB,SAAW,GAAIvS,QAAS,kBAAM,EAAKiC,mBAAmB,MAAtG,OACA,wBAAItC,UAAuC,KAA5B5B,KAAKf,MAAMuV,aAAsB,SAAW,GAAIvS,QAAS,kBAAM,EAAKiC,mBAAmB,MAAtG,aAIZ,yBAAKtC,UAAU,qBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,oBACX,yBAAKA,UAAU,oDACV5B,KAAKf,MAAM0V,WAAWxI,KAAI,SAACrL,EAAMgN,GAC9B,OACI,yBAAKxB,IAAKwB,EAAOlM,UAAU,sBACvB,yBAAKA,UAAU,uBAAsB,yBAAKM,IAAKpB,EAAKyN,YAAa3M,UAAU,qBAC3E,yBAAKA,UAAU,4BACX,wBAAIA,UAAU,gCAAgCC,MAAO,CAAEkR,UAAW,eAAiBjS,EAAK0N,aAMxF,uBAAGwE,wBAAyB,CAAEC,OAAQnS,EAAKoS,qBAC3C,kBAAC,IAAD,CAAMvQ,GAAE,wBAAmB7B,EAAKwN,UAAY1M,UAAU,2BAAtD,wBAYnC5B,KAAKf,MAAM0V,YAAc3U,KAAKf,MAAM0V,WAAWxK,QAAU,GAAKwL,GAC3D,yBAAK/T,UAAU,mBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,kBAEX,yBAAKA,UAAU,0CAA0CC,MAAO,CAAEwB,gBAAiB,UAAWf,UAAW,gBAAiBwT,SAAU,QAASC,QAAS,WAClJ,qDAAgC,6BAC/B1P,IAAOQ,EAAiB+O,iCAAiC1O,OAAO,eAFrE,OAEyFb,IAAOQ,EAAiBgP,+BAA+B3O,OAAO,kBAI/J,yBAAKtF,UAAU,OACX,yBAAKA,UAAU,kCACX,wBAAIA,UAAU,8CACV,wBAAIA,UAAuC,KAA5B5B,KAAKf,MAAMuV,aAAsB,SAAW,GAAIvS,QAAS,kBAAM,EAAKiC,mBAAmB,MAAtG,OACA,wBAAItC,UAAuC,KAA5B5B,KAAKf,MAAMuV,aAAsB,SAAW,GAAIvS,QAAS,kBAAM,EAAKiC,mBAAmB,MAAtG,aAIZ,yBAAKtC,UAAU,qBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,8BAAf,6BAE+ByE,IAAOQ,EAAiB+O,iCAAiC1O,OAAO,eAF/F,OAEmHb,IAAOQ,EAAiBgP,+BAA+B3O,OAAO,mBAOjM,yBAAKtF,UAAU,kBAAkBQ,IAAKpC,KAAKoU,qBACvC,yBAAKxS,UAAU,OAIX,yBAAKA,UAAU,kBAEX,yBAAKA,UAAU,sDAAsDC,MAAO,CAAEwB,gBAAiB,UAAWf,UAAW,gBAAiBwT,SAAU,QAASC,QAAS,WAC9J,yDAKZ,yBAAKnU,UAAU,OACX,yBAAKA,UAAU,kCACX,wBAAIA,UAAU,8CACV,wBAAIA,UAAwC,KAA7B5B,KAAKf,MAAMwV,cAAuB,SAAW,GAAIxS,QAAS,kBAAM,EAAK8S,cAAc,MAAlG,OACA,wBAAInT,UAAwC,KAA7B5B,KAAKf,MAAMwV,cAAuB,SAAW,GAAIxS,QAAS,kBAAM,EAAK8S,cAAc,MAAlG,aAIX/U,KAAKf,MAAMyV,UAAUvK,OAAS,GAAK,yBAAKvI,UAAU,iCAC/C,yBAAKA,UAAU,OAGV5B,KAAKf,MAAMyV,UAAUvI,KAAI,SAACrL,EAAMgN,GAC7B,OACI,yBAAKxB,IAAKwB,EAAOlM,UAAU,uBACvB,yBAAKA,UAAU,+CACX,kBAAC,IAAD,CAAMe,GAAE,wBAAmB7B,EAAKwN,WAAY,yBAAKpM,IAAKpB,EAAKyN,YAAanK,IAAKtD,EAAK0N,YAAa5M,UAAU,gBAK7G,yBAAKA,UAAU,oBACX,uBAAGA,UAAU,uDAAuDC,MAAO,CAAEiU,SAAU,UAAYhV,EAAK0N,aACxG,+BAAO,yBAAK5M,UAAU,qBAAqBC,MAAO,CAAEiU,SAAU,UAAYhV,EAAKoS,qBAE7Eb,EAAUrE,SAASlN,EAAKwN,WAAa,EAAKrP,MAAMsS,gBAAkB,4BAAQ3P,UAAU,gCAAgCK,QAAS,SAACuB,GAAD,OAAO,EAAKwN,KAAKxN,EAAG1C,EAAKwN,YAApF,QACnE+D,EAAUrE,SAASlN,EAAKwN,WAAa,EAAKrP,MAAMsS,gBAAkB,4BAAQ3P,UAAU,gCAAgCmK,SAAS,QAA3D,eAW1F/L,KAAKf,MAAMyV,UAAUvK,QAAU,GAAK,yBAAKvI,UAAU,iCAChD,yBAAKA,UAAU,OACX,yBAAKA,UAAU,yBAAf,sBAOZ,yBAAKA,UAAU,mBACX,yBAAKA,UAAU,OAIX,yBAAKA,UAAU,kBAEX,yBAAKA,UAAU,sDAAsDC,MAAO,CAAEwB,gBAAiB,UAAWf,UAAW,gBAAiBwT,SAAU,QAASC,QAAS,WAC9J,wDAcZ,yBAAKnU,UAAU,qBACX,yBAAKA,UAAU,OACV5B,KAAKf,MAAMwI,UAAU0E,KAAI,SAACrL,EAAMgN,GAC7B,OACI,yBAAKxB,IAAKwB,EAAOlM,UAAU,+BAA+BK,QAAS,kBAAM,EAAK8I,SAASjK,EAAKyL,cACxF,wBAAI3K,UAAU,iCAAd,IAAgDd,EAAKwK,cACrD,yBAAK1J,UAAU,qCACX,yBAAKM,IAAKpB,EAAKoV,aAAc9R,IAAKtD,EAAKwK,aAAc1J,UAAU,oBAC/D,yBAAKA,UAAU,oEACVd,EAAKqV,YADV,kBAWpB,yBAAKvU,UAAU,YACX,yBAAKA,UAAU,4CACT5B,KAAKf,MAAM6V,aAAe,4BAAQlT,UAAU,0BAA0BK,QAASjC,KAAKmQ,UAA1D,aAC3BnQ,KAAKf,MAAM6V,aAAe,mDAM3C,yBAAKlT,UAAU,mBACX,yBAAKA,UAAU,OAIX,yBAAKA,UAAU,kBAEX,yBAAKA,UAAU,sDAAsDC,MAAO,CAAEwB,gBAAiB,UAAWf,UAAW,gBAAiBwT,SAAU,QAASC,QAAS,WAC9J,wCAIZ,yBAAKnU,UAAU,uBACX,yBAAKA,UAAU,OACX,yBAAKA,UAAU,aACX,kBAACwU,EAAA,EAAD,CAAWC,iBAAiB,KACxB,kBAACC,EAAA,EAAD,KACI,kBAACF,EAAA,EAAU1R,OAAX,CAAkBhC,GAAI4T,IAAKhT,OAAQ1B,UAAU,gCAAgC2U,SAAS,KAAtF,wBAGA,kBAACH,EAAA,EAAUxR,SAAX,CAAoB2R,SAAS,KACzB,kBAACD,EAAA,EAAKpH,KAAN,gHAKR,kBAACoH,EAAA,EAAD,KACI,kBAACF,EAAA,EAAU1R,OAAX,CAAkBhC,GAAI4T,IAAKhT,OAAQ1B,UAAU,gCAAgC2U,SAAS,KAAtF,0BAGA,kBAACH,EAAA,EAAUxR,SAAX,CAAoB2R,SAAS,KACzB,kBAACD,EAAA,EAAKpH,KAAN,8SAMR,kBAACoH,EAAA,EAAD,KACI,kBAACF,EAAA,EAAU1R,OAAX,CAAkBhC,GAAI4T,IAAKhT,OAAQ1B,UAAU,gCAAgC2U,SAAS,KAAtF,uBAGA,kBAACH,EAAA,EAAUxR,SAAX,CAAoB2R,SAAS,KACzB,kBAACD,EAAA,EAAKpH,KAAN,gJAMR,kBAACoH,EAAA,EAAD,KACI,kBAACF,EAAA,EAAU1R,OAAX,CAAkBhC,GAAI4T,IAAKhT,OAAQ1B,UAAU,gCAAgC2U,SAAS,KAAtF,kBAIA,kBAACH,EAAA,EAAUxR,SAAX,CAAoB2R,SAAS,KACzB,kBAACD,EAAA,EAAKpH,KAAN,uGAMR,kBAACoH,EAAA,EAAD,KACI,kBAACF,EAAA,EAAU1R,OAAX,CAAkBhC,GAAI4T,IAAKhT,OAAQ1B,UAAU,gCAAgC2U,SAAS,KAAtF,iCAGA,kBAACH,EAAA,EAAUxR,SAAX,CAAoB2R,SAAS,KACzB,kBAACD,EAAA,EAAKpH,KAAN,8SAKR,kBAACoH,EAAA,EAAD,KACI,kBAACF,EAAA,EAAU1R,OAAX,CAAkBhC,GAAI4T,IAAKhT,OAAQ1B,UAAU,gCAAgC2U,SAAS,KAAtF,sCAGA,kBAACH,EAAA,EAAUxR,SAAX,CAAoB2R,SAAS,KACzB,kBAACD,EAAA,EAAKpH,KAAN,kCAC8B,uBAAGtM,KAAK,mCAAR,4BAD9B,6CAU5B,kBAACgM,EAAA,EAAD,CAAOhN,UAAU,iBAAiBC,MAAO,CAAEC,IAAK,EAAGO,KAAM,MAAOC,UAAW,qBAAsBN,OAAQ,KAAO6M,QAAS7O,KAAKoN,eAAgB0B,KAAM9O,KAAKf,MAAM8N,SAAUgC,WAAW,EAAMC,MAAO,IAAMC,UAAQ,GAC3M,kBAACL,EAAA,EAAMtL,OAAP,iCAGA,kBAACsL,EAAA,EAAMM,KAAP,KACI,yBAAKhN,IAAI,uBAAuBN,UAAU,aAD9C,kD,GAnnBI9B,IAAM+C,Y,wECuhBf2T,E,kDA3hBX,WAAYxX,GAAQ,IAAD,8BACf,gBACKC,MAAQ,CACTC,OAAQP,OAAOQ,QACfqX,SAAUxX,EAAMyX,KAChBnP,YAAa,GACbC,YAAa,GACbC,WAAY,GACZC,UAAW,GACXiP,KAAM,GACNC,OAAQ,CACJC,cAAe,CAAC,SAAU,gBAAiB,cAAe,YAAa,QAAS,QAAS,OAAQ,QAAS,SAAU,WAAY,QAAS,UAAW,OAAQ,QAAS,QAAS,aAC9KC,OAAQ,IACRC,sBAAsB,EACtBC,kBAAkB,EAClBC,kBAAkB,EAClBC,iBAAiB,GAErBC,WAAW,CACPvE,MAAO,GACPwE,YAAY,GACZC,WAAY,GACZC,WAAY,GACZC,UAAW,GACXC,SAAU,GACVC,WAAW,GACXC,WAAW,GACXC,UAAW,GACXzQ,QAAS,GACT0Q,OAAQ,GACRC,OAAQ,KAIhB,EAAKC,iBAAmB,EAAKA,iBAAiBpY,KAAtB,gBACxB,EAAKqY,iBAAmB,EAAKA,iBAAiBrY,KAAtB,gBACxB,EAAKsY,WAAa,EAAKA,WAAWtY,KAAhB,gBAClB,EAAKuY,YAAc,EAAKA,YAAYvY,KAAjB,gBACnB,EAAKwY,WAAa,EAAKA,WAAWxY,KAAhB,gBAElB,EAAKyY,aAAepY,IAAMC,YAxCX,E,0DA4CfC,KAAKhB,MAAMgZ,YAAYhY,KAAKf,MAAMiY,c,iCAG3B1T,EAAGsK,GAAQ,IAAD,OACbqK,EAAW3U,EAAElD,OAAO8X,MAAM,GAAGC,KAAKpO,MAAM,KAAKvD,MAAM,GAAI,GAAG4R,KAAK,KAGnE,GAAI9U,EAAElD,OAAO8X,MAAM,IAFV,sBAEmBG,KAAKJ,GAAW,CACxC,IAAIjB,EAAalX,KAAKf,MAAMiY,WACxBV,EAAWxW,KAAKf,MAAMuX,SAC1BxW,KAAKe,SAAS,CAAE2V,KAAMlT,EAAElD,OAAO8X,MAAM,KACrCpY,KAAKhB,MAAMwZ,WAAWhV,EAAElD,OAAO8X,MAAM,IACrC5B,EAAS1I,GAAO5E,MAAQ1F,EAAElD,OAAO8X,MACjC5B,EAAS1I,GAAO2K,SAAU,EAE1B,IAAIC,EAAS,IAAIC,WAEjBD,EAAOE,OAAS,SAACpV,GACbnC,SAASmK,cAAc,cAAcqN,aAAa,MAAOrV,EAAElD,OAAOwY,QAClE5B,EAAWM,WAAahU,EAAElD,OAAOwY,OACjC,EAAK/X,SAAS,CAAEyV,SAAUA,EAAUU,WAAYA,KAGpDwB,EAAOK,cAAcvV,EAAElD,OAAO8X,MAAM,SAEpC5U,EAAElD,OAAO4I,MAAQ,GACjB2I,MAAM,+F,uCAIG3I,EAAO4E,GACpB,IAAI0I,EAAWxW,KAAKf,MAAMuX,SAC1BA,EAAS1I,GAAO5E,MAAQA,EACxBsN,EAAS1I,GAAO2K,SAAU,EAIZ,KAAVvP,IACAsN,EAAS1I,GAAOkL,OAAQ,GAE5BhZ,KAAKe,SAAS,CAAEyV,SAAUA,M,uCAGbhT,EAAGsK,EAAOmL,GACvB,IAAIZ,EAAO7U,EAAElD,OAAO+X,KAChBnP,EAAQ1F,EAAElD,OAAO4I,MACjB6K,EAAOvQ,EAAElD,OAAOyT,KAChByC,EAAWxW,KAAKf,MAAMuX,SACtB0C,EAAYlZ,KAAKf,MAAMiY,WAI3B,OAAQnD,GACJ,IAAK,aACD,IAAIoF,EAAgB3V,EAAE4V,YAAY9Y,OAAO6Y,cACzC3C,EAAS1I,GAAO5E,MAAQA,EAEpBsN,EAAS1I,GAAOuL,aADN,WAAVnQ,EAMS,eAATmP,EACAa,EAAS9B,WAAa5T,EAAE4V,YAAY9Y,OAAO6Y,GAAeG,KAC1C,eAATjB,EACPa,EAAS7B,WAAa7T,EAAE4V,YAAY9Y,OAAO6Y,GAAeG,KAC1C,cAATjB,EACPa,EAAS5B,UAAY9T,EAAE4V,YAAY9Y,OAAO6Y,GAAeG,KACzC,aAATjB,IACPa,EAAS3B,SAAW/T,EAAE4V,YAAY9Y,OAAO6Y,GAAeG,MAG5D,MACJ,IAAK,QAvBW,uJAwBIf,KAAKrP,IACjBsN,EAAS1I,GAAO5E,MAAQA,EACxBsN,EAAS1I,GAAO2K,SAAU,IAE1BjC,EAAS1I,GAAO5E,MAAQ,GACxBsN,EAAS1I,GAAO2K,SAAU,GAE9B,MACJ,IAAK,OACY,mBAATJ,GACA7B,EAAS1I,GAAO5E,MAAQA,EACxBsN,EAAS1I,GAAO2K,SAAU,EAC1BS,EAASxB,UAAYxO,GACL,iBAATmP,IACP7B,EAAS1I,GAAO5E,MAAQA,EACxBsN,EAAS1I,GAAO2K,SAAU,EAC1BS,EAASjS,QAAUiC,GAEvB,MACJ,QACI,GAAY,sBAATmP,EAA6B,CAE5B,KADiBnP,EAAMqQ,OAAOtP,MAAM,OAAOE,QAC1B,IAIf,OAAO,EAHLqM,EAAS1I,GAAO5E,MAAQA,EACxBsN,EAAS1I,GAAO2K,SAAU,OAK9BjC,EAAS1I,GAAO5E,MAAQA,EACxBsN,EAAS1I,GAAO2K,SAAU,EAKtC,GAAa,gBAATJ,EACAa,EAASvG,MAAQzJ,OACd,GAAa,iBAATmP,EACPa,EAASzB,WAAavO,OACpB,GAAY,sBAATmP,EAA6B,CAElC,KADiBnP,EAAMqQ,OAAOtP,MAAM,OAAOE,QAC1B,IAGf,OAAO,EAFL+O,EAAS/B,YAAcjO,MAIb,sBAATmP,EACLa,EAASvB,OAASzO,EACJ,uBAATmP,IACLa,EAAStB,OAAS1O,GAGR,KAAVA,IACAsN,EAAS1I,GAAOkL,OAAQ,GAE5BhZ,KAAKe,SAAS,CAAEyV,SAAUA,M,mCAGhB,IAAD,OACTjW,MAAMP,KAAKf,MAAMC,OAAS,wBAAyB,CAC/CsB,OAAQ,OACRC,QAAS,CACL,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,KAEnCuC,KAAMkI,KAAKC,UAAU,CACjB,GAAM,SAGTzK,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACG,GACiB,OAAhBA,EAAKiD,QACL,EAAKhD,SAAS,CAAEuG,YAAaxG,EAAKuK,mBAIzCrK,MAAMC,QAAQC,O,mCAGT,IAAD,OACTX,MAAMP,KAAKf,MAAMC,OAAS,wBAAyB,CAC/CsB,OAAQ,OACRC,QAAS,CACL,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,KAEnCuC,KAAMkI,KAAKC,UAAU,CACjB,GAAM,SAGTzK,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACG,GACiB,OAAhBA,EAAKiD,QACL,EAAKhD,SAAS,CAAEwG,YAAazG,EAAKuK,mBAGzCrK,MAAMC,QAAQC,O,kCAGV,IAAD,OACRX,MAAMP,KAAKf,MAAMC,OAAS,uBAAwB,CAC9CsB,OAAQ,OACRC,QAAS,CACL,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,KAEnCuC,KAAMkI,KAAKC,UAAU,CACjB,GAAM,SAGTzK,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACG,GACiB,OAAhBA,EAAKiD,QACL,EAAKhD,SAAS,CAAEyG,WAAY1G,EAAKuK,mBAGxCrK,MAAMC,QAAQC,O,iCAGX,IAAD,OACPX,MAAMP,KAAKf,MAAMC,OAAS,mCAAoC,CAC1DsB,OAAQ,OACRC,QAAS,CACL,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,OAGlCC,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACG,GACiB,OAAhBA,EAAKiD,QACLxD,MAAM,EAAKtB,MAAMC,OAAS,sBAAuB,CAC7CsB,OAAQ,OACRC,QAAS,CACL,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,KAEnCuC,KAAMkI,KAAKC,UAAU,CACjB,GAAM,KACN,aAAgBtK,EAAK8Q,aACrB,YAAe,EACf,SAAY,QAGfjR,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAAC6Y,GACsB,OAArBA,EAAUzV,OACV,EAAKhD,SAAS,CAAE0G,UAAW+R,EAAUnO,gBAErC,EAAKtK,SAAS,CAAE0G,UAAW,QAGlCzG,MAAMC,QAAQC,QAI1BF,MAAMC,QAAQC,O,iCAIZsC,GACPA,EAAEiW,iBACF,IACIC,EAAkB,GAClBlD,EAAWxW,KAAKf,MAAMuX,SAC1BA,EAASlH,SAAQ,SAAUC,EAAMzB,GAC7ByB,EAAKkJ,SAAU,EACXlJ,EAAKoK,YAAcpK,EAAKkJ,SAA0B,KAAflJ,EAAKrG,OACxCwQ,EAAgBnQ,MAAK,MAI7BvJ,KAAKe,SAAS,CAAEyV,SAAUA,IAC1B,IAEIoD,EAFYC,EAAQ,IAEdC,CADC9Z,KAAK+Z,WACU,CAAEC,MAAM,MAE9BN,EAAgBvP,OAAS,GAMzBnK,KAAKhB,MAAMib,WAAWL,GAAK,GAE3B5Z,KAAKhB,MAAMib,WAAWL,GAAK,K,0CAK/B5Z,KAAK4K,YACL5K,KAAK6K,aACL7K,KAAK8K,aACL9K,KAAK+K,WACL/K,KAAK+Z,WAAWG,U,+BAeV,IAAD,OACCC,EACF,kBAACC,EAAA,EAAD,CAAShX,GAAG,iBACR,kBAACgX,EAAA,EAAQvS,MAAT,CAAenF,GAAG,MAAlB,0BACA,kBAAC0X,EAAA,EAAQC,QAAT,KACI,wBAAIzY,UAAU,qBACV,wBAAIA,UAAU,QAAd,gJACA,wBAAIA,UAAU,QAAd,8DAAgF,kBAAC,IAAD,CAAMA,UAAU,YAAYtB,OAAO,SAASqC,GAAE,cAA9C,SAChF,wBAAIf,UAAU,QAAd,gJACA,wBAAIA,UAAU,QAAd,2HAMhB,OACI,0BAAMA,UAAU,QAAQQ,IAAK,SAAAwJ,GAAE,OAAI,EAAKmO,WAAanO,GAAI0O,SAAU,SAAC9W,GAAD,OAAO,EAAKyU,WAAWzU,KACtF,yBAAK5B,UAAU,sDAEX,4BAAQe,GAAI,WAAYoR,KAAK,SAASnS,UAAU,+BAA+BK,QAASjC,KAAKgY,aAA7F,WACA,4BAAQjE,KAAK,SAASnS,UAAU,gCAAhC,WAGJ,yBAAKA,UAAU,sCACX,wBAAIA,UAAU,gBAAd,sBAQJ,yBAAKA,UAAU,aACX,6BAAK,qDAA6B,0BAAMA,UAAU,eAAhB,MAClC,wBAAIA,UAAU,qBACV,wBAAIA,UAAU,QAAd,wDACA,wBAAIA,UAAU,QAAd,2GACA,wBAAIA,UAAU,QAAd,4KAIR,6BACI,wBAAIA,UAAU,gBAAd,qCAEJ,yBAAKA,UAAU,kBAAkBwB,GAAG,oBAChC,6BAEQpD,KAAKf,MAAMuX,SAASrK,KAAI,SAACrL,EAAMgN,GAC3B,GAAuB,KAAnBhN,EAAKyZ,UAAkB,CACvB,GAAkB,aAAdzZ,EAAKiT,KACL,OACI,yBAAKzH,IAAKwB,EAAOlM,UAAU,QACvB,yBAAKA,UAAU,QAAQd,EAAK0Z,MAA5B,IAAoC1Z,EAAK6Y,YAAc,0BAAM/X,UAAU,eAAhB,MACvD,6BACI,6BACI,4BAAQsK,SAAU,SAAC1I,GAAD,OAAO,EAAKqU,iBAAiBrU,EAAGsK,IAAQ1L,IAAK,SAAAwJ,GAAE,OAAI,EAAK,GAAD,OAAI9K,EAAKuX,OAAUzM,GAAIyM,KAAMvX,EAAKuX,KAAM1M,aAAc7K,EAAKoI,MAAOtH,UAAWd,EAAK6Y,YAAc7Y,EAAK2X,SAA0B,KAAf3X,EAAKoI,MAAe,cAAgBpI,EAAKc,UAAYd,EAAKc,WAC/O,4BAAQsH,MAAM,IAAd,oBAEmB,YAAfpI,EAAK0Z,OAAuB,EAAKvb,MAAMqI,YAAY6E,KAAI,SAACC,EAAQC,GAC5D,OACI,4BAAQC,IAAKD,EAAUnD,MAAOkD,EAAOG,YAAaH,EAAOd,iBAMlD,iBAAfxK,EAAK0Z,OAA4B,EAAKvb,MAAMuI,WAAW2E,KAAI,SAACC,EAAQC,GAChE,OACI,4BAAQC,IAAKD,EAAUnD,MAAOkD,EAAOG,YAAaH,EAAOd,iBAKlD,YAAfxK,EAAK0Z,OAAuB,EAAKvb,MAAMsI,YAAY4E,KAAI,SAACC,EAAQC,GAC5D,OACI,4BAAQC,IAAKD,EAAUnD,MAAOkD,EAAOG,YAAaH,EAAOd,iBAKlD,UAAfxK,EAAK0Z,OAAqB,EAAKvb,MAAMwI,UAAU0E,KAAI,SAACC,EAAQC,GACxD,OACI,4BAAQC,IAAKD,EAAUnD,MAAOkD,EAAOG,YAAaH,EAAOd,kBAMxExK,EAAK6Y,YAAc7Y,EAAK2X,SAA0B,KAAf3X,EAAKoI,OAAgB,2BAAOtH,UAAU,eAAed,EAAK2Z,iBAK3G,GAAkB,SAAd3Z,EAAKiT,MAAiC,UAAdjT,EAAKiT,MAAkC,WAAdjT,EAAKiT,KAC7D,OACI,yBAAKnS,UAAU,OAAO0K,IAAKwB,GACvB,yBAAKlM,UAAU,QAAQd,EAAK0Z,MAA5B,IAAoC1Z,EAAK6Y,YAAc,0BAAM/X,UAAU,eAAhB,MACvD,6BACI,6BACI,2BAAO8Y,SAAU5Z,EAAK6Z,WAAYvY,IAAK,SAAAwJ,GAAE,OAAI,EAAK,GAAD,OAAI9K,EAAKuX,OAAUzM,GAAIyM,KAAMvX,EAAKuX,KAAM1M,aAAc7K,EAAKoI,MAAO0R,OAAQ,SAACpX,GAAD,OAAO,EAAKqU,iBAAiBrU,EAAGsK,EAAOhN,EAAKuX,OAAOzW,UAAWd,EAAK6Y,YAAc7Y,EAAK2X,SAA0B,KAAf3X,EAAKoI,MAAe,cAAgBpI,EAAKc,UAAYd,EAAKc,UAAWmS,KAAMjT,EAAKiT,KAAMlI,YAAa/K,EAAK+K,cACnU/K,EAAK6Y,YAAc7Y,EAAK2X,SAA0B,KAAf3X,EAAKoI,OAAgB,2BAAOtH,UAAU,eAAed,EAAK2Z,iBAK3G,GAAkB,SAAd3Z,EAAKiT,KACZ,OACI,yBAAKnS,UAAU,OAAO0K,IAAKwB,GACvB,yBAAKlM,UAAU,QAAQd,EAAK0Z,MAA5B,IAAoC1Z,EAAK6Y,YAAc,0BAAM/X,UAAU,eAAhB,MACvD,6BACI,6BAEI,2BAAO8Y,SAAU5Z,EAAK6Z,WAAYvY,IAAK,SAAAwJ,GAAE,OAAI,EAAK,GAAD,OAAI9K,EAAKuX,OAAUzM,GAAIyM,KAAMvX,EAAKuX,KAAM1M,aAAckP,IAAO/Z,EAAKoI,OAAOhC,OAAO,cAAe0T,OAAQ,SAACpX,GAAD,OAAO,EAAKqU,iBAAiBrU,EAAGsK,IAAQlM,UAAWd,EAAK6Y,YAAc7Y,EAAK2X,SAA0B,KAAf3X,EAAKoI,MAAe,cAAgBpI,EAAKc,UAAYd,EAAKc,UAAWmS,KAAMjT,EAAKiT,KAAMlI,YAAa/K,EAAK+K,cACrV/K,EAAK6Y,YAAc7Y,EAAK2X,SAA0B,KAAf3X,EAAKoI,OAAgB,2BAAOtH,UAAU,eAAed,EAAK2Z,iBAK3G,GAAkB,SAAd3Z,EAAKiT,KACZ,OACI,yBAAKnS,UAAU,OAAO0K,IAAKwB,GACR,gBAAdhN,EAAKuX,MACF,yBAAKzW,UAAU,2CACX,wBAAIA,UAAU,gBAAd,gBACA,6BACI,kBAACkZ,EAAA,EAAD,CAAgBC,QAAQ,QAAQC,UAAU,MAAMC,QAASd,GACrD,yBAAKjY,IAAI,oBAAoBN,UAAU,+BAMxC,gBAAdd,EAAKuX,MAA0B,6BAAK,0FAA+D,0BAAMzW,UAAU,eAAhB,OACpG,6BACI,6BACI,2BAAOsZ,OAAO,aAAatZ,UAAWd,EAAK6Y,YAAc7Y,EAAK2X,SAA0B,KAAf3X,EAAKoI,MAAe,cAAgBpI,EAAKc,UAAYd,EAAKc,UAAWmS,KAAMjT,EAAKiT,KAAM3R,IAAK,SAAAwJ,GAAE,OAAI,EAAK,GAAD,OAAI9K,EAAKuX,OAAUzM,GAAIyM,KAAMvX,EAAKuX,KAAMnM,SAAU,SAAC1I,GAAD,OAAO,EAAKuU,WAAWvU,EAAGsK,MACzPhN,EAAK6Y,YAAc7Y,EAAK2X,SAA0B,KAAf3X,EAAKoI,OAAgB,2BAAOtH,UAAU,eAAed,EAAK2Z,eAGlG,6BACI,yBAAKrX,GAAG,YAAYxB,UAAU,iBAM3C,GAAkB,aAAdd,EAAKiT,KACZ,OACI,yBAAKnS,UAAU,OAAO0K,IAAKwB,GACvB,6BAAMhN,EAAK0Z,OACX,6BACI,6BACI,+BACI,2BAAOpY,IAAK,SAAAwJ,GAAE,OAAI,EAAK,GAAD,OAAI9K,EAAKuX,OAAUzM,GAAIyM,KAAMvX,EAAKuX,KAAMnM,SAAU,SAAC1I,GAAD,OAAO,EAAKqU,iBAAiBrU,EAAGsK,IAAQlM,UAAU,OAAOmS,KAAMjT,EAAKiT,OAC3IjT,EAAK6Y,YAAc7Y,EAAK2X,SAA0B,KAAf3X,EAAKoI,OAAgB,2BAAOtH,UAAU,eAAed,EAAK2Z,cAC7F3Z,EAAK0Z,MAHV,IAGkB1Z,EAAK6Y,YAAc,0BAAM/X,UAAU,eAAhB,aASxD,IAAuB,gBAAnBd,EAAKyZ,UACV,OACI,yBAAK3Y,UAAU,OAAO0K,IAAKwB,GACvB,yBAAKlM,UAAU,QAAQd,EAAK0Z,MAA5B,IAAoC1Z,EAAK6Y,YAAc,0BAAM/X,UAAU,eAAhB,MACxC,sBAAdd,EAAKuX,MAAgC,6BAAK,gDAAqB,0BAAMzW,UAAU,eAAhB,OAChE,6BACI,kBAAC,IAAD,CAAa+U,OAAQ,EAAK1X,MAAM0X,OAAQzK,SAAU,SAAC1I,GAAD,OAAO,EAAKsU,iBAAiBtU,EAAGsK,IAAQ5E,MAAOpI,EAAKoI,MAAO9G,IAAK,SAAAwJ,GAAE,OAAI,EAAK,GAAD,OAAI9K,EAAKuX,OAAUzM,KAC9I9K,EAAK6Y,YAAc7Y,EAAK2X,SAA0B,KAAf3X,EAAKoI,OAAgB,2BAAOtH,UAAU,eAAed,EAAK2Z,gBAIvG,GAAuB,aAAnB3Z,EAAKyZ,UACZ,OACI,yBAAK3Y,UAAU,OAAO0K,IAAKwB,GACvB,yBAAKlM,UAAU,QAAQd,EAAK0Z,MAA5B,IAAoC1Z,EAAK6Y,YAAc,0BAAM/X,UAAU,eAAhB,MAEvD,6BACI,8BAAUyW,KAAMvX,EAAKuX,KAAM8C,KAAK,IAAIjP,SAAU,SAAC1I,GAAD,OAAO,EAAKqU,iBAAiBrU,EAAGsK,IAAQ5E,MAAOpI,EAAKoI,MAAO9G,IAAK,SAAAwJ,GAAE,OAAI,EAAK,GAAD,OAAI9K,EAAKuX,OAAUzM,GAAIhK,UAAWd,EAAK6Y,YAAc7Y,EAAK2X,SAA0B,KAAf3X,EAAKoI,MAAe,cAAgBpI,EAAKc,UAAYd,EAAKc,YAEtPd,EAAK6Y,YAAc7Y,EAAK2X,SAA0B,KAAf3X,EAAKoI,OAAgB,2BAAOtH,UAAU,eAAed,EAAK2Z,gBAIvG,GAAuB,YAAnB3Z,EAAKyZ,UACZ,OACI,yBAAKjO,IAAKwB,GACN,yBAAKlM,UAAU,QAAQd,EAAK0Z,OAC5B,6BACK1Z,EAAKoI,mB,GA5gB/BpJ,IAAM+C,W,4BCq9BduY,G,kDA97BX,WAAYpc,GAAQ,IAAD,8BACf,gBACKC,MAAQ,CACTC,OAAQP,OAAOQ,QACfkc,aAAcA,EAAava,KAC3Bwa,UAAWxa,GAAKwS,UAChBiI,aAAa,EACbC,kBAAkB,EAClBC,gBAAgB,EAChBC,UAAW,GACXC,UAAW,GACXC,eAAgB,GAChBC,aAAc,GACdC,cAAe,GACfC,iBAAkB,GAClBC,cAAe,GACfC,cAAe,GACflP,UAAU,EACVmP,yBAAyB,EACzBxF,KAAM,GACNC,OAAQ,GACRwF,gBAAgB,EAChB1B,aAAc,GACd2B,aAAa,EACbC,aAAc,GACdC,QAAS,CACL3J,MAAO,GACPwE,YAAa,GACbC,WAAY,GACZC,WAAY,GACZC,UAAW,GACXC,SAAU,GACVC,WAAY,GACZC,WAAY,GACZC,UAAW,GACXzQ,QAAS,GACT0Q,OAAQ,GACRC,OAAQ,IAEZjH,YAAa,EACbC,QAAS,IACT2L,WAAW,EACXC,SAAS,GAGb,EAAKC,OAAS,EAAKA,OAAOhd,KAAZ,gBACd,EAAKid,SAAW,EAAKA,SAASjd,KAAd,gBAChB,EAAKkd,YAAc,EAAKA,YAAYld,KAAjB,gBACnB,EAAKmd,QAAU,EAAKA,QAAQnd,KAAb,gBACf,EAAKod,kBAAoB,EAAKA,kBAAkBpd,KAAvB,gBACzB,EAAKqd,sBAAwB,EAAKA,sBAAsBrd,KAA3B,gBAC7B,EAAKsd,kBAAoB,EAAKA,kBAAkBtd,KAAvB,gBACzB,EAAKud,qBAAuB,EAAKA,qBAAqBvd,KAA1B,gBAC5B,EAAKwd,gBAAkB,EAAKA,gBAAgBxd,KAArB,gBACvB,EAAKyd,gBAAkB,EAAKA,gBAAgBzd,KAArB,gBACvB,EAAK0d,cAAgB,EAAKA,cAAc1d,KAAnB,gBACrB,EAAK2d,UAAY,EAAKA,UAAU3d,KAAf,gBACjB,EAAK4d,cAAgB,EAAKA,cAAc5d,KAAnB,gBACrB,EAAK6d,kBAAoB,EAAKA,kBAAkB7d,KAAvB,gBACzB,EAAK+Y,WAAa,EAAKA,WAAW/Y,KAAhB,gBAClB,EAAK8d,8BAAgC,EAAKA,8BAA8B9d,KAAnC,gBACrC,EAAK+d,UAAY,EAAKA,UAAU/d,KAAf,gBACjB,EAAK2N,eAAiB,EAAKA,eAAe3N,KAApB,gBACtB,EAAKge,YAAc,EAAKA,YAAYhe,KAAjB,gBACnB,EAAKuY,YAAc,EAAKA,YAAYvY,KAAjB,gBACnB,EAAKie,kBAAoB,EAAKA,kBAAkBje,KAAvB,gBACzB,EAAKke,eAAiB,EAAKA,eAAele,KAApB,gBAEtB,EAAKkR,YAAc,EAAKA,YAAYlR,KAAjB,gBACnB,EAAKsR,KAAO,EAAKA,KAAKtR,KAAV,gBArEG,E,wDAwEPma,GACR5Z,KAAKe,SAAS,CAAEwb,WAAYvc,KAAKf,MAAMsd,UAAWD,QAAS1C,M,wCAI7C1Q,GACdlJ,KAAKe,SAAS,CAAEsb,aAAcnT,M,uCAI9BlJ,KAAKe,SAAS,CAAEsb,aAAc,O,iCAGvB3F,GACP1W,KAAKe,SAAS,CAAE2V,KAAMA,M,sDAItB1W,KAAKe,SAAS,CAAEmb,yBAA0Blc,KAAKf,MAAMid,4B,oCAIrD,IAAIvL,EAAc3Q,KAAKf,MAAM0R,YAGzBA,EADA3Q,KAAKf,MAAM0R,aAAe,EACZ,EAEA,EAElB3Q,KAAKe,SAAS,CAAE4P,YAAaA,M,2BAG5BU,GACD,IAAIC,EAEAV,EAAU5Q,KAAKf,MAAM2R,QACV,aAAXS,EACIT,GAAW,MACXU,EAAWV,EAAU,GACrB5Q,KAAKe,SAAS,CAAE6P,QAASU,KAIzBV,GAAW,KACXU,EAAWV,EAAU,GACrB5Q,KAAKe,SAAS,CAAE6P,QAASU,O,wCAOnBsI,EAAKgE,GACnB,IAAMC,EAAiB7d,KAAKf,MAAMod,aAE9ByB,EAAW9d,KAAKf,MAAMqc,UAAUnR,OAAS,EAAInK,KAAKf,MAAMqc,UAAY,GACpEyC,EAAiB,GACrBD,EAASxO,SAAQ,SAAU0O,EAAKlQ,GAC5BkQ,EAAIvK,MAAMnE,SAAQ,SAAU2O,EAAQnQ,GACZ,SAAhBmQ,EAAOlK,MAAmC,aAAhBkK,EAAOlK,MAChBkK,EAAOjK,QAAQkK,QAAQ,gBAAiB,KAAKA,QAAQ,YAAa,KAAKA,QAAQ,SAAU,IAAI3E,OAAOtP,MAAM,OAAOE,OACjH,KACb4T,EAAexU,MAAK,SAOhCqU,GAAkB5d,KAAKf,MAAM8c,iBAAiB5R,QAAU,GAAKnK,KAAKf,MAAM6c,cAAc3R,QAAU,GAAK0T,EACrG7d,KAAKe,SAAS,CAAEmb,yBAAyB,EAAMD,cAAerC,EAAKa,aAAc,KAE5EmD,EAEME,EAAS3T,QAAU,EAC1BnK,KAAKe,SAAS,CAAE0Z,aAAc,qEACvBza,KAAKf,MAAM8c,iBAAiB5R,OAAS,EAC5CnK,KAAKe,SAAS,CAAE0Z,aAAc,iDACvBza,KAAKf,MAAM6c,cAAc3R,OAAS,EACzCnK,KAAKe,SAAS,CAAE0Z,aAAc,8CACvBsD,EAAe5T,OAAS,EAC/BnK,KAAKe,SAAS,CAAE0Z,aAAc,4DACtBoD,GACR7d,KAAKe,SAAS,CAAE0Z,aAAc,6BAV9Bza,KAAKe,SAAS,CAAE0Z,aAAc,2C,uCAiBtCza,KAAKe,SAAS,CAAEgM,UAAW/M,KAAKf,MAAM8N,a,oCAG3B,IAAD,OACVxM,MAAMP,KAAKf,MAAMC,OAAS,4BAA6B,CACnDsB,OAAQ,OACRC,QAAS,CACL,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,KAEnCuC,KAAMkI,KAAKC,UACP,CACI,YAAe,KACf,aAAgB,SAIvBzK,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACG,GACH,EAAKC,SAAS,CAAE8a,aAAc/a,EAAKqd,oBAGtCnd,MAAMC,QAAQC,O,oCAGR,IAAD,OACVlB,KAAKe,SAAS,CAAEmb,yBAAyB,EAAOM,SAAS,IACzD,IAAI5C,EAAM5Z,KAAKf,MAAMgd,cACjB3I,EAAY,CACZA,UAAWtT,KAAKf,MAAMqc,WAE1Btb,KAAKe,SAAS,CAAEqb,aAAa,IAE7B7b,MAAMP,KAAKf,MAAMC,OAAS,wBAAyB,CAC/CsB,OAAQ,OACRC,QAAS,CACL,MAASC,uCACT,eAAgB,kCAChB,8BAA+B,KAEnCuC,KAAMkI,KAAKC,UAAU,CACjB,SAAY,KACZ,YAAewO,EAAIpL,YAAcoL,EAAIpL,YAAc,GACnD,kBAAqBoL,EAAI1G,kBAAoB0G,EAAI1G,kBAAoB,GACrE,gBAAmB0G,EAAIwE,gBAAkBxE,EAAIwE,gBAAkB,GAC/D,gBAAmB,EACnB,aAAgB,KAChB,iBAAoBxE,EAAIyE,iBAAmBzE,EAAIyE,iBAAmB,GAClE,aAAgBzE,EAAIzG,aAAeyG,EAAIzG,aAAe,GACtD,eAAkByG,EAAIxG,eAAiBwG,EAAIxG,eAAiB,GAC5D,aAAgBwG,EAAIvG,aAAeuG,EAAIvG,aAAe,GACtD,WAAcuG,EAAInI,WAClB,WAAcmI,EAAIlI,WAClB,UAAakI,EAAIjI,UACjB,SAAYiI,EAAI0E,SAChB,kBAAqB1E,EAAI/G,kBACzB,mBAAsB+G,EAAI9G,mBAC1B,aAAgB3H,KAAKC,UAAUkI,OAGlC3S,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAAA4d,GACF,GAAI,EAAKtf,MAAM2c,eAAezR,OAAS,EAAG,CACtC,IAAMqU,EAAiB,IAAIhI,SACrB4B,EAAQ,EAAKnZ,MAAM2c,eACzB4C,EAAeC,OAAO,KAAMF,GAE5B,IAAK,IAAIrU,EAAI,EAAGA,GAAKc,SAASoN,EAAMjO,QAAU,EAAGD,IAC7CsU,EAAeC,OAAO,OAAQrG,EAAMlO,IAGxC3J,MAAM,EAAKtB,MAAMC,OAAS,kCAAmC,CACzDsB,OAAQ,OACRC,QAAS,CACL,MAASC,uCACT,8BAA+B,KAEnCuC,KAAMub,IAEL7d,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAAC+d,GACH,IAAMC,EAAW,IAAInI,SACrBmI,EAASF,OAAO,KAAMF,GACtBI,EAASF,OAAO,OAAQ,EAAKxf,MAAMyX,MAEnCnW,MAAM,EAAKtB,MAAMC,OAAS,4BAA6B,CACnDsB,OAAQ,OACRC,QAAS,CACL,MAASC,uCACT,8BAA+B,KAEnCuC,KAAM0b,IAELhe,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACie,GACH,EAAK7d,SAAS,CAAEob,gBAAgB,EAAMK,SAAS,OAElDxb,OAAM,SAACgY,GACJ,EAAKjY,SAAS,CAAEyb,SAAS,IACzBvb,QAAQ+X,MAAM,SAAUA,SAGnChY,OAAM,SAACgY,GACJ,EAAKjY,SAAS,CAAEyb,SAAS,IACzBvb,QAAQ+X,MAAM,SAAUA,UAE7B,CACH,IAAM2F,EAAW,IAAInI,SACrBmI,EAASF,OAAO,KAAMF,GACtBI,EAASF,OAAO,OAAQ,EAAKxf,MAAMyX,MAEnCnW,MAAM,EAAKtB,MAAMC,OAAS,4BAA6B,CACnDsB,OAAQ,OACRC,QAAS,CACL,MAASC,uCACT,8BAA+B,KAEnCuC,KAAM0b,IAELhe,MAAK,SAAAC,GAAG,OAAIA,EAAIC,UAChBF,MAAK,SAACie,GACH,EAAK7d,SAAS,CAAEob,gBAAgB,EAAMK,SAAS,OAElDxb,OAAM,SAACgY,GACJ,EAAKjY,SAAS,CAAEyb,SAAS,IACzBvb,QAAQ+X,MAAM,SAAUA,UAIvChY,OAAM,SAACgY,GACJ,EAAKjY,SAAS,CAAEyb,SAAS,IACzBvb,QAAQ+X,MAAM,SAAUA,Q,oCAItBxV,GACVA,EAAEiW,iBACF,IAAIoF,EAAa/d,GAAKwS,UAAUtT,KAAKf,MAAMyc,WAAWjI,MAAMzT,KAAKf,MAAM0c,WACnErJ,EAAQtS,KAAK8e,MAAM5V,MACnB2N,EAAS7W,KAAK+e,OAAO7V,MACzB2V,EAAWhd,MAAQ,CAACyQ,EAAOuE,GAE3B7W,KAAKe,SAAS,CAAEua,UAAWxa,GAAKwS,UAAW0J,sBAAsB,M,gCAI3DlP,GACN,IAAIiO,EAAmB/b,KAAKf,MAAM8c,iBAC9BC,EAAgBhc,KAAKf,MAAM+c,cAC3BF,EAAgB9b,KAAKf,MAAM6c,cACdhb,GAAKwS,UAAUxF,GAErB2F,MAAMnE,SAAQ,SAAU0P,EAASC,GACxC,GAAqB,aAAjBD,EAAQjL,KAAqB,CAC7B,IAAImL,EAAIlD,EAAc7R,OAAS,EAO/B,IANA6R,EAAc1M,SAAQ,SAAUC,EAAM4P,GAC9B5P,EAAKyO,MAAQlQ,GACbiO,EAAiB9N,OAAO8N,EAAiBhO,QAAQwB,EAAK6P,YAAa,MAIpEF,GAAK,GAEJlD,EAAckD,GAAGlB,MAAQlQ,GACzBkO,EAAc/N,OAAOiR,EAAG,GAE5BA,IAGJlD,EAAc1M,SAAQ,SAAUC,EAAM4P,GAC9B5P,EAAKyO,IAAMlQ,IACXyB,EAAKyO,IAAMhT,SAASuE,EAAKyO,KAAO,UAGhB,UAAjBgB,EAAQjL,MACf+H,EAAcuD,SAKtBve,GAAKwS,UAAUrF,OAAOH,EAAO,GAC7B9N,KAAKe,SAAS,CAAEua,UAAWxa,GAAKwS,UAAWyI,iBAAkBA,EAAkBC,cAAeA,EAAeF,cAAeA,M,oCAIlHwD,EAAQxL,GAClB,IAAIgI,EAAgB9b,KAAKf,MAAM6c,cAC3BC,EAAmB/b,KAAKf,MAAM8c,iBAC9BC,EAAgBhc,KAAKf,MAAM+c,cAC3B6C,EAAa/d,GAAKwS,UAAUgM,GAAQ7L,MAAMK,GACtB,UAApB+K,EAAW9K,KACX+H,EAAcuD,MACa,aAApBR,EAAW9K,MAClBiI,EAAc1M,SAAQ,SAAUC,EAAMzB,GAC9ByB,EAAKyO,MAAQsB,GAAU/P,EAAKgQ,MAAQzL,IACpCkI,EAAc/N,OAAOH,EAAO,GAC5BiO,EAAiB9N,OAAO8N,EAAiBhO,QAAQwB,EAAK6P,YAAa,OAI/EP,EAAW9K,KAAO,GAClB8K,EAAW7K,QAAU,GAErBhU,KAAKe,SAAS,CAAEua,UAAWxa,GAAKwS,UAAWyI,iBAAkBA,EAAkBC,cAAeA,EAAeF,cAAeA,M,sCAIhH5S,EAAOoW,EAAQxL,GACVhT,GAAKwS,UAAUgM,GAAQ7L,MAAMK,GACnCE,QAAU9K,EAErBlJ,KAAKe,SAAS,CAAEua,UAAWxa,GAAKwS,UAAWkI,kBAAkB,M,sCAIjD8D,EAAQxL,GACpB,IAAI+K,EAAa/d,GAAKwS,UAAUgM,GAAQ7L,MAAMK,GAC9C+K,EAAWW,QAAUX,EAAWW,OAChCxf,KAAKe,SAAS,CAAEua,UAAWxa,GAAKwS,c,kCAKxBpT,GACR,IAAI8b,EAAgBhc,KAAKf,MAAM+c,cAC3ByD,EAAU,CACV,IAAOzf,KAAKf,MAAMyc,UAClB,IAAO1b,KAAKf,MAAM0c,UAClB,WAAczb,EAAMI,OAAO4I,OAE3B6S,EAAmB/b,KAAKf,MAAM8c,iBAC9B8C,EAAa/d,GAAKwS,UAAUtT,KAAKf,MAAMyc,WAAWjI,MAAMzT,KAAKf,MAAM0c,WACvEkD,EAAW9K,KAAO,WAClB8K,EAAWW,QAAS,EACpBX,EAAW5K,SAAW/T,EAAMI,OAAO6N,QAAQjO,EAAMI,OAAO6Y,eAAeG,KAEvEyC,EAAiBxS,KAAKrJ,EAAMI,OAAO4I,OACnC8S,EAAczS,KAAKkW,GACnBzf,KAAKe,SAAS,CAAEua,UAAWxa,GAAKwS,UAAWkI,kBAAkB,EAAOO,iBAAkBA,EAAkBC,cAAeA,M,gCAIvH,IAAI6C,EAAa/d,GAAKwS,UAAUtT,KAAKf,MAAMyc,WAAWjI,MAAMzT,KAAKf,MAAM0c,WACvEkD,EAAW9K,KAAO,OAClB8K,EAAWW,QAAS,EAEpBxf,KAAKe,SAAS,CAAEua,UAAWxa,GAAKwS,UAAWkI,kBAAkB,M,iCAI7D,IAAIM,EAAgB9b,KAAKf,MAAM6c,cACdhb,GAAKwS,UAAUtT,KAAKf,MAAMyc,WAAWjI,MAAMzT,KAAKf,MAAM0c,WAC5D5H,KAAO,QAElB+H,EAAcvS,KAAK,GACnBvJ,KAAKe,SAAS,CAAEua,UAAWxa,GAAKwS,UAAWkI,kBAAkB,EAAOM,cAAeA,M,wCAGrEtY,EAAGkT,EAAM4I,EAAQxL,GAG/B,GAAI4C,GAAQA,EAAK,GAAI,CACjB,IAAIyB,EAAWzB,EAAK,GAAG2B,KAAKpO,MAAM,KAAKvD,MAAM,GAAI,GAAG4R,KAAK,KAEzD,GADS,sBACFC,KAAKJ,IAER,IADiBzB,EAAK,GAAGgJ,KAAO,KAAO,MAAMC,QAAQ,IACpC,EAAG,CAChB,IAAI/D,EAAiB5b,KAAKf,MAAM2c,eAC5BtI,EAAYxS,GAAKwS,UACjBuL,EAAavL,EAAUgM,GAAQ7L,MAAMK,GAGzC+K,EAAW7K,QAAUtT,+CAAkDgW,EAAK,GAAG2B,KAC/EuD,EAAerS,KAAKmN,EAAK,IACzB,IAAIgC,EAAS,IAAIC,WACjBD,EAAOE,OAAS,SAAUpV,GAEtBqb,EAAWe,eAAiBpc,EAAElD,OAAOwY,OACrCzX,SAASmK,cAAc,OAAS8T,EAASxL,GAAQ+E,aAAa,MAAOrV,EAAElD,OAAOwY,SAElFJ,EAAOK,cAAcvV,EAAElD,OAAO8X,MAAM,IAEpCpY,KAAKe,SAAS,CAAEua,UAAWhI,EAAWsI,eAAgBA,UAI1DpY,EAAElD,OAAO4I,MAAQ,GACjB2I,MAAM,gG,6BAQXgO,GACH,IACI1E,EADA2E,EAAchf,GAAKwS,UAAUnJ,OAAS,EAGtCgR,EADW,IAAX0E,EACO,CAAC,CACJ,UAAa,8BACb,KAAQ,GACR,MAAS,GACT,QAAW,GACX,eAAkB,GAClB,SAAY,GACZ,QAAU,EACV,MAAS,IAGN,CAAC,CACJ,UAAa,6BACb,KAAQ,GACR,MAAS,GACT,QAAW,GACX,eAAkB,GAClB,SAAY,GACZ,QAAU,EACV,MAAS,GACV,CACC,UAAa,6BACb,KAAQ,GACR,MAAS,GACT,QAAW,GACX,eAAkB,GAClB,SAAY,GACZ,QAAU,EACV,MAAS,IAIjB,IAAIE,EAAejf,GAAKwS,UAAU/J,KAAK,CACnC,GAAMuW,EAAYE,WAClB,UAAa,6BACb,MAASF,EACT,MAAS3E,IAEbnb,KAAKe,SAAS,CAAEua,UAAWyE,EAAcxE,aAAa,M,0CAKtDvb,KAAKe,SAAS,CAAEwa,aAAcvb,KAAKf,MAAMsc,gB,2CAGxB+D,EAAQxL,GACzB9T,KAAKe,SAAS,CAAE2a,UAAW4D,EAAQ3D,UAAW7H,EAAQ2H,gBAAiBzb,KAAKf,MAAMwc,mB,4CAGhE6D,EAAQxL,GAC1B9T,KAAKe,SAAS,CAAE2a,UAAW4D,EAAQ3D,UAAW7H,EAAQ0H,kBAAmBxb,KAAKf,MAAMuc,qB,gCAG9E1C,GACN,GAAKA,EAAOmH,YAAZ,CAIA,IAAMxM,EA/hBE,SAACF,EAAM2M,EAAYC,GAC/B,IAAMrH,EAASsH,MAAMC,KAAK9M,GADkB,EAE1BuF,EAAO7K,OAAOiS,EAAY,GAArCI,EAFqC,oBAK5C,OAFAxH,EAAO7K,OAAOkS,EAAU,EAAGG,GAEpBxH,EA0hBWyH,CACVzf,GAAKwS,UACLwF,EAAO0H,OAAO1S,MACdgL,EAAOmH,YAAYnS,OAEvB7M,QAAQC,IAAIJ,GAAKwS,UAAWwF,EAAO0H,OAAO1S,MAAOgL,EAAOmH,YAAYnS,OACpE9N,KAAKe,SAAS,CAAEua,UAAW7H,IAC3BjG,aAAaI,QAAQ,WAAYzC,KAAKC,UAAUqI,O,0CAIhDzT,KAAKygB,cACLjT,aAAakT,WAAW,YACxBrF,EAAava,KAAKwO,SAAQ,SAAUqR,EAAQxB,GACxCwB,EAAOzX,MAAQ,GACfyX,EAAOlI,SAAU,EACjBkI,EAAOtH,cAAe,EACtBsH,EAAOC,WAAW1X,MAAQ,GAC1ByX,EAAOC,WAAWnI,QAAU,MAGhCzY,KAAKe,SAAS,CACV4V,OAAQ,CACJC,cAAe,CAAC,SAAU,gBAAiB,cAAe,YAAa,QAAS,QAAS,OAAQ,QAAS,SAAU,WAAY,QAAS,UAAW,OAAQ,QAAS,QAAS,aAC9KC,OAAQ,IACRC,sBAAsB,EACtBC,kBAAkB,EAClBC,kBAAkB,EAClBC,iBAAiB,O,+BAKnB,IAAD,OACC7E,EAAatR,GAAKwS,UAAYxS,GAAKwS,UAAY,GAEjDuN,IADkB7gB,KAAKf,MAAM6c,cACI3R,QAAU,GAEzC2W,EAAe9gB,KAAKf,MAAMqd,QAC1BrK,EAAsC,IAA3BjS,KAAKf,MAAM0R,YAAoB,QAAqC,IAA3B3Q,KAAKf,MAAM0R,YAAoB,QAAU,GAC7FuB,EAAOlS,KAAKf,MAAM0R,YAAc3Q,KAAKf,MAAM2R,QAAU,SAAW,QAElE5Q,KAAKf,MAAMkd,iBAEXxd,OAAOC,SAASgE,KAAOlC,SAG3B,IAAMyZ,EACF,kBAACC,EAAA,EAAD,CAAShX,GAAG,iBACR,kBAACgX,EAAA,EAAQvS,MAAT,CAAenF,GAAG,MAAlB,0BACA,kBAAC0X,EAAA,EAAQC,QAAT,KACI,wBAAIzY,UAAU,qBACV,wBAAIA,UAAU,QAAd,yEACA,wBAAIA,UAAU,QAAd,qIACA,wBAAIA,UAAU,QAAd,8LAMhB,OACI,yBAAKA,UAAU,gBACX,kBAAC,EAAD,MACE5B,KAAKf,MAAMud,SAAW,yBAAK5a,UAAU,8EAA8EC,MAAO,CAAEwB,gBAAiB,wBAAyBvB,IAAK,EAAGE,OAAQ,IACpL,8BAAM,yBAAKE,IAAI,qBAAqBkC,IAAI,UAAUxC,UAAU,iBAA5D,yBAEH5B,KAAKf,MAAMsd,WAAa,yBAAK3a,UAAU,4DAA4DC,MAAO,CAAEG,OAAQ,IAAKF,IAAK,IAC3H,yBAAKF,UAAU,mBACX,yBAAKA,UAAU,WACX,yBAAKA,UAAU,yCACX,yBAAKA,UAAU,oBAAoBC,MAAO,CAAEyQ,MAAO,OAAQ,OAAUL,EAAU,gBAAmB,OAAS6O,EAAatJ,WAAa,IAAK,iBAAoB,YAAa,mBAAsB,gBAAiB,eAAkBtF,EAAM5B,UAAW,QAASkC,WAAY,cAEtQ,yBAAK5Q,UAAU,6EAA6EC,MAAO,CAAEC,IAAK,IAEtG,4BAAQiS,KAAK,SAAS9R,QAAS,kBAAM,EAAK+V,eAAepW,UAAU,8BAAnE,iBAGJ,yBAAKA,UAAU,gFAAgFC,MAAO,CAAEM,OAAQ,IAG5G,4BAAQF,QAASjC,KAAK2Q,YAAa/O,UAAU,0BAA7C,cAC4B,IAA3B5B,KAAKf,MAAM0R,aAAqB,6BAC7B,uBAAG1O,QAAS,kBAAM,EAAK8O,KAAK,aAAanP,UAAU,uBAAsB,yBAAKwC,IAAI,SAASlC,IAAI,wBAC/F,uBAAGD,QAAS,kBAAM,EAAK8O,KAAK,aAAanP,UAAU,uBAAsB,yBAAKwC,IAAI,UAAUlC,IAAI,8BAMpH,yBAAKN,UAAU,aACX,yBAAKA,UAAU,YACX,yBAAKA,UAAU,qEACX,yBAAKA,UAAU,QACVkf,EAAanJ,QAAU,uBAAGrX,OAAO,SAASygB,IAAI,sBAAsBne,KAAMke,EAAanJ,QAAQ,yBAAKzV,IAAI,wBAAwBkC,IAAI,WAAWxC,UAAU,uBACzJkf,EAAalJ,QAAU,uBAAGtX,OAAO,SAASygB,IAAI,sBAAsBne,KAAMke,EAAalJ,QAAQ,yBAAKxT,IAAI,YAAYlC,IAAI,yBAAyBN,UAAU,qBAIxK,yBAAKA,UAAU,iBACX,yBAAKA,UAAU,yBACX,wBAAIC,MAAO,CAAE,MAAS,UAAWkR,UAAW,cAAgBnR,UAAU,gCAAgCkf,EAAanO,SAG3H,yBAAK/Q,UAAU,YACX,yBAAKA,UAAU,sDACX,uBAAGoR,wBAAyB,CAAEC,OAAQ6N,EAAa3J,iBAG1D2J,EAAarJ,YAAc,yBAAK7V,UAAU,YACvC,yBAAKA,UAAU,qDAAqDC,MAAO,CAAE,YAAa,SACtF,+CAAqBif,EAAarJ,cAGzCqJ,EAAapJ,WAAaoJ,EAAa7Z,SAAW,yBAAKrF,UAAU,YAC9D,yBAAKA,UAAU,qDAAqDC,MAAO,CAAE,YAAa,SACtF,+BAAQif,EAAapJ,UAArB,eAAgDoJ,EAAa7Z,WASrE,yBAAKrF,UAAU,YACX,yBAAKA,UAAU,uDACVkf,EAAa1J,YAAc,yBAAKxV,UAAU,sDACtCkf,EAAa1J,WAAa0J,EAAa1J,WAAa,IAExD0J,EAAaxJ,WAAa,yBAAK1V,UAAU,qDACrCkf,EAAaxJ,UAAYwJ,EAAaxJ,UAAY,IAEtDwJ,EAAazJ,YAAc,yBAAKzV,UAAU,sDACtCkf,EAAazJ,YAEjByJ,EAAavJ,UAAY,yBAAK3V,UAAU,oDACpCkf,EAAavJ,aAM9B,yBAAK3V,UAAU,aAEPwQ,EAAWsB,MAAK,SAACC,EAAGC,GAAJ,OAAUD,EAAEE,MAAQD,EAAEC,MAAQ,GAAK,KAAG1H,KAAI,SAACoH,EAAMzF,GAC7D,OACI,yBAAKxB,IAAKwB,GACN,yBAAKlM,UAAW2R,EAAKC,WAEbD,EAAKE,MAAMC,MAAK,SAACC,EAAGC,GAAJ,OAAUD,EAAEE,MAAQD,EAAEC,MAAQ,GAAK,KAAG1H,KAAI,SAACoD,EAAMuE,GAC7D,OACI,yBAAKxH,IAAKwH,EAAQlS,UAAW2N,EAAKiE,UAAW3R,MAAO,CAAE,QAAW,UAC9C,UAAd0N,EAAKwE,MAAoB,yBAAKnS,UAAU,oDAAmD,yBAAKwC,IAAI,GAAGlC,IAAKqN,EAAKqQ,eAAgBhe,UAAU,eAC7H,SAAd2N,EAAKwE,MAAmB,yBAAKf,wBAAyB,CAAEC,OAAQ1D,EAAKyE,WACvD,aAAdzE,EAAKwE,MAAuB,6BAAK,yBAAKnS,UAAU,yBAAyB2N,EAAK0E,UAAe,yBAAKjB,wBAAyB,CAAEC,OAAQ1D,EAAKyE,iBAQ/J,yBAAKpS,UAAU,iCACX,yBAAKA,UAAU,yBAW/C,yBAAKA,UAAU,yCACV5B,KAAKf,MAAMwb,cAAgB,yBAAK7Y,UAAU,2BACtC5B,KAAKf,MAAMwb,cAEhB,yBAAK7Y,UAAU,YACX,yBAAKA,UAAU,6BACX,kBAAC,EAAD,CAAMoW,YAAa,SAAC4B,GAAD,OAAS,EAAK5B,YAAY4B,IAAMnD,KAAMzW,KAAKf,MAAMoc,aAAcpB,WAAY,SAACL,EAAKgE,GAAN,OAAyB,EAAKN,kBAAkB1D,EAAKgE,IAAiBpF,WAAY,SAAC9B,GAAD,OAAU,EAAK8B,WAAW9B,QAGlN,yBAAK9U,UAAU,iBACX,yBAAKA,UAAU,aACX,yBAAKA,UAAU,sCACX,wBAAIA,UAAU,gBAAd,qBACA,6BACI,kBAACkZ,EAAA,EAAD,CAAgBC,QAAQ,QAAQC,UAAU,MAAMC,QAASd,GACrD,yBAAKjY,IAAI,oBAAoBkC,IAAI,OAAOxC,UAAU,iCAOtE,kBAAC,IAAD,KAUQwQ,EAAWjG,KAAI,SAACoH,EAAMzF,GAClB,OAcI,yBAAKxB,IAAKwB,EAAOlM,UAAW2R,EAAKC,WAC7B,yBAAK5R,UAAU,oBAAoBC,MAAO,CAAE,IAAO,QAAS,MAAS,MAAO,OAAU,MAClF,uBAAGI,QAAS,kBAAM,EAAKmb,UAAUtP,IAAQlM,UAAU,kBAAiB,yBAAKM,IAAI,mBAAmBkC,IAAI,QAAQxC,UAAU,eAGtH2R,EAAKE,MAAMC,MAAK,SAACC,EAAGC,GAAJ,OAAUD,EAAEE,MAAQD,EAAEC,MAAQ,GAAK,KAAG1H,KAAI,SAACoD,EAAMuE,GAC7D,OACI,yBAAKxH,IAAKwH,EAAQlS,UAAW2N,EAAKiE,WAC9B,yBAAK5R,UAAU,oBAAoBC,MAAO,CAAE,IAAO,MAAO,MAAS,OAAQ,OAAU,OAGjE,SAAd0N,EAAKwE,MAAiC,aAAdxE,EAAKwE,OAAwB,uBAAGnS,UAAU,sBAAsBK,QAAS,kBAAM,EAAKib,gBAAgBpP,EAAOgG,KAAUvE,EAAKiQ,QAAUjQ,EAAKyE,SAAW,yBAAK5P,IAAI,OAAOlC,IAAI,kBAAkBN,UAAU,cAAgB2N,EAAKiQ,QAAU,yBAAKtd,IAAI,kBAAkBkC,IAAI,OAAOxC,UAAU,cAC5S2N,EAAKwE,MAAQ,uBAAG9R,QAAS,kBAAM,EAAKkb,cAAcrP,EAAOgG,IAASlS,UAAU,kBAAiB,yBAAKwC,IAAI,QAAQlC,IAAI,mBAAmBN,UAAU,eAGnJ2N,EAAKwE,MAAQ,yBAAKnS,UAAU,0CACX,SAAb2N,EAAKwE,MAAmB,2BAAOnS,UAAU,wBACtC,yBAAKwC,IAAI,GAAGhB,GAAI,MAAQ0K,EAAQgG,EAAQlS,UAAW,YACjD2N,EAAKyE,SAAW,yBAAKpS,UAAU,sEAAsEC,MAAO,CAAEgD,OAAQ,kBAAmBgS,OAAQ,UAC/I,yBAAKjV,UAAU,eACX,yBAAKwC,IAAI,OAAOlC,IAAI,yBACpB,wBAAIN,UAAU,sCAAd,aACA,wEAIR,2BAAOmS,KAAK,OAAOmH,OAAO,aAAahP,SAAU,SAAC1I,GAAD,OAAO,EAAKuZ,kBAAkBvZ,EAAGA,EAAElD,OAAO8X,MAAOtK,EAAOgG,IAASkN,QAAM,KAE9G,QAAbzR,EAAKwE,MAAkBxE,EAAKiQ,QAAU,6BAAK,kBAAC,IAAD,CAAa7I,OAAQ,EAAK1X,MAAM0X,OAAQ0B,KAAK,aAAanP,MAAOqG,EAAKyE,QAAS9H,SAAU,SAAC1I,GAAD,OAAO,EAAKyZ,gBAAgBzZ,EAAGsK,EAAOgG,MAAW,+BAAO,0BAAMlS,UAAU,eAAhB,KAAP,sBACxK,QAAb2N,EAAKwE,OAAmBxE,EAAKiQ,QAAU,yBAAKxM,wBAAyB,CAAEC,OAAQ1D,EAAKyE,WAEvE,YAAbzE,EAAKwE,MAAsBxE,EAAKiQ,QAAU,6BAAK,yBAAK5d,UAAU,yBAAyB2N,EAAK0E,UAAe,6BAAK,+BAAO,0BAAMrS,UAAU,eAAhB,KAAP,sBAA4E,kBAAC,IAAD,CAAa+U,OAAQ,EAAK1X,MAAM0X,OAAQ0B,KAAK,aAAanP,MAAOqG,EAAKyE,QAAS9H,SAAU,SAAC1I,GAAD,OAAO,EAAKyZ,gBAAgBzZ,EAAGsK,EAAOgG,OAC9S,YAAbvE,EAAKwE,OAAuBxE,EAAKiQ,QAAU,6BAAK,yBAAK5d,UAAU,yBAAyB2N,EAAK0E,UAAe,yBAAKjB,wBAAyB,CAAEC,OAAQ1D,EAAKyE,cAI5JzE,EAAKwE,MAAQ,yBAAKnS,UAAU,qCAAoC,uBAAGK,QAAS,kBAAM,EAAK6a,sBAAsBhP,EAAOgG,IAASlS,UAAU,oEAAmE,yBAAKM,IAAI,iBAAiBkC,IAAI,MAAMxC,UAAU,aAAxL,sBAwBtG,yBAAKA,UAAU,aACX,yBAAKA,UAAU,4BACX,yBAAKA,UAAU,iBACX,uBAAGA,UAAU,4EAA4EK,QAAS,kBAAM,EAAK4a,sBAAqB,yBAAKzY,IAAI,MAAMlC,IAAI,iBAAiBN,UAAU,aAAhL,WAKZ,yBAAKA,UAAU,YACX,yBAAKA,UAAU,aACX,yBAAKA,UAAU,iCACX,kBAAC,KAAD,CACIQ,IAAKpC,KAAKkY,aACVhM,SAAU,SAAC1I,GAAD,OAAO,EAAKka,kBAAkBla,IACxCyd,UAAWjhB,KAAK2d,eAChBuD,QAASxgB,iDAM7B,yBAAKkB,UAAU,eACf,kBAACuf,EAAA,EAAD,CAAOrS,KAAM9O,KAAKf,MAAMuc,iBAAkB4F,OAAQphB,KAAK8c,sBAAuBuE,UAAQ,GAIlF,kBAACF,EAAA,EAAMjS,KAAP,KACI,yBAAKtN,UAAU,mDACX,yBAAKA,UAAU,QACX,yBAAKM,IAAI,sBAAsBN,UAAU,cAE7C,yBAAKA,UAAU,SACX,uBAAGA,UAAU,QAAb,yBAA0C,0BAAMA,UAAU,eAAhB,KAA1C,KACA,4BAAQA,UAAU,eAAesK,SAAUlM,KAAK2c,aAC5C,iCAEI3c,KAAKf,MAAM4c,aAAa1P,KAAI,SAACoH,EAAMzF,GAC/B,IAAK,EAAK7O,MAAM8c,iBAAiB/N,SAASuF,EAAK+N,YAAYtB,YACvD,OACI,4BAAQ1T,IAAKwB,EAAO5E,MAAOqK,EAAK+N,aAAc/N,EAAKgO,wBAS/E,yBAAK3f,UAAU,wBACX,yBAAKA,UAAU,SACX,4BAAQK,QAAS,kBAAM,EAAKya,YAAY3Q,SAAU8U,EAAkBjf,UAAU,kEAC1E,yBAAKwC,IAAI,OAAOlC,IAAI,mBAAmBN,UAAU,kBADrD,gBAEiB,6BACZif,GAAoB,2BAAOjf,UAAU,eAAjB,mBAKjC,yBAAKA,UAAU,wBACX,yBAAKA,UAAU,SACX,4BAAQK,QAAS,kBAAM,EAAK2a,WAAWhb,UAAU,kEAC7C,yBAAKwC,IAAI,OAAOlC,IAAI,kBAAkBN,UAAU,kBADpD,sBAQZ,kBAACuf,EAAA,EAAMre,OAAP,KACI,4BAAQlB,UAAU,gBAAgBK,QAASjC,KAAK8c,uBAAhD,YAMR,kBAACqE,EAAA,EAAD,CAAOrS,KAAM9O,KAAKf,MAAMsc,YAAa6F,OAAQphB,KAAK6c,kBAAmBwE,UAAQ,GAIzE,kBAACF,EAAA,EAAMjS,KAAP,KACI,6BACI,uBAAGjN,QAAS,kBAAM,EAAKwa,OAAO,IAAI7a,UAAU,sGAA5C,YAGA,yBAAKA,UAAU,gCACX,uBAAGK,QAAS,kBAAM,EAAKwa,OAAO,IAAI7a,UAAU,4FACxC,yBAAKA,UAAU,0CAAf,aACA,yBAAKA,UAAU,sCAAf,eAGR,yBAAKA,UAAU,oDACX,uBAAGK,QAAS,kBAAM,EAAKwa,OAAO,IAAI7a,UAAU,4EACxC,yBAAKA,UAAU,qCAAf,aACA,yBAAKA,UAAU,iCAAf,iBAKhB,kBAACuf,EAAA,EAAMre,OAAP,KACI,4BAAQlB,UAAU,gBAAgBK,QAASjC,KAAK6c,mBAAhD,YAMR,kBAACsE,EAAA,EAAD,CAAOrS,KAAM9O,KAAKf,MAAMwc,eAAgB2F,OAAQphB,KAAKgd,qBAAsBqE,UAAQ,GAC/E,8BACI,kBAACF,EAAA,EAAMjS,KAAP,KACI,2BAAO6E,KAAK,SAASnS,UAAU,oBAAoBiK,YAAY,QAAQzJ,IAAK,SAAAwJ,GAAE,OAAI,EAAKkT,MAAQlT,KAC/F,2BAAOmI,KAAK,SAASnS,UAAU,eAAeiK,YAAY,SAASzJ,IAAK,SAAAwJ,GAAE,OAAI,EAAKmT,OAASnT,MAEhG,kBAACuV,EAAA,EAAMre,OAAP,KACI,4BAAQiR,KAAK,SAASnS,UAAU,qBAAhC,QAGA,4BAAQA,UAAU,gBAAgBK,QAASjC,KAAKgd,sBAAhD,aAOZ,kBAACmE,EAAA,EAAD,CAAOrS,KAAM9O,KAAKf,MAAMid,wBAAyBkF,OAAQphB,KAAKud,+BAC1D,8BACI,kBAAC4D,EAAA,EAAM7d,OAAP,kCAGA,kBAAC6d,EAAA,EAAMjS,KAAP,gEAC4D,6BAD5D,mCAEoC,+CAFpC,sBAIA,kBAACiS,EAAA,EAAMre,OAAP,KACI,4BAAQiR,KAAK,SAAShI,SAAU/L,KAAKf,MAAMmd,YAAaxa,UAAU,oBAAoBK,QAASjC,KAAKyd,aAApG,WAGA,4BAAQ1J,KAAK,SAASnS,UAAU,gBAAgBK,QAASjC,KAAKud,+BAA9D,aAMZ,kBAAC3O,EAAA,EAAD,CAAOhN,UAAU,iBAAiBC,MAAO,CAAEC,IAAK,EAAGO,KAAM,MAAOL,OAAQ,KAAO6M,QAAS7O,KAAKoN,eAAgB0B,KAAM9O,KAAKf,MAAM8N,SAAUgC,WAAW,GAC/I,kBAACH,EAAA,EAAMtL,OAAP,gBAGA,kBAACsL,EAAA,EAAMM,KAAP,KACI,yBAAK9K,IAAI,UAAUlC,IAAI,uBAAuBN,UAAU,aAD5D,+DAEI,kBAAC,IAAD,CAAMe,GAAI,IAAKf,UAAU,gCAAzB,e,GAt7BG9B,IAAM+C,WCqIlByZ,G,kDAzKX,WAAYtd,GAAQ,IAAD,8BACf,gBACKC,MAAQ,CACTqc,UAAW9N,aAAaC,QAAQ,YAActC,KAAKuC,MAAMF,aAAaC,QAAQ,aAAe,GAC7FkF,MAAOnF,aAAaC,QAAQ,YAAcD,aAAaC,QAAQ,YAAc,GAC7E0J,YAAa3J,aAAaC,QAAQ,WAAaD,aAAaC,QAAQ,WAAa,GACjF2J,WAAY5J,aAAaC,QAAQ,OAASD,aAAaC,QAAQ,OAAS,GACxE4J,WAAY7J,aAAaC,QAAQ,OAASD,aAAaC,QAAQ,OAAS,GACxE6J,UAAW9J,aAAaC,QAAQ,OAASD,aAAaC,QAAQ,OAAS,GACvE8J,SAAU/J,aAAaC,QAAQ,OAASD,aAAaC,QAAQ,OAAS,GACtE+J,WAAYhK,aAAaC,QAAQ,OAASD,aAAaC,QAAQ,OAAS,GACxEgK,WAAYjK,aAAaC,QAAQ,OAASD,aAAaC,QAAQ,OAAS,GACxEiK,UAAWlK,aAAaC,QAAQ,OAASD,aAAaC,QAAQ,OAAS,GACvExG,QAASuG,aAAaC,QAAQ,OAASD,aAAaC,QAAQ,OAAS,GACrEkK,OAAQnK,aAAaC,QAAQ,OAASD,aAAaC,QAAQ,OAAS,GACpEmK,OAAQpK,aAAaC,QAAQ,OAASD,aAAaC,QAAQ,OAAS,GACpEkD,YAAa,EACbC,QAAS,KAGb,EAAKD,YAAc,EAAKA,YAAYlR,KAAjB,gBACnB,EAAKsR,KAAO,EAAKA,KAAKtR,KAAV,gBArBG,E,0DA0Bf,IAAI2R,EAAYpR,KAAKf,MAAM0R,YAAc,EACzC1P,QAAQC,IAAIkQ,GACRA,EAAY,EACZpR,KAAKe,SAAS,CAAE4P,YAAa,IAE7B3Q,KAAKe,SAAS,CAAE4P,YAAaS,M,2BAMhCC,GACD,IAAIC,EACAV,EAAU5Q,KAAKf,MAAM2R,QACV,aAAXS,EACIT,GAAW,MACXU,EAAWV,EAAU,GACrB5Q,KAAKe,SAAS,CAAE6P,QAASU,KAIzBV,GAAW,KACXU,EAAWV,EAAU,GACrB5Q,KAAKe,SAAS,CAAE6P,QAASU,O,+BAO3B,IAAD,OACCW,EAAsC,IAA3BjS,KAAKf,MAAM0R,YAAoB,QAAqC,IAA3B3Q,KAAKf,MAAM0R,YAAoB,QAAU,GAC7FuB,EAAOlS,KAAKf,MAAM0R,YAAc3Q,KAAKf,MAAM2R,QAAU,SAAW,QAChE4Q,EAAYxhB,KAAKf,MAAMqc,UAE7B,OACI,yBAAK1Z,UAAU,gBACX,yBAAKA,UAAU,mBACX,yBAAKA,UAAU,WACX,yBAAKA,UAAU,yCACX,yBAAKA,UAAU,oBAAoBC,MAAO,CAAEyQ,MAAO,OAAQ,OAAUL,EAAU,gBAAmB,OAASjS,KAAKf,MAAMuY,WAAa,IAAK,iBAAoB,YAAa,mBAAsB,gBAAiB,eAAkBtF,EAAM5B,UAAW,QAASkC,WAAY,cAGpQ,yBAAK5Q,UAAU,gFAAgFC,MAAO,CAAEM,OAAQ,IAG5G,4BAAQF,QAASjC,KAAK2Q,YAAa/O,UAAU,0BAA7C,cAC4B,IAA3B5B,KAAKf,MAAM0R,aAAqB,6BAC7B,uBAAG1O,QAAS,kBAAM,EAAK8O,KAAK,aAAanP,UAAU,uBAAsB,yBAAKM,IAAI,wBAClF,uBAAGD,QAAS,kBAAM,EAAK8O,KAAK,aAAanP,UAAU,uBAAsB,yBAAKM,IAAI,8BAMtG,yBAAKN,UAAU,aACX,yBAAKA,UAAU,YACX,yBAAKA,UAAU,qEACX,yBAAKA,UAAU,QACV5B,KAAKf,MAAM0Y,QAAU,uBAAGrX,OAAO,SAASsC,KAAM5C,KAAKf,MAAM0Y,QAAQ,yBAAKzV,IAAI,wBAAwBN,UAAU,uBAC5G5B,KAAKf,MAAM2Y,QAAU,uBAAGtX,OAAO,SAASsC,KAAM5C,KAAKf,MAAM2Y,QAAQ,yBAAK1V,IAAI,yBAAyBN,UAAU,qBAI1H,yBAAKA,UAAU,iBACX,yBAAKA,UAAU,yBACX,wBAAIC,MAAO,CAAE,MAAS,UAAWkR,UAAW,cAAgBnR,UAAU,gCAAgC5B,KAAKf,MAAM0T,SAGzH,yBAAK/Q,UAAU,YACX,yBAAKA,UAAU,sDACX,uBAAGoR,wBAAyB,CAAEC,OAAQjT,KAAKf,MAAMkY,iBAGxDnX,KAAKf,MAAMwY,YAAc,yBAAK7V,UAAU,YACrC,yBAAKA,UAAU,qDAAqDC,MAAO,CAAE,YAAa,SACtF,+CAAqB7B,KAAKf,MAAMwY,cAGvCzX,KAAKf,MAAMyY,WAAa1X,KAAKf,MAAMgI,SAAW,yBAAKrF,UAAU,YAC1D,yBAAKA,UAAU,qDAAqDC,MAAO,CAAE,YAAa,SACtF,+BAAQ7B,KAAKf,MAAMyY,UAAnB,eAA8C1X,KAAKf,MAAMgI,WASjE,yBAAKrF,UAAU,YACX,yBAAKA,UAAU,uDACV5B,KAAKf,MAAMmY,YAAc,yBAAKxV,UAAU,sDACpC5B,KAAKf,MAAMmY,WAAapX,KAAKf,MAAMmY,WAAa,IAEpDpX,KAAKf,MAAMqY,WAAa,yBAAK1V,UAAU,qDACnC5B,KAAKf,MAAMqY,UAAYtX,KAAKf,MAAMqY,UAAY,IAElDtX,KAAKf,MAAMoY,YAAc,yBAAKzV,UAAU,sDACpC5B,KAAKf,MAAMoY,YAEfrX,KAAKf,MAAMsY,UAAY,yBAAK3V,UAAU,oDAClC5B,KAAKf,MAAMsY,aAM5B,yBAAK3V,UAAU,aAEP4f,EAAU9N,MAAK,SAACC,EAAGC,GAAJ,OAAUD,EAAEE,MAAQD,EAAEC,MAAQ,GAAK,KAAG1H,KAAI,SAACoH,EAAMzF,GAC5D,OACI,yBAAKxB,IAAKwB,GACN,yBAAKlM,UAAW2R,EAAKC,WAEbD,EAAKE,MAAMC,MAAK,SAACC,EAAGC,GAAJ,OAAUD,EAAEE,MAAQD,EAAEC,MAAQ,GAAK,KAAG1H,KAAI,SAACoD,EAAMuE,GAC7D,OACI,yBAAKxH,IAAKwH,EAAQlS,UAAW2N,EAAKiE,UAAW3R,MAAO,CAAE,QAAW,UAC9C,UAAd0N,EAAKwE,MAAoB,yBAAKnS,UAAU,oDAAmD,yBAAKM,IAAKqN,EAAKqQ,eAAgBhe,UAAU,eACtH,SAAd2N,EAAKwE,MAAmB,yBAAKf,wBAAyB,CAAEC,OAAQ1D,EAAKyE,WACvD,aAAdzE,EAAKwE,MAAuB,6BAAK,yBAAKnS,UAAU,yBAAyB2N,EAAK0E,UAAe,yBAAKjB,wBAAyB,CAAEC,OAAQ1D,EAAKyE,iBAQ/J,yBAAKpS,UAAU,iCACX,yBAAKA,UAAU,6B,GA5JrC9B,IAAM+C,WCHtB4e,G,iLACcC,GACd1hB,KAAKhB,MAAMJ,WAAa8iB,EAAU9iB,UACrCD,OAAOwG,SAAS,EAAG,K,+BAKpB,OAAO,kBAAC,IAAMwc,SAAP,U,GARiB9e,aAYX+e,eAAWH,ICqBXI,G,kDA9Bb,WAAY7iB,GAAQ,IAAD,8BACjB,gBACKC,MAAQ,GAFI,E,kGAYjB,OACE,yBAAK2C,UAAU,iBACX,yBAAKA,UAAU,mBACb,yBAAKA,UAAU,OACX,yBAAKA,UAAU,+DACKC,MAAO,CAACyO,UAAU,UAClC,yBAAK1O,UAAU,eACX,8CACA,gF,GArBI9B,IAAM+C,WCgBlClE,OAAOQ,QAAUuB,sC,IAEXohB,G,kDACJ,WAAY9iB,GAAQ,IAAD,8BACjB,gBACKC,MAAQ,GAFI,E,qDASjB,IAAM6J,EAAUC,cAChB,OACE,kBAAC,IAAD,CAAQgZ,SAAU,OAAQjZ,QAASA,GACjC,kBAAC,GAAD,MACA,yBAAKlH,UAAU,gBACb,yBAAKA,UAAU,UACb,kBAAC,EAAD,MACA,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAOogB,OAAK,EAACC,KAAK,IAAI3G,UAAW5L,IACjC,kBAAC,IAAD,CAAOuS,KAAK,mBAAmB3G,UAAWzL,IAC1C,kBAAC,IAAD,CAAOoS,KAAK,oBAAoB3G,UAAW9K,IAC3C,kBAAC,IAAD,CAAOyR,KAAK,gBAAgB3G,UAAWF,KACvC,kBAAC,IAAD,CAAO6G,KAAK,WAAW3G,UAAWgB,KAClC,kBAAC,IAAD,CAAO2F,KAAK,aAAa3G,UAAWpH,IACpC,kBAAC,IAAD,CAAO+N,KAAK,IAAID,OAAO,EAAM1G,UAAW4G,MAG1C,kBAAC,EAAD,a,GA3BQpiB,IAAM+C,WAsC1Bsf,IAASC,OACP,kBAAC,GAAD,MACA/gB,SAASkE,eAAe,SpBoEpB,kBAAmB8c,WACrBA,UAAUC,cAAcC,MACrB5hB,MAAK,SAAA6hB,GACJA,EAAaC,gBAEdzhB,OAAM,SAAAgY,GACL/X,QAAQ+X,MAAMA,EAAM0J,c","file":"static/js/main.b998332f.chunk.js","sourcesContent":["// This optional code is used to register a service worker.\r\n// register() is not called by default.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on subsequent visits to a page, after all the\r\n// existing tabs open on the page have been closed, since previously cached\r\n// resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model and instructions on how to\r\n// opt-in, read https://bit.ly/CRA-PWA\r\n\r\nconst isLocalhost = Boolean(\r\n  window.location.hostname === 'localhost' ||\r\n    // [::1] is the IPv6 localhost address.\r\n    window.location.hostname === '[::1]' ||\r\n    // 127.0.0.0/8 are considered localhost for IPv4.\r\n    window.location.hostname.match(\r\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n    )\r\n);\r\n\r\nexport function register(config) {\r\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n    // The URL constructor is available in all browsers that support SW.\r\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\r\n    if (publicUrl.origin !== window.location.origin) {\r\n      // Our service worker won't work if PUBLIC_URL is on a different origin\r\n      // from what our page is served on. This might happen if a CDN is used to\r\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\r\n      return;\r\n    }\r\n\r\n    window.addEventListener('load', () => {\r\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n      if (isLocalhost) {\r\n        // This is running on localhost. Let's check if a service worker still exists or not.\r\n        checkValidServiceWorker(swUrl, config);\r\n\r\n        // Add some additional logging to localhost, pointing developers to the\r\n        // service worker/PWA documentation.\r\n        navigator.serviceWorker.ready.then(() => {\r\n          console.log(\r\n            'This web app is being served cache-first by a service ' +\r\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\r\n          );\r\n        });\r\n      } else {\r\n        // Is not localhost. Just register service worker\r\n        registerValidSW(swUrl, config);\r\n      }\r\n    });\r\n  }\r\n}\r\n\r\nfunction registerValidSW(swUrl, config) {\r\n  navigator.serviceWorker\r\n    .register(swUrl)\r\n    .then(registration => {\r\n      registration.onupdatefound = () => {\r\n        const installingWorker = registration.installing;\r\n        if (installingWorker == null) {\r\n          return;\r\n        }\r\n        installingWorker.onstatechange = () => {\r\n          if (installingWorker.state === 'installed') {\r\n            if (navigator.serviceWorker.controller) {\r\n              // At this point, the updated precached content has been fetched,\r\n              // but the previous service worker will still serve the older\r\n              // content until all client tabs are closed.\r\n              console.log(\r\n                'New content is available and will be used when all ' +\r\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\r\n              );\r\n\r\n              // Execute callback\r\n              if (config && config.onUpdate) {\r\n                config.onUpdate(registration);\r\n              }\r\n            } else {\r\n              // At this point, everything has been precached.\r\n              // It's the perfect time to display a\r\n              // \"Content is cached for offline use.\" message.\r\n              console.log('Content is cached for offline use.');\r\n\r\n              // Execute callback\r\n              if (config && config.onSuccess) {\r\n                config.onSuccess(registration);\r\n              }\r\n            }\r\n          }\r\n        };\r\n      };\r\n    })\r\n    .catch(error => {\r\n      console.error('Error during service worker registration:', error);\r\n    });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl, config) {\r\n  // Check if the service worker can be found. If it can't reload the page.\r\n  fetch(swUrl, {\r\n    headers: { 'Service-Worker': 'script' },\r\n  })\r\n    .then(response => {\r\n      // Ensure service worker exists, and that we really are getting a JS file.\r\n      const contentType = response.headers.get('content-type');\r\n      if (\r\n        response.status === 404 ||\r\n        (contentType != null && contentType.indexOf('javascript') === -1)\r\n      ) {\r\n        // No service worker found. Probably a different app. Reload the page.\r\n        navigator.serviceWorker.ready.then(registration => {\r\n          registration.unregister().then(() => {\r\n            window.location.reload();\r\n          });\r\n        });\r\n      } else {\r\n        // Service worker found. Proceed as normal.\r\n        registerValidSW(swUrl, config);\r\n      }\r\n    })\r\n    .catch(() => {\r\n      console.log(\r\n        'No internet connection found. App is running in offline mode.'\r\n      );\r\n    });\r\n}\r\n\r\nexport function unregister() {\r\n  if ('serviceWorker' in navigator) {\r\n    navigator.serviceWorker.ready\r\n      .then(registration => {\r\n        registration.unregister();\r\n      })\r\n      .catch(error => {\r\n        console.error(error.message);\r\n      });\r\n  }\r\n}\r\n","import React from 'react';\r\nimport { Route, Link, Redirect, BrowserRouter as Router, Switch } from 'react-router-dom';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport * as rb from 'react-bootstrap';\r\n\r\nclass SlideInContent extends React.Component {\r\n    constructor(props) {\r\n        super();\r\n        this.state = {\r\n            apiUrl: window.$apiUrl,\r\n            AboutUsFormData: [],\r\n            AboutUsGoFormData: [],\r\n            SelectedAboutUs: false,\r\n            ProjectType:16\r\n        };\r\n        this.toggleAbout = this.toggleAbout.bind(this);\r\n        this.handleChangeAboutUs = this.handleChangeAboutUs.bind(this);\r\n        this.toggleStoryHideAbout = this.toggleStoryHideAbout.bind(this);\r\n        this.handleClickOutside = this.handleClickOutside.bind(this);\r\n\r\n        this.aboutRef = React.createRef();\r\n\r\n    }\r\n    toggleAbout() {\r\n        this.props.parentMethod();\r\n    }\r\n    toggleStoryHideAbout() {\r\n        this.props.parentMethod();\r\n    }\r\n    handleClickOutside(event) {\r\n\r\n        if (this.props.hideShow) {\r\n            if (this.aboutRef && !this.aboutRef.current.contains(event.target)) {\r\n                //this.props.toggleMenu(false);\r\n                this.toggleAbout();\r\n            }\r\n        }\r\n    }\r\n    getAboutUs() {\r\n        fetch(this.state.apiUrl + '/CommonAPI/GetAboutYEP', {\r\n            method: 'POST',\r\n            headers: {\r\n                'token': process.env.REACT_APP_API_TOKEN,\r\n                'Content-Type': 'application/json; charset=utf-8',\r\n                'access-control-allow-origin': '*'\r\n            }\r\n        })\r\n            .then(res => res.json())\r\n            .then((data) => {\r\n                this.setState({ AboutUsFormData: data });\r\n            })\r\n            .catch(console.log);\r\n\r\n        fetch(this.state.apiUrl + '/CommonAPI/GetAboutYEPGO', {\r\n            method: 'POST',\r\n            headers: {\r\n                'token': process.env.REACT_APP_API_TOKEN,\r\n                'Content-Type': 'application/json; charset=utf-8',\r\n                'access-control-allow-origin': '*'\r\n            }\r\n        })\r\n            .then(res => res.json())\r\n            .then((dataGo) => {\r\n                this.setState({ AboutUsGoFormData: dataGo });\r\n\r\n            })\r\n            .catch(console.log);\r\n    }\r\n\r\n    handleChangeAboutUs(bool) {\r\n        this.setState({ SelectedAboutUs: bool, ProjectType: bool ? 17 : 16});\r\n    }\r\n\r\n    componentWillUnmount() {\r\n        document.removeEventListener('mousedown', this.handleClickOutside);\r\n    }\r\n\r\n    componentDidMount() {\r\n        document.addEventListener('mousedown', this.handleClickOutside);\r\n        this.getAboutUs();\r\n    }\r\n\r\n    render() {\r\n       \r\n        let display_About = this.props.hideShow ? 0 : '-100%';\r\n        let sticker_a = this.props.hideShow ? '385px' : 0;\r\n        let sticker_b = this.props.hideShow ? '420px' : 0;\r\n        let ProjectType = this.state.ProjectType;\r\n\r\n        return (\r\n            <div className=\"position-fixed h-100 slideIn-container d-flex justify-content-end\" style={{ top: 0, right: display_About }}>\r\n                <div className=\"position-absolute cursor_pointer stickerA\" style={{ top: 0, right: sticker_a, zIndex: 5 }} onClick={this.toggleAbout}><img src=\"./images/Tape1.png\" className=\"img-fluid\" /></div>\r\n                <div className=\"position-absolute cursor_pointer stickerB\" style={{ bottom: 0, right: sticker_b, zIndex: 5 }} onClick={this.toggleAbout}><img src=\"./images/Tape2.png\" className=\"img-fluid\" /></div>\r\n                <div className=\"slideIn-info h-100 d-flex justify-content-center align-items-md-center position-relative\" style={{ top: 0, right: display_About }} ref={this.aboutRef}>\r\n                    <div className=\"position-relative w-100 h-100\">\r\n\r\n                        <div className=\"btn-close position-absolute cursor_pointer\" style={{ top: '8%', right: 0, zIndex: 3 }} onClick={this.toggleAbout}><img src=\"./images/slice/1.homepage/popup/close.png\" className=\"img-fluid\" /></div>\r\n                        <div className=\"position-absolute cursor_pointer AboutUsTag\" style={{ top: '16%', left: 0, transform: 'rotate(-5deg)', zIndex: 3 }} onClick={() => this.handleChangeAboutUs(false)}>\r\n                            <div className=\"text-light font-weight-bold bg-primary text-center py-2\" style={{ 'width': '200px' }}>\r\n                                YEP\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"position-absolute cursor_pointer AboutUsTag\" style={{ top: '16%', left: '150px', transform: 'rotate(-5deg)', zIndex: 3 }} onClick={() => this.handleChangeAboutUs(true)}>\r\n                            <div className=\"text-light font-weight-bold bg_B30837 text-center py-2\" style={{ 'width': '200px' }}>\r\n                                YEPGO\r\n                            </div>\r\n                        </div>\r\n                        {/* <img src=\"images/slice/1.homepage/popup/bg-paper1.png\" className=\"img-fluid img-paper\" /> */}\r\n                        <div className=\"position-absolute slideIn-content\" style={{ top: '15%', right: 0 }}>\r\n                            <h4 className=\"color_113F70 font-Gotham-Bold\">{!this.state.SelectedAboutUs ? this.state.AboutUsFormData.About_Title : this.state.AboutUsGoFormData.About_Title}</h4>\r\n                            <p className=\"color_393939\" style={{ whiteSpace: 'pre-line' }}>\r\n                                {!this.state.SelectedAboutUs ? this.state.AboutUsFormData.About_Description : this.state.AboutUsGoFormData.About_Description}\r\n\r\n                            </p>\r\n                            <div className=\"d-flex flex-row btn-about-row text-center\">\r\n                                <Link as=\"a\" to={`/stories?Project=${ProjectType}`} target=\"_blank\" onClick={this.toggleStoryHideAbout} className=\"mr-3 w-50\">VIEW OUR STORIES</Link>\r\n                                <a href=\"#\" target=\"_blank\" onClick={this.toggleStoryHideAbout} className=\"w-50\">YOUTH CORPS WEBSITE</a>\r\n                            </div>\r\n\r\n\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n}\r\n\r\nexport default SlideInContent;\r\n\r\n","/* eslint-disable no-unused-vars */\r\nimport React from 'react';\r\nimport { Route, Link, Redirect, BrowserRouter as Router, Switch } from 'react-router-dom';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport * as rb from 'react-bootstrap';\r\nimport SlideInContent from './SlideInContent';\r\n\r\nclass Footer extends React.Component {\r\n  constructor(props) {\r\n    super();\r\n    this.state = {\r\n\r\n    };\r\n    this.toggleAbout = this.toggleAbout.bind(this);\r\n    this.backtotop = this.backtotop.bind(this);\r\n  }\r\n  toggleAbout() {\r\n    this.setState({ aboutPanel: !this.state.aboutPanel });\r\n  }\r\n  backtotop(){\r\n    document.body.scrollTop = 0;\r\n    document.documentElement.scrollTop = 0;\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div id=\"Footer\" className=\"Footer py-2\">\r\n        <div className=\"container-fluid \">\r\n          <div className=\"row\">\r\n            <div className=\"col position-relative\">\r\n              <div className=\"position-absolute\" style={{top:'-45px', right:'30px'}}>\r\n                  <a onClick={this.backtotop} className=\"btn btn-link\"><img src=\"./images/backtotop.png\" /></a>\r\n              </div>\r\n             \r\n            </div>\r\n          </div>\r\n          <div className=\"row p-3 p-md-5 text-light\" style={{ backgroundColor: '#262626' }}>\r\n            <div className=\"col-md-3 mb-3 mb-md-0\">\r\n              <div className=\"mb-5 text-center text-md-left\">\r\n                <h6 className=\"font-weight-bold mb-4\">CONTACT US</h6>\r\n                <p className=\"mb-1 font-weight-bold\">Youth Corps Singapore</p>\r\n                <p className=\"mb-1\">490 Lor 6 Toa Payoh #04-10 Singapore 310490</p>\r\n              </div>\r\n              <div className=\"text-center text-md-left\">\r\n                <h6 className=\"font-weight-bold mb-4\">VISIT US AT:</h6>\r\n                <p className=\"mb-1\">The Red Box 113 Somerset Road Singapore 238165</p>\r\n                <p className=\"mb-1\">Tel (65) 6908 2500</p>\r\n                <p className=\"mb-1\">Fax : (65) 6397 7860</p>\r\n                <p className=\"mb-1\">youth_corps_enquiries@nyc.gov.sg</p>\r\n              </div>\r\n\r\n            </div>\r\n            <div className=\"col-md-3 text-center text-md-left\">\r\n              <ul className=\"list-unstyled\">\r\n                <li><h6 className=\"font-weight-bold mb-3 cursor_pointer\" onClick={this.toggleAbout}>ABOUT YEP</h6></li>\r\n                <li><Link to=\"/stories\"><h6 className=\"font-weight-bold mb-3 cursor_pointer text-light\">OUR STORIES</h6></Link></li>\r\n                <li><Link to=\"/challenge\"><h6 className=\"font-weight-bold mb-3 cursor_pointer text-light\">CHALLENGE</h6></Link></li>\r\n                <li><Link to=\"/customlayout\"><h6 className=\"font-weight-bold mb-3 cursor_pointer text-light\">SUBMIT STORY</h6></Link></li>\r\n              </ul>\r\n            </div>\r\n\r\n            <div className=\"col-md-3 mb-5 mb-md-0 text-center text-md-left\">\r\n              <ul className=\"list-unstyled\">\r\n                {/* <li><h6 className=\"font-weight-bold mb-3\">STORIES</h6></li> */}\r\n                <li><Link to={'/challenge'}><h6 className=\"font-weight-bold mb-3 text-light\">FAQS</h6></Link></li>\r\n                <li><a href=\"#\" target=\"_blank\"><h6 className=\"font-weight-bold mb-3 text-light\">JOIN US</h6></a></li>\r\n                <li><h6 className=\"font-weight-bold mb-3\">CONNECT WITH US</h6></li>\r\n              </ul>\r\n              <ul className=\"list-group list-group-horizontal list-unstyled d-flex justify-content-md-start justify-content-center\">\r\n                <li className=\"mr-2\"><a className=\"cursor_pointer\" href=\"https://www.facebook.com/youthcorpssg\" target=\"_blank\"><img src=\"./images/fb.png\" /></a></li>\r\n                <li className=\"mr-2\"><a className=\"cursor_pointer\" href=\"https://www.instagram.com/youthcorpssg/\" target=\"_blank\"><img src=\"./images/ig.png\" /></a></li>\r\n                <li className=\"mr-2\"><a className=\"cursor_pointer\" href=\"https://www.youtube.com/playlist?list=PLN5TkIcY0FRtiMA6HK6tFREb21GSRhQZp\" target=\"_blank\"><img src=\"./images/youtube_up.png\" /></a></li>\r\n              </ul>\r\n            </div>\r\n            <div className=\"col-md-3\">\r\n              <div className=\"d-flex justify-content-md-start justify-content-center\">\r\n                <img src=\"./images/nyc_logo2.png\" />\r\n              </div>\r\n              <div className=\"text-center text-md-left\">\r\n                <a className=\"btn btn-danger mt-3\" href=\"#\" target=\"_blank\">JOIN US</a>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div className=\"row bg-dark p-3 px-md-5 py-md-2\">\r\n            <div className=\"col-md-6 text-light mb-2 mb-md-0 text-center text-md-left\">\r\n              <a className=\"text-light\" href=\"https://tech.gov.sg/report_vulnerability\">Report Vulnerability</a>&nbsp;\r\n      |         <a className=\"text-light\" href=\"#\">Privacy Policy</a>&nbsp;\r\n      |         <a className=\"text-light\" href=\"#\">Terms of Use</a>\r\n              <div> © 2018 Copyright National Youth Council</div>\r\n            </div>\r\n            <div className=\"col-md-6 text-light d-md-flex justify-content-end\">\r\n              <div className=\"text-center text-md-left\">\r\n                Last Modified:2017-10-16<br />\r\n                Site best viewed using I.E\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <SlideInContent hideShow={this.state.aboutPanel} parentMethod={this.toggleAbout} />\r\n      </div>\r\n    );\r\n  }\r\n}\r\nexport default Footer;\r\n","/* eslint-disable no-unused-vars */\r\n\r\nimport React from 'react';\r\nimport { Route, Link, Redirect, BrowserRouter as Router, Switch } from 'react-router-dom';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport * as rb from 'react-bootstrap';\r\n\r\nimport SlideInContent from './SlideInContent';\r\n\r\nclass Header extends React.Component {\r\n    constructor(props) {\r\n        super();\r\n        this.state = {\r\n            apiUrl: window.$apiUrl,\r\n            scrolled: true,\r\n            aboutPanel: false,\r\n            isChallenge:\"\",\r\n            navExpanded: false\r\n        };\r\n        this.setNavExpanded = this.setNavExpanded.bind(this);\r\n        this.toggleMenu = this.toggleMenu.bind(this);\r\n        this.toggleAbout = this.toggleAbout.bind(this);\r\n    }\r\n\r\n    setNavExpanded(expanded) {\r\n        this.setState({ navExpanded: expanded });\r\n    }\r\n\r\n    toggleMenu(){\r\n        this.setState({ navExpanded: false });\r\n    }\r\n\r\n    toggleAbout(){\r\n        this.setState({aboutPanel : !this.state.aboutPanel, navExpanded: false});\r\n    }\r\n\r\n    getLatestChallenge() {\r\n        fetch(this.state.apiUrl + '/ChallengeAPI/GetLatestChallenge', {\r\n            method: 'POST',\r\n            headers: {\r\n                'token': process.env.REACT_APP_API_TOKEN,\r\n                'Content-Type': 'application/json; charset=utf-8',\r\n                'access-control-allow-origin': '*'\r\n            }\r\n        })\r\n            .then(res => res.json())\r\n            .then((data) => {\r\n                //if (data.Status === 'OK') {\r\n                this.setState({ isChallenge: data.Status });\r\n                //}\r\n            })\r\n            .catch(console.log);\r\n    }\r\n\r\n    componentDidMount() {\r\n        this.prev = window.scrollY;\r\n        this.getLatestChallenge();\r\n        window.addEventListener('scroll', e => this.handleNavigation(e));\r\n    }\r\n\r\n    handleNavigation = (e) => {\r\n        // const window = e.currentTarget;\r\n        this.setState({ navExpanded: false });\r\n        // if (this.prev > window.scrollY) {\r\n        //     this.setState({ scrolled: true });\r\n        // } else if (this.prev < window.scrollY) {\r\n        //     this.setState({ scrolled: false });\r\n        // }\r\n        // this.prev = window.scrollY;\r\n\r\n    };\r\n\r\n    render() {\r\n        let display_Header = this.state.scrolled ? 0 : '-120px';\r\n        return (\r\n            <div>\r\n                <div id=\"Header\" className=\"Header position-fixed\" style={{ top: display_Header }}>\r\n                    <div className=\"container-fluid bg-gov-tagLine\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-md-12 d-flex align-items-center\">\r\n                                <a target=\"_blank\" href=\"http://gov.sg\">\r\n                                    <img src=\"images/singgov.svg\" alt=\"\" className=\"icons-xs\" />&nbsp;\r\n                                    <small className=\"text-dark\">A Singapore Government Agency Website</small>\r\n                                </a>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"container-fluid container-header w-100 py-1\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-md-12 p-0\">\r\n                                <rb.Navbar bg=\"white\" expand=\"lg\" onToggle={this.setNavExpanded} expanded={this.state.navExpanded}>\r\n                                    <rb.Navbar.Brand as={Link} to=\"/\"><img src=\"images/logo.png\" className=\"logo_dimension logo\" alt=\"\" /></rb.Navbar.Brand>\r\n                                    <rb.Navbar.Toggle aria-controls=\"basic-rb.Navbar-nav\" />\r\n                                    <rb.Navbar.Collapse id=\"basic-rb.Navbar-nav\">\r\n                                        <rb.Nav className=\"mr-auto\">\r\n                                            <rb.Nav.Link onClick={this.toggleAbout}>ABOUT YEP</rb.Nav.Link>\r\n                                            <rb.Nav.Link onClick={this.toggleMenu} as={Link} to=\"/stories\">OUR STORIES</rb.Nav.Link>\r\n                                            <rb.Nav.Link onClick={this.toggleMenu} as={Link} to=\"/challenge\">CHALLENGE</rb.Nav.Link>\r\n                                            <rb.Nav.Link onClick={this.toggleMenu} as={Link}  to=\"/customlayout\"><span className=\"p-1 font-CaveatBrush btn-submitStory\" style={{border:'1px solid #E31837', borderRadius:'5px'}}>SUBMIT STORY</span></rb.Nav.Link>\r\n                                        </rb.Nav>\r\n                                    </rb.Navbar.Collapse>\r\n                                </rb.Navbar>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n                <SlideInContent hideShow={this.state.aboutPanel} parentMethod={this.toggleAbout}  />\r\n            </div>\r\n\r\n        );\r\n    }\r\n}\r\nexport default Header;\r\n","/* eslint-disable no-unused-vars */\r\n\r\nimport React from 'react';\r\nimport { Route, Link, Redirect, BrowserRouter as Router, Switch } from 'react-router-dom';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport * as rb from 'react-bootstrap';\r\n\r\nclass Map extends React.Component {\r\n  constructor(props) {\r\n    super();\r\n    this.state = {\r\n      country:\"\",\r\n      redirect2Story:false,\r\n      cur_scrollPosition: 550\r\n    };\r\n    window.scrollTo('50%', '50%');\r\n    this.toLeft = this.toLeft.bind(this);\r\n    this.toRight = this.toRight.bind(this);\r\n    this.searchCountry = this.searchCountry.bind(this);\r\n  }\r\n\r\n  componentDidMount() {\r\n    var elmnt = document.getElementById(\"mapScroll\");\r\n    elmnt.scrollLeft = this.state.cur_scrollPosition;\r\n  }\r\n\r\n  toLeft(){\r\n    var scrollPosition = this.state.cur_scrollPosition;\r\n    if(scrollPosition > 0){\r\n      scrollPosition = scrollPosition - 50;\r\n      var elmnt = document.getElementById(\"mapScroll\");\r\n  \r\n      elmnt.scrollLeft = scrollPosition;\r\n      this.setState({cur_scrollPosition:scrollPosition});\r\n    }\r\n   \r\n  }\r\n\r\n  toRight(){\r\n    var scrollPosition = this.state.cur_scrollPosition;\r\n    if(scrollPosition <= 950){\r\n      scrollPosition = scrollPosition + 50;\r\n      console.log(scrollPosition);\r\n      var elmnt = document.getElementById(\"mapScroll\");\r\n  \r\n      elmnt.scrollLeft = scrollPosition;\r\n      this.setState({cur_scrollPosition:scrollPosition});\r\n    }\r\n   \r\n  }\r\n\r\n  searchCountry(val){\r\n    this.setState({country:val, redirect2Story: true});\r\n  }\r\n\r\n  render() {\r\n    if(this.state.redirect2Story){\r\n      return <Redirect to={`/stories?Country=${this.state.country}`} />\r\n    }\r\n    return (\r\n      <div className=\"Map\">\r\n        <div className=\"container-fluid app-map p-0 position-relative\">\r\n          <div className=\"position-absolute map-arrows\" style={{ top: '50%', 'left': '0px', zIndex :99 }} onClick={this.toLeft}>\r\n            <img src=\"./images/slideLeft.png\" />\r\n          </div>\r\n          <div className=\"position-absolute map-arrows\" style={{ top: '50%', 'right': '0px', zIndex :99  }} onClick={this.toRight}>\r\n            <img src=\"./images/slideRight.png\" />\r\n          </div>\r\n          <div className=\"row m-0\">\r\n            <div className=\"col-md-12 p-0 overflow-auto position-relative\" id=\"mapScroll\">\r\n              <img src=\"images/slice/1.homepage/map/map.png\" />\r\n\r\n              <div className=\"map-dots position-absolute\" style={{ top: '190px', 'left': '284px' }} onClick={()=>this.searchCountry(4)}>\r\n                <div className=\"position-relative\">\r\n                  <div className=\"countryName\">INDIA</div>\r\n                  <div className=\"position-absolute\" style={{ left: '-6px', top: '-1px' }}>\r\n                    <img src=\"images/slice/1.homepage/map/location.png\" />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div className=\"map-dots position-absolute\" style={{ top: '170px', 'left': '575px' }} onClick={()=>this.searchCountry(8)}> \r\n                <div className=\"position-relative\">\r\n                  <div className=\"countryName\">MYANMAR</div>\r\n                  <div className=\"position-absolute\" style={{ left: '-6px', top: '-1px' }}>\r\n                    <img src=\"images/slice/1.homepage/map/location.png\" />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div className=\"map-dots position-absolute\" style={{ top: '182px', 'left': '705px' }} onClick={()=>this.searchCountry(6)}>\r\n                <div className=\"position-relative\">\r\n                  <div className=\"countryName\">LAOS</div>\r\n                  <div className=\"position-absolute\" style={{ left: '-6px', top: '-1px' }}>\r\n                    <img src=\"images/slice/1.homepage/map/location.png\" />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div className=\"map-dots position-absolute\" style={{ top: '50px', 'left': '800px' }} onClick={()=>this.searchCountry(3)}>\r\n                <div className=\"position-relative\">\r\n                  <div className=\"countryName\">CHINA</div>\r\n                  <div className=\"position-absolute\" style={{ left: '-6px', top: '-1px' }}>\r\n                    <img src=\"images/slice/1.homepage/map/location.png\" />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div className=\"map-dots position-absolute\" style={{ top: '260px', 'left': '670px' }} onClick={()=>this.searchCountry(11)}>\r\n                <div className=\"position-relative\">\r\n                  <div className=\"countryName\">THAILAND</div>\r\n                  <div className=\"position-absolute\" style={{ left: '-6px', top: '-1px' }}>\r\n                    <img src=\"images/slice/1.homepage/map/location.png\" />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div className=\"map-dots position-absolute\" style={{ top: '285px', 'left': '815px' }} onClick={()=>this.searchCountry(14)}>\r\n                <div className=\"position-relative\">\r\n                  <div className=\"countryName\">VIETNAM</div>\r\n                  <div className=\"position-absolute\" style={{ left: '-6px', top: '-1px' }}>\r\n                    <img src=\"images/slice/1.homepage/map/location.png\" />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div className=\"map-dots position-absolute\" style={{ top: '330px', 'left': '730px' }} onClick={()=>this.searchCountry(2)}>\r\n                <div className=\"position-relative\">\r\n                  <div className=\"countryName\">CAMBODIA</div>\r\n                  <div className=\"position-absolute\" style={{ left: '-6px', top: '-1px' }}>\r\n                    <img src=\"images/slice/1.homepage/map/location.png\" />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div className=\"map-dots position-absolute\" style={{ top: '390px', 'left': '670px' }} onClick={()=>this.searchCountry(7)}>\r\n                <div className=\"position-relative\">\r\n                  <div className=\"countryName\">MALAYSIA</div>\r\n                  <div className=\"position-absolute\" style={{ left: '-6px', top: '-1px' }}>\r\n                    <img src=\"images/slice/1.homepage/map/location.png\" />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div className=\"map-dots position-absolute\" style={{ top: '446px', 'left': '710px' }} onClick={()=>this.searchCountry(9)}>\r\n                <div className=\"position-relative\">\r\n                  <div className=\"countryName\">SINGAPORE</div>\r\n                  <div className=\"position-absolute\" style={{ left: '-6px', top: '-1px' }}>\r\n                    <img src=\"images/slice/1.homepage/map/location.png\" />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div className=\"map-dots position-absolute\" style={{ top: '500px', 'left': '870px' }} onClick={()=>this.searchCountry(5)}>\r\n                <div className=\"position-relative\">\r\n                  <div className=\"countryName\">INDONESIA</div>\r\n                  <div className=\"position-absolute\" style={{ left: '-6px', top: '-1px' }}>\r\n                    <img src=\"images/slice/1.homepage/map/location.png\" />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div className=\"map-dots position-absolute\" style={{ top: '425px', 'left': '885px' }} onClick={()=>this.searchCountry(1)}>\r\n                <div className=\"position-relative\">\r\n                  <div className=\"countryName\">BRUNEI</div>\r\n                  <div className=\"position-absolute\" style={{ left: '-6px', top: '-1px' }}>\r\n                    <img src=\"images/slice/1.homepage/map/location.png\" />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div className=\"map-dots position-absolute\" style={{ top: '340px', 'left': '1100px' }} onClick={()=>this.searchCountry(10)}>\r\n                <div className=\"position-relative\">\r\n                  <div className=\"countryName\">PHILIPPINES</div>\r\n                  <div className=\"position-absolute\" style={{ left: '-6px', top: '-1px' }}>\r\n                    <img src=\"images/slice/1.homepage/map/location.png\" />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Map;\r\n\r\n","import React from 'react';\r\nimport moment from 'moment';\r\n\r\nclass CountdownTimer extends React.Component {\r\n    state = {\r\n        days: undefined,\r\n        hours: undefined,\r\n        minutes: undefined,\r\n        seconds: undefined\r\n    };\r\n\r\n    componentDidMount() {\r\n        this.interval = setInterval(() => {\r\n            const { timeTillDate, timeFormat } = this.props;\r\n            const then = moment(timeTillDate);\r\n            const now = moment();\r\n            const countdown = moment.duration(then.diff(now));\r\n            //const countdown = moment(then - now);\r\n            const days = then.diff(now,'days') > 0 ? (\"0\" + then.diff(now,'days')).slice(-2) : '00';\r\n            const hours = countdown.hours() > 0 ? (\"0\" + countdown.hours()).slice(-2) : '00';\r\n            const minutes = countdown.minutes() > 0 ? (\"0\" + countdown.minutes()).slice(-2) : '00';\r\n            const seconds = countdown.seconds() > 0 ? (\"0\" + countdown.seconds()).slice(-2) : '00';\r\n\r\n            this.setState({ days, hours, minutes, seconds });\r\n        }, 1000);\r\n    }\r\n\r\n    componentWillUnmount() {\r\n        if (this.interval) {\r\n            clearInterval(this.interval);\r\n        }\r\n    }\r\n\r\n    render() {\r\n        const { days, hours, minutes, seconds } = this.state;\r\n\r\n        return (\r\n          <div className=\"d-flex flex-row justify-content-center\">\r\n          <p className=\"m-0 timer text-center pr-1\">{days}<small className=\"d-block\">Days</small></p>\r\n          <p className=\"m-0 timer text-center\">:</p>\r\n          <p className=\"m-0 timer text-center pl-1 pr-1\">{hours}<small className=\"d-block\">Hours</small></p>\r\n          <p className=\"m-0 timer text-center\">:</p>\r\n          <p className=\"m-0 timer text-center pl-1 pr-1\">{minutes}<small className=\"d-block\">Minutes</small></p>\r\n          <p className=\"m-0 timer text-center\">:</p>\r\n          <p className=\"m-0 timer text-center pl-1\">{seconds}<small className=\"d-block\">Seconds</small></p>\r\n        </div>\r\n        );\r\n    }\r\n}\r\n\r\nexport default CountdownTimer;","/* eslint-disable no-unused-vars */\r\n\r\nimport React, { useEffect, useState } from 'react';\r\nimport ReactDOM from \"react-dom\";\r\nimport { Route, Link, Redirect, BrowserRouter as Router, Switch } from 'react-router-dom';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport moment from 'moment';\r\nimport * as rb from 'react-bootstrap';\r\n\r\nimport CountdownTimer from '.././Components/Timer'\r\n\r\nclass Countdown extends React.Component {\r\n  constructor(props) {\r\n    super();\r\n    this.state = {\r\n      apiUrl: window.$apiUrl,\r\n      currentChallenge: \"\",\r\n      isChallenge: \"\"\r\n    };\r\n\r\n  }\r\n\r\n  getLatestChallenge() {\r\n    fetch(this.state.apiUrl + '/ChallengeAPI/GetLatestChallenge', {\r\n      method: 'POST',\r\n      headers: {\r\n        'token': process.env.REACT_APP_API_TOKEN,\r\n        'Content-Type': 'application/json; charset=utf-8',\r\n        'access-control-allow-origin': '*'\r\n      }\r\n    })\r\n      .then(res => res.json())\r\n      .then((data) => {\r\n        this.setState({ isChallenge: data.Status });\r\n        if (data.Status === 'OK') {\r\n          this.setState({ currentChallenge: data });\r\n        }\r\n\r\n      })\r\n      .catch(console.log);\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.getLatestChallenge();\r\n  }\r\n\r\n  render() {\r\n    const { currentChallenge } = this.state;\r\n\r\n    var ParticipantDate = false;\r\n    const now = moment();\r\n    if (moment(currentChallenge.Challenge_StartDate) < now && moment(currentChallenge.Challenge_EndDate) > now) {\r\n      ParticipantDate = true;\r\n    } else {\r\n      ParticipantDate = false;\r\n    }\r\n\r\n    var endDate = moment(currentChallenge.Challenge_EndDate).format();\r\n\r\n    return (\r\n      <div className=\"Countdown py-5\">\r\n        <div className=\"container-fluid\">\r\n          <div className=\"row\">\r\n            <div className=\"col-md-12 d-flex justify-content-center position-relative\">\r\n              <img src=\"images/slice/1.homepage/countdown/countdown.png\" className=\"img-countdown\" />\r\n\r\n              <div className=\"position-absolute d-flex justify-content-center align-items-center h-100\">\r\n                <div className=\"text-center font-weight-bold\">\r\n                  {ParticipantDate && currentChallenge && <p className=\"m-0 my-2 my-md-3 title-timer text-uppercase\">{currentChallenge.Challenge_Title} ENDS IN:</p>}\r\n                  {!ParticipantDate && currentChallenge && <p className=\"m-0 my-2 my-md-3 title-timer text-uppercase\">{currentChallenge.Challenge_Title} HAS ENDED:</p>}\r\n                  <CountdownTimer timeTillDate={endDate} timeFormat=\"MM DD YYYY, h:mm a\" />\r\n                </div>\r\n\r\n              </div>\r\n              <div className=\"position-absolute section-title\">\r\n                <img src=\"images/slice/1.homepage/countdown/countdown-header.png\" className=\"img-fluid\" />\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div className=\"container-fluid\">\r\n          <div className=\"row\">\r\n            <div className=\"col-md-12 position-relative text-center p-0\">\r\n              {this.state.isChallenge === 'OK' && <div>\r\n                {ParticipantDate && <div className=\"mb-2 text-light text-center\">\r\n                  <p className=\"m-0\">\r\n                    Submit a story to join the YEP photo challenge!\r\n                  </p>\r\n                  <p>\r\n                    The winning photos can look forward to get attractive prizes\r\n                  </p>\r\n                </div>}\r\n                {ParticipantDate && <div className=\"d-flex justify-content-center\">\r\n                  <Link className=\"btn btn-outline-white\" to=\"/customlayout\">SUBMIT STORY</Link>\r\n                </div> }\r\n                {!ParticipantDate && <div className=\"d-flex justify-content-center\">\r\n                  <Link className=\"btn btn-outline-white\" to=\"/challenge\">VIEW CHALLENGE</Link>\r\n                </div> }\r\n              </div>}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Countdown;\r\n\r\n","/* eslint-disable no-unused-vars */\r\n\r\nimport React from 'react';\r\nimport { withRouter } from 'react-router';\r\nimport { Route, Link, Redirect, BrowserRouter as Router, Switch } from 'react-router-dom';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport { InputGroup, FormControl, Button } from 'react-bootstrap';\r\nimport { createBrowserHistory } from \"history\";\r\n\r\nvar getParams = function (url) {\r\n  var params = {};\r\n  var parser = document.createElement('a');\r\n  parser.href = url;\r\n  var query = parser.search.substring(1);\r\n  var vars = query.split('&');\r\n  for (var i = 0; i < vars.length; i++) {\r\n    var pair = vars[i].split('=');\r\n    params[pair[0]] = decodeURIComponent(pair[1]);\r\n  }\r\n  return params;\r\n};\r\n\r\nclass Filter extends React.Component {\r\n  constructor(props) {\r\n    super();\r\n    const { match } = props;\r\n    this.state = {\r\n      Filter: false,\r\n      isFilter: false,\r\n      apiUrl: window.$apiUrl,\r\n      CountryList: [],\r\n      ProjectList: [],\r\n      SchoolList: [],\r\n      ThemeList: [],\r\n      SortBy: 2,\r\n      SortingValue: \"Story_Title desc\",\r\n      urlParams: {\r\n        Title: \"\",\r\n        Country: \"\",\r\n        Project: \"\",\r\n        School: \"\",\r\n        Theme: \"\"\r\n      },\r\n      FilterMessage: {\r\n        Title: \"\",\r\n        Country: \"\",\r\n        Project: \"\",\r\n        School: \"\",\r\n        Theme: \"\"\r\n      },\r\n      isFiltered: false,\r\n      disableFilter: true\r\n    };\r\n\r\n    this.setIsShown = this.setIsShown.bind(this);\r\n    this.setIsShown2 = this.setIsShown2.bind(this);\r\n    this.openFilter = this.openFilter.bind(this);\r\n    this.sorting = this.sorting.bind(this);\r\n    this.FilterStory = this.FilterStory.bind(this);\r\n    this.clearFilter = this.clearFilter.bind(this);\r\n    this.FilterChange = this.FilterChange.bind(this);\r\n    this.handleClickOutside = this.handleClickOutside.bind(this);\r\n\r\n    this.wrapperRef = React.createRef();\r\n    this.wrapperRef2 = React.createRef();\r\n  }\r\n\r\n  clearFilter() {\r\n    const history = createBrowserHistory();\r\n\r\n    this.setState({disableFilter: true});\r\n\r\n    setTimeout(() => {\r\n      this.setState({disableFilter: false});\r\n    }, 500)\r\n\r\n    var urlParams = this.state.urlParams;\r\n    let FilterMessage = this.state.FilterMessage;\r\n\r\n    this.StoryTitle.value = \"\";\r\n    this.CountryOpt.value = \"\";\r\n    this.SchoolOpt.value = \"\";\r\n    this.ProjectOpt.value = \"\";\r\n    this.ThemeOpt.value = \"\";\r\n\r\n    history.push({\r\n      pathname: '/yep/stories',\r\n      search: ''\r\n    })\r\n\r\n    urlParams = {\r\n      Title: \"\",\r\n      Country: \"\",\r\n      Project: \"\",\r\n      School: \"\",\r\n      Theme: \"\"\r\n    }\r\n\r\n    FilterMessage = {\r\n      Title: \"\",\r\n      Country: \"\",\r\n      Project: \"\",\r\n      School: \"\",\r\n      Theme: \"\"\r\n    }\r\n\r\n    this.setState({ urlParams: urlParams, SortBy: 2, FilterMessage: FilterMessage, isFiltered: false });\r\n    this.props.FilterStory(this.StoryTitle.value, this.CountryOpt.value, this.SchoolOpt.value, this.ProjectOpt.value, this.ThemeOpt.value, 'Story_Title desc');\r\n  }\r\n\r\n  FilterStory(isFilter) {\r\n    this.setState({disableFilter: true, Filter: false });\r\n\r\n    setTimeout(() => {\r\n      this.setState({disableFilter: false});\r\n    }, 500)\r\n\r\n    const history = createBrowserHistory();\r\n    //const parseQueryString = require('query-string');\r\n    let FilterMessage = this.state.FilterMessage;\r\n    const filterValue = getParams(window.location.href);\r\n    var isFiltered = false;\r\n    if (isFilter) {\r\n     \r\n      var Title = this.StoryTitle ? this.StoryTitle.value : null;\r\n      var Country = this.CountryOpt ? this.CountryOpt.value : null;\r\n      var School = this.SchoolOpt ? this.SchoolOpt.value : null;\r\n      var Project = this.ProjectOpt ? this.ProjectOpt.value : null;\r\n      var Theme = this.ThemeOpt ? this.ThemeOpt.value : null;\r\n\r\n      FilterMessage.Title = Title;\r\n      this.setState({ FilterMessage: FilterMessage });\r\n\r\n      if (Title || Country || School || Project || Theme) {\r\n        isFiltered = true;\r\n        this.setState({ isFiltered: isFiltered });\r\n      }else{\r\n        isFiltered = false;\r\n        this.setState({ isFiltered: isFiltered });\r\n      }\r\n\r\n      var TitleParams = 'Title=' + Title;\r\n      var CountryParams = Country ? '&Country=' + Country : \"\";\r\n      var SchoolParams = School ? '&School=' + School : \"\";\r\n      var ProjectParams = Project ? '&Project=' + Project : \"\";\r\n      var ThemeParams = Theme ? '&Theme=' + Theme : \"\";\r\n\r\n      this.GetSchool(School);\r\n      this.getCountry(Country);\r\n      this.GetProject(Project);\r\n      this.getTheme(Theme);\r\n\r\n      history.push({\r\n        pathname: '/yep/stories',\r\n        search: '?' + TitleParams + CountryParams + SchoolParams + ProjectParams + ThemeParams\r\n      })\r\n      this.props.FilterStory(Title, Country, School, Project, Theme, this.state.SortingValue);\r\n    } else {\r\n      var urlParams = this.state.urlParams;\r\n\r\n      var Title = filterValue.Title ? filterValue.Title : \"\";\r\n      var Country = filterValue.Country ? parseInt(filterValue.Country) : \"\";\r\n      var School = filterValue.School ? parseInt(filterValue.School) : \"\";\r\n      var Project = filterValue.Project ? parseInt(filterValue.Project) : \"\";\r\n      var Theme = filterValue.Theme ? parseInt(filterValue.Theme) : \"\";\r\n\r\n      FilterMessage.Title = Title;\r\n      this.setState({ FilterMessage: FilterMessage });\r\n\r\n      if (Title || Country || School || Project || Theme) {\r\n        isFiltered = true;\r\n        this.setState({ isFiltered: isFiltered });\r\n      }else{\r\n        isFiltered = false;\r\n        this.setState({ isFiltered: isFiltered });\r\n      }\r\n\r\n      this.GetSchool(filterValue.School);\r\n      this.getCountry(filterValue.Country);\r\n      this.GetProject(filterValue.Project);\r\n      this.getTheme(filterValue.Theme);\r\n\r\n      urlParams = {\r\n        Title: Title,\r\n        Country: Country,\r\n        Project: Project,\r\n        School: School,\r\n        Theme: Theme\r\n      }\r\n\r\n      this.StoryTitle.value = Title;\r\n      this.CountryOpt.value = Country;\r\n      this.SchoolOpt.value = School;\r\n      this.ProjectOpt.value = Project;\r\n      this.ThemeOpt.value = Theme;\r\n\r\n      this.setState({ urlParams: urlParams });\r\n      this.props.FilterStory(Title, Country, School, Project, Theme, this.state.SortingValue);\r\n    }\r\n  }\r\n\r\n  FilterChange(e, category) {\r\n    var urlParams = this.state.urlParams;\r\n    switch (category) {\r\n      case 'country':\r\n        urlParams.Country = e.target.value\r\n        break;\r\n      case 'school':\r\n        urlParams.School = e.target.value\r\n        break;\r\n      case 'project':\r\n        urlParams.Project = e.target.value\r\n        break;\r\n      case 'theme':\r\n        urlParams.Theme = e.target.value\r\n        break;\r\n      default:\r\n      //nothing\r\n    }\r\n    this.setState({ urlParams: urlParams });\r\n\r\n  }\r\n\r\n  handleClickOutside(event) {\r\n    if (this.state.Filter) {\r\n      if ((this.wrapperRef && !this.wrapperRef.current.contains(event.target)) && this.wrapperRef2 && !this.wrapperRef2.current.contains(event.target)) {\r\n        //this.props.toggleMenu(false);\r\n        this.setState({ Filter: false });\r\n      }\r\n    }\r\n\r\n  }\r\n\r\n  sorting(e, val) {\r\n    var urlParams = this.state.urlParams;\r\n    var sortValue = \"\";\r\n    if (val === 1) {\r\n      sortValue = 'Story_Title asc';\r\n    } else if (val === 2) {\r\n      sortValue = 'Story_Title desc';\r\n    } else if (val === 3) {\r\n      sortValue = 'Story_CreatedDate desc';\r\n    } else if (val === 4) {\r\n      sortValue = 'Story_CreatedDate asc';\r\n    }\r\n    this.setState({disableFilter: true});\r\n\r\n    setTimeout(() => {\r\n      this.setState({disableFilter: false});\r\n    }, 500)\r\n\r\n    this.setState({ SortBy: val, SortingValue: sortValue });\r\n    this.props.FilterStory(urlParams.Title, urlParams.Country, urlParams.School, urlParams.Project, urlParams.Theme, sortValue);\r\n  }\r\n\r\n  getCountry(id) {\r\n    fetch(this.state.apiUrl + '/CommonAPI/GetCountry', {\r\n      method: 'POST',\r\n      headers: {\r\n        'token': process.env.REACT_APP_API_TOKEN,\r\n        'Content-Type': 'application/json; charset=utf-8',\r\n        'access-control-allow-origin': '*'\r\n      },\r\n      body: JSON.stringify({\r\n        \"ID\": null\r\n      })\r\n    })\r\n      .then(res => res.json())\r\n      .then((data) => {\r\n        if (data.Status === 'OK') {\r\n          this.setState({ CountryList: data.ListingDetail });\r\n        }\r\n\r\n      })\r\n      .catch(console.log);\r\n\r\n    if (id) {\r\n      let FilterMessage = this.state.FilterMessage;\r\n      fetch(this.state.apiUrl + '/CommonAPI/GetCountry', {\r\n        method: 'POST',\r\n        headers: {\r\n          'token': process.env.REACT_APP_API_TOKEN,\r\n          'Content-Type': 'application/json; charset=utf-8',\r\n          'access-control-allow-origin': '*'\r\n        },\r\n        body: JSON.stringify({\r\n          \"ID\": id\r\n        })\r\n      })\r\n        .then(res => res.json())\r\n        .then((data) => {\r\n          if (data.Status === 'OK') {\r\n            FilterMessage.Country = data.ListingDetail[0].Listing_Name;\r\n            this.setState({ FilterMessage: FilterMessage });\r\n          }\r\n\r\n        })\r\n        .catch(console.log);\r\n    }\r\n  }\r\n\r\n  GetProject(id) {\r\n    fetch(this.state.apiUrl + '/CommonAPI/GetProject', {\r\n      method: 'POST',\r\n      headers: {\r\n        'token': process.env.REACT_APP_API_TOKEN,\r\n        'Content-Type': 'application/json; charset=utf-8',\r\n        'access-control-allow-origin': '*'\r\n      },\r\n      body: JSON.stringify({\r\n        \"ID\": null\r\n      })\r\n    })\r\n      .then(res => res.json())\r\n      .then((data) => {\r\n        if (data.Status === 'OK') {\r\n          this.setState({ ProjectList: data.ListingDetail });\r\n        }\r\n      })\r\n      .catch(console.log);\r\n    if (id) {\r\n      let FilterMessage = this.state.FilterMessage;\r\n      fetch(this.state.apiUrl + '/CommonAPI/GetProject', {\r\n        method: 'POST',\r\n        headers: {\r\n          'token': process.env.REACT_APP_API_TOKEN,\r\n          'Content-Type': 'application/json; charset=utf-8',\r\n          'access-control-allow-origin': '*'\r\n        },\r\n        body: JSON.stringify({\r\n          \"ID\": id\r\n        })\r\n      })\r\n        .then(res => res.json())\r\n        .then((data) => {\r\n          if (data.Status === 'OK') {\r\n            FilterMessage.Project = data.ListingDetail[0].Listing_Name;\r\n            this.setState({ FilterMessage: FilterMessage });\r\n          }\r\n        })\r\n        .catch(console.log);\r\n    }\r\n  }\r\n\r\n  GetSchool(id) {\r\n    fetch(this.state.apiUrl + '/CommonAPI/GetSchool', {\r\n      method: 'POST',\r\n      headers: {\r\n        'token': process.env.REACT_APP_API_TOKEN,\r\n        'Content-Type': 'application/json; charset=utf-8',\r\n        'access-control-allow-origin': '*'\r\n      },\r\n      body: JSON.stringify({\r\n        \"ID\": null\r\n      })\r\n    })\r\n      .then(res => res.json())\r\n      .then((data) => {\r\n        if (data.Status === 'OK') {\r\n          this.setState({ SchoolList: data.ListingDetail });\r\n        }\r\n      })\r\n      .catch(console.log);\r\n\r\n    if (id) {\r\n      let FilterMessage = this.state.FilterMessage;\r\n      fetch(this.state.apiUrl + '/CommonAPI/GetSchool', {\r\n        method: 'POST',\r\n        headers: {\r\n          'token': process.env.REACT_APP_API_TOKEN,\r\n          'Content-Type': 'application/json; charset=utf-8',\r\n          'access-control-allow-origin': '*'\r\n        },\r\n        body: JSON.stringify({\r\n          \"ID\": id\r\n        })\r\n      })\r\n        .then(res => res.json())\r\n        .then((data) => {\r\n          if (data.Status === 'OK') {\r\n            FilterMessage.School = data.ListingDetail[0].Listing_Name;\r\n            this.setState({ FilterMessage: FilterMessage });\r\n          }\r\n        })\r\n        .catch(console.log);\r\n    }\r\n\r\n  }\r\n\r\n  getTheme(id) {\r\n    fetch(this.state.apiUrl + '/CommonAPI/GetTheme', {\r\n      method: 'POST',\r\n      headers: {\r\n        'token': process.env.REACT_APP_API_TOKEN,\r\n        'Content-Type': 'application/json; charset=utf-8',\r\n        'access-control-allow-origin': '*'\r\n      },\r\n      body: JSON.stringify({\r\n        \"ID\": null,\r\n        \"Challenge_ID\": null,\r\n        \"Start_Index\": 1,\r\n        \"Max_Rows\": 1000\r\n      })\r\n    })\r\n      .then(res => res.json())\r\n      .then((data) => {\r\n        this.setState({ ThemeList: data.ListingDetail });\r\n      })\r\n      .catch(console.log);\r\n\r\n    if (id) {\r\n      let FilterMessage = this.state.FilterMessage;\r\n      fetch(this.state.apiUrl + '/CommonAPI/GetTheme', {\r\n        method: 'POST',\r\n        headers: {\r\n          'token': process.env.REACT_APP_API_TOKEN,\r\n          'Content-Type': 'application/json; charset=utf-8',\r\n          'access-control-allow-origin': '*'\r\n        },\r\n        body: JSON.stringify({\r\n          \"ID\": id,\r\n          \"Challenge_ID\": null,\r\n          \"Start_Index\": 1,\r\n          \"Max_Rows\": 1000\r\n        })\r\n      })\r\n        .then(res => res.json())\r\n        .then((data) => {\r\n          FilterMessage.Theme = data.ListingDetail[0].Listing_Name;\r\n          this.setState({ FilterMessage: FilterMessage });\r\n        })\r\n        .catch(console.log);\r\n\r\n    }\r\n  }\r\n\r\n  openFilter() {\r\n    this.setState({ Filter: !this.state.Filter });\r\n  }\r\n\r\n  setIsShown(e, isChange) {\r\n    if (isChange && e.target.querySelector('img')) {\r\n      if (this.state.SortBy === 1) {\r\n        e.target.querySelector('img').src = \"./images/sortAlphabet2.png\";\r\n      } else {\r\n        e.target.querySelector('img').src = \"./images/sortAlphabet2.png\";\r\n      }\r\n\r\n    } else if (!isChange && e.target.querySelector('img')) {\r\n      if (this.state.SortBy === 1) {\r\n        e.target.querySelector('img').src = \"./images/sortAlphabet2.png\";\r\n      } else {\r\n        e.target.querySelector('img').src = \"./images/sortAlphabetBlue2.png\";\r\n      }\r\n    }\r\n\r\n  }\r\n\r\n  setIsShown2(e, isChange) {\r\n    if (isChange && e.target.querySelector('img')) {\r\n      if (this.state.SortBy === 2) {\r\n        e.target.querySelector('img').src = \"./images/sortAlphabet1.png\";\r\n      } else {\r\n        e.target.querySelector('img').src = \"./images/sortAlphabet1.png\";\r\n      }\r\n\r\n    } else if (!isChange && e.target.querySelector('img')) {\r\n      if (this.state.SortBy === 2) {\r\n        e.target.querySelector('img').src = \"./images/sortAlphabet1.png\";\r\n      } else {\r\n        e.target.querySelector('img').src = \"./images/sortAlphabetBlue1.png\";\r\n      }\r\n    }\r\n  }\r\n\r\n  componentWillUnmount() {\r\n    document.removeEventListener('mousedown', this.handleClickOutside);\r\n  }\r\n\r\n  componentDidMount() {\r\n    document.addEventListener('mousedown', this.handleClickOutside);\r\n    this.GetSchool();\r\n    this.getCountry();\r\n    this.GetProject();\r\n    this.getTheme();\r\n\r\n    this.FilterStory(false);\r\n  }\r\n\r\n  render() {\r\n    const urlParams = this.state.urlParams;\r\n\r\n    return (\r\n      <div>\r\n        <div id=\"Filter\" className=\"Filter row d-flex justify-content-center pb-2\">\r\n          <div className=\"col-md-6 position-relative p-md-0\">\r\n            <InputGroup>\r\n              <FormControl\r\n                defaultValue={urlParams.Title}\r\n                ref={el => this.StoryTitle = el}\r\n                placeholder=\"Search by: Title\"\r\n              />\r\n              <InputGroup.Append>\r\n                <button className=\"btn btn-outline-primary\" disabled={this.state.disableFilter} onClick={() => this.FilterStory(true)}>Search</button>\r\n                <Button variant=\"primary\"  ref={this.wrapperRef2} onClick={this.openFilter}><img src=\"./images/slider.png\" className=\"icons-sm\" /></Button>\r\n              </InputGroup.Append>\r\n            </InputGroup>\r\n            <div className={this.state.Filter ? 'position-absolute dropdown-filter p-3 d-block' : 'position-absolute dropdown-filter p-3 d-none'} ref={this.wrapperRef} >\r\n              <select className=\"form-control mb-2\" ref={el => this.CountryOpt = el} value={urlParams.Country} onChange={(e) => this.FilterChange(e, 'country')}>\r\n                <option value=\"\">Select a Country...</option>\r\n                {\r\n                  this.state.CountryList.map((option, optIndex) => {\r\n                    return (\r\n                      <option key={optIndex} value={option.Listing_ID}>{option.Listing_Name}</option>\r\n                    );\r\n                  })\r\n\r\n                }\r\n              </select>\r\n              <select className=\"form-control mb-2\" ref={el => this.SchoolOpt = el} value={urlParams.School} onChange={(e) => this.FilterChange(e, 'school')}>\r\n                <option value=\"\">Select a Organization...</option>\r\n                {\r\n                  this.state.SchoolList.map((option, optIndex) => {\r\n                    return (\r\n                      <option key={optIndex} value={option.Listing_ID}>{option.Listing_Name}</option>\r\n                    );\r\n                  })\r\n\r\n                }\r\n              </select>\r\n              <select className=\"form-control mb-2\" ref={el => this.ProjectOpt = el} value={urlParams.Project} onChange={(e) => this.FilterChange(e, 'project')}>\r\n                <option value=\"\">Select a Project...</option>\r\n                {\r\n                  this.state.ProjectList.map((option, optIndex) => {\r\n                    return (\r\n                      <option key={optIndex} value={option.Listing_ID}>{option.Listing_Name}</option>\r\n                    );\r\n                  })\r\n\r\n                }\r\n              </select>\r\n              {this.state.ThemeList && <select className=\"form-control mb-2\" ref={el => this.ThemeOpt = el} value={urlParams.Theme} onChange={(e) => this.FilterChange(e, 'theme')}>\r\n                <option value=\"\">Select a Theme...</option>\r\n                {\r\n                  this.state.ThemeList.map((option, optIndex) => {\r\n                    return (\r\n                      <option key={optIndex} value={option.Listing_ID}>{option.Listing_Name}</option>\r\n                    );\r\n                  })\r\n\r\n                }\r\n              </select>}\r\n\r\n              <div>\r\n                <button className=\"btn btn-primary w-100\" disabled={this.state.disableFilter} onClick={() => this.FilterStory(true)}>Filter</button>\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"Filter row d-flex justify-content-center pb-4\">\r\n          <button className={this.state.SortBy === 1 ? 'btn btn-primary mr-2' : 'btn btn-outline-primary mr-2'} disabled={this.state.disableFilter} onMouseEnter={(e) => this.setIsShown(e, true)} onMouseLeave={(e) => this.setIsShown(e, false)} onClick={(e) => this.sorting(e, 1)}><img src={this.state.SortBy === 1 ? './images/sortAlphabet2.png' : './images/sortAlphabetBlue2.png'} className=\"icons-sm\" /></button>\r\n          <button className={this.state.SortBy === 2 ? 'btn btn-primary mr-2' : 'btn btn-outline-primary mr-2'} disabled={this.state.disableFilter} onMouseEnter={(e) => this.setIsShown2(e, true)} onMouseLeave={(e) => this.setIsShown2(e, false)} onClick={(e) => this.sorting(e, 2)}><img src={this.state.SortBy === 2 ? './images/sortAlphabet1.png' : './images/sortAlphabetBlue1.png'} className=\"icons-sm\" /></button>\r\n          <button className={this.state.SortBy === 3 ? 'btn btn-primary mr-2' : 'btn btn-outline-primary mr-2'} disabled={this.state.disableFilter} onClick={(e) => this.sorting(e, 3)}>Newest</button>\r\n          <button className={this.state.SortBy === 4 ? 'btn btn-primary mr-2' : 'btn btn-outline-primary mr-2'} disabled={this.state.disableFilter} onClick={(e) => this.sorting(e, 4)}>Oldest</button>\r\n          <button className=\"btn btn-danger\" disabled={this.state.disableFilter} onClick={() => this.clearFilter()}>Clear</button>\r\n        </div>\r\n\r\n        {this.state.isFiltered && <div className=\"text-center mb-3\">\r\n          <small>\r\n            <span>Filter by : &nbsp;</span>\r\n            {this.state.FilterMessage.Title && <div className=\"p-2 d-inline-block filterTag mx-2\">{this.state.FilterMessage.Title}</div>}\r\n\r\n            {this.state.FilterMessage.Country && <div className=\"p-2 d-inline-block filterTag mx-2\">{this.state.FilterMessage.Country}</div>}\r\n\r\n            {this.state.FilterMessage.School && <div className=\"p-2 d-inline-block filterTag mr-2\">{this.state.FilterMessage.School}</div>}\r\n\r\n            {this.state.FilterMessage.Project && <div className=\"p-2 d-inline-block filterTag mr-2\">{this.state.FilterMessage.Project}</div>}\r\n\r\n            {this.state.FilterMessage.Theme && <div className=\"p-2 d-inline-block filterTag\">{this.state.FilterMessage.Theme}</div>}\r\n\r\n          </small>\r\n        </div>}\r\n      </div>\r\n\r\n    );\r\n  }\r\n}\r\nexport default Filter;\r\n","/* eslint-disable no-unused-vars */\r\nimport React from 'react';\r\nimport { Route, Link, Redirect, BrowserRouter as Router, Switch } from 'react-router-dom';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport { Toast } from 'react-bootstrap';\r\nimport Masonry from 'react-masonry-component';\r\n\r\nvar getParams = function (url) {\r\n    var params = {};\r\n    var parser = document.createElement('a');\r\n    parser.href = url;\r\n    var query = parser.search.substring(1);\r\n    var vars = query.split('&');\r\n    for (var i = 0; i < vars.length; i++) {\r\n        var pair = vars[i].split('=');\r\n        params[pair[0]] = decodeURIComponent(pair[1]);\r\n    }\r\n    return params;\r\n};\r\n\r\nconst masonryOptions = {\r\n    transitionDuration: 300\r\n};\r\n\r\nconst imagesLoadedOptions = { backgroundColor: '#ddd', opacity: 0 }\r\n\r\nclass MasonryData extends React.Component {\r\n    constructor(props) {\r\n        super();\r\n        this.state = {\r\n            apiUrl: window.$apiUrl,\r\n            alertBox: false,\r\n            PopulatedData: props.PopulatedData\r\n        };\r\n        this.like = this.like.bind(this);\r\n        this.liked = this.liked.bind(this);\r\n        this.addDefaultSrc = this.addDefaultSrc.bind(this);\r\n        this.toggleAlertBox = this.toggleAlertBox.bind(this);\r\n    }\r\n\r\n    toggleAlertBox() {\r\n        this.setState({ alertBox: !this.state.alertBox });\r\n    }\r\n\r\n    addDefaultSrc(ev) {\r\n        ev.target.src = './images/noimg.png';\r\n    }\r\n\r\n    like(e, sid) {\r\n        e.target.src = \"./images/heart.png\";\r\n        var likeCount = localStorage.getItem('lcount') ? JSON.parse(localStorage.getItem('lcount')) : [];\r\n        var likeShowCount = localStorage.getItem('lshowcount') ? JSON.parse(localStorage.getItem('lshowcount')) : [];\r\n        fetch(this.state.apiUrl + '/CommonAPI/SubmitLike', {\r\n            method: 'POST',\r\n            headers: {\r\n                'token': process.env.REACT_APP_API_TOKEN,\r\n                'Content-Type': 'application/json; charset=utf-8',\r\n                'access-control-allow-origin': '*'\r\n            },\r\n            body: JSON.stringify(\r\n                {\r\n                    \"Story_ID\": sid\r\n                }\r\n            )\r\n        })\r\n            .then(res => res.json())\r\n            .then((data) => {\r\n                likeCount.push(sid);\r\n                likeShowCount.push(sid);\r\n                this.setState({ alertBox: true });\r\n                localStorage.setItem('lcount', JSON.stringify(likeCount));\r\n                localStorage.setItem('lshowcount', JSON.stringify(likeShowCount));\r\n            })\r\n            .catch(console.log);\r\n    }\r\n\r\n    liked(e, sid) {\r\n        var likedList = JSON.parse(localStorage.getItem('lshowcount'));\r\n        var index = likedList.indexOf(sid);\r\n        //likedList.splice(likedList.indexOf(sid), 1);\r\n\r\n        if (e.target.src.includes('heart.png')) {\r\n            e.target.src = \"./images/heart_outline.png\";\r\n            if (index > -1) {\r\n                likedList.splice(index, 1);\r\n            }\r\n            localStorage.setItem('lshowcount', JSON.stringify(likedList));\r\n        } else {\r\n            e.target.src = \"./images/heart.png\";\r\n            likedList.push(sid);\r\n            localStorage.setItem('lshowcount', JSON.stringify(likedList));\r\n            //this.toggleWarningBox();\r\n        }\r\n    }\r\n\r\n    render() {\r\n\r\n        let likeArray = localStorage.getItem('lshowcount') ? localStorage.getItem('lshowcount') : [];\r\n        return (\r\n            <div className=\"row\">\r\n                <div className=\"col-md-12 container-masonry\">\r\n                    <Masonry\r\n                        className={'masonry'}\r\n                        options={masonryOptions}\r\n                        disableImagesLoaded={false}\r\n                        updateOnEachImageLoad={false}\r\n                        imagesLoadedOptions={imagesLoadedOptions}\r\n                    >\r\n                        {this.state.PopulatedData.map((data, index) => {\r\n\r\n                            return (\r\n                                <div className=\"masonry_items\" key={index}>\r\n                                    <div className=\"position-relative overflow-hidden\">\r\n                                        <Link to={`/StoryDetails/${data.Story_ID}`}><img src={data.Story_Image} className=\"img-fluid w-100\" alt={data.Story_Title} onError={this.addDefaultSrc} /></Link>\r\n                                        <div className=\"position-absolute masonry-item-tag\">\r\n                                            {data.Challenge_Status} Challenge\r\n                                            </div>\r\n                                        <div className=\"position-absolute\" style={{ right: '5px', top: '5px' }}>\r\n                                            {!likeArray.includes(data.Story_ID) && <div className=\"position-absolute\" style={{ right: '5px', top: '5px' }}>\r\n                                                <img onClick={(e) => this.like(e, data.Story_ID)} src=\"images/heart_outline.png\" className=\"icons-md cursor_pointer\" />\r\n                                            </div>}\r\n                                            {likeArray.includes(data.Story_ID) && <div className=\"position-absolute\" style={{ right: '5px', top: '5px' }}>\r\n                                                <img src=\"images/heart.png\" onClick={(e) => this.liked(e, data.Story_ID)} className=\"icons-md cursor_pointer\" />\r\n                                            </div>}\r\n                                        </div>\r\n                                    </div>\r\n                                    <div className=\"masonry-item-details d-flex flex-row align-items-center p-1 p-md-2 position-relative\">\r\n                                        <div className=\"map-tag mr-2\">\r\n                                            <img src={data.Country_Icon} className=\"icons-sm\" />\r\n                                        </div>\r\n                                        <div className=\"story-name text-truncate\">\r\n                                            {data.Story_Title}\r\n                                        </div>\r\n\r\n                                    </div>\r\n                                </div>\r\n\r\n                            );\r\n\r\n\r\n                        })\r\n\r\n                        }\r\n                    </Masonry>\r\n                </div>\r\n                <Toast className=\"position-fixed\" style={{ top: 0, left: '50%', transform: 'translate(-50%, 0)', zIndex: 999 }} onClose={this.toggleAlertBox} show={this.state.alertBox} animation={true} delay={2000} autohide>\r\n                    <Toast.Header>\r\n                        Thanks for your support!\r\n                </Toast.Header>\r\n                    <Toast.Body>\r\n                        <img src=\"./images/checked.png\" className=\"icons-md\" /> You have liked a story!\r\n                </Toast.Body>\r\n                </Toast>\r\n            </div >\r\n\r\n        );\r\n    }\r\n}\r\n\r\nexport default MasonryData;\r\n\r\n","/* eslint-disable no-unused-vars */\r\n\r\nimport React from 'react';\r\nimport { Route, Link, Redirect, BrowserRouter as Router, Switch } from 'react-router-dom';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport * as rb from 'react-bootstrap';\r\nimport Masonry from 'react-masonry-component';\r\n\r\nimport Filter from '.././Components/Filter';\r\nimport MasonryData from '.././Components/MasonryData';\r\n\r\nclass Story extends React.Component {\r\n  constructor(props) {\r\n    super();\r\n    this.state = {\r\n      apiUrl: window.$apiUrl,\r\n      PopulatedData: [],\r\n    };\r\n  }\r\n  \r\n  getStoryList() {\r\n    fetch(this.state.apiUrl + '/StoryAPI/GetStoryList', {\r\n      method: 'POST',\r\n      headers: {\r\n        'token': process.env.REACT_APP_API_TOKEN,\r\n        'Content-Type': 'application/json; charset=utf-8',\r\n        'access-control-allow-origin': '*'\r\n      },\r\n      body: JSON.stringify({\r\n        \"Start_Index\": 1,\r\n        \"Max_Rows\": 100,\r\n        \"Status\": 1,\r\n        \"Is_Publish\": 1\r\n      })\r\n    })\r\n      .then(res => res.json())\r\n      .then((data) => {\r\n        if (data.Status === 'OK') {\r\n          let Populated = this.state.PopulatedData;\r\n          data.StoryDetail.forEach(function (item) {\r\n              Populated.push(item);\r\n          });\r\n\r\n          this.setState({ PopulatedData: Populated });\r\n        }\r\n      })\r\n      .catch(console.log);\r\n  }\r\n\r\n  componentDidMount(){\r\n    this.getStoryList();\r\n  }\r\n\r\n  render() {\r\n\r\n    return (\r\n      <div className=\"Story\">\r\n        <div className=\"container-fluid\">\r\n          <div className=\"row\">\r\n            <div className=\"col-md-12 pt-md-5 pb-md-3 py-3 text-center\">\r\n              <div className=\"position-relative d-flex justify-content-center\">\r\n                <img src=\"images/slice/2.stories/stories/stories-header.png\" className=\"img-fluid\" />\r\n                <div className=\"position-absolute text-center title-stories pl-5\" style={{ top: '38%' }}>\r\n                  Stories By Past Teams\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          {/* <Filter /> */}\r\n          <div className=\"overflow-hidden\" style={{ maxHeight: '600px' }}><MasonryData PopulatedData={this.state.PopulatedData}  /></div>\r\n          <div className=\"row\">\r\n            <div className=\"col-md-12 d-flex justify-content-center my-5\">\r\n              <Link to=\"/stories\" className=\"btn btn-outline-primary\">VIEW STORY</Link>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Story;\r\n\r\n","import React from 'react';\r\nimport { Route, Link, Redirect, BrowserRouter as Router, Switch } from 'react-router-dom';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport * as rb from 'react-bootstrap';\r\n\r\nimport Map from './Home/Map';\r\nimport Countdown from './Home/Countdown';\r\nimport Story from './Home/Story';\r\n\r\nclass App extends React.Component {\r\n  constructor(props) {\r\n    super();\r\n    this.state = {\r\n      apiUrl: window.$apiUrl,\r\n      scrolled: 0\r\n    };\r\n\r\n  }\r\n  componentDidMount() {\r\n    \r\n  }\r\n  render() {\r\n\r\n    return (\r\n      <div className=\"App\">\r\n        <div>\r\n          <Map />\r\n        </div>\r\n        <div>\r\n          <Countdown />\r\n        </div>\r\n        <div style={{ borderTop: '2px solid #ddd' }}>\r\n          <Story />\r\n        </div>\r\n\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default App;\r\n\r\n","/* eslint-disable no-unused-vars */\r\nimport React from 'react';\r\nimport { Route, Link, Redirect, BrowserRouter as Router, Switch } from 'react-router-dom';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport * as rb from 'react-bootstrap';\r\nimport CountdownTimer from './Timer'\r\nimport moment from 'moment';\r\n\r\nclass CountdownBanner extends React.Component {\r\n  constructor(props) {\r\n    super();\r\n    this.state = {\r\n      scrolled: 0,\r\n      apiUrl: window.$apiUrl,\r\n      currentChallenge: \"\",\r\n      isChallenge: \"\"\r\n    };\r\n\r\n  }\r\n\r\n  getLatestChallenge() {\r\n    fetch(this.state.apiUrl + '/ChallengeAPI/GetLatestChallenge', {\r\n      method: 'POST',\r\n      headers: {\r\n        'token': process.env.REACT_APP_API_TOKEN,\r\n        'Content-Type': 'application/json; charset=utf-8',\r\n        'access-control-allow-origin': '*'\r\n      }\r\n    })\r\n      .then(res => res.json())\r\n      .then((data) => {\r\n        this.setState({ isChallenge: data.Status });\r\n        if (data.Status === 'OK') {\r\n          this.setState({ currentChallenge: data });\r\n        }\r\n\r\n      })\r\n      .catch(console.log);\r\n  }\r\n\r\n  componentDidMount() {\r\n    this.getLatestChallenge();\r\n  }\r\n\r\n  render() {\r\n    const { currentChallenge } = this.state;\r\n    var ParticipantDate = false;\r\n    const now = moment();\r\n    if (moment(currentChallenge.Challenge_StartDate) < now && moment(currentChallenge.Challenge_EndDate) > now) {\r\n      ParticipantDate = true;\r\n    } else {\r\n      ParticipantDate = false;\r\n    }\r\n\r\n    var endDate = moment(currentChallenge.Challenge_EndDate).format();\r\n    return (\r\n      <div className=\"CountdownBanner d-flex align-items-center py-3 py-md-0\">\r\n        <div className=\"container-fluid\">\r\n          <div className=\"row\">\r\n            <div className=\"col-md-6 p-0\">\r\n              <div className=\"countdownTitle h-100 position-relative d-flex align-items-center\">\r\n                <img src=\"images/slice/1.homepage/countdown/countdown-header.png\" className=\"img-fluid\" />\r\n                {/* <div className=\"position-absolute text-light d-none d-md-block\" style={{ transform: 'rotate(-1deg)', left: '8%', top: '67%' }}>\r\n                  <small>Winner of the most liked story will be notified after the challenge has ended</small>\r\n                </div> */}\r\n\r\n              </div>\r\n            </div>\r\n            <div className=\"col-md-6 p-0\">\r\n              <div className=\"countdownTime py-5\">\r\n                <div className=\"d-flex justify-content-center\">\r\n                  <div className=\"text-center\">\r\n                    {ParticipantDate && currentChallenge && <p className=\"m-0 my-2 my-md-2 title-timer text-uppercase\">{currentChallenge.Challenge_Title} ENDS IN:</p>}\r\n                    {!ParticipantDate && currentChallenge && <p className=\"m-0 my-2 my-md-2 title-timer text-uppercase\">{currentChallenge.Challenge_Title} HAS ENDED:</p>}\r\n                    <CountdownTimer timeTillDate={endDate} timeFormat=\"\" />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n            </div>\r\n          </div>\r\n          {/* <div className=\"row d-md-none d-block\">\r\n            <div className=\"col-md-12 p-0\">\r\n              <div className=\"text-center mt-2 px-3 px-md-0 color_113F70 countdownTitle\">\r\n                <small>Winner of the most liked story will be notified after the challenge has ended</small>\r\n              </div>\r\n            </div>\r\n          </div> */}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default CountdownBanner;\r\n\r\n","/* eslint-disable no-unused-vars */\r\n\r\nimport React from 'react';\r\nimport { Route, Link, Redirect, BrowserRouter as Router, Switch } from 'react-router-dom';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport { Toast } from 'react-bootstrap';\r\nimport Masonry from 'react-masonry-component';\r\nimport CountdownBanner from './Components/CountdownBanner';\r\nimport MasonryData from './Components/MasonryData';\r\nimport Filter from './Components/Filter';\r\n\r\nconst masonryOptions = {\r\n    transitionDuration: 300\r\n};\r\n\r\nconst imagesLoadedOptions = { backgroundColor: '#ddd', opacity: 0 }\r\n\r\nclass Stories extends React.Component {\r\n    constructor(props) {\r\n        super();\r\n        this.state = {\r\n            apiUrl: window.$apiUrl,\r\n            currentPage: 1,\r\n            alertBox: false,\r\n            warningBox: false,\r\n            PopulatedData: [],\r\n            FilterValue: {\r\n                Title: \"\",\r\n                Country: \"\",\r\n                School: \"\",\r\n                Project: \"\",\r\n                Theme: \"\",\r\n                Sorting: \"\",\r\n            },\r\n            noMoreStory: false\r\n        };\r\n        this.ViewMore = this.ViewMore.bind(this);\r\n        this.FilterStory = this.FilterStory.bind(this);\r\n        this.like = this.like.bind(this);\r\n        this.liked = this.liked.bind(this);\r\n        this.addDefaultSrc = this.addDefaultSrc.bind(this);\r\n        this.toggleAlertBox = this.toggleAlertBox.bind(this);\r\n        this.toggleWarningBox = this.toggleWarningBox.bind(this);\r\n    }\r\n\r\n    toggleAlertBox() {\r\n        this.setState({ alertBox: !this.state.alertBox });\r\n    }\r\n\r\n    toggleWarningBox() {\r\n        this.setState({ warningBox: !this.state.warningBox });\r\n    }\r\n\r\n    addDefaultSrc(ev) {\r\n        ev.target.src = './images/noimg.png';\r\n    }\r\n\r\n    like(e, sid) {\r\n        var likeCount = localStorage.getItem('lcount') ? JSON.parse(localStorage.getItem('lcount')) : [];\r\n        var likeShowCount = localStorage.getItem('lshowcount') ? JSON.parse(localStorage.getItem('lshowcount')) : [];\r\n        e.target.src = \"./images/heart.png\";\r\n        fetch(this.state.apiUrl + '/CommonAPI/SubmitLike', {\r\n            method: 'POST',\r\n            headers: {\r\n                'token': process.env.REACT_APP_API_TOKEN,\r\n                'Content-Type': 'application/json; charset=utf-8',\r\n                'access-control-allow-origin': '*'\r\n            },\r\n            body: JSON.stringify(\r\n                {\r\n                    \"Story_ID\": sid\r\n                }\r\n            )\r\n        })\r\n            .then(res => res.json())\r\n            .then((data) => {\r\n                likeCount.push(sid);\r\n                likeShowCount.push(sid);\r\n                this.setState({ alertBox: true });\r\n                localStorage.setItem('lcount', JSON.stringify(likeCount));\r\n                localStorage.setItem('lshowcount', JSON.stringify(likeShowCount));\r\n            })\r\n            .catch(console.log);\r\n    }\r\n\r\n    liked(e, sid) {\r\n        var likedList = JSON.parse(localStorage.getItem('lshowcount'));\r\n        var index = likedList.indexOf(sid);\r\n        //likedList.splice(likedList.indexOf(sid), 1);\r\n\r\n        if (e.target.src.includes('heart.png')) {\r\n            e.target.src = \"./images/heart_outline.png\";\r\n            if (index > -1) {\r\n                likedList.splice(index, 1);\r\n            }\r\n            localStorage.setItem('lshowcount', JSON.stringify(likedList));\r\n        } else {\r\n            e.target.src = \"./images/heart.png\";\r\n            likedList.push(sid);\r\n            localStorage.setItem('lshowcount', JSON.stringify(likedList));\r\n            //this.toggleWarningBox();\r\n        }\r\n    }\r\n\r\n    FilterStory(Title, Country, School, Project, Theme, Sorting) {\r\n        var FilterValue = this.state.FilterValue;\r\n\r\n        FilterValue = {\r\n            Title: Title,\r\n            Country: Country,\r\n            School: School,\r\n            Project: Project,\r\n            Theme: Theme,\r\n            Sorting: Sorting\r\n        }\r\n        this.setState({ PopulatedData: [], FilterValue: FilterValue, currentPage: 1 });\r\n        this.getStoryList(1, Title, Country, School, Project, Theme, Sorting);\r\n    }\r\n\r\n    getStoryList(Page, Title, Country, School, Project, Theme, Sorting) {\r\n        fetch(this.state.apiUrl + '/StoryAPI/GetStoryList', {\r\n            method: 'POST',\r\n            headers: {\r\n                'token': process.env.REACT_APP_API_TOKEN,\r\n                'Content-Type': 'application/json; charset=utf-8',\r\n                'access-control-allow-origin': '*'\r\n            },\r\n            body: JSON.stringify({\r\n                \"Start_Index\": Page,\r\n                \"Status\": 1,\r\n                \"Max_Rows\": 10,\r\n                \"Challenge_ID\": null,\r\n                \"Story_Title\": Title,\r\n                \"Country_ID\": Country ? Country : null,\r\n                \"Project_ID\": Project ? Project : null,\r\n                \"School_ID\": School ? School : null,\r\n                \"Theme_ID\": Theme ? Theme : null,\r\n                \"Is_Publish\": 1,\r\n                \"Is_Winner\": null,\r\n                \"Is_Feature\": null,\r\n                \"Sorting\": Sorting\r\n            })\r\n        })\r\n            .then(res => res.json())\r\n            .then((data) => {\r\n                if (data.Status === 'OK') {\r\n                    let Populated = this.state.PopulatedData;\r\n                    data.StoryDetail.forEach(function (item) {\r\n                        Populated.push(item);\r\n                    });\r\n                    this.setState({ PopulatedData: Populated });\r\n\r\n                } else {\r\n                    this.setState({ noMoreStory: true });\r\n                }\r\n            })\r\n            .catch(console.log);\r\n    }\r\n\r\n    ViewMore() {\r\n        let currentPage = this.state.currentPage;\r\n        currentPage = currentPage + 1;\r\n        this.setState({ currentPage: currentPage });\r\n        this.getStoryList(currentPage, this.state.FilterValue.Title, this.state.FilterValue.Country, this.state.FilterValue.School, this.state.FilterValue.Project, this.state.FilterValue.Theme, this.state.FilterValue.Sorting);\r\n    }\r\n\r\n    // componentDidMount() {\r\n    //     this.getStoryList(1);\r\n    // }\r\n\r\n    render() {\r\n        let likeArray = localStorage.getItem('lshowcount') ? localStorage.getItem('lshowcount') : [];\r\n\r\n        return (\r\n            <div className=\"Stories\">\r\n                <div className=\"Story\">\r\n                    <CountdownBanner />\r\n                    <div className=\"container-fluid\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-md-12 py-md-5 py-3 text-center\">\r\n                                <div className=\"position-relative d-flex justify-content-center\">\r\n                                    <img src=\"images/slice/2.stories/stories/stories-header.png\" className=\"img-fluid\" />\r\n                                    <div className=\"position-absolute text-center title-stories pl-5\" style={{ top: '38%' }}>\r\n                                        Story by real people, with real experiences.\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <Filter FilterStory={(Title, Country, School, Project, Theme, Sorting) => this.FilterStory(Title, Country, School, Project, Theme, Sorting)} />\r\n                        {this.state.PopulatedData.length > 0 && <div className=\"row\">\r\n                            <div className=\"col-md-12 container-masonry mt-3\" style={{ minHeight: '500px' }}>\r\n                                <Masonry\r\n                                    className={'masonry'}\r\n                                    options={masonryOptions}\r\n                                    disableImagesLoaded={false}\r\n                                    updateOnEachImageLoad={false}\r\n                                    imagesLoadedOptions={imagesLoadedOptions}\r\n                                >\r\n                                    {this.state.PopulatedData.map((data, index) => {\r\n\r\n                                        return (\r\n                                            <div className=\"masonry_items\" key={index}>\r\n                                                <div className=\"position-relative overflow-hidden\">\r\n                                                    <Link to={`/StoryDetails/${data.Story_ID}`}><img src={data.Story_Image} className=\"img-fluid w-100\" onError={this.addDefaultSrc} alt={data.Story_Title} /></Link>\r\n                                                    <div className=\"position-absolute masonry-item-tag\">\r\n                                                        {data.Challenge_Status} Challenge\r\n                                                    </div>\r\n                                                    {!likeArray.includes(data.Story_ID) && <div className=\"position-absolute\" style={{ right: '5px', top: '5px' }}>\r\n                                                        <img onClick={(e) => this.like(e, data.Story_ID)} src=\"images/heart_outline.png\" className=\"icons-md cursor_pointer\" />\r\n                                                    </div>}\r\n                                                    {likeArray.includes(data.Story_ID) && <div className=\"position-absolute\" style={{ right: '5px', top: '5px' }}>\r\n                                                        <img src=\"images/heart.png\" onClick={(e) => this.liked(e, data.Story_ID)} className=\"icons-md cursor_pointer\" />\r\n                                                    </div>}\r\n                                                </div>\r\n                                                <div className=\"masonry-item-details d-flex flex-row align-items-center p-1 p-md-2 position-relative\">\r\n                                                    <div className=\"map-tag mr-2\">\r\n                                                        <img src={data.Country_Icon} className=\"icons-sm\" />\r\n                                                    </div>\r\n                                                    <div className=\"story-name text-truncate\">\r\n                                                        {data.Story_Title}\r\n                                                    </div>\r\n\r\n                                                </div>\r\n                                            </div>\r\n\r\n                                        );\r\n\r\n\r\n                                    })\r\n\r\n                                    }\r\n                                </Masonry>\r\n                            </div>\r\n                            <Toast className=\"position-fixed\" style={{ top: 0, left: '50%', transform: 'translate(-50%, 0)', zIndex: 999 }} onClose={this.toggleAlertBox} show={this.state.alertBox} animation={true} delay={2000} autohide>\r\n                                <Toast.Header closeButton=\"false\">\r\n                                    Thanks for your support!\r\n                                </Toast.Header>\r\n                                <Toast.Body>\r\n                                    <img src=\"./images/checked.png\" className=\"icons-md\" /> You have liked a story!\r\n                                </Toast.Body>\r\n                            </Toast>\r\n\r\n                            <Toast className=\"position-fixed\" style={{ top: 0, left: '50%', transform: 'translate(-50%, 0)', zIndex: 999 }} onClose={this.toggleWarningBox} show={this.state.warningBox} animation={true} delay={2000} autohide>\r\n                                <Toast.Header closeButton=\"false\">\r\n                                    Warning\r\n                                </Toast.Header>\r\n                                <Toast.Body>\r\n                                    <img src=\"./images/warning.png\" className=\"icons-md\" /> You liked this story before.\r\n                                </Toast.Body>\r\n                            </Toast>\r\n                        </div >}\r\n                        {this.state.PopulatedData.length <= 0 &&\r\n                            <div className=\"col-md-12 py-5 text-center\" style={{ minHeight: '500px' }}>\r\n                                No story was found!\r\n                            </div>\r\n                        }\r\n                        {this.state.PopulatedData.length > 0 && <div className=\"col-md-12 py-5 text-center\">\r\n                            {!this.state.noMoreStory && <button className=\"btn btn-outline-primary\" onClick={this.ViewMore}>VIEW MORE</button>}\r\n                            {this.state.noMoreStory && <span>No more story.</span>}\r\n                        </div>}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n}\r\n\r\nexport default Stories;\r\n\r\n","/* eslint-disable no-unused-vars */\r\nimport React from 'react';\r\nimport { Route, Link, Redirect, BrowserRouter as Router, Switch } from 'react-router-dom';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport { Toast } from 'react-bootstrap';\r\nimport moment from 'moment';\r\n\r\nclass StoryDetails extends React.Component {\r\n    constructor(props) {\r\n        super();\r\n        const { match } = props;\r\n        this.state = {\r\n            id: match.params.id,\r\n            apiUrl: window.$apiUrl,\r\n            storyDetails: [],\r\n            StoryLayout: [],\r\n            CountryList: [],\r\n            ProjectList: [],\r\n            SchoolList: [],\r\n            ThemeList: [],\r\n            expandImage: 0,\r\n            zoomVal: 100,\r\n            searchVal: \"\",\r\n            redirect2Search: false,\r\n            alertBox: false\r\n        };\r\n        //sessionStorage[strucKey] = JSON.stringify(data.structure);\r\n        this.expandImage = this.expandImage.bind(this);\r\n        this.Zoom = this.Zoom.bind(this);\r\n        this.like = this.like.bind(this);\r\n        this.liked = this.liked.bind(this);\r\n        this.vote = this.vote.bind(this);\r\n        this.searchTag = this.searchTag.bind(this);\r\n        this.goBack = this.goBack.bind(this);\r\n        this.toggleAlertBox = this.toggleAlertBox.bind(this);\r\n    }\r\n\r\n    goBack() {\r\n        this.props.history.goBack();\r\n    }\r\n\r\n    toggleAlertBox() {\r\n        this.setState({ alertBox: !this.state.alertBox });\r\n    }\r\n\r\n    searchTag(val) {\r\n        var searchVal = this.state.searchVal;\r\n        if (val === 'Country') {\r\n            searchVal = 'Country=' + this.state.CountryList[0].Listing_ID;\r\n        } else if (val === 'School') {\r\n            searchVal = 'School=' + this.state.SchoolList[0].Listing_ID;\r\n        } else if (val === 'Project') {\r\n            searchVal = 'Project=' + this.state.ProjectList[0].Listing_ID;\r\n        }\r\n\r\n        this.setState({ redirect2Search: true, searchVal: searchVal });\r\n    }\r\n\r\n    like(e, sid) {\r\n        e.target.src = \"./images/DetailsLikeClicked.png\";\r\n        var likeCount = localStorage.getItem('lcount') ? JSON.parse(localStorage.getItem('lcount')) : [];\r\n        var likeShowCount = localStorage.getItem('lshowcount') ? JSON.parse(localStorage.getItem('lshowcount')) : [];\r\n        fetch(this.state.apiUrl + '/CommonAPI/SubmitLike', {\r\n            method: 'POST',\r\n            headers: {\r\n                'token': process.env.REACT_APP_API_TOKEN,\r\n                'Content-Type': 'application/json; charset=utf-8',\r\n                'access-control-allow-origin': '*'\r\n            },\r\n            body: JSON.stringify(\r\n                {\r\n                    \"Story_ID\": sid\r\n                }\r\n            )\r\n        })\r\n            .then(res => res.json())\r\n            .then((data) => {\r\n                likeCount.push(sid);\r\n                likeShowCount.push(sid);\r\n                this.setState({ alertBox: true });\r\n                localStorage.setItem('lcount', JSON.stringify(likeCount));\r\n                localStorage.setItem('lshowcount', JSON.stringify(likeShowCount));\r\n\r\n            })\r\n            .catch(console.log);\r\n    }\r\n\r\n    liked(e, sid) {\r\n        var likedList = JSON.parse(localStorage.getItem('lshowcount'));\r\n        var index = likedList.indexOf(sid);\r\n        //likedList.splice(likedList.indexOf(sid), 1);\r\n\r\n        if (e.target.src.includes('heart.png')) {\r\n            e.target.src = \"./images/DetailsLikeClicked.png\";\r\n            if (index > -1) {\r\n                likedList.splice(index, 1);\r\n            }\r\n            localStorage.setItem('lshowcount', JSON.stringify(likedList));\r\n        } else {\r\n            e.target.src = \"./images/heart.png\";\r\n            likedList.push(sid);\r\n            localStorage.setItem('lshowcount', JSON.stringify(likedList));\r\n            //this.toggleWarningBox();\r\n        }\r\n    }\r\n\r\n    vote(e) {\r\n        e.target.src = \"./images/DetailsVoteClicked.png\";\r\n        var votecount = localStorage.getItem('vcount') ? JSON.parse(localStorage.getItem('vcount')) : [];\r\n        fetch(this.state.apiUrl + '/CommonAPI/SubmitVote', {\r\n            method: 'POST',\r\n            headers: {\r\n                'token': process.env.REACT_APP_API_TOKEN,\r\n                'Content-Type': 'application/json; charset=utf-8',\r\n                'access-control-allow-origin': '*'\r\n            },\r\n            body: JSON.stringify(\r\n                {\r\n                    \"Story_ID\": this.state.id\r\n                }\r\n            )\r\n        })\r\n            .then(res => res.json())\r\n            .then((data) => {\r\n                votecount.push(this.state.id);\r\n                this.setState({ alertBox: true });\r\n                localStorage.setItem('vcount', JSON.stringify(votecount));\r\n            })\r\n            .catch(console.log);\r\n    }\r\n\r\n    expandImage() {\r\n        var imageSize = this.state.expandImage + 1;\r\n        console.log(imageSize);\r\n        if (imageSize > 1) {\r\n            this.setState({ expandImage: 0 })\r\n        } else {\r\n            this.setState({ expandImage: imageSize })\r\n        }\r\n\r\n    }\r\n\r\n    Zoom(action) {\r\n        var zoomSize;\r\n        var zoomVal = this.state.zoomVal;\r\n        if (action === 'increase') {\r\n            if (zoomVal <= 180) {\r\n                zoomSize = zoomVal + 20;\r\n                this.setState({ zoomVal: zoomSize })\r\n\r\n            }\r\n        } else {\r\n            if (zoomVal >= 40) {\r\n                zoomSize = zoomVal - 20;\r\n                this.setState({ zoomVal: zoomSize })\r\n\r\n            }\r\n        }\r\n\r\n    }\r\n\r\n    Challenge_IsValidVotingPeriod() {\r\n        fetch(this.state.apiUrl + '/ChallengeApi/IsValidVotingPeriod', {\r\n            method: 'POST',\r\n            headers: {\r\n                'token': process.env.REACT_APP_API_TOKEN,\r\n                'Content-Type': 'application/json; charset=utf-8',\r\n                'access-control-allow-origin': '*'\r\n            }\r\n        })\r\n            .then(res => res.json())\r\n            .then((data) => {\r\n                if (data === 'OK') {\r\n                    this.setState({ isVotingPeriod: true });\r\n                } else {\r\n                    this.setState({ isVotingPeriod: false });\r\n                }\r\n            })\r\n            .catch(console.log);\r\n    }\r\n\r\n    getCountry(id) {\r\n        fetch(this.state.apiUrl + '/CommonAPI/GetCountry', {\r\n            method: 'POST',\r\n            headers: {\r\n                'token': process.env.REACT_APP_API_TOKEN,\r\n                'Content-Type': 'application/json; charset=utf-8',\r\n                'access-control-allow-origin': '*'\r\n            },\r\n            body: JSON.stringify({\r\n                \"ID\": id\r\n            })\r\n        })\r\n            .then(res => res.json())\r\n            .then((data) => {\r\n                this.setState({ CountryList: data.ListingDetail });\r\n            })\r\n            .catch(console.log);\r\n    }\r\n\r\n    GetProject(id) {\r\n        fetch(this.state.apiUrl + '/CommonAPI/GetProject', {\r\n            method: 'POST',\r\n            headers: {\r\n                'token': process.env.REACT_APP_API_TOKEN,\r\n                'Content-Type': 'application/json; charset=utf-8',\r\n                'access-control-allow-origin': '*'\r\n            },\r\n            body: JSON.stringify({\r\n                \"ID\": id\r\n            })\r\n        })\r\n            .then(res => res.json())\r\n            .then((data) => {\r\n                this.setState({ ProjectList: data.ListingDetail });\r\n            })\r\n            .catch(console.log);\r\n    }\r\n\r\n    GetSchool(id) {\r\n        fetch(this.state.apiUrl + '/CommonAPI/GetSchool', {\r\n            method: 'POST',\r\n            headers: {\r\n                'token': process.env.REACT_APP_API_TOKEN,\r\n                'Content-Type': 'application/json; charset=utf-8',\r\n                'access-control-allow-origin': '*'\r\n            },\r\n            body: JSON.stringify({\r\n                \"ID\": id\r\n            })\r\n        })\r\n            .then(res => res.json())\r\n            .then((data) => {\r\n                this.setState({ SchoolList: data.ListingDetail });\r\n            })\r\n            .catch(console.log);\r\n    }\r\n\r\n    getTheme(id) {\r\n        fetch(this.state.apiUrl + '/CommonAPI/GetTheme', {\r\n            method: 'POST',\r\n            headers: {\r\n                'token': process.env.REACT_APP_API_TOKEN,\r\n                'Content-Type': 'application/json; charset=utf-8',\r\n                'access-control-allow-origin': '*'\r\n            },\r\n            body: JSON.stringify({\r\n                \"ID\": null,\r\n                \"Challenge_ID\": id,\r\n                \"Start_Index\": 1,\r\n                \"Max_Rows\": 1\r\n            })\r\n        })\r\n            .then(res => res.json())\r\n            .then((data) => {\r\n                this.setState({ ThemeList: data.ListingDetail });\r\n            })\r\n            .catch(console.log);\r\n    }\r\n\r\n    getStoryDetails() {\r\n        fetch(this.state.apiUrl + '/StoryAPI/GetStoryDetails', {\r\n            method: 'POST',\r\n            headers: {\r\n                'token': process.env.REACT_APP_API_TOKEN,\r\n                'Content-Type': 'application/json; charset=utf-8',\r\n                'access-control-allow-origin': '*'\r\n            },\r\n            body: JSON.stringify({\r\n                \"Story_ID\": this.state.id\r\n            })\r\n        })\r\n            .then(res => res.json())\r\n            .then((data) => {\r\n\r\n                if (data.Status === 'OK') {\r\n                    this.setState({ storyDetails: data.StoryDetail[0], StoryLayout: JSON.parse(data.StoryDetail[0].Story_Layout) });\r\n                    if (data.StoryDetail[0].Country_ID) {\r\n                        this.getCountry(data.StoryDetail[0].Country_ID);\r\n                    }\r\n                    if (data.StoryDetail[0].Project_ID) {\r\n                        this.GetProject(data.StoryDetail[0].Project_ID);\r\n                    }\r\n                    if (data.StoryDetail[0].School_ID) {\r\n                        this.GetSchool(data.StoryDetail[0].School_ID);\r\n                    }\r\n                    if (data.StoryDetail[0].Challenge_ID) {\r\n                        this.getTheme(data.StoryDetail[0].Challenge_ID);\r\n                    }\r\n\r\n                } else {\r\n                    window.alert(data.ErrorMessage);\r\n                }\r\n            })\r\n            .catch(console.log);\r\n    }\r\n\r\n    componentDidMount() {\r\n        this.Challenge_IsValidVotingPeriod();\r\n        this.getStoryDetails();\r\n    }\r\n\r\n    render() {\r\n        const isExpand = this.state.expandImage === 0 ? '400px' : this.state.expandImage === 1 ? '600px' : '';\r\n        const isBG = this.state.expandImage ? this.state.zoomVal + '% auto' : 'cover';\r\n        const details = this.state.storyDetails;\r\n        const struc_data = this.state.StoryLayout;\r\n        let likeArray = localStorage.getItem('lshowcount') ? localStorage.getItem('lshowcount') : [];\r\n        let voteArray = localStorage.getItem('vcount') ? localStorage.getItem('vcount') : [];\r\n        if (this.state.redirect2Search) {\r\n            return <Redirect to={`/stories?${this.state.searchVal}`} />\r\n        }\r\n\r\n        return (\r\n            <div className=\"StoryDetails\">\r\n                <div className=\"Container-fluid\">\r\n                    <div className=\"row m-0\">\r\n                        <div className=\"col-md-12 p-0 preview-control bg-dark\">\r\n                            <div className=\"position-relative\" style={{ width: '100%', 'height': isExpand, 'backgroundImage': 'url(' + encodeURI(details.Story_Image) + ')', 'backgroundRepeat': 'no-repeat', 'backgroundPosition': 'center center', 'backgroundSize': isBG, minHeight: '400px', transition: 'all 500ms' }}>\r\n                                {/* <div className=\"d-flex align-items-center mr-3 bg-light\"><img src=\"images/slice/2.stories/stories/icons/icon-heart.png\" className=\"img-fluid\" /></div> */}\r\n\r\n                                <div className=\"position-absolute d-flex justify-content-center align-items-center w-100 mb-2\" style={{ bottom: 0 }}>\r\n                                    {/* <button className=\"btn btn-pink mt-5\">Vote!</button><br /> */}\r\n\r\n                                    <button onClick={this.expandImage} className=\"btn btn-secondary mr-2\">VIEW IMAGE</button>\r\n                                    {this.state.expandImage === 1 && <div>\r\n                                        <a onClick={() => this.Zoom('increase')} className=\"mr-2 cursor_pointer\"><img src=\"./images/zoom_in.png\" /></a>\r\n                                        <a onClick={() => this.Zoom('decrease')} className=\"mr-2 cursor_pointer\"><img src=\"./images/zoom_out.png\" /></a>\r\n                                    </div>}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"container\">\r\n                        <div className=\"row mt-3\">\r\n                            <div className=\"col-12 col-md-6 d-flex justify-content-start align-items-center\">\r\n                                <a onClick={this.goBack} className=\"cursor_pointer color_113F70\"><img src=\"./images/back.png\" className=\"icons-md\" />&nbsp;Back </a>\r\n                            </div>\r\n                            <div className=\"col-12 col-md-6 py-3 py-md-0 d-flex justify-content-end align-items-center\">\r\n                                {!likeArray.includes(details.Story_ID) && <img as=\"button\" onClick={(e) => this.like(e, details.Story_ID)} src=\"images/DetailsLike.png\" className=\"cursor_pointer mr-2 h-100\" />}\r\n\r\n                                {likeArray.includes(details.Story_ID) && <img src=\"images/DetailsLikeClicked.png\" onClick={(e) => this.liked(e, details.Story_ID)} data-toggle=\"tooltip\" data-placement=\"top\" title=\"Like\" className=\"cursor_pointer mr-2 h-100\" />}\r\n\r\n                                {!voteArray.includes(details.Story_ID) && this.state.isVotingPeriod && <Link to={{ pathname: '/challenge', search: '?cp=true' }} className=\"pr-2\">\r\n                                    <img src=\"images/DetailsVote.png\" as=\"button\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Vote\" className=\"cursor_pointer mr-2\" />\r\n                                </Link>}\r\n\r\n                                {voteArray.includes(details.Story_ID) && this.state.isVotingPeriod && <Link to={{ pathname: '/challenge', search: '?cp=true' }}>\r\n                                    <img src=\"images/DetailsVoteClicked.png\" as=\"button\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"Vote\" className=\"cursor_pointer mr-2\" />\r\n                                </Link>}\r\n                                <div className=\"pl-3\" style={{borderLeft:'1px solid #CCC'}}>\r\n                                    { details.Story_FacebookURL && <a target=\"_blank\" href={details.Story_FacebookURL}><img src=\"./images/facebook.png\" className=\"icons-social mr-2\" /></a> }\r\n                                    { details.Story_InstagramURL && <a target=\"_blank\" href={details.Story_InstagramURL}><img src=\"./images/instagram.png\" className=\"icons-social\" /></a> }\r\n                                </div>\r\n\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"row mt-3 mt-md-5 mb-2\">\r\n                            <div className=\"col-md-12 text-center\">\r\n                                <h3 style={{ 'color': '#254D7C', wordBreak: 'break-word' }} className=\"text-Gotham font-weight-bold\">{details.Story_Title}</h3>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"row mb-1\">\r\n                            <div className=\"col-md-12 text-center\">\r\n                                <p dangerouslySetInnerHTML={{ __html: details.Story_Description }}></p>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"row mb-2\">\r\n                            <div className=\"col-md-12 text-center text-Gotham\" style={{ 'font-size': '14px' }}>\r\n                                Leader Name: {details.Contact_Name}\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"row mb-3\">\r\n                            <div className=\"col-md-12 text-center text-Gotham\" style={{ 'font-size': '14px' }}>\r\n                                {moment(details.Trip_StartDate).format('DD-MM-YYYY')}&nbsp; to &nbsp;{moment(details.Trip_EndDate).format('DD-MM-YYYY')}\r\n                            </div>\r\n                        </div>\r\n\r\n                        {/* <div className=\"row mb-3\">\r\n                        <div className=\"col-md-12 text-center\">\r\n                            <h3>Team Lorem Ipsum</h3>\r\n                        </div>\r\n                    </div> */}\r\n                        <div className=\"row mb-3\">\r\n                            <div className=\"col-md-12 d-md-flex flex-row justify-content-center\">\r\n                                {this.state.CountryList && this.state.CountryList.length > 0 && <div onClick={() => this.searchTag('Country')} className=\"text-light py-1 px-3 storyTag countryTag mr-2 mb-2 text-center\">\r\n                                    {this.state.CountryList.length > 0 ? this.state.CountryList[0].Listing_Name : ''}\r\n                                </div>}\r\n                                {this.state.SchoolList && this.state.SchoolList.length > 0 && <div onClick={() => this.searchTag('School')} className=\"text-light py-1 px-3 storyTag schoolTag mr-2 mb-2 text-center\">\r\n                                    {this.state.SchoolList.length > 0 ? this.state.SchoolList[0].Listing_Name : ''}\r\n                                </div>}\r\n                                {this.state.ProjectList && this.state.ProjectList.length > 0 && <div onClick={() => this.searchTag('Project')} className=\"text-light py-1 px-3 storyTag projectTag mr-2 mb-2 text-center\">\r\n                                    {this.state.ProjectList[0].Listing_Name}\r\n                                </div>}\r\n                                {this.state.ThemeList && this.state.ThemeList.length > 0 && <div onClick={() => this.searchTag('Theme')} className=\"text-light py-1 px-3 storyTag themeTag mr-2 mb-2 text-center\">\r\n                                    {this.state.ThemeList.length > 0 ? this.state.ThemeList[0].Listing_Name : ''}\r\n                                </div>}\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div className=\"container\">\r\n                        {struc_data.structure &&\r\n                            struc_data.structure.map((list, index) => {\r\n                                return (\r\n                                    <div key={index}>\r\n                                        <div className={list.classname}>\r\n                                            {\r\n                                                list.items.sort((a, b) => a.order > b.order ? 1 : -1).map((item, index2) => {\r\n                                                    return (\r\n                                                        <div key={index2} className={item.classname} style={{ 'padding': '20px ' }}>\r\n                                                            {item.type === 'image' && <div className=\"d-flex justify-content-center align-items-center\"><img src={item.content} className=\"img-fluid\" /></div>}\r\n                                                            {item.type === 'text' && <div dangerouslySetInnerHTML={{ __html: item.content }}></div>}\r\n                                                            {item.type === 'question' && <div><div className=\"mb-3 font-weight-bold\">{item.question}</div><div dangerouslySetInnerHTML={{ __html: item.content }}></div></div>}\r\n\r\n                                                        </div>\r\n                                                    )\r\n                                                })\r\n                                            }\r\n\r\n                                        </div>\r\n                                        <div className=\"d-flex justify-content-center\">\r\n                                            <div className=\"divided_line\"></div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                )\r\n                            })\r\n                        }\r\n\r\n                    </div>\r\n                </div>\r\n                <Toast className=\"position-fixed\" style={{ top: 0, left: \"50%\", zIndex: 999 }} onClose={this.toggleAlertBox} show={this.state.alertBox} animation={true} delay={2000} autohide>\r\n                    <Toast.Header>\r\n                        Thanks for your support!\r\n                </Toast.Header>\r\n                    <Toast.Body>\r\n                        <img src=\"./images/checked.png\" className=\"icons-md\" /> You have liked a story!\r\n                </Toast.Body>\r\n                </Toast>\r\n            </div>\r\n        );\r\n    }\r\n}\r\nexport default StoryDetails;\r\n","/* eslint-disable no-unused-vars */\r\n\r\nimport React, { Component } from 'react';\r\nimport { Route, Link, Redirect, BrowserRouter as Router, Switch } from 'react-router-dom';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport { Toast, Accordion, Card } from 'react-bootstrap';\r\nimport Slider from \"react-slick\";\r\nimport \"slick-carousel/slick/slick.css\";\r\nimport \"slick-carousel/slick/slick-theme.css\";\r\nimport moment from 'moment';\r\nimport CountdownBanner from './Components/CountdownBanner';\r\n\r\nvar getParams = function (url) {\r\n    var params = {};\r\n    var parser = document.createElement('a');\r\n    parser.href = url;\r\n    var query = parser.search.substring(1);\r\n    var vars = query.split('&');\r\n    for (var i = 0; i < vars.length; i++) {\r\n        var pair = vars[i].split('=');\r\n        params[pair[0]] = decodeURIComponent(pair[1]);\r\n    }\r\n    return params;\r\n};\r\n\r\n\r\nclass Challenge extends React.Component {\r\n    constructor(props) {\r\n        super();\r\n        this.state = {\r\n            apiUrl: window.$apiUrl,\r\n            currentChallenge: \"\",\r\n            storyRedirect: false,\r\n            storyRedirectID: \"\",\r\n            winnerFilter: 16,\r\n            filterProject: 16,\r\n            StoryList: [],\r\n            WinnerList: [],\r\n            ChallengeList: [],\r\n            ThemeList: [],\r\n            alertBox: false,\r\n            scrollToVote: false,\r\n            currentPage: 1,\r\n            noMoreTheme: false\r\n        };\r\n\r\n        this.ViewMore = this.ViewMore.bind(this);\r\n        this.getTheme = this.getTheme.bind(this);\r\n        this.vote = this.vote.bind(this);\r\n        this.ChangeProject = this.ChangeProject.bind(this);\r\n        this.getLatestChallenge = this.getLatestChallenge.bind(this);\r\n        this.toggleAlertBox = this.toggleAlertBox.bind(this);\r\n\r\n        this.currentParticipants = React.createRef();\r\n    }\r\n\r\n    toggleAlertBox() {\r\n        this.setState({ alertBox: !this.state.alertBox });\r\n    }\r\n\r\n    Challenge_IsValidVotingPeriod() {\r\n        fetch(this.state.apiUrl + '/ChallengeApi/IsValidVotingPeriod', {\r\n            method: 'POST',\r\n            headers: {\r\n                'token': process.env.REACT_APP_API_TOKEN,\r\n                'Content-Type': 'application/json; charset=utf-8',\r\n                'access-control-allow-origin': '*'\r\n            }\r\n        })\r\n            .then(res => res.json())\r\n            .then((data) => {\r\n                if (data === 'OK') {\r\n                    this.setState({ isVotingPeriod: true });\r\n                } else {\r\n                    this.setState({ isVotingPeriod: false });\r\n                }\r\n            })\r\n            .catch(console.log);\r\n    }\r\n\r\n    ViewMore() {\r\n        let currentPage = this.state.currentPage;\r\n        currentPage = currentPage + 1;\r\n        this.setState({ currentPage: currentPage });\r\n        this.getThemeList(currentPage);\r\n    }\r\n\r\n    vote(e, sid) {\r\n        e.target.disabled = true;\r\n        var votecount = localStorage.getItem('vcount') ? JSON.parse(localStorage.getItem('vcount')) : [];\r\n        fetch(this.state.apiUrl + '/CommonAPI/SubmitVote', {\r\n            method: 'POST',\r\n            headers: {\r\n                'token': process.env.REACT_APP_API_TOKEN,\r\n                'Content-Type': 'application/json; charset=utf-8',\r\n                'access-control-allow-origin': '*'\r\n            },\r\n            body: JSON.stringify(\r\n                {\r\n                    \"Story_ID\": sid\r\n\r\n                }\r\n            )\r\n        })\r\n            .then(res => res.json())\r\n            .then((data) => {\r\n                votecount.push(sid);\r\n                this.setState({ alertBox: true });\r\n                localStorage.setItem('vcount', JSON.stringify(votecount));\r\n            })\r\n            .catch(console.log);\r\n    }\r\n\r\n    getLatestChallenge(filterValue) {\r\n\r\n        fetch(this.state.apiUrl + '/ChallengeAPI/GetLatestChallenge', {\r\n            method: 'POST',\r\n            headers: {\r\n                'token': process.env.REACT_APP_API_TOKEN,\r\n                'Content-Type': 'application/json; charset=utf-8',\r\n                'access-control-allow-origin': '*'\r\n            }\r\n        })\r\n            .then(res => res.json())\r\n            .then((data) => {\r\n                if (data.Status === 'OK') {\r\n                    this.setState({ currentChallenge: data });\r\n                    this.getStoryList(this.state.filterProject, data.Challenge_ID);\r\n                    fetch(this.state.apiUrl + '/StoryAPI/GetStoryWinner', {\r\n                        method: 'POST',\r\n                        headers: {\r\n                            'token': process.env.REACT_APP_API_TOKEN,\r\n                            'Content-Type': 'application/json; charset=utf-8',\r\n                            'access-control-allow-origin': '*'\r\n                        },\r\n                        body: JSON.stringify({\r\n                            \"Challenge_ID\": data.Challenge_ID,\r\n                            \"Country_ID\": null,\r\n                            \"Project_ID\": filterValue ? filterValue : 16,\r\n                            \"School_ID\": null,\r\n                            \"Is_Feature\": null,\r\n                            \"Story_Title\": null\r\n                        })\r\n                    })\r\n                        .then(res => res.json())\r\n                        .then((winner_data) => {\r\n                            var getfilterValue = filterValue;\r\n                            if (winner_data.Status === 'OK') {\r\n                                this.setState({ WinnerList: winner_data.StoryDetail, winnerFilter: getfilterValue });\r\n                            } else {\r\n                                this.setState({ WinnerList: [], winnerFilter: getfilterValue });\r\n                            }\r\n                        })\r\n                        .catch(console.log);\r\n                }\r\n            })\r\n            .catch(console.log);\r\n    }\r\n\r\n    ChangeProject(pid) {\r\n        this.getStoryList(pid, this.state.currentChallenge.Challenge_ID);\r\n        this.setState({ filterProject: pid });\r\n    }\r\n\r\n    getStoryList(project, challengeID) {\r\n        fetch(this.state.apiUrl + '/StoryAPI/GetStoryList', {\r\n            method: 'POST',\r\n            headers: {\r\n                'token': process.env.REACT_APP_API_TOKEN,\r\n                'Content-Type': 'application/json; charset=utf-8',\r\n                'access-control-allow-origin': '*'\r\n            },\r\n            body: JSON.stringify({\r\n                \"Start_Index\": 1,\r\n                \"Max_Rows\": 1000,\r\n                \"Project_ID\": project,\r\n                \"Status\": 1,\r\n                \"Is_Publish\": 1,\r\n                \"Challenge_ID\": challengeID\r\n            })\r\n        })\r\n            .then(res => res.json())\r\n            .then((data) => {\r\n                if (data.Status === 'OK') {\r\n                    this.setState({ StoryList: data.StoryDetail });\r\n                } else {\r\n                    this.setState({ StoryList: [] });\r\n                }\r\n            })\r\n            .catch(console.log);\r\n\r\n\r\n    }\r\n\r\n    getChallenge() {\r\n        fetch(this.state.apiUrl + '/ChallengeAPI/GetChallengeList', {\r\n            method: 'POST',\r\n            headers: {\r\n                'token': process.env.REACT_APP_API_TOKEN,\r\n                'Content-Type': 'application/json; charset=utf-8',\r\n                'access-control-allow-origin': '*'\r\n            },\r\n            body: JSON.stringify(\r\n                {\r\n                    \"Challenge_ID\": null,\r\n                    \"Start_Index\": 1,\r\n                    \"Max_Rows\": 30,\r\n                    \"Challenge_Title\": null,\r\n                    \"Sort_Value\": null,\r\n                    \"Is_Ongoing\": 0\r\n                }\r\n            )\r\n        })\r\n            .then(res => res.json())\r\n            .then((data) => {\r\n                if (data.Status === 'OK') {\r\n                    this.setState({ ChallengeList: data.ChallengeDetail });\r\n                } else {\r\n                    this.setState({ ChallengeList: [] });\r\n                }\r\n\r\n            })\r\n            .catch(console.log);\r\n    }\r\n\r\n    getTheme(cID) {\r\n        fetch(this.state.apiUrl + '/CommonAPI/GetTheme', {\r\n            method: 'POST',\r\n            headers: {\r\n                'token': process.env.REACT_APP_API_TOKEN,\r\n                'Content-Type': 'application/json; charset=utf-8',\r\n                'access-control-allow-origin': '*'\r\n            },\r\n            body: JSON.stringify({\r\n                \"ID\": cID,\r\n                \"Challenge_ID\": null,\r\n                \"Start_Index\": 1,\r\n                \"Max_Rows\": 1\r\n            })\r\n        })\r\n            .then(res => res.json())\r\n            .then((data) => {\r\n                if (data.Status === 'OK') {\r\n                    this.setState({ storyRedirectID: data.ListingDetail[0].Listing_ID, storyRedirect: true });\r\n                }\r\n\r\n            })\r\n            .catch(console.log);\r\n    }\r\n\r\n    getThemeList(pageNo) {\r\n        fetch(this.state.apiUrl + '/CommonAPI/GetTheme', {\r\n            method: 'POST',\r\n            headers: {\r\n                'token': process.env.REACT_APP_API_TOKEN,\r\n                'Content-Type': 'application/json; charset=utf-8',\r\n                'access-control-allow-origin': '*'\r\n            },\r\n            body: JSON.stringify({\r\n                \"ID\": null,\r\n                \"Challenge_ID\": null,\r\n                \"Start_Index\": pageNo,\r\n                \"Max_Rows\": 2\r\n            })\r\n        })\r\n            .then(res => res.json())\r\n            .then((data) => {\r\n                if (data.Status === 'OK') {\r\n                    let ThemeList = this.state.ThemeList;\r\n                    data.ListingDetail.forEach(function (item, index) {\r\n                        ThemeList.push(item);\r\n                    });\r\n\r\n                    this.setState({ ThemeList: ThemeList });\r\n                } else {\r\n                    this.setState({ noMoreTheme: true });\r\n                }\r\n\r\n            })\r\n            .catch(console.log);\r\n    }\r\n\r\n\r\n    scrollToMyRef = () => window.scrollTo(0, this.currentParticipants.current.offsetTop);\r\n\r\n    componentDidMount() {\r\n        this.getLatestChallenge(16);\r\n        this.Challenge_IsValidVotingPeriod();\r\n        this.getChallenge();\r\n        this.getThemeList(1);\r\n        const filterValue = getParams(window.location.href);\r\n        if (filterValue.cp) {\r\n            this.scrollToMyRef();\r\n        }\r\n    }\r\n\r\n    render() {\r\n        const { currentChallenge } = this.state;\r\n        let voteArray = localStorage.getItem('vcount') ? localStorage.getItem('vcount') : [];\r\n        if (this.state.storyRedirect) {\r\n            return <Redirect to={`/stories?Theme=${this.state.storyRedirectID}`} />\r\n        }\r\n        function NextArrow(props) {\r\n            const { currentSlide, slideCount, className, onClick } = props;\r\n\r\n            return (\r\n                <div onClick={onClick}>\r\n                    <button className={\"slick-arrow slick-next\"} ><img src=\"./images/slideRight.png\" /></button>\r\n                </div>\r\n            );\r\n        }\r\n\r\n        function PrevArrow(props) {\r\n            const { currentSlide, slideCount, className, onClick } = props;\r\n\r\n            return (\r\n                <div onClick={onClick}>\r\n                    <button className={\"slick-arrow slick-prev\"} ><img src=\"./images/slideLeft.png\" /></button>\r\n                </div>\r\n            );\r\n        }\r\n        const settings1 = {\r\n            dots: false,\r\n            infinite: true,\r\n            autoplay: true,\r\n            autoplaySpeed: 3000,\r\n            slidesToShow: 1,\r\n            slidesToScroll: 1,\r\n            arrows: true,\r\n            prevArrow: <PrevArrow />,\r\n            nextArrow: <NextArrow />\r\n        };\r\n        var WinnerAnnouncement = false;\r\n        const now = moment();\r\n\r\n        if (moment(currentChallenge.Challenge_AnnouncementStartDate) < now && moment(currentChallenge.Challenge_AnnouncementEndDate) > now) {\r\n            WinnerAnnouncement = true;\r\n        } else {\r\n            WinnerAnnouncement = false;\r\n        }\r\n\r\n        return (\r\n            <div className=\"Challenge\">\r\n                <CountdownBanner />\r\n                { currentChallenge && <div className=\"container-fluid event-banner\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-md-12 text-center py-5 text-light text-Gotham\">\r\n                            <h3 className=\"m-0 font-Gotham-Bold\"><span className=\"text-uppercase\">{currentChallenge.Challenge_Title}</span></h3>\r\n                            <p className=\"my-2\">({moment(currentChallenge.Challenge_StartDate).format('DD MMM')} {moment(currentChallenge.Challenge_StartDate).format('YYYY')} - {moment(currentChallenge.Challenge_EndDate).format('DD MMM')} {moment(currentChallenge.Challenge_EndDate).format('YYYY')})</p>\r\n                            <h5>Result Release on {moment(currentChallenge.Challenge_AnnouncementStartDate).format('DD MMM YYYY')}</h5>\r\n                        </div>\r\n                    </div>\r\n                </div>}\r\n                { currentChallenge && <div className=\"container-fluid\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-md-12 py-5\">\r\n                            {/* <img src=\"images/slice/4.event/titles/Group 393.png\" className=\"img-fluid\" /> */}\r\n                            <div className=\"text-light font-weight-bold text-center text-Gotham\" style={{ backgroundColor: '#033369', transform: 'rotate(-2deg)', maxWidth: '350px', padding: '10px 0' }}>\r\n                                <span>ONGOING CHALLENGE</span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div className=\"container pb-md-5\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-md-12 slider\">\r\n                                <div className=\"d-md-flex flex-row\">\r\n                                    <div className=\"pr-md-3 slider-item\"><img src={currentChallenge.Challenge_Image} className=\"img-fluid w-100\" /></div>\r\n                                    <div className=\"py-3 py-md-0 slider-item\">\r\n                                        <h3 className=\"font-weight-bold color_113F70\">{currentChallenge.Challenge_Title}</h3>\r\n                                        {/* <p>Name: Lorem Ipsum</p> */}\r\n                                        <p dangerouslySetInnerHTML={{ __html: currentChallenge.Challenge_Description }}></p>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>}\r\n                {this.state.WinnerList && this.state.WinnerList.length > 0 && WinnerAnnouncement && <div className=\"container-fluid\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-md-12 py-5\">\r\n                            {/* <img src=\"images/slice/4.event/titles/Group 393.png\" className=\"img-fluid\" /> */}\r\n                            <div className=\"text-light font-weight-bold text-center text-Gotham\" style={{ backgroundColor: '#033369', transform: 'rotate(-2deg)', maxWidth: '350px', padding: '10px 0' }}>\r\n                                <span>WINNER ANNOUNCEMENT</span><br />\r\n                                {moment(currentChallenge.Challenge_AnnouncementStartDate).format('DD MMM YYYY')} to {moment(currentChallenge.Challenge_AnnouncementEndDate).format('DD MMM YYYY')}\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"row\">\r\n                        <div className=\"col-md-12 mb-3 theme-selection\">\r\n                            <ul className=\"d-flex flex-row justify-content-center m-0\">\r\n                                <li className={this.state.winnerFilter === 16 ? 'active' : ''} onClick={() => this.getLatestChallenge(16)}>YEP</li>\r\n                                <li className={this.state.winnerFilter === 17 ? 'active' : ''} onClick={() => this.getLatestChallenge(17)}>YEP GO</li>\r\n                            </ul>\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"container pb-md-5\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-md-12 slider\">\r\n                                <div className=\"d-flex justify-content-center align-items-center\">\r\n                                    {this.state.WinnerList.map((data, index) => {\r\n                                        return (\r\n                                            <div key={index} className=\"d-md-flex flex-row\">\r\n                                                <div className=\"pr-md-3 slider-item\"><img src={data.Story_Image} className=\"img-fluid w-100\" /></div>\r\n                                                <div className=\"py-3 py-md-0 slider-item\">\r\n                                                    <h3 className=\"font-weight-bold color_113F70\" style={{ wordBreak: 'break-word' }}>{data.Story_Title}</h3>\r\n                                                    {/* <p>Name: {data.Contact_Name}</p>\r\n\r\n                                                    <p>\r\n                                                        <small>{data.Trip_StartDate}&nbsp; to &nbsp;{data.Trip_EndDate}</small>\r\n                                                    </p> */}\r\n                                                    <p dangerouslySetInnerHTML={{ __html: data.Story_Description }}></p>\r\n                                                    <Link to={`/StoryDetails/${data.Story_ID}`} className=\"btn btn-outline-primary\">View Story</Link>\r\n                                                </div>\r\n                                            </div>\r\n                                        );\r\n                                    })\r\n\r\n                                    }\r\n                                </div >\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>}\r\n                {this.state.WinnerList && this.state.WinnerList.length <= 0 && WinnerAnnouncement &&\r\n                    <div className=\"container-fluid\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-md-12 py-5\">\r\n                                {/* <img src=\"images/slice/4.event/titles/Group 393.png\" className=\"img-fluid\" /> */}\r\n                                <div className=\"text-light font-weight-bold text-center\" style={{ backgroundColor: '#033369', transform: 'rotate(-2deg)', maxWidth: '350px', padding: '10px 0' }}>\r\n                                    <span>WINNER ANNOUNCEMENT</span><br />\r\n                                    {moment(currentChallenge.Challenge_AnnouncementStartDate).format('DD MMM YYYY')} to {moment(currentChallenge.Challenge_AnnouncementEndDate).format('DD MMM YYYY')}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"row\">\r\n                            <div className=\"col-md-12 mb-3 theme-selection\">\r\n                                <ul className=\"d-flex flex-row justify-content-center m-0\">\r\n                                    <li className={this.state.winnerFilter === 16 ? 'active' : ''} onClick={() => this.getLatestChallenge(16)}>YEP</li>\r\n                                    <li className={this.state.winnerFilter === 17 ? 'active' : ''} onClick={() => this.getLatestChallenge(17)}>YEP GO</li>\r\n                                </ul>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"container pb-md-5\">\r\n                            <div className=\"row\">\r\n                                <div className=\"col-md-12 text-center mt-3\">\r\n\r\n                                    Winner announcement date: {moment(currentChallenge.Challenge_AnnouncementStartDate).format('DD MMM YYYY')} to {moment(currentChallenge.Challenge_AnnouncementEndDate).format('DD MMM YYYY')}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                }\r\n\r\n                <div className=\"container-fluid\" ref={this.currentParticipants}>\r\n                    <div className=\"row\">\r\n                        {/* <div className=\"col-md-12 py-5\">\r\n                            <img src=\"images/slice/4.event/titles/titles/currentpart.png\" className=\"img-fluid\" />\r\n                        </div> */}\r\n                        <div className=\"col-md-12 py-5\">\r\n                            {/* <img src=\"images/slice/4.event/titles/Group 393.png\" className=\"img-fluid\" /> */}\r\n                            <div className=\"text-light font-weight-bold text-center text-Gotham\" style={{ backgroundColor: '#033369', transform: 'rotate(-2deg)', maxWidth: '350px', padding: '10px 0' }}>\r\n                                <span>CURRENT PARTICIPANTS</span>\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n                    <div className=\"row\">\r\n                        <div className=\"col-md-12 mb-3 theme-selection\">\r\n                            <ul className=\"d-flex flex-row justify-content-center m-0\">\r\n                                <li className={this.state.filterProject === 16 ? 'active' : ''} onClick={() => this.ChangeProject(16)}>YEP</li>\r\n                                <li className={this.state.filterProject === 17 ? 'active' : ''} onClick={() => this.ChangeProject(17)}>YEP GO</li>\r\n                            </ul>\r\n                        </div>\r\n                    </div>\r\n                    {this.state.StoryList.length > 0 && <div className=\"container current_participant\">\r\n                        <div className=\"row\">\r\n                            {/* <div className=\"col-md-12 slider2 pb-md-5\"> */}\r\n                            {/* <Slider {...settings2} className=\"d-flex justify-content-center align-items-center\"> */}\r\n                            {this.state.StoryList.map((data, index) => {\r\n                                return (\r\n                                    <div key={index} className=\"col-6 col-md-3 pb-3\">\r\n                                        <div className=\"item-img bg-light d-flex align-items-center\">\r\n                                            <Link to={`/StoryDetails/${data.Story_ID}`}><img src={data.Story_Image} alt={data.Story_Title} className=\"img-fluid\" /></Link>\r\n                                            {/* <div className=\"position-absolute masonry-item-tag winner-tag\">\r\n                                                Challenge Winner!\r\n                                            </div> */}\r\n                                        </div>\r\n                                        <div className=\"py-3 py-md-0 m-2\">\r\n                                            <p className=\"m-0 font-weight-bold color_113F70 text-truncate py-2\" style={{ maxWidth: '300px' }}>{data.Story_Title}</p>\r\n                                            <small><div className=\"text-truncate mb-2\" style={{ maxWidth: '300px' }}>{data.Story_Description}</div></small>\r\n\r\n                                            {!voteArray.includes(data.Story_ID) && this.state.isVotingPeriod && <button className=\"btn btn-outline-primary w-100\" onClick={(e) => this.vote(e, data.Story_ID)}>Vote</button>}\r\n                                            {voteArray.includes(data.Story_ID) && this.state.isVotingPeriod && <button className=\"btn btn-outline-primary w-100\" disabled=\"true\">Vote</button>}\r\n                                        </div>\r\n                                    </div>\r\n                                );\r\n                            })\r\n\r\n                            }\r\n                            {/* </Slider> */}\r\n                            {/* </div> */}\r\n                        </div>\r\n                    </div>}\r\n                    {this.state.StoryList.length <= 0 && <div className=\"container current_participant\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-md-12 text-center\">\r\n                                No Participant!\r\n                           </div>\r\n                        </div>\r\n                    </div>}\r\n                </div>\r\n\r\n                <div className=\"container-fluid\">\r\n                    <div className=\"row\">\r\n                        {/* <div className=\"col-md-12 py-5\">\r\n                            <img src=\"images/slice/4.event/titles/Group 467.png\" className=\"img-fluid\" />\r\n                        </div> */}\r\n                        <div className=\"col-md-12 py-5\">\r\n                            {/* <img src=\"images/slice/4.event/titles/Group 393.png\" className=\"img-fluid\" /> */}\r\n                            <div className=\"text-light font-weight-bold text-center text-Gotham\" style={{ backgroundColor: '#033369', transform: 'rotate(-2deg)', maxWidth: '350px', padding: '10px 0' }}>\r\n                                <span>COLLECTION BY THEME</span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    {/* <div className=\"row\">\r\n                        <div className=\"col-md-12 mb-3 theme-selection\">\r\n                            <ul className=\"d-flex flex-row justify-content-center m-0\">\r\n                                <li>Theme 1</li>\r\n                                <li>Theme 2</li>\r\n                                <li>Theme 3</li>\r\n                                <li>Theme 4</li>\r\n                            </ul>\r\n                        </div>\r\n                    </div> */}\r\n                    <div className=\"container pb-md-5\">\r\n                        <div className=\"row\">\r\n                            {this.state.ThemeList.map((data, index) => {\r\n                                return (\r\n                                    <div key={index} className=\"col-md-6 mt-3 cursor_pointer\" onClick={() => this.getTheme(data.Listing_ID)}>\r\n                                        <h4 className=\"font-weight-bold color_113F70\">#{data.Listing_Name}</h4>\r\n                                        <div className=\"position-relative overflow-hidden\">\r\n                                            <img src={data.Listing_Icon} alt={data.Listing_Name} className=\"img-fluid w-100\" />\r\n                                            <div className=\"position-absolute masonry-item-tag color_113F70 font-weight-bold\">\r\n                                                {data.Story_Count} STORIES\r\n                                        </div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                );\r\n                            })\r\n\r\n                            }\r\n                        </div>\r\n                        <div className=\"row mt-5\">\r\n                            <div className=\"col-md-12 d-flex justify-content-center\">\r\n                                {!this.state.noMoreTheme && <button className=\"btn btn-outline-primary\" onClick={this.ViewMore}>VIEW MORE</button>}\r\n                                {this.state.noMoreTheme && <span>No more theme</span>}\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n                <div className=\"container-fluid\">\r\n                    <div className=\"row\">\r\n                        {/* <div className=\"col-md-12 py-5\">\r\n                            <img src=\"images/slice/4.event/titles/Group 543.png\" className=\"img-fluid\" />\r\n                        </div> */}\r\n                        <div className=\"col-md-12 py-5\">\r\n                            {/* <img src=\"images/slice/4.event/titles/Group 393.png\" className=\"img-fluid\" /> */}\r\n                            <div className=\"text-light font-weight-bold text-center text-Gotham\" style={{ backgroundColor: '#033369', transform: 'rotate(-2deg)', maxWidth: '350px', padding: '10px 0' }}>\r\n                                <span>FAQ</span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"container faq h-100\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-md-12\">\r\n                                <Accordion defaultActiveKey=\"0\">\r\n                                    <Card>\r\n                                        <Accordion.Toggle as={Card.Header} className=\"color_113F70 font-weight-bold\" eventKey=\"0\">\r\n                                            Who can participate?\r\n                                        </Accordion.Toggle>\r\n                                        <Accordion.Collapse eventKey=\"0\">\r\n                                            <Card.Body>\r\n                                                Only YEP or YEP-GO teams who submit stories during the challenge participation dates can participate.\r\n                                            </Card.Body>\r\n                                        </Accordion.Collapse>\r\n                                    </Card>\r\n                                    <Card>\r\n                                        <Accordion.Toggle as={Card.Header} className=\"color_113F70 font-weight-bold\" eventKey=\"1\">\r\n                                            How can I participate?\r\n                                        </Accordion.Toggle>\r\n                                        <Accordion.Collapse eventKey=\"1\">\r\n                                            <Card.Body>\r\n                                                You can participate when submitting your story. You will be directed to select a photo best suited for the theme(s) and include a relevant short caption. Your submission will automatically be enrolled into the challenge once your story is approved and based on the time period of submission.\r\n\r\n                                        </Card.Body>\r\n                                        </Accordion.Collapse>\r\n                                    </Card>\r\n                                    <Card>\r\n                                        <Accordion.Toggle as={Card.Header} className=\"color_113F70 font-weight-bold\" eventKey=\"2\">\r\n                                            How do I get votes?\r\n                                        </Accordion.Toggle>\r\n                                        <Accordion.Collapse eventKey=\"2\">\r\n                                            <Card.Body>\r\n                                                You can share your submission to your friends and families to garner votes. Each IP address is allocated to 1 vote across all themes.\r\n\r\n                                        </Card.Body>\r\n                                        </Accordion.Collapse>\r\n                                    </Card>\r\n                                    <Card>\r\n                                        <Accordion.Toggle as={Card.Header} className=\"color_113F70 font-weight-bold\" eventKey=\"3\">\r\n                                            How do I vote?\r\n\r\n                                        </Accordion.Toggle>\r\n                                        <Accordion.Collapse eventKey=\"3\">\r\n                                            <Card.Body>\r\n                                                A vote button will appear on each submission. You can vote anytime during the voting period.\r\n\r\n                                        </Card.Body>\r\n                                        </Accordion.Collapse>\r\n                                    </Card>\r\n                                    <Card>\r\n                                        <Accordion.Toggle as={Card.Header} className=\"color_113F70 font-weight-bold\" eventKey=\"4\">\r\n                                            How are the winners selected?\r\n                                        </Accordion.Toggle>\r\n                                        <Accordion.Collapse eventKey=\"4\">\r\n                                            <Card.Body>\r\n                                                1 winner will be selected per theme for YEP and YEP-GO each. Submissions will be assessed on a set of criteria such as number of votes, relevance of caption, relevance to theme and quality of submission. Winners will be notified via email approximately 1 month after voting period has ended.\r\n                                        </Card.Body>\r\n                                        </Accordion.Collapse>\r\n                                    </Card>\r\n                                    <Card>\r\n                                        <Accordion.Toggle as={Card.Header} className=\"color_113F70 font-weight-bold\" eventKey=\"5\">\r\n                                            I have questions still unanswered.\r\n                                        </Accordion.Toggle>\r\n                                        <Accordion.Collapse eventKey=\"5\">\r\n                                            <Card.Body>\r\n                                                Please reach out to us at <a href=\"mailto:yep_enquiries@nyc.gov.sg\">yep_enquiries@nyc.gov.sg</a>. We will get back to you shortly.\r\n                                        </Card.Body>\r\n                                        </Accordion.Collapse>\r\n                                    </Card>\r\n                                </Accordion>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <Toast className=\"position-fixed\" style={{ top: 0, left: '50%', transform: 'translate(-50%, 0)', zIndex: 999 }} onClose={this.toggleAlertBox} show={this.state.alertBox} animation={true} delay={2000} autohide>\r\n                    <Toast.Header>\r\n                        Thanks for your support!\r\n                </Toast.Header>\r\n                    <Toast.Body>\r\n                        <img src=\"./images/checked.png\" className=\"icons-md\" /> You have submitted a vote to this story\r\n                </Toast.Body>\r\n                </Toast>\r\n            </div>\r\n        );\r\n    }\r\n}\r\n\r\nexport default Challenge;\r\n\r\n","/* eslint-disable no-unused-vars */\r\nimport React from 'react';\r\nimport { Route, Link, Redirect, BrowserRouter as Router, Switch } from 'react-router-dom';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport { Table, Modal, Toast, Row, Col, OverlayTrigger, Popover } from 'react-bootstrap';\r\nimport JoditEditor from \"jodit-react\";\r\nimport Moment from 'moment';\r\n\r\n// const titleKey = 'titlekey';\r\n// const descKey = 'desckey';\r\n// const schoolTagKey = 'stk';\r\n// const projectTagKey = 'ptk';\r\n// const countryTagKey = 'ctk';\r\n// const themeTagKey = 'ttk';\r\n//const BannerImgKey = 'bnk';\r\n// const LeaderNameKey = 'lnk';\r\n// const StartDateKey = 'sdk';\r\n// const EndDateKey = 'edk';\r\n// const fbKey = 'fbk';\r\n// const igKey = 'igk';\r\n\r\nclass FormData extends React.Component {\r\n    constructor(props) {\r\n        super();\r\n        this.state = {\r\n            apiUrl: window.$apiUrl,\r\n            FormData: props.Data,\r\n            CountryList: [],\r\n            ProjectList: [],\r\n            SchoolList: [],\r\n            ThemeList: [],\r\n            file: \"\",\r\n            config: {\r\n                removeButtons: ['source', 'strikethrough', 'superscript', 'subscript', 'brush', 'image', 'file', 'video', 'symbol', 'fullsize', 'print', 'preview', 'find', 'about', 'table', 'paragraph'],\r\n                height: 300,\r\n                showXPathInStatusbar: false,\r\n                showCharsCounter: false,\r\n                showWordsCounter: true,\r\n                toolbarAdaptive: false\r\n            },\r\n            FilledForm:{\r\n                title: '',\r\n                description:'',\r\n                countryTag: '',\r\n                projectTag: '',\r\n                schoolTag: '',\r\n                themeTag: '',\r\n                imgPreview:'',\r\n                leaderName:'',\r\n                startDate: '',\r\n                endDate: '',\r\n                fbLink: '',\r\n                igLink: '',\r\n            }\r\n        };\r\n\r\n        this.handleFieldValue = this.handleFieldValue.bind(this);\r\n        this.handleJoditField = this.handleJoditField.bind(this);\r\n        this.fileUpload = this.fileUpload.bind(this);\r\n        this.GoToPreview = this.GoToPreview.bind(this);\r\n        this.submitForm = this.submitForm.bind(this);\r\n\r\n        this.recaptchaRef = React.createRef();\r\n    }\r\n\r\n    GoToPreview() {\r\n        this.props.GoToPreview(this.state.FilledForm);\r\n    }\r\n\r\n    fileUpload(e, index) {\r\n        var fileName = e.target.files[0].name.split('.').slice(0, -1).join('.');\r\n        var re = /^[0-9a-zA-Z\\_\\- ]+$/;\r\n\r\n        if (e.target.files[0] && re.test(fileName)) {\r\n            let FilledForm = this.state.FilledForm;\r\n            let FormData = this.state.FormData;\r\n            this.setState({ file: e.target.files[0] });\r\n            this.props.FileUpload(e.target.files[0]);\r\n            FormData[index].value = e.target.files;\r\n            FormData[index].touched = true;\r\n            \r\n            var reader = new FileReader();\r\n\r\n            reader.onload = (e) => {\r\n                document.querySelector(\"#loadImage\").setAttribute('src', e.target.result);\r\n                FilledForm.imgPreview = e.target.result;\r\n                this.setState({ FormData: FormData, FilledForm: FilledForm  });\r\n                //localStorage[BannerImgKey] = e.target.result;\r\n            }\r\n            reader.readAsDataURL(e.target.files[0]);\r\n        } else {\r\n            e.target.value = \"\";\r\n            alert(\"A file name cannot contain any of the following characters \\\\ / : * ? \\\" < > | # { } % ~ &\");\r\n        }\r\n    }\r\n\r\n    handleJoditField(value, index) {\r\n        let FormData = this.state.FormData;\r\n        FormData[index].value = value;\r\n        FormData[index].touched = true;\r\n        // if (index === 7) {\r\n           \r\n        // }\r\n        if (value === \"\") {\r\n            FormData[index].error = true;\r\n        }\r\n        this.setState({ FormData: FormData });\r\n    }\r\n\r\n    handleFieldValue(e, index, refName) {\r\n        let name = e.target.name;\r\n        let value = e.target.value;\r\n        let type = e.target.type;\r\n        let FormData = this.state.FormData;\r\n        let FillForm =  this.state.FilledForm;\r\n\r\n        const emailRegexp = /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n\r\n        switch (type) {\r\n            case 'select-one':\r\n                var selectedIndex = e.nativeEvent.target.selectedIndex;\r\n                FormData[index].value = value;\r\n                if (value === 'Others') {\r\n                    FormData[index].isOtherField = true;\r\n                } else {\r\n                    FormData[index].isOtherField = false;\r\n                }\r\n\r\n                if (name === 'Country_ID') {\r\n                    FillForm.countryTag = e.nativeEvent.target[selectedIndex].text;\r\n                } else if (name === 'Project_ID') {\r\n                    FillForm.projectTag = e.nativeEvent.target[selectedIndex].text;\r\n                } else if (name === 'School_ID') {\r\n                    FillForm.schoolTag = e.nativeEvent.target[selectedIndex].text;\r\n                } else if (name === 'Theme_ID') {\r\n                    FillForm.themeTag = e.nativeEvent.target[selectedIndex].text;\r\n                }\r\n\r\n                break;\r\n            case 'email':\r\n                if (emailRegexp.test(value)) {\r\n                    FormData[index].value = value;\r\n                    FormData[index].touched = true;\r\n                } else {\r\n                    FormData[index].value = \"\";\r\n                    FormData[index].touched = true;\r\n                }\r\n                break;\r\n            case 'date':\r\n                if (name === 'Trip_StartDate') {\r\n                    FormData[index].value = value;\r\n                    FormData[index].touched = true;\r\n                    FillForm.startDate = value;\r\n                } else if (name === 'Trip_EndDate') {\r\n                    FormData[index].value = value;\r\n                    FormData[index].touched = true;\r\n                    FillForm.endDate = value;\r\n                }\r\n                break;\r\n            default:\r\n                if(name === 'Story_Description'){\r\n                    var count_word = value.trim().split(/\\s+/).length;\r\n                    if(count_word <= 25){\r\n                        FormData[index].value = value;\r\n                        FormData[index].touched = true;\r\n                    }else{\r\n                      return false;\r\n                    }\r\n                }else{\r\n                    FormData[index].value = value;\r\n                    FormData[index].touched = true;\r\n                }\r\n               \r\n        }\r\n\r\n        if (name === 'Story_Title') {\r\n            FillForm.title = value;\r\n        } else if (name === 'Contact_Name') {\r\n            FillForm.leaderName = value;\r\n        }else if(name === 'Story_Description'){\r\n            var count_word = value.trim().split(/\\s+/).length;\r\n            if(count_word <= 25){\r\n                FillForm.description = value;  \r\n            }else{\r\n              return false;\r\n            }\r\n        }else if(name === 'Story_FacebookURL'){\r\n            FillForm.fbLink = value;\r\n        }else if(name === 'Story_InstagramURL'){\r\n            FillForm.igLink = value;\r\n        }\r\n\r\n        if (value === \"\") {\r\n            FormData[index].error = true;\r\n        }\r\n        this.setState({ FormData: FormData });\r\n    }\r\n\r\n    getCountry() {\r\n        fetch(this.state.apiUrl + '/CommonAPI/GetCountry', {\r\n            method: 'POST',\r\n            headers: {\r\n                'token': process.env.REACT_APP_API_TOKEN,\r\n                'Content-Type': 'application/json; charset=utf-8',\r\n                'access-control-allow-origin': '*'\r\n            },\r\n            body: JSON.stringify({\r\n                \"ID\": null\r\n            })\r\n        })\r\n            .then(res => res.json())\r\n            .then((data) => {\r\n                if (data.Status === 'OK') {\r\n                    this.setState({ CountryList: data.ListingDetail });\r\n                }\r\n\r\n            })\r\n            .catch(console.log);\r\n    }\r\n\r\n    GetProject() {\r\n        fetch(this.state.apiUrl + '/CommonAPI/GetProject', {\r\n            method: 'POST',\r\n            headers: {\r\n                'token': process.env.REACT_APP_API_TOKEN,\r\n                'Content-Type': 'application/json; charset=utf-8',\r\n                'access-control-allow-origin': '*'\r\n            },\r\n            body: JSON.stringify({\r\n                \"ID\": null\r\n            })\r\n        })\r\n            .then(res => res.json())\r\n            .then((data) => {\r\n                if (data.Status === 'OK') {\r\n                    this.setState({ ProjectList: data.ListingDetail });\r\n                }\r\n            })\r\n            .catch(console.log);\r\n    }\r\n\r\n    GetSchool() {\r\n        fetch(this.state.apiUrl + '/CommonAPI/GetSchool', {\r\n            method: 'POST',\r\n            headers: {\r\n                'token': process.env.REACT_APP_API_TOKEN,\r\n                'Content-Type': 'application/json; charset=utf-8',\r\n                'access-control-allow-origin': '*'\r\n            },\r\n            body: JSON.stringify({\r\n                \"ID\": null\r\n            })\r\n        })\r\n            .then(res => res.json())\r\n            .then((data) => {\r\n                if (data.Status === 'OK') {\r\n                    this.setState({ SchoolList: data.ListingDetail });\r\n                }\r\n            })\r\n            .catch(console.log);\r\n    }\r\n\r\n    getTheme() {\r\n        fetch(this.state.apiUrl + '/ChallengeAPI/GetLatestChallenge', {\r\n            method: 'POST',\r\n            headers: {\r\n                'token': process.env.REACT_APP_API_TOKEN,\r\n                'Content-Type': 'application/json; charset=utf-8',\r\n                'access-control-allow-origin': '*'\r\n            }\r\n        })\r\n            .then(res => res.json())\r\n            .then((data) => {\r\n                if (data.Status === 'OK') {\r\n                    fetch(this.state.apiUrl + '/CommonAPI/GetTheme', {\r\n                        method: 'POST',\r\n                        headers: {\r\n                            'token': process.env.REACT_APP_API_TOKEN,\r\n                            'Content-Type': 'application/json; charset=utf-8',\r\n                            'access-control-allow-origin': '*'\r\n                        },\r\n                        body: JSON.stringify({\r\n                            \"ID\": null,\r\n                            \"Challenge_ID\": data.Challenge_ID,\r\n                            \"Start_Index\": 1,\r\n                            \"Max_Rows\": 1000\r\n                        })\r\n                    })\r\n                        .then(res => res.json())\r\n                        .then((themeData) => {\r\n                            if (themeData.Status === 'OK') {\r\n                                this.setState({ ThemeList: themeData.ListingDetail });\r\n                            } else {\r\n                                this.setState({ ThemeList: [] });\r\n                            }\r\n                        })\r\n                        .catch(console.log);\r\n                }\r\n\r\n            })\r\n            .catch(console.log);\r\n\r\n    }\r\n\r\n    submitForm(e) {\r\n        e.preventDefault();\r\n        var isAbletoSubmit = false;\r\n        var checkSubmission = [];\r\n        let FormData = this.state.FormData;\r\n        FormData.forEach(function (item, index) {\r\n            item.touched = true;\r\n            if (item.isRequired && item.touched && item.value === \"\") {\r\n                checkSubmission.push(false);\r\n            }\r\n        });\r\n\r\n        this.setState({ FormData: FormData });\r\n        var serialize = require('form-serialize');\r\n        var form = this.SubmitForm;\r\n        var obj = serialize(form, { hash: true });\r\n\r\n        if (checkSubmission.length > 0) {\r\n            isAbletoSubmit = false;\r\n        } else {\r\n            isAbletoSubmit = true;\r\n        }\r\n        if (isAbletoSubmit) {\r\n            this.props.FormSubmit(obj, true);\r\n        } else {\r\n            this.props.FormSubmit(obj, false);\r\n        }\r\n    }\r\n\r\n    componentDidMount() {\r\n        this.GetSchool();\r\n        this.getCountry();\r\n        this.GetProject();\r\n        this.getTheme();\r\n        this.SubmitForm.reset();\r\n        // localStorage.removeItem('struckey');\r\n        // localStorage.removeItem('titlekey');\r\n        // localStorage.removeItem('desckey');\r\n        // localStorage.removeItem('stk');\r\n        // localStorage.removeItem('ptk');\r\n        // localStorage.removeItem('ctk');\r\n        // localStorage.removeItem('bnk');\r\n        // localStorage.removeItem('lnk');\r\n        // localStorage.removeItem('sdk');\r\n        // localStorage.removeItem('edk');\r\n        // localStorage.removeItem('fbk');\r\n        // localStorage.removeItem('igk');\r\n    }\r\n\r\n    render() {\r\n        const popover = (\r\n            <Popover id=\"popover-basic\">\r\n                <Popover.Title as=\"h3\">Instructions and Notes</Popover.Title>\r\n                <Popover.Content>\r\n                    <ol className=\"list-unstyle pl-3\">\r\n                        <li className=\"mb-2\">When submitting story during the challenge participation period, this picture and caption will be used as your submission for the challenge.</li>\r\n                        <li className=\"mb-2\">More information and FAQs about the challenge can be found <Link className=\"text-link\" target=\"_blank\" to={`/challenge`}>here</Link></li>\r\n                        <li className=\"mb-2\">Photos submitted should be in landscape and in JPEG format. Photo submitted need to be in the size of 1MB and in the (1920x1080) resolution.</li>\r\n                        <li className=\"mb-2\">Your photo caption should be relevant to the photo banner, theme of the challenge and kept to a maximum of 25 words.</li>\r\n                    </ol>\r\n                </Popover.Content>\r\n            </Popover>\r\n        );\r\n\r\n        return (\r\n            <form className=\"w-100\" ref={el => this.SubmitForm = el} onSubmit={(e) => this.submitForm(e)}>\r\n                <div className=\"d-flex justify-content-end align-items-center my-3\">\r\n                    {/* <Link to={'/preview'} target=\"_blank\" className=\"btn btn-outline-primary mr-2\" onClick={this.GoToPreview}>Preview</Link> */}\r\n                    <button to={'/preview'} type=\"button\" className=\"btn btn-outline-primary mr-2\" onClick={this.GoToPreview}>Preview</button>\r\n                    <button type=\"submit\" className=\"btn btn-outline-primary mr-2\" >Create</button>\r\n                    {/* <button className=\"btn btn-primary\" onClick={this.handlePublishModal}>Publish</button> */}\r\n                </div>\r\n                <div className=\"d-flex justify-content-start w-100\">\r\n                    <h2 className=\"color_113F70\">Create Your Story</h2>\r\n                    {/* <div>\r\n                        <OverlayTrigger trigger=\"click\" placement=\"right\" overlay={popover}>\r\n                            <img src=\"./images/info.png\" className=\"icons-md cursor_pointer\" />\r\n                        </OverlayTrigger>\r\n\r\n                    </div> */}\r\n                </div>\r\n                <div className=\"pt-2 mb-5\">\r\n                    <div><b>Instructions and Notes</b><span className=\"text-danger\">*</span></div>\r\n                    <ol className=\"list-unstyle pl-3\">\r\n                        <li className=\"mb-2\">Submit a story only if you are a YEP or YEP-GO team.</li>\r\n                        <li className=\"mb-2\">Complete all 3 sections of “Submit Story” as part of your YEP or YEP-GO closure requirements.</li>\r\n                        <li className=\"mb-2\">Your submitted story will take approximately 1 week to be approved and published. Incomplete or unsatisfactory submissions will be rejected and has to be resubmitted.</li>\r\n                    </ol>\r\n                </div>\r\n\r\n                <div>\r\n                    <h3 className=\"color_113F70\">Personal and Project Information</h3>\r\n                </div>\r\n                <div className=\"table-form mt-3\" id=\"customLayoutForm\">\r\n                    <div>\r\n                        {\r\n                            this.state.FormData.map((data, index) => {\r\n                                if (data.condition === '') {\r\n                                    if (data.type === 'dropdown') {\r\n                                        return (\r\n                                            <div key={index} className=\"mb-3\">\r\n                                                <div className=\"mb-1\">{data.label} {data.isRequired && <span className=\"text-danger\">*</span>}</div>\r\n                                                <div>\r\n                                                    <div>\r\n                                                        <select onChange={(e) => this.handleFieldValue(e, index)} ref={el => this[`${data.name}`] = el} name={data.name} defaultValue={data.value} className={data.isRequired && data.touched && data.value === \"\" ? 'is-invalid ' + data.className : data.className}>\r\n                                                            <option value=\"\">Please select...</option>\r\n                                                            {\r\n                                                                data.label === 'Country' && this.state.CountryList.map((option, optIndex) => {\r\n                                                                    return (\r\n                                                                        <option key={optIndex} value={option.Listing_ID}>{option.Listing_Name}</option>\r\n                                                                    );\r\n                                                                })\r\n\r\n                                                            }\r\n                                                            {\r\n                                                                data.label === 'Organization' && this.state.SchoolList.map((option, optIndex) => {\r\n                                                                    return (\r\n                                                                        <option key={optIndex} value={option.Listing_ID}>{option.Listing_Name}</option>\r\n                                                                    );\r\n                                                                })\r\n                                                            }\r\n                                                            {\r\n                                                                data.label === 'Project' && this.state.ProjectList.map((option, optIndex) => {\r\n                                                                    return (\r\n                                                                        <option key={optIndex} value={option.Listing_ID}>{option.Listing_Name}</option>\r\n                                                                    );\r\n                                                                })\r\n                                                            }\r\n                                                            {\r\n                                                                data.label === 'Theme' && this.state.ThemeList.map((option, optIndex) => {\r\n                                                                    return (\r\n                                                                        <option key={optIndex} value={option.Listing_ID}>{option.Listing_Name}</option>\r\n                                                                    );\r\n                                                                })\r\n                                                            }\r\n\r\n                                                        </select>\r\n                                                        {data.isRequired && data.touched && data.value === \"\" && <small className=\"text-danger\">{data.errorMessage}</small>}\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                        );\r\n                                    } else if (data.type === 'text' || data.type === 'email' || data.type === 'number') {\r\n                                        return (\r\n                                            <div className=\"mb-3\" key={index}>\r\n                                                <div className=\"mb-1\">{data.label} {data.isRequired && <span className=\"text-danger\">*</span>}</div>\r\n                                                <div>\r\n                                                    <div>\r\n                                                        <input readOnly={data.isReadOnly} ref={el => this[`${data.name}`] = el} name={data.name} defaultValue={data.value} onBlur={(e) => this.handleFieldValue(e, index, data.name)} className={data.isRequired && data.touched && data.value === \"\" ? 'is-invalid ' + data.className : data.className} type={data.type} placeholder={data.placeholder} />\r\n                                                        {data.isRequired && data.touched && data.value === \"\" && <small className=\"text-danger\">{data.errorMessage}</small>}\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                        );\r\n                                    } else if (data.type === 'date') {\r\n                                        return (\r\n                                            <div className=\"mb-3\" key={index}>\r\n                                                <div className=\"mb-1\">{data.label} {data.isRequired && <span className=\"text-danger\">*</span>}</div>\r\n                                                <div>\r\n                                                    <div>\r\n\r\n                                                        <input readOnly={data.isReadOnly} ref={el => this[`${data.name}`] = el} name={data.name} defaultValue={Moment(data.value).format('YYYY-MM-DD')} onBlur={(e) => this.handleFieldValue(e, index)} className={data.isRequired && data.touched && data.value === \"\" ? 'is-invalid ' + data.className : data.className} type={data.type} placeholder={data.placeholder} />\r\n                                                        {data.isRequired && data.touched && data.value === \"\" && <small className=\"text-danger\">{data.errorMessage}</small>}\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                        );\r\n                                    } else if (data.type === 'file') {\r\n                                        return (\r\n                                            <div className=\"mb-3\" key={index}>\r\n                                                {data.name === 'BannerImage' &&\r\n                                                    <div className=\"d-flex justify-content-start w-100 mt-5\">\r\n                                                        <h3 className=\"color_113F70\">Photo Banner</h3>\r\n                                                        <div>\r\n                                                            <OverlayTrigger trigger=\"click\" placement=\"top\" overlay={popover}>\r\n                                                                <img src=\"./images/info.png\" className=\"icons-md cursor_pointer\" />\r\n                                                            </OverlayTrigger>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                }\r\n                                                {/* <div className=\"mb-1\">{data.label} {data.isRequired && <span className=\"text-danger\">*</span>}</div> */}\r\n                                                {data.name === 'BannerImage' && <div><small>Required landscape and resolution 1920x1080 for best fit<span className=\"text-danger\">*</span></small></div>}\r\n                                                <div>\r\n                                                    <div>\r\n                                                        <input accept=\".jpg, .png\" className={data.isRequired && data.touched && data.value === \"\" ? 'is-invalid ' + data.className : data.className} type={data.type} ref={el => this[`${data.name}`] = el} name={data.name} onChange={(e) => this.fileUpload(e, index)} />\r\n                                                        {data.isRequired && data.touched && data.value === \"\" && <small className=\"text-danger\">{data.errorMessage}</small>}\r\n\r\n                                                    </div>\r\n                                                    <div>\r\n                                                        <img id=\"loadImage\" className=\"img-fluid\" />\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n\r\n                                        );\r\n                                    } else if (data.type === 'checkbox') {\r\n                                        return (\r\n                                            <div className=\"mb-3\" key={index}>\r\n                                                <div>{data.label}</div>\r\n                                                <div>\r\n                                                    <div>\r\n                                                        <label>\r\n                                                            <input ref={el => this[`${data.name}`] = el} name={data.name} onChange={(e) => this.handleFieldValue(e, index)} className=\"mr-2\" type={data.type} />\r\n                                                            {data.isRequired && data.touched && data.value === \"\" && <small className=\"text-danger\">{data.errorMessage}</small>}\r\n                                                            {data.label} {data.isRequired && <span className=\"text-danger\">*</span>}\r\n\r\n                                                        </label>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                        );\r\n                                    }\r\n                                }\r\n                                else if (data.condition === 'JoditEditor') {\r\n                                    return (\r\n                                        <div className=\"mb-3\" key={index}>\r\n                                            <div className=\"mb-1\">{data.label} {data.isRequired && <span className=\"text-danger\">*</span>}</div>\r\n                                            {data.name === 'Story_Description' && <div><small>Word limit 200<span className=\"text-danger\">*</span></small></div>}\r\n                                            <div>\r\n                                                <JoditEditor config={this.state.config} onChange={(e) => this.handleJoditField(e, index)} value={data.value} ref={el => this[`${data.name}`] = el} />\r\n                                                {data.isRequired && data.touched && data.value === \"\" && <small className=\"text-danger\">{data.errorMessage}</small>}\r\n                                            </div>\r\n                                        </div>\r\n                                    );\r\n                                } else if (data.condition === 'textarea') {\r\n                                    return (\r\n                                        <div className=\"mb-3\" key={index}>\r\n                                            <div className=\"mb-1\">{data.label} {data.isRequired && <span className=\"text-danger\">*</span>}</div>\r\n                                            {/* {data.name === 'Story_Description' && <div><small>Word limit 60<span className=\"text-danger\">*</span></small></div>} */}\r\n                                            <div>\r\n                                                <textarea name={data.name} rows=\"5\" onChange={(e) => this.handleFieldValue(e, index)} value={data.value} ref={el => this[`${data.name}`] = el} className={data.isRequired && data.touched && data.value === \"\" ? 'is-invalid ' + data.className : data.className}></textarea>\r\n                                                {/* <JoditEditor config={this.state.config} onChange={(e) => this.handleJoditField(e, index)} value={data.value} ref={el => this[`${data.name}`] = el} /> */}\r\n                                                {data.isRequired && data.touched && data.value === \"\" && <small className=\"text-danger\">{data.errorMessage}</small>}\r\n                                            </div>\r\n                                        </div>\r\n                                    );\r\n                                } else if (data.condition === 'Display') {\r\n                                    return (\r\n                                        <div key={index}>\r\n                                            <div className=\"mb-1\">{data.label}</div>\r\n                                            <div>\r\n                                                {data.value}\r\n                                            </div>\r\n                                        </div>\r\n                                    );\r\n                                }\r\n                            })\r\n\r\n                        }\r\n                    </div>\r\n                </div>\r\n\r\n            </form>\r\n        );\r\n    }\r\n}\r\n\r\nexport default FormData;\r\n\r\n","/* eslint-disable eqeqeq */\r\n/* eslint-disable jsx-a11y/anchor-is-valid */\r\n/* eslint-disable array-callback-return */\r\n/* eslint-disable no-unused-vars */\r\n/* eslint-disable no-redeclare */\r\n/* eslint-disable react/no-direct-mutation-state */\r\n/* eslint-disable no-use-before-define */\r\n\r\nimport React, { useEffect, useState, useRef } from 'react';\r\nimport JoditEditor from \"jodit-react\";\r\nimport { Route, Link, Redirect, BrowserRouter as Router, Switch } from 'react-router-dom';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport { Table, Modal, Toast, Popover, OverlayTrigger } from 'react-bootstrap';\r\nimport { DragDropContext, Draggable, Droppable } from 'react-beautiful-dnd';\r\nimport CountdownBanner from './Components/CountdownBanner';\r\nimport Form from './Components/StorySubmissionForm';\r\nimport FormJsonData from './JSON/FormData/Story';\r\nimport data from './JSON/structure.json';\r\nimport ReCAPTCHA from \"react-google-recaptcha\";\r\n\r\nconst strucKey = 'struckey';\r\nconst grid = 8;\r\nconst reorder = (list, startIndex, endIndex) => {\r\n    const result = Array.from(list);\r\n    const [removed] = result.splice(startIndex, 1);\r\n    result.splice(endIndex, 0, removed);\r\n\r\n    return result;\r\n};\r\n\r\nconst getItemStyle = (isDragging, draggableStyle) => ({\r\n    userSelect: \"none\",\r\n    margin: `0 0 ${grid}px 0`,\r\n    border: isDragging ? \"1px solid #033369\" : \"none\",\r\n\r\n    ...draggableStyle\r\n});\r\n\r\nconst getListStyle = isDraggingOver => ({\r\n    height: isDraggingOver ? '180px' : 'auto'\r\n\r\n});\r\n\r\nclass CustomLayout extends React.Component {\r\n    constructor(props) {\r\n        super();\r\n        this.state = {\r\n            apiUrl: window.$apiUrl,\r\n            FormJsonData: FormJsonData.data,\r\n            component: data.structure,\r\n            addRowModal: false,\r\n            addColItemsModal: false,\r\n            editImageModal: false,\r\n            editedRow: '',\r\n            editedCol: '',\r\n            uploadedImages: [],\r\n            QuestionList: [],\r\n            NoOfImageUsed: [],\r\n            NoOfQuestionUsed: [],\r\n            QuestionInRow: [],\r\n            SubmittedData: \"\",\r\n            alertBox: false,\r\n            CreateConfirmationModal: false,\r\n            file: \"\",\r\n            config: \"\",\r\n            redirectToHome: false,\r\n            errorMessage: \"\",\r\n            isSubmitted: false,\r\n            recaptchaVal: \"\",\r\n            Preview: {\r\n                title: '',\r\n                description: '',\r\n                countryTag: '',\r\n                projectTag: '',\r\n                schoolTag: '',\r\n                themeTag: '',\r\n                imgPreview: '',\r\n                leaderName: '',\r\n                startDate: '',\r\n                endDate: '',\r\n                fbLink: '',\r\n                igLink: '',\r\n            },\r\n            expandImage: 0,\r\n            zoomVal: 100,\r\n            isPreview: false,\r\n            loading: false\r\n        };\r\n        //localStorage.setItem('struckey', JSON.stringify(data.structure));\r\n        this.addRow = this.addRow.bind(this);\r\n        this.addImage = this.addImage.bind(this);\r\n        this.addQuestion = this.addQuestion.bind(this);\r\n        this.addText = this.addText.bind(this);\r\n        this.handleAddRowModal = this.handleAddRowModal.bind(this);\r\n        this.handleAddColItemModal = this.handleAddColItemModal.bind(this);\r\n        this.handleImageUpload = this.handleImageUpload.bind(this);\r\n        this.handleEditImageModal = this.handleEditImageModal.bind(this);\r\n        this.sunEditorUpdate = this.sunEditorUpdate.bind(this);\r\n        this.hideShowContent = this.hideShowContent.bind(this);\r\n        this.deleteContent = this.deleteContent.bind(this);\r\n        this.deleteRow = this.deleteRow.bind(this);\r\n        this.stylingSubmit = this.stylingSubmit.bind(this);\r\n        this.checkDataFromForm = this.checkDataFromForm.bind(this);\r\n        this.FileUpload = this.FileUpload.bind(this);\r\n        this.handleCreateConfirmationModal = this.handleCreateConfirmationModal.bind(this);\r\n        this.onDragEnd = this.onDragEnd.bind(this);\r\n        this.toggleAlertBox = this.toggleAlertBox.bind(this);\r\n        this.addNewStory = this.addNewStory.bind(this);\r\n        this.GoToPreview = this.GoToPreview.bind(this);\r\n        this.recaptchaOnChange = this.recaptchaOnChange.bind(this);\r\n        this.captchaExpired = this.captchaExpired.bind(this);\r\n\r\n        this.expandImage = this.expandImage.bind(this);\r\n        this.Zoom = this.Zoom.bind(this);\r\n    }\r\n\r\n    GoToPreview(obj) {\r\n        this.setState({ isPreview: !this.state.isPreview, Preview: obj });\r\n        //localStorage.setItem('struckey', JSON.stringify(this.state.component));\r\n    }\r\n\r\n    recaptchaOnChange(value) {\r\n        this.setState({ recaptchaVal: value });\r\n    }\r\n\r\n    captchaExpired() {\r\n        this.setState({ recaptchaVal: \"\" });\r\n    }\r\n\r\n    FileUpload(file) {\r\n        this.setState({ file: file });\r\n    }\r\n\r\n    handleCreateConfirmationModal() {\r\n        this.setState({ CreateConfirmationModal: !this.state.CreateConfirmationModal });\r\n    }\r\n\r\n    expandImage() {\r\n        var expandImage = this.state.expandImage;\r\n\r\n        if (this.state.expandImage >= 1) {\r\n            expandImage = 0;\r\n        } else {\r\n            expandImage = 1;\r\n        }\r\n        this.setState({ expandImage: expandImage })\r\n    }\r\n\r\n    Zoom(action) {\r\n        var zoomSize;\r\n\r\n        var zoomVal = this.state.zoomVal;\r\n        if (action === 'increase') {\r\n            if (zoomVal <= 180) {\r\n                zoomSize = zoomVal + 20;\r\n                this.setState({ zoomVal: zoomSize })\r\n\r\n            }\r\n        } else {\r\n            if (zoomVal >= 40) {\r\n                zoomSize = zoomVal - 20;\r\n                this.setState({ zoomVal: zoomSize })\r\n\r\n            }\r\n        }\r\n\r\n    }\r\n\r\n    checkDataFromForm(obj, isAbleToSubmit) {\r\n        const recaptchaValue = this.state.recaptchaVal;\r\n        //var struckey = localStorage.getItem('struckey') ? JSON.parse(localStorage.getItem('struckey')) : [];\r\n        var struckey = this.state.component.length > 0 ? this.state.component : [];\r\n        var checkTextCount = [];\r\n        struckey.forEach(function (row, index) {\r\n            row.items.forEach(function (object, index) {\r\n                if (object.type === 'text' || object.type === 'question') {\r\n                    var word_count = object.content.replace(/(<([^>]+)>)/gi, \" \").replace(/\\r?\\n|\\r/g, \" \").replace('&nbsp;', '').trim().split(/\\s+/).length;\r\n                    if (word_count < 150) {\r\n                        checkTextCount.push(false);\r\n                    }\r\n                }\r\n\r\n            });\r\n        });\r\n\r\n        if (isAbleToSubmit && this.state.NoOfQuestionUsed.length >= 5 && this.state.NoOfImageUsed.length >= 5 && recaptchaValue) {\r\n            this.setState({ CreateConfirmationModal: true, SubmittedData: obj, errorMessage: \"\" });\r\n        } else {\r\n            if (!isAbleToSubmit) {\r\n                this.setState({ errorMessage: \"Please fill in all mandatory fields!\" });\r\n            } else if (struckey.length <= 0) {\r\n                this.setState({ errorMessage: \"Please answer 5 questions and attach 5 images in the story body!\" });\r\n            } else if (this.state.NoOfQuestionUsed.length < 5) {\r\n                this.setState({ errorMessage: \"Please answer 5 questions in the story body!\" });\r\n            } else if (this.state.NoOfImageUsed.length < 5) {\r\n                this.setState({ errorMessage: \"Please attach 5 images in the story body!\" });\r\n            } else if (checkTextCount.length > 0) {\r\n                this.setState({ errorMessage: \"Minimum 150 words for all text fields in the story body\" });\r\n            } else if (!recaptchaValue) {\r\n                this.setState({ errorMessage: \"Please do the recaptcha!\" });\r\n            }\r\n            // this.setState({ errorMessage: \"Please fill in all mandatory fields, answer 5 questions and attach 5 images in the story body and each question must have at least 150 words!\" });\r\n        }\r\n    }\r\n\r\n    toggleAlertBox() {\r\n        this.setState({ alertBox: !this.state.alertBox });\r\n    }\r\n\r\n    getQuestion() {\r\n        fetch(this.state.apiUrl + '/ChallengeAPI/GetQuestion', {\r\n            method: 'POST',\r\n            headers: {\r\n                'token': process.env.REACT_APP_API_TOKEN,\r\n                'Content-Type': 'application/json; charset=utf-8',\r\n                'access-control-allow-origin': '*'\r\n            },\r\n            body: JSON.stringify(\r\n                {\r\n                    \"Question_ID\": null,\r\n                    \"Challenge_ID\": null\r\n                }\r\n            )\r\n        })\r\n            .then(res => res.json())\r\n            .then((data) => {\r\n                this.setState({ QuestionList: data.QuestionDetail });\r\n\r\n            })\r\n            .catch(console.log);\r\n    }\r\n\r\n    addNewStory() {\r\n        this.setState({ CreateConfirmationModal: false, loading: true });\r\n        let obj = this.state.SubmittedData;\r\n        var structure = {\r\n            structure: this.state.component\r\n        }\r\n        this.setState({ isSubmitted: true });\r\n\r\n        fetch(this.state.apiUrl + '/StoryAPI/CreateStory', {\r\n            method: 'POST',\r\n            headers: {\r\n                'token': process.env.REACT_APP_API_TOKEN,\r\n                'Content-Type': 'application/json; charset=utf-8',\r\n                'access-control-allow-origin': '*'\r\n            },\r\n            body: JSON.stringify({\r\n                \"Story_ID\": null,\r\n                \"Story_Title\": obj.Story_Title ? obj.Story_Title : \"\",\r\n                \"Story_Description\": obj.Story_Description ? obj.Story_Description : \"\",\r\n                \"Story_UserEmail\": obj.Story_UserEmail ? obj.Story_UserEmail : \"\",\r\n                \"Story_IsPublish\": 1,\r\n                \"Challenge_ID\": null,\r\n                \"Other_LeaderName\": obj.Other_LeaderName ? obj.Other_LeaderName : \"\",\r\n                \"Contact_Name\": obj.Contact_Name ? obj.Contact_Name : \"\",\r\n                \"Trip_StartDate\": obj.Trip_StartDate ? obj.Trip_StartDate : \"\",\r\n                \"Trip_EndDate\": obj.Trip_EndDate ? obj.Trip_EndDate : \"\",\r\n                \"Country_ID\": obj.Country_ID,\r\n                \"Project_ID\": obj.Project_ID,\r\n                \"School_ID\": obj.School_ID,\r\n                \"Theme_ID\": obj.Theme_ID,\r\n                \"Story_FacebookURL\": obj.Story_FacebookURL,\r\n                \"Story_InstagramURL\": obj.Story_InstagramURL,\r\n                \"Story_Layout\": JSON.stringify(structure)\r\n            })\r\n        })\r\n            .then(res => res.json())\r\n            .then(storyId => {\r\n                if (this.state.uploadedImages.length > 0) {\r\n                    const csFileFormData = new FormData();\r\n                    const files = this.state.uploadedImages;\r\n                    csFileFormData.append('ID', storyId);\r\n\r\n                    for (var i = 0; i <= parseInt(files.length) - 1; i++) {\r\n                        csFileFormData.append('File', files[i]);\r\n                    }\r\n\r\n                    fetch(this.state.apiUrl + '/StoryAPI/UploadFileStoryLayout', {\r\n                        method: 'POST',\r\n                        headers: {\r\n                            'token': process.env.REACT_APP_API_TOKEN,\r\n                            'access-control-allow-origin': '*'\r\n                        },\r\n                        body: csFileFormData\r\n                    })\r\n                        .then(res => res.json())\r\n                        .then((csFileData) => {\r\n                            const fileForm = new FormData();\r\n                            fileForm.append('ID', storyId);\r\n                            fileForm.append('File', this.state.file);\r\n\r\n                            fetch(this.state.apiUrl + '/StoryAPI/UploadFileStory', {\r\n                                method: 'POST',\r\n                                headers: {\r\n                                    'token': process.env.REACT_APP_API_TOKEN,\r\n                                    'access-control-allow-origin': '*'\r\n                                },\r\n                                body: fileForm\r\n                            })\r\n                                .then(res => res.json())\r\n                                .then((fileData) => {\r\n                                    this.setState({ redirectToHome: true, loading: false });\r\n                                })\r\n                                .catch((error) => {\r\n                                    this.setState({ loading: false });\r\n                                    console.error('Error:', error);\r\n                                });\r\n                        })\r\n                        .catch((error) => {\r\n                            this.setState({ loading: false });\r\n                            console.error('Error:', error);\r\n                        });\r\n                } else {\r\n                    const fileForm = new FormData();\r\n                    fileForm.append('ID', storyId);\r\n                    fileForm.append('File', this.state.file);\r\n\r\n                    fetch(this.state.apiUrl + '/StoryAPI/UploadFileStory', {\r\n                        method: 'POST',\r\n                        headers: {\r\n                            'token': process.env.REACT_APP_API_TOKEN,\r\n                            'access-control-allow-origin': '*'\r\n                        },\r\n                        body: fileForm\r\n                    })\r\n                        .then(res => res.json())\r\n                        .then((fileData) => {\r\n                            this.setState({ redirectToHome: true, loading: false });\r\n                        })\r\n                        .catch((error) => {\r\n                            this.setState({ loading: false });\r\n                            console.error('Error:', error);\r\n                        });\r\n                }\r\n            })\r\n            .catch((error) => {\r\n                this.setState({ loading: false });\r\n                console.error('Error:', error);\r\n            });\r\n    }\r\n\r\n    stylingSubmit(e) {\r\n        e.preventDefault();\r\n        var updateItem = data.structure[this.state.editedRow].items[this.state.editedCol];\r\n        var width = this.Width.value;\r\n        var height = this.Height.value;\r\n        updateItem.style = [width, height];\r\n        //localStorage.setItem('struckey', JSON.stringify(data.structure));\r\n        this.setState({ component: data.structure, handleEditImageModal: false });\r\n\r\n    }\r\n\r\n    deleteRow(index) {\r\n        var NoOfQuestionUsed = this.state.NoOfQuestionUsed;\r\n        var QuestionInRow = this.state.QuestionInRow;\r\n        var NoOfImageUsed = this.state.NoOfImageUsed;\r\n        var updateItem = data.structure[index];\r\n\r\n        updateItem.items.forEach(function (rowItem, rowIndex) {\r\n            if (rowItem.type === 'question') {\r\n                var x = QuestionInRow.length - 1;\r\n                QuestionInRow.forEach(function (item, itemIndex) {\r\n                    if (item.row === index) {\r\n                        NoOfQuestionUsed.splice(NoOfQuestionUsed.indexOf(item.questionId), 1)\r\n                    }\r\n                });\r\n\r\n                while (x >= 0) {\r\n                    //console.log(QuestionInRow[x].row);\r\n                    if (QuestionInRow[x].row === index) {\r\n                        QuestionInRow.splice(x, 1);\r\n                    }\r\n                    x--;\r\n                }\r\n\r\n                QuestionInRow.forEach(function (item, itemIndex) {\r\n                    if (item.row > index) {\r\n                        item.row = parseInt(item.row) - 1;\r\n                    }\r\n                });\r\n            } else if (rowItem.type === 'image') {\r\n                NoOfImageUsed.pop();\r\n            }\r\n        });\r\n\r\n\r\n        data.structure.splice(index, 1);\r\n        this.setState({ component: data.structure, NoOfQuestionUsed: NoOfQuestionUsed, QuestionInRow: QuestionInRow, NoOfImageUsed: NoOfImageUsed });\r\n        //localStorage.setItem('struckey', JSON.stringify(data.structure));\r\n    }\r\n\r\n    deleteContent(index1, index2) {\r\n        var NoOfImageUsed = this.state.NoOfImageUsed;\r\n        var NoOfQuestionUsed = this.state.NoOfQuestionUsed;\r\n        var QuestionInRow = this.state.QuestionInRow;\r\n        var updateItem = data.structure[index1].items[index2];\r\n        if (updateItem.type === 'image') {\r\n            NoOfImageUsed.pop();\r\n        } else if (updateItem.type === 'question') {\r\n            QuestionInRow.forEach(function (item, index) {\r\n                if (item.row === index1 && item.col === index2) {\r\n                    QuestionInRow.splice(index, 1);\r\n                    NoOfQuestionUsed.splice(NoOfQuestionUsed.indexOf(item.questionId), 1)\r\n                }\r\n            });\r\n        }\r\n        updateItem.type = '';\r\n        updateItem.content = '';\r\n\r\n        this.setState({ component: data.structure, NoOfQuestionUsed: NoOfQuestionUsed, QuestionInRow: QuestionInRow, NoOfImageUsed: NoOfImageUsed });\r\n        //localStorage.setItem('struckey', JSON.stringify(data.structure));\r\n    }\r\n\r\n    sunEditorUpdate(value, index1, index2) {\r\n        var updateItem = data.structure[index1].items[index2];\r\n        updateItem.content = value;\r\n        //localStorage.setItem('struckey', JSON.stringify(data.structure));\r\n        this.setState({ component: data.structure, addColItemsModal: false });\r\n        // this.setState({ hideShowText: true });\r\n    }\r\n\r\n    hideShowContent(index1, index2) {\r\n        var updateItem = data.structure[index1].items[index2];\r\n        updateItem.editor = !updateItem.editor;\r\n        this.setState({ component: data.structure });\r\n        //localStorage.setItem('struckey', JSON.stringify(data.structure));\r\n        // this.setState({ hideShowText: !this.state.hideShowText });\r\n    }\r\n\r\n    addQuestion(event) {\r\n        var QuestionInRow = this.state.QuestionInRow;\r\n        var rowInfo = {\r\n            \"row\": this.state.editedRow,\r\n            \"col\": this.state.editedCol,\r\n            \"questionId\": event.target.value\r\n        }\r\n        var NoOfQuestionUsed = this.state.NoOfQuestionUsed;\r\n        var updateItem = data.structure[this.state.editedRow].items[this.state.editedCol];\r\n        updateItem.type = 'question';\r\n        updateItem.editor = true;\r\n        updateItem.question = event.target.options[event.target.selectedIndex].text;\r\n        //localStorage.setItem('struckey', JSON.stringify(data.structure));\r\n        NoOfQuestionUsed.push(event.target.value);\r\n        QuestionInRow.push(rowInfo);\r\n        this.setState({ component: data.structure, addColItemsModal: false, NoOfQuestionUsed: NoOfQuestionUsed, QuestionInRow: QuestionInRow });\r\n    }\r\n\r\n    addText() {\r\n        var updateItem = data.structure[this.state.editedRow].items[this.state.editedCol];\r\n        updateItem.type = 'text';\r\n        updateItem.editor = true;\r\n        //localStorage.setItem('struckey', JSON.stringify(data.structure));\r\n        this.setState({ component: data.structure, addColItemsModal: false });\r\n    }\r\n\r\n    addImage() {\r\n        var NoOfImageUsed = this.state.NoOfImageUsed;\r\n        var updateItem = data.structure[this.state.editedRow].items[this.state.editedCol];\r\n        updateItem.type = 'image';\r\n        //localStorage.setItem('struckey', JSON.stringify(data.structure));\r\n        NoOfImageUsed.push(0);\r\n        this.setState({ component: data.structure, addColItemsModal: false, NoOfImageUsed: NoOfImageUsed });\r\n    }\r\n\r\n    handleImageUpload(e, file, index1, index2) {\r\n        // var FormData = new FormData();\r\n        // FormData.append('ID', 10);\r\n        if (file && file[0]) {\r\n            var fileName = file[0].name.split('.').slice(0, -1).join('.');\r\n            var re = /^[0-9a-zA-Z\\_\\- ]+$/;\r\n            if (re.test(fileName)) {\r\n                var imageSize = (file[0].size / 1024 / 1024).toFixed(2);\r\n                if (imageSize <= 2) {\r\n                    var uploadedImages = this.state.uploadedImages;\r\n                    var structure = data.structure;\r\n                    var updateItem = structure[index1].items[index2];\r\n                    //if (!uploadedImages.includes(file[0].name)) {\r\n                    // updateItem.content = process.env.REACT_APP_FILEUPLOAD_PRODUCTION_URL + file[0].name;\r\n                    updateItem.content = process.env.REACT_APP_FILEUPLOAD_PRODUCTION_URL + file[0].name;\r\n                    uploadedImages.push(file[0]);\r\n                    var reader = new FileReader();\r\n                    reader.onload = function (e) {\r\n                        //updateItem.content = e.target.result;\r\n                        updateItem.previewContent = e.target.result;\r\n                        document.querySelector(\"#img\" + index1 + index2).setAttribute('src', e.target.result);\r\n                    }\r\n                    reader.readAsDataURL(e.target.files[0]);\r\n\r\n                    this.setState({ component: structure, uploadedImages: uploadedImages });\r\n                    //localStorage.setItem('struckey', JSON.stringify(data.structure));\r\n                }\r\n            } else {\r\n                e.target.value = \"\";\r\n                alert(\"A file name cannot contain any of the following characters \\\\ / : * ? \\\" < > | # { } % ~ &\");\r\n            }\r\n        }\r\n        // } else {\r\n        //     window.alert('Same file name');\r\n        // }\r\n    }\r\n\r\n    addRow(numRow) {\r\n        var strucLength = data.structure.length + 1;\r\n        var rows;\r\n        if (numRow === 1) {\r\n            rows = [{\r\n                \"classname\": \"col-md-12 position-relative\",\r\n                \"type\": \"\",\r\n                \"style\": \"\",\r\n                \"content\": \"\",\r\n                \"previewContent\": \"\",\r\n                \"question\": \"\",\r\n                \"editor\": true,\r\n                \"order\": 0\r\n            }];\r\n        } else {\r\n            rows = [{\r\n                \"classname\": \"col-md-6 position-relative\",\r\n                \"type\": \"\",\r\n                \"style\": \"\",\r\n                \"content\": \"\",\r\n                \"previewContent\": \"\",\r\n                \"question\": \"\",\r\n                \"editor\": true,\r\n                \"order\": 1\r\n            }, {\r\n                \"classname\": \"col-md-6 position-relative\",\r\n                \"type\": \"\",\r\n                \"style\": \"\",\r\n                \"content\": \"\",\r\n                \"previewContent\": \"\",\r\n                \"question\": \"\",\r\n                \"editor\": true,\r\n                \"order\": 2\r\n            }];\r\n        }\r\n\r\n        var newStructure = data.structure.push({\r\n            \"id\": strucLength.toString(),\r\n            \"classname\": \"row position-relative mb-2\",\r\n            \"order\": strucLength,\r\n            \"items\": rows\r\n        });\r\n        this.setState({ component: newStructure, addRowModal: false });\r\n        //localStorage.setItem('struckey', JSON.stringify(data.structure));\r\n    }\r\n\r\n    handleAddRowModal() {\r\n        this.setState({ addRowModal: !this.state.addRowModal });\r\n    }\r\n\r\n    handleEditImageModal(index1, index2) {\r\n        this.setState({ editedRow: index1, editedCol: index2, editImageModal: !this.state.editImageModal });\r\n    }\r\n\r\n    handleAddColItemModal(index1, index2) {\r\n        this.setState({ editedRow: index1, editedCol: index2, addColItemsModal: !this.state.addColItemsModal });\r\n    };\r\n\r\n    onDragEnd(result) {\r\n        if (!result.destination) {\r\n            return;\r\n        }\r\n\r\n        const items = reorder(\r\n            data.structure,\r\n            result.source.index,\r\n            result.destination.index\r\n        );\r\n        console.log(data.structure, result.source.index, result.destination.index);\r\n        this.setState({ component: items });\r\n        localStorage.setItem('struckey', JSON.stringify(items));\r\n    }\r\n\r\n    componentDidMount() {\r\n        this.getQuestion();\r\n        localStorage.removeItem('struckey');\r\n        FormJsonData.data.forEach(function (items1, itemIndex) {\r\n            items1.value = \"\";\r\n            items1.touched = false;\r\n            items1.isOtherField = false;\r\n            items1.otherField.value = \"\";\r\n            items1.otherField.touched = \"\";\r\n        });\r\n\r\n        this.setState({\r\n            config: {\r\n                removeButtons: ['source', 'strikethrough', 'superscript', 'subscript', 'brush', 'image', 'file', 'video', 'symbol', 'fullsize', 'print', 'preview', 'find', 'about', 'table', 'paragraph'],\r\n                height: 300,\r\n                showXPathInStatusbar: false,\r\n                showCharsCounter: false,\r\n                showWordsCounter: true,\r\n                toolbarAdaptive: false\r\n            }\r\n        });\r\n    }\r\n\r\n    render() {\r\n        const struc_data = data.structure ? data.structure : [];\r\n        const NoOfImageUsed = this.state.NoOfImageUsed;\r\n        var isAbleToAddImage = NoOfImageUsed.length <= 4 ? false : true;\r\n\r\n        const PreviewAsset = this.state.Preview;\r\n        const isExpand = this.state.expandImage === 0 ? '400px' : this.state.expandImage === 1 ? '600px' : '';\r\n        const isBG = this.state.expandImage ? this.state.zoomVal + '% auto' : 'cover';\r\n        //const dataStruc = this.state.component;\r\n        if (this.state.redirectToHome) {\r\n            //return <Redirect to={'/'} />\r\n            window.location.href = process.env.REACT_APP_STORY_REDIRECT;\r\n        }\r\n\r\n        const popover = (\r\n            <Popover id=\"popover-basic\">\r\n                <Popover.Title as=\"h3\">Instructions and Notes</Popover.Title>\r\n                <Popover.Content>\r\n                    <ol className=\"list-unstyle pl-3\">\r\n                        <li className=\"mb-2\">Complete all 5 questions and submit 5 photos from your YEP or YEP-GO.</li>\r\n                        <li className=\"mb-2\">While selecting Add Row, choose 1 column or 2 columns to build your story layout. You can refer to approved stories for examples.</li>\r\n                        <li className=\"mb-2\">While selecting Add Column, choose answer questions or add an image to input text or pictures. More text is an optional choice after you have completed 5 questions and added 5 photos.</li>\r\n                    </ol>\r\n                </Popover.Content>\r\n            </Popover>\r\n        );\r\n\r\n        return (\r\n            <div className=\"CustomLayout\">\r\n                <CountdownBanner />\r\n                { this.state.loading && <div className=\"position-fixed w-100 h-100 d-flex justify-content-center align-items-center\" style={{ backgroundColor: 'rgba(192,192,192,0.5)', top: 0, zIndex: 1 }}>\r\n                    <span><img src=\"images/loading.gif\" alt=\"loading\" className=\"icon-loading\" /> Submitting Story...</span>\r\n                </div>}\r\n                {this.state.isPreview && <div className=\"preview position-fixed w-100 h-100 bg-light overflow-auto\" style={{ zIndex: 999, top: 0 }}>\r\n                    <div className=\"Container-fluid\">\r\n                        <div className=\"row m-0\">\r\n                            <div className=\"col-md-12 p-0 preview-control bg-dark\">\r\n                                <div className=\"position-relative\" style={{ width: '100%', 'height': isExpand, 'backgroundImage': 'url(' + PreviewAsset.imgPreview + ')', 'backgroundRepeat': 'no-repeat', 'backgroundPosition': 'center center', 'backgroundSize': isBG, minHeight: '400px', transition: 'all 500ms' }}>\r\n                                    {/* <div className=\"d-flex align-items-center mr-3 bg-light\"><img src=\"images/slice/2.stories/stories/icons/icon-heart.png\" className=\"img-fluid\" /></div> */}\r\n                                    <div className=\"position-absolute d-flex justify-content-end align-items-center w-100 mt-2\" style={{ top: 0 }}>\r\n                                        {/* <button className=\"btn btn-pink mt-5\">Vote!</button><br /> */}\r\n                                        <button type=\"button\" onClick={() => this.GoToPreview()} className=\"btn btn-outline-light mr-2\">Back to form</button>\r\n\r\n                                    </div>\r\n                                    <div className=\"position-absolute d-flex justify-content-center align-items-center w-100 mb-2\" style={{ bottom: 0 }}>\r\n                                        {/* <button className=\"btn btn-pink mt-5\">Vote!</button><br /> */}\r\n\r\n                                        <button onClick={this.expandImage} className=\"btn btn-secondary mr-2\">VIEW IMAGE</button>\r\n                                        {this.state.expandImage === 1 && <div>\r\n                                            <a onClick={() => this.Zoom('increase')} className=\"mr-2 cursor_pointer\"><img alt=\"zoomIn\" src=\"images/zoom_in.png\" /></a>\r\n                                            <a onClick={() => this.Zoom('decrease')} className=\"mr-2 cursor_pointer\"><img alt=\"zoomOut\" src=\"images/zoom_out.png\" /></a>\r\n                                        </div>}\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"container\">\r\n                            <div className=\"row mt-3\">\r\n                                <div className=\"col-12 py-3 py-md-0 d-flex justify-content-end align-items-center\">\r\n                                    <div className=\"pl-3\">\r\n                                        {PreviewAsset.fbLink && <a target=\"_blank\" rel=\"noopener noreferrer\" href={PreviewAsset.fbLink}><img src=\"./images/facebook.png\" alt=\"facebook\" className=\"icons-social mr-2\" /></a>}\r\n                                        {PreviewAsset.igLink && <a target=\"_blank\" rel=\"noopener noreferrer\" href={PreviewAsset.igLink}><img alt=\"instagram\" src=\"./images/instagram.png\" className=\"icons-social\" /></a>}\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"row mt-5 mb-2\">\r\n                                <div className=\"col-md-12 text-center\">\r\n                                    <h3 style={{ 'color': '#254D7C', wordBreak: 'break-word' }} className=\"text-Gotham font-weight-bold\">{PreviewAsset.title}</h3>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"row mb-2\">\r\n                                <div className=\"col-md-12 text-center text-Gotham font-weight-bold\">\r\n                                    <p dangerouslySetInnerHTML={{ __html: PreviewAsset.description }}></p>\r\n                                </div>\r\n                            </div>\r\n                            {PreviewAsset.leaderName && <div className=\"row mb-2\">\r\n                                <div className=\"col-md-12 text-center text-Gotham font-weight-bold\" style={{ 'font-size': '14px' }}>\r\n                                    <small>Leader Name: {PreviewAsset.leaderName}</small>\r\n                                </div>\r\n                            </div>}\r\n                            {PreviewAsset.startDate && PreviewAsset.endDate && <div className=\"row mb-2\">\r\n                                <div className=\"col-md-12 text-center text-Gotham font-weight-bold\" style={{ 'font-size': '14px' }}>\r\n                                    <small>{PreviewAsset.startDate}&nbsp; to &nbsp;{PreviewAsset.endDate}</small>\r\n                                </div>\r\n                            </div>}\r\n\r\n                            {/* <div className=\"row mb-3\">\r\n                        <div className=\"col-md-12 text-center\">\r\n                            <h3>Team Lorem Ipsum</h3>\r\n                        </div>\r\n                    </div> */}\r\n                            <div className=\"row mb-3\">\r\n                                <div className=\"col-md-12 d-md-flex flex-row justify-content-center\">\r\n                                    {PreviewAsset.countryTag && <div className=\"text-light py-1 px-3 storyTag countryTag mr-2 mb-2\">\r\n                                        {PreviewAsset.countryTag ? PreviewAsset.countryTag : ''}\r\n                                    </div>}\r\n                                    {PreviewAsset.schoolTag && <div className=\"text-light py-1 px-3 storyTag schoolTag mr-2 mb-2\">\r\n                                        {PreviewAsset.schoolTag ? PreviewAsset.schoolTag : ''}\r\n                                    </div>}\r\n                                    {PreviewAsset.projectTag && <div className=\"text-light py-1 px-3 storyTag projectTag mr-2 mb-2\">\r\n                                        {PreviewAsset.projectTag}\r\n                                    </div>}\r\n                                    {PreviewAsset.themeTag && <div className=\"text-light py-1 px-3 storyTag themeTag mr-2 mb-2\">\r\n                                        {PreviewAsset.themeTag}\r\n                                    </div>}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className=\"container\">\r\n                            {\r\n                                struc_data.sort((a, b) => a.order > b.order ? 1 : -1).map((list, index) => {\r\n                                    return (\r\n                                        <div key={index}>\r\n                                            <div className={list.classname}>\r\n                                                {\r\n                                                    list.items.sort((a, b) => a.order > b.order ? 1 : -1).map((item, index2) => {\r\n                                                        return (\r\n                                                            <div key={index2} className={item.classname} style={{ 'padding': '20px ' }}>\r\n                                                                {item.type === 'image' && <div className=\"d-flex justify-content-center align-items-center\"><img alt=\"\" src={item.previewContent} className=\"img-fluid\" /></div>}\r\n                                                                {item.type === 'text' && <div dangerouslySetInnerHTML={{ __html: item.content }}></div>}\r\n                                                                {item.type === 'question' && <div><div className=\"mb-3 font-weight-bold\">{item.question}</div><div dangerouslySetInnerHTML={{ __html: item.content }}></div></div>}\r\n\r\n                                                            </div>\r\n                                                        )\r\n                                                    })\r\n                                                }\r\n\r\n                                            </div>\r\n                                            <div className=\"d-flex justify-content-center\">\r\n                                                <div className=\"divided_line\"></div>\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                    )\r\n                                })\r\n                            }\r\n\r\n                        </div>\r\n                    </div>\r\n                </div>}\r\n                <div className=\"container mt-3 container-customLayout\">\r\n                    {this.state.errorMessage && <div className=\"text-center text-danger\">\r\n                        {this.state.errorMessage}\r\n                    </div>}\r\n                    <div className=\"row mt-3\">\r\n                        <div className=\"col-md-12 d-flex flex-row\">\r\n                            <Form GoToPreview={(obj) => this.GoToPreview(obj)} Data={this.state.FormJsonData} FormSubmit={(obj, isAbleToSubmit) => this.checkDataFromForm(obj, isAbleToSubmit)} FileUpload={(file) => this.FileUpload(file)} />\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"row mt-5 mb-3\">\r\n                        <div className=\"col-md-12\">\r\n                            <div className=\"d-flex justify-content-start w-100\">\r\n                                <h3 className=\"color_113F70\">Submit Your Story</h3>\r\n                                <div>\r\n                                    <OverlayTrigger trigger=\"click\" placement=\"top\" overlay={popover}>\r\n                                        <img src=\"./images/info.png\" alt=\"info\" className=\"icons-md cursor_pointer\" />\r\n                                    </OverlayTrigger>\r\n\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <DragDropContext>\r\n                        {/* onDragEnd={this.onDragEnd} */}\r\n                        {/* <Droppable droppableId=\"droppable\" direction=\"vertical\">\r\n                            {(provided, snapshot) => (\r\n                                <div\r\n                                    ref={provided.innerRef}\r\n                                    {...provided.droppableProps}\r\n                                    style={getListStyle(snapshot.isDraggingOver)}\r\n                                > */}\r\n                        {\r\n                            struc_data.map((list, index) => {\r\n                                return (\r\n                                    // <Draggable key={list.id} draggableId={list.id} index={index}>\r\n                                    //     {(provided, snapshot) => (\r\n                                    //         <div\r\n                                    //             ref={provided.innerRef}\r\n                                    //             {...provided.draggableProps}\r\n                                    //             {...provided.dragHandleProps}\r\n                                    //             style={{\r\n                                    //                 ...getItemStyle(\r\n                                    //                     snapshot.isDragging,\r\n                                    //                     provided.draggableProps.style\r\n                                    //                 )\r\n                                    //             }}\r\n                                    //         >\r\n                                    <div key={index} className={list.classname}>\r\n                                        <div className=\"position-absolute\" style={{ 'top': '-13px', 'right': '0px', 'zIndex': '2' }}>\r\n                                            <a onClick={() => this.deleteRow(index)} className=\"cursor_pointer\"><img src=\"images/close.png\" alt=\"close\" className=\"icons-sm\" /></a>\r\n                                        </div>\r\n                                        {\r\n                                            list.items.sort((a, b) => a.order > b.order ? 1 : -1).map((item, index2) => {\r\n                                                return (\r\n                                                    <div key={index2} className={item.classname}>\r\n                                                        <div className=\"position-absolute\" style={{ 'top': '5px', 'right': '20px', 'zIndex': '9' }}>\r\n                                                            {/* {item.content && item.type == \"image\" && <a className=\"cursor_pointer pr-2\">\r\n                                                                <img src=\"images/edit.png\" className=\"icons-sm\" /></a>} */}\r\n                                                            {(item.type === \"text\" || item.type === \"question\") && <a className=\"cursor_pointer pr-2\" onClick={() => this.hideShowContent(index, index2)}>{item.editor && item.content && <img alt=\"save\" src=\"images/save.png\" className=\"icons-sm\" />}{!item.editor && <img src=\"images/edit.png\" alt=\"edit\" className=\"icons-sm\" />}</a>}\r\n                                                            {item.type && <a onClick={() => this.deleteContent(index, index2)} className=\"cursor_pointer\"><img alt=\"close\" src=\"images/close.png\" className=\"icons-sm\" /></a>}\r\n\r\n                                                        </div>\r\n                                                        {item.type && <div className=\"p-3 w-100 border border-light border-1\">\r\n                                                            {item.type == 'image' && <label className=\"cursor_pointer w-100\">\r\n                                                                <img alt=\"\" id={'img' + index + index2} className={'mw-100'} />\r\n                                                                {!item.content && <div className=\"d-flex align-items-center w-100 justify-content-center color_113F70\" style={{ border: '1px dotted grey', height: '250px' }}>\r\n                                                                    <div className=\"text-center\">\r\n                                                                        <img alt=\"info\" src=\"./images/noimage.png\" />\r\n                                                                        <h5 className=\"font-weight-bold align-middle mt-3\">Add Image</h5>\r\n                                                                        <small>File size must be within 1MB to 2MB</small>\r\n                                                                    </div>\r\n\r\n                                                                </div>}\r\n                                                                <input type=\"file\" accept=\".jpg, .png\" onChange={(e) => this.handleImageUpload(e, e.target.files, index, index2)} hidden />\r\n                                                            </label>}\r\n                                                            {item.type == 'text' && item.editor && <div><JoditEditor config={this.state.config} name=\"editedText\" value={item.content} onChange={(e) => this.sunEditorUpdate(e, index, index2)} /><small><span className=\"text-danger\">*</span>Minimum 150 words</small></div>}\r\n                                                            {item.type == 'text' && !item.editor && <div dangerouslySetInnerHTML={{ __html: item.content }}></div>}\r\n\r\n                                                            {item.type == 'question' && item.editor && <div><div className=\"mb-3 font-weight-bold\">{item.question}</div><div><small><span className=\"text-danger\">*</span>Minimum 150 words</small></div><JoditEditor config={this.state.config} name=\"editedText\" value={item.content} onChange={(e) => this.sunEditorUpdate(e, index, index2)} /></div>}\r\n                                                            {item.type == 'question' && !item.editor && <div><div className=\"mb-3 font-weight-bold\">{item.question}</div><div dangerouslySetInnerHTML={{ __html: item.content }}></div></div>}\r\n                                                        </div>\r\n                                                        }\r\n\r\n                                                        {!item.type && <div className=\"custom_add_col_container bg-light\"><a onClick={() => this.handleAddColItemModal(index, index2)} className=\"d-block w-100 h-100 text-center cursor_pointer py-4 color_113F70\"><img src=\"images/add.png\" alt=\"add\" className=\"icons-md\" /> Columns</a></div>}\r\n                                                    </div>\r\n\r\n                                                )\r\n                                            })\r\n                                        }\r\n\r\n                                    </div>\r\n                                    /* {provided.placeholder} */\r\n                                    // </div>\r\n\r\n                                    // )}\r\n\r\n                                    /* </Draggable> */\r\n\r\n                                )\r\n                            })\r\n                        }\r\n\r\n                        {/* </div> */}\r\n                        {/* )}\r\n\r\n                        </Droppable> */}\r\n                    </DragDropContext>\r\n                    <div className=\"container\">\r\n                        <div className=\"row custom_add_container\">\r\n                            <div className=\"col-md-12 p-0\">\r\n                                <a className=\"d-block w-100 h-100 text-center cursor_pointer py-4 color_113F70 bg-light\" onClick={() => this.handleAddRowModal()}><img alt=\"add\" src=\"images/add.png\" className=\"icons-md\" /> Row</a>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div className=\"row my-3\">\r\n                        <div className=\"col-md-12\">\r\n                            <div className=\"d-flex justify-content-center\">\r\n                                <ReCAPTCHA\r\n                                    ref={this.recaptchaRef}\r\n                                    onChange={(e) => this.recaptchaOnChange(e)}\r\n                                    onExpired={this.captchaExpired}\r\n                                    sitekey={process.env.REACT_APP_RECAPTCHA_PRODUCTION_KEY}\r\n                                />\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div className=\"w-100 mb-5\"></div>\r\n                <Modal show={this.state.addColItemsModal} onHide={this.handleAddColItemModal} centered>\r\n                    {/* <Modal.Header closeButton>\r\n                        <Modal.Title>Choose your preference</Modal.Title>\r\n                        </Modal.Header> */}\r\n                    <Modal.Body>\r\n                        <div className=\"bg-light p-2 d-flex flex-row align-items-center\">\r\n                            <div className=\"mr-2\">\r\n                                <img src=\"images/question.png\" className=\"icons-lg\" />\r\n                            </div>\r\n                            <div className=\"w-100\">\r\n                                <p className=\"mb-2\">Answer to 5x questions<span className=\"text-danger\">*</span>:</p>\r\n                                <select className=\"form-control\" onChange={this.addQuestion}>\r\n                                    <option></option>\r\n                                    {\r\n                                        this.state.QuestionList.map((list, index) => {\r\n                                            if (!this.state.NoOfQuestionUsed.includes(list.Question_ID.toString())) {\r\n                                                return (\r\n                                                    <option key={index} value={list.Question_ID}>{list.Question_Details}</option>\r\n                                                );\r\n                                            }\r\n\r\n                                        })\r\n                                    }\r\n                                </select>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"d-flex flex-row mt-2\">\r\n                            <div className=\"w-100\">\r\n                                <button onClick={() => this.addImage()} disabled={isAbleToAddImage} className=\"d-block text-left w-100 btn btn-light font-CaveatBrush-Regular\">\r\n                                    <img alt=\"info\" src=\"images/image.png\" className=\"icons-lg mr-3\" />\r\n                                    Add an image <br />\r\n                                    {isAbleToAddImage && <small className=\"text-danger\">Max 5 images</small>}\r\n                                </button>\r\n                            </div>\r\n\r\n                        </div>\r\n                        <div className=\"d-flex flex-row mt-2\">\r\n                            <div className=\"w-100\">\r\n                                <button onClick={() => this.addText()} className=\"d-block text-left w-100 btn btn-light font-CaveatBrush-Regular\">\r\n                                    <img alt=\"text\" src=\"images/text.png\" className=\"icons-lg mr-3\" />\r\n                                    More writing...\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n\r\n                    </Modal.Body>\r\n                    <Modal.Footer>\r\n                        <button className=\"btn btn-light\" onClick={this.handleAddColItemModal}>\r\n                            Cancel\r\n                        </button>\r\n                    </Modal.Footer>\r\n                </Modal>\r\n\r\n                <Modal show={this.state.addRowModal} onHide={this.handleAddRowModal} centered>\r\n                    {/* <Modal.Header closeButton>\r\n                        <Modal.Title>Choose your preference</Modal.Title>\r\n                        </Modal.Header> */}\r\n                    <Modal.Body>\r\n                        <div>\r\n                            <a onClick={() => this.addRow(1)} className=\"d-flex flex-row mb-3 w-100 h-100 btn btn-light justify-content-center py-3 border border-secondary\">\r\n                                1 Column\r\n                            </a>\r\n                            <div className=\"mr-2 w-100 d-none d-md-block\">\r\n                                <a onClick={() => this.addRow(2)} className=\"d-flex flex-row w-100 h-100 btn btn-light justify-content-center border border-secondary\">\r\n                                    <div className=\"w-50 border border-secondary py-3 mr-2\">2 Columns</div>\r\n                                    <div className=\"w-50 border border-secondary py-3 \">2 Columns</div>\r\n                                </a>\r\n                            </div>\r\n                            <div className=\"mr-2 w-100 d-block d-md-none d-lg-none d-xl-none\">\r\n                                <a onClick={() => this.addRow(2)} className=\"w-100 h-100 btn btn-light justify-content-center border border-secondary\">\r\n                                    <div className=\"border border-secondary py-3 mb-2\">2 Columns</div>\r\n                                    <div className=\"border border-secondary py-3 \">2 Columns</div>\r\n                                </a>\r\n                            </div>\r\n                        </div>\r\n                    </Modal.Body>\r\n                    <Modal.Footer>\r\n                        <button className=\"btn btn-light\" onClick={this.handleAddRowModal}>\r\n                            Cancel\r\n                        </button>\r\n                    </Modal.Footer>\r\n                </Modal>\r\n\r\n                <Modal show={this.state.editImageModal} onHide={this.handleEditImageModal} centered>\r\n                    <form >\r\n                        <Modal.Body>\r\n                            <input type=\"number\" className=\"form-control mb-2\" placeholder=\"width\" ref={el => this.Width = el} />\r\n                            <input type=\"number\" className=\"form-control\" placeholder=\"height\" ref={el => this.Height = el} />\r\n                        </Modal.Body>\r\n                        <Modal.Footer>\r\n                            <button type=\"button\" className=\"btn btn-secondary\">\r\n                                Save\r\n                            </button>\r\n                            <button className=\"btn btn-light\" onClick={this.handleEditImageModal}>\r\n                                Cancel\r\n                            </button>\r\n                        </Modal.Footer>\r\n                    </form>\r\n                </Modal>\r\n\r\n                <Modal show={this.state.CreateConfirmationModal} onHide={this.handleCreateConfirmationModal}>\r\n                    <form >\r\n                        <Modal.Header>\r\n                            Submit Story Confirmation\r\n                        </Modal.Header>\r\n                        <Modal.Body>\r\n                            Please check carefully all contents before submit story.<br />\r\n                            Your story will be under status <b>Pending Approval</b>  after submitted.\r\n                        </Modal.Body>\r\n                        <Modal.Footer>\r\n                            <button type=\"button\" disabled={this.state.isSubmitted} className=\"btn btn-secondary\" onClick={this.addNewStory}>\r\n                                Confirm\r\n                            </button>\r\n                            <button type=\"button\" className=\"btn btn-light\" onClick={this.handleCreateConfirmationModal}>\r\n                                Cancel\r\n                            </button>\r\n                        </Modal.Footer>\r\n                    </form>\r\n                </Modal>\r\n                <Toast className=\"position-fixed\" style={{ top: 0, left: \"50%\", zIndex: 999 }} onClose={this.toggleAlertBox} show={this.state.alertBox} animation={true}>\r\n                    <Toast.Header>\r\n                        Success\r\n                     </Toast.Header>\r\n                    <Toast.Body>\r\n                        <img alt=\"checked\" src=\"./images/checked.png\" className=\"icons-md\" /> You have successfully added new story. Pending for approval\r\n                        <Link to={'/'} className=\"d-block btn btn-primary mt-3\">Home</Link>\r\n                    </Toast.Body>\r\n                </Toast>\r\n            </div >\r\n\r\n        );\r\n    }\r\n}\r\n\r\nexport default CustomLayout;\r\n\r\n","/* eslint-disable no-unused-vars */\r\nimport React from 'react';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport * as rb from 'react-bootstrap';\r\nimport data from './JSON/structure.json';\r\n\r\nclass Preview extends React.Component {\r\n    constructor(props) {\r\n        super();\r\n        this.state = {\r\n            component: localStorage.getItem('struckey') ? JSON.parse(localStorage.getItem('struckey')) : [],\r\n            title: localStorage.getItem('titlekey') ? localStorage.getItem('titlekey') : '',\r\n            description: localStorage.getItem('desckey') ? localStorage.getItem('desckey') : '',\r\n            countryTag: localStorage.getItem('ctk') ? localStorage.getItem('ctk') : '',\r\n            projectTag: localStorage.getItem('ptk') ? localStorage.getItem('ptk') : '',\r\n            schoolTag: localStorage.getItem('stk') ? localStorage.getItem('stk') : '',\r\n            themeTag: localStorage.getItem('ttk') ? localStorage.getItem('ttk') : '',\r\n            imgPreview: localStorage.getItem('bnk') ? localStorage.getItem('bnk') : '',\r\n            leaderName: localStorage.getItem('lnk') ? localStorage.getItem('lnk') : '',\r\n            startDate: localStorage.getItem('sdk') ? localStorage.getItem('sdk') : '',\r\n            endDate: localStorage.getItem('edk') ? localStorage.getItem('edk') : '',\r\n            fbLink: localStorage.getItem('fbk') ? localStorage.getItem('fbk') : '',\r\n            igLink: localStorage.getItem('igk') ? localStorage.getItem('igk') : '',\r\n            expandImage: 0,\r\n            zoomVal: 100\r\n        };\r\n        //localStorage[strucKey] = JSON.stringify(data.structure);\r\n        this.expandImage = this.expandImage.bind(this);\r\n        this.Zoom = this.Zoom.bind(this);\r\n\r\n    }\r\n\r\n    expandImage() {\r\n        var imageSize = this.state.expandImage + 1;\r\n        console.log(imageSize);\r\n        if (imageSize > 1) {\r\n            this.setState({ expandImage: 0 })\r\n        } else {\r\n            this.setState({ expandImage: imageSize })\r\n        }\r\n\r\n    }\r\n\r\n\r\n    Zoom(action) {\r\n        var zoomSize;\r\n        var zoomVal = this.state.zoomVal;\r\n        if (action === 'increase') {\r\n            if (zoomVal <= 180) {\r\n                zoomSize = zoomVal + 20;\r\n                this.setState({ zoomVal: zoomSize })\r\n\r\n            }\r\n        } else {\r\n            if (zoomVal >= 40) {\r\n                zoomSize = zoomVal - 20;\r\n                this.setState({ zoomVal: zoomSize })\r\n\r\n            }\r\n        }\r\n\r\n    }\r\n\r\n    render() {\r\n        const isExpand = this.state.expandImage === 0 ? '400px' : this.state.expandImage === 1 ? '600px' : '';\r\n        const isBG = this.state.expandImage ? this.state.zoomVal + '% auto' : 'cover';\r\n        const dataStruc = this.state.component;\r\n\r\n        return (\r\n            <div className=\"preview pb-5\">\r\n                <div className=\"Container-fluid\">\r\n                    <div className=\"row m-0\">\r\n                        <div className=\"col-md-12 p-0 preview-control bg-dark\">\r\n                            <div className=\"position-relative\" style={{ width: '100%', 'height': isExpand, 'backgroundImage': 'url(' + this.state.imgPreview + ')', 'backgroundRepeat': 'no-repeat', 'backgroundPosition': 'center center', 'backgroundSize': isBG, minHeight: '400px', transition: 'all 500ms' }}>\r\n                                {/* <div className=\"d-flex align-items-center mr-3 bg-light\"><img src=\"images/slice/2.stories/stories/icons/icon-heart.png\" className=\"img-fluid\" /></div> */}\r\n\r\n                                <div className=\"position-absolute d-flex justify-content-center align-items-center w-100 mb-2\" style={{ bottom: 0 }}>\r\n                                    {/* <button className=\"btn btn-pink mt-5\">Vote!</button><br /> */}\r\n\r\n                                    <button onClick={this.expandImage} className=\"btn btn-secondary mr-2\">VIEW IMAGE</button>\r\n                                    {this.state.expandImage === 1 && <div>\r\n                                        <a onClick={() => this.Zoom('increase')} className=\"mr-2 cursor_pointer\"><img src=\"images/zoom_in.png\" /></a>\r\n                                        <a onClick={() => this.Zoom('decrease')} className=\"mr-2 cursor_pointer\"><img src=\"images/zoom_out.png\" /></a>\r\n                                    </div>}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"container\">\r\n                        <div className=\"row mt-3\">\r\n                            <div className=\"col-12 py-3 py-md-0 d-flex justify-content-end align-items-center\">\r\n                                <div className=\"pl-3\">\r\n                                    {this.state.fbLink && <a target=\"_blank\" href={this.state.fbLink}><img src=\"./images/facebook.png\" className=\"icons-social mr-2\" /></a>}\r\n                                    {this.state.igLink && <a target=\"_blank\" href={this.state.igLink}><img src=\"./images/instagram.png\" className=\"icons-social\" /></a>}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"row mt-5 mb-2\">\r\n                            <div className=\"col-md-12 text-center\">\r\n                                <h3 style={{ 'color': '#254D7C', wordBreak: 'break-word' }} className=\"text-Gotham font-weight-bold\">{this.state.title}</h3>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"row mb-2\">\r\n                            <div className=\"col-md-12 text-center text-Gotham font-weight-bold\">\r\n                                <p dangerouslySetInnerHTML={{ __html: this.state.description }}></p>\r\n                            </div>\r\n                        </div>\r\n                        {this.state.leaderName && <div className=\"row mb-2\">\r\n                            <div className=\"col-md-12 text-center text-Gotham font-weight-bold\" style={{ 'font-size': '14px' }}>\r\n                                <small>Leader Name: {this.state.leaderName}</small>\r\n                            </div>\r\n                        </div>}\r\n                        {this.state.startDate && this.state.endDate && <div className=\"row mb-2\">\r\n                            <div className=\"col-md-12 text-center text-Gotham font-weight-bold\" style={{ 'font-size': '14px' }}>\r\n                                <small>{this.state.startDate}&nbsp; to &nbsp;{this.state.endDate}</small>\r\n                            </div>\r\n                        </div>}\r\n\r\n                        {/* <div className=\"row mb-3\">\r\n                        <div className=\"col-md-12 text-center\">\r\n                            <h3>Team Lorem Ipsum</h3>\r\n                        </div>\r\n                    </div> */}\r\n                        <div className=\"row mb-3\">\r\n                            <div className=\"col-md-12 d-md-flex flex-row justify-content-center\">\r\n                                {this.state.countryTag && <div className=\"text-light py-1 px-3 storyTag countryTag mr-2 mb-2\">\r\n                                    {this.state.countryTag ? this.state.countryTag : ''}\r\n                                </div>}\r\n                                {this.state.schoolTag && <div className=\"text-light py-1 px-3 storyTag schoolTag mr-2 mb-2\">\r\n                                    {this.state.schoolTag ? this.state.schoolTag : ''}\r\n                                </div>}\r\n                                {this.state.projectTag && <div className=\"text-light py-1 px-3 storyTag projectTag mr-2 mb-2\">\r\n                                    {this.state.projectTag}\r\n                                </div>}\r\n                                {this.state.themeTag && <div className=\"text-light py-1 px-3 storyTag themeTag mr-2 mb-2\">\r\n                                    {this.state.themeTag}\r\n                                </div>}\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div className=\"container\">\r\n                        {\r\n                            dataStruc.sort((a, b) => a.order > b.order ? 1 : -1).map((list, index) => {\r\n                                return (\r\n                                    <div key={index}>\r\n                                        <div className={list.classname}>\r\n                                            {\r\n                                                list.items.sort((a, b) => a.order > b.order ? 1 : -1).map((item, index2) => {\r\n                                                    return (\r\n                                                        <div key={index2} className={item.classname} style={{ 'padding': '20px ' }}>\r\n                                                            {item.type === 'image' && <div className=\"d-flex justify-content-center align-items-center\"><img src={item.previewContent} className=\"img-fluid\" /></div>}\r\n                                                            {item.type === 'text' && <div dangerouslySetInnerHTML={{ __html: item.content }}></div>}\r\n                                                            {item.type === 'question' && <div><div className=\"mb-3 font-weight-bold\">{item.question}</div><div dangerouslySetInnerHTML={{ __html: item.content }}></div></div>}\r\n\r\n                                                        </div>\r\n                                                    )\r\n                                                })\r\n                                            }\r\n\r\n                                        </div>\r\n                                        <div className=\"d-flex justify-content-center\">\r\n                                            <div className=\"divided_line\"></div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                )\r\n                            })\r\n                        }\r\n\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n}\r\nexport default Preview;\r\n","import React, { Component } from \"react\";\r\nimport { withRouter } from \"react-router-dom\";\r\n\r\nclass ScrollToTop extends Component {\r\n\tcomponentDidUpdate(prevProps) {\r\n\t\tif (this.props.location !== prevProps.location) {\r\n\t\t\twindow.scrollTo(0, 0);\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn <React.Fragment />\r\n\t}\r\n}\r\n\r\nexport default withRouter(ScrollToTop)","import React from 'react';\r\nimport { Route, Link, Redirect, BrowserRouter as Router, Switch } from 'react-router-dom';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport * as rb from 'react-bootstrap';\r\n\r\nclass ErrorNotFound extends React.Component {\r\n  constructor(props) {\r\n    super();\r\n    this.state = {\r\n\r\n    };\r\n\r\n  }\r\n  componentDidMount() {\r\n    \r\n  }\r\n  render() {\r\n\r\n    return (\r\n      <div className=\"ErrorNotFound\">\r\n          <div className=\"container-fluid\">\r\n            <div className=\"row\">\r\n                <div className=\"col-md-12 d-flex justify-content-center\r\n                align-items-center\" style={{minHeight:'500px'}}>\r\n                    <div className=\"text-center\">\r\n                        <h1>404 Not Found!</h1>\r\n                        <h4>Sorry! That page doesn't seem to exist.</h4>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n          </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default ErrorNotFound;\r\n\r\n","/* eslint-disable no-unused-vars */\r\n\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { Route, Link, Redirect, useLocation, BrowserRouter as Router, Switch } from 'react-router-dom';\r\nimport 'react-app-polyfill/ie11';\r\nimport 'react-app-polyfill/stable';\r\nimport * as serviceWorker from './serviceWorker';\r\nimport { createBrowserHistory } from \"history\";\r\n\r\nimport Footer from './Components/Footer';\r\nimport Header from './Components/Header';\r\nimport App from './App';\r\nimport Stories from './Stories';\r\nimport StoryDetails from './StoryDetails';\r\nimport Challenge from './Challenge';\r\nimport CustomLayout from './CustomLayout';\r\nimport Preview from './Preview';\r\nimport ScrollToTop from './Components/ScrollToTop';\r\nimport pageError from './404';\r\n\r\nwindow.$apiUrl = process.env.REACT_APP_API_URL;\r\n\r\nclass Index extends React.Component {\r\n  constructor(props) {\r\n    super();\r\n    this.state = {\r\n\r\n    };\r\n\r\n  }\r\n\r\n  render() {\r\n    const history = createBrowserHistory();\r\n    return (\r\n      <Router basename={'/yep'} history={history}>\r\n        <ScrollToTop />\r\n        <div className=\"main_content\">\r\n          <div className=\"Public\">\r\n            <Header />\r\n            <Switch>\r\n              <Route exact path=\"/\" component={App} />\r\n              <Route path=\"/stories/:Title?\" component={Stories} />\r\n              <Route path=\"/StoryDetails/:id\" component={StoryDetails} />\r\n              <Route path=\"/customlayout\" component={CustomLayout} />\r\n              <Route path=\"/preview\" component={Preview} />\r\n              <Route path=\"/challenge\" component={Challenge} />\r\n              <Route path=\"*\" exact={true} component={pageError} />\r\n            </Switch>\r\n\r\n            <Footer />\r\n          </div>\r\n        </div>\r\n      </Router>\r\n      // <React.StrictMode>\r\n\r\n      // </React.StrictMode>,\r\n\r\n    );\r\n  }\r\n}\r\nReactDOM.render(\r\n  <Index />,\r\n  document.getElementById('root')\r\n);\r\n// If you want your app to work offline and load faster, you can change\r\n// unregister() to register() below. Note this comes with some pitfalls.\r\n// Learn more about service workers: https://bit.ly/CRA-PWA\r\nserviceWorker.unregister();\r\n"],"sourceRoot":""}