{"version":3,"sources":["Components/Spinner.tsx","Assets/White Logo.png","Components/QuestionSet1.tsx","Components/QuestionSet2.tsx","Components/ContactInfo.tsx","API/apiClient.tsx","API/onboardingAPI.tsx","Pages/Home.tsx","Assets/Road Image - greyscale.png","Pages/Confirmation.tsx","App.tsx","index.tsx"],"names":["Spinner","promiseInProgress","usePromiseTracker","spinnerRef","createRef","style","display","margin","justifyContent","Dialog","ref","open","alignItems","height","width","color","QuestionSet1","props","handleChange","event","number","setQuestion1","target","value","setQuestion2","setQuestion3","setQuestion4","FormControl","className","component","FormLabel","id","RadioGroup","onChange","name","question1","FormControlLabel","control","Radio","label","question2","question3","question4","QuestionSet2","newValue","setQuestion5","toString","setQuestion6","setQuestion7","setQuestion8","setQuestion9","setQuestion10","setQuestion11","setQuestion12","setQuestion13","Typography","Tooltip","placement","title","arrow","Icon","paddingBottom","Help","Rating","parseInt","question5","marginBottom","marginLeft","question6","question7","question8","question9","question10","question11","question12","question13","ContactInfo","emailRegex","handlePreventDefault","preventDefault","TextField","required","variant","handleNameInput","Select","handleTitleInput","MenuItem","department","handleDepartmentInput","experience","handleExperienceInput","email","onCopy","onCopyCapture","handleEmailInput","length","test","confirmationEmail","onPaste","handleConfirmEmailInput","phone","match","replace","formatPhone","mobile","inputProps","maxLength","handleMobileInput","dealer","handleDealerInput","disabled","apiClient","axios","create","baseURL","process","headers","onboardingAPI","getDealer","payload","post","submitContact","serverWakeup","get","Home","React","useState","accountCode","setAccountCode","validCode","setValidCode","step","setStep","setName","setEmail","setConfirmationEmail","setMobile","setDealer","dealerId","setDealerId","setTitle","setDepartment","setExperience","history","handleCodeSubmit","token","a","code","gRecaptchaResponse","trackPromise","response","data","window","scrollTo","console","log","checkDisabled","handleNext","handleGetStep","document","getElementById","scrollTop","handleBack","handleOnClick","e","grecaptcha","ready","execute","action","then","handleSubmit","contact","dealerid","questions","answers","useEffect","wakeup","url","callback","isScriptExist","script","createElement","type","src","onload","body","appendChild","loadScriptByURL","location","search","substring","WhiteLogo","alt","sx","fontFamily","fontWeight","Fragment","Card","onSubmit","textAlign","Button","Stepper","activeStep","alternativeLabel","Step","StepLabel","icon","PersonOutline","backgroundColor","DirectionsCar","DoneAll","ArrowRightAlt","onClick","alert","question1El","question1AnswerEl","border","padding","scrollMargin","scrollIntoView","question2El","question2AnswerEl","question3El","question3AnswerEl","question4El","question4AnswerEl","Confirmation","RoadImg","App","exact","path","render","ReactDOM","StrictMode"],"mappings":"0ZAwCeA,MA/Bf,WACC,IAAQC,EAAsBC,8BAAtBD,kBAEFE,EAAkBC,sBAExB,OACC,qBACCC,MAAO,CACNC,QAAS,OACTC,OAAQ,SACRC,eAAgB,UAJlB,UAMwB,IAAtBP,EACA,cAACQ,EAAA,EAAD,CAAQC,IAAKP,EAAYQ,KAAMV,EAA/B,SACC,qBACCI,MAAO,CACNC,QAAS,OACTE,eAAgB,SAChBI,WAAY,SACZL,OAAQ,SACRM,OAAQ,IACRC,MAAO,KAPT,SASC,cAAC,IAAD,CAAYJ,IAAKP,EAAYY,MAAO,gBAGnC,Q,qKCnCQ,MAA0B,uC,mDC4J1BC,MApIf,SAAsBC,GAErB,IAAMC,EAAe,SAACC,EAAYC,GAClB,IAAXA,EACHH,EAAMI,aAAaF,EAAMG,OAAOC,OACX,IAAXH,EACVH,EAAMO,aAAaL,EAAMG,OAAOC,OACX,IAAXH,EACVH,EAAMQ,aAAaN,EAAMG,OAAOC,OACX,IAAXH,GACVH,EAAMS,aAAaP,EAAMG,OAAOC,QAIlC,OACC,eAACI,EAAA,EAAD,CAAaC,UAAU,qBAAqBC,UAAU,WAAtD,UACC,cAACC,EAAA,EAAD,CACCF,UAAU,iBACVC,UAAU,SACVE,GAAG,aAHJ,4EAMA,eAACC,EAAA,EAAD,CACCC,SAAU,SAACd,GAAD,OAAWD,EAAaC,EAAO,IACzCS,UAAU,cACV,aAAW,aACXM,KAAK,0BACLX,MAAON,EAAMkB,UACbJ,GAAG,qBANJ,UAOC,cAACK,EAAA,EAAD,CACCb,MAAM,OACNc,QAAS,cAACC,EAAA,EAAD,IACTC,MAAM,QAEP,cAACH,EAAA,EAAD,CACCb,MAAM,QACNc,QAAS,cAACC,EAAA,EAAD,IACTC,MAAM,UAGR,cAACT,EAAA,EAAD,CACCF,UAAU,iBACVC,UAAU,SACVE,GAAG,aAHJ,yDAMA,eAACC,EAAA,EAAD,CACCC,SAAU,SAACd,GAAD,OAAWD,EAAaC,EAAO,IACzCS,UAAU,cACV,aAAW,aACXM,KAAK,0BACLX,MAAON,EAAMuB,UACbT,GAAG,qBANJ,UAOC,cAACK,EAAA,EAAD,CACCb,MAAM,UACNc,QAAS,cAACC,EAAA,EAAD,IACTC,MAAM,YAEP,cAACH,EAAA,EAAD,CACCb,MAAM,WACNc,QAAS,cAACC,EAAA,EAAD,IACTC,MAAM,aAEP,cAACH,EAAA,EAAD,CACCb,MAAM,mBACNc,QAAS,cAACC,EAAA,EAAD,IACTC,MAAM,4BAGR,cAACT,EAAA,EAAD,CACCF,UAAU,iBACVC,UAAU,SACVE,GAAG,aAHJ,uEAMA,eAACC,EAAA,EAAD,CACCC,SAAU,SAACd,GAAD,OAAWD,EAAaC,EAAO,IACzCS,UAAU,cACV,aAAW,aACXM,KAAK,0BACLX,MAAON,EAAMwB,UACbV,GAAG,qBANJ,UAOC,cAACK,EAAA,EAAD,CACCb,MAAM,MACNc,QAAS,cAACC,EAAA,EAAD,IACTC,MAAM,iBAEP,cAACH,EAAA,EAAD,CACCb,MAAM,QACNc,QAAS,cAACC,EAAA,EAAD,IACTC,MAAM,YAEP,cAACH,EAAA,EAAD,CACCb,MAAM,MACNc,QAAS,cAACC,EAAA,EAAD,IACTC,MAAM,kBAGR,cAACT,EAAA,EAAD,CACCF,UAAU,iBACVC,UAAU,SACVE,GAAG,aAHJ,2FAOA,eAACC,EAAA,EAAD,CACCC,SAAU,SAACd,GAAD,OAAWD,EAAaC,EAAO,IACzCS,UAAU,cACV,aAAW,aACXM,KAAK,0BACLX,MAAON,EAAMyB,UACbX,GAAG,qBANJ,UAOC,cAACK,EAAA,EAAD,CACCb,MAAM,UACNc,QAAS,cAACC,EAAA,EAAD,IACTC,MAAM,yBAEP,cAACH,EAAA,EAAD,CACCb,MAAM,WACNc,QAAS,cAACC,EAAA,EAAD,IACTC,MAAM,0BAEP,cAACH,EAAA,EAAD,CACCb,MAAM,YACNc,QAAS,cAACC,EAAA,EAAD,IACTC,MAAM,kC,2BC+FII,MAhNf,SAAsB1B,GACrB,IAAMC,EAAe,SAEpBC,EACAyB,EACAxB,GAEe,IAAXA,EACHH,EAAM4B,aAAaD,EAASE,YACP,IAAX1B,EACVH,EAAM8B,aAAaH,EAASE,YACP,IAAX1B,EACVH,EAAM+B,aAAaJ,EAASE,YACP,IAAX1B,EACVH,EAAMgC,aAAaL,EAASE,YACP,IAAX1B,EACVH,EAAMiC,aAAaN,EAASE,YACP,KAAX1B,EACVH,EAAMkC,cAAcP,EAASE,YACR,KAAX1B,EACVH,EAAMmC,cAAcR,EAASE,YACR,KAAX1B,EACVH,EAAMoC,cAAcT,EAASE,YACR,KAAX1B,GACVH,EAAMqC,cAAcV,EAASE,aAI/B,OACC,eAACnB,EAAA,EAAD,CAAaC,UAAU,qBAAvB,UACC,cAACE,EAAA,EAAD,CACCF,UAAU,iBACVC,UAAU,SACVE,GAAG,aAHJ,4EAMA,sBAAK1B,MAAO,CAAEC,QAAS,OAAQO,OAAQ,GAAID,WAAY,UAAvD,UACC,cAAC2C,EAAA,EAAD,CAAY1B,UAAU,SAAtB,yDAGA,cAAC2B,EAAA,EAAD,CACCC,UAAU,QACVC,MAAM,mEACNC,OAAK,EAHN,SAIC,cAACC,EAAA,EAAD,CAAMvD,MAAO,CAAEwD,cAAe,GAA9B,SACC,cAACC,EAAA,EAAD,WAIH,cAACC,EAAA,EAAD,CACCxC,MAAOyC,SAAS/C,EAAMgD,WACtBhC,SAAU,SAACd,EAAOyB,GAAR,OAAqB1B,EAAaC,EAAOyB,EAAU,IAC7DvC,MAAO,CAAE6D,aAAc,GAAIC,WAAY,MAExC,sBAAK9D,MAAO,CAAEC,QAAS,OAAQO,OAAQ,GAAID,WAAY,UAAvD,UACC,cAAC2C,EAAA,EAAD,CAAY1B,UAAU,SAAtB,gEAGA,cAAC2B,EAAA,EAAD,CACCC,UAAU,QACVC,MAAM,mFACNC,OAAK,EAHN,SAIC,cAACC,EAAA,EAAD,CAAMvD,MAAO,CAAEwD,cAAe,GAA9B,SACC,cAACC,EAAA,EAAD,WAIH,cAACC,EAAA,EAAD,CACCxC,MAAOyC,SAAS/C,EAAMmD,WACtBnC,SAAU,SAACd,EAAOyB,GAAR,OAAqB1B,EAAaC,EAAOyB,EAAU,IAC7DvC,MAAO,CAAE6D,aAAc,GAAIC,WAAY,MAExC,sBAAK9D,MAAO,CAAEC,QAAS,OAAQO,OAAQ,GAAID,WAAY,UAAvD,UACC,cAAC2C,EAAA,EAAD,CAAY1B,UAAU,SAAtB,+CAGA,cAAC2B,EAAA,EAAD,CACCC,UAAU,QACVC,MAAM,gHACNC,OAAK,EAHN,SAIC,cAACC,EAAA,EAAD,CAAMvD,MAAO,CAAEwD,cAAe,GAA9B,SACC,cAACC,EAAA,EAAD,WAIH,cAACC,EAAA,EAAD,CACCxC,MAAOyC,SAAS/C,EAAMoD,WACtBpC,SAAU,SAACd,EAAOyB,GAAR,OAAqB1B,EAAaC,EAAOyB,EAAU,IAC7DvC,MAAO,CAAE6D,aAAc,GAAIC,WAAY,MAExC,sBAAK9D,MAAO,CAAEC,QAAS,OAAQO,OAAQ,GAAID,WAAY,UAAvD,UACC,cAAC2C,EAAA,EAAD,CAAY1B,UAAU,SAAtB,qCAGA,cAAC2B,EAAA,EAAD,CACCC,UAAU,QACVC,MAAM,kDACNC,OAAK,EAHN,SAIC,cAACC,EAAA,EAAD,CAAMvD,MAAO,CAAEwD,cAAe,GAA9B,SACC,cAACC,EAAA,EAAD,WAIH,cAACC,EAAA,EAAD,CACCxC,MAAOyC,SAAS/C,EAAMqD,WACtBrC,SAAU,SAACd,EAAOyB,GAAR,OAAqB1B,EAAaC,EAAOyB,EAAU,IAC7DvC,MAAO,CAAE6D,aAAc,GAAIC,WAAY,MAExC,sBAAK9D,MAAO,CAAEC,QAAS,OAAQO,OAAQ,GAAID,WAAY,UAAvD,UACC,cAAC2C,EAAA,EAAD,CAAY1B,UAAU,SAAtB,0CAGA,cAAC2B,EAAA,EAAD,CACCC,UAAU,QACVC,MAAM,sIACNC,OAAK,EAHN,SAIC,cAACC,EAAA,EAAD,CAAMvD,MAAO,CAAEwD,cAAe,GAA9B,SACC,cAACC,EAAA,EAAD,WAIH,cAACC,EAAA,EAAD,CACCxC,MAAOyC,SAAS/C,EAAMsD,WACtBtC,SAAU,SAACd,EAAOyB,GAAR,OAAqB1B,EAAaC,EAAOyB,EAAU,IAC7DvC,MAAO,CAAE6D,aAAc,GAAIC,WAAY,MAExC,sBAAK9D,MAAO,CAAEC,QAAS,OAAQO,OAAQ,GAAID,WAAY,UAAvD,UACC,cAAC2C,EAAA,EAAD,CAAY1B,UAAU,SAAtB,+BACA,cAAC2B,EAAA,EAAD,CACCC,UAAU,QACVC,MAAM,gEACNC,OAAK,EAHN,SAIC,cAACC,EAAA,EAAD,CAAMvD,MAAO,CAAEwD,cAAe,GAA9B,SACC,cAACC,EAAA,EAAD,WAIH,cAACC,EAAA,EAAD,CACCxC,MAAOyC,SAAS/C,EAAMuD,YACtBvC,SAAU,SAACd,EAAOyB,GAAR,OACT1B,EAAaC,EAAOyB,EAAU,KAE/BvC,MAAO,CAAE6D,aAAc,GAAIC,WAAY,MAExC,sBAAK9D,MAAO,CAAEC,QAAS,OAAQO,OAAQ,GAAID,WAAY,UAAvD,UACC,cAAC2C,EAAA,EAAD,CAAY1B,UAAU,SAAtB,4BACA,cAAC2B,EAAA,EAAD,CACCC,UAAU,QACVC,MAAM,mEACNC,OAAK,EAHN,SAIC,cAACC,EAAA,EAAD,CAAMvD,MAAO,CAAEwD,cAAe,GAA9B,SACC,cAACC,EAAA,EAAD,WAIH,cAACC,EAAA,EAAD,CACCxC,MAAOyC,SAAS/C,EAAMwD,YACtBxC,SAAU,SAACd,EAAOyB,GAAR,OACT1B,EAAaC,EAAOyB,EAAU,KAE/BvC,MAAO,CAAE6D,aAAc,GAAIC,WAAY,MAExC,sBAAK9D,MAAO,CAAEC,QAAS,OAAQO,OAAQ,GAAID,WAAY,UAAvD,UACC,cAAC2C,EAAA,EAAD,CAAY1B,UAAU,SAAtB,gCACA,cAAC2B,EAAA,EAAD,CACCC,UAAU,QACVC,MAAM,kEACNC,OAAK,EAHN,SAIC,cAACC,EAAA,EAAD,CAAMvD,MAAO,CAAEwD,cAAe,GAA9B,SACC,cAACC,EAAA,EAAD,WAIH,cAACC,EAAA,EAAD,CACCxC,MAAOyC,SAAS/C,EAAMyD,YACtBzC,SAAU,SAACd,EAAOyB,GAAR,OACT1B,EAAaC,EAAOyB,EAAU,KAE/BvC,MAAO,CAAE6D,aAAc,GAAIC,WAAY,MAExC,sBAAK9D,MAAO,CAAEC,QAAS,OAAQO,OAAQ,GAAID,WAAY,UAAvD,UACC,cAAC2C,EAAA,EAAD,CAAY1B,UAAU,SAAtB,6BACA,cAAC2B,EAAA,EAAD,CACCC,UAAU,QACVC,MAAM,+EACNC,OAAK,EAHN,SAIC,cAACC,EAAA,EAAD,CAAMvD,MAAO,CAAEwD,cAAe,GAA9B,SACC,cAACC,EAAA,EAAD,WAIH,cAACC,EAAA,EAAD,CACCxC,MAAOyC,SAAS/C,EAAM0D,YACtB1C,SAAU,SAACd,EAAOyB,GAAR,OACT1B,EAAaC,EAAOyB,EAAU,KAE/BvC,MAAO,CAAE6D,aAAc,GAAIC,WAAY,U,kBCV5BS,MAhMf,SAAqB3D,GACpB,IAAM4D,EACL,kJAEKC,EAAuB,SAAC3D,GAC7BA,EAAM4D,kBAgBP,OACC,sBAAKnD,UAAU,wBAAf,UACC,sBAAKA,UAAU,kBAAf,UACC,qBAAKA,UAAU,oBAAf,mBACA,gCACC,qBAAKA,UAAU,2BAAf,mBACA,cAACoD,EAAA,EAAD,CACCzD,MAAON,EAAMiB,KACb+C,UAAQ,EACRC,QAAQ,WACRtD,UAAU,oBACVK,SAAUhB,EAAMkE,wBAGnB,sBAAKvD,UAAU,kBAAf,UACC,qBAAKA,UAAU,oBAAf,oBACA,gCACC,qBAAKA,UAAU,2BAAf,oBACA,eAACwD,EAAA,EAAD,CACCxD,UAAU,oBACVL,MAAON,EAAMyC,MACbzB,SAAUhB,EAAMoE,iBAHjB,UAIC,cAACC,EAAA,EAAD,CAAU/D,MAAM,QAAhB,mBACA,cAAC+D,EAAA,EAAD,CAAU/D,MAAM,gBAAhB,2BACA,cAAC+D,EAAA,EAAD,CAAU/D,MAAM,UAAhB,qBACA,cAAC+D,EAAA,EAAD,CAAU/D,MAAM,QAAhB,mBACA,cAAC+D,EAAA,EAAD,CAAU/D,MAAM,YAAhB,uBACA,cAAC+D,EAAA,EAAD,CAAU/D,MAAM,oBAAhB,+BACA,cAAC+D,EAAA,EAAD,CAAU/D,MAAM,cAAhB,yBACA,cAAC+D,EAAA,EAAD,CAAU/D,MAAM,sBAAhB,iCACA,cAAC+D,EAAA,EAAD,CAAU/D,MAAM,UAAhB,qBACA,cAAC+D,EAAA,EAAD,CAAU/D,MAAM,KAAhB,gBACA,cAAC+D,EAAA,EAAD,CAAU/D,MAAM,MAAhB,iBACA,cAAC+D,EAAA,EAAD,CAAU/D,MAAM,eAAhB,mCAIH,sBAAKK,UAAU,kBAAf,UACC,qBAAKA,UAAU,oBAAf,yBACA,gCACC,qBAAKA,UAAU,2BAAf,yBACA,eAACwD,EAAA,EAAD,CACCxD,UAAU,oBACVL,MAAON,EAAMsE,WACbtD,SAAUhB,EAAMuE,sBAHjB,UAIC,cAACF,EAAA,EAAD,CAAU/D,MAAM,QAAhB,mBACA,cAAC+D,EAAA,EAAD,CAAU/D,MAAM,MAAhB,iBACA,cAAC+D,EAAA,EAAD,CAAU/D,MAAM,UAAhB,qBACA,cAAC+D,EAAA,EAAD,CAAU/D,MAAM,QAAhB,mBACA,cAAC+D,EAAA,EAAD,CAAU/D,MAAM,QAAhB,4BAIH,sBAAKK,UAAU,kBAAf,UACC,qBAAKA,UAAU,oBAAf,yCAGA,gCACC,qBAAKA,UAAU,2BAAf,yCAGA,eAACwD,EAAA,EAAD,CACCxD,UAAU,oBACVL,MAAON,EAAMwE,WACbxD,SAAUhB,EAAMyE,sBAHjB,UAIC,cAACJ,EAAA,EAAD,CAAU/D,MAAM,KAAhB,8BACA,cAAC+D,EAAA,EAAD,CAAU/D,MAAM,MAAhB,yBACA,cAAC+D,EAAA,EAAD,CAAU/D,MAAM,OAAhB,0BACA,cAAC+D,EAAA,EAAD,CAAU/D,MAAM,QAAhB,2BACA,cAAC+D,EAAA,EAAD,CAAU/D,MAAM,MAAhB,yCAIH,sBAAKK,UAAU,kBAAf,UACC,qBAAKA,UAAU,oBAAf,oBACA,gCACC,qBAAKA,UAAU,2BAAf,oBACA,cAACoD,EAAA,EAAD,CACCzD,MAAON,EAAM0E,MACbC,OAAQd,EACRe,cAAef,EACfG,UAAQ,EACRC,QAAQ,WACRtD,UAAU,oBACVK,SAAUhB,EAAM6E,mBAChB7E,EAAM0E,MAAMI,OAAS,IACpBlB,EAAWmB,KAAK/E,EAAM0E,QACtB,qBAAK/D,UAAU,MAAf,0CAIJ,sBAAKA,UAAU,kBAAf,UACC,qBAAKA,UAAU,oBAAf,4BACA,gCACC,qBAAKA,UAAU,2BAAf,4BAGA,cAACoD,EAAA,EAAD,CACCzD,MAAON,EAAMgF,kBACbhB,UAAQ,EACRiB,QAASpB,EACTI,QAAQ,WACRtD,UAAU,oBACVK,SAAUhB,EAAMkF,0BACjB,sBAAKvE,UAAU,OAAf,UACEX,EAAMgF,kBAAkBF,OAAS,IAChClB,EAAWmB,KAAK/E,EAAMgF,oBACtB,qBAAKrE,UAAU,MAAf,oCAIDX,EAAMgF,kBAAkBF,OAAS,GACjC9E,EAAMgF,oBAAsBhF,EAAM0E,OACjC,qBACC/D,UAAU,MACVvB,MAAO,CACN8D,WACClD,EAAMgF,kBAAkBF,OACvB,GACD9E,EAAMgF,oBACLhF,EAAM0E,MACJ,GACA,GATN,yCAiBL,sBAAK/D,UAAU,kBAAf,UACC,qBAAKA,UAAU,oBAAf,yBACA,gCACC,qBAAKA,UAAU,2BAAf,yBACA,cAACoD,EAAA,EAAD,CACCzD,MApJe,SAAC6E,GACpB,GAAqB,KAAjBA,EAAML,OAAe,CACxB,IACMM,GADW,GAAKD,GAAOE,QAAQ,MAAO,IACtBD,MAAM,2BAC5B,OAAIA,EACI,IAAMA,EAAM,GAAK,KAAOA,EAAM,GAAK,IAAMA,EAAM,GAEhD,KAEP,OAAOD,EAAME,QAAQ,SAAU,IA2IrBC,CAAYtF,EAAMuF,QACzBvB,UAAQ,EACRC,QAAQ,WACRtD,UAAU,oBACV6E,WAAY,CAAEC,UAAW,IACzBzE,SAAUhB,EAAM0F,0BAGnB,sBAAK/E,UAAU,kBAAf,UACC,qBAAKA,UAAU,oBAAf,qBACA,gCACC,qBAAKA,UAAU,2BAAf,qBACA,cAACoD,EAAA,EAAD,CACCzD,MAAON,EAAM2F,OACb3B,UAAQ,EACRC,QAAQ,WACRtD,UAAU,oBACVK,SAAUhB,EAAM4F,kBAChBC,UAAQ,c,SClMCC,E,OARGC,EAAMC,OAAO,CAE9BC,QAASC,0CACTC,QAAS,CACR,eAAgB,sBCwDHC,EAtBO,CACrBC,UADqB,SACXC,GACT,OAAOR,EAAUS,KAAK,cAAeD,EAAS,CAC7CH,QAAS,CACR,eAAgB,uBAKnBK,cATqB,SASPF,GACb,OAAOR,EAAUS,KAAK,eAAgBD,EAAS,CAC9CH,QAAS,CACR,eAAgB,uBAKnBM,aAjBqB,WAkBpB,OAAOX,EAAUY,IAAI,aCkxBRC,MApyBf,SAAc3G,GACb,MAAsC4G,IAAMC,SAAS,IAArD,mBAAOC,EAAP,KAAoBC,EAApB,KACA,EAAkCH,IAAMC,UAAS,GAAjD,mBAAOG,EAAP,KAAkBC,EAAlB,KACA,EAAwBL,IAAMC,SAAS,GAAvC,mBAAOK,EAAP,KAAaC,EAAb,KACA,EAAwBP,IAAMC,SAAS,IAAvC,mBAAO5F,EAAP,KAAamG,EAAb,KACA,EAA0BR,IAAMC,SAAS,IAAzC,mBAAOnC,EAAP,KAAc2C,EAAd,KACA,EAAkDT,IAAMC,SAAS,IAAjE,mBAAO7B,EAAP,KAA0BsC,EAA1B,KACA,EAA4BV,IAAMC,SAAS,IAA3C,mBAAOtB,EAAP,KAAegC,EAAf,KACA,GAA4BX,IAAMC,SAAS,IAA3C,qBAAOlB,GAAP,MAAe6B,GAAf,MACA,GAAgCZ,IAAMC,SAAS,IAA/C,qBAAOY,GAAP,MAAiBC,GAAjB,MACA,GAA0Bd,IAAMC,SAAS,IAAzC,qBAAOpE,GAAP,MAAckF,GAAd,MACA,GAAoCf,IAAMC,SAAS,IAAnD,qBAAOvC,GAAP,MAAmBsD,GAAnB,MACA,GAAoChB,IAAMC,SAAS,IAAnD,qBAAOrC,GAAP,MAAmBqD,GAAnB,MACA,GAAkCjB,IAAMC,SAAS,IAAjD,qBAAO3F,GAAP,MAAkBd,GAAlB,MACA,GAAkCwG,IAAMC,SAAS,IAAjD,qBAAOtF,GAAP,MAAkBhB,GAAlB,MACA,GAAkCqG,IAAMC,SAAS,IAAjD,qBAAOrF,GAAP,MAAkBhB,GAAlB,MACA,GAAkCoG,IAAMC,SAAS,IAAjD,qBAAOpF,GAAP,MAAkBhB,GAAlB,MACA,GAAkCmG,IAAMC,SAAS,IAAjD,qBAAO7D,GAAP,MAAkBpB,GAAlB,MACA,GAAkCgF,IAAMC,SAAS,IAAjD,qBAAO1D,GAAP,MAAkBrB,GAAlB,MACA,GAAkC8E,IAAMC,SAAS,IAAjD,qBAAOzD,GAAP,MAAkBrB,GAAlB,MACA,GAAkC6E,IAAMC,SAAS,IAAjD,qBAAOxD,GAAP,MAAkBrB,GAAlB,MACA,GAAkC4E,IAAMC,SAAS,IAAjD,qBAAOvD,GAAP,MAAkBrB,GAAlB,MACA,GAAoC2E,IAAMC,SAAS,IAAnD,qBAAOtD,GAAP,MAAmBrB,GAAnB,MACA,GAAoC0E,IAAMC,SAAS,IAAnD,qBAAOrD,GAAP,MAAmBrB,GAAnB,MACA,GAAoCyE,IAAMC,SAAS,IAAnD,qBAAOpD,GAAP,MAAmBrB,GAAnB,MACA,GAAoCwE,IAAMC,SAAS,IAAnD,qBAAOnD,GAAP,MAAmBrB,GAAnB,MAEMyF,GAAU9H,EAAM8H,QAEhBxC,GAAc,SAACH,GACpB,IACMC,GADW,GAAKD,GAAOE,QAAQ,MAAO,IACtBD,MAAM,2BAC5B,OAAIA,EACI,IAAMA,EAAM,GAAK,KAAOA,EAAM,GAAK,IAAMA,EAAM,GAEhD,MA2CF2C,GAAgB,uCAAG,WAAOC,GAAP,iBAAAC,EAAA,6DAClB3B,EAAU,CACf4B,KAAMpB,EACNqB,mBAAoB,CACnBH,MAAOA,IAJe,kBAQAI,uBACtBhC,EAAcC,UAAUC,IATF,OAQjB+B,EARiB,OAWvBb,GAAUa,EAASC,KAAKrH,MACxByG,GAAYW,EAASC,KAAKxH,IAC1BmG,GAAa,GACbsB,OAAOC,SAAS,EAAG,GAdI,kDAgBvBC,QAAQC,IAAR,MAhBuB,0DAAH,sDAoBhBC,GAAgB,WACrB,QACC3D,EAAkBF,OAAS,GAC3BJ,EAAMI,OAAS,GACfE,IAAsBN,GACtBzD,EAAK6D,OAAS,GACdS,EAAOT,OAAS,GAChBR,GAAWQ,OAAS,GACpBN,GAAWM,OAAS,IAkChB8D,GAAa,WAClBzB,EAAQD,EAAO,GACflH,EAAM6I,cAAc3B,EAAO,GACH4B,SAASC,eAAe,eACrCC,UAAY,EACNF,SAASC,eAAe,OACrCC,UAAY,EAChBT,OAAOC,SAAS,EAAG,IAiGdS,GAAa,WAClB9B,EAAQD,EAAO,GACflH,EAAM6I,cAAc3B,EAAO,GACH4B,SAASC,eAAe,eACrCC,UAAY,EACNF,SAASC,eAAe,OACrCC,UAAY,EAChBT,OAAOC,SAAS,EAAG,IAwBdU,GAAgB,SAACC,GACtBA,EAAErF,iBACFyE,OAAOa,WAAWC,OAAM,WACvBd,OAAOa,WACLE,QAAQpD,2CAAqC,CAC7CqD,OAAQ,WAERC,MAAK,SAACxB,GACO,KAAT/G,EACH8G,GAAiBC,GAEjByB,GAAazB,UAMZyB,GAAY,uCAAG,WAAOzB,GAAP,iBAAAC,EAAA,6DACd3B,EAAU,CACfoD,QAAS,CACRzI,KAAMA,EACNwB,MAAOA,GACP6B,WAAYA,GACZE,WAAYA,GACZE,MAAOA,EACPa,OAAQD,GAAYC,GACpBI,OAAQA,GACRgE,SAAUlC,IAEXmC,UAAW,CACV,EAAG,8DACH,EAAG,2CACH,EAAG,yDACH,EAAG,4EACH,EAAG,4CACH,EAAG,mDACH,EAAG,kCACH,EAAG,wBACH,EAAG,6BACH,GAAI,kBACJ,GAAI,eACJ,GAAI,mBACJ,GAAI,iBAELC,QAAS,CACR,EAAG3I,GACH,EAAGK,GACH,EAAGC,GACH,EAAGC,GACH,EAAGuB,GACH,EAAGG,GACH,EAAGC,GACH,EAAGC,GACH,EAAGC,GACH,GAAIC,GACJ,GAAIC,GACJ,GAAIC,GACJ,GAAIC,IAELyE,mBAAoB,CACnBH,MAAOA,IA3CW,kBA+CII,uBACtBhC,EAAcI,cAAcF,IAhDV,OA+Cb+B,EA/Ca,OAkDnBI,QAAQC,IAAIL,GACZlB,EAAQD,EAAO,GACflH,EAAM6I,cAAc3B,EAAO,GACH4B,SAASC,eAAe,eACrCC,UAAY,EACNF,SAASC,eAAe,OACrCC,UAAY,EAChBT,OAAOC,SAAS,EAAG,GA9FpBpB,EAAQ,IACRC,EAAS,IACTC,EAAqB,IACrBE,GAAU,IACVE,GAAY,IACZtH,GAAa,IACbG,GAAa,IACbC,GAAa,IACbC,GAAa,IACbmB,GAAa,IACbE,GAAa,IACbC,GAAa,IACbC,GAAa,IACbC,GAAa,IACbC,GAAc,IACdC,GAAc,IACdC,GAAc,IACdC,GAAc,IAoBM,kDA4DnBoG,QAAQC,IAAR,MA5DmB,0DAAH,sDAiHlB,OAjDAoB,qBAAU,WACT,IAqBMC,EAAM,uCAAG,4BAAA9B,EAAA,+EAEUG,uBACtBhC,EAAcK,gBAHF,OAEP4B,EAFO,OAKbI,QAAQC,IAAIL,GALC,gDAObI,QAAQC,IAAR,MAPa,yDAAH,qDAqBZ,GARAqB,IAlCwB,SACvBjJ,EACAkJ,EACAC,GAEA,IAAMC,EAAgBpB,SAASC,eAAejI,GAE9C,IAAKoJ,EAAe,CACnB,IAAMC,EAASrB,SAASsB,cAAc,UACtCD,EAAOE,KAAO,kBACdF,EAAOG,IAAMN,EACbG,EAAOrJ,GAAKA,EACZqJ,EAAOI,OAAS,WACXN,GAAUA,KAEfnB,SAAS0B,KAAKC,YAAYN,GAGvBD,GAAiBD,GAAUA,IAiBhCS,CACC,gBADc,yDAEoCxE,6CAClD,WACCuC,QAAQC,IAAI,qBAGkB,KAA5BZ,GAAQ6C,SAASC,OAAe,CACnC,IAAM9D,EAAcgB,GAAQ6C,SAASC,OAAOC,UAAU,GACtD9D,EAAeD,MAEd,IAGF,qBAAKnG,UAAU,OAAf,SACC,sBAAKG,GAAG,gBAAgBH,UAAU,gBAAlC,UACC,sBAAKA,UAAU,sBAAf,UACC,qBACCA,UAAU,OACV2J,IAAKQ,EACLC,IAAI,0BAEL,qBAAKpK,UAAU,QAAf,SACC,cAAC2B,EAAA,EAAD,CAEC0I,GAAI,CAAEC,WAAY,gCAClBhH,QAAQ,KAHT,0BAOD,qBAAKtD,UAAU,MAAf,SACC,cAAC2B,EAAA,EAAD,CACC2B,QAAQ,KACR+G,GAAI,CACHE,WAAY,OACZD,WAAY,aAJd,kEASCjE,GACD,eAAC,IAAMmE,SAAP,WACC,qBAAKxK,UAAU,eAAf,SACC,cAAC2B,EAAA,EAAD,CACC0I,GAAI,CACHC,WAEC,gCAEFhH,QAAQ,KANT,0BAUD,qBAAKtD,UAAU,aAAf,SACC,cAAC2B,EAAA,EAAD,CACC2B,QAAQ,KACR+G,GAAI,CACHE,WAAY,OACZD,WAAY,aAJd,oEAYFjE,GAAsB,IAATE,GACb,qBAAKvG,UAAU,mBAAf,SACC,cAAC2B,EAAA,EAAD,CACC2B,QAAQ,KACR+G,GAAI,CACHE,WAAY,OACZD,WAAY,aAJd,mCAUDjE,IAAuB,IAATE,GAAuB,IAATA,IAC5B,qBAAKvG,UAAU,mBAAf,SACC,cAAC2B,EAAA,EAAD,CACC2B,QAAQ,KACR+G,GAAI,CACHE,WAAY,OACZD,WAAY,aAJd,sBAUDjE,IAAuB,IAATE,GAAuB,IAATA,IAC5B,qBAAKvG,UAAU,mBAAf,SACC,cAAC2B,EAAA,EAAD,CACC2B,QAAQ,KACR+G,GAAI,CACHE,WAAY,OACZD,WAAY,aAJd,gCAWDjE,GACD,cAAC,IAAMmE,SAAP,UACC,eAACC,EAAA,EAAD,CAAMzK,UAAU,kBAAhB,UACC,sBACCA,UAAU,uBACV0K,SAAUnC,GAFX,SAGC,sBAAKvI,UAAU,uBAAf,UACC,sBAAMA,UAAU,mBAAhB,wCAGA,qBAAKA,UAAU,6BAAf,SACC,cAACoD,EAAA,EAAD,CACCpD,UAAU,mBACVsD,QAAQ,WACR3D,MAAOwG,EACP9F,SAxdqB,SAC9Bd,GAEA6G,EAAe7G,EAAMG,OAAOC,QAsdnB0K,GAAI,CAAEM,UAAW,cAGnB,cAACC,EAAA,EAAD,CACC5K,UAAU,oBACVkF,SAAiC,IAAvBiB,EAAYhC,OACtBuF,KAAK,SAHN,yBAQF,qBAAK1J,UAAU,2BAIjBqG,GACA,eAACoE,EAAA,EAAD,CAAMtK,GAAG,cAAcH,UAAU,cAAjC,UACC,eAAC6K,EAAA,EAAD,CACC7K,UAAU,iBACV8K,WAAYvE,EACZwE,kBAAgB,EAHjB,UAIC,cAACC,EAAA,EAAD,UACC,cAACC,EAAA,EAAD,CACCC,KACC,cAACC,EAAA,EAAD,CACCnL,UAAU,kBACVvB,MAAO,CACN2M,gBAvaG,IAAT7E,EACI,UAEA,aA+ZF,4BAaD,cAACyE,EAAA,EAAD,UACC,cAACC,EAAA,EAAD,CACCC,KACC,cAACG,EAAA,EAAD,CACCrL,UACCuG,GAAQ,EACL,kBACA,iBAEJ9H,MAAO,CACN2M,gBAjbG,IAAT7E,EACI,UACY,IAATA,GAAuB,IAATA,EACjB,UACGA,EAAO,EACV,eADD,KAoaD,sBAiBD,cAACyE,EAAA,EAAD,UACC,cAACC,EAAA,EAAD,CACCC,KACC,cAACI,EAAA,EAAD,CACCtL,UACCuG,GAAQ,EACL,kBACA,iBAEJ9H,MAAO,CACN2M,gBAzbN7E,EAAO,EACH,UAEA,aA6aF,+BAkBQ,IAATA,GACA,qBAAKvG,UAAU,iBAAf,SACC,uBAAM0K,SAAUzC,GAAhB,UACC,cAAC,EAAD,2BACK5I,GADL,IAECiB,KAAMA,EACNyD,MAAOA,EACPM,kBAAmBA,EACnBO,OAAQA,EACRI,OAAQA,GACRlD,MAAOA,GACP6B,WAAYA,GACZE,WAAYA,GACZN,gBAxiBe,SAAChE,GACxBkH,EAAQlH,EAAMG,OAAOC,QAwiBbuE,iBAriBgB,SAAC3E,GACzBmH,EAASnH,EAAMG,OAAOC,QAqiBd4E,wBAliBuB,SAC/BhF,GAEAoH,EAAqBpH,EAAMG,OAAOC,QAkiB1BoF,kBA3hBiB,SAACxF,GAC1BqH,EAAUrH,EAAMG,OAAOC,QA2hBfsF,kBAhiBiB,SAAC1F,GAC1BsH,GAAUtH,EAAMG,OAAOC,QAgiBf8D,iBAzhBgB,SAAClE,GACzByH,GAASzH,EAAMG,OAAOC,QAyhBdiE,sBAthBqB,SAACrE,GAC9B0H,GAAc1H,EAAMG,OAAOC,QAwhBnBmE,sBArhBqB,SAACvE,GAC9B2H,GAAc3H,EAAMG,OAAOC,WAwhBpB,qBAAKK,UAAU,aAAf,SACC,eAAC4K,EAAA,EAAD,CACC1F,SAAU8C,KACV0B,KAAK,SAFN,iBAIC,cAAC1H,EAAA,EAAD,CAAMhC,UAAU,wBAAhB,SACC,cAACuL,EAAA,EAAD,CACCvL,UACCgI,KACG,OACA,sBASD,IAATzB,GACA,sBAAKvG,UAAU,iBAAf,UACC,cAAC,EAAD,2BACKX,GADL,IAECkB,UAAWA,GACXK,UAAWA,GACXC,UAAWA,GACXC,UAAWA,GACXrB,aAAcA,GACdG,aAAcA,GACdC,aAAcA,GACdC,aAAcA,MAEf,sBAAKE,UAAU,wBAAf,UACC,8BACC,eAAC4K,EAAA,EAAD,CAAQY,QAASlD,GAAjB,UACC,cAACtG,EAAA,EAAD,CAAMhC,UAAU,wBAAhB,SACC,cAACuL,EAAA,EAAD,CAAevL,UAAU,YAF3B,oBAOD,8BACC,eAAC4K,EAAA,EAAD,CACC1F,SACe,KAAd3E,IACc,KAAdK,IACc,KAAdC,IACc,KAAdC,GAED0K,QA9fc,WACvB,GACCjL,GAAU4D,OAAS,GACnBvD,GAAUuD,OAAS,GACnBtD,GAAUsD,OAAS,GACnBrD,GAAUqD,OAAS,EAEnB8D,UACM,GAAyB,IAArB1H,GAAU4D,OAAc,CAClCsH,MAAM,4BACN,IAAMC,EACLvD,SAASC,eAAe,cACnBuD,EACLxD,SAASC,eAAe,sBACrBsD,GAAeC,IAClBD,EAAYjN,MAAMmN,OAAS,gBAC3BF,EAAYjN,MAAMoN,QAAU,UAC5BH,EAAYjN,MAAMqN,aAAe,OACjCH,EAAkBlN,MAAMmN,OAAS,gBACjCD,EAAkBlN,MAAMoN,QAAU,UAClCH,EAAYK,gBAAe,SAEtB,GAAyB,IAArBnL,GAAUuD,OAAc,CAClCsH,MAAM,4BACN,IAAMC,EACLvD,SAASC,eAAe,cACnBuD,EACLxD,SAASC,eAAe,sBACnB4D,EACL7D,SAASC,eAAe,cACnB6D,EACL9D,SAASC,eAAe,sBACrBsD,GAAeC,IAClBD,EAAYjN,MAAMmN,OAAS,OAC3BD,EAAkBlN,MAAMmN,OAAS,QAE9BI,GAAeC,IAClBD,EAAYvN,MAAMmN,OAAS,gBAC3BI,EAAYvN,MAAMoN,QAAU,UAC5BG,EAAYvN,MAAMqN,aAAe,OACjCG,EAAkBxN,MAAMmN,OAAS,gBACjCK,EAAkBxN,MAAMoN,QAAU,UAClCG,EAAYD,gBAAe,SAEtB,GAAyB,IAArBlL,GAAUsD,OAAc,CAClCsH,MAAM,4BACN,IAAMC,EAAmBvD,SAASC,eAAe,cAC3CuD,EACLxD,SAASC,eAAe,sBACnB4D,EAAmB7D,SAASC,eAAe,cAC3C6D,EACL9D,SAASC,eAAe,sBACnB8D,EAAmB/D,SAASC,eAAe,cAC3C+D,EACLhE,SAASC,eAAe,sBACzBsD,EAAYjN,MAAMmN,OAAS,OAC3BD,EAAkBlN,MAAMmN,OAAS,OACjCI,EAAYvN,MAAMmN,OAAS,OAC3BK,EAAkBxN,MAAMmN,OAAS,OACjCM,EAAYzN,MAAMmN,OAAS,gBAC3BM,EAAYzN,MAAMoN,QAAU,UAC5BK,EAAYzN,MAAMqN,aAAe,OACjCK,EAAkB1N,MAAMmN,OAAS,gBACjCO,EAAkB1N,MAAMoN,QAAU,UAClCK,EAAYH,gBAAe,QACrB,GAAyB,IAArBjL,GAAUqD,OAAc,CAClCsH,MAAM,4BACN,IAAMC,EAAmBvD,SAASC,eAAe,cAC3CuD,EACLxD,SAASC,eAAe,sBACnB4D,EAAmB7D,SAASC,eAAe,cAC3C6D,EACL9D,SAASC,eAAe,sBACnB8D,EAAmB/D,SAASC,eAAe,cAC3C+D,EACLhE,SAASC,eAAe,sBACnBgE,EAAmBjE,SAASC,eAAe,cAC3CiE,EACLlE,SAASC,eAAe,sBACzBsD,EAAYjN,MAAMmN,OAAS,OAC3BD,EAAkBlN,MAAMmN,OAAS,OACjCI,EAAYvN,MAAMmN,OAAS,OAC3BK,EAAkBxN,MAAMmN,OAAS,OACjCM,EAAYzN,MAAMmN,OAAS,OAC3BO,EAAkB1N,MAAMmN,OAAS,OACjCQ,EAAY3N,MAAMmN,OAAS,gBAC3BQ,EAAY3N,MAAMoN,QAAU,UAC5BO,EAAY3N,MAAMqN,aAAe,OACjCO,EAAkB5N,MAAMmN,OAAS,gBACjCS,EAAkB5N,MAAMoN,QAAU,UAClCO,EAAYL,gBAAe,KA6ZpB,iBASC,cAAC/J,EAAA,EAAD,CAAMhC,UAAU,wBAAhB,SACC,cAACuL,EAAA,EAAD,CAAevL,UAAU,uBAOrB,IAATuG,GACA,sBAAKvG,UAAU,iBAAf,UACC,cAAC,EAAD,2BACKX,GADL,IAECgD,UAAWA,GACXG,UAAWA,GACXC,UAAWA,GACXC,UAAWA,GACXC,UAAWA,GACXC,WAAYA,GACZC,WAAYA,GACZC,WAAYA,GACZC,WAAYA,GACZ9B,aAAcA,GACdE,aAAcA,GACdC,aAAcA,GACdC,aAAcA,GACdC,aAAcA,GACdC,cAAeA,GACfC,cAAeA,GACfC,cAAeA,GACfC,cAAeA,MAEhB,sBAAK1B,UAAU,wBAAf,UACC,8BACC,eAAC4K,EAAA,EAAD,CAAQY,QAASlD,GAAjB,UACC,cAACtG,EAAA,EAAD,CAAMhC,UAAU,wBAAhB,SACC,cAACuL,EAAA,EAAD,CAAevL,UAAU,YAF3B,YAOD,8BACC,eAAC4K,EAAA,EAAD,CACC1F,SACe,KAAd7C,IACc,KAAdG,IACc,KAAdC,IACc,KAAdC,IACc,KAAdC,IACe,KAAfC,IACe,KAAfC,IACe,KAAfC,IACe,KAAfC,GAEDyI,QAASvD,GAZV,iBAcC,cAACjG,EAAA,EAAD,CAAMhC,UAAU,wBAAhB,SACC,cAACuL,EAAA,EAAD,CAAevL,UAAU,uBAOrB,IAATuG,GACA,sBAAKvG,UAAU,eAAf,UACC,sBAAKA,UAAU,8BAAf,UACC,sBACCvB,MAAO,CACNC,QAAS,OACT4D,aAAc,GACdtD,WAAY,UAJd,UAMC,uBAAMgB,UAAU,qBAAhB,kBACO,OAEP,cAAC2B,EAAA,EAAD,CAAY3B,UAAU,qBAAtB,SACEM,OAGH,sBACC7B,MAAO,CACNC,QAAS,OACTC,OAAQ,YAHV,UAKC,uBAAMqB,UAAU,qBAAhB,mBACQ,OAER,cAAC2B,EAAA,EAAD,CAAY3B,UAAU,qBAAtB,SACE+D,OAGH,sBAAKtF,MAAO,CAAEC,QAAS,QAAvB,UACC,uBAAMsB,UAAU,qBAAhB,oBACS,OAET,cAAC2B,EAAA,EAAD,CAAY3B,UAAU,qBAAtB,SACEgF,WAIJ,sBAAKhF,UAAU,gCAAf,UACC,8BACC,eAAC4K,EAAA,EAAD,CAAQY,QAASlD,GAAjB,UACC,cAACtG,EAAA,EAAD,CAAMhC,UAAU,wBAAhB,SACC,cAACuL,EAAA,EAAD,CAAevL,UAAU,YAF3B,YAOD,8BACC,cAAC4K,EAAA,EAAD,CAAQY,QAASjD,GAAjB,4BAOM,IAAThC,GACA,sBAAKvG,UAAU,qBAAf,UACC,qBAAKA,UAAU,oBAAf,kDAGA,qBAAKA,UAAU,eAAf,2HCxzBO,MAA0B,mD,OC4D1BsM,MAjDf,WACC,OACC,qBAAKtM,UAAU,oBAAf,SACC,sBAAKA,UAAU,yBAAf,UACC,sBAAKA,UAAU,+BAAf,UACC,8BACC,qBACCA,UAAU,oBACV2J,IAAKQ,EACLC,IAAI,4BAGN,qBAAKpK,UAAU,qBAAf,SACC,cAAC2B,EAAA,EAAD,CACC0I,GAAI,CAAEC,WAAY,gCAClBhH,QAAQ,KAFT,+BAMD,qBAAKtD,UAAU,mBAAf,SACC,cAAC2B,EAAA,EAAD,CACC2B,QAAQ,KACR+G,GAAI,CACHE,WAAY,OACZD,WAAY,aAJd,oEAUF,sBAAKtK,UAAU,uBAAf,UACC,sBAAKA,UAAU,yBAAf,UACC,qBAAKA,UAAU,WACf,cAAC2B,EAAA,EAAD,CAAY3B,UAAU,eAAtB,sLAOD,qBAAKA,UAAU,gBAAf,SACC,qBAAKA,UAAU,WAAW2J,IAAK4C,EAASnC,IAAI,oBCRnCoC,MAjCf,WACC,MAAwBvG,IAAMC,SAAS,GAAvC,mBAAOK,EAAP,KAAaC,EAAb,KAEM0B,EAAgB,SAAC3B,GACtBC,EAAQD,IAGT,OACC,cAAC,IAAD,UACC,sBACCpG,GAAG,MACHH,UAAoB,IAATuG,GAAuB,IAATA,EAAa,MAAQ,gBAF/C,UAGC,cAAC,EAAD,IACA,eAAC,IAAD,WACC,cAAC,IAAD,CACCkG,OAAK,EACLC,KAAK,IACLC,OAAQ,SAACtN,GAAD,OACP,cAAC,EAAD,2BAAUA,GAAV,IAAiB6I,cAAeA,QAGlC,cAAC,IAAD,CACCuE,OAAK,EACLC,KAAK,gBAELC,OAAQ,SAACtN,GAAD,OAAgB,cAAC,EAAD,eAAkBA,gBCxBhDuN,IAASD,OACR,cAAC,IAAME,WAAP,UACC,cAAC,EAAD,MAED1E,SAASC,eAAe,U","file":"static/js/main.04d4471d.chunk.js","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport React, { createRef } from 'react';\r\nimport { usePromiseTracker } from 'react-promise-tracker';\r\nimport FadeLoader from 'react-spinners/FadeLoader';\r\n\r\nimport '../App.css';\r\n\r\nimport { Dialog } from '@mui/material';\r\n\r\nfunction Spinner(): JSX.Element {\r\n\tconst { promiseInProgress } = usePromiseTracker();\r\n\r\n\tconst spinnerRef: any = createRef();\r\n\r\n\treturn (\r\n\t\t<div\r\n\t\t\tstyle={{\r\n\t\t\t\tdisplay: 'flex',\r\n\t\t\t\tmargin: '0 auto',\r\n\t\t\t\tjustifyContent: 'center',\r\n\t\t\t}}>\r\n\t\t\t{promiseInProgress === true ? (\r\n\t\t\t\t<Dialog ref={spinnerRef} open={promiseInProgress}>\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\tdisplay: 'flex',\r\n\t\t\t\t\t\t\tjustifyContent: 'center',\r\n\t\t\t\t\t\t\talignItems: 'center',\r\n\t\t\t\t\t\t\tmargin: '0 auto',\r\n\t\t\t\t\t\t\theight: 100,\r\n\t\t\t\t\t\t\twidth: 150,\r\n\t\t\t\t\t\t}}>\r\n\t\t\t\t\t\t<FadeLoader ref={spinnerRef} color={'#000352'} />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</Dialog>\r\n\t\t\t) : null}\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport default Spinner;\r\n","export default __webpack_public_path__ + \"static/media/White Logo.863427a4.png\";","/* eslint-disable react/prop-types */\r\nimport React from 'react';\r\n\r\nimport {\r\n\tFormControl,\r\n\tFormLabel,\r\n\tFormControlLabel,\r\n\tRadio,\r\n\tRadioGroup,\r\n} from '@mui/material';\r\n\r\nimport '../Styles/Panels.css';\r\n\r\ninterface IProps {\r\n\tquestion1: string;\r\n\tquestion2: string;\r\n\tquestion3: string;\r\n\tquestion4: string;\r\n\tsetQuestion1: (question1: string) => void;\r\n\tsetQuestion2: (question2: string) => void;\r\n\tsetQuestion3: (question3: string) => void;\r\n\tsetQuestion4: (question4: string) => void;\r\n}\r\n\r\nfunction QuestionSet1(props: IProps): JSX.Element {\r\n\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n\tconst handleChange = (event: any, number: number) => {\r\n\t\tif (number === 1) {\r\n\t\t\tprops.setQuestion1(event.target.value);\r\n\t\t} else if (number === 2) {\r\n\t\t\tprops.setQuestion2(event.target.value);\r\n\t\t} else if (number === 3) {\r\n\t\t\tprops.setQuestion3(event.target.value);\r\n\t\t} else if (number === 4) {\r\n\t\t\tprops.setQuestion4(event.target.value);\r\n\t\t}\r\n\t};\r\n\r\n\treturn (\r\n\t\t<FormControl className='question-container' component='fieldset'>\r\n\t\t\t<FormLabel\r\n\t\t\t\tclassName='question-label'\r\n\t\t\t\tcomponent='legend'\r\n\t\t\t\tid='question-1'>\r\n\t\t\t\t1. Have you taken any previous training with Applied Concepts?\r\n\t\t\t</FormLabel>\r\n\t\t\t<RadioGroup\r\n\t\t\t\tonChange={(event) => handleChange(event, 1)}\r\n\t\t\t\tclassName='radio-group'\r\n\t\t\t\taria-label='question-1'\r\n\t\t\t\tname='row-radio-buttons-group'\r\n\t\t\t\tvalue={props.question1}\r\n\t\t\t\tid='question-1-answers'>\r\n\t\t\t\t<FormControlLabel\r\n\t\t\t\t\tvalue='true'\r\n\t\t\t\t\tcontrol={<Radio />}\r\n\t\t\t\t\tlabel='Yes'\r\n\t\t\t\t/>\r\n\t\t\t\t<FormControlLabel\r\n\t\t\t\t\tvalue='false'\r\n\t\t\t\t\tcontrol={<Radio />}\r\n\t\t\t\t\tlabel='No'\r\n\t\t\t\t/>\r\n\t\t\t</RadioGroup>\r\n\t\t\t<FormLabel\r\n\t\t\t\tclassName='question-label'\r\n\t\t\t\tcomponent='legend'\r\n\t\t\t\tid='question-2'>\r\n\t\t\t\t2. What type of phones calls do you handle?\r\n\t\t\t</FormLabel>\r\n\t\t\t<RadioGroup\r\n\t\t\t\tonChange={(event) => handleChange(event, 2)}\r\n\t\t\t\tclassName='radio-group'\r\n\t\t\t\taria-label='question-2'\r\n\t\t\t\tname='row-radio-buttons-group'\r\n\t\t\t\tvalue={props.question2}\r\n\t\t\t\tid='question-2-answers'>\r\n\t\t\t\t<FormControlLabel\r\n\t\t\t\t\tvalue='inbound'\r\n\t\t\t\t\tcontrol={<Radio />}\r\n\t\t\t\t\tlabel='Inbound'\r\n\t\t\t\t/>\r\n\t\t\t\t<FormControlLabel\r\n\t\t\t\t\tvalue='outbound'\r\n\t\t\t\t\tcontrol={<Radio />}\r\n\t\t\t\t\tlabel='Outbound'\r\n\t\t\t\t/>\r\n\t\t\t\t<FormControlLabel\r\n\t\t\t\t\tvalue='inbound/outbound'\r\n\t\t\t\t\tcontrol={<Radio />}\r\n\t\t\t\t\tlabel='Inbound and Outbound'\r\n\t\t\t\t/>\r\n\t\t\t</RadioGroup>\r\n\t\t\t<FormLabel\r\n\t\t\t\tclassName='question-label'\r\n\t\t\t\tcomponent='legend'\r\n\t\t\t\tid='question-3'>\r\n\t\t\t\t3. On average, how many phones calls do you take per day?\r\n\t\t\t</FormLabel>\r\n\t\t\t<RadioGroup\r\n\t\t\t\tonChange={(event) => handleChange(event, 3)}\r\n\t\t\t\tclassName='radio-group'\r\n\t\t\t\taria-label='question-3'\r\n\t\t\t\tname='row-radio-buttons-group'\r\n\t\t\t\tvalue={props.question3}\r\n\t\t\t\tid='question-3-answers'>\r\n\t\t\t\t<FormControlLabel\r\n\t\t\t\t\tvalue='<10'\r\n\t\t\t\t\tcontrol={<Radio />}\r\n\t\t\t\t\tlabel='Less than 10'\r\n\t\t\t\t/>\r\n\t\t\t\t<FormControlLabel\r\n\t\t\t\t\tvalue='11-20'\r\n\t\t\t\t\tcontrol={<Radio />}\r\n\t\t\t\t\tlabel='11 - 20'\r\n\t\t\t\t/>\r\n\t\t\t\t<FormControlLabel\r\n\t\t\t\t\tvalue='>21'\r\n\t\t\t\t\tcontrol={<Radio />}\r\n\t\t\t\t\tlabel='21 or More'\r\n\t\t\t\t/>\r\n\t\t\t</RadioGroup>\r\n\t\t\t<FormLabel\r\n\t\t\t\tclassName='question-label'\r\n\t\t\t\tcomponent='legend'\r\n\t\t\t\tid='question-4'>\r\n\t\t\t\t4. Choose one area of performace you would most like to focus on\r\n\t\t\t\tand improve.\r\n\t\t\t</FormLabel>\r\n\t\t\t<RadioGroup\r\n\t\t\t\tonChange={(event) => handleChange(event, 4)}\r\n\t\t\t\tclassName='radio-group'\r\n\t\t\t\taria-label='question-4'\r\n\t\t\t\tname='row-radio-buttons-group'\r\n\t\t\t\tvalue={props.question4}\r\n\t\t\t\tid='question-4-answers'>\r\n\t\t\t\t<FormControlLabel\r\n\t\t\t\t\tvalue='setRate'\r\n\t\t\t\t\tcontrol={<Radio />}\r\n\t\t\t\t\tlabel='Appointment Set Rate'\r\n\t\t\t\t/>\r\n\t\t\t\t<FormControlLabel\r\n\t\t\t\t\tvalue='showRate'\r\n\t\t\t\t\tcontrol={<Radio />}\r\n\t\t\t\t\tlabel='Appointment Show Rate'\r\n\t\t\t\t/>\r\n\t\t\t\t<FormControlLabel\r\n\t\t\t\t\tvalue='closeRate'\r\n\t\t\t\t\tcontrol={<Radio />}\r\n\t\t\t\t\tlabel='Appointment Close Rate'\r\n\t\t\t\t/>\r\n\t\t\t</RadioGroup>\r\n\t\t</FormControl>\r\n\t);\r\n}\r\n\r\nexport default QuestionSet1;\r\n","import React from 'react';\r\n\r\nimport {\r\n\tFormControl,\r\n\tFormLabel,\r\n\tIcon,\r\n\tRating,\r\n\tTooltip,\r\n\tTypography,\r\n} from '@mui/material';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { Help } from '@mui/icons-material';\r\n\r\nimport '../Styles/Panels.css';\r\ninterface IProps {\r\n\tquestion5: string;\r\n\tsetQuestion5: (question5: string) => void;\r\n\tquestion6: string;\r\n\tsetQuestion6: (question6: string) => void;\r\n\tquestion7: string;\r\n\tsetQuestion7: (question7: string) => void;\r\n\tquestion8: string;\r\n\tquestion9: string;\r\n\tquestion10: string;\r\n\tquestion11: string;\r\n\tquestion12: string;\r\n\tquestion13: string;\r\n\tsetQuestion8: (question8: string) => void;\r\n\tsetQuestion9: (question9: string) => void;\r\n\tsetQuestion10: (question10: string) => void;\r\n\tsetQuestion11: (question11: string) => void;\r\n\tsetQuestion12: (question12: string) => void;\r\n\tsetQuestion13: (question13: string) => void;\r\n}\r\n\r\nfunction QuestionSet2(props: IProps): JSX.Element {\r\n\tconst handleChange = (\r\n\t\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n\t\tevent: any,\r\n\t\tnewValue: number | null,\r\n\t\tnumber: number\r\n\t) => {\r\n\t\tif (number === 5) {\r\n\t\t\tprops.setQuestion5(newValue.toString());\r\n\t\t} else if (number === 6) {\r\n\t\t\tprops.setQuestion6(newValue.toString());\r\n\t\t} else if (number === 7) {\r\n\t\t\tprops.setQuestion7(newValue.toString());\r\n\t\t} else if (number === 8) {\r\n\t\t\tprops.setQuestion8(newValue.toString());\r\n\t\t} else if (number === 9) {\r\n\t\t\tprops.setQuestion9(newValue.toString());\r\n\t\t} else if (number === 10) {\r\n\t\t\tprops.setQuestion10(newValue.toString());\r\n\t\t} else if (number === 11) {\r\n\t\t\tprops.setQuestion11(newValue.toString());\r\n\t\t} else if (number === 12) {\r\n\t\t\tprops.setQuestion12(newValue.toString());\r\n\t\t} else if (number === 13) {\r\n\t\t\tprops.setQuestion13(newValue.toString());\r\n\t\t}\r\n\t};\r\n\r\n\treturn (\r\n\t\t<FormControl className='question-container'>\r\n\t\t\t<FormLabel\r\n\t\t\t\tclassName='question-label'\r\n\t\t\t\tcomponent='legend'\r\n\t\t\t\tid='question-1'>\r\n\t\t\t\t5. How would you rate your performance in the following areas?\r\n\t\t\t</FormLabel>\r\n\t\t\t<div style={{ display: 'flex', height: 40, alignItems: 'center' }}>\r\n\t\t\t\t<Typography component='legend'>\r\n\t\t\t\t\t- Multi-Channel Communication with Customer\r\n\t\t\t\t</Typography>\r\n\t\t\t\t<Tooltip\r\n\t\t\t\t\tplacement='right'\r\n\t\t\t\t\ttitle='Applying modern retailing skills to text and email communication'\r\n\t\t\t\t\tarrow>\r\n\t\t\t\t\t<Icon style={{ paddingBottom: 5 }}>\r\n\t\t\t\t\t\t<Help />\r\n\t\t\t\t\t</Icon>\r\n\t\t\t\t</Tooltip>\r\n\t\t\t</div>\r\n\t\t\t<Rating\r\n\t\t\t\tvalue={parseInt(props.question5)}\r\n\t\t\t\tonChange={(event, newValue) => handleChange(event, newValue, 5)}\r\n\t\t\t\tstyle={{ marginBottom: 10, marginLeft: 10 }}\r\n\t\t\t/>\r\n\t\t\t<div style={{ display: 'flex', height: 40, alignItems: 'center' }}>\r\n\t\t\t\t<Typography component='legend'>\r\n\t\t\t\t\t- Developing Lifelong Relationships with Customers\r\n\t\t\t\t</Typography>\r\n\t\t\t\t<Tooltip\r\n\t\t\t\t\tplacement='right'\r\n\t\t\t\t\ttitle='Reflecting on continuous improvement, resulting in referrals and repeat business'\r\n\t\t\t\t\tarrow>\r\n\t\t\t\t\t<Icon style={{ paddingBottom: 5 }}>\r\n\t\t\t\t\t\t<Help />\r\n\t\t\t\t\t</Icon>\r\n\t\t\t\t</Tooltip>\r\n\t\t\t</div>\r\n\t\t\t<Rating\r\n\t\t\t\tvalue={parseInt(props.question6)}\r\n\t\t\t\tonChange={(event, newValue) => handleChange(event, newValue, 6)}\r\n\t\t\t\tstyle={{ marginBottom: 10, marginLeft: 10 }}\r\n\t\t\t/>\r\n\t\t\t<div style={{ display: 'flex', height: 40, alignItems: 'center' }}>\r\n\t\t\t\t<Typography component='legend'>\r\n\t\t\t\t\t- Cross-Selling Sales and Service\r\n\t\t\t\t</Typography>\r\n\t\t\t\t<Tooltip\r\n\t\t\t\t\tplacement='right'\r\n\t\t\t\t\ttitle='Cross-selling as a team activity, requiring collaboration and coordination to generate multi-department sales'\r\n\t\t\t\t\tarrow>\r\n\t\t\t\t\t<Icon style={{ paddingBottom: 5 }}>\r\n\t\t\t\t\t\t<Help />\r\n\t\t\t\t\t</Icon>\r\n\t\t\t\t</Tooltip>\r\n\t\t\t</div>\r\n\t\t\t<Rating\r\n\t\t\t\tvalue={parseInt(props.question7)}\r\n\t\t\t\tonChange={(event, newValue) => handleChange(event, newValue, 7)}\r\n\t\t\t\tstyle={{ marginBottom: 10, marginLeft: 10 }}\r\n\t\t\t/>\r\n\t\t\t<div style={{ display: 'flex', height: 40, alignItems: 'center' }}>\r\n\t\t\t\t<Typography component='legend'>\r\n\t\t\t\t\t- Finance and Insurance\r\n\t\t\t\t</Typography>\r\n\t\t\t\t<Tooltip\r\n\t\t\t\t\tplacement='right'\r\n\t\t\t\t\ttitle='End of Warranty / Extended Warranty Contracting'\r\n\t\t\t\t\tarrow>\r\n\t\t\t\t\t<Icon style={{ paddingBottom: 5 }}>\r\n\t\t\t\t\t\t<Help />\r\n\t\t\t\t\t</Icon>\r\n\t\t\t\t</Tooltip>\r\n\t\t\t</div>\r\n\t\t\t<Rating\r\n\t\t\t\tvalue={parseInt(props.question8)}\r\n\t\t\t\tonChange={(event, newValue) => handleChange(event, newValue, 8)}\r\n\t\t\t\tstyle={{ marginBottom: 10, marginLeft: 10 }}\r\n\t\t\t/>\r\n\t\t\t<div style={{ display: 'flex', height: 40, alignItems: 'center' }}>\r\n\t\t\t\t<Typography component='legend'>\r\n\t\t\t\t\t- Maximizing Trade-In Profit\r\n\t\t\t\t</Typography>\r\n\t\t\t\t<Tooltip\r\n\t\t\t\t\tplacement='right'\r\n\t\t\t\t\ttitle='Positioning yourself in a way that supports the dual role (buyer and seller) during the trade negotiation to maximize profitability'\r\n\t\t\t\t\tarrow>\r\n\t\t\t\t\t<Icon style={{ paddingBottom: 5 }}>\r\n\t\t\t\t\t\t<Help />\r\n\t\t\t\t\t</Icon>\r\n\t\t\t\t</Tooltip>\r\n\t\t\t</div>\r\n\t\t\t<Rating\r\n\t\t\t\tvalue={parseInt(props.question9)}\r\n\t\t\t\tonChange={(event, newValue) => handleChange(event, newValue, 9)}\r\n\t\t\t\tstyle={{ marginBottom: 10, marginLeft: 10 }}\r\n\t\t\t/>\r\n\t\t\t<div style={{ display: 'flex', height: 40, alignItems: 'center' }}>\r\n\t\t\t\t<Typography component='legend'>- Lease Retention</Typography>\r\n\t\t\t\t<Tooltip\r\n\t\t\t\t\tplacement='right'\r\n\t\t\t\t\ttitle='Leveraging manufacturer lease incentives to gain market share'\r\n\t\t\t\t\tarrow>\r\n\t\t\t\t\t<Icon style={{ paddingBottom: 5 }}>\r\n\t\t\t\t\t\t<Help />\r\n\t\t\t\t\t</Icon>\r\n\t\t\t\t</Tooltip>\r\n\t\t\t</div>\r\n\t\t\t<Rating\r\n\t\t\t\tvalue={parseInt(props.question10)}\r\n\t\t\t\tonChange={(event, newValue) =>\r\n\t\t\t\t\thandleChange(event, newValue, 10)\r\n\t\t\t\t}\r\n\t\t\t\tstyle={{ marginBottom: 10, marginLeft: 10 }}\r\n\t\t\t/>\r\n\t\t\t<div style={{ display: 'flex', height: 40, alignItems: 'center' }}>\r\n\t\t\t\t<Typography component='legend'>- Orphan Owner</Typography>\r\n\t\t\t\t<Tooltip\r\n\t\t\t\t\tplacement='right'\r\n\t\t\t\t\ttitle='Identifying and migrating orphan customers to lifelong customers'\r\n\t\t\t\t\tarrow>\r\n\t\t\t\t\t<Icon style={{ paddingBottom: 5 }}>\r\n\t\t\t\t\t\t<Help />\r\n\t\t\t\t\t</Icon>\r\n\t\t\t\t</Tooltip>\r\n\t\t\t</div>\r\n\t\t\t<Rating\r\n\t\t\t\tvalue={parseInt(props.question11)}\r\n\t\t\t\tonChange={(event, newValue) =>\r\n\t\t\t\t\thandleChange(event, newValue, 11)\r\n\t\t\t\t}\r\n\t\t\t\tstyle={{ marginBottom: 10, marginLeft: 10 }}\r\n\t\t\t/>\r\n\t\t\t<div style={{ display: 'flex', height: 40, alignItems: 'center' }}>\r\n\t\t\t\t<Typography component='legend'>- Unsold Follow-Up</Typography>\r\n\t\t\t\t<Tooltip\r\n\t\t\t\t\tplacement='right'\r\n\t\t\t\t\ttitle='Strategic follow-up conversations to gain new customer business'\r\n\t\t\t\t\tarrow>\r\n\t\t\t\t\t<Icon style={{ paddingBottom: 5 }}>\r\n\t\t\t\t\t\t<Help />\r\n\t\t\t\t\t</Icon>\r\n\t\t\t\t</Tooltip>\r\n\t\t\t</div>\r\n\t\t\t<Rating\r\n\t\t\t\tvalue={parseInt(props.question12)}\r\n\t\t\t\tonChange={(event, newValue) =>\r\n\t\t\t\t\thandleChange(event, newValue, 12)\r\n\t\t\t\t}\r\n\t\t\t\tstyle={{ marginBottom: 10, marginLeft: 10 }}\r\n\t\t\t/>\r\n\t\t\t<div style={{ display: 'flex', height: 40, alignItems: 'center' }}>\r\n\t\t\t\t<Typography component='legend'>- Equity Mining</Typography>\r\n\t\t\t\t<Tooltip\r\n\t\t\t\t\tplacement='right'\r\n\t\t\t\t\ttitle='Targeting existing customers to capitalize on potential equity opportunities'\r\n\t\t\t\t\tarrow>\r\n\t\t\t\t\t<Icon style={{ paddingBottom: 5 }}>\r\n\t\t\t\t\t\t<Help />\r\n\t\t\t\t\t</Icon>\r\n\t\t\t\t</Tooltip>\r\n\t\t\t</div>\r\n\t\t\t<Rating\r\n\t\t\t\tvalue={parseInt(props.question13)}\r\n\t\t\t\tonChange={(event, newValue) =>\r\n\t\t\t\t\thandleChange(event, newValue, 13)\r\n\t\t\t\t}\r\n\t\t\t\tstyle={{ marginBottom: 10, marginLeft: 10 }}\r\n\t\t\t/>\r\n\t\t</FormControl>\r\n\t);\r\n}\r\n\r\nQuestionSet2.propTypes = {\r\n\tsetQuestion5: PropTypes.func.isRequired,\r\n\tsetQuestion6: PropTypes.func.isRequired,\r\n\tsetQuestion7: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default QuestionSet2;\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable indent */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { MenuItem, Select, SelectChangeEvent, TextField } from '@mui/material';\r\n\r\nimport '../Styles/Panels.css';\r\n\r\ninterface IContactInfoProps {\r\n\tname: string;\r\n\temail: string;\r\n\tconfirmationEmail: string;\r\n\tmobile: string;\r\n\tdealer: string;\r\n\ttitle: string;\r\n\tdepartment: string;\r\n\texperience: string;\r\n\thandleTitleInput: (event: SelectChangeEvent) => void;\r\n\thandleExperienceInput: (event: SelectChangeEvent) => void;\r\n\thandleDepartmentInput: (event: SelectChangeEvent) => void;\r\n\thandleNameInput: (event: React.ChangeEvent<HTMLInputElement>) => void;\r\n\thandleEmailInput: (event: React.ChangeEvent<HTMLInputElement>) => void;\r\n\thandleConfirmEmailInput: (\r\n\t\tevent: React.ChangeEvent<HTMLInputElement>\r\n\t) => void;\r\n\thandleMobileInput: (event: React.ChangeEvent<HTMLInputElement>) => void;\r\n\thandleDealerInput: (event: React.ChangeEvent<HTMLInputElement>) => void;\r\n}\r\n\r\nfunction ContactInfo(props: IContactInfoProps): JSX.Element {\r\n\tconst emailRegex =\r\n\t\t/^((([!#$%&'*+\\-/=?^_`{|}~\\w])|([!#$%&'*+\\-/=?^_`{|}~\\w][!#$%&'*+\\-/=?^_`{|}~.\\w]{0,}[!#$%&'*+\\-/=?^_`{|}~\\w]))[@]\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*)$/;\r\n\r\n\tconst handlePreventDefault = (event: any) => {\r\n\t\tevent.preventDefault();\r\n\t};\r\n\r\n\tconst formatPhone = (phone: any) => {\r\n\t\tif (phone.length === 10) {\r\n\t\t\tconst cleaned = ('' + phone).replace(/\\D/g, '');\r\n\t\t\tconst match = cleaned.match(/^(\\d{3})(\\d{3})(\\d{4})$/);\r\n\t\t\tif (match) {\r\n\t\t\t\treturn '(' + match[1] + ') ' + match[2] + '-' + match[3];\r\n\t\t\t}\r\n\t\t\treturn null;\r\n\t\t} else {\r\n\t\t\treturn phone.replace(/[^\\d]/g, '');\r\n\t\t}\r\n\t};\r\n\r\n\treturn (\r\n\t\t<div className='contactInfo-container'>\r\n\t\t\t<div className='contactInfo-row'>\r\n\t\t\t\t<div className='contactInfo-label'>Name:</div>\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<div className='contactInfo-mobile-label'>Name:</div>\r\n\t\t\t\t\t<TextField\r\n\t\t\t\t\t\tvalue={props.name}\r\n\t\t\t\t\t\trequired\r\n\t\t\t\t\t\tvariant='outlined'\r\n\t\t\t\t\t\tclassName='contactInfo-input'\r\n\t\t\t\t\t\tonChange={props.handleNameInput}></TextField>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div className='contactInfo-row'>\r\n\t\t\t\t<div className='contactInfo-label'>Title:</div>\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<div className='contactInfo-mobile-label'>Title:</div>\r\n\t\t\t\t\t<Select\r\n\t\t\t\t\t\tclassName='contactInfo-input'\r\n\t\t\t\t\t\tvalue={props.title}\r\n\t\t\t\t\t\tonChange={props.handleTitleInput}>\r\n\t\t\t\t\t\t<MenuItem value='Sales'>Sales</MenuItem>\r\n\t\t\t\t\t\t<MenuItem value='Sales Manager'>Sales Manager</MenuItem>\r\n\t\t\t\t\t\t<MenuItem value='Service'>Service</MenuItem>\r\n\t\t\t\t\t\t<MenuItem value='Parts'>Parts</MenuItem>\r\n\t\t\t\t\t\t<MenuItem value='BDC Sales'>BDC Sales</MenuItem>\r\n\t\t\t\t\t\t<MenuItem value='BDC Sales Manager'>BDC Sales Manager</MenuItem>\r\n\t\t\t\t\t\t<MenuItem value='BDC Service'>BDC Service</MenuItem>\r\n\t\t\t\t\t\t<MenuItem value='BDC Service Manager'>BDC Service Manager</MenuItem>\r\n\t\t\t\t\t\t<MenuItem value='Finance'>Finance</MenuItem>\r\n\t\t\t\t\t\t<MenuItem value='GM'>GM</MenuItem>\r\n\t\t\t\t\t\t<MenuItem value='GSM'>GSM</MenuItem>\r\n\t\t\t\t\t\t<MenuItem value='Receptionist'>Receptionist</MenuItem>\r\n\t\t\t\t\t</Select>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div className='contactInfo-row'>\r\n\t\t\t\t<div className='contactInfo-label'>Department:</div>\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<div className='contactInfo-mobile-label'>Department:</div>\r\n\t\t\t\t\t<Select\r\n\t\t\t\t\t\tclassName='contactInfo-input'\r\n\t\t\t\t\t\tvalue={props.department}\r\n\t\t\t\t\t\tonChange={props.handleDepartmentInput}>\r\n\t\t\t\t\t\t<MenuItem value='Sales'>Sales</MenuItem>\r\n\t\t\t\t\t\t<MenuItem value='BDC'>BDC</MenuItem>\r\n\t\t\t\t\t\t<MenuItem value='Service'>Service</MenuItem>\r\n\t\t\t\t\t\t<MenuItem value='Parts'>Parts</MenuItem>\r\n\t\t\t\t\t\t<MenuItem value='Other'>Other</MenuItem>\r\n\t\t\t\t\t</Select>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div className='contactInfo-row'>\r\n\t\t\t\t<div className='contactInfo-label'>\r\n\t\t\t\t\tYears in the Auto Industry:\r\n\t\t\t\t</div>\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<div className='contactInfo-mobile-label'>\r\n\t\t\t\t\t\tYears in the Auto Industry:\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<Select\r\n\t\t\t\t\t\tclassName='contactInfo-input'\r\n\t\t\t\t\t\tvalue={props.experience}\r\n\t\t\t\t\t\tonChange={props.handleExperienceInput}>\r\n\t\t\t\t\t\t<MenuItem value='<1'>Less than 1 year</MenuItem>\r\n\t\t\t\t\t\t<MenuItem value='1-5'>1 - 5 years</MenuItem>\r\n\t\t\t\t\t\t<MenuItem value='6-10'>6 - 10 years</MenuItem>\r\n\t\t\t\t\t\t<MenuItem value='11-15'>11 - 15 years</MenuItem>\r\n\t\t\t\t\t\t<MenuItem value='>15'>More than 15 years</MenuItem>\r\n\t\t\t\t\t</Select>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div className='contactInfo-row'>\r\n\t\t\t\t<div className='contactInfo-label'>Email:</div>\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<div className='contactInfo-mobile-label'>Email:</div>\r\n\t\t\t\t\t<TextField\r\n\t\t\t\t\t\tvalue={props.email}\r\n\t\t\t\t\t\tonCopy={handlePreventDefault}\r\n\t\t\t\t\t\tonCopyCapture={handlePreventDefault}\r\n\t\t\t\t\t\trequired\r\n\t\t\t\t\t\tvariant='outlined'\r\n\t\t\t\t\t\tclassName='contactInfo-input'\r\n\t\t\t\t\t\tonChange={props.handleEmailInput}></TextField>\r\n\t\t\t\t\t{props.email.length > 0 &&\r\n\t\t\t\t\t\t!emailRegex.test(props.email) && (\r\n\t\t\t\t\t\t\t<div className='red'>*Must be a valid email</div>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div className='contactInfo-row'>\r\n\t\t\t\t<div className='contactInfo-label'>Confirm Email:</div>\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<div className='contactInfo-mobile-label'>\r\n\t\t\t\t\t\tConfirm Email:\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<TextField\r\n\t\t\t\t\t\tvalue={props.confirmationEmail}\r\n\t\t\t\t\t\trequired\r\n\t\t\t\t\t\tonPaste={handlePreventDefault}\r\n\t\t\t\t\t\tvariant='outlined'\r\n\t\t\t\t\t\tclassName='contactInfo-input'\r\n\t\t\t\t\t\tonChange={props.handleConfirmEmailInput}></TextField>\r\n\t\t\t\t\t<div className='flex'>\r\n\t\t\t\t\t\t{props.confirmationEmail.length > 0 &&\r\n\t\t\t\t\t\t\t!emailRegex.test(props.confirmationEmail) && (\r\n\t\t\t\t\t\t\t\t<div className='red'>\r\n\t\t\t\t\t\t\t\t\t*Must be a valid email\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t{props.confirmationEmail.length > 0 &&\r\n\t\t\t\t\t\t\tprops.confirmationEmail !== props.email && (\r\n\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\tclassName='red'\r\n\t\t\t\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\t\t\t\tmarginLeft:\r\n\t\t\t\t\t\t\t\t\t\t\tprops.confirmationEmail.length >\r\n\t\t\t\t\t\t\t\t\t\t\t\t0 &&\r\n\t\t\t\t\t\t\t\t\t\t\tprops.confirmationEmail !==\r\n\t\t\t\t\t\t\t\t\t\t\t\tprops.email\r\n\t\t\t\t\t\t\t\t\t\t\t\t? 10\r\n\t\t\t\t\t\t\t\t\t\t\t\t: 0,\r\n\t\t\t\t\t\t\t\t\t}}>\r\n\t\t\t\t\t\t\t\t\t*Emails must match\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div className='contactInfo-row'>\r\n\t\t\t\t<div className='contactInfo-label'>Cell Phone:</div>\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<div className='contactInfo-mobile-label'>Cell Phone:</div>\r\n\t\t\t\t\t<TextField\r\n\t\t\t\t\t\tvalue={formatPhone(props.mobile)}\r\n\t\t\t\t\t\trequired\r\n\t\t\t\t\t\tvariant='outlined'\r\n\t\t\t\t\t\tclassName='contactInfo-input'\r\n\t\t\t\t\t\tinputProps={{ maxLength: 10 }}\r\n\t\t\t\t\t\tonChange={props.handleMobileInput}></TextField>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div className='contactInfo-row'>\r\n\t\t\t\t<div className='contactInfo-label'>Dealer:</div>\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<div className='contactInfo-mobile-label'>Dealer:</div>\r\n\t\t\t\t\t<TextField\r\n\t\t\t\t\t\tvalue={props.dealer}\r\n\t\t\t\t\t\trequired\r\n\t\t\t\t\t\tvariant='outlined'\r\n\t\t\t\t\t\tclassName='contactInfo-input'\r\n\t\t\t\t\t\tonChange={props.handleDealerInput}\r\n\t\t\t\t\t\tdisabled></TextField>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nContactInfo.propTypes = {\r\n\tname: PropTypes.string.isRequired,\r\n\temail: PropTypes.string.isRequired,\r\n\tconfirmationEmail: PropTypes.string.isRequired,\r\n\tdealer: PropTypes.string.isRequired,\r\n\thandleNameInput: PropTypes.func.isRequired,\r\n\thandleEmailInput: PropTypes.func.isRequired,\r\n\thandleConfirmEmailInput: PropTypes.func.isRequired,\r\n\thandleDealerInput: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default ContactInfo;\r\n","import axios from 'axios';\r\n\r\nconst apiClient = axios.create({\r\n\t// eslint-disable-next-line no-undef\r\n\tbaseURL: process.env.REACT_APP_BASE_URL,\r\n\theaders: {\r\n\t\t'Content-Type': 'application/json',\r\n\t}\r\n});\r\n\r\nexport default apiClient;","/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport apiClient from './apiClient';\r\n\r\ninterface getDealerPayload {\r\n\tcode: string;\r\n\tgRecaptchaResponse: {\r\n\t\ttoken: string;\r\n\t};\r\n}\r\n\r\ninterface submitContactPayload {\r\n\tcontact: {\r\n\t\tname: string;\r\n\t\temail: string;\r\n\t\tdealer: string;\r\n\t\tmobile: string;\r\n\t};\r\n\tquestions: {\r\n\t\t1: string;\r\n\t\t2: string;\r\n\t\t3: string;\r\n\t\t4: string;\r\n\t\t5: string;\r\n\t\t6: string;\r\n\t\t7: string;\r\n\t};\r\n\tanswers: {\r\n\t\t1: string;\r\n\t\t2: string;\r\n\t\t3: string;\r\n\t\t4: string;\r\n\t\t5: string;\r\n\t\t6: string;\r\n\t\t7: string;\r\n\t};\r\n\tgRecaptchaResponse: {\r\n\t\ttoken: string;\r\n\t};\r\n}\r\n\r\nconst onboardingAPI = {\r\n\tgetDealer(payload: getDealerPayload): Promise<any> {\r\n\t\treturn apiClient.post('/get-dealer', payload, {\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t},\r\n\t\t});\r\n\t},\r\n\r\n\tsubmitContact(payload: submitContactPayload): Promise<any> {\r\n\t\treturn apiClient.post('/submit-form', payload, {\r\n\t\t\theaders: {\r\n\t\t\t\t'Content-Type': 'application/json',\r\n\t\t\t},\r\n\t\t});\r\n\t},\r\n\r\n\tserverWakeup(): Promise<any> {\r\n\t\treturn apiClient.get('/wakeup');\r\n\t},\r\n};\r\n\r\nexport default onboardingAPI;\r\n","/* eslint-disable react/no-unescaped-entities */\r\n/* eslint-disable react/prop-types */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport React, { useEffect } from 'react';\r\n\r\nimport '../Styles/Home.css';\r\nimport '../Styles/Wizard.css';\r\n\r\nimport {\r\n\tButton,\r\n\tCard,\r\n\tIcon,\r\n\tSelectChangeEvent,\r\n\tStep,\r\n\tStepLabel,\r\n\tStepper,\r\n\tTextField,\r\n\tTypography,\r\n} from '@mui/material';\r\nimport {\r\n\tArrowRightAlt,\r\n\tDirectionsCar,\r\n\tDoneAll,\r\n\tPersonOutline,\r\n} from '@mui/icons-material';\r\nimport { trackPromise } from 'react-promise-tracker';\r\n\r\nimport { History } from 'history';\r\n\r\nimport WhiteLogo from '../Assets/White Logo.png';\r\nimport QuestionSet1 from '../Components/QuestionSet1';\r\nimport QuestionSet2 from '../Components/QuestionSet2';\r\nimport ContactInfo from '../Components/ContactInfo';\r\nimport onboardingAPI from '../API/onboardingAPI';\r\n\r\ninterface IProps {\r\n\thistory: History;\r\n\thandleGetStep: (step: number) => void;\r\n}\r\n\r\nfunction Home(props: IProps): JSX.Element {\r\n\tconst [accountCode, setAccountCode] = React.useState('');\r\n\tconst [validCode, setValidCode] = React.useState(false);\r\n\tconst [step, setStep] = React.useState(1);\r\n\tconst [name, setName] = React.useState('');\r\n\tconst [email, setEmail] = React.useState('');\r\n\tconst [confirmationEmail, setConfirmationEmail] = React.useState('');\r\n\tconst [mobile, setMobile] = React.useState('');\r\n\tconst [dealer, setDealer] = React.useState('');\r\n\tconst [dealerId, setDealerId] = React.useState('');\r\n\tconst [title, setTitle] = React.useState('');\r\n\tconst [department, setDepartment] = React.useState('');\r\n\tconst [experience, setExperience] = React.useState('');\r\n\tconst [question1, setQuestion1] = React.useState('');\r\n\tconst [question2, setQuestion2] = React.useState('');\r\n\tconst [question3, setQuestion3] = React.useState('');\r\n\tconst [question4, setQuestion4] = React.useState('');\r\n\tconst [question5, setQuestion5] = React.useState('');\r\n\tconst [question6, setQuestion6] = React.useState('');\r\n\tconst [question7, setQuestion7] = React.useState('');\r\n\tconst [question8, setQuestion8] = React.useState('');\r\n\tconst [question9, setQuestion9] = React.useState('');\r\n\tconst [question10, setQuestion10] = React.useState('');\r\n\tconst [question11, setQuestion11] = React.useState('');\r\n\tconst [question12, setQuestion12] = React.useState('');\r\n\tconst [question13, setQuestion13] = React.useState('');\r\n\r\n\tconst history = props.history;\r\n\r\n\tconst formatPhone = (phone: any) => {\r\n\t\tconst cleaned = ('' + phone).replace(/\\D/g, '');\r\n\t\tconst match = cleaned.match(/^(\\d{3})(\\d{3})(\\d{4})$/);\r\n\t\tif (match) {\r\n\t\t\treturn '(' + match[1] + ') ' + match[2] + '-' + match[3];\r\n\t\t}\r\n\t\treturn null;\r\n\t};\r\n\r\n\tconst handleAccountCodeInput = (\r\n\t\tevent: React.ChangeEvent<HTMLInputElement>\r\n\t) => {\r\n\t\tsetAccountCode(event.target.value);\r\n\t};\r\n\r\n\tconst handleNameInput = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n\t\tsetName(event.target.value);\r\n\t};\r\n\r\n\tconst handleEmailInput = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n\t\tsetEmail(event.target.value);\r\n\t};\r\n\r\n\tconst handleConfirmEmailInput = (\r\n\t\tevent: React.ChangeEvent<HTMLInputElement>\r\n\t) => {\r\n\t\tsetConfirmationEmail(event.target.value);\r\n\t};\r\n\r\n\tconst handleDealerInput = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n\t\tsetDealer(event.target.value);\r\n\t};\r\n\r\n\tconst handleMobileInput = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n\t\tsetMobile(event.target.value);\r\n\t};\r\n\r\n\tconst handleTitleInput = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n\t\tsetTitle(event.target.value);\r\n\t};\r\n\r\n\tconst handleDepartmentInput = (event: SelectChangeEvent) => {\r\n\t\tsetDepartment(event.target.value);\r\n\t};\r\n\r\n\tconst handleExperienceInput = (event: SelectChangeEvent) => {\r\n\t\tsetExperience(event.target.value);\r\n\t};\r\n\r\n\tconst handleCodeSubmit = async (token: string) => {\r\n\t\tconst payload = {\r\n\t\t\tcode: accountCode,\r\n\t\t\tgRecaptchaResponse: {\r\n\t\t\t\ttoken: token,\r\n\t\t\t},\r\n\t\t};\r\n\t\ttry {\r\n\t\t\tconst response = await trackPromise(\r\n\t\t\t\tonboardingAPI.getDealer(payload)\r\n\t\t\t);\r\n\t\t\tsetDealer(response.data.name);\r\n\t\t\tsetDealerId(response.data.id);\r\n\t\t\tsetValidCode(true);\r\n\t\t\twindow.scrollTo(0, 0);\r\n\t\t} catch (err) {\r\n\t\t\tconsole.log(err);\r\n\t\t}\r\n\t};\r\n\r\n\tconst checkDisabled = () => {\r\n\t\tif (\r\n\t\t\tconfirmationEmail.length > 0 &&\r\n\t\t\temail.length > 0 &&\r\n\t\t\tconfirmationEmail === email &&\r\n\t\t\tname.length > 0 &&\r\n\t\t\tmobile.length > 0 &&\r\n\t\t\tdepartment.length > 0 &&\r\n\t\t\texperience.length > 0\r\n\t\t) {\r\n\t\t\treturn false;\r\n\t\t} else {\r\n\t\t\treturn true;\r\n\t\t}\r\n\t};\r\n\r\n\tconst getContactLabelColor = () => {\r\n\t\tif (step === 1) {\r\n\t\t\treturn '#d65200';\r\n\t\t} else {\r\n\t\t\treturn '#000352';\r\n\t\t}\r\n\t};\r\n\r\n\tconst getDetailsLabelColor = () => {\r\n\t\tif (step === 1) {\r\n\t\t\treturn '#dadad9';\r\n\t\t} else if (step === 2 || step === 3) {\r\n\t\t\treturn '#d65200';\r\n\t\t} else if (step > 3) {\r\n\t\t\treturn '#000352';\r\n\t\t}\r\n\t};\r\n\r\n\tconst getConfirmLabelColor = () => {\r\n\t\tif (step < 4) {\r\n\t\t\treturn '#dadad9';\r\n\t\t} else {\r\n\t\t\treturn '#d65200';\r\n\t\t}\r\n\t};\r\n\r\n\tconst handleNext = () => {\r\n\t\tsetStep(step + 1);\r\n\t\tprops.handleGetStep(step + 1);\r\n\t\tconst wizardCard: any = document.getElementById('wizard-card');\r\n\t\twizardCard.scrollTop = 0;\r\n\t\tconst app: any = document.getElementById('app');\r\n\t\tapp.scrollTop = 0;\r\n\t\twindow.scrollTo(0, 0);\r\n\t};\r\n\r\n\tconst handleStep2Next = () => {\r\n\t\tif (\r\n\t\t\tquestion1.length > 0 &&\r\n\t\t\tquestion2.length > 0 &&\r\n\t\t\tquestion3.length > 0 &&\r\n\t\t\tquestion4.length > 0\r\n\t\t) {\r\n\t\t\thandleNext();\r\n\t\t} else if (question1.length === 0) {\r\n\t\t\talert('Please answer question 1');\r\n\t\t\tconst question1El: HTMLElement | null =\r\n\t\t\t\tdocument.getElementById('question-1');\r\n\t\t\tconst question1AnswerEl: HTMLElement | null =\r\n\t\t\t\tdocument.getElementById('question-1-answers');\r\n\t\t\tif (question1El && question1AnswerEl) {\r\n\t\t\t\tquestion1El.style.border = '2px solid red';\r\n\t\t\t\tquestion1El.style.padding = '0px 5px';\r\n\t\t\t\tquestion1El.style.scrollMargin = '10px';\r\n\t\t\t\tquestion1AnswerEl.style.border = '2px solid red';\r\n\t\t\t\tquestion1AnswerEl.style.padding = '0px 5px';\r\n\t\t\t\tquestion1El.scrollIntoView(true);\r\n\t\t\t}\r\n\t\t} else if (question2.length === 0) {\r\n\t\t\talert('Please answer question 2');\r\n\t\t\tconst question1El: HTMLElement | null =\r\n\t\t\t\tdocument.getElementById('question-1');\r\n\t\t\tconst question1AnswerEl: HTMLElement | null =\r\n\t\t\t\tdocument.getElementById('question-1-answers');\r\n\t\t\tconst question2El: HTMLElement | null =\r\n\t\t\t\tdocument.getElementById('question-2');\r\n\t\t\tconst question2AnswerEl: HTMLElement | null =\r\n\t\t\t\tdocument.getElementById('question-2-answers');\r\n\t\t\tif (question1El && question1AnswerEl) {\r\n\t\t\t\tquestion1El.style.border = 'none';\r\n\t\t\t\tquestion1AnswerEl.style.border = 'none';\r\n\t\t\t}\r\n\t\t\tif (question2El && question2AnswerEl) {\r\n\t\t\t\tquestion2El.style.border = '2px solid red';\r\n\t\t\t\tquestion2El.style.padding = '0px 5px';\r\n\t\t\t\tquestion2El.style.scrollMargin = '10px';\r\n\t\t\t\tquestion2AnswerEl.style.border = '2px solid red';\r\n\t\t\t\tquestion2AnswerEl.style.padding = '0px 5px';\r\n\t\t\t\tquestion2El.scrollIntoView(true);\r\n\t\t\t}\r\n\t\t} else if (question3.length === 0) {\r\n\t\t\talert('Please answer question 3');\r\n\t\t\tconst question1El: any = document.getElementById('question-1');\r\n\t\t\tconst question1AnswerEl: any =\r\n\t\t\t\tdocument.getElementById('question-1-answers');\r\n\t\t\tconst question2El: any = document.getElementById('question-2');\r\n\t\t\tconst question2AnswerEl: any =\r\n\t\t\t\tdocument.getElementById('question-2-answers');\r\n\t\t\tconst question3El: any = document.getElementById('question-3');\r\n\t\t\tconst question3AnswerEl: any =\r\n\t\t\t\tdocument.getElementById('question-3-answers');\r\n\t\t\tquestion1El.style.border = 'none';\r\n\t\t\tquestion1AnswerEl.style.border = 'none';\r\n\t\t\tquestion2El.style.border = 'none';\r\n\t\t\tquestion2AnswerEl.style.border = 'none';\r\n\t\t\tquestion3El.style.border = '2px solid red';\r\n\t\t\tquestion3El.style.padding = '0px 5px';\r\n\t\t\tquestion3El.style.scrollMargin = '10px';\r\n\t\t\tquestion3AnswerEl.style.border = '2px solid red';\r\n\t\t\tquestion3AnswerEl.style.padding = '0px 5px';\r\n\t\t\tquestion3El.scrollIntoView(true);\r\n\t\t} else if (question4.length === 0) {\r\n\t\t\talert('Please answer question 4');\r\n\t\t\tconst question1El: any = document.getElementById('question-1');\r\n\t\t\tconst question1AnswerEl: any =\r\n\t\t\t\tdocument.getElementById('question-1-answers');\r\n\t\t\tconst question2El: any = document.getElementById('question-2');\r\n\t\t\tconst question2AnswerEl: any =\r\n\t\t\t\tdocument.getElementById('question-2-answers');\r\n\t\t\tconst question3El: any = document.getElementById('question-3');\r\n\t\t\tconst question3AnswerEl: any =\r\n\t\t\t\tdocument.getElementById('question-3-answers');\r\n\t\t\tconst question4El: any = document.getElementById('question-4');\r\n\t\t\tconst question4AnswerEl: any =\r\n\t\t\t\tdocument.getElementById('question-4-answers');\r\n\t\t\tquestion1El.style.border = 'none';\r\n\t\t\tquestion1AnswerEl.style.border = 'none';\r\n\t\t\tquestion2El.style.border = 'none';\r\n\t\t\tquestion2AnswerEl.style.border = 'none';\r\n\t\t\tquestion3El.style.border = 'none';\r\n\t\t\tquestion3AnswerEl.style.border = 'none';\r\n\t\t\tquestion4El.style.border = '2px solid red';\r\n\t\t\tquestion4El.style.padding = '0px 5px';\r\n\t\t\tquestion4El.style.scrollMargin = '10px';\r\n\t\t\tquestion4AnswerEl.style.border = '2px solid red';\r\n\t\t\tquestion4AnswerEl.style.padding = '0px 5px';\r\n\t\t\tquestion4El.scrollIntoView(true);\r\n\t\t}\r\n\t};\r\n\r\n\tconst handleBack = () => {\r\n\t\tsetStep(step - 1);\r\n\t\tprops.handleGetStep(step - 1);\r\n\t\tconst wizardCard: any = document.getElementById('wizard-card');\r\n\t\twizardCard.scrollTop = 0;\r\n\t\tconst app: any = document.getElementById('app');\r\n\t\tapp.scrollTop = 0;\r\n\t\twindow.scrollTo(0, 0);\r\n\t};\r\n\r\n\tconst resetState = () => {\r\n\t\tsetName('');\r\n\t\tsetEmail('');\r\n\t\tsetConfirmationEmail('');\r\n\t\tsetDealer('');\r\n\t\tsetDealerId('');\r\n\t\tsetQuestion1('');\r\n\t\tsetQuestion2('');\r\n\t\tsetQuestion3('');\r\n\t\tsetQuestion4('');\r\n\t\tsetQuestion5('');\r\n\t\tsetQuestion6('');\r\n\t\tsetQuestion7('');\r\n\t\tsetQuestion8('');\r\n\t\tsetQuestion9('');\r\n\t\tsetQuestion10('');\r\n\t\tsetQuestion11('');\r\n\t\tsetQuestion12('');\r\n\t\tsetQuestion13('');\r\n\t};\r\n\r\n\tconst handleOnClick = (e: any) => {\r\n\t\te.preventDefault();\r\n\t\twindow.grecaptcha.ready(() => {\r\n\t\t\twindow.grecaptcha\r\n\t\t\t\t.execute(process.env.REACT_APP_RECAPTCHA_KEY, {\r\n\t\t\t\t\taction: 'submit',\r\n\t\t\t\t})\r\n\t\t\t\t.then((token: string) => {\r\n\t\t\t\t\tif (name === '') {\r\n\t\t\t\t\t\thandleCodeSubmit(token);\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\thandleSubmit(token);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t});\r\n\t};\r\n\r\n\tconst handleSubmit = async (token: string) => {\r\n\t\tconst payload = {\r\n\t\t\tcontact: {\r\n\t\t\t\tname: name,\r\n\t\t\t\ttitle: title,\r\n\t\t\t\tdepartment: department,\r\n\t\t\t\texperience: experience,\r\n\t\t\t\temail: email,\r\n\t\t\t\tmobile: formatPhone(mobile),\r\n\t\t\t\tdealer: dealer,\r\n\t\t\t\tdealerid: dealerId,\r\n\t\t\t},\r\n\t\t\tquestions: {\r\n\t\t\t\t1: 'Have you taken any previous training with Applied Concepts?',\r\n\t\t\t\t2: 'What type of phones calls do you handle?',\r\n\t\t\t\t3: 'On average, how many phones calls do you take per day?',\r\n\t\t\t\t4: 'Choose one area of performace you would most like to focus on and improve',\r\n\t\t\t\t5: 'Multi-Channel Communication with Customer',\r\n\t\t\t\t6: 'Developing Lifelong Relationships with Customers',\r\n\t\t\t\t7: 'Cross-Selling Sales and Service',\r\n\t\t\t\t8: 'Finance and Insurance',\r\n\t\t\t\t9: 'Maximizing Trade-In Profit',\r\n\t\t\t\t10: 'Lease Retention',\r\n\t\t\t\t11: 'Orphan Owner',\r\n\t\t\t\t12: 'Unsold Follow-Up',\r\n\t\t\t\t13: 'Equity Mining',\r\n\t\t\t},\r\n\t\t\tanswers: {\r\n\t\t\t\t1: question1,\r\n\t\t\t\t2: question2,\r\n\t\t\t\t3: question3,\r\n\t\t\t\t4: question4,\r\n\t\t\t\t5: question5,\r\n\t\t\t\t6: question6,\r\n\t\t\t\t7: question7,\r\n\t\t\t\t8: question8,\r\n\t\t\t\t9: question9,\r\n\t\t\t\t10: question10,\r\n\t\t\t\t11: question11,\r\n\t\t\t\t12: question12,\r\n\t\t\t\t13: question13,\r\n\t\t\t},\r\n\t\t\tgRecaptchaResponse: {\r\n\t\t\t\ttoken: token,\r\n\t\t\t},\r\n\t\t};\r\n\t\ttry {\r\n\t\t\tconst response = await trackPromise(\r\n\t\t\t\tonboardingAPI.submitContact(payload)\r\n\t\t\t);\r\n\t\t\tconsole.log(response);\r\n\t\t\tsetStep(step + 1);\r\n\t\t\tprops.handleGetStep(step + 1);\r\n\t\t\tconst wizardCard: any = document.getElementById('wizard-card');\r\n\t\t\twizardCard.scrollTop = 0;\r\n\t\t\tconst app: any = document.getElementById('app');\r\n\t\t\tapp.scrollTop = 0;\r\n\t\t\twindow.scrollTo(0, 0);\r\n\t\t\tresetState();\r\n\t\t} catch (err) {\r\n\t\t\tconsole.log(err);\r\n\t\t}\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\tconst loadScriptByURL = (\r\n\t\t\tid: string,\r\n\t\t\turl: string,\r\n\t\t\tcallback: () => void\r\n\t\t) => {\r\n\t\t\tconst isScriptExist = document.getElementById(id);\r\n\r\n\t\t\tif (!isScriptExist) {\r\n\t\t\t\tconst script = document.createElement('script');\r\n\t\t\t\tscript.type = 'text/javascript';\r\n\t\t\t\tscript.src = url;\r\n\t\t\t\tscript.id = id;\r\n\t\t\t\tscript.onload = function () {\r\n\t\t\t\t\tif (callback) callback();\r\n\t\t\t\t};\r\n\t\t\t\tdocument.body.appendChild(script);\r\n\t\t\t}\r\n\r\n\t\t\tif (isScriptExist && callback) callback();\r\n\t\t};\r\n\r\n\t\tconst wakeup = async () => {\r\n\t\t\ttry {\r\n\t\t\t\tconst response = await trackPromise(\r\n\t\t\t\t\tonboardingAPI.serverWakeup()\r\n\t\t\t\t);\r\n\t\t\t\tconsole.log(response);\r\n\t\t\t} catch (err) {\r\n\t\t\t\tconsole.log(err);\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\t// load the script by passing the URL\r\n\t\t// eslint-disable-next-line no-undef\r\n\t\twakeup();\r\n\t\tloadScriptByURL(\r\n\t\t\t'recaptcha-key',\r\n\t\t\t`https://www.google.com/recaptcha/api.js?render=${process.env.REACT_APP_RECAPTCHA_KEY}`,\r\n\t\t\tfunction () {\r\n\t\t\t\tconsole.log('Script loaded!');\r\n\t\t\t}\r\n\t\t);\r\n\t\tif (history.location.search !== '') {\r\n\t\t\tconst accountCode = history.location.search.substring(1);\r\n\t\t\tsetAccountCode(accountCode);\r\n\t\t}\r\n\t}, []);\r\n\r\n\treturn (\r\n\t\t<div className='root'>\r\n\t\t\t<div id='cta-container' className='cta-container'>\r\n\t\t\t\t<div className='cta-inner-container'>\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tclassName='logo'\r\n\t\t\t\t\t\tsrc={WhiteLogo}\r\n\t\t\t\t\t\talt='Applied concepts logo'\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<div className='title'>\r\n\t\t\t\t\t\t<Typography\r\n\t\t\t\t\t\t\t//eslint-disable-next-line\r\n\t\t\t\t\t\t\tsx={{ fontFamily: \"'League Spartan', sans-serif\" }}\r\n\t\t\t\t\t\t\tvariant='h5'>\r\n\t\t\t\t\t\t\tOnboarding\r\n\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div className='cta'>\r\n\t\t\t\t\t\t<Typography\r\n\t\t\t\t\t\t\tvariant='h3'\r\n\t\t\t\t\t\t\tsx={{\r\n\t\t\t\t\t\t\t\tfontWeight: 'bold',\r\n\t\t\t\t\t\t\t\tfontFamily: 'Open Sans',\r\n\t\t\t\t\t\t\t}}>\r\n\t\t\t\t\t\t\tWelcome! Let's get you enrolled in your training.\r\n\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t{!validCode && (\r\n\t\t\t\t\t\t<React.Fragment>\r\n\t\t\t\t\t\t\t<div className='mobile-title'>\r\n\t\t\t\t\t\t\t\t<Typography\r\n\t\t\t\t\t\t\t\t\tsx={{\r\n\t\t\t\t\t\t\t\t\t\tfontFamily:\r\n\t\t\t\t\t\t\t\t\t\t\t//eslint-disable-next-line\r\n\t\t\t\t\t\t\t\t\t\t\t\"'League Spartan', sans-serif\",\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\tvariant='h5'>\r\n\t\t\t\t\t\t\t\t\tOnboarding\r\n\t\t\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div className='mobile-cta'>\r\n\t\t\t\t\t\t\t\t<Typography\r\n\t\t\t\t\t\t\t\t\tvariant='h3'\r\n\t\t\t\t\t\t\t\t\tsx={{\r\n\t\t\t\t\t\t\t\t\t\tfontWeight: 'bold',\r\n\t\t\t\t\t\t\t\t\t\tfontFamily: 'Open Sans',\r\n\t\t\t\t\t\t\t\t\t}}>\r\n\t\t\t\t\t\t\t\t\tWelcome! Let's get you enrolled in your\r\n\t\t\t\t\t\t\t\t\ttraining.\r\n\t\t\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</React.Fragment>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{validCode && step === 1 && (\r\n\t\t\t\t\t\t<div className='mobile-step1-cta'>\r\n\t\t\t\t\t\t\t<Typography\r\n\t\t\t\t\t\t\t\tvariant='h5'\r\n\t\t\t\t\t\t\t\tsx={{\r\n\t\t\t\t\t\t\t\t\tfontWeight: 'bold',\r\n\t\t\t\t\t\t\t\t\tfontFamily: 'Open Sans',\r\n\t\t\t\t\t\t\t\t}}>\r\n\t\t\t\t\t\t\t\tContact Information\r\n\t\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{validCode && (step === 2 || step === 3) && (\r\n\t\t\t\t\t\t<div className='mobile-step1-cta'>\r\n\t\t\t\t\t\t\t<Typography\r\n\t\t\t\t\t\t\t\tvariant='h5'\r\n\t\t\t\t\t\t\t\tsx={{\r\n\t\t\t\t\t\t\t\t\tfontWeight: 'bold',\r\n\t\t\t\t\t\t\t\t\tfontFamily: 'Open Sans',\r\n\t\t\t\t\t\t\t\t}}>\r\n\t\t\t\t\t\t\t\tSurvey\r\n\t\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{validCode && (step === 4 || step === 5) && (\r\n\t\t\t\t\t\t<div className='mobile-step1-cta'>\r\n\t\t\t\t\t\t\t<Typography\r\n\t\t\t\t\t\t\t\tvariant='h5'\r\n\t\t\t\t\t\t\t\tsx={{\r\n\t\t\t\t\t\t\t\t\tfontWeight: 'bold',\r\n\t\t\t\t\t\t\t\t\tfontFamily: 'Open Sans',\r\n\t\t\t\t\t\t\t\t}}>\r\n\t\t\t\t\t\t\t\tConfirmation\r\n\t\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t\t{!validCode && (\r\n\t\t\t\t\t<React.Fragment>\r\n\t\t\t\t\t\t<Card className='dealerCode-card'>\r\n\t\t\t\t\t\t\t<form\r\n\t\t\t\t\t\t\t\tclassName='dealerCode-container'\r\n\t\t\t\t\t\t\t\tonSubmit={handleOnClick}>\r\n\t\t\t\t\t\t\t\t<div className='dealerCode-container'>\r\n\t\t\t\t\t\t\t\t\t<span className='dealerCode-label'>\r\n\t\t\t\t\t\t\t\t\t\tEnter Your Enrollment Code\r\n\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t<div className='dealerCode-input-container'>\r\n\t\t\t\t\t\t\t\t\t\t<TextField\r\n\t\t\t\t\t\t\t\t\t\t\tclassName='dealerCode-input'\r\n\t\t\t\t\t\t\t\t\t\t\tvariant='outlined'\r\n\t\t\t\t\t\t\t\t\t\t\tvalue={accountCode}\r\n\t\t\t\t\t\t\t\t\t\t\tonChange={handleAccountCodeInput}\r\n\t\t\t\t\t\t\t\t\t\t\tsx={{ textAlign: 'center' }}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t<Button\r\n\t\t\t\t\t\t\t\t\t\tclassName='dealerCode-submit'\r\n\t\t\t\t\t\t\t\t\t\tdisabled={accountCode.length !== 4}\r\n\t\t\t\t\t\t\t\t\t\ttype='submit'>\r\n\t\t\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t\t</Button>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</form>\r\n\t\t\t\t\t\t\t<div className='dealerCode-orange'></div>\r\n\t\t\t\t\t\t</Card>\r\n\t\t\t\t\t</React.Fragment>\r\n\t\t\t\t)}\r\n\t\t\t\t{validCode && (\r\n\t\t\t\t\t<Card id='wizard-card' className='wizard-card'>\r\n\t\t\t\t\t\t<Stepper\r\n\t\t\t\t\t\t\tclassName='wizard-stepper'\r\n\t\t\t\t\t\t\tactiveStep={step}\r\n\t\t\t\t\t\t\talternativeLabel>\r\n\t\t\t\t\t\t\t<Step>\r\n\t\t\t\t\t\t\t\t<StepLabel\r\n\t\t\t\t\t\t\t\t\ticon={\r\n\t\t\t\t\t\t\t\t\t\t<PersonOutline\r\n\t\t\t\t\t\t\t\t\t\t\tclassName='step-icon-white'\r\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor:\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tgetContactLabelColor(),\r\n\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t}>\r\n\t\t\t\t\t\t\t\t\tContact Info\r\n\t\t\t\t\t\t\t\t</StepLabel>\r\n\t\t\t\t\t\t\t</Step>\r\n\t\t\t\t\t\t\t<Step>\r\n\t\t\t\t\t\t\t\t<StepLabel\r\n\t\t\t\t\t\t\t\t\ticon={\r\n\t\t\t\t\t\t\t\t\t\t<DirectionsCar\r\n\t\t\t\t\t\t\t\t\t\t\tclassName={\r\n\t\t\t\t\t\t\t\t\t\t\t\tstep >= 2\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'step-icon-white'\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t: 'step-icon-grey'\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor:\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tgetDetailsLabelColor(),\r\n\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t}>\r\n\t\t\t\t\t\t\t\t\tSurvey\r\n\t\t\t\t\t\t\t\t</StepLabel>\r\n\t\t\t\t\t\t\t</Step>\r\n\t\t\t\t\t\t\t<Step>\r\n\t\t\t\t\t\t\t\t<StepLabel\r\n\t\t\t\t\t\t\t\t\ticon={\r\n\t\t\t\t\t\t\t\t\t\t<DoneAll\r\n\t\t\t\t\t\t\t\t\t\t\tclassName={\r\n\t\t\t\t\t\t\t\t\t\t\t\tstep >= 4\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'step-icon-white'\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t: 'step-icon-grey'\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor:\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tgetConfirmLabelColor(),\r\n\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t}>\r\n\t\t\t\t\t\t\t\t\tConfirmation\r\n\t\t\t\t\t\t\t\t</StepLabel>\r\n\t\t\t\t\t\t\t</Step>\r\n\t\t\t\t\t\t</Stepper>\r\n\t\t\t\t\t\t{step === 1 && (\r\n\t\t\t\t\t\t\t<div className='step-container'>\r\n\t\t\t\t\t\t\t\t<form onSubmit={handleNext}>\r\n\t\t\t\t\t\t\t\t\t<ContactInfo\r\n\t\t\t\t\t\t\t\t\t\t{...props}\r\n\t\t\t\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\t\t\t\temail={email}\r\n\t\t\t\t\t\t\t\t\t\tconfirmationEmail={confirmationEmail}\r\n\t\t\t\t\t\t\t\t\t\tmobile={mobile}\r\n\t\t\t\t\t\t\t\t\t\tdealer={dealer}\r\n\t\t\t\t\t\t\t\t\t\ttitle={title}\r\n\t\t\t\t\t\t\t\t\t\tdepartment={department}\r\n\t\t\t\t\t\t\t\t\t\texperience={experience}\r\n\t\t\t\t\t\t\t\t\t\thandleNameInput={handleNameInput}\r\n\t\t\t\t\t\t\t\t\t\thandleEmailInput={handleEmailInput}\r\n\t\t\t\t\t\t\t\t\t\thandleConfirmEmailInput={\r\n\t\t\t\t\t\t\t\t\t\t\thandleConfirmEmailInput\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\thandleMobileInput={handleMobileInput}\r\n\t\t\t\t\t\t\t\t\t\thandleDealerInput={handleDealerInput}\r\n\t\t\t\t\t\t\t\t\t\thandleTitleInput={handleTitleInput}\r\n\t\t\t\t\t\t\t\t\t\thandleDepartmentInput={\r\n\t\t\t\t\t\t\t\t\t\t\thandleDepartmentInput\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\thandleExperienceInput={\r\n\t\t\t\t\t\t\t\t\t\t\thandleExperienceInput\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t<div className='step1-next'>\r\n\t\t\t\t\t\t\t\t\t\t<Button\r\n\t\t\t\t\t\t\t\t\t\t\tdisabled={checkDisabled()}\r\n\t\t\t\t\t\t\t\t\t\t\ttype='submit'>\r\n\t\t\t\t\t\t\t\t\t\t\tNext\r\n\t\t\t\t\t\t\t\t\t\t\t<Icon className='step-next-button-icon'>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<ArrowRightAlt\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcheckDisabled()\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'grey'\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'white'\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t</Icon>\r\n\t\t\t\t\t\t\t\t\t\t</Button>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</form>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t{step === 2 && (\r\n\t\t\t\t\t\t\t<div className='step-container'>\r\n\t\t\t\t\t\t\t\t<QuestionSet1\r\n\t\t\t\t\t\t\t\t\t{...props}\r\n\t\t\t\t\t\t\t\t\tquestion1={question1}\r\n\t\t\t\t\t\t\t\t\tquestion2={question2}\r\n\t\t\t\t\t\t\t\t\tquestion3={question3}\r\n\t\t\t\t\t\t\t\t\tquestion4={question4}\r\n\t\t\t\t\t\t\t\t\tsetQuestion1={setQuestion1}\r\n\t\t\t\t\t\t\t\t\tsetQuestion2={setQuestion2}\r\n\t\t\t\t\t\t\t\t\tsetQuestion3={setQuestion3}\r\n\t\t\t\t\t\t\t\t\tsetQuestion4={setQuestion4}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t<div className='step-button-container'>\r\n\t\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t\t<Button onClick={handleBack}>\r\n\t\t\t\t\t\t\t\t\t\t\t<Icon className='step-back-button-icon'>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<ArrowRightAlt className='white' />\r\n\t\t\t\t\t\t\t\t\t\t\t</Icon>\r\n\t\t\t\t\t\t\t\t\t\t\tContact Info\r\n\t\t\t\t\t\t\t\t\t\t</Button>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t\t<Button\r\n\t\t\t\t\t\t\t\t\t\t\tdisabled={\r\n\t\t\t\t\t\t\t\t\t\t\t\tquestion1 === '' ||\r\n\t\t\t\t\t\t\t\t\t\t\t\tquestion2 === '' ||\r\n\t\t\t\t\t\t\t\t\t\t\t\tquestion3 === '' ||\r\n\t\t\t\t\t\t\t\t\t\t\t\tquestion4 === ''\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\tonClick={handleStep2Next}>\r\n\t\t\t\t\t\t\t\t\t\t\tNext\r\n\t\t\t\t\t\t\t\t\t\t\t<Icon className='step-next-button-icon'>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<ArrowRightAlt className='white' />\r\n\t\t\t\t\t\t\t\t\t\t\t</Icon>\r\n\t\t\t\t\t\t\t\t\t\t</Button>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t{step === 3 && (\r\n\t\t\t\t\t\t\t<div className='step-container'>\r\n\t\t\t\t\t\t\t\t<QuestionSet2\r\n\t\t\t\t\t\t\t\t\t{...props}\r\n\t\t\t\t\t\t\t\t\tquestion5={question5}\r\n\t\t\t\t\t\t\t\t\tquestion6={question6}\r\n\t\t\t\t\t\t\t\t\tquestion7={question7}\r\n\t\t\t\t\t\t\t\t\tquestion8={question8}\r\n\t\t\t\t\t\t\t\t\tquestion9={question9}\r\n\t\t\t\t\t\t\t\t\tquestion10={question10}\r\n\t\t\t\t\t\t\t\t\tquestion11={question11}\r\n\t\t\t\t\t\t\t\t\tquestion12={question12}\r\n\t\t\t\t\t\t\t\t\tquestion13={question13}\r\n\t\t\t\t\t\t\t\t\tsetQuestion5={setQuestion5}\r\n\t\t\t\t\t\t\t\t\tsetQuestion6={setQuestion6}\r\n\t\t\t\t\t\t\t\t\tsetQuestion7={setQuestion7}\r\n\t\t\t\t\t\t\t\t\tsetQuestion8={setQuestion8}\r\n\t\t\t\t\t\t\t\t\tsetQuestion9={setQuestion9}\r\n\t\t\t\t\t\t\t\t\tsetQuestion10={setQuestion10}\r\n\t\t\t\t\t\t\t\t\tsetQuestion11={setQuestion11}\r\n\t\t\t\t\t\t\t\t\tsetQuestion12={setQuestion12}\r\n\t\t\t\t\t\t\t\t\tsetQuestion13={setQuestion13}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t<div className='step-button-container'>\r\n\t\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t\t<Button onClick={handleBack}>\r\n\t\t\t\t\t\t\t\t\t\t\t<Icon className='step-back-button-icon'>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<ArrowRightAlt className='white' />\r\n\t\t\t\t\t\t\t\t\t\t\t</Icon>\r\n\t\t\t\t\t\t\t\t\t\t\tBack\r\n\t\t\t\t\t\t\t\t\t\t</Button>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t\t<Button\r\n\t\t\t\t\t\t\t\t\t\t\tdisabled={\r\n\t\t\t\t\t\t\t\t\t\t\t\tquestion5 === '' ||\r\n\t\t\t\t\t\t\t\t\t\t\t\tquestion6 === '' ||\r\n\t\t\t\t\t\t\t\t\t\t\t\tquestion7 === '' ||\r\n\t\t\t\t\t\t\t\t\t\t\t\tquestion8 === '' ||\r\n\t\t\t\t\t\t\t\t\t\t\t\tquestion9 === '' ||\r\n\t\t\t\t\t\t\t\t\t\t\t\tquestion10 === '' ||\r\n\t\t\t\t\t\t\t\t\t\t\t\tquestion11 === '' ||\r\n\t\t\t\t\t\t\t\t\t\t\t\tquestion12 === '' ||\r\n\t\t\t\t\t\t\t\t\t\t\t\tquestion13 === ''\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\tonClick={handleNext}>\r\n\t\t\t\t\t\t\t\t\t\t\tNext\r\n\t\t\t\t\t\t\t\t\t\t\t<Icon className='step-next-button-icon'>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<ArrowRightAlt className='white' />\r\n\t\t\t\t\t\t\t\t\t\t\t</Icon>\r\n\t\t\t\t\t\t\t\t\t\t</Button>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t{step === 4 && (\r\n\t\t\t\t\t\t\t<div className='confirmation'>\r\n\t\t\t\t\t\t\t\t<div className='confirmation-text-container'>\r\n\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\r\n\t\t\t\t\t\t\t\t\t\t\tmarginBottom: 25,\r\n\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\r\n\t\t\t\t\t\t\t\t\t\t}}>\r\n\t\t\t\t\t\t\t\t\t\t<span className='confirmation-label'>\r\n\t\t\t\t\t\t\t\t\t\t\tName:{' '}\r\n\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t<Typography className='confirmation-value'>\r\n\t\t\t\t\t\t\t\t\t\t\t{name}\r\n\t\t\t\t\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\t\tstyle={{\r\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\r\n\t\t\t\t\t\t\t\t\t\t\tmargin: '25px 0px',\r\n\t\t\t\t\t\t\t\t\t\t}}>\r\n\t\t\t\t\t\t\t\t\t\t<span className='confirmation-label'>\r\n\t\t\t\t\t\t\t\t\t\t\tEmail:{' '}\r\n\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t<Typography className='confirmation-value'>\r\n\t\t\t\t\t\t\t\t\t\t\t{email}\r\n\t\t\t\t\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t<div style={{ display: 'flex' }}>\r\n\t\t\t\t\t\t\t\t\t\t<span className='confirmation-label'>\r\n\t\t\t\t\t\t\t\t\t\t\tDealer:{' '}\r\n\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t<Typography className='confirmation-value'>\r\n\t\t\t\t\t\t\t\t\t\t\t{dealer}\r\n\t\t\t\t\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div className='confirmation-button-container'>\r\n\t\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t\t<Button onClick={handleBack}>\r\n\t\t\t\t\t\t\t\t\t\t\t<Icon className='step-back-button-icon'>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<ArrowRightAlt className='white' />\r\n\t\t\t\t\t\t\t\t\t\t\t</Icon>\r\n\t\t\t\t\t\t\t\t\t\t\tBack\r\n\t\t\t\t\t\t\t\t\t\t</Button>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t\t<Button onClick={handleOnClick}>\r\n\t\t\t\t\t\t\t\t\t\t\tSubmit\r\n\t\t\t\t\t\t\t\t\t\t</Button>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t{step === 5 && (\r\n\t\t\t\t\t\t\t<div className='complete-container'>\r\n\t\t\t\t\t\t\t\t<div className='complete-congrats'>\r\n\t\t\t\t\t\t\t\t\tCongratulations, you're almost done!\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div className='complete-cta'>\r\n\t\t\t\t\t\t\t\t\tPlease check your email. Click the link to\r\n\t\t\t\t\t\t\t\t\tverify your email and complete the\r\n\t\t\t\t\t\t\t\t\tonboarding process.\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t{/* <Button\r\n\t\t\t\t\t\t\t\t\tonClick={() =>\r\n\t\t\t\t\t\t\t\t\t\thistory.push('/confirmation')\r\n\t\t\t\t\t\t\t\t\t}>\r\n\t\t\t\t\t\t\t\t\tFinish\r\n\t\t\t\t\t\t\t\t</Button> */}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</Card>\r\n\t\t\t\t)}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport default Home;\r\n","export default __webpack_public_path__ + \"static/media/Road Image - greyscale.a90f8847.png\";","/* eslint-disable quotes */\r\n/* eslint-disable react/no-unescaped-entities */\r\nimport React from 'react';\r\n\r\nimport WhiteLogo from '../Assets/White Logo.png';\r\nimport RoadImg from '../Assets/Road Image - greyscale.png';\r\n\r\nimport '../Styles/Confirmation.css';\r\n\r\nimport { Typography } from '@mui/material';\r\n\r\nfunction Confirmation(): JSX.Element {\r\n\treturn (\r\n\t\t<div className='confirmation-root'>\r\n\t\t\t<div className='confirmation-container'>\r\n\t\t\t\t<div className='confirmation-inner-container'>\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\tclassName='confirmation-logo'\r\n\t\t\t\t\t\t\tsrc={WhiteLogo}\r\n\t\t\t\t\t\t\talt='Applied concepts logo'\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div className='confirmation-title'>\r\n\t\t\t\t\t\t<Typography\r\n\t\t\t\t\t\t\tsx={{ fontFamily: \"'League Spartan', sans-serif\" }}\r\n\t\t\t\t\t\t\tvariant='h5'>\r\n\t\t\t\t\t\t\tEmail Confirmed\r\n\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div className='confirmation-cta'>\r\n\t\t\t\t\t\t<Typography\r\n\t\t\t\t\t\t\tvariant='h3'\r\n\t\t\t\t\t\t\tsx={{\r\n\t\t\t\t\t\t\t\tfontWeight: 'bold',\r\n\t\t\t\t\t\t\t\tfontFamily: 'Open Sans',\r\n\t\t\t\t\t\t\t}}>\r\n\t\t\t\t\t\t\tThat's it! We have all we need to get you started\r\n\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div className='confirmation-content'>\r\n\t\t\t\t\t<div className='instructions-container'>\r\n\t\t\t\t\t\t<div className='orange'></div>\r\n\t\t\t\t\t\t<Typography className='instructions'>\r\n\t\t\t\t\t\t\tEach weekend, you will receive an email with\r\n\t\t\t\t\t\t\tinstructions on how to complete your training for\r\n\t\t\t\t\t\t\tthe upcoming week. We look forward to helping you\r\n\t\t\t\t\t\t\tgrow in your career.\r\n\t\t\t\t\t\t</Typography>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div className='img-container'>\r\n\t\t\t\t\t\t<img className='road-img' src={RoadImg} alt='Road' />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport default Confirmation;\r\n","import React from 'react';\r\n\r\nimport { BrowserRouter as Router, Switch, Route } from 'react-router-dom';\r\n\r\nimport Spinner from './Components/Spinner';\r\n\r\nimport '@fontsource/league-spartan/700.css';\r\nimport '@fontsource/open-sans/700.css';\r\nimport Home from './Pages/Home';\r\nimport Confirmation from './Pages/Confirmation';\r\n\r\nfunction App(): JSX.Element {\r\n\tconst [step, setStep] = React.useState(0);\r\n\r\n\tconst handleGetStep = (step: number) => {\r\n\t\tsetStep(step);\r\n\t};\r\n\r\n\treturn (\r\n\t\t<Router>\r\n\t\t\t<div\r\n\t\t\t\tid='app'\r\n\t\t\t\tclassName={step !== 4 && step !== 5 ? 'app' : 'app-setHeight'}>\r\n\t\t\t\t<Spinner />\r\n\t\t\t\t<Switch>\r\n\t\t\t\t\t<Route\r\n\t\t\t\t\t\texact\r\n\t\t\t\t\t\tpath='/'\r\n\t\t\t\t\t\trender={(props) => (\r\n\t\t\t\t\t\t\t<Home {...props} handleGetStep={handleGetStep} />\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<Route\r\n\t\t\t\t\t\texact\r\n\t\t\t\t\t\tpath='/confirmation'\r\n\t\t\t\t\t\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n\t\t\t\t\t\trender={(props: any) => <Confirmation {...props} />}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</Switch>\r\n\t\t\t</div>\r\n\t\t</Router>\r\n\t);\r\n}\r\n\r\nexport default App;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\n\r\ndeclare global {\r\n\tinterface Window {\r\n\t\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n\t\tgrecaptcha: any;\r\n\t}\r\n}\r\n\r\nReactDOM.render(\r\n\t<React.StrictMode>\r\n\t\t<App />\r\n\t</React.StrictMode>,\r\n\tdocument.getElementById('root')\r\n);\r\n"],"sourceRoot":""}