{"version":3,"sources":["ApiClient.tsx","Theme.tsx","components/ui/Loading.tsx","components/pages/Home.tsx","components/pages/PresentationForm.tsx","components/UiKit.tsx","components/pages/UserCheckPage.tsx","components/layout/VenueBrandHeaderBar.tsx","components/layout/Layout.tsx","components/pages/SmsOptOutPage.tsx","App.tsx","state/UserState.ts","state/AppState.ts","index.tsx"],"names":["userState","apiBaseUrl","this","Axios","interceptors","response","use","error","status","Promise","reject","console","log","defaults","withCredentials","venueTag","url","get","checkToken","post","smsOptOutHash","venueId","firstName","lastName","mobileNumber","emailAddress","helpKind","fullname","stateLocation","clubName","Colors","GoldBallLoader","className","style","backgroundColor","Home","css","margin","display","borderColor","border","padding","borderRadius","height","width","marginBottom","observer","venueStore","useContext","UserStore","appState","AppStore","useHistory","useParams","useState","phoneNumber","helpRequest","setHelpRequest","cancelRequest","setCancelRequest","submittedRequest","setSubmittedRequest","nameError","setNameError","mobileError","setMobileError","helpKindError","setHelpKindError","useEffect","currentPageRoute","loadVenueData","loadRequestComplete","Container","marginTop","fontSize","textAlign","undefined","venue","submitHelp","hasError","length","ApiClient","createHelpRequest","getVenueId","then","catch","flexDirection","alignItems","maxWidth","src","Card","CardBody","fontWeight","size","color","Form","FormGroup","tag","check","justifyContent","Input","name","type","onClick","prevState","Label","marginLeft","CardText","placeholder","value","onChange","target","validStates","key","PresentationForm","presentationSignUpInitialState","fullName","presentationSignUp","setPresentationSignUp","stateLocationError","setStateLocationError","clubNameError","setClubNameError","isValidPhoneNumber","createPresentationSignup","toString","defaultCountry","country","marginRight","UncontrolledDropdown","DropdownToggle","caret","find","s","DropdownMenu","map","state","DropdownItem","Columns","styled","div","Rows","PageFooter","props","footerBgColor","footerImage","objectFit","maxHeight","buttonCss","cursor","alreadyAnswered","setAlreadyAnswered","setLoadRequestComplete","venueSummary","setVenueSummary","responseSuccess","setResponseSuccess","responseSaved","setResponseSaved","errorMessage","children","showTick","lineHeight","fontFamily","loadUserQuestion","axRes","data","body","errorType","success","e","setQuestionResponse","checkMessageResponse","setUserQuestionResponse","minHeight","paddingTop","elements","userCheckWebsiteText","split","line","getConfigurableContent","background","paddingBottom","VenueBrandHeaderBar","Navbar","light","commCenAppIconUrl","displayName","optOutHash","yesOptOut","setYesOptOut","loadSmsOptOut","doOptOut","setSmsOptOutResponse","App","exact","path","component","UserCheckPage","SmsOptOutPage","getVenueSummary","runInAction","makeAutoObservable","computed","baseUrl","document","getElementsByTagName","getAttribute","rootElement","getElementById","createContext","init","ReactDOM","render","Provider","basename"],"mappings":"0cAsFe,M,iDA9EXA,e,OACAC,gB,0CAEA,SAAKA,EAAoBD,GACrBE,KAAKF,UAAYA,EACjBE,KAAKD,WAAaA,EAGlBE,IAAMC,aAAaC,SAASC,KAAI,SAAAD,GAE5B,OAAOA,KACR,SAAAE,GACC,GAAI,MAAQA,EAAMF,SAASG,QAAU,MAAQD,EAAMF,SAASG,OAIxD,OAAOC,QAAQC,OAAOH,GAHtBI,QAAQC,IAAI,uBAOpBT,IAAMU,SAASC,iBAAkB,I,6BAGrC,SAAgBC,GACZ,IAAMC,EAAG,UAAMd,KAAKD,WAAX,kCAA+Cc,EAA/C,YAET,OAAOZ,IAAMc,IAA8BD,K,8BAG/C,SAAiBE,GACb,IAAMF,EAAG,UAAMd,KAAKD,WAAX,qCAET,OAAOE,IAAMgB,KAAgDH,EAAK,CAAEE,iB,2BAGxE,SAAcE,GACV,IAAMJ,EAAG,UAAMd,KAAKD,WAAX,gCAET,OAAOE,IAAMgB,KAAgDH,EAAK,CAAEI,oB,kCAGxE,SAAqBA,GACjB,IAAMJ,EAAG,UAAMd,KAAKD,WAAX,yCAET,OAAOE,IAAMgB,KAA4BH,EAAK,CAAEI,oB,qCAGpD,SAAwBF,EAAoBb,GACxC,IAAMW,EAAG,UAAMd,KAAKD,WAAX,8CAET,OAAOE,IAAMgB,KAA4BH,EAAK,CAAEE,aAAYb,e,+BAGhE,SAAkBgB,EAAiBC,EAAmBC,EAAkBC,EAAsBC,EAAsBC,GAChH,IAAMV,EAAG,UAAMd,KAAKD,WAAX,qCAET,OAAOE,IAAMgB,KAAKH,EAAK,CACnBK,UACAC,YACAC,WACAC,eACAC,eACAC,e,sCAIR,SAAyBC,EAAkBH,EAAsBI,EAAuBC,GACpF,IAAMb,EAAG,UAAMd,KAAKD,WAAX,wCAET,OAAOE,IAAMgB,KAAKH,EAAK,CACnBW,WACAH,eACAI,gBACAC,iB,MChFCC,EAUE,YAVFA,EAeG,UAfHA,EAuBC,U,gBCdDC,EAAiB,WAC1B,OAAO,sBAAKC,UAAU,iCAAf,UACH,qBAAKC,MAAO,CAACC,gBAAiB,aAC9B,qBAAKD,MAAO,CAACC,gBAAiB,aAC9B,qBAAKD,MAAO,CAACC,gBAAiB,iBC4DzBC,GA/CGC,YAAI,CAChBC,OAAQ,OACRC,QAAS,QACTJ,gBAAiBJ,EACjBS,YAAaT,IAGDM,YAAI,CAChBI,OAAQ,sBACRC,QAAS,EACTJ,OAAQ,EACRK,aAAc,KAGGN,YAAI,CACrBC,OAAQ,OACRC,QAAS,QACTJ,gBAAiBJ,EACjBS,YAAaT,IAWIM,YAAI,CACrBF,gBAAiB,YACjBQ,aAAc,MACdC,OAAQ,IACRC,MAAO,IACPC,aAAc,IAaEC,aAAS,WACzB,IAAMC,EAAaC,qBAAWC,IACxBC,EAAWF,qBAAWG,IAEtBpC,GADUqC,cACGC,cAAbtC,UAUN,EAAsCuC,mBARN,CAC5BhC,UAAW,GACXC,SAAU,GACVgC,YAAa,GACb9B,aAAc,GACdC,SAAU,KAGd,mBAAO8B,EAAP,KAAoBC,EAApB,KACA,EAA0CH,oBAAS,GAAnD,mBAAOI,EAAP,KAAsBC,EAAtB,KACA,EAAgDL,oBAAS,GAAzD,mBAAOM,EAAP,KAAyBC,EAAzB,KAEA,EAAkCP,oBAAS,GAA3C,mBAAOQ,EAAP,KAAkBC,EAAlB,KACA,EAAsCT,oBAAS,GAA/C,mBAAOU,EAAP,KAAoBC,EAApB,KACA,EAA0CX,oBAAS,GAAnD,mBAAOY,EAAP,KAAsBC,EAAtB,KAOA,GALAC,qBAAU,WACNlB,EAASmB,iBAAmB,OAC5BtB,EAAWuB,cAAcvD,KAC1B,KAEEgC,EAAWwB,oBACZ,OACI,YAACC,EAAA,EAAD,CAAWvC,MAAO,CAAEwC,UAAW,GAAI5B,aAAc,KAC7C,mBAAKZ,MAAO,CAAEyC,SAAU,GAAIC,UAAW,SAAU9B,aAAc,KAA/D,mBAGA,YAAC,EAAD,OAKZ,QAAgB+B,GAAZ7D,QAA6C6D,GAApB7B,EAAW8B,MACpC,OACI,YAACL,EAAA,EAAD,CAAWvC,MAAO,CAAEwC,UAAW,GAAI5B,aAAc,KAC7C,mBAAKZ,MAAO,CAAEyC,SAAU,GAAIC,UAAW,SAAU9B,aAAc,KAA/D,wBAOZ,IAAMiC,EAAa,WACf,IAAIC,GAAW,EAEqB,GAAhCvB,EAAYlC,UAAU0D,SACtBD,GAAW,EACXhB,GAAa,IAGbP,EAAYD,YAAYyB,OAAS,KACjCD,GAAW,EACXd,GAAe,IAGgB,GAA/BT,EAAY9B,SAASsD,SACrBD,GAAW,EACXZ,GAAiB,IAGjBY,GAGJE,EAAUC,kBACNnC,EAAWoC,WACX3B,EAAYlC,UACZkC,EAAYjC,SACZiC,EAAYD,YACZC,EAAY/B,aACZ+B,EAAY9B,UAEX0D,MAAK,SAAA/E,GACFwD,GAAoB,MAEvBwB,OAAM,SAAC9E,QAsQhB,OACI,YAACiE,EAAA,EAAD,CAAWvC,MAAO,CAAEwC,UAAW,GAAI5B,aAAc,GAAIyC,cAAe,SAAUhD,QAAS,OAAQiD,WAAY,WACvG,mBAAKtD,MAAO,CAAEW,MAAO,OAAQ4C,SAAU,IAAKnD,OAAQ,OAAQQ,aAAc,IACrE4C,IAAK,mFAEV,mBAAKxD,MAAO,CAAEI,OAAQ,EAAGqC,SAAU,GAAIC,UAAW,WAAlD,0EAIA,YAACe,EAAA,EAAD,CAAMzD,MAAO,CAAEwC,UAAW,KACtB,YAACkB,EAAA,EAAD,CAAU1D,MAAO,CAAEK,QAAS,OAAQgD,cAAe,WAC9C5B,EAzPN,mBAAKzB,MAAO,CAAEQ,QAAS,GAAI6C,cAAe,SAAUhD,QAAS,OAAQiD,WAAY,WACpF,mBAAKtD,MAAO,CAAEyC,SAAU,GAAIkB,WAAY,SAAxC,qCAIA,mBAAK3D,MAAO,CAAEyC,SAAU,GAAID,UAAW,IAAvC,iEAuPY,YAAC,WAAD,KACKb,EA/Qd,mBAAK3B,MAAO,CAAEQ,QAAS,GAAI6C,cAAe,SAAUhD,QAAS,OAAQiD,WAAY,WACpF,YAAC,IAAD,CAAiBM,KAAM,GAAIC,MAAOhE,EAAmBG,MAAO,CAAEI,OAAQ,UADnE,IAGH,mBAAKJ,MAAO,CAAEyC,SAAU,GAAIkB,WAAY,SAAxC,YAIA,mBAAK3D,MAAO,CAAEyC,SAAU,GAAID,UAAW,IAAvC,4DAIA,mBAAKxC,MAAO,CAAEyC,SAAU,GAAID,UAAW,IAAvC,+CAmBG,YAAC,WAAD,KACH,YAACsB,EAAA,EAAD,KACI,YAACC,EAAA,EAAD,CAAWC,IAAI,WAAWhE,MAAO,CAAEI,OAAQ,IACvC,sBAAQJ,MAAO,CAAE0C,UAAW,WAA5B,wBAIA,YAACqB,EAAA,EAAD,CACIE,OAAK,EACLjE,MAAO,CAAEK,QAAS,OAAQgD,cAAe,iBAAkBa,eAAgB,SAAUtD,aAAc,GAAI4B,UAAW,KAElH,YAAC2B,EAAA,EAAD,CACInE,MAAO,CAAEW,MAAO,IAChByD,KAAK,SACLC,KAAK,QACLC,QAAS,WACLpC,GAAiB,GACjBV,GAAe,SAAA+C,GAAS,kCACjBA,GADiB,IAEpB9E,SAAU,wBAIrB,IACD,YAAC+E,EAAA,EAAD,CACIxE,MAAO,CAAEyE,WAAY,IACrBR,OAAK,GAFT,kBAQJ,YAACF,EAAA,EAAD,CACIE,OAAK,EACLjE,MAAO,CAAEK,QAAS,OAAQgD,cAAe,iBAAkBa,eAAgB,SAAUtD,aAAc,KAEnG,YAACuD,EAAA,EAAD,CACInE,MAAO,CAAEW,MAAO,IAChByD,KAAK,SACLC,KAAK,QACLC,QAAS,WACLpC,GAAiB,GACjBV,GAAe,SAAA+C,GAAS,kCACjBA,GADiB,IAEpB9E,SAAU,mCAIrB,IACD,YAAC+E,EAAA,EAAD,CACIxE,MAAO,CAAEyE,WAAY,IACrBR,OAAK,GAFT,6BAQJ,YAACF,EAAA,EAAD,CACIE,OAAK,EACLjE,MAAO,CAAEK,QAAS,OAAQgD,cAAe,iBAAkBa,eAAgB,SAAUtD,aAAc,KAEnG,YAACuD,EAAA,EAAD,CACInE,MAAO,CAAEW,MAAO,IAChByD,KAAK,SACLC,KAAK,QACLC,QAAS,WACLpC,GAAiB,GACjBV,GAAe,SAAA+C,GAAS,kCACjBA,GADiB,IAEpB9E,SAAU,iBAIrB,IACD,YAAC+E,EAAA,EAAD,CACIxE,MAAO,CAAEyE,WAAY,IACrBR,OAAK,GAFT,WAQJ,YAACF,EAAA,EAAD,CACIE,OAAK,EACLjE,MAAO,CAAEK,QAAS,OAAQgD,cAAe,iBAAkBa,eAAgB,SAAUtD,aAAc,KAEnG,YAACuD,EAAA,EAAD,CACInE,MAAO,CAAEW,MAAO,IAChByD,KAAK,SACLC,KAAK,QACLC,QAAS,WACLpC,GAAiB,GACjBV,GAAe,SAAA+C,GAAS,kCACjBA,GADiB,IAEpB9E,SAAU,gBAIrB,IACD,YAAC+E,EAAA,EAAD,CACIxE,MAAO,CAAEyE,WAAY,IACrBR,OAAK,GAFT,UAQHhC,GACG,mBAAKjC,MAAO,CAAE6D,MAAO,MAAOpB,SAAU,GAAID,UAAW,EAAG5B,aAAc,EAAG8B,UAAW,WAApF,qDAOZ,mBAAK1C,MAAO,CAAEwC,UAAW,GAAI5B,aAAc,GAAI6B,SAAU,GAAIC,UAAW,SAAUiB,WAAY,SAA9F,wDAIA,mBAAK5D,UAAU,kBACX,YAAC2E,EAAA,EAAD,CAAU1E,MAAO,CAAEyC,SAAU,SAAUD,UAAW,KAAlD,mBAIA,qBACIrC,IAAKA,YAAI,CAAEQ,MAAO,IAAKH,QAAS,EAAGI,aAAc,EAAGH,aAAc,IAClEkE,YAAa,mBACbN,KAAM,OACNO,MAAOrD,EAAYlC,UACnBwF,SAAU,YAA4B,IAAfD,EAAc,EAAxBE,OAAUF,MACnB9C,GAAa,GACbN,GAAe,SAAA+C,GAAS,kCACjBA,GADiB,IAEpBlF,UAAWuF,UAKtB/C,GACG,mBAAK7B,MAAO,CAAE6D,MAAO,MAAOpB,SAAU,GAAID,WAAY,EAAG5B,aAAc,IAAvE,gCAKJ,qBACIT,IAAKA,YAAI,CAAEQ,MAAO,IAAKH,QAAS,EAAGI,aAAc,EAAGH,aAAc,IAClEkE,YAAa,kBACbN,KAAM,OACNO,MAAOrD,EAAYjC,SACnBuF,SAAU,gBAAaD,EAAb,EAAGE,OAAUF,MAAb,OAA2BpD,GAAe,SAAA+C,GAAS,kCACtDA,GADsD,IAEzDjF,SAAUsF,UAIlB,qBACIzE,IAAKA,YAAI,CAAEQ,MAAO,IAAKH,QAAS,EAAGI,aAAc,EAAGH,aAAc,IAClEkE,YAAa,sBACbN,KAAM,OACNO,MAAOrD,EAAYD,YACnBuD,SAAU,YAA4B,IAAfD,EAAc,EAAxBE,OAAUF,MACnB5C,GAAe,GACfR,GAAe,SAAA+C,GAAS,kCACjBA,GADiB,IAEpBjD,YAAasD,UAKxB7C,GACG,mBAAK/B,MAAO,CAAE6D,MAAO,MAAOpB,SAAU,GAAID,WAAY,EAAG5B,aAAc,IAAvE,4CAMR,sBACIb,UAAU,kBACVsE,KAAK,SACLC,QAASzB,EACT1C,IAAKA,YAAI,CACLqC,UAAW,GACX5B,aAAc,EACdX,gBAAiB,UACjB4D,MAAO,UACPpB,SAAU,GACVkB,WAAY,UAVpB,UAgBA,sBACI5D,UAAU,kBACVsE,KAAK,SACLC,QAAS,kBAAM5C,GAAiB,IAChCvB,IAAKA,YAAI,CACLqC,UAAW,EACX5B,aAAc,GACdX,gBAAiB,UACjB4D,MAAO,UACPpB,SAAU,GACVkB,WAAY,UAVpB,4B,4CCzWNoB,EAAc,CAChB,CAAEX,KAAM,kBAAmBY,IAAK,OAChC,CAAEZ,KAAM,WAAYY,IAAK,OACzB,CAAEZ,KAAM,aAAcY,IAAK,OAC3B,CAAEZ,KAAM,kBAAmBY,IAAK,MAChC,CAAEZ,KAAM,oBAAqBY,IAAK,MAClC,CAAEZ,KAAM,WAAYY,IAAK,QAkBhBC,EAAmBpE,aAAS,WAClBE,qBAAWC,IAA9B,IAEMkE,EAAuD,CACzDC,SAAU,GACV7D,YAAa,GACb3B,mBAAegD,EACf/C,SAAU,IAGd,EAAoDyB,mBAAS6D,GAA7D,mBAAOE,EAAP,KAA2BC,EAA3B,KACA,EAA0ChE,oBAAS,GAAnD,mBAAOI,EAAP,KACA,GADA,KACgDJ,oBAAS,IAAzD,mBAAOM,EAAP,KAAyBC,EAAzB,KAEA,EAAkCP,oBAAS,GAA3C,mBAAOQ,EAAP,KAAkBC,EAAlB,KACA,EAAsCT,oBAAS,GAA/C,mBAAOU,EAAP,KAAoBC,EAApB,KACA,EAAoDX,oBAAS,GAA7D,mBAAOiE,EAAP,KAA2BC,EAA3B,KACA,EAA0ClE,oBAAS,GAAnD,mBAAOmE,EAAP,KAAsBC,EAAtB,KAEM5C,EAAa,WACf,IAAIC,GAAW,EAE2B,GAAtCsC,EAAmBD,SAASpC,SAC5BD,GAAW,EACXhB,GAAa,IAGZ4D,YAAmBN,EAAmB9D,eACvCwB,GAAW,EACXd,GAAe,SAGqBW,GAApCyC,EAAmBzF,gBACnBmD,GAAW,EACXyC,GAAsB,IAGgB,GAAtCH,EAAmBxF,SAASmD,SAC5BD,GAAW,EACX2C,GAAiB,IAGjB3C,GAGJE,EAAU2C,yBACNP,EAAmBD,SACnBC,EAAmB9D,YACnB8D,EAAmBzF,cAAgBiG,WACnCR,EAAmBxF,UAElBuD,MAAK,SAAA/E,GACFwD,GAAoB,MAEvBwB,OAAM,SAAC9E,QA6NhB,OACI,YAACiE,EAAA,EAAD,CAAWvC,MAAO,CAAEwC,UAAW,GAAI5B,aAAc,GAAIyC,cAAe,SAAUhD,QAAS,OAAQiD,WAAY,WACvG,mBAAKtD,MAAO,CAAEW,MAAO,OAAQ4C,SAAU,IAAKnD,OAAQ,OAAQQ,aAAc,IACrE4C,IAAK,mFAEV,mBAAKxD,MAAO,CAAiByC,SAAU,GAAIC,UAAW,SAAUa,SAAU,MAA1E,4GAIA,YAACE,EAAA,EAAD,CAAMzD,MAAO,CAAEwC,UAAW,KACtB,YAACkB,EAAA,EAAD,CAAU1D,MAAO,CAAEK,QAAS,OAAQgD,cAAe,WAC9C5B,EAhNN,mBAAKzB,MAAO,CAAEQ,QAAS,GAAI6C,cAAe,SAAUhD,QAAS,OAAQiD,WAAY,WACpF,mBAAKtD,MAAO,CAAEyC,SAAU,GAAIkB,WAAY,SAAxC,qCAIA,mBAAK3D,MAAO,CAAEyC,SAAU,GAAID,UAAW,IAAvC,iEA8MY,YAAC,WAAD,KACKb,EAtOd,mBAAK3B,MAAO,CAAEQ,QAAS,GAAI6C,cAAe,SAAUhD,QAAS,OAAQiD,WAAY,WACpF,YAAC,IAAD,CAAiBM,KAAM,GAAIC,MAAOhE,EAAmBG,MAAO,CAAEI,OAAQ,UAEtE,mBAAKJ,MAAO,CAAEyC,SAAU,GAAIkB,WAAY,OAAQnB,UAAW,KAA3D,YAQA,mBAAKxC,MAAO,CAAEyC,SAAU,GAAID,UAAW,IAAvC,+CAmBG,YAAC,WAAD,KACH,mBAAKxC,MAAO,CAAEwC,UAAW,GAAI5B,aAAc,GAAI6B,SAAU,GAAIC,UAAW,SAAUiB,WAAY,OAAQJ,SAAU,MAAhH,qCACsC,gCADtC,0CAIA,mBAAKxD,UAAU,kBAKX,qBACII,IAAKA,YAAI,CAAEQ,MAAO,IAAKH,QAAS,EAAGI,aAAc,EAAGH,aAAc,IAClEkE,YAAa,kBACbN,KAAM,OACNO,MAAOQ,EAAmBD,SAC1BN,SAAU,YAA4B,IAAfD,EAAc,EAAxBE,OAAUF,MACnB9C,GAAa,GAEbuD,GAAsB,SAAAd,GAAS,kCACxBA,GADwB,IAE3BY,SAAUP,UAKrB/C,GACG,mBAAK7B,MAAO,CAAE6D,MAAO,MAAOpB,SAAU,GAAID,WAAY,EAAG5B,aAAc,IAAvE,+BAKJ,mBACIT,IAAKA,YAAI,CAAqCF,gBAAiB,QAASW,aAAc,KAEtF,YAAC,IAAD,CACIiF,eAAgB,KAChBC,QAAS,KACTlB,MAAOQ,EAAmB9D,YAC1BuD,SAAU,SAACD,GACP5C,GAAe,GAEfqD,GAAsB,SAAAd,GAAS,kCACxBA,GADwB,IAE3BjD,YAAasD,QAGrBD,YAAa,sBACbxE,IAAK,CACD,UAAY,CACRK,QAAS,EACTC,aAAc,EACdE,MAAO,IACPoF,YAAa,cAmB5BhE,GACG,mBAAK/B,MAAO,CAAE6D,MAAO,MAAOpB,SAAU,GAAID,WAAY,EAAG5B,aAAc,IAAvE,2CA6BJ,qBACIT,IAAKA,YAAI,CAAEQ,MAAO,IAAKH,QAAS,EAAGI,aAAc,EAAGH,aAAc,IAClEkE,YAAa,kBACbN,KAAM,OACNO,MAAOQ,EAAmBxF,SAC1BiF,SAAU,YAA4B,IAAfD,EAAc,EAAxBE,OAAUF,MACnBa,GAAiB,GACjBJ,GAAsB,SAAAd,GAAS,kCACxBA,GADwB,IAE3B3E,SAAUgF,UAKrBY,GACG,mBAAKxF,MAAO,CAAE6D,MAAO,MAAOpB,SAAU,GAAID,WAAY,EAAG5B,aAAc,IAAvE,mCAKJ,YAACoF,EAAA,EAAD,CAAsB7F,IAAK,CAACS,aAAc,IACtC,YAACqF,EAAA,EAAD,CAAgBC,OAAK,GAEbd,EAAmBzF,cACfoF,EAAYoB,MAAK,SAAAC,GAAC,OAAIA,EAAEpB,MAAQI,EAAmBzF,iBAAgByE,KACjE,qBAGd,YAACiC,EAAA,EAAD,KACMtB,EAAYuB,KAAI,SAACC,GAAD,OACd,YAACC,EAAA,EAAD,CAAcxB,IAAKuB,EAAMvB,IAAKV,QAAS,WACnCiB,GAAsB,GACtBF,GAAsB,SAAAd,GAAS,kCACxBA,GADwB,IAE3B5E,cAAe4G,EAAMvB,WAGxBuB,EAAMnC,WAMtBkB,GACG,mBAAKtF,MAAO,CAAE6D,MAAO,MAAOpB,SAAU,GAAID,WAAY,EAAG5B,aAAc,IAAvE,wBAMR,sBACIb,UAAU,kBACVsE,KAAK,SACLC,QAASzB,EACT1C,IAAKA,YAAI,CACLqC,UAAW,GACX5B,aAAc,EACdX,gBAAiB,UACjB4D,MAAO,UACPpB,SAAU,GACVkB,WAAY,UAVpB,kB,QCxRC8C,EAAUC,IAAOC,IAAI,CAC9BtG,QAAS,OACTgD,cAAe,SACfC,WAAY,SACZY,eAAgB,WAGP0C,EAAOF,IAAOC,IAAI,CAC3BtG,QAAS,OACTgD,cAAe,MACfC,WAAY,SACZY,eAAgB,WA6BP2C,GA1BYH,IAAOC,IAAI,CAChClE,SAAU,GACVC,UAAW,WAwBW,SAACoE,GACvB,MAA2B,OAAvBA,EAAMnH,eACiB,OAAvBmH,EAAMnH,cACC,KAGJ,mBAAKQ,IAAK,CAAEQ,MAAO,OAAQV,gBAAiB8G,EAAcD,EAAMnH,eAAgB+C,UAAW,WAC9F,mBACIc,IAAKwD,EAAYF,EAAMnH,eACvBQ,IAAK,CACD8G,UAAW,UACX1D,SAAU,OACV2D,UAAW,UAMrBF,EAAc,SAACrH,GACjB,MAAqB,OAAjBA,EACO,yBACiB,OAAjBA,EACA,0BADJ,GAKLoH,EAAgB,SAACpH,GACnB,MAAqB,OAAjBA,EACO,UACiB,OAAjBA,EACA,eADJ,GCzDLwH,EAAYhH,YAAI,CAClB8G,UAAW,UACXvG,OAAQ,GACRN,OAAQ,WACR,UAAW,CACPgH,OAAQ,aAqSDvG,eAjSO,WAClB,IAAMC,EAAaC,qBAAWC,IACxBC,EAAWF,qBAAWG,IAEtBjC,EAAemC,cAAfnC,WAEN,EAA8CoC,oBAAS,GAAvD,mBAAOgG,EAAP,KAAwBC,EAAxB,KACA,EAAsDjG,oBAAS,GAA/D,mBAAOiB,EAAP,KAA4BiF,EAA5B,KACA,EAAwClG,wBAA4BsB,GAApE,mBAAO6E,EAAP,KAAqBC,EAArB,KACA,EAA8CpG,oBAAS,GAAvD,mBAAOqG,EAAP,KAAwBC,EAAxB,KACA,EAA0CtG,wBAA+CsB,GAAzF,mBAAOiF,EAAP,KAAsBC,EAAtB,KAEMC,EAAe,SAACC,GAAsD,IAA/BC,EAA8B,wDACvE,OACI,YAACvB,EAAD,CAAStG,IAAK,CACVsC,SAAU,GACVC,UAAW,SACXlC,QAAS,GACTG,MAAO,OACPsH,WAAY,OACZC,WAAY,2BACZvE,WAAY,MAEXoE,EAEAC,GACG,mBAAK7H,IAAK,CACNqC,UAAW,GACX7B,MAAO,KAEN6C,IAAK,qBAoE1BrB,qBAAU,WACNlB,EAASmB,iBAAmB,kBAE5BY,EAAUmF,iBAAiBlJ,GACtBkE,MAAK,SAACiF,GACHb,GAAuB,GACvB,IAAMnJ,EAAWgK,EAAMC,KAEvBvH,EAAW8B,MAAQxE,EAASkK,KAAKd,aACjC1G,EAAWwB,qBAAsB,EAEN,aAAvBlE,EAASmK,WAA0BjB,GAAmB,GACtDlJ,EAASoK,SAASf,EAAgBrJ,EAASkK,KAAKd,iBAEvDpE,OAAM,SAACqF,OACJlB,GAAuB,KAChC,IAEH,IAAMmB,EAAsB,SAACC,GACzB3F,EAAU4F,wBAAwB3J,EAAY0J,GACzCxF,MAAK,SAAC/E,GACaA,EAASiK,KAAKG,UAI9Bb,GAAmB,GACnBE,EAAiBc,OAGpBvF,OAAM,gBA4Ff,OACI,mBACIjD,IAAKA,YAAI,CACL0I,UAAW,QACXlI,MAAO,OACP0C,cAAe,SACfhD,QAAS,OACTiD,WAAY,SACZY,eAAgB,gBAChB4E,WAAY,MAEhB,mBACI3I,IAAKA,YAAI,CACL8G,UAAW,UACX1D,SAAU,SAEdC,IAAK,qBAzCc,WAAoB,IAAD,EAC1CuF,EAAQ,UAAGjI,EAAW8B,aAAd,aAAG,EAAkBoG,qBAC5BC,MAAM,aACN3C,KAAI,SAAC4C,GACF,OAAO,mBAAKlJ,MAAO,CACf6I,UAAW,GACXZ,WAAY,OACZvF,UAAW,SACXa,SAAU,SAET2F,MAIb,OAAO,mBAAKlJ,MAAO,CACfwC,UAAW,GACX5B,aAAc,GACd6B,SAAU,GACVyF,WAAY,2BACZvE,WAAY,MAEXoF,GAuBAI,GAED,mBAAKnJ,MAAO,CACRyC,SAAU,GACVC,UAAW,SACXa,SAAU,OACV0E,WAAY,OACZC,WAAY,2BACZvE,WAAY,IACZE,MAAO,UAPX,oBAYA,mBAAK7D,MAAO,CAAEwC,UAAW,GAAI5B,aAAc,GAAI2C,SAAU,SAjGxDjB,EAMD+E,EAAwB,YAAC5D,EAAA,EAAD,CAAMzD,MAAO,CAAEwC,UAAW,GAAI5B,aAAc,GAAI2C,SAAU,SAClF,YAACG,EAAA,EAAD,CAAU1D,MAAO,CAAEK,QAAS,OAAQgD,cAAe,WAC9CyE,EACG,YAAC,WAAD,KACI,sCACA,yCACA,oDAEN,KAILN,EAYDE,EAAwB,YAACjE,EAAA,EAAD,CAAMzD,MAAO,CAAEwC,UAAW,GAAI5B,aAAc,GAAI2C,SAAU,SAClF,YAACG,EAAA,EAAD,CAAU1D,MAAO,CAAEK,QAAS,OAAQgD,cAAe,WApJjC,OAAlBuE,GAuByB,WAAlBA,EArBH,YAACnB,EAAD,CAAStG,IAAK,CACVsC,SAAU,GACVC,UAAW,SACXlC,QAAS,GACTG,MAAO,OACPsH,WAAY,OACZC,WAAY,2BACZvE,WAAY,MAEZ,sCACA,yCACA,0CAEA,mBAAKxD,IAAK,CACNqC,UAAW,GACX7B,MAAO,KAEP6C,IAAK,yBAId,IAsEA,YAACiD,EAAD,KACH,YAACG,EAAD,KACI,mBACIzG,IAAKgH,EACL7C,QAAS,kBAAMoE,EAAoB,OACnClF,IAAK,sBAGT,mBACIrD,IAAKgH,EACL7C,QAAS,kBAAMoE,EAAoB,WACnClF,IAAK,6BA+BS,YAACC,EAAA,EAAD,CAAMzD,MAAO,CAAEwC,UAAW,GAAI5B,aAAc,GAAI2C,SAAU,SAChF,YAACG,EAAA,EAAD,CAAU1D,MAAO,CAAEK,QAAS,OAAQgD,cAAe,WAC9CyE,EACG,YAAC,WAAD,KACI,kCACA,wCACA,yDAEN,KA1BuB,YAACrE,EAAA,EAAD,CAAMzD,MAAO,CAAEwC,UAAW,GAAI5B,aAAc,GAAI2C,SAAU,SACvF,YAACG,EAAA,EAAD,CAAU1D,MAAO,CAAEK,QAAS,OAAQgD,cAAe,WAnEnD,YAACd,EAAA,EAAD,CAAWvC,MAAO,CAAEwC,UAAW,GAAI5B,aAAc,KAC7C,mBAAKZ,MAAO,CAAEyC,SAAU,GAAIC,UAAW,SAAU9B,aAAc,KAA/D,cAGA,YAAC,EAAD,UAmKJ,mBAAKT,IAAKA,YAAI,CACViJ,WAAY,QACZzI,MAAO,OACP0C,cAAe,SACfa,eAAgB,SAChBZ,WAAY,SACZ+F,cAAe,MAEf,mBACIlJ,IAAKA,YAAI,CACLQ,MAAO,OACPN,QAAS,OACTgD,cAAe,SACfQ,MAAO,QACPK,eAAgB,SAChBZ,WAAY,SACZd,UAAW,GACX5B,aAAc,GACd6B,SAAU,GACVyF,WAAY,2BACZvE,WAAY,IACZsE,WAAY,UAEhB,2CACA,0CAGJ,YAAC,EAAD,CAAYtI,cAAa,OAAE6H,QAAF,IAAEA,OAAF,EAAEA,EAAc7H,qB,SC9S5C2J,G,OAAsBzI,aAAS,WAAO,IAAD,IACxCC,EAAaC,qBAAWC,IAmB9B,OACI,iCACI,cAACuI,EAAA,EAAD,CACIxJ,UAAU,+EACVyJ,OAAK,EACLxJ,MAAO,CAAEC,gBAAiB,aAH9B,SAKI,eAACsC,EAAA,EAAD,CAAWvC,MAAO,CAAEQ,QAAS,EAAGH,QAAS,OAAQgD,cAAe,UAAhE,UAEI,qBACIrD,MAAO,CAAEW,MAAO,IAChB6C,IAAG,UAAE1C,EAAW8B,aAAb,aAAE,EAAkB6G,oBAE3B,qBAAKzJ,MAAO,CAAEyC,SAAU,IAAxB,mBACK3B,EAAW8B,aADhB,aACK,EAAkB8G,yBCd5B7I,eAtBA,SAACiG,GACZ,IAAM7F,EAAWF,qBAAWG,IAE5B,OACI,cAAC,WAAD,UACmC,oBAA9BD,EAASmB,iBACN,qBAAKpC,MAAO,CAAE6I,UAAW,QAASO,WAAY,4CAA9C,SACKtC,EAAMiB,WAGX,eAAC,WAAD,WACI,cAAC,EAAD,IAEA,cAACxF,EAAA,EAAD,UACKuE,EAAMiB,mBCsPhBlH,GAxPGV,YAAI,CAClB8G,UAAW,UACXvG,OAAQ,GACRN,OAAQ,WACR,UAAW,CACPgH,OAAQ,aAmPDvG,aA/OO,WAClB,IAAMC,EAAaC,qBAAWC,IACxBC,EAAWF,qBAAWG,IAEtByI,EAAevI,cAAfuI,WAEN,EAAkCtI,oBAAS,GAA3C,mBAAOuI,EAAP,KAAkBC,EAAlB,KACA,EAAsDxI,oBAAS,GAA/D,mBAAOiB,EAAP,KAA4BiF,EAA5B,KACA,EAAwClG,wBAA4BsB,GAApE,mBAAO6E,EAAP,KAAqBC,EAArB,KACA,EAA8CpG,oBAAS,GAAvD,mBAAOqG,EAAP,KAAwBC,EAAxB,KA6DAxF,qBAAU,WACNlB,EAASmB,iBAAmB,mBAE5BY,EAAU8G,cAAcH,GACnBxG,MAAK,SAACiF,GACHb,GAAuB,GACvB,IAAMnJ,EAAWgK,EAAMC,KAEvBvH,EAAW8B,MAAQxE,EAASkK,KAAKd,aACjC1G,EAAWwB,qBAAsB,EAG7BlE,EAASoK,SAASf,EAAgBrJ,EAASkK,KAAKd,iBAEvDpE,OAAM,SAACqF,OACJlB,GAAuB,KAChC,IAEH,IAAMwC,EAAW,WACb/G,EAAUgH,qBAAqBL,GAC1BxG,MAAK,SAAC/E,GACaA,EAASiK,KAAKG,SAI9Bb,GAAmB,MAGtBvE,OAAM,gBAuFf,OACI,mBACIjD,IAAKA,YAAI,CACL0I,UAAW,QACXlI,MAAO,OACP0C,cAAe,SACfhD,QAAS,OACTiD,WAAY,SACZY,eAAgB,gBAChB4E,WAAY,MAEhB,mBACI3I,IAAKA,YAAI,CACL8G,UAAW,UACX1D,SAAU,SAEdC,IAAK,mFA3CRlB,EAMAkF,EAYDE,EAAwB,YAACjE,EAAA,EAAD,CAAMzD,MAAO,CAAEwC,UAAW,GAAI5B,aAAc,GAAI2C,SAAU,SAClF,YAACG,EAAA,EAAD,CAAU1D,MAAO,CAAEK,QAAS,OAAQgD,cAAe,WA3InD,YAACoD,EAAD,CAAStG,IAAK,CACVsC,SAAU,GACVC,UAAW,SACXlC,QAAS,GACTG,MAAO,OACPsH,WAAY,OACZC,WAAY,2BACZvE,WAAY,MAEZ,4DAEA,mBAAKxD,IAAK,CACNqC,UAAW,GACX7B,MAAO,KAEP6C,IAAK,sBAiDV,YAAC,WAAD,KACH,mBAAKxD,MAAO,CACRwC,UAAW,GACX5B,aAAc,GACd6B,SAAU,GACVyF,WAAY,2BACZvE,WAAY,IACZjB,UAAW,WANf,uDAWCkH,EACG,mBAAK5J,MAAO,CAAEwC,UAAW,GAAI5B,aAAc,GAAI2C,SAAU,SACrD,sBACIxD,UAAU,kBACVsE,KAAK,SACLC,QAASyF,EACT5J,IAAKA,YAAI,CACLqC,UAAW,GACX5B,aAAc,EACdX,gBAAiB,MACjB4D,MAAO,QACPpB,SAAU,GACVkB,WAAY,UAVpB,YAiBJ,YAACI,EAAA,EAAD,CACIE,OAAK,EACLjE,MAAO,CAAEK,QAAS,OAAQgD,cAAe,iBAAkBa,eAAgB,SAAUtD,aAAc,GAAI4B,UAAW,KAElH,YAAC2B,EAAA,EAAD,CACInE,MAAO,CAAEW,MAAO,IAChByD,KAAK,SACLC,KAAK,QACLC,QAAS,WACLuF,GAAa,MAGpB,IACD,YAACrF,EAAA,EAAD,CACIxE,MAAO,CAAEyE,WAAY,IACrBR,OAAK,GAFT,mBAkBc,YAACR,EAAA,EAAD,CAAMzD,MAAO,CAAEwC,UAAW,GAAI5B,aAAc,GAAI2C,SAAU,SAChF,YAACG,EAAA,EAAD,CAAU1D,MAAO,CAAEK,QAAS,OAAQgD,cAAe,WA1JtC,SAAC0E,GAAsD,IAA/BC,EAA8B,wDACvE,OACI,YAACvB,EAAD,CAAStG,IAAK,CACVsC,SAAU,GACVC,UAAW,SACXlC,QAAS,GACTG,MAAO,OACPsH,WAAY,OACZC,WAAY,2BACZvE,WAAY,MAEXoE,EAEAC,GACG,mBAAK7H,IAAK,CACNqC,UAAW,GACX7B,MAAO,KAEN6C,IAAK,oBAyIbsE,CACG,YAAC,WAAD,KACI,kCACA,wCACA,yDAEN,KAduB,YAACrE,EAAA,EAAD,CAAMzD,MAAO,CAAEwC,UAAW,GAAI5B,aAAc,GAAI2C,SAAU,SACvF,YAACG,EAAA,EAAD,CAAU1D,MAAO,CAAEK,QAAS,OAAQgD,cAAe,WAlGnD,YAACd,EAAA,EAAD,CAAWvC,MAAO,CAAEwC,UAAW,GAAI5B,aAAc,KAC7C,mBAAKZ,MAAO,CAAEyC,SAAU,GAAIC,UAAW,SAAU9B,aAAc,KAA/D,cAGA,YAAC,EAAD,SA6IJ,mBAAKT,IAAKA,YAAI,CACViJ,WAAY,QACZzI,MAAO,OACP0C,cAAe,SACfa,eAAgB,SAChBZ,WAAY,SACZ+F,cAAe,MAEf,mBACIlJ,IAAKA,YAAI,CACLQ,MAAO,OACPN,QAAS,OACTgD,cAAe,SACfQ,MAAO,QACPK,eAAgB,SAChBZ,WAAY,SACZd,UAAW,GACX5B,aAAc,GACd6B,SAAU,GACVyF,WAAY,2BACZvE,WAAY,IACZsE,WAAY,UAEhB,2CACA,0CAGJ,YAAC,EAAD,CAAYtI,cAAa,OAAE6H,QAAF,IAAEA,OAAF,EAAEA,EAAc7H,sBC5P5CsK,EAAM,WACf,OACI,cAAC,EAAD,UACI,eAAC,IAAD,WACI,cAAC,IAAD,CAAOC,OAAK,EAACC,KAAK,gBAAgBC,UAAWnF,IAC7C,cAAC,IAAD,CAAOiF,OAAK,EAACC,KAAK,gBAAgBC,UAAWlK,IAC7C,cAAC,IAAD,CAAOgK,OAAK,EAACC,KAAK,iBAAiBC,UAAWC,IAC9C,cAAC,IAAD,CAAOH,OAAK,EAACC,KAAK,aAAaC,UAAWlK,IAC1C,cAAC,IAAD,CAAOgK,OAAK,EAACC,KAAK,mBAAmBC,UAAWE,U,gBC4DnDvM,GAAY,I,aAxBrB,aAAe,IAAD,gCAHd6E,WAAgBD,EAGF,KAFdL,qBAAsB,EAER,KAQdD,cAAgB,SAACvD,GACbkE,EAAUuH,gBAAgBzL,GACrBqE,MAAK,SAACiF,GACH,IAAMhK,EAAWgK,EAAMC,KAEvBmC,cAAY,WACR,EAAKlI,qBAAsB,EAC3B,EAAKM,MAAQxE,EAASoJ,mBAG7BpE,OAAM,SAAA9E,GACH,EAAKgE,qBAAsB,MAlBnCmI,aAAmBxM,M,4CAGvB,WAA4B,IAAD,EACvB,iBAAOA,KAAK2E,aAAZ,aAAO,EAAYxD,Y,2CADtBsL,M,0EC5CQzJ,GAAW,IALpB,aAAe,yBAFfmB,sBAAkCO,EAG9B8H,aAAmBxM,OCIrB0M,GAAUC,SAASC,qBAAqB,QAAQ,GAAGC,aAAa,QAChEC,GAAcH,SAASI,eAAe,QAE/BhK,GAAYiK,wBAAyBlN,IACrCmD,GAAW+J,wBAAwBhK,IAEnCjD,GAEH,uCAKVgF,EAAUkI,KAAKlN,GAAYD,IAE3BoN,IAASC,OACL,cAAClK,GAASmK,SAAV,CAAmBzG,MAAO3D,GAA1B,SACI,cAACD,GAAUqK,SAAX,CAAoBzG,MAAO7G,GAA3B,SACI,cAAC,IAAD,CAAeuN,SAAUX,GAAzB,SACI,cAAC,EAAD,UAKZI,K","file":"static/js/main.5911d62c.chunk.js","sourcesContent":["import axios, {AxiosResponse, CancelToken, CancelTokenSource} from 'axios';\r\nimport UserStore from \"./store/UserStore\";\r\nimport Axios from \"axios\";\r\nimport UserState, {BaseApiResponse, CheckMessageResponseType, Venue} from \"./state/UserState\";\r\nimport {LoadUserQuestionResponse} from \"./rest/LoadUserQuestionResponse\";\r\n\r\nclass ApiClient {\r\n    // userStore = UserStore;\r\n    userState!: UserState;\r\n    apiBaseUrl!: string;\r\n    \r\n    init(apiBaseUrl: string, userState: UserState) {\r\n        this.userState = userState;\r\n        this.apiBaseUrl = apiBaseUrl;\r\n        \r\n        // Catch all 401/403 and force a user logout\r\n        Axios.interceptors.response.use(response => {\r\n            // Do something with response data\r\n            return response;\r\n        }, error => {\r\n            if (401 === error.response.status || 403 === error.response.status) {\r\n                console.log('FOUND 401 STATUS')\r\n                // userState.logout();\r\n            } else {\r\n                return Promise.reject(error);\r\n            }\r\n        });\r\n        \r\n        Axios.defaults.withCredentials = true;\r\n    }\r\n\r\n    getVenueSummary(venueTag: string) {\r\n        const url = `${this.apiBaseUrl}/v1/qrweb/public/venue/${venueTag}/summary`;\r\n\r\n        return Axios.get<LoadUserQuestionResponse>(url);\r\n    }\r\n    \r\n    loadUserQuestion(checkToken: string) {\r\n        const url = `${this.apiBaseUrl}/v1/qrweb/public/user-check-token`;\r\n        \r\n        return Axios.post<BaseApiResponse<LoadUserQuestionResponse>>(url, { checkToken });\r\n    }    \r\n    \r\n    loadSmsOptOut(smsOptOutHash: string) {\r\n        const url = `${this.apiBaseUrl}/v1/qrweb/public/sms-opt-out`;\r\n        \r\n        return Axios.post<BaseApiResponse<LoadUserQuestionResponse>>(url, { smsOptOutHash });\r\n    }\r\n\r\n    setSmsOptOutResponse(smsOptOutHash: string) {\r\n        const url = `${this.apiBaseUrl}/v1/qrweb/public/sms-opt-out/response`;\r\n\r\n        return Axios.post<BaseApiResponse<void>>(url, { smsOptOutHash });\r\n    }\r\n    \r\n    setUserQuestionResponse(checkToken: string, response: CheckMessageResponseType) {\r\n        const url = `${this.apiBaseUrl}/v1/qrweb/public/user-check-token/response`;\r\n        \r\n        return Axios.post<BaseApiResponse<void>>(url, { checkToken, response });\r\n    }\r\n    \r\n    createHelpRequest(venueId: number, firstName: string, lastName: string, mobileNumber: string, emailAddress: string, helpKind: string) {\r\n        const url = `${this.apiBaseUrl}/v1/qrweb/public/help-request/web`;\r\n\r\n        return Axios.post(url, {\r\n            venueId,\r\n            firstName,\r\n            lastName,\r\n            mobileNumber,\r\n            emailAddress,\r\n            helpKind\r\n        });\r\n    }    \r\n    \r\n    createPresentationSignup(fullname: string, mobileNumber: string, stateLocation: string, clubName: string) {\r\n        const url = `${this.apiBaseUrl}/v1/qrweb/public/presentation-signup`;\r\n\r\n        return Axios.post(url, {\r\n            fullname,\r\n            mobileNumber,\r\n            stateLocation,\r\n            clubName\r\n        });\r\n    }\r\n}\r\n\r\nexport default new ApiClient();","\r\nexport const Colors = {\r\n    PrimaryGold: '#CDAC3D',\r\n    GoldStrong: 'goldenrod',\r\n    GoldMediumStrong: '#D8A626',\r\n    GoldMediumWeak: '#E1B439',\r\n    GoldMedium: '#f6d365',\r\n    \r\n    DarkerGrey: '#222222',\r\n    DarkGrey: '#343A40',\r\n    \r\n    LightGrey: 'lightgrey',\r\n    VeryLightGrey: '#EAEAEA',\r\n    \r\n    BlueMatte: '#3494D5',\r\n    RedMatte: '#E24A3B',\r\n    GreenMatte: '#2CC66D',\r\n    \r\n    White: '#FFFFFFFF',\r\n    \r\n    LiteralCssGold: 'gold',\r\n    \r\n    LegoYellow: '#FFCF00',\r\n    LegoBlack: '#000000',\r\n    LegoDark: '#2c2c2c'\r\n};","import * as React from \"react\";\r\n\r\nexport const BallLoader = () => {\r\n    return <div className=\"ball-pulse\">\r\n        <div></div>\r\n        <div></div>\r\n        <div></div>\r\n    </div>\r\n};\r\n\r\nexport const GoldBallLoader = () => {\r\n    return <div className=\"ball-pulse flex-cen-horizontal\">\r\n        <div style={{backgroundColor: '#CDAC3D'}}></div>\r\n        <div style={{backgroundColor: '#CDAC3D'}}></div>\r\n        <div style={{backgroundColor: '#CDAC3D'}}></div>\r\n    </div>\r\n};","/** @jsxRuntime classic */\r\n/** @jsx jsx */\r\nimport { css, jsx } from '@emotion/core';\r\nimport React, {Component, useContext, useEffect, useState, Fragment} from 'react';\r\nimport { observer, useLocalObservable } from 'mobx-react';\r\nimport {AppStore, UserStore} from \"../../index\";\r\nimport {useHistory, useParams} from \"react-router\";\r\nimport {reaction, when} from \"mobx\";\r\nimport {userState} from \"../../state/UserState\";\r\nimport {\r\n    Card,\r\n    CardBody,\r\n    CardColumns,\r\n    CardHeader,\r\n    CardSubtitle,\r\n    CardText,\r\n    CardTitle,\r\n    Container, Form,\r\n    FormGroup, Input, Label\r\n} from \"reactstrap\";\r\nimport ReactModal from 'react-modal';\r\nimport ApiClient from \"../../ApiClient\";\r\nimport {Colors} from \"../../Theme\";\r\nimport {Columns, secondsSinceToTimestamp} from \"../UiKit\";\r\nimport {CheckCircleFill, XCircleFill} from \"react-bootstrap-icons\";\r\nimport {BallLoader, GoldBallLoader} from \"../ui/Loading\";\r\n\r\nlet buttonCss = css({\r\n    margin: 'auto',\r\n    display: 'block',\r\n    backgroundColor: Colors.LegoDark,\r\n    borderColor: Colors.LegoDark\r\n});\r\n\r\nlet borderCss = css({\r\n    border: '1px solid lightgrey',\r\n    padding: 8,\r\n    margin: 4,\r\n    borderRadius: 12\r\n});\r\n\r\nlet buttonLightCss = css({\r\n    margin: 'auto',\r\n    display: 'block',\r\n    backgroundColor: Colors.LightGrey,\r\n    borderColor: Colors.LightGrey\r\n});\r\n\r\nlet buttonStyle = {\r\n    margin: 'auto',\r\n    display: 'block',\r\n    backgroundColor: Colors.LegoDark,\r\n    borderColor: Colors.LegoDark,\r\n    marginRight: 12\r\n};\r\n\r\nlet countCircleCss = css({\r\n    backgroundColor: 'lightgray',\r\n    borderRadius: '50%',\r\n    height: 100,\r\n    width: 100,\r\n    marginBottom: 6\r\n});\r\n\r\nlet modalStyle = {\r\n    content: {\r\n        top: '20%',\r\n        left: '20%',\r\n        right: '20%',\r\n        bottom: '20%',\r\n        overscrollBehavior: 'contain'\r\n    }\r\n};\r\n\r\nexport const Home = observer(() => {\r\n    const venueStore = useContext(UserStore);\r\n    const appState = useContext(AppStore);\r\n    const history = useHistory();\r\n    let { venueTag } = useParams();\r\n        \r\n    const helpRequestInitialState = {\r\n        firstName: \"\",\r\n        lastName: \"\",\r\n        phoneNumber: \"\",\r\n        emailAddress: \"\",\r\n        helpKind: \"\"\r\n    };\r\n    \r\n    const [helpRequest, setHelpRequest] = useState(helpRequestInitialState);\r\n    const [cancelRequest, setCancelRequest] = useState(false);\r\n    const [submittedRequest, setSubmittedRequest] = useState(false);\r\n\r\n    const [nameError, setNameError] = useState(false);\r\n    const [mobileError, setMobileError] = useState(false);\r\n    const [helpKindError, setHelpKindError] = useState(false);\r\n    \r\n    useEffect(() => {\r\n        appState.currentPageRoute = 'HOME';\r\n        venueStore.loadVenueData(venueTag);\r\n    }, [])\r\n    \r\n    if (!venueStore.loadRequestComplete) {\r\n        return (\r\n            <Container style={{ marginTop: 24, marginBottom: 24 }}>\r\n                <div style={{ fontSize: 26, textAlign: 'center', marginBottom: 16 }}>\r\n                    Loading Form...\r\n                </div>\r\n                <GoldBallLoader />\r\n            </Container>\r\n        )\r\n    }\r\n    \r\n    if (venueTag == undefined || venueStore.venue == undefined) {\r\n        return (\r\n            <Container style={{ marginTop: 24, marginBottom: 24 }}>\r\n                <div style={{ fontSize: 26, textAlign: 'center', marginBottom: 16 }}>\r\n                    Venue was not found\r\n                </div>\r\n            </Container>\r\n        )\r\n    }\r\n    \r\n    const submitHelp = () => {\r\n        let hasError = false;\r\n\r\n        if (helpRequest.firstName.length == 0) {\r\n            hasError = true;\r\n            setNameError(true);\r\n        }\r\n\r\n        if (helpRequest.phoneNumber.length < 10) {\r\n            hasError = true;\r\n            setMobileError(true);\r\n        }\r\n\r\n        if (helpRequest.helpKind.length == 0) {\r\n            hasError = true;\r\n            setHelpKindError(true);\r\n        }\r\n        \r\n        if (hasError)\r\n            return;\r\n        \r\n        ApiClient.createHelpRequest(\r\n            venueStore.getVenueId!!,\r\n            helpRequest.firstName,\r\n            helpRequest.lastName,\r\n            helpRequest.phoneNumber,\r\n            helpRequest.emailAddress,\r\n            helpRequest.helpKind\r\n        )\r\n            .then(response => {\r\n                setSubmittedRequest(true);\r\n            })\r\n            .catch((error) => {\r\n                \r\n            });\r\n    };\r\n    \r\n    const submittedView = () => {\r\n        return <div style={{ padding: 32, flexDirection: 'column', display: 'flex', alignItems: 'center' }}>\r\n            <CheckCircleFill size={44} color={Colors.GreenMatte} style={{ margin: 'auto' }} />;\r\n            \r\n            <div style={{ fontSize: 22, fontWeight: \"bold\" }}>\r\n                Success!\r\n            </div>\r\n\r\n            <div style={{ fontSize: 18, marginTop: 8 }}>\r\n                We're received your request... keep your mobile on hand.\r\n            </div>\r\n            \r\n            <div style={{ fontSize: 18, marginTop: 8 }}>\r\n                Someone will be in touch with you shortly.\r\n            </div>\r\n        </div>\r\n    }\r\n\r\n    const cancelledView = () => {\r\n        return <div style={{ padding: 32, flexDirection: 'column', display: 'flex', alignItems: 'center' }}>\r\n            <div style={{ fontSize: 22, fontWeight: \"bold\" }}>\r\n                We've cancelled your Help Request\r\n            </div>\r\n\r\n            <div style={{ fontSize: 18, marginTop: 8 }}>\r\n                If you ever need help or assistance, please check back here.\r\n            </div>\r\n        </div>\r\n    }\r\n    \r\n    const normalView = () => {\r\n        return <Fragment>\r\n            <Form>\r\n                <FormGroup tag=\"fieldset\" style={{ margin: 0 }}>\r\n                    <legend style={{ textAlign: 'center' }}>\r\n                        How can we help you?\r\n                    </legend>\r\n                    \r\n                    <FormGroup\r\n                        check\r\n                        style={{ display: 'flex', flexDirection: 'column-reverse', justifyContent: 'center', marginBottom: 12, marginTop: 18 }}\r\n                    >\r\n                        <Input\r\n                            style={{ width: 54 }}\r\n                            name=\"radio1\"\r\n                            type=\"radio\"\r\n                            onClick={() => {\r\n                                setHelpKindError(false);\r\n                                setHelpRequest(prevState => ({\r\n                                    ...prevState,\r\n                                    helpKind: \"Mental Health\"\r\n                                }))\r\n                            }}\r\n                        />\r\n                        {' '}\r\n                        <Label\r\n                            style={{ marginLeft: 36 }}\r\n                            check\r\n                        >\r\n                            Mental Health\r\n                        </Label>\r\n                    </FormGroup>\r\n                    \r\n                    <FormGroup\r\n                        check\r\n                        style={{ display: 'flex', flexDirection: 'column-reverse', justifyContent: 'center', marginBottom: 12 }}\r\n                    >\r\n                        <Input\r\n                            style={{ width: 54 }}\r\n                            name=\"radio1\"\r\n                            type=\"radio\"\r\n                            onClick={() => {\r\n                                setHelpKindError(false);\r\n                                setHelpRequest(prevState => ({\r\n                                    ...prevState,\r\n                                    helpKind: \"Problem Gambling Support\"\r\n                                }))\r\n                            }}\r\n                        />\r\n                        {' '}\r\n                        <Label\r\n                            style={{ marginLeft: 36 }}\r\n                            check\r\n                        >\r\n                            Problem Gambling Support\r\n                        </Label>\r\n                    </FormGroup>\r\n\r\n                    <FormGroup\r\n                        check\r\n                        style={{ display: 'flex', flexDirection: 'column-reverse', justifyContent: 'center', marginBottom: 12 }}\r\n                    >\r\n                        <Input\r\n                            style={{ width: 54 }}\r\n                            name=\"radio1\"\r\n                            type=\"radio\"\r\n                            onClick={() => {\r\n                                setHelpKindError(false);\r\n                                setHelpRequest(prevState => ({\r\n                                    ...prevState,\r\n                                    helpKind: \"Stress\"\r\n                                }))\r\n                            }}\r\n                        />\r\n                        {' '}\r\n                        <Label\r\n                            style={{ marginLeft: 36 }}\r\n                            check\r\n                        >\r\n                            Stress\r\n                        </Label>\r\n                    </FormGroup>\r\n                    \r\n                    <FormGroup\r\n                        check\r\n                        style={{ display: 'flex', flexDirection: 'column-reverse', justifyContent: 'center', marginBottom: 12 }}\r\n                    >\r\n                        <Input\r\n                            style={{ width: 54 }}\r\n                            name=\"radio1\"\r\n                            type=\"radio\"\r\n                            onClick={() => {\r\n                                setHelpKindError(false);\r\n                                setHelpRequest(prevState => ({\r\n                                    ...prevState,\r\n                                    helpKind: \"Other\"\r\n                                }))\r\n                            }}\r\n                        />  \r\n                        {' '}\r\n                        <Label\r\n                            style={{ marginLeft: 36 }}\r\n                            check\r\n                        >\r\n                            Other\r\n                        </Label>\r\n                    </FormGroup>\r\n                    \r\n                    {helpKindError && (\r\n                        <div style={{ color: 'red', fontSize: 16, marginTop: 0, marginBottom: 8, textAlign: 'center' }}>\r\n                            Please select the kind of help your looking for\r\n                        </div>\r\n                    )}\r\n                </FormGroup>\r\n            </Form>\r\n            \r\n            <div style={{ marginTop: 20, marginBottom: 20, fontSize: 22, textAlign: 'center', fontWeight: 'bold' }}>\r\n                LET'S TALK ABOUT IT - GET THE SUPPORT YOU NEED TODAY\r\n            </div>\r\n            \r\n            <div className=\"flex-cen-stack\">\r\n                <CardText style={{ fontSize: '1.5rem', marginTop: 12 }}>\r\n                    Contact Details\r\n                </CardText>\r\n\r\n                <input\r\n                    css={css({ width: 360, padding: 6, marginBottom: 8, borderRadius: 8 })}\r\n                    placeholder={'Enter First Name'}\r\n                    type={'text'}\r\n                    value={helpRequest.firstName}\r\n                    onChange={({ target: { value } }) => {\r\n                        setNameError(false);\r\n                        setHelpRequest(prevState => ({\r\n                            ...prevState,\r\n                            firstName: value\r\n                        }))\r\n                    }}\r\n                />\r\n\r\n                {nameError && (\r\n                    <div style={{ color: 'red', fontSize: 16, marginTop: -8, marginBottom: 8 }}>\r\n                        Please enter your first name\r\n                    </div>\r\n                )}\r\n\r\n                <input\r\n                    css={css({ width: 360, padding: 6, marginBottom: 8, borderRadius: 8 })}\r\n                    placeholder={'Enter Last Name'}\r\n                    type={'text'}\r\n                    value={helpRequest.lastName}\r\n                    onChange={({ target: { value } }) => setHelpRequest(prevState => ({\r\n                        ...prevState,\r\n                        lastName: value\r\n                    }))}\r\n                />\r\n\r\n                <input\r\n                    css={css({ width: 360, padding: 6, marginBottom: 8, borderRadius: 8 })}\r\n                    placeholder={'Enter Mobile Number'}\r\n                    type={'text'}\r\n                    value={helpRequest.phoneNumber}\r\n                    onChange={({ target: { value } }) => {\r\n                        setMobileError(false);\r\n                        setHelpRequest(prevState => ({\r\n                            ...prevState,\r\n                            phoneNumber: value\r\n                        }))\r\n                    }}\r\n                />\r\n                \r\n                {mobileError && (\r\n                    <div style={{ color: 'red', fontSize: 16, marginTop: -8, marginBottom: 8 }}>\r\n                        Invalid mobile number, please try again\r\n                    </div>\r\n                )}\r\n            </div>\r\n            \r\n            <button\r\n                className=\"btn btn-primary\"\r\n                type=\"submit\"\r\n                onClick={submitHelp}\r\n                css={css({\r\n                    marginTop: 12,\r\n                    marginBottom: 6,\r\n                    backgroundColor: '#353637',\r\n                    color: '#EB462C',\r\n                    fontSize: 16,\r\n                    fontWeight: \"bold\"\r\n                })}\r\n            >\r\n                Submit\r\n            </button>\r\n\r\n            <button\r\n                className=\"btn btn-primary\"\r\n                type=\"submit\"\r\n                onClick={() => setCancelRequest(true)}\r\n                css={css({\r\n                    marginTop: 6,\r\n                    marginBottom: 12,\r\n                    backgroundColor: '#353637',\r\n                    color: '#EB462C',\r\n                    fontSize: 16,\r\n                    fontWeight: \"bold\"\r\n                })}\r\n            >\r\n                Cancel, I am Ok\r\n            </button>\r\n        </Fragment>\r\n    };\r\n\r\n    // https://stackoverflow.com/questions/46592833/how-to-use-switch-statement-inside-a-react-component\r\n    // const ContentRenderer = ({ status }) => {\r\n    //     const renderContent = React.useCallback(() => {\r\n    //         switch (status) {\r\n    //             case 'CONNECTING':\r\n    //                 return <p className=\"connecting\">Connecting...</p>;\r\n    //\r\n    //             case 'CONNECTED':\r\n    //                 return <p className=\"success\">Connected Successfully!</p>\r\n    //\r\n    //             default:\r\n    //                 return null;\r\n    //\r\n    //         }\r\n    //     }, [status]);\r\n\r\n    return (\r\n        <Container style={{ marginTop: 64, marginBottom: 24, flexDirection: 'column', display: 'flex', alignItems: 'center' }}>\r\n            <img style={{ width: '100%', maxWidth: 800, margin: 'auto', marginBottom: 44 }}\r\n                 src={\"https://ok2p-test-bucket.s3.ap-southeast-2.amazonaws.com/ok2play_logo_dark.png\"} />\r\n\r\n            <div style={{ margin: 8, fontSize: 20, textAlign: 'center' }}>\r\n                We are here to provide assistance to everyone who needs a little help.\r\n            </div>\r\n            \r\n            <Card style={{ marginTop: 18 }}>\r\n                <CardBody style={{ display: 'flex', flexDirection: 'column' }}>\r\n                    {cancelRequest ? (\r\n                        cancelledView()\r\n                    ) : (\r\n                        <Fragment>\r\n                            {submittedRequest ? (\r\n                                submittedView()\r\n                            ) : (\r\n                                normalView()\r\n                            )}\r\n                        </Fragment>\r\n                    )}\r\n                </CardBody>\r\n            </Card>\r\n        </Container>\r\n    );\r\n});\r\n","/** @jsxRuntime classic */\r\n/** @jsx jsx */\r\nimport { css, jsx } from '@emotion/core';\r\nimport React, {useContext, useState, Fragment} from 'react';\r\nimport { observer } from 'mobx-react';\r\nimport {UserStore} from \"../../index\";\r\nimport {\r\n    Card,\r\n    CardBody,\r\n    CardText,\r\n    Container, \r\n    DropdownItem, \r\n    DropdownMenu, \r\n    DropdownToggle, \r\n    UncontrolledDropdown\r\n} from \"reactstrap\";\r\nimport ApiClient from \"../../ApiClient\";\r\nimport {Colors} from \"../../Theme\";\r\nimport {CheckCircleFill} from \"react-bootstrap-icons\";\r\nimport PhoneInput, {isValidPhoneNumber, Value} from \"react-phone-number-input\";\r\n\r\nconst validStates = [\r\n    { name: 'New South Wales', key: 'NSW' },\r\n    { name: 'Victoria', key: 'VIC' },\r\n    { name: 'Queensland', key: 'QLD' },\r\n    { name: 'South Australia', key: 'SA' },\r\n    { name: 'Western Australia', key: 'WA' },\r\n    { name: 'Tasmania', key: 'TAS' },\r\n    // { name: 'Northern Territory', key: 'NT' },\r\n    // { name: 'Australian Capital Territory', key: 'ACT' },\r\n] as const\r\ntype StateTypes = typeof validStates[number]['key'] | undefined\r\n\r\n// const validStates = ['NSW', 'VIC', 'QLD', 'WA', 'SA', 'TAS', 'NT', 'ACT'] as const\r\n// export type StateTypes = (typeof validStates)[number] | undefined\r\n\r\n// export type StateTypes = undefined | 'NSW' | 'VIC' | 'QLD' | 'WA' | 'SA' | 'TAS';\r\n\r\nexport type PresentationFormType = {\r\n    fullName: string;\r\n    phoneNumber: string;\r\n    stateLocation: StateTypes;\r\n    clubName: string;\r\n};\r\n\r\nexport const PresentationForm = observer(() => {\r\n    const venueStore = useContext(UserStore);\r\n    \r\n    const presentationSignUpInitialState: PresentationFormType = {\r\n        fullName: \"\",\r\n        phoneNumber: \"\",\r\n        stateLocation: undefined,\r\n        clubName: \"\"\r\n    };\r\n    \r\n    const [presentationSignUp, setPresentationSignUp] = useState(presentationSignUpInitialState);\r\n    const [cancelRequest, setCancelRequest] = useState(false);\r\n    const [submittedRequest, setSubmittedRequest] = useState(false);\r\n\r\n    const [nameError, setNameError] = useState(false);\r\n    const [mobileError, setMobileError] = useState(false);\r\n    const [stateLocationError, setStateLocationError] = useState(false);\r\n    const [clubNameError, setClubNameError] = useState(false);\r\n\r\n    const submitHelp = () => {\r\n        let hasError = false;\r\n\r\n        if (presentationSignUp.fullName.length == 0) {\r\n            hasError = true;\r\n            setNameError(true);\r\n        }\r\n\r\n        if (!isValidPhoneNumber(presentationSignUp.phoneNumber)) {\r\n            hasError = true;\r\n            setMobileError(true);\r\n        }\r\n        \r\n        if (presentationSignUp.stateLocation == undefined) {\r\n            hasError = true;\r\n            setStateLocationError(true);\r\n        }\r\n        \r\n        if (presentationSignUp.clubName.length == 0) {\r\n            hasError = true;\r\n            setClubNameError(true);\r\n        }\r\n        \r\n        if (hasError)\r\n            return;\r\n        \r\n        ApiClient.createPresentationSignup(\r\n            presentationSignUp.fullName,\r\n            presentationSignUp.phoneNumber,\r\n            presentationSignUp.stateLocation!!.toString(),\r\n            presentationSignUp.clubName\r\n        )\r\n            .then(response => {\r\n                setSubmittedRequest(true);\r\n            })\r\n            .catch((error) => {\r\n                \r\n            });\r\n    };\r\n    \r\n    const submittedView = () => {\r\n        return <div style={{ padding: 32, flexDirection: 'column', display: 'flex', alignItems: 'center' }}>\r\n            <CheckCircleFill size={44} color={Colors.GreenMatte} style={{ margin: 'auto' }} />\r\n            \r\n            <div style={{ fontSize: 22, fontWeight: \"bold\", marginTop: 10 }}>\r\n                Success!\r\n            </div>\r\n\r\n            {/*<div style={{ fontSize: 18, marginTop: 8 }}>*/}\r\n            {/*    We're received your request... keep your mobile on hand.*/}\r\n            {/*</div>*/}\r\n            \r\n            <div style={{ fontSize: 18, marginTop: 8 }}>\r\n                Someone will be in touch with you shortly.\r\n            </div>\r\n        </div>\r\n    }\r\n\r\n    const cancelledView = () => {\r\n        return <div style={{ padding: 32, flexDirection: 'column', display: 'flex', alignItems: 'center' }}>\r\n            <div style={{ fontSize: 22, fontWeight: \"bold\" }}>\r\n                We've cancelled your Help Request\r\n            </div>\r\n\r\n            <div style={{ fontSize: 18, marginTop: 8 }}>\r\n                If you ever need help or assistance, please check back here.\r\n            </div>\r\n        </div>\r\n    }\r\n    \r\n    const normalView = () => {\r\n        return <Fragment>\r\n            <div style={{ marginTop: 20, marginBottom: 20, fontSize: 18, textAlign: 'center', fontWeight: 'bold', maxWidth: 443 }}>\r\n                Leave your details and one of the <b>OK2PLAY</b> team will call you to meet your needs\r\n            </div>\r\n            \r\n            <div className=\"flex-cen-stack\">\r\n                {/*<CardText style={{ fontSize: '1.5rem', marginTop: 12 }}>*/}\r\n                {/*    Contact Details*/}\r\n                {/*</CardText>*/}\r\n\r\n                <input\r\n                    css={css({ width: 280, padding: 6, marginBottom: 8, borderRadius: 8 })}\r\n                    placeholder={'Enter Full Name'}\r\n                    type={'text'}\r\n                    value={presentationSignUp.fullName}\r\n                    onChange={({ target: { value } }) => {\r\n                        setNameError(false);\r\n                        \r\n                        setPresentationSignUp(prevState => ({\r\n                            ...prevState,\r\n                            fullName: value\r\n                        }))\r\n                    }}\r\n                />\r\n\r\n                {nameError && (\r\n                    <div style={{ color: 'red', fontSize: 16, marginTop: -8, marginBottom: 8 }}>\r\n                        Please enter your full name\r\n                    </div>\r\n                )}\r\n\r\n                <div\r\n                    css={css({ /* width: 360, padding: '6px 0',*/ backgroundColor: 'white', marginBottom: 8 })}\r\n                >\r\n                    <PhoneInput\r\n                        defaultCountry={\"AU\"}\r\n                        country={\"AU\"}\r\n                        value={presentationSignUp.phoneNumber}\r\n                        onChange={(value: Value) => {\r\n                            setMobileError(false);\r\n\r\n                            setPresentationSignUp(prevState => ({\r\n                                ...prevState,\r\n                                phoneNumber: value\r\n                            }))\r\n                        }}\r\n                        placeholder={\"Enter Mobile Number\"}\r\n                        css={{\r\n                            '& input' : {\r\n                                padding: 6,\r\n                                borderRadius: 8,\r\n                                width: 280,\r\n                                marginRight: '2.5rem'\r\n                            }\r\n                        }}\r\n                    />\r\n                </div>\r\n                {/*<input*/}\r\n                {/*    css={css({ width: 360, padding: 6, marginBottom: 8, borderRadius: 8 })}*/}\r\n                {/*    placeholder={'Enter Mobile Number'}*/}\r\n                {/*    type={'text'}*/}\r\n                {/*    value={presentationSignUp.phoneNumber}*/}\r\n                {/*    onChange={({ target: { value } }) => {*/}\r\n                {/*        setMobileError(false);*/}\r\n                {/*        setHelpRequest(prevState => ({*/}\r\n                {/*            ...prevState,*/}\r\n                {/*            phoneNumber: value*/}\r\n                {/*        }))*/}\r\n                {/*    }}*/}\r\n                {/*/>*/}\r\n                \r\n                {mobileError && (\r\n                    <div style={{ color: 'red', fontSize: 16, marginTop: -8, marginBottom: 8 }}>\r\n                        Invalid mobile number, please try again\r\n                    </div>\r\n                )}\r\n                \r\n                {/*<input*/}\r\n                {/*    css={css({ width: 360, padding: 6, marginBottom: 8, borderRadius: 8 })}*/}\r\n                {/*    placeholder={'Enter State Location'}*/}\r\n                {/*    type={'text'}*/}\r\n                {/*    value={presentationSignUp.stateLocation}*/}\r\n                {/*    onChange={({ target: { value } }) => {*/}\r\n                {/*        if (isValidState(value)) {*/}\r\n                {/*            setStateLocationError(false);*/}\r\n                {/*            setPresentationSignUp(prevState => ({*/}\r\n                {/*                ...prevState,*/}\r\n                {/*                stateLocation: value*/}\r\n                {/*            }))*/}\r\n                {/*        } else {*/}\r\n                {/*            setStateLocationError(true);*/}\r\n                {/*        }*/}\r\n                {/*    }}*/}\r\n                {/*/>*/}\r\n                \r\n                {/*{stateLocationError && (*/}\r\n                {/*    <div style={{ color: 'red', fontSize: 16, marginTop: -8, marginBottom: 8 }}>*/}\r\n                {/*        Invalid State Entry*/}\r\n                {/*    </div>*/}\r\n                {/*)}*/}\r\n                \r\n                <input\r\n                    css={css({ width: 280, padding: 6, marginBottom: 8, borderRadius: 8 })}\r\n                    placeholder={'Enter Club Name'}\r\n                    type={'text'}\r\n                    value={presentationSignUp.clubName}\r\n                    onChange={({ target: { value } }) => {\r\n                        setClubNameError(false);\r\n                        setPresentationSignUp(prevState => ({\r\n                            ...prevState,\r\n                            clubName: value\r\n                        }))\r\n                    }}\r\n                />\r\n\r\n                {clubNameError && (\r\n                    <div style={{ color: 'red', fontSize: 16, marginTop: -8, marginBottom: 8 }}>\r\n                        You must enter your Club's Name\r\n                    </div>\r\n                )}\r\n\r\n                <UncontrolledDropdown css={{marginBottom: 8}}>\r\n                    <DropdownToggle caret>\r\n                        {\r\n                            presentationSignUp.stateLocation ?\r\n                                validStates.find(s => s.key === presentationSignUp.stateLocation)!.name\r\n                                : \"Select Club State\"\r\n                        }\r\n                    </DropdownToggle>\r\n                    <DropdownMenu>\r\n                        { validStates.map((state) => (\r\n                            <DropdownItem key={state.key} onClick={() => {\r\n                                setStateLocationError(false);\r\n                                setPresentationSignUp(prevState => ({\r\n                                    ...prevState,\r\n                                    stateLocation: state.key\r\n                                }))\r\n                            }}>\r\n                                {state.name}\r\n                            </DropdownItem>\r\n                        ))}\r\n                    </DropdownMenu>\r\n                </UncontrolledDropdown>\r\n\r\n                {stateLocationError && (\r\n                    <div style={{ color: 'red', fontSize: 16, marginTop: -8, marginBottom: 8 }}>\r\n                        Please select state\r\n                    </div>\r\n                )}\r\n            </div>\r\n            \r\n            <button\r\n                className=\"btn btn-primary\"\r\n                type=\"submit\"\r\n                onClick={submitHelp}\r\n                css={css({\r\n                    marginTop: 12,\r\n                    marginBottom: 6,\r\n                    backgroundColor: '#353637',\r\n                    color: '#EB462C',\r\n                    fontSize: 16,\r\n                    fontWeight: \"bold\"\r\n                })}\r\n            >\r\n                Submit\r\n            </button>\r\n\r\n            {/*<button*/}\r\n            {/*    className=\"btn btn-primary\"*/}\r\n            {/*    type=\"submit\"*/}\r\n            {/*    onClick={() => setCancelRequest(true)}*/}\r\n            {/*    css={css({*/}\r\n            {/*        marginTop: 6,*/}\r\n            {/*        marginBottom: 12,*/}\r\n            {/*        backgroundColor: '#353637',*/}\r\n            {/*        color: '#EB462C',*/}\r\n            {/*        fontSize: 16,*/}\r\n            {/*        fontWeight: \"bold\"*/}\r\n            {/*    })}*/}\r\n            {/*>*/}\r\n            {/*    Cancel*/}\r\n            {/*</button>*/}\r\n        </Fragment>\r\n    };\r\n\r\n    return (\r\n        <Container style={{ marginTop: 64, marginBottom: 24, flexDirection: 'column', display: 'flex', alignItems: 'center' }}>\r\n            <img style={{ width: '100%', maxWidth: 700, margin: 'auto', marginBottom: 44 }}\r\n                 src={\"https://ok2p-test-bucket.s3.ap-southeast-2.amazonaws.com/ok2play_logo_dark.png\"} />\r\n\r\n            <div style={{ /*margin: 8,*/ fontSize: 20, textAlign: 'center', maxWidth: 660 }}>\r\n                Thank you for wanting to know more about OK2PLAY the most advanced PLAYER PROTECTION solution available.\r\n            </div>\r\n            \r\n            <Card style={{ marginTop: 18 }}>\r\n                <CardBody style={{ display: 'flex', flexDirection: 'column' }}>\r\n                    {cancelRequest ? (\r\n                        cancelledView()\r\n                    ) : (\r\n                        <Fragment>\r\n                            {submittedRequest ? (\r\n                                submittedView()\r\n                            ) : (\r\n                                normalView()\r\n                            )}\r\n                        </Fragment>\r\n                    )}\r\n                </CardBody>\r\n            </Card>\r\n        </Container>\r\n    );\r\n});\r\n","/** @jsxRuntime classic */\r\n/** @jsx jsx */\r\nimport { css, jsx } from '@emotion/core';\r\nimport styled from \"@emotion/styled\";\r\nimport React from \"react\";\r\n\r\nexport const Columns = styled.div({\r\n    display: 'flex',\r\n    flexDirection: 'column',\r\n    alignItems: 'center',\r\n    justifyContent: 'center'\r\n});\r\n\r\nexport const Rows = styled.div({\r\n    display: 'flex',\r\n    flexDirection: 'row',\r\n    alignItems: 'center',\r\n    justifyContent: 'center'\r\n});\r\n\r\nexport const PageTitle = styled.div({\r\n    fontSize: 24,\r\n    textAlign: 'center'\r\n});\r\n\r\nexport const secondsSinceToTimestamp = (secondsSince?: number) => {\r\n    if (!secondsSince) return undefined;\r\n\r\n    if (secondsSince < 61) {\r\n        return `${secondsSince}s`\r\n    } else {\r\n        let hours = 0;\r\n        let mins = Math.ceil(secondsSince) / 60;\r\n        let secs = Math.ceil(secondsSince) % 60;\r\n\r\n        if (mins >= 60) {\r\n            hours = Math.ceil(mins / 60);\r\n            mins = Math.ceil(mins % 60);\r\n\r\n            return `${hours}h ${mins}m`;\r\n        } else {\r\n            return `${mins}m ${secs}s`;\r\n        }\r\n    }\r\n};\r\n\r\nexport const PageFooter = (props: {stateLocation?: string}) => {\r\n    if (props.stateLocation != \"NSW\" &&\r\n        props.stateLocation != \"QLD\") {\r\n        return null;    \r\n    }\r\n    \r\n    return <div css={{ width: '100%', backgroundColor: footerBgColor(props.stateLocation), textAlign: 'center' }}>\r\n        <img\r\n            src={footerImage(props.stateLocation)}\r\n            css={{\r\n                objectFit: 'contain',\r\n                maxWidth: '100%',\r\n                maxHeight: 120\r\n            }}\r\n        />\r\n    </div>\r\n}\r\n\r\nconst footerImage = (stateLocation?: string) => {\r\n    if (stateLocation == \"QLD\") {\r\n        return \"qld_okcheck_footer.png\";\r\n    } else if (stateLocation == \"NSW\") {\r\n        return \"okcheck_footer.png\";\r\n    }\r\n};\r\n\r\nconst footerBgColor = (stateLocation?: string) => {\r\n    if (stateLocation == \"QLD\") {\r\n        return '#040504';\r\n    } else if (stateLocation == \"NSW\") {\r\n        return '#233E7D';\r\n    }\r\n};\r\n    ","/** @jsxRuntime classic */\r\n/** @jsx jsx */\r\nimport { css, jsx } from '@emotion/core';\r\nimport React, {useContext, useEffect, useState, Fragment} from 'react';\r\nimport { observer } from 'mobx-react';\r\nimport {AppStore, UserStore} from \"../../index\";\r\nimport {useParams} from \"react-router\";\r\nimport {\r\n    Card,\r\n    CardBody, Col,\r\n    Container\r\n} from \"reactstrap\";\r\nimport ApiClient from \"../../ApiClient\";\r\nimport {GoldBallLoader} from \"../ui/Loading\";\r\nimport {CheckMessageResponseType, Venue} from \"../../state/UserState\";\r\nimport {Simulate} from \"react-dom/test-utils\";\r\nimport {Columns, PageFooter, Rows} from \"../UiKit\";\r\n\r\nconst buttonCss = css({\r\n    objectFit: 'contain',\r\n    height: 80,\r\n    margin: '12px 8px',\r\n    '&:hover': {\r\n        cursor: 'pointer'\r\n    }\r\n});\r\n\r\nconst UserCheckPage = () => {\r\n    const venueStore = useContext(UserStore);\r\n    const appState = useContext(AppStore);\r\n    \r\n    let { checkToken } = useParams();\r\n    \r\n    const [alreadyAnswered, setAlreadyAnswered] = useState(false);\r\n    const [loadRequestComplete, setLoadRequestComplete] = useState(false);\r\n    const [venueSummary, setVenueSummary] = useState<Venue | undefined>(undefined);\r\n    const [responseSuccess, setResponseSuccess] = useState(false);\r\n    const [responseSaved, setResponseSaved] = useState<CheckMessageResponseType | undefined>(undefined);\r\n    \r\n    const errorMessage = (children: JSX.Element, showTick: boolean = false) => {\r\n        return (\r\n            <Columns css={{\r\n                fontSize: 26,\r\n                textAlign: 'center',\r\n                padding: 16,\r\n                width: '75vw',\r\n                lineHeight: '34px',\r\n                fontFamily: '\"Montserrat\", sans-serif',\r\n                fontWeight: 700\r\n            }}>\r\n                {children}\r\n                \r\n                {showTick && (\r\n                    <img css={{\r\n                        marginTop: 16,\r\n                        width: 130\r\n                    }}\r\n                         src={\"green_tick.png\"}\r\n                    />                    \r\n                )}\r\n            </Columns>\r\n        )\r\n    }\r\n    \r\n    const successView = () => {\r\n        if (responseSaved === 'OK') {\r\n            return (\r\n                <Columns css={{\r\n                    fontSize: 26,\r\n                    textAlign: 'center',\r\n                    padding: 16,\r\n                    width: '75vw',\r\n                    lineHeight: '34px',\r\n                    fontFamily: '\"Montserrat\", sans-serif',\r\n                    fontWeight: 700\r\n                }}>\r\n                    <span>THANK YOU,</span>\r\n                    <span>YOUR RESPONSE</span>\r\n                    <span>HAS BEEN HEARD</span>\r\n                    \r\n                    <img css={{\r\n                        marginTop: 16,\r\n                        width: 130\r\n                    }}\r\n                        src={\"green_tick.png\"}\r\n                    />\r\n                </Columns>\r\n            )\r\n        } else if (responseSaved === 'NOT_OK') {\r\n            return (\r\n                <Columns css={{\r\n                    fontSize: 26,\r\n                    textAlign: 'center',\r\n                    padding: 16,\r\n                    width: '75vw',\r\n                    lineHeight: '34px',\r\n                    fontFamily: '\"Montserrat\", sans-serif',\r\n                    fontWeight: 700\r\n                }}>\r\n                    <span>THANK YOU,</span>\r\n                    <span>YOUR RESPONSE</span>\r\n                    <span>HAS BEEN HEARD</span>\r\n                    \r\n                    <img css={{\r\n                        marginTop: 16,\r\n                        width: 130\r\n                    }}\r\n                         src={\"green_tick.png\"}\r\n                    />\r\n                </Columns>\r\n            )\r\n        }\r\n    }\r\n    \r\n    const loadingView = () => {\r\n        return (\r\n            <Container style={{ marginTop: 24, marginBottom: 24 }}>\r\n                <div style={{ fontSize: 26, textAlign: 'center', marginBottom: 16 }}>\r\n                    Loading...\r\n                </div>\r\n                <GoldBallLoader />\r\n            </Container>\r\n        )\r\n    }\r\n    \r\n    useEffect(() => {\r\n        appState.currentPageRoute = 'USER_CHECK_PAGE';\r\n        \r\n        ApiClient.loadUserQuestion(checkToken)\r\n            .then((axRes) => {\r\n                setLoadRequestComplete(true);\r\n                const response = axRes.data;\r\n                \r\n                venueStore.venue = response.body.venueSummary;\r\n                venueStore.loadRequestComplete = true;\r\n                \r\n                if (response.errorType === 'CONSUMED') setAlreadyAnswered(true);\r\n                if (response.success) setVenueSummary(response.body.venueSummary);\r\n            })\r\n            .catch((e) => {})\r\n                setLoadRequestComplete(true);\r\n    }, [])\r\n        \r\n    const setQuestionResponse = (checkMessageResponse: CheckMessageResponseType) => {\r\n        ApiClient.setUserQuestionResponse(checkToken, checkMessageResponse)\r\n            .then((response) => {\r\n                const success = response.data.success;\r\n                \r\n                if (!success) return;\r\n                \r\n                setResponseSuccess(true);\r\n                setResponseSaved(checkMessageResponse);\r\n                \r\n            })\r\n            .catch(() => {})\r\n    };\r\n    \r\n    const normalView = () => {\r\n        return <Columns>\r\n            <Rows>\r\n                <img\r\n                    css={buttonCss}\r\n                    onClick={() => setQuestionResponse('OK')}\r\n                    src={\"button_attend.png\"}\r\n                />\r\n\r\n                <img\r\n                    css={buttonCss}\r\n                    onClick={() => setQuestionResponse('NOT_OK')}\r\n                    src={\"button_cant_attend.png\"}\r\n                />\r\n            </Rows>\r\n            \r\n            {/*<img*/}\r\n            {/*    css={buttonCss}*/}\r\n            {/*    onClick={() => setQuestionResponse('ASK_AGAIN')}*/}\r\n            {/*    src={\"ask_again_button.png\"}*/}\r\n            {/*/>*/}\r\n        </Columns>\r\n    };\r\n    \r\n    const getViewSwitch = () => {\r\n        if (!loadRequestComplete) return <Card style={{ marginTop: 40, marginBottom: 40, maxWidth: '80vw' }}>\r\n            <CardBody style={{ display: 'flex', flexDirection: 'column' }}>\r\n                {loadingView()}\r\n            </CardBody>\r\n        </Card>\r\n\r\n        if (alreadyAnswered) return <Card style={{ marginTop: 40, marginBottom: 40, maxWidth: '80vw' }}>\r\n            <CardBody style={{ display: 'flex', flexDirection: 'column' }}>\r\n                {errorMessage(\r\n                    <Fragment>\r\n                        <span>THANK YOU,</span>\r\n                        <span>YOUR RESPONSE</span>\r\n                        <span>HAS ALREADY BEEN HEARD</span>\r\n                    </Fragment>\r\n                , true)}\r\n            </CardBody>\r\n        </Card>\r\n        \r\n        if (!venueSummary) return <Card style={{ marginTop: 40, marginBottom: 40, maxWidth: '80vw' }}>\r\n            <CardBody style={{ display: 'flex', flexDirection: 'column' }}>\r\n                {errorMessage(\r\n                    <Fragment>\r\n                        <span>SORRY!</span>\r\n                        <span>WE CANT FIND</span>\r\n                        <span>THE PAGE YOU'RE LOOKING FOR</span>\r\n                    </Fragment>\r\n                , false)}\r\n            </CardBody>\r\n        </Card>\r\n        \r\n        if (responseSuccess) return <Card style={{ marginTop: 40, marginBottom: 40, maxWidth: '80vw' }}>\r\n            <CardBody style={{ display: 'flex', flexDirection: 'column' }}>\r\n                {successView()}\r\n            </CardBody>\r\n        </Card>\r\n        \r\n        return normalView();\r\n    }\r\n    \r\n    const getConfigurableContent = (): JSX.Element => {\r\n        let elements = venueStore.venue?.userCheckWebsiteText\r\n            .split('[newline]')\r\n            .map((line) => {\r\n                return <div style={{\r\n                    minHeight: 28,\r\n                    lineHeight: '36px',\r\n                    textAlign: 'center',\r\n                    maxWidth: '77vw'\r\n                }}>\r\n                    {line}\r\n                </div>\r\n            })\r\n        \r\n        return <div style={{\r\n            marginTop: 90,\r\n            marginBottom: 45,\r\n            fontSize: 28,\r\n            fontFamily: '\"Montserrat\", sans-serif',\r\n            fontWeight: 700\r\n        }}>\r\n            {elements}\r\n        </div>;\r\n    }\r\n    \r\n    return (\r\n        <div\r\n            css={css({\r\n                minHeight: '100vh',\r\n                width: '100%',\r\n                flexDirection: 'column',\r\n                display: 'flex',\r\n                alignItems: 'center',\r\n                justifyContent: 'space-between',\r\n                paddingTop: 60\r\n        })}>\r\n            <img\r\n                css={css({\r\n                    objectFit: 'contain',\r\n                    maxWidth: '75vw'\r\n            })}\r\n                src={\"okcheck_logo.png\"}\r\n            />\r\n\r\n            {getConfigurableContent()}\r\n\r\n            <div style={{\r\n                fontSize: 44,\r\n                textAlign: 'center',\r\n                maxWidth: '90vw',\r\n                lineHeight: '56px',\r\n                fontFamily: '\"Montserrat\", sans-serif',\r\n                fontWeight: 900,\r\n                color: 'white'\r\n            }}>\r\n                ARE YOU OK2PLAY?\r\n            </div>\r\n            \r\n            <div style={{ marginTop: 40, marginBottom: 40, maxWidth: '80vw' }}>\r\n                {getViewSwitch()}\r\n            </div>\r\n            \r\n            <div css={css({\r\n                background: 'black',\r\n                width: '100%',\r\n                flexDirection: 'column',\r\n                justifyContent: 'center',\r\n                alignItems: 'center',\r\n                paddingBottom: 40\r\n            })}>\r\n                <div\r\n                    css={css({\r\n                        width: '100%',\r\n                        display: 'flex',\r\n                        flexDirection: 'column',\r\n                        color: 'white',\r\n                        justifyContent: 'center',\r\n                        alignItems: 'center',\r\n                        marginTop: 65,\r\n                        marginBottom: 75,\r\n                        fontSize: 30,\r\n                        fontFamily: '\"Montserrat\", sans-serif',\r\n                        fontWeight: 900,\r\n                        lineHeight: '32px'\r\n                })}>\r\n                    <span>STAY IN CONTROL</span>\r\n                    <span>WITH OK2PLAY?</span>\r\n                </div>\r\n                \r\n                <PageFooter stateLocation={venueSummary?.stateLocation} />\r\n            </div>\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default observer(UserCheckPage);\r\n","import React, {Component, useContext} from 'react';\r\nimport { Collapse, Container, Navbar, NavbarBrand, NavbarToggler, NavItem, NavLink } from 'reactstrap';\r\nimport { Link } from 'react-router-dom';\r\nimport './VenueBrandHeaderBar.scss';\r\nimport {observer} from \"mobx-react\";\r\nimport {UserStore} from \"../../index\";\r\nimport {jsx} from \"@emotion/core\";\r\n\r\nexport const VenueBrandHeaderBar = observer(() => {\r\n    const venueStore = useContext(UserStore);\r\n  \r\n    // constructor() {\r\n    //   super();\r\n    //\r\n    //   this.toggleNavbar = this.toggleNavbar.bind(this);\r\n    //   this.state = {\r\n    //     collapsed: true\r\n    //   };\r\n    // }\r\n    \r\n    const toggleNavbar = () => {\r\n    //   this.setState({\r\n    //     collapsed: !this.state.collapsed\r\n    //   });\r\n    };\r\n    \r\n    // isOpen={!this.state.collapsed}\r\n        \r\n    return (\r\n        <header>\r\n            <Navbar\r\n                className=\"navbar-expand-sm navbar-toggleable-sm ng-white border-bottom box-shadow mb-3\" \r\n                light\r\n                style={{ backgroundColor: 'lightgray' }}\r\n            >\r\n                <Container style={{ padding: 8, display: 'flex', flexDirection: 'column' }}>\r\n                    \r\n                    <img\r\n                        style={{ width: 86 }}\r\n                        src={venueStore.venue?.commCenAppIconUrl} />\r\n\r\n                    <div style={{ fontSize: 20 }}>\r\n                        {venueStore.venue?.displayName}\r\n                    </div>\r\n\r\n                    \r\n                    {/*<NavbarBrand tag={Link} to=\"/\">Ok2Play</NavbarBrand>*/}\r\n          \r\n                    {/*<NavbarToggler onClick={toggleNavbar} className=\"mr-2\" />*/}\r\n          \r\n                    {/*<Collapse className=\"d-sm-inline-flex flex-sm-row-reverse\" isOpen={false} navbar>*/}\r\n                    {/*    <ul className=\"navbar-nav flex-grow\">*/}\r\n                    {/*        <NavItem>*/}\r\n                    {/*            <NavLink tag={Link} className=\"text-dark\" to=\"/\">Venue Name</NavLink>*/}\r\n                    {/*        </NavItem>*/}\r\n                    {/*    </ul>*/}\r\n                    {/*</Collapse>*/}\r\n          \r\n              </Container>\r\n          </Navbar>\r\n      </header>\r\n    );\r\n});\r\n","import React, {ReactNode, useContext, Fragment} from 'react';\r\nimport { Container } from 'reactstrap';\r\nimport { VenueBrandHeaderBar } from './VenueBrandHeaderBar';\r\nimport {AppStore} from \"../../index\";\r\nimport {observer} from \"mobx-react\";\r\n\r\nconst Layout = (props: { children: ReactNode }) => {\r\n    const appState = useContext(AppStore);\r\n    \r\n    return (\r\n        <Fragment>\r\n            {appState.currentPageRoute === 'USER_CHECK_PAGE' ? (\r\n                <div style={{ minHeight: '100vh', background: 'linear-gradient(90deg, #F05832, #E22526)' }}>\r\n                    {props.children}\r\n                </div>\r\n            ) : (\r\n                <Fragment>\r\n                    <VenueBrandHeaderBar />\r\n                    \r\n                    <Container>\r\n                        {props.children}\r\n                    </Container>\r\n                </Fragment>\r\n            )}\r\n        </Fragment>\r\n    );\r\n}\r\n\r\nexport default observer(Layout);","/** @jsxRuntime classic */\r\n/** @jsx jsx */\r\nimport { css, jsx } from '@emotion/core';\r\nimport React, {useContext, useEffect, useState, Fragment} from 'react';\r\nimport { observer } from 'mobx-react';\r\nimport {AppStore, UserStore} from \"../../index\";\r\nimport {useParams} from \"react-router\";\r\nimport {\r\n    Card,\r\n    CardBody, Col,\r\n    Container, FormGroup, Input, Label\r\n} from \"reactstrap\";\r\nimport ApiClient from \"../../ApiClient\";\r\nimport {GoldBallLoader} from \"../ui/Loading\";\r\nimport {CheckMessageResponseType, Venue} from \"../../state/UserState\";\r\nimport {Simulate} from \"react-dom/test-utils\";\r\nimport {Columns, PageFooter, Rows} from \"../UiKit\";\r\n\r\nconst buttonCss = css({\r\n    objectFit: 'contain',\r\n    height: 80,\r\n    margin: '12px 8px',\r\n    '&:hover': {\r\n        cursor: 'pointer'\r\n    }\r\n});\r\n\r\nconst SmsOptOutPage = () => {\r\n    const venueStore = useContext(UserStore);\r\n    const appState = useContext(AppStore);\r\n    \r\n    let { optOutHash } = useParams();\r\n    \r\n    const [yesOptOut, setYesOptOut] = useState(false);\r\n    const [loadRequestComplete, setLoadRequestComplete] = useState(false);\r\n    const [venueSummary, setVenueSummary] = useState<Venue | undefined>(undefined);\r\n    const [responseSuccess, setResponseSuccess] = useState(false);\r\n    \r\n    const errorMessage = (children: JSX.Element, showTick: boolean = false) => {\r\n        return (\r\n            <Columns css={{\r\n                fontSize: 26,\r\n                textAlign: 'center',\r\n                padding: 16,\r\n                width: '75vw',\r\n                lineHeight: '34px',\r\n                fontFamily: '\"Montserrat\", sans-serif',\r\n                fontWeight: 700\r\n            }}>\r\n                {children}\r\n                \r\n                {showTick && (\r\n                    <img css={{\r\n                        marginTop: 16,\r\n                        width: 130\r\n                    }}\r\n                         src={\"green_tick.png\"}\r\n                    />                    \r\n                )}\r\n            </Columns>\r\n        )\r\n    }\r\n    \r\n    const successView = () => {\r\n        return (\r\n            <Columns css={{\r\n                fontSize: 26,\r\n                textAlign: 'center',\r\n                padding: 16,\r\n                width: '75vw',\r\n                lineHeight: '34px',\r\n                fontFamily: '\"Montserrat\", sans-serif',\r\n                fontWeight: 700\r\n            }}>\r\n                <span>YOU HAVE OPTED OUT OF FUTURE SMS</span>\r\n                \r\n                <img css={{\r\n                    marginTop: 16,\r\n                    width: 130\r\n                }}\r\n                    src={\"green_tick.png\"}\r\n                />\r\n            </Columns>\r\n        )\r\n    }\r\n    \r\n    const loadingView = () => {\r\n        return (\r\n            <Container style={{ marginTop: 24, marginBottom: 24 }}>\r\n                <div style={{ fontSize: 26, textAlign: 'center', marginBottom: 16 }}>\r\n                    Loading...\r\n                </div>\r\n                <GoldBallLoader />\r\n            </Container>\r\n        )\r\n    }\r\n    \r\n    useEffect(() => {\r\n        appState.currentPageRoute = 'SMS_OPT_OUT_PAGE';\r\n        \r\n        ApiClient.loadSmsOptOut(optOutHash)\r\n            .then((axRes) => {\r\n                setLoadRequestComplete(true);\r\n                const response = axRes.data;\r\n                \r\n                venueStore.venue = response.body.venueSummary;\r\n                venueStore.loadRequestComplete = true;\r\n                \r\n                // if (response.errorType === 'CONSUMED') setAlreadyAnswered(true);\r\n                if (response.success) setVenueSummary(response.body.venueSummary);\r\n            })\r\n            .catch((e) => {})\r\n                setLoadRequestComplete(true);\r\n    }, [])\r\n        \r\n    const doOptOut = () => {\r\n        ApiClient.setSmsOptOutResponse(optOutHash)\r\n            .then((response) => {\r\n                const success = response.data.success;\r\n                \r\n                if (!success) return;\r\n                \r\n                setResponseSuccess(true);\r\n                \r\n            })\r\n            .catch(() => {})\r\n    };\r\n    \r\n    const normalView = () => {\r\n        return <Fragment>\r\n            <div style={{\r\n                marginTop: 90,\r\n                marginBottom: 45,\r\n                fontSize: 28,\r\n                fontFamily: '\"Montserrat\", sans-serif',\r\n                fontWeight: 700,\r\n                textAlign: 'center'\r\n            }}>\r\n                Are you sure you wish to opt out of all future SMS?\r\n            </div>\r\n    \r\n            {yesOptOut ? (\r\n                <div style={{ marginTop: 40, marginBottom: 80, maxWidth: '80vw' }}>\r\n                    <button\r\n                        className=\"btn btn-primary\"\r\n                        type=\"submit\"\r\n                        onClick={doOptOut}\r\n                        css={css({\r\n                            marginTop: 12,\r\n                            marginBottom: 6,\r\n                            backgroundColor: 'red',\r\n                            color: 'white',\r\n                            fontSize: 16,\r\n                            fontWeight: \"bold\"\r\n                        })}\r\n                    >\r\n                        Confirm\r\n                    </button>\r\n                </div>\r\n            ) : (\r\n                <FormGroup\r\n                    check\r\n                    style={{ display: 'flex', flexDirection: 'column-reverse', justifyContent: 'center', marginBottom: 80, marginTop: 40 }}\r\n                >\r\n                    <Input\r\n                        style={{ width: 54 }}\r\n                        name=\"radio1\"\r\n                        type=\"radio\"\r\n                        onClick={() => {\r\n                            setYesOptOut(true);\r\n                        }}\r\n                    />\r\n                    {' '}\r\n                    <Label\r\n                        style={{ marginLeft: 36 }}\r\n                        check\r\n                    >\r\n                        Yes I am sure\r\n                    </Label>\r\n                </FormGroup>\r\n            )}\r\n        </Fragment>\r\n    };\r\n    \r\n    const getViewSwitch = () => {\r\n        if (!loadRequestComplete) return <Card style={{ marginTop: 40, marginBottom: 40, maxWidth: '80vw' }}>\r\n            <CardBody style={{ display: 'flex', flexDirection: 'column' }}>\r\n                {loadingView()}\r\n            </CardBody>\r\n        </Card>\r\n        \r\n        if (!venueSummary) return <Card style={{ marginTop: 40, marginBottom: 40, maxWidth: '80vw' }}>\r\n            <CardBody style={{ display: 'flex', flexDirection: 'column' }}>\r\n                {errorMessage(\r\n                    <Fragment>\r\n                        <span>SORRY!</span>\r\n                        <span>WE CANT FIND</span>\r\n                        <span>THE PAGE YOU'RE LOOKING FOR</span>\r\n                    </Fragment>\r\n                , false)}\r\n            </CardBody>\r\n        </Card>\r\n        \r\n        if (responseSuccess) return <Card style={{ marginTop: 40, marginBottom: 40, maxWidth: '80vw' }}>\r\n            <CardBody style={{ display: 'flex', flexDirection: 'column' }}>\r\n                {successView()}\r\n            </CardBody>\r\n        </Card>\r\n        \r\n        return normalView();\r\n    }\r\n    \r\n    return (\r\n        <div\r\n            css={css({\r\n                minHeight: '100vh',\r\n                width: '100%',\r\n                flexDirection: 'column',\r\n                display: 'flex',\r\n                alignItems: 'center',\r\n                justifyContent: 'space-between',\r\n                paddingTop: 60\r\n        })}>\r\n            <img\r\n                css={css({\r\n                    objectFit: 'contain',\r\n                    maxWidth: '75vw'\r\n            })}\r\n                src={\"https://ok2p-test-bucket.s3.ap-southeast-2.amazonaws.com/ok2play_logo_dark.png\"}\r\n            />\r\n\r\n            {getViewSwitch()}\r\n            \r\n            <div css={css({\r\n                background: 'black',\r\n                width: '100%',\r\n                flexDirection: 'column',\r\n                justifyContent: 'center',\r\n                alignItems: 'center',\r\n                paddingBottom: 40\r\n            })}>\r\n                <div\r\n                    css={css({\r\n                        width: '100%',\r\n                        display: 'flex',\r\n                        flexDirection: 'column',\r\n                        color: 'white',\r\n                        justifyContent: 'center',\r\n                        alignItems: 'center',\r\n                        marginTop: 65,\r\n                        marginBottom: 75,\r\n                        fontSize: 30,\r\n                        fontFamily: '\"Montserrat\", sans-serif',\r\n                        fontWeight: 900,\r\n                        lineHeight: '32px'\r\n                })}>\r\n                    <span>STAY IN CONTROL</span>\r\n                    <span>WITH OK2PLAY?</span>\r\n                </div>\r\n                \r\n                <PageFooter stateLocation={venueSummary?.stateLocation} />\r\n            </div>\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default observer(SmsOptOutPage);\r\n","import React, { Component } from 'react';\r\nimport {Route, Switch} from 'react-router';\r\nimport {Home} from \"./components/pages/Home\";\r\nimport {PresentationForm} from \"./components/pages/PresentationForm\";\r\nimport UserCheckPage from \"./components/pages/UserCheckPage\";\r\nimport Layout from \"./components/layout/Layout\";\r\nimport SmsOptOutPage from \"./components/pages/SmsOptOutPage\";\r\n\r\nexport const App = () => {\r\n    return (\r\n        <Layout>\r\n            <Switch>\r\n                <Route exact path='/presentation' component={PresentationForm} />\r\n                <Route exact path='/qr/:venueTag' component={Home} />\r\n                <Route exact path='/u/:checkToken' component={UserCheckPage} />\r\n                <Route exact path='/:venueTag' component={Home} />\r\n                <Route exact path='/opt/:optOutHash' component={SmsOptOutPage} />\r\n            </Switch>\r\n        </Layout>\r\n    );\r\n}\r\n","import {computed, makeAutoObservable, runInAction} from 'mobx'\r\nimport ApiClient from \"../ApiClient\";\r\nimport {AxiosResponse} from \"axios\";\r\n\r\nexport interface BaseApiResponse<T> {\r\n    success: boolean;\r\n    errorType?: string;\r\n    body: T;\r\n}\r\n\r\nexport type CheckMessageResponseType = 'OK' | 'NOT_OK' | 'ASK_AGAIN';\r\n\r\nexport type UserType = {\r\n    userId: number;\r\n    venueId: string;\r\n\r\n    emailAddress: string;\r\n};\r\n\r\nexport type Venue = {\r\n    venueId: number;\r\n    displayName: string;\r\n    nameKeyStr: string;\r\n\r\n    commCenAppIconUrl: string;\r\n    userCheckWebsiteText: string;\r\n\r\n    stateLocation: string;\r\n    \r\n    // iconUrl: string;\r\n    // backgroundUrl: string;\r\n\r\n    // venueFeatures: VenueFeatures;\r\n    // userVenuePermissions: UserPermissions\r\n};\r\n\r\n// export type VenueFeatures = {\r\n//     queryStringAttractors: boolean\r\n//     draggableAttractors: boolean\r\n//     mobileAttractorsByTier: boolean\r\n//     mobileAboutItemAttachments: boolean\r\n// };\r\n//\r\n// export type UserPermissions = {\r\n//     isAdmin: boolean;\r\n//     hasAnalyticsAccess: boolean;\r\n// };\r\n\r\nexport default class UserState {\r\n    venue?: Venue = undefined;\r\n    loadRequestComplete = false;\r\n    \r\n    constructor() {\r\n        makeAutoObservable(this);\r\n    }\r\n    \r\n    @computed get getVenueId() {\r\n        return this.venue?.venueId;\r\n    }\r\n    \r\n    loadVenueData = (venueTag: string) => {\r\n        ApiClient.getVenueSummary(venueTag)\r\n            .then((axRes) => {\r\n                const response = axRes.data;\r\n                \r\n                runInAction(() => {\r\n                    this.loadRequestComplete = true;\r\n                    this.venue = response.venueSummary;\r\n                });\r\n            })\r\n            .catch(error => {\r\n                this.loadRequestComplete = true;\r\n            });\r\n    }\r\n};\r\n\r\nexport const userState = new UserState();","import { makeAutoObservable} from 'mobx'\r\n\r\nexport type AppPageRoute = 'USER_CHECK_PAGE' | 'HOME' | 'QR' | 'SMS_OPT_OUT_PAGE';\r\n\r\nexport default class AppState {\r\n    currentPageRoute?: AppPageRoute = undefined;\r\n    \r\n    constructor() {\r\n        makeAutoObservable(this);\r\n    }\r\n};\r\n\r\nexport const appState = new AppState();","import 'bootstrap/dist/css/bootstrap.css';\r\nimport './app.global.scss'\r\n\r\nimport React, {createContext} from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { BrowserRouter } from 'react-router-dom';\r\nimport { App } from './App';\r\n// import registerServiceWorker from './registerServiceWorker';\r\nimport UserState, {userState} from \"./state/UserState\";\r\nimport ApiClient from './ApiClient';\r\nimport AppState, {appState} from \"./state/AppState\";\r\n\r\nconst baseUrl = document.getElementsByTagName('base')[0].getAttribute('href')!;\r\nconst rootElement = document.getElementById('root');\r\n\r\nexport const UserStore = createContext<UserState>(userState);\r\nexport const AppStore = createContext<AppState>(appState);\r\n\r\nexport const apiBaseUrl =\r\n    process.env.NODE_ENV === 'production'\r\n        ? 'https://api-prod.ok2play-dev.com/api'\r\n        // : 'https://api.ok2play-dev.com/api';\r\n        // : 'https://api-prod.ok2play-dev.com/api';\r\n        : 'http://192.168.0.77:5041/api';\r\n\r\nApiClient.init(apiBaseUrl, userState);\r\n\r\nReactDOM.render(\r\n    <AppStore.Provider value={appState}>\r\n        <UserStore.Provider value={userState}>\r\n            <BrowserRouter basename={baseUrl}>\r\n                <App />\r\n            </BrowserRouter>\r\n        </UserStore.Provider>\r\n    </AppStore.Provider>\r\n    ,\r\n    rootElement\r\n);\r\n\r\n// registerServiceWorker();\r\n\r\n"],"sourceRoot":""}